@charset "UTF-8";
/* line 3, interview01.scss */
.interview-top {
  position: relative;
  margin-bottom: 85px;
  z-index: 0; }
  /* line 7, interview01.scss */
  .interview-top .interview-head {
    position: relative;
    width: 100%;
    margin-bottom: 85px; }
    @media screen and (max-width: 800px) {
      /* line 7, interview01.scss */
      .interview-top .interview-head {
        margin-bottom: 0px; } }
    /* line 14, interview01.scss */
    .interview-top .interview-head .topimage-interview {
      position: relative;
      width: 55.2vw;
      margin-left: calc(50% - 50vw);
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 14, interview01.scss */
        .interview-top .interview-head .topimage-interview {
          width: calc(100% + 40px);
          margin: 0 0 0 -20px; } }
      /* line 23, interview01.scss */
      .interview-top .interview-head .topimage-interview img {
        width: 100%; }
    /* line 27, interview01.scss */
    .interview-top .interview-head .r-interview {
      position: absolute;
      right: 0;
      top: 50%;
      translate: 0 -50%;
      width: 51%;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 27, interview01.scss */
        .interview-top .interview-head .r-interview {
          position: relative;
          right: auto;
          top: -24px;
          translate: 0 0;
          width: calc(100% + 15px); } }
      /* line 41, interview01.scss */
      .interview-top .interview-head .r-interview .cat-interview {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 56px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.37;
        text-align: center;
        background-color: #004EA2;
        padding: 5px 25px;
        margin-bottom: 30px; }
        @media screen and (max-width: 800px) {
          /* line 41, interview01.scss */
          .interview-top .interview-head .r-interview .cat-interview {
            justify-content: flex-start;
            left: -20px;
            min-width: 188px;
            min-height: 48px;
            font-size: 14px;
            line-height: 1.28;
            text-align: left;
            padding: 5px 20px;
            margin: 0 0 25px; } }
      /* line 67, interview01.scss */
      .interview-top .interview-head .r-interview h2 {
        color: #004EA2;
        font-size: 39px;
        line-height: 1.3;
        margin-bottom: 25px; }
        @media screen and (max-width: 800px) {
          /* line 67, interview01.scss */
          .interview-top .interview-head .r-interview h2 {
            font-size: 26px;
            margin-bottom: 15px; } }
      /* line 77, interview01.scss */
      .interview-top .interview-head .r-interview p {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 0px; }
        @media screen and (max-width: 800px) {
          /* line 77, interview01.scss */
          .interview-top .interview-head .r-interview p {
            font-size: 16px; } }
  /* line 88, interview01.scss */
  .interview-top .interview-link {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 800px) {
      /* line 88, interview01.scss */
      .interview-top .interview-link {
        gap: 35px 0;
        flex-direction: column-reverse; } }
    /* line 95, interview01.scss */
    .interview-top .interview-link nav {
      position: relative;
      width: 50%;
      padding-left: 40px; }
      @media screen and (max-width: 800px) {
        /* line 95, interview01.scss */
        .interview-top .interview-link nav {
          width: 100%;
          padding-left: 0; } }
      /* line 103, interview01.scss */
      .interview-top .interview-link nav ol {
        position: relative;
        list-style-type: none;
        counter-reset: count;
        margin: 0;
        padding: 0; }
        /* line 109, interview01.scss */
        .interview-top .interview-link nav ol::before {
          position: absolute;
          left: 5px;
          top: 10px;
          width: 1px;
          height: calc(100% - 20px);
          content: "";
          background-color: #004EA2;
          pointer-events: none;
          z-index: 0; }
        /* line 120, interview01.scss */
        .interview-top .interview-link nav ol li {
          line-height: 1.73;
          counter-increment: count;
          margin: 0 0 20px;
          padding: 0; }
          /* line 125, interview01.scss */
          .interview-top .interview-link nav ol li:last-child {
            margin-bottom: 0; }
          /* line 128, interview01.scss */
          .interview-top .interview-link nav ol li a {
            position: relative;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none;
            padding-left: 65px; }
            @media screen and (min-width: 800px) {
              /* line 136, interview01.scss */
              .interview-top .interview-link nav ol li a:hover::before {
                scale: 2; }
              /* line 140, interview01.scss */
              .interview-top .interview-link nav ol li a:hover .pm-text::after {
                width: 100%; } }
            /* line 146, interview01.scss */
            .interview-top .interview-link nav ol li a::before, .interview-top .interview-link nav ol li a::after {
              position: absolute; }
            /* line 150, interview01.scss */
            .interview-top .interview-link nav ol li a::before {
              left: 0;
              top: 6px;
              width: 11px;
              height: 11px;
              content: "";
              background-color: #004EA2;
              border-radius: 50%;
              transition: scale 0.3s ease-out; }
            /* line 160, interview01.scss */
            .interview-top .interview-link nav ol li a::after {
              top: 3px;
              left: 34px;
              font-size: 15px;
              font-weight: 500;
              line-height: 1;
              content: counter(count,decimal-leading-zero); }
          /* line 169, interview01.scss */
          .interview-top .interview-link nav ol li .pm-text {
            position: relative;
            display: inline-block; }
            /* line 172, interview01.scss */
            .interview-top .interview-link nav ol li .pm-text::after {
              position: absolute;
              left: 0;
              bottom: 0px;
              width: 0;
              height: 1px;
              content: "";
              background-color: #004EA2;
              transition: width 0.3s ease-out; }
    /* line 186, interview01.scss */
    .interview-top .interview-link .r-link {
      width: 50%; }
      @media screen and (max-width: 800px) {
        /* line 186, interview01.scss */
        .interview-top .interview-link .r-link {
          width: 100%; } }
      /* line 191, interview01.scss */
      .interview-top .interview-link .r-link p {
        max-width: 460px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 191, interview01.scss */
          .interview-top .interview-link .r-link p {
            max-width: inherit; } }

