@charset "UTF-8";
/*! Writen  by SCSS */
@import url("https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap");
.lusitana {
  font-family: "Lusitana", "游明朝", "Yu Mincho", YuMincho, "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif; }

.wrap {
  padding-top: 0 !important; }

div.container {
  padding-top: 0;
  padding-bottom: 0; }

.gnavi_in .gnavi_img .current {
  background: url("../images/common/nav_img_int.jpg") center center/cover; }

.inner_main .copy {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .inner_main .copy p {
    font-size: clamp(18px, calc(38vw / 16), 38px);
    color: #fff; }
    @media screen and (max-width: 480px) {
      .inner_main .copy p {
        font-size: calc(26vw / 3.9); } }

.sec0 {
  padding-top: 80px; }
  @media screen and (max-width: 480px) {
    .sec0 {
      padding-top: 30px; } }

.sec1 {
  padding-top: 30px;
  padding-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .sec1 {
      padding-top: 20px;
      padding-bottom: 30px; } }

.sec2 {
  padding-top: 30px;
  padding-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .sec2 {
      padding-top: 20px;
      padding-bottom: 30px; } }

.sec .inner {
  max-width: 1060px; }
.sec .pttl {
  font-size: clamp(18px, calc(36vw / 10.6), 36px);
  color: #ac9564;
  letter-spacing: 0.08em;
  margin-bottom: 1.8em; }
  @media screen and (max-width: 480px) {
    .sec .pttl {
      font-size: calc(25vw / 3.9);
      margin-bottom: 0.8em; } }
.sec .tab {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 60px; }
  .sec .tab li a {
    display: block; }
    .sec .tab li a .img {
      overflow: hidden; }
      .sec .tab li a .img img {
        transition: all 0.4s ease-in-out; }
    body:not(.mobile) .sec .tab li a:hover .img img {
      transform: scale(1.04); }
  @media screen and (max-width: 480px) {
    .sec .tab {
      width: 70%;
      margin-inline: auto;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 20px; }
      .sec .tab li {
        width: 100%; } }
.sec .ttl {
  font-size: clamp(15px, calc(28vw / 10.6), 28px);
  color: #ac9564;
  letter-spacing: 0.08em;
  margin-bottom: 1.8em; }
  @media screen and (max-width: 480px) {
    .sec .ttl {
      font-size: calc(20vw / 3.9);
      margin-bottom: 0.8em; } }
.sec .main {
  font-size: clamp(13px, calc(26vw / 10.6), 26px);
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-bottom: 2.8em; }
  @media screen and (max-width: 480px) {
    .sec .main {
      font-size: calc(18vw / 3.9);
      margin-bottom: 1.8em; } }
.sec .prof {
  display: flex; }
  @media screen and (max-width: 480px) {
    .sec .prof {
      display: block; } }
  .sec .prof > div {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .sec .prof > div {
        width: 100%; } }
    .sec .prof > div.img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .sec .prof > div.txt {
      background: #ac9564;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: #fff; }
      @media screen and (max-width: 480px) {
        .sec .prof > div.txt {
          padding: 25px; } }
      .sec .prof > div.txt .en {
        font-size: clamp(15px, calc(28vw / 10.6), 28px);
        letter-spacing: 0.08em;
        margin-bottom: 0.4em;
        opacity: 0.6; }
        @media screen and (max-width: 480px) {
          .sec .prof > div.txt .en {
            font-size: calc(19vw / 3.9); } }
      .sec .prof > div.txt .t01 {
        font-size: clamp(15px, calc(24vw / 10.6), 24px);
        letter-spacing: 0.08em;
        margin-bottom: 0.5em;
        padding-bottom: 0.3em;
        border-bottom: solid 1px #fff; }
        @media screen and (max-width: 480px) {
          .sec .prof > div.txt .t01 {
            font-weight: 700;
            font-size: calc(20vw / 3.9); } }
      .sec .prof > div.txt .t02 {
        font-size: clamp(12px, calc(18vw / 10.6), 18px);
        letter-spacing: 0.08em;
        line-height: 1.6; }
        @media screen and (max-width: 480px) {
          .sec .prof > div.txt .t02 {
            font-size: calc(13vw / 3.9); } }
.sec .cont {
  background: #f8f6f0;
  padding: 120px 30px 15px; }
  @media screen and (max-width: 480px) {
    .sec .cont {
      padding: 40px 15px 15px; } }
  .sec .cont > ul {
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px calc(40% / 10); }
    @media screen and (max-width: 480px) {
      .sec .cont > ul {
        flex-direction: column;
        gap: 65px;
        margin-bottom: 50px; } }
    .sec .cont > ul li {
      width: calc(480% / 10); }
      @media screen and (max-width: 480px) {
        .sec .cont > ul li {
          width: 100%; } }
      .sec .cont > ul li .txt {
        display: block;
        text-align: right;
        font-size: 12px;
        margin-bottom: -20px;
        margin-top: 10px; }
      .sec .cont > ul li .t11 {
        font-size: clamp(15px, calc(24vw / 10.6), 24px);
        letter-spacing: 0.08em;
        line-height: 1.2;
        margin-bottom: 0.6em;
        padding-bottom: 0.2em;
        border-bottom: solid 1px #333;
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li .t11 {
            font-size: calc(18vw / 3.9); } }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li .t11 .ja {
            font-weight: 700; } }
        .sec .cont > ul li .t11 .en {
          color: #ac9564; }
          @media screen and (max-width: 480px) {
            .sec .cont > ul li .t11 .en {
              font-size: 95%; } }
      .sec .cont > ul li .img {
        margin-bottom: 30px; }
        .sec .cont > ul li .img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li .img {
            margin-bottom: 20px; }
            .sec .cont > ul li .img.mb_sp {
              margin-bottom: 28px; } }
        .sec .cont > ul li .img .cap {
          bottom: -1.9em; }
      .sec .cont > ul li .t12 {
        color: #ac9564;
        font-size: clamp(15px, calc(28vw / 10.6), 28px);
        font-size: clamp(15px, calc(24vw / 10.6), 24px);
        letter-spacing: 0.08em;
        line-height: 1.4;
        padding-bottom: 0.4em;
        border-bottom: solid 4px #ac9564; }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li .t12 {
            font-size: calc(19vw / 3.9);
            font-size: calc(18vw / 3.9);
            font-weight: 700; } }
      .sec .cont > ul li .t13 {
        font-size: clamp(12px, calc(18vw / 10.6), 18px);
        font-size: clamp(12px, calc(16vw / 10.6), 16px);
        letter-spacing: 0.02em;
        line-height: 1.7;
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li .t13 {
            font-size: calc(13vw / 3.9);
            letter-spacing: 0; } }
        .sec .cont > ul li .t13.top {
          padding-bottom: 1em;
          margin-bottom: 1em;
          background-image: radial-gradient(circle, #727171 2px, transparent 2px);
          background-position: left bottom;
          background-repeat: repeat-x;
          background-size: 14px 4px;
          /*&::after {
          	content: '';
          	position: absolute;
          	bottom:-5px;
          	left:-3px;
          	background: radial-gradient(circle farthest-side, #727171, #727171 30%, transparent 30%, transparent);
          	background-size: 14px;
          	display: inline-block;
          	height: 14px;
          	width: 100%;
          }*/ }
        .sec .cont > ul li .t13.bottom {
          padding-top: 1em;
          margin-top: 1em;
          background-image: radial-gradient(circle, #727171 2px, transparent 2px);
          background-position: left top;
          background-repeat: repeat-x;
          background-size: 14px 4px;
          /*&::after {
          	content: '';
          	position: absolute;
          	top:-5px;
          	left:-3px;
          	background: radial-gradient(circle farthest-side, #727171, #727171 30%, transparent 30%, transparent);
          	background-size: 14px;
          	display: inline-block;
          	display: block;
          	height: 17px;
          	width: 100%;
          }*/ }
      .sec .cont > ul li dl {
        font-size: clamp(12px, calc(18vw / 10.6), 18px);
        font-size: clamp(12px, calc(17vw / 10.6), 17px);
        letter-spacing: 0.02em;
        line-height: 1.7;
        position: relative;
        display: flex; }
        .sec .cont > ul li dl .ls {
          letter-spacing: 0.01em; }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li dl {
            font-size: calc(13vw / 3.9); } }
        .sec .cont > ul li dl dt {
          width: 4em;
          margin-right: 0.4em;
          text-align-last: justify; }
        .sec .cont > ul li dl dd {
          flex: 1; }
      .sec .cont > ul li .inn {
        height: 0;
        padding: 0;
        overflow: hidden;
        transition: 0.4s all ease-in-out 0s; }
      .sec .cont > ul li .tgl {
        font-size: clamp(12px, calc(21vw / 10.6), 21px);
        line-height: 1;
        position: relative;
        width: 6em;
        text-align: center;
        background: #ac9564;
        color: #fff;
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec .cont > ul li .tgl {
            font-size: calc(15vw / 3.9); } }
        .sec .cont > ul li .tgl span {
          display: inline-block;
          letter-spacing: -0.5em;
          transform: scaleX(0.7); }
        .sec .cont > ul li .tgl p {
          cursor: pointer;
          padding: 0.3em 0; }
          .sec .cont > ul li .tgl p.on {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: 0.3s all ease-in-out 0s; }
          .sec .cont > ul li .tgl p.off {
            opacity: 1;
            transition: 0.3s all ease-in-out 0s; }
      .sec .cont > ul li.on .inn {
        padding: 20px 0;
        height: auto;
        height: calc-size(auto, size); }
      .sec .cont > ul li.on .tgl p.on {
        opacity: 1; }
      .sec .cont > ul li.on .tgl p.off {
        opacity: 0; }
      .sec .cont > ul li.w {
        width: 100%; }
        .sec .cont > ul li.w .t12 {
          width: calc(480% / 10); }
          @media screen and (max-width: 480px) {
            .sec .cont > ul li.w .t12 {
              width: 100%; } }
        .sec .cont > ul li.w .inn {
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .sec .cont > ul li.w .inn {
              display: block; } }
          .sec .cont > ul li.w .inn > div {
            width: calc(480% / 10); }
            @media screen and (max-width: 480px) {
              .sec .cont > ul li.w .inn > div {
                width: 100%; } }

.sec2 .prof > div.txt {
  background: #D4C1A6; }

/*# sourceMappingURL=interview.css.map */