@charset "UTF-8";
header,
footer {
  display: none;
}

.l-main {
  background-image: url("../images/img_09.jpg");
  background-size: contain;
  background-repeat: repeat-y;
  background-position: top center;
  margin-top: 0;
  overflow-x: hidden;
  padding-bottom: clamp(20px, 5.3333333333vw, 50px);
}

.section-inner {
  width: 100%;
  max-width: 1440px;
  padding-inline: clamp(20px, 5.3333333333vw, 80px);
  margin-inline: auto;
}

#hero {
  background-color: #E84091;
}
#hero .section-inner {
  position: relative;
  padding-inline: 0px;
}

.p-result-img {
  position: absolute;
  width: clamp(60px, 16vw, 230px);
  height: auto;
  aspect-ratio: 1;
  bottom: clamp(31px, 8.2666666667vw, 117px);
  right: clamp(30px, 8vw, 120px);
}

#lead {
  position: relative;
  margin-top: clamp(-115px, -7.9861111111vw, -25px);
}

.p-lead-img {
  width: 100%;
}

.p-prize-img {
  width: 100%;
  padding-inline: clamp(10px, 2.6666666667vw, 35px);
  margin-left: -1.2%;
}

#apply {
  margin-top: clamp(20px, 5.3333333333vw, 50px);
  padding-inline: clamp(12px, 3.2vw, 100px);
}
#apply > .section-inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  grid-template-areas: "head text text" "head notes img";
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}

.p-heading-1 {
  grid-area: head;
  display: inline;
  color: #ffffff;
  font-size: clamp(14px, 3.7333333333vw, 16px);
  font-weight: 700;
  letter-spacing: 0.15em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center;
  background-color: #005F9F;
  border: 2px solid #FFF005;
  padding: 24px 6px;
}

.apply-text-wrapper {
  grid-area: text;
}

.p-emphasisText {
  font-size: clamp(13px, 3.7333333333vw, 16px);
  font-weight: 500;
}
.p-emphasisText .is-emphasis {
  font-weight: 700;
  background-color: rgba(232, 64, 145, 0.2);
}

.p-disc-list {
  padding-left: 20px;
}

.p-disc-item {
  list-style-type: disc;
  font-size: clamp(13px, 3.7333333333vw, 16px);
  font-weight: 700;
}

.p-notes-list {
  grid-area: notes;
  margin-top: clamp(4px, 1.0666666667vw, 6px);
}

.p-notes-item {
  font-size: clamp(13px, 3.4666666667vw, 14px);
  font-weight: 400;
  padding-left: clamp(11px, 2.9333333333vw, 12px);
}
.p-notes-item::before {
  content: "※";
  margin-left: clamp(-11px, -2.9333333333vw, -12px);
}

.p-apply-img {
  grid-area: img;
  align-self: center;
  justify-self: center;
  width: auto;
  height: clamp(140px, 37.3333333333vw, 250px);
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: -20%;
  margin-right: -60px;
}

.p-apply-backImg {
  width: clamp(120px, 32vw, 150px);
  position: absolute;
  height: auto;
  left: 52%;
  bottom: -20px;
}

@media screen and (max-width: 1199px) {
  #apply > .section-inner {
    grid-template-columns: auto minmax(120px, 1fr) auto;
    grid-template-areas: "head text text" "head notes notes" "head backImg img";
    row-gap: 15px;
  }
  .p-apply-img {
    margin-inline: auto;
    margin-top: 0;
  }
  .p-apply-backImg {
    grid-area: backImg;
    justify-self: right;
    align-self: end;
    position: relative;
    left: auto;
    bottom: auto;
    margin-right: clamp(-20px, -1.6680567139vw, -30px);
  }
}
@media screen and (max-width: 768px) {
  #apply > .section-inner {
    grid-template-columns: 1fr;
    grid-template-areas: "head" "text" "notes" "img" "backImg";
    row-gap: 15px;
  }
  .p-heading-1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    display: inline-block;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    padding: 2px 12px;
  }
  .p-apply-backImg {
    justify-self: center;
    margin-right: 0;
  }
}
#books {
  margin-top: clamp(20px, 5.3333333333vw, 50px);
}

.p-books-title-wrapper {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-books-title {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-books-title:first-child {
  width: 37.6%;
}
.p-books-title:last-child {
  width: 62.4%;
}

.p-book-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.p-book-item:not(:last-child) {
  width: calc((100% - (100% - 90px) / 10 * 1.1 - 90px) / 9);
}
.p-book-item:last-child {
  position: relative;
  width: calc((100% - 90px) / 10 * 1.1);
}

.p-book-balloon {
  position: absolute;
  width: clamp(90px, 24vw, 130px);
  height: auto;
}
.p-book-balloon.is-new {
  width: clamp(90px, 8.7890625vw, 130px);
  top: clamp(-102px, -7.0833333333vw, -75px);
  right: clamp(-60px, -4.1666666667vw, -40px);
}
.p-book-balloon.is-supplement {
  width: clamp(120px, 11.71875vw, 140px);
  top: clamp(-62px, -4.3055555556vw, -43px);
  left: clamp(-110px, -7.6388888889vw, -75px);
}

.p-button-wrapper {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(10px, 2.6666666667vw, 25px);
}

.p-button {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: clamp(14px, 3.7333333333vw, 28px);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #00ACEB;
  border-radius: 30px;
  padding-block: 5px;
}
.p-button.is-blue {
  background-color: #0133A1;
}
.p-button.is-orange {
  background-color: #FFB588;
}
.p-button.is-pink {
  background-color: #E84091;
}

@media screen and (max-width: 1023px) {
  .p-books-title-wrapper {
    width: 100%;
  }
  .p-book-list {
    margin-top: 15px;
  }
  .p-book-item:not(:last-child) {
    width: calc((100% - (100% - 40px) / 5 * 1.1 - 40px) / 4);
  }
  .p-book-item:last-child {
    position: relative;
    width: calc((100% - 40px) / 5 * 1.1);
    margin-top: clamp(60px, 10vw, 75px);
  }
  .p-book-balloon.is-new {
    width: clamp(90px, 15vw, 120px);
    top: clamp(-95px, -12.2189638319vw, -72px);
    right: -30px;
  }
  .p-book-balloon.is-supplement {
    width: clamp(120px, 20vw, 140px);
    top: clamp(-40px, -5.8651026393vw, -35px);
    left: clamp(-140px, -17.5953079179vw, -90px);
  }
}
@media screen and (max-width: 599px) {
  .p-books-title-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 7px;
  }
  .p-books-title:last-child {
    width: 100%;
  }
  .p-book-list {
    margin-top: 10px;
  }
  .p-book-item:not(:last-child) {
    width: calc((100% - 20px) / 3);
  }
  .p-book-item:last-child {
    position: relative;
    width: calc((100% - 20px) / 3 * 1.1);
    margin-top: 0px;
  }
  .p-book-balloon.is-new {
    width: clamp(90px, 24vw, 120px);
    top: -5px;
    right: clamp(-122px, -24.2070116861vw, -93px);
  }
  .p-book-balloon.is-supplement {
    width: clamp(100px, 26.6666666667vw, 150px);
    top: clamp(45px, 12vw, 60px);
    left: clamp(-152px, -27.5459098497vw, -98px);
  }
}/*# sourceMappingURL=zannensousenkyo.css.map */