/* =============================
    // 合格実績 Results of examinations
    =============================*/
/* juniorのみ変更部分 背景色がここだけ違った為*/
#info.info-roe .theme-junior .result-list ul li {
    background-color: var(--info-junior-sub);
}
/* //ここまでjuniorのみ変更部分 */
#info.info-roe .section-results h3 { color: var(--brand-primary); }
#info.info-roe .section-results-title span {
    display: block;
    font-size: 39px;
    color: var(--brand-primary);
}
#info.info-roe .section-results-title span:first-child {
    color:var(--color-orange);
    font-size: 0.72em;
}
#info.info-roe .result-list { margin-bottom: var(--space-6); }
#info.info-roe .result-school-list {
    margin: 0;
    margin-bottom: var(--space-2);
    gap:calc(var(--gap) / 2);
}
#info.info-roe .result-school-list li {
    border: 1px solid var(--brand-primary); 
    padding: var(--pad-2) 15px;
}
#info.info-roe .result-school-list li dl dt {
    padding-bottom: var(--pad-2);
    border-bottom: 1px dashed #c5c5c5;
    margin-bottom: var(--pad-2);
    font-size:0.8em;
}
#info.info-roe .result-school-list li dl dd span {
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    line-height: 1;
    font-size: 2.58em;
    color: var(--color-red);
}

/* =============================
    // 合格実績 Results of examinations
    //　合格者の声
    =============================*/
#info .results-voice {
    padding-bottom:0;
}
#info .results-voice .results-voice-title {
    color: var(--brand-primary);
    margin-bottom: var(--space-3);
}

#info .results-voice ul {
    text-align: left;
    margin: 0;
}
#info .results-voice ul li {
    width: calc(100% / 2 - 21px);
    font-family: "Zen Kurenaido", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: justify;
    margin-bottom: var(--section-space); 
}
#info .results-voice ul li p {
    text-indent: .5em;
}

/* 合格者の声 - 本の背景部分 */
/* junior */
#info .results-voice ul li .section-book--lightblue {
    --book-h: 60px;
    background-color: var(--info-junior-sub);
    padding-block: var(--pad-5);
    padding-inline: var(--pad-5);
    margin-bottom: var(--space-4);
    position: relative;
    z-index: 0;
}
#info .results-voice ul li .section-book--lightblue::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2395.1 305'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:none%7D.st1%7Bfill:%23e4f4f0%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='st0' points='0 305.1 2395 305.1 2395 305.1 0 305.1'/%3E%3Cpath class='st1' d='M2382.4 282.4c-344.3 0-682.7-142.6-892.9-142.6s-253.3 48.6-289.3 72c-35.9-23.4-129.7-72-289.3-72S362.4 282.4 18.1 282.4s-12.1 0-18.1 0v22.7h2395.1v-22.7h-12.7Z'/%3E%3C/svg%3E");
    left: 0;
}
#info .results-voice ul li .section-book--lightblue::after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2395.07 304.95'%3E%3Cpath fill='%23e4f4f0' d='M0 0v556.25H0v-274.06c5.96.03 11.95.06 18 .06 344 0 682-142.42 892-142.42 159.39 0 253.08 48.53 289 71.92 35.92-23.39 129.61-71.92 289-71.92 210 0 548 142.42 892 142.42 6.73 0 13.38-.03 20-.08v274.08h141.02V0H0Z'/%3E%3C/svg%3E");
    left: 0;
}
/* senior */
#info .theme-senior .results-voice ul li .section-book--lightblue {
    background-color: var(--color-result-senior-bg);
}
#info .theme-senior .results-voice ul li .section-book--lightblue::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2395.1 305'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:none%7D.st1%7Bfill:%23dcedfd%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='st0' points='0 305.1 2395 305.1 2395 305.1 0 305.1'/%3E%3Cpath class='st1' d='M2382.4 282.4c-344.3 0-682.7-142.6-892.9-142.6s-253.3 48.6-289.3 72c-35.9-23.4-129.7-72-289.3-72S362.4 282.4 18.1 282.4s-12.1 0-18.1 0v22.7h2395.1v-22.7h-12.7Z'/%3E%3C/svg%3E");
    left: 0;
}
#info .theme-senior .results-voice ul li .section-book--lightblue::after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2395.07 304.95'%3E%3Cpath fill='%23dcedfd' d='M0 0v556.25H0v-274.06c5.96.03 11.95.06 18 .06 344 0 682-142.42 892-142.42 159.39 0 253.08 48.53 289 71.92 35.92-23.39 129.61-71.92 289-71.92 210 0 548 142.42 892 142.42 6.73 0 13.38-.03 20-.08v274.08h141.02V0H0Z'/%3E%3C/svg%3E");
    left: 0;
}
/* //ここまで 合格者の声 - 本の背景部分 */
#info .results-voice .icon {
    padding: 0;
    position: relative;
}
#info .results-voice .icon::after {
    content: '';
    width: 117px;
    height: 135px;
    position: absolute;
    bottom: 0;
    right: 12px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: contain;
}
#info .results-voice .icon.icon-voice1::after {
    background-image: url(../_img/info/SVG/voice1.svg);
}
#info .results-voice .icon.icon-voice2::after {
    background-image: url(../_img/info/SVG/voice2.svg);
}

