@charset "UTF-8";
/* --------------------------------------------------
Top & Lead
-------------------------------------------------- */
body #wrapper .page-contents .top { position: relative; }
body #wrapper .page-contents .top .imagearea { overflow: hidden; }
body #wrapper .page-contents .top .imagearea img { aspect-ratio: 125 / 218; display: block; transform: scale(1.05); }
body #wrapper .page-contents .top .logo { width: 32%; position: absolute; left: 5.33%; top: 3.06%; z-index: 2; opacity: 0; }
body #wrapper .page-contents .top .logo img { aspect-ratio: 500 / 390; }
body #wrapper .page-contents .top .title { width: 79.73%; position: absolute; left: 13.33%; top: 33.17%; z-index: 2; opacity: 0; }
body #wrapper .page-contents .top .title img { aspect-ratio: 25 / 32; }
body #wrapper .page-contents .lead { padding: 11.6rem 0 4.8rem; }
body #wrapper .page-contents .lead .inner { padding: 0 5.33%; }
body #wrapper .page-contents .lead .inner .textarea .text { text-align: justify; font-weight: 500; font-size: 1.5rem; line-height: 1.93; }
body.is-loaded #wrapper .page-contents .top .imagearea img { transform: none; transition: transform 2s var(--easeout) 0s; }
body.is-loaded #wrapper .page-contents .top .logo, body.is-loaded #wrapper .page-contents .top .title { opacity: 1; transition: opacity 1s var(--easeout) 1s; }

