@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 {padding-bottom:48px;background:#23ac38;}
#main .red_line {width:100%;position:absolute;top:75%;}
#main .inner h1 {max-width:995px;margin:0 auto;position:absolute;bottom:-40px;}
@media screen and (max-width:640px){
    #main {padding-bottom:0;}
	#main h1 {width:100%;position:static;bottom:0;}
}

#sec_intro {padding:80px 0;margin:0 auto;background:url(../img/intro_bg.jpg) repeat left top;border-top:solid 10px #cfdb00;}
@media screen and (max-width:640px){
    #sec_intro {padding:10% 0;}
}

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

#sec01 {padding:80px 0 24px;background:linear-gradient(#96dff0, #e9f8fc);}
#sec01 .inner {display:block;z-index:50;}
#sec01 .bg {position:absolute;top:57.5%;z-index:50;}
.map {padding:0;margin-top:-4.5%;z-index:100;}
.map img {width:100%;}
.map div {margin:0 10px;}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.next-arrow {width:40px!important;height:40px;right:10px;z-index:100;}
.prev-arrow {width:40px!important;height:40px;left:10px;z-index:100;}
#sec01 .bg_bottom {display:block;position:absolute;bottom:0;left:0;right:0;max-height:300px;}
@media screen and (max-width:640px){
    #sec01 {padding:10% 0 0;}
    #sec01 .inner {width:100%;}
    #sec01 .bg {width:97.5%;position:absolute;top:74%;left:0;right:0;margin:0 auto;}
    .map {margin-top:1%;}
    .map div:first-child {margin-left:5px;}
    .next-arrow {width:30px!important;height:30px;right:4%;}
    .prev-arrow {width:30px!important;height:30px;left:4%;}

}

#sec02 {padding:80px 0 0;background:#d1f56e;}
#sec02::after {content:"";display:block;background-image:url(../img/sec04_under.png);background-repeat :repeat-x;background-position:left bottom;background-size:contain;height:70px;}
#sec02 .sec02_btn {margin:40px auto;width:90%;}
#sec02 .sec02_btn img {transition:.3s;}
#sec02 .sec02_btn img:hover {opacity:.8;}
@media screen and (max-width:640px){
    #sec02 {padding:10% 0 0;}
    #sec02 .sec02_btn {width:100%;margin-bottom:0;}
}

#sec03 {display:block;padding:0;background:url(../img/sec03_bg.png) repeat left top;}
#sec03::after {content:"";display:block;background-image:url(../img/sec04_under.png);background-repeat :repeat-x;background-position:left bottom;background-size:contain;height:70px;}
#sec03 h1 {width:100%;}
#sec03 h2 {width:100%;padding:40px 0 160px;}
#sec03 .bg_under {display:block;position:absolute;bottom:0;}
#sec03 .btn {width:47.5%;position:absolute;left:0;bottom:40px;transition:.3s;}
#sec03 .btn:hover {opacity:0.8;}
@media screen and (max-width:640px){
    #sec03 h2 {padding:5% 0 0;}
    #sec03 .btn {margin-top:5%;width:100%;position:static;}
}

#sec04 {background:url(../img/sec04_bg.jpg)no-repeat center center;background-size:cover;padding:80px 0;border-bottom:solid 10px #000;display:block;border-top:solid 10px #000;display:block;}
#sec04 .inner img:first-child {margin-bottom:40px;}
#sec04 .inner img.btn  {width:50%;}
#sec04 .inner a img {transition:.3s;}
#sec04 .inner a img:hover {opacity:.8;}
#sec04 .inner a.blankBtn img {width:90%;margin:0 auto;}
@media screen and (max-width:640px){
    #sec04 {padding:10% 0;background:url(../img/sec04_bg.jpg)no-repeat center center;background-size:cover;}
    #sec04 .inner img:first-child {margin-bottom:0;}
    #sec04 .inner img.btn  {width:90%;}
    #sec04 .inner a.blankBtn img {width:100%;}
}

#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:92%;} 
	#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;}
}