/*! Writen  by SCSS */
.interview_detail_area {
  padding-top: 140px; }
  @media screen and (max-width: 820px) {
    .interview_detail_area {
      padding-top: 100px; } }
  @media screen and (max-width: 480px) {
    .interview_detail_area {
      padding-top: 90px; } }
  @media screen and (max-width: 480px) {
    .interview_detail_area .interview_main .main_img {
      margin: 0 -20px; } }
  .interview_detail_area .interview_main .day_name {
    align-items: flex-start;
    margin-top: 15px;
    column-gap: 30px; }
    @media screen and (max-width: 480px) {
      .interview_detail_area .interview_main .day_name {
        flex-direction: column;
        row-gap: 10px; } }
    .interview_detail_area .interview_main .day_name .name {
      font-size: 14px; }
      @media screen and (max-width: 480px) {
        .interview_detail_area .interview_main .day_name .name {
          font-size: 11px; } }
    .interview_detail_area .interview_main .day_name .day {
      font-size: 15px;
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        .interview_detail_area .interview_main .day_name .day {
          font-size: 12px; } }
  .interview_detail_area .interview_detail_in {
    max-width: 800px;
    margin: clamp(50px, 5.834vw, 70px) auto 0; }
    .interview_detail_area .interview_detail_in .introduction .intro_ttl {
      text-align: center;
      font-size: 28px;
      line-height: 1.78; }
      @media screen and (max-width: 820px) {
        .interview_detail_area .interview_detail_in .introduction .intro_ttl {
          font-size: 3.4vw; } }
      @media screen and (max-width: 480px) {
        .interview_detail_area .interview_detail_in .introduction .intro_ttl {
          font-size: 4.8vw; } }
    .interview_detail_area .interview_detail_in .introduction .introduction_text {
      flex-direction: column;
      row-gap: 30px;
      padding: clamp(30px, 5vw, 50px) 0;
      margin: clamp(30px, 5vw, 50px) 0;
      border-top: 1px solid #505050;
      border-bottom: 1px solid #505050; }
      @media screen and (max-width: 480px) {
        .interview_detail_area .interview_detail_in .introduction .introduction_text {
          padding: 50px 0 60px;
          margin: 40px 0 50px; } }
      .interview_detail_area .interview_detail_in .introduction .introduction_text .en {
        font-size: 35px;
        text-align: center;
        color: #e87722;
        font-weight: 500; }
      .interview_detail_area .interview_detail_in .introduction .introduction_text .intro_read_group {
        flex-direction: column;
        row-gap: 40px; }
        .interview_detail_area .interview_detail_in .introduction .introduction_text .intro_read_group .intro_read {
          font-size: 16px; }
          @media screen and (max-width: 480px) {
            .interview_detail_area .interview_detail_in .introduction .introduction_text .intro_read_group .intro_read {
              font-size: 13px; } }
    .interview_detail_area .interview_detail_in .comment_group {
      flex-direction: column;
      row-gap: 50px; }
      .interview_detail_area .interview_detail_in .comment_group .comment_group_in {
        flex-direction: column;
        row-gap: 50px; }
        @media screen and (max-width: 820px) {
          .interview_detail_area .interview_detail_in .comment_group .comment_group_in {
            row-gap: 40px; } }
        .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_photo {
          align-items: flex-start;
          flex-direction: column;
          row-gap: 20px; }
          .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_photo .photo_txt {
            font-size: 13px; }
            @media screen and (max-width: 480px) {
              .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_photo .photo_txt {
                font-size: 11px; } }
          .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_photo .img_border {
            position: relative; }
            .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_photo .img_border:after {
              content: "";
              position: absolute;
              inset: 0;
              border: 1px solid #CCC;
              pointer-events: none; }
        .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_text {
          flex-direction: column;
          row-gap: 40px; }
          @media screen and (max-width: 820px) {
            .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_text {
              row-gap: 30px; } }
          .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_text .comment {
            font-size: 16px; }
            @media screen and (max-width: 480px) {
              .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_text .comment {
                font-size: 13px; } }
            .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_text .comment a {
              text-decoration: underline; }
              body:not(.mobile) .interview_detail_area .interview_detail_in .comment_group .comment_group_in .comment_text .comment a:hover {
                text-decoration: none; }
  .interview_detail_area .page_back {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 250px;
    width: 100%;
    margin: clamp(50px, 6.667vw, 80px) auto 0;
    border: 1px solid #333;
    border-radius: 50vw;
    padding: 25px 10px;
    cursor: pointer;
    font-size: 16px;
    font-family: "Oswald", sans-serif;
    color: #333;
    overflow: hidden;
    transition: 0.3s all ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .interview_detail_area .page_back {
        padding: 20px 10px;
        max-width: 200px;
        font-size: 12px; } }
    .interview_detail_area .page_back:before {
      content: "";
      position: absolute;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
      width: 100%;
      aspect-ratio: 1;
      border-radius: 50vw;
      background-image: radial-gradient(#505050, #000000);
      transition: 0.3s all ease-in-out 0s;
      transform: scale(0);
      z-index: -1; }
    body:not(.mobile) .interview_detail_area .page_back:hover {
      color: #FFF; }
      body:not(.mobile) .interview_detail_area .page_back:hover:before {
        transform: scale(1); }

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