@charset "UTF-8";
/**
 * Colors
==================== */
/**
 * Gradients
==================== */
/**
 * Breakpoints
 ==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Radius
==================== */
/**
 * vw変換
==================== */
/**
 * em変換
==================== */
/**
 * mixins
==================== */
.pagination {
  display: flex;
  justify-content: center;
  min-height: 14.358974359vw;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 1021px) {
  .pagination {
    min-height: 3.8888888889vw;
  }
}
.pagination__list {
  display: flex;
  align-items: center;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .pagination__list {
    gap: 0.5555555556vw;
  }
}
.pagination__btn {
  display: flex;
  width: 10.7692307692vw;
  height: 100%;
  padding: 2.0512820513vw 1.2820512821vw;
  align-items: center;
  justify-content: center;
  border-radius: 2.0512820513vw;
  border: 1px solid var(--clr-gray-02);
  background: var(--clr-tomoku-white);
  transition: background 0.3s, border-color, 0.3s;
}
@media (min-width: 1021px) {
  .pagination__btn {
    width: 3.3333333333vw;
    padding: 0.8333333333vw 0.5555555556vw;
    border-radius: 0.5555555556vw;
  }
}
.pagination__btn span {
  color: var(--clr-tomoku-vivid-blue);
  text-align: center;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: normal;
  transition: color 0.3s;
}
@media (min-width: 1021px) {
  .pagination__btn span {
    font-size: 1.1111111111vw;
  }
}
.pagination__btn svg * {
  transition: fill 0.3s;
}
.pagination__btn.-current {
  background: var(--clr-tomoku-vivid-blue);
  border-color: var(--clr-tomoku-vivid-blue);
}
.pagination__btn.-current span {
  color: var(--clr-tomoku-white);
}
@media (min-width: 1021px) {
  .pagination__btn:hover {
    background: var(--clr-tomoku-vivid-blue);
    border-color: var(--clr-tomoku-vivid-blue);
  }
  .pagination__btn:hover span {
    color: var(--clr-tomoku-white);
  }
  .pagination__btn:hover svg * {
    fill: var(--clr-tomoku-white);
  }
}
.pagination__dots {
  color: var(--clr-text-gray);
  text-align: center;
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 1021px) {
  .pagination__dots {
    font-size: 0.9027777778vw;
  }
}

