.ttltop01{position:absolute;top:calc(50% - 80px);left:88px}@media (max-width: 1023px){.ttltop01{top:calc(50% - 40px);left:55px}}.ttltop01 .text01{color:#fff;font-size:85px;font-size:8.5rem;line-height:100px;letter-spacing:0;font-family:"Amiri",serif}@media (max-width: 1023px){.ttltop01 .text01{font-size:31px;font-size:3.1rem;line-height:40px;letter-spacing:0}}.ttltop01 .btn01{margin-top:10px}.btntoparr{position:relative;display:block;width:203px;height:94px;background:url(../../img/common/icon_btn01.svg) no-repeat left center;cursor:pointer;animation-name:arrowslide_animation;animation-duration:2s;animation-delay:2s;animation-iteration-count:infinite;animation-timing-function:linear}@media (max-width: 1023px){.btntoparr{width:65px;height:30px;background-image:url(../../img/common/icon_btn01_sp.svg)}}@keyframes arrowslide_animation{0%{left:0;opacity:1}80%{left:50px;opacity:0}85%{left:0;opacity:0}100%{left:0;opacity:1}}.topbox01{position:relative;height:100vh;background:url(../../img/top/img_main.jpg) no-repeat center;background-size:cover;padding:0 20px 0 100px;z-index:99;overflow:hidden}.topbox01.hidden{opacity:0}@media (max-width: 1023px){.topbox01{padding:0 20px 0 60px}}.topbox01 .txtWrap{position:relative;max-width:1550px;margin:0 auto;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.topbox01 .txtdiv{position:relative;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.topbox01 .logodiv{width:calc(456/1550*100%);text-align:center}.topbox01 .logodiv .logo_window{display:block;width:245px;margin:20px auto 0}@media (max-width: 1023px){.topbox01 .logodiv{padding-top:20px;width:calc(175/656*100%)}.topbox01 .logodiv .logo_window{width:95px;margin-top:5px}}.topbox01 .text01{width:calc(1094/1550*100%);padding-left:210px;padding-top:50px;color:#fff;font-size:26px;font-size:2.6rem;line-height:51px;letter-spacing:0}@media only screen and (max-width: 1850px){.topbox01 .text01{padding-left:150px;padding-top:30px;font-size:26px;font-size:2.6rem;line-height:40px}}@media only screen and (max-width: 1850px) and (max-height: 700px){.topbox01 .text01{line-height:38px}}@media only screen and (max-width: 1850px) and (max-height: 600px){.topbox01 .text01{font-size:24px;font-size:2.4rem;line-height:36px}}@media only screen and (max-width: 1750px){.topbox01 .text01{padding-left:100px;font-size:26px;font-size:2.6rem;line-height:40px}}@media only screen and (max-width: 1750px) and (max-height: 700px){.topbox01 .text01{line-height:36px}}@media only screen and (max-width: 1750px) and (max-height: 600px){.topbox01 .text01{font-size:23px;font-size:2.3rem;line-height:32px}}@media only screen and (max-width: 1650px){.topbox01 .text01{padding-left:80px;font-size:25px;font-size:2.5rem;line-height:40px}}@media only screen and (max-width: 1650px) and (max-height: 700px){.topbox01 .text01{line-height:34px}}@media only screen and (max-width: 1650px) and (max-height: 600px){.topbox01 .text01{font-size:21px;font-size:2.1rem;line-height:28px}}@media only screen and (max-width: 1550px){.topbox01 .text01{padding-left:80px;font-size:25px;font-size:2.5rem;line-height:38px}}@media only screen and (max-width: 1550px) and (max-height: 700px){.topbox01 .text01{font-size:24px;font-size:2.4rem;line-height:34px}}@media only screen and (max-width: 1550px) and (max-height: 600px){.topbox01 .text01{font-size:21px;font-size:2.1rem;line-height:28px}}@media only screen and (max-width: 1450px){.topbox01 .text01{font-size:22px;font-size:2.2rem;line-height:38px}}@media only screen and (max-width: 1450px) and (max-height: 700px){.topbox01 .text01{font-size:20px;font-size:2rem;line-height:32px}}@media only screen and (max-width: 1450px) and (max-height: 600px){.topbox01 .text01{font-size:21px;font-size:2.1rem;line-height:28px}}@media only screen and (max-width: 1350px){.topbox01 .text01{padding-left:60px;font-size:21px;font-size:2.1rem;line-height:38px}}@media only screen and (max-width: 1350px) and (max-height: 700px){.topbox01 .text01{font-size:20px;font-size:2rem;line-height:32px}}@media only screen and (max-width: 1350px) and (max-height: 600px){.topbox01 .text01{font-size:21px;font-size:2.1rem;line-height:28px}}@media only screen and (max-width: 1250px){.topbox01 .text01{font-size:19px;font-size:1.9rem;line-height:36px}}@media only screen and (max-width: 1250px) and (max-height: 700px){.topbox01 .text01{font-size:18px;font-size:1.8rem;line-height:30px}}@media only screen and (max-width: 1250px) and (max-height: 600px){.topbox01 .text01{font-size:18px;font-size:1.8rem;line-height:26px}}@media only screen and (max-width: 1150px){.topbox01 .text01{font-size:17px;font-size:1.7rem;line-height:36px}}@media only screen and (max-width: 1150px) and (max-height: 700px){.topbox01 .text01{font-size:16px;font-size:1.6rem;line-height:32px}}@media only screen and (max-width: 1150px) and (max-height: 600px){.topbox01 .text01{font-size:16px;font-size:1.6rem;line-height:26px}}@media only screen and (max-width: 1100px){.topbox01 .text01{font-size:15px;font-size:1.5rem;line-height:34px}}@media only screen and (max-width: 1100px) and (max-height: 700px){.topbox01 .text01{font-size:14px;font-size:1.4rem;line-height:28px}}@media only screen and (max-width: 1100px) and (max-height: 600px){.topbox01 .text01{font-size:13px;font-size:1.3rem;line-height:24px}}@media (max-width: 1023px){.topbox01 .text01{padding-top:0;font-size:11px;font-size:1.1rem;line-height:20px;letter-spacing:-0.5px}}.topbox01 .btntoparr{margin-top:125px}@media only screen and (max-height: 800px){.topbox01 .btntoparr{margin-top:80px}}@media only screen and (max-height: 700px){.topbox01 .btntoparr{margin-top:60px}}@media only screen and (max-height: 600px){.topbox01 .btntoparr{margin-top:40px}}.mainimgWrap{position:fixed;right:0;top:0;width:100%;height:100vh;opacity:0;transition:0.3s;z-index:96}.mainimgWrap.active{width:100%;bottom:0;z-index:99;opacity:1}.mainimgWrap .slidediv{position:relative;height:100vh;opacity:0;transition:0.5s}.mainimgWrap .swiper-slide-active .slidediv,.mainimgWrap .swiper-slide-duplicate-active .slidediv{opacity:1}.mainimgWrap .swiper-button-next{position:absolute !important;right:calc(120/1920*100%);bottom:100px;top:auto;width:calc(116/1920*100%);height:auto;background:none;border:#fff 1px solid;border-radius:50%;text-align:center;color:#fff;font-size:18px;font-size:1.8rem;line-height:20px;letter-spacing:0;font-family:"Amiri",serif;transition:0.3s;z-index:999;position:relative}.mainimgWrap .swiper-button-next:before{display:block;content:" ";width:100%;padding-top:100%}.mainimgWrap .swiper-button-next>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media only screen and (max-height: 750px){.mainimgWrap .swiper-button-next{bottom:70px}}@media only screen and (max-height: 650px){.mainimgWrap .swiper-button-next{bottom:20px}}@media only screen and (max-width: 1105px){.mainimgWrap .swiper-button-next{font-size:17px;font-size:1.7rem}}@media (max-width: 1023px){.mainimgWrap .swiper-button-next{right:70px;width:55px;height:55px;padding-top:17px;font-size:11px;font-size:1.1rem}}.mainimgWrap .swiper-button-next .seconds-container{position:absolute;top:50%;right:0;left:0;animation-delay:1s}.mainimgWrap .swiper-button-next .seconds{position:absolute;left:49.5%;width:1px;height:75px;transform-origin:50% 80%;background:#fff;z-index:8}@media only screen and (max-width: 1600px){.mainimgWrap .swiper-button-next .seconds{height:65px}}@media only screen and (max-width: 1500px){.mainimgWrap .swiper-button-next .seconds{height:60px}}@media only screen and (max-width: 1400px){.mainimgWrap .swiper-button-next .seconds{height:55px}}@media only screen and (max-width: 1300px){.mainimgWrap .swiper-button-next .seconds{height:50px}}@media only screen and (max-width: 1200px){.mainimgWrap .swiper-button-next .seconds{height:45px}}@media only screen and (max-width: 1025px){.mainimgWrap .swiper-button-next .seconds{height:57px}}@media (max-width: 1023px){.mainimgWrap .swiper-button-next .seconds{height:35px}}.mainimgWrap .swiper-button-next .text{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mainimgWrap .slideVideo .slidediv .rightdiv{position:fixed;right:0;top:0;width:125px;height:100%}.mainimgWrap .slideVideo .slidediv .logo{position:absolute;top:35px;left:23px;width:84px}.mainimgWrap .slideVideo .slidediv .btn_movie{position:absolute;width:150px;transition:0s;z-index:2}@media only screen and (max-width: 1024px){.mainimgWrap .slideVideo .slidediv .btn_movie{left:60px !important;top:calc(50% - 50px)}}@media (max-width: 1023px){.mainimgWrap .slideVideo .slidediv .btn_movie{width:65px}}.mainimgWrap .slideVideo .slidediv video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;z-index:-1}@media (max-width: 1023px){.mainimgWrap .slideVideo .slidediv video{width:100%}}.mainimgWrap .slideVideo.swiper-slide-active .swiper-button-next .seconds-container,.mainimgWrap .slideVideo.swiper-slide-duplicate-active .swiper-button-next .seconds-container{transform:rotateZ(180deg);animation:rotate180 14s normal linear}.mainimgWrap .slideVideo.swiper-slide-active video,.mainimgWrap .slideVideo.swiper-slide-duplicate-active video{z-index:1}.mainimgWrap .slideArchive .slidediv{background:url(../../img/top/img_archive.jpg) no-repeat center;background-size:cover}.mainimgWrap .slideArchive.swiper-slide-active .swiper-button-next .seconds-container,.mainimgWrap .slideArchive.swiper-slide-duplicate-active .swiper-button-next .seconds-container{transform:rotateZ(-90deg);animation:rotate_am90 6s normal linear}.mainimgWrap .slideGallery .slidediv{background:url(../../img/top/img_gallery.jpg) no-repeat center;background-size:cover}.mainimgWrap .slideGallery.swiper-slide-active .swiper-button-next .seconds-container,.mainimgWrap .slideGallery.swiper-slide-duplicate-active .swiper-button-next .seconds-container{animation:rotate 6s normal linear}.mainimgWrap .slideAbout .slidediv{background:url(../../img/top/img_about.jpg) no-repeat center;background-size:cover}.mainimgWrap .slideAbout.swiper-slide-active .swiper-button-next .seconds-container,.mainimgWrap .slideAbout.swiper-slide-duplicate-active .swiper-button-next .seconds-container{transform:rotateZ(90deg);animation:rotate90 6s normal linear}@keyframes rotate{100%{transform:rotateZ(360deg)}}@keyframes rotate180{100%{transform:rotateZ(540deg)}}@keyframes rotate90{100%{transform:rotateZ(450deg)}}@keyframes rotate_am90{100%{transform:rotateZ(270deg)}}.layerOn .mainimgWrap .slideVideo .slidediv .btn_movie{display:none !important}.layerOn .ttltop01{display:none}.layerOn .mainimgWrap .swiper-button-next{display:none}

/*# sourceMappingURL=maps/top.min.css.map */
