@charset "UTF-8";
/* --------------------------------------------------
	section size
-------------------------------------------------- */
/* talk color
---------------------------------------------------------------------------- */
.page-interview {
  /* sec-main
  ---------------------------------------------------------------------------- */
  /*c-page-index
  ---------------------------------------------------------------------------- */
  /*sec-block
  ---------------------------------------------------------------------------- */
  /*sec-schedule
  ---------------------------------------------------------------------------- */
  /*sec-message01
  ---------------------------------------------------------------------------- */
  /*sec-message02
  ---------------------------------------------------------------------------- */
  /*sec-know
  ---------------------------------------------------------------------------- */
  /*sec-member
  ---------------------------------------------------------------------------- */
  /*sec-interview
  ---------------------------------------------------------------------------- */
  /* M.O
  ---------------------------------------------------------------------------- */
  /* K.M
  ---------------------------------------------------------------------------- */
  /* A.I
  ---------------------------------------------------------------------------- */
  /* 管理チーム
  ---------------------------------------------------------------------------- */
  /* 税務チーム
  ---------------------------------------------------------------------------- */
}
.page-interview .sec-main {
  padding: 13.6rem 0 7.5rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main {
    padding: 9rem 0 0 0;
  }
}
.page-interview .sec-main .bg-white {
  position: relative;
  max-width: 120rem;
  padding: 7.3rem 7.9rem 7.1rem 7.9rem;
  background: #fff;
  border-radius: 2rem;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .bg-white {
    width: calc(100% - 8rem);
    margin: 0 auto;
    max-width: inherit;
    padding: 3.3rem 4.3rem 6.5rem 4.3rem;
    border-radius: 2.8rem;
  }
}
.page-interview .sec-main .bg-white .deco {
  position: absolute;
  left: 0;
  bottom: 10.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .bg-white .deco {
    top: 21.6rem;
    bottom: auto;
  }
}
.page-interview .sec-main .bg-white .deco.img01 {
  width: 13.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .bg-white .deco.img01 {
    width: 9.7rem;
  }
}
.page-interview .sec-main .flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 0 3.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex {
    flex-direction: column;
    gap: 4rem 0;
  }
}
.page-interview .sec-main .flex-img {
  width: 30.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: stretch;
    gap: 0 3.7rem;
  }
}
.page-interview .sec-main .flex-img .img {
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .img {
    width: 16.2rem;
  }
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .caption-wrap {
    width: calc(100% - 19.9rem);
  }
}
.page-interview .sec-main .flex-img .caption-wrap .name {
  color: #333;
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .caption-wrap .name {
    font-size: 2.4rem;
    line-height: 1.9583333333;
    font-weight: 700;
  }
}
.page-interview .sec-main .flex-img .caption-wrap .name .color {
  margin-right: 0.5rem;
  font-size: 3.8rem;
  line-height: 1;
  letter-spacing: 1.52px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .caption-wrap .name .color {
    font-size: 5.4rem;
    line-height: 1;
    letter-spacing: 2.16px;
    font-weight: 700;
  }
}
.page-interview .sec-main .flex-img .caption-wrap .txt01 {
  color: #333;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .caption-wrap .txt01 {
    font-size: 2.8rem;
    line-height: 1.6785714286;
    font-weight: 500;
  }
}
.page-interview .sec-main .flex-img .caption-wrap .txt01 .small {
  color: #333;
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .caption-wrap .txt01 .small {
    font-size: 2.4rem;
    line-height: 1.9583333333;
    font-weight: 500;
  }
}
.page-interview .sec-main .flex-img .caption-wrap .txt02 {
  color: #333;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .caption-wrap .txt02 {
    font-size: 2.4rem;
    line-height: 1.6666666667;
    font-weight: 500;
  }
}
.page-interview .sec-main .flex-img .year {
  display: inline-block;
  margin-top: 2.2rem;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  padding: 0.9rem 1.2rem;
  border-radius: 10rem;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-img .year {
    margin-top: 1.1rem;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700;
    padding: 1.4rem 1.7rem;
  }
}
.page-interview .sec-main .flex-txt {
  width: calc(100% - 34.4rem);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt {
    width: 100%;
  }
}
.page-interview .sec-main .flex-txt .career {
  padding: 5.3rem 4rem 3.8rem 8rem;
  border-radius: 2.8rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .career {
    padding: 3.7rem 3.3rem 5rem 4rem;
  }
}
.page-interview .sec-main .flex-txt .career__inner .career-box .career-txt {
  position: relative;
  padding-left: 3.5rem;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .career__inner .career-box .career-txt {
    padding-left: 2.8rem;
    padding-bottom: 2.4rem;
  }
}
.page-interview .sec-main .flex-txt .career__inner .career-box .career-txt:before {
  position: absolute;
  left: 0.7rem;
  top: 1.3rem;
  display: block;
  content: "";
  width: 2px;
  height: 100%;
  z-index: 1;
}
.page-interview .sec-main .flex-txt .career__inner .career-box .career-txt .ttl {
  position: relative;
  display: inline-block;
  margin-bottom: 1.2rem;
  padding: 1rem 1.2rem 1.1rem 1.2rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 1.4rem;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .career__inner .career-box .career-txt .ttl {
    padding: 0.8rem 2rem 0.9rem 2rem;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700;
  }
}
.page-interview .sec-main .flex-txt .career__inner .career-box .career-txt .ttl:before {
  position: absolute;
  left: -3.5rem;
  top: 1.2rem;
  display: block;
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 100%;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .career__inner .career-box .career-txt .ttl:before {
    left: -2.8rem;
    top: 1.2rem;
  }
}
.page-interview .sec-main .flex-txt .career__inner .career-box .career-txt .txt {
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 400;
  line-break: strict;
  word-break: normal;
  overflow-wrap: break-word;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .career__inner .career-box .career-txt .txt {
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 400;
  }
}
.page-interview .sec-main .flex-txt .career__inner .career-box:last-of-type .career-txt:after {
  position: absolute;
  left: -0.2rem;
  bottom: -1.6rem;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #9589C7 transparent transparent transparent;
  border-width: 1.4rem 1rem 0 1rem;
}
.page-interview .sec-main .flex-txt .comment {
  margin-top: 2.6rem;
  padding: 3.8rem 5.6rem 4.2rem 5.6rem;
  border-radius: 2.8rem;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .comment {
    margin-top: 2.4rem;
    padding: 3.8rem 3.3rem 3.8rem 4rem;
  }
}
.page-interview .sec-main .flex-txt .comment .txt {
  color: #323030;
  font-size: 1.4rem;
  line-height: 2.1428571429;
  font-weight: 500;
  line-break: strict;
  word-break: normal;
  overflow-wrap: break-word;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .comment .txt {
    font-size: 2.6rem;
    line-height: 1.8461538462;
    font-weight: 500;
  }
}
.page-interview .sec-main .flex-txt .atten {
  margin-top: 1rem;
  text-align: right;
  color: #333;
  font-size: 1.3rem;
  line-height: 2.3076923077;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-main .flex-txt .atten {
    margin-top: 1.6rem;
    font-size: 2.2rem;
    line-height: 1.3636363636;
    font-weight: 500;
  }
}
.page-interview .c-page-index {
  margin-top: 7.5rem;
}
@media screen and (max-width: 480px) {
  .page-interview .c-page-index {
    margin-top: 5rem;
  }
}
.page-interview .c-page-index .deco {
  position: absolute;
  right: 18rem;
  top: -9.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview .c-page-index .deco {
    right: 6.8rem;
    top: -7.2rem;
  }
}
.page-interview .c-page-index .deco.img01 {
  width: 12.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview .c-page-index .deco.img01 {
    width: 11.4rem;
  }
}
.page-interview .sec-block {
  padding: 3.6rem 0 10rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block {
    padding: 3.3rem 0 6rem 0;
  }
}
.page-interview .sec-block#link01 {
  padding-top: 11.2rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block#link01 {
    padding-top: 8rem;
  }
}
.page-interview .sec-block#link03 {
  padding-bottom: 14rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block#link03 {
    padding-bottom: 10.4rem;
  }
}
.page-interview .sec-block .l-wrapper {
  max-width: 134rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .l-wrapper {
    max-width: inherit;
  }
}
.page-interview .sec-block .l-wrapper .sec-inner {
  width: 96%;
  max-width: 110rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .l-wrapper .sec-inner {
    width: 100%;
    max-width: inherit;
    margin: 0;
  }
}
.page-interview .sec-block .txt {
  color: #2E2E2E;
  font-size: 2rem;
  line-height: 2;
  font-weight: 400;
  line-break: strict;
  overflow-wrap: break-word;
  word-break: normal;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .txt {
    font-size: 2.8rem;
    line-height: 1.9285714286;
    font-weight: 400;
  }
}
.page-interview .sec-block .txt + .txt {
  margin-top: 4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .txt + .txt {
    margin-top: 5rem;
  }
}
.page-interview .sec-block .img-wrap {
  position: relative;
  margin-top: 7.3rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .img-wrap {
    margin-top: 5rem;
  }
}
.page-interview .sec-block .img-wrap .inner {
  width: 83.1rem;
  aspect-ratio: 831/433;
  margin: 0 0 0 auto;
  border-radius: 1.4rem;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .img-wrap .inner {
    width: 52.3rem;
    aspect-ratio: 523/303;
    border-radius: 0.98rem;
  }
}
.page-interview .sec-block .img-wrap .inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-interview .sec-block .img-wrap .num {
  position: absolute;
  left: -0.7rem;
  bottom: -2.8rem;
  color: #EDEDED;
  font-size: 18rem;
  line-height: 1;
  letter-spacing: 7.2px;
  font-weight: 800;
  font-style: italic;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-block .img-wrap .num {
    left: 0;
    bottom: -2.4rem;
    font-size: 10rem;
    line-height: 1;
    letter-spacing: 4px;
    font-weight: 800;
  }
}
.page-interview .sec-schedule {
  position: relative;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 72.5rem;
  overflow: visible;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule {
    height: 84.1rem;
  }
}
.page-interview .sec-schedule:after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: "";
  width: 11rem;
  height: 100%;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 5;
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule:after {
    display: none;
  }
}
.page-interview .sec-schedule .l-wrapper {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 120rem;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .l-wrapper {
    max-width: inherit;
  }
}
.page-interview .sec-schedule .l-wrapper:before {
  position: absolute;
  left: 7rem;
  top: 0;
  display: block;
  content: "";
  width: 200%;
  height: 100%;
  background: #fff;
  border-radius: 3rem 0 0 3rem;
  z-index: 1;
  transition: top 0.1s, height 0.1s;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .l-wrapper:before {
    left: 11.4rem;
    border-radius: 0;
  }
}
.page-interview .sec-schedule .deco {
  position: absolute;
  right: 13rem;
  top: -13.8rem;
  z-index: 4;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .deco {
    right: 6rem;
    top: -14.6rem;
  }
}
.page-interview .sec-schedule .deco.img01 {
  width: 19.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .deco.img01 {
    width: 13.4rem;
  }
}
.page-interview .sec-schedule.is-pinned .l-wrapper:before {
  top: -100dvh;
  height: calc(100% + 200dvh);
}
.page-interview .sec-schedule .schedule-ttl {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  color: #fff;
  font-size: 2.2rem;
  line-height: 2.1818181818;
  letter-spacing: 0.88px;
  font-weight: 700;
  padding: 1.9rem 4.2rem 1.9rem 6rem;
  border-radius: 10rem;
  background: #55449B;
  box-sizing: border-box;
  z-index: 4;
  pointer-events: auto;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-ttl {
    top: 5.6rem;
    left: 4.5rem;
    transform: translateY(0);
    font-size: 2.8rem;
    line-height: 1.7142857143;
    font-weight: 700;
    padding: 1.9rem 5.2rem 1.9rem 6.6rem;
  }
}
.page-interview .sec-schedule .schedule-ttl:before {
  position: absolute;
  left: 4rem;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0.3rem;
  display: block;
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-ttl:before {
    left: 4.7rem;
    width: 1rem;
    height: 1rem;
  }
}
.page-interview .sec-schedule .horizontal-section {
  overflow: hidden;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: calc(100vw - (50vw - 60rem + 45rem));
  padding-left: 5rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .horizontal-section {
    width: calc(100vw - (50vw - 60rem + 35.2rem));
    padding-left: 10.2rem;
  }
}
.page-interview .sec-schedule .horizontal-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
}
.page-interview .sec-schedule .panel {
  flex-shrink: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 9rem;
  padding-right: 10rem;
  overflow: hidden;
  box-sizing: border-box;
  height: 100%;
  padding-top: 19rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .panel {
    gap: 0 5.7rem;
    padding-top: 21rem;
  }
}
.page-interview .sec-schedule .schedule-box {
  position: relative;
  flex-shrink: 0;
  width: 21.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box {
    width: 33rem;
  }
  .page-interview .sec-schedule .schedule-box:last-of-type {
    padding-right: 10.2rem;
  }
}
.page-interview .sec-schedule .schedule-box .circle {
  position: relative;
  width: 19.7rem;
  height: 19.7rem;
  margin: 0 auto 3rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  background: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box .circle {
    width: 16.3rem;
    height: 16.3rem;
    margin-bottom: 3.2rem;
  }
}
.page-interview .sec-schedule .schedule-box .circle .time {
  text-align: center;
  color: #262626;
  font-style: italic;
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 1.68px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box .circle .time {
    font-size: 3.6rem;
    line-height: 1;
    letter-spacing: 2.16px;
    font-weight: 500;
  }
}
.page-interview .sec-schedule .schedule-box .circle .time .small {
  display: block;
  text-align: center;
  margin-top: 0.5rem;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.96px;
  font-weight: 500;
  margin-bottom: -0.5rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box .circle .time .small {
    font-size: 2.4rem;
    line-height: 1.6666666667;
    font-weight: 400;
    margin-bottom: -2rem;
  }
}
.page-interview .sec-schedule .schedule-box .txt {
  text-align: center;
  color: #262626;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  height: 5.8rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box .txt {
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 700;
    height: 8.1rem;
  }
}
.page-interview .sec-schedule .schedule-box .txt .small {
  display: block;
  text-align: center;
  margin-top: 0.5rem;
  color: #262626;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box .txt .small {
    font-size: 2.4rem;
    line-height: 1.8;
    font-weight: 400;
  }
}
.page-interview .sec-schedule .schedule-box .txt02 {
  margin-top: 1.4rem;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 400;
  line-break: strict;
  word-break: normal;
  overflow-wrap: break-word;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box .txt02 {
    margin-top: 3.1rem;
    font-size: 2.4rem;
    line-height: 1.6666666667;
    font-weight: 400;
  }
}
.page-interview .sec-schedule .schedule-box:not(:last-of-type):after {
  position: absolute;
  right: -9.6rem;
  top: 9.85rem;
  display: block;
  content: "";
  width: 10.2rem;
  height: 2px;
  border-top: 2px dashed #000;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-schedule .schedule-box:not(:last-of-type):after {
    right: -13.2rem;
    width: 23rem;
    top: 8.15rem;
  }
}
.page-interview .spacer-bottom {
  position: relative;
  height: 15.4rem;
  background: #F9F9F9;
  border-radius: 0 0 0 11rem;
}
@media screen and (max-width: 480px) {
  .page-interview .spacer-bottom {
    height: 9.2rem;
    border-radius: 0 0 0 8rem;
  }
}
.page-interview .spacer-bottom:after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.page-interview .sec-message01 {
  position: relative;
  background: #fff;
  padding: 15.5rem 0 14.3rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message01 {
    padding: 7.5rem 0 8rem 0;
  }
}
.page-interview .sec-message01 .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 6.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message01 .flex {
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    gap: 4rem 0;
  }
}
.page-interview .sec-message01 .flex-img {
  width: 29.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message01 .flex-img {
    width: 16rem;
  }
}
.page-interview .sec-message01 .flex-txt {
  width: calc(100% - 36.3rem);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message01 .flex-txt {
    width: 100%;
  }
}
.page-interview .sec-message01 .flex-txt .c-title02 {
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message01 .flex-txt .c-title02 {
    position: absolute;
    left: 19rem;
    top: 5.9rem;
    margin-bottom: 0;
    font-size: 3.2rem;
    line-height: 1.6875;
    letter-spacing: 1.28px;
    font-weight: 700;
  }
}
.page-interview .sec-message01 .flex-txt .txt {
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 400;
  line-break: strict;
  overflow-wrap: break-word;
  word-break: normal;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message01 .flex-txt .txt {
    font-size: 2.8rem;
    line-height: 1.9285714286;
    font-weight: 400;
  }
}
.page-interview .sec-message02 {
  position: relative;
  padding: 15.5rem 0 14.3rem 0;
  border-radius: 0 11rem 0 11rem;
  background: #F5F5F5;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 {
    padding: 7.5rem 0 8rem 0;
    border-radius: 0 8rem 0 8rem;
  }
}
.page-interview .sec-message02:after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.page-interview .sec-message02 .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  flex-direction: row-reverse;
  gap: 0 6.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .flex {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem 0;
  }
}
.page-interview .sec-message02 .flex-img {
  width: 29.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .flex-img {
    width: 19rem;
  }
}
.page-interview .sec-message02 .flex-txt {
  width: calc(100% - 36.3rem);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .flex-txt {
    width: 100%;
  }
}
.page-interview .sec-message02 .flex-txt .c-title02 {
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .flex-txt .c-title02 {
    position: absolute;
    left: 22rem;
    top: 3.9rem;
    margin-bottom: 0;
    font-size: 3.2rem;
    line-height: 1.6875;
    letter-spacing: 1.28px;
    font-weight: 700;
  }
}
.page-interview .sec-message02 .flex-txt .txt {
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 400;
  line-break: strict;
  overflow-wrap: break-word;
  word-break: normal;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .flex-txt .txt {
    font-size: 2.8rem;
    line-height: 1.9285714286;
    font-weight: 400;
  }
}
.page-interview .sec-message02 .deco {
  position: absolute;
  right: 30.9rem;
  bottom: -5.8rem;
  z-index: 3;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .deco {
    right: 7.5rem;
    bottom: -6.7rem;
  }
}
.page-interview .sec-message02 .deco.img01 {
  width: 18.2rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-message02 .deco.img01 {
    width: 13.9rem;
  }
}
.page-interview .sec-know {
  position: relative;
  background: #fff;
  padding: 12.6rem 0 13.2rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know {
    padding: 6.7rem 0 9.6rem 0;
  }
}
.page-interview .sec-know:after {
  position: absolute;
  left: 0;
  bottom: -10%;
  display: block;
  content: "";
  width: 100%;
  height: 20%;
  background: #fff;
  z-index: -1;
}
.page-interview .sec-know .l-wrapper {
  max-width: 134rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .l-wrapper {
    max-width: inherit;
    padding-right: 0;
  }
}
.page-interview .sec-know .c-title .jp-ttl {
  font-size: 2.2rem;
  line-height: 1.4755909091;
  letter-spacing: 0.22px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .c-title .jp-ttl {
    font-size: 3.8rem;
    line-height: 0.8684210526;
    letter-spacing: 0.38px;
    font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .sp-scroll {
    width: 100%;
    overflow: auto;
    padding-right: 4rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
  }
}
.page-interview .sec-know .voicenav__inner {
  margin-top: 7.4rem;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .voicenav__inner {
    margin-top: 6.8rem;
    width: 67rem;
  }
}
.page-interview .sec-know .jobnav__inner {
  margin-top: 6.8rem;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .jobnav__inner {
    margin-top: 3.9rem;
    width: 192rem;
    max-width: inherit;
  }
}
.page-interview .sec-know .box-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 0 4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap {
    gap: 0 3.4rem;
  }
}
.page-interview .sec-know .box-wrap .job-box {
  width: calc((100% - 12rem) / 4);
  max-width: 27rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap .job-box {
    width: calc((100% - 10.2rem) / 4);
    max-width: inherit;
  }
}
.page-interview .sec-know .box-wrap .job-box__links .box-heading {
  margin-top: 1.3rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap .job-box__links .box-heading {
    margin-top: 3.6rem;
  }
}
.page-interview .sec-know .box-wrap .job-box__links .box-heading .ttl {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap .job-box__links .box-heading .ttl {
    font-size: 2.8rem;
    line-height: 1.6428571429;
    font-weight: 700;
  }
}
.page-interview .sec-know .box-wrap .job-box__links .box-heading .txt {
  color: #6E6E6E;
  font-size: 1.3rem;
  line-height: 2.1538461538;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap .job-box__links .box-heading .txt {
    font-size: 2.6rem;
    line-height: 1.7692307692;
    font-weight: 500;
  }
}
.page-interview .sec-know .box-wrap .job-box__links .box-img {
  position: relative;
  width: 100%;
  aspect-ratio: 218/136;
  border-radius: 1.1rem;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap .job-box__links .box-img {
    aspect-ratio: 484/302;
  }
}
.page-interview .sec-know .box-wrap .job-box__links .box-img img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  transition: 0.4s;
}
.page-interview .sec-know .box-wrap .job-box__links .box-img .num {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  width: 5.5rem;
  height: 5.5rem;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  background: #4AAD13;
  border-radius: 1.1rem 0 0 0;
  z-index: 4;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .box-wrap .job-box__links .box-img .num {
    width: 9.82rem;
    height: 9.82rem;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 600;
    border-radius: 2.5rem 0 0 0;
  }
}
.page-interview .sec-know .box-wrap .job-box__links .box-img .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 100%;
  background: #4AAD13;
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s;
}
.page-interview .sec-know .box-wrap .job-box__links .box-img .arrow:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: url("../images/common/arrow_w.svg") no-repeat center center;
  background-size: 100% 100% !important;
  width: 2rem;
  height: 2rem;
  transition: 0.4s;
}
.page-interview .sec-know .box-wrap .job-box__links .box-img:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  opacity: 0;
  transition: 0.4s;
}
@media screen and (min-width: 481px) {
  .page-interview .sec-know .box-wrap .job-box__links:hover {
    text-decoration: none;
  }
  .page-interview .sec-know .box-wrap .job-box__links:hover .box-img img {
    transform: scale(1.1);
  }
  .page-interview .sec-know .box-wrap .job-box__links:hover .box-img .arrow {
    opacity: 1;
  }
  .page-interview .sec-know .box-wrap .job-box__links:hover .box-img .arrow:after {
    animation: arrow-slide 0.4s 0.4s forwards ease-in-out;
  }
  .page-interview .sec-know .box-wrap .job-box__links:hover .box-img:before {
    opacity: 1;
  }
}
.page-interview .sec-know .flex {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 6.2rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .flex {
    flex-direction: column;
    gap: 3.9rem 0;
  }
}
.page-interview .sec-know .flex .flex-interview {
  width: 51rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .flex .flex-interview {
    width: 100%;
  }
}
.page-interview .sec-know .flex .flex-talk {
  width: 62.8rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .flex .flex-talk {
    width: 170%;
  }
}
.page-interview .sec-know .voice-title,
.page-interview .sec-know .job-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 1.1rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .voice-title,
  .page-interview .sec-know .job-title {
    gap: 0 2.2rem;
    margin-bottom: 2.3rem;
  }
}
.page-interview .sec-know .voice-title .en-ttl,
.page-interview .sec-know .job-title .en-ttl {
  color: #C7C7C7;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.88px;
  font-weight: 800;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .voice-title .en-ttl,
  .page-interview .sec-know .job-title .en-ttl {
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: 1.52px;
    font-weight: 800;
  }
}
.page-interview .sec-know .voice-title .jp-ttl,
.page-interview .sec-know .job-title .jp-ttl {
  color: #262626;
  font-size: 1.4rem;
  line-height: 2.3187857143;
  letter-spacing: 0.14px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .voice-title .jp-ttl,
  .page-interview .sec-know .job-title .jp-ttl {
    font-size: 2.2rem;
    line-height: 1.4755909091;
    letter-spacing: 0.22px;
    font-weight: 700;
  }
}
.page-interview .sec-know .interview-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 2rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap {
    gap: 0 4rem;
  }
}
.page-interview .sec-know .interview-wrap .box {
  width: calc((100% - 2rem) / 2);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap .box {
    width: calc((100% - 4rem) / 2);
  }
}
.page-interview .sec-know .interview-wrap .box__links .mask-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  /* SVGでマスクをかける設定 */
  /*-webkit-mask-image: url('../images/common/nav01_mask.svg'); /* Safari用 
  mask-image: url('../images/common/nav01_mask.svg');         /* 標準仕様 */
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='179' height='179' viewBox='0 0 179 179' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M79.5341 0H151.3C166.467 0 178.781 12.3135 178.781 27.4812V99.2473C178.781 143.143 143.143 178.781 99.2473 178.781H27.4812C12.3135 178.78 0 166.467 0 151.299V79.5332C0 35.6381 35.6381 0 79.5341 0Z' fill='%23FF0011'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg width='179' height='179' viewBox='0 0 179 179' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M79.5341 0H151.3C166.467 0 178.781 12.3135 178.781 27.4812V99.2473C178.781 143.143 143.143 178.781 99.2473 178.781H27.4812C12.3135 178.78 0 166.467 0 151.299V79.5332C0 35.6381 35.6381 0 79.5341 0Z' fill='%23FF0011'/></svg>");
  /* マスクの位置とサイズ調整 */
  -webkit-mask-size: contain;
  mask-size: contain; /* 枠線内にSVGを収める（枠いっぱいは cover） */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; /* マスクをループさせない */
  -webkit-mask-position: center;
  mask-position: center; /* マスクを中央配置 */
}
.page-interview .sec-know .interview-wrap .box__links .mask-container:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  opacity: 0;
  transition: 0.4s;
}
.page-interview .sec-know .interview-wrap .box__links .mask-container .masked-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  transition: 0.4s;
}
.page-interview .sec-know .interview-wrap .box__links .mask-container .year {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 14.4rem;
  padding: 1.3rem 0;
  border-radius: 0 0.8742rem 0 0;
  z-index: 4;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap .box__links .mask-container .year {
    width: 18.5rem;
    border-radius: 1.5354rem 0 0 0;
  }
}
.page-interview .sec-know .interview-wrap .box__links .mask-container .year p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap .box__links .mask-container .year p {
    font-size: 2.2rem;
    line-height: 1.0395454545;
    font-weight: 700;
  }
}
.page-interview .sec-know .interview-wrap .box__links .mask-container .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 100%;
  overflow: hidden;
  z-index: 3;
  opacity: 0;
  transition: 0.4s;
}
.page-interview .sec-know .interview-wrap .box__links .mask-container .arrow:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: url("../images/common/arrow_w.svg") no-repeat center center;
  background-size: 100% 100% !important;
  width: 2rem;
  height: 2rem;
}
.page-interview .sec-know .interview-wrap .box__links .box-txt {
  margin-top: 2rem;
}
.page-interview .sec-know .interview-wrap .box__links .box-txt .name {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap .box__links .box-txt .name {
    font-size: 2.2rem;
    line-height: 1.7260909091;
    font-weight: 700;
  }
}
.page-interview .sec-know .interview-wrap .box__links .box-txt .name .color {
  font-size: 2.6rem;
  line-height: 0.5769230769;
  letter-spacing: 2.6px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap .box__links .box-txt .name .color {
    font-size: 4.1rem;
    line-height: 1;
    letter-spacing: 4.114px;
    font-weight: 700;
  }
}
.page-interview .sec-know .interview-wrap .box__links .box-txt .txt {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .interview-wrap .box__links .box-txt .txt {
    font-size: 2.2rem;
    line-height: 1.7260909091;
    font-weight: 500;
  }
}
@media screen and (min-width: 481px) {
  .page-interview .sec-know .interview-wrap .box__links:hover {
    text-decoration: none;
  }
  .page-interview .sec-know .interview-wrap .box__links:hover .mask-container:before {
    opacity: 1;
  }
  .page-interview .sec-know .interview-wrap .box__links:hover .mask-container .masked-image {
    transform: scale(1.1);
  }
  .page-interview .sec-know .interview-wrap .box__links:hover .mask-container .arrow {
    opacity: 1;
  }
  .page-interview .sec-know .interview-wrap .box__links:hover .mask-container .arrow:after {
    animation: arrow-slide 0.4s 0.4s forwards ease-in-out;
  }
}
.page-interview .sec-know .interview-wrap .box.b01 .box__links .mask-container .year {
  background: #9589C7;
}
.page-interview .sec-know .interview-wrap .box.b01 .box__links .mask-container .arrow {
  background: #9589C7;
}
.page-interview .sec-know .interview-wrap .box.b01 .box__links .box-txt .name .color {
  color: #9589C7;
}
.page-interview .sec-know .interview-wrap .box.b02 .box__links .mask-container .year {
  background: #61C9FF;
}
.page-interview .sec-know .interview-wrap .box.b02 .box__links .mask-container .arrow {
  background: #61C9FF;
}
.page-interview .sec-know .interview-wrap .box.b02 .box__links .box-txt .name .color {
  color: #61C9FF;
}
.page-interview .sec-know .interview-wrap .box.b03 .box__links .mask-container .year {
  background: #77CF47;
}
.page-interview .sec-know .interview-wrap .box.b03 .box__links .mask-container .arrow {
  background: #77CF47;
}
.page-interview .sec-know .interview-wrap .box.b03 .box__links .box-txt .name .color {
  color: #77CF47;
}
.page-interview .sec-know .talk-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 2rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap {
    gap: 0 3rem;
  }
}
.page-interview .sec-know .talk-wrap .box {
  position: relative;
  width: calc((100% - 2rem) / 2);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap .box {
    width: calc((100% - 3rem) / 2);
  }
}
.page-interview .sec-know .talk-wrap .box__links .mask-container {
  position: relative;
  width: 100%;
  aspect-ratio: 304/245;
  /*									-webkit-mask-image: url('../images/common/nav02_mask.svg'); /* Safari用 */
  mask-image: url("../images/common/nav02_mask.svg"); /* 標準仕様 */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 245' preserveAspectRatio='none'%3E%3Cpath d='M0 72.0835C0 32.2642 32.2642 0 72.0835 0H287.892C296.788 0 304 7.21151 304 16.1075V172.917C304 212.736 271.736 245 231.917 245H16.1075C7.21151 245 0 237.788 0 228.892V72.0835Z' fill='%23000000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 245' preserveAspectRatio='none'%3E%3Cpath d='M0 72.0835C0 32.2642 32.2642 0 72.0835 0H287.892C296.788 0 304 7.21151 304 16.1075V172.917C304 212.736 271.736 245 231.917 245H16.1075C7.21151 245 0 237.788 0 228.892V72.0835Z' fill='%23000000'/%3E%3C/svg%3E");
  overflow: hidden;
  /* マスクの位置とサイズ調整 */
  -webkit-mask-size: contain;
  mask-size: contain; /* 枠線内にSVGを収める（枠いっぱいは cover） */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; /* マスクをループさせない */
  -webkit-mask-position: center;
  mask-position: center; /* マスクを中央配置 */
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap .box__links .mask-container {
    aspect-ratio: 581/353;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1ODEgMzUzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNMCAxMjBDMCA1My43MjU4IDUzLjcyNTggMCAxMjAgMEg1NTFDNTY3LjU2OSAwIDU4MSAxMy40MzE1IDU4MSAzMFYyMzNDNTgxIDI5OS4yNzQgNTI3LjI3NCAzNTMgNDYxIDM1M0gzMEMxMy40MzE0IDUzMyAwIDMzOS41NjkgMCAzMjNWTDEyMFoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1ODEgMzUzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNMCAxMjBDMCA1My43MjU4IDUzLjcyNTggMCAxMjAgMEg1NTFDNTY3LjU2OSAwIDU4MSAxMy40MzE1IDU4MSAzMFYyMzNDNTgxIDI5OS4yNzQgNTI3LjI3NCAzNTMgNDYxIDM1M0gzMEMxMy40MzE0IDUzMyAwIDMzOS41NjkgMCAzMjNWTDEyMFoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
    -webkit-mask-size: cover;
    mask-size: cover; /* 枠線内にSVGを収める（枠いっぱいは cover） */
  }
}
.page-interview .sec-know .talk-wrap .box__links .mask-container:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  opacity: 0;
  transition: 0.4s;
}
.page-interview .sec-know .talk-wrap .box__links .mask-container .masked-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  transition: 0.4s;
}
.page-interview .sec-know .talk-wrap .box__links .mask-container .team {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 15rem;
  padding: 1.3rem 0;
  border-radius: 0 0.8827rem 0 0;
  z-index: 4;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap .box__links .mask-container .team {
    width: 18.4rem;
    border-radius: 0 2rem 0 0;
  }
}
.page-interview .sec-know .talk-wrap .box__links .mask-container .team p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap .box__links .mask-container .team p {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700;
  }
}
.page-interview .sec-know .talk-wrap .box__links .mask-container .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 100%;
  overflow: hidden;
  z-index: 3;
  opacity: 0;
  transition: 0.4s;
}
.page-interview .sec-know .talk-wrap .box__links .mask-container .arrow:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: url("../images/common/arrow_w.svg") no-repeat center center;
  background-size: 100% 100% !important;
  width: 2rem;
  height: 2rem;
}
.page-interview .sec-know .talk-wrap .box__links .box-txt {
  margin-top: 2.5rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap .box__links .box-txt {
    margin-top: 3.6rem;
  }
}
.page-interview .sec-know .talk-wrap .box__links .box-txt .ttl {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-know .talk-wrap .box__links .box-txt .ttl {
    font-size: 2.8rem;
    line-height: 1.25;
    font-weight: 700;
  }
}
@media screen and (min-width: 481px) {
  .page-interview .sec-know .talk-wrap .box__links:hover {
    text-decoration: none;
  }
  .page-interview .sec-know .talk-wrap .box__links:hover .mask-container:before {
    opacity: 1;
  }
  .page-interview .sec-know .talk-wrap .box__links:hover .mask-container .masked-image {
    transform: scale(1.1);
  }
  .page-interview .sec-know .talk-wrap .box__links:hover .mask-container .arrow {
    opacity: 1;
  }
  .page-interview .sec-know .talk-wrap .box__links:hover .mask-container .arrow:after {
    animation: arrow-slide 0.4s 0.4s forwards ease-in-out;
  }
}
.page-interview .sec-know .talk-wrap .box.b01 .box__links .mask-container .team {
  background: #F8634A;
}
.page-interview .sec-know .talk-wrap .box.b01 .box__links .mask-container .arrow {
  background: #F8634A;
}
.page-interview .sec-know .talk-wrap .box.b02 .box__links .mask-container .team {
  background: #0080C7;
}
.page-interview .sec-know .talk-wrap .box.b02 .box__links .mask-container .arrow {
  background: #0080C7;
}
.page-interview .sec-member {
  position: relative;
  padding: 8.8rem 0 6.3rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member {
    padding: 4.6rem 0 0 0;
  }
}
.page-interview .sec-member .l-inner {
  max-width: 144rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .l-inner {
    max-width: inherit;
  }
}
.page-interview .sec-member .bg-white {
  position: relative;
  margin-top: 6.3rem;
  padding: 4.7rem 7.5rem 5.5rem 7.5rem;
  background: #fff;
  border-radius: 2.4rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .bg-white {
    width: calc(100% - 8rem);
    margin-top: 3.7rem;
    padding: 3.3rem 4rem 6.8rem 4.3rem;
  }
}
.page-interview .sec-member .subttl {
  width: 15rem;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.56px;
  font-weight: 800;
  border-radius: 10rem;
  background: #262626;
  margin: 0 auto 0.8rem auto;
  padding: 1.4rem 0 1.2rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .subttl {
    width: 21.6rem;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0.88px;
    font-weight: 800;
    margin: 0 auto 0.8rem auto;
    padding: 1.7rem 0;
  }
}
.page-interview .sec-member .title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
  text-align: center;
  font-size: 3.8rem;
  line-height: 1.8421052632;
  letter-spacing: 4.56px;
  font-weight: 700;
  margin-bottom: 0.7rem;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .title {
    font-size: 3.4rem;
    line-height: 2.0588235294;
    letter-spacing: 4.08px;
    font-weight: 700;
  }
}
.page-interview .sec-member .title span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
}
.page-interview .sec-member .title.active span {
  animation: fadeInUp 0.6s ease forwards;
}
.page-interview .sec-member .lead {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.1111111111;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .lead {
    font-size: 2.3rem;
    line-height: 1.652173913;
    font-weight: 400;
  }
}
.page-interview .sec-member .member-wrap .member-ttl {
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 3.2px;
  font-weight: 800;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .member-ttl {
    font-size: 3.6rem;
    line-height: 1.3333333333;
    letter-spacing: 3.6px;
    font-weight: 800;
    margin-bottom: 2.5rem;
  }
}
.page-interview .sec-member .member-wrap .flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 4.4rem 3.5rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex {
    flex-direction: column;
    gap: 3rem 0;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box {
  width: calc((100% - 7rem) / 3);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 1.6rem;
  padding-bottom: 4.4rem;
  border-bottom: 1px solid #E2E2E2;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box {
    width: 100%;
    gap: 0 2.5rem;
    padding-bottom: 2.6rem;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-img {
  position: relative;
  width: 12.8rem;
  height: 12.8rem;
  padding: 0.5rem;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-img {
    padding: 0.4rem;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-img .img {
  width: 11.2rem;
  height: 11.2rem;
  outline-offset: -0.1rem;
  border-radius: 100%;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-img .img {
    width: 10.8rem;
    height: 10.8rem;
    outline-offset: 0;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.01);
}
.page-interview .sec-member .member-wrap .flex .member-box .box-img .style {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 100%;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 1.147px;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-img .style {
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 1.4px;
    font-weight: 700;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-txt {
  width: calc(100% - 13.8rem);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-txt {
    width: calc(100% - 13.8rem);
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-txt .name {
  font-size: 1.6rem;
  line-height: 2.1875;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-txt .name {
    font-size: 2.2rem;
    line-height: 1.5909090909;
    font-weight: 700;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-txt .name .color {
  font-size: 2.8rem;
  line-height: 1.25;
  letter-spacing: 2.8px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-txt .name .color {
    font-size: 3.4rem;
    line-height: 1.0294117647;
    letter-spacing: 3.4px;
    font-weight: 700;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box .box-txt .txt {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box .box-txt .txt {
    font-size: 2.2rem;
    line-height: 1.6363636364;
    font-weight: 500;
  }
}
.page-interview .sec-member .member-wrap .flex .member-box:nth-of-type(4), .page-interview .sec-member .member-wrap .flex .member-box:nth-of-type(5), .page-interview .sec-member .member-wrap .flex .member-box:nth-of-type(6) {
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box:nth-of-type(4), .page-interview .sec-member .member-wrap .flex .member-box:nth-of-type(5), .page-interview .sec-member .member-wrap .flex .member-box:nth-of-type(6) {
    padding-bottom: 2.6rem;
    border-bottom: 1px solid #E2E2E2;
  }
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .flex .member-box:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.page-interview .sec-member .member-wrap .note {
  margin-top: 3rem;
  text-align: right;
  font-size: 1.4rem;
  line-height: 3.4285714286;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .note {
    margin-top: 3.4rem;
    font-size: 2.2rem;
    line-height: 2.1818181818;
    font-weight: 400;
  }
}
.page-interview .sec-member .member-wrap .note02 {
  text-align: right;
  font-size: 1.2rem;
  line-height: 4;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .member-wrap .note02 {
    margin-top: 2rem;
    font-size: 2.2rem;
    line-height: 2.1818181818;
    font-weight: 400;
  }
}
.page-interview .sec-member .deco {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(98%);
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .deco {
    top: 3rem;
  }
}
.page-interview .sec-member .deco.img01 {
  width: 28.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-member .deco.img01 {
    width: 14rem;
  }
}
.page-interview .sec-interview {
  padding: 8.5rem 0 5rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview {
    padding: 8.8rem 0 0 0;
  }
}
.page-interview .sec-interview:nth-of-type(1) {
  padding-top: 7.7rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview:nth-of-type(1) {
    padding-top: 6.8rem;
  }
}
.page-interview .sec-interview .l-inner {
  max-width: 120rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .l-inner {
    max-width: inherit;
  }
}
.page-interview .sec-interview .ttl-wrap {
  text-align: center;
  margin: 0 auto 4.5rem auto;
}
.page-interview .sec-interview .ttl-wrap .interview-ttl {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #262626;
  font-size: 2.6rem;
  line-height: 2.1923076923;
  letter-spacing: 0.26px;
  font-weight: 700;
  background: #EDEDED;
  padding: 1.4rem 5.7rem 1.4rem 8rem;
  border-radius: 17.6rem;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .ttl-wrap .interview-ttl {
    display: block;
    font-size: 3.2rem;
    line-height: 1.4375;
    letter-spacing: 0.32px;
    font-weight: 700;
    padding: 1.6rem 0;
  }
}
.page-interview .sec-interview .ttl-wrap .interview-ttl .num {
  margin-right: 0.5rem;
  font-size: 3rem;
  line-height: 1.9;
  letter-spacing: 0.3px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .ttl-wrap .interview-ttl .num {
    font-size: 3.6rem;
    line-height: 1.5833333333;
    letter-spacing: 0.36px;
    font-weight: 700;
  }
}
.page-interview .sec-interview .ttl-wrap .interview-ttl:before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 5.4rem;
  height: 6.6rem;
  background: url("../images/talk-administration/deco_ttl.png") no-repeat center center;
  background-size: 100% auto;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .ttl-wrap .interview-ttl:before {
    left: 1rem;
    bottom: 0;
  }
}
.page-interview .sec-interview .flex,
.page-interview .sec-interview .bg-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex,
  .page-interview .sec-interview .bg-wrap {
    flex-direction: column;
  }
}
.page-interview .sec-interview .flex-txt,
.page-interview .sec-interview .flex .txt-wrap,
.page-interview .sec-interview .bg-wrap-txt,
.page-interview .sec-interview .bg-wrap .txt-wrap {
  width: calc(100% - 47.9rem);
  padding-right: 6.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-txt,
  .page-interview .sec-interview .flex .txt-wrap,
  .page-interview .sec-interview .bg-wrap-txt,
  .page-interview .sec-interview .bg-wrap .txt-wrap {
    width: 100%;
    padding-right: 0;
  }
}
.page-interview .sec-interview .flex-txt .title,
.page-interview .sec-interview .flex .txt-wrap .title,
.page-interview .sec-interview .bg-wrap-txt .title,
.page-interview .sec-interview .bg-wrap .txt-wrap .title {
  position: relative;
  color: #2E2E2E;
  font-size: 2rem;
  line-height: 2.4;
  font-weight: 700;
  padding-left: 4.2rem;
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-txt .title,
  .page-interview .sec-interview .flex .txt-wrap .title,
  .page-interview .sec-interview .bg-wrap-txt .title,
  .page-interview .sec-interview .bg-wrap .txt-wrap .title {
    font-size: 3.2rem;
    line-height: 1.40625;
    font-weight: 700;
    padding-left: 5.2rem;
    margin-bottom: 4.5rem;
  }
}
.page-interview .sec-interview .flex-txt .title:before,
.page-interview .sec-interview .flex .txt-wrap .title:before,
.page-interview .sec-interview .bg-wrap-txt .title:before,
.page-interview .sec-interview .bg-wrap .txt-wrap .title:before {
  position: absolute;
  left: 0;
  top: 2.6rem;
  display: block;
  content: "";
  width: 2.3rem;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-txt .title:before,
  .page-interview .sec-interview .flex .txt-wrap .title:before,
  .page-interview .sec-interview .bg-wrap-txt .title:before,
  .page-interview .sec-interview .bg-wrap .txt-wrap .title:before {
    top: 2rem;
    width: 2.88rem;
  }
}
.page-interview .sec-interview .flex-txt .txt,
.page-interview .sec-interview .flex .txt-wrap .txt,
.page-interview .sec-interview .bg-wrap-txt .txt,
.page-interview .sec-interview .bg-wrap .txt-wrap .txt {
  color: #2E2E2E;
  font-size: 1.6rem;
  line-height: 2.25;
  font-weight: 400;
  line-break: strict;
  overflow-wrap: break-word;
  word-break: normal;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-txt .txt,
  .page-interview .sec-interview .flex .txt-wrap .txt,
  .page-interview .sec-interview .bg-wrap-txt .txt,
  .page-interview .sec-interview .bg-wrap .txt-wrap .txt {
    font-size: 2.8rem;
    line-height: 1.9285714286;
    font-weight: 400;
  }
}
.page-interview .sec-interview .flex-txt .txt .name,
.page-interview .sec-interview .flex .txt-wrap .txt .name,
.page-interview .sec-interview .bg-wrap-txt .txt .name,
.page-interview .sec-interview .bg-wrap .txt-wrap .txt .name {
  position: relative;
  top: -0.2rem;
  display: inline-block;
  margin-right: 1.2rem;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  padding: 0.7rem 1.6rem 0.9rem 1.6rem;
  border-radius: 10rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-txt .txt .name,
  .page-interview .sec-interview .flex .txt-wrap .txt .name,
  .page-interview .sec-interview .bg-wrap-txt .txt .name,
  .page-interview .sec-interview .bg-wrap .txt-wrap .txt .name {
    top: -0.3rem;
    margin-right: 1rem;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 700;
    padding: 1.1rem 1.7rem;
    border-radius: 15rem;
  }
}
.page-interview .sec-interview .flex-txt .txt + .txt,
.page-interview .sec-interview .flex .txt-wrap .txt + .txt,
.page-interview .sec-interview .bg-wrap-txt .txt + .txt,
.page-interview .sec-interview .bg-wrap .txt-wrap .txt + .txt {
  margin-top: 3.2rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-txt .txt + .txt,
  .page-interview .sec-interview .flex .txt-wrap .txt + .txt,
  .page-interview .sec-interview .bg-wrap-txt .txt + .txt,
  .page-interview .sec-interview .bg-wrap .txt-wrap .txt + .txt {
    margin-top: 3.3rem;
  }
}
.page-interview .sec-interview .flex-txt .txt .color-green,
.page-interview .sec-interview .flex .txt-wrap .txt .color-green,
.page-interview .sec-interview .bg-wrap-txt .txt .color-green,
.page-interview .sec-interview .bg-wrap .txt-wrap .txt .color-green {
  color: #02A342;
}
.page-interview .sec-interview .flex-txt.-w100,
.page-interview .sec-interview .flex .txt-wrap.-w100,
.page-interview .sec-interview .bg-wrap-txt.-w100,
.page-interview .sec-interview .bg-wrap .txt-wrap.-w100 {
  width: 100%;
  padding-right: 0;
}
.page-interview .sec-interview .flex-img,
.page-interview .sec-interview .bg-wrap-img {
  width: 47.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img,
  .page-interview .sec-interview .bg-wrap-img {
    width: 100%;
    margin-top: 2.6rem;
  }
}
.page-interview .sec-interview .flex-img.-w100,
.page-interview .sec-interview .bg-wrap-img.-w100 {
  width: calc(100% + 14rem);
  margin-left: -7rem;
  margin-right: -7rem;
  margin-top: 10.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img.-w100,
  .page-interview .sec-interview .bg-wrap-img.-w100 {
    width: 100%;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-interview .sec-interview .flex-img.-w100 .img,
.page-interview .sec-interview .bg-wrap-img.-w100 .img {
  aspect-ratio: 1340/555;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img.-w100 .img,
  .page-interview .sec-interview .bg-wrap-img.-w100 .img {
    aspect-ratio: 670/357;
  }
}
.page-interview .sec-interview .flex-img .img,
.page-interview .sec-interview .bg-wrap-img .img {
  width: 100%;
  aspect-ratio: 479/454;
  border-radius: 1.4rem;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img .img,
  .page-interview .sec-interview .bg-wrap-img .img {
    aspect-ratio: 670/357;
  }
}
.page-interview .sec-interview .flex-img .img.-long,
.page-interview .sec-interview .bg-wrap-img .img.-long {
  aspect-ratio: 479/908;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img .img.-long,
  .page-interview .sec-interview .bg-wrap-img .img.-long {
    aspect-ratio: 670/357;
  }
}
.page-interview .sec-interview .flex-img .img img,
.page-interview .sec-interview .bg-wrap-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-interview .sec-interview .flex-img .point-wrap,
.page-interview .sec-interview .bg-wrap-img .point-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
  flex-direction: column;
  margin-top: 3rem;
  border-radius: 1.4rem;
  background: url("../images/talk-administration/bg_point.png") no-repeat right bottom/17.6rem 20.4rem, #F6F6F6;
  min-height: 22.6rem;
  border: 2px dashed #0080C7;
  padding: 3.7rem 3.7rem;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img .point-wrap,
  .page-interview .sec-interview .bg-wrap-img .point-wrap {
    margin-top: 5rem;
    border-radius: 1.9rem;
    min-height: 31.7rem;
    background: url("../images/talk-administration/bg_point.png") no-repeat right bottom/24.7rem 28.7rem, #F6F6F6;
    padding: 5.4rem 5.2rem;
  }
}
.page-interview .sec-interview .flex-img .point-wrap .point-ttl,
.page-interview .sec-interview .bg-wrap-img .point-wrap .point-ttl {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
  text-align: center;
  padding: 0.2rem 2.6rem;
  margin-bottom: 0.9rem;
  border-radius: 10rem;
  border: 2px solid #0080C7;
  background: #fff;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img .point-wrap .point-ttl,
  .page-interview .sec-interview .bg-wrap-img .point-wrap .point-ttl {
    font-size: 2.8rem;
    line-height: 1.7857142857;
    font-weight: 500;
    padding: 0 2.3rem;
    margin-bottom: 2rem;
    border-radius: 14rem;
  }
}
.page-interview .sec-interview .flex-img .point-wrap .point-ttl .point,
.page-interview .sec-interview .bg-wrap-img .point-wrap .point-ttl .point {
  color: #0474B2;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.72px;
  font-weight: 800;
  margin-left: 0.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img .point-wrap .point-ttl .point,
  .page-interview .sec-interview .bg-wrap-img .point-wrap .point-ttl .point {
    font-size: 2.8rem;
    line-height: 1.7857142857;
    letter-spacing: 1.12px;
    font-weight: 800;
    margin-left: 0.8rem;
  }
}
.page-interview .sec-interview .flex-img .point-wrap .txt,
.page-interview .sec-interview .bg-wrap-img .point-wrap .txt {
  color: #2E2E2E;
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex-img .point-wrap .txt,
  .page-interview .sec-interview .bg-wrap-img .point-wrap .txt {
    font-size: 2.6rem;
    line-height: 1.7307692308;
    font-weight: 500;
  }
}
.page-interview .sec-interview .flex.-reverse,
.page-interview .sec-interview .bg-wrap.-reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex.-reverse,
  .page-interview .sec-interview .bg-wrap.-reverse {
    flex-direction: column;
  }
}
.page-interview .sec-interview .flex.-reverse .flex-txt,
.page-interview .sec-interview .bg-wrap.-reverse .flex-txt {
  padding-right: 0;
  padding-left: 6.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .flex.-reverse .flex-txt,
  .page-interview .sec-interview .bg-wrap.-reverse .flex-txt {
    width: 100%;
    padding-left: 0;
  }
}
.page-interview .sec-interview .block-img {
  margin-top: 10.6rem;
  width: calc(100% + 14rem);
  margin-left: -7rem;
  margin-right: -7rem;
  aspect-ratio: 1340/555;
  border-radius: 1.4rem;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .block-img {
    width: 100%;
    margin-top: 8.6rem;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 670/328;
  }
}
.page-interview .sec-interview .block-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview .acd_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    align-content: stretch;
    gap: 0 1.4rem;
    margin-bottom: -2.7rem;
  }
  .page-interview .sec-interview .acd_btn .more-txt {
    position: relative;
    text-align: right;
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: 2.8px;
    font-weight: 700;
  }
  .page-interview .sec-interview .acd_btn .ico {
    position: relative;
    display: inline-block;
    width: 4.5rem;
    height: 4.5rem;
  }
  .page-interview .sec-interview .acd_btn .ico:before, .page-interview .sec-interview .acd_btn .ico:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    content: "";
    background: #000;
  }
  .page-interview .sec-interview .acd_btn .ico:before {
    width: 3rem;
    height: 2px;
  }
  .page-interview .sec-interview .acd_btn .ico:after {
    width: 2px;
    height: 3rem;
  }
  .page-interview .sec-interview .acd_btn.open {
    display: none !important;
  }
  .page-interview .sec-interview .acd_cnts {
    display: none;
  }
}
.page-interview .sec-interview.-last_interview .ttl-wrap .interview-ttl {
  background: #fff;
}
.page-interview .sec-interview.-last_interview .block-img {
  position: relative;
  width: 100%;
  max-width: 134rem;
  aspect-ratio: 1340/580;
  margin: 0 auto;
  border-radius: 1.4rem;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview.-last_interview .block-img {
    max-width: inherit;
    aspect-ratio: 750/400;
  }
}
.page-interview .sec-interview.-last_interview .block-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-interview .sec-interview.-last_interview .bg-wrap {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin: -8rem auto 0 auto;
  padding: 6.4rem 8.1rem 17.3rem 8.1rem;
  border-radius: 2.4rem;
  background: #E0EFF8;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview.-last_interview .bg-wrap {
    max-width: inherit;
    margin: -9rem auto 0 auto;
    padding: 5.1rem 4rem 13.4rem 4rem;
  }
  .page-interview .sec-interview.-last_interview .bg-wrap .ttl-wrap {
    width: 100%;
  }
}
.page-interview .sec-interview.-last_interview .bg-wrap .txt-wrap {
  width: 100%;
  padding-right: 0;
}
.page-interview .sec-interview.-last_interview .bg-wrap .txt-wrap .txt {
  padding: 4.2rem 4.7rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview.-last_interview .bg-wrap .txt-wrap .txt {
    padding: 3rem 2.9rem 3.4rem 2.9rem;
  }
}
.page-interview .sec-interview.-last_interview .bg-wrap .txt-wrap .txt + .txt {
  margin-top: 2.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview.-last_interview .bg-wrap .txt-wrap .txt + .txt {
    margin-top: 4.4rem;
  }
}
.page-interview .sec-interview.-last_interview .bg-wrap .deco {
  position: absolute;
  right: 17.5rem;
  bottom: 0;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview.-last_interview .bg-wrap .deco {
    right: 10.5rem;
  }
}
.page-interview .sec-interview.-last_interview .bg-wrap .deco.img01 {
  width: 10rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview.-last_interview .bg-wrap .deco.img01 {
    width: 7.8rem;
  }
}
.page-interview .sec-interview#link05 {
  margin-bottom: 5.3rem;
}
@media screen and (max-width: 480px) {
  .page-interview .sec-interview#link05 {
    margin-bottom: 0;
  }
}
.page-interview.-mo .c-pagetitle .sec-inner .title-wrap .title {
  color: #8470DA;
}
.page-interview.-mo .sec-main .flex-img .caption-wrap .name .color {
  color: #8470DA;
}
.page-interview.-mo .sec-main .flex-img .year {
  background: #55449B;
}
.page-interview.-mo .sec-main .flex-txt .career {
  background: #FBFAFF;
}
.page-interview.-mo .sec-main .flex-txt .career__inner .career-box .career-txt:before {
  background: #9589C7;
}
.page-interview.-mo .sec-main .flex-txt .career__inner .career-box .career-txt .ttl {
  color: #322077;
  background: #EDEAF9;
}
.page-interview.-mo .sec-main .flex-txt .career__inner .career-box .career-txt .ttl:before {
  background: #55449B;
}
.page-interview.-mo .sec-main .flex-txt .career__inner .career-box:last-of-type .career-txt:after {
  border-color: #9589C7 transparent transparent transparent;
}
.page-interview.-mo .sec-main .flex-txt .comment {
  background: #F2EFFC;
}
.page-interview.-mo .c-page-index {
  background: #9589C7;
}
.page-interview.-mo .c-page-index .index-list .index-list__item a:before {
  background: #322077;
}
.page-interview.-mo .sec-block#link01 {
  position: relative;
}
.page-interview.-mo .sec-block#link01 .deco {
  position: absolute;
  left: -4rem;
  top: 52.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-mo .sec-block#link01 .deco {
    left: -4.3rem;
    top: auto;
    bottom: 18rem;
  }
}
.page-interview.-mo .sec-block#link01 .deco.img01 {
  width: 16.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-mo .sec-block#link01 .deco.img01 {
    width: 12.1rem;
  }
}
.page-interview.-mo .sec-block#link02 .img-wrap .deco {
  position: absolute;
  left: 46rem;
  bottom: -2.5rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-mo .sec-block#link02 .img-wrap .deco {
    left: 24.8rem;
    bottom: -6.2rem;
  }
}
.page-interview.-mo .sec-block#link02 .img-wrap .deco.img01 {
  width: 11.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-mo .sec-block#link02 .img-wrap .deco.img01 {
    width: 9.7rem;
  }
}
.page-interview.-km .c-pagetitle .sec-inner .title-wrap .title {
  color: #61C9FF;
}
.page-interview.-km .sec-main .flex-img .caption-wrap .name .color {
  color: #61C9FF;
}
.page-interview.-km .sec-main .flex-img .year {
  background: #007BBB;
}
.page-interview.-km .sec-main .flex-txt .career {
  background: #F3F8FB;
}
.page-interview.-km .sec-main .flex-txt .career__inner .career-box .career-txt:before {
  background: #0D9BE4;
}
.page-interview.-km .sec-main .flex-txt .career__inner .career-box .career-txt .ttl {
  color: #00689E;
  background: #D7EDF8;
}
.page-interview.-km .sec-main .flex-txt .career__inner .career-box .career-txt .ttl:before {
  background: #007BBB;
}
.page-interview.-km .sec-main .flex-txt .career__inner .career-box:last-of-type .career-txt:after {
  border-color: #0D9BE4 transparent transparent transparent;
}
.page-interview.-km .sec-main .flex-txt .comment {
  background: #E2F4FD;
}
.page-interview.-km .c-page-index {
  background: #1991CF;
  padding: 5rem 9rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-km .c-page-index {
    padding: 2.8rem 3.7rem;
  }
}
.page-interview.-km .c-page-index .index-list .index-list__item a:before {
  background: #005683;
}
.page-interview.-km .sec-block#link01 {
  position: relative;
}
.page-interview.-km .sec-block#link01 .deco {
  position: absolute;
  left: -4rem;
  top: 48.3rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-km .sec-block#link01 .deco {
    left: -4.3rem;
    top: auto;
    bottom: 18rem;
  }
}
.page-interview.-km .sec-block#link01 .deco.img01 {
  width: 16.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-km .sec-block#link01 .deco.img01 {
    width: 12.1rem;
  }
}
.page-interview.-km .sec-block#link02 .img-wrap .deco {
  position: absolute;
  left: 45rem;
  bottom: -6.8rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-km .sec-block#link02 .img-wrap .deco {
    left: 24.8rem;
    bottom: -6.2rem;
  }
}
.page-interview.-km .sec-block#link02 .img-wrap .deco.img01 {
  width: 11.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-km .sec-block#link02 .img-wrap .deco.img01 {
    width: 9.7rem;
  }
}
.page-interview.-km .sec-schedule .schedule-ttl {
  background: #007BBB;
}
.page-interview.-km .sec-schedule .deco {
  right: 3rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-km .sec-schedule .deco {
    right: 6rem;
  }
}
.page-interview.-ai .c-pagetitle .sec-inner .title-wrap .title {
  color: #77CF47;
}
.page-interview.-ai .sec-main .flex-img .caption-wrap .name .color {
  color: #77CF47;
}
.page-interview.-ai .sec-main .flex-img .year {
  background: #2E7E03;
}
.page-interview.-ai .sec-main .flex-txt .career {
  background: #F9FFF6;
}
.page-interview.-ai .sec-main .flex-txt .career__inner .career-box .career-txt:before {
  background: #59A630;
}
.page-interview.-ai .sec-main .flex-txt .career__inner .career-box .career-txt .ttl {
  color: #2E7E03;
  background: #E1FAD2;
}
.page-interview.-ai .sec-main .flex-txt .career__inner .career-box .career-txt .ttl:before {
  background: #2E7E03;
}
.page-interview.-ai .sec-main .flex-txt .career__inner .career-box:last-of-type .career-txt:after {
  border-color: #59A630 transparent transparent transparent;
}
.page-interview.-ai .sec-main .flex-txt .comment {
  background: #E1FAD2;
}
.page-interview.-ai .c-page-index {
  background: #76BD4F;
  padding: 5rem 9rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-ai .c-page-index {
    padding: 2.8rem 3.7rem;
  }
}
.page-interview.-ai .c-page-index .index-list .index-list__item a:before {
  background: #2C6F09;
}
.page-interview.-ai .sec-block#link01 {
  position: relative;
}
.page-interview.-ai .sec-block#link01 .deco {
  position: absolute;
  left: -4rem;
  top: 48.3rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-ai .sec-block#link01 .deco {
    left: -4.3rem;
    top: auto;
    bottom: 18rem;
  }
}
.page-interview.-ai .sec-block#link01 .deco.img01 {
  width: 16.9rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-ai .sec-block#link01 .deco.img01 {
    width: 12.1rem;
  }
}
.page-interview.-ai .sec-block#link02 .img-wrap .deco {
  position: absolute;
  left: 45rem;
  bottom: -6.8rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-ai .sec-block#link02 .img-wrap .deco {
    left: 24.8rem;
    bottom: -6.2rem;
  }
}
.page-interview.-ai .sec-block#link02 .img-wrap .deco.img01 {
  width: 11.4rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-ai .sec-block#link02 .img-wrap .deco.img01 {
    width: 9.7rem;
  }
}
.page-interview.-ai .sec-schedule .schedule-ttl {
  background: #2E7E03;
}
.page-interview.-ai .sec-schedule .deco {
  right: 3rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-ai .sec-schedule .deco {
    right: 6rem;
  }
}
.page-interview.-talk-administration .c-pagetitle .sec-inner .title-wrap .title {
  color: #008CDA;
}
.page-interview.-talk-administration .c-pagetitle .sec-inner .bg-img .team-txt {
  background: #0080C7;
}
.page-interview.-talk-administration .c-pagetitle .sec-inner .bg-img .mask-container {
  aspect-ratio: 1340/698;
  mask-image: url("../images/common/mask_pagettl.svg"); /* 標準仕様 */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1340 698' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M1340 120C1340 53.7 1286.3 0 1220 0H30C13.4 0 0 13.4 0 30v548c0 66.3 53.7 120 120 120h1190c16.6 0 30-13.4 30-30V120z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1340 698' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M1340 120C1340 53.7 1286.3 0 1220 0H30C13.4 0 0 13.4 0 30v548c0 66.3 53.7 120 120 120h1190c16.6 0 30-13.4 30-30V120z' fill='black'/%3E%3C/svg%3E");
  overflow: hidden;
  /* マスクの位置とサイズ調整 */
  -webkit-mask-size: contain;
  mask-size: contain; /* 枠線内にSVGを収める（枠いっぱいは cover） */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; /* マスクをループさせない */
  -webkit-mask-position: center;
  mask-position: center; /* マスクを中央配置 */
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-administration .c-pagetitle .sec-inner .bg-img .mask-container {
    aspect-ratio: 670/364;
  }
}
.page-interview.-talk-administration .c-page-index {
  background: #0675B3;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-mk .box-img .img {
  outline: 0.4rem solid #F8634A;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-mk .box-txt .name .color {
  color: #F8634A;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-nt .box-img .img {
  outline: 0.4rem solid #09B14C;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-nt .box-txt .name .color {
  color: #09B14C;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-mi .box-img .img {
  outline: 0.4rem solid #2AA8E9;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-mi .box-txt .name .color {
  color: #2AA8E9;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-ak .box-img .img {
  outline: 0.4rem solid #F70;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-ak .box-txt .name .color {
  color: #F70;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-yk .box-img .img {
  outline: 0.4rem solid #7F6FBB;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-yk .box-txt .name .color {
  color: #7F6FBB;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-ys .box-img .img {
  outline: 0.4rem solid #0AB7AC;
}
.page-interview.-talk-administration .member-wrap .flex .member-box.-ys .box-txt .name .color {
  color: #0AB7AC;
}
.page-interview.-talk-administration .c-page-index .index-list-wrap {
  justify-content: center;
  gap: 0 9.4rem;
}
.page-interview.-talk-administration .sec-interview .flex-txt .txt .name.-mi,
.page-interview.-talk-administration .sec-interview .flex .txt-wrap .txt .name.-mi,
.page-interview.-talk-administration .sec-interview .bg-wrap-txt .txt .name.-mi,
.page-interview.-talk-administration .sec-interview .bg-wrap .txt-wrap .txt .name.-mi {
  background: #2AA8E9;
}
.page-interview.-talk-administration .sec-interview .flex-txt .txt .name.-mk,
.page-interview.-talk-administration .sec-interview .flex .txt-wrap .txt .name.-mk,
.page-interview.-talk-administration .sec-interview .bg-wrap-txt .txt .name.-mk,
.page-interview.-talk-administration .sec-interview .bg-wrap .txt-wrap .txt .name.-mk {
  background: #F8634A;
}
.page-interview.-talk-administration .sec-interview .flex-txt .txt .name.-nt,
.page-interview.-talk-administration .sec-interview .flex .txt-wrap .txt .name.-nt,
.page-interview.-talk-administration .sec-interview .bg-wrap-txt .txt .name.-nt,
.page-interview.-talk-administration .sec-interview .bg-wrap .txt-wrap .txt .name.-nt {
  background: #09B14C;
}
.page-interview.-talk-administration .sec-interview .flex-txt .txt .name.-ys,
.page-interview.-talk-administration .sec-interview .flex .txt-wrap .txt .name.-ys,
.page-interview.-talk-administration .sec-interview .bg-wrap-txt .txt .name.-ys,
.page-interview.-talk-administration .sec-interview .bg-wrap .txt-wrap .txt .name.-ys {
  background: #0AB7AC;
}
.page-interview.-talk-administration .sec-interview .flex-txt .txt .name.-ak,
.page-interview.-talk-administration .sec-interview .flex .txt-wrap .txt .name.-ak,
.page-interview.-talk-administration .sec-interview .bg-wrap-txt .txt .name.-ak,
.page-interview.-talk-administration .sec-interview .bg-wrap .txt-wrap .txt .name.-ak {
  background: #F70;
}
.page-interview.-talk-administration .sec-interview .flex-txt .txt .name.-yk,
.page-interview.-talk-administration .sec-interview .flex .txt-wrap .txt .name.-yk,
.page-interview.-talk-administration .sec-interview .bg-wrap-txt .txt .name.-yk,
.page-interview.-talk-administration .sec-interview .bg-wrap .txt-wrap .txt .name.-yk {
  background: #7F6FBB;
}
.page-interview.-talk-administration .sec-know {
  background: #fff;
}
.page-interview.-talk-administration .sec-know .flex .flex-interview {
  width: 78.2rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-administration .sec-know .flex .flex-interview {
    width: 97rem;
  }
}
.page-interview.-talk-administration .sec-know .flex .flex-talk {
  width: 36.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-administration .sec-know .flex .flex-talk {
    width: 100%;
  }
}
.page-interview.-talk-administration .sec-know .talk-wrap .box {
  width: 100%;
}
.page-interview.-talk-administration .sec-know .interview-wrap {
  gap: 0 2rem;
}
.page-interview.-talk-administration .sec-know .interview-wrap .box {
  width: calc((100% - 4rem) / 3);
}
.page-interview.-talk-administration .sec-know .talk-wrap .box__links .mask-container {
  aspect-ratio: 366/245;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-administration .sec-know .talk-wrap .box__links .mask-container {
    aspect-ratio: 670/407;
  }
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-administration .sec-know .sp-scroll:nth-of-type(2) {
    padding-right: 0;
    overflow: visible;
  }
}
.page-interview.-talk-tax .c-pagetitle .sec-inner .title-wrap .title {
  color: #FF4D2F;
}
.page-interview.-talk-tax .c-pagetitle .sec-inner .bg-img .team-txt {
  background: #F8634A;
}
.page-interview.-talk-tax .c-pagetitle .sec-inner .bg-img .mask-container {
  aspect-ratio: 1340/698;
  mask-image: url("../images/common/mask_pagettl.svg"); /* 標準仕様 */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1340 698' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M1340 120C1340 53.7 1286.3 0 1220 0H30C13.4 0 0 13.4 0 30v548c0 66.3 53.7 120 120 120h1190c16.6 0 30-13.4 30-30V120z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1340 698' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M1340 120C1340 53.7 1286.3 0 1220 0H30C13.4 0 0 13.4 0 30v548c0 66.3 53.7 120 120 120h1190c16.6 0 30-13.4 30-30V120z' fill='black'/%3E%3C/svg%3E");
  overflow: hidden;
  /* マスクの位置とサイズ調整 */
  -webkit-mask-size: contain;
  mask-size: contain; /* 枠線内にSVGを収める（枠いっぱいは cover） */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; /* マスクをループさせない */
  -webkit-mask-position: center;
  mask-position: center; /* マスクを中央配置 */
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .c-pagetitle .sec-inner .bg-img .mask-container {
    aspect-ratio: 670/364;
  }
}
.page-interview.-talk-tax .c-page-index {
  background: #EB492E;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .sec-member .title {
    letter-spacing: 1.2px;
  }
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-hd .box-img .img {
  outline: 0.4rem solid #FF7B00;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-hd .box-img .style {
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 1.147px;
  font-weight: 700;
  background: #FF7B00;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-hd .box-txt .name .color {
  color: #FF7B00;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-am .box-img .img {
  outline: 0.4rem solid #7F6FBB;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-am .box-img .style {
  background: #7F6FBB;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-am .box-txt .name .color {
  color: #7F6FBB;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-hm .box-img .img {
  outline: 0.4rem solid #00B7AB;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-hm .box-img .style {
  background: #00B7AB;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-hm .box-txt .name .color {
  color: #00B7AB;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-ai .box-img .img {
  outline: 0.4rem solid #FB6248;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-ai .box-img .style {
  background: #FB6248;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-ai .box-txt .name .color {
  color: #FB6248;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-yb .box-img .img {
  outline: 0.4rem solid #02A342;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-yb .box-img .style {
  background: #02A342;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-yb .box-txt .name .color {
  color: #02A342;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-km .box-img .img {
  outline: 0.4rem solid #0080C7;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-km .box-img .style {
  background: #0080C7;
}
.page-interview.-talk-tax .member-wrap .flex .member-box.-km .box-txt .name .color {
  color: #0080C7;
}
.page-interview.-talk-tax .c-page-index .index-list-wrap {
  justify-content: center;
  gap: 0 9.4rem;
}
.page-interview.-talk-tax .sec-interview .flex-txt .txt .name.-hd,
.page-interview.-talk-tax .sec-interview .flex .txt-wrap .txt .name.-hd,
.page-interview.-talk-tax .sec-interview .bg-wrap-txt .txt .name.-hd,
.page-interview.-talk-tax .sec-interview .bg-wrap .txt-wrap .txt .name.-hd {
  background: #FF7B00;
}
.page-interview.-talk-tax .sec-interview .flex-txt .txt .name.-am,
.page-interview.-talk-tax .sec-interview .flex .txt-wrap .txt .name.-am,
.page-interview.-talk-tax .sec-interview .bg-wrap-txt .txt .name.-am,
.page-interview.-talk-tax .sec-interview .bg-wrap .txt-wrap .txt .name.-am {
  background: #7F6FBB;
}
.page-interview.-talk-tax .sec-interview .flex-txt .txt .name.-hm,
.page-interview.-talk-tax .sec-interview .flex .txt-wrap .txt .name.-hm,
.page-interview.-talk-tax .sec-interview .bg-wrap-txt .txt .name.-hm,
.page-interview.-talk-tax .sec-interview .bg-wrap .txt-wrap .txt .name.-hm {
  background: #00B7AB;
}
.page-interview.-talk-tax .sec-interview .flex-txt .txt .name.-ai,
.page-interview.-talk-tax .sec-interview .flex .txt-wrap .txt .name.-ai,
.page-interview.-talk-tax .sec-interview .bg-wrap-txt .txt .name.-ai,
.page-interview.-talk-tax .sec-interview .bg-wrap .txt-wrap .txt .name.-ai {
  background: #FB6248;
}
.page-interview.-talk-tax .sec-interview .flex-txt .txt .name.-yb,
.page-interview.-talk-tax .sec-interview .flex .txt-wrap .txt .name.-yb,
.page-interview.-talk-tax .sec-interview .bg-wrap-txt .txt .name.-yb,
.page-interview.-talk-tax .sec-interview .bg-wrap .txt-wrap .txt .name.-yb {
  background: #02A342;
}
.page-interview.-talk-tax .sec-interview .flex-txt .txt .name.-km,
.page-interview.-talk-tax .sec-interview .flex .txt-wrap .txt .name.-km,
.page-interview.-talk-tax .sec-interview .bg-wrap-txt .txt .name.-km,
.page-interview.-talk-tax .sec-interview .bg-wrap .txt-wrap .txt .name.-km {
  background: #0080C7;
}
.page-interview.-talk-tax .sec-interview .flex-img .img.-long,
.page-interview.-talk-tax .sec-interview .bg-wrap-img .img.-long {
  aspect-ratio: 480/1362;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .sec-interview .flex-img .img.-long,
  .page-interview.-talk-tax .sec-interview .bg-wrap-img .img.-long {
    aspect-ratio: 670/642;
  }
}
.page-interview.-talk-tax .sec-interview.-last_interview .bg-wrap {
  background: #FFF2F0;
}
.page-interview.-talk-tax .sec-know .flex .flex-interview {
  width: 78.2rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .sec-know .flex .flex-interview {
    width: 97rem;
  }
}
.page-interview.-talk-tax .sec-know .flex .flex-talk {
  width: 36.6rem;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .sec-know .flex .flex-talk {
    width: 100%;
  }
}
.page-interview.-talk-tax .sec-know .talk-wrap .box {
  width: 100%;
}
.page-interview.-talk-tax .sec-know .interview-wrap {
  gap: 0 2rem;
}
.page-interview.-talk-tax .sec-know .interview-wrap .box {
  width: calc((100% - 4rem) / 3);
}
.page-interview.-talk-tax .sec-know .talk-wrap .box__links .mask-container {
  aspect-ratio: 366/245;
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .sec-know .talk-wrap .box__links .mask-container {
    aspect-ratio: 670/407;
  }
}
@media screen and (max-width: 480px) {
  .page-interview.-talk-tax .sec-know .sp-scroll:nth-of-type(2) {
    padding-right: 0;
    overflow: visible;
  }
}