@font-face {
  font-family: "kikakana-21";
  src: url("../font/kikakana-21/Kikakana-21-Bold.woff") format("woff");
}
.page_school-life_facilities .movie_block {
  margin-bottom: clamp(60px, 6.25vw, 100px);
}
.page_school-life_facilities .imgs {
  display: grid;
  gap: clamp(10px, 1.5vw, 20px);
}
.page_school-life_facilities .imgs .img {
  position: relative;
}
.page_school-life_facilities .imgs .img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.page_school-life_facilities .imgs .img .caption {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .page_school-life_facilities .imgs .img .caption {
    font-size: 16px;
  }
}
.page_school-life_facilities .imgs .img.cap-bl .caption {
  bottom: 1.25em;
  left: 1.25em;
}
.page_school-life_facilities .imgs .img.cap-br .caption {
  bottom: 1.25em;
  right: 1.25em;
}
.page_school-life_facilities .imgs .img-1 {
  grid-area: img1;
}
.page_school-life_facilities .imgs .img-2 {
  grid-area: img2;
}
.page_school-life_facilities .imgs .img-3 {
  grid-area: img3;
}
.page_school-life_facilities .imgs .img-4 {
  grid-area: img4;
}
.page_school-life_facilities .imgs + .imgs {
  margin-top: clamp(10px, 1.5vw, 20px);
}
.page_school-life_facilities .imgs-1 {
  grid-template: "img1" auto "img2" auto "img3" auto "img4" auto/1fr;
}
@media screen and (min-width: 425px) {
  .page_school-life_facilities .imgs-1 {
    grid-template: "img1  img2  img2" auto "img1  img3  img4" auto/39.2857% 1fr minmax(100px, 21.5%);
  }
}
.page_school-life_facilities .imgs-2 {
  grid-template: "img1" auto "img2" auto "img3" auto/1fr;
}
@media screen and (min-width: 425px) {
  .page_school-life_facilities .imgs-2 {
    grid-template: "img1  img3" 43.3962% "img2  img3" auto/59.2857% 1fr;
  }
}
.page_school-life_facilities .imgs-3 {
  grid-template: "img1" 1fr/1fr;
}
.page_school-life_facilities .imgs-4 {
  grid-template: "img1" auto "img2" auto "img3" auto/1fr;
}
@media screen and (min-width: 425px) {
  .page_school-life_facilities .imgs-4 {
    grid-template: "img1  img2" 54.717% "img1  img3" auto/39.2857% 1fr;
  }
}