body {
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Noto Sans JP", sans-serif;
  word-wrap: break-all;
  word-wrap: break-word;
  color: #362a20;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-size: 28px;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  body {
    font-size: 14px;
  }
}

.col-wht {
  color: #fff !important;
}
.col-blk {
  color: #362a20 !important;
}
.col-main {
  color: #11b9d5 !important;
}
.col-sub {
  color: #82d1de !important;
}
.col-sub2 {
  color: #c8edf9 !important;
}
.col-accent {
  color: #ef8ea1 !important;
}
.col-bg {
  color: #eefafe !important;
}
.col-bdr {
  color: rgba(17, 185, 213, 0.5) !important;
}
.col-line {
  color: #06c755 !important;
}
.col-line2 {
  color: #b3fbd1 !important;
}

.bg-wht {
  background-color: #fff !important;
}
.bg-blk {
  background-color: #362a20 !important;
}
.bg-main {
  background-color: #11b9d5 !important;
}
.bg-sub {
  background-color: #82d1de !important;
}
.bg-sub2 {
  background-color: #c8edf9 !important;
}
.bg-accent {
  background-color: #ef8ea1 !important;
}
.bg-bg {
  background-color: #eefafe !important;
}
.bg-bdr {
  background-color: rgba(17, 185, 213, 0.5) !important;
}
.bg-line {
  background-color: #06c755 !important;
}
.bg-line2 {
  background-color: #b3fbd1 !important;
}

.ptn-check {
  background: url("/img/common/ptn-check.png") center center;
}
@media screen and (max-width: 430px) {
  .ptn-check {
    background-size: 30px;
  }
}
.ptn-stripe-blu {
  background: url("/img/common/ptn-stripe-blue.png") center center;
}
@media screen and (max-width: 430px) {
  .ptn-stripe-blu {
    background-size: 6px;
  }
}
.ptn-stripe-lightblu {
  background: url("/img/common/ptn-stripe-lightblue.png") center center;
}
@media screen and (max-width: 430px) {
  .ptn-stripe-lightblu {
    background-size: 6px;
  }
}

.btn-01__link {
  font-family: "Kosugi Maru", sans-serif;
  line-height: 1.4705882353;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 12.11%;
}
.btn-02__link, .btn-03__link, .btn-04__link {
  font-family: "Kosugi Maru", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  background: #11b9d5;
  color: #fff;
  box-shadow: 10px 10px #fff;
  font-size: 30px;
  font-size: 4vw;
}
@media screen and (min-width: 769px) {
  .btn-02__link, .btn-03__link, .btn-04__link {
    font-size: 15px;
  }
}
.btn-03__link {
  box-shadow: 10px 10px #c8edf9;
}
.btn-04__link {
  background: #06c755;
  box-shadow: 10px 10px #b3fbd1;
}