.benefits__anchor {
  padding: 8.2051282051vw 6.1538461538vw;
}
@media (min-width: 1021px) {
  .benefits__anchor {
    padding: 1.6666666667vw 5.5555555556vw 1.6666666667vw 8.3333333333vw;
  }
}
.benefits__title-with-icon {
  width: 100%;
  display: grid;
  grid-template-columns: 14.8717948718vw auto;
  gap: 4.1025641026vw;
  align-items: center;
  font-size: 7.1794871795vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.1435897436vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__title-with-icon {
    grid-template-columns: 5.5555555556vw auto;
    gap: 0.5555555556vw;
    font-size: 2.5vw;
    letter-spacing: 0.05vw;
  }
}
.benefits__title-with-icon-img {
  width: 100%;
  height: auto;
}
.benefits__title-with-icon-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.benefits__section-title {
  display: flex;
  align-items: center;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .benefits__section-title {
    gap: 0.5555555556vw;
  }
}
.benefits__section-title img {
  width: 5.1282051282vw;
  aspect-ratio: 1/1;
}
@media (min-width: 1021px) {
  .benefits__section-title img {
    width: 1.3888888889vw;
  }
}
.benefits__section-title span {
  font-size: 7.1794871795vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.1846153846vw;
}
@media (min-width: 1021px) {
  .benefits__section-title span {
    font-size: 2.5vw;
    letter-spacing: 0.05vw;
  }
}
.benefits__house {
  padding: 10.2564102564vw 6.1538461538vw;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__house {
    padding: 5.5555555556vw 5.5555555556vw 5.5555555556vw 8.3333333333vw;
    gap: 5.5555555556vw;
  }
}
.benefits__house-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__house-inner {
    padding: 0 7.3611111111vw;
    gap: 5.5555555556vw;
  }
}
.benefits__house-upper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__house-upper {
    gap: 2.7777777778vw;
  }
}
.benefits__house-upper-text {
  width: 100%;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__house-upper-text {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0222222222vw;
  }
}
.benefits__house-lower {
  width: 100%;
  padding: 6.1538461538vw;
  display: flex;
  flex-direction: column;
  border-radius: 3.0769230769vw;
  background: linear-gradient(180deg, #F5FDFF 38.74%, #C2E4FF 100%);
}
@media (min-width: 1021px) {
  .benefits__house-lower {
    padding: 4.4444444444vw 3.3333333333vw;
    border-radius: 0.8333333333vw;
  }
}
.benefits__house-lower-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__house-lower-list {
    gap: 2.7777777778vw;
  }
}
.benefits__house-lower-item {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6.1538461538vw;
}
@media (min-width: 1021px) {
  .benefits__house-lower-item {
    gap: 2.2222222222vw;
    grid-template-columns: repeat(2, 1fr);
  }
}
.benefits__house-lower-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.1538461538vw;
}
@media (min-width: 1021px) {
  .benefits__house-lower-text {
    gap: 1.1111111111vw;
  }
}
.benefits__house-lower-title {
  font-size: 6.1538461538vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.1230769231vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__house-lower-title {
    font-size: 1.9444444444vw;
    letter-spacing: 0.0388888889vw;
  }
}
.benefits__house-lower-body {
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__house-lower-body {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0222222222vw;
  }
}
.benefits__house-lower-note {
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0717948718vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__house-lower-note {
    font-size: 0.9722222222vw;
    letter-spacing: 0.0194444444vw;
  }
}
.benefits__house-lower-graphic {
  width: 100%;
  display: grid;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .benefits__house-lower-graphic {
    gap: 0.5555555556vw;
  }
}
.benefits__house-lower-graphic.-graphic-01 {
  grid-template-columns: 12.3076923077vw 20.5128205128vw 1fr 1fr;
  height: 107.6923076923vw;
}
@media (min-width: 1021px) {
  .benefits__house-lower-graphic.-graphic-01 {
    grid-template-columns: repeat(2, 1fr);
    height: auto;
  }
}
.benefits__house-lower-graphic.-graphic-02 {
  grid-template-columns: 12.3076923077vw 1fr 1fr;
  height: 87.1794871795vw;
}
@media (min-width: 1021px) {
  .benefits__house-lower-graphic.-graphic-02 {
    grid-template-columns: 1fr;
    height: auto;
  }
}
.benefits__house-graphical-parts {
  width: 100%;
  height: 100%;
  padding: 4.1025641026vw 0 7.1794871795vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 105%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-white);
  background-color: var(--clr-tomoku-vivid-blue);
  text-align: center;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.5555555556vw 1.9444444444vw 0.5555555556vw 1.1111111111vw;
    text-align: left;
    font-size: 1.25vw;
    line-height: 165%;
    letter-spacing: 0.025vw;
  }
}
.benefits__house-graphical-parts.-arrow-label-clip {
  clip-path: shape(from 3.0769230769vw 0, line to calc(100% - 3.0769230769vw) 0, arc to 100% 3.0769230769vw of 3.0769230769vw 3.0769230769vw cw rotate 90deg, line to 100% calc(100% - 6.1538461538vw), line to 50% 100%, line to 0 calc(100% - 6.1538461538vw), line to 0 3.0769230769vw, arc to 3.0769230769vw 0 of 3.0769230769vw 3.0769230769vw cw rotate 90deg, close);
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-arrow-label-clip {
    clip-path: shape(from 0.8333333333vw 0, line to calc(100% - 1.6666666667vw) 0, line to 100% 50%, line to calc(100% - 1.6666666667vw) 100%, line to 0.8333333333vw 100%, arc to 0 calc(100% - 0.8333333333vw) of 0.8333333333vw 0.8333333333vw cw rotate 90deg, line to 0 0.8333333333vw, arc to 0.8333333333vw 0 of 0.8333333333vw 0.8333333333vw cw rotate 90deg, close);
  }
}
.benefits__house-graphical-parts.-color-pale {
  background-color: var(--clr-tomoku-pale-blue);
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-color-pale {
    margin-right: 0;
  }
}
.benefits__house-graphical-parts.-number-01 {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits__house-graphical-parts.-number-02 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-02 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.benefits__house-graphical-parts.-number-03 {
  grid-column: 4/5;
  grid-row: 1/2;
  gap: 1.0256410256vw;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: start;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-03 {
    grid-column: 1/2;
    grid-row: 2/3;
    gap: unset;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
  }
}
.benefits__house-graphical-parts.-number-04 {
  grid-column: 3/4;
  grid-row: 1/3;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-04 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
.benefits__house-graphical-parts.-number-05 {
  grid-column: 2/3;
  grid-row: 1/3;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-05 {
    grid-column: 1/3;
    grid-row: 4/5;
    gap: unset;
  }
}
.benefits__house-graphical-parts.-number-06 {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-06 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits__house-graphical-parts.-number-06 .-text-combine {
  text-combine-upright: all;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-06 .-text-combine {
    text-combine-upright: unset;
  }
}
.benefits__house-graphical-parts.-number-07 {
  grid-column: 3/4;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-07 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.benefits__house-graphical-parts.-number-08 {
  grid-column: 2/3;
  grid-row: 1/2;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-08 {
    flex-direction: column;
    grid-column: 1/2;
    grid-row: 3/4;
    gap: 0;
  }
}
.benefits__house-graphical-parts.-number-08 .-flex-controler {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-08 .-flex-controler {
    flex-direction: row;
  }
}
.benefits__house-graphical-parts.-number-08 .-only-pc {
  display: none;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts.-number-08 .-only-pc {
    display: inline;
  }
}
.benefits__house-graphical-parts .-sp-vertical {
  writing-mode: vertical-rl;
  display: inline;
  text-align: start;
}
@media (min-width: 1021px) {
  .benefits__house-graphical-parts .-sp-vertical {
    writing-mode: unset;
    text-align: inherit;
  }
}
.benefits__education {
  padding: 10.2564102564vw 6.1538461538vw;
  background-color: var(--clr-bg-gray);
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__education {
    padding: 5.5555555556vw 5.5555555556vw 5.5555555556vw 8.3333333333vw;
    gap: 5.5555555556vw;
  }
}
.benefits__education-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__education-inner {
    gap: 5.5555555556vw;
    padding: 0 7.3611111111vw;
  }
}
.benefits__education-upper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__education-upper {
    gap: 1.1111111111vw;
  }
}
.benefits__education-upper-title {
  font-size: 6.1538461538vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.1230769231vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__education-upper-title {
    font-size: 1.9444444444vw;
    letter-spacing: 0.0388888889vw;
  }
}
.benefits__education-upper-body {
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__education-upper-body {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0222222222vw;
  }
}
.benefits__education-lower {
  width: 100%;
  padding: 6.1538461538vw;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
  border-radius: 3.0769230769vw;
  background: linear-gradient(180deg, #F5FDFF 38.74%, #C2E4FF 100%);
}
@media (min-width: 1021px) {
  .benefits__education-lower {
    gap: 2.7777777778vw;
    padding: 4.4444444444vw 3.3333333333vw;
    border-radius: 0.8333333333vw;
  }
}
.benefits__education-lower-title {
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.1025641026vw;
  color: var(--clr-tomoku-body);
  padding-left: 2.0512820513vw;
  border-left: 1.0256410256vw solid var(--clr-tomoku-vivid-blue);
}
@media (min-width: 1021px) {
  .benefits__education-lower-title {
    font-size: 1.6666666667vw;
    letter-spacing: 0.0333333333vw;
    padding-left: 0.5555555556vw;
    border-left: 0.2777777778vw solid var(--clr-tomoku-vivid-blue);
  }
}
.benefits__education-lower-graphic {
  width: 100%;
  display: grid;
  gap: 4.1025641026vw;
  grid-template-columns: 1fr;
}
@media (min-width: 1021px) {
  .benefits__education-lower-graphic {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.1111111111vw;
  }
}
.benefits__education-graphic-group {
  width: 100%;
  display: grid;
  gap: 2.0512820513vw;
  grid-template-columns: 14.358974359vw 1fr;
}
@media (min-width: 1021px) {
  .benefits__education-graphic-group {
    grid-template-rows: 4.1666666667vw 1fr;
  }
}
.benefits__education-graphic-group.-group-01 {
  gap: 2.0512820513vw 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphic-group.-group-01 {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.1111111111vw 0.5555555556vw;
  }
}
.benefits__education-graphic-group.-group-02 {
  gap: 1.0256410256vw 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphic-group.-group-02 {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1111111111vw 0.2777777778vw;
  }
}
.benefits__education-graphical-parts {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 105%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-white);
  background-color: var(--clr-tomoku-vivid-blue);
  text-align: center;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts {
    flex-direction: column;
    justify-content: center;
    text-align: left;
    font-size: 1.25vw;
    line-height: 165%;
    letter-spacing: 0.025vw;
  }
}
.benefits__education-graphical-parts.-arrow-label-clip {
  padding: 4.1025641026vw 0 7.1794871795vw;
  clip-path: shape(from 3.0769230769vw 0, line to calc(100% - 3.0769230769vw) 0, arc to 100% 3.0769230769vw of 3.0769230769vw 3.0769230769vw cw rotate 90deg, line to 100% calc(100% - 6.1538461538vw), line to 50% 100%, line to 0 calc(100% - 6.1538461538vw), line to 0 3.0769230769vw, arc to 3.0769230769vw 0 of 3.0769230769vw 3.0769230769vw cw rotate 90deg, close);
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-arrow-label-clip {
    padding: 0.5555555556vw 1.9444444444vw 0.5555555556vw 1.1111111111vw;
    clip-path: shape(from 0.8333333333vw 0, line to calc(100% - 1.6666666667vw) 0, line to 100% 50%, line to calc(100% - 1.6666666667vw) 100%, line to 0.8333333333vw 100%, arc to 0 calc(100% - 0.8333333333vw) of 0.8333333333vw 0.8333333333vw cw rotate 90deg, line to 0 0.8333333333vw, arc to 0.8333333333vw 0 of 0.8333333333vw 0.8333333333vw cw rotate 90deg, close);
  }
}
.benefits__education-graphical-parts.-radius-label {
  border-radius: 3.0769230769vw;
  padding: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-radius-label {
    border-radius: 0.8333333333vw;
    padding: 1.6666666667vw 1.1111111111vw;
  }
}
.benefits__education-graphical-parts.-color-pale {
  background-color: var(--clr-tomoku-pale-blue);
  color: var(--clr-tomoku-body);
  justify-content: center;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-color-pale {
    margin-right: 0;
    flex-direction: row;
    align-items: center;
  }
}
.benefits__education-graphical-parts.-color-pale strong {
  font-size: 6.1538461538vw;
  font-weight: 900;
  line-height: 125%;
  padding-bottom: 1.0256410256vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-color-pale strong {
    font-size: 1.6666666667vw;
    padding-bottom: 0.2777777778vw;
  }
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts .-pc-vertical {
    writing-mode: vertical-rl;
    display: inline;
    text-align: start;
  }
}
.benefits__education-graphical-parts.-number-01 {
  grid-column: 1/2;
  grid-row: 1/5;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-01 {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
}
.benefits__education-graphical-parts.-number-02 {
  grid-column: 2/3;
  grid-row: 1/2;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-02 {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-content: start;
    gap: 0.5555555556vw;
  }
}
.benefits__education-graphical-parts.-number-02 strong {
  font-size: 6.1538461538vw;
  font-weight: 900;
  line-height: 125%;
  padding-bottom: 1.0256410256vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-02 strong {
    font-size: 2.2222222222vw;
    padding-bottom: 0;
  }
}
.benefits__education-graphical-parts.-number-03 {
  grid-column: 2/3;
  grid-row: 2/3;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-03 {
    grid-column: 2/3;
    grid-row: 2/3;
    justify-content: start;
    gap: 0.5555555556vw;
  }
}
.benefits__education-graphical-parts.-number-03 strong {
  font-size: 6.1538461538vw;
  font-weight: 900;
  line-height: 125%;
  padding-bottom: 1.0256410256vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-03 strong {
    font-size: 2.2222222222vw;
    padding-bottom: 0;
  }
}
.benefits__education-graphical-parts.-number-04 {
  grid-column: 2/3;
  grid-row: 3/4;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-04 {
    grid-column: 3/4;
    grid-row: 2/3;
    justify-content: start;
    gap: 0.5555555556vw;
  }
}
.benefits__education-graphical-parts.-number-04 strong {
  font-size: 6.1538461538vw;
  font-weight: 900;
  line-height: 125%;
  padding-bottom: 1.0256410256vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-04 strong {
    font-size: 2.2222222222vw;
    padding-bottom: 0;
  }
}
.benefits__education-graphical-parts.-number-05 {
  grid-column: 2/3;
  grid-row: 4/5;
  gap: 2.0512820513vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-05 {
    grid-column: 4/5;
    grid-row: 2/3;
    justify-content: start;
    gap: 0.5555555556vw;
  }
}
.benefits__education-graphical-parts.-number-05 strong {
  font-size: 6.1538461538vw;
  font-weight: 900;
  line-height: 125%;
  padding-bottom: 1.0256410256vw;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-05 strong {
    font-size: 2.2222222222vw;
    padding-bottom: 0;
  }
}
.benefits__education-graphical-parts.-number-06 {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-06 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits__education-graphical-parts.-number-07 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-07 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.benefits__education-graphical-parts.-number-08 {
  grid-column: 1/2;
  grid-row: 3/4;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-08 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.benefits__education-graphical-parts.-number-09 {
  grid-column: 2/3;
  grid-row: 1/5;
  justify-content: center;
  background-color: rgba(1, 98, 233, 0.2);
  color: var(--clr-tomoku-vivid-blue);
  text-align: center;
  font-size: 4.6153846154vw;
  line-height: 165%;
}
@media (min-width: 1021px) {
  .benefits__education-graphical-parts.-number-09 {
    grid-column: 1/5;
    grid-row: 2/3;
    font-size: 1.25vw;
  }
}
.benefits__education-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__education-list {
    gap: 1.1111111111vw;
  }
}
.benefits__education-item {
  width: 100%;
  padding: 4.1025641026vw;
  display: grid;
  grid-template-columns: 6.1538461538vw 1fr;
  gap: 2.0512820513vw;
  counter-increment: education-item-counter;
  border-radius: 3.0769230769vw;
  background-color: var(--clr-tomoku-white);
}
@media (min-width: 1021px) {
  .benefits__education-item {
    grid-template-columns: 2.2222222222vw 1fr;
    gap: 0.5555555556vw;
    padding: 1.1111111111vw 1.6666666667vw;
    border-radius: 0.8333333333vw;
  }
}
.benefits__education-item::before {
  content: "0" counter(education-item-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6.1538461538vw;
  font-weight: 900;
  line-height: 125%;
  color: var(--clr-tomoku-vivid-blue);
}
@media (min-width: 1021px) {
  .benefits__education-item::before {
    font-size: 2.2222222222vw;
  }
}
.benefits__education-item-title {
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0923076923vw;
  color: var(--clr-tomoku-vivid-blue);
  grid-column: 2/3;
  align-self: center;
  padding-top: 0.5128205128vw;
}
@media (min-width: 1021px) {
  .benefits__education-item-title {
    font-size: 1.3888888889vw;
    letter-spacing: 0.0277777778vw;
    padding-top: 0.1388888889vw;
  }
}
.benefits__education-item-body {
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-body);
  grid-column: 1/3;
}
@media (min-width: 1021px) {
  .benefits__education-item-body {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0222222222vw;
  }
}
.benefits__education-arrow {
  grid-column: 1/3;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  transform: rotate(90deg);
  background-color: var(--clr-tomoku-vivid-blue);
  mask-image: url("/wp-content/themes/tomoku/assets/img/common/icon_keyboard-arrow.svg");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
}
@media (min-width: 1021px) {
  .benefits__education-arrow {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
.benefits__facility {
  width: 100%;
  background-color: var(--clr-bg-gray);
  display: flex;
  flex-direction: column;
  gap: 0;
}
.benefits__facility .benefits__section-title {
  align-items: flex-start;
}
@media (min-width: 1021px) {
  .benefits__facility .benefits__section-title {
    align-items: center;
  }
}
.benefits__facility .benefits__section-title img {
  margin-top: 3.0769230769vw;
}
@media (min-width: 1021px) {
  .benefits__facility .benefits__section-title img {
    margin-top: 0;
  }
}
.benefits__facility-img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1021px) {
  .benefits__facility-img {
    padding: 0 1.1111111111vw;
  }
}
.benefits__facility-img-inner {
  width: 100%;
  height: fit-content;
  overflow: hidden;
}
@media (min-width: 1021px) {
  .benefits__facility-img-inner {
    border-radius: 0.8333333333vw;
  }
}
.benefits__facility-img-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.benefits__facility-wrapper {
  width: 100%;
  padding: 0 6.1538461538vw 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__facility-wrapper {
    padding: 0 5.5555555556vw 5.5555555556vw 8.3333333333vw;
  }
}
.benefits__facility-inner {
  width: 100%;
  padding: 6.1538461538vw 4.1025641026vw;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
  background-color: var(--clr-tomoku-white);
  border-radius: 3.0769230769vw;
  margin-top: -25.641025641vw;
}
@media (min-width: 1021px) {
  .benefits__facility-inner {
    padding: 4.4444444444vw;
    gap: 5.5555555556vw;
    border-radius: 0.8333333333vw;
    margin-top: -13.8888888889vw;
  }
}
.benefits__facility-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.1538461538vw;
}
@media (min-width: 1021px) {
  .benefits__facility-text {
    gap: 2.7777777778vw;
  }
}
.benefits__facility-body {
  width: 100%;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__facility-body {
    font-size: 1.1111111111vw;
    letter-spacing: 0.0222222222vw;
  }
}
.benefits__facility-visual {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__facility-visual {
    gap: 1.1111111111vw;
  }
}
.benefits__facility-visual h4 {
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.1025641026vw;
  color: var(--clr-tomoku-body);
  padding-left: 2.0512820513vw;
  border-left: 1.0256410256vw solid var(--clr-tomoku-vivid-blue);
}
@media (min-width: 1021px) {
  .benefits__facility-visual h4 {
    font-size: 1.6666666667vw;
    letter-spacing: 0.0333333333vw;
    padding-left: 0.5555555556vw;
    border-left: 0.2777777778vw solid var(--clr-tomoku-vivid-blue);
  }
}
.benefits__facility-visual-list {
  width: 100%;
  display: grid;
  gap: 4.1025641026vw;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list {
    gap: 1.1111111111vw 1.6666666667vw;
  }
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-01 {
    grid-template-columns: 1fr 52.7777777778vw;
  }
}
.benefits__facility-visual-list.-group-01 .-visual-01 {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-01 .-visual-01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits__facility-visual-list.-group-01 .-visual-02 {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-01 .-visual-02 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.benefits__facility-visual-list.-group-01 .-visual-03 {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-01 .-visual-03 {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-02 {
    grid-template-columns: 52.7777777778vw 1fr;
  }
}
.benefits__facility-visual-list.-group-02 .-visual-01 {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-02 .-visual-01 {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.benefits__facility-visual-list.-group-02 .-visual-02 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-02 .-visual-02 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.benefits__facility-visual-list.-group-02 .-visual-03 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-02 .-visual-03 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-03 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.benefits__facility-visual-list.-group-03 .-visual-01 {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-03 .-visual-01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits__facility-visual-list.-group-03 .-visual-02 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-03 .-visual-02 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.benefits__facility-visual-list.-group-03 .-visual-03 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-list.-group-03 .-visual-03 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.benefits__facility-visual-item {
  width: 100%;
  height: 100%;
  border-radius: 3.0769230769vw;
  overflow: hidden;
}
@media (min-width: 1021px) {
  .benefits__facility-visual-item {
    border-radius: 0.8333333333vw;
  }
}
.benefits__facility-visual-item picture {
  width: 100%;
  height: 100%;
}
.benefits__facility-visual-item picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.benefits__other {
  padding: 10.2564102564vw 6.1538461538vw;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
}
@media (min-width: 1021px) {
  .benefits__other {
    padding: 5.5555555556vw 5.5555555556vw 5.5555555556vw 8.3333333333vw;
    gap: 5.5555555556vw;
  }
}
.benefits__other-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.1538461538vw;
}
@media (min-width: 1021px) {
  .benefits__other-inner {
    padding: 0 7.3611111111vw;
    gap: 5.5555555556vw;
  }
}
.benefits__other-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6.1538461538vw;
}
@media (min-width: 1021px) {
  .benefits__other-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6666666667vw;
  }
}
.benefits__other-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__other-item {
    gap: 1.1111111111vw;
  }
}
.benefits__other-item-title {
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0923076923vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__other-item-title {
    font-size: 1.3888888889vw;
    letter-spacing: 0.0277777778vw;
  }
}
.benefits__other-iconbox {
  width: 100%;
  padding: 10.2564102564vw 4.1025641026vw;
  display: flex;
  flex-direction: column;
  gap: 10.2564102564vw;
  border-radius: 3.0769230769vw;
  background-color: var(--clr-bg-gray);
}
@media (min-width: 1021px) {
  .benefits__other-iconbox {
    padding: 2.7777777778vw;
    gap: 2.7777777778vw;
    border-radius: 0.8333333333vw;
  }
}
.benefits__other-iconbox-title {
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.1025641026vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__other-iconbox-title {
    font-size: 1.6666666667vw;
    letter-spacing: 0.0333333333vw;
  }
}
.benefits__other-iconbox-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8.2051282051vw 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__other-iconbox-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.2222222222vw 0;
  }
}
.benefits__other-iconbox-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits__other-iconbox-item {
    gap: 1.1111111111vw;
  }
}
.benefits__other-iconbox-icon {
  width: 20.5128205128vw;
  height: 20.5128205128vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1021px) {
  .benefits__other-iconbox-icon {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
}
.benefits__other-iconbox-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.benefits__other-iconbox-label {
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 165%;
  letter-spacing: 0.0820512821vw;
  color: var(--clr-tomoku-body);
  text-align: center;
}
@media (min-width: 1021px) {
  .benefits__other-iconbox-label {
    font-size: 1.25vw;
    letter-spacing: 0.025vw;
  }
}
.benefits__other-iconbox-sublabel {
  display: block;
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.0717948718vw;
  color: var(--clr-tomoku-body);
}
@media (min-width: 1021px) {
  .benefits__other-iconbox-sublabel {
    font-size: 0.9722222222vw;
    letter-spacing: 0.0194444444vw;
  }
}

.benefits-swiper__swiper-wrap {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 10.2564102564vw;
  gap: 4.1025641026vw;
}
@media (min-width: 1021px) {
  .benefits-swiper__swiper-wrap {
    grid-template-columns: 2.7777777778vw 1fr 2.7777777778vw;
    gap: 1.1111111111vw;
  }
}
.benefits-swiper__btn {
  width: 10.2564102564vw;
  height: 10.2564102564vw;
  padding: 2.0512820513vw;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--clr-tomoku-body);
  background-color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  flex-shrink: 0;
  transition: background-color 0.3s ease;
}
@media (min-width: 1021px) {
  .benefits-swiper__btn {
    width: 2.7777777778vw;
    height: 2.7777777778vw;
    padding: 0.5555555556vw;
  }
  .benefits-swiper__btn:hover {
    background-color: var(--clr-gray-03);
  }
}
.benefits-swiper__btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mask-image: url("/wp-content/themes/tomoku/assets/img/common/icon_keyboard-arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--clr-tomoku-body);
}
.benefits-swiper__btn.-prev {
  grid-column: 1/2;
  justify-self: end;
}
@media (min-width: 1021px) {
  .benefits-swiper__btn.-prev {
    justify-self: unset;
    align-self: center;
    grid-row: 1/2;
  }
}
.benefits-swiper__btn.-prev::before {
  transform: rotate(180deg);
}
.benefits-swiper__btn.-next {
  grid-column: 2/3;
}
@media (min-width: 1021px) {
  .benefits-swiper__btn.-next {
    grid-column: 3/4;
    grid-row: 1/2;
    align-self: center;
  }
}
.benefits-swiper__btn.-next::before {
  transform: rotate(0deg);
}
.benefits-swiper .swiper-wrapper {
  width: 100%;
}
.benefits-swiper .swiper {
  width: 100%;
  border-radius: 3.0769230769vw;
  overflow: hidden;
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media (min-width: 1021px) {
  .benefits-swiper .swiper {
    border-radius: 0.8333333333vw;
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.benefits-swiper .swiper-slide {
  border-radius: 3.0769230769vw;
  overflow: hidden;
}
@media (min-width: 1021px) {
  .benefits-swiper .swiper-slide {
    border-radius: 0.8333333333vw;
  }
}
.benefits-swiper .swiper-slide img {
  width: 100%;
  height: 61.5384615385vw;
  object-fit: cover;
  display: block;
}
@media (min-width: 1021px) {
  .benefits-swiper .swiper-slide img {
    height: 33.3333333333vw;
  }
}
.benefits-swiper__pagination {
  display: flex;
  justify-content: center;
  gap: 2.0512820513vw;
  position: static;
  grid-column: 1/-1;
  grid-row: 3/4;
}
@media (min-width: 1021px) {
  .benefits-swiper__pagination {
    gap: 0.5555555556vw;
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.benefits-swiper__pagination .swiper-pagination-bullet {
  width: 2.5641025641vw;
  height: 2.5641025641vw;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--clr-tomoku-vivid-blue);
  opacity: 1;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media (min-width: 1021px) {
  .benefits-swiper__pagination .swiper-pagination-bullet {
    width: 0.6944444444vw;
    height: 0.6944444444vw;
  }
}
.benefits-swiper__pagination .swiper-pagination-bullet-active {
  background-color: var(--clr-tomoku-vivid-blue);
}

/*# sourceMappingURL=benefits.css.map */