@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#wrapper {min-width:1200px;}
#contents {width:100%;padding:0;}

.inner {max-width:1150px;width:89.04%;padding:0;margin:0 auto;}
section {margin-bottom:0;}
section img {display:block;width:100%;}


.pc {display:block !important;}
.sp {display:none !important;}

/* hero */
section#main {position:relative;margin-top:-4.85vw;}
#main h1 {position:absolute;top:7vw;width:67%;max-width:820px;}
#sec00 {background:#e60011;padding-bottom:40px;}
@media screen and (max-width:1200px){
    section#main {margin-top:-55px;}
    #main h1 {top:80px;}
}
@media screen and (max-width:640px){
    section#main {margin:0;width:100%;}
    #main h1 {width:75%;max-width:600px;top:40px;}
    #sec00 {padding:8px 0 16px;}
}

/* movie */
#sec_movie {background:url(../img/tower/movie_bg.jpg)no-repeat center center;background-size:cover;z-index:400;overflow:hidden;}
#sec_movie .inner {padding:80px 0;display:flex;align-items:center;}
#sec_movie .inner:first-child {padding-bottom:0;}
#movieFx {display:flex;flex-direction:column;width:830px;}
/*#sec_movie h2 {width:100%;max-width:745px;padding-bottom:48px;}*/
#sec_movie h2 {width:100%;padding-bottom:16px;}
.loop_wrap {display: flex;width:100vw;height:210px;}
.loop_wrap img {width: auto;height:100%;}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap img:last-child {
  animation: loop2 50s linear infinite;
}

#sec_movie .comingVideo {width:800px;height:450px;border:solid 10px #fdd000;background:#000;color:#fff;display:inline-block;}
#sec_movie .comingVideo p {font-weight:bold;font-size:3em;text-align:center;padding-top:198.5px;}
#sec_movie .video {padding-top:0;}
#sec_movie iframe {position:inherit;width:800px;height:450px;border:solid 10px #fdd000;}
#sec_movie .inVideo {padding-top:20px;width:100%;margin:0 auto;}
#sec_movie .inVideo a img {transition:0.3s;}
#sec_movie .inVideo a img:hover {opacity:0.8;}
#sec_movie .movieTower {width:340px;}
#sec_movie .movieTower img {width:340px;display:block;}
@media screen and (max-width:640px){
    #sec_movie .inner {display:block;padding:40px 0;}
    #movieFx {display:flex;flex-direction:column;width:93.5%;}
    /*#sec_movie h2 {max-width:600px;}*/
    .loop_wrap {height:100px;}
    #sec_movie .inner:first-child {padding-bottom:16px;}
    #sec_movie .comingVideo {width:100%;height:100%;}
    #sec_movie .comingVideo p {padding:calc(315 / 560 * 50%) 0;}
    #sec_movie .video {position:relative;width:100%;padding:calc(315 / 560 * 100%) 0 0;}
    #sec_movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
    #sec_movie .inVideo {width:100%;}
}

/* section01 */
#sec01 {position:relative;min-width:1200px;overflow:hidden;}
#sec01 .tower {display:block;width:100%;z-index:500;position:absolute;left:50%;margin:0 auto;text-align:center;-webkit-transform:translateX(-50%) translateY(5%);transform:translateX(-50%) translateY(5%);height:1700px;}