#info .results-voice .icon.icon-voice3::after {
    background-image: url(../_img/info/SVG/voice3.svg);
}

#info .results-voice .icon.icon-voice4::after {
    background-image: url(../_img/info/SVG/voice4.svg);
}



/* =============================
  // 合格実績
  =============================*/
#results-of-examinations {
  padding-top: var(--section-space);
}

.section-results .section-results-title {
  position: relative;
  margin-bottom: clamp(35px, calc(5.9167vw + 35.1px), 106px);
}
.section-results .section-results-title::before, .section-results .section-results-title::after {
  --result-h2-w: 190px;
  content: '';
  display: inline-block;
  max-width: var(--result-h2-w);
  width: 100%;
  height: 149px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}
.section-results .section-results-title::before {
  background-image: url(../_img/common/dec2.svg);
  left: 10%;
}
.section-results .section-results-title::after {
  background-image: url(../_img/common/dec_.svg);
  right: 10%;
}

.section-results.theme-senior {
    padding-bottom:0;
    margin-bottom:0;
}

/* =============================
  // 合格実績
  // 合格者数マップ
  =============================*/
.result-list :where(h3, p) {
  line-height: 1;
  margin: 0;
}
.result-list {
  --result-list--offset: clamp(-80px, -6.5cqw, -50px); /* -80 */
  --list-wh: 433px;
  position: relative;
  z-index: 0;
  padding-block: calc(var(--result-list--offset) * -1);
  margin-bottom: var(--gap-8);
}
.result-list > div {
  box-sizing: content-box;
  max-width: var(--list-wh);
  max-height: var(--list-wh);
  width: clamp(61.4px, 36.083cqw, 433px);
  aspect-ratio: 1 / 1;
  color: var(--color-white);
  border-radius: 50rem;
  background-color: var(--brand-primary);
  border: var(--padding) solid var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(8px, 1.6cqw, 20px);
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  container-type: inline-size;
  min-width: 0;
}
.result-list > div .result-total {
  font-size: clamp(24px, calc(2.22cqw + 30px), 34.2px);
  font-weight: bold;
  letter-spacing: 0.075em;
}
.result-list > div .result-total span {
  display: block;
}
.result-list > div .result-total .year {
  font-family: "Roboto", sans-serif;
  font-size: 1.5em;
  margin-bottom: 0.5rem;
}
.result-list > div > p {
  width: 100%;
  text-align: center;
  font-size: clamp(90px, 31cqw, 140px);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
}
.result-list > div > p > span.count-up {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
}
.result-list > div > p .person { 
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  font-size: 0.45em;
  bottom:4px;
  width: fit-content;
}
.result-list > div > figure {
  max-width: 104px;
  max-height: 88px;
  position: absolute;
  left: -30px;
  bottom: 80px;
  margin: 0;
}

.result-list ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(clamp(60px, 12cqw, 140px), 1fr));
  grid-template-rows: repeat(3, clamp(160px, 20cqw, 222px));
  gap: clamp(10px, 1.6cqw, 20px);
  margin: 0;
}
.result-list ul li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  border-radius: var(--radius);
  background-color: var(--brand-secondary);
  padding:30px 20px 40px 20px;
  container-type: inline-size;
}
.result-list ul li:nth-of-type(2) { 
  top: var(--result-list--offset);
}
.result-list ul li:nth-last-of-type(2) {
  bottom: var(--result-list--offset);
}
.result-list ul li:nth-of-type(4) {
  left: calc(var(--result-list--offset) / 4);
}
.result-list ul li:nth-last-of-type(4) {
  right: calc(var(--result-list--offset) / 4);
}