/* line 203, interview01.scss */
.member {
  margin-bottom: 135px; }
  @media screen and (max-width: 800px) {
    /* line 203, interview01.scss */
    .member {
      margin-bottom: 90px; } }
  /* line 208, interview01.scss */
  .member .member-list {
    display: flex;
    justify-content: center;
    gap: 0 2%; }
    @media screen and (max-width: 800px) {
      /* line 208, interview01.scss */
      .member .member-list {
        width: calc(100% + 20px);
        flex-wrap: wrap;
        gap: 15px 0;
        margin-left: -10px; } }
    /* line 218, interview01.scss */
    .member .member-list .member-detail {
      width: 21.1%; }
      @media screen and (max-width: 800px) {
        /* line 218, interview01.scss */
        .member .member-list .member-detail {
          width: 50%; } }
      /* line 223, interview01.scss */
      .member .member-list .member-detail .member-img {
        width: 59.7%;
        margin: 0 auto 15px; }
        @media screen and (max-width: 800px) {
          /* line 223, interview01.scss */
          .member .member-list .member-detail .member-img {
            width: 100%;
            max-width: 110px;
            margin: 0 auto 8px; } }
      /* line 232, interview01.scss */
      .member .member-list .member-detail p {
        margin: 0; }
        /* line 234, interview01.scss */
        .member .member-list .member-detail p.member-name {
          text-align: center; }
          /* line 236, interview01.scss */
          .member .member-list .member-detail p.member-name .m-name {
            display: block;
            font-size: 18px;
            font-weight: 500;
            line-height: 1.4;
            margin-bottom: 10px; }
            @media screen and (max-width: 800px) {
              /* line 236, interview01.scss */
              .member .member-list .member-detail p.member-name .m-name {
                font-size: 15px;
                margin-bottom: 5px; } }
          /* line 247, interview01.scss */
          .member .member-list .member-detail p.member-name .m-katagaki {
            display: block;
            font-size: 14px;
            line-height: 1.4; }
            @media screen and (max-width: 800px) {
              /* line 247, interview01.scss */
              .member .member-list .member-detail p.member-name .m-katagaki {
                font-size: 12px; } }

