:root{--section-count-normal: 7;--transition-section-count: 2;--transition-section-width: 50vw;--reverse-transition-section-width: 250px;--font-family-jp: "Zen Kaku Gothic New", sans-serif;--font-family-en: "Prompt", sans-serif}@media screen and (min-width:769px){:root{--base-width: 1366;--base-height: 768;--story-width: 1366;--movie-width: 1366;--history-width: 5540;--message-width: 1366;--footer-width: 1366}}@media screen and (max-width:768px){:root{--base-width: 375;--base-height: 645;--story-width: 375;--movie-width: 714;--history-width: 7514;--message-width: 1453;--footer-width: 375}}*{margin:0;padding:0;box-sizing:border-box}body{height:100dvh;background-color:#5b8ca6;overflow:hidden;font-family:var(--font-family-jp);font-weight:500;letter-spacing:0em;position:relative;z-index:0}img{display:block;width:100%;height:auto}a{text-decoration:none}ul,ol{list-style:none}@media screen and (max-width:768px){.pc{display:none}}@media screen and (min-width:769px){.sp{display:none}}.js-scale-inner{flex-shrink:0;transform:scale(var(--u-scale, 1));transform-origin:center center}@media screen and (min-width:769px){.js-scale-inner{height:768px}}@media screen and (max-width:768px){.js-scale-inner{height:645px}}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-sky{position:absolute;top:0;left:0;width:100%;background:linear-gradient(#5b8ca6,#dde7ee);background-size:100% 100%;background-position:bottom center}@media screen and (min-width:769px){.background-sky{height:calc(50dvh - (min(100dvh,100vw * 768 / 1366) / 2) + (min(100dvh,100vw * 768 / 1366) * 568 / 768));background-image:url(../images/bg_sky_pc.webp)}}@media screen and (max-width:768px){.background-sky{height:calc(50dvh - (min(100dvh,100vw * 645 / 375) / 2) + (min(100dvh,100vw * 645 / 375) * 542 / 645));background-image:url(../images/bg_sky_sp.webp)}}.background-sea{position:absolute;left:0;width:100%}@media screen and (min-width:769px){.background-sea{top:calc(50dvh - (min(100dvh,100vw * 768 / 1366) / 2) + (min(100dvh,100vw * 768 / 1366) * 568 / 768));bottom:0}}@media screen and (max-width:768px){.background-sea{top:calc(50dvh - (min(100dvh,100vw * 645 / 375) / 2) + (min(100dvh,100vw * 645 / 375) * 542 / 645));bottom:0}}.background-sea-base{position:absolute;left:0;width:100%;height:100dvh;background-color:#00483a;z-index:0}.background-sea-default{position:absolute;left:0;width:100%;height:100%;background:linear-gradient(#00483a,#006660 31.27%,#90bbb7 75.5%,#fcfbf9);background-size:100% 100%;background-position:bottom center;z-index:1}@media screen and (min-width:769px){.background-sea-default{background-image:url(../images/bg_sea_pc.webp)}}@media screen and (max-width:768px){.background-sea-default{background-image:url(../images/bg_sea_sp.webp)}}.background-sea-history{position:absolute;left:0;width:100%;height:100dvh;background-size:100% 100%;background-position:bottom center;opacity:0;will-change:opacity;z-index:2}@media screen and (min-width:769px){.background-sea-history{background-image:url(../images/bg_sea-history_pc.webp)}}@media screen and (max-width:768px){.background-sea-history{background-image:url(../images/bg_sea-history_sp.webp)}}.header{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:100}@media screen and (min-width:769px){.header{padding-top:30px;padding-left:56.9px;padding-right:78px}}@media screen and (max-width:768px){.header{padding-top:18px;padding-left:20px;padding-right:21px}}.header-logo{transition:opacity .3s ease}@media screen and (min-width:769px){.header-logo{width:198.74px}}@media screen and (max-width:768px){.header-logo{width:140.45px}}@media(any-hover:hover){.header-logo:hover{opacity:.5}}.header-lang-nav{margin-left:auto}@media screen and (min-width:769px){.header-lang-nav{margin-right:24.3px}}@media screen and (max-width:768px){.header-lang-nav{margin-right:18px}}.header-lang-list{display:flex;align-items:center}.header-lang-item:nth-child(n+2){border-left:1px solid #fff}@media screen and (min-width:769px){.header-lang-item:nth-child(n+2){margin-left:14px;padding-left:14px}}@media screen and (max-width:768px){.header-lang-item:nth-child(n+2){margin-left:12px;padding-left:12px}}.header-lang-link{font-family:var(--font-family-en);font-weight:400;text-decoration:none;color:#fff;transition:opacity .3s ease}@media(any-hover:hover){.header-lang-link:hover{opacity:1}}a.header-lang-link{opacity:.4}.header-menu-button{aspect-ratio:1/1;border-radius:50%;border:1px solid #fff;background-color:transparent;cursor:pointer;position:relative;z-index:101;transition:background-color .3s ease}@media screen and (min-width:769px){.header-menu-button{width:42.72px}}@media screen and (max-width:768px){.header-menu-button{width:36px}}@media(any-hover:hover){.header-menu-button:hover{background-color:#fff}}.header-menu-button-line{position:absolute;left:50%;transform:translate(-50%,-50%);height:1px;background-color:#fff;transition:background-color .3s ease}@media screen and (min-width:769px){.header-menu-button-line{width:23px}}@media screen and (max-width:768px){.header-menu-button-line{width:15.73px}}@media(any-hover:hover){.header-menu-button:hover .header-menu-button-line{background-color:#000}}@media screen and (min-width:769px){.header-menu-button-line:nth-of-type(1){top:calc(50% - 7px)}}@media screen and (max-width:768px){.header-menu-button-line:nth-of-type(1){top:calc(50% - 5px)}}.header-menu-button.is-active .header-menu-button-line:nth-of-type(1){top:50.5%;transform:translate(-50%,-50%) rotate(30deg)}.header-menu-button-line:nth-of-type(2){top:50%}.header-menu-button.is-active .header-menu-button-line:nth-of-type(2){opacity:0}@media screen and (min-width:769px){.header-menu-button-line:nth-of-type(3){top:calc(50% + 7px)}}@media screen and (max-width:768px){.header-menu-button-line:nth-of-type(3){top:calc(50% + 5px)}}.header-menu-button.is-active .header-menu-button-line:nth-of-type(3){top:50.5%;transform:translate(-50%,-50%) rotate(-30deg)}.header-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;background-size:100% 100%;position:fixed;top:0;left:0;z-index:-1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media screen and (min-width:769px){.header-nav{background-image:url(../images/bg_sea-history_pc.webp)}}@media screen and (max-width:768px){.header-nav{background-image:url(../images/bg_sea-history_sp.webp)}}@media screen and (min-width:769px){.header-nav-inner{padding-left:80px;padding-right:77.5px;width:1366px}}@media screen and (max-width:768px){.header-nav-inner{padding-left:20px;padding-right:20px;width:375px}}.header-nav.is-active{opacity:1;visibility:visible}.header-nav a{transition:opacity .3s ease}@media(any-hover:hover){.header-nav a:hover{opacity:.5}}.header-nav-logo{margin-left:auto;margin-right:auto}@media screen and (min-width:769px){.header-nav-logo{margin-top:174.4px;width:339.41px}}@media screen and (max-width:768px){.header-nav-logo{margin-top:97px;width:202.29px}}.header-nav-list{display:flex;border-top:1px solid #fff;border-bottom:1px solid #fff}@media screen and (min-width:769px){.header-nav-list{justify-content:space-between;margin-top:60.5px;padding-top:55.5px;padding-bottom:55.5px}}@media screen and (max-width:768px){.header-nav-list{flex-wrap:wrap;row-gap:26px;margin-top:28.3px;padding-top:35.1px;padding-bottom:30px}}@media screen and (max-width:768px){.header-nav-item{width:50%}}.header-nav-link{display:flex;flex-direction:column}@media screen and (min-width:769px){.header-nav-link{gap:2px}}@media screen and (max-width:768px){.header-nav-link{gap:2px}}.header-nav-link-en{width:fit-content}@media screen and (min-width:769px){.header-nav-link-en{height:48px}}@media screen and (max-width:768px){.header-nav-link-en{height:26px}}.header-nav-link-en img{width:auto;height:100%}.header-nav-link-jp{color:#fff}@media screen and (min-width:769px){.header-nav-link-jp{font-size:14px}}@media screen and (max-width:768px){.header-nav-link-jp{font-size:12px}}.header-nav-bottom{display:flex}@media screen and (max-width:768px){.header-nav-bottom{flex-direction:column;gap:18.8px;padding-top:30px}}.header-nav-corp{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width:769px){.header-nav-corp{padding:46px 30.5px 37px 32px;width:50%}}@media screen and (min-width:769px){.header-nav-corp-txt{width:170px}}@media screen and (max-width:768px){.header-nav-corp-txt{width:119px}}@media screen and (min-width:769px){.header-nav-corp-logo{width:306px}}@media screen and (max-width:768px){.header-nav-corp-logo{width:174.83px}}.header-nav-sns{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width:769px){.header-nav-sns{border-left:1px solid #fff;padding:46px 31.7px 37px 30.5px;width:50%}}@media screen and (min-width:769px){.header-nav-sns-txt{width:125px}}@media screen and (max-width:768px){.header-nav-sns-txt{width:88px}}.header-nav-sns-list{display:flex}@media screen and (min-width:769px){.header-nav-sns-list{gap:22px}}@media screen and (max-width:768px){.header-nav-sns-list{gap:7.5px}}@media screen and (min-width:769px){.header-nav-sns-item{width:89px}}@media screen and (max-width:768px){.header-nav-sns-item{width:53.54px}}.container{display:flex;height:100dvh;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.scroll-content{display:flex;height:100dvh}.section{height:100dvh;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}#top,#story-1,#story-2,#story-3,#story-4,#story-5,#story-6{width:max(100vw,calc(var(--story-width) * var(--u-scale, 1) * 1px))}#movie{width:max(100vw,calc(var(--movie-width) * var(--u-scale, 1) * 1px))}#transition{width:var(--transition-section-width)}#reverse-transition{width:var(--reverse-transition-section-width)}#history{width:max(100vw,calc(var(--history-width) * var(--u-scale, 1) * 1px))}#message{width:max(100vw,calc(var(--message-width) * var(--u-scale, 1) * 1px))}#footer{width:max(100vw,calc(var(--footer-width) * var(--u-scale, 1) * 1px))}@media screen and (max-width:768px){#footer{overflow:clip}}.section-inner{position:relative}#top .section-inner,#story-1 .section-inner,#story-2 .section-inner,#story-3 .section-inner,#story-4 .section-inner,#story-5 .section-inner,#story-6 .section-inner{width:calc(var(--story-width) * 1px)}#movie .section-inner{width:calc(var(--movie-width) * 1px)}#history .section-inner{width:calc(var(--history-width) * 1px)}#message .section-inner{width:calc(var(--message-width) * 1px)}#footer .section-inner{width:calc(var(--footer-width) * 1px)}.debug-control{position:fixed;bottom:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10000;pointer-events:none}@media screen and (min-width:769px){.debug-control{flex-direction:row;justify-content:center}}.debug-control>*{pointer-events:auto}.debug-control-main{display:flex;gap:8px;align-items:center}.debug-current-section{color:#fffc;font-family:var(--font-family-en);font-size:14px;font-weight:400;background-color:transparent;padding:5px 15px;border-radius:20px;min-width:100px;text-align:center}.debug-control-btn{padding:5px 20px;background-color:#000000b3;color:#fff;border:none;border-radius:20px;font-family:var(--font-family-en);font-size:14px;font-weight:400;cursor:pointer;transition:background-color .3s,opacity .3s}.debug-control-btn:hover:not(:disabled){background-color:#000000e6}.debug-control-btn:disabled{opacity:.3;cursor:not-allowed}.debug-control-guide{display:flex;align-items:center;gap:6px;background-color:#ffffff1a;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.3)}@media screen and (min-width:769px){.debug-control-guide{position:absolute;right:20px}}.debug-control-guide-label{color:#ffffffb3;font-family:var(--font-family-en);font-size:12px;font-weight:300}.debug-control-btn.js-debug-toggle-guide{background-color:#fff3;border:1px solid rgba(255,255,255,.4);padding:3px 12px;font-size:12px}.debug-control-btn.js-debug-toggle-guide:hover{background-color:#ffffff4d}.debug-control-btn.js-debug-toggle-guide.is-active{background-color:#fff6}.debug-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.debug-centerline{position:fixed;left:50%;top:0;bottom:0;width:1px;background-color:#ff000080;transform:translate(-50%)}.debug-section-lines{position:absolute;top:0;left:0;width:100%;height:100%}.debug-section-line{position:absolute;top:0;bottom:0;width:1px;background-color:#00ff004d}.top-ttl{display:flex;align-items:center;flex-direction:column;margin-left:auto;margin-right:auto;line-height:0}@media screen and (min-width:769px){.top-ttl{margin-top:265.5px;width:585.01px}}@media screen and (max-width:768px){.top-ttl{margin-top:224px;width:340px}}.top-ttl-01,.top-ttl-02{width:100%}@media screen and (min-width:769px){.top-ttl-02{margin-top:9.9px}}@media screen and (max-width:768px){.top-ttl-02{margin-top:7px}}@media screen and (min-width:769px){.top-ttl-03{margin-top:19.4px;width:348.61px}}@media screen and (max-width:768px){.top-ttl-03{margin-top:11.3px;width:202.61px}}.section-control{display:flex;align-items:center;pointer-events:none;position:absolute;transform-origin:center center;position:fixed;z-index:100}@media screen and (min-width:769px){.section-control{justify-content:space-between;width:calc(1318 / 1366 * 100vw);top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (max-width:768px){.section-control{gap:65px;bottom:15px;right:21px}}.section-control-btn{display:flex;align-items:center;flex-direction:column;gap:4px;border:none;background-color:transparent;cursor:pointer;pointer-events:auto}@media screen and (min-width:769px){.section-control-btn{transform:scale(var(--u-scale, 1))}}.section-control-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1;transition:border-color .3s ease,background-color .3s ease}@media screen and (min-width:769px){.section-control-icon{border:1px solid #467389;background-color:transparent;width:38px}}@media screen and (max-width:768px){.section-control-icon{border:1px solid #fff;background-color:#fff;width:31px}}.is-white .section-control-icon{border:1px solid #fff;background-color:transparent}@media(any-hover:hover){.section-control-btn:hover .section-control-icon{border:1px solid #fff;background-color:#fff}}.is-next .section-control-icon{transform:scaleX(-1)}@media screen and (min-width:769px){.section-control-arrow{width:10.82px}}@media screen and (max-width:768px){.section-control-arrow{filter:brightness(0);width:12.92px}}.is-white .section-control-arrow{filter:brightness(10)}@media(any-hover:hover){.is-white .section-control-btn:hover .section-control-arrow{filter:brightness(0)}}.section-control-text{font-family:var(--font-family-en);letter-spacing:.06em;font-weight:400;line-height:1.5;font-size:12px;color:#000}@media screen and (max-width:768px){.section-control-text{display:none}}.is-white .section-control-text{color:#fff}.scroll-attention{display:flex;flex-direction:column;font-family:var(--font-family-en);font-weight:400;letter-spacing:.06em;font-size:12px;color:#fff;gap:5.1px;position:fixed;z-index:100}@media screen and (min-width:769px){.scroll-attention{transform:scale(var(--u-scale, 1));transform-origin:bottom right;bottom:calc(14.4px * var(--u-scale));right:calc(24px * var(--u-scale))}}@media screen and (max-width:768px){.scroll-attention{bottom:19.9px;left:20px}}.scroll-attention-anim{background-color:#fff3;width:138.96px;height:1px}.scroll-attention-anim:before{content:"";display:block;width:100%;height:1px;background-color:#fff}@media screen and (min-width:769px){#story-2,#story-3,#story-4,#story-5,#story-6{margin-left:calc(250px * var(--u-scale))}}@media screen and (max-width:768px){#story-2,#story-3,#story-4,#story-5,#story-6{margin-left:calc(200px * var(--u-scale))}}.stories-wrapper{display:flex;position:relative}.stories-pagination{display:flex;z-index:100;overflow:visible;white-space:nowrap;pointer-events:none}.stories-pagination.is-start,.stories-pagination.is-end{position:absolute}.stories-pagination.is-fixed{position:fixed}@media screen and (min-width:769px){.stories-pagination.is-start,.stories-pagination.is-fixed{left:57px;right:auto;bottom:24px}.stories-pagination.is-end{left:auto;right:calc(100vw - 57px);transform:translate(100%);bottom:24px}}@media screen and (max-width:768px){.stories-pagination.is-start{left:calc(100vw - 66px);right:auto;bottom:17px;transform:translate(-100%)}.stories-pagination.is-fixed,.stories-pagination.is-end{left:auto;right:66px;bottom:17px}}.stories-pagination-current{font-family:var(--font-family-en);font-weight:400;color:#fff;line-height:1}@media screen and (min-width:769px){.stories-pagination-current{font-size:28px}}@media screen and (max-width:768px){.stories-pagination-current{font-size:24px}}.stories-pagination-slash{font-family:var(--font-family-en);font-weight:400;color:#fff;line-height:1}@media screen and (min-width:769px){.stories-pagination-slash{margin-top:11px;margin-left:5px;margin-right:6px;font-size:15px}}@media screen and (max-width:768px){.stories-pagination-slash{margin-top:9px;margin-left:4px;margin-right:6px;font-size:14px}}.stories-pagination-total{font-family:var(--font-family-en);font-weight:400;color:#fff;line-height:1;opacity:.6}@media screen and (min-width:769px){.stories-pagination-total{margin-top:9px;font-size:18px}}@media screen and (max-width:768px){.stories-pagination-total{margin-top:7px;font-size:16px}}.story-content{position:absolute}.story-ttl{font-weight:500}@media screen and (min-width:769px){.story-ttl{line-height:calc(52 / 36);font-size:36px}}@media screen and (max-width:768px){.story-ttl{line-height:1.6;font-size:32px}}.story-ttl span{font-family:var(--font-family-en);font-weight:300;letter-spacing:.04em}@media screen and (min-width:769px){.story-ttl span{line-height:calc(52 / 42);font-size:42px}}@media screen and (max-width:768px){.story-ttl span{font-size:35px}}.story-txt{line-height:2}@media screen and (min-width:769px){.story-txt{margin-top:32px;font-size:17px}}@media screen and (max-width:768px){.story-txt{margin-top:22px;font-size:14px}}.story-btn{display:flex;align-items:center;justify-content:space-between;border:none;border-bottom:1px solid rgba(0,0,0,.2);background-color:transparent;font-family:var(--font-family-en);font-weight:400;line-height:calc(14/12);font-size:12px;letter-spacing:.06em;color:#000;position:relative;cursor:pointer}@media screen and (min-width:769px){.story-btn{margin-top:40px;padding-bottom:8.3px;width:169px}}@media screen and (max-width:768px){.story-btn{margin-top:40px;padding-bottom:11px;width:157px}}.story-btn:after{content:"";display:block;width:100%;height:1px;background-color:#000;position:absolute;bottom:-1px;left:0;transform:scaleX(1);transform-origin:left}@media(any-hover:hover){.story-btn:hover:after{animation:story-btn-after-hover-anim .6s}}.story-btn-plus{width:12px;height:12px;position:relative}.story-btn-plus:before{content:"";display:block;width:100%;height:1px;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-btn-plus:after{content:"";display:block;width:1px;height:100%;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(any-hover:hover){.story-btn:hover .story-btn-arrow img{animation:story-btn-arrow-hover-anim .6s}}.modal-story{margin-left:auto;margin-right:auto;background-size:cover;background-position:center;position:relative}@media screen and (min-width:769px){.modal-story{width:1144px;height:578px;background-image:url(../images/bg_story-modal_pc.webp)}}@media screen and (max-width:768px){.modal-story{width:334px;height:507px;background-image:url(../images/bg_story-modal_sp.webp)}}@media screen and (max-width:768px){.modal-story:after{content:"";display:block;width:100%;height:145px;background-image:url(../images/bg_story-modal-fog.webp);background-size:cover;position:absolute;bottom:49px;left:0;pointer-events:none}}@media screen and (max-width:768px){.modal-story-content{overflow:scroll;padding-left:15px;padding-right:15px;height:457px;position:relative}}.modal-story-ttl{font-weight:500}@media screen and (min-width:769px){.modal-story-ttl{line-height:1.4375;font-size:32px}}@media screen and (max-width:768px){.modal-story-ttl{margin-top:22px;line-height:calc(38 / 22);font-size:22px}}.modal-story-ttl span{font-family:var(--font-family-en);font-weight:300;letter-spacing:.04em}@media screen and (min-width:769px){.modal-story-ttl span{line-height:calc(52 / 37);font-size:37px}}@media screen and (max-width:768px){.modal-story-ttl span{font-size:26px}}.modal-story-txt{line-height:calc(26 / 14);font-size:14px}@media screen and (min-width:769px){.modal-story-txt{margin-top:18px}}@media screen and (max-width:768px){.modal-story-txt{letter-spacing:.06em;margin-top:16px;padding-bottom:145px}}@media screen and (max-width:768px){.modal-story-scroll{position:absolute;top:24.9px;right:14.3px}}@media screen and (max-width:768px){.modal-story-scroll-anim{background-color:#0003;width:1px;height:86.08px}}@media screen and (max-width:768px){.modal-story-scroll-anim:before{content:"";display:block;width:1px;height:100%;background-color:#000}}@media screen and (min-width:769px){#story-1 .story-content{top:161px;left:178px}}@media screen and (max-width:768px){#story-1 .story-content{top:102px;left:20px}}#story-1 .ship{position:absolute;pointer-events:none;z-index:2}@media screen and (min-width:769px){#story-1 .ship{left:715px;top:142px}}@media screen and (max-width:768px){#story-1 .ship{left:172px;top:330px}}#story-1 .ship-inner{position:relative;width:100%;height:100%;transform:translate(60px)}#story-1 .ship-inner.is-animated{animation:ship-sway 16s linear forwards}#story-1 .ship img{position:absolute;height:auto}#story-1 .ship-body{top:0;z-index:1;animation:ship-sway 2s ease-out forwards}@media screen and (min-width:769px){#story-1 .ship-body{width:415px;left:51px}}@media screen and (max-width:768px){#story-1 .ship-body{width:207px;left:25px}}#story-1 .ship-propeller{transform-origin:center center;z-index:3;transform-origin:calc(156/321*100%) calc(165/321*100%);animation:propeller-rotate 15s linear infinite}@media screen and (min-width:769px){#story-1 .ship-propeller{width:321px;left:31px;top:258.7px}}@media screen and (max-width:768px){#story-1 .ship-propeller{width:161px;left:14.8px;top:129px}}#story-1 .ship-wave-front{left:0;z-index:4;animation:ship-sway 2s ease-out forwards}@media screen and (min-width:769px){#story-1 .ship-wave-front{width:359px;top:411px}}@media screen and (max-width:768px){#story-1 .ship-wave-front{width:178px;top:204px}}@media screen and (min-width:769px){#modal-story-1 .modal-story-content{padding-top:53.2px;padding-left:72px}}@media screen and (max-width:768px){#modal-story-1 .modal-story-content{padding-left:15px;padding-right:15px}}#modal-story-1 .ship{position:absolute;pointer-events:none;z-index:2}@media screen and (min-width:769px){#modal-story-1 .ship{left:718.8px;top:178px}}@media screen and (max-width:768px){#modal-story-1 .ship{left:204px;top:336px}}#modal-story-1 .ship-inner{position:relative;width:100%;height:100%}#modal-story-1 .ship img{position:absolute;height:auto}#modal-story-1 .ship-body{top:0;z-index:1}@media screen and (min-width:769px){#modal-story-1 .ship-body{width:307.45px;left:28.5px}}@media screen and (max-width:768px){#modal-story-1 .ship-body{width:117px;left:15px}}#modal-story-1 .ship-wave-back{left:0;z-index:3;opacity:.6}@media screen and (min-width:769px){#modal-story-1 .ship-wave-back{width:251.14px;top:304.4px}}@media screen and (max-width:768px){#modal-story-1 .ship-wave-back{width:100px;top:116.5px}}#modal-story-1 .ship-propeller{transform-origin:center center;z-index:2}@media screen and (min-width:769px){#modal-story-1 .ship-propeller{width:237.66px;left:13.755px;top:191.6px}}@media screen and (max-width:768px){#modal-story-1 .ship-propeller{width:91px;left:8.5px;top:72px}}@media screen and (min-width:769px){#story-2 .story-content{top:151.7px;right:133px}}@media screen and (max-width:768px){#story-2 .story-content{top:102px;right:20px}}@media screen and (max-width:768px){#story-2 .story-ttl{transform:translate(2.5em);text-indent:-1em}}@media screen and (max-width:768px){#story-2 .story-txt{text-align:right}}@media screen and (max-width:768px){#story-2 .story-btn{margin-left:auto}}#story-2 .man{position:absolute;z-index:1}@media screen and (min-width:769px){#story-2 .man{width:358px;top:calc(50% + 50dvh / var(--u-scale) - 520px);left:153px}}@media screen and (max-width:768px){#story-2 .man{width:218px;top:calc(50% + 50dvh / var(--u-scale) - 300px);left:-26px}}#story-2 .bg{position:absolute}@media screen and (min-width:769px){#story-2 .bg{top:534px;left:556px}}@media screen and (max-width:768px){#story-2 .bg{top:524px;left:52px}}#story-2 .bg-inner{position:relative}#story-2 .island-01{position:absolute}@media screen and (min-width:769px){#story-2 .island-01{width:187px;top:1px;left:0}}@media screen and (max-width:768px){#story-2 .island-01{width:95px;top:1px;left:0}}#story-2 .island-02{position:absolute}@media screen and (min-width:769px){#story-2 .island-02{width:102px;top:22px;left:223px}}@media screen and (max-width:768px){#story-2 .island-02{width:54px;top:11px;left:113px}}#story-2 .island-03{position:absolute}@media screen and (min-width:769px){#story-2 .island-03{width:204px;top:0;left:515px}}@media screen and (max-width:768px){#story-2 .island-03{width:106px;top:0;left:264px}}#story-2 .wave-01{position:absolute}@media screen and (min-width:769px){#story-2 .wave-01{width:112px;top:71px;left:432px}}@media screen and (max-width:768px){#story-2 .wave-01{width:57px;top:36px;left:222px}}#story-2 .wave-02{position:absolute}@media screen and (min-width:769px){#story-2 .wave-02{width:100px;top:89px;left:539px}}@media screen and (max-width:768px){#story-2 .wave-02{width:52px;top:46px;left:276px}}@media screen and (min-width:769px){#modal-story-2 .modal-story-content{padding-top:60.2px;padding-left:488px}}@media screen and (max-width:768px){#modal-story-2 .modal-story-content{padding-left:15px;padding-right:15px}}#modal-story-2 .man{position:absolute;z-index:2}@media screen and (min-width:769px){#modal-story-2 .man{width:306px;top:190px;left:49px}}@media screen and (max-width:768px){#modal-story-2 .man{width:130px;top:334px;left:1px}}#modal-story-2 .bg{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-2 .bg{top:465.2px;left:394.5px}}@media screen and (max-width:768px){#modal-story-2 .bg{top:445.3px;left:72px}}#modal-story-2 .bg-inner{position:relative}#modal-story-2 .island-01{position:absolute}@media screen and (min-width:769px){#modal-story-2 .island-01{width:159px;top:0;left:0}}@media screen and (max-width:768px){#modal-story-2 .island-01{width:68px;top:1px;left:0}}#modal-story-2 .island-02{position:absolute}@media screen and (min-width:769px){#modal-story-2 .island-02{width:89px;top:18px;left:190px}}@media screen and (max-width:768px){#modal-story-2 .island-02{width:37px;top:7px;left:81px}}#modal-story-2 .island-03{position:absolute}@media screen and (min-width:769px){#modal-story-2 .island-03{width:175px;top:0;left:439px}}@media screen and (max-width:768px){#modal-story-2 .island-03{width:75px;top:0;left:186px}}#modal-story-2 .wave-01{position:absolute}@media screen and (min-width:769px){#modal-story-2 .wave-01{width:96px;top:60px;left:369px}}@media screen and (max-width:768px){#modal-story-2 .wave-01{width:40px;top:25px;left:157px}}#modal-story-2 .wave-02{position:absolute}@media screen and (min-width:769px){#modal-story-2 .wave-02{width:86px;top:76px;left:461px}}@media screen and (max-width:768px){#modal-story-2 .wave-02{width:37px;top:31px;left:195px}}@media screen and (min-width:769px){#story-3 .story-content{top:161px;left:183px}}@media screen and (max-width:768px){#story-3 .story-content{top:102px;left:20px}}#story-3 .worker{position:absolute;pointer-events:none}@media screen and (min-width:769px){#story-3 .worker{width:1231px;top:calc(50% + 50dvh / var(--u-scale) - 435px);left:299px}}@media screen and (max-width:768px){#story-3 .worker{width:582px;top:calc(50% + 50dvh / var(--u-scale) - 205px);left:-75px}}@media screen and (min-width:769px){#modal-story-3 .modal-story-content{padding-top:54.2px;padding-left:72px}}#modal-story-3 .worker{position:absolute;pointer-events:none;z-index:1}@media screen and (min-width:769px){#modal-story-3 .worker{width:853px;top:282.2px;left:379px}}@media screen and (max-width:768px){#modal-story-3 .worker{width:426px;top:357.5px;left:-17px}}@media screen and (min-width:769px){#story-4 .story-content{top:151.7px;right:134px}}@media screen and (max-width:768px){#story-4 .story-content{top:102px;right:26px}}@media screen and (max-width:768px){#story-4 .story-ttl{transform:translate(1em);text-indent:1em}}@media screen and (max-width:768px){#story-4 .story-txt{text-align:right}}@media screen and (max-width:768px){#story-4 .story-btn{margin-left:auto;margin-top:40px}}#story-4 .ship-01{position:absolute;transform:translate(60px)}@media screen and (min-width:769px){#story-4 .ship-01{width:197px;top:526px;left:107px}}@media screen and (max-width:768px){#story-4 .ship-01{width:66px;top:528px;left:-6px}}#story-4 [class*=-propeller-wrapper],#modal-story-4 [class*=-propeller-wrapper]{position:absolute}#story-4 [class*=-propeller-top],#modal-story-4 [class*=-propeller-top],#story-4 [class*=-propeller-bottom],#modal-story-4 [class*=-propeller-bottom]{position:absolute;left:0;width:100%;overflow:hidden}#story-4 [class*=-propeller-bottom],#modal-story-4 [class*=-propeller-bottom]{bottom:0}#story-4 [class*=-propeller-top] img,#modal-story-4 [class*=-propeller-top] img,#story-4 [class*=-propeller-bottom] img,#modal-story-4 [class*=-propeller-bottom] img{position:absolute;top:0;left:0;width:100%;height:auto;transform-origin:center center}.ship-02-propeller-top{height:59%;top:0}.ship-02-propeller-bottom{height:41%}.ship-02-propeller-bottom img{margin-top:-59%}.ship-03-propeller-top{height:55%;top:0}.ship-03-propeller-bottom{height:45%}.ship-03-propeller-bottom img{margin-top:-55%}.ship-04-propeller-top{height:61%;top:0}.ship-04-propeller-bottom{height:39%}.ship-04-propeller-bottom img{margin-top:-61%}.ship-05-propeller-top{height:49%;top:0}.ship-05-propeller-bottom{height:51%}.ship-05-propeller-bottom img{margin-top:-49%}#story-4 .ship-02{position:absolute;z-index:1}@media screen and (min-width:769px){#story-4 .ship-02{top:239px;left:216px}}@media screen and (max-width:768px){#story-4 .ship-02{top:432px;left:31px}}#story-4 .ship-02-inner{position:relative;transform:translate(60px)}#story-4 .ship-02-body{position:absolute}@media screen and (min-width:769px){#story-4 .ship-02-body{width:348px}}@media screen and (max-width:768px){#story-4 .ship-02-body{width:116px}}@media screen and (min-width:769px){#story-4 .ship-02-propeller-wrapper{width:118px;height:118px;top:260px;left:141px}}@media screen and (max-width:768px){#story-4 .ship-02-propeller-wrapper{width:40px;height:40px;top:88px;left:46px}}#story-4 .ship-02-wave-back{position:absolute}@media screen and (min-width:769px){#story-4 .ship-02-wave-back{width:273px;top:318px;left:75px}}@media screen and (max-width:768px){#story-4 .ship-02-wave-back{width:91px;top:107px;left:25px}}#story-4 .ship-02-wave-front{position:absolute}@media screen and (min-width:769px){#story-4 .ship-02-wave-front{width:273px;top:318px;left:75px}}@media screen and (max-width:768px){#story-4 .ship-02-wave-front{width:91px;top:107px;left:25px}}#story-4 .ship-03{position:absolute}@media screen and (min-width:769px){#story-4 .ship-03{top:499px;left:477px}}@media screen and (max-width:768px){#story-4 .ship-03{top:519px;left:119px}}#story-4 .ship-03-inner{position:relative;transform:translate(60px)}#story-4 .ship-03-body{position:absolute}@media screen and (min-width:769px){#story-4 .ship-03-body{width:375px}}@media screen and (max-width:768px){#story-4 .ship-03-body{width:125px}}@media screen and (min-width:769px){#story-4 .ship-03-propeller-wrapper{width:50px;height:50px;top:42px;left:347.5px}}@media screen and (max-width:768px){#story-4 .ship-03-propeller-wrapper{width:17px;height:17px;top:13.5px;left:115px}}#story-4 .ship-04{position:absolute}@media screen and (min-width:769px){#story-4 .ship-04{top:472px;left:914px}}@media screen and (max-width:768px){#story-4 .ship-04{top:510px;left:254px}}#story-4 .ship-04-inner{position:relative;transform:translate(60px)}#story-4 .ship-04-body{position:absolute;z-index:1}@media screen and (min-width:769px){#story-4 .ship-04-body{width:218px}}@media screen and (max-width:768px){#story-4 .ship-04-body{width:73px}}@media screen and (min-width:769px){#story-4 .ship-04-propeller-wrapper{width:83px;height:83px;top:46px;left:157px}}@media screen and (max-width:768px){#story-4 .ship-04-propeller-wrapper{width:28px;height:28px;top:15px;left:53px}}#story-4 .ship-05{position:absolute}@media screen and (min-width:769px){#story-4 .ship-05{top:326px;left:1111px}}@media screen and (max-width:768px){#story-4 .ship-05{top:461px;left:319px}}#story-4 .ship-05-inner{position:relative;transform:translate(60px)}#story-4 .ship-05-body{position:absolute;z-index:1}@media screen and (min-width:769px){#story-4 .ship-05-body{width:209px}}@media screen and (max-width:768px){#story-4 .ship-05-body{width:70px}}@media screen and (min-width:769px){#story-4 .ship-05-propeller-wrapper{width:106px;height:106px;top:190px;left:57px}}@media screen and (max-width:768px){#story-4 .ship-05-propeller-wrapper{width:35px;height:35px;top:64px;left:20px}}@media screen and (min-width:769px){#modal-story-4 .modal-story-content{padding-top:60.2px;padding-left:488px}}#modal-story-4 .ship-01{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-4 .ship-01{width:151px;top:462.2px;left:17px}}@media screen and (max-width:768px){#modal-story-4 .ship-01{width:59px;top:448.5px;left:-14px}}#modal-story-4 .ship-02{position:absolute;z-index:2}@media screen and (min-width:769px){#modal-story-4 .ship-02{top:240.2px;left:102px}}@media screen and (max-width:768px){#modal-story-4 .ship-02{top:361.5px;left:20px}}#modal-story-4 .ship-02-inner{position:relative}#modal-story-4 .ship-02-body{position:absolute}@media screen and (min-width:769px){#modal-story-4 .ship-02-body{width:270px}}@media screen and (max-width:768px){#modal-story-4 .ship-02-body{width:103px}}@media screen and (min-width:769px){#modal-story-4 .ship-02-propeller-wrapper{width:91px;height:91px;top:201px;left:109px}}@media screen and (max-width:768px){#modal-story-4 .ship-02-propeller-wrapper{width:36px;height:36px;top:80px;left:40.5px}}#modal-story-4 .ship-02-wave-back{position:absolute}@media screen and (min-width:769px){#modal-story-4 .ship-02-wave-back{width:212px;top:245px;left:57px}}@media screen and (max-width:768px){#modal-story-4 .ship-02-wave-back{width:81px;top:97px;left:22px}}#modal-story-4 .ship-02-wave-front{position:absolute}@media screen and (min-width:769px){#modal-story-4 .ship-02-wave-front{width:212px;top:245px;left:57px}}@media screen and (max-width:768px){#modal-story-4 .ship-02-wave-front{width:81px;top:97px;left:22px}}#modal-story-4 .ship-03{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-4 .ship-03{top:441.2px;left:295px}}@media screen and (max-width:768px){#modal-story-4 .ship-03{top:440.5px;left:98px}}#modal-story-4 .ship-03-inner{position:relative}#modal-story-4 .ship-03-body{position:absolute}@media screen and (min-width:769px){#modal-story-4 .ship-03-body{width:290px}}@media screen and (max-width:768px){#modal-story-4 .ship-03-body{width:111px}}@media screen and (min-width:769px){#modal-story-4 .ship-03-propeller-wrapper{width:39px;height:39px;top:33.5px;left:270.5px}}@media screen and (max-width:768px){#modal-story-4 .ship-03-propeller-wrapper{width:12.5px;height:12.5px;top:10.5px;left:102px}}#modal-story-4 .ship-04{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-4 .ship-04{top:421.2px;left:904px}}@media screen and (max-width:768px){#modal-story-4 .ship-04{top:432.5px;left:218px}}#modal-story-4 .ship-04-inner{position:relative}#modal-story-4 .ship-04-body{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-4 .ship-04-body{width:169px}}@media screen and (max-width:768px){#modal-story-4 .ship-04-body{width:65px}}@media screen and (min-width:769px){#modal-story-4 .ship-04-propeller-wrapper{width:62px;height:62px;top:37px;left:123px}}@media screen and (max-width:768px){#modal-story-4 .ship-04-propeller-wrapper{width:21px;height:21px;top:16px;left:50px}}#modal-story-4 .ship-05{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-4 .ship-05{top:307.2px;left:1053px}}@media screen and (max-width:768px){#modal-story-4 .ship-05{top:387.5px;left:276px}}#modal-story-4 .ship-05-inner{position:relative}#modal-story-4 .ship-05-body{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-4 .ship-05-body{width:163px}}@media screen and (max-width:768px){#modal-story-4 .ship-05-body{width:63px}}@media screen and (min-width:769px){#modal-story-4 .ship-05-propeller-wrapper{width:81px;height:81px;top:147px;left:46px}}@media screen and (max-width:768px){#modal-story-4 .ship-05-propeller-wrapper{width:31px;height:31px;top:58px;left:17px}}@media screen and (min-width:769px){#story-5 .story-content{top:161px;left:183px}}@media screen and (max-width:768px){#story-5 .story-content{top:102px;left:20px}}#story-5 .hand{position:absolute;pointer-events:none}@media screen and (min-width:769px){#story-5 .hand{top:209px;left:334px}}@media screen and (max-width:768px){#story-5 .hand{top:421px;left:35px}}#story-5 .hand-img{position:absolute;z-index:1}@media screen and (min-width:769px){#story-5 .hand-img{width:969px}}@media screen and (max-width:768px){#story-5 .hand-img{width:325px}}#story-5 .hand-propeller{position:absolute}@media screen and (min-width:769px){#story-5 .hand-propeller{width:120px;top:306px;left:-45px}}@media screen and (max-width:768px){#story-5 .hand-propeller{width:41px;top:103px;left:-15.5px}}#story-5 .hand-wave-back{position:absolute;z-index:2}@media screen and (min-width:769px){#story-5 .hand-wave-back{width:272px;top:348px;left:-132px}}@media screen and (max-width:768px){#story-5 .hand-wave-back{width:91px;top:117px;left:-44px}}#story-5 .hand-wave-front{position:absolute;z-index:2}@media screen and (min-width:769px){#story-5 .hand-wave-front{width:272px;top:348px;left:-132px}}@media screen and (max-width:768px){#story-5 .hand-wave-front{width:91px;top:117px;left:-44px}}@media screen and (min-width:769px){#modal-story-5 .modal-story-content{padding-top:54.2px;padding-left:72px}}#modal-story-5 .hand{position:absolute;pointer-events:none;z-index:1}@media screen and (min-width:769px){#modal-story-5 .hand{top:224.2px;left:360.5px}}@media screen and (max-width:768px){#modal-story-5 .hand{top:349.5px;left:41px}}#modal-story-5 .hand-img{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-5 .hand-img{width:727px}}@media screen and (max-width:768px){#modal-story-5 .hand-img{width:280px}}#modal-story-5 .hand-propeller{position:absolute}@media screen and (min-width:769px){#modal-story-5 .hand-propeller{width:89px;top:230px;left:-32.5px}}@media screen and (max-width:768px){#modal-story-5 .hand-propeller{width:36px;top:91px;left:-13px}}#modal-story-5 .hand-wave-back{position:absolute;z-index:2}@media screen and (min-width:769px){#modal-story-5 .hand-wave-back{width:205px;top:261px;left:-99px}}@media screen and (max-width:768px){#modal-story-5 .hand-wave-back{width:82px;top:104px;left:-39px}}#modal-story-5 .hand-wave-front{position:absolute;z-index:2}@media screen and (min-width:769px){#modal-story-5 .hand-wave-front{width:205px;top:261px;left:-99px}}@media screen and (max-width:768px){#modal-story-5 .hand-wave-front{width:82px;top:104px;left:-39px}}@media screen and (min-width:769px){#story-6 .story-content{top:151.7px;right:96px}}@media screen and (max-width:768px){#story-6 .story-content{top:102px;right:20px}}@media screen and (max-width:768px){#story-6 .story-ttl{transform:translate(1em)}}@media screen and (max-width:768px){#story-6 .story-txt{text-align:right}}@media screen and (max-width:768px){#story-6 .story-btn{margin-left:auto}}#story-6 .everyone{position:absolute;pointer-events:none}@media screen and (min-width:769px){#story-6 .everyone{width:814px;top:calc(50% + 50dvh / var(--u-scale) - 435px);left:76px}}@media screen and (max-width:768px){#story-6 .everyone{width:289px;top:calc(50% + 50dvh / var(--u-scale) - 160px);left:-17px}}#story-6 .bg{position:absolute}@media screen and (min-width:769px){#story-6 .bg{top:534px;left:556px}}@media screen and (max-width:768px){#story-6 .bg{top:524px;left:52px}}#story-6 .bg-inner{position:relative}#story-6 .island-01{position:absolute}@media screen and (min-width:769px){#story-6 .island-01{width:187px;top:1px;left:0}}@media screen and (max-width:768px){#story-6 .island-01{width:95px;top:1px;left:0}}#story-6 .island-02{position:absolute}@media screen and (min-width:769px){#story-6 .island-02{width:102px;top:22px;left:223px}}@media screen and (max-width:768px){#story-6 .island-02{width:54px;top:11px;left:113px}}#story-6 .island-03{position:absolute}@media screen and (min-width:769px){#story-6 .island-03{width:204px;top:0;left:515px}}@media screen and (max-width:768px){#story-6 .island-03{width:106px;top:0;left:264px}}#story-6 .wave-01{position:absolute}@media screen and (min-width:769px){#story-6 .wave-01{width:112px;top:71px;left:432px}}@media screen and (max-width:768px){#story-6 .wave-01{width:57px;top:36px;left:222px}}#story-6 .wave-02{position:absolute}@media screen and (min-width:769px){#story-6 .wave-02{width:100px;top:89px;left:539px}}@media screen and (max-width:768px){#story-6 .wave-02{width:52px;top:46px;left:276px}}@media screen and (min-width:769px){#modal-story-6 .modal-story-content{padding-top:60.2px;padding-left:592px}}#modal-story-6 .everyone{position:absolute;pointer-events:none;z-index:2}@media screen and (min-width:769px){#modal-story-6 .everyone{width:598px;bottom:-191px;left:-6.5px}}@media screen and (max-width:768px){#modal-story-6 .everyone{width:231px;bottom:-54px;left:-6px}}#modal-story-6 .bg{position:absolute;z-index:1}@media screen and (min-width:769px){#modal-story-6 .bg{top:465.2px;left:394.5px}}@media screen and (max-width:768px){#modal-story-6 .bg{top:446.5px;left:137px}}#modal-story-6 .bg-inner{position:relative}#modal-story-6 .island-01{position:absolute}@media screen and (min-width:769px){#modal-story-6 .island-01{width:159px;top:0;left:0}}@media screen and (max-width:768px){#modal-story-6 .island-01{width:68px;top:1px;left:0}}#modal-story-6 .island-02{position:absolute}@media screen and (min-width:769px){#modal-story-6 .island-02{width:89px;top:18px;left:136px}}@media screen and (max-width:768px){#modal-story-6 .island-02{width:37px;top:9px;left:73px}}#modal-story-6 .island-03{position:absolute}@media screen and (min-width:769px){#modal-story-6 .island-03{width:175px;top:0;left:391px}}@media screen and (max-width:768px){#modal-story-6 .island-03{width:69px;top:0;left:142px}}#modal-story-6 .wave-01{position:absolute}@media screen and (min-width:769px){#modal-story-6 .wave-01{width:86px;top:60px;left:327px}}@media screen and (max-width:768px){#modal-story-6 .wave-01{width:38px;top:29px;left:123px}}#modal-story-6 .wave-02{position:absolute}@media screen and (min-width:769px){#modal-story-6 .wave-02{width:77px;top:76px;left:409px}}@media screen and (max-width:768px){#modal-story-6 .wave-02{width:34px;top:34px;left:160px}}.movie-container{display:flex;align-items:center;justify-content:center;height:100%}@media screen and (min-width:769px){.movie-container{gap:40px}}@media screen and (max-width:768px){.movie-container{gap:32px}}@media screen and (min-width:769px){.movie-text{width:479px}}@media screen and (max-width:768px){.movie-text{width:298px}}.movie-ttl{display:flex;align-items:flex-end}@media screen and (min-width:769px){.movie-ttl{gap:12px}}@media screen and (max-width:768px){.movie-ttl{gap:10px}}@media screen and (min-width:769px){.movie-ttl img{width:202.27px}}@media screen and (max-width:768px){.movie-ttl img{width:160.13px}}.movie-ttl-time{font-size:12px;font-weight:500;letter-spacing:.06em;color:#fff}.movie-catch{font-size:18px;letter-spacing:.06em;color:#fff}@media screen and (min-width:769px){.movie-catch{margin-top:16px;line-height:calc(26 / 18)}}@media screen and (max-width:768px){.movie-catch{margin-top:14px;line-height:calc(29 / 18)}}.movie-desc{line-height:calc(22.4 / 14);font-size:14px;color:#fff}@media screen and (min-width:769px){.movie-desc{margin-top:12px}}@media screen and (max-width:768px){.movie-desc{margin-top:16px}}button.movie-trigger{cursor:pointer}.movie-trigger{border:none;position:relative}@media screen and (min-width:769px){.movie-trigger{width:688px}}@media screen and (max-width:768px){.movie-trigger{width:340px}}button.movie-trigger:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;border:1px solid #fff;border-radius:50%;pointer-events:none}@media screen and (min-width:769px){.movie-trigger:after{width:115px}}@media screen and (max-width:768px){.movie-trigger:after{width:60px}}button.movie-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100% 100%;z-index:1;pointer-events:none}@media screen and (min-width:769px){.movie-trigger:before{width:12px;height:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M1 1L11 6.5L1 12V1' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E")}}@media screen and (max-width:768px){.movie-trigger:before{width:9px;height:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' viewBox='0 0 9 11' fill='none'%3E%3Cpath d='M1 1L8 5.5L1 10V1' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E")}}.movie-scroll{display:flex;flex-direction:column;font-family:var(--font-family-en);font-weight:400;letter-spacing:.06em;font-size:12px;color:#fff;gap:5.1px;position:absolute}@media screen and (min-width:769px){.movie-scroll{top:619px;right:79px}}@media screen and (max-width:768px){.movie-scroll{top:473px;left:22px}}.movie-scroll-anim{background-color:#fff3;width:138.96px;height:1px}.movie-scroll-anim:before{content:"";display:block;width:100%;height:1px;background-color:#fff}.modal-movie{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-movie-inner{width:100%;position:relative}@media screen and (min-width:769px){.modal-movie-inner{width:1000px}}@media screen and (max-width:768px){.modal-movie-inner{width:334px}}.modal-movie-inner iframe{aspect-ratio:16 / 9;width:100%;height:100%}.history-container{display:flex;align-items:center;justify-content:space-between;height:100%;background-repeat:no-repeat}@media screen and (min-width:769px){.history-container{padding-left:80px;background-image:url(../images/bg_history-pattern_pc.webp);background-size:4515px auto;background-position:bottom 0 left 577px}}@media screen and (max-width:768px){.history-container{padding-left:40px;background-image:url(../images/bg_history-pattern_sp.webp);background-size:6991px auto;background-position:top 120px left 360px}}@media screen and (min-width:769px){.history-ttl{width:282.1px}}@media screen and (max-width:768px){.history-ttl{width:223.32px}}.history-desc{margin-top:27px;white-space:nowrap;font-size:14px;line-height:calc(22.4 / 14);letter-spacing:.06em;color:#fff}.history-list{display:flex;position:relative}@media screen and (min-width:769px){.history-list{padding-left:112px;padding-right:295px}}@media screen and (max-width:768px){.history-list{margin-top:auto;padding-left:20px;padding-right:295px}}.history-list:before{content:"";width:100%;height:1.1px;background:linear-gradient(90deg,#fff 0% calc(100% - 500px),#fff0);position:absolute}@media screen and (min-width:769px){.history-list:before{top:50%;left:0;transform:translateY(-50%)}}@media screen and (max-width:768px){.history-list:before{top:0;left:0}}.history-item{position:relative}@media screen and (min-width:769px){.history-item{border-left:1px solid #fff;padding-top:36.6px;padding-left:28.6px;padding-right:88.4px;width:589px;height:384px}}@media screen and (max-width:768px){.history-item{border-left:1px solid #fff;border-right:1px solid #fff;padding-top:33px;padding-left:39px;padding-right:69px;width:456px;height:550px}}@media screen and (min-width:769px){.history-item:nth-child(odd){margin-left:-216.5px;transform:translateY(-50%)}}@media screen and (min-width:769px){.history-item:nth-child(2n){margin-left:-372.5px;transform:translateY(50%)}}@media screen and (min-width:769px){.history-item:nth-child(1){margin-left:0}}.history-item:after{content:"";border-radius:50%;width:17px;height:17px;background-color:#fff;position:absolute;left:0}@media screen and (max-width:768px){.history-item:after{top:0;transform:translate(-50%,-50%)}}@media screen and (min-width:769px){.history-item:nth-child(odd):after{bottom:0;transform:translate(-50%,50%)}}@media screen and (min-width:769px){.history-item:nth-child(2n):after{top:0;transform:translate(-50%,-50%)}}.history-item-year{width:fit-content;height:108px;position:absolute;z-index:1}@media screen and (min-width:769px){.history-item-year{top:-13px;right:181px}}@media screen and (max-width:768px){.history-item-year{top:-18px;right:85px}}.history-item-year img{width:auto;height:100%}@media screen and (min-width:769px){.history-item-image{width:267px}}@media screen and (max-width:768px){.history-item-image{width:300px}}.history-item-ttl{line-height:1.425;letter-spacing:.06em;font-size:16px;font-weight:700;color:#fff}@media screen and (min-width:769px){.history-item-ttl{margin-top:8px;font-weight:600}}@media screen and (max-width:768px){.history-item-ttl{margin-top:10px;letter-spacing:.03em;font-weight:500}}.history-item-desc{margin-top:6px;letter-spacing:0em;color:#fff}@media screen and (min-width:769px){.history-item-desc{margin-top:8px;line-height:calc(18.4 / 12);font-size:12px}}@media screen and (max-width:768px){.history-item-desc{margin-top:10px;line-height:calc(22.4 / 14);font-size:14px}}.history-scroll{display:flex;flex-direction:column;font-family:var(--font-family-en);font-weight:400;letter-spacing:.06em;font-size:12px;color:#fff;gap:5.1px;position:absolute}@media screen and (min-width:769px){.history-scroll{top:401px;right:0}}@media screen and (max-width:768px){.history-scroll{top:313.9px;right:150px}}.history-scroll-anim{background-color:#fff3;width:138.96px;height:1px}.history-scroll-anim:before{content:"";display:block;width:100%;height:1px;background-color:#fff}.message-bg{position:absolute;top:0;left:0}.message-bg-inner{position:relative}.message-island-01{position:absolute}@media screen and (min-width:769px){.message-island-01{width:198.48px;top:535.71px;left:-40.12px}}@media screen and (max-width:768px){.message-island-01{width:127.52px;top:521.09px;left:0}}.message-island-02{position:absolute}@media screen and (min-width:769px){.message-island-02{width:187px;top:535.46px;left:604.12px}}@media screen and (max-width:768px){.message-island-02{width:120.15px;top:520.94px;left:413.92px}}.message-island-03{position:absolute;z-index:1}@media screen and (min-width:769px){.message-island-03{width:101px;top:556.46px;left:820.12px}}@media screen and (max-width:768px){.message-island-03{width:64.89px;top:534.43px;left:552.7px}}.message-island-04{position:absolute}@media screen and (min-width:769px){.message-island-04{width:199px;top:535.46px;left:1093.12px}}@media screen and (max-width:768px){.message-island-04{width:127.86px;top:520.94px;left:728.1px}}.message-island-05{position:absolute}@media screen and (min-width:769px){.message-island-05{width:108px;top:549.46px;left:1380.12px}}@media screen and (max-width:768px){.message-island-05{width:69.39px;top:529.93px;left:912.49px}}.message-island-06{position:absolute;transform:scaleX(-1)}@media screen and (min-width:769px){.message-island-06{width:198.48px;top:535.71px;left:1658.88px}}@media screen and (max-width:768px){.message-island-06{width:127.52px;top:521.09px;left:1091.59px}}.message-island-07{position:absolute}@media screen and (min-width:769px){.message-island-07{width:101px;top:556.46px;left:1892.12px}}@media screen and (max-width:768px){.message-island-07{width:64.89px;top:534.43px;left:1241.45px}}.message-wave-01{position:absolute}@media screen and (min-width:769px){.message-wave-01{width:97px;top:631.46px;left:170.12px}}@media screen and (max-width:768px){.message-wave-01{width:62.32px;top:582.62px;left:135.08px}}.message-wave-02{position:absolute}@media screen and (min-width:769px){.message-wave-02{width:108px;top:673.46px;left:534.12px}}@media screen and (max-width:768px){.message-wave-02{width:69.39px;top:609.6px;left:368.95px}}.message-wave-03{position:absolute}@media screen and (min-width:769px){.message-wave-03{width:107px;top:603.46px;left:986.12px}}@media screen and (max-width:768px){.message-wave-03{width:68.75px;top:564.63px;left:659.35px}}.message-wave-04{position:absolute}@media screen and (min-width:769px){.message-wave-04{width:97px;top:631.46px;left:1593.12px}}@media screen and (max-width:768px){.message-wave-04{width:62.32px;top:582.62px;left:1049.34px}}.message-container{display:flex;position:relative}@media screen and (min-width:769px){.message-container{margin-top:178px;padding-left:79px}}@media screen and (max-width:768px){.message-container{margin-top:134px;padding-left:20px}}.message-ttl{font-weight:500;position:absolute;z-index:2}@media screen and (min-width:769px){.message-ttl{line-height:1.5;font-size:40px;top:-36px}}@media screen and (max-width:768px){.message-ttl{line-height:1.5;letter-spacing:.08em;font-size:32px;top:-23px}}.message-ttl span{letter-spacing:0em;font-family:var(--font-family-en);font-weight:300}@media screen and (min-width:769px){.message-ttl span{margin-right:5px;font-size:47px}}@media screen and (max-width:768px){.message-ttl span{margin-right:4px;font-size:38px}}.message-img{flex-shrink:0}@media screen and (min-width:769px){.message-img{margin-left:79px;width:276px;position:relative;z-index:1}}@media screen and (max-width:768px){.message-img{margin-left:77px;width:263px;position:relative;z-index:1}}.message-txt{display:flex;line-height:calc(25 / 14);font-size:14px;position:relative;z-index:2}@media screen and (min-width:769px){.message-txt{margin-top:28px;margin-left:32px;gap:24px}}@media screen and (max-width:768px){.message-txt{margin-top:41px;margin-left:34px;gap:20px}}@media screen and (max-width:768px){.message-txt p{width:320px}}.message-name{display:block;white-space:nowrap;text-align:left;line-height:1.4;letter-spacing:.03em;font-size:15px;font-weight:700}@media screen and (min-width:769px){.message-name{margin-top:24px}}@media screen and (max-width:768px){.message-name{margin-top:40px}}@media screen and (min-width:769px){.footer-container{margin-top:282px}}@media screen and (max-width:768px){.footer-container{margin-top:150px}}.footer-links{display:flex;justify-content:center}@media screen and (min-width:769px){.footer-links{gap:111px;margin-top:28.7px}}@media screen and (max-width:768px){.footer-links{align-items:center;flex-direction:column;gap:62px}}.footer-corp-ttl{margin-left:auto;margin-right:auto}@media screen and (min-width:769px){.footer-corp-ttl{width:216px}}@media screen and (max-width:768px){.footer-corp-ttl{width:192px}}.footer-corp-logo{display:block;margin-left:auto;margin-right:auto;transition:opacity .3s ease}@media screen and (min-width:769px){.footer-corp-logo{margin-top:37px;width:240px}}@media screen and (max-width:768px){.footer-corp-logo{margin-top:30.4px;width:254px}}@media(any-hover:hover){.footer-corp-logo:hover{opacity:.5}}.footer-sns-ttl{margin-left:auto;margin-right:auto}@media screen and (min-width:769px){.footer-sns-ttl{width:171px}}@media screen and (max-width:768px){.footer-sns-ttl{width:152px}}.footer-sns-list{display:flex;align-items:center;justify-content:center}@media screen and (min-width:769px){.footer-sns-list{gap:40.3px;margin-top:28.7px}}@media screen and (max-width:768px){.footer-sns-list{gap:25.6px;margin-top:24.3px}}.footer-sns-link--youtube{display:block;transition:opacity .3s ease}@media screen and (min-width:769px){.footer-sns-link--youtube{width:55.52px}}@media screen and (max-width:768px){.footer-sns-link--youtube{width:53.05px}}.footer-sns-link--line,.footer-sns-link--instagram{display:block;transition:opacity .3s ease}@media screen and (min-width:769px){.footer-sns-link--line,.footer-sns-link--instagram{width:49.83px}}@media screen and (max-width:768px){.footer-sns-link--line,.footer-sns-link--instagram{width:47.62px}}@media(any-hover:hover){.footer-sns-link--youtube:hover,.footer-sns-link--line:hover,.footer-sns-link--instagram:hover{opacity:.5}}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-right:auto;border:none;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:8.5px;width:156.52px;background-color:transparent;line-height:calc(14/12);font-size:12px;color:#000;letter-spacing:.06em;position:relative;cursor:pointer}@media screen and (min-width:769px){.footer-top{margin-top:50px}}@media screen and (max-width:768px){.footer-top{margin-top:40px}}.footer-top:after{content:"";display:block;width:100%;height:1px;background-color:#000;position:absolute;bottom:-1px;left:0;transform:scaleX(1);transform-origin:left}@keyframes story-btn-after-hover-anim{0%{transform:scaleX(0)}33%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(any-hover:hover){.footer-top:hover:after{animation:story-btn-after-hover-anim .6s}}.footer-top-arrow{overflow:hidden;transform:scaleX(-1);width:20px}@keyframes story-btn-arrow-hover-anim{0%{transform:translate(-100%)}33%{transform:translate(-100%)}to{transform:translate(0)}}@media(any-hover:hover){.footer-top:hover .footer-top-arrow img{animation:story-btn-arrow-hover-anim .6s}}.footer-copyright{display:block;white-space:pre;letter-spacing:0em;font-family:var(--font-family-en);font-weight:400;color:#fff;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media screen and (min-width:769px){.footer-copyright{font-size:calc(10 / 1366 * 100vw)}}@media screen and (max-width:768px){.footer-copyright{font-size:calc(10 / 375 * 100vw)}}body.modal-open,body.nav-open{overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.is-active{opacity:1;pointer-events:auto}.modal{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:2000;display:flex;align-items:center;justify-content:center;padding-left:40px;padding-right:40px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none;overflow:hidden}.modal.is-active{opacity:1;visibility:visible}.modal-inner{position:relative;flex:0 0 auto;pointer-events:none;display:flex;align-items:center;justify-content:center}@media screen and (min-width:769px){.modal-inner{width:1366px}}@media screen and (max-width:768px){.modal-inner{width:375px}}.modal-window{position:relative;pointer-events:auto}.modal-close{position:absolute;right:0;border:none;background:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}@media screen and (min-width:769px){.modal-close{width:49.31px;height:49.31px;top:-60.81px}}@media screen and (max-width:768px){.modal-close{width:38.86px;height:38.86px;top:-49.46px}}.modal-close:before,.modal-close:after{content:"";position:absolute;height:1px;background-color:#fff;transition:background-color .3s ease}@media screen and (min-width:769px){.modal-close:before,.modal-close:after{width:69.7px}}@media screen and (max-width:768px){.modal-close:before,.modal-close:after{width:54.9px}}.modal-close:before{transform:rotate(45deg)}.modal-close:after{transform:rotate(-45deg)}.modal-content{overflow:hidden;position:relative;width:100%;height:100%}.footer-bg{position:absolute;top:0;left:0}.footer-bg-inner{position:relative}.footer-bg-island-01{position:absolute}@media screen and (min-width:769px){.footer-bg-island-01{width:199px;top:535.46px;left:692.1px}}@media screen and (max-width:768px){.footer-bg-island-01{width:127.86px;top:520.94px;left:56.1px}}.footer-bg-island-02{position:absolute;z-index:1}@media screen and (min-width:769px){.footer-bg-island-02{width:187px;top:535.46px;left:1087.1px}}@media screen and (max-width:768px){.footer-bg-island-02{width:120.15px;top:520.94px;left:310px}}.footer-bg-ship-wrapper{position:absolute;overflow:hidden;z-index:2}@media screen and (min-width:769px){.footer-bg-ship-wrapper{width:450px;height:120px;top:515.54px;left:904.8px}}@media screen and (max-width:768px){.footer-bg-ship-wrapper{width:330px;height:100px;top:509.54px;left:70px}}.footer-bg-ship{position:absolute;top:0;left:0}@media screen and (min-width:769px){.footer-bg-ship{width:163.34px}}@media screen and (max-width:768px){.footer-bg-ship{width:99.34px}}.footer-bg-wave-01{position:absolute}@media screen and (min-width:769px){.footer-bg-wave-01{width:108px;top:673.46px;left:562.1px}}@media screen and (max-width:768px){.footer-bg-wave-01{width:69.39px;top:609.6px;left:-27.4px}}.footer-bg-wave-02{position:absolute}@media screen and (min-width:769px){.footer-bg-wave-02{width:107px;top:603.46px;left:972.1px}}@media screen and (max-width:768px){.footer-bg-wave-02{width:68.75px;top:564.63px;left:236px}}@keyframes top-ttl-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes top-scroll-fade-in{0%{opacity:0}to{opacity:1}}.top-ttl-mask{display:inline-block;overflow:hidden}.top-ttl-mask img{display:block;transform:translateY(100%)}.top-ttl-mask.is-animated img{animation:top-ttl-slide-up .8s cubic-bezier(.33,1,.68,1) forwards}.top-ttl-01 .top-ttl-mask.is-animated img{animation-delay:0s}.top-ttl-02 .top-ttl-mask.is-animated img{animation-delay:.2s}.top-ttl-03 .top-ttl-mask.is-animated img{animation-delay:.4s}.stories-pagination-current{transition:opacity .3s ease-out}.stories-pagination-current.is-changing{opacity:0}@keyframes modal-scroll-anim{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scaleY(1);transform-origin:0 0}51%{transform:scaleY(1);transform-origin:0 100%}to{transform:scaleY(0);transform-origin:0 100%}}.modal-story-scroll-anim:before{transform:scaleY(0);transform-origin:0 0;animation:modal-scroll-anim 2s infinite}@keyframes story-content-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.js-story-content{opacity:0}.js-story-content.is-animated{animation:story-content-fade-in .8s ease-out forwards}@keyframes ship-sway{0%{transform:translate(60px)}to{transform:translate(0)}}@keyframes wave-sway{0%{transform:translate(0)}25%{transform:translate(-30px)}50%{transform:translate(0)}75%{transform:translate(30px)}to{transform:translate(0)}}@keyframes propeller-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes story2-wave-sway{0%{transform:translate(0)}25%{transform:translate(-20px)}50%{transform:translate(0)}75%{transform:translate(20px)}to{transform:translate(0)}}#story-2 .wave-01{animation:story2-wave-sway 6s linear infinite}#story-2 .wave-02{animation:story2-wave-sway 6s linear .3s infinite}@keyframes story2-man-zoom{0%{transform:scale(1)}to{transform:scale(1.2)}}@media screen and (max-width:768px){@keyframes story2-man-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}}.js-story2-man{transform:scale(1)}.js-story2-man.is-animated{animation:story2-man-zoom 4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes story3-worker-zoom{0%{transform:scale(1)}to{transform:scale(1.2)}}@media screen and (max-width:768px){@keyframes story3-worker-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}}.js-story3-worker{transform:scale(1)}.js-story3-worker.is-animated{animation:story3-worker-zoom 4s cubic-bezier(.25,.46,.45,.94) forwards}#story-4 .ship-01.is-animated{animation:ship-sway 16s linear forwards}#story-4 .ship-02-inner.is-animated{animation:ship-sway 16s linear .1s forwards}#story-4 .ship-03-inner.is-animated{animation:ship-sway 16s linear .2s forwards}#story-4 .ship-04-inner.is-animated{animation:ship-sway 16s linear .3s forwards}#story-4 .ship-05-inner.is-animated{animation:ship-sway 16s linear .4s forwards}#story-4 .ship-02-propeller-top img,#story-4 .ship-02-propeller-bottom img,#story-4 .ship-03-propeller-top img,#story-4 .ship-03-propeller-bottom img,#story-4 .ship-04-propeller-top img,#story-4 .ship-04-propeller-bottom img{animation:propeller-rotate 12s linear infinite}#story-4 .ship-05-propeller-top img,#story-4 .ship-05-propeller-bottom img{animation:propeller-rotate 12s reverse linear infinite}#story-5 .hand-propeller{animation:propeller-rotate 12s linear infinite}@keyframes story6-wave-sway{0%{transform:translate(0)}25%{transform:translate(-20px)}50%{transform:translate(0)}75%{transform:translate(20px)}to{transform:translate(0)}}#story-6 .wave-01{animation:story6-wave-sway 6s linear infinite}#story-6 .wave-02{animation:story6-wave-sway 6s linear .3s infinite}@keyframes story6-everyone-zoom{0%{transform:scale(1)}to{transform:scale(1.2)}}.js-story6-everyone{transform:scale(1)}.js-story6-everyone.is-animated{animation:story6-everyone-zoom 4s cubic-bezier(.25,.46,.45,.94) forwards}.js-movie-text{opacity:0}.js-movie-text.is-animated{animation:story-content-fade-in .8s ease-out forwards}.js-movie-thumb{opacity:0}.js-movie-thumb.is-animated{animation:story-content-fade-in .8s ease-out .4s forwards}@keyframes history-content-fade-out{0%{opacity:1}to{opacity:0}}.history-container{opacity:1;transition:opacity .6s ease-out}.history-container.is-fading-out,.js-history-text{opacity:0}.js-history-text.is-animated{animation:story-content-fade-in .8s ease-out forwards}@keyframes history-border-grow-down{0%{transform:scaleY(0)}to{transform:scaleY(calc(1 / var(--u-scale)))}}@keyframes history-border-grow-up{0%{transform:scaleY(0)}to{transform:scaleY(calc(1 / var(--u-scale)))}}.js-history-item{border-left:none!important;border-right:none!important}.js-history-item:before{content:"";position:absolute;left:0;width:1.1px;background-color:#fff;transform:scaleY(0)}@media screen and (min-width:769px){.js-history-item:before{height:50dvh}}@media screen and (max-width:768px){.js-history-item:before{height:calc(550/645 * 100dvh)}}@media screen and (min-width:769px){.js-history-item:nth-child(odd):before{bottom:0;transform-origin:bottom}.js-history-item.is-animated:nth-child(odd):before{animation:history-border-grow-up .6s cubic-bezier(.25,.46,.45,.94) forwards}.js-history-item:nth-child(2n):before{top:0;transform-origin:top}.js-history-item.is-animated:nth-child(2n):before{animation:history-border-grow-down .6s cubic-bezier(.25,.46,.45,.94) forwards}}@media screen and (max-width:768px){.js-history-item:before{top:0;transform-origin:top}.js-history-item.is-animated:before{animation:history-border-grow-down .6s cubic-bezier(.25,.46,.45,.94) forwards}}@keyframes history-content-fade-in{0%{opacity:0}to{opacity:1}}.js-history-item>*{opacity:0}.js-history-item.is-animated>*{animation:history-content-fade-in .6s ease-out .2s forwards}@keyframes scroll-anim{0%{transform:scaleX(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}51%{transform:scale(1);transform-origin:100% 0}to{transform:scaleX(0);transform-origin:100% 0}}.scroll-attention-anim:before{transform:scaleX(0);transform-origin:0 0;animation:scroll-anim 2s 1.8s infinite}@keyframes message-content-fade-out{0%{opacity:1}to{opacity:0}}.js-message-ttl{opacity:0}.js-message-ttl.is-animated{animation:story-content-fade-in .5s ease-out forwards}.js-message-ttl.is-fading-out{animation:message-content-fade-out .3s ease-out forwards}.js-message-img{opacity:0}.js-message-img.is-animated{animation:story-content-fade-in .5s ease-out forwards}.js-message-img.is-fading-out{animation:message-content-fade-out .3s ease-out forwards}.js-message-txt{opacity:0}.js-message-txt.is-animated{animation:story-content-fade-in .5s ease-out forwards}.js-message-txt.is-fading-out{animation:message-content-fade-out .3s ease-out forwards}@keyframes message-bg-fade-in{0%{opacity:0}to{opacity:1}}.js-message-bg{opacity:0}.js-message-bg.is-animated{animation:message-bg-fade-in .5s ease-out forwards}.js-message-bg.is-fading-out{animation:message-content-fade-out .3s ease-out forwards}@keyframes message-wave-sway{0%{transform:translate(0)}25%{transform:translate(-20px)}50%{transform:translate(0)}75%{transform:translate(20px)}to{transform:translate(0)}}#message .message-wave-01{animation:message-wave-sway 12s linear infinite}#message .message-wave-02{animation:message-wave-sway 12s linear .6s infinite}#message .message-wave-03{animation:message-wave-sway 12s linear 1.2s infinite}@keyframes footer-ship-slide-in-pc{0%{transform:translate(250px)}to{transform:translate(0)}}@keyframes footer-ship-slide-in-sp{0%{transform:translate(200px)}to{transform:translate(0)}}@media screen and (min-width:769px){.js-footer-ship{transform:translate(250px)}.js-footer-ship.is-animated{animation:footer-ship-slide-in-pc 67s linear forwards}}@media screen and (max-width:768px){.js-footer-ship{transform:translate(200px)}.js-footer-ship.is-animated{animation:footer-ship-slide-in-sp 53.3s linear forwards}}.js-footer-links{opacity:0}.js-footer-links.is-animated{animation:story-content-fade-in .8s ease-out forwards}.js-footer-top{opacity:0}.js-footer-top.is-animated{animation:story-content-fade-in .8s ease-out .2s forwards}@keyframes footer-wave-sway{0%{transform:translate(0)}25%{transform:translate(-20px)}50%{transform:translate(0)}75%{transform:translate(20px)}to{transform:translate(0)}}#footer .footer-bg-wave-01{animation:footer-wave-sway 12s linear infinite}#footer .footer-bg-wave-02{animation:footer-wave-sway 12s linear .6s infinite}#footer .footer-bg-wave-03{animation:footer-wave-sway 12s linear 1.2s infinite}