.result-list li span {
    font-weight:bold;
    display:flex;
    align-items: flex-end;
    justify-content: center;
}
.result-list li div {
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    font-size:26cqw;
    margin-top:0;
    line-height:1;
    color:var(--brand-primary);
}
.result-list li div small {
    font-size:0.5em;
}

.section-results .button {
  margin-inline: auto;
}


@media (max-width: 950px) {
    .result-list > div {
      gap: var(--gap-2);
    }
    .result-list > div .result-total {
      font-size: clamp(20px, calc(2cqw + 20px), 27px);
    }
    .result-list > div > p .person { 
      font-size: 0.45em;
      right: -0.2em;
    }
}
@media (max-width: 920px) {
    .result-list > div > p {
      font-size: clamp(70px, 27cqw, 100px);
    }
    .result-list > div > figure {
      width: clamp(90px, 9.0cqw, 104px);
      height: clamp(77px, 7.6cqw, 88px);
      bottom: clamp(65px, 7.0cqw, 80px);
    }
}
@media (max-width: 800px) {
    /* =============================
    // 合格実績
    // 合格者の声
    =============================*/
    #info.info-roe .results-voice ul { align-items: center; }
    #info.info-roe .results-voice ul li {
        max-width: 500px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    /* =============================
    // 合格実績
    // 合格者タイトル
    =============================*/
    .section-results .section-results-title::before, .section-results .section-results-title::after {
      --result-h2-w: 120px;
      height: 120px;
    }
    .section-results .section-results-title::before {
      left: 0;
    }
    .section-results .section-results-title::after {
      right: 0;
    }
    /* =============================
    // 合格実績 768
    // 合格者数
    =============================*/
    .result-list {
      --result-list--offset: clamp(-50px, -6.5cqw, -30px);
    }
    .result-list > div {
      border-width: clamp(10px, 1.6cqw, 20px);
    }
    .result-list > div .result-total {
      font-size: clamp(16px, calc(1cqw + 16px), 20px);
    }
    .result-list > div > p {
      font-size: clamp(55px, 28cqw, 70px);
    }
    .result-list > div > figure {
      width: clamp(72px, 9.0cqw, 90px);
      bottom: clamp(34px, 5cqw, 65px);
    }
    .result-list ul {
      grid-template-columns: repeat(3, minmax(clamp(60px, 12cqw, 140px), 1fr));
      grid-template-rows: repeat(3, clamp(110px, 20cqw, 160px));
    }
}
@media (max-width: 720px) {
}
@media (max-width: 520px) {
    /* =============================
    // 合格実績 520
    // 合格者の声
    =============================*/
    #info.info-roe .results-voice ul li > div {
        padding-block: var(--pad-3);
        padding-inline: var(--pad-3);
    }

    /* =============================
    // 合格実績 520
    =============================*/
    .section-results .section-results-title::before, .section-results .section-results-title::after {
      --result-h2-w: 90px;
      height: 120px;
    }

    .section-results .section-results-title::before {
        background-image: url(../_img/common/dec2.svg);
    }
    .section-results .section-results-title::after {
        background-image: url(../_img/common/dec_.svg);
    }

    /* =============================
    // 合格実績 520
    // 合格者数
    =============================*/
    .section-results {
      padding-bottom:160px;
    }
    .result-list ul li {
        padding:10px 10px 20px 10px;
    }
    .result-list li div {
        font-size:18cqw;
    }
    .section-results .section-results-title {
      margin-bottom: var(--space-2);
    }
    .result-list {
      padding-block: 0;
    }
    .result-list > div {
      max-width: none;
      max-height: none;
      width: 100%;
      aspect-ratio: auto;
      position: relative;
      border-radius: 0;
      padding-block: var(--pad-2);
      gap: var(--gap-1);
      margin-bottom: var(--pad-2);
      border: 0;
      border-radius: var(--radius);
    }
    .result-list > div .result-total {
      font-size: clamp(24px, calc(2.22vw + 30px), 34.2px);
    }

    .result-list > div > p {
      font-size: clamp(40px, 28cqw, 70px);
    }
    .result-list > div figure { /*過去最多記録！*/
      left: -10px;
      bottom: unset;
      top: -70px;
      width: 100%;
      height: 100%;
    }

    .result-list > ul {
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows:auto;
    }

    .result-list > ul li {
      position: static;
    }
    .result-list > ul li.list-space {
      display: none;
    }
}