@charset "utf-8";

.interviewintro .bodoni,
.interview .bodoni {
  letter-spacing: -.05em;
}



.interviewintro {
  position: relative;
  z-index: 1;
  padding-top: calc(var(--header-height) + 150px);
}
.interviewintro__photo {
  position: absolute;
  z-index: -1;
  inset: 0;
}
.interviewintro__photo img {
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
/* .interviewintro__desc {
} */
.interviewintro__desc__enheading {
  font-size: clamp(60px, calc(80 / 1200 * 100vw), 80px);
  line-height: 1.5 !important;
  line-height: 1.5cap !important;
}
.interviewintro__desc__enheading span {
  display: inline-block;
}
.interviewintro__desc__enheading span::first-letter {
  font-size: 170%;
  line-height: 1cap;
}
.interviewintro__desc__heading {
  font-size: clamp(42px, calc(66 / 1200 * 100vw), 66px);
  line-height: 1.5;
  --margin-top: 120px;
}
.interviewintro__desc__subheading {
  font-size: clamp(21px, calc(41 / 1200 * 100vw), 41px);
  line-height: 1.5;
  --margin-top: 60px;
}
.interviewintro__desc__subheading span {
  display: inline-flex;
  align-items: center;
}
.interviewintro__desc__subheading span:nth-of-type(1)::before {
  content: "";
  display: block;
  width: calc(85 / 41 * 1em);
  height: 1px;
  margin-right: .5em;
  background: currentColor;
}
.interviewintro__desc__subheading span:nth-of-type(2)::after {
  content: "";
  display: block;
  width: calc(85 / 41 * 1em);
  height: 1px;
  margin-left: .5em;
  background: currentColor;
}
.interviewintro__desc__copy {
  font-size: clamp(15px, calc(25 / 1200 * 100vw), 25px);
  line-height: 2.4;
  --margin-top: 100px;
}
.interviewintro__profile {
  position: relative;
  z-index: 1;
  margin-top: clamp(165px, calc(265 / 1200 * 100vw), 265px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 0 calc(90 / 1320 * 100%);
}
.interviewintro__profile__item {
  grid-template-columns: 100%;
  grid-template-rows: subgrid;
  grid-row: span 6;
}
/* .interviewintro__profile__item__photo {
} */
.interviewintro__profile__item__category {
  font-size: clamp(25px, calc(45 / 1200 * 100vw), 45px);
  line-height: 1.5 !important;
  line-height: 1.5cap !important;
  --margin-top: 25px;
}
.interviewintro__profile__item__category span {
  display: inline-block;
}
.interviewintro__profile__item__company {
  font-size: clamp(15px, calc(21 / 1200 * 100vw), 21px);
  line-height: 1.4;
  --margin-top: 45px;
}
.interviewintro__profile__item__position {
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 1.4;
  --margin-top: 15px;
}
.interviewintro__profile__item__name {
  font-size: clamp(26px, calc(36 / 1200 * 100vw), 36px);
  --margin-top: 30px;
}
.interviewintro__profile__item__copy {
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 1.5;
  --margin-top: 25px;
}
.interviewintro__enheading {
  font-size: calc(170 / 1920 * 100vw);
  translate: 0 .025em;
}
.interviewintro__enheading::first-letter {
  font-size: 170%;
  line-height: 1cap;
}
@media screen and (max-width: 480px){
  .interviewintro {
    padding-top: calc(var(--header-height) + 50px);
  }
  .interviewintro__desc__enheading {
    font-size: 46px;
    line-height: 1.535714286 !important;
    line-height: 1.535714286cap !important;
  }
  .interviewintro__desc__heading {
    font-size: 33px;
    line-height: 1.636363636;
    --margin-top: 50px;
  }
  .interviewintro__desc__subheading {
    font-size: 22px;
    line-height: 1.727272727;
    --margin-top: 40px;
  }
  .interviewintro__desc__subheading span:nth-of-type(1)::before {
    width: calc(44 / 22 * 1em);
  }
  .interviewintro__desc__subheading span:nth-of-type(2)::after {
    width: calc(44 / 22 * 1em);
  }
  .interviewintro__desc__copy {
    font-size: 14px;
    line-height: 1.714285714;
    --margin-top: 50px;
    letter-spacing: -.025em;
    color: #333;
  }
  .interviewintro__profile {
    margin-top: 50px;
    grid-template-columns: 100%;
    gap: 35px 0;
  }
  .interviewintro__profile__item {
    grid-template-columns: 140px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto auto auto auto;
    grid-row: initial;
  }
  .interviewintro__profile__item__photo {
    grid-column: 1 / 2;
    grid-row: 1 / 6;
    margin-right: 10px;
  }
  .interviewintro__profile__item__category {
    font-size: 26px;
    line-height: 1.2 !important;
    line-height: 1.2cap !important;
    --margin-top: 0;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .interviewintro__profile__item__company {
    font-size: 12px;
    line-height: 1.333333333;
    --margin-top: 16px;
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }
  .interviewintro__profile__item__position {
    font-size: 12px;
    line-height: 1.333333333;
    --margin-top: 4px;
    grid-column: 2 / 3;
    grid-row: 4 / 5;
  }
  .interviewintro__profile__item__name {
    font-size: 23px;
    --margin-top: 8px;
    grid-column: 2 / 3;
    grid-row: 5 / 6;
  }
  .interviewintro__profile__item__copy {
    font-size: 12px;
    line-height: 1.666666667;
    --margin-top: 15px;
    grid-column: 1 / 3;
    grid-row: 6 / 7;
  }
  .interviewintro__enheading {
    font-size: 60px;
    text-align: center;
    white-space: nowrap;
    margin-top: .2em;
  }
}



/* .interview {
}
.interview__content {
} */
.interview__content__tab {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* border-bottom: 30px solid #000; */

  margin-top: 100px;
  border-bottom: 1px solid #dcdcdc;
}
.interview__content__tab__item {
  grid-template-columns: 100%;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: start;
  align-items: start;
  gap: 20px 0;
  box-sizing: border-box;
  /* padding-block: 30px 15px; */
  text-align: left;
  /* background: #BEBEBE;
  transition: background .4s; */

  position: relative;
  z-index: 1;
  padding-block: 30px;
}
/* .interview__content__tab__item[aria-selected="true"] {
  background: #000;
} */
.interview__content__tab__item--vol1 {
  padding-inline: max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(70px, calc(70 / 1920 * 100vw));
}
.interview__content__tab__item--vol2 {
  padding-inline: min(70px, calc(70 / 1920 * 100vw)) max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px));

  position: relative;
  z-index: 1;
  /* pointer-events: none; */
}
.interview__content__tab__item--vol1[aria-selected="true"] {
  background: linear-gradient(0deg, #000, #000) no-repeat bottom right/min(660px, 100%) 3px;
}
.interview__content__tab__item--vol2[aria-selected="true"] {
  background: linear-gradient(0deg, #000, #000) no-repeat bottom left/min(660px, 100%) 3px;
}
/* .interview__content__tab__item--vol2::before {
  content: "COMING SOON";
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  place-items: center;
  margin-block: 20px;
  font-size: clamp(20px, calc(30 / 1200 * 100vw), 30px);
  font-family: "Bodoni Moda", serif;
  color: #fff;
  background: rgba(0, 0, 0, .5);
} */
.interview__content__tab__item::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  translate: -100% -50%;
  width: 20px;
  height: 20px;
  background: currentColor;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  transition: rotate .4s;
}
.interview__content__tab__item--vol1::before {
  left: calc(100% - 10px);
}
.interview__content__tab__item--vol2::before {
  left: min(calc(660px - 10px), calc(100% - 10px));
}
.interview__content__tab__item[aria-selected="true"]::before {
  rotate: 90deg;
}
.interview__content__tab__item__vol {
  font-size: clamp(40px, calc(60 / 1200 * 100vw), 60px);

  color: #333;
  position: relative;
  z-index: 1;
}
.interview__content__tab__item__vol em {
  font-size: 150%;
  line-height: 1cap;
}
/* .interview__content__tab__item--vol2 .interview__content__tab__item__vol::after {
  content: "共用部パースを先行公開中";
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0;
  translate: 0 -20px;
  width: fit-content;
  box-sizing: border-box;
  padding: calc(.25em - 5px) .5em calc(.25em + 5px);
  font-size: 40%;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(90deg, #9c3256, rgb(var(--color-red)));
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% + 5px) calc(100% - 10px), 50% 100%, calc(50% - 5px) calc(100% - 10px), 0% calc(100% - 10px));
} */
.interview__content__tab__item__name {
  font-size: clamp(26px, calc(46 / 1400 * 100vw), 46px);
  line-height: 1.4 !important;
  line-height: 1.4cap !important;

  color: #333;
}
/* .interview__content__tabpanel {
}
.interview__content__tabpanel__item {
}
.interview__content__tabpanel__item__group {
} */
.interview__content__tabpanel__item__group__enheading {
  grid-area: enheading;
  font-size: calc(180 / 1920 * 100vw);
  color: #000;
}
.interview__content__tabpanel__item__group__enheading::first-letter,
.interview__content__tabpanel__item__group__enheading span::first-letter {
  font-size: 170%;
  line-height: 1cap;
}
.interview__content__tabpanel__item__group__enheading span {
  display: inline-block;
}
.interview__content__tabpanel__item__group__heading {
  grid-area: heading;
  font-size: clamp(20px, calc(40 / 1200 * 100vw), 40px);
  line-height: 1.5;
  margin-right: -1em;
}
.interview__content__tabpanel__item__group__desc {
  grid-area: desc;
}
.interview__content__tabpanel__item__group__desc--1 {
  grid-area: desc1;
}
.interview__content__tabpanel__item__group__desc--2 {
  grid-area: desc2;
}
.interview__content__tabpanel__item__group__desc__copy {
  font-size: clamp(12px, calc(18 / 1200 * 100vw), 18px);
  letter-spacing: -.05em;
  line-height: 2;
}
.interview__content__tabpanel__item__group__desc__copy em {
  margin-right: 1em;
}
.interview__content__tabpanel__item__group__desc__copy em.torii {
  color: #948232;
}
.interview__content__tabpanel__item__group__desc__copy em.fujimori {
  color: #13214d;
}
.interview__content__tabpanel__item__group__desc__copy em.odajima {
  color: #5a1629;
}
.interview__content__tabpanel__item__group__desc__copy .line {
  background: linear-gradient(0deg, #FFF89F, #FFF89F) no-repeat top calc(50% + .25em) left 0 / 100% .5em;
}
.interview__content__tabpanel__item__group__photo {
  grid-area: photo;
}
.interview__content__tabpanel__item__group__photo--1 {
  grid-area: photo1;
}
.interview__content__tabpanel__item__group__photo--2 {
  grid-area: photo2;
}
.interview__content__tabpanel__item__group__photo--3 {
  grid-area: photo3;
}
.interview__content__tabpanel__item__group__photo__heading {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  padding: .35em;
  font-size: calc(80 / 1920 * 100vw);
}
.interview__content__tabpanel__item__group__photo__heading span {
  display: inline-block;
}
.interview__content__tabpanel__item__group__photo__heading span::first-letter {
  font-size: 170%;
  line-height: 1cap;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--1 {
  /* grid-template: ". . . ." 200px */
  grid-template: ". . . ." 100px
  ". heading . photo2" auto
  ". . . photo2" 70px
  ". desc1 . photo2" auto
  ". . . photo2" 70px
  ". photo1 . photo2" auto
  ". . . photo2" 70px
  ". desc2 . photo2" auto
  ". . . photo2" minmax(35px, 1fr)
  "enheading enheading . photo2" auto
  ". . . ." 100px
  "photo3 photo3 photo3 photo3" auto
  / max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(calc(800 / 1320 * 100%), 800px) min(calc(50 / 1320 * 100%), 50px) minmax(0, 1fr);
  align-items: start;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__enheading {
  text-align: center;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 {
  grid-template: ". . . . . ." 100px
  /* "photo1 photo1 . heading heading ." auto */
  /* "photo1 photo1 . . . ." 70px */
  /* "photo1 photo1 . desc1 desc1 ." auto */
  /* "photo1 photo1 . photo2 photo2 photo2" auto */
  ". heading heading heading heading ." auto
  ". . . . . ." 70px
  ". desc1 desc1 desc1 . ." auto
  ". . . photo2 photo2 photo2" minmax(30px, 1fr)
  ". . . . . ." 30px
  ". desc2 desc2 desc2 enheading enheading" auto
  ". . . . . ." 100px
  "photo3 photo3 photo3 photo3 photo3 photo3" auto
  / max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(calc(470 / 1320 * 100%), 470px) min(calc(50 / 1320 * 100%), 50px) min(calc(280 / 1320 * 100%), 280px) minmax(0, 1fr) max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px));
  align-items: start;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__enheading {
  text-align: center;
  align-self: end;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__enheading::first-letter {
  letter-spacing: -.2em;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__photo--2 {
  position: relative;
  z-index: -1;
  /* margin-top: -5%; */
  margin-top: -30%;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__photo--2 img {
  width: calc(1650 / 1400 * 100%);
  max-width: none;
  margin-left: calc(250 / 1400 * -100%);
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 {
  grid-template: ". . . . . ." 100px
  ". heading . . photo1 ." auto
  ". . . . photo1 ." 70px
  ". desc1 . . photo1 ." auto
  "photo2 photo2 photo2 photo2 photo2 photo2" auto
  ". . . . . ." 100px
  ". photo3 . desc2 desc2 ." auto
  ". . . . . ." 120px
  / max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(calc(800 / 1320 * 100%), 800px) min(calc(20 / 1320 * 100%), 20px) min(calc(80 / 1320 * 100%), 80px) minmax(0, 1fr) max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px));
  align-items: start;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__enheading {
  grid-column: 1 / 7;
  grid-row: 5 / 6;
  align-self: end;
  display: flex;
  flex-direction: column;
  translate: 6.875vw .025em;
  gap: calc(32 / 180 * 1em) 0;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__enheading span + span {
  margin-left: 1em;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--1 .p-caption:not(.w) {
  left: 0;
  right: auto;
  padding-inline: 0;
  translate: 0 100%;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--2 {
  position: relative;
  z-index: -1;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--3 {
  align-self: center;
}
.interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--3 img {
  width: calc(779 / 800 * 100%);
}
.interview__content__tabpanel__item__pre {
  margin-top: 200px;
  box-sizing: border-box;
  padding: 70px min(calc(70 / 1320 * 100%), 70px);
  background: rgba(var(--color-red), .05);
}
.interview__content__tabpanel__item__pre__heading {
  font-size: clamp(20px, calc(40 / 1200 * 100vw), 40px);
  line-height: 1.5;
}
.interview__content__tabpanel__item__pre__photo {
  margin-block: 70px;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 {
  grid-template: ". . . ." 100px
  ". concept concept concept" auto
  ". . . ." 100px
  ". heading . photo1" auto
  ". . . photo1" 70px
  ". desc1 . photo1" auto
  ". . . photo1" 54px
  ". desc2 . photo1" auto
  ". . . photo1" 130px
  "photo2 photo2 . photo1" auto
  "photo2 photo2 . ." minmax(40px, 1fr)
  "photo2 photo2 . enheading" 1fr
  / max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(calc(800 / 1320 * 100%), 800px) min(calc(50 / 1320 * 100%), 50px) minmax(0, 1fr);
  align-items: start;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept {
  grid-area: concept;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
  gap: 25px;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__enheading {
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
  gap: 0 calc(36 / 118 * 1em);
  font-size: clamp(78px, calc(118 / 1920 * 100vw), 118px);
  letter-spacing: 0;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__enheading small {
  font-size: calc(72 / 118 * 100%);
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__jaheading {
  font-size: clamp(29px, calc(49 / 1920 * 100vw), 49px);
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__enheading {
  align-self: end;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__photo--2 {
  align-self: end;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__photo--2 .interview__content__tabpanel__item__group__photo__heading {
  bottom: 0;
  left: 0;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--2 {
  grid-template: ". . . ." 100px
  "photo1 . heading ." auto
  "photo1 . . ." 70px
  "photo1 . desc1 ." auto
  "photo1 . . ." 54px
  "photo1 . desc2 ." auto
  ". . . ." 100px
  / minmax(0, 1fr) min(calc(50 / 1320 * 100%), 50px) min(calc(800 / 1320 * 100%), 800px) max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px));
  align-items: start;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--3 {
  grid-template: "photo1 photo1 photo1 photo1" auto
  ". . . ." 100px
  ". heading . photo2" auto
  ". . . photo2" 70px
  ". desc1 . photo2" auto
  ". . . photo2" 54px
  ". desc2 . photo2" auto
  ". . . ." 100px
  / max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(calc(800 / 1320 * 100%), 800px) min(calc(50 / 1320 * 100%), 50px) minmax(0, 1fr);
  align-items: start;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--1 .interview__content__tabpanel__item__group__photo__heading {
  top: 0;
  right: 0;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--4 {
  grid-template: "photo1" auto / 100%;
  align-items: start;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--4 .interview__content__tabpanel__item__group__photo--1 .interview__content__tabpanel__item__group__photo__heading {
  top: 0;
  left: 0;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 {
  grid-template-columns: max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) minmax(0, 1fr) max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px));
  grid-template-rows: auto 1fr;
  align-items: start;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messageheading {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 2;
  padding-top: 110px;
  align-items: baseline;
  gap: 40px 50px;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messageheading__en {
  font-size: clamp(60px, calc(100 / 1200 * 100vw), 100px);
  letter-spacing: 0;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messageheading__ja {
  font-size: clamp(30px, calc(50 / 1200 * 100vw), 50px);
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messagecopy {
  grid-column: 2;
  grid-row: 2;
  position: relative;
  z-index: 2;
  font-size: clamp(15px, calc(25 / 1200 * 100vw), 25px);
  line-height: 2.4;
  --margin-top: 70px;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__photo--1 {
  grid-column: 1 / 4;
  grid-row: 1 / 3;
  position: relative;
  z-index: 1;
}
.interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__photo--1 img {
  min-height: 1200px;
  aspect-ratio: 1920 / 1564;
  object-fit: cover;
  object-position: bottom center;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__enheading {
    grid-column: 3 / 6;
    grid-row: 8 / 9;
    text-align: right;
    margin-top: calc(1.7em + 100px);
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__desc--2 {
    grid-column: 2 / 6;
  }
}
@media screen and (min-width: 481px) and (max-width: 1200px) {
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--1 {
    grid-template: ". . . . ." 100px
    ". heading heading heading ." auto
    ". . . . ." 70px
    ". desc1 . photo2 photo2" auto
    ". . . photo2 photo2" 70px
    ". photo1 . photo2 photo2" 1fr
    ". . . photo2 photo2" 70px
    ". desc2 . photo2 photo2" auto
    ". . . . ." 70px
    ". enheading enheading enheading ." auto
    ". . . . ." 30px
    "photo3 photo3 photo3 photo3 photo3" auto
    / calc(var(--window-half-width) * .05) 48% 30px minmax(0, 1fr) calc(var(--window-half-width) * .05);
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__enheading {
    text-align: left;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 {
    grid-template: ". . . . ." 100px
    /* "photo1 photo1 . heading ." auto */
    /* "photo1 photo1 . . ." 70px */
    /* "photo1 photo1 . desc1 ." 1fr */
    ". heading heading heading ." auto
    ". . . . ." 100px
    ". desc1 desc1 desc1 ." auto
    ". . . . ." 70px
    "photo2 photo2 photo2 photo2 photo2" auto
    ". . . . ." 70px
    ". desc2 desc2 desc2 ." auto
    ". . . . ." 70px
    ". enheading enheading enheading ." auto
    ". . . . ." 30px
    "photo3 photo3 photo3 photo3 photo3" auto
    / calc(var(--window-half-width) * .05) minmax(0, 1fr) 30px 60% calc(var(--window-half-width) * .05);
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__photo--2 {
    margin-top: -5%;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__enheading {
    text-align: right;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept {
    grid-template-columns: 100%;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__enheading {
    grid-template-columns: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1500px) {
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 {
    grid-template: ". . . ." 100px
    ". concept concept concept" auto
    ". . . ." 100px
    ". heading . photo1" auto
    ". . . photo1" 70px
    ". desc1 . photo1" auto
    ". . . photo1" 54px
    ". desc2 . photo1" auto
    ". . . photo1" 130px
    "photo2 photo2 . photo1" auto
    "photo2 photo2 . ." minmax(40px, 1fr)
    ". . . ." 100px
    "enheading enheading enheading enheading" auto
    / max(calc(var(--window-half-width) * .05), calc(var(--window-half-width) - 660px)) min(calc(800 / 1320 * 100%), 800px) min(calc(50 / 1320 * 100%), 50px) minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__enheading {
    justify-self: end;
    box-sizing: border-box;
    padding-inline: 2.5vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__photo--1 img {
    min-height: 740px;
    aspect-ratio: 380 / 520;
  }
}
@media screen and (max-width: 480px){
  .interview__content__tab {
    /* border-bottom: 10px solid #000; */

    margin-top: 80px;
  }
  .interview__content__tab__item {
    gap: 8px 0;
    padding-block: 12px 10px;
  }
  .interview__content__tab__item--vol1 {
    padding-inline: 40px 16px;
  }
  .interview__content__tab__item--vol2 {
    padding-inline: 16px 40px;
  }
  .interview__content__tab__item--vol1[aria-selected="true"] {
    background-size: calc(100% - 40px) 3px;
  }
  .interview__content__tab__item--vol2[aria-selected="true"] {
    background-size: calc(100% - 40px) 3px;
  }
  .interview__content__tab__item::before {
    width: 10px;
    height: 10px;
    background: currentColor;
  }
  .interview__content__tab__item--vol2::before {
    left: calc(100% - 50px);
  }
  .interview__content__tab__item__vol {
    font-size: 30px;
  }
  /* .interview__content__tab__item--vol2 .interview__content__tab__item__vol::after {
    translate: 0 -10px;
  } */
  .interview__content__tab__item__name {
    font-size: 16px;
    line-height: 1.2 !important;
    line-height: 1.2cap !important;
  }
  .interview__content__tabpanel__item__group__enheading {
    font-size: 55px;
  }
  .interview__content__tabpanel__item__group__heading {
    font-size: 23px;
    line-height: 1.739130435;
    margin-right: -.5em;
    box-sizing: border-box;
    padding-left: 25px;
    background: linear-gradient(0deg, #000, #000) no-repeat center left/10px calc(100% + var(--leading-trim) + var(--leading-trim));
  }
  .interview__content__tabpanel__item__group__desc__copy {
    font-size: 14px;
  }
  .interview__content__tabpanel__item__group__photo__heading {
    padding: .5em;
    font-size: 23px;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--1 {
    grid-template: ". . ." 50px
    ". heading ." auto
    ". . ." 40px
    ". desc1 ." auto
    ". . ." 40px
    ". photo1 ." auto
    ". . ." 40px
    ". desc2 ." auto
    ". . ." 40px
    "photo2 photo2 ." auto
    ". . ." 35px
    "enheading enheading enheading" auto
    ". . ." 35px
    ". photo3 photo3" auto
    / minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 {
    grid-template: ". . ." 50px
    ". heading ." auto
    ". . ." 40px
    ". desc1 ." auto
    /* ". . ." 40px */
    /* ". photo1 ." auto */
    ". . ." 30px
    ". enheading ." auto
    "photo2 photo2 photo2" auto
    ". . ." 15px
    ". desc2 ." auto
    ". . ." 40px
    "photo3 photo3 photo3" auto
    / minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__enheading {
    text-align: left;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__photo--2 {
    margin-top: -8%;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--2 .interview__content__tabpanel__item__group__photo--2 img {
    width: 100%;
    margin-left: 0;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 {
    grid-template: ". . ." 50px
    ". heading ." auto
    ". . ." 40px
    ". desc1 ." auto
    ". . ." 40px
    ". photo1 ." auto
    ". . ." 30px
    "photo2 photo2 photo2" auto
    ". enheading ." auto
    ". . ." 40px
    ". desc2 ." auto
    ". . ." 30px
    "photo3 photo3 photo3" auto
    ". . ." 80px
    / minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__enheading {
    grid-area: enheading;
    translate: -.25em;
    margin-top: -70px;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--1 .p-caption:not(.w) {
    left: auto;
    right: 0;
  }
  .interview__content__tabpanel__item--vol1 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--3 img {
    width: 100%;
  }
  .interview__content__tabpanel__item__pre {
    margin-top: 50px;
    padding: 40px 20px 30px;
  }
  .interview__content__tabpanel__item__pre__heading {
    font-size: 19px;
    margin-inline: -1em;
  }
  .interview__content__tabpanel__item__pre__photo {
    margin-block: 30px;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 {
    grid-template: ". . ." 50px
    ". concept ." auto
    ". . ." 40px
    ". heading ." auto
    ". . ." 40px
    ". desc1 ." auto
    ". . ." 40px
    ". photo1 ." auto
    ". . ." 40px
    ". desc2 ." auto
    ". . ." 30px
    ". enheading ." auto
    ". . ." 10px
    "photo2 photo2 photo2" auto
    / minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept {
    grid-template-columns: 100%;
    align-items: start;
    gap: 0;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__enheading {
    grid-template-columns: 100%;
    align-items: baseline;
    gap: .25em calc(15 / 48 * 1em);
    font-size: 48px;
    letter-spacing: -.05em;
    grid-column: 1;
    grid-row: 1;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__enheading small {
    font-size: calc(33 / 48 * 100%);
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__concept__jaheading {
    font-size: 20px;
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    align-self: end;
    padding-bottom: .5em;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__photo--1 {
    width: 240px;
    margin-inline: auto;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__enheading {
    align-self: start;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--1 .interview__content__tabpanel__item__group__photo--2 {
    align-self: start;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--2 {
    grid-template: ". . ." 30px
    ". heading ." auto
    ". . ." 40px
    ". desc1 ." auto
    ". . ." 30px
    "photo1 photo1 photo1" auto
    ". . ." 30px
    ". desc2 ." auto
    ". . ." 30px
    / minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--3 {
    grid-template: "photo1 photo1 photo1" auto
    ". . ." 50px
    ". heading ." auto
    ". . ." 40px
    ". desc1 ." auto
    ". . ." 40px
    ". photo2 ." auto
    ". . ." 40px
    ". desc2 ." auto
    ". . ." 30px
    / minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--3 .interview__content__tabpanel__item__group__photo--2 {
    width: 240px;
    margin-inline: auto;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 {
    grid-template-columns: minmax(0, 1fr) 320px minmax(0, 1fr);
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messageheading {
    padding-top: 30px;
    gap: 20px 0;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messageheading__en {
    font-size: 41px;
    width: 100%;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messageheading__ja {
    font-size: 21px;
    width: 100%;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__messagecopy {
    font-size: 14px;
    line-height: 2;
    --margin-top: 30px;
    letter-spacing: -.05em;
  }
  .interview__content__tabpanel__item--vol2 .interview__content__tabpanel__item__group--5 .interview__content__tabpanel__item__group__photo--1 img {
    min-height: 0;
    aspect-ratio: initial;
  }
}