/* interview index
================================== */
html {
  scroll-behavior: smooth;
}

#mainVisual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  background: no-repeat center / cover;
}
.pathlist ol {
  display: flex;
  margin: 0;
  padding: 1em 5%;
  color: #222;
  font-size: 0.9em;

  li + li::before {
    content: ">";
    display: inline-block;
    margin: 0 0.5em;
    color: #4d4d4d;
  }

  a {
    color: blue;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }
  }
}
#interview {
  margin: 1em 0 5em;
}
#filterSelect {
  display: flex;
  align-items: center;
  
  font-size: 0.8em;
  select {
    padding: 0.25em 0.5em;
    &.type {
      background: rgba(94,106,184,0.15);
    }
    &.school {
      background: rgba(1,175,122,0.15);
    }
  }
}

@media (min-width: 1100px) {
  #mainVisual {
    height: 270px;
    background-image: url(/education/assets/images/interview/mainVisual_pc.jpg);
    h2 {
      font-size: 32px;
    }
  }
  #filterSelect {
    width: fit-content;
    margin: 0 0 3em auto;
    div {
      margin-left: 2em;
    }
  }
}
@media (max-width: 1099px) {
  #mainVisual {
    height: 150px;
    background-image: url(/education/assets/images/interview/mainVisual_sp.jpg);
    h2 {
      font-size: 24px;
    }
  }
  #filterSelect {
    justify-content: space-between;
    margin-bottom: 2em;
    div:first-of-type {
      width: calc(38% - 0.5em);
    }
    div:last-of-type {
      width: calc(62% - 0.5em);
    }
    select {
      display: block;
      margin-top: 0.5em;
      width: 100%;
    }
  }
}