@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@700&display=swap');
/* ===============================================
 Reset
=============================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-family: 'M PLUS 1', sans-serif;
	color:#777;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
*:before, *:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
table th{font-weight:normal;text-align:left;white-space:nowrap;}
input, select{vertical-align:middle;}
img{vertical-align: bottom;width:100%;}
/* ===============================================
 Common
=============================================== */
body{height:100%;}
.pc{display:block !important;} .sp{display:none !important;}
@media screen and (max-width: 780px){
	html, body{
		height:100vh;
		height:calc(var(--vh, 1vh) * 100);
	}
	.pc{display:none !important;}
	.sp{display:block !important;}
}
section{
	clear:both;
}
#sec_1{
	width:100%;
	min-height:100vh;
	background-image: url(../img/mv1.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#sec_1:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 100px;
	background-image: url(../img/fd_b.png);
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
}
#sec_3{
	width:100%;
	min-height:100vh;
	background-image: url(../img/mv3.jpg);
	background-repeat: no-repeat;
	background-position:top right;
}
#sec_4{
	width:100%;
	min-height:100vh;
	background-image: url(../img/mv2.jpg);
	background-repeat: no-repeat;
	background-position:left;
	background-size: contain;
}
.logos{
	width:30%;
	margin:20% 10% 0 0;
	text-align:center;
	float:right;
}
.logos img{
	width:100%;
	margin:10% 0 0 0;
	display:inline-block;
	filter: drop-shadow(5px 5px 3px #FFF);
}
.disc_1{
	margin:20% 0 0 0;
	text-align:center;
	font-size:4vw;
	font-family: 'Kaisei Tokumin', serif;
	line-height:1.6;
	letter-spacing:0.1em;
}
.disc_1 strong{
	font-family: 'Kaisei Tokumin', serif;
	color:#f4596b;
}
.disc_2{
	margin:10% 0;
	text-align:center;
	font-size:1.8vw;
	line-height:2;
	letter-spacing:0.1em;
	text-shadow: 5px 5px 5px #FFF;
}
.disc_2 span{
	color:#f4596b;
}
.disc_2 img{
	width:25vw;
	margin:5% 0;
}
.feature{
	margin:0 2.1vw;
	width:28vw;
	height:28vw;
	float:left;
	text-align:center;
}
.feature h2{
	padding:15% 0 2% 0;
	font-family: 'Kaisei Tokumin', serif;
	font-size:4vw;
}
.feature p{
	font-size:1.6vw;
	line-height:1.6;
	color:#333;
}
.f_g{
	background-image: url(../img/sc_g.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.f_g h2{
	color:#006735;
}
.f_r{
	background-image: url(../img/sc_r.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.f_r h2{
	color:#f4596b;
}
.producer{
	width:50%;
	margin:10vw 0;
	text-align:center;
	float:right;
}
.producer h2{
	font-family: 'Kaisei Tokumin', serif;
	font-size:2vw;
}
.producer img{
	width:50%;
	margin:3% 0;
}
.producer_name strong{
	font-size:1.5vw;
}
.producer_disc{
	padding:2em 2em 0 0;
	display:inline-block;
	text-align:left;
	font-size:1.3vw;
}
.ap_sec{
	padding:2% 0 5% 0;
	text-align:center;
	background:#FAFAFA;
}
.ap_sec h2{
	margin:2% 0;
	font-family: 'Kaisei Tokumin', serif;
	color:#f4596b;
	font-size:5vw;
}
.ap_sec p{
	font-size:1.3vw;
}
#sec_5{
	width:100%;
	min-height:800px;
	background-image: url(../img/mv4.jpg);
	background-repeat: no-repeat;
	background-position:center bottom;
	text-align:center;
}
#sec_5 h2{
	margin:2% 0 5% 0;
	padding:5% 0 0 0;
	font-family: 'Kaisei Tokumin', serif;
	color:#f4596b;
	font-size:5vw;
}
#sec_5 p{
	font-size:1.3vw;
}
#sec_5 p span{
	font-size:1vw;
}
footer{
	padding:3% 0;
	text-align:center;
}
footer p{
	display:block;
	margin:2em 0;
}
footer p a{
	display:inline-block;
	border:1px solid #AAA;
	opacity: 1;
	transition: all 0.5s;
}
footer p a:hover{
	opacity: 0.5;
}
@media screen and (max-width: 780px){
#sec_1{
	background-size: 160%;
	min-height:40vh;
}
#sec_1:after{
	top: 30%;
}
.logos{
	width:70%;
	margin:0 auto 0 auto;
	float:none;
}
.disc_1{
	font-size:8vw;
	line-height:1.6;
	letter-spacing:0;
}
.disc_2{
	font-size:3.5vw;
}
.disc_2 img{
	width:70vw;
}
.feature{
	margin:0 10vw;
	width:80vw;
	height:80vw;
	float:none;
}
.feature h2{
	font-size:10vw;
}
.feature p{
	font-size:5vw;
}
.ap_sec{
	padding:2% 0 5% 0;
	text-align:center;
	background:#FAFAFA;
}
.ap_sec h2{
	margin:2% 0;
	font-size:10vw;
}
.ap_sec p{
	font-size:4vw;
}
#sec_4{
	min-height:auto;
	background:none;
}
.producer{
	width:90vw;
	margin:10vw 0 0 0;
	text-align:center;
	float:none;
}
.producer h2{
	font-size:7vw;
}
.producer img{
	width:70%;
}
.producer_name strong{
	font-size:1.5vw;
}
.producer_disc{
	padding:2em 1em;
	display:inline-block;
	text-align:left;
	font-size:3vw;
}
#sec_5{
	min-height:60vh;
	background-position:center bottom;
	text-align:center;
}
#sec_5 h2{
	font-size:10vw;
}
#sec_5 p{
	font-size:3vw;
}
#sec_5 p span{
	font-size:2.5vw;
}
}/* -- */
@keyframes fadein_op{from{opacity:0;}to{opacity:1;}}
@keyframes fadein_y{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0);opacity:1;}}
#sec_1{animation:fadein_op 5s;}
.logos{animation:fadein_op 10s;}
.anims{animation:fadein_y 4s;}



.disc_3{
	line-height:1.1;
}