@charset "utf-8";

/*==============================
foodGift設定
==============================*/

/*foodGift全体*/
#foodGift{
	width: 100%;
}

/*foodGift中身*/
#foodGift .inner{
	margin: 0 auto;
	width: 900px;
}

/*foodGift 見出し日本語*/
#foodGift .inner h2::after{
	content: "ー食品ギフト卸事業ー";
}

/*スライドショー*/
#worries{
	margin: 80px auto 0;
	width: 100%;
}

/*foodGift アンサー*/
#foodGift .inner h4{
	margin: 68px auto 100px;
	color: #1A1A1A;
	font-size: 4.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 74px;
}

/*foodGift アンサー 強調*/
#foodGift .inner h4 strong{
	display: inline-block;
	margin: 0 10px;
	padding: 10px 30px;
	color: #FFF;
	font-size: 6.8rem;
	position: relative;
}

/*foodGift アンサー*/
#foodGift .inner h4 strong::after{
	content: "";
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #FF0000;
	transform: skewX(-15deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

/*==============================
ourFeatures設定
==============================*/

/*ourFeatures全体*/
#ourFeatures{
	width: 100%;
}

/*ourFeatures中身*/
#ourFeatures .inner{
	margin: 0 auto;
	width: 100%;
}

/*ourFeatures中身*/
#ourFeatures .inner > .photo{
	width: 100%;
	height: 350px;
	background: url(../img/business/food/bg_gift@2x.jpg) no-repeat center center / cover;
}

/*ourFeatures 見出し*/
#ourFeatures .inner h2{
	margin: 150px auto 0;
}

/*ourFeatures 見出し日本語*/
#ourFeatures .inner h2::after{
	content: "ー食品開発の強みー";
}

/*ourFeatures サブ見出し*/
#ourFeatures .inner h3{
	font-size: 3rem;
	line-height: 50px;
}

/*ourFeatures サブ見出し 強調*/
#ourFeatures .inner h3 strong{
	color: #FF0000;
	font-size: 5.4rem;
}

/*ourFeatures サブ見出し 強調部スペース*/
#ourFeatures .inner h3 span:nth-of-type(2){
	margin: 10px 0 5px;
}

/*ourFeatures チャート*/
#ourFeatures .inner .chart{
	margin: 180px auto 0;
	width: 930px;
}

/*serviceList*/
.serviceList{
	margin: 180px auto 0;
	width: 1020px;
}

