@charset "UTF-8";
main {
  overflow: clip;
}
@media screen and (max-width: 767px) {
  main {
    overflow: hidden;
  }
}

sup {
  vertical-align: top;
  font-size: 11px;
}

.page-block-content {
  padding: 0;
}
.page-block-content:first-child {
  padding: 145px 0 0;
}
@media screen and (max-width: 767px) {
  .page-block-content:first-child {
    padding-top: 0;
  }
}
.page-block-content:nth-child(even) {
  background: #EEF8F6;
}

.flexbox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .flexbox {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .content-inner {
    padding-top: 20vw;
  }
}

.student_voices {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .student_voices {
    margin-bottom: 10vw;
  }
}

.st-content {
  align-items: flex-start;
}
.st-content figure {
  width: 650px;
  margin-left: -140px;
  position: sticky;
  top: 80px;
}
@media screen and (max-width: 767px) {
  .st-content figure {
    width: 65vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
  }
}
.st-content .text-block {
  width: 615px;
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .st-content .text-block {
    width: auto;
    padding: 9vw 0 1vw;
  }
  .st-content .text-block .title-md {
    font-size: 6vw;
  }
  .st-content .text-block .title-md + p {
    margin-top: 10vw;
  }
}
.st-content .text-block h2 {
  font-size: 32px;
  color: #333;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .st-content .text-block h2 {
    font-size: 6.8vw;
  }
}
.st-content .text-block h2 span {
  display: inline-block;
  padding: 13px 10px;
  border: 1px solid #333;
  margin-top: 5px;
  background: #fff;
}
.st-content .text-block .name {
  margin: 20px 0 80px;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .st-content .text-block .name {
    margin: 4vw 0 20vw;
  }
}
.st-content .text-block .faq-list-item > dl {
  padding: 12px 0;
}
.st-content .text-block p {
  line-height: 2.2;
}
.st-content .text-block p .blue {
  color: #D3EAF3;
}
.st-content .text-block p .green {
  color: #E3F0C7;
}
.st-content .text-block p .pink {
  color: #F4D3E5;
}
.st-content .text-block figure.timetable {
  width: 100%;
  margin: 80px 0;
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .st-content .text-block figure.timetable {
    margin: 10vw 0 20vw;
  }
}
.st-content .text-block figure.timetable img {
  display: block;
  margin-top: 5px;
}
.st-content .text-block .faq-list-item {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .st-content .text-block .faq-list-item {
    margin-bottom: 4vw;
  }
}
.st-content .text-block .faq-list-item > dl .faq-q {
  cursor: auto;
}
.st-content .text-block .faq-list-item > dl .faq-a div {
  margin-top: 20px;
}
.st-content .text-block .faq-list-item > dl .faq-a div.small {
  font-size: 15px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .st-content .text-block .faq-list-item > dl .faq-a div.small {
    font-size: 3.2vw;
  }
}
.st-content .text-block .faq-list-item > dl .faq-a a {
  color: #27A78E;
  text-decoration: underline;
}

.st-content {
  align-items: flex-start;
}

.st-content > figure {
  flex-shrink: 0;
  will-change: transform;
}

/* スマートフォンでは固定を解除 */
@media screen and (max-width: 767px) {
  .st-content > figure {
    transform: none !important;
  }
}