@charset "UTF-8";

/* =========================================================
  Content / Page
========================================================= */
/* teacher 一覧
----------------------------------------------- */
#breadCrumbs+#pageBannerVisual {
  margin-top: -65px;
}

/* 絞り込み検索 */
#content {
  #docSearch02 h2 {
    margin: 0 auto 80px;
  }
}

.contentGpArticleDocs .docs ul li a {
  background: inherit;
}

.interview-content {
  .contentGpArticleDocs {
    max-width: inherit;

    .searchInfo {
      margin-bottom: 100px;
      padding: 25px 35px;
      border: 1px solid var(--clr-light-gray);
    }

    .docs {
      ul {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 40px;

        li {
          border-top: none;
          width: calc(calc(100% - 120px) / 4);

          a {
            padding: 0;
            flex-wrap: wrap;
            border-bottom: none;
          }

          .image {
            width: 100%;
          }

          .title {
            width: 100%;
            letter-spacing: 1.6px;
            font-size: 16px;
            margin: 10px 0 5px;
          }

          .category {
            background: inherit;
            padding: 0;
            margin-right: 0.5em;

            span {
              display: inline;

              &.faculty-pharmacy {
                color: #2F9ED2;
              }

              &.faculty-human-life {
                color: #D6316B;
              }

              &.faculty-health-welfare {
                color: #DB5146;
              }

              &.faculty-policy-sciences {
                color: #84B72E;
              }

              &.faculty-music {
                color: #97338B;
              }

              &.faculty-kg-pharmacy {
                color: #30A098;
              }

              &.faculty-sc-engineering {
                color: #CE3838;
              }

              &.faculty-literature {
                color: #DE7A2E;
              }

              &.faculty-j-college {
                color: #D64A8A;
              }
            }
          }

          .summary {
            font-size: 115%;
          }
        }
      }
    }
  }
}


/* タブ */
#interviewDocsTab .pieceBody .tabs {
  max-width: 1080px;
  margin: 0 auto 80px;

  ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  li {
    flex-grow: 1;
    width: 200px;

    .current a {
      text-decoration: inherit;
    }

    &.all a {
      color: #1eabbf;
      border-color: #1eabbf;
    }

    &.all.current a {
      color: #fff;
      background-color: #1eabbf;
    }

    &.pharmacy a {
      color: #2F9ED2;
      border-color: #2F9ED2;
    }

    &.pharmacy.current a {
      color: #fff;
      background-color: #2F9ED2;
    }

    &.human-life a {
      color: #D6316B;
      border-color: #D6316B;
    }

    &.human-life.current a {
      color: #fff;
      background-color: #D6316B;
    }

    &.health-welfare a {
      color: #DB5146;
      border-color: #DB5146;
    }

    &.health-welfare.current a {
      color: #fff;
      background-color: #DB5146;
    }

    &.policy-sciences a {
      color: #84B72E;
      border-color: #84B72E;
    }

    &.policy-sciences.current a {
      color: #fff;
      background-color: #84B72E;
    }

    &.music a {
      color: #97338B;
      border-color: #97338B;
    }

    &.music.current a {
      color: #fff;
      background-color: #97338B;
    }

    &.kg-pharmacy a {
      color: #30A098;
      border-color: #30A098;
    }

    &.kg-pharmacy.current a {
      color: #fff;
      background-color: #30A098;
    }

    &.sc-engineering a {
      color: #CE3838;
      border-color: #CE3838;
    }

    &.sc-engineering.current a {
      color: #fff;
      background-color: #CE3838;
    }

    &.literature a {
      color: #DE7A2E;
      border-color: #DE7A2E;
    }

    &.literature.current a {
      color: #fff;
      background-color: #DE7A2E;
    }

    &.j-college a {
      color: #D64A8A;
      border-color: #D64A8A;
    }

    &.j-college.current a {
      color: #fff;
      background-color: #D64A8A;
    }

    a {
      display: block;
      padding: 7px 14px 5px;
      border: 2px solid #2F9ED2;
      border-radius: 50px;
      color: #2F9ED2;
      font-weight: 700;
      text-align: center;
      transition: all 0.25s ease-in-out;
    }
  }
}

#interviewDocsTab .pieceBody ul.feed {
  display: none;
}

