@charset "utf-8";
/* CSS Document */
rt {font-size:0.5em;}
.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:75%;left:0;}
#sec00 .inner {margin-top:-11vw;}
#sec00 .inner h2 {max-width:995px;margin:0 auto;padding-bottom:20px;}

#sec01 {padding:120px 0 200px;background:#23ac38;}
#sec01 h2 {margin-bottom:40px;}
#sec01 .inner {z-index:2;}
#sec01 .inner.Image_01 {position:relative;max-width:1235px;width:100%;left:3.2%;}
#sec01 .red_line {width:100%;position:absolute;bottom:0;left:0;}

#sec02 {padding:80px 0;background:url(../img/sec02_bg.jpg)no-repeat right top;background-size:cover;border-top:solid 10px #cfdb00;border-bottom:solid 10px #cfdb00;}

#sec03 {display:block;padding:120px 0 40px;background:#23ac38;}
#sec03 .inner h2 {margin-bottom:40px;}
#sec03_btn {padding:0 0 120px;background:#23ac38;}
#sec03_btn img {max-width:1000px!important;margin:0 auto;}
#sec03_btn img:hover {opacity:0.8;}

#sec04 {display:block;padding:0;background:url(../img/04_bg.png) repeat left top;z-index:3;border-top:solid 50px #000000;}
#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:0 0 3%;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;}

#sec06 {background:#22ac38;padding-bottom:120px;border-bottom:solid 10px #000000;}
#sec06 .inner {border:solid 10px #cfdb00;border-radius:30px;background:#ffffff;}
#sec06 .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:32px 20px 0;}
#sec06 .image,#sec06 .Right {width:49.25%;}
#sec06 h3 {margin:0 auto;max-width:410px;margin-bottom:32px;}
#sec06 .Right h2 {font-size:2em;font-weight:800;padding-top:20px;margin-bottom:0.5em;}
#sec06 .price {margin-bottom:32px;font-size:14px;}
#sec06 .lead {padding-right:24px;}


#sec06 .btn_03 {padding:2% 0;max-width:1000px;margin:0 auto;}
#sec06 .btn_03:hover {opacity:0.8;}


#sec_movie {padding:0;background:url(../img/movie_bg.jpg) 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 {background:url(../img/product_bg.png) repeat left top;}
#products h2 {width:100%;max-width:710px;margin:0 auto 32px;padding:80px 0 40px;}
#products .inner {padding:0 0 120px;}
#products .Flex {width:100%;max-width:1150px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;}
#products .Flex .Leftbox {padding-right:25px;}
#products .Flex .Rightbox {padding-left:25px;}
#products a {transition:0.4s;}
#products a:hover {opacity:0.8;}

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

@media screen and (min-width:2150px){
    #sec01 .inner.Image_01 {left:2.2vw;}
}

@media screen and (max-width:1650px){
	#sec04 .inner h2 {margin-top:7%;}
	#sec04 .bg_under {margin-top:-12%;}
	#sec05 {padding:120px 0 80px;}
}
@media screen and (max-width:1405px){
    #sec00 .inner {margin-top:-15vw;}
    #sec01 .inner.Image_01 {width:96%;left:3.75%;}
	#sec04 h2 {width:100%;max-width:680px;}
	#sec04 .bg_04 img {height:260px;}
	#sec04 h2 {padding:0 0 5%;}
}
@media screen and (max-width:1200px){
	#main h1 img {width:85%;}
	#sec00 .inner {margin-top:-16%;}
	#sec04 .bg_04 img {height:250px;}
}
@media screen and (max-width:640px){
	.inner {width:92%;}
	
	#main h1 {width:67%;}
	#main h1 img {width:100%;}
	
	#sec00 {padding:10px 0 20px;}
	#sec00 .red_line {bottom:88%;}
    #sec00 .inner {margin-top:-25%;}
	#sec00 .inner h2 {padding:0;}
	
	#sec01 {padding:40px 0 80px;}
    #sec01 .inner.Image_01 {left:1.25%;width:94%;}
	
	#sec_movie .inner {padding:40px 0;}
	
	#sec02 {padding:56px 0;}
    
    #sec03 {padding:56px 0 24px;}
    #sec03 .inner h2 {margin-bottom:16px;}
	#sec03_btn {padding:0 0 80px;}

    #sec04 {border-top: solid 20px #000000;}
	#sec04 h2 {width:85.5%;min-width:0;margin:0 auto;padding:0 0 5%;}
	#sec04 .inner h2 {margin-top:40px;width:100%;min-width:0;}
	#sec04 .bg_04 img {height:28vw;}
	
	#sec05 {padding:15px 0 80px;}
	#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;}
    
    #sec06 {padding-bottom:80px;}
    #sec06 .Fx {display:block;width:100%;padding:24px 20px 24px;}
    #sec06 .image,#sec06 .Right {width:100%;}
    #sec06 .image {padding-bottom:16px;}
    #sec06 h3 {width:92%;}
    #sec06 .lead {font-size:16px;line-height:1.6em;padding-right:0;}
    
    #sec06 .btn_03 {padding:16px 16px 32px;width:100%;}
    
	#products .inner {padding: 0 0 80px;}
	#products h2 {width:93.5%;max-width:460px;padding:60px 0 20px;}
	#products .Flex {width:93.5%;display:block;margin:0 auto;text-align:center;}
	#products .Flex .Leftbox {padding-right:0;padding-bottom:30px;}
	#products .Flex .Rightbox {padding-left:0;}
    #products a .Leftbox,#products a .Rightbox {transition:0.4s;}
    #products a .Leftbox:hover,#products a .Rightbox:hover {opacity:0.8;}

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