@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*	▼	250716 GM追加	*/
.pre-inc .main-ttl {
  font-weight: 400; }

.pre-inc .main-contents {
  position: relative;
  background: rgba(206, 246, 255, 0.1); }

/*train-sec
------------------------------------------*/
.pre-inc .main-contents img {
  width: auto;
  max-width: 100%; }
.pre-inc .interview_area {
  padding: 0 !important; }
  .pre-inc .interview_area .family_info_group {
    display: flex;
    flex-direction: column;
    padding: clamp(60px, 7.5vw, 120px) 0;
    background: #E9F4F5; }
    @media screen and (max-width: 480px) {
      .pre-inc .interview_area .family_info_group {
        padding: 50px 0 0; } }
    .pre-inc .interview_area .family_info_group .family_info_in {
      max-width: 1680px; }
      @media screen and (max-width: 480px) {
        .pre-inc .interview_area .family_info_group .family_info_in {
          flex-direction: column;
          row-gap: 30px;
          width: 100%; } }
      .pre-inc .interview_area .family_info_group .family_info_in .family_info {
        width: 45%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_info_group .family_info_in .family_info {
            width: calc(100% - 60px);
            margin: 0 auto; } }
        .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_ttl {
          font-size: clamp(60px, 11.905vw, 200px);
          color: #FFF;
          line-height: 0.75; }
          @media only screen and (max-width: 991px) {
            .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_ttl {
              font-size: 10vw; } }
          @media screen and (max-width: 480px) {
            .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_ttl {
              font-size: 23vw; } }
          .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_ttl .garamond {
            font-size: 115%; }
        .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_sub {
          font-size: clamp(11px, 1.191vw, 20px);
          margin-bottom: 40px; }
          @media only screen and (max-width: 991px) {
            .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_sub {
              margin-bottom: 20px;
              font-size: 12px; } }
          @media screen and (max-width: 480px) {
            .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_sub {
              font-size: 18px;
              margin-top: 20px; } }
        .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_read {
          font-size: clamp(24px, 2.739vw, 46px); }
          @media only screen and (max-width: 991px) {
            .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_read {
              font-size: 20px; } }
          @media screen and (max-width: 480px) {
            .pre-inc .interview_area .family_info_group .family_info_in .family_info .info_read {
              font-size: 28px; } }
      .pre-inc .interview_area .family_info_group .family_info_in .family_photo {
        width: 50%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_info_group .family_info_in .family_photo {
            width: 100%; } }
  .pre-inc .interview_area .family_comment_group {
    padding: clamp(100px, 10.715vw, 180px) 0 clamp(80px, 8.929vw, 150px);
    background: #FBFEFF; }
    @media screen and (max-width: 480px) {
      .pre-inc .interview_area .family_comment_group {
        padding: 50px 0; } }
    .pre-inc .interview_area .family_comment_group .comment_in {
      max-width: 1520px; }
      @media screen and (max-width: 480px) {
        .pre-inc .interview_area .family_comment_group .comment_in .comment_photo {
          flex-direction: column;
          row-gap: 40px; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo.first {
        margin-bottom: 40px; }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo.ex {
        margin-bottom: clamp(50px, 6.579vw, 100px); }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo.rev {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo.rev {
            flex-direction: column; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo.bottom {
        align-items: flex-end; }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment_ttl {
        font-size: clamp(16px, 3.027vw, 46px);
        line-height: 1.5;
        margin-bottom: clamp(25px, 2.632vw, 40px); }
        @media only screen and (max-width: 991px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment_ttl {
            font-size: 20px;
            margin-bottom: 20px; } }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment_ttl {
            font-size: 28px; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment_read {
        font-size: clamp(12px, 1.316vw, 20px); }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment_read {
            font-size: 16px; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo {
        width: 42.77%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo {
            width: 100%; } }
        .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo.double {
          width: 39.48%; }
          @media screen and (max-width: 480px) {
            .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo.double {
              width: 100%; } }
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo.double .photo01 {
            width: 71.17%; }
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo.double .photo02 {
            width: 71.17%;
            margin-left: auto;
            margin-top: -13%; }
            @media only screen and (max-width: 1440px) {
              .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .photo.double .photo02 {
                margin-top: 20px; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment01 {
        width: 57.24%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment01 {
            width: 100%; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment02 {
        width: 50%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment02 {
            width: 100%; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment03 {
        width: 55.27%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment03 {
            width: 100%; } }
      .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment04 {
        width: 49.35%; }
        @media screen and (max-width: 480px) {
          .pre-inc .interview_area .family_comment_group .comment_in .comment_photo .comment04 {
            width: 100%; } }

@media not screen, screen and (min-width: 481px) {
  .pre-inc .vsp480 {
    display: none !important; } }
@media screen and (max-width: 480px) {
  .pre-inc .vpc480 {
    display: none !important; } }

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