/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper .sticky-container .sticky-contents .line { width: 35rem; margin: 5rem auto 0; }
body #wrapper .sticky-container .sticky-contents .line .line-image { aspect-ratio: 30 / 1; }
body #wrapper .sticky-container .sticky-contents .top { position: relative; }
body #wrapper .sticky-container .sticky-contents .top .title { position: absolute; width: 21.9rem; left: 2.4rem; top: 2.4rem; display: flex; flex-direction: column; row-gap: 0.6rem; }
body #wrapper .sticky-container .sticky-contents .top .title .row { display: block; width: fit-content; position: relative; }
body #wrapper .sticky-container .sticky-contents .top .title .row img { width: auto; height: 3.4rem; position: relative; z-index: 2; opacity: 0; }
body #wrapper .sticky-container .sticky-contents .top .title .row::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--acc-color); transform: scale(0, 1); transform-origin: left; }
body #wrapper .sticky-container .sticky-contents .top .imagearea img { aspect-ratio: 600 / 877; }
body #wrapper .sticky-container .sticky-contents .top .catch { position: absolute; right: 1rem; bottom: 1rem; writing-mode: vertical-rl; color: var(--acc-color); font-weight: 700; font-size: 1.1rem; }
body #wrapper .sticky-container .bgarea { background: var(--white-color); }
body #wrapper .sticky-container .bgarea .lead { padding: 8.5rem 0 0; }
body #wrapper .sticky-container .bgarea .lead .inner { text-align: center; padding: 0 2.5rem; }
body #wrapper .sticky-container .bgarea .lead .inner .text { font-size: 1.4rem; line-height: 1.7; margin: 0 0 2rem; }
body #wrapper .sticky-container .bgarea .lead .inner .staff-credit { font-size: 1rem; line-height: 1.7; }
body #wrapper .sticky-container .bgarea .interview-contents .inner { padding: 0 1.4rem; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section { padding: 4.4rem 0 0; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .catch { text-align: center; font-weight: 600; font-size: 1.8rem; line-height: 1.7; margin: 0 0 2rem; opacity: 0; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .catch.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container { padding: 0 0 2.4rem; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container .imagearea { opacity: 0; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container .imagearea.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container.landscape .imagearea img { aspect-ratio: 3 / 2; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container.portrait .imagearea { margin: 0 1.4rem; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container.portrait .imagearea img { aspect-ratio: 2 / 3; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container.flex { width: 27.3rem; margin: 0 auto; display: flex; flex-direction: column; row-gap: 2.4rem; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container.flex .imagearea { width: 100%; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .image-container.flex .imagearea img { aspect-ratio: 2 / 3; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .textarea { display: flex; flex-direction: column; row-gap: 1.6rem; padding: 0 1.4rem 1.6rem; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .textarea .text-block { display: flex; flex-direction: column; row-gap: 1.6rem; text-align: justify; font-size: 1.4rem; line-height: 1.7; opacity: 0; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .textarea .text-block.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .textarea .text-block .question { font-weight: 600; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .textarea .text-block .answer b { font-weight: 600; }
body #wrapper .sticky-container .bgarea .interview-contents .inner .section .textarea + .image-container { padding-top: 1.6rem; }
body #wrapper .sticky-container .bgarea .profile { padding: 3.2rem 0 5rem; }
body #wrapper .sticky-container .bgarea .profile .inner { padding: 0 1.4rem; }
body #wrapper .sticky-container .bgarea .profile .inner .sign { width: 14.9rem; margin: 0 auto 1.6rem; }
body #wrapper .sticky-container .bgarea .profile .inner .sign img { aspect-ratio: 150 / 29; }
body #wrapper .sticky-container .bgarea .profile .inner .imagearea { width: 26rem; margin: 0 auto 1.6rem; border-radius: 50%; overflow: hidden; }
body #wrapper .sticky-container .bgarea .profile .inner .imagearea img { aspect-ratio: 45 / 59; }
body #wrapper .sticky-container .bgarea .profile .inner .textarea { width: 27.6rem; margin: 0 auto; font-size: 1.2rem; line-height: 1.7; }
body #wrapper .sticky-container .bgarea .profile .inner .textarea .biography { text-align: justify; margin: 0 0 0.8rem; }
body #wrapper .sticky-container .bgarea .profile .inner .textarea .links { display: flex; }
body #wrapper .sticky-container .bgarea .profile .inner .textarea .links li a { text-decoration: underline; }
body #wrapper .sticky-container .bgarea .profile .inner .textarea .links li:not(:last-child)::after { display: inline; content: "/"; margin: 0 0.5em; }
body #wrapper.is-loaded { opacity: 1 !important; transition: opacity 1s ease 0s; }
body #wrapper.is-loaded .sticky-container .sticky-contents .top .title .row img { opacity: 1; transition: opacity 0.6s ease 1s; }
body #wrapper.is-loaded .sticky-container .sticky-contents .top .title .row::after { transform: none; transition: transform 0.6s ease 0.6s; }
body #wrapper.is-loaded .sticky-container .sticky-contents .top .title .row:nth-child(2) img { transition-delay: 1.8s; }
body #wrapper.is-loaded .sticky-container .sticky-contents .top .title .row:nth-child(2)::after { transition-delay: 1.4s; }
body #wrapper.is-loaded .sticky-container .sticky-contents .top .title .row:nth-child(3) img { transition-delay: 2.6s; }
body #wrapper.is-loaded .sticky-container .sticky-contents .top .title .row:nth-child(3)::after { transition-delay: 2.2s; }