@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 0;}
#main h1 {margin:-15% auto 0;width:100%;}
@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 13%;width:95%;max-width:100%;}
	#main h1 {width:100%;margin:-12% auto;padding:0;}
}

/*** section1_intro ***/
#sec01 {padding:0 0 80px;background:url(../img/sec01_bg.jpg)no-repeat center top;background-size:cover;}
#sec01 .inner {width:100%;max-width:1200px;}
#sec01 h2 {width:425px;margin:0 auto;padding-bottom:10px;position:absolute;left:41.5%;top:85px;}
#sec01 h2 img {width:100%;}
#sec01 .cont {display:block;position:relative;padding-top:30px;margin:0;}
#sec01 .intro_text {width:100%;max-width:1030px;position:absolute;top:90px;left: 50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
@media screen and (max-width:640px){
    #sec01 {background:url(../img/sec01_bg_sp.jpg)no-repeat center top;background-size:100%;padding-bottom:9%;}
    #sec01 .inner {width:100%;padding-top:2%;}
    #sec01 h2 {width:78.5%;margin:0 auto;padding-bottom:0;position:absolute;left:10.5%;top:3.75%;}
    #sec01 .cont {display:block;position:relative;padding-top:0;margin:0;}
}

/*** section1_How to ***/
#sec02 {padding:60px 0 80px;background:url(../img/sec02_bg.jpg)no-repeat center bottom;background-size:cover;}
#sec02 h2 {width:100%;max-width:870px;text-align:center;margin:0 auto 40px;}
#sec02 .inner img {width:100%;}
@media screen and (max-width:640px){
    #sec02 {padding:10% 0 10%;background:url(../img/sec02_bg_sp.jpg)no-repeat center top;background-size:100%;}
	#sec02 h2 {width:92.5%;max-width:600px;text-align:center;margin:2% auto 7.5%;}
}

/*** section1_product ***/
#sec03 {background:url(../img/sec03_bg.png) repeat;border-bottom:solid 8px #fdd000;}
#sec03 .inner {padding:80px 0;}
#sec03 .btnIn {position:absolute;width:100%;padding:0 56px;margin-top:-165px;z-index:2;}
#sec03 .btnIn img {width:100%;}
#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 {width:100%;margin:-38% auto 0;padding:0 5%;}
}
