@charset "UTF-8";

/*====================
PC：設定なし（実質1025px以上）
タブレット：1024px [max-width : 1024px]
スマートフォン：599px [max-width : 599px]
====================*/

/* パソコンフロー画像表示 */
.pc-flow { display: block !important; }
.sp-flow { display: none !important; }

/* 改行調整 */
@media screen and (min-width: 599px){   
  .pc-br { display:inline; }
  .sp-br { display:none; }
}
@media screen and (max-width: 599px){   
  .pc-br { display:none; }
  .sp-br { display:inline; }
}


@media screen and (min-width: 1024px) {
	.container {
		max-width: 1000px;
	}
}

@media screen and (max-width: 1024px) {/* 1024pxタブレット　以下 */
	.main_logo {
		z-index: 12;
		margin-top: 10px;
		max-height: 17%;
	}
	.img-bg-02 {
  		background-image: url(../img/R-block2_sp.jpg);
		background-attachment: scroll;
	}
	.img-bg-03 {
		background-image: url(../img/index-img03_sp.jpg);
		background-attachment: scroll;
		}
	.img-bg-02,.img-bg-03 {
    	height: 40vh;
	}
	.circle-A {
		bottom:13%;
	}
}

@media screen and (max-width: 960px) {
	#foot_nav {
		display: flex;
		flex-direction: column;
	}
	#foot_nav li {
		line-height: 2.5;
		font-size: 1.55rem;
	}
	
}

@media ( max-width : 599px){
	/* スマホフロー画像表示 */
	.pc-flow { display: none !important; }
	.sp-flow { display: block !important; }
	
	a.link_UL {
		text-decoration: none;
		font-size: 90%;
	}
	
	
	.pc-inline {
		margin: 0;
		display: block;
	}

	.main_logo {
		z-index: 12;
		/* max-width: 25%;*/
		margin-top: 0px;
		max-height: 8%;
	}
	.main_logoB {
		z-index: 12;
		max-width: 270px;
		margin-top: 0px;
	}
	.contents-box {
    	display: flex;
    	flex-direction: column;
    	width: 93%;
	}
	.box-width_small {
    	padding: 20px;
	}
	.box-width_large {
		padding: 20px;
	}
	.box-width_small_np {
		padding: 0;
		max-width: 500px;
		margin: 0 auto;
	}
	#workflow_svg {
		width: 100%;
	}
	.block-H3 {
		font-size: 2.1rem;
		margin-bottom: 20px;
	}
	H3.block2-H {
		font-size: 1.6rem;
		margin: 1.5rem 0;
		text-align: justify;		
		}
	.food-creative-flex_item {
		display: flex;
		flex-direction: column;
	}
	.food-text {
		font-size: 1.55rem;
		line-height: 1.9;
		margin: 25px 0;
	}
	.fc-item_left,.fc-item_right {
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		width: 100%;
	} 
	.fc-item_img{
		width: 100%;
	}
	.fc-item_img img,.workF-case-itembox .item-3 img {
		height: 230px;
		object-fit: cover;
		width: 100%;
	}
	.case-cap {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.imgitem {
		order: 1;
		margin-bottom: 2rem;
	}
	.txtitem {
		order: 2;
	}
	.mainbox-Heading {
		font-size: 2.6rem;
		line-height: 1.5;
		letter-spacing: 0.3rem;
	}
	.works-sub {
		font-size: 1.3rem;
		line-height: 2;
	}

	#fooddesign-svg {
		width: 90%;	
		margin: 15px auto;
	}

	.workF-case-itembox .item-3 {
		width: 100%;
	}
	/*
	.workF-case-itembox .item-3 img {
		object-fit: cover;
		height: 230px;
		width: 100%;
	}
	*/
	.block3-item_arrow {
		margin: 1rem auto;
		text-align: center;	
	}
	.fa-angle-right {
		transform: rotate( 90deg );
	}
	.block3-item_arrow_down {
		text-align: center;	
		display: block;
		margin: 1rem auto;
	}
	.flowtext {
		padding: 1.35rem 0;
		font-size: 1.9rem;
	}
	.itemf p {
		font-size: 1.3rem;
		text-align: justify;
	}
	
	
	/* CONTACT */
	p.form-cap {
		font-size: 1.2rem;
		margin-top: -20px;
	}
	.form_submit {
		padding: 0;
		margin: 2rem 0;
		transition: all .2s;
	}

	input.form_submit_button {
		display       : inline-block;
		font-size     : 2.2rem;        /* 文字サイズ */
		text-align    : center;      /* 文字位置   */
		cursor        : pointer;     /* カーソル   */
		padding       : 1.5rem 2.5rem;   /* 余白       */
		background    : #000;     /* 背景色     */
		color         : #fff;     /* 文字色     */
		line-height   : 1em;         /* 1行の高さ  */
		transition    : .3s;         /* なめらか変化 */
		border        : 1px solid #000000;    /* 枠の指定 */
	}
	
	.btnarrow5 {
		/*矢印の基点とするためrelativeを指定*/
		position: relative;
		/*ボタンの形状*/
		border: 1px solid #000;
		padding: 1.7rem 1rem;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		color: #000;
		outline: none;
		/*アニメーションの指定*/
		transition: all .2s linear;
		width: 100%;
		font-size: 1.9rem;
		letter-spacing: 0.1rem;
		margin-top: 50px;
		background-color: #fff;
	}
	
	.add {
    font-size: 1.3rem;
    letter-spacing: 0.1rem;		
	}

	

}




@media screen and (max-width: 375px) {
	.block-H3 {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 320px) {
	.fc-item_img img,.workF-case-itembox .item-3 img {
		height: 190px;
		object-fit: cover;
		width: 100%;
	}
	.food-text {
		font-size: 1.4rem;
		line-height: 1.9;
		margin: 25px 0;
	}
	.case-cap {
		text-align: center;
		font-size: 1.1rem;
		margin-top: 10px;
		line-height: 1.6;
	}
	.mainbox-Heading {
		font-size: 2.4rem;
		line-height: 1.5;
		letter-spacing: 0.3rem;
	}
	.works-sub {
		font-size: 1.2rem;
		line-height: 2;
	}

}