#sec01 .tower h2 {width:100%;margin:0 auto;display:block;top:0;}
/*#sec01 .fadeBase {position:relative;width:100%;}*/
#sec01 .fadeBase .Col2 {width:100%;display:flex;justify-content:space-between;}
.#sec01 fadeBase .Col2 .fadeLeft {width:50%;}
#sec01 .fadeBase .col2 .fadeRight {width:47%;}
#sec01 .fadeBase .fadeLeft .copy,.fadeBase .fadeRight .copy {width:40%;}
/*** point1,point2 ***/
.fadeBase .pointArea1 {position:absolute;top:350px;left:0;}
.fadeBase .pointArea1 .fadeLeft {width:48%;}
.fadeBase .pointArea1 .fadeLeft .copy {margin-top:-30%;margin-left:40%;}
.fadeBase .pointArea1 .fadeRight {width:23%;margin-top:13%;}
.fadeBase .pointArea1 .fadeRight .copy {width:70%;margin-top:-15%;margin-left:17%;}
/*** point3,point4 ***/
.fadeBase .pointArea2 {position:absolute;top:780px;left:0;}
.fadeBase .pointArea2 .fadeLeft {width:38%;}
.fadeBase .pointArea2 .fadeLeft .copy {width:80%!important;margin-top:-60%;}
.fadeBase .pointArea2 .fadeRight {width:23%;margin-top:12%;}
.fadeBase .pointArea2 .fadeRight .copy {width:80%;margin-top:-15%;margin-left:10%;}
/*** point5,point6 ***/
.fadeBase .pointArea3 {position:absolute;top:1170px;left:0;}
.fadeBase .pointArea3 .fadeLeft {width:33%;}
.fadeBase .pointArea3 .fadeLeft .copy {width:115%!important;margin-top:-98%;}
.fadeBase .pointArea3 .fadeRight {width:24%;margin-top:12%;}
.fadeBase .pointArea3 .fadeRight .copy {width:85%;margin-top:-110%;margin-left:20%;}

#sec01 .block01 {content:"";position:relative;display:block;background:url(../img/tower/sec01_block01_bg01.jpg)no-repeat center top;background-attachment:fixed;background-size:cover;width:100%;overflow:hidden;height:1200px;}
#sec01 .block02 {content:"";position:relative;display:block;background:url(../img/tower/sec01_block01_bg02.jpg)no-repeat center bottom;/*background-attachment:fixed;*/background-size:cover;width:100%;overflow:hidden;height:850px;}
/*#sec01 .block03 {content:"";position:relative;display:block;background:url(../img/tower/_test.jpg)no-repeat center top;background-attachment:fixed;background-size:cover;width:100%;overflow:hidden;height:250px;}*/

#sec01 .block01 .inner,#sec01 .block02 .inner {display:block;position:absolute;left:50%;top:0;bottom:auto;right:auto;width:100%;margin:0 auto;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}

@media screen and (max-width:750px){
    #sec01 {min-width:100%;height:auto;min-height:100%;background:url(../img/tower/sec01_bg01.jpg)no-repeat center top;background-size:cover;}
    #sec01 .inner {padding-top:40px;width:93.5%;}
    #sec01 h2 {padding-bottom:20px;}
    #sec01 .base {display:block;position:relative;}
    #sec01 .base:after {content:"";display:block;width:100%;height:1200px;background-image:url(../img/tower/sec01_cloud.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:1.5%;}
    #sec01 .point04 {padding-bottom:40px;}
}

/* section02 */
#sec02 {background:#e60011;padding:80px 0 40px;display:block;z-index:400;position:relative;}
#sec02 .inner img:first-child {margin-bottom:40px;}
#sec02 .inner a img {transition:.3s;}
#sec02 .inner a img:hover {opacity:.8;}
@media screen and (max-width:640px){
    #sec02 {padding:40px 0;}
    #sec02 .inner .btn {padding-top:20px;}
}

/* section03 */
/*#sec03 {display:block;background:url(../img/tower/sec03_bg.jpg) no-repeat left top;background-size:cover;min-height:900px;width:100%;overflow:hidden;}
#sec03 .inner {width:85%;padding-top:40px;}*/
#sec03 .sec03Bg {display:block;position:relative;overflow:hidden;width:100%;}
#sec03 .inner {max-width:1150px;padding-top:40px;position:absolute;top:0;left:0;right:0;}

@media screen and (max-width:640px){
    #sec03 {background:none;height:auto;min-height:100%;}
}

