@charset "UTF-8";
html {scroll-behavior: smooth;}
body {color: #fff;font-family: "Noto Sans JP", sans-serif, Meiryo, sans-serif;font-optical-sizing: auto;font-style: normal;font-size:100%;font-weight:400;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;letter-spacing: 0;}
a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
a{text-decoration:none;color:#fff;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
input[type="submit"]{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
input[type="submit"]:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
img{max-width:100%;height: auto;vertical-align:middle;}
img[src$=".svg"] {width: 100%;}
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}

.pcnone{display:none!important;}
.spnone{display:block!important;}

.text_s {font-size:14px;}
.oswald {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;}

.wrapper {
	width:100%;
	background-color: #000;
	/*background: url(../img/bg_l.png) no-repeat,url(../img/bg_r.png) no-repeat;
	background-size: 410px;
	background-position:left top 70%,right top 160%;*/}

header .kv img{width: 100%;}

footer {background:#000;padding:0 20px;}
footer small{display:block;text-align:center;font-size:12px;padding:50px 0 20px 0;}

/* Section */
#sec01,#sec02,#sec03 {margin:60px 20px 0;}
.con_in{max-width:1000px;width:100%;margin:0 auto;}

.sec01_in {margin:60px auto 0;}
.sec01_in .ttl1 {margin-bottom:20px;}
.sec01_in .ttl2 {color:#fff;font-weight:700;font-size:30px;text-align:right;}
.sec01_in_box {display: flex; gap:40px;margin-top:40px;}
.sec01_in_box .box_l,.sec01_in_box .box_r {width:100%;}

.sec02_in {max-width:1000px;padding:28px;border: 1px solid #00AB16;}
.sec02_in .ttl1 {margin-bottom:20px;}
.sec02_in h3 {font-size:40px;text-align:center;margin:20px auto 15px;}
.sec02_in_in1 {display: flex; gap:40px;}
.sec02_in_in1 h4 {font-size:36px;margin-bottom:10px;}
.sec02_in_in1 h4 .small {font-size:20px;}
.sec02_in_in1 .box_l,.sec02_in_in1 .box_r {width:50%;}
.sec02_in_in2 {margin-top:40px;}

.sec03_in {margin:0 auto;}
.sec03_in .ttl1 {margin-bottom:20px;}
.sec03_in .ttl2 {color:#00AB16;font-weight:700;font-size:30px;text-align:right;}
.sec03_in h3 {font-size:30px;border-bottom:1px solid #fff;padding:0 0 5px;margin:0 auto 20px;}
.sec03_in h3 .small {font-size:20px;}

.moviebox{display:flex;gap:40px;margin:40px auto 0;}
.moviebox .box_l {width:50%;}
.moviebox .box_r{flex-basis: 50%;}
.moviebox .box_r p{font-weight: 700;text-align: center;margin-top: -10px;padding: 0 0 10px;color: #00AB16;}
.youtube {
	width: auto;
	aspect-ratio: 16 / 9;}
.youtube iframe {
	width: 100%;
	height: 100%;}
.btn1 {margin:40px auto 0; text-align:center;}
.btn1 a {background:#00AB16;padding: 20px;margin:0 auto;display: block;max-width:480px;}

#campaign{padding:60px 20px 0;}
#campaign .ttl1 {color:#CFA94D;font-size:100px;text-align: center;margin-bottom: -15px;}
#campaign .ttl2 {font-size: 30px;text-align: center;margin: 0 auto 30px;}
.campaignbox{display:flex; gap:40px;}
.campaignbox h4{text-align:center;color:#C99300;padding:0 0 10px 0;font-size:20px;}



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

	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	.text_s {font-size:3.5vw;}

	.wrapper {background: none;background-color: #000;}

	header {background:url(../img/kv_bg_sp.png) center top no-repeat;background-size:cover;}
	header .kv .logo{text-align:right;padding:0;}
	header .kv .logo img{width:75px;}
	header .kv .kv_copy1{padding:20px 0 30px 0;}

	header .kv .kv_copy2{padding:30px 0;}
	footer small{padding:30px 0 20px 0;}
	
	/* Section */
	#sec01 {margin:0 20px 0;}
	#sec02,#sec03 {margin:60px 20px 0;}
	.con_in{max-width:1000px;width:100%;margin:0 auto;}
	.ttl1 {margin-bottom:10px !important;}
	.ttl2 {line-height:1.4;}

	.sec01_in {margin:0 auto 0;}
	.sec01_in .ttl1 {padding-right: 3.88%;}
	.sec01_in .ttl2 {font-size:5.3vw;text-align:left;}
	.sec01_in_box {display: block;margin-top:20px;}
	.sec01_in_box .box_l,.sec01_in_box .box_r {width:100%;margin-bottom:20px;}

	.sec02_in {padding:20px;}
	.sec02_in h3 {font-size:6.4vw;text-align:center;margin:20px auto 10px;}
	.sec02_in_in1 {display: block;}
	.sec02_in_in1 h4 {font-size:5.3vw;text-align: center;margin-top:10px;}
	.sec02_in_in1 h4 .small {font-size:3.5vw;}
	.sec02_in_in1 .box_l,.sec02_in_in1 .box_r {width:100%;}
	.sec02_in_in2 {margin-top:20px;}

	.sec03_in {margin:0 auto;}
	.sec03_in .ttl1 {padding-right:23.885%;}
	.sec03_in .ttl2 {font-size:5.3vw;text-align:left;}
	.sec03_in h3 {font-size:6.4vw;margin: 0 auto 10px;padding-bottom:5px;}
	.sec03_in h3 .small {font-size:4.3vw;}
	.btn1 {margin:20px auto 0; text-align:center;}
	.btn1 a {font-size:5.3vw;background:#00AB16;padding:15px 20px;margin:0 auto;display: block;max-width:480px;}

	.moviebox{display:block;margin: 20px auto 0;}
	.moviebox .box_l {width:100%;}
	.moviebox .box_r{flex-basis: 50%;}
	.moviebox .box_r p{font-size:4.3vw;font-weight: 700;text-align: center;margin-top: 20px;padding: 0 0 10px;color: #00AB16;}
	.youtube {width: 100%;}

	#campaign{padding:50px 20px 0;}
	#campaign .ttl1 {font-size:10vw;margin-bottom:0;}
	#campaign .ttl2 {font-size: 5.3vw;text-align: center;margin: 0 auto 30px;}
	.campaignbox{display:block;text-align:center;}
	.campaignbox_l,.campaignbox_r {aspect-ratio: 1 / 1;}
	.campaignbox_l{padding:0 0 30px 0;}

}

/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body{font-size:3.5vw;}

	header .kv .kv_copy1{font-size:4.3vw;}
	header .kv .kv_copy2{font-size:4vw;}

	footer small{font-size:3vw;}





/*
	13px　→　3vw
	14px　→　3.3vw
	16px　→　3.5vw
	18px　→　3.8vw
	20px　→　4.0vw
	22px　→　4.2vw
	23px　→　4.3vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/
}