.portrait-nav__title{margin-top:30px;margin-bottom:25px;font-size:30px;font-size:3rem;line-height:3.4rem}:lang(ja) .portrait-nav__title,:lang(zh) .portrait-nav__title,:lang(ko) .portrait-nav__title{font-size:28.5px;font-size:2.85rem}@media(min-width: 768px){.portrait-nav__title{margin-top:50px;font-size:45px;font-size:4.5rem;line-height:5rem}:lang(ja) .portrait-nav__title,:lang(zh) .portrait-nav__title,:lang(ko) .portrait-nav__title{font-size:42.75px;font-size:4.275rem}}@media(min-width: 1024px){.portrait-nav__title{margin-top:56px}}@media(min-width: 1280px){.portrait-nav__title{font-size:60px;font-size:6rem;line-height:6.5rem;margin-top:100px;margin-bottom:50px}:lang(ja) .portrait-nav__title,:lang(zh) .portrait-nav__title,:lang(ko) .portrait-nav__title{font-size:57px;font-size:5.7rem}}.portrait-nav__subtitle{font-size:20px;font-size:2rem;line-height:2.8rem;margin-bottom:50px}:lang(ja) .portrait-nav__subtitle,:lang(zh) .portrait-nav__subtitle,:lang(ko) .portrait-nav__subtitle{font-size:19px;font-size:1.9rem}@media(min-width: 1280px){.portrait-nav__subtitle{font-size:22px;font-size:2.2rem;line-height:3rem}:lang(ja) .portrait-nav__subtitle,:lang(zh) .portrait-nav__subtitle,:lang(ko) .portrait-nav__subtitle{font-size:20.9px;font-size:2.09rem}}@media(min-width: 1280px){.portrait-nav__subtitle--title{margin-top:-40px}}.portrait-nav__subtitle p{margin:0}.portrait-nav__content{position:relative;padding-bottom:40px}@media(min-width: 768px){.portrait-nav__content{padding-bottom:50px}}@media(min-width: 1024px){.portrait-nav__content{padding-bottom:47.5px}}@media(min-width: 1280px){.portrait-nav__content{padding-bottom:90px}}.portrait-nav__items{width:100%}.portrait-nav__items ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:0 -20px;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.portrait-nav__items ul::after{content:"";padding-right:20px}.portrait-nav__items ul::-webkit-scrollbar{display:none}@media(min-width: 1024px){.portrait-nav__items ul{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.portrait-nav__items ul::after{padding-right:0}}.portrait-nav__items ul li{-ms-flex-negative:0;flex-shrink:0;margin-right:20px;margin-top:40px;scroll-snap-align:center;scroll-snap-stop:always}.portrait-nav__items ul li:first-of-type{margin-left:20px}@media(min-width: 1024px){.portrait-nav__items ul li:first-of-type{margin-left:0}}.portrait-nav__items ul li:last-of-type{margin-right:0}@media(min-width: 520px){.portrait-nav__items ul li{margin-top:20px}}.portrait-nav__items ul li picture img{width:calc((100vw - 40px)*.75);width:calc((var(--viewport-width) - 40px)*.75);max-width:310px;aspect-ratio:30/43;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media(min-width: 1024px){.portrait-nav__items ul li picture img{width:calc((100vw - 140px - 60px)/4);width:calc((var(--viewport-width) - 140px - 60px)/4)}}.portrait-nav__items ul li figure{position:relative;overflow:hidden}@media(min-width: 1024px){.portrait-nav__items ul li figure:hover img{-webkit-transform:scale(1.15);transform:scale(1.15)}.portrait-nav__items ul li figure:hover figcaption{text-decoration:underline}}.portrait-nav__items ul li figure figcaption{z-index:1;position:absolute;bottom:20px;left:20px;padding-right:20px;color:#fff;font-size:18px;font-size:1.8rem;line-height:1.8rem}:lang(ja) .portrait-nav__items ul li figure figcaption,:lang(zh) .portrait-nav__items ul li figure figcaption,:lang(ko) .portrait-nav__items ul li figure figcaption{font-size:17.1px;font-size:1.71rem}@media(min-width: 1280px){.portrait-nav__items ul li figure figcaption{font-size:20px;font-size:2rem;line-height:2.2rem}:lang(ja) .portrait-nav__items ul li figure figcaption,:lang(zh) .portrait-nav__items ul li figure figcaption,:lang(ko) .portrait-nav__items ul li figure figcaption{font-size:19px;font-size:1.9rem}}.portrait-nav__items ul li figure::after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";mix-blend-mode:multiply;background:-webkit-gradient(linear, left bottom, left top, from(rgba(23, 23, 23, 0.7)), color-stop(25%, rgba(23, 23, 23, 0.5)), color-stop(58%, rgba(23, 23, 23, 0)));background:linear-gradient(0deg, rgba(23, 23, 23, 0.7) 0%, rgba(23, 23, 23, 0.5) 25%, rgba(23, 23, 23, 0) 58%)}.portrait-nav__icon svg{height:12px;width:auto;display:inline-block;vertical-align:baseline;fill:none;margin-left:.5rem}@media(max-width: 1023px){.portrait-nav__item:nth-child(odd){padding-top:40px;margin-top:-40px;height:calc(100% - 40px)}}@media(min-width: 1024px){.portrait-nav__items ul li.portrait-nav__item--up{padding-top:25px;margin-top:-25px;height:calc(100% - 25px)}}@media(min-width: 1024px){.portrait-nav__items ul li.portrait-nav__item--end{margin-right:0}}@media(min-width: 1024px){.portrait-nav__items ul li.portrait-nav__item--large picture img{max-width:640px;height:auto;aspect-ratio:63/43;width:calc((100vw - 140px - 60px)/4*2 + 20px);width:calc((var(--viewport-width) - 140px - 60px)/4*2 + 20px)}}@media(min-width: 768px){.portrait-nav__items ul li.portrait-nav__item--large-mobile picture img{max-width:640px;height:auto;width:calc((100vw - 40px - 60px)/4*2 + 20px);width:calc((var(--viewport-width) - 40px - 60px)/4*2 + 20px)}}@media(min-width: 920px){.portrait-nav__items ul li.portrait-nav__item--large-mobile picture img{aspect-ratio:63/43;width:calc((100vw - 140px - 60px)/4*2 + 20px);width:calc((var(--viewport-width) - 140px - 60px)/4*2 + 20px)}}@media(min-width: 1024px){.portrait-nav__items ul li.portrait-nav__item--large-mobile picture img{height:auto;aspect-ratio:63/43;width:calc((100vw - 140px - 60px)/4*2 + 20px);width:calc((var(--viewport-width) - 140px - 60px)/4*2 + 20px)}}.portrait-nav__progress{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-transition:opacity .5s ease-in,padding .5s ease-in;transition:opacity .5s ease-in,padding .5s ease-in}@media(min-width: 1024px){.portrait-nav__progress{display:none}}.portrait-nav__progress--visible{opacity:1;padding-top:25px}@media(min-width: 768px){.portrait-nav__progress--visible{padding-top:65px}}.portrait-nav__indicator{-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;background-color:#d8d8d8;margin-right:20px}.portrait-nav__indicator:last-of-type{margin-right:0}.portrait-nav__indicator--visible{background-color:#3c8637}.portrait-nav--transition .portrait-nav__content::before{content:"";left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;max-width:var(--viewport-width);position:absolute;right:50%;width:100vw;background-color:#fff;bottom:0;height:60%}.portrait-nav--transition .portrait-nav__progress{position:relative;z-index:1}@media(min-width: 1024px){.portrait-nav--transition.portrait-nav--tworows .portrait-nav__content::before{height:35%}}