/* line 262, interview01.scss */
.interview {
  margin-bottom: 150px;
  counter-reset: count2; }
  @media screen and (max-width: 800px) {
    /* line 262, interview01.scss */
    .interview {
      margin-bottom: 110px; } }
  /* line 269, interview01.scss */
  .interview .interview-content {
    margin-bottom: 145px; }
    @media screen and (max-width: 800px) {
      /* line 269, interview01.scss */
      .interview .interview-content {
        margin-bottom: 50px; } }
    /* line 274, interview01.scss */
    .interview .interview-content:last-child {
      margin-bottom: 0; }
    /* line 277, interview01.scss */
    .interview .interview-content h2 {
      color: #004EA2;
      font-size: 18px;
      font-weight: 500;
      border-bottom: 1px solid #004EA2;
      padding-bottom: 10px;
      margin-bottom: 35px; }
      @media screen and (max-width: 800px) {
        /* line 277, interview01.scss */
        .interview .interview-content h2 {
          width: calc(100% - 68px);
          font-size: 15px;
          margin: 0 0 20px auto; } }
      /* line 289, interview01.scss */
      .interview .interview-content h2::before {
        position: absolute;
        left: -280px;
        top: 0;
        font-family: "Roboto", sans-serif;
        font-size: 240px;
        font-weight: 500;
        line-height: 0.8;
        counter-increment: count2;
        content: counter(count2,decimal-leading-zero); }
        @media screen and (max-width: 800px) {
          /* line 289, interview01.scss */
          .interview .interview-content h2::before {
            left: -113px;
            font-size: 88px; } }
    /* line 305, interview01.scss */
    .interview .interview-content h3 {
      font-size: 24px;
      line-height: 1.5;
      margin-bottom: 70px; }
      @media screen and (max-width: 800px) {
        /* line 305, interview01.scss */
        .interview .interview-content h3 {
          font-size: 18px;
          padding-left: 68px;
          margin-bottom: 30px; } }
    /* line 315, interview01.scss */
    .interview .interview-content .interview-detail {
      max-width: 905px;
      margin: 0 0 60px auto; }
      @media screen and (max-width: 800px) {
        /* line 315, interview01.scss */
        .interview .interview-content .interview-detail {
          max-width: inherit;
          margin: 0 0 35px; } }
      /* line 322, interview01.scss */
      .interview .interview-content .interview-detail:last-child {
        margin-bottom: 0; }
      /* line 325, interview01.scss */
      .interview .interview-content .interview-detail h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.67;
        padding-left: 140px;
        margin-bottom: 30px; }
        @media screen and (max-width: 800px) {
          /* line 325, interview01.scss */
          .interview .interview-content .interview-detail h4 {
            font-size: 16px;
            padding-left: 27px;
            margin-bottom: 20px; } }
        /* line 336, interview01.scss */
        .interview .interview-content .interview-detail h4::before {
          position: absolute;
          left: 100px;
          top: 13px;
          width: 23px;
          height: 6px;
          content: "";
          background-color: #004EA2; }
          @media screen and (max-width: 800px) {
            /* line 336, interview01.scss */
            .interview .interview-content .interview-detail h4::before {
              left: 0;
              width: 13px;
              height: 3px; } }
      /* line 351, interview01.scss */
      .interview .interview-content .interview-detail p {
        position: relative;
        min-height: 125px;
        font-size: 15px;
        line-height: 1.73;
        padding-left: 140px; }
        @media screen and (max-width: 800px) {
          /* line 351, interview01.scss */
          .interview .interview-content .interview-detail p {
            min-height: inherit;
            padding: 110px 0 0 27px;
            margin-bottom: 25px; } }
        /* line 362, interview01.scss */
        .interview .interview-content .interview-detail p:last-child {
          margin-bottom: 0; }
        /* line 365, interview01.scss */
        .interview .interview-content .interview-detail p::before {
          position: absolute;
          left: 0;
          top: 0;
          width: 82px;
          font-size: 14px;
          line-height: 1;
          text-align: center;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 82px 82px;
          padding-top: 92px; }
          @media screen and (max-width: 800px) {
            /* line 365, interview01.scss */
            .interview .interview-content .interview-detail p::before {
              width: 80px;
              left: 50%;
              translate: -50% 0;
              font-size: 12px;
              background-size: 80px 80px;
              padding-top: 88px; } }
        /* line 387, interview01.scss */
        .interview .interview-content .interview-detail p.mori::before {
          background-image: url("../img/mori.webp");
          content: "森"; }
        /* line 393, interview01.scss */
        .interview .interview-content .interview-detail p.mitsui::before {
          background-image: url("../img/mitsui.webp");
          content: "三井"; }
        /* line 399, interview01.scss */
        .interview .interview-content .interview-detail p.omori::before {
          background-image: url("../img/omori.webp");
          content: "大森"; }
        /* line 405, interview01.scss */
        .interview .interview-content .interview-detail p.endou::before {
          background-image: url("../img/endo.webp");
          content: "遠藤"; }
      /* line 411, interview01.scss */
      .interview .interview-content .interview-detail .interview-img-sp {
        display: none; }
        @media screen and (max-width: 800px) {
          /* line 411, interview01.scss */
          .interview .interview-content .interview-detail .interview-img-sp {
            display: block;
            width: 100%; }
            /* line 416, interview01.scss */
            .interview .interview-content .interview-detail .interview-img-sp img {
              width: 100%; } }
  /* line 423, interview01.scss */
  .interview .interview-photo {
    display: flex;
    gap: 6px;
    margin-bottom: 195px; }
    @media screen and (max-width: 800px) {
      /* line 423, interview01.scss */
      .interview .interview-photo {
        display: none; } }
    /* line 430, interview01.scss */
    .interview .interview-photo .interview-img {
      width: 100%; }
      /* line 432, interview01.scss */
      .interview .interview-photo .interview-img img {
        width: 100%; }

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