.visual .date{line-height:0;text-indent:-9999px;font-size:0}#movie h1{width:0;height:0;margin:0;padding:0;line-height:0;text-indent:-9999px;font-size:0;border:none}.visual{height:850px;background:transparent}.visual h1{width:100%;margin:78px 0 0;padding-top:11.9106699752%;position:relative}.visual h1::after{content:"";display:block;width:100%;height:100%;background:url(../img/home/logo_title.png) no-repeat 0 0/100% auto;position:absolute;top:0;left:0}.visual h1 a{width:0;height:0}.visual .copy{width:100%;padding-top:31.5136476427%;position:relative}.visual .copy::after{content:"";display:block;width:100%;height:100%;background:url(../img/home/visual_copy.png) no-repeat 0 0/100% auto;position:absolute;top:0;left:0}.visual .date{width:100%;padding-top:19.3548387097%;background:url(../img/home/visual_date.png) no-repeat 0 0/100% auto}.visual-inner{max-width:1500px;min-width:1100px;box-sizing:border-box;position:absolute;top:0;left:0;right:0;margin:auto}.visual-inner2{width:53.7333333333%;max-width:806px}.visual-movie{width:332px;margin:0 auto;position:relative}.visual-movie #visual-movie{width:330px;height:186px;display:block;border:1px solid #bacdf0;background:#eee}.visual-movie .youtube{width:100%;height:188px;display:block;position:absolute;top:0;left:0}.visual-movie .smoothscroll a{width:252px;height:38px;margin:10px auto 0;display:block;background:url(../img/home/btn_movie_on.png)}.visual-movie .smoothscroll a img{transition:all 300ms ease-in-out}.visual-movie .smoothscroll a:hover img{opacity:0}.mainarea{border-top:4px solid #0d1c3a;background:#f2f5ff;display:flex;flex-wrap:wrap;justify-content:center;position:relative;z-index:50}.inner{height:100%;padding:20px 0 0;box-sizing:border-box;position:relative;z-index:1}.pickup01 .inner{width:100%;max-width:1184px;padding-left:20px;margin:0 auto}.pickup02 .inner{width:310px}.pickup03 .inner{width:324px}.inner a{display:block;transition:all 300ms ease-in-out;background:url(../img/home/background_pickup_inner.png) no-repeat right bottom;box-sizing:border-box;position:relative}.inner a::after{content:"";display:block;width:26px;height:26px;background:url(../img/home/link_arrow_on.png) 0 0;position:absolute;bottom:10px;right:10px;transition:all 300ms ease-in-out;opacity:0}.inner a:hover::after{opacity:1}.pickup01 .inner a{width:572px;height:270px;padding:26px 28px 0 0}.pickup02 .inner a{width:308px;height:221px;padding:23px 18px 0 0}.pickup03 .inner a{width:324px;height:221px;padding:23px 18px 0}.inner h1{line-height:1.15}.pickup01 .inner h1{font-size:34px;margin-bottom:28px}.pickup02 .inner h1,.pickup03 .inner h1{font-size:26px;margin-bottom:21px}.inner p{color:#0c274b}.inner small{font-size:12px;position:absolute;left:0;bottom:7px;text-shadow:-1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff}.pickup01 .inner small,.pickup03 .inner small{left:20px}.pickup01,.pickup02,.pickup03{position:relative;z-index:0}.pickup01::after,.pickup02::after,.pickup03::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 300ms ease-in-out;opacity:0;z-index:0}.pickup01.on::after,.pickup02.on::after,.pickup03.on::after{opacity:1}.pickup01{width:100%;height:340px;background:url(../img/home/background_pickup01.jpg) no-repeat center 0;border-top:4px solid #fff;border-bottom:4px solid #fff}.pickup01::after{background:url(../img/home/pickup01_on.png) no-repeat center 0}.pickup02{width:calc(50% + 20px);height:300px;background:url(../img/home/background_pickup02.jpg?210611) no-repeat right 0}.pickup02::after{background:url(../img/home/pickup02_on.png) no-repeat right 0}.pickup03{width:calc(50% - 20px);height:300px}.pickup03::after{width:668px;background:url(../img/home/pickup03_on.png) no-repeat 0 0}.pickup03::before{content:"";display:block;width:668px;height:100%;background:url(../img/home/background_pickup03.jpg?210611) no-repeat 0 0;position:absolute;left:0;top:0;z-index:-1}.pickupWrap{max-width:1184px;width:100%;padding:0 20px;box-sizing:border-box;display:flex;justify-content:center}@media screen and (max-width: 1280px){.pickup03,.pickup02{width:50%}.pickup02{background-position:80% 0}.pickup02::after{background-position:80% 0}}#movie{width:100%;padding:200px 0 93px;box-sizing:border-box;border-top:4px solid #fff;background:url(../img/home/background_movie.jpg) #ddeaff no-repeat center 0}#movie a{display:block;transition:all 300ms ease-in-out;position:relative}#movie a::before{content:"";display:block;width:100%;height:100%;background:url(../img/movie_play.png) no-repeat center center;transition:all 300ms ease-in-out;position:absolute;top:0;left:0}#movie a:hover{opacity:0.7}#movie a:hover::before{opacity:0}#movie a img{width:100%}#movie figcaption{margin-top:18px}#movie figcaption::before{content:"▲"}#movie .new figcaption::after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:#ff0c0c;margin-left:5px}#movie .swiper-parent{max-width:1244px;margin:0 auto;padding:0 72px;box-sizing:border-box;position:relative}#movie .swiper-slide{width:calc(50% - 10px);max-width:540px}#movie .swiper-slide:only-of-type{width:100%;max-width:970px}#movie .swiper-button-prev,#movie .swiper-button-next{width:40px;height:120px;margin:-80px 0 0}#movie .swiper-button-prev::after,#movie .swiper-button-next::after{content:"";display:block;width:100%;height:100%;opacity:0;transition:all 300ms ease-in-out}#movie .swiper-button-prev:hover::after,#movie .swiper-button-next:hover::after{opacity:1}#movie .swiper-button-prev.swiper-button-disabled,#movie .swiper-button-next.swiper-button-disabled{opacity:0}#movie .swiper-button-prev{background:url(../img/slide_prev.png);left:0}#movie .swiper-button-prev::after{background:url(../img/slide_prev_on.png)}#movie .swiper-button-next{background:url(../img/slide_next.png);right:0}#movie .swiper-button-next::after{background:url(../img/slide_next_on.png)}#movie .slideOff .swiper-wrapper{display:flex;justify-content:center}#movie .slideOff .swiper-slide+.swiper-slide{margin-left:20px}#movie .slideOff .swiper-button-prev,#movie .slideOff .swiper-button-next{display:none}.visual.parallaxOn #parallax{height:100%;position:relative;z-index:-1}.visual.parallaxOn #parallaxInner{height:100%}.visual.parallaxOn #parallax-01{width:calc(100% - 80px);min-width:1100px;height:1250px;position:fixed;top:0;left:80px;background:url(../img/home/visual_parallax01.jpg) no-repeat center 0;background-size:140% auto}.visual.parallaxOn #parallax-02,.visual.parallaxOn #parallax-03{width:calc(100% + 100px);min-width:1200px;height:1700px;background-repeat:no-repeat;background-position:center 0;background-size:156.25% auto;position:absolute;top:0;left:0;margin-left:-80px}.visual.parallaxOn #parallax-02{background-image:url(../img/home/visual_parallax02.png)}.visual.parallaxOn #parallax-03{background-image:url(../img/home/visual_parallax03.png)}.visual h1,.visual .copy,.visual .date,.visual .visual-movie,.visual #parallaxInner{opacity:0}.visual h1,.visual .copy{overflow:hidden;transform:skewX(-35deg) translateX(-100%)}.visual h1::after,.visual .copy::after{transform:skewX(35deg) translateX(100%)}.visual #parallax-01{transform:scale(1.3)}.visual #parallax-01{animation:visual2 15000ms linear 0ms forwards}.visual #parallaxInner{animation:visual3 500ms linear 500ms forwards}.visual .copy,.visual h1{animation:visual4 500ms ease-out 700ms forwards}.visual .copy:after,.visual h1:after{animation:visual5 500ms ease-out 700ms forwards}.visual .date{animation:visual6 1400ms cubic-bezier(0.16, 1, 0.3, 1) 1000ms forwards}.visual .visual-movie{animation:visual6 1400ms cubic-bezier(0.16, 1, 0.3, 1) 1150ms forwards}.visual.off h1,.visual.off .copy,.visual.off .date,.visual.off .visual-movie,.visual.off #parallaxInner,.visual.off #parallax-01{animation:none;opacity:1}.visual.off h1,.visual.off .copy{transform:skewX(-35deg) translateX(0)}.visual.off h1::after,.visual.off .copy::after{transform:skewX(35deg) translateX(0)}.visual.off #parallax-01{transform:scale(1)}.menu__btn{padding-right:80px;animation:menu 700ms cubic-bezier(0.16, 1, 0.3, 1) 1700ms forwards}.menu__btn.off{animation:none;padding-right:0}.mainarea{opacity:0}.mainarea.on{animation:none}.mainarea.on2{animation:mainarea 1400ms cubic-bezier(0.16, 1, 0.3, 1) 2500ms forwards}.mainarea.on2.on,.mainarea.on2.on3{animation:mainarea 1400ms cubic-bezier(0.16, 1, 0.3, 1) 200ms forwards}.mainarea.off{animation:none !important;opacity:1 !important}#movie{opacity:0}#movie.on{animation:movie 1400ms cubic-bezier(0.16, 1, 0.3, 1) 500ms forwards}@keyframes visual2{0%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes visual3{0%{opacity:0}100%{opacity:1}}@keyframes visual4{0%{opacity:0;transform:skewX(-35deg) translateX(-100%)}100%{opacity:1;transform:skewX(-35deg) translateX(0)}}@keyframes visual5{0%{opacity:0;transform:skewX(35deg) translateX(100%)}100%{opacity:1;transform:skewX(35deg) translateX(0)}}@keyframes visual6{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes menu{0%{padding-right:80px}100%{padding-right:0}}@keyframes mainarea{0%{opacity:0;transform:translateX(-20%)}100%{opacity:1;transform:translateX(0)}}@keyframes movie{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@media screen and (min-width: 1580px){.visual.parallaxOn #parallax-01,.visual.parallaxOn #parallax-02,.visual.parallaxOn #parallax-03{background-size:auto auto}}@media screen and (max-width: 1180px){.visual.parallaxOn #parallax-01{background-size:1540px auto}.visual.parallaxOn #parallax-02,.visual.parallaxOn #parallax-03{background-size:1875px auto}}