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

.inner {max-width:1150px;width:89.04%;padding:0;}
#sec01 .inner,#sec02 .inner,#sec03 .inner,#set_parts .inner,#sec04 .inner {max-width:1015px;}
#wrap section {margin-bottom:0;}
#wrap section img {display:block;width:100%;}

/*** hero ***/
#main {background:#e60011;}
#main .inner {padding:2.25% 0;}
#main h1 {margin:-17.5% auto 0;width:89.04%;}
@media screen and (min-width:1400px){
#main .inner {max-width:89.04%!important;padding-top:2%;}
}
@media screen and (max-width:640px){
    section#main {margin:0 auto;width:100%;}
    #main .inner {padding:0 0 5%;width:95%;max-width:100%;}
	#main h1 {width:100%;margin:-20% auto 0;padding:0;}
}

#sec_movie {padding:0;background:url(../img/movie_bg.jpg) no-repeat center center;background-size:cover;}
#sec_movie .inner:first-child {padding:80px 0 20px;}
#sec_movie .inner:last-child {padding:0 0 80px;}
#sec_movie .copy {max-width:650px;padding-bottom:0;}
#sec_movie .inner h2.bd_mobie {width:80%;margin: 0 auto;border: 8px solid #e60011;}
@media screen and (max-width:640px){
    #sec_movie .inner:first-child {padding:12% 0 5%;}
    #sec_movie .inner h2 {width:95%;}
    #sec_movie .copy {max-width:70%;padding-bottom:0;}
    #sec_movie .inner h2.bd_mobie {width:100%;}
}

#sec01 {padding:0 0 60px;height:1290px;background:url(../img/sec01_bg.png)repeat-x left top;}
#sec01::before {content:"";display:block;height:15px;background:url(../img/border_bg.png) top repeat;}
#sec01 .cont {padding-top:15px;position:absolute;width:1400px;max-width:1400px;top:0;left: 50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#sec01 .inner {width:89.04%;padding:0;position:absolute;top:795px;left: 50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
@media screen and (max-width:640px){
    #sec01 {background:#dbd9dc;padding-bottom:12%;height:100%;}
    #sec01 .inner {width:89.04%;position:static;left:0;transform:translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
    #sec01 .cont {display:block;width:100%;position:static;padding-top:0;margin:0;left:0;transform:translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
}

#sec02 {padding:0;height:1245px;background:url(../img/sec02_bg.jpg)no-repeat center bottom;background-size:cover;}
#sec02::before {content:"";display:block;height:15px;background:url(../img/border_bg.png) top repeat;}
#sec02 .base {width:1500px;padding:0;position:absolute;top:15px;left:50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#sec02 .base_inner {width:87.5%;max-width:900px;position:absolute;top:30px;left: 50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#sec02 .inner {width:87.5%;position:absolute;top:465px;left:50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
@media screen and (max-width:640px){
    #sec02 {padding:0;background:initial;height:auto;}
    #sec02 .base {width:100%;padding:0;position:inherit;top:0;left:0;transform:translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
}

/*** section1_product ***/
#sec03 {background:url(../img/sec03_bg.png) repeat;border-bottom:solid 8px #fdd000;}
#sec03 .inner {padding:80px 0 40px;}
#sec03 .btnIn {padding:0 0 80px;margin:0 auto;}
#sec03 .inner a img {transition:.3s;}
#sec03 .inner a img:hover {opacity:.8;}
@media screen and (max-width:640px){
    #sec03 {padding:12.25% 0;}
    #sec03 .inner {width:89.04%;padding:0;}
    #sec03 .btnIn {padding:7.25% 0 0;}
}

/*** section1_product ***/
#sec04 {background:#e60011;border-bottom:solid 8px #fdd000;}
#sec04 .inner {padding:60px 0 40px;}
#sec04 h2 {font-family:"ヒラギノ角ゴ ProN","メイリオ",'Meiryo UI',sans-serif;color:#fff;font-size:3em;font-weight:700;line-height:1.6;letter-spacing:-0.05em;text-align:center;padding-bottom:20px;text-shadow: 3px 3px 0px #000000;}
#sec04 rt {font-size:0.3em;text-shadow: 1px 2px 0px #000000;}
#sec04 .btnIn {padding:0 0 80px;margin:0 auto;}
#sec04 .inner a img {transition:.3s;}
#sec04 .inner a img:hover {opacity:.8;}
@media screen and (max-width:640px){
    #sec04 {padding:12.25% 0;}
    #sec04 h2 {font-size:2.5em;line-height:1.8;text-shadow: 2px 3px 0px #000000;}
    #sec04 rt {font-size:0.4em;text-shadow: 1px 2px 0px #000000;}
    #sec04 .inner {width:89.04%;padding:0;}
    #sec04 .btnIn {padding:7.25% 0 0;}
}