.m-bodyText {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
}
.m-bodyText.--em-l {
  font-size: var(--font-size-body-em-l);
}
.m-bodyText.--em {
  font-size: var(--font-size-body-em);
}
@media screen and (max-width: 719px) {
  .m-bodyText.--em-sp {
    font-size: var(--font-size-body-em);
  }
}
.m-bodyText.--sub {
  font-size: var(--font-size-body-sub);
}
.m-bodyText.--sub-s {
  font-size: var(--font-size-body-sub-s);
}
.m-bodyText.--annotation {
  font-size: var(--font-size-body-annotation);
}
.m-bodyText.--annotation-l {
  font-size: var(--font-size-body-annotation-l);
}
.m-bodyText.--label {
  line-height: var(--line-height-body-label);
}
.m-bodyText.--label-s {
  font-size: var(--font-size-body-label-s);
  line-height: var(--line-height-body-label);
}
.m-bodyText.--link {
  text-decoration: underline;
}
.m-bodyText.--bold {
  font-weight: var(--font-weight-bold);
}
.m-bodyText.--align-center {
  text-align: center;
}
.m-bodyText.--align-right {
  text-align: right;
}

.p-interview__introSection {
  background-color: var(--color-bg-primary);
  padding: 2rem 2rem;
}
@media screen and (min-width: 720px) {
  .p-interview__introSection {
    padding: 4rem 8rem 2rem;
  }
}
.p-interview__introSection .c-textWithTitle {
  position: relative;
}
.p-interview__introSection .c-textWithTitle::before {
  content: "";
  background: center center/contain url("/assets/img/case/interview/index/intro-title-illust.png") no-repeat;
  display: block;
  width: 4.6rem;
  aspect-ratio: 46/63;
  position: absolute;
  top: 0.5rem;
  right: 0.03rem;
}
@media screen and (min-width: 720px) {
  .p-interview__introSection .c-textWithTitle::before {
    right: 30rem;
  }
}
.p-interview__conditionSection {
  background-color: var(--color-bg-accent-primary-sub);
  padding: 6rem 1.5rem 2rem;
}
@media screen and (min-width: 720px) {
  .p-interview__conditionSection {
    padding: 6rem 23rem 2rem;
  }
}
.p-interview__conditionSection__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.p-interview__conditionSection__button {
  border-radius: 1rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  width: 100%;
}
.p-interview__conditionSection__button:has(+ .p-interview__conditionDropdown.--active) {
  border-radius: 1rem 1rem 0 0;
}
.p-interview__conditionSection__button .inner {
  padding: 0 1.5rem;
  background-color: var(--color-bg-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.p-interview__conditionSection__button .label {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  line-height: var(--line-height-body-label);
  font-weight: var(--font-weight-bold);
  color: var(--color-txt-accent-primary-sub);
  display: inline-block;
  min-width: 9.1rem;
}
.p-interview__conditionSection__button .text {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  line-height: var(--line-height-body-label);
  font-weight: var(--font-weight-bold);
}
.p-interview__conditionSection__button .arrow {
  aspect-ratio: 1/1;
  padding: 0 1.5rem;
  background-color: var(--color-bg-accent-primary-light);
  display: grid;
  place-content: center;
}
.p-interview__conditionSection__dropdownWrapper {
  position: relative;
}
.p-interview__postListSection {
  background-color: var(--color-bg-info-secondary-dark);
  padding: 2rem 1.5rem 4rem;
}
@media screen and (min-width: 720px) {
  .p-interview__postListSection {
    padding: 2rem 8rem 4rem;
  }
}
.p-interview__postListSection__list {
  display: grid;
  gap: 3rem;
}
.p-interview__postListSection__item {
  display: block;
  border-radius: var(--radius-section);
  background-color: var(--color-bg-primary);
  padding: 1.5rem;
}
.p-interview__postListSection__item .grid {
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-width: 720px) {
  .p-interview__postListSection__item .grid {
    grid-template-columns: 33rem 1fr;
    gap: 2rem;
  }
}
.p-interview__postListSection__item .storyTypeWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.p-interview__postListSection__item .storyTypeWrapper::after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: solid 0.1rem var(--color-bd-info-secondary);
}
.p-interview__postListSection__item .termWrapper .m-label {
  border: solid 0.1rem var(--color-bd-info-secondary);
  color: var(--color-txt-info-secondary);
}
.p-interview__conditionDropdown {
  position: absolute;
  display: none;
  border-radius: 0 0 1rem 1rem;
  max-height: 50vh;
  overflow-y: scroll;
}
.p-interview__conditionDropdown.--active {
  display: block;
  z-index: 1000;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: var(--color-bg-primary);
  -webkit-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
}
.p-interview__conditionDropdown input {
  display: none;
}
.p-interview__conditionDropdown input:checked + label {
  color: var(--color-txt-onfill);
  background-color: var(--color-red-50);
}
.p-interview__conditionDropdown label {
  font-size: var(--font-size-body-primary);
  font-weight: var(--font-weight-normal);
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  line-height: var(--line-height-body-label);
  font-weight: var(--font-weight-bold);
  padding: 1rem 0 1rem 12.5rem;
  display: block;
}/*# sourceMappingURL=p-interview.css.map */