@charset "UTF-8";body{position:relative;font-family:var(--zenkaku-new)}body.-noscroll{overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;background:url(/assets/img/special/bg.jpg) no-repeat;background-size:cover}@media screen and (max-width: 768px){body:before{background:url(/assets/img/special/bg_sp.jpg) no-repeat;background-size:cover}}section{position:relative;z-index:1}.fv{position:relative;padding:min(204px,15.9375vw) 0 0 max(30px,6.25vw);z-index:1}@media screen and (max-width: 768px){.fv{padding:27.2vw 0 0}}.fv .sub-ttl{position:absolute;width:min(748px,58.438%);height:auto;aspect-ratio:748/217;top:min(54px,4.21878vw);left:min(38px,2.96878vw)}@media screen and (max-width: 768px){.fv .sub-ttl{width:89.07%;top:10.366%;left:-5.334%}}.fv .image{width:100%}.gallery .inner{padding:105px 30px}@media screen and (max-width: 768px){.gallery .inner{padding:40px 32px 56px}}.gallery .tab-block{display:flex;max-width:746px;margin:0 auto 75px;border:1px solid var(--corp-blue);border-radius:64px;background-color:#fff}@media screen and (max-width: 768px){.gallery .tab-block{border-radius:40px;margin-bottom:45px}}.gallery .tab-btn{cursor:pointer;position:relative;display:grid;place-content:center;width:50%;height:65px;font-size:1.8rem;font-weight:700;color:#004ea2;background-color:#fff;border-radius:64px;transition:background-color .3s ease}@media screen and (max-width: 768px){.gallery .tab-btn{height:40px;font-size:1.2rem;border-radius:40px}}.gallery .tab-btn.-active{color:#fff;background-color:var(--corp-blue)}.gallery .tab-btn:after{content:"";position:absolute;translate:-50% 0;bottom:0;left:50%;width:30px;height:20px;background:url(/assets/img/special/furuno-gallery/triangle.svg) no-repeat;background-size:contain;z-index:-1;transition:bottom .2s ease}.gallery .tab-btn.-active:after{bottom:-12px}@media screen and (min-width: 769px){.gallery .tab-btn:hover{color:#fff;background-color:var(--corp-blue)}.gallery .tab-btn:hover:after{bottom:-12px}}@media screen and (max-width: 768px){.gallery .tab-btn:after{width:12px;height:12px}}.gallery .gallery-block{max-width:1002px;margin:0 auto;display:none}.gallery .gallery-block.-active{display:block}.gallery .content+.content{margin-top:128px}@media screen and (max-width: 768px){.gallery .content+.content{margin-top:56px}}.gallery .content-ttl{position:relative;font-size:2rem;font-weight:700;letter-spacing:.048em;color:#004ea2;padding-left:16px;margin-bottom:24px}@media screen and (max-width: 768px){.gallery .content-ttl{font-size:1.6rem;margin-bottom:32px}}.gallery .content-ttl:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background-color:#0ff}.gallery .list{display:flex;flex-wrap:wrap;gap:16px}@media screen and (max-width: 768px){.gallery .list{gap:12px 11px}}.gallery .list .item{cursor:pointer;position:relative;width:calc((100% - 16px * 2) / 3);border-radius:16px;overflow:hidden}@media screen and (max-width: 768px){.gallery .list .item{width:calc((100% - 11px)/2)}}.gallery .list .item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--corp-blue);opacity:.16;transition:opacity .3s ease}@media screen and (min-width: 769px){.gallery .list .item:hover:before{opacity:0}}.gallery .list .item .icon{position:absolute;top:20px;right:18px;width:48px;height:48px;border-radius:50%;border:2px solid #fff;transition:background-color .3s ease,border .3s ease}@media screen and (min-width: 769px){.gallery .list .item:hover .icon{background-color:var(--corp-blue);border:2px solid var(--corp-blue)}}@media screen and (max-width: 768px){.gallery .list .item .icon{top:14px;right:14px;width:40px;height:40px}}.gallery .list .item .icon:before,.gallery .list .item .icon:after{content:"";position:absolute;translate:-50% -50%;top:50%;left:50%;width:16px;height:2px;background-color:#fff}.gallery .list .item .icon:after{rotate:90deg}@media screen and (max-width: 768px){.gallery .list .item .icon:before,.gallery .list .item .icon:after{width:10px}}.movie .inner{max-width:1060px;margin:0 auto;padding:0 30px 124px;container-type:inline-size}@media screen and (max-width: 768px){.movie .inner{padding:0 32px 64px}}.movie .lead{position:relative;max-width:max-content;font-size:2rem;font-weight:700;letter-spacing:.048em;color:#fff;background-color:#004ea2;border-radius:40px;padding:4px 40px;margin:0 auto 35px}@media screen and (max-width: 768px){.movie .lead{font-size:1.6rem;border-radius:36px;padding:4px 24px;margin:0 auto 40px}}.movie .lead:after{content:"";position:absolute;translate:-50% 0;bottom:-12px;left:50%;width:30px;height:20px;background:url(/assets/img/special/furuno-gallery/triangle_lightblue.svg) no-repeat;background-size:contain}.movie .movie-wrap{position:relative;max-width:744px;border-radius:16px;border:2px solid #003e92;overflow:hidden;cursor:pointer;margin:40px auto 0}@media screen and (max-width: 768px){.movie .movie-wrap{margin:24px auto 0}}.movie .movie-wrap:before{content:"";position:absolute;width:100%;height:100%;background-color:#e8ffff;mix-blend-mode:multiply;top:0;left:0;z-index:1}.movie .movie-wrap .thumb .img{transition:scale ease .3s}@media screen and (min-width: 769px){.movie .movie-wrap:hover .thumb .img{scale:1.1}}.movie .movie-wrap .btn{position:absolute;width:17.3cqw;aspect-ratio:1/1;background-color:#003e9240;border-radius:50%;transition:background-color ease .3s;translate:-50% -50%;top:50%;left:50%}@media screen and (min-width: 769px){.movie .movie-wrap:hover .btn{background-color:#003e92b8}}@media screen and (max-width: 768px){.movie .movie-wrap .btn{width:19.2vw}}.movie .movie-wrap .btn img{animation:rotateTxt 3s linear infinite;animation-play-state:paused}@media screen and (min-width: 769px){.movie .movie-wrap:hover .btn img{animation-play-state:running}}@keyframes rotateTxt{0%{rotate:0deg}to{rotate:360deg}}.movie .movie-wrap .btn:before{content:"";position:absolute;width:18px;height:auto;aspect-ratio:18/29;background:url(/assets/img/special/furuno-gallery/movie-btn-arrow.svg) no-repeat;background-size:contain;background-position:center;translate:-50% -50%;top:50%;left:50%}@media screen and (max-width: 768px){.movie .movie-wrap .btn:before{width:calc(7 / 375 * 100vw)}}.movie-modal{position:fixed;width:100%;height:100vh;height:100dvh;display:none;top:0;left:0;z-index:10}.movie-modal .overlay{position:absolute;width:100%;height:100%;background-color:#003e928f;opacity:.8;top:0;left:0}.movie-modal .close-btn{position:absolute;width:clamp(60px,72/1280 * 100vw,72px);height:auto;aspect-ratio:1/1;border-radius:50%;background-color:var(--corp-blue);cursor:pointer;container-type:inline-size;top:32px;right:32px}@media screen and (max-width: 768px){.movie-modal .close-btn{width:60px;top:20px;right:20px}}.movie-modal .close-btn .line{position:absolute;width:17px;height:2px;background-color:#fff;border-radius:9999px;display:block;top:50cqw;left:37cqw}@media screen and (max-width: 768px){.movie-modal .close-btn .line{top:29px;left:22px}}.movie-modal .close-btn .line:first-of-type{rotate:-156deg}.movie-modal .close-btn .line:last-of-type{rotate:156deg}.movie-modal .movie-box{position:absolute;max-width:min(80vw,872px);width:100%;max-height:70vh;max-height:70dvh;aspect-ratio:16 / 9;background-color:#000;translate:-50% -50%;top:50%;left:50%}@media screen and (max-width: 768px){.movie-modal .movie-box{width:90vw}}.movie-modal .movie-box video{width:100%;height:100%}.other .inner{padding:0 30px 254px}@media screen and (max-width: 768px){.other .inner{padding:0 0 124px}}.other .other-block{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1000px;background-color:var(--corp-blue);border-radius:32px;padding:56px 40px 70px;margin:0 auto}@media screen and (max-width: 768px){.other .other-block{display:block;border-radius:30px;padding:40px 32px 72px}}.other .content-ttl{position:relative;width:232px;padding-bottom:24px}.other .content-ttl:before{content:"";position:absolute;left:0;bottom:0;width:88px;height:1px;background-color:#fff}@media screen and (max-width: 768px){.other .content-ttl{margin:0 auto}.other .content-ttl:before{display:none}}.other .sub-ttl{font-size:1.6rem;font-weight:700;letter-spacing:.048em;color:#fff;margin-top:24px}@media screen and (max-width: 768px){.other .sub-ttl{display:none}}.other .swiper-area{position:relative;max-width:656px;width:100%;padding:0 24px;margin:0 auto}@media screen and (max-width: 768px){.other .swiper-area{max-width:311px;padding:0}}.other .swiper-area .swiper-slide{border-radius:20px;overflow:hidden;border:2px solid #fff}@media screen and (min-width: 769px){.other .swiper-area .swiper-slide img{transition:scale .3s ease}.other .swiper-area .swiper-slide:hover img{scale:1.05}}.other .swiper-area .swiper-button-prev,.other .swiper-area .swiper-button-next{position:absolute;top:50%;left:0;width:48px;height:48px;border-radius:50%;background-color:#fff;border:1px solid #004ea2;z-index:1;transition:background-color .3s ease,border .3s ease}@media screen and (min-width: 769px){.other .swiper-area .swiper-button-prev:hover,.other .swiper-area .swiper-button-next:hover{background-color:var(--corp-blue);border:1px solid #fff}}.other .swiper-area .swiper-button-next{left:initial;right:0}@media screen and (max-width: 768px){.other .swiper-area .swiper-button-prev,.other .swiper-area .swiper-button-next{left:-16px;width:40px;height:40px}.other .swiper-area .swiper-button-next{left:initial;right:-16px}}.other .swiper-area .swiper-button-prev:before,.other .swiper-area .swiper-button-next:before{content:"";position:absolute;width:16px;height:auto;aspect-ratio:1 / 1;mask-image:url(/assets/img/special/other-arrow.svg);mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;background-color:var(--corp-blue);transition:background-color .3s ease;translate:-50% -50%;top:50%;left:50%}@media screen and (min-width: 769px){.other .swiper-area .swiper-button-prev:hover:before,.other .swiper-area .swiper-button-next:hover:before{background-color:#fff}}.other .swiper-area .swiper-button-next:before{rotate:180deg}.other .swiper-area .swiper-button-prev:after,.other .swiper-area .swiper-button-next:after{display:none}.other .swiper-area .swiper-pagination{position:absolute;top:initial;right:initial;left:0;bottom:-32px}.other .swiper-area .swiper-pagination-bullet{background-color:#fff;opacity:1}.other .swiper-area .swiper-pagination-bullet-active{background-color:#00a0e9}.modal-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;background-color:#003e928f;z-index:10;display:none;visibility:hidden}.modal-container.-active{display:block;visibility:visible}.modal-container .modal{position:absolute;translate:-50% -50%;top:50%;left:50%;aspect-ratio:1176/597;max-width:min(1176px,calc(100% - 60px));max-height:80%;width:auto}@media screen and (max-width: 768px){.modal-container .modal{aspect-ratio:319/241;max-width:calc(100% - 56px);max-height:80%}}.modal-close{cursor:pointer;position:absolute;display:grid;place-content:center;top:-36px;right:-12px;width:72px;height:72px;background-color:var(--corp-blue);border-radius:50%;z-index:5}@media screen and (max-width: 768px){.modal-close{top:-18px;right:-16px;width:40px;height:40px}}.modal-close img{width:19px}@media screen and (max-width: 768px){.modal-close img{width:14px}}.modal-container .swiper-area{display:none;padding:0 28px}@media screen and (max-width: 768px){.modal-container .swiper-area{height:100%;padding:0}}.modal-container .swiper{overflow:hidden;border-radius:32px;box-shadow:0 3px 6px #00000029}@media screen and (max-width: 768px){.modal-container .swiper{height:100%;border-radius:16px}.modal-container .swiper .image{height:100%}.modal-container .swiper .image img{object-fit:cover;object-position:center;height:100%}}.modal .swiper-area .swiper-button-prev,.modal .swiper-area .swiper-button-next{position:absolute;top:50%;left:0;width:48px;height:48px;border-radius:50%;background-color:#fff;border:1px solid #004ea2;z-index:1;transition:background-color .3s ease,border .3s ease}@media screen and (min-width: 769px){.modal .swiper-area .swiper-button-prev:hover,.modal .swiper-area .swiper-button-next:hover{background-color:var(--corp-blue);border:1px solid #fff}}.modal .swiper-area .swiper-button-next{left:initial;right:0}@media screen and (max-width: 768px){.modal .swiper-area .swiper-button-prev,.modal .swiper-area .swiper-button-next{left:-20px;width:41px;height:41px;border:2px solid #004ea2}.modal .swiper-area .swiper-button-next{left:initial;right:-20px}}.modal .swiper-area .swiper-button-prev:before,.modal .swiper-area .swiper-button-next:before{content:"";position:absolute;width:16px;height:auto;aspect-ratio:1 / 1;mask-image:url(/assets/img/special/other-arrow.svg);mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;background-color:var(--corp-blue);transition:background-color .3s ease;translate:-50% -50%;top:50%;left:50%}@media screen and (min-width: 769px){.modal .swiper-area .swiper-button-prev:hover:before,.modal .swiper-area .swiper-button-next:hover:before{background-color:#fff}}.modal .swiper-area .swiper-button-next:before{rotate:180deg}.modal .swiper-area .swiper-button-prev:after,.modal .swiper-area .swiper-button-next:after{display:none}
