@media screen and (max-width: 768px) {
  .page_school-life_event .shift_shadow_main_image .img .catch {
    translate: 0 30%;
  }
  .page_school-life_event .shift_shadow_main_image {
    margin-bottom: 25%;
  }
}
.page_school-life_event .block:has(.events_imgs) {
  margin-top: clamp(60px, 6.25vw, 100px);
}
.page_school-life_event .events_imgs {
  position: relative;
}
.page_school-life_event .events_imgs > .inner {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .page_school-life_event .events_imgs > .inner {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr min(40%, 540px);
  }
}
.page_school-life_event .deco {
  position: absolute;
  z-index: -1;
}
.page_school-life_event .deco1 {
  aspect-ratio: 2.3099;
  left: 11.125vw;
  top: 0;
  width: clamp(70px, 17.57143vw, 246px);
}
.page_school-life_event .deco2 {
  aspect-ratio: 2.4471;
  left: 50%;
  top: 0;
  width: clamp(280px, 62vw, 868px);
}
.page_school-life_event .deco3 {
  aspect-ratio: 2.3099;
  left: 0;
  width: clamp(70px, 17.57143vw, 246px);
}
.page_school-life_event .deco4 {
  aspect-ratio: 2.3099;
  left: 50%;
  width: clamp(70px, 17.57143vw, 246px);
}
.page_school-life_event .deco5 {
  aspect-ratio: 2.5831;
  left: -3.125vw;
  width: clamp(140px, 36.07143vw, 505px);
}
.page_school-life_event .deco6 {
  aspect-ratio: 2.6905;
  left: 39.0625%;
  width: clamp(140px, 37.57143vw, 526px);
}
.page_school-life_event .deco7 {
  aspect-ratio: 2.7021;
  left: 0;
  width: clamp(220px, 60.85714vw, 852px);
}
.page_school-life_event .deco8 {
  aspect-ratio: 2.7168;
  right: 0;
  width: clamp(240px, 72.28571vw, 1012px);
}
.page_school-life_event .deco9 {
  aspect-ratio: 2.485;
  bottom: 0;
  left: -3.125vw;
  width: clamp(90px, 26.71429vw, 374px);
}
.page_school-life_event .events {
  padding-bottom: 9.375vw;
  padding-left: 5vw;
}
.page_school-life_event .events .month {
  display: grid;
  -webkit-column-gap: 3vw;
  -moz-column-gap: 3vw;
  column-gap: 3vw;
  grid-template-columns: auto 1fr;
}
.page_school-life_event .events .lbl .circle {
  aspect-ratio: 1;
  background: #ffffff;
  border: 1px solid #00B9EF;
  border-radius: 50%;
  color: #00B9EF;
  display: grid;
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1;
  place-content: center;
  place-items: center;
  width: clamp(70px, 9.375vw, 150px);
}
.page_school-life_event .events .val {
  padding-bottom: 3vw;
}
@media screen and (min-width: 768px) {
  .page_school-life_event .events .lbl .circle {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .page_school-life_event .events .lbl .circle {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .page_school-life_event .events .lbl .circle {
    font-size: 20px;
  }
}
.page_school-life_event .events .lbl .circle span {
  font-family: "Fugaz One", sans-serif;
  font-size: clamp(26px, 3.75vw, 60px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1;
  margin-right: 0.2em;
}
.page_school-life_event .events .month:not(:last-child) .lbl {
  display: grid;
  grid-template-rows: auto 1fr;
  place-items: center;
}
.page_school-life_event .events .month:not(:last-child) .lbl:after {
  background: #00B9EF;
  content: "";
  display: block;
  height: 100%;
  min-height: 2em;
  width: 1px;
}
.page_school-life_event .events .val ul {
  font-size: 16px;
  letter-spacing: 0em;
  line-height: 1.9444;
  padding-block: 1.5em;
}
@media screen and (min-width: 768px) {
  .page_school-life_event .events .val ul {
    font-size: 18px;
  }
}
.page_school-life_event .events .val ul li::before {
  background: #FFF100;
}
.page_school-life_event .imgs {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 576px) {
  .page_school-life_event .imgs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .page_school-life_event .imgs {
    grid-template-columns: 1fr;
  }
}
.page_school-life_event .imgs .item {
  border: 2px solid #215FA6;
  border-radius: 20px;
  padding: clamp(20px, 2.14286vw, 30px);
  text-align: center;
}
.page_school-life_event .imgs .item:nth-child(4n+1) {
  background: #FFF580;
}
.page_school-life_event .imgs .item:nth-child(4n+2) {
  background: #F9BE65;
}
.page_school-life_event .imgs .item:nth-child(4n+3) {
  background: #73CB49;
}
.page_school-life_event .imgs .item:nth-child(4n) {
  background: #AEA4D0;
}
.page_school-life_event .imgs .item .img img {
  border: 2px solid #215FA6;
  border-radius: 15px;
  width: 100%;
}
.page_school-life_event .imgs .item .h {
  font-size: 20px;
  letter-spacing: 0.04em;
  line-height: 0.8846;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .page_school-life_event .imgs .item .h {
    font-size: 22px;
  }
}
@media screen and (min-width: 992px) {
  .page_school-life_event .imgs .item .h {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .page_school-life_event .imgs .item .h {
    font-size: 26px;
  }
}
.page_school-life_event .imgs .item .d {
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1.6875;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .page_school-life_event .imgs .item .d {
    font-size: 16px;
  }
}