/* section04 */
#sec04 {background:#e60011;padding:80px 0 40px;border-bottom:solid 10px #000000;display:block;}
#sec04 .inner img:first-child {margin-bottom:40px;}
#sec04 .inner div {display:inline-block;position:relative;}
#sec04 .inner .btn {position:absolute;top:62%;right:20px;}
#sec04 .inner img.btn  {width:52%;}
#sec04 .inner a img {transition:.3s;}
#sec04 .inner a img:hover {opacity:.8;}
#sec04 .inner a.blankBtn img:hover {opacity:.8;}
@media screen and (max-width:640px){
    #sec04 {padding:40px 0 40px;}
    #sec04 .inner img:first-child {margin-bottom:0;}
    #sec04 .inner div {display:inline-block;position:relative;margin-bottom:32px;}
    #sec04 .inner .btn {position:absolute;top:75%;left:5%;}
    #sec04 .inner img.btn  {width:90%;}
    #sec04 .inner a img:hover {opacity:.8;}
}

/* products */
#products {background:#fdd000 url(../img/tower/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;}
}

/* breadcrumb */
#breadcrumb_area {background-color:#e01229;position:relative;}
#breadcrumb_area .inner {padding: 0 4.75%!important;}
#breadcrumb_area .inner:before {content:"";display:block;background:url(../../../img/nav_about.png) no-repeat left center;background-size:5%;position:absolute;width:100%;height:100%;left:0;}
#breadcrumb_area .breadcrumb_list {display:-webkit-box;display:-ms-flexbox;display:flex;}
#breadcrumb_area .breadcrumb_list .breadcrumb_item {padding:23px 0;font-size:14px;color:#fad407;}
#breadcrumb_area .breadcrumb_list .breadcrumb_item:first-child {}
#breadcrumb_area .breadcrumb_list .breadcrumb_link {position:relative;display:inline-block;margin-right:30px;color:#fff;}
#breadcrumb_area .breadcrumb_list a {text-decoration:none;transition:0.3s;}
#breadcrumb_area .breadcrumb_list a:hover {opacity: .7;}
#breadcrumb_area .breadcrumb_list .breadcrumb_link:after {position:absolute;top:0;right:-25px;content:"＞";color:#fff;}
@media screen and (max-width:640px){
    #breadcrumb_area {margin-bottom:0 !important;}#breadcrumb_area .inner {width:95%;}
    #breadcrumb_area .inner::before {background-size:15%;}
    #breadcrumb_area .breadcrumb_list {display:block;padding:15px 0 15px 15%;}
    #breadcrumb_area .breadcrumb_list:first-child {padding-left:15%;}
    #breadcrumb_area .breadcrumb_list .breadcrumb_item {padding:0;}
}

/* banner_area */
#banner_area {background:url(../../../img/bg_banner.jpg) no-repeat center center;background-size:cover;}
#banner_area .inner {width:100%;padding:150px 0 30px;}
.banner_flex {display:-webkit-box;display: -ms-flexbox;display:flex;max-width:980px;margin: 0 auto;}
.banner_flex .banner_flex_item {margin: 0 15px;}
.banner_flex a img,.banner_item a img {transition:0.3s;}
.banner_flex a:hover img,.banner_item a:hover img {opacity: .7;}
.banner_item {max-width:980px;margin:30px auto 0;padding:0 15px 150px;}
@media screen and (max-width:640px){
    #banner_area .inner {padding: 8vw 0 !important;}
    .banner_flex {margin:0 20px;justify-content:space-between;}
    .banner_flex .banner_flex_item {margin: 0;width:48.5%;}
    .banner_item {margin: 14px auto 0;padding: 0 20px;}
}

@media screen and (max-width:640px){
    #wrapper {min-width:inherit;}
	.inner {width:93.5%;}
    .pc {display:none !important;}
    .sp {display:block !important;}
}