@charset "UTF-8";
/* ==================================================
 * Color set
 * ================================================== */
/* ==================================================
 * Font
 * ================================================== */
/* ==================================================
 * width
 * ================================================== */
/* ==================================================
 * layout
 * ================================================== */
/* ==================================================
 * bg
 * ================================================== */
/* ==================================================
 * font text
 * ================================================== */
/* ==================================================
 * other
 * ================================================== */
.btn-01__link, .btn-02__link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  padding-right: 10%;
  border-radius: 50rem;
  line-height: 1;
}
.btn-01__link:hover, .btn-02__link:hover {
  color: rgba(255, 255, 255, 0.8);
}
.btn-01__link.bg-wht, .btn-02__link.bg-wht {
  color: #80baa5 !important;
}
.btn-01__link.bg-wht:hover, .btn-02__link.bg-wht:hover {
  color: rgba(128, 186, 165, 0.8) !important;
}
.btn-02__link {
  justify-content: flex-start;
  background: #80baa5;
  padding: 0 27px 5px 27px;
}

#side-bar {
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 88;
}

.side-bar__sns {
  width: 50px;
  aspect-ratio: 1/1;
  border-radius: 50rem;
  background: #fff;
}
.side-bar__sns a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ic-tel-grn, .ic-tel-wht {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.ic-tel-grn::before, .ic-tel-wht::before {
  content: "";
  display: block;
  width: 28px;
  aspect-ratio: 28/29;
  background-image: url("/img/common/ic-tel-grn.png");
  background-size: 100%;
}
.ic-tel-wht::before {
  background-image: url("/img/common/ic-tel-wht.png");
  background-size: 100%;
}

.arw-wht, .arw-grn {
  position: relative;
}
.arw-wht::after, .arw-grn::after {
  content: "";
  display: block;
  width: 22px;
  aspect-ratio: 22/9;
  background-image: url("/img/common/arrow-wht.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.arw-wht:hover::after, .arw-grn:hover::after {
  transform: translate(-2px, -50%);
}
.arw-grn::after {
  background-image: url("/img/common/arrow-grn.png");
  background-size: 100%;
}

.deco-line-wave::after {
  content: "";
  display: block;
  width: 282px;
  aspect-ratio: 282/20;
  background-image: url("/img/common/deco-line-wave.png");
  background-size: 100%;
  margin: 10px 0 0;
}
.deco-line-wave.txt-aln-c::after {
  margin: 10px auto 0 auto;
}

.obj-illust-kabu::after {
  content: "";
  display: block;
  width: 157px;
  aspect-ratio: 157/103;
  background-image: url("/img/common/illust-kabuto.png");
  background-size: 100%;
  position: absolute;
}
.obj-bg-cloud {
  position: relative;
  z-index: 1;
}
.obj-bg-cloud::after {
  content: "";
  display: block;
  width: 1190px;
  max-width: 61.9791666667%;
  aspect-ratio: 1190/135;
  background-image: url("/img/common/deco-line-cloud.png");
  background-size: 100%;
  position: absolute;
  z-index: -1;
}
.obj-line-circle {
  position: relative;
  z-index: 1;
}
.obj-line-circle::after {
  content: "";
  display: block;
  width: 584px;
  aspect-ratio: 584/138;
  background-image: url("/img/common/deco-line-circle.png");
  background-size: 100%;
  position: absolute;
  z-index: -1;
}

.tbl {
  width: 100%;
}
.tbl td {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.tbl-01 {
  border-top: solid 1px #d6d6d6;
  border-bottom: solid 1px #d6d6d6;
}
.tbl-01 th, .tbl-01 td {
  vertical-align: middle;
  font-weight: 500;
}
.tbl-01 th {
  padding: 15px 0 15px 2%;
  width: 15%;
  color: #80baa5;
}
.tbl-01 td {
  padding: 15px 2% 15px 0;
}
.tbl-01 tr:not(:first-child) th, .tbl-01 tr:not(:first-child) td {
  border-top: solid 1px #d6d6d6;
}

.com-layout {
  display: flex;
}
.com-tel .tel {
  line-height: 1;
  font-weight: 600;
}
.com-bx-shadow {
  box-shadow: 0 0 10px rgba(119, 119, 119, 0.1);
}

.layout-clm-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-2 .list-item,
.layout-clm-2 .layout-item {
  width: calc((100% - 40px) / 2);
}
.layout-clm-2-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-2-c .list-item,
.layout-clm-2-c .layout-item {
  width: calc((100% - 40px) / 2);
}
.layout-clm-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-3 .list-item,
.layout-clm-3 .layout-item {
  width: calc((100% - 80px) / 3);
}
.layout-clm-3-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-3-c .list-item,
.layout-clm-3-c .layout-item {
  width: calc((100% - 80px) / 3);
}
.layout-clm-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-4 .list-item,
.layout-clm-4 .layout-item {
  width: calc((100% - 120px) / 4);
}
.layout-clm-4-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-4-c .list-item,
.layout-clm-4-c .layout-item {
  width: calc((100% - 120px) / 4);
}

.list-blog .list-item, .list-news .list-item, .list-privacy .list-item, .list-link .list-item {
  width: 100%;
}
.list-news__item {
  padding: 20px 0;
}
.list-news__item:not(:first-child) {
  border-top: solid 1px #d6d6d6;
}
.list-news__item:first-child {
  padding-top: 0 !important;
}
.list-news__item:last-child {
  padding-bottom: 0 !important;
}
.list-news time {
  display: block;
  line-height: 1;
  color: #a7a7a7;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-news time {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-news time {
    font-size: 17.5px;
  }
}
.list-news__link {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.list-news__img {
  width: 190px;
  min-width: 190px;
  aspect-ratio: 1/1;
  border-radius: 13px;
  overflow: hidden;
}
.list-news__bx {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.list-news__ttl {
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-all;
  line-height: 1.875;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
.list-reason__item {
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
.list-reason__ttl {
  position: relative;
  width: 100%;
  margin-right: 80px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 10px rgba(119, 119, 119, 0.1);
  line-height: 1.5294117647;
  font-size: 17px;
  font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
  .list-reason__ttl {
    font-size: 27px;
    font-size: 3.515625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-reason__ttl {
    font-size: 16.875px;
  }
}
.list-reason__ttl::before {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 20/18;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #fff;
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
}
.list-link a {
  color: #007aeb;
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
}
.list-gallery a, .list-gallery-low a {
  display: flex;
  flex-direction: column;
  row-gap: 0.5vw;
}
.list-gallery__img, .list-gallery-low__img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.list-gallery__ttl, .list-gallery-low__ttl {
  width: 100%;
}
.list-gallery__ttl span, .list-gallery-low__ttl span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
.list-gallery {
  -moz-column-gap: 1.82%;
       column-gap: 1.82%;
}
.list-gallery__item {
  width: 320px;
  max-width: 16.6666666667%;
}
.list-gallery__item:nth-child(even) {
  margin-top: 2vw;
}
.list-gallery-low {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.list-gallery-low .list-item,
.list-gallery-low .layout-item {
  width: calc((100% - 80px) / 3);
}
.list-access {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.list-access .list-item,
.list-access .layout-item {
  width: calc((100% - 150px) / 4);
}
.list-access__item {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  position: relative;
  z-index: 1;
}
.list-access__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 16/60;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #80baa5;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(calc(8px + 50%), 85px);
  z-index: -1;
}
.list-access__img {
  text-align: center;
}
.list-pillar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.list-pillar .list-item,
.list-pillar .layout-item {
  width: calc((100% - 60px) / 4);
}
.list-pillar__item {
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50rem;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  text-align: center;
  padding: 50px 0 0;
}
.list-pillar dt {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-pillar dt {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-pillar dt {
    font-size: 17.5px;
  }
}
.list-pillar dd {
  font-family: "Darumadrop One", sans-serif;
  line-height: 1.0625;
  letter-spacing: 0.08em;
  color: #80baa5;
}
.list-lesson {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.list-lesson .list-item,
.list-lesson .layout-item {
  width: calc((100% - 100px) / 5);
}
.list-lesson__item {
  background: #f4f4f4;
  border-radius: 16px;
  padding: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.list-lesson__bx1 dt {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-lesson__bx1 dt {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-lesson__bx1 dt {
    font-size: 17.5px;
  }
}
.list-lesson__bx1 dd {
  font-family: "Darumadrop One", sans-serif;
  color: #80baa5;
}
.list-lesson__bx2 {
  background: #fff;
  border-radius: 10px;
  padding: 10px 0;
  display: grid;
  grid-template-rows: 1fr 2fr;
}
.list-lesson__bx2 dt {
  color: #eb894e;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-lesson__bx2 dt {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-lesson__bx2 dt {
    font-size: 17.5px;
  }
}
.list-lesson__bx2 dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.list-case {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px 30px;
}
.list-case dl {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  position: relative;
}
.list-case dl dt, .list-case dl dd {
  line-height: 1;
  color: #fff;
  text-align: center;
}
.list-case dl:not(:last-child) dt {
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .list-case dl:not(:last-child) dt {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-case dl:not(:last-child) dt {
    font-size: 18.75px;
  }
}
.list-case dl:not(:last-child) dt, .list-case dl:not(:last-child) dd {
  line-height: 1;
  padding: 5px 10px;
  border-radius: 5px;
}
.list-case dl:last-child {
  padding: 10px;
  border-radius: 10px;
  border: solid 3px #5db193;
}
.list-case dl:before {
  display: block;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(calc(-15px + 50%), -50%);
  font-size: 22px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .list-case dl:before {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-case dl:before {
    font-size: 20px;
  }
}
.list-case .obj-plus::before {
  content: "+";
}
.list-case .obj-minus::before {
  content: "ー";
}
.list-case .obj-equal::before {
  content: "＝";
}
.list-case .bg-orn {
  background: #eb894e;
}
.list-case .bg-orn-lt {
  background: #e6b394;
}
.list-case .bg-red {
  background: #ec5252;
}
.list-case .bg-red-lt {
  background: #e7adad;
}
.list-case .bg-ylw {
  background: #e7cc4d;
}
.list-case .bg-ylw-lt {
  background: #dccf94;
}
.list-case .bg-grn {
  background: #5db193;
}
.list-case .bg-grn-lt {
  background: #80baa5;
}
.list-case .bg-pnk {
  background: #eb78a9;
}
.list-case .bg-pnk-lt {
  background: #f6bdd5;
}
.list-case .bg-blu {
  background: #4baac6;
}
.list-case .bg-blu-lt {
  background: #a1c8d4;
}
.list-price {
  border-top: solid 1px #d6d6d6;
  border-bottom: solid 1px #d6d6d6;
}
.list-price__item {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.list-price__item:not(:first-child) {
  border-top: solid 1px #d6d6d6;
}
.list-price dl {
  display: flex;
  justify-content: space-between;
}
.list-price dt {
  max-width: 68%;
  color: #80baa5;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .list-price dt {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-price dt {
    font-size: 18.75px;
  }
}
.list-price dd {
  max-width: 30%;
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-price dd {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-price dd {
    font-size: 17.5px;
  }
}
.list-price__txt {
  white-space: pre-wrap;
  line-height: 1.7;
}
.list-flow__bx {
  background: #e6f6f0;
  padding: 10px 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.list-flow__bx::before {
  content: "";
  display: block;
  width: 66px;
  aspect-ratio: 1/1;
  background-image: url("/img/school/flow-ic-01.png");
  background-size: 100%;
}
.list-flow dl {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.list-flow dt {
  color: #80baa5;
  font-family: "Darumadrop One", sans-serif;
  line-height: 1;
  font-size: 36px;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .list-flow dt {
    font-size: 46px;
    font-size: 5.9895833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-flow dt {
    font-size: 28.75px;
  }
}
.list-flow dd {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-flow dd {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-flow dd {
    font-size: 17.5px;
  }
}
.list-flow__item {
  width: 510px;
  max-width: 100%;
  padding: 25px 28px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  background: #fff;
  border-radius: 10px;
  border: solid 2px #80baa5;
  position: relative;
  box-shadow: 0 0 10px rgba(119, 119, 119, 0.1);
}
.list-flow__item:nth-child(3n-1) {
  border-color: #eb894e;
}
.list-flow__item:nth-child(3n-1) .list-flow__bx {
  background: #f6ece9;
}
.list-flow__item:nth-child(3n-1) dt {
  color: #eb894e;
}
.list-flow__item:nth-child(3n) {
  border-color: #99d2e3;
}
.list-flow__item:nth-child(3n) .list-flow__bx {
  background: #e6f5f9;
}
.list-flow__item:nth-child(3n) dt {
  color: #99d2e3;
}
.list-flow__item:nth-child(2) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-02.png");
  background-size: 100%;
}
.list-flow__item:nth-child(3) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-03.png");
  background-size: 100%;
}
.list-flow__item:nth-child(4) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-04.png");
  background-size: 100%;
}
.list-flow__item:nth-child(5) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-05.png");
  background-size: 100%;
}
.list-flow__item:nth-child(6) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-06.png");
  background-size: 100%;
}
.list-flow__item:nth-child(7) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-07.png");
  background-size: 100%;
}
.list-flow__item:nth-child(8) .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-08.png");
  background-size: 100%;
}
.list-flow__item:last-child .list-flow__bx::before {
  background-image: url("/img/school/flow-ic-09.png");
  background-size: 100%;
}
.list-flow__item:nth-child(even) {
  margin-left: auto;
}
.list-flow__item:not(:first-child) {
  margin-top: -1vw;
}
.list-flow .arw-01::after, .list-flow .arw-02::after, .list-flow .arw-03::after, .list-flow .arw-04::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.list-flow .arw-01::after {
  width: 165px;
  aspect-ratio: 165/99;
  background-image: url("/img/school/flow-arrow-01.png");
  background-size: 100%;
}
.list-flow .arw-02::after {
  width: 112px;
  aspect-ratio: 112/122;
  background-image: url("/img/school/flow-arrow-02.png");
  background-size: 100%;
}
.list-flow .arw-03::after {
  width: 168px;
  aspect-ratio: 168/76;
  background-image: url("/img/school/flow-arrow-03.png");
  background-size: 100%;
}
.list-flow .arw-04::after {
  width: 132px;
  aspect-ratio: 132/91;
  background-image: url("/img/school/flow-arrow-04.png");
  background-size: 100%;
}
.list-flow .arw-01::after, .list-flow .arw-03::after {
  left: 100%;
  transform: translate(60%, -50%);
}
.list-flow .arw-02::after, .list-flow .arw-04::after {
  right: 100%;
  transform: translate(-60%, -50%);
}
.list-schedule__item {
  width: 100%;
  aspect-ratio: 3/2;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.list-staff__item, .list-staff-detail__item {
  background: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.list-staff__name dt, .list-staff-detail__name dt {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-staff__name dt, .list-staff-detail__name dt {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff__name dt, .list-staff-detail__name dt {
    font-size: 17.5px;
  }
}
.list-staff__name dd, .list-staff-detail__name dd {
  font-family: "Darumadrop One", sans-serif;
  color: #80baa5;
  line-height: 1;
  margin-left: 25px;
}
.list-staff__bx, .list-staff-detail__bx {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.list-staff__bx dl, .list-staff-detail__bx dl {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.list-staff__bx dt, .list-staff-detail__bx dt {
  white-space: pre-wrap;
  width: 50px;
  min-width: 50px;
  background: #e6f6f0;
  padding: 2px 0;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .list-staff__bx dt, .list-staff-detail__bx dt {
    font-size: 24px;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff__bx dt, .list-staff-detail__bx dt {
    font-size: 15px;
  }
}
.list-staff {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
}
.list-staff .list-item,
.list-staff .layout-item {
  width: calc((100% - 80px) / 2);
}
.list-staff__item {
  padding: 40px 30px;
}
.list-staff__img {
  width: 100%;
  aspect-ratio: 434/294;
  border-radius: 20px;
  overflow: hidden;
}
.list-staff__name dt {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-staff__name dt {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff__name dt {
    font-size: 17.5px;
  }
}
.list-staff__name dd {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .list-staff__name dd {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff__name dd {
    font-size: 16.25px;
  }
}
.list-staff__bx dd {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
.list-staff__txt {
  white-space: pre-wrap;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left;
}
.list-staff .btn {
  margin-top: auto;
}
.list-staff .btn a {
  width: 220px;
  max-width: 100%;
  height: 50px;
  margin-left: auto;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .list-staff .btn a {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff .btn a {
    font-size: 17.5px;
  }
}
.list-staff-detail__item {
  padding: 50px 90px;
}
.list-staff-detail__img img {
  border-radius: 20px;
  max-width: 60%;
}
.list-staff-detail__name dt {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .list-staff-detail__name dt {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff-detail__name dt {
    font-size: 21.25px;
  }
}
.list-staff-detail__name dd {
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .list-staff-detail__name dd {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-staff-detail__name dd {
    font-size: 18.75px;
  }
}

.tag-main__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .tag-main__list {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .tag-main__list {
    font-size: 17.5px;
  }
}
.tag-main__link {
  display: block;
  background: #e29191;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
}
.tag-main__link:hover {
  opacity: 0.8;
}
.tag-sub__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .tag-sub__list {
    font-size: 24px;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .tag-sub__list {
    font-size: 15px;
  }
}
.tag-sub__item {
  line-height: 1;
  background: #e1c3d6;
  padding: 5px 10px;
}

.ttl-main {
  display: flex;
  flex-direction: column;
}
.ttl-main .en {
  font-family: "Darumadrop One", sans-serif;
  line-height: 1;
  color: #80baa5;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .ttl-main .en {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-main .en {
    font-size: 21.25px;
  }
}
.ttl-main .rb {
  font-family: "Stick", sans-serif;
  line-height: 2.05;
  font-size: 40px;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .ttl-main .rb {
    font-size: 50px;
    font-size: 6.5104166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-main .rb {
    font-size: 31.25px;
  }
}
.ttl-sub {
  border-radius: 4px;
  overflow: hidden;
  border-left: solid #80baa5 6px;
  background: #fff;
  padding: 10px 20px 15px 20px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .ttl-sub {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-sub {
    font-size: 21.25px;
  }
}
.ttl-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  aspect-ratio: 1/1;
  border-radius: 50rem;
  background: #f2e4e0;
  font-family: "Stick", sans-serif;
  line-height: 1.3529411765;
}
.ttl-01 {
  text-align: center;
  background: #f2e4e0;
  padding: 10px 5px;
  font-family: "Stick", sans-serif;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .ttl-01 {
    font-size: 40px;
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-01 {
    font-size: 25px;
  }
}
.ttl-02 {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.ttl-02::before {
  content: "";
  display: block;
  width: 14px;
  min-width: 14px;
  aspect-ratio: 1/1;
  border-radius: 50rem;
  background: #80baa5;
}

.txt-plain {
  font-weight: 400;
  line-height: 2.125;
}

.header-nav__item,
.drawer-nav__item,
.footer-nav__item {
  line-height: 1;
}
.header-nav__link:hover,
.drawer-nav__link:hover,
.footer-nav__link:hover {
  opacity: 0.8;
}

.header-nav {
  margin-top: 20px;
}
.header-nav__list {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 40px;
       column-gap: 40px;
  font-weight: 600;
}
.header-nav__link:hover {
  color: #80baa5;
}

.footer-nav__list {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
  grid-template-columns: 155px 190px;
  grid-template-rows: repeat(5, auto);
  gap: 15px 30px;
}
.footer-nav__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.footer-nav__link::before {
  content: "";
  display: block;
  width: 8px;
  height: 10px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #e29191;
}

.header-bar {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 0 2.6%;
}

.mv, .sv {
  width: 100%;
  position: relative;
  z-index: 1;
}
.mv img, .sv img {
  display: block;
  width: 100%;
}

.mv-cc {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 2.5vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.mv-cc__main {
  color: #fff;
  font-family: "Stick", sans-serif;
  font-size: 57px;
  font-size: 2.96875vw;
}
@media screen and (max-width: 1120px) {
  .mv-cc__main {
    font-size: 35.625px;
  }
}
@media screen and (min-width: 1920px) {
  .mv-cc__main {
    font-size: 57px;
  }
}
.mv-cc__main em {
  font-size: 72px;
  font-size: 3.75vw;
}
@media screen and (max-width: 1120px) {
  .mv-cc__main em {
    font-size: 45px;
  }
}
@media screen and (min-width: 1920px) {
  .mv-cc__main em {
    font-size: 72px;
  }
}
.mv-cc__sub {
  gap: 1vw;
  color: #80baa5;
  font-size: 28px;
  font-size: 1.4583333333vw;
}
@media screen and (max-width: 1120px) {
  .mv-cc__sub {
    font-size: 17.5px;
  }
}
@media screen and (min-width: 1920px) {
  .mv-cc__sub {
    font-size: 28px;
  }
}
.mv-cc__sub span {
  background: #fff;
  padding: 5px 10px;
}

.sv {
  aspect-ratio: 1920/530;
}
.sv-ttl {
  width: 780px;
  max-width: 100%;
  font-family: "Stick", sans-serif;
  background: #fff;
  color: #80baa5;
  line-height: 1;
  padding: 15px 0 20px 0;
  font-size: 50px;
  font-size: 5rem;
}
@media screen and (max-width: 768px) {
  .sv-ttl {
    font-size: 60px;
    font-size: 7.8125vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .sv-ttl {
    font-size: 37.5px;
  }
}
.sv-bg-about {
  background: url("/img/about/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-curriculum {
  background: url("/img/curriculum/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-school {
  background: url("/img/school/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-teachers {
  background: url("/img/teachers/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-news {
  background: url("/img/news/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-contact {
  background: url("/img/contact/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-complete {
  background: url("/img/complete/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-privacy {
  background: url("/img/privacy/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-site {
  background: url("/img/site/sv.png") center center no-repeat;
  background-size: cover;
}
.sv-bg-notfound {
  background: url("/img/notfound/sv.png") center center no-repeat;
  background-size: cover;
}

.top-news {
  padding: 130px 0 330px 0;
  background: url("/img/top/news-bg.png") right bottom no-repeat;
  background-size: 37.08%;
}
.top-news .cts-1080 {
  min-height: 630px;
}
.top-news .ttl-main .rb {
  font-size: 38px;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  .top-news .ttl-main .rb {
    font-size: 48px;
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-news .ttl-main .rb {
    font-size: 30px;
  }
}
.top-news .list-news {
  width: 624px;
  max-width: 100%;
}
.top-news .btn {
  position: absolute;
  top: 185px;
  left: 50px;
  z-index: 1;
}
.top-news .img {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-420px, 230px);
}

.top-about {
  margin-top: -220px;
  padding: 340px 0 0;
}
.top-about .ttl-main {
  row-gap: 20px;
  margin-bottom: 60px;
}
.top-about .img-01 {
  width: 760px;
  max-width: 100%;
  border-radius: 20px 0 0 190px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(420px, -340px);
  z-index: -1;
}
.top-about .img-02 {
  margin: 45px 0 0 -100px;
}
.top-about .obj-kids1::before, .top-about .obj-kids2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
}
.top-about .obj-kids1::before {
  width: 328px;
  aspect-ratio: 328/391;
  background-image: url("/img/top/about-obj-kids1.png");
  background-size: 100%;
  left: 0;
  transform: translate(230px, -415px);
}
.top-about .obj-kids2::before {
  width: 312px;
  aspect-ratio: 312/214;
  background-image: url("/img/top/about-obj-kids2.png");
  background-size: 100%;
  right: 0;
  transform: translate(140px, 370px);
}
.top-about .obj-illust-kabu::after {
  top: 0;
  right: 0;
  transform: translate(-230px, 205px);
}
.top-about .obj-dot {
  width: 100%;
  height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: url("/img/top/about-obj-dot1.png") top right no-repeat;
  background-size: 47.86%;
  position: absolute;
  top: 640px;
  left: 0;
  z-index: -1;
}
.top-about .obj-dot::after {
  content: "";
  display: block;
  width: 909px;
  max-width: 47.34375%;
  aspect-ratio: 909/46;
  background-image: url("/img/top/about-obj-dot2.png");
  background-size: 100%;
}
.top-about.obj-bg::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 270px);
  background: url("/img/common/ptn-wall-02.png") center;
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: -2;
}

.top-reason {
  padding: 80px 0 150px 0;
}
.top-reason .ttl-main {
  margin-bottom: 80px;
}
.top-reason .ttl-main .en {
  margin-bottom: 15px;
}
.top-reason .ttl-main .rb rt {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .top-reason .ttl-main .rb rt {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-reason .ttl-main .rb rt {
    font-size: 16.25px;
  }
}
.top-reason .wrp-career p {
  position: absolute;
  right: 185px;
  bottom: 60px;
}
.top-reason .obj-kids1::before, .top-reason .obj-kids2::after {
  content: "";
  display: block;
  width: 137px;
  aspect-ratio: 137/284;
  background-image: url("/img/top/reason-obj-kids1.png");
  background-size: 100%;
  position: absolute;
  z-index: -1;
}
.top-reason .obj-kids1::before {
  top: 0;
  left: 0;
  transform: translate(-60px, -204px);
}
.top-reason .obj-kids2::after {
  width: 190px;
  aspect-ratio: 190/385;
  background-image: url("/img/top/reason-obj-kids2.png");
  background-size: 100%;
  right: 0;
  bottom: 0;
  transform: translate(45px, 40px);
}

.top-gallery {
  padding: 55px 0 130px 0;
}
.top-gallery .ttl-main {
  margin-bottom: 70px;
}
.top-gallery.obj-bg1::before, .top-gallery.obj-bg2::after {
  content: "";
  display: block;
  width: 438px;
  max-width: 22.8125%;
  aspect-ratio: 438/57;
  background-image: url("/img/top/gallery-obj-01.png");
  background-size: 100%;
  position: absolute;
  z-index: -1;
}
.top-gallery.obj-bg1::before {
  top: 0;
  right: 0;
  transform: translate(0, 300%);
}
.top-gallery.obj-bg2::after {
  width: 557px;
  max-width: 29.0104166667%;
  aspect-ratio: 557/138;
  background-image: url("/img/top/gallery-obj-02.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
  transform: translate(0, -80%);
}

.top-info {
  padding: 130px 0 300px 0;
}
.top-info .img {
  margin: 0 -420px 0 auto;
}
.top-info .gif {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(-225px, 260px);
  z-index: 1;
}
.top-info.obj-bg::after {
  content: "";
  display: block;
  width: 853px;
  max-width: 44.4270833333%;
  aspect-ratio: 853/689;
  background-image: url("/img/top/info-obj.png");
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.top-access {
  padding: 130px 0 0;
}
.top-access .ttl-main {
  margin-bottom: 80px;
}
.top-access .com-base {
  border-radius: 242px 242px 0 0;
}
.top-access .obj-bg::after {
  content: "";
  display: block;
  width: 780px;
  max-width: 100%;
  aspect-ratio: 780/321;
  background-image: url("/img/top/access-obj.png");
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

#ctn-lower section {
  padding: 100px 0;
}
#ctn-lower .ttl-main {
  margin-bottom: 60px;
}
#ctn-lower .low-anchor {
  padding: 65px 0;
}

.low-concept .com-layout__item {
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.low-concept .com-layout__item .btn {
  margin-top: auto;
}
.low-concept .com-layout__item .btn a {
  margin-left: auto;
}
.low-concept .obj-bg {
  position: relative;
  z-index: 2;
}
.low-concept .obj-bg::after {
  content: "";
  display: block;
  width: 1600px;
  height: calc(100% - 480px);
  border-radius: 30px;
  background: url("/img/common/ptn-wall-02.png") center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  z-index: -2;
}
.low-concept .obj-dot::before {
  content: "";
  display: block;
  width: 100%;
  min-width: 1920px;
  aspect-ratio: 1920/845;
  background-image: url("/img/about/concept-obj-01.png");
  background-size: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -100px);
  z-index: -1;
}
.low-concept .obj-illust-kabu::after {
  right: 0;
  bottom: 0;
  transform: translate(-20px, 45px);
  z-index: 1;
}

.low-policy .obj-line-circle::after {
  top: 0;
  right: 0;
  transform: translate(290px, -30px);
  z-index: 1;
}
.low-policy .obj-kids {
  position: relative;
  z-index: 1;
}
.low-policy .obj-kids::before {
  content: "";
  display: block;
  width: 257px;
  aspect-ratio: 257/387;
  background-image: url("/img/about/concept-obj-02.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(50px, -50%);
}

.low-philosophi .com-layout:nth-child(odd) .img {
  margin-left: -100px;
}
.low-philosophi .com-layout:nth-child(even) .img {
  margin-right: -100px;
}

.low-gallery .obj-kids {
  position: relative;
  z-index: 1;
}
.low-gallery .obj-kids::before {
  content: "";
  display: block;
  width: 292px;
  aspect-ratio: 292/227;
  background-image: url("/img/about/gallery-obj.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100px, -70px);
  z-index: -1;
}

.low-case .obj-kids {
  position: relative;
  z-index: 1;
}
.low-case .obj-kids::before {
  content: "";
  display: block;
  width: 229px;
  aspect-ratio: 229/211;
  background-image: url("/img/curriculum/tuittion-obj.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.low-course.obj-bg-cloud::after {
  right: 0;
  bottom: 0;
  transform: translate(0, -50px);
}

.low-flow .obj-kids1::before, .low-flow .obj-kids2::after, .low-flow .obj-illust::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.low-flow .obj-kids1::before {
  width: 303px;
  aspect-ratio: 303/343;
  background-image: url("/img/school/flow-obj-01.png");
  background-size: 100%;
  top: 0;
  right: 0;
}
.low-flow .obj-kids2::after {
  width: 127px;
  aspect-ratio: 127/221;
  background-image: url("/img/school/flow-obj-02.png");
  background-size: 100%;
  right: 0;
  bottom: 0;
  transform: translate(-360px, 35px);
}
.low-flow .obj-illust::before {
  width: 278px;
  aspect-ratio: 278/181;
  background-image: url("/img/school/flow-obj-03.png");
  background-size: 100%;
  top: 0;
  left: 0;
  transform: translate(-44px, -106px);
  z-index: 1;
}
.low-flow .obj-bg-cloud::after {
  width: 960px;
  max-width: 50%;
  top: 50%;
  right: 0;
  transform: translateY(20%);
}

.low-message dl {
  display: flex;
}
.low-message .imgbx {
  position: absolute;
  right: 60px;
  bottom: 50px;
}

#footer {
  padding: 70px 0;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer .com-layout__item:last-child {
  margin-right: 120px;
}/*# sourceMappingURL=style.css.map */