@charset "utf-8";

/* ============================================
   px to rem conversion utility
   Base font-size is 12px (set in sp_archive.css)
   so 1rem = 12px, --px = 1rem / 12 = 1px equivalent

   Liquid layout:
   min(1rem / 12, 100vw / 1280) ensures that
   - at 1280px+  : --px = 1px (fixed)
   - at 768~1280px: --px scales proportionally
   Usage: calc(24 * var(--px)) = 24px at 1280, ~14.4px at 768
   ============================================ */
:root {
  --px: min(calc(1rem / 12), calc(100vw / 1280));
}

.sp-only {
  display: block;

  @media screen and (min-width: 768px) {
    display: none;
  }
}

.pc-only {
  display: none;

  @media screen and (min-width: 768px) {
    display: block;
  }
}

/* ============================================
   Interview Page - Base Styles
   ============================================ */
.interview2 {
  width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans CJK JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #2e2e2e;
  line-height: 1.8;
  overflow: hidden;
  background: #f1f0ea;
}

.interview2 *,
.interview2 *::before,
.interview2 *::after {
  box-sizing: border-box;
}

.interview2 img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.interview2 picture {
  display: block;
}

/* ============================================
   Key Visual (CSS background)
   PC: 1280x592 / SP: 640x753
   ============================================ */
.interview2-kv {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-image: url(../../img/interview/pc/dewo2/interview_mv_pc.jpg);
  background-size: cover;
  background-position: center;
  aspect-ratio: 1280 / 592;
}

.interview2-kv__overlay {
  position: absolute;
  top: calc(134 * var(--px));
  left: calc(75 * var(--px));
  color: #fff;
}

.interview2-kv__label {
  font-size: calc(24 * var(--px));
  letter-spacing: 0.08em;
  margin-bottom: calc(12 * var(--px));
  line-height: calc(50 / 24);
  color: #fff;
  font-weight: 400;
}

.interview2-kv__title {
  font-size: calc(36 * var(--px));
  line-height: calc(54 / 36);
  padding-bottom: calc(20 * var(--px));
  margin-bottom: calc(8 * var(--px));
  letter-spacing: 0.01em;
  color: #fff;
  font-family: "A-OTF A1明朝 Std", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS Mincho", serif;
  font-weight: 100;
  position: relative;
  margin-top: calc(-10 * var(--px));
}

.interview2-kv__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-125 * var(--px));
  width: calc(100% + 125 * var(--px));
  height: 1px;
  background: #fff;
}


/* ============================================
   Intro Section
   ============================================ */
.interview2-intro {
  max-width: calc(630 * var(--px));
  margin: calc(82 * var(--px)) auto calc(110 * var(--px));
  padding: 0 calc(20 * var(--px));
}

.interview2-intro__text {
  font-size: calc(16 * var(--px));
  line-height: calc(28 / 14);
  letter-spacing: 0;
  text-align: justify;
}

/* ============================================
   Section - Common
   ============================================ */
.interview2-section {
  max-width: calc(1080 * var(--px));
  margin: 0 auto calc(80 * var(--px));
  margin-bottom: calc(119 * var(--px));
  padding: 0 calc(40 * var(--px));
}

.interview2-section__heading {
  width: fit-content;
  margin-inline: auto;
  padding-inline: calc(20 * var(--px));
}

.interview2-section__heading p {
  color: #6caecc;
  letter-spacing: calc(1 * var(--px));
  font-size: calc(28 * var(--px));
  font-weight: bold;
  line-height: calc(40 / 28);
  margin-bottom: calc(67 * var(--px));
  text-align: left;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}

.interview2-section__body {
  /* display: flex;
  gap: calc(40 * var(--px));
  align-items: flex-start; */
}

.interview2-section__body--normal {
  display: flex;
  gap: calc(50 * var(--px));
  margin-bottom: calc(30 * var(--px));
}

