@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*	▼	240305 GM追加	*/
.pre-inc .kv_img-container .kv_img {
  background-image: url("../img/interview/kv.jpg") !important; }
  @media screen and (max-width: 480px) {
    .pre-inc .kv_img-container .kv_img {
      background-image: url("../img/interview/kv_sp.jpg") !important; } }
.pre-inc .kv_img-container.active {
  top: -10vw; }
  @media screen and (max-width: 480px) {
    .pre-inc .kv_img-container.active {
      top: -15vw; } }
.pre-inc main img {
  width: auto;
  max-width: 100%;
  width: auto !important; }
.pre-inc .interview_infor {
  padding: clamp(100px, 9.869vw, 150px) 0; }
  @media screen and (max-width: 768px) {
    .pre-inc .interview_infor {
      padding: 60px 0; } }
  .pre-inc .interview_infor .infor_in .content_text {
    margin-top: 30px;
    border-left: none;
    padding-left: 0; }
.pre-inc .sec01 {
  position: relative; }
  .pre-inc .sec01 .interview_group .interview_in .family_info_group {
    display: flex;
    flex-direction: column;
    padding: clamp(50px, 5.625vw, 90px) 0 50px;
    background: linear-gradient(to right, #013288 0%, #036982 100%); }
    @media screen and (max-width: 768px) {
      .pre-inc .sec01 .interview_group .interview_in .family_info_group {
        padding: 30px 0; } }
    @media screen and (max-width: 480px) {
      .pre-inc .sec01 .interview_group .interview_in .family_info_group {
        padding: 40px 0; } }
    @media screen and (max-width: 768px) {
      .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in {
        align-items: center; } }
    @media screen and (max-width: 480px) {
      .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in {
        flex-direction: column;
        row-gap: 30px;
        width: calc(100% - 60px);
        margin: 0 auto; } }
    .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info {
      width: 55.27%;
      display: flex;
      flex-direction: column;
      color: #FFF; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info .interview_img {
          width: 60%; } }
      @media screen and (max-width: 480px) {
        .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info .interview_img {
          width: 80%; } }
      .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info .info_sub {
        font-size: clamp(16px, 1.974vw, 30px);
        margin: clamp(40px, 4.606vw, 70px) 0 clamp(30px, 3.29vw, 50px); }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info .info_sub {
            font-size: 6vw;
            margin: 30px 0 40px; } }
      .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info .info_read {
        font-size: clamp(24px, 2.381vw, 40px); }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_info .info_read {
            font-size: 7vw; } }
    .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_photo {
      width: 40.27%;
      margin-top: -12%;
      filter: drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.3)); }
      @media screen and (max-width: 768px) {
        .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_photo {
          margin-top: 0; } }
      @media screen and (max-width: 480px) {
        .pre-inc .sec01 .interview_group .interview_in .family_info_group .family_info_in .family_photo {
          width: 100%;
          margin-bottom: -25%; } }
  .pre-inc .sec01 .interview_group .interview_in .family_comment_group {
    padding: clamp(100px, 10.715vw, 180px) 0 clamp(80px, 8.929vw, 150px); }
    @media screen and (max-width: 768px) {
      .pre-inc .sec01 .interview_group .interview_in .family_comment_group {
        padding: 60px 0; } }
    @media screen and (max-width: 480px) {
      .pre-inc .sec01 .interview_group .interview_in .family_comment_group {
        padding: 80px 0 50px; } }
    .pre-inc .sec01 .interview_group .interview_in .family_comment_group.first {
      padding-bottom: clamp(150px, 17.764vw, 270px); }
      @media screen and (max-width: 768px) {
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group.first {
          padding-bottom: 80px; } }
    .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in {
      max-width: 1520px; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in {
          width: 100%; } }
      .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo {
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo {
            flex-direction: column;
            row-gap: 40px; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo.first {
          margin-bottom: 40px; }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo.ex {
          margin-bottom: clamp(50px, 6.579vw, 100px); }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo.rev {
          flex-direction: row-reverse; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo.rev {
              flex-direction: column; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo.ctr {
          align-items: center; }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment_ttl {
          font-size: clamp(16px, 3.553vw, 54px);
          line-height: 1.5;
          margin-bottom: clamp(25px, 2.632vw, 40px); }
          @media only screen and (max-width: 991px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment_ttl {
              font-size: 20px;
              margin-bottom: 20px; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment_ttl {
              font-size: 7vw; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment_read {
          font-size: clamp(11px, 1.053vw, 16px);
          line-height: 2; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment_read {
              font-size: 16px; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .photo {
          width: 46.06%;
          position: relative; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .photo {
              width: 100%; } }
          .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .photo.double {
            width: 50%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .photo.double {
                width: calc(100% - 60px);
                margin: 0 auto; } }
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .photo.double .photo01 {
              width: 80.14%; }
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .photo.double .photo02 {
              width: 73.69%;
              margin-left: auto;
              margin-top: -8%; }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment01 {
          width: 50.66%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment01 {
              width: calc(100% - 60px);
              margin: 0 auto; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment02 {
          width: 46.06%;
          aling-items: center; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment02 {
              width: calc(100% - 60px);
              margin: 0 auto; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment03 {
          width: 47.37%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment03 {
              width: calc(100% - 60px);
              margin: 0 auto; } }
        .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment04 {
          width: 46.06%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .interview_group .interview_in .family_comment_group .comment_in .comment_photo .comment.comment04 {
              width: calc(100% - 60px);
              margin: 0 auto; } }

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