/*serviceList リスト*/
.serviceList > li{
	margin: 0 0 200px 0;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/*serviceList リスト 偶数*/
.serviceList > li:nth-of-type(even){
	flex-direction: row-reverse;
}

/*serviceList descBox*/
.serviceList li .descBox{
	padding: 50px 40px;
	width: 550px;
}

/*serviceList descBox item*/
.serviceList li.item  .descBox{
	border: 3px solid #EA6E4C;
}

/*serviceList descBox knowhow*/
.serviceList li.knowHow .descBox{
	border: 3px solid #3EA2D9;
}

/*serviceList descBox logistics*/
.serviceList li.logistics .descBox{
	border: 3px solid #6ABE98;
}

/*serviceList descBox system*/
.serviceList li.system .descBox{
	border: 3px solid #ECAB49;
}

/*serviceList descBox 見出し*/
.serviceList li .descBox h4{
	padding: 0 0 25px 35px;
	font-size: 4.2rem;
	font-weight: bold;
}

/*serviceList descBox 見出し item*/
.serviceList li.item h4{
	color: #EA6E4C;
	border-bottom: 3px solid #EA6E4C;
}

/*serviceList descBox 見出し knowhow*/
.serviceList li.knowHow h4{
	color: #3EA2D9;
	border-bottom: 3px solid #3EA2D9;
}

/*serviceList descBox 見出し logistics*/
.serviceList li.logistics h4{
	color: #6ABE98;
	border-bottom: 3px solid #6ABE98;
}

/*serviceList descBox 見出し system*/
.serviceList li.system h4{
	color: #ECAB49;
	border-bottom: 3px solid #ECAB49;
}

/*serviceList descBox 数字*/
.serviceList li .descBox h4 .number{
	display: inline-block;
	margin: 0 30px 0 0;
	font-size: 5rem;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	position: relative;
	top: 5px;
}

/*serviceList descBox 数字 装飾*/
.serviceList li .descBox h4 .number::before{
	content: "";
	display: block;
	width: 100%;
	font-size: 1.6rem;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: -20px;
	left: 0;
}

/*serviceList descBox 数字 装飾 item*/
.serviceList li.item .descBox h4 .number::before{
	content: "Item";
}

/*serviceList descBox 数字 装飾 knowhow*/
.serviceList li.knowHow .descBox h4 .number::before{
	content: "Know-how";
}

/*serviceList descBox 数字 装飾 logistics*/
.serviceList li.logistics .descBox h4 .number::before{
	content: "Logistics";
}

/*serviceList descBox 数字 装飾 system*/
.serviceList li.system .descBox h4 .number::before{
	content: "System";
}

/*serviceList descBox サブ見出し*/
.serviceList li .descBox h5{
	margin: 20px 0 0 35px;
	color: #1A1A1A;
	font-size: 1.6rem;
	line-height: 30px;
	font-weight: bold;
}

/*serviceList 説明リスト*/
.serviceList .descList{
		margin: 30px 0 0 35px;
}

/*serviceList 説明リスト 個別*/
.serviceList .descList li{
		color: #1A1A1A;
		font-size: 1.6rem;
		line-height: 30px;
}

/*serviceList 説明リスト 個別 装飾*/
.serviceList .descList li::before{
		content: "・";
}

/*serviceList 説明リスト 個別 頭出し*/
.serviceList .descList li span{
		margin: 0 0 0 15px;
}

/*serviceList ボタン*/
.serviceList .btn{
	margin: 40px 0 0 30px;
	width: 250px;
}

/*serviceList ボタン リンク*/
.serviceList .btn a{
	display: block;
	padding: 0 0 0 30px;
	width: 100%;
	height: 100%;
	font-size: 1.8rem;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
	position: relative;
	transition: 0.15s;
}

/*serviceList ボタン リンク 装飾*/
.serviceList .btn a::before{
	content: "＞";
	display: block;
	position: absolute;
	top: 0px;
	left: 20px;
	transition: 0.15s;
}

/*serviceList ボタン リンク item*/
.serviceList li.item .btn a{
	color: #EA6E4C;
	border: 2px solid #EA6E4C;
}

/*serviceList ボタン リンク logistics*/
.serviceList li.logistics .btn a{
	color: #6ABE98;
	border: 2px solid #6ABE98;
}

/*------------------------------
ホバー設定
------------------------------*/

/*serviceList ボタン リンク item*/
.serviceList li.item .btn a.action{
	color: #FFF;
	background: #EA6E4C;
	transition: 0.3s;
}

/*serviceList ボタン リンク logistics*/
.serviceList li.logistics .btn a.action{
	color: #FFF;
	background: #6ABE98;
	transition: 0.3s;
}

/*serviceList ボタン リンク 装飾*/
.serviceList .btn a.action::before{
	left: 35px;
	transition: 0.3s;
}

/*------------ ホバーここまで ------------*/

/*serviceList 写真box*/
.serviceList li .photoBox{
	width: calc(100% - 550px);
	position: relative;
}

/*serviceList 写真box 装飾共通*/
.serviceList li > .photoBox::after{
	content: "";
	display: block;
	width: 492px;
	height: 450px;
	position: absolute;
	bottom: -80px;
}

/*serviceList 写真box 装飾 奇数*/
.serviceList li:nth-of-type(odd) > .photoBox::after{
	right: 27px;
}

/*serviceList 写真box 装飾 偶数*/
.serviceList li:nth-of-type(even) > .photoBox::after{
	left: 27px;
}

/*serviceList 写真box 装飾 item*/
.serviceList li.item .photoBox::after{
	background: url(../img/business/food/bg_item@2x.jpg) no-repeat center center / cover;
	box-shadow: 25px 25px 0 rgba(255,255,255,1),
				27px 27px 0 #EA6E4C;
}

/*serviceList 写真box 装飾 knowhow*/
.serviceList li.knowHow .photoBox::after{
	background: url(../img/business/food/bg_knowhow@2x.jpg) no-repeat center center / cover;
	box-shadow: -25px 25px 0 rgba(255,255,255,1),
				-27px 27px 0 #3EA2D9;
}

/*serviceList 写真box 装飾 logistics*/
.serviceList li.logistics .photoBox::after{
	background: url(../img/business/food/bg_logistics@2x.jpg) no-repeat center center / cover;
	box-shadow: 25px 25px 0 rgba(255,255,255,1),
				27px 27px 0 #6ABE98;
}

/*serviceList 写真box 装飾 system*/
.serviceList li.system .photoBox::after{
	background: url(../img/business/food/bg_system@2x.jpg) no-repeat center center / cover;
	box-shadow: -25px 25px 0 rgba(255,255,255,1),
				-27px 27px 0 #ECAB49;
}

/*==============================
originalSystem設定
==============================*/

/*originalSystem全体*/
#originalSystem{
	width: 100%;
}