@media screen and (orientation: landscape) { body #wrapper .page-contents .top .imagearea img { aspect-ratio: 2 / 1; }
  body #wrapper .page-contents .top .logo { width: 13.19%; left: 3.26%; top: 7.08%; }
  body #wrapper .page-contents .top .title { width: 25.07%; left: 28.75%; top: 31.53%; }
  body #wrapper .page-contents .top .title img { aspect-ratio: 250 / 217; } }
@media screen and (min-width: 768px) { body #wrapper .page-contents .lead { padding: 17.1rem 0 7rem; }
  body #wrapper .page-contents .lead .inner { padding: 0; }
  body #wrapper .page-contents .lead .inner .textarea { text-align: center; }
  body #wrapper .page-contents .lead .inner .textarea .text { text-align: center; font-size: 1.4rem; line-height: 2; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper .page-contents { background: var(--acc-bgcolor); }
body #wrapper .page-contents .interview-wrapper .text-container { padding: 6rem 5.33%; display: flex; flex-direction: column; row-gap: 6rem; text-align: justify; font-size: 1.5rem; line-height: 1.93; }
body #wrapper .page-contents .interview-wrapper .text-container .textarea { width: 100%; }
body #wrapper .page-contents .interview-wrapper .text-container .textarea .question { font-weight: 700; color: var(--acc-color); }
body #wrapper .page-contents .interview-wrapper .text-container .textarea .question::before { display: inline; content: "——"; }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea { opacity: 0; transform: translate(0, 2rem); }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul { display: flex; }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-set { padding: 0 5.33%; justify-content: space-between; }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider { column-gap: calc(var(--vw) * (0.0267 * 100)); padding: 0 calc(var(--vw) * (0.0533 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider li { flex: none; }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider li .slider-in { display: flex; column-gap: calc(var(--vw) * (0.0267 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider li .slider-in li { flex: none; }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider li .caption { margin: 3.8rem 0 0; }
body #wrapper .page-contents .interview-wrapper .image-container .imagearea.is-show { opacity: 1; transform: none; transition: opacity 2s var(--ease) 0s, transform 2s var(--ease) 0s; }
body #wrapper .page-contents .interview-wrapper .image-container .caption { font-size: 1.2rem; line-height: 1.83; }
body #wrapper .page-contents .interview-wrapper .image-container .slider-container { position: relative; }
body #wrapper .page-contents .interview-wrapper .image-container .slider-container .imagearea { display: flex; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }
body #wrapper .page-contents .interview-wrapper .image-container .slider-container .imagearea::-webkit-scrollbar { display: none; }
body #wrapper .page-contents .interview-wrapper .image-container .slider-container .indicator { position: absolute; left: 0; right: 0; bottom: 0; width: 10rem; margin: 0 auto; height: 0.4rem; background: #CDCDCD; border: 0.1rem solid #CDCDCD; border-radius: 0.2rem; }
body #wrapper .page-contents .interview-wrapper .image-container .slider-container .indicator .indicator-bar { background: var(--white-color); width: 50%; height: 100%; position: absolute; left: 0; top: 0; }
body #wrapper .page-contents .interview-wrapper .image-container .slider-container > .caption { margin: 3.8rem 0 0; padding: 0 5.33%; }
body #wrapper .page-contents .interview-wrapper .image-container--1 .imagearea img { aspect-ratio: 889 / 593; }
body #wrapper .page-contents .interview-wrapper .image-container--2 .imagearea ul.image-set li { width: 48.96%; }
body #wrapper .page-contents .interview-wrapper .image-container--2 .imagearea ul.image-set li img { aspect-ratio: 296 / 395; }
body #wrapper .page-contents .interview-wrapper .image-container--2 .imagearea .caption { text-align: center; margin: 0.6rem 0 0; }
body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(1) { width: calc(var(--vw) * (1.5227 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(1) img { aspect-ratio: 571 / 380; }
body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(2) { width: calc(var(--vw) * (0.6773 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(2) img { aspect-ratio: 127 / 190; }
body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(3) { width: calc(var(--vw) * (0.832 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(3) img { aspect-ratio: 78 / 95; }
body #wrapper .page-contents .interview-wrapper .image-container--4 .imagearea img { aspect-ratio: 3 / 2; }
body #wrapper .page-contents .interview-wrapper .image-container--5 .imagearea ul.image-slider li { width: calc(var(--vw) * (0.9013 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--5 .imagearea ul.image-slider li img { aspect-ratio: 2 / 3; }
body #wrapper .page-contents .interview-wrapper .image-container--6 .imagearea img { aspect-ratio: 3 / 2; }
body #wrapper .page-contents .interview-wrapper .image-container--7 .slider-container:not(:last-child) { margin: 0 0 10rem; }
body #wrapper .page-contents .interview-wrapper .image-container--7 .imagearea ul.image-slider li { width: calc(var(--vw) * (0.632 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--7 .imagearea ul.image-slider li img { aspect-ratio: 237 / 355; }
body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li .slider-in li { width: calc(var(--vw) * (0.632 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li .slider-in li img { aspect-ratio: 237 / 355; }
body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li .caption { width: calc(var(--vw) * (0.8933 * 100)); position: sticky; left: calc(var(--vw) * (0.0533 * 100)); top: 0; }
body #wrapper .page-contents .interview-wrapper .image-container--8 .slider-container .indicator .indicator-bar { width: 25%; }
body #wrapper .page-contents .interview-wrapper .image-container--9 .imagearea img { aspect-ratio: 3 / 2; }
body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider { padding: 0; }
body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider li:nth-child(1) { width: calc(var(--vw) * (0.9627 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider li:nth-child(1) img { aspect-ratio: 3 / 2; }
body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider li:nth-child(2) { width: calc(var(--vw) * (0.4267 * 100)); }
body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider li:nth-child(2) img { aspect-ratio: 333 / 500; }
body #wrapper .page-contents .interview-wrapper .btnarea { padding: 3rem 0 10rem; }
body #wrapper .page-contents .interview-wrapper .btnarea .title { text-align: center; font-size: 1.4rem; letter-spacing: -0.02em; margin: 0 0 2rem; }
body #wrapper .page-contents .interview-wrapper .btnarea .link-btn { width: 25rem; height: 6rem; margin: 0 auto; font-family: var(--font-en); font-size: 1.8rem; letter-spacing: 0.05em; }
body #wrapper .page-contents .interview-wrapper .btnarea .link-btn a { height: 100%; display: flex; justify-content: center; align-items: center; border: 0.1rem solid var(--primary-color); border-radius: 3rem; }
body #wrapper .page-contents .profile { background: var(--white-color); padding: 10rem 0; }
body #wrapper .page-contents .profile .inner { width: 65.87%; margin: 0 auto; }
body #wrapper .page-contents .profile .inner .profile-single .imagearea { margin: 0 0 2.7rem; }
body #wrapper .page-contents .profile .inner .profile-single .imagearea img { aspect-ratio: 247 / 270; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .namearea { display: flex; align-items: baseline; column-gap: 2rem; margin: 0 0 2.4rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .namearea .name { font-size: 2.2rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .namearea .name-en { font-family: var(--font-en); font-size: 1.5rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .profile-content { margin: 0 0 2.4rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .profile-content .title { font-family: var(--font-en); font-weight: 500; font-size: 1.5rem; letter-spacing: 0.02em; margin: 0 0 0.6rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .profile-content .text { text-align: justify; font-size: 1.4rem; line-height: 2; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul { display: flex; flex-direction: column; row-gap: 2.4rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul li { width: 100%; font-family: futura-pt, dnp-shuei-gothic-gin-std, sans-serif; font-size: 1.5rem; letter-spacing: 0.02em; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul li a { display: flex; align-items: center; column-gap: 0.9rem; }
body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul li a img { width: 2.5rem; aspect-ratio: 1; }
body #wrapper .page-contents .profile .inner .profile-single:not(:last-child) { margin: 0 0 7rem; }

@media screen and (min-width: 768px) { body #wrapper .page-contents .interview-wrapper { width: clamp(90rem, 85.07%, 150rem); margin: 0 auto; }
  body #wrapper .page-contents .interview-wrapper .text-container { padding: 10rem 0; row-gap: 4rem; font-size: 1.4rem; line-height: 2; width: 81.63%; margin: 0 auto; }
  body #wrapper .page-contents .interview-wrapper .image-container { margin: 0 auto; }
  body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-set { padding: 0; }
  body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider { column-gap: 0; padding: 0; justify-content: space-between; }
  body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider li .slider-in { column-gap: 0; justify-content: space-between; }
  body #wrapper .page-contents .interview-wrapper .image-container .imagearea ul.image-slider li .caption { margin: 0.8rem 0 0; }
  body #wrapper .page-contents .interview-wrapper .image-container .slider-container .imagearea { display: block; overflow: hidden; }
  body #wrapper .page-contents .interview-wrapper .image-container .slider-container .indicator { display: none; }
  body #wrapper .page-contents .interview-wrapper .image-container .slider-container > .caption { margin: 0.8rem 0 0; padding: 0; }
  body #wrapper .page-contents .interview-wrapper .image-container--1 { width: 72.57%; }
  body #wrapper .page-contents .interview-wrapper .image-container--2 { width: 49.14%; }
  body #wrapper .page-contents .interview-wrapper .image-container--2 .imagearea ul.image-set li { width: 49.17%; }
  body #wrapper .page-contents .interview-wrapper .image-container--2 .imagearea .caption { margin: 0.8rem 0 0; }
  body #wrapper .page-contents .interview-wrapper .image-container--3 { width: 94.45%; }
  body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(1) { width: 49.35%; }
  body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(2) { width: 21.95%; }
  body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(3) { width: 26.97%; }
  body #wrapper .page-contents .interview-wrapper .image-container--3 .imagearea ul.image-slider li:nth-child(3) .caption { text-align: right; margin-left: -100%; }
  body #wrapper .page-contents .interview-wrapper .image-container--4 { width: 73.47%; }
  body #wrapper .page-contents .interview-wrapper .image-container--5 { width: 66.29%; }
  body #wrapper .page-contents .interview-wrapper .image-container--5 .imagearea ul.image-slider li { width: 49.26%; }
  body #wrapper .page-contents .interview-wrapper .image-container--5 .caption { text-align: center; }
  body #wrapper .page-contents .interview-wrapper .image-container--6 { width: 73.47%; }
  body #wrapper .page-contents .interview-wrapper .image-container--7 { width: 79.67%; }
  body #wrapper .page-contents .interview-wrapper .image-container--7 .slider-container { width: 49.59%; }
  body #wrapper .page-contents .interview-wrapper .image-container--7 .slider-container:not(:last-child) { margin: 0; }
  body #wrapper .page-contents .interview-wrapper .image-container--7 .flex-container { display: flex; justify-content: space-between; }
  body #wrapper .page-contents .interview-wrapper .image-container--7 .imagearea ul.image-slider li { width: 48.97%; }
  body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li:nth-child(1) { width: 59.67%; }
  body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li:nth-child(1) .slider-in li { width: 32.42%; }
  body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li:nth-child(2) { width: 39.51%; }
  body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li:nth-child(2) .slider-in li { width: 48.97%; }
  body #wrapper .page-contents .interview-wrapper .image-container--8 .imagearea ul.image-slider li .caption { width: 100%; position: static; }
  body #wrapper .page-contents .interview-wrapper .image-container--9 { width: 73.47%; }
  body #wrapper .page-contents .interview-wrapper .image-container--10 { width: 89.14%; }
  body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider li:nth-child(1) { width: 68.68%; }
  body #wrapper .page-contents .interview-wrapper .image-container--10 .imagearea ul.image-slider li:nth-child(2) { width: 30.49%; }
  body #wrapper .page-contents .interview-wrapper .image-container--10 .caption { text-align: center; }
  body #wrapper .page-contents .interview-wrapper .btnarea { padding: 7.5rem 0 12.5rem; }
  body #wrapper .page-contents .interview-wrapper .btnarea .title { font-size: 1.5rem; margin: 0 0 2.5rem; }
  body #wrapper .page-contents .interview-wrapper .btnarea .link-btn { width: 48.2rem; height: 7.4rem; font-size: 2.2rem; }
  body #wrapper .page-contents .interview-wrapper .btnarea .link-btn a { border-radius: 3.7rem; transition: background 0.4s var(--ease) 0s, border-color 0.4s var(--ease) 0s; }
  body #wrapper .page-contents .interview-wrapper .btnarea .link-btn a:hover { background: var(--acc-color); border-color: var(--acc-color); }
  body #wrapper .page-contents .profile { padding: 10rem 0; }
  body #wrapper .page-contents .profile .inner { width: clamp(90rem, 85.07%, 150rem); }
  body #wrapper .page-contents .profile .inner .profile-single { width: clamp(71.3rem, 58.2%, 150rem); display: flex; column-gap: 5.47%; align-items: center; margin: 0 auto; }
  body #wrapper .page-contents .profile .inner .profile-single .imagearea { margin: 0; width: 34.64%; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea { flex: 1; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .namearea { margin: 0 0 2.7rem; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .namearea .name { font-size: 2.5rem; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .profile-content .title { margin: 0 0 0.9rem; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul { flex-direction: row; align-items: center; column-gap: 4rem; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul li { width: auto; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul li a { transition: opacity 0.4s var(--easeout) 0s; }
  body #wrapper .page-contents .profile .inner .profile-single .textarea .links ul li a:hover { opacity: 0.5; }
  body #wrapper .page-contents .profile .inner .profile-single:not(:last-child) { margin: 0 auto 8rem; } }
/* --------------------------------------------------
Contents Footer
-------------------------------------------------- */
body #wrapper .page-contents .contents-footer { background: var(--bg-color); }
body #wrapper .page-contents .contents-footer .inner .item-slider { margin: 0 0 6rem; overflow: hidden; }
body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row { display: flex; }
body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row ul { flex: none; display: flex; }
body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row ul li { flex: none; width: calc(var(--vw) * (0.528 * 100)); padding: calc(var(--vw) * (0.0133 * 100)); }
body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row ul li img { aspect-ratio: 292 / 351; }
body #wrapper .page-contents .contents-footer .inner .all-text { text-align: center; font-size: 1.5rem; margin: 0 0 2rem; }
body #wrapper .page-contents .contents-footer .inner .link-btn { width: 31rem; height: 6.4rem; margin: 0 auto; font-family: var(--font-en); font-size: 2.2rem; }
body #wrapper .page-contents .contents-footer .inner .link-btn a { height: 100%; display: flex; justify-content: center; align-items: center; border: 0.1rem solid var(--primary-color); border-radius: 3.2rem; }

@media screen and (min-width: 768px) { body #wrapper .page-contents .contents-footer .inner .item-slider { display: flex; }
  body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row { display: contents; }
  body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row ul li { width: calc(var(--vw) * (0.2125 * 100)); padding: calc(var(--vw) * (0.0049 * 100)); }
  body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row:nth-child(1) ul:nth-child(1) { order: -2; }
  body #wrapper .page-contents .contents-footer .inner .item-slider .slider-row:nth-child(2) ul:nt-child(1) { order: -1; }
  body #wrapper .page-contents .contents-footer .inner .link-btn { width: 48.2rem; height: 7.4rem; }
  body #wrapper .page-contents .contents-footer .inner .link-btn a { border-radius: 3.7rem; transition: background 0.4s var(--ease) 0s, border-color 0.4s var(--ease) 0s; }
  body #wrapper .page-contents .contents-footer .inner .link-btn a:hover { background: var(--acc-color); border-color: var(--acc-color); } }