@charset "utf-8";

.s_inner { width: 750px; margin: 0 auto;}
.m_inner { width: 880px; margin: 0 auto;}

/*--------------------------fv--------------------------*/
#fv { position: relative; background: url(../images/lineup/fv_bg.png) repeat-x left top / 1100px;}
#fv .title { display: flex; min-width: 1100px;}
#fv .title .left { width: 50%; padding: 130px 0 80px 0; padding-left: max( ( 100% - 1000px ) / 2, 40px);}
#fv .title .left h2 { margin-bottom: 30px;}
#fv .title .left p { font-size: 14px; line-height: 180%;}
#fv .title .fv { width: 50%; background: url(../images/lineup/fv.png) no-repeat left bottom / cover; border-radius: 0 0 0 140px;}
#fv:before,
#fv:after { position: absolute; content: "";}
#fv:before { top: 0; left: 0; width: 386px; height: 100%; background: url(../images/lineup/fv_before.png) no-repeat left top / 100%;}
#fv:after { top: 550px; right: 0; width: 100px; height: 100%; background: url(../images/lineup/fv_after.png) no-repeat right top / 100%;}

#fv .list { padding: 50px 0 45px; margin-top: -42px; background: #EFFFEF;}
#fv .list p { font-size: 26px; font-family: 'NotoSansJP-Light'; margin-bottom: 40px;}
#fv .list ul { display: flex; justify-content: flex-start; align-items: center; flex-flow: wrap;}
#fv .list li { width: 31.25%; margin-bottom: 20px;}
#fv .list li:nth-child(3n+2) { margin: 0 3% 20px;}
#fv .list li a { display: flex; justify-content: space-between; align-items: center; width: 100%; border-bottom: 1px solid #309B2C; padding-bottom: 10px; font-size: 15px; line-height: 120%;}
#fv .list li a:after { content: ""; display: inline-block; margin-right: 5px; width: 20px; height: 20px; background: url(../images/lineup/fv_lineup_arrow.png) no-repeat center / 100%;}


/*--------------------------jalist--------------------------*/
#jalist { padding: 10px 0 0;}
#jalist .jaitem { padding-top: 50px; margin-bottom: 50px;}
#jalist .jaitem .profile { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 13px;}
#jalist .jaitem .profile .address { padding-top: 15px;}
#jalist .jaitem .profile .address h3 { font-size: 35px; font-family: 'NotoSansJP-Light'; color: #008337; margin-bottom: 25px;}
#jalist .jaitem .profile .address h3 span { font-size: 24px;}
#jalist .jaitem .profile .address div { }
#jalist .jaitem .profile .address div p { font-size: 16px; margin-bottom: 10px;}
#jalist .jaitem .profile .address div p span { display: inline-block; width: 56px; font-size: 13px; color: #fff; padding: 5px 0; background: #309B2C; border-radius: 2px; margin-right: 7px; text-align: center;}
#jalist .jaitem .profile .maps { width: 337px; height: 215px;}
#jalist .jaitem .profile .maps iframe { width: 100%; height: 100%;}

#jalist .jaitem .products { }
#jalist .jaitem .products h4 { font-size: 15px; margin-bottom: 10px;}
#jalist .jaitem .products ul { }
#jalist .jaitem .products li { display: flex; justify-content: center; background: #fff; border-radius: 5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); margin-bottom: 10px; padding: 30px 25px;}
#jalist .jaitem .products li img { margin-right: 20px;}
#jalist .jaitem .products li .detail { display: flex; flex-flow: column; justify-content: space-between;}
#jalist .jaitem .products li .detail h5 { font-size: 15px; font-family: 'NotoSansJP-Medium'; color: #309B2C; margin-bottom: 15px;}
#jalist .jaitem .products li .detail .txt { font-size: 14px; font-family: 'NotoSansJP-Light'; line-height: 150%; letter-spacing: -0.04em;}
#jalist .jaitem .products li .detail .supplement { font-size: 13px; line-height: 150%;}






@media only screen and (max-width: 768px){
	
	.s_inner,
	.m_inner { width: 90%;}
	
	/*--------------------------fv--------------------------*/
	#fv { background: url(../images/lineup/fv_bg.png) repeat-x left top / 1100px;}
	#fv .title { display: flex; flex-flow: column-reverse; min-width: auto;}
	#fv .title .left { width: 90%; padding: 60px 0 40px; margin: 0 auto; }
	#fv .title .left h2 { margin-bottom: 20px;}
	#fv .title .left h2 img { width: 240px; height: auto;}
	#fv .title .left p { font-size: 14px;}
	#fv .title .fv { width: 100%; padding: 30vw; background: url(../images/lineup/fv.png) no-repeat right bottom / 90%; border-radius: 0;}
	#fv:before { top: 0; left: 0; width: 182px; height: 240px;}
	#fv:after { top: 130px; right: 0; width: 71px; height: 180px;}

	
	
	#fv .list { padding: 50px 0 30px; margin-top: 0;}
	#fv .list p { font-size: 20px; margin-bottom: 40px;}
	#fv .list ul { display: flex; justify-content: space-between;}
	#fv .list li { width: 48%; margin-bottom: 20px;}
	#fv .list li:nth-child(3n+2) { margin: 0 0 20px;}
	#fv .list li a {font-size: 14px; padding-bottom: 10px;}
	#fv .list li a:after { margin-right: 5px; width: 16px; height: 16px;}
	
	
	/*--------------------------jalist--------------------------*/
	#jalist { padding: 30px 0 0;}
	#jalist .jaitem { padding-top: 30px; margin-bottom: 30px;}
	#jalist .jaitem .profile { display: block; margin-bottom: 13px;}
	#jalist .jaitem .profile .address { padding-top: 25px;}
	#jalist .jaitem .profile .address h3 { font-size: 28px; margin-bottom: 25px;}
	#jalist .jaitem .profile .address h3 span { display: block; font-size: 28px; padding-top: 5px;}
	#jalist .jaitem .profile .address div { }
	#jalist .jaitem .profile .address div p { font-size: 14px; margin-bottom: 10px;}
	#jalist .jaitem .profile .address div p span { width: 46px; font-size: 11px;padding: 5px 0; margin-right: 3px; }
	#jalist .jaitem .profile .maps { width: 100%; height: 215px;}
	
	#jalist .jaitem .products { }
	#jalist .jaitem .products h4 { font-size: 15px; line-height: 120%; margin-bottom: 15px;}
	#jalist .jaitem .products ul { }
	#jalist .jaitem .products li { display: block; margin-bottom: 10px; padding: 30px 25px;}
	#jalist .jaitem .products li img { display: block; width: 100%; height: auto; margin-right: 0; margin-bottom: 10px;}
	#jalist .jaitem .products li .detail { }
	#jalist .jaitem .products li .detail h5 { font-size: 14px; line-height: 140%; margin-bottom: 5px;}
	#jalist .jaitem .products li .detail .txt { font-size: 12px; margin-bottom: 10px;}
	#jalist .jaitem .products li .detail .supplement { font-size: 11px; }
	
	
}