/*originalSystem中身*/
#originalSystem .inner{
	margin: 0 auto;
	padding: 120px 0;
	width: 100%;
}

/*originalSystem 見出し日本語*/
#originalSystem .inner h2::after{
	content: "ー独自システムで効率化ー";
}

/*originalSystem サブ見出し*/
#originalSystem .inner > h3{
	margin: 100px auto 0;
	font-size: 3.4rem;
	line-height: 50px;
}

/*originalSystem サブ見出し 強調*/
#originalSystem .inner > h3 strong{
	color: #FF0000;
	font-size: 5.4rem;
	font-weight: bold;
}

/*originalSystem サブ見出し 強調*/
#originalSystem .inner > .desc em{
	color: #FF0000;
	font-size: 2rem;
	font-weight: bold;
	font-style: normal;
}

/*featureList*/
.featureList{
	margin: 100px auto 0;
	width: 900px;
}

/*featureList 個別*/
.featureList li{
	margin: 0 0 80px 0;
	padding: 65px 85px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 3px solid #FF8080;
}

/*featureList 個別 最後*/
.featureList li:last-of-type{
	margin: 0;
}

/*featureList descBox,photo共通*/
.featureList li .descBox,
.featureList li .photo{
	width: 50%;
}

/*featureList 見出し*/
.featureList li .descBox h4{
	color: #FF0000;
	font-size: 3.6rem;
	font-weight: bold;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
}

/*featureList 見出し S装飾*/
.featureList li .descBox h4 span:first-of-type{
	display: inline-block;
	font-size: 9rem;
	font-weight: 500;
	font-family: 'Cinzel', serif;
	transform: skewX(-20deg);
	position: relative;
	top: 5px;
}

/*featureList 見出し 日本語*/
.featureList li .descBox h4 .jp{
	font-size: 2rem;
}

/*featureList 説明*/
.featureList li .descBox .desc{
	margin: 45px 0 0 0;
	width: 280px;
	color: #1A1A1A;
	font-size: 1.5rem;
	line-height: 34px;
	text-align: justify;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
}

/*originalSystem サブ見出し*/
#originalSystem .inner > h3.finish{
	margin: 200px auto 0;
	font-size: 4rem;
	line-height: 100px;
}

/*originalSystem サブ見出し 強調*/
#originalSystem .inner > h3.finish strong{
	color: #FF0000;
	font-size: 7.4rem;
	font-weight: bold;
	position: relative;
}

/*originalSystem サブ見出し 強調*/
#originalSystem .inner > h3.finish strong::after{
	content: "";
	display: block;
	width: 618px;
	height: 25px;
	background: url(../img/business/food/bg_attention_line.svg) no-repeat center center / cover;
	position: absolute;
	bottom: -30px;
	left: -10px;
}

