.image-on-image__image-containers{position:relative;height:100%;overflow:hidden}@media all and (min-width:768px){.image-on-image__image-containers{padding-left:40px;padding-right:40px}}.image-on-image__foreground-wrapper{position:absolute;top:50%;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);padding-left:16px;padding-right:16px}@media all and (min-width:768px){.image-on-image__foreground-wrapper{padding-left:40px;padding-right:40px}}.image-on-image__image-container{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;opacity:0;-webkit-transition:opacity 300ms cubic-bezier(.694,0,.335,1);transition:opacity 300ms cubic-bezier(.694,0,.335,1)}.image-on-image__image-container.is-loaded{opacity:1}.image-on-image__image-container img{height:100%;width:100%}.image-on-image__image-container img{position:absolute;display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.image-on-image__image-container.is-scrolling img{height:auto}.image-on-image__image-container.background{position:relative;display:block;width:100%}.image-on-image__image-container.background:before{display:block;content:"";width:100%;padding-top:96.8%}.image-on-image__image-container.background>*{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}@media all and (min-width:768px){.image-on-image__image-container.background{position:relative;display:block;width:100%}.image-on-image__image-container.background:before{display:block;content:"";width:100%;padding-top:70%}.image-on-image__image-container.background>*{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}}@media all and (min-width:1024px){.image-on-image__image-container.background{position:relative;display:block;width:100%}.image-on-image__image-container.background:before{display:block;content:"";width:100%;padding-top:55%}.image-on-image__image-container.background>*{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}}.image-on-image__image-container.foreground{position:relative;display:block;width:100%}.image-on-image__image-container.foreground:before{display:block;content:"";width:100%;padding-top:65%}.image-on-image__image-container.foreground>*{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}@media all and (min-width:768px){.image-on-image__image-container.foreground{width:calc((((100% - 200px)/6)*3) + 120px + 0px)}}@media all and (min-width:1024px){.image-on-image__image-container.foreground{width:calc((((100% - 440px)/12)*6) + 240px + 0px)}}.image-on-image__foreground-video{position:relative;display:block;width:100%}.image-on-image__foreground-video:before{display:block;content:"";width:100%;padding-top:65%}.image-on-image__foreground-video>*{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}@media all and (min-width:768px){.image-on-image__foreground-video{width:calc((((100% - 200px)/6)*3) + 120px + 0px)}}@media all and (min-width:1024px){.image-on-image__foreground-video{width:calc((((100% - 440px)/12)*6) + 240px + 0px)}}.image-on-image__foreground-video video{width:100%;height:100%}.image-on-image__foreground-caption-wrapper{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;bottom:0;left:0;width:100%;padding-left:16px;padding-right:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(100%);transform:translateY(100%)}@media all and (min-width:768px){.image-on-image__foreground-caption-wrapper{padding-left:40px;padding-right:40px}}.image-on-image__foreground-caption{position:relative;border-bottom:none;font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:uppercase;text-decoration:none;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:10px}html[lang^=ja] .image-on-image__foreground-caption{font-family:"Noto Sans JP"}@media all and (min-width:1280px){.image-on-image__foreground-caption{font-size:18px}}@media all and (min-width:1920px){.image-on-image__foreground-caption{font-size:20px}}@media all and (min-width:1280px){.image-on-image__foreground-caption{padding-top:20px}}.image-on-image__caption{padding-top:20px}@media all and (min-width:768px){.image-on-image__caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto;margin-right:auto;width:100%}}.image-on-image__caption p{margin:0}.image-on-image__credit{font-family:"Clarkson",Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:0;text-rendering:geometricPrecision;text-transform:uppercase;text-decoration:none;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang^=ja] .image-on-image__credit{font-family:"Noto Sans JP"}@media all and (min-width:1280px){.image-on-image__credit{font-size:16px}}@media all and (min-width:1440px){.image-on-image__credit{font-size:18px}}@media all and (min-width:1920px){.image-on-image__credit{font-size:20px}}.image-on-image--has-portrait-foreground .foreground{position:relative;display:block;width:calc((((100% - 16px)/2)*1) + 16px + 0px)}.image-on-image--has-portrait-foreground .foreground:before{display:block;content:"";width:100%;padding-top:180%}.image-on-image--has-portrait-foreground .foreground>*{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto}@media all and (min-width:768px){.image-on-image--has-portrait-foreground .foreground{width:calc((((100% - 200px)/6)*2) + 80px + 0px)}}@media all and (min-width:1024px){.image-on-image--has-portrait-foreground .foreground{width:calc((((100% - 440px)/12)*3) + 120px + 0px)}}@media all and (max-width:767px){.image-on-image--no-mobile-background .image-on-image__image-container.background{display:none}}@media all and (max-width:767px){.image-on-image--no-mobile-background .image-on-image__foreground-wrapper{position:relative;top:auto;-webkit-transform:none;transform:none;padding-left:0;padding-right:0}}