.stories .btn{position:relative;text-decoration:none;display:inline-block;font-weight:500;color:#fff;border-radius:0}.stories .btn:after{transition:transform .2s ease-out;content:"";position:absolute;margin:auto;top:0;bottom:0;width:0;height:0;font-size:11px;right:1.4em}@media (min-width: 1200px){.stories .btn:after{font-size:14px;right:1.8em}}.stories .btn:hover:after{transform:translate(.3em)}.stories .btn.left:hover:after{transform:translate(-.3em)}.stories .stories-wrap{opacity:0;transition:opacity .5s}.stories .stories-wrap.active{opacity:1}.stories .keyvisual{height:100vh;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center;color:#fff;z-index:10}@media (min-width: 992px){.stories .keyvisual{background-attachment:fixed}}.stories .keyvisual:not(.story-outline){height:100vh;height:calc(100vh - 100px)}@media (min-width: 768px){.stories .keyvisual:not(.story-outline){height:100vh}}.stories .keyvisual.top{background-image:url(/build/assets/kv-Fo61dCT4.jpg);text-align:center;display:flex;justify-content:center;align-items:center}.stories .keyvisual.top .step1:after{top:0;bottom:auto;height:70%}@media (min-width: 576px){.stories .keyvisual.top .step1:after{height:60%}}.stories .keyvisual.top .step2{animation-delay:.5s;background-image:linear-gradient(to top,#fff0 10%,#fff 10%,#fff 90%,#fff0 90%)}.stories .keyvisual.top .step3{animation-delay:.7s}.stories .keyvisual:not(.top).story-outline{z-index:8;min-height:600px}@media (min-width: 992px){.stories .keyvisual:not(.top).story-outline{height:120vh}.stories .keyvisual:not(.top).story-outline .inner{top:50%;transform:translateY(-50%)}}.stories .keyvisual:not(.top) .inner{position:absolute;padding:0 30px;bottom:7.5%}@media (min-width: 992px){.stories .keyvisual:not(.top) .inner.left{padding:0;left:7.5%}}@media (min-width: 992px){.stories .keyvisual:not(.top) .inner.right{padding:0;right:7.5%;text-align:right}.stories .keyvisual:not(.top) .inner.right .volume{transform-origin:bottom right}}.stories .keyvisual:not(.top) .inner .volume{font-weight:700;display:inline-block;transform-origin:bottom left;transform:scale(.6);font-family:Roboto,sans-serif}@media (min-width: 768px){.stories .keyvisual:not(.top) .inner .volume{transform:scale(1)}}@media (min-width: 992px){.stories .keyvisual:not(.top) .inner .volume{transform:scale(1)}}@media (min-width: 1200px){.stories .keyvisual:not(.top) .inner .volume{transform:scale(1)}}.stories .keyvisual:not(.top) .inner .volume .title{font-size:21px;margin-bottom:0}.stories .keyvisual:not(.top) .inner .volume .vol{font-size:24px}.stories .keyvisual:not(.top) .inner .volume .num{font-size:100px;line-height:.85;margin-left:-5px;letter-spacing:-.05em}.stories .keyvisual:not(.top) .inner h2{line-height:1.1;margin:.4em auto;font-size:28px}@media (min-width: 1024px){.stories .keyvisual:not(.top) .inner h2{font-size:60px}}.stories .keyvisual:not(.top) .inner p{font-weight:500;line-height:1.6;margin-bottom:1.2em;font-size:14px}@media (min-width: 1024px){.stories .keyvisual:not(.top) .inner p{font-size:18px}}@media (min-width: 1200px){.stories .keyvisual:not(.top) .inner p{line-height:2;margin-bottom:2em}}@media (max-width: 768px){.stories .keyvisual:not(.top) .inner p br{display:none}}.stories .keyvisual .inner{padding:0 30px}.stories .keyvisual .inner img{width:40vw;margin-bottom:1em}@media (min-width: 576px){.stories .keyvisual .inner img{max-width:none;width:240px;margin-bottom:1.4em}}@media (min-width: 768px){.stories .keyvisual .inner img{width:260px;margin-bottom:1.6em}}@media (min-width: 1024px){.stories .keyvisual .inner img{width:280px;margin-bottom:1.8em}}@media (min-width: 1280px){.stories .keyvisual .inner img{width:300px;margin-bottom:2em}}.stories .keyvisual .inner h1{font-family:Roboto,sans-serif;font-size:50px;margin:0 auto .25em;line-height:1;font-weight:700}@media (max-width: 576px){.stories .keyvisual .inner h1{font-size:12vw}}@media (min-width: 768px){.stories .keyvisual .inner h1{font-size:70px}}@media (min-width: 1024px){.stories .keyvisual .inner h1{font-size:90px}}@media (min-width: 1280px){.stories .keyvisual .inner h1{font-size:110px}}.stories .keyvisual .inner p{font-size:15px;margin:0 auto;font-weight:500;line-height:1.6}@media (min-width: 1280px){.stories .keyvisual .inner p{font-size:20px;line-height:2.2}}@media (max-width: 330px){.stories .keyvisual .inner p{font-size:13px}}.stories .keyvisual .inner p span.en{font-family:Roboto,sans-serif;letter-spacing:.01em;font-size:105%;font-weight:500;margin-left:.1em;margin-right:.1em}.stories .keyvisual .inner .btnKV{position:relative;text-decoration:none;display:inline-block;font-weight:500;color:#fff;border-radius:0}.stories .keyvisual .inner .btnKV:after{transition:transform .2s ease-out;content:"";position:absolute;margin:auto;top:0;bottom:0;width:0;height:0;right:1.4em}@media (min-width: 1200px){.stories .keyvisual .inner .btnKV:after{right:1.8em}}.stories .keyvisual .inner .btnKV:hover:after{transform:translate(.3em)}.stories .keyvisual .inner .btnKV{font-size:13px;border:solid 1px #fff;letter-spacing:.03em;padding:1.4em 3em 1.4em 2em}@media (min-width: 576px){.stories .keyvisual .inner .btnKV{padding:1.5em 3.4em 1.5em 2.5em}}@media (min-width: 768px){.stories .keyvisual .inner .btnKV{padding:1.6em 3.8em 1.6em 3em}}@media (min-width: 992px){.stories .keyvisual .inner .btnKV{padding:1.7em 4.2em 1.7em 3.5em;border-width:2px}}@media (min-width: 1200px){.stories .keyvisual .inner .btnKV{font-size:17px;padding:1.8em 4.6em 1.8em 4em}}.stories .keyvisual .inner .btnKV:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #FFF}@media (min-width: 576px){.stories .keyvisual .inner .btnKV:after{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #FFF}}@media (min-width: 992px){.stories .keyvisual .inner .btnKV:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #FFF}}@media (min-width: 1200px){.stories .keyvisual .inner .btnKV:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #FFF}}.stories .anim1{display:inline;position:relative;background-repeat:no-repeat;background-size:0% 100%;background-position:left center;color:#fff0;background-image:linear-gradient(to top,#fff 100%,#fff)}.stories .anim1.force-block{display:inline-block!important}.stories .anim1.active{animation-fill-mode:forwards;animation-delay:0s;animation-duration:1s;animation-timing-function:ease-in-out;animation-name:anim1BG,anim1White}@keyframes anim1BG{45%{background-position:left center;background-size:100% 100%}55%{background-position:right center;background-size:100% 100%}to{background-position:right center;background-size:0% 100%}}@keyframes anim1White{45%{color:#fff0}55%{color:#fff}to{color:#fff}}.stories .anim2{position:relative;display:inline-block;opacity:1}.stories .anim2 *{visibility:hidden}.stories .anim2:after{content:"";position:absolute;height:100%;width:0%;right:auto;left:0;bottom:0;background-color:#fff}.stories .anim2.active:after{animation-name:slide;animation-fill-mode:forwards;animation-duration:1s;animation-delay:.3s;animation-timing-function:ease-in-out}@keyframes slide{45%{width:100%}55%{width:100%}to{right:0;left:auto;width:0%}}.stories .anim2.active *{opacity:1;visibility:visible;transition:visibility 0s linear .8s}.stories .fade-inner{opacity:0;transition:all .5s ease-out 0s;transform:translateY(20px)}.stories .fade-inner.show{opacity:1;transform:translateY(0)}.stories .content-wrap{margin:0 auto;padding:50px 20px 50px 60px}@media (min-width: 576px){.stories .content-wrap{padding:60px 50px 60px 100px}}@media (min-width: 768px){.stories .content-wrap{padding:70px 60px 70px 120px}}@media (min-width: 992px){.stories .content-wrap{padding:80px 70px 80px 140px}}@media (min-width: 1200px){.stories .content-wrap{padding:100px 0;width:1000px}}.stories .content-wrap.credit{padding-bottom:40px}.stories .content-wrap .titleE{font-family:Roboto,sans-serif;font-weight:700;transform:translateY(-.5em);margin:0 auto -.15em;line-height:.85;font-size:38px;color:var(--color-brandPrimary)}@media (min-width: 768px){.stories .content-wrap .titleE{font-size:50px}}@media (min-width: 992px){.stories .content-wrap .titleE{font-size:80px}}@media (min-width: 1200px){.stories .content-wrap .titleE{font-size:110px;line-height:.8}}.stories .content-wrap .titleE small{font-size:18px;display:inline-block;margin-bottom:.6em;line-height:1.2}@media (min-width: 1024px){.stories .content-wrap .titleE small{font-size:28px}}.stories .content-wrap .titleE span:before{content:"\a";white-space:pre}.stories .content-wrap .titleJ{font-size:22px;margin:0 auto .5em}@media (min-width: 1024px){.stories .content-wrap .titleJ{font-size:48px}}.stories .content-wrap .lead{font-size:16px;font-weight:500;position:relative}@media (min-width: 1024px){.stories .content-wrap .lead{font-size:24px}}@media (min-width: 576px){.stories .content-wrap .lead:before,.stories .content-wrap .lead:after{content:"";display:inline-block;background-color:#000;height:3px;width:20px;margin-bottom:5px}}@media (min-width: 768px){.stories .content-wrap .lead:before,.stories .content-wrap .lead:after{width:30px;margin-bottom:6px}}@media (min-width: 992px){.stories .content-wrap .lead:before,.stories .content-wrap .lead:after{width:40px;margin-bottom:7px}}@media (min-width: 1200px){.stories .content-wrap .lead:before,.stories .content-wrap .lead:after{width:40px;margin-bottom:8px}}.stories .content-wrap .lead:before{margin-right:4px}@media (min-width: 1200px){.stories .content-wrap .lead:before{margin-right:6px}}.stories .content-wrap .lead:after{margin-left:4px}@media (min-width: 1200px){.stories .content-wrap .lead:after{margin-left:6px}}.stories .content-wrap .description{font-size:14px;font-weight:500;margin:0;line-height:1.6}@media (min-width: 1200px){.stories .content-wrap .description{line-height:1.8;font-size:22px}}@media (max-width: 576px){.stories .content-wrap .description br{display:none}}.stories .content-wrap .btnRead{text-align:center;font-size:12px;border:solid 2px var(--color-brandPrimary);color:var(--color-brandPrimary);letter-spacing:.03em;font-weight:700;display:block;padding:.8em;line-height:1.4}@media (min-width: 576px){.stories .content-wrap .btnRead{padding:1.2em}}@media (min-width: 768px){.stories .content-wrap .btnRead{padding:1.4em 1em}}@media (min-width: 992px){.stories .content-wrap .btnRead{padding:1.6em 1em}}@media (min-width: 1200px){.stories .content-wrap .btnRead{font-size:16px;padding:1.8em 1em}}.stories .content-wrap .btnRead.right:after{border-top:.7em solid transparent;border-bottom:.7em solid transparent;border-left:.7em solid var(--color-brandPrimary);right:1.2em}@media (min-width: 360px){.stories .content-wrap .btnRead.right:after{right:1.5em}}@media (min-width: 576px){.stories .content-wrap .btnRead.right:after{right:2em}}@media (min-width: 768px){.stories .content-wrap .btnRead.right:after{right:2.5em}}@media (min-width: 992px){.stories .content-wrap .btnRead.right:after{right:3em}}@media (min-width: 1200px){.stories .content-wrap .btnRead.right:after{right:3.5em}}.stories .content-wrap .btnRead.left:after{right:auto;left:1.5em}@media (min-width: 768px){.stories .content-wrap .btnRead br{display:none}}.stories .content-wrap .btnRead .en{display:block;letter-spacing:-.01em;font-size:150%;margin-bottom:.1em}@media (min-width: 360px){.stories .content-wrap .btnRead .en{font-size:160%}}@media (min-width: 576px){.stories .content-wrap .btnRead .en{font-size:200%}}@media (min-width: 992px){.stories .content-wrap .btnRead:hover{transition:all .1s ease-out 0s}}.stories .content-wrap .btnRead:hover{background-color:var(--color-brandPrimary);color:#fff}.stories .content-wrap .btnRead:hover:after{border-right-color:#fff;border-left-color:#fff}.stories .content-wrap .story-outline{padding-top:30px;max-width:500px;margin:auto}@media (min-width: 992px){.stories .content-wrap .story-outline{max-width:none}}@media (min-width: 1200px){.stories .content-wrap .story-outline{padding-top:100px}}.stories .content-wrap .story-outline .item{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:60px}@media (min-width: 576px){.stories .content-wrap .story-outline .item{margin-bottom:80px}}@media (min-width: 768px){.stories .content-wrap .story-outline .item{margin-bottom:90px}}@media (min-width: 992px){.stories .content-wrap .story-outline .item{justify-content:row;flex-direction:row;margin-bottom:100px}}@media (min-width: 992px){.stories .content-wrap .story-outline .item:nth-child(odd) .info .title,.stories .content-wrap .story-outline .item:nth-child(odd) .info h3{padding-left:40px}.stories .content-wrap .story-outline .item:nth-child(odd) .info .btnContainer{margin-left:40px}}@media (min-width: 768px){.stories .content-wrap .story-outline .item:nth-child(2n){flex-direction:row-reverse}.stories .content-wrap .story-outline .item:nth-child(2n) .info .title,.stories .content-wrap .story-outline .item:nth-child(2n) .info h3{padding-right:40px}.stories .content-wrap .story-outline .item:nth-child(2n) .info .btnContainer{margin-right:40px}}.stories .content-wrap .story-outline .item .thumb{overflow:hidden}@media (min-width: 992px){.stories .content-wrap .story-outline .item .thumb{width:50%}}@media (min-width: 1200px){.stories .content-wrap .story-outline .item .thumb{width:auto}}.stories .content-wrap .story-outline .item .thumb img{width:100%;transition:transform .4s ease-out 0s}.stories .content-wrap .story-outline .item .thumb img:hover{transform:scale(103%)}.stories .content-wrap .story-outline .item .info{width:100%;padding-top:1em}@media (min-width: 992px){.stories .content-wrap .story-outline .item .info{flex:1;width:auto;padding-top:0}}.stories .content-wrap .story-outline .item .info .title{position:relative;color:var(--color-brandPrimary);font-weight:700;line-height:1.1;display:flex;align-items:flex-end;border-bottom:3px solid var(--color-brandPrimary);padding-bottom:.6em}@media (min-width: 1200px){.stories .content-wrap .story-outline .item .info .title{padding-bottom:.8em}}.stories .content-wrap .story-outline .item .info .title .num{font-family:Roboto,sans-serif;font-size:33px;line-height:.8;font-weight:700;margin-bottom:1px;letter-spacing:-.02em}@media (min-width: 1024px){.stories .content-wrap .story-outline .item .info .title .num{font-size:55px}}.stories .content-wrap .story-outline .item .info .title .text1{font-size:18px;flex:1;padding-left:.5em}@media (min-width: 1024px){.stories .content-wrap .story-outline .item .info .title .text1{font-size:29px}}.stories .content-wrap .story-outline .item .info h3.text2{font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:1.3;margin:.7em auto}@media (min-width: 1200px){.stories .content-wrap .story-outline .item .info h3.text2{margin:1.4em auto;font-size:30px}}@media (max-width: 576px){.stories .content-wrap .story-outline .item .info h3.text2 br{display:none}}.stories .content-wrap .story-outline .item .info h3.text2 span{font-family:Noto Sans JP,sans-serif}.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline{background-color:var(--color-brandPrimary);letter-spacing:.03em;padding:1.2em 3em 1.2em 1.8em}@media (min-width: 576px){.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline{padding:1.25em 3.2em 1.25em 2em}}@media (min-width: 768px){.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline{padding:1.3em 3.4em 1.3em 2.5em}}@media (min-width: 992px){.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline{padding:1.35em 3.7em 1.35em 3em}}@media (min-width: 1200px){.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline{padding:1.4em 4em 1.4em 3.5em}}.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #FFF}@media (min-width: 768px){.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline:after{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #FFF}}.stories .content-wrap .story-outline .item .info .btnContainer .btnOutline:hover{background-color:var(--color-brandPrimaryHover)}
