@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: url("../font/Yu Gothic/Yu Gothic Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Yu Gothic";
  src: url("../font/Yu Gothic/Yu Gothic Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Yu Mincho";
  src: url("../font/Yu Mincho/Yu Mincho Demibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Yu Mincho";
  src: url("../font/Yu Mincho/Yu Mincho Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Times New Roman";
  src: url("../font/Times New Roman/Times New Roman.ttf") format("trueype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Times New Roman";
  src: url("../font/Times New Roman/Times New Roman Italic.ttf") format("trueype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Times New Roman";
  src: url("../font/Times New Roman/Times New Roman Bold.ttf") format("trueype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Times New Roman";
  src: url("../font/Times New Roman/Times New Roman Bold Italic.ttf") format("trueype");
  font-weight: 700;
  font-style: italic;
}
:root {
  --header_height: 80px;
}
@media (max-width: 767px) {
  :root {
    --header_height: 65px;
  }
}

/**************************************************
* ページ: インタビュー
**************************************************/
.interview {
  overflow-x: hidden;
}
.interview .c-page-header {
  position: relative;
  background: linear-gradient(#007982 0%, #098777 58.62%, #30af83 86.21%, #93cba4 100%);
}
@media (max-width: 767px) {
  .interview .c-page-header .bg_01 {
    display: none;
  }
}
.interview .c-page-header .bg_01:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 43%;
  height: 100%;
  background: linear-gradient(#006269 0%, #097C6A 58.62%, #229874 86.21%, #69B38D 100%);
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  z-index: 2;
}
.interview .c-page-header .bg_01:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(43% + 2px);
  height: 100%;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  z-index: 1;
}
@media (max-width: 767px) {
  .interview .c-page-header .bg_02 {
    display: none;
  }
}
.interview .c-page-header .bg_02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 42.5%;
  height: 100%;
  background: linear-gradient(#006269 0%, #097C6A 58.62%, #229874 86.21%, #69B38D 100%);
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  z-index: 4;
}
.interview .c-page-header .bg_02:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(42.5% + 2px);
  height: 100%;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  z-index: 3;
}
.interview .c-page-header .flex {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
@media (max-width: 767px) {
  .interview .c-page-header .flex {
    display: block;
  }
}
.interview .c-page-header .flex .c-page-title {
  padding-left: 1em;
  font-size: 2.5rem;
  font-family: "Times New Roman", sans-serif;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .interview .c-page-header .flex .c-page-title {
    padding-left: 0;
    padding-bottom: 0.5em;
  }
}
.interview .c-page-header .flex .txt {
  padding-right: 5%;
  color: #fff;
  font-family: "Yu Gothic", sans-serif;
}
@media (max-width: 767px) {
  .interview .c-page-header .flex .txt {
    padding-right: 0;
  }
}
.interview .c-page-header .flex .txt p {
  font-family: "Yu Mincho", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.interview .c-page-header .flex .txt p:nth-child(2) {
  padding-left: 0.3em;
}
.interview .c-page-header .flex .txt .big {
  font-size: clamp(2.3rem, 3vw, 3.2rem);
}
.interview .c-page-header .flex .txt .small {
  font-size: clamp(1.6rem, 2.4vw, 2.6rem);
}

.interview__container .pc_only {
  display: block !important;
}
@media (max-width: 767px) {
  .interview__container .pc_only {
    display: none !important;
  }
}
.interview__container .sp_only {
  display: none !important;
}
@media (max-width: 767px) {
  .interview__container .sp_only {
    display: block !important;
  }
}

.interview__container {
  padding: 133px 0 110px;
}
@media (max-width: 767px) {
  .interview__container {
    padding: 70px 0;
  }
}
.interview__container .txt_base p {
  font-family: "Yu Mincho", sans-serif;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  letter-spacing: 0.05em;
  line-height: 2.1;
}
.interview__container .txt_base p:not(:last-child) {
  margin-bottom: 1.5em;
}
.interview__container .img img {
  display: block;
  width: 100%;
}

.interview__container .interview__wrapper .mb100 {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .mb100 {
    margin-bottom: 50px;
  }
}
.interview__container .interview__wrapper .mb80 {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .mb80 {
    margin-bottom: 40px;
  }
}
.interview__container .interview__wrapper .mb40 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .mb40 {
    margin-bottom: 30px;
  }
}
.interview__container .interview__wrapper .ttl {
  display: block;
  margin-bottom: 2.5em;
  font-size: clamp(2.3rem, 2.7vw, 3rem);
  font-family: "Yu Mincho", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .ttl {
    margin-bottom: 1.8em;
  }
}

.interview__container .interview__wrapper .main_block {
  padding-bottom: 130px;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .main_block {
    padding-bottom: 70px;
  }
}

.interview__container .interview__wrapper .sec_block {
  position: relative;
  padding: 150px 0 110px;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .sec_block {
    padding: 70px 0;
  }
}
.interview__container .interview__wrapper .sec_block.bg_gray:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background-color: #F0EFED;
  z-index: -1;
}
.interview__container .interview__wrapper .sec_block .border_ttl {
  display: block;
  padding-bottom: 1em;
  border-bottom: 2px dotted #008378;
  border-color: rgba(0, 131, 120, 0.4);
  color: #008378;
  font-family: "Yu Mincho", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
.interview__container .interview__wrapper .sec_block .border_left_ttl {
  padding-left: 0.7em;
  border-left: 6px solid #008378;
  border-color: rgba(0, 131, 120, 0.6);
  color: #008378;
  font-family: "Yu Mincho", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1.75;
}

.interview__container .interview__wrapper .des_block {
  padding: 50px;
  margin-bottom: 70px;
  border: 1px solid #008378;
  border-color: rgba(0, 131, 120, 0.6);
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .des_block {
    padding: 30px 25px;
    margin-bottom: 40px;
  }
}
.interview__container .interview__wrapper .des_block .head {
  display: flex;
  gap: 2%;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .des_block .head {
    display: block;
    margin-bottom: 30px;
  }
}
.interview__container .interview__wrapper .des_block .head .name_box {
  width: 24em;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .des_block .head .name_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.interview__container .interview__wrapper .des_block .head .name_box .posi {
  display: block;
  margin-bottom: 1em;
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .des_block .head .name_box .posi {
    margin-bottom: 0.8em;
  }
}
.interview__container .interview__wrapper .des_block .head .name_box .name {
  display: flex;
  align-items: center;
  font-size: clamp(2.3rem, 3vw, 3rem);
  font-weight: 700;
  letter-spacing: 0.07em;
}
.interview__container .interview__wrapper .des_block .head .name_box .name .rubi {
  padding-left: 1em;
  font-size: 1.4rem;
  font-family: "Times New Roman", sans-serif;
  font-weight: 400;
}
.interview__container .interview__wrapper .des_block .head .btn {
  width: calc(100% - 25em);
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .des_block .head .btn {
    width: 100%;
  }
}
.interview__container .interview__wrapper .des_block .head .btn a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  margin-top: -5px;
  padding: 0.5em;
  border-radius: 50px;
  background: linear-gradient(#007982 0%, #098777 58.62%, #30af83 86.21%, #93cba4 100%);
  font-size: 1.4rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .interview__container .interview__wrapper .des_block .head .btn a {
    margin: 0;
    max-width: 200px;
  }
}
.interview__container .interview__wrapper .des_block .head .btn a:before {
  content: "";
  position: absolute;
  background: #CDCAC1;
  width: 0%;
  height: 100%;
  right: 0%;
  top: 0%;
  transition: width 0.5s;
  z-index: 1;
}
.interview__container .interview__wrapper .des_block .head .btn a .txt {
  position: relative;
  padding-right: 16px;
  color: #fff;
  font-family: "Yu Mincho", sans-serif;
  font-size: 1em;
  letter-spacing: 0.075em;
  z-index: 2;
}
.interview__container .interview__wrapper .des_block .head .btn a .txt:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
  display: block;
  margin: auto;
  background: url(../img/ico-tab.svg) no-repeat center/contain;
  width: 16px;
  aspect-ratio: 8/7;
  z-index: 1;
}
.interview__container .interview__wrapper .des_block .head .btn a:hover {
  opacity: 1;
}
.interview__container .interview__wrapper .des_block .head .btn a:hover:before {
  width: 100%;
}

.interview__container .interview__wrapper .des_block .txt_base p {
  font-size: clamp(1.4rem, 1.5vw, 1.5rem);
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-family: "Yu Gothic", sans-serif;
}

.interview__container .interview__wrapper .cata_btn {
  text-align: center;
}
.interview__container .interview__wrapper .cata_btn a {
  position: relative;
  display: block;
  padding: 0.7em;
  margin: auto;
  width: 100%;
  max-width: 387px;
  border: 3px solid #008378;
  border-radius: 50px;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  overflow: hidden;
}
.interview__container .interview__wrapper .cata_btn a:before {
  content: "";
  position: absolute;
  background: #CDCAC1;
  width: 0%;
  height: 100%;
  right: 0%;
  top: 0%;
  transition: width 0.5s;
  z-index: 1;
}
.interview__container .interview__wrapper .cata_btn a .txt {
  position: relative;
  color: #008378;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-weight: 700;
  z-index: 2;
}
.interview__container .interview__wrapper .cata_btn a:hover {
  opacity: 1;
}
.interview__container .interview__wrapper .cata_btn a:hover:before {
  width: 100%;
}/*# sourceMappingURL=interview.css.map */