.interview2-section__body--normal-2 {
  margin-bottom: calc(60 * var(--px));
}

.interview2-section__body--reverse {
  flex-direction: row-reverse;
  display: flex;
  gap: calc(40 * var(--px));
}

.interview2-section__text {
  flex: 1;
  min-width: 0;
  font-size: calc(14 * var(--px));
  line-height: 2.2;
  max-width: calc(656 * var(--px));
  width: 100%;
  /* padding-inline: calc(20 * var(--px)); */
  margin-inline: auto;
}

.interview2-section__text--top {
  margin-bottom: calc(50 * var(--px));
}

/* Question text */
.interview2-section__question {
  font-size: calc(14 * var(--px));
  font-weight: bold;
  line-height: 2;
  margin-bottom: calc(16 * var(--px));
}

.interview2-section__answer {
  font-size: calc(14 * var(--px));
  line-height: 2.2;
  margin-bottom: calc(24 * var(--px));
}

.interview2-section__answer:last-child {
  margin-bottom: 0;
}


/* ============================================
   Section Image Wrappers
   ============================================ */

/* Section1 --life: interview_image01  PC:1000x590 / SP:640x630 */
.interview2-section--life .interview2-section__img-wrapper {
  max-width: calc(1000 * var(--px));
  width: 100%;
  flex-shrink: 0;
  margin-bottom: calc(80 * var(--px));
}

.interview2-section--life .interview2-section__img-wrapper img {
  width: 100%;
  aspect-ratio: 1000 / 590;
  object-fit: contain;
}

/* Section3 --buttons: interview_sumikuro  PC:449x350 / SP:560x410 */
.interview2-section--buttons .interview2-section__img-wrapper {
  max-width: calc(371 * var(--px));
  width: 100%;
  flex-shrink: 0;
}

.interview2-section--buttons .interview2-section__img-wrapper img {
  width: 100%;
  aspect-ratio: 440 / 380;
  object-fit: contain;
}

/* Section4 --philosophy: interview_note  PC:449x349 / SP:560x410 */
.interview2-section--philosophy .interview2-section__img-wrapper {
  max-width: calc(449 * var(--px));
  width: calc(449 * var(--px));
  flex-shrink: 0;
}

.interview2-section--philosophy .interview2-section__img-wrapper img {
  width: 100%;
  aspect-ratio: 449 / 349;
  object-fit: contain;
}

/* Section5 --sketch: interview_sketch  PC:366x452 / SP:481x596 */
.interview2-section__img-wrapper--sketch {
  max-width: calc(366 * var(--px));
  width: calc(366 * var(--px));
  flex-shrink: 0;
}

.interview2-section__img-wrapper--sketch img {
  width: 100%;
  aspect-ratio: 366 / 452;
  object-fit: contain;
}

/* ============================================
   Product Colors Section
   ============================================ */
.interview2-colors {
  max-width: calc(1080 * var(--px));
  margin: 0 auto calc(126 * var(--px));
  padding: 0 calc(40 * var(--px));
}

.interview2-colors__heading {
  width: fit-content;
  margin-inline: auto;
  padding-inline: calc(20 * var(--px));
}

.interview2-colors__heading p {
  color: #6caecc;
  letter-spacing: calc(1 * var(--px));
  font-size: calc(28 * var(--px));
  font-weight: bold;
  line-height: calc(40 / 28);
  margin-bottom: calc(64 * var(--px));
  text-align: left;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}

/* Colors products: interview_server  PC:427x362 / SP:336x398 */
.interview2-colors__products {
  display: flex;
  justify-content: center;
  margin-bottom: calc(50 * var(--px));
}

.interview2-colors__img-wrapper {
  max-width: calc(426 * var(--px));
  width: 100%;
  flex-shrink: 0;
}

.interview2-colors__img-wrapper img {
  width: 100%;
  aspect-ratio: 426 / 363;
  object-fit: contain;
}

