@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 {background:#e60011;}
#main .inner {padding:0 0 40px;}
#main h1 {margin-top:-7%;}

#sec_movie {padding:0;background:url(../img/movie_bg.jpg) no-repeat center center;background-size:cover;}
#sec_movie .inner {padding:120px 0;}
#sec_movie .inner h2 {border:solid 10px #fdd000;}

#sec00 {background:url(../img/sec00_bg.jpg) repeat left top;border-top:solid 10px #ffffff;border-bottom:solid 10px #ffffff;}
#sec00 img {width:;100%}
#sec00 h2 {padding:56px 0;}

#sec01_ttl,#sec01_sub {background:#e60012;}
#sec01_ttl img,#sec01_sub img {width:100%;max-width:967px;margin:0 auto;}
#sec01_ttl h2 {padding:80px 0 0;}
#sec01_sub {border-bottom:solid 10px #ffffff;}
#sec01_sub h2 {padding:0 0 80px;margin:0 auto;}

#sec01 {padding:0;background:#e60012 url(../img/sec02_bg.png) repeat left top;border-bottom:solid 40px #e60012;}
#sec01 .inner h2 {;width:100%;padding:40px 0 0;}
#sec01 img {width:100%;}

#sec02 {padding:80px 0;background:#e60012 url(../img/sec03_bg.jpg) repeat left top;border-bottom:solid 10px #000000;}
#sec02 img {width:100%;}
#sec02 h2 {width:100%;margin:0 auto;}
#sec02 h2.set_product {margin-bottom:40px;}
#sec02 a {transition:0.3s;}
#sec02 a:hover {opacity:0.8;}

#sec03 {background:#e60012;padding-bottom:80px;border-bottom:solid 10px #000000;}
#sec03 .ttl {padding:56px 0 40px;}
#sec03 .btnT,#sec03 .btnB{position:absolute;max-width:400px;width:100%;bottom:0;right:0;}
#sec03 .btnT {top:120px;left:450px;}
#sec03 .btnB {top:470px;left:40px;}
#sec03 a img {transition:0.3s;}
#sec03 a img:hover {opacity:0.8;}
@media screen and (max-width:640px){
   #sec03 {padding-bottom:20px;border-bottom:none;} 
}

#sec04 {border-bottom:solid 10px #000000;background:#e60012;}
#sec04 h2:first-of-type {padding-bottom:120px;}
#sec04 .btnT,#sec04 .btnB{position:absolute;max-width:270px;width:100%;}
#sec04 .btnT {top:-5%;bottom:0;left:38.5%;right:0;}
#sec04 .btnB {top:62.5%;bottom:0;left:6.5%;right:0;}
#sec04 a img {transition:0.3s;}
#sec04 a img:hover {opacity:0.8;}
@media screen and (max-width:640px){
    #sec04 .btnT img {width:80%;}
    #sec04 .btnB img {width:80%;}
}


#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;}

@media screen and (max-width:640px){
	.inner {width:93.5%;}

    #main h1 {margin-top:0;}
    #main .inner {padding:0 0 16px;}
    
    #sec_movie .inner {padding:60px 0;}

    #sec00{padding:0;}
    #sec00 h2 {padding:0;}
    #sec00 img {margin:0 auto;padding:0;}
	
    #sec01_ttl h2 {padding:40px 0 0;}
    #sec01 .inner,#sec01_ttl .inner,#sec01_sub .inner {width:90%;}
    #sec01_sub h2 {padding:0 0 40px;}
    #sec01 .inner h2 {;width:100%;padding:32px 0 0;}
    #sec01 img {width:100%;}
    
    #sec02 {padding:60px 0;}
    #sec02 .inner {width:90%;}
    #sec02 h2.set_product {margin-bottom:20px;}
    
    #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;}
}