/*==============================
レスポンシブ設定
==============================*/

@media screen and (max-width: 960px){

	/*==============================
	foodGift設定
	==============================*/

	/*foodGift中身*/
	#foodGift .inner{
		width: calc(100% - 80px);
	}

	/*スライドショー*/
	#worries{
		margin: 80px auto 0;
	}

	/*foodGift アンサー*/
	#foodGift .inner h4{
		margin: 50px auto 100px;
		font-size: 4rem;
		line-height: 60px;
	}

	/*foodGift アンサー 強調*/
	#foodGift .inner h4 strong{
		padding: 10px 10px;
		font-size: 6rem;
	}

	/*==============================
	ourFeatures設定
	==============================*/

	/*ourFeatures 見出し*/
	#ourFeatures .inner h2{
		margin: 100px auto 0;
	}

	/*ourFeatures サブ見出し*/
	#ourFeatures .inner h3{
		font-size: 2.6rem;
		line-height: 46px;
	}

	/*ourFeatures サブ見出し 強調*/
	#ourFeatures .inner h3 strong{
		font-size: 5rem;
	}

	/*ourFeatures サブ見出し 強調*/
	#ourFeatures .inner > .desc{
		width: calc(100% - 80px);
	}

	/*ourFeatures チャート*/
	#ourFeatures .inner .chart{
		margin: 100px auto 0;
		width: calc(100% - 80px);
	}

	/*serviceList*/
	.serviceList{
		margin: 100px auto 0;
		width: calc(100% - 80px);
	}

	/*serviceList リスト*/
	.serviceList > li{
		margin: 0 0 100px 0;
	}

	/*serviceList descBox item*/
	.serviceList li.item{
		border: 3px solid #EA6E4C;
	}

	/*serviceList descBox knowhow*/
	.serviceList li.knowHow{
		border: 3px solid #3EA2D9;
	}

	/*serviceList descBox logistics*/
	.serviceList li.logistics{
		border: 3px solid #6ABE98;
	}

	/*serviceList descBox system*/
	.serviceList li.system{
		border: 3px solid #ECAB49;
	}

	/*serviceList descBox 共通*/
	.serviceList li.item .descBox,
	.serviceList li.knowHow .descBox,
	.serviceList li.logistics .descBox,
	.serviceList li.system .descBox{
		border: none;
	}

	/*serviceList descBox*/
	.serviceList li .descBox{
		padding: 30px;
		width: 55%;
	}

	/*serviceList descBox 見出し*/
	.serviceList li .descBox h4{
		padding: 0 0 20px 0;
		font-size: 3.6rem;
	}

	/*serviceList descBox 数字*/
	.serviceList li .descBox h4 .number{
		margin: 0 10px 0 0;
		font-size: 4.2rem;
		top: 3px;
	}

	/*serviceList descBox 数字 装飾*/
	.serviceList li .descBox h4 .number::before{
		top: -15px;
	}

	/*serviceList descBox サブ見出し*/
	.serviceList li .descBox h5{
		margin: 20px 0 0 0;
	}

	/*serviceList 説明リスト*/
	.serviceList .descList{
			margin: 10px 0 0 0;
	}

	/*serviceList ボタン*/
	.serviceList .btn{
		margin: 30px 0 0 0;
	}


	/*serviceList 写真box*/
	.serviceList li .photoBox{
		width: 45%;
	}

	/*serviceList 写真box 装飾 item*/
	.serviceList li.item .photoBox{
		background: url(../img/business/food/bg_item@2x.jpg) no-repeat center center / cover;
	}

	/*serviceList 写真box 装飾 knowhow*/
	.serviceList li.knowHow .photoBox{
		background: url(../img/business/food/bg_knowhow@2x.jpg) no-repeat center center / cover;
	}

	/*serviceList 写真box 装飾 logistics*/
	.serviceList li.logistics .photoBox{
		background: url(../img/business/food/bg_logistics@2x.jpg) no-repeat center center / cover;
	}

	/*serviceList 写真box 装飾 system*/
	.serviceList li.system .photoBox{
		background: url(../img/business/food/bg_system@2x.jpg) no-repeat center center / cover;
	}

	/*serviceList 写真box 装飾共通*/
	.serviceList li > .photoBox::after{
		bottom: 0;
		position: static;
	}

	/*serviceList 写真box 装飾 奇数*/
	.serviceList li:nth-of-type(odd) > .photoBox::after{
		right: 0;
	}

	/*serviceList 写真box 装飾 偶数*/
	.serviceList li:nth-of-type(even) > .photoBox::after{
		left: 0;
	}

	/*serviceList 写真box 装飾 共通*/
	.serviceList li.item .photoBox::after,
	.serviceList li.knowHow .photoBox::after,
	.serviceList li.logistics .photoBox::after,
	.serviceList li.system .photoBox::after{
		box-shadow: none;
		background: none;
	}

	/*==============================
	originalSystem設定
	==============================*/

	/*originalSystem中身*/
	#originalSystem .inner{
		padding: 0;
		width: calc(100% - 80px);
	}

	/*originalSystem サブ見出し*/
	#originalSystem .inner > h3{
		margin: 60px auto 0;
		font-size: 3rem;
	}

	/*featureList*/
	.featureList{
		margin: 60px auto 0;
		width: 100%;
	}

	/*featureList 個別*/
	.featureList li{
		margin: 0 0 60px 0;
		padding: 30px 50px;
	}

	/*featureList 説明*/
	.featureList li .descBox .desc{
		margin: 20px 0 0 0;
		width: 100%;
	}

	.featureList li .photo{
		padding: 0 0 0 60px;
	}

	/*originalSystem サブ見出し*/
	#originalSystem .inner > h3.finish{
		margin: 60px auto 0;
		font-size: 3rem;
		line-height: 60px;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > h3.finish strong{
		font-size: 6rem;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > h3.finish strong::after{
		width: 110%;
		height: 25px;
		bottom: -30px;
		left: 0;
	}


}