/* Colors body */
.interview2-colors__body {
  display: flex;
  gap: calc(73 * var(--px));
  align-items: flex-start;
  margin-bottom: calc(42 * var(--px));
}

.interview2-colors__body--server {
  align-items: center;
}

.interview2-colors__text {
  flex: 1;
  max-width: calc(500 * var(--px));
}

/* Colors body image: interview_image02  PC:450x350 / SP:559x410 */
.interview2-colors__body-img-wrapper {
  max-width: calc(450 * var(--px));
  width: calc(450 * var(--px));
  flex-shrink: 0;
}

.interview2-colors__body-img-wrapper img {
  width: 100%;
  aspect-ratio: 450 / 350;
  object-fit: contain;
}

.interview2-colors__question {
  font-size: calc(14 * var(--px));
  font-weight: bold;
  line-height: 2;
  margin-bottom: calc(16 * var(--px));
}

.interview2-colors__answer {
  font-size: calc(14 * var(--px));
  line-height: 2.2;
  margin-bottom: calc(24 * var(--px));
}

/* ============================================
   Quote / Highlight
   ============================================ */
.interview2-quote {
  text-align: center;
  margin: calc(60 * var(--px)) auto;
  max-width: calc(1000 * var(--px));
  padding: 0 calc(40 * var(--px));
}

.interview2-quote__text {
  font-size: calc(14 * var(--px));
  line-height: 2.2;
  color: #666;
}

/* ============================================
   CTA Section
   ============================================ */
.interview2-cta__heading {
  width: fit-content;
  margin-inline: auto;
  padding-inline: calc(20 * var(--px));
}

.interview2-cta__heading p {
  color: #6caecc;
  letter-spacing: calc(1 * var(--px));
  font-size: calc(28 * var(--px));
  font-weight: bold;
  line-height: calc(40 / 28);
  margin-bottom: calc(50 * var(--px));
  text-align: left;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}

.interview2-cta__question,
.interview2-cta__answer {
  flex: 1;
  min-width: 0;
  font-size: calc(14 * var(--px));
  line-height: 2.2;
  max-width: calc(656 * var(--px));
  width: 100%;
  /* padding-inline: calc(20 * var(--px)); */
  margin-inline: auto;
}
/* CTA Apply Button: PC 578x135 / SP 520x157 */
.interview2-cta__btn-wrapper {
  max-width: calc(578 * var(--px));
  width: 100%;
  margin: 0 auto;
  padding-top: calc(80 * var(--px));
  padding-bottom: calc(106 * var(--px));
}

.interview2-cta__btn-wrapper a {
  display: block;
  transition: opacity 0.3s;
}

.interview2-cta__btn-wrapper a:hover {
  opacity: 0.7;
}

.interview2-cta__btn-wrapper img {
  width: 100%;
  height: auto;
}

/* Question text */
.interview2-cta__question {
  font-size: calc(14 * var(--px));
  font-weight: bold;
  line-height: 2;
  margin-bottom: calc(16 * var(--px));
}

.interview2-cta__answer {
  font-size: calc(14 * var(--px));
  line-height: 2.2;
  margin-bottom: calc(24 * var(--px));
}

/* ============================================
   Profile Section
   ============================================ */
.interview2-profile {
  max-width: calc(774 * var(--px));
  margin: calc(40 * var(--px)) auto;
  padding: calc(60 * var(--px)) calc(60 * var(--px));
  position: relative;
}

.interview2-profile::before,
.interview2-profile::after {
  content: "";
  position: absolute;
  width: calc(90 * var(--px));
  height: calc(90 * var(--px));
  border-color: #b5b5b5;
  border-style: solid;
}

.interview2-profile::before {
  top: calc(10 * var(--px));
  left: calc(-20 * var(--px));
  border-width: 1px 0 0 1px;
}

.interview2-profile::after {
  bottom: calc(36 * var(--px));
  right: calc(-20 * var(--px));
  border-width: 0 1px 1px 0;
}

