/*! Writen  by SCSS */
.foot_kobanashi_logo {
  display: none; }

.interview_area {
  padding: clamp(80px, 9.167vw, 110px) 0 clamp(80px, 10vw, 120px); }
  @media screen and (max-width: 480px) {
    .interview_area {
      padding: 100px 0; } }
  .interview_area .banner_contents {
    border-top: 1px solid #505050;
    padding-top: 50px;
    margin-top: 50px; }
    .interview_area .banner_contents .banner_group {
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: clamp(40px, 7.273vw, 80px) 2.27%; }
      @media screen and (max-width: 820px) {
        .interview_area .banner_contents .banner_group {
          row-gap: 40px; } }
      @media screen and (max-width: 480px) {
        .interview_area .banner_contents .banner_group {
          flex-direction: column;
          row-gap: 50px; } }
      .interview_area .banner_contents .banner_group a {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 31.82%;
        font-size: clamp(13px, 1.334vw, 16px); }
        @media screen and (max-width: 480px) {
          .interview_area .banner_contents .banner_group a {
            width: 100%;
            font-size: 15px; } }
        body:not(.mobile) .interview_area .banner_contents .banner_group a:hover .banner_img img {
          transform: scale(1.1); }
        .interview_area .banner_contents .banner_group a .banner_day {
          font-size: 87.5%;
          color: #353431; }
          @media screen and (max-width: 480px) {
            .interview_area .banner_contents .banner_group a .banner_day {
              font-size: 93%; } }
        .interview_area .banner_contents .banner_group a .banner_img {
          margin: 15px 0 20px;
          position: relative;
          overflow: hidden; }
          .interview_area .banner_contents .banner_group a .banner_img img {
            transition: 0.5s transform cubic-bezier(0.59, 0.08, 0.32, 0.82) 0s; }
    .interview_area .banner_contents .view_more {
      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_area .banner_contents .view_more {
          padding: 20px 10px;
          max-width: 200px;
          font-size: 12px; } }
      .interview_area .banner_contents .view_more: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_area .banner_contents .view_more:hover {
        color: #FFF; }
        body:not(.mobile) .interview_area .banner_contents .view_more:hover:before {
          transform: scale(1); }

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