@charset "UTF-8";
/* ===================================================================
CSS information

file name  : interview.css
author     : Abilive
style info : 社員インタビュー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-intro {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .p-intro {
    padding: calc(100 / var(--tsuruga-parent-font-size) * 1rem) 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    padding: calc(80 / var(--tsuruga-parent-font-size) * 1rem) 0;
  }
}
.p-intro:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(200 / 1920 * 100%);
  height: 100%;
  aspect-ratio: 200 / 838;
  background: repeat-y top center / contain;
  z-index: 1;
}
.p-intro:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: calc(281 / var(--tsuruga-parent-font-size) * 1rem);
  width: calc(360 / 1920 * 100%);
  aspect-ratio: 360 / 545;
  background: no-repeat center top/cover;
  z-index: 1;
}
.p-intro:not(.js-inview):before, .p-intro.js-inview.is-inview:before {
  background-image: url(../../company/images/pattern_ainu_gray.webp);
}
.p-intro:not(.js-inview):after, .p-intro.js-inview.is-inview:after {
  background-image: url("../images/home/deco_concept.png");
}
.p-intro__inner {
  position: relative;
  z-index: 2;
}
.p-intro__inner__txt {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
}
@media only screen and (max-width: 767px) {
  .p-intro__inner__txt {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
.p-intro__inner__txt .c-catch {
  position: relative;
  margin-top: calc(16 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-intro__inner__txt .c-catch:after {
  content: "";
  display: block;
  margin-inline: auto;
  width: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  height: calc(19 / var(--tsuruga-parent-font-size) * 1rem);
  background: no-repeat top center;
}
@media only screen and (min-width: 768px) {
  .p-intro__inner__txt .c-catch:after {
    margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__inner__txt .c-catch:after {
    margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-intro__inner__txt .c-catch:not(.js-inview):after, .p-intro__inner__txt .c-catch.js-inview.is-inview:after {
  background-image: url(../../company/images/line.svg);
}
.p-intro__inner__txt .txt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-intro__inner__txt .txt p {
    text-align: center;
  }
}
.p-intro__inner__movie {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 800px;
  margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-intro__inner__movie {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__inner__movie {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-5);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__inner__movie {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
.p-intro__inner__movie .image {
  position: absolute;
  top: calc(-80 / var(--tsuruga-parent-font-size) * 1rem);
  right: calc(-172 / var(--tsuruga-parent-font-size) * 1rem);
  width: calc(223 / 800 * 100%);
}
.p-intro__inner__movie .box_movie {
  width: 100%;
  height: calc(450 / var(--tsuruga-parent-font-size) * 1rem);
  border-radius: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  overflow: hidden;
}
.p-intro__inner__movie .box_movie video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .p-list {
    padding: calc(80 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(120 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-list {
    padding: calc(60 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list .inner {
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 960px;
}
@media only screen and (min-width: 1025px) {
  .p-list .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-list .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-list .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
.p-list .c-catch {
  margin-bottom: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  text-align: center;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .p-list .c-catch {
    margin-bottom: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list__item + .p-list__item {
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-list__item + .p-list__item {
    margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list__title button {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  transition: color .3s ease-in-out;
  width: 100%;
  padding: calc(16 / var(--tsuruga-parent-font-size) * 1rem) calc(20 / var(--tsuruga-parent-font-size) * 1rem) calc(16 / var(--tsuruga-parent-font-size) * 1rem) calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  border-radius: 3px;
  background: #FFF;
  font-weight: 500;
  line-height: 1.4;
  font-size: calc(100% * (18 / 16));
}
.p-list__title button:has(.image) {
  grid-template-columns: calc(180 / 910 * 100%) 1fr auto;
}
@media only screen and (max-width: 767px) {
  .p-list__title button:has(.image) {
    grid-template-columns: calc(120 / 390 * 100%) 1fr auto;
    column-gap: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
    padding: calc(16 / var(--tsuruga-parent-font-size) * 1rem) calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list__title button .image {
  overflow: hidden;
  aspect-ratio: 3 / 2;
}
.p-list__title button .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 3px;
}
.p-list__title button svg {
  width: calc(26 / var(--tsuruga-parent-font-size) * 1rem);
  height: calc(26 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-list__title button:hover, .p-list__title button[aria-expanded="true"] {
  color: #2E6898;
}
.p-list__title button:hover svg, .p-list__title button[aria-expanded="true"] svg {
  transition: fill .3s ease-in-out;
  fill: #2E6898;
}
.p-list__content {
  display: flex;
  flex-direction: column;
  row-gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-list__content:not(.accordion_disabled) {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.5s, height 0.5s;
  visibility: hidden;
}
.p-list__content .text {
  padding-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-list__content .c-text-link {
    margin-left: auto;
  }
}

#list_interview {
  background: #F5F7F8;
}

@media only screen and (min-width: 768px) {
  .p-list-link {
    padding: calc(80 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(120 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-list-link {
    padding: calc(60 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list-link .inner {
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 960px;
}
@media only screen and (min-width: 1025px) {
  .p-list-link .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-list-link .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-list-link .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
.p-list-link .c-catch {
  margin-bottom: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  text-align: center;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .p-list-link .c-catch {
    margin-bottom: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list-link__item + .p-list-link__item {
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-list-link__item + .p-list-link__item {
    margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list-link__title a {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  transition: color .3s ease-in-out;
  width: 100%;
  padding: calc(16 / var(--tsuruga-parent-font-size) * 1rem) calc(20 / var(--tsuruga-parent-font-size) * 1rem) calc(16 / var(--tsuruga-parent-font-size) * 1rem) calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  border-radius: 3px;
  background: #F5F7F8;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.4;
  font-size: calc(100% * (18 / 16));
}
.p-list-link__title a:has(.image) {
  grid-template-columns: calc(180 / 910 * 100%) 1fr auto;
}
@media only screen and (max-width: 767px) {
  .p-list-link__title a:has(.image) {
    grid-template-columns: calc(120 / 390 * 100%) 1fr auto;
    column-gap: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
    padding: calc(16 / var(--tsuruga-parent-font-size) * 1rem) calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-list-link__title a .image {
  overflow: hidden;
  aspect-ratio: 3 / 2;
}
.p-list-link__title a .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 3px;
}
.p-list-link__title a svg {
  width: calc(26 / var(--tsuruga-parent-font-size) * 1rem);
  height: calc(26 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-list-link__title a:hover {
  color: #2E6898;
}
.p-list-link__title a:hover svg {
  transition: fill .3s ease-in-out;
  fill: #2E6898;
}

.p-message {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .p-message {
    padding: calc(120 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-message {
    padding: calc(100 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-message:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(360 / 1920 * 100%);
  height: 100%;
  background: repeat top center;
  z-index: -1;
}
.p-message:not(.js-inview):before, .p-message.js-inview.is-inview:before {
  background-image: url(../../company/images/pattern_ainu_gray.webp);
}
.p-message .inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(1680 / 1920 * 100%);
  margin-left: auto;
  background: var(--tsuruga-color-accent);
  border-radius: calc(10 / var(--tsuruga-parent-font-size) * 1rem) 0 0 calc(10 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-message .inner {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .p-message .inner {
    z-index: 0;
    width: 100%;
    flex-wrap: wrap;
    border-radius: 0;
    padding: calc(40 / var(--tsuruga-parent-font-size) * 1rem) 0 calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-message .inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(170 / 1680 * 100%);
  aspect-ratio: 170 / 259;
  opacity: .1;
  background: no-repeat center bottom / cover;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .p-message .inner:after {
    width: calc(360 / 1920 * 100%);
    aspect-ratio: 360 / 545;
    z-index: -1;
  }
}
.p-message .inner:not(.js-inview):after, .p-message .inner.js-inview.is-inview:after {
  background-image: url("../images/home/deco_concept.png");
}
.p-message__txt {
  width: calc(910 / 1680 * 100%);
  background: none;
}
@media only screen and (min-width: 768px) {
  .p-message__txt {
    position: relative;
    z-index: 2;
    padding-inline: calc(60 / 1680 * 100%);
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-message__txt {
    padding-block: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-message__txt {
    width: calc(350 / 390 * 100%);
    margin-inline: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-message__txt .c-title {
    width: 100%;
    padding-left: calc(231 / 910 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-message__txt .c-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(147 / var(--tsuruga-parent-font-size) * 1rem);
    aspect-ratio: 147 / 142;
    margin-left: calc(80 / 646 * 100%);
    margin-bottom: calc(-15 / 646 * 100%);
    background: url("../../interview/images/detail/messages.svg") no-repeat left bottom/contain;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-message__txt .c-title:before {
    width: calc(102 / var(--tsuruga-parent-font-size) * 1rem);
    margin-left: calc(40 / 646 * 100%);
  }
}
.p-message__txt .c-title .carrier {
  color: var(--tsuruga-color-body);
  background: #fff;
  width: fit-content;
  border-radius: 99px;
  padding: 0 calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  line-height: 1.4;
  font-size: calc(100% * (18 / 16));
}
.p-message__txt .c-title .c-title__jp {
  line-height: 1.4;
  --decoration-height: calc(9 / var(--tsuruga-parent-font-size) * 1rem);
  --decoration-vertical-margin: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-message__txt .c-title .c-title__jp .inn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  padding-bottom: var(--decoration-height);
  margin-bottom: var(--decoration-vertical-margin);
}
@media only screen and (min-width: 768px) {
  .p-message__txt .c-title .c-title__jp .inn {
    text-align: left;
  }
}
.p-message__txt .c-title .c-title__jp .inn::after {
  content: "";
  display: block;
  height: var(--decoration-height);
  width: 1000px;
  background: url("../images/common/title2_decoration_white.svg") no-repeat 100% top/auto 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.p-message__txt .c-simple-title {
  margin-top: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 1024px) {
  .p-message__txt .c-simple-title {
    margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-message__txt .c-simple-title .inn {
  line-height: 1.6;
  border-bottom: none;
  display: inline;
  background: linear-gradient(transparent 95%, #fff 0%);
}
.p-message__txt .img_message {
  position: absolute;
  width: calc(147 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-message__txt .img_message {
    top: 0;
    left: 0;
    margin-left: calc(140 / 790 * 100%);
    margin-top: calc(-88 / 790 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-message__txt .img_message {
    width: calc(102 / var(--tsuruga-parent-font-size) * 1rem);
    margin-right: calc(-60 / 600 * 100%);
    margin-top: calc(-10 / 600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-message__txt .img_message {
    bottom: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
    left: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-message__txt .img_message img {
  width: 100%;
}
.p-message__images {
  width: calc(770 / 1680 * 100%);
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-message__images {
    margin-top: calc(-80 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-message__images {
    width: calc(350 / 390 * 100%);
    margin-inline: auto;
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-message__images .c-image {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-message__images .c-image {
    width: calc(450 / 770 * 100%);
    margin-top: calc(-40 / var(--tsuruga-parent-font-size) * 1rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-message__images .c-image img {
    width: 100%;
    aspect-ratio: 450 / 300;
    object-fit: contain;
  }
}
@media only screen and (min-width: 1025px) {
  .p-message#message_cross .p-message__txt .c-title {
    padding-left: calc(200 / 910 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-message#message_cross .p-message__txt .c-title:before {
    margin-left: 0;
    margin-bottom: calc(15 / 646 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-message#message_cross .p-message__txt .c-title .c-title__jp {
    max-width: 780px;
    margin-left: auto;
  }
}

.p-profile {
  margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-profile__person {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 1120px;
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  gap: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-profile__person {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-profile__person {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-profile__person {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-profile__person {
    gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem) calc(10 / 350 * 100%);
  }
}
.p-profile__person .c-person {
  width: calc(250 / 1120 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-profile__person .c-person {
    width: calc(165 / 350 * 100%);
  }
}
.p-profile__person .c-person .c-image {
  width: 100%;
}
.p-profile__person .c-person .c-image img {
  width: 100%;
}
.p-profile__person .c-person .txt {
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-profile__person .c-person .txt {
    margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-profile__person .c-person .txt .career {
  width: fit-content;
  margin-inline: auto;
  color: #fff;
  background: var(--tsuruga-color-body);
  border-radius: 99px;
  padding: 0 calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  line-height: 1.4;
  font-size: calc(100% * (14 / 16));
  transition: background .3s ease-in-out;
}
.p-profile__person .c-person .txt .position {
  line-height: 1.2;
  margin-top: calc(4 / var(--tsuruga-parent-font-size) * 1rem);
  font-size: calc(100% * (20 / 16));
  transition: color .3s ease-in-out;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-profile__person .c-person .txt .position {
    font-size: calc(100% * (18 / 16));
  }
}

.p-interview {
  margin-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-interview {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview .inner {
  display: flex;
  flex-direction: column;
  gap: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .p-interview .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-interview .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview .inner {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview .inner {
    gap: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview .inner > div[class*='p-interview__q'] {
  width: 100%;
}
.p-interview .inner > div[class*='p-interview__q']:has(> .c-title + .c-txt:empty) .c-title {
  width: fit-content;
  margin-inline: auto;
  max-width: 100%;
}
.p-interview .c-title {
  position: relative;
  --decoration-height: calc(9 / var(--tsuruga-parent-font-size) * 1rem);
  --decoration-vertical-margin: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-interview .c-title {
    --decoration-vertical-margin: calc(15 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview .c-title::before {
  content: "";
  display: block;
  width: calc(100% - 1.6em);
  height: calc(1 / var(--tsuruga-parent-font-size) * 1rem);
  background: var(--tsuruga-color-accent);
  position: absolute;
  bottom: calc(7 / var(--tsuruga-parent-font-size) * 1rem);
  left: 50%;
  transform: translateX(-50%);
}
.p-interview .c-title .c-title__en {
  color: var(--tsuruga-color-accent);
}
.p-interview .c-title .c-title__jp {
  position: relative;
  overflow: hidden;
  line-height: 1.4;
  padding-bottom: calc(33 / var(--tsuruga-parent-font-size) * 1rem);
  margin-bottom: var(--decoration-vertical-margin);
  color: var(--tsuruga-color-accent);
}
.p-interview .c-title .c-title__jp::before {
  content: "";
  display: block;
  height: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  width: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(-90deg);
  mask-image: url("../images/common/tilte_decoration_kira.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--tsuruga-color-accent);
}
.p-interview .c-title .c-title__jp::after {
  content: "";
  display: block;
  height: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  width: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(-90deg);
  mask-image: url("../images/common/tilte_decoration_kira.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--tsuruga-color-accent);
}
.p-interview .c-txt {
  line-height: 1.6;
}
.p-interview .c-talk {
  display: flex;
  flex-direction: column;
  gap: calc(18 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-interview .c-talk li {
  display: flex;
  gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-interview .c-talk li i {
  display: block;
  width: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  height: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-interview .c-talk li i {
    width: calc(50 / var(--tsuruga-parent-font-size) * 1rem);
    height: calc(50 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview .c-talk li i.ic_b {
  background: #F5F7F8;
}
.p-interview .c-talk li i.ic_w {
  background: #FFF;
}
.p-interview .c-talk li i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-interview .c-talk li .c-talk__txt {
  flex-grow: 1;
}
.p-interview .c-talk li .c-talk__txt .st {
  margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  color: var(--tsuruga-color-accent);
  line-height: 1.4;
  font-size: calc(100% * (20 / 16));
}
.p-interview .c-talk li .c-talk__txt .c-txt {
  margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-interview .tolkonly {
  max-width: 960px;
  margin-inline: auto;
}
.p-interview__q1 {
  max-width: 1120px;
  margin-inline: auto;
}
.p-interview__q2 {
  display: flex;
  justify-content: flex-end;
  gap: calc(120 / 1440 * 100%);
}
@media only screen and (min-width: 1220px) and (max-width: 1599px) {
  .p-interview__q2 {
    max-width: 1120px;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__q2 {
    flex-direction: column;
    gap: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q2 .box_txt {
  width: calc(500 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1220px) and (max-width: 1599px) {
  .p-interview__q2 .box_txt {
    width: calc(500 / 1120 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__q2 .box_txt {
    width: 100%;
  }
}
.p-interview__q2 .box_img {
  width: calc(660 / 1440 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-interview__q2 .box_img {
    width: 100%;
  }
}
.p-interview__q2 .box_img .c-image {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-interview__q2.txt-r {
    flex-direction: row-reverse;
  }
}
.p-interview__q3 .c-title {
  max-width: 1120px;
  margin-inline: auto;
}
.p-interview__q3 .flexBox {
  display: flex;
  justify-content: flex-end;
  gap: calc(40 / 1440 * 100%);
}
@media only screen and (min-width: 1220px) and (max-width: 1599px) {
  .p-interview__q3 .flexBox {
    max-width: 1120px;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__q3 .flexBox {
    flex-direction: column;
    gap: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q3 .flexBox .box_txt {
  width: calc(580 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1220px) and (max-width: 1599px) {
  .p-interview__q3 .flexBox .box_txt {
    width: calc(580 / 1120 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__q3 .flexBox .box_txt {
    width: 100%;
  }
}
.p-interview__q3 .flexBox .box_txt .c-talk__txt {
  width: calc(100% - 70px);
}
.p-interview__q3 .flexBox .box_img {
  width: calc(660 / 1440 * 100%);
}
@media only screen and (max-width: 767px) {
  .p-interview__q3 .flexBox .box_img {
    width: 100%;
  }
}
.p-interview__q3 .flexBox .box_img .c-image {
  width: 100%;
}
.p-interview__q3 .tolkonly {
  margin-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-interview__q3 .tolkonly {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q3 .tolkonly .c-talk li .c-talk__txt {
  width: calc(100% - 70px);
}
@media only screen and (min-width: 768px) {
  .p-interview__q3.txt-r .flexBox {
    flex-direction: row-reverse;
  }
}
.p-interview__q4 .c-title {
  max-width: 1120px;
  margin-inline: auto;
}
.p-interview__q4 .tolkonly .c-talk li .c-talk__txt {
  width: calc(100% - 70px);
}
.p-interview__q5 {
  max-width: 1120px;
  margin-inline: auto;
}
.p-interview__q5-list {
  display: flex;
  flex-direction: column;
  row-gap: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  margin-top: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-interview__q5-list {
    row-gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
    margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q5-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  column-gap: calc(35 / var(--tsuruga-parent-font-size) * 1rem);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-interview__q5-item {
    column-gap: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q5-item .u-time {
  width: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  padding: calc(4 / var(--tsuruga-parent-font-size) * 1rem) calc(16 / var(--tsuruga-parent-font-size) * 1rem);
  border-radius: 3px;
  background: #F5F7F8;
  text-align: center;
}
.p-interview__q6 {
  max-width: 1120px;
  margin-inline: auto;
}
.p-interview__q6-detail {
  margin-top: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  padding: calc(26 / var(--tsuruga-parent-font-size) * 1rem) calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  border-radius: 8px;
  background: #EDF6FA;
}
@media only screen and (max-width: 767px) {
  .p-interview__q6-detail {
    padding: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q6-detail + .p-interview__q6-detail {
  margin-top: calc(26 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-interview__q6-detail + .p-interview__q6-detail {
    margin-top: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview__q6-detail .c-title--t4:before {
  display: none;
}
.p-interview__q6-detail .c-title--t4 .c-title__jp {
  margin-bottom: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  padding-bottom: 0;
  padding-left: calc(19 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-interview__q6-detail .c-title--t4 .c-title__jp:before {
  top: calc(9 / var(--tsuruga-parent-font-size) * 1rem);
  bottom: auto;
}
.p-interview__q6-detail .c-title--t4 .c-title__jp:after {
  display: none;
}
.p-interview .p-pagination {
  margin-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  margin-bottom: calc(120 / var(--tsuruga-parent-font-size) * 1rem);
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 1120px;
  position: relative;
  --decoration-height: calc(9 / var(--tsuruga-parent-font-size) * 1rem);
  --decoration-vertical-margin: calc(15 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-interview .p-pagination {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-interview .p-pagination {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview .p-pagination {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview .p-pagination {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
    margin-bottom: calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-interview .p-pagination::before {
  content: "";
  display: block;
  width: calc(100% - 1.6em);
  height: calc(1 / var(--tsuruga-parent-font-size) * 1rem);
  background: var(--tsuruga-color-accent);
  position: absolute;
  top: calc(7 / var(--tsuruga-parent-font-size) * 1rem);
  left: 50%;
  transform: translateX(-50%);
}
.p-interview .p-pagination__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: var(--decoration-vertical-margin);
  color: var(--tsuruga-color-accent);
  padding-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  gap: calc(16 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-interview .p-pagination__btn::before {
  content: "";
  display: block;
  height: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  width: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  mask-image: url("../images/common/tilte_decoration_kira.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--tsuruga-color-accent);
}
.p-interview .p-pagination__btn::after {
  content: "";
  display: block;
  height: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  width: calc(14 / var(--tsuruga-parent-font-size) * 1rem);
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-90deg);
  mask-image: url("../images/common/tilte_decoration_kira.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--tsuruga-color-accent);
}
@media only screen and (min-width: 768px) {
  .p-interview .p-pagination__btn .c-text-link.prev .c-text-link__link {
    padding: calc(10 / var(--tsuruga-parent-font-size) * 1rem) calc(12 / var(--tsuruga-parent-font-size) * 1rem) calc(10 / var(--tsuruga-parent-font-size) * 1rem) 0;
  }
}
.p-interview .p-pagination__btn .c-text-link.prev .c-text-link__link svg {
  transform: rotate(-180deg);
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .p-interview .p-pagination__btn .c-btn__link {
    min-width: calc(160 / var(--tsuruga-parent-font-size) * 1rem);
  }
}