.interview2-profile__label {
  font-size: calc(12 * var(--px));
  color: #333333;
  margin-bottom: calc(8 * var(--px));
  margin-right: calc(20 * var(--px));
  letter-spacing: 0.1em;
}

.interview2-profile__name {
  font-size: calc(18 * var(--px));
  font-weight: bold;
  margin-bottom: calc(10 * var(--px));
}

.interview2-profile__name-ja {
  font-size: calc(20 * var(--px));
  font-weight: bold;
  margin-right: calc(20 * var(--px));
  letter-spacing: 0.3em;
  color: #333333;
}

.interview2-profile__name-en {
  font-size: calc(13.5 * var(--px));
  color: #333333;
  font-weight: normal;
  font-family: Garamond, serif;
  letter-spacing: 0.2em;
}

.interview2-profile__bio {
  font-size: calc(16 * var(--px));
  line-height: 2;
}

/* ============================================
   Movie Section
   ============================================ */
.interview2-movie {
  max-width: calc(980 * var(--px));
  margin: calc(60 * var(--px)) auto calc(80 * var(--px));
  padding: 0 calc(40 * var(--px));
  text-align: center;
}

.interview2-movie .dewo2-inner{
max-width: 610px;
padding-inline: 0;
}

.dewo2-designer{
  max-width: 689px;
  width: 100%;
}

.interview2-movie__content {
  display: flex;
  align-items: center;
  gap: calc(58 * var(--px));
  margin-bottom: calc(100 * var(--px));
  justify-content: center;
  width: 960px;
}


.interview2-movie__heading {
  font-size: calc(58 * var(--px));
  margin-bottom: calc(4 * var(--px));
  font-family: Roboto, sans-serif;
  color: #6caecc;
  text-align: left;
  font-weight: 300;
}

.interview2-movie__subheading {
  font-size: calc(18 * var(--px));
  color: #222222;
  margin-bottom: calc(8 * var(--px));
  text-align: left;
}

.interview2-movie__description {
  font-size: calc(13 * var(--px));
  margin-bottom: calc(30 * var(--px));
  color: #666;
}

.interview2-movie__player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.interview2-movie__play-btn {
  width: calc(70 * var(--px));
  height: calc(70 * var(--px));
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.interview2-movie__play-btn::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(12 * var(--px)) 0 calc(12 * var(--px)) calc(22 * var(--px));
  border-color: transparent transparent transparent #fff;
  margin-left: calc(4 * var(--px));
}

.interview2-movie__credit {
  font-size: calc(14 * var(--px));
  color: #333333;
  line-height: 2;
  font-weight: 300;
}
.dewo2-designer__box .pc-only{
display: block;
}

.dewo2-designer__box .sp-only{
display: none;
}



/* ============================================
   SP Styles (max-width: 767px)
   ============================================ */