#interviewDocsTab {
  .more {
    display: none;
  }

  .content {

    ul {
      display: flex;
      flex-wrap: wrap;
      gap: 30px 40px;

      li {
        width: calc(calc(100% - 120px)/4);
      }
    }
  }
}

.summary {
  display: block;
  font-size: 115%;

  span {
    font-size: 75%;
  }
}

.doc_link {
  .image {
    position: relative;
    display: block;

    &::after {
      content: '';
      position: absolute;
      width: 40px;
      height: 40px;
      right: 0;
      bottom: 0;
      background: url(/_themes/img/teacher-interview/img_arrow.svg) no-repeat center;
      border-radius: 0 0 5px 0;
    }
  }

  .list_title {
    margin: 10px 0 5px;
  }

  .title {
    color: #004785;
    letter-spacing: 1.6px;
    font-size: 16px;
  }

  /* .subtitle {
    display: block;
  } */

  .faculty {
    font-size: 12px;
  }

  .list_color {
    font-weight: 700;

    .category {
      margin-right: 0.5em;

      .faculty-pharmacy {
        color: #2F9ED2;
      }

      .faculty-human-life,
      .faculty-human-life-food,
      .faculty-human-life-children,
      .faculty-human-life-psychology,
      .faculty-human-life-media,
      .faculty-human-life-architecture,
      .faculty-human-life-life {
        color: #D6316B;
      }

      .faculty-health-welfare,
      .faculty-health-welfare-oralhealth,
      .faculty-health-welfare-p-therapy,
      .faculty-health-welfare-nursing,
      .faculty-health-welfare-welfare,
      .faculty-health-welfare-radiological-t,
      .faculty-health-welfare-clinical-e {
        color: #DB5146;
      }

      .faculty-policy-sciences,
      .faculty-business {
        color: #84B72E;
      }

      .faculty-music {
        color: #97338B;
      }

      .faculty-kg-pharmacy {
        color: #30A098;
      }

      .faculty-sc-engineering,
      .faculty-sc-engineering-nano,
      .faculty-sc-engineering-mechanical,
      .faculty-sc-engineering-electronics {
        color: #CE3838;
      }

      .faculty-literature,
      .faculty-literature-cultural,
      .faculty-literature-japan,
      .faculty-literature-english {
        color: #DE7A2E;
      }

      .faculty-j-college,
      .faculty-j-college-policy-sciences,
      .faculty-j-college-language,
      .faculty-j-college-life,
      .faculty-j-college-food,
      .faculty-j-college-daycare,
      .faculty-j-college-music {
        color: #D64A8A;
      }
    }

    &.faculty-pharmacy {
      color: #2F9ED2;
    }

    &.faculty-human-life,
    &.faculty-human-life-food,
    &.faculty-human-life-children,
    &.faculty-human-life-psychology,
    &.faculty-human-life-media,
    &.faculty-human-life-architecture,
    &.faculty-human-life-life {
      color: #D6316B;
    }

    &.faculty-health-welfare,
    &.faculty-health-welfare-oralhealth,
    &.faculty-health-welfare-p-therapy,
    &.faculty-health-welfare-nursing,
    &.faculty-health-welfare-welfare,
    &.faculty-health-welfare-radiological-t,
    &.faculty-health-welfare-clinical-e {
      color: #DB5146;
    }

    &.faculty-policy-sciences,
    &.faculty-business {
      color: #84B72E;
    }

    &.faculty-music {
      color: #97338B;
    }

    &.faculty-kg-pharmacy {
      color: #30A098;
    }

    &.faculty-sc-engineering,
    &.faculty-sc-engineering-nano,
    &.faculty-sc-engineering-mechanical,
    &.faculty-sc-engineering-electronics {
      color: #CE3838;
    }

    &.faculty-literature,
    &.faculty-literature-cultural,
    &.faculty-literature-japan,
    &.faculty-literature-english {
      color: #DE7A2E;
    }

    &.faculty-j-college,
    &.faculty-j-college-policy-sciences,
    &.faculty-j-college-language,
    &.faculty-j-college-life,
    &.faculty-j-college-food,
    &.faculty-j-college-daycare,
    &.faculty-j-college-music {
      color: #D64A8A;
    }
  }
}



