.commonWidth{min-width:1120px;max-width:1120px;margin:auto;position:relative}@media screen and (max-width: 480px){.commonWidth{min-width:inherit;max-width:inherit;width:auto;margin:auto}}.inCont{margin-left:auto;margin-right:auto;max-width:780px;min-width:720px;overflow:hidden}@media screen and (max-width: 480px){.inCont{min-width:100%}}.commonPadding{padding-left:60px;padding-right:60px}@media screen and (max-width: 480px){.commonPadding{padding-left:40px;padding-right:40px}}.topArea{height:100vh}.bgC{background:#fff;padding-bottom:800px;position:relative}.bgC img.logo{width:400px;margin:auto}@media screen and (max-width: 480px){.bgC img.logo{width:100%;padding:0 40px}}.bgC:after{position:absolute;bottom:-180px;content:"";display:block;height:180px;width:100%;background-image:url(../../img/gradefff.png);background-repeat:repeat-x;background-size:contain}@media screen and (max-width: 480px){.bgC{padding-bottom:400px}.bgC img{width:80%}}.p1{width:680px;margin:-3.0vh auto 0;display:block}@media screen and (max-width: 480px){.p1{width:85% !important}}.fin1,.fin3,.fin4,.fin5,.fin6,.fin7,.fin8,.fin9,.fin10,.fin11{opacity:0;transform:translate(0, 30px);transition:all .3s ease;-webkit-transition:all .3s ease}.fin1.show,.fin3.show,.fin4.show,.fin5.show,.fin6.show,.fin7.show,.fin8.show,.fin9.show,.fin10.show,.fin11.show{opacity:1;transform:translate(0px, 0)}.bgM{z-index:-1;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;transition:all .4s ease;-webkit-transition:all .4s ease}.bgM#v1:after{position:absolute;content:"";display:block;z-index:2;background:rgba(0,0,0,0.4);top:0;bottom:0;right:0;left:0;opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease}.bgM video{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.bgM.show{opacity:1}.bgM.show:after{opacity:1 !important}@media screen and (max-width: 480px){.bgM video{height:100vh}}.main{position:relative;color:#fff;z-index:8}.main .comB{height:100%;min-height:800px;position:relative;display:flex;flex-wrap:wrap}.main .comB .right,.main .comB .left{width:50%}.main .comB .right{padding-left:0px}.main .comB .left{padding-right:20px}.main .comB h3.title,.main .comB .h3title{font-family:"Archivo Narrow",sans-serif;font-size:7.0rem;color:#fff;font-weight:600;letter-spacing:0.2rem}@media screen and (max-width: 480px){.main .comB h3.title,.main .comB .h3title{font-size:15.5vw;line-height:1}}@media screen and (max-width: 480px){.main .comB .right,.main .comB .left{width:100%}.main .comB .left{padding-right:0px}}.main .mainTxt{color:#000;font-size:9.2vw;font-family:"Aldrich",sans-serif;letter-spacing:-0.25vw;font-weight:100;line-height:1.15;margin-left:-1vw;margin-top:-32vw;position:absolute}.main .mainTxt .inf_4,.main .mainTxt .inf_5,.main .mainTxt .inf_6{color:#fff;text-shadow:3px 3px 15px rgba(0,0,0,0.3)}.main .mainTxt div span{opacity:0;transition:all .4s ease;-webkit-transition:all .4s ease;transform:translate(40px, 0);display:inline-block}.main .mainTxt div span.inm{transform:translate(0, 0);opacity:1}@media screen and (max-width: 480px){.main .mainTxt{margin-top:-35vw;font-size:18vw;line-height:1.05}}.main .n1{padding-top:130vh}.main .n1 .right{width:450px}.main .n1 .right h3{font-size:2.8rem;font-weight:bold;letter-spacing:0.3rem}.main .n1 .right p{margin-top:45px;transition-delay:0.4s}@media screen and (max-width: 480px){.main .n1{padding-top:100vh}.main .n1 .right{width:100%}.main .n1 .right h3{font-size:6.2vw}}.main .n2{padding-top:200px;position:relative}@media screen and (max-width: 480px){.main .n2{padding-top:40px;margin-top:250px}.main .n2 .smp_mode{position:absolute !important;height:300px;top:0;overflow:hidden;opacity:1 !important;z-index:3}.main .n2 .smp_mode:after{opacity:1 !important}.main .n2 .smp_mode video{height:100vh}.main .n2 .smp_mode.is-fixed{position:fixed !important}}.main .n2 .right{width:400px;text-align:center;padding-left:25px;position:relative;transform:inherit;transition:all 0s ease;-webkit-transition:all 0s ease}.main .n2 .right .in{transition-property:opacity;transform:inherit;width:400px;position:absolute}.main .n2 .right .in.is-fixed{position:fixed}.main .n2 .right img{margin-top:150px;transition-delay:0.2s}@media screen and (max-width: 480px){.main .n2 .right{width:100%;padding-left:0;order:1;z-index:4;text-align:center}.main .n2 .right .in{left:0;right:0;width:100%;padding:0 40px 0}.main .n2 .right .in img{margin-top:20px;width:80%}.main .n2 .right .in.is-fixed{position:fixed;padding:0 80px}}.main .n2 .left{margin-top:50px;padding-right:60px;transition-delay:0.15s}.main .n2 .left .name span.en{font-size:3.6rem;font-family:"Archivo Narrow",sans-serif;letter-spacing:0.12em}.main .n2 .left .name .mininame span{font-size:2.2rem}.main .n2 .left p{margin-top:100px;margin-bottom:300px}.main .n2 .left dl{margin-top:25px}.main .n2 .left dl dl:nth-child(1){transition-delay:.04s}.main .n2 .left dl dl:nth-child(2){transition-delay:.08s}.main .n2 .left dl dl:nth-child(3){transition-delay:.12s}.main .n2 .left dl dl:nth-child(4){transition-delay:.16s}.main .n2 .left dl dl:nth-child(5){transition-delay:.2s}.main .n2 .left dl dl:nth-child(6){transition-delay:.24s}.main .n2 .left dl dt{border-bottom:1px solid #fff;padding-bottom:0px;font-size:1.6rem}.main .n2 .left dl dd{padding-top:15px;padding-left:20px;letter-spacing:1.4px}@media screen and (max-width: 480px){.main .n2 .left{width:100%;padding-right:0;order:2;z-index:2;margin-top:0;padding-top:250px}.main .n2 .left .name{text-align:center}.main .n2 .left .name span.en{font-size:8.5vw}}.main .n3{margin-top:300px}@media screen and (max-width: 480px){.main .n3{margin-top:200px}}.main .n3 .left .yajiBoxIC{transition:all .3s ease;-webkit-transition:all .3s ease;opacity:0;margin-top:80px;width:20px;margin-left:60px;display:block;border-style:solid;border-width:0 20px 30px 20px;border-color:transparent transparent rgba(255,255,255,0.5) transparent}@media screen and (max-width: 480px){.main .n3 .left .yajiBoxIC{margin:auto;margin-top:20px}}.main .n3 .left .yajiBox{overflow:hidden;position:relative;background:rgba(255,255,255,0.5);height:0px;color:#000;transition:0.3s all;transition-delay:0.25s}.main .n3 .left .yajiBox p{padding:90px 60px}@media screen and (max-width: 480px){.main .n3 .left .yajiBox p{padding:0px 40px}}.main .n3 .left.show .yajiBoxIC{opacity:1}.main .n3 .left.show .yajiBox{height:320px}@media screen and (max-width: 480px){.main .n3 .left.show .yajiBox{height:40vh}}@media screen and (max-width: 480px){.main .n3 .left h3{padding-left:0px;text-align:center}}.main .n3 .right{transition-delay:0.2s;display:flex;justify-content:flex-end}@media screen and (max-width: 480px){.main .n3 .right ul{width:100%;margin-top:40px;padding-bottom:80px}.main .n3 .right ul li{position:relative}}.main .n3 .right ul li a{display:flex;transition:0.4s;cursor:pointer;color:#fff}@media screen and (max-width: 480px){.main .n3 .right ul li a{justify-content:center}}.main .n3 .right ul li a .img{width:150px;text-align:center;font-size:2.4rem;font-family:"Archivo Narrow",sans-serif;transition:all .2s ease;-webkit-transition:all .2s ease;display:flex;justify-content:center;flex-wrap:wrap;position:relative}.main .n3 .right ul li a .img p{margin:auto;display:block;width:150px}.main .n3 .right ul li a .img .in{position:relative;width:80px;height:80px;margin:auto}.main .n3 .right ul li a .img .in img{display:block}@media screen and (max-width: 480px){.main .n3 .right ul li a .img .in{width:18vw;height:18vw;text-align:center;margin:auto}.main .n3 .right ul li a .img .in img{width:8vw}}.main .n3 .right ul li a .img .in:after{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:-1;content:"";border-radius:50%}@keyframes backc{0%{background-color:#fff;width:80px;height:80px}50%{background-color:rgba(255,255,255,0.5);width:85px;height:85px;transform:scale(1.1)}100%{background-color:#fff;width:80px;height:80px}}.main .n3 .right ul li a .txt{display:flex;justify-content:center;align-items:center;width:140px;height:70px;margin-left:40px;transition:all .25s ease;-webkit-transition:all .25s ease}.main .n3 .right ul li a .txt span{width:100%;display:block;padding-bottom:6px;text-align:center;border-bottom:1px solid #fff}.main .n3 .right ul li a:hover .txt{transform:translate(-100px, 0px);-webkit-transform:translate(-100px, 0px);transition-delay:0.1s}.main .n3 .right ul li a:hover .img{transform:translate(-100px, 0px);-webkit-transform:translate(-100px, 0px)}.main .n3 .right ul li a:hover .img .in:after{animation-name:backc;animation-duration:0.5s}@media screen and (max-width: 480px){.main .n3 .right ul li a:hover .img,.main .n3 .right ul li a:hover .txt{-webkit-transform:translate(0, 0) !important;-webkit-transform:translate(0, 0) !important;opacity:1 !important}.main .n3 .right ul li a:hover .img .in:after{animation:none}}.main .n3 .right ul li:nth-child(n+2){margin-top:60px}@media screen and (max-width: 480px){.main .n3 .right ul li:nth-child(n+2){margin-top:30px}}.zil{background:#000;position:relative;z-index:7}@media screen and (max-width: 480px){.zil{min-height:100vh;display:flex;justify-content:center;align-content:center;align-items:center}}.zil .swiper-container{width:720px}@media screen and (max-width: 480px){.zil .swiper-container{width:100%}}.zil .swiper-container .swiper-button-next,.zil .swiper-container .swiper-button-prev{transition:all .6s ease;-webkit-transition:all .6s ease}.zil .swiper-container .swiper-button-next:hover,.zil .swiper-container .swiper-button-prev:hover{opacity:0.6}.zil .swiper-container .swiper-button-next:after,.zil .swiper-container .swiper-button-prev:after{display:none}.zil .swiper-container .swiper-button-next{width:0;height:0;border-style:solid;border-width:20px 0 20px 34px;border-color:transparent transparent transparent #333}@media screen and (max-width: 480px){.zil .swiper-container .swiper-button-next{border-width:10px 0 10px 14px}}.zil .swiper-container .swiper-button-prev{width:0;height:0;border-style:solid;border-width:20px 34px 20px 0;border-color:transparent #333 transparent transparent}@media screen and (max-width: 480px){.zil .swiper-container .swiper-button-prev{border-width:10px 14px 10px 0}}.zil .inBox{padding-top:60px;padding-bottom:60px;background:#000;color:#fff;overflow:hidden}.zil .inBox .slide{margin:auto;display:block;text-align:center}.zil .inBox .txt{width:470px;margin:90px auto 0}.zil .inBox .txt h3{text-align:center;font-family:"Aldrich",sans-serif;font-size:4.8rem}@media screen and (max-width: 480px){.zil .inBox .txt{width:100%;margin:60px auto 0}.zil .inBox .txt h3{font-size:6.5vw;letter-spacing:0.01rem}.zil .inBox .txt p{margin-top:10px}}.zil .inBox a{border:1px solid #fff;color:#fff;padding:10px;float:right;margin-right:20px;transition:all .4s ease;-webkit-transition:all .4s ease}.zil .inBox a:hover{background:#fff;color:#000}@media screen and (max-width: 480px){.zil .inBox a{margin:40px auto 0}}.top-bn{background-color:#fff;padding:40px 0 30px}.contact .titleBox,.access .titleBox{background:#fff;margin:auto}.contact .titleBox .flex,.access .titleBox .flex{align-content:center;align-items:center;justify-content:space-between;height:190px}.contact .titleBox .flex h2.title,.access .titleBox .flex h2.title{font-family:"Archivo Narrow",sans-serif;font-size:8.0rem}.contact .titleBox .flex p,.access .titleBox .flex p{font-size:1.8rem}@media screen and (max-width: 480px){.contact .titleBox .flex,.access .titleBox .flex{height:auto;padding:40px 0;display:block;text-align:center}.contact .titleBox .flex h2.title,.access .titleBox .flex h2.title{font-size:10.5vw}.contact .titleBox .flex p,.access .titleBox .flex p{font-size:3.6vw}}.contact .gmap,.access .gmap{height:360px;padding-top:0}@media screen and (max-width: 480px){.contact .gmap,.access .gmap{height:50vh}}.contact .titleBox{background:#EFEFEF}.contact .titleBox a{transform:translate(-40px, 0px);transition:all .3s ease;-webkit-transition:all .3s ease}.contact .titleBox a:hover{transform:translate(0px, 0px)}@media screen and (max-width: 480px){.contact .titleBox a{width:80%;display:inline-block;margin-top:10px;transform:translate(0px, 0px)}}
/*# sourceMappingURL=top.css.map */