@media screen and (max-width: 768px){

	/*==============================
	foodGift設定
	==============================*/

	/*スライドショー*/
	#worries{
		margin: 50px auto 0;
	}

	/*foodGift アンサー*/
	#foodGift .inner h4{
		font-size: 4rem;
		line-height: 60px;
	}

	/*foodGift アンサー 強調*/
	#foodGift .inner h4 strong{
		padding: 5px 10px;
		font-size: 4.5rem;
	}

	/*==============================
	ourFeatures設定
	==============================*/

	/*ourFeatures中身*/
	#ourFeatures .inner > .photo{
		height: 300px;
	}

	/*ourFeatures チャート*/
	#ourFeatures .inner .chart{
		margin: 60px auto 0;
	}

	/*serviceList*/
	.serviceList{
		margin: 60px auto 0;
	}

	/*serviceList リスト*/
	.serviceList > li{
		margin: 0 0 60px 0;
	}

	/*serviceList ボタン*/
	.serviceList .btn{
		width: 100%;
	}

	/*==============================
	originalSystem設定
	==============================*/

	/*featureList 説明*/
	.featureList li .descBox .desc{
		margin: 0;
		line-height: 30px;
	}

	.featureList li .photo{
		padding: 0 0 0 60px;
	}



}

@media screen and (max-width: 680px){

	/*==============================
	foodGift設定
	==============================*/

	/*foodGift中身*/
	#foodGift .inner{
		width: calc(100% - 60px);
	}

	/*foodGift アンサー*/
	#foodGift .inner h4{
		margin: 50px auto 60px;
		font-size: 3.6rem;
	}

	/*foodGift アンサー 強調*/
	#foodGift .inner h4 strong{
		font-size: 4rem;
	}

	/*==============================
	ourFeatures設定
	==============================*/

	/*ourFeatures中身*/
	#ourFeatures .inner > .photo{
		height: 250px;
	}

	/*ourFeatures サブ見出し*/
	#ourFeatures .inner h3{
		margin: 40px auto 0;
		width: calc(100% - 60px);
		font-size: 2.6rem;
		line-height: 36px;
	}

	/*ourFeatures サブ見出し 強調*/
	#ourFeatures .inner h3 strong{
		font-size: 4rem;
	}

	/*ourFeatures チャート*/
	#ourFeatures .inner .chart{
		margin: 40px auto 0;
		width: calc(100% - 60px);
	}

	/*serviceList*/
	.serviceList{
		margin: 40px auto 0;
		width: calc(100% - 60px);
	}

	/*serviceList リスト*/
	.serviceList > li{
		margin: 0 0 40px 0;
		flex-direction: column;
	}

	/*serviceList リスト 偶数*/
	.serviceList > li:nth-of-type(even){
		flex-direction: column;
	}

	/*serviceList descBox*/
	.serviceList li .descBox{
		width: 100%;
	}

	/*serviceList photoBox*/
	.serviceList li .photoBox{
		width: 100%;
		height: 350px
	}

	/*==============================
	originalSystem設定
	==============================*/

	/*originalSystem中身*/
	#originalSystem .inner{
		padding: 60px 0 0;
		width: calc(100% - 60px);
	}

	/*originalSystem サブ見出し*/
	#originalSystem .inner > h3{
		margin: 40px auto 0;
		font-size: 2rem;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > h3 strong{
		font-size: 3.6rem;
	}

	/*featureList*/
	.featureList{
		margin: 40px auto 0;
	}

	/*featureList 個別*/
	.featureList li{
		margin: 0 0 40px 0;
		padding: 30px;
		flex-direction: column;
	}

	/*featureList descBox,photo共通*/
	.featureList li .descBox,
	.featureList li .photo{
		width: 100%;
	}

	.featureList li .photo{
		margin: 30px 0 0 0;
		padding: 0 60px;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > h3.finish strong{
		font-size: 5rem;
	}


}