@media screen and (max-width: 767px) {

  /* SP: リキッド解除、固定値に戻す（詳細度を上げて確実に上書き） */
  :root,
  .interview2 {
    --px: calc(100vw / 640);
    margin-top:42px;
  }

  .dewo2-designer__box .pc-only{
display: none;
}

.dewo2-designer__box .sp-only{
display: block;
}

  /* KV */
  .interview2-kv {
    background-image: url(../../img/interview/sp/dewo2/interview_mv_sp.jpg);
    aspect-ratio: 640 / 753;
  }

  .interview2-kv__overlay {
    top: calc(26 * var(--px));
    left: calc(17 * var(--px));
    right: calc(20 * var(--px));
  }

  .interview2-kv__label {
    font-size: calc(25 * var(--px));
    margin-bottom: calc(8 * var(--px));
    line-height: calc(52 / 25);
    letter-spacing: 0.08em;
    position: relative;
  }

   .interview2-kv__label::after{
        content: "";
        position: absolute;
        bottom: calc(25 * var(--px));
        right: calc(-15 * var(--px));
        width: calc(353 * var(--px));
        height: 1px;
        background: #fff;
  }

  .interview2-kv__title {
    font-size: calc(37.5 * var(--px));
    line-height: calc(56 / 37.5);
    margin-bottom: calc(6 * var(--px));
    letter-spacing: -0.01em;
    white-space: nowrap;
    margin-top: 0;
  }

  .interview2-kv__title span{
    letter-spacing: -0.12em;
  }

  .interview2-kv__title::after {
    display: none;
    left: calc(-20 * var(--px));
    width: calc(100% + 20 * var(--px));
  }

  /* Intro */
  .interview2-intro {
    margin: calc(30 * var(--px)) auto;
    margin-top: calc(50 * var(--px));
    margin-bottom: calc(84 * var(--px));
    padding: 0 calc(40 * var(--px));
    max-width: calc(640 * var(--px));
    width: 100%;
    font-size: calc(28 * var(--px));
  }

  .interview2-intro__text {
    font-size: calc(28 * var(--px));
    line-height: calc(50 / 28);
    letter-spacing: 0.03em;
  }

  

  /* Section */
  .interview2-section {
    margin-bottom: calc(79 * var(--px));
    padding: 0 calc(40 * var(--px));
    max-width: calc(640 * var(--px));
    width: 100%;
  }

  .interview2-section__heading {
    font-size: calc(18 * var(--px));
    margin-bottom: calc(30 * var(--px));
    line-height: 1.7;
    padding-inline: 0;
  }

  .interview2-section__heading p,
  .interview2-colors__heading p,
  .interview2-cta__heading p {
    font-size: calc(36 * var(--px));
    line-height: calc(52 / 36);
    font-weight: 400;
    margin-bottom: calc(40 * var(--px));
  }

  .interview2-section__body,
  .interview2-section__body--normal,
  .interview2-section__body--reverse {
    flex-direction: column-reverse;
    gap: calc(64 * var(--px));
    margin-bottom: calc(68 * var(--px));
  }

  .interview2-section__text {
    font-size: calc(13 * var(--px));
  }

  .interview2-section__question {
    font-size: calc(24 * var(--px));
    line-height: calc(42 / 24);
    margin-bottom: calc(44 * var(--px));
  }

  .interview2-section__answer {
    font-size: calc(24 * var(--px));
    line-height: calc(42 / 24);
    margin-bottom: calc(16 * var(--px));
  }

  /* Section image wrappers SP */
  .interview2-section--life .interview2-section__img-wrapper,
  .interview2-section--buttons .interview2-section__img-wrapper {
    width: 100%;
    max-width: 100%;
  }

    .interview2-section--life .interview2-section__img-wrapper{ 
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: calc(67 * var(--px));
    max-width: none;
  }

  .interview2-section--life .interview2-section__img-wrapper img {
    aspect-ratio: 640 / 630;
  }

  .interview2-section--buttons .interview2-section__img-wrapper img {
    aspect-ratio: 560 / 410;
  }

  .interview2-section--philosophy .interview2-section__img-wrapper img {
    aspect-ratio: 560 / 410;
  }

  .interview2-section--buttons .interview2-section__img-wrapper--sketch {
    width: 100%;
    max-width: calc(480 * var(--px));
    margin-inline: auto;  }

  .interview2-section--buttons .interview2-section__img-wrapper--sketch img {
    aspect-ratio: 481 / 596;
  }



  /* Colors */

    .interview2-colors {
    margin-bottom: calc(68 * var(--px));
    padding: 0 calc(40 * var(--px));
    max-width: calc(640 * var(--px));
    width: 100%;
  }

  .interview2-colors__text {
  max-width: calc(640 * var(--px));
}

.interview2-colors__text--top {
 margin-top: calc(31 * var(--px));
}

  .interview2-colors__heading {
    font-size: calc(18 * var(--px));
    margin-bottom: calc(30 * var(--px));
    line-height: 1.7;
    padding-inline: calc(7 * var(--px));
    width: 100%;
  }

  .interview2-colors__img-wrapper {
    max-width: calc(334 * var(--px));
    width:100%;
    margin-top: calc(6 * var(--px));
    margin-left: calc(84 * var(--px));
    ;
  }

  .interview2-colors__img-wrapper img {
    aspect-ratio: 336 / 398;
  }

  .interview2-colors__body {
    flex-direction: column;
    gap: calc(20 * var(--px));
  }

  .interview2-colors__body--reverse {
    flex-direction: column-reverse;
    gap: calc(72 * var(--px));
  }

  .interview2-colors__body-img-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .interview2-colors__body-img-wrapper img {
    aspect-ratio: 559 / 410;
  }

  .interview2-colors__question {
    font-size: calc(24 * var(--px));
    line-height: calc(42 / 24);
    margin-bottom: calc(50 * var(--px));
  }

  .interview2-colors__question--top {
    margin-bottom: calc(42 * var(--px));
  }

  .interview2-colors__answer {
    font-size: calc(24 * var(--px));
    line-height: calc(42 / 24);
    margin-bottom: calc(16 * var(--px));
  }

  .interview2-section__text--top {
  margin-bottom: calc(70 * var(--px));
}

  /* Quote */
  .interview2-quote {
    margin: calc(40 * var(--px)) auto;
    padding: 0 calc(20 * var(--px));
  }

  .interview2-quote__text {
    font-size: calc(13 * var(--px));
  }

  /* CTA */
  .interview2-cta {
    margin-bottom: calc(50 * var(--px));
    padding: 0 calc(40 * var(--px));
    margin: calc(40 * var(--px)) auto;
    max-width: calc(640 * var(--px));
    width: 100%;
  }

  .interview2-cta__question,
  .interview2-cta__answer {
    font-size: calc(24 * var(--px));
    line-height: calc(42 / 24);
    margin-bottom: calc(39 * var(--px));
  }

  .interview2-cta__heading {
    font-size: calc(18 * var(--px));
    margin-bottom: calc(24 * var(--px));
    margin-inline: 0;
    padding-inline: 0;
  }

  .interview2-cta__text {
    font-size: calc(13 * var(--px));
    margin-bottom: calc(24 * var(--px));
  }

  .interview2-cta__btn-wrapper {
    max-width: calc(520 * var(--px));
    margin-top: calc(32 * var(--px));
    padding-bottom: calc(72 * var(--px));
  }

  /* Profile */
  .interview2-profile {
    padding: calc(40 * var(--px));
    margin-inline: auto;
    max-width: calc(640 * var(--px));
  }

  .interview2-profile::before {
  top: calc(-16 * var(--px));
  left: calc(40 * var(--px));
  border-width: 1px 0 0 1px;
}

.interview2-profile::after {
  bottom: 0;
  right: calc(40 * var(--px));
  border-width: 0 1px 1px 0;
}

  .interview2-profile__bio {
    font-size: calc(20 * var(--px));
    line-height: calc(36 / 20);
    max-width: calc(560 * var(--px));
    padding-inline: calc(36 * var(--px));
  }

  .interview2-profile__name {
  font-size: calc(18 * var(--px));
  font-weight: bold;
  margin-bottom: calc(32 * var(--px));
  display: flex;
  flex-direction: column;
  align-items: center;
}

.interview2-profile__label {
  font-size: calc(18 * var(--px));
  margin-bottom: calc(14 * var(--px));
  margin-right: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.interview2-profile__name-ja {
  font-size: calc(27 * var(--px));
  margin-right: 0;
  font-weight: 500;
  letter-spacing: 0.3em;
  margin-bottom: calc(10 * var(--px));
}

.interview2-profile__name-en {
  font-size: calc(17 * var(--px));
  font-weight: bold;
  font-family: Garamond, serif;
  letter-spacing: 0.15em;
}

.interview2-movie__subheading{
  font-size: calc(22 * var(--px));
  
}

  /* Movie */

  .interview2-movie__content{
    margin-inline: auto;
    max-width: calc(560 * var(--px));
    padding-top: calc(106 * var(--px));
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(51 * var(--px));
    margin-bottom: calc(82 * var(--px));
  }
.interview2-movie__header{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
}

  .interview2-movie {
    margin: calc(40 * var(--px)) auto calc(260 * var(--px));
    padding: 0 calc(20 * var(--px));
  }
  
  .interview2-movie__heading {
    font-size: calc(58 * var(--px));
    margin-bottom: calc(36 * var(--px));
    margin-inline: 0;
    padding-inline: 0;
  }

  .interview2-movie__subhead{
    font-size: calc(22 * var(--px));
    margin-bottom: calc(24 * var(--px));
  }

  .interview2-movie__credit{
    font-size: calc(24 * var(--px));
    line-height: 1.7;
}

}

/* ============================================
   FAQ Section (from style.css)
   ============================================ */
.pcNone { display: none !important; }
.spNone { display: block; }

.other {
  width: 1000px;
  margin: 0 auto;
}

.other .title {
  background: #b6b6b6;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  margin: 0 0 20px 0;
  text-align: center;
}

.other #acMenu dt {
  font-size: 16px;
  display: block;
  width: 1000px;
  text-align: left;
  border-bottom: #d9d9d9 1px solid;
  padding: 15px;
  color: #01B3CD;
  cursor: pointer;
}

