@charset "UTF-8";
/*=======================================
オンライン大学で学びたい高校生の方へ
=========================================*/
.p-high {
  line-height: 1.6;
  color: #000;
}
.p-high ul,
.p-high ol {
  padding-left: 0;
  list-style: none;
}
.p-high img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .p-high .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .p-high .pc-only {
    display: none !important;
  }
}
.p-high-title1 {
  margin-bottom: 2.08333vw;
}
.p-high-title1 .h {
  font-size: 2.39583vw;
  font-weight: 900;
  color: #0081cc;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  .p-high-title1 .h {
    font-size: 12.26667vw;
  }
}
.p-high-title1 .h:before {
  content: "●";
  color: #fff462;
}
.p-high-btn1 {
  text-align: center;
  display: flex;
  justify-content: center;
}
.p-high-btn1 a {
  display: block;
  text-decoration: none;
  padding: 0.52083vw 1.5625vw;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 27.08333vw;
  border-radius: 5.20833vw;
  font-size: 1.5625vw;
  text-align: center;
  font-weight: 700;
  background: #00145A;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-high-btn1 a {
    font-size: 8vw;
  }
}
.p-high-btn1 span {
  display: block;
  background: url(../img/adult/arrow_2.svg) no-repeat right center;
  background-size: 2.60417vw;
  padding: 1.04167vw 3.125vw;
}
.p-high-whole {
  position: relative;
}
.p-high-wrap {
  max-width: 82.29167vw;
  margin-left: auto;
  margin-right: auto;
}
.p-high-inner {
  max-width: 62.86458vw;
  margin-left: auto;
}
.p-high-heading {
  position: relative;
  margin-bottom: 5.20833vw;
}
.p-high-heading .box1 {
  clip-path: polygon(0 0, 67.70833vw 0, 57.03125vw 100%, 0 100%);
  position: relative;
  z-index: 2;
}
.p-high-heading .line {
  display: flex;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-high-heading .line > * {
  margin-left: 25.52083vw;
}
.p-high-heading .line.t1 {
  background: #fff462;
  height: 11.97917vw;
}
.p-high-heading .line.t2 {
  background: #00b9e7;
  height: 21.09375vw;
}
.p-high-heading .t {
  font-style: italic;
  font-size: 2.65625vw;
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-high-heading .t {
    font-size: 13.6vw;
  }
}
.p-high-heading .l {
  font-size: 2.34375vw;
  color: #fff462;
  line-height: 1.75;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .p-high-heading .l {
    font-size: 12vw;
  }
}
.p-high-heading .img1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 42.96875vw;
  height: 100%;
  z-index: 1;
}
.p-high-heading .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-high-heading2 {
  margin-bottom: 4.79167vw;
}
.p-high-heading2 .line > * {
  margin-left: 28.125vw;
}
.p-high-heading2 .line.t1 {
  background: #fff462;
  padding-top: 1.77083vw;
  padding-bottom: 1.77083vw;
}
.p-high-heading2 .t {
  font-style: italic;
  font-size: 2.65625vw;
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-high-heading2 .t {
    font-size: 13.6vw;
  }
}
.p-high-heading2.arrow {
  position: relative;
  margin-bottom: 0;
}
.p-high-heading2.arrow:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -1.51042vw;
  border-top: 1.5625vw solid #fff462;
  border-left: 1.5625vw solid transparent;
  border-right: 1.5625vw solid transparent;
  left: 50%;
  margin-left: -1.5625vw;
}
.p-high__kv {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 9.53125vw 1.04167vw 6.77083vw;
}
.p-high__kv .box1 {
  padding-top: 0.52083vw;
  margin-right: 3.90625vw;
  width: 36.97917vw;
}
.p-high__kv .img1 {
  margin-top: 2.08333vw;
  width: 39.6875vw;
}
.p-high__kv .btn {
  margin-top: 3.02083vw;
  display: block;
  max-width: 26.45833vw;
  margin-left: auto;
  margin-right: auto;
  background: #da5d9e;
  border-radius: 3.125vw;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.41667vw 1.04167vw;
  font-size: 1.25vw;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
  box-shadow: 0.78125vw 0.78125vw 0.26042vw #afc7e0;
}
@media screen and (max-width: 767px) {
  .p-high__kv .btn {
    font-size: 6.4vw;
  }
}
.p-high__kv .btn span {
  display: block;
  background: url(../img/adult/arrow_1.svg) no-repeat left center;
  background-size: 1.25vw;
}
.p-high__nav {
  margin-bottom: 95px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.p-high__nav ul {
  display: flex;
  justify-content: space-between;
}
.p-high__nav li {
  margin-left: 10px;
  margin-right: 10px;
}
.p-high__nav li:first-child {
  margin-left: 0;
}
.p-high__nav li:last-child {
  margin-left: 0;
}
.p-high__bnr {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 104px;
}
.p-high__bnr p {
  margin-bottom: 40px;
}
.p-high__bnr p:last-child {
  margin-bottom: 0;
}
.p-high__menu {
  position: absolute;
  left: 2.29167vw;
  top: 2.29167vw;
  width: 17.70833vw;
  height: calc(100% - 7.5vw);
  z-index: 9;
}
.p-high__menu .wrap {
  position: sticky;
  left: 0;
  top: 100px;
  background: #1B489C;
  color: #fff;
  border-radius: 1.82292vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0.625vw 0.88542vw 0.3125vw rgba(0, 122, 180, 0.5);
}
.p-high__menu .heading {
  text-align: center;
  background: #005eae;
  padding: 1.71875vw;
  padding-bottom: 0;
  border-radius: 1.82292vw 1.82292vw 0 0;
}
.p-high__menu .heading p {
  font-size: 1.04167vw;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-high__menu .heading p {
    font-size: 5.33333vw;
  }
}
.p-high__menu .heading p strong {
  font-size: 1.30208vw;
}
@media screen and (max-width: 767px) {
  .p-high__menu .heading p strong {
    font-size: 6.66667vw;
  }
}
.p-high__menu .heading .img1 {
  text-align: center;
  margin-top: 0.52083vw;
}
.p-high__menu .anchor {
  padding: 1.82292vw;
}
.p-high__menu .anchor li {
  margin-bottom: 0.83333vw;
}
.p-high__menu .anchor li:last-child {
  margin-bottom: 0;
}
.p-high__menu .anchor a {
  display: block;
  color: #fff;
  font-size: 0.9375vw;
  padding-left: 1.5625vw;
  background: url(../img/adult/arrow_1.svg) no-repeat left 0.36458vw;
  background-size: 0.9375vw;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-high__menu .anchor a {
    font-size: 4.8vw;
  }
}
.p-high__about {
  margin-bottom: 8.54167vw;
}
.p-high__about .p-high-heading {
  margin-bottom: 7.29167vw;
}
.p-high__about-block1 {
  margin-bottom: 5.72917vw;
}
.p-high__about-block1 .title {
  font-size: 2.60417vw;
  font-weight: 900;
  color: #0081cc;
  margin-bottom: 2.91667vw;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-high__about-block1 .title {
    font-size: 13.33333vw;
  }
}
.p-high__about-block1 .lead {
  font-size: 0.98958vw;
  font-weight: 700;
  margin-bottom: 1.5625vw;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-high__about-block1 .lead {
    font-size: 5.06667vw;
  }
}
.p-high__about-block1 .lead em {
  font-size: 1.19792vw;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: #fff462;
  text-decoration-style: solid;
  text-decoration-thickness: 0.46875vw;
  text-underline-offset: 0.67708vw;
  text-decoration-skip-ink: none;
}
@media screen and (max-width: 767px) {
  .p-high__about-block1 .lead em {
    font-size: 6.13333vw;
  }
}
.p-high__about-block2 {
  margin-bottom: 6.40625vw;
}
.p-high__about-block2 .title {
  text-align: center;
  color: #0081cc;
  font-size: 2.55208vw;
  font-weight: 700;
  margin-bottom: 3.125vw;
  text-decoration-line: underline;
  text-decoration-color: #da5d9e;
  text-decoration-style: dotted;
  text-decoration-thickness: 0.3125vw;
  text-underline-offset: 0.67708vw;
  text-decoration-skip-ink: none;
}
@media screen and (max-width: 767px) {
  .p-high__about-block2 .title {
    font-size: 13.06667vw;
  }
}
.p-high__about-block2 .title span {
  color: #da5d9e;
}
.p-high__about-block2 .title em {
  font-size: 3.17708vw;
}
@media screen and (max-width: 767px) {
  .p-high__about-block2 .title em {
    font-size: 16.26667vw;
  }
}
.p-high__study {
  margin-bottom: 8.33333vw;
}
.p-high__study .p-high-heading {
  margin-bottom: 3.125vw;
}
.p-high__study-about {
  margin-bottom: 6.04167vw;
}
.p-high__study-about li {
  margin-bottom: 1.82292vw;
}
.p-high__study-about li:last-child {
  margin-bottom: 0;
}
.p-high__study-about li:nth-child(3) {
  position: relative;
  margin-right: -1.71875vw;
}
.p-high__study-about .p-high-btn1 {
  margin-top: 4.58333vw;
}
.p-high__study-pickup ul {
  display: flex;
  flex-wrap: wrap;
}
.p-high__study-pickup li {
  width: 48.7745%;
  margin-left: 2.451%;
  position: relative;
}
.p-high__study-pickup li:nth-child(2n+1) {
  margin-left: 0;
}
.p-high__study-pickup li:nth-child(1) .icon {
  left: -3.38542vw;
}
.p-high__study-pickup li .icon {
  position: absolute;
  width: 7.8125vw;
  top: -2.86458vw;
  left: -0.78125vw;
}
.p-high__study-pickup li .icon img {
  width: 100%;
}
.p-high__choice {
  margin-bottom: 7.29167vw;
}
.p-high__choice .lead {
  font-size: 1.19792vw;
  font-weight: 700;
  line-height: 2.56;
  margin-bottom: 4.16667vw;
}
@media screen and (max-width: 767px) {
  .p-high__choice .lead {
    font-size: 6.13333vw;
  }
}
.p-high__choice .lead em {
  text-decoration-line: underline;
  text-decoration-color: #fff462;
  text-decoration-style: solid;
  text-decoration-thickness: 0.46875vw;
  text-underline-offset: 0.67708vw;
  text-decoration-skip-ink: none;
}
.p-high__choice .txt1 p {
  margin-bottom: 3.22917vw;
}
.p-high__choice .txt1 p:last-child {
  margin-bottom: 0;
}
.p-high__course {
  margin-bottom: 3.125vw;
}
.p-high__course-heading {
  color: #fff;
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
  margin-bottom: 3.125vw;
}
.p-high__course-heading > * {
  margin-left: 28.125vw;
}
.p-high__course-heading .t {
  font-weight: 700;
  font-size: 3.28125vw;
}
@media screen and (max-width: 767px) {
  .p-high__course-heading .t {
    font-size: 16.8vw;
  }
}
.p-high__course-heading .t em {
  font-size: 4.6875vw;
}
@media screen and (max-width: 767px) {
  .p-high__course-heading .t em {
    font-size: 24vw;
  }
}
.p-high__course-heading p {
  font-size: 1.97917vw;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-high__course-heading p {
    font-size: 10.13333vw;
  }
}
.p-high__course-heading.tip {
  background: #0081cc;
}
.p-high__course-heading.business {
  background: #da5d9e;
}
.p-high__course-block1 {
  display: flex;
  margin-bottom: 3.38542vw;
}
.p-high__course-block1.is-img-left {
  flex-direction: row-reverse;
}
.p-high__course-block1.is-img-left .box1 {
  border-radius: 0 3.22917vw 3.22917vw 0;
}
.p-high__course-block1 .box1 {
  width: 49.0440%;
  border-radius: 3.22917vw 0 0 3.22917vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3.75vw 1.5625vw 2.29167vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-high__course-block1 .box1 .t {
  display: flex;
  justify-content: center;
  margin-bottom: 2.60417vw;
  font-size: 1.45833vw;
  font-weight: 500;
  text-align: center;
  background: #fff;
  padding: 0.78125vw;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 18.90625vw;
}
@media screen and (max-width: 767px) {
  .p-high__course-block1 .box1 .t {
    font-size: 7.46667vw;
  }
}
.p-high__course-block1 .box1 .t:after {
  display: block;
  content: "";
  position: absolute;
  border-top: 1.09375vw solid #fff;
  border-left: 0.625vw solid transparent;
  border-right: 0.625vw solid transparent;
  left: 50%;
  bottom: -1.04167vw;
  margin-left: -0.625vw;
}
.p-high__course-block1 .box1 p {
  font-size: 1.51042vw;
  line-height: 1.82;
}
@media screen and (max-width: 767px) {
  .p-high__course-block1 .box1 p {
    font-size: 7.73333vw;
  }
}
.p-high__course-block1 .img1 {
  width: 50.9560%;
}
.p-high__course-block1 .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-high__course-block1 .p-high-btn1 {
  margin-top: 2.60417vw;
  margin-right: 1.30208vw;
  margin-left: 1.30208vw;
}
.p-high__course-block1 .p-high-btn1 a {
  min-width: initial;
}
.p-high__course-block1.tip .box1 {
  background: #51a6dd;
}
.p-high__course-block1.tip .box1 .t {
  color: #51a6dd;
}
.p-high__course-block1.business .box1 {
  background: #e595bd;
}
.p-high__course-block1.business .box1 .t {
  color: #e595bd;
}
.p-high__pbl {
  margin-bottom: 5.72917vw;
}
.p-high__pbl-block1 {
  margin-bottom: 2.86458vw;
}
.p-high__pbl-block1 .box1 {
  display: flex;
  justify-content: space-between;
}
.p-high__pbl-block1 .box1-txt1 {
  width: 53.7375%;
  font-size: 1.19792vw;
  line-height: 1.95;
}
@media screen and (max-width: 767px) {
  .p-high__pbl-block1 .box1-txt1 {
    font-size: 6.13333vw;
  }
}
.p-high__pbl-block1 .box1-img1 {
  width: 40.1126%;
}
.p-high__pbl-block2 {
  margin-bottom: 5.20833vw;
}
.p-high__pbl-block2 ul {
  display: flex;
  justify-content: space-between;
}
.p-high__pbl-block2 li {
  width: 9.94792vw;
  height: 9.94792vw;
  background: #efefef;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.57292vw;
}
.p-high__pbl-block2 p {
  font-size: 1.35417vw;
  color: #38566f;
  font-weight: 900;
  margin-top: 1.04167vw;
}
@media screen and (max-width: 767px) {
  .p-high__pbl-block2 p {
    font-size: 6.93333vw;
  }
}
.p-high__heishu {
  margin-bottom: 7.29167vw;
}
.p-high__heishu .p-high-heading {
  margin-bottom: 4.47917vw;
}
.p-high__heishu-block1 {
  margin-bottom: 6.97917vw;
}
.p-high__heishu-block1 .h {
  text-align: center;
  color: #da5d9e;
  font-size: 2.60417vw;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1.5625vw;
}
@media screen and (max-width: 767px) {
  .p-high__heishu-block1 .h {
    font-size: 13.33333vw;
  }
}
.p-high__heishu-block1 .t {
  background: #efefef;
  text-align: center;
  padding: 1.04167vw;
  margin-bottom: 3.02083vw;
}
.p-high__heishu-block1 .l {
  font-size: 1.35417vw;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-high__heishu-block1 .l {
    font-size: 6.93333vw;
  }
}
.p-high__heishu-block1 .l em {
  text-decoration-line: underline;
  text-decoration-color: #fff462;
  text-decoration-style: solid;
  text-decoration-thickness: 0.46875vw;
  text-underline-offset: 0.52083vw;
  text-decoration-skip-ink: none;
}
.p-high__heishu .p-high-btn1 {
  margin-top: 6.45833vw;
}
.p-high__support {
  margin-bottom: 6.77083vw;
}
.p-high__support-block1 {
  margin-bottom: 4.16667vw;
}
.p-high__support-block1 ul {
  display: flex;
  flex-wrap: wrap;
}
.p-high__support-block1 li {
  width: 48.1420%;
  margin-left: 3.716%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2.34375vw;
  padding: 2.91667vw 2.1875vw 2.23958vw;
  border-image-source: url(../img/highschool/support_line1.svg);
  border-image-slice: 10;
  border-image-width: 0.52083vw;
  border-image-outset: 0;
  border-image-repeat: stretch;
}
.p-high__support-block1 li:nth-child(2n+1) {
  margin-left: 0;
}
.p-high__support-block1 .h {
  text-align: center;
  font-size: 2.8125vw;
  font-weight: 900;
  line-height: 1.2;
  color: #0081cc;
  margin-bottom: 0.9375vw;
}
@media screen and (max-width: 767px) {
  .p-high__support-block1 .h {
    font-size: 14.4vw;
  }
}
.p-high__support-block1 p {
  font-size: 0.9375vw;
  line-height: 1.95;
}
@media screen and (max-width: 767px) {
  .p-high__support-block1 p {
    font-size: 4.8vw;
  }
}
.p-high__support-block1 .img1 {
  text-align: center;
  margin-top: 1.77083vw;
}
.p-high__support-block1 .note {
  text-align: center;
  font-size: 0.83333vw;
  line-height: 1.2;
  margin-top: 1.30208vw;
}
@media screen and (max-width: 767px) {
  .p-high__support-block1 .note {
    font-size: 4.26667vw;
  }
}
.p-high__message {
  padding-bottom: 10.41667vw;
}
.p-high__message .block1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.6875vw;
}
.p-high__message .block1-txt1 {
  width: 31.8407%;
  display: flex;
  justify-content: center;
}
.p-high__message .block1-txt1 .img1 {
  margin-bottom: 2.08333vw;
}
.p-high__message .block1-txt1 .job {
  font-size: 0.98958vw;
  margin-bottom: 0.9375vw;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt1 .job {
    font-size: 5.06667vw;
  }
}
.p-high__message .block1-txt1 .name {
  font-size: 1.97917vw;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt1 .name {
    font-size: 10.13333vw;
  }
}
.p-high__message .block1-txt1 .profile {
  font-size: 1.14583vw;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt1 .profile {
    font-size: 5.86667vw;
  }
}
.p-high__message .block1-txt1 .title {
  font-size: 1.19792vw;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt1 .title {
    font-size: 6.13333vw;
  }
}
.p-high__message .block1-txt1 .skill {
  border-top: 2px dotted #000;
  padding-top: 0.625vw;
  margin-top: 0.78125vw;
  font-size: 0.83333vw;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt1 .skill {
    font-size: 4.26667vw;
  }
}
.p-high__message .block1-txt2 {
  width: 64.9235%;
}
.p-high__message .block1-txt2 .h {
  font-size: 1.77083vw;
  font-weight: 700;
  line-height: 1.65;
  margin-bottom: 2.44792vw;
  color: #0081cc;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt2 .h {
    font-size: 9.06667vw;
  }
}
.p-high__message .block1-txt2 p {
  font-size: 1.04167vw;
  line-height: 2.11;
}
@media screen and (max-width: 767px) {
  .p-high__message .block1-txt2 p {
    font-size: 5.33333vw;
  }
}
.p-high__message .block2 {
  padding: 2.08333vw 0.78125vw;
  margin-bottom: 5.46875vw;
  border-image-source: url(../img/highschool/message_line1.svg);
  border-image-slice: 10;
  border-image-width: 0.52083vw;
  border-image-outset: 0;
  border-image-repeat: stretch;
  text-align: center;
  position: relative;
}
.p-high__message .block2:before, .p-high__message .block2:after {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -2.08333vw;
  content: "";
  border-top: 2.08333vw solid;
  border-left: 2.08333vw solid transparent;
  border-right: 2.08333vw solid transparent;
}
.p-high__message .block2:before {
  z-index: 1;
  border-top-color: #ffec3f;
  bottom: -2.03125vw;
}
.p-high__message .block2:after {
  z-index: 2;
  border-top-color: #fff;
  bottom: -1.5625vw;
}
.p-high__message .block2 p {
  font-size: 1.875vw;
  font-weight: 500;
  line-height: 2.05;
}
@media screen and (max-width: 767px) {
  .p-high__message .block2 p {
    font-size: 9.6vw;
  }
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-high-title1 {
    margin-bottom: 5.33333vw;
  }
  .p-high-title1 .h {
    font-size: 5.86667vw;
  }
  .p-high-btn1 a {
    padding: 1.33333vw 5.33333vw;
    min-width: initial;
    width: calc(100% - 21.33333vw);
    border-radius: 26.66667vw;
    font-size: 4.8vw;
  }
  .p-high-btn1 span {
    background-size: 5.33333vw;
    padding: 1.33333vw 8vw;
  }
  .p-high-wrap {
    max-width: initial;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
  .p-high-inner {
    max-width: initial;
  }
  .p-high-heading {
    margin-bottom: 26.66667vw;
  }
  .p-high-heading .box1 {
    clip-path: none;
  }
  .p-high-heading .line > * {
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
  }
  .p-high-heading .line.t1 {
    padding-top: 4vw;
    padding-bottom: 4vw;
    height: auto;
  }
  .p-high-heading .line.t2 {
    height: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .p-high-heading .t {
    font-size: 6.4vw;
  }
  .p-high-heading .l {
    font-size: 5.33333vw;
  }
  .p-high-heading .img1 {
    width: 100%;
    position: static;
  }
  .p-high-heading2 {
    margin-bottom: 10.66667vw;
  }
  .p-high-heading2 .line > * {
    margin-left: 5.33333vw;
    margin-right: 5.33333vw;
  }
  .p-high-heading2 .line.t1 {
    padding-top: 5.33333vw;
    padding-bottom: 5.33333vw;
  }
  .p-high-heading2 .t {
    font-size: 6.4vw;
  }
  .p-high-heading2.arrow:after {
    bottom: -5.06667vw;
    border-top-width: 5.33333vw;
    border-left-width: 5.33333vw;
    border-right-width: 5.33333vw;
    margin-left: -5.33333vw;
  }
  .p-high__kv {
    padding: 21.33333vw 5.33333vw 16vw;
    display: block;
  }
  .p-high__kv .box1 {
    padding-top: 0;
    margin-right: 0;
    width: auto;
  }
  .p-high__kv .img1 {
    margin-top: 5.33333vw;
    width: auto;
  }
  .p-high__kv .btn {
    margin-top: 8vw;
    max-width: initial;
    border-radius: 16vw;
    padding: 2.13333vw 5.33333vw;
    font-size: 4.8vw;
    text-align: center;
    box-shadow: 1.33333vw 1.6vw 1.33333vw #afc7e0;
  }
  .p-high__kv .btn span {
    background-size: 6.4vw;
  }
  .p-high__nav {
    margin-bottom: 8vw;
    max-width: initial;
  }
  .p-high__nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  .p-high__nav li {
    width: 48%;
    margin-left: 4%;
    margin-right: 0;
    margin-bottom: 5.33333vw;
  }
  .p-high__nav li:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-high__bnr {
    text-align: center;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-bottom: 13.33333vw;
  }
  .p-high__bnr p {
    margin-bottom: 8vw;
  }
  .p-high__bnr p:last-child {
    margin-bottom: 0;
  }
  .p-high__menu {
    display: none;
  }
  .p-high__about {
    margin-bottom: 26.66667vw;
  }
  .p-high__about .p-high-heading {
    margin-bottom: 16vw;
  }
  .p-high__about-block1 {
    margin-bottom: 10.66667vw;
  }
  .p-high__about-block1 .title {
    font-size: 6.93333vw;
    margin-bottom: 5.33333vw;
  }
  .p-high__about-block1 .lead {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
  .p-high__about-block1 .lead em {
    font-size: 4.8vw;
    text-decoration-thickness: 1.06667vw;
    text-underline-offset: 1.6vw;
  }
  .p-high__about-block2 {
    margin-bottom: 10.66667vw;
  }
  .p-high__about-block2 .title {
    font-size: 5.33333vw;
    margin-bottom: 8vw;
    text-decoration-thickness: 1.06667vw;
    text-underline-offset: 2.13333vw;
  }
  .p-high__about-block2 .title em {
    font-size: 8vw;
  }
  .p-high__study {
    margin-bottom: 26.66667vw;
  }
  .p-high__study .p-high-heading {
    margin-bottom: 13.33333vw;
  }
  .p-high__study-about {
    margin-bottom: 18.66667vw;
  }
  .p-high__study-about li {
    margin-bottom: 4vw;
  }
  .p-high__study-about li:nth-child(3) {
    margin-right: -2.66667vw;
  }
  .p-high__study-about .p-high-btn1 {
    margin-top: 8vw;
  }
  .p-high__study-pickup ul {
    display: block;
  }
  .p-high__study-pickup li {
    width: auto;
    margin-left: 0;
    margin-bottom: 13.33333vw;
  }
  .p-high__study-pickup li:nth-child(1) .icon {
    left: -2.66667vw;
  }
  .p-high__study-pickup li:last-child {
    margin-bottom: 0;
  }
  .p-high__study-pickup li .icon {
    width: 18.66667vw;
    top: -10.66667vw;
    left: -2.66667vw;
  }
  .p-high__choice {
    margin-bottom: 26.66667vw;
  }
  .p-high__choice .lead {
    font-size: 4.26667vw;
    margin-bottom: 10.66667vw;
    line-height: 1.9;
  }
  .p-high__choice .lead em {
    text-decoration-thickness: 1.06667vw;
    text-underline-offset: 1.6vw;
  }
  .p-high__choice .txt1 p {
    margin-bottom: 5.33333vw;
  }
  .p-high__choice .txt1 p:last-child {
    margin-bottom: 0;
  }
  .p-high__course {
    margin-bottom: 26.66667vw;
  }
  .p-high__course-heading {
    padding: 4.8vw 4vw;
    margin-bottom: 0;
  }
  .p-high__course-heading > * {
    margin-left: 0;
  }
  .p-high__course-heading .t {
    font-size: 5.86667vw;
  }
  .p-high__course-heading .t em {
    font-size: 7.46667vw;
  }
  .p-high__course-heading p {
    font-size: 3.2vw;
  }
  .p-high__course .p-high-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .p-high__course-block1 {
    margin-bottom: 0;
    flex-direction: column-reverse;
  }
  .p-high__course-block1.is-img-left {
    flex-direction: column-reverse;
  }
  .p-high__course-block1.is-img-left .box1 {
    border-radius: 0;
  }
  .p-high__course-block1 .box1 {
    width: auto;
    border-radius: 0;
    padding: 6.66667vw 5.33333vw;
  }
  .p-high__course-block1 .box1 .t {
    margin-bottom: 5.33333vw;
    font-size: 4.26667vw;
    padding: 2.13333vw;
    width: 48vw;
  }
  .p-high__course-block1 .box1 .t:after {
    border-top-width: 3.2vw;
    border-left-width: 2.66667vw;
    border-right-width: 2.66667vw;
    bottom: -3.2vw;
    margin-left: -2.66667vw;
  }
  .p-high__course-block1 .box1 p {
    font-size: 3.73333vw;
  }
  .p-high__course-block1 .img1 {
    width: auto;
    height: 85.33333vw;
  }
  .p-high__course-block1 .p-high-btn1 {
    margin-top: 5.33333vw;
    width: 100%;
  }
  .p-high__pbl {
    margin-bottom: 26.66667vw;
  }
  .p-high__pbl .p-high-heading {
    margin-bottom: 13.33333vw;
  }
  .p-high__pbl-block1 {
    margin-bottom: 10.66667vw;
  }
  .p-high__pbl-block1 .box1 {
    display: block;
  }
  .p-high__pbl-block1 .box1-txt1 {
    width: auto;
    margin-bottom: 5.33333vw;
    font-size: 4.26667vw;
  }
  .p-high__pbl-block1 .box1-img1 {
    width: auto;
  }
  .p-high__pbl-block2 {
    margin-bottom: 10.66667vw;
  }
  .p-high__pbl-block2 ul {
    flex-wrap: wrap;
  }
  .p-high__pbl-block2 li {
    width: 28vw;
    height: 28vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.33333vw;
    margin-bottom: 2.66667vw;
  }
  .p-high__pbl-block2 p {
    font-size: 4.26667vw;
    margin-top: 1.33333vw;
  }
  .p-high__pbl-block2 img {
    width: 12vw;
  }
  .p-high__heishu {
    margin-bottom: 26.66667vw;
  }
  .p-high__heishu .p-high-heading {
    margin-bottom: 13.33333vw;
  }
  .p-high__heishu-block1 {
    margin-bottom: 10.66667vw;
  }
  .p-high__heishu-block1 .h {
    font-size: 5.33333vw;
    margin-bottom: 5.33333vw;
  }
  .p-high__heishu-block1 .t {
    padding: 4vw 5.33333vw;
    margin-bottom: 5.33333vw;
  }
  .p-high__heishu-block1 .l {
    font-size: 3.73333vw;
    line-height: 1.95;
  }
  .p-high__heishu-block1 .l em {
    text-decoration-thickness: 1.06667vw;
    text-underline-offset: 1.33333vw;
  }
  .p-high__heishu .p-high-btn1 {
    margin-top: 10.66667vw;
  }
  .p-high__support {
    margin-bottom: 16vw;
  }
  .p-high__support .p-high-heading {
    margin-bottom: 13.33333vw;
  }
  .p-high__support-block1 {
    margin-bottom: 10.66667vw;
  }
  .p-high__support-block1 ul {
    display: block;
  }
  .p-high__support-block1 li {
    width: auto;
    margin-left: 0;
    margin-bottom: 5.33333vw;
    padding: 8vw 5.33333vw;
    border-image-source: url(../img/highschool/support_line1.svg);
    border-image-slice: 10;
    border-image-width: 2.66667vw;
    border-image-outset: 0;
    border-image-repeat: stretch;
  }
  .p-high__support-block1 .h {
    font-size: 6.4vw;
    margin-bottom: 4vw;
  }
  .p-high__support-block1 p {
    font-size: 3.73333vw;
  }
  .p-high__support-block1 .img1 {
    margin-top: 9.06667vw;
  }
  .p-high__support-block1 .note {
    font-size: 2.66667vw;
    margin-top: 4vw;
  }
  .p-high__message {
    padding-bottom: 0;
  }
  .p-high__message .block1 {
    display: block;
    margin-bottom: 10.66667vw;
  }
  .p-high__message .block1-txt1 {
    display: block;
    width: auto;
    margin-bottom: 9.33333vw;
  }
  .p-high__message .block1-txt1 .inner {
    display: flex;
    justify-content: space-between;
  }
  .p-high__message .block1-txt1 .img1 {
    margin-bottom: 0;
    width: 37%;
  }
  .p-high__message .block1-txt1 .img1 + div {
    width: 58%;
  }
  .p-high__message .block1-txt1 .job {
    font-size: 3.73333vw;
    margin-bottom: 1.6vw;
  }
  .p-high__message .block1-txt1 .name {
    font-size: 6.4vw;
  }
  .p-high__message .block1-txt1 .profile {
    font-size: 4.8vw;
  }
  .p-high__message .block1-txt1 .title {
    font-size: 3.73333vw;
  }
  .p-high__message .block1-txt1 .skill {
    padding-top: 2.13333vw;
    margin-top: 2.66667vw;
    font-size: 2.93333vw;
  }
  .p-high__message .block1-txt2 {
    width: auto;
  }
  .p-high__message .block1-txt2 .h {
    font-size: 6.66667vw;
    margin-bottom: 5.33333vw;
  }
  .p-high__message .block1-txt2 p {
    font-size: 3.73333vw;
    line-height: 1.9;
  }
  .p-high__message .block2 {
    padding: 4vw;
    margin-bottom: 13.33333vw;
    border-image-source: url(../img/highschool/message_line1.svg);
    border-image-slice: 10;
    border-image-width: 5.33333vw;
    border-image-outset: 0;
    border-image-repeat: stretch;
    text-align: left;
  }
  .p-high__message .block2:before, .p-high__message .block2:after {
    margin-left: -6.66667vw;
    border-top-width: 6.66667vw;
    border-left-width: 6.66667vw;
    border-right-width: 6.66667vw;
  }
  .p-high__message .block2:before {
    bottom: -6.4vw;
  }
  .p-high__message .block2:after {
    bottom: -5.6vw;
  }
  .p-high__message .block2 p {
    font-size: 4.8vw;
  }
}