@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&family=Zen+Old+Mincho&display=swap');

.sesame h2 span,
.sesame h3 span{
	color:#b81c22;
}

.sesame p.commit{
	margin:50px 0 ;
}
.mgt0{
	margin-top:0px!important
}
.mgt20{
	margin-top:20px
}

/*製品認証*/
.crtf{
	margin:50px 0 100px;
	display: flex;
	justify-content: center;
	gap: 20px 80px;
}
ul.crtf li{
	text-align:center;
}
ul.crtf li img{
	max-width:220px;
	margin-bottom:10px;
}
ul.crtf li p {
	margin:0;
}
ul.crtf li p span{
	font-weight:500;
	display: block;
	margin-bottom:-10px;
}
.ingr{
	margin-top:50px;
}


/*PC表示
@media (min-width:901px) {
	span.pcwrap{
		display:block;
	}
	.video {
		width: 80%;
	}
}
*/


/*PC表示*/
@media (min-width:901px) {
	.exp{
		margin:100px 0 50px;
	}
	.sesame span.now{
		color:#3c2109;
	}
	.sesame h2{	
		font-family: "Zen Old Mincho", serif;
		font-weight: 400;
		color:#3c2109;
		font-style: normal;
		font-size:36px;
		letter-spacing:0.08em;
		line-height:1.8em;
		margin-top:20px;
	}
	.sesame h3{	
		font-family: "Zen Old Mincho", serif;
		font-weight: 400;
		color:#3c2109;
		font-style: normal;
		font-size:36px;
		letter-spacing:0.08em;
		line-height:1.8em;
		margin-top:20px;
		margin-bottom:10px;
	}
	.pc-br {
    display: block; /* または inline */
  	}
	.sesame img{
		width:100%;
		max-width:1100px;
	}
	.sesame p{
		color:#3c2109;
		line-height:2.5em;
		font-size:17px;
		font-weight:300;
		margin-bottom:50px;
	}
	.sesame p.detail{
		margin-bottom:30px;
		line-height:1.5em;
	}
	.sesame img.ttl_commit{
		text-align:center;
		width:165px;
	}
	.video {
		width: 100%;
		/*aspect-ratio: 16 / 9;*/
		margin: 0 auto;	
	}
	.video iframe {
		margin: 0 auto;
	 /* width: 100%;
	  width:100%;*/
		width: 1000px;
		height: 563px;
	}
	.youtube__video {
		display: block; /*中央寄せ用*/
		margin: 0 auto; /*中央寄せ用*/
	  }
	#bg_video{
		width: 99vw;
		padding:100px 0;
		margin: 100px calc(50% - 50vw) 100px;
		background-image:url("../images/mv_commit01.jpg");
	}
	/*ゴマリグナン*/
	 img.lignan01{
		width:75%;
	}
	 img.lignan02{
		width:1000px;
		margin-bottom:50px;
	}
	/*活用方法*/
	img.logo{
		text-align:center;
		width:10%;
	}
	.cooking{
		display: flex;
		justify-content: center;
		flex-wrap:wrap;
		margin-bottom:100px;
		gap:40px 60px;
	}
	ul.cooking li p{
		font-weight:400;
		margin:0;
	}
	ul.cooking li{
		/*margin:20px 30px 50px;*/
		width:260px;
	}
	ul.cooking li img{
		background-color:#ccc;
		width:260px;
		height:260px;
	}
	/*成分エリア※PCでは横並び*/	
	.ingr {
		display: flex;
		align-items:flex-start;
		justify-content: center;
	}
}

/*SP表示*/
@media (max-width:900px) {
	.exp{
		margin:60px  10px 50px;
	}
	.sesame span.now{
		white-space: nowrap;
		color:#3c2109;
	}
	.sesame img.mv_sesame{
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	.sesame h2{	
		font-family: "Zen Old Mincho", serif;
		font-weight: 400;
		font-style: normal;
		font-size:25px;
		color:#3c2109;
		letter-spacing:-0.005em;
		line-height:1.4em;
		margin-top:20px;
	}
	.sesame h3{	
		font-family: "Zen Old Mincho", serif;
		font-weight: 400;
		font-style: normal;
		font-size:24px;
		color:#3c2109;
		letter-spacing:-0.005em;
		line-height:1.4em;
		margin:15px auto 15px;
		padding:0;
	}
	.pc-br {
	  display: none;
	}
	.sesame p{
		color:#3c2109;
		line-height:2em;
		font-size:15px;
		font-weight:300;
		margin:0 10px 30px
	}
	.sesame img.ttl_commit{
		width:82px;
	}
	/*Youtube SPでは100%*/
	.video {
		width: 100%;
		aspect-ratio: 16 / 9;
		margin: 0 auto;	
	}
	.video iframe {
	　margin: 0 auto;
	  width: 100%;
	  height: 100%;
	}
	.youtube__video {
		display: block; /*中央寄せ用*/
		margin: 0 auto; /*中央寄せ用*/
		/*width: 787px;
		height: 442.69px;*/
	  }
	#bg_video{
		width: 100vw;
		padding:50px 0;
		margin: 50px calc(50% - 50vw);
		background-image:url("../images/mv_commit01.jpg")
	}
	 .sesame p.detail{
		line-height:1.5em;
		 margin-bottom:20px;
	}
	/*ゴマリグナン*/
	 img.lignan02{
		 margin-bottom:50px;
	}
	/*活用方法*/
	.sesame img.logo{
		text-align:center;
		width:75px;
		margin-bottom:-10px;
	}
	.cooking{
		display: flex;
		justify-content: center;
		flex-wrap:wrap;
		margin-bottom:50px;
	}
	.cooking p{
		margin:0;
		font-weight:400;
	}
	ul.cooking li{
		margin:0 auto 20px;
	}
	ul.cooking li img{
		background-color:#ccc;
		width:260px;
		height:260px;
	}
	/*製品認証※SPでは改行する*/
	.crtf{
		margin: 30px auto 70px;
		flex-wrap:wrap
	}
	.ingr{
		margin-top: 30px;
	}
}