@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Shippori+Antique&display=swap");
@import url("lib/ress.min.css");
@import url("lib/slick.css");
.p-environment .p-intro {
  padding: 0 0 10.6rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-intro {
    padding: 0 0 5rem;
  }
}
.p-environment .p-intro .txt {
  font-size: 2rem;
  font-weight: 500;
  padding: 9.5rem 0 0;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-environment .p-intro .txt {
    font-size: 1.6rem;
    line-height: 1.75;
    padding: 4.3rem 0 0;
  }
}
.p-environment .p-intro .navi {
  display: flex;
  justify-content: space-between;
  padding: 9.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-environment .p-intro .navi {
    flex-direction: column;
    gap: 2rem;
    padding: 4.1rem 0 0;
  }
}
.p-environment .p-intro .navi .c-btn-4 {
  width: 34.7rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-intro .navi .c-btn-4 {
    width: 100%;
  }
}
.p-environment .p-school {
  background: url(../img/environment_school_bg.webp) no-repeat 50% 0/cover;
  border-radius: 1rem;
  padding: 12.3rem 0 14rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school {
    padding: 5.3rem 0 6.8rem;
  }
}
.p-environment .p-school .c-ttl-2 {
  margin-bottom: 9.7rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .c-ttl-2 {
    margin-bottom: 6.5rem;
  }
}
.p-environment .p-school .section-1 .lead {
  color: var(--white);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.85;
  padding: 1.6rem 0 4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .lead {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 2.6rem 0 1.2rem;
  }
}
.p-environment .p-school .section-1 .visual {
  background: url(../img/environment_school_visual_bg.webp) no-repeat 0 0/contain;
  display: flex;
  justify-content: space-between;
  height: 43.5rem;
  margin: 0 auto 4rem;
  padding: 0 0 0.5rem;
  width: 90rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .visual {
    align-items: center;
    background: url(../img/environment_school_visual_bg_sp.webp) no-repeat 0 0/contain;
    flex-direction: column;
    height: 64.9rem;
    justify-content: space-between;
    margin: 0 auto 1.2rem;
    padding: 1.8rem 0;
    width: 32rem;
  }
}
.p-environment .p-school .section-1 .visual > div {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 43.5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .visual > div {
    height: 28rem;
    width: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .visual > div:last-child {
    padding: 0 0 2rem;
  }
}
.p-environment .p-school .section-1 .visual-ttl {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 4.2rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  height: 8rem;
  margin-top: -1rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .visual-ttl {
    font-size: 3.2rem;
  }
}
.p-environment .p-school .section-1 .visual-ttl small {
  font-size: 1.8rem;
  padding: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .visual-ttl small {
    font-size: 1.4rem;
    padding: 1rem 0 2rem;
  }
}
.p-environment .p-school .section-1 .visual-txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.45;
  margin: 2.2rem 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-1 .visual-txt {
    font-size: 1.6rem;
    margin: 0;
  }
}
.p-environment .p-school .section-2 .c-ttl-4 {
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-2 .c-ttl-4 {
    margin-bottom: 3.2rem;
  }
}
.p-environment .p-school .section-2 .c-grid-2col {
  padding: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-2 .c-grid-2col {
    padding: 0 2.4rem;
  }
}
.p-environment .p-school .section-2 .c-rbox-1 {
  min-height: 19.6rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-school .section-2 .c-rbox-1 {
    min-height: 0;
  }
}
.p-environment .p-school .section-2 .c-rbox-1 .c-box-txt-1 {
  margin: 0 0 1rem;
}
.p-environment .p-benefits {
  padding: 13.2rem 0 14rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits {
    padding: 6.1rem 0 6rem;
  }
}
.p-environment .p-benefits .c-ttl-2 {
  margin-bottom: 9.5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .c-ttl-2 {
    margin-bottom: 6.8rem;
  }
}
.p-environment .p-benefits .lead {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 1.8rem 0 6.2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .lead {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 2.8rem 0 3.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .section-1 .c-grid-4col {
    padding: 0 2.4rem;
  }
}
.p-environment .p-benefits .section-1 .c-rbox-2 {
  min-height: 26.5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .section-1 .c-rbox-2 {
    min-height: 0;
  }
}
.p-environment .p-benefits .section-2 {
  padding: 8.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .section-2 {
    padding: 4.9rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .section-2 .c-grid-3col {
    padding: 0 2.4rem;
  }
}
.p-environment .p-benefits .section-2 .c-rbox-2 {
  min-height: 19.6rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-benefits .section-2 .c-rbox-2 {
    min-height: 0;
  }
}
.p-environment .p-events {
  background: url(../img/environment_school_bg.webp) no-repeat 50% 0/cover;
  border-radius: 1rem;
  padding: 12.3rem 0 11rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events {
    padding: 5.3rem 0 6rem;
  }
}
.p-environment .p-events .c-ttl-2 {
  margin-bottom: 9.6rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events .c-ttl-2 {
    margin-bottom: 5.7rem;
  }
}
.p-environment .p-events .lead {
  color: var(--white);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events .lead {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.p-environment .p-events-items {
  padding: 6.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events-items {
    padding: 4.5rem 0 0;
  }
}
.p-environment .p-events-item {
  background: var(--white);
  border-radius: 1rem;
  height: 49rem;
  margin: 0 2rem;
  overflow: hidden;
  width: 43rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events-item {
    height: 29.5rem;
    margin: 0 0.85rem;
    width: 25.9rem;
  }
}
.p-environment .p-events-item-meta {
  padding: 3.5rem 3.6rem 5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events-item-meta {
    padding: 2rem 2rem 1rem;
  }
}
.p-environment .p-events-item-meta .date {
  color: #8F8F8F;
  display: block;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events-item-meta .date {
    margin: 0 0 0.5rem;
  }
}
.p-environment .p-events-item-meta .ttl {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events-item-meta .ttl {
    font-size: 1.6rem;
  }
}
.p-environment .p-events-item-img img {
  height: auto;
}
.p-environment .p-events .slick-track {
  margin-left: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events .slick-track {
    margin-left: 0;
  }
}
.p-environment .p-events .slick-dots {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 3.4rem;
  padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-environment .p-events .slick-dots {
    padding: 2.5rem 0 0;
  }
}
.p-environment .p-events .slick-dots li button {
  border: 1px solid var(--white);
  border-radius: 50%;
  height: 1rem;
  overflow: hidden;
  text-indent: -9999px;
  width: 1rem;
  zoom: 1;
}
.p-environment .p-events .slick-dots li.slick-active button {
  background: var(--white);
}/*# sourceMappingURL=environment.css.map */