@charset "UTF-8";
/* フォント */
/*
A-OTF UD新ゴ Pro↓
font-family: "MFW-UDShinGoPro-Light";
font-family: "MFW-UDShinGoPro-Regular";
font-family: "MFW-UDShinGoPro-Medium";
font-family: "MFW-UDShinGoPro-DeBold";
font-family: "MFW-UDShinGoPro-Bold";
font-family: "MFW-UDShinGoPro-Heavy";
*/
/*
Futura Md BT、Futura Std↓
font-family: "helvetica-lt-pro", sans-serif;
font-weight: 300;
font-weight: 400;
font-weight: 700;
*/

/* -------------------------------------
interview
------------------------------------- */
.inner-955 {
  width: 100%;
  max-width: 955px;
  margin: 0 auto;
}

/* アーカイブ↓ */
.page-title {
  padding-top: clamp(10px, 1.3vw, 32px);
  margin-bottom: clamp(20px, 2.6vw, 30px);
}
.page-title__en {
  margin-bottom: 7px;
}
.page-title__en--sml,
.page-title__en--lrg {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.page-title__en--sml {
  font-size: clamp(21px, 2.73vw, 41px);
  padding-right: clamp(8px, 1.04vw, 13px);
}
.page-title__en--lrg {
  font-size: clamp(43px, 5.59vw, 73px);
}
.page-title__ja {
  font-size: clamp(16px, 1.82vw, 20px);
  font-family: "MFW-UDShinGoPro-Bold";
  line-height: 1;
  letter-spacing: 0.1em;
}
.interview__subText {
  font-size: clamp(16px, 1.82vw, 20px);
  font-family: "MFW-UDShinGoPro-Medium";
  margin-bottom: clamp(37px, 4.81vw, 54px);
  line-height: 2.2;
  letter-spacing: 0.1em;
}
.interview__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 70px 6.2%;
}
.interview__item {
  width: calc(93.8% / 2);
  max-width: 443px;
}
.interview__itemLink {
  display: block;
  transition: all 0.2s;
}
.interview__imgWrap {
  overflow: hidden;
  border-top-left-radius: 0; /* 初期角丸 */
  transition: border-radius 0.2s ease;
}
.interview__itemLink:hover .interview__imgWrap {
  border-top-left-radius: 55px;
}
.interview__itemLink .back-img {
  width: 100%;
  padding-top: 55.7%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.2s ease;
  transform: scale(1) translateY(0);
}
.interview__itemLink:hover .back-img {
  transform: scale(1.05) translateY(7px);
}
.interview__contents {
  color: #fff;
  padding: clamp(15px, 1.95vw, 19px) clamp(20px, 2.6vw, 30px) clamp(25px, 3.25vw, 29px);
  background-color: #2d62b0;
  border-bottom: 1px solid #707070;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-top-left-radius: 0; /* 通常時は0にしておく */
  transition: border-radius 0.2s ease; /* 滑らかに変化させる */
}
.interview__itemLink:hover .interview__contents {
  border-bottom-right-radius: 50px;
}
.interview__text {
  font-size: clamp(16px, 2.08vw, 22px);
  font-family: "MFW-UDShinGoPro-Bold";
  padding-bottom: clamp(9px, 1.17vw, 12px);
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: clamp(5px, 0.65vw, 7px);
  border-bottom: 1px solid #fff;
  line-height: 1.59;
  letter-spacing: 0.05em;
}
.interview__name {
  font-size: clamp(16px, 1.82vw, 20px);
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 700;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 8px;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.interview__detail {
  font-size: clamp(12px, 1.56vw, 13px);
  font-family: "MFW-UDShinGoPro-Medium";
  padding-left: 3px;
  padding-right: 3px;
  line-height: 1.53;
  letter-spacing: 0.01em;
}

/* アーカイブ↑ */

/* シングル↓ */
.interview-single__wrap {
  padding-top: clamp(55px, 7.16vw, 86px);
}
.interview-single__first {
  padding-top: clamp(20px, 2.6vw, 35px);
  position: relative;
}
.interview-single__first::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  max-height: 585px;
  background: url("../imgs/interview/single_bg_img.png") center center / cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.interview-single__title {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: clamp(11px, 1.43vw, 16px);
  margin-bottom: clamp(23px, 2.99vw, 33px);
  border-bottom: 1px solid #505050;
}
.interview-single__title--en,
.interview-single__title--num {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.interview-single__title--en {
  font-size: clamp(21px, 2.73vw, 26px);
  padding-right: 5px;
  letter-spacing: 0.05em;
}
.interview-single__title--num {
  font-size: clamp(37px, 4.81vw, 45px);
  letter-spacing: 0.04em;
}
.interview-single__flex {
  width: calc(100% - 20px);
  max-width: 930px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.interview-single__lft {
  width: 53%;
  max-width: 483px;
  padding-top: clamp(16px, 2.08vw, 26px);
}
.interview-single__subTitle {
  font-size: clamp(21px, 2.73vw, 30px);
  font-family: "MFW-UDShinGoPro-Bold";
  margin-bottom: clamp(30px, 3.9vw, 40px);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.interview-single__name {
  padding-bottom: clamp(3px, 0.39vw, 5px);
  margin-bottom: clamp(5px, 0.65vw, 7px);
  border-bottom: 1px solid #505050;
}
.interview-single__name1,
.interview-single__name2 {
  display: inline-block;
  vertical-align: middle;
}
.interview-single__name1 {
  font-size: clamp(13px, 1.69vw, 14px);
  font-family: "MFW-UDShinGoPro-Regular";
  padding-right: 10px;
  line-height: 1.78;
}
.interview-single__name2 {
  font-size: clamp(22px, 2.86vw, 25px);
  font-family: "MFW-UDShinGoPro-DeBold";
  line-height: 1.32;
  letter-spacing: 0.05em;
}
.interview-single__contents {
  padding-left: 3px;
  padding-right: 3px;
}
.interview-single__contentsItem {
  display: flex;
  flex-wrap: wrap;
}
.interview-single__contentsItem dt,
.interview-single__contentsItem dd {
  font-size: clamp(13px, 1.69vw, 14px);
  font-family: "MFW-UDShinGoPro-Regular";
  line-height: 1.78;
}
.interview-single__contentsItem dt {
  width: 85px;
  display: flex;
  justify-content: space-between;
}
.interview-single__contentsItem dt .element {
  width: 14px;
}
.interview-single__contentsItem dt .text-flex {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 14px);
}
.interview-single__contentsItem dd {
  width: calc(100% - 85px);
  max-width: 390px;
}
.interview-single__rgt {
  width: 45%;
  max-width: 413px;
}
.interview-single__rgt--sp {
  display: none;
}
.interview-single__rgt img {
  width: 100%;
  height: auto;
  display: block;
}

.interview-single__boxWrap {
  padding-top: 162px;
}
.interview-single__box {
  display: flex;
  justify-content: space-between;
}
.interview-single__box:not(:last-child) {
  margin-bottom: clamp(60px, 7.81vw, 100px);
}
.interview-single__box3 {
  margin-bottom: clamp(60px, 7.81vw, 100px);
}
.interview-single__box3:last-child {
  margin-bottom: 0;
}
/* 1個目の box（今まで odd 扱いしていたもの） */
.interview-single__boxWrap > .interview-single__box:nth-child(1) {
  flex-direction: row-reverse;
}

/* 3個目の box（見た目上は even にしたい） */
.interview-single__boxWrap > .interview-single__box:nth-child(3) {
  flex-direction: row;
}

.interview-single__text {
  width: 60%;
  max-width: 559px;
  padding-top: 3px;
}
.interview-single__box:nth-child(odd) .interview-single__text {
  max-width: 564px;
}
.interview-single__boxTitle {
  font-size: clamp(18px, 2.34vw, 23px);
  font-family: "MFW-UDShinGoPro-Bold";
  margin-bottom: clamp(3px, 0.39vw, 7px);
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.interview-single__boxText {
  font-size: clamp(14px, 1.82vw, 16px);
  font-family: "MFW-UDShinGoPro-Regular";
  line-height: 1.87;
}
.interview-single__boxText:not(:last-child) {
  margin-bottom: clamp(30px, 3.9vw, 56px);
}
.interview-single__box3 .interview-single__boxText:not(:last-child) {
  margin-bottom: clamp(20px, 2.6vw, 30px);
}
.interview-single__img {
  width: 37.5%;
  max-width: 351px;
}

.interview-single__boxWrap2 {
  padding-top: clamp(65px, 8.46vw, 115px);
  padding-bottom: clamp(77px, 10.02vw, 127px);
}
.interview-single__box2 {
  align-items: center;
  flex-direction: row-reverse;
}
.interview-single__img2 img {
  border-radius: 10px;
}

.interview-single__advice {
  padding-top: clamp(37px, 4.81vw, 52px);
  padding-bottom: clamp(45px, 5.85vw, 70px);
  margin-bottom: clamp(90px, 11.71vw, 123px);
  background: url("../imgs/interview/advice_bg.png") center center / cover no-repeat;
  border-radius: 10px;
}
.interview-single__adviceFlex {
  width: calc(100% - 40px);
  max-width: 874px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.interview-single__adviceLft {
  width: clamp(285px, 37.1vw, 335px);
}
.interview-single__adviceTitle {
  font-size: clamp(19px, 2.47vw, 23px);
  font-family: "MFW-UDShinGoPro-Bold";
  line-height: 1.73;
  letter-spacing: 0.05em;
}
.interview-single__adviceRgt {
  width: calc(100% - clamp(285px, 37.1vw, 335px));
  max-width: 527px;
}
.interview-single__adviceText {
  font-size: clamp(14px, 1.82vw, 16px);
  font-family: "MFW-UDShinGoPro-Regular";
  line-height: 1.87;
}
.interview-single__adviceText:not(:last-child) {
  margin-bottom: clamp(18px, 2.34vw, 28px);
}

.other {
  padding-top: clamp(56px, 7.29vw, 76px);
  padding-bottom: clamp(60px, 7.81vw, 80px);
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f2f2f2;
}
.other__wrap {
  width: calc(100% - 20px);
  margin: 0 auto;
}
.other__title {
  display: flex;
  align-items: center;
  margin-bottom: clamp(41px, 5.33vw, 56px);
}
.other__title--en {
  font-size: clamp(26px, 3.38vw, 36px);
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 700;
  padding-right: clamp(10px, 1.3vw, 12px);
  margin-right: clamp(10px, 1.3vw, 12px);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
}
.other__title--en::after {
  content: "";
  display: block;
  width: clamp(2px, 0.26vw, 3px);
  height: clamp(34px, 4.42vw, 42px);
  background-color: #2d62b0;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.other__title--ja {
  font-size: clamp(16px, 2.08vw, 18px);
  font-family: "MFW-UDShinGoPro-DeBold";
  line-height: 1.66;
  letter-spacing: 0.1em;
}

.other__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 3.3%;
}
.other__item {
  width: calc(90% / 4);
}
.other__item a {
  display: block;
}
.other__imgWrap {
  overflow: hidden;
  border-radius: 10px;
}
.other__img.back-img {
  width: 100%;
  padding-top: 70%; /* 16:9 の例 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; /* cover でもOK */
  transition: 0.2s;
}
.other__item a:hover .other__img.back-img {
  transform: scale(1.05);
}
.other__name {
  font-size: clamp(14px, 1.82vw, 16px);
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 700;
  padding-top: clamp(5px, 0.65vw, 7px);
  padding-bottom: clamp(2px, 0.26vw, 3px);
  margin-bottom: clamp(3px, 0.39vw, 4px);
  line-height: 1.31;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(112, 112, 112, 0.6);
}
.other__detail {
  font-size: 9px;
  font-family: "MFW-UDShinGoPro-DeBold";
  line-height: 1.66;
}
/* シングル↑ */

@media screen and (max-width: 1440px) {
  .interview__list {
    gap: 5vw 6.2%;
  }
}

@media screen and (max-width: 768px) {
  .page--sp {
    padding: 0;
  }

  /* アーカイブ↓ */
  .interview__list {
    display: block;
  }
  .interview__item {
    width: 100%;
    margin: 0 auto 25px;
  }
  .interview__item:last-child {
    margin-bottom: 0;
  }
  /* アーカイブ↑ */

  /* シングル↓ */
  .interview-single__first {
    padding-top: 0;
  }
  .interview-single__first::before {
    display: none;
  }
  .interview-single__bg {
    padding: 20px 20px 40px;
    background: url("../imgs/interview/single_bg_img_sp.png?20260122") center center / cover no-repeat;
  }
  .interview-single__flex {
    display: block;
  }
  .interview-single__lft {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
  .interview-single__subTitle {
    display: flex;
    justify-content: center;
  }
  .interview-single__rgt {
    width: 100%;
    max-width: 413px;
    margin: 0 auto 20px;
  }
  .interview-single__rgt--pc {
    display: none;
  }
  .interview-single__rgt--sp {
    display: block;
  }
  .interview-single__boxWrap {
    padding-top: 100px;
  }
  .interview-single__box {
    display: block;
  }
  .interview-single__img {
    width: 100%;
    margin: 0 auto 20px;
  }
  .interview-single__text {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
  .interview-single__box:nth-child(odd) .interview-single__text {
    max-width: 100%;
  }
  .interview-single__adviceFlex {
    display: block;
  }
  .interview-single__adviceLft {
    width: 100%;
    margin-bottom: 15px;
  }
  .interview-single__adviceRgt {
    width: 100%;
    max-width: 100%;
  }
  .other__wrap {
    width: 100%;
  }
  .other__list {
    gap: 20px 6.6%;
  }
  .other__item {
    width: calc(93.4% / 2);
  }

  /* シングル↑ */
}