.arw-solid-wht, .arw-solid-wht-l, .arw-solid-pnk, .arw-solid-pnk_light {
  position: relative;
}
.arw-solid-wht::after, .arw-solid-wht-l::after, .arw-solid-pnk::after, .arw-solid-pnk_light::after {
  content: "";
  display: block;
  width: 26px;
  aspect-ratio: 40/17;
  background-image: url("/img/common/arrow-solid-wht.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 5.79%;
  transform: translate(0, -50%);
}
.arw-solid-pnk_light::after {
  width: 58px;
  aspect-ratio: 58/25;
  background-image: url("/img/common/arrow-solid-pnk_light.png");
  background-size: 100%;
}
.arw-solid-pnk::after {
  width: 40px;
  aspect-ratio: 40/17;
  background-image: url("/img/common/arrow-solid-pnk.png");
  background-size: 100%;
}
.arw-solid-wht-l::after {
  width: 40px;
}

.bg-bf, .bg-af,
.obj-bf,
.obj-af {
  position: relative;
  z-index: 1;
}
.bg-bf::before, .bg-af::after,
.obj-bf::before,
.obj-af::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

.ic-pin {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.ic-pin::before {
  content: "";
  display: block;
  width: 30px;
  min-width: 30px;
  aspect-ratio: 30/44;
  background-image: url("/img/common/ic-pin.png");
  background-size: 100%;
}

.bg-shine {
  background: url("/img/common/bg-shine.png") center top no-repeat;
  background-size: 100%;
}
.bg-shine-bf, .bg-shine-af {
  position: relative;
  z-index: 1;
}
.bg-shine-bf::before, .bg-shine-af::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 750/458;
  background-image: url("/img/common/bg-shine.png");
  background-size: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}
.bg-shine-bf::before {
  top: 0;
}
.bg-shine-af::after {
  bottom: 0;
  transform: scaleY(-1);
}

.deco-onpu-02 {
  position: relative;
  z-index: 1;
}
.deco-onpu-02::before {
  content: "";
  display: block;
  width: 9.7014925373%;
  max-width: 9.7014925373%;
}
@media screen and (min-width: 769px) {
  .deco-onpu-02::before {
    width: 32.5px;
    max-width: 32.5px;
  }
}
.deco-onpu-02::before {
  aspect-ratio: 65/98;
  background-image: url("/img/common/deco-onpu-02.png");
  background-size: 100%;
  position: absolute;
  z-index: -1;
}

.tbl {
  width: 100%;
  table-layout: fixed;
}
.tbl-01 tr,
.tbl-01 th,
.tbl-01 td {
  display: block;
  width: 100%;
}
.tbl-01 th {
  background: #c8edf9;
  font-weight: 700;
  border-radius: 8px;
  padding: 13px 30px;
}
.tbl-01 td {
  font-weight: 500;
  padding: 20px 30px 50px 30px;
}

[class^=cts-] {
  margin: 0 auto;
}

.cts-650 {
  width: 86.6666666667%;
  max-width: 86.6666666667%;
}
@media screen and (min-width: 769px) {
  .cts-650 {
    width: 325px;
    max-width: 325px;
  }
}
.cts-670 {
  width: 89.3333333333%;
  max-width: 89.3333333333%;
}
@media screen and (min-width: 769px) {
  .cts-670 {
    width: 335px;
    max-width: 335px;
  }
}

.list-news__item, .list-feature__item, .list-faq__item, .list-voice__item, .list-time__item, .list-flow__item {
  width: 100%;
}
.list-news time {
  font-weight: 700;
}
.list-news__bx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.list-news__item {
  border-bottom: solid 2px #fff;
  padding: 30px 0;
}
.list-news__item:first-child {
  padding-top: 0 !important;
}
.list-news__link {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.list-news__ttl {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list-feature__item {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 4.48% 80px 4.48%;
  position: relative;
}
.list-feature__item:nth-child(2) .list-feature__bx::before {
  background-image: url("/img/top/feature-no-02.png");
  background-size: 100%;
}
.list-feature__item:nth-child(3) .list-feature__bx::before {
  background-image: url("/img/top/feature-no-03.png");
  background-size: 100%;
}
.list-feature__item:nth-child(odd) .list-feature__bx::before {
  left: 0;
  transform: translate(-10px, -20px);
}
.list-feature__item:nth-child(even) .list-feature__bx {
  flex-direction: row-reverse;
}
.list-feature__item:nth-child(even) .list-feature__bx::before {
  right: 0;
  transform: translate(30px, -20px);
}
.list-feature__item:nth-child(even).bg-bf::before {
  transform: scaleX(-1);
}
.list-feature__bx {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-feature__bx::before {
  content: "";
  display: block;
  width: 25.9701492537%;
  max-width: 25.9701492537%;
}
@media screen and (min-width: 769px) {
  .list-feature__bx::before {
    width: 87px;
    max-width: 87px;
  }
}
.list-feature__bx::before {
  aspect-ratio: 174/140;
  background-image: url("/img/top/feature-no-01.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.list-feature__img {
  width: 49.18%;
}
.list-feature__ttl {
  font-family: "Zen Maru Gothic", serif;
  width: 46.9%;
  display: flex;
  flex-direction: column;
  text-align: left;
  font-size: 32px;
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .list-feature__ttl {
    font-size: 16px;
  }
}
.list-feature__ttl span {
  padding: 5px 0;
  border-bottom: dashed 2px #c8edf9;
}
.list-feature .bg-bf::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 670/252;
  background-image: url("/img/top/feature-bx-bg-top.png");
  background-size: 100%;
  top: 0;
  left: 0;
}
.list-feature .bg-af::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 670/115;
  background-image: url("/img/top/feature-bx-bg-btm.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}
.list-faq dt, .list-voice dt {
  border-radius: 20px 20px 0 0;
  font-family: "Zen Maru Gothic", serif;
  background: url("/img/common/bg-piano.png") top center;
  background-repeat: repeat-y;
  background-size: 100%;
  padding: 12px 0;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 34px;
  font-size: 4.5333333333vw;
}
@media screen and (min-width: 769px) {
  .list-faq dt, .list-voice dt {
    font-size: 17px;
  }
}
.list-faq dd, .list-voice dd {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 20px 8%;
}
.list-faq .obj-bf::before, .list-voice .obj-bf::before {
  width: 11.6417910448%;
  max-width: 11.6417910448%;
}
@media screen and (min-width: 769px) {
  .list-faq .obj-bf::before, .list-voice .obj-bf::before {
    width: 39px;
    max-width: 39px;
  }
}
.list-faq .obj-bf::before, .list-voice .obj-bf::before {
  aspect-ratio: 78/63;
  background-image: url("/img/about/ic-q.png");
  background-size: 100%;
  top: 0;
  left: 0;
  transform: translate(10%, -70%);
  z-index: 1;
}
.list-voice dt {
  border-radius: 10px 10px 0 0;
  text-align: left;
  padding: 12px 8%;
}
.list-voice dd {
  border-radius: 0 0 10px 10px;
  background: #eefafe;
}
.list-price__item {
  background: #fff;
  border-radius: 20px;
  padding: 30px 4.48%;
}
.list-price dt,
.list-price dd,
.list-price .txt {
  padding-left: 4.92%;
  padding-right: 4.92%;
}
.list-price dt {
  font-family: "Zen Maru Gothic", serif;
  background: #11b9d5;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  letter-spacing: 0.05em;
  font-size: 34px;
  font-size: 4.5333333333vw;
}
@media screen and (min-width: 769px) {
  .list-price dt {
    font-size: 17px;
  }
}
.list-price dd {
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 600;
  font-size: 32px;
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .list-price dd {
    font-size: 16px;
  }
}
.list-price .txt {
  white-space: pre-wrap;
  background: #eefafe;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.list-time__item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}
.list-time dt,
.list-time dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 4%;
}
.list-time dt {
  width: 31.7910447761%;
  max-width: 31.7910447761%;
}
@media screen and (min-width: 769px) {
  .list-time dt {
    width: 106.5px;
    max-width: 106.5px;
  }
}
.list-time dt {
  background: #ef8ea1;
  color: #fff;
  text-align: center;
}
.list-time dd {
  width: 68.2089552239%;
  max-width: 68.2089552239%;
}
@media screen and (min-width: 769px) {
  .list-time dd {
    width: 228.5px;
    max-width: 228.5px;
  }
}
.list-flow__item {
  background: #fff;
  border-radius: 20px;
  padding: 35px 5.22%;
}
.list-flow dt {
  font-family: "Zen Maru Gothic", serif;
  color: #11b9d5;
  border-bottom: dashed 2px #c8edf9;
  padding: 0 0 10px 16.67%;
  font-size: 36px;
  font-size: 4.8vw;
}
@media screen and (min-width: 769px) {
  .list-flow dt {
    font-size: 18px;
  }
}
.list-flow .btn {
  width: 100%;
}
.list-flow .btn a {
  width: 100%;
  aspect-ratio: 590/100;
}
.list-flow .obj-bf::before {
  width: 19.4029850746%;
  max-width: 19.4029850746%;
}
@media screen and (min-width: 769px) {
  .list-flow .obj-bf::before {
    width: 65px;
    max-width: 65px;
  }
}
.list-flow .obj-bf::before {
  aspect-ratio: 130/106;
  background-image: url("/img/common/lesson-step-no-01.png");
  background-size: 100%;
  vertical-align: middle;
  top: 0;
  left: 0;
  transform: translate(20%, -34%);
}
.list-flow .obj-bf:nth-child(2)::before {
  background-image: url("/img/common/lesson-step-no-02.png");
  background-size: 100%;
}
.list-flow .obj-bf:nth-child(3)::before {
  background-image: url("/img/common/lesson-step-no-03.png");
  background-size: 100%;
}

.com-gmap iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.tag-main__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.tag-main__link {
  display: block;
  background: #ef8ea1;
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 6px;
}
.tag-main__link:hover {
  opacity: 0.8;
}
.tag-sub__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 22px;
  font-size: 2.9333333333vw;
}
@media screen and (min-width: 769px) {
  .tag-sub__list {
    font-size: 11px;
  }
}
.tag-sub__item {
  line-height: 1;
  background: #ef8ea1;
  color: #fff;
  padding: 5px 15px 8px 15px;
  border-radius: 6px;
}

.ttl-01 {
  font-family: "Zen Maru Gothic", serif;
  color: #11b9d5;
  border-bottom: solid 2px #11b9d5;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  font-size: 36px;
  font-size: 4.8vw;
}
@media screen and (min-width: 769px) {
  .ttl-01 {
    font-size: 18px;
  }
}
.ttl-01::before {
  content: "";
  display: block;
  width: 40px;
  min-width: 40px;
  aspect-ratio: 40/33;
  background-image: url("/img/common/deco-onpu-01.png");
  background-size: 100%;
}
.ttl-sub {
  font-family: "Kosugi Maru", sans-serif;
  border-bottom: solid 2px #11b9d5;
  padding-bottom: 20px;
  line-height: 1.5;
  font-weight: 500;
  font-size: 34px;
  font-size: 4.5333333333vw;
}
@media screen and (min-width: 769px) {
  .ttl-sub {
    font-size: 17px;
  }
}

.txt-plain {
  line-height: 2.1428571429;
}

.br-hd {
  display: none;
}

.header-nav {
  margin-top: 30px;
}
.header-nav__list {
  font-family: "Kosugi Maru", sans-serif;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  line-height: 1.4705882353;
  font-size: 17px;
}
.header-nav__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-nav__link::after {
  content: "";
  display: block;
  width: 10px;
  aspect-ratio: 9/11;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #11b9d5;
}
.header-nav .br-hd {
  display: inline;
}

.footer-nav {
  background: #eefafe;
  border-radius: 20px;
  padding: 5.97% 0;
}
.footer-nav__list {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
  grid-template-columns: 52.99% 41.79%;
  grid-template-rows: repeat(5, auto);
  gap: 40px 2%;
  font-size: 22px;
  font-size: 2.9333333333vw;
}
@media screen and (min-width: 769px) {
  .footer-nav__list {
    font-size: 11px;
  }
}
.footer-nav__item {
  line-height: 1;
}
.footer-nav__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 4%;
       column-gap: 4%;
}
.footer-nav__link::before {
  content: "";
  display: block;
  width: 10px;
  aspect-ratio: 12/14;
  border-top: solid 2px #11b9d5;
  border-right: solid 2px #11b9d5;
  transform: rotate(45deg);
}

.drawer-nav__list {
  width: 78.6666666667%;
  max-width: 78.6666666667%;
}
@media screen and (min-width: 769px) {
  .drawer-nav__list {
    width: 295px;
    max-width: 295px;
  }
}
.drawer-nav__list {
  margin: 0 auto;
}
.drawer-nav__item {
  line-height: 1;
  border-bottom: solid 2px #11b9d5;
}
.drawer-nav__link {
  display: block;
  padding: 40px 0;
}
.drawer-nav .current {
  color: #ef8ea1;
}

.header-bar {
  width: 100%;
  aspect-ratio: 750/160;
  background: #eefafe;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9999;
}
.header-bar__bx {
  width: 36%;
  -moz-column-gap: 14.81%;
       column-gap: 14.81%;
}
.header-bar .com-logo {
  width: 18.4%;
  max-width: 18.4%;
}
@media screen and (min-width: 769px) {
  .header-bar .com-logo {
    width: 69px;
    max-width: 69px;
  }
}
.header-bar .com-logo {
  margin-left: 2.67%;
}
.header-bar .btn-sns {
  width: 29.63%;
}

.mv img,
.sv img {
  display: block;
  width: 100%;
}

.top-news .btn a, .top-about .btn a {
  width: 97.01%;
  aspect-ratio: 650/100;
}

.top-guide.obj-af::after {
  width: 26%;
  max-width: 26%;
}
@media screen and (min-width: 769px) {
  .top-guide.obj-af::after {
    width: 97.5px;
    max-width: 97.5px;
  }
}
.top-guide.obj-af::after {
  aspect-ratio: 195/166;
  background-image: url("/img/top/guide-obj.png");
  background-size: 100%;
  left: 0;
  bottom: 80px;
}

.top-about {
  background: url("/img/top/about-bg-btm.png") center bottom no-repeat;
  background-size: 100%;
}
.top-about .bx {
  border-radius: 50rem 50rem 20px 20px;
  background: url("/img/top/about-bx-bg.png") center bottom 30px no-repeat;
  background-size: 91.04%;
}
.top-about .bx::before {
  content: "";
  display: block;
  width: 94.03%;
  height: calc(100% - 40px);
  border: solid 2px #fff;
  border-radius: 50rem 50rem 20px 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.top-about .txt {
  width: 83.09%;
}

.top-feature.obj-af::after {
  width: 40.5333333333%;
  max-width: 40.5333333333%;
}
@media screen and (min-width: 769px) {
  .top-feature.obj-af::after {
    width: 152px;
    max-width: 152px;
  }
}
.top-feature.obj-af::after {
  aspect-ratio: 304/209;
  background-image: url("/img/top/feature-illust.png");
  background-size: 100%;
  right: 1.49%;
  bottom: 0;
  z-index: 1;
}

.top-bnr {
  background: url("/img/top/banner-bg-top.png") center top no-repeat;
  background-size: 100%;
}
.top-bnr .bnr-item, .top-bnr .bnr-link {
  width: 100%;
}
.top-bnr .bnr-link {
  display: block;
}
.top-bnr .child .obj-bf::before {
  width: 22.8358208955%;
  max-width: 22.8358208955%;
}
@media screen and (min-width: 769px) {
  .top-bnr .child .obj-bf::before {
    width: 76.5px;
    max-width: 76.5px;
  }
}
.top-bnr .child .obj-bf::before {
  aspect-ratio: 153/305;
  background-image: url("/img/top/banner-illust-01.png");
  background-size: 100%;
  top: 0;
  left: 0;
  transform: translate(-19.61%, -120px);
  z-index: 1;
}
.top-bnr .adult .obj-bf::before {
  width: 28.9552238806%;
  max-width: 28.9552238806%;
}
@media screen and (min-width: 769px) {
  .top-bnr .adult .obj-bf::before {
    width: 97px;
    max-width: 97px;
  }
}
.top-bnr .adult .obj-bf::before {
  aspect-ratio: 194/208;
  background-image: url("/img/top/banner-illust-02.png");
  background-size: 100%;
  top: 0;
  right: 0;
  transform: translate(10.31%, -50px);
  z-index: 1;
}
.top-bnr.bg-af::after {
  width: 100%;
  aspect-ratio: 750/666;
  background-image: url("/img/top/banner-bg-btm.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}

.top-voice {
  background: url("/img/top/voice-bg.png") center center no-repeat;
  background-size: 100%;
}
.top-voice a {
  display: block;
  width: 82.0895522388%;
  max-width: 82.0895522388%;
}
@media screen and (min-width: 769px) {
  .top-voice a {
    width: 275px;
    max-width: 275px;
  }
}
.top-voice.bg-bf::before {
  width: 100%;
  aspect-ratio: 750/103;
  background-image: url("/img/top/voice-bg-top.png");
  background-size: 100%;
  top: 0;
  left: 0;
}
.top-voice .obj-af::after {
  width: 53.64%;
  aspect-ratio: 295/241;
  background-image: url("/img/top/voice-illust.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
  transform: translate(-20.34%, 160px);
  z-index: 1;
}

.com-contact .cts-670 {
  aspect-ratio: 670/708;
  background: url("/img/common/contact-bg-top.png") right top no-repeat;
  background-size: 39.4%;
}
.com-contact .ttl-main {
  width: 62.3880597015%;
  max-width: 62.3880597015%;
}
@media screen and (min-width: 769px) {
  .com-contact .ttl-main {
    width: 209px;
    max-width: 209px;
  }
}
.com-contact .ttl-main {
  transform: translateX(-8%);
}
.com-contact .btn {
  width: 88.0597014925%;
  max-width: 88.0597014925%;
}
@media screen and (min-width: 769px) {
  .com-contact .btn {
    width: 295px;
    max-width: 295px;
  }
}
.com-contact .btn {
  margin: 0 auto;
}
.com-contact .btn a {
  width: 100%;
  aspect-ratio: 590/100;
}
.com-contact .obj-bf::before {
  width: 94.6268656716%;
  max-width: 94.6268656716%;
}
@media screen and (min-width: 769px) {
  .com-contact .obj-bf::before {
    width: 317px;
    max-width: 317px;
  }
}
.com-contact .obj-bf::before {
  aspect-ratio: 634/673;
  background-image: url("/img/common/contact-frame.png");
  background-size: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.com-contact .bg-af::after {
  width: 24.1791044776%;
  max-width: 24.1791044776%;
}
@media screen and (min-width: 769px) {
  .com-contact .bg-af::after {
    width: 81px;
    max-width: 81px;
  }
}
.com-contact .bg-af::after {
  aspect-ratio: 162/242;
  background-image: url("/img/common/contact-bg-btm.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}

#ctn-low #main-contents {
  background: #eefafe;
}
#ctn-low #main-contents .ttl-main {
  font-family: "Kosugi Maru", sans-serif;
  text-align: center;
  font-size: 50px;
  font-size: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  #ctn-low #main-contents .ttl-main {
    font-size: 25px;
  }
}

.about-teacher .deco-onpu-02::before {
  top: 0;
  right: 0;
  transform: translate(-50%, -25%);
}

.about-interview.bg-af::after {
  width: 100%;
  aspect-ratio: 750/29;
  background-image: url("/img/about/interview-bg-btm.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}

.about-info {
  background: url("/img/about/info-bg-btm.png") center bottom no-repeat;
  background-size: 100%;
}
.about-info.bg-bf::before {
  width: 27.0666666667%;
  max-width: 27.0666666667%;
}
@media screen and (min-width: 769px) {
  .about-info.bg-bf::before {
    width: 101.5px;
    max-width: 101.5px;
  }
}
.about-info.bg-bf::before {
  aspect-ratio: 203/511;
  background-image: url("/img/about/info-bg-top.png");
  background-size: 100%;
  top: 0;
  right: 0;
}
.about-info .ttl-main {
  width: 74.328358209%;
  max-width: 74.328358209%;
}
@media screen and (min-width: 769px) {
  .about-info .ttl-main {
    width: 249px;
    max-width: 249px;
  }
}

.com-lesson {
  background: url("/img/common/lesson-bg.png") center top no-repeat;
  background-size: 100%;
}
.com-lesson .txt {
  width: 92.3880597015%;
  max-width: 92.3880597015%;
}
@media screen and (min-width: 769px) {
  .com-lesson .txt {
    width: 309.5px;
    max-width: 309.5px;
  }
}

.voice-list {
  background: url("/img/voice/list-bg-top.png") center top no-repeat;
  background-size: 100%;
}
.voice-list .ttl-main {
  width: 92%;
  max-width: 92%;
}
@media screen and (min-width: 769px) {
  .voice-list .ttl-main {
    width: 345px;
    max-width: 345px;
  }
}

#footer {
  background: url("/img/common/footer-bg-top.png") center top no-repeat;
  background-size: 100%;
}
#footer .com-logo {
  width: 46.2686567164%;
  max-width: 46.2686567164%;
}
@media screen and (min-width: 769px) {
  #footer .com-logo {
    width: 155px;
    max-width: 155px;
  }
}
#footer .btn-sns li {
  width: 11.9402985075%;
  max-width: 11.9402985075%;
}
@media screen and (min-width: 769px) {
  #footer .btn-sns li {
    width: 40px;
    max-width: 40px;
  }
}
#footer .btn-ig {
  font-family: "Kosugi Maru", sans-serif;
}
#footer .btn-ig li {
  width: 100%;
  border-bottom: solid 2px #ef8ea1;
}
#footer .btn-ig li:first-child a {
  padding-top: 0 !important;
}
#footer .btn-ig a {
  display: flex;
  align-items: center;
  -moz-column-gap: 6.35%;
       column-gap: 6.35%;
  padding: 40px 2.99%;
}
#footer .btn-ig a::before {
  content: "";
  display: inline-block;
  width: 12.7%;
  aspect-ratio: 1/1;
  background-image: url("/img/common/ic-ig.png");
  background-size: 100%;
}
#footer .btn-ig .arw-solid-pnk::after {
  right: 0;
}
#footer.bg-af::after {
  width: 100%;
  aspect-ratio: 750/355;
  background-image: url("/img/common/footer-bg-btm.png");
  background-size: 100%;
  left: 0;
  bottom: 0;
}

.footer-copy small {
  line-height: 1.8181818182;
}

.footer-bar {
  position: sticky;
  left: 0;
  bottom: 0;
  z-index: 88;
}/*# sourceMappingURL=style.css.map */