.other #acMenu dd {
  width: 1000px;
  line-height: 1.6em;
  text-align: left;
  border-bottom: #d9d9d9 1px solid;
  display: none;
  padding: 15px;
  font-size: 13px;
  color: #222222;
}

.other_sp {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 10px;
}

.other_sp .title {
  background: #b6b6b6;
  font-size: 16px;
  color: #fff;
  padding: 5px 0;
  margin: 0;
  text-align: center;
}

.other_sp #acMenu dt {
  font-size: 14px;
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: #d9d9d9 1px solid;
  padding: 15px;
  color: #01B3CD;
  cursor: pointer;
  box-sizing: border-box;
}

.other_sp #acMenu dd {
  width: 100%;
  line-height: 1.6em;
  text-align: left;
  border-bottom: #d9d9d9 1px solid;
  display: none;
  padding: 15px;
  font-size: 12px;
  color: #222222;
}

@media screen and (max-width: 480px) {
  .spNone { display: none !important; }
  .pcNone { display: block !important; }
}

.movie__thumbnail {
  position: relative;
}

.movie__thumb-img {
  display: block;
  width: 100%;
  height: auto;
}

.btn__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 102px;
  height: 102px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  z-index: 2;
}

.btn__play img {
  display: block;
  width: 100%;
  height: auto;
}

.btn__play,
.btn__play img {
  transition: opacity 0.3s ease;
}

.btn__play:hover,
.btn__play:hover img {
  opacity: 0.7;
  background: transparent;
}

/* モーダル */
.pc-movie-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.pc-movie-modal.is-open {
  display: block;
}

.pc-movie-modal__bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.pc-movie-modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(90vw, 1100px);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.pc-movie-modal__video {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
}

.pc-movie-modal__close {
  position: absolute;
  top: -60px;
  right: -30px;
  background: none;
  border: 0;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
}

.btn__play a,
.btn__play img {
  transition: opacity 0.3s ease;
}

.btn__play a:hover,
.btn__play a:hover img {
  opacity: 0.7;
}

.btn__play:hover,
.movie__thumbnail:hover {
  background: transparent;
}

.pc-movie-modal__close:hover{
background: transparent;
}

.pc-movie-modal__close:hover img{
  opacity: 0.7;
}