@media screen and (max-width: 480px){

	/*==============================
	foodGift設定
	==============================*/

	/*foodGift中身*/
	#foodGift .inner{
		width: calc(100% - 40px);
	}

	/*foodGift中身*/
	#foodGift .inner h3{
		margin: 30px auto 0;
	}

	/*foodGift中身*/
	#foodGift .inner > .desc{
		margin: 20px auto 0;
	}

	/*スライドショー*/
	#worries{
		margin: 30px auto 0;
	}

	/*foodGift アンサー*/
	#foodGift .inner h4{
		margin: 30px auto 40px;
		font-size: 3rem;
		line-height: 46px;
	}

	/*foodGift アンサー 強調*/
	#foodGift .inner h4 strong{
		padding: 10px;
		font-size: 3.6rem;
	}

	/*==============================
	ourFeatures設定
	==============================*/

	/*ourFeatures中身*/
	#ourFeatures .inner > .photo{
		height: 200px;
	}

	/*ourFeatures サブ見出し*/
	#ourFeatures .inner h3{
		margin: 30px auto 0;
		width: calc(100% - 40px);
		font-size: 2rem;
		line-height: 40px;
		text-align: justify;
	}

	/*ourFeatures サブ見出し 強調*/
	#ourFeatures .inner h3 strong{
		font-size: 3.6rem;
	}

	/*ourFeatures 説明*/
	#ourFeatures .inner > .desc{
		margin: 20px auto 0;
		width: calc(100% - 40px);
	}

	/*ourFeatures チャート*/
	#ourFeatures .inner .chart{
		margin: 40px auto 0;
		width: calc(100% - 40px);
	}

	/*serviceList*/
	.serviceList{
		margin: 40px auto 0;
		width: calc(100% - 40px);
	}

	/*serviceList descBox*/
	.serviceList li .descBox{
		padding: 30px 20px;
	}

	/*serviceList descBox 見出し*/
	.serviceList li .descBox h4{
		padding: 0 0 10px 0;
		font-size: 2.8rem;
	}

	/*serviceList descBox 数字*/
	.serviceList li .descBox h4 .number{
		font-size: 3.2rem;
		top: 2px;
	}

	/*serviceList descBox 数字 装飾*/
	.serviceList li .descBox h4 .number::before{
		font-size: 1.2rem;
		top: -12px;
	}

	/*serviceList descBox サブ見出し*/
	.serviceList li .descBox h5{
		margin: 20px 0 0 0;
		line-height: 26px;
		text-align: justify;
	}

	/*serviceList 説明リスト 個別*/
	.serviceList .descList li{
			font-size: 1.4rem;
			line-height: 26px;
			padding-left:1em;
			text-indent:-1em;
	}

	/*serviceList 説明リスト 個別 頭出し*/
	.serviceList .descList li span{
			margin: 0;
	}

	/*serviceList photoBox*/
	.serviceList li .photoBox{
		height: 200px
	}

	/*==============================
	originalSystem設定
	==============================*/

	/*originalSystem中身*/
	#originalSystem .inner{
		padding: 40px 0 0;
		width: calc(100% - 40px);
	}

	/*originalSystem サブ見出し*/
	#originalSystem .inner > h3{
		margin: 30px auto 0;
		line-height: 40px;
	}

	/*originalSystem サブ見出し 改行*/
	#originalSystem .inner > h3 .sp{
		display: block;
	}

	/*originalSystem 説明*/
	#originalSystem .inner > .desc{
		margin: 20px auto 0;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > .desc em{
		font-size: 1.8rem;
	}

	/*featureList*/
	.featureList{
		margin: 40px auto 0;
	}

	/*featureList 個別*/
	.featureList li{
		padding: 20px;
	}

	/*featureList 見出し*/
	.featureList li .descBox h4{
		padding: 0 0 5px 0;
		font-size: 3rem;
		border-bottom: 1px solid #FF0000;
	}

	/*featureList 見出し S装飾*/
	.featureList li .descBox h4 span:first-of-type{
		font-size: 6rem;
		top: 2px;
	}

	/*featureList 見出し 日本語*/
	.featureList li .descBox h4 .jp{
		font-size: 1.6rem;
	}

	/*featureList 説明*/
	.featureList li .descBox .desc{
		margin: 10px 0 0 0;
	}

	/*originalSystem サブ見出し*/
	#originalSystem .inner > h3.finish{
		font-size: 2rem;
		line-height: 30px;
	}

	/*originalSystem サブ見出し 改行*/
	#originalSystem .inner > h3.finish .sp{
		display: block;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > h3.finish strong{
		margin: 0 0 30px 0;
		display: block;
		font-size: 4rem;
		line-height: 50px;
	}

	/*originalSystem サブ見出し 強調*/
	#originalSystem .inner > h3.finish strong::after{
		width: 280px;
		height: 16px;
		bottom: -20px;
		left: calc(50% - 280px /2);
	}

	/*featureList 説明*/
	.featureList li .descBox .desc{
		font-size: 1.4rem;
		line-height: 26px;
	}




}


@media screen and (max-width: 360px){

	/*==============================
	foodGift設定
	==============================*/

	/*foodGift サブ見出し*/
	#foodGift .inner h3{
		width: 100%;
	}

	/*foodGift アンサー*/
	#foodGift .inner h4{
		line-height: 40px;
	}

	/*foodGift アンサー 強調*/
	#foodGift .inner h4 strong{
		font-size: 3.2rem;
	}

	/*==============================
	ourFeatures設定
	==============================*/

	/*ourFeatures サブ見出し*/
	#ourFeatures .inner h3{
		font-size: 1.8rem;
		line-height: 36px;
	}

	/*ourFeatures サブ見出し 強調*/
	#ourFeatures .inner h3 strong{
		font-size: 3rem;
	}

}