/* common
---------------------------------------------------------------------------- */
.p-campuslife-ttl {
  font-size: 3.5rem;
  line-height: 1.4857142857;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.p-campuslife-ttl::before {
  content: "";
  width: 11.36rem;
  aspect-ratio: 113.6/14.2;
  background-image: url(./../../../images/education/campuslife/icn_ttl.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 1rem;
}

@media screen and (max-width: 767px) {
  .p-campuslife-ttl {
    font-size: 6.9333333333vw;
  }
  .p-campuslife-ttl::before {
    width: 26.4vw;
    aspect-ratio: 99/12.63;
    translate: -50% 2.1333333333vw;
  }
}
/* lead
---------------------------------------------------------------------------- */
.p-lead {
  padding-bottom: 8rem;
}

.p-lead-txt {
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
}
.p-lead-txt span {
  font-size: 3.5rem;
  line-height: 1.3428571429;
  letter-spacing: 0.06em;
  font-weight: 700;
}
.p-lead-txt ._light-blue {
  color: #13b8c9;
}
.p-lead-txt ._pink {
  color: #FB73A2;
}

@media screen and (max-width: 767px) {
  .p-lead {
    padding-bottom: 13.3333333333vw;
  }
  .p-lead-txt {
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
  .p-lead-txt span {
    font-size: 6.9333333333vw;
  }
}
/* p-schedule
---------------------------------------------------------------------------- */
.p-schedule {
  padding-block: 8rem 10rem;
  background: url(./../../../images/education/campuslife/bg_schedule_pc.png) no-repeat center top/cover;
}

.p-schedule-box {
  padding-block: 4rem 5rem;
  padding-inline: 10rem;
  background: url(./../../../images/education/campuslife/bg_schedule_box_pc.png) no-repeat center/cover;
}
.p-schedule-box > :nth-child(1) {
  margin-bottom: 1.3rem;
}
.p-schedule-box > :nth-child(2) {
  margin-bottom: 4rem;
}
.p-schedule-box > :nth-child(3) {
  margin-bottom: 8rem;
}
.p-schedule-box > :nth-child(4) {
  margin-bottom: 5rem;
}

.p-schedule-subttl {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: center;
  align-items: end;
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 1.5;
  column-gap: 1rem;
  text-align: center;
  margin-bottom: 4rem;
}
.p-schedule-subttl::before, .p-schedule-subttl::after {
  content: "";
  width: 1.956rem;
  aspect-ratio: 19.56/23.43;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-schedule-subttl::before {
  background-image: url(./../../../images/education/campuslife/icn_event_pickup_ttl_left.svg);
}
.p-schedule-subttl::after {
  background-image: url(./../../../images/education/campuslife/icn_event_pickup_ttl_right.svg);
}

.p-schedule-list {
  width: 100rem;
  margin-inline: auto;
}

.p-schedule-item {
  display: grid;
  grid-template: "clock . ." 1.7rem "clock . time" auto "clock . ." 4rem "clock . body" auto "clock . ." 1fr/auto 3rem auto;
  justify-content: start;
  position: relative;
}
.p-schedule-item:nth-of-type(1) {
  height: 32.629rem;
  margin-bottom: 5rem;
}
.p-schedule-item:nth-of-type(2) {
  height: 27.211rem;
  margin-bottom: 2.4rem;
  margin-left: 57.2rem;
}
.p-schedule-item:nth-of-type(2)::before {
  content: "";
  width: 14.118rem;
  aspect-ratio: 141.18/81.64;
  background-image: url(./../../../images/education/campuslife/icn_img_schedule_item02.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 9.58rem;
}
.p-schedule-item:nth-of-type(3) {
  height: 24.941rem;
  margin-left: 10.7rem;
  margin-bottom: 3.5rem;
}
.p-schedule-item:nth-of-type(4) {
  height: 24.906rem;
  margin-left: 45rem;
  margin-bottom: 8.9rem;
}
.p-schedule-item:nth-of-type(4)::before {
  content: "";
  width: 3.706rem;
  aspect-ratio: 37.06/41.32;
  background-image: url(./../../../images/education/campuslife/icn_schedule_item04_02.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 1.9rem;
  right: 36.5rem;
}
.p-schedule-item:nth-of-type(5) {
  grid-template: "clock . time" auto "clock . ." 4rem "clock . body" auto "clock . ." 1fr/auto 3rem auto;
  height: 22.145rem;
  margin-left: 0.7rem;
}
.p-schedule-item:nth-of-type(5) .p-schedule-item-img-wrap::before {
  top: -1rem;
}
.p-schedule-item:nth-of-type(5) .p-schedule-item-img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.p-schedule-item-body {
  grid-area: body;
}

.p-schedule-item-img-wrap {
  grid-area: clock;
  overflow: hidden;
  position: relative;
  width: 8rem;
}
.p-schedule-item-img-wrap::before {
  content: "";
  width: 0.3rem;
  height: 100%;
  background-image: url(./../../../images/education/campuslife/icn_clock_border.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 8.6rem;
  left: 50%;
  translate: -50%;
}

.p-schedule-item-img {
  width: 8rem;
  aspect-ratio: 80/76;
}
.p-schedule-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item-time {
  grid-area: time;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: start;
  column-gap: 2rem;
  font-size: 3rem;
  line-height: 1.1333333333;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #51C8D5;
  font-family: "Montserrat";
}
.p-schedule-item-time span {
  display: grid;
  place-content: center;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.06em;
  font-weight: 700;
  font-family: "Noto Sans JP";
  color: #fff;
  background-color: #FB73A2;
  width: 10rem;
  height: 3.8rem;
}

.p-schedule-item-txt {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.06em;
  font-weight: 400;
}

.p-schedule-item01-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-left: -2.8rem;
}

.p-schedule-item01-item > :nth-child(1) {
  margin-bottom: 0.3rem;
}
.p-schedule-item01-item > :nth-child(2) {
  margin-bottom: 0.6rem;
}

.p-schedule-item01-item-img {
  width: 12.4rem;
  aspect-ratio: 1;
  margin-inline: auto;
}
.p-schedule-item01-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item01-item-ttl {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
}

.p-schedule-item01-item-txt {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  letter-spacing: 0.06em;
  font-weight: 400;
  text-align: center;
}

.p-schedule-item01-img {
  position: absolute;
  top: 4.4rem;
  right: 0;
  width: 27.9rem;
  aspect-ratio: 279/192;
}
.p-schedule-item01-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item01-box-wrap {
  position: absolute;
  bottom: 0;
  right: 6.8rem;
}

.p-schedule-item01-box {
  display: grid;
  place-content: center;
  width: 23rem;
  height: 6.736rem;
  background-color: #fff;
  border-radius: 1rem;
  border: 0.4rem solid #13b8c9;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #13b8c9;
  position: relative;
}
.p-schedule-item01-box::before, .p-schedule-item01-box::after {
  content: "";
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  top: 50%;
  left: 0%;
}
.p-schedule-item01-box::before {
  background-color: #13b8c9;
  width: 1.35rem;
  height: 2.7rem;
  transform: translate(-110%, -50%);
}
.p-schedule-item01-box::after {
  background-color: #fff;
  width: 1rem;
  height: 2rem;
  transform: translate(-95%, -50%);
}

.p-schedule-item02-img {
  position: absolute;
  top: 1rem;
  left: -37.6rem;
  width: 34.7rem;
  aspect-ratio: 347/241;
}
.p-schedule-item02-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item02-box-wrap {
  position: absolute;
  bottom: 3.6rem;
  left: -55.9rem;
}

.p-schedule-item02-box {
  display: grid;
  place-content: center;
  width: 18.3rem;
  height: 11.936rem;
  background-color: #fff;
  border-radius: 1rem;
  border: 0.4rem solid #13b8c9;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  color: #13b8c9;
  position: relative;
}
.p-schedule-item02-box::before, .p-schedule-item02-box::after {
  content: "";
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  right: 0%;
}
.p-schedule-item02-box::before {
  background-color: #13b8c9;
  width: 1.35rem;
  height: 2.7rem;
  transform: translate(110%, -50%);
}
.p-schedule-item02-box::after {
  background-color: #fff;
  width: 1rem;
  height: 2rem;
  transform: translate(95%, -50%);
}

.p-schedule-item03-img {
  position: absolute;
  top: 0.3rem;
  right: 10.6rem;
  width: 34.7rem;
  aspect-ratio: 347/239;
}
.p-schedule-item03-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item04-img-wrap {
  position: absolute;
  top: 0.9rem;
  left: -2.1rem;
  translate: -100%;
}

.p-schedule-item04-img {
  width: 34.7rem;
  aspect-ratio: 347/241;
  position: relative;
}
.p-schedule-item04-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.p-schedule-item04-img::before {
  content: "";
  width: 8.3rem;
  aspect-ratio: 83/95;
  background-image: url(./../../../images/education/campuslife/icn_schedule_item04_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5rem;
  left: 0.9rem;
  translate: -100%;
}

.p-schedule-item05-01-img-wrap {
  position: absolute;
  top: -5.2rem;
  left: 40.4rem;
}

.p-schedule-item05-01-img {
  width: 27.9rem;
  aspect-ratio: 279/194;
}
.p-schedule-item05-01-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item05-01-box {
  display: grid;
  place-content: center;
  width: 23rem;
  height: 6.736rem;
  background-color: #fff;
  border-radius: 1rem;
  border: 0.4rem solid #13b8c9;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #13b8c9;
  position: relative;
  top: 1.6rem;
  left: 50%;
  translate: -50%;
}
.p-schedule-item05-01-box::before, .p-schedule-item05-01-box::after {
  content: "";
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  position: absolute;
  top: 0%;
  left: 50%;
}
.p-schedule-item05-01-box::before {
  width: 2.7rem;
  height: 1.35rem;
  background-color: #13b8c9;
  transform: translate(-50%, -110%);
}
.p-schedule-item05-01-box::after {
  width: 2rem;
  height: 1rem;
  background-color: #fff;
  transform: translate(-50%, -95%);
}

.p-schedule-item05-02-img-wrap {
  position: absolute;
  top: -3.6rem;
  left: 71.4rem;
}

.p-schedule-item05-02-img {
  width: 27.9rem;
  aspect-ratio: 279/192;
}
.p-schedule-item05-02-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-item05-02-box {
  display: grid;
  place-content: center;
  width: 23rem;
  height: 6.736rem;
  background-color: #fff;
  border-radius: 1rem;
  border: 0.4rem solid #13b8c9;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #13b8c9;
  position: relative;
  top: -1.4rem;
  left: 50%;
  translate: -50%;
}
.p-schedule-item05-02-box::before, .p-schedule-item05-02-box::after {
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: 0%;
  left: 50%;
}
.p-schedule-item05-02-box::before {
  width: 2.7rem;
  height: 1.35rem;
  background-color: #13b8c9;
  transform: translate(-50%, 110%);
}
.p-schedule-item05-02-box::after {
  width: 2rem;
  height: 1rem;
  background-color: #fff;
  transform: translate(-50%, 95%);
}

.p-schedule-content {
  width: 92rem;
  margin-inline: auto;
  border-bottom: 4px dotted #13b8c9;
  padding: 4rem 0 3rem;
  background-color: #fff;
  border: 0.4rem solid #13b8c9;
  border-radius: 1rem;
  position: relative;
}
.p-schedule-content > :nth-child(1) {
  margin-bottom: 2.8rem;
}
.p-schedule-content > :nth-child(2) {
  margin-bottom: 2rem;
}

.p-schedule-content-ttl {
  font-size: 2.2rem;
  line-height: 1.8181818182;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #13b8c9;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  padding: 0 1.5rem;
  background-color: #fff;
}

.p-schedule-content-txt-wrap {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  gap: 0 9.3rem;
  margin-left: 17rem;
}

.p-schedule-content-txt {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  align-items: center;
  column-gap: 1.3rem;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  letter-spacing: 0.06em;
  font-weight: 700;
}
.p-schedule-content-txt::before, .p-schedule-content-txt::after {
  content: "";
  width: 0.2rem;
  height: 2.3rem;
  border-radius: 10vmax;
  background-color: currentColor;
}
.p-schedule-content-txt::before {
  rotate: -35deg;
}
.p-schedule-content-txt::after {
  rotate: 33deg;
}

.p-schedule-content-img-wrap {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  justify-items: center;
  column-gap: 1.6rem;
  position: relative;
}
.p-schedule-content-img-wrap > :nth-child(2) {
  margin-top: 1.75rem;
}
.p-schedule-content-img-wrap::before, .p-schedule-content-img-wrap::after {
  content: "";
  width: 4rem;
  height: 4.4rem;
  background-image: url(./../../../images/education/campuslife/icn_schedule_content.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.p-schedule-content-img-wrap::before {
  bottom: 2.7rem;
  left: 3rem;
}
.p-schedule-content-img-wrap::after {
  top: -1.9rem;
  right: 3rem;
}

.p-schedule-content-img {
  width: 23.8rem;
  aspect-ratio: 238/161;
}
.p-schedule-content-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-schedule-txt {
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: center;
  column-gap: 0.3rem;
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #FB73A2;
  text-align: center;
}
.p-schedule-txt::before, .p-schedule-txt::after {
  content: "";
  width: 5.2rem;
  aspect-ratio: 52/53;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-schedule-txt::before {
  background-image: url(./../../../images/education/campuslife/icn_schedule_txt_left.svg);
}
.p-schedule-txt::after {
  background-image: url(./../../../images/education/campuslife/icn_schedule_txt_right.svg);
}

@media screen and (max-width: 767px) {
  .p-schedule {
    padding: 13.3333333333vw 0;
    background: url(./../../../images/education/campuslife/bg_schedule_sp.png) no-repeat center top/cover;
  }
  .p-schedule-box {
    padding: 8vw 5.3333333333vw 10.6666666667vw;
    background: url(./../../../images/education/campuslife/bg_schedule_box_sp.png) no-repeat center/cover;
  }
  .p-schedule-box > :nth-child(1) {
    margin-bottom: 3.4666666667vw;
  }
  .p-schedule-box > :nth-child(2) {
    margin-bottom: 9.3333333333vw;
  }
  .p-schedule-box > :nth-child(3) {
    margin-bottom: 13.3333333333vw;
  }
  .p-schedule-box > :nth-child(4) {
    margin-bottom: 10.6666666667vw;
  }
  .p-schedule-subttl {
    font-size: 5.3333333333vw;
    column-gap: 2.6666666667vw;
    margin-bottom: 8vw;
  }
  .p-schedule-subttl::before, .p-schedule-subttl::after {
    width: 6.6666666667vw;
  }
  .p-schedule-list {
    width: 100%;
  }
  .p-schedule-item {
    grid-template: "clock . ." 1.3333333333vw "clock . time" auto "clock . ." 5.3333333333vw "clock . body" auto "clock . ." 4vw "clock . txt" auto "clock . ." 2.6666666667vw "clock . img" auto;
    gap: 0 1.3333333333vw;
  }
  .p-schedule-item:nth-of-type(1) {
    height: auto;
    margin-bottom: 12vw;
  }
  .p-schedule-item:nth-of-type(2) {
    grid-template: "clock . ." 1.3333333333vw "clock . time" auto "clock . ." 5.3333333333vw "clock . body" auto "clock . ." 14.6666666667vw "clock . img" auto "clock . ." 5.3333333333vw "clock . txt" auto;
    gap: 0 1.3333333333vw;
    height: auto;
    margin-bottom: 10.6666666667vw;
    margin-left: 0;
  }
  .p-schedule-item:nth-of-type(2)::before {
    width: 23.4666666667vw;
    bottom: 58.6666666667vw;
    right: 5.3333333333vw;
  }
  .p-schedule-item:nth-of-type(3) {
    height: auto;
    margin-left: 0;
    margin-bottom: 6.6666666667vw;
  }
  .p-schedule-item:nth-of-type(4) {
    grid-template: "clock . ." 1.3333333333vw "clock . time" auto "clock . ." 5.3333333333vw "clock . body" auto "clock . ." 4vw "clock . img" auto "clock . ." 12vw;
    height: auto;
    margin-left: 0;
    margin-bottom: 0;
  }
  .p-schedule-item:nth-of-type(4)::before {
    width: 5.3333333333vw;
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
  }
  .p-schedule-item:nth-of-type(5) {
    grid-template: "clock . time" auto "clock . ." 5.3333333333vw "clock . body" auto "clock . ." 4vw "clock . img1" auto "clock . img2" auto;
    height: auto;
    margin-left: 0;
  }
  .p-schedule-item:nth-of-type(5) .p-schedule-item-img-wrap::before {
    top: -2.6666666667vw;
  }
  .p-schedule-item:nth-of-type(5) .p-schedule-item-img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .p-schedule-item-body {
    grid-area: body;
  }
  .p-schedule-item-img-wrap {
    width: 13.3333333333vw;
  }
  .p-schedule-item-img-wrap::before {
    width: 0.5333333333vw;
    background-image: url(./../../../images/education/campuslife/icn_clock_border_sp.svg);
    top: 13.3333333333vw;
  }
  .p-schedule-item-img {
    width: 100%;
  }
  .p-schedule-item-time {
    column-gap: 2.6666666667vw;
    font-size: 4.8vw;
  }
  .p-schedule-item-time span {
    font-family: "Noto Sans JP";
    font-size: 3.7333333333vw;
    width: 19.7333333333vw;
    height: 6.4vw;
  }
  .p-schedule-item-txt {
    font-size: 4.2666666667vw;
  }
  .p-schedule-item01-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
    margin-left: 0;
  }
  .p-schedule-item01-item {
    display: flex;
    align-items: start;
    gap: 0 4vw;
  }
  .p-schedule-item01-item > :nth-child(1) {
    margin-bottom: 0.8vw;
  }
  .p-schedule-item01-item > :nth-child(2) {
    margin-bottom: 1.6vw;
  }
  .p-schedule-item01-item-img {
    width: 18.1333333333vw;
    margin: 0;
  }
  .p-schedule-item01-item-ttl {
    font-size: 4.2666666667vw;
    text-align: left;
    margin-bottom: 1.3333333333vw;
  }
  .p-schedule-item01-item-txt {
    font-size: 3.4666666667vw;
    line-height: 1.7692307692;
    letter-spacing: 0;
    text-align: left;
  }
  .p-schedule-item01-img {
    grid-area: img;
    position: static;
    width: 46.6666666667vw;
    margin: auto;
  }
  .p-schedule-item01-box-wrap {
    grid-area: txt;
    position: static;
    margin: auto;
  }
  .p-schedule-item01-box {
    width: 56.5333333333vw;
    height: 12.2666666667vw;
    border-radius: 1.6vw;
    border: 0.8vw solid #13b8c9;
    font-size: 4.2666666667vw;
  }
  .p-schedule-item01-box::before, .p-schedule-item01-box::after {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    top: 1px;
    left: 50%;
  }
  .p-schedule-item01-box::before {
    width: 5.3333333333vw;
    height: 4vw;
    transform: translate(-50%, -110%);
  }
  .p-schedule-item01-box::after {
    width: 4vw;
    height: 2.6666666667vw;
    transform: translate(-50%, -95%);
  }
  .p-schedule-item02-img {
    grid-area: img;
    position: static;
    width: 46.6666666667vw;
    margin: auto;
  }
  .p-schedule-item02-box-wrap {
    grid-area: txt;
    position: static;
    margin: auto;
  }
  .p-schedule-item02-box {
    width: 56.5333333333vw;
    height: 18.4vw;
    border-radius: 1.6vw;
    border: 0.8vw solid #13b8c9;
    font-size: 4.2666666667vw;
  }
  .p-schedule-item02-box::before, .p-schedule-item02-box::after {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    top: 1px;
    left: 50%;
  }
  .p-schedule-item02-box::before {
    width: 5.3333333333vw;
    height: 4vw;
    transform: translate(-50%, -110%);
  }
  .p-schedule-item02-box::after {
    width: 4vw;
    height: 2.6666666667vw;
    transform: translate(-50%, -95%);
  }
  .p-schedule-item03-img {
    grid-area: img;
    position: static;
    width: 46.6666666667vw;
    margin: auto;
  }
  .p-schedule-item04-img-wrap {
    grid-area: img;
    position: static;
    translate: 0;
  }
  .p-schedule-item04-img {
    width: 46.6666666667vw;
    margin: auto;
    position: static;
  }
  .p-schedule-item04-img::before {
    width: 10.6666666667vw;
    top: -1.3333333333vw;
    left: 4vw;
  }
  .p-schedule-item05-01-img-wrap {
    grid-area: img1;
    position: static;
    display: flex;
    flex-direction: column-reverse;
    gap: 5.3333333333vw;
  }
  .p-schedule-item05-01-img {
    width: 38.6666666667vw;
  }
  .p-schedule-item05-01-box {
    width: 50.4vw;
    height: 12.2666666667vw;
    border-radius: 1.6vw;
    border: 0.8vw solid #13b8c9;
    font-size: 4.2666666667vw;
    top: 0;
  }
  .p-schedule-item05-01-box::before, .p-schedule-item05-01-box::after {
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    top: auto;
    bottom: 1px;
  }
  .p-schedule-item05-01-box::before {
    width: 6.6666666667vw;
    height: 3.4666666667vw;
    transform: translate(-50%, 110%);
  }
  .p-schedule-item05-01-box::after {
    width: 5.3333333333vw;
    height: 2.6666666667vw;
    transform: translate(-50%, 95%);
  }
  .p-schedule-item05-02-img-wrap {
    grid-area: img2;
    position: static;
    display: flex;
    flex-direction: column-reverse;
    gap: 5.3333333333vw;
  }
  .p-schedule-item05-02-img {
    width: 38.6666666667vw;
    margin-left: auto;
  }
  .p-schedule-item05-02-box {
    width: 50.4vw;
    height: 12.2666666667vw;
    border-radius: 1.6vw;
    border: 0.8vw solid #13b8c9;
    font-size: 4.2666666667vw;
    top: 0;
  }
  .p-schedule-item05-02-box::before, .p-schedule-item05-02-box::after {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    top: 1px;
  }
  .p-schedule-item05-02-box::before {
    width: 6.6666666667vw;
    height: 3.4666666667vw;
    transform: translate(-50%, -110%);
  }
  .p-schedule-item05-02-box::after {
    width: 5.3333333333vw;
    height: 2.6666666667vw;
    transform: translate(-50%, -95%);
  }
  .p-schedule-content {
    width: 100%;
    margin-inline: auto;
    border: 1.0666666667vw solid #13b8c9;
    border-radius: 2.1333333333vw;
    padding: 8vw 0 6.6666666667vw;
  }
  .p-schedule-content > :nth-child(1) {
    margin-bottom: 7.4666666667vw;
  }
  .p-schedule-content > :nth-child(2) {
    margin-bottom: 3.4666666667vw;
  }
  .p-schedule-content-ttl {
    font-size: 4.8vw;
    padding: 0 2.6666666667vw;
    white-space: nowrap;
  }
  .p-schedule-content-txt-wrap {
    display: block;
    margin-left: 0;
  }
  .p-schedule-content-txt {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    align-items: center;
    column-gap: 3.4666666667vw;
    font-size: 4.2666666667vw;
  }
  .p-schedule-content-txt::before, .p-schedule-content-txt::after {
    width: 0.5333333333vw;
    height: 6.1333333333vw;
  }
  .p-schedule-content-txt:nth-child(2) {
    position: absolute;
    top: 52vw;
    left: 0;
    right: 0;
  }
  .p-schedule-content-img-wrap {
    display: flex;
    flex-direction: column;
    gap: 2.6666666667vw;
    position: relative;
  }
  .p-schedule-content-img-wrap > :nth-child(2) {
    margin-top: 4.5333333333vw;
  }
  .p-schedule-content-img-wrap::before, .p-schedule-content-img-wrap::after {
    width: 8vw;
    height: 9.0666666667vw;
  }
  .p-schedule-content-img-wrap::before {
    bottom: 37.3333333333vw;
    left: 10.6666666667vw;
  }
  .p-schedule-content-img-wrap::after {
    top: 13.3333333333vw;
    right: 9.3333333333vw;
  }
  .p-schedule-content-img {
    width: 45.8666666667vw;
  }
  .p-schedule-content-img:nth-child(1), .p-schedule-content-img:nth-child(3) {
    margin-left: 8vw;
  }
  .p-schedule-content-img:nth-child(2) {
    margin-top: 9.3333333333vw;
    margin-left: auto;
    margin-right: 8vw;
  }
  .p-schedule-txt {
    column-gap: 0.8vw;
    font-size: 4.8vw;
    line-height: 1.5;
    width: 100vw;
    margin-left: -10.6666666667vw;
  }
  .p-schedule-txt::before, .p-schedule-txt::after {
    width: 10.6666666667vw;
  }
}
/* p-event
---------------------------------------------------------------------------- */
.p-event {
  padding-block: 10rem;
  background-image: url(./../../../images/education/campuslife/bg_event_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.p-event-inner > :nth-child(1) {
  margin-bottom: 5.5rem;
}
.p-event-inner > :nth-child(2) {
  margin-bottom: 6rem;
}

.p-event-img {
  display: block;
  width: 100%;
}
.p-event-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-event-pickUp-bg {
  width: 100%;
  height: 100%;
  padding: 2rem;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 1.5rem, rgba(255, 255, 255, 0.15) 1.5rem, rgba(255, 255, 255, 0.15) 2.5rem), linear-gradient(135deg, #4DC6D4 0%, #B1EDF3 100%);
}

.p-event-pickUp {
  padding-block: 5rem;
  padding-inline: 6rem;
  background-color: #fff;
}

.p-event-pickUp-ttl {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: center;
  align-items: end;
  font-size: 3.5rem;
  line-height: 1.4857142857;
  letter-spacing: 0.06em;
  font-weight: 700;
  column-gap: 1.4rem;
  text-align: center;
  margin-bottom: 4rem;
}
.p-event-pickUp-ttl::before, .p-event-pickUp-ttl::after {
  content: "";
  width: 3.2rem;
  aspect-ratio: 32/39;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-event-pickUp-ttl::before {
  background-image: url(./../../../images/education/campuslife/icn_event_pickup_ttl_left.svg);
}
.p-event-pickUp-ttl::after {
  background-image: url(./../../../images/education/campuslife/icn_event_pickup_ttl_right.svg);
}

.p-event-pickUp-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6rem;
}

.p-event-pickUp-item {
  width: calc(33.3% - 4rem);
}

.p-event-pickUp-item-img {
  width: 29.8rem;
  aspect-ratio: 298/208;
  margin-bottom: 2.3rem;
  position: relative;
  z-index: 1;
}
.p-event-pickUp-item-img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0.8rem;
  right: -0.8rem;
  z-index: -1;
  background: transparent linear-gradient(180deg, #FFBCD3 0%, #FB73A2 100%) 0% 0% no-repeat padding-box;
}
.p-event-pickUp-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-event-pickUp-item-ttl {
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.3rem;
}

.p-event-pickUp-item-txt {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.06em;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-event {
    padding-block: 13.3333333333vw;
    background-image: url(./../../../images/education/campuslife/bg_event_sp.png);
  }
  .p-event-inner > :nth-child(1) {
    margin-bottom: 13.3333333333vw;
  }
  .p-event-inner > :nth-child(2) {
    margin-bottom: 13.3333333333vw;
  }
  .p-event-img {
    width: 100%;
  }
  .p-event-pickUp-bg {
    padding: 2.6666666667vw;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 2.6666666667vw, rgba(255, 255, 255, 0.15) 2.6666666667vw, rgba(255, 255, 255, 0.15) 5.3333333333vw), linear-gradient(135deg, #4DC6D4 0%, #B1EDF3 100%);
  }
  .p-event-pickUp {
    padding: 8vw 5.3333333333vw;
  }
  .p-event-pickUp-ttl {
    font-size: 5.3333333333vw;
    column-gap: 3.7333333333vw;
    margin-bottom: 6.6666666667vw;
  }
  .p-event-pickUp-ttl::before, .p-event-pickUp-ttl::after {
    width: 5.3333333333vw;
  }
  .p-event-pickUp-list {
    flex-direction: column;
    gap: 6.6666666667vw;
  }
  .p-event-pickUp-item {
    width: 100%;
  }
  .p-event-pickUp-item-img {
    width: 62.1333333333vw;
    margin: 0 auto 6.6666666667vw;
  }
  .p-event-pickUp-item-img::before {
    top: 2.1333333333vw;
    right: -2.1333333333vw;
  }
  .p-event-pickUp-item-ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
  .p-event-pickUp-item-txt {
    font-size: 4.2666666667vw;
  }
}
/* p-work
---------------------------------------------------------------------------- */
.p-work {
  padding-block: 10rem 6.8rem;
  position: relative;
}
.p-work::before {
  content: "";
  width: 100%;
  height: 41.3rem;
  background-image: url(./../../../images/education/campuslife/bg_work_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 21.7rem;
  left: 0;
  z-index: -1;
}

.p-work-inner > :nth-child(1) {
  margin-bottom: 4.8rem;
}
.p-work-inner > :nth-child(2) {
  margin-bottom: 4rem;
}

.p-work-txt {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: center;
  align-items: end;
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 1.5;
  color: #13b8c9;
  column-gap: 1.1rem;
  text-align: center;
  margin-bottom: 4rem;
}
.p-work-txt::before, .p-work-txt::after {
  content: "";
  width: 1.956rem;
  aspect-ratio: 19.56/23.43;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentColor;
}
.p-work-txt::before {
  mask-image: url(./../../../images/education/campuslife/icn_event_pickup_ttl_left.svg);
}
.p-work-txt::after {
  mask-image: url(./../../../images/education/campuslife/icn_event_pickup_ttl_right.svg);
}

.p-work-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}

.p-work-item > :nth-child(1) {
  margin-bottom: 0.4rem;
}
.p-work-item > :nth-child(2) {
  margin-bottom: 1.4rem;
}

.p-work-item-img {
  width: 36.9rem;
  aspect-ratio: 369/338;
}
.p-work-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-work-item-ttl {
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #13b8c9;
  text-align: center;
}

.p-work-item-txt {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-work {
    padding-block: 13.3333333333vw;
  }
  .p-work::before {
    height: 321.0666666667vw;
    background-image: url(./../../../images/education/campuslife/bg_work_sp.png);
    background-position: center top;
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-work-inner > :nth-child(1) {
    margin-bottom: 10.9333333333vw;
  }
  .p-work-inner > :nth-child(2) {
    margin-bottom: 9.6vw;
  }
  .p-work-txt {
    font-size: 4.8vw;
    line-height: 1.5;
    column-gap: 2.6666666667vw;
    margin-bottom: 8.5333333333vw;
  }
  .p-work-txt::before, .p-work-txt::after {
    width: 6.2293333333vw;
    aspect-ratio: 23.36/28.41;
  }
  .p-work-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 8.2666666667vw;
  }
  .p-work-item > :nth-child(1) {
    margin-bottom: 0;
  }
  .p-work-item > :nth-child(2) {
    margin-bottom: 1.6vw;
  }
  .p-work-item-img {
    width: 58.6666666667vw;
    margin-inline: auto;
  }
  .p-work-item-ttl {
    font-size: 5.3333333333vw;
  }
  .p-work-item-txt {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    text-align: left;
  }
}
/* p-rewarding
---------------------------------------------------------------------------- */
.p-rewarding {
  padding-block: 11.3rem 10rem;
  background: url(./../../../images/education/campuslife/bg_rewarding_pc.png) no-repeat top center/cover;
}

.p-rewarding-inner > :nth-child(1) {
  margin-bottom: 5.5rem;
}

.p-rewarding-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 4rem;
}

.p-rewarding-item {
  display: grid;
  grid-template: "img . ." 1fr "img . ttl" auto "img . ." 1.7rem "img . txt" auto "img . ." 1fr/auto 3rem 1fr;
  align-items: center;
  height: 23rem;
  padding-right: 5rem;
  position: relative;
}
.p-rewarding-item::before {
  content: "";
  width: 46.8rem;
  aspect-ratio: 468/230;
  background-image: url(./../../../images/education/campuslife/bg_rewarding_item.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.p-rewarding-item-img {
  grid-area: img;
  width: 18.5rem;
  aspect-ratio: 185/185;
}
.p-rewarding-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-rewarding-item-ttl {
  grid-area: ttl;
  font-size: 2.6rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.p-rewarding-item-txt {
  grid-area: txt;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.06em;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-rewarding {
    padding-block: 13.3333333333vw;
  }
  .p-rewarding::before {
    background-image: url(./../../../images/education/campuslife/bg_rewarding_sp.png);
  }
  .p-rewarding-inner > :nth-child(1) {
    margin-bottom: 13.6vw;
  }
  .p-rewarding-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.6666666667vw 0;
  }
  .p-rewarding-item {
    grid-template: "img . ." 1fr "img . ttl" auto "img . ." 3.2vw "img . txt" auto "img . ." 1fr/auto 5.0666666667vw 1fr;
    align-items: center;
    height: 42.9333333333vw;
    padding-right: 5.3333333333vw;
  }
  .p-rewarding-item::before {
    width: 74.4vw;
    aspect-ratio: 279/161;
  }
  .p-rewarding-item-img {
    width: 26.6666666667vw;
    aspect-ratio: 100/100;
  }
  .p-rewarding-item-ttl {
    font-size: 4.8vw;
    line-height: 1.5;
  }
  .p-rewarding-item-txt {
    font-size: 1.6rem;
    line-height: 1.8125;
  }
}