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

.inner {max-width:1150px;width:89.04%;padding:0;}
#wrap section {margin-bottom:0;}
#wrap section img {display:block;width:100%;}

#main h1 {position:absolute;top:20px;}

#sec00 {padding:25px 0;background:#23ac38;}
#sec00 .red_line {width:100%;position:absolute;bottom:100%;left:0;}
#sec00 .inner {margin-top:-12.5vw;}
#sec00 .inner h2 {max-width:1100px;margin:0 auto;}

#sec01 {padding:120px 0 60px;background:#23ac38;}
#sec01 h2 {margin-bottom:20px;}
#sec01 .red_line {width:100%;position:absolute;bottom:100%;left:0;}

#sec02 {padding:0 0 60px;background:#23ac38;}
#sec02_btn {padding:0 0 120px;background:#23ac38;}
#sec02_btn img {max-width:1000px!important;margin:0 auto;}
#sec02_btn img:hover {opacity:0.8;}

#sec03 {display:block;padding-bottom:88px;border-top:solid 8px #000000;background:#23ac38;}
#sec03 .bg_03 {position:absolute;width:100%;z-index:2;}
#sec03 h2 {position:relative;width:50vw;padding:80px 0 30px;min-width:525px;margin:0 auto;z-index:2;}
#sec03 .inner h2 {width:100%;max-width:1167px;margin:0 auto 32px;padding:0;position:relative;z-index:1;}
#sec03 .inner .bottom {z-index:2;}

#sec04 {display:block;padding:0;background:url(../img/04_bg.png) repeat left top;z-index:3;}
#sec04 .bg_04 {position:absolute;width:100%;}
#sec04 .bg_under {position:relative;z-index:1;margin-top:-10%;}
#sec04 h2 {position:relative;width:43vw;min-width:525px;margin:0 auto;padding:1.5% 0 2%;z-index:2;}
#sec04 .inner h2 {margin-top:3vw;width:100%;max-width:100%;padding-bottom:0;}

#sec05 {display:block;padding:5vw 0 80px;background:#22ac38;z-index:2;}
#sec05 h2 {width:100%;margin:0 auto;}
#sec05 .image {width:100%;padding-top:20px;}
#sec05 .btn_03 {padding:2% 0;max-width:1000px;margin:0 auto;}
#sec05 .btn_03:hover {opacity:0.8;}

#sec_movie {padding:0;background:url(../img/movie_bg.png) no-repeat center center;background-size:cover;border-top:solid 8px #000000;border-bottom:solid 8px #000000;}
#sec_movie .inner {padding:120px 0;}
#sec_movie .inner h2 {border:solid 10px #cfdb00;}

#products {padding:85px 0 85px;background:url(../img/products_bg.png) repeat center center;}
#products h2 {max-width:401px;margin:0 auto 32px;}
#products .inner {margin-bottom:25px;}
#products .image {width:1024px;margin:-40px auto 0;}
#products .Fx {width:100%;max-width:1150px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:20px 0 40px;}
#products .bg {width:32.5%;background-color:#ffffff;border:solid 4px #ece7e7;border-radius:15px;padding-bottom:30px;}
#products .bg .text,#products .bg .text_town {padding:20px 16px 0 80px;min-height:90px;font-weight: bold;font-size:24px;text-align:left;position:relative;line-height: 1.3em;}
#products .bg .text_town::before {content:"";position:absolute;background:url(../img/town_logo.png) top left no-repeat;background-size:100%;top:15%;left:0;width:80px;height:80px;}
#products .bg .text::before {content:"";position:absolute;background:url(../../../adventure/img/logo.png) top left no-repeat;background-size:100%;top:22%;left:3.5%;width:60px;height:60px;}
#products .bg .lead {padding:1em;font-size:16px;text-align:left;line-height:1.8em;}
#products .bg .price {padding:0 16px 16px;}
#products .bg .image {width:100%;height:240px;margin:0 auto;}
#products .bg .image img {max-width:100%;max-height:240px;width:auto;margin:0 auto;padding-top:3%;}
#products .bg p {font-size:16px;}
#products .bg ul {margin-bottom:16px;}
.circlelist li {position:relative;padding-left:35px;line-height:1.5em;}
.circlelist li::before {content:"";width:10px;height:10px;border-radius:50%;background:#22ac38;position:absolute;left:14px;top:10px;}
#products .purchase {max-width:170px;padding-left:16px;}
#products .purchase:hover {opacity:0.8;}

#sec06 h1 {width:50%;position:absolute;top:30px;}

@media screen and (min-width:2200px){
	#sec03 .bg_03 {z-index:1;}
}
@media screen and (max-width:1650px){
	#sec00 .inner {margin-top:-18vw;}
	#sec04 .inner h2 {margin-top:5%;}
	#sec04 .bg_under {margin-top:-12%;}
	#sec05 {padding:120px 0 80px;}
}
@media screen and (max-width:1405px){
	#sec03 .bg_03 {z-index:1;}
	#sec03 h2 {width:100%;max-width:810px;}
	#sec04 h2 {width:100%;max-width:810px;}
	#sec04 .bg_04 img {height:285px;}
	#sec04 h2 {padding:2% 0;}
}
@media screen and (max-width:1200px){
	#main h1 img {width:85%;}
	#sec00 .inner {margin-top:-20%;}
	#sec04 .bg_04 img {height:270px;}
	#products .bg .image {height:210px;}
	#products .bg .image img {max-height:210px;}
	#products .bg .text {min-height:90px;}
	#products .bg .text, #products .bg .text_town {padding:0.8em 0.7em 0 3.5em;font-size:20px;}
	#products .bg .price {font-size:14px;line-height:1em;padding:0 5% 3%;}
	#products .bg .text::before {top:10%;width:55px;height:55px;}
}
@media screen and (max-width:640px){
	.inner {width:92%;}
	
	#main h1 {width:90%;}
	#main h1 img {width:100%;}
	
	#sec00 {padding:10px 0 20px;}
	#sec00 .red_line {bottom:88%;}
	#sec00 h2 {padding:0;}
	
	#sec01 {padding:40px 0 20px;}
	
	#sec_movie .inner {padding:40px 0;}
	
	#sec02 {padding-bottom:40px;}
	#sec02_btn {padding:0 0 40px;}
	
	#sec03 h2 {width:92%;min-width:0;margin:0 auto;padding:40px 0 0;}
	#sec03 h2 img {padding:0;max-width:545px;margin:0 auto;}
	#sec03 .inner h2 {width:100%;margin:0 auto;padding:15px 0;}
	#sec03 .inner h2 img {max-width:100%;}
	#sec03 .btn_03 {margin-top:-7%;}

	#sec04 h2 {width:85.5%;min-width:0;margin:0 auto;padding:2.5% 0;}
	#sec04 .inner h2 {margin-top:40px;width:100%;min-width:0;}
	#sec04 .bg_04 img {height:28vw;}
	
	#sec05 {padding:15px 0 40px;}
	#sec05 .inner {display:block;padding:20px 0 0;}
	#sec05 h2 {width:100%;margin:0 auto;padding-top:2%;}
	#sec05 .image {width:100%;padding-top:20px;}
	#sec05 .image a:hover {opacity:0.8;}
	#sec05 .btn_03 {padding-bottom:3%;width:100%;}
	
	#products .Fx {flex-direction:column;}
	#products {padding:40px 0;}
	#products .inner {display:block;}
	#products h2 {width:100%;}
	#products h2 img {width:92%;margin:0 auto;}
	#products .bg {width:100%;height:100%;padding:0 20px;margin-bottom:20px;}
	#products .bg .image {height:auto;}
	#products .bg .image img {max-height:100%;width:100%;}
	#products .bg .price {padding:0;}
	#products .bg .lead {font-size:16px;padding:1em 0;}
	#products .bg .text,#products .bg .text_town {font-size:20px;padding:20px 0 20px 60px;}
	#products .bg .text::before,#products .bg .text_town::before {top:20%;left:0;width:55px;height:55px;}
	
	.circlelist li {font-size:14px;}
	.circlelist li::before {top:5px;}
	#products .purchase {padding-bottom:20px;}

	#sec06 h1 {width: 80%;top: 15px;}
}