/* teacher 詳細
----------------------------------------------- */
.date {
  display: none;
}

.style_teacher {

  .style_teacher_upper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
  }

  .lt {
    width: 46.72%;
  }

  .rt {
    width: 49.18%;
  }

  .teacher-interview {
    display: inline-flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #FF7E7E;
    color: #fff;
  }

  .title {
    color: #004785;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 152.632%;
    margin: 10px 0;
  }

  .title-sub {
    font-size: 16px;
    font-weight: 700;
    line-height: 225%;
    margin-bottom: 20px;
  }

  .department,
  .name {
    color: #004785;
    font-size: 15px;
    line-height: 173.333%;
    letter-spacing: 0.75px;
  }
}

.contentGpArticleDoc .body .text-beginning {
  .style_teacher {
    h2 {
      background-color: transparent;
      border-bottom: solid 1px #004785;
      color: #004785;

      &::before {
        height: 100%;
        width: 10px;
      }
    }

    .check_text {
      color: #004785;
      text-align: center;
      margin-top: 40px;
      font-size: 18px;
      background: url(/_themes/img/page/check_icon.svg) no-repeat center;
    }
  }

  .answer_detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;

    p,
    div {
      width: calc(100% - 120px);
      line-height: 200%;

      &.flex_img {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px;
        width: 100%;

        p {
          width: calc(50% - 15px);
          margin-bottom: 0;
        }
      }
    }

    .teacher_icon {
      width: 120px;
    }

    .last-check {
      width: 100%;

      p,
      div {
        width: 100%;
      }

      .temp_btn6 {
        margin-bottom: 100px;
      }
    }
  }

}


/* -------------------------------------------------- */
/* sp向け */
/* --------------------------------------------------- */
@media only screen and (max-width: 768px) {

  /* teacher 一覧
----------------------------------------------- */

  #breadCrumbs+#pageBannerVisual {
    margin-top: -7px;
  }

  .contentGpArticleDocs .docs ul li a {
    background: inherit;
  }

  #content {
    #docSearch02 h2 {
      margin: 0 auto 30px;
      font-size: 1.2rem;
    }
  }

  .doc_link {
    & .image {
      &::after {
        width: 30px;
        height: 30px;
      }
    }
  }

  .interview-content {
    & .contentGpArticleDocs {
      & .docs {
        & ul {
          gap: 20px;

          li {
            width: 100%;

            .title {
              font-size: 15px;
            }

            a {
              justify-content: space-between;

              .image {
                width: 30%;
              }
            }
          }
        }
      }
    }

    .list_text {
      width: 65%;
    }
  }


  /* teacher 詳細
----------------------------------------------- */

  .style_teacher {
    .style_teacher_upper {
      flex-direction: column-reverse;
      margin-bottom: 40px;
    }

    .lt {
      width: 100%;
    }

    .rt {
      width: 100%;
      margin: 0 0 20px;
    }

    .teacher-interview {
      font-size: 12px;
      padding: 5px;
    }

    .title {
      font-size: 20px;
    }

    .title-sub {
      font-size: 14px;
      margin-bottom: 10px;
    }
  }

  .contentGpArticleDoc .body .text-beginning {
    &.answer_detail {

      .style_teacher {
        .check_text {
          margin-top: 20px;
          font-size: 16px;
          padding: 0 20px;
          background: url(/_themes/img/page/check_icon.svg) no-repeat center bottom /100% auto;
        }
      }
    }
  }

  .contentGpArticleDoc .body .text-beginning .answer_detail {

    & p,
    & div {

      &.flex_img {
        gap: 10px;

        & p {
          width: calc(50% - 5px);
        }
      }
    }

    .last-check .temp_btn6 {
      margin-bottom: 50px;
    }
  }

  .contentGpArticleDoc .body .text-beginning .answer_detail .teacher_icon {
    width: 50px;

    img {
      width: 100%;
    }

    +p,
    +div {
      width: calc(100% - 65px);
    }
  }

  .contentGpArticleDoc .body .text-beginning .style_teacher .check_text {
    margin-top: 20px;
    font-size: 16px;
    padding: 0 20px;
    background: url(/_themes/img/page/check_icon.svg) no-repeat center bottom /100% auto;
  }
}