@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;position:relative;}
#main h2 {position:absolute;top:2vw;left:0;right:0;bottom:0;width:100%;max-width:930px;margin:0 auto;}
@media screen and (max-width:640px){
    section#main {margin:0 auto;width:100%;}
	#main h1 {width:100%;}
}

#sec00 {background:#0068b7;border-top:solid 10px #ffffff;border-bottom:solid 10px #ffffff;}
#sec00 .inner {padding:40px 0;}
#sec00 .Flex {display:flex;width:800px;height:100%;justify-content:space-between;}
#sec00 img {width:100%}
@media screen and (max-width:640px){
    #sec00 .inner {padding:24px 0;}
    #sec00 .Flex {width:100%;}
}

#sec_movie {padding:0;border-bottom:solid 10px #ffffff;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;}
@media screen and (max-width:640px){
    #sec_movie .inner {padding:60px 0;}
}

#sec01 {padding:0;background:#e60012 url(../img/sec02_bg.png) repeat left top;border-bottom:solid 10px #000000;position:relative;padding-bottom:80px;}
#sec01 .mainIn {position:absolute;top:62vw;max-width:1150px;width:89.04%;left:0;right:0;}
#sec01 .col2 {padding-top:285px;}
#sec01 .col2 img {padding-bottom:48px;}
#sec01 img {width:100%;}
#sec01 .inner a img {transition:0.3s;}
#sec01 .inner a img:hover {opacity:0.8;}
@media screen and (max-width:1216px){
    #sec01 .mainIn {top:750px;}
}
@media screen and (max-width:640px){
    #sec01 {padding-bottom:56px;}
    #sec01 .col2 {padding-top:20px;padding-bottom:0;}
    #sec01 div.inner:last-of-type {padding-bottom:0;}
}

#sec02 {padding:0 0 80px;background:#e60012;border-top:solid 10px #000000;border-bottom:solid 10px #000000;}
#sec02 img {width:100%;}
#sec02 h2 {width:100%;margin:0 auto;}
#sec02 .col1 img {padding-bottom:48px;}
#sec02 div.inner:last-of-type {padding-bottom:0;}
#sec02 .inner a img {transition:0.3s;}
#sec02 .inner a img:hover {opacity:0.8;}
@media screen and (max-width:640px){
    #sec02 {padding:0 0 60px;}
    #sec02 .inner {width:90%;}
    #sec02 div.inner:first-of-type {width:90%;padding-top:16px;}
    #sec02 h2.set_product {margin-bottom:20px;}
}

section#sec03 {background:#e60012 url(../img/sec03_bg.jpg) repeat left top;border-bottom:solid 10px #000000;padding:0 0 40px;border-bottom:solid 10px #000000;display:block;position:relative;overflow:hidden;}
#sec03 .mainIn {position:absolute;max-width:1150px;height:100%;width:89.04%;top:55vw;left:0;right:0;bottom:0;display:flex;flex-direction:row-reverse;}
#sec03 .mainBase {width:100%;display:flex;flex-direction:column;align-items:center;}
#sec03 .btnIn {max-width:850px;width:100%;margin-top:-158px;z-index:2;}
#sec03 .btnIn img {width:100%;}
#sec03 .col2 {padding-top:550px;padding-bottom:40px;}
#sec03 .inner a img {transition:.3s;}
#sec03 .inner a img:hover {opacity:.8;}
#sec03 .inner a.blankBtn img:hover {opacity:.8;}
@media screen and (max-width:1216px){
    #sec03 .mainIn {top:670px;}
}
@media screen and (max-width:640px){
    #sec03 .mainIn {width:93.5%;height:100%;top:78vw;}
    #sec03 .mainBase img {flex-shrink:0;}
    #sec03 .btnIn {width:93.5%;margin:-34% auto 0;}
    #sec03 .col2 {width:93.5%;padding-top:113%;}
}

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

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

    #sec00{padding:0;}
    #sec00 h2 {padding:0;}
    #sec00 img {margin:0 auto;padding:0;}
}