.s-profile .p-section_title__area:after {
  content: "PROFILE";
}
.s-profile .profile__teachers li .photo {
  display: block;
  margin-bottom: 1rem;
  padding: 4rem 0;
  position: relative;
  text-align: center;
  background-size: 60% 100%;
  background-repeat: no-repeat;
}
.s-profile .profile__teachers li .photo:before {
  content: "";
  display: block;
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
}
.s-profile .profile__teachers li .photo img {
  max-width: 300px;
  border-radius: 0.5rem;
}
.s-profile .profile__teachers li .text {
  max-width: 300px;
  margin: auto;
}
.s-profile .profile__teachers li .name {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  font-family: var(--f_serif01);
  font-size: var(--f28);
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(to right, #F6DCE6, #fff) 1;
     border-image: linear-gradient(to right, #F6DCE6, #fff) 1;
}
.s-profile .profile__teachers li .description p + p {
  margin-top: 1rem;
}
.s-profile .profile__teachers li:nth-of-type(1) .photo:before {
  background-image: url(../img/about-profie__bg01.jpg);
}
.s-profile .profile__teachers li:nth-of-type(2) .photo:before {
  background-image: url(../img/about-profie__bg02.jpg);
}
.s-profile .profile__teachers li + li {
  margin-top: 4rem;
}
.s-profile .profile__teachers_image {
  display: block;
  margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  .s-profile {
    padding: clamp(1rem, 2.6041666667vw, 3.125rem) 0;
  }
  .s-profile .p-section_title__area {
    margin-bottom: clamp(3rem, 8.4375vw, 10.125rem);
  }
  .s-profile .profile__teachers {
    margin-bottom: clamp(1rem, 4.6875vw, 5.625rem);
  }
  .s-profile .profile__teachers li {
    display: flex;
    gap: 5%;
  }
  .s-profile .profile__teachers li + li {
    margin-top: clamp(1rem, 9.8958333333vw, 11.875rem);
  }
  .s-profile .profile__teachers li .photo {
    width: 50%;
    padding: 5rem 0;
    text-align: right;
  }
  .s-profile .profile__teachers li .photo:before {
    width: 100%;
    left: calc(clamp(1rem, 5.2083333333vw, 6.25rem) * -1);
  }
  .s-profile .profile__teachers li .photo img {
    max-width: 364px;
    border-radius: 1rem;
  }
  .s-profile .profile__teachers li .text {
    max-width: 610px;
    font-size: var(--f18);
  }
  .s-profile .profile__teachers li .text .description p + p {
    margin-top: 2rem;
  }
}
.s-access {
  padding: 4rem 0;
}
.s-access .p-section_title__area:after {
  content: "ACCESS";
}
.s-access .access__item .title {
  padding: 0.5rem 0;
  font-family: var(--f_serif01);
  font-size: var(--f24);
}
.s-access .access__item + .access__item {
  margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  .s-access {
    padding: 4rem 0 clamp(4rem, 5.7291666667vw, 6.875rem);
  }
  .s-access .p-section_title__area {
    margin-bottom: clamp(3rem, 4.1666666667vw, 5rem);
  }
  .s-access .access__map_wrapper {
    display: flex;
    justify-content: space-between;
  }
  .s-access .access__item {
    width: 45%;
  }
  .s-access .access__item + .access__item {
    margin-top: 0rem;
  }
  .s-access .access__item .title {
    padding: 1rem 0;
  }
  .s-access .access__item .description {
    font-size: var(--f18);
  }
}
.s-calender {
  padding: 4rem 0;
  background-color: var(--color_mono05);
}
.s-calender .p-section_title__area:before {
  background-image: url(../img/p-section_title__bg__white.png);
}
.s-calender .p-section_title__area:after {
  content: "CALENDER";
  color: var(--color_mono02);
}

@media screen and (min-width: 768px) {
  .s-calender {
    padding: clamp(1rem, 6.25vw, 7.5rem) 0;
  }
  .s-calender iframe {
    height: 700px;
  }
}
.s-pc {
  padding: 4rem 0 0;
}
.s-pc .pc__img {
  display: block;
  width: 95vw;
  margin: 0 auto 1rem;
}
.s-pc .pc__img img {
  width: 100%;
}
.s-pc .pc__text {
  padding: 2rem;
  position: relative;
}
.s-pc .pc__text:after {
  content: "";
  display: block;
  width: 100vw;
  height: calc(100% + 5rem);
  position: absolute;
  top: -5rem;
  left: 0;
  right: 0;
  background-color: var(--color_yellow03);
  z-index: -1;
}
.s-pc .pc__text .title {
  margin-bottom: 1rem;
  font-family: var(--f_serif01);
  font-size: var(--f38);
}

@media screen and (min-width: 768px) {
  .s-pc {
    display: flex;
    align-items: center;
    margin-top: clamp(1rem, 3.125vw, 3.75rem);
    padding: clamp(1rem, 4.6875vw, 5.625rem) 0;
    position: relative;
  }
  .s-pc .pc__img {
    max-width: 976px;
    border-radius: 0 0.5rem 0.5rem 0;
    overflow: hidden;
  }
  .s-pc .pc__text {
    padding-right: calc((100vw - 1200px) / 2);
    position: static;
    font-size: var(--f18);
  }
  .s-pc .pc__text:after {
    width: 70%;
    height: 100%;
    top: 0;
    left: auto;
    right: 0;
  }
}/*# sourceMappingURL=about.css.map */