html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
a { margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline; background: transparent; }
table { border-collapse: collapse; border-spacing: 0px; }
*, ::before, ::after { box-sizing: border-box; }
:root { font-size: calc(0.266667vw); }
main { overflow: visible; }
body { font-family: "Noto Sans Arabic", sans-serif; font-weight: 500; }
.pcOnly { display: block !important; }
.spOnly { display: none !important; }
@media screen and (max-width: 768px){
.pcOnly { display: none !important; }
.spOnly { display: block !important; }
}
svg { width: 100%; height: auto; }
img { width: 100%; height: auto; }
a { text-decoration: none; color: rgb(0, 0, 0); }
ul { list-style: none; }
@-webkit-keyframes scrollAnimation { 
  0% { opacity: 0; transform: translateY(0%); }
  100% { transform: translateY(100%); }
}
@keyframes scrollAnimation { 
  0% { opacity: 0; transform: translateY(0%); }
  100% { transform: translateY(100%); }
}
.l-header__wrap { position: relative; }
.l-header { width: 100%; position: relative; }
.logo-page { display: none; }
@media screen and (min-width: 768px){
.logo-page { display: block; width: 179px; position: absolute; top: 50px; left: 40px; z-index: 20; }
}
.l-header__bg { background: rgb(255, 255, 255); width: 100%; }
.l-header .inner { margin: 0px auto; max-width: 100%; padding: 50px 60px 64px; width: 1366px; min-width: 1366px; position: relative; }
@media screen and (max-width: 767px){
.l-header .inner { width: 100%; background: none; padding: 0px; }
}
.l-header__nav { display: flex; font-size: 16px; font-family: "Noto Serif JP", serif; float: right; }
.l-header__nav__list:not(:last-of-type) { margin-right: 38px; }
@media screen and (max-width: 767px){
.l-header__nav { display: none; }
}
#global-nav { position: static; top: -30px; transition: 0.3s; }
body.open { overflow: hidden; }
body.open .l-header__nav-sp { overflow: auto; }
body.open .l-header__nav-sp__inner { overflow: auto; }
body.open .l-header__nav-sp-bg { overflow: auto; }
.l-toggle { position: fixed; top: 6px; right: 8px; cursor: pointer; z-index: 1000; }
@media screen and (min-width: 768px){
.l-toggle { display: none; }
}
.l-toggle .l-toggle__innerwrap { position: relative; width: 66rem; height: 66rem; border-radius: 50%; background: rgb(255, 255, 255); }
.l-toggle span { width: 30rem; height: 2px; left: 18px; display: block; background: rgb(16, 16, 16); position: absolute; transition: transform 0.6s ease-in-out, top 0.5s, -webkit-transform 0.6s ease-in-out; }
.l-toggle span:nth-child(1) { top: 28rem; }
.l-toggle span:nth-child(2) { top: 40rem; }
.open .l-toggle { background: none; }
.open .l-toggle span:nth-child(1) { top: 32rem; transform: rotate(45deg); }
.open .l-toggle span:nth-child(2) { top: 32rem; transform: rotate(-45deg); }
.l-header__nav-sp { position: fixed; top: 0px; right: 0px; bottom: 0px; z-index: 999; height: 100vh; opacity: 0; visibility: hidden; transition: 0.6s; }
.l-header__nav-sp__inner { margin-left: 16vw; background: rgb(255, 255, 255); padding: 93rem 30rem 40rem; }
.open .l-header__nav-sp { visibility: visible; opacity: 1; }
.open .l-header__nav-sp-bg { visibility: visible; opacity: 0.5; }
.l-header__nav-sp { font-family: "Noto Serif JP", serif; }
.l-header__nav-sp .l-header__nav-sp__listwrap { font-size: 18rem; display: flex; flex-wrap: wrap; position: relative; padding-bottom: 26rem; }
.l-header__nav-sp .l-header__nav-sp__listwrap::after { content: ""; background-image: url("../img/af526cc79e3.png"); width: 85rem; height: 93rem; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0px; left: -72rem; }
.l-header__nav-sp .l-header__nav-sp__listwrap::before { content: ""; background-image: url("../img/a086364d631.png"); width: 119rem; height: 165rem; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0px; right: -27px; }
.l-header__nav-sp .l-header__nav-sp__list { width: 50%; margin-bottom: 40rem; }
.l-header__nav-sp .l-header__nav-sp__list a { color: rgb(0, 0, 0); display: block; }
.l-header__nav-sp .l-header__nav-sp__list.lg { width: 100%; }
.l-header__nav-sp .l-header__nav-sp__list.arrow > p { margin-bottom: 20rem; position: relative; }
.l-header__nav-sp .l-header__nav-sp__list.arrow p::after { content: ""; background-image: url("../img/af7f21e7962.png"); width: 12rem; height: 12rem; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); transition: transform 0.6s, -webkit-transform 0.6s; }
.l-header__nav-sp .l-header__nav-sp__list__ac { display: none; border-top: 1px dashed rgb(0, 0, 0); border-bottom: 1px dashed rgb(0, 0, 0); padding: 20rem 0px; }
.l-header__nav-sp .l-header__nav-sp__list.arrow p.is-active::after { transform: rotate(180deg); }
.l-header__nav-sp__list__acContent { font-size: 14rem; display: inline-block; font-family: "Noto Sans Arabic", sans-serif; }
.l-header__logo { width: 189rem; margin: 0px auto 25rem; }
.l-header-sp__location { font-size: 14rem; line-height: 1.71; margin-bottom: 31rem; }
.l-header-sp__sns { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 30rem 50rem; border-top: 1px dashed rgb(0, 0, 0); border-bottom: 1px dashed rgb(0, 0, 0); }
.inner { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.inner { width: 1125px; margin: 0px auto; }
}
.mv__wrap { position: relative; width: 100%; margin-bottom: 195px; }
@media screen and (max-width: 767px){
.mv__wrap { margin-top: 38rem; margin-bottom: 0px; }
}
.mv__inner { position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; width: 1366px; min-width: 1366px; margin: 0px auto; }
@media screen and (max-width: 767px){
.mv__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; min-width: 100%; }
}
.mv__logo__wrap { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media screen and (max-width: 767px){
.mv__logo__wrap { z-index: 10; }
}
.mv__logo__wrap .logo { width: 331px; }
@media screen and (max-width: 767px){
.mv__logo__wrap .logo { width: 203rem; }
}
.mv__logo__wrap .mv__logo__img03 { width: 103px; position: absolute; bottom: -224px; left: 0px; }
@media screen and (max-width: 767px){
.mv__logo__wrap .mv__logo__img03 { display: none; }
}
.mv__logo__text { font-family: "Noto Serif JP", serif; font-size: 24px; line-height: 1.75; border-bottom: 1px solid rgb(0, 0, 0); padding-bottom: 24.5px; display: inline-block; }
.mv__logo__img03 { width: 103px; position: absolute; bottom: 0px; left: 0px; }
.mv__logo__img03 img { width: 100%; height: auto; }
img { width: 100%; height: auto; }
.mv__wrap .slick-dots li button::before { color: rgb(59, 64, 67); }
.mv__wrap .slick-dots li.slick-active button::before { color: rgb(0, 121, 155); }
.mv__sns__wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: absolute; left: 0px; bottom: 0px; margin-left: 25px; -webkit-box-align: center; align-items: center; }
@media screen and (max-width: 767px){
.mv__sns__wrap { display: none; }
}
.mv__sns__wrap .mv__sns__text { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; margin-bottom: 25px; }
.mv__sns__wrap .mv__sns { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.mv__imgOut01, .mv__imgOut02 { display: none; }
@media screen and (min-width: 2100px), print{
.mv__imgOut01, .mv__imgOut02 { display: block; }
}
.mv__imgOut01 { width: 276px; position: absolute; top: 50%; transform: translateY(-50%); left: -333px; }
.mv__imgOut02 { width: 285px; position: absolute; top: 50%; transform: translateY(-50%); right: -333px; }
.bird-sp { position: absolute; top: 0rem; width: 83rem; left: 0px; }
.mv__ttl-sp__wrap { display: none; }
@media screen and (max-width: 767px){
.mv__ttl-sp__wrap { display: flex; margin-left: 25rem; }
}
.mv__ttl-sp__wrap .mv__ttl-sp { line-height: 32px; padding-bottom: 16rem; display: flex; width: 184rem; }
.mv__ttl-sp__wrap .mv__ttl-sp__img { width: 132rem; }
.top__news { padding: 73px 0px 170px; position: relative; width: 1125px; margin: 0px auto; }
@media screen and (max-width: 767px){
.top__news { width: 84%; margin: 0px auto; padding-top: 20rem; padding-bottom: 154rem; }
}
.top__news::after { content: ""; background-image: url("../img/a20406eea7c.webp"); display: inline-block; width: 974px; height: 298px; background-size: contain; background-repeat: no-repeat; position: absolute; top: -30px; right: -188px; z-index: 1; }
@media screen and (max-width: 767px){
.top__news::after { width: 261rem; height: 167rem; top: 0px; right: -56rem; background-image: url("../img/aedef851ce7.webp"); }
}
.top__news__ttl__wrap { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 54px; }
@media screen and (max-width: 767px){
.top__news__ttl__wrap { display: block; margin-bottom: 50rem; }
}
.top__news__ttl__wrap .btn { font-size: 15px; font-family: "Noto Serif JP", serif; }
.top__news__ttl { font-size: 34px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; margin-right: 25px; }
@media screen and (max-width: 767px){
.top__news__ttl { margin-bottom: 20rem; margin-right: 0px; font-size: 34rem; }
}
.top__news__posts__wrap { position: relative; z-index: 2; }
.c-new__post { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
@media screen and (max-width: 767px){
.c-new__post { flex-wrap: wrap; }
}
@media screen and (max-width: 767px){
.c-news__post__list { width: 136rem; margin-bottom: 36rem; }
}
.c-news__post__list a { color: rgb(0, 0, 0); }
.c-news__post__list .img { width: 229px; margin-bottom: 20px; }
@media screen and (max-width: 767px){
.c-news__post__list .img { width: 100%; margin-bottom: 15rem; }
}
.c-news__post__list .postDate { font-size: 15px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; margin-bottom: 15px; }
@media screen and (max-width: 767px){
.c-news__post__list .postDate { margin-bottom: 12rem; }
}
.c-news__post__list .text { font-size: 15px; margin-bottom: 15px; line-height: 28px; }
@media screen and (max-width: 767px){
.c-news__post__list .text { font-size: 14px; }
}
.c-news__post__list .cat { padding: 4px; color: rgb(59, 64, 67); border: 1px solid rgb(105, 105, 105); font-weight: bold; font-size: 12px; }
@media screen and (max-width: 767px){
.c-news__post__list .cat { font-size: 12rem; }
}
.c-bnrList { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
@media screen and (max-width: 767px){
.c-bnrList { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; }
}
.c-bnrList__content { width: 313px; position: relative; }
@media screen and (max-width: 767px){
.c-bnrList__content { width: 100%; margin-bottom: 30rem; }
}
.c-bnrList__content::after { content: ""; background-image: url("../img/a3398f5266c.jpg"); display: inline-block; width: 35px; height: 35px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
@media screen and (max-width: 767px){
.c-bnrList__content::after { width: 35rem; height: 35rem; right: -17rem; }
}
@media screen and (min-width: 768px){
.c-bnrList__content:not(:last-of-type)::after { right: -17px; }
}
.top__course { text-align: center; background: rgb(248, 248, 248); font-family: "Noto Serif JP", serif; padding: 118rem 0px 80rem; position: relative; }
@media screen and (min-width: 768px){
.top__course { padding: 180px 0px 130px; min-width: 1366px; }
}
.top__course .ttl { font-size: 26rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; color: rgb(59, 64, 67); margin-bottom: 18rem; position: relative; z-index: 10; }
.top__course .ttl-text { font-size: 15rem; margin-bottom: 90rem; }
.top__course .inner { width: 84%; margin: 0px auto; }
.top__course .text { font-size: 16rem; line-height: 34px; margin-bottom: 60rem; }
.top__course .text span { background: rgb(255, 255, 255); display: inline-block; margin-bottom: 16rem; }
.top__course .text.pc { display: none; }
.top__course .course { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 60rem; }
.top__course .course__list { width: 148rem; margin-bottom: 30rem; }
.top__course .course__list a { display: block; color: rgb(0, 0, 0); }
.top__course .course__list .img { width: 100%; margin-bottom: 16rem; }
.top__course .course__list .name { font-size: 17rem; }
.top__course .btn { width: 100%; font-size: 16rem; }
@media screen and (min-width: 768px){
.top__course .ttl { font-size: 34px; margin-bottom: 25px; }
.top__course .ttl-text { font-size: 15px; margin-bottom: 150px; }
.top__course .inner { width: 1125px; margin: 0px auto; }
.top__course .text { font-size: 17px; line-height: 36px; position: relative; margin-bottom: 72px; }
.top__course .text span { margin-bottom: 18px; }
.top__course .text.sp { display: none; }
.top__course .text.pc { display: inline-block; }
.top__course .course { flex-wrap: wrap; margin-bottom: 80px; }
.top__course .course__list { width: 151px; margin-bottom: 50px; }
.top__course .course__list .img { margin-bottom: 20px; }
.top__course .course__list .name { font-size: 17px; }
.top__course .btn { font-size: 16px; width: 450px; }
}
.top__lesson { padding: 120rem 0px 100rem; width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.top__lesson { width: 1125px; margin: 0px auto; padding: 172px 0px 140px; }
}
.top__lesson .lesson__list { position: relative; }
.top__lesson .lesson__list:not(:last-of-type) { margin-bottom: 68rem; }
@media screen and (min-width: 768px){
.top__lesson .lesson__list:not(:last-of-type) { margin-bottom: 72px; }
}
.top__lesson .lesson__list:first-of-type::before { content: ""; background-image: url("../img/afb32a01e8a.png"); display: inline-block; width: 140rem; height: 80rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -78rem; left: -32rem; }
.top__lesson .lesson__list:nth-of-type(2)::before { content: ""; background-image: url("../img/ac9e8f1573f.png"); display: inline-block; width: 94rem; height: 69rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -40rem; right: -28rem; }
.top__lesson .lesson__list:nth-of-type(3)::before { content: ""; background-image: url("../img/a7ed10914aa.png"); display: inline-block; width: 50rem; height: 72rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -64px; right: 56px; }
.top__lesson .lesson__list:nth-of-type(4)::before { content: ""; background-image: url("../img/a3731354b0b.png"); display: inline-block; width: 95rem; height: 59rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -56rem; left: -24rem; }
.top__lesson .lesson__list:nth-of-type(5)::before { content: ""; background-image: url("../img/aa5b06d98bf.png"); display: inline-block; width: 105rem; height: 95rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -80rem; right: -16rem; }
.top__lesson .lesson__list:nth-of-type(6)::before { content: ""; background-image: url("../img/a86461d01d3.png"); display: inline-block; width: 69rem; height: 80rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -62rem; left: -16rem; }
.top__lesson .ttl { font-family: "Noto Serif JP", serif; font-size: 18rem; text-align: center; margin-bottom: 30rem; position: relative; font-weight: 400; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.top__lesson .ttl span { font-size: 26rem; margin-right: 6rem; }
.top__lesson .ttl::before { content: ""; background-image: none; display: inline-block; width: 5px; height: 30px; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0px; }
.top__lesson .ttl::after { content: ""; background-image: none; display: inline-block; width: 5px; height: 30px; background-size: contain; background-repeat: no-repeat; position: absolute; right: 0px; }
.top__lesson .text { font-size: 15rem; line-height: 28px; }
@media screen and (min-width: 768px){
.top__lesson .lesson { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
.top__lesson .lesson__list { width: 322px; margin-bottom: 36px; }
.top__lesson .lesson__list:nth-last-of-type(1), .top__lesson .lesson__list:nth-last-of-type(2), .top__lesson .lesson__list:nth-last-of-type(3) { margin-bottom: 0px; }
.top__lesson .lesson__list:first-of-type::before { width: 139px; height: 71px; top: -72px; left: -28px; }
.top__lesson .lesson__list:nth-of-type(2)::before { width: 94px; height: 229px; top: -48px; right: -40px; }
.top__lesson .lesson__list:nth-of-type(3)::before { width: 50px; height: 72px; top: -56px; right: 72px; }
.top__lesson .lesson__list:nth-of-type(4)::before { width: 110px; height: 68px; top: -72px; left: -40px; }
.top__lesson .lesson__list:nth-of-type(5)::before { width: 115px; height: 89px; background-image: url("../img/a0316a5e91d.png"); top: -48px; left: -64px; }
.top__lesson .lesson__list:nth-of-type(6)::before { width: 81px; height: 94px; top: -72px; right: -60px; left: auto; }
.top__lesson .lesson__list .ttl { font-size: 20px; margin-bottom: 31px; }
.top__lesson .lesson__list .ttl span { font-size: 28px; }
.top__lesson .lesson__list .text { font-size: 15px; }
}
.top__point { background: rgb(248, 248, 248); padding: 120rem 0px 60rem; }
@media screen and (min-width: 768px){
.top__point { padding: 172px 130px; }
}
.top__point .inner { width: 84%; margin: 0px auto; }
.top__point .box { font-weight: 400; position: relative; }
.top__point .box:not(:last-of-type) { margin-bottom: 118rem; }
@media screen and (min-width: 768px){
.top__point .box:first-of-type { margin-bottom: 196px; }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(2) { margin-bottom: 165px; }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(3) { margin-bottom: 215px; }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(4) { margin-bottom: 215px; }
}
@media screen and (min-width: 768px){
.top__point .box:first-of-type .img { width: 438px; }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(2) .img { transform: translateY(64px); }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(2) .img, .top__point .box:nth-of-type(4) .img { width: 396px; }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(3) .img { width: 441px; transform: translateY(-40px); }
}
.top__point .box:first-of-type .img.pc::after { width: 127px; height: 271px; }
.top__point .box:first-of-type .img.pc::after, .top__point .box:nth-of-type(3) .img.pc::after { content: ""; background-image: url("../img/afe03a8fc9a.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; }
.top__point .box:first-of-type .img.pc::after { top: -200px; right: -120px; }
.top__point .box:nth-of-type(3) .img.pc::after { width: 90px; height: 187px; top: -72px; right: -112px; }
.top__point .box:first-of-type .img.pc::after { top: -233px; right: -140px; }
.top__point .box:nth-of-type(2) .img.pc::after { content: ""; background-image: url("../img/ae5ac3285f9.png"); display: inline-block; width: 281px; height: 196px; background-size: contain; background-repeat: no-repeat; position: absolute; top: -112px; right: -96px; }
.top__point .box:nth-of-type(4) .img.pc::after { content: ""; background-image: url("../img/a425ce66742.png"); display: inline-block; width: 151px; height: 211px; background-size: contain; background-repeat: no-repeat; position: absolute; top: -132px; right: -96px; }
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(2n) { -webkit-box-pack: justify; justify-content: space-between; }
}
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(2n) .texts__wrap { -webkit-box-ordinal-group: 3; order: 2; }
}
.top__point .bgImg { display: inline-block; position: absolute; }
.top__point .bgImg.pc { display: none; }
@media screen and (min-width: 768px){
.top__point .bgImg.pc { display: block; }
}
.top__point .box:nth-of-type(2) .bgImg { width: 16rem; top: -8rem; right: 0px; }
@media screen and (min-width: 768px){
.top__point .box:nth-of-type(2) .bgImg { width: 168px; height: 56px; top: -2rem; right: 64px; }
}
.top__point .num { font-size: 11rem; color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; margin-bottom: 44px; }
.top__point .num span { border-bottom: 1px solid rgb(59, 64, 67); margin-left: 8rem; }
.top__point .ttl { font-family: "Noto Serif JP", serif; line-height: 48px; font-size: 28rem; font-weight: 400; color: rgb(59, 64, 67); margin-bottom: 40rem; position: relative; z-index: 10; }
.top__point .ttl .bg { display: inline-block; background: rgb(255, 255, 255); }
.top__point .ttl .bg:not(:last-of-type) { margin-bottom: 16rem; }
.top__point .ttl.pc { display: none; }
.top__point .text { font-size: 15rem; line-height: 30px; }
@media screen and (min-width: 768px){
.top__point .text { margin-bottom: 50px; }
}
.top__point .texts__wrap .btn.texts__wrap_btn.pc { width: 300px; line-height: 54px; font-size: 16px; margin-bottom: 0px; font-family: "Noto Serif JP", serif; }
.top__point .texts__wrap .btn.texts__wrap_btn.pc a { padding: 0px; }
.top__point .img { margin-bottom: 36rem; }
@media screen and (min-width: 768px){
.top__point .img { margin-bottom: 0px; }
}
.top__point .img.pc { display: none; }
@media screen and (min-width: 768px){
.top__point .img.pc { display: block; position: relative; }
}
.top__point .img.sp { display: block; }
@media screen and (min-width: 768px){
.top__point .img.sp { display: none; }
}
.top__point .btn { font-family: "Noto Serif JP", serif; font-size: 16rem; width: 100%; }
.top__point .btn a { padding: 22rem 0px; }
@media screen and (min-width: 768px){
.top__point .btn a { padding: 22px 0px; }
}
.top__point .btn:last-of-type { margin-bottom: 90rem; }
.top__point .freeLesson { background: rgb(255, 255, 255); width: 89%; margin: 0px auto; padding: 80rem 30rem 40rem; position: relative; }
@media screen and (min-width: 768px){
.top__point .freeLesson { padding: 100px 200px 80px; }
}
.top__point .freeLesson::before { content: ""; background-image: url("../img/ae7b5fb5d15.png"); display: inline-block; width: 227rem; height: 111rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -20rem; right: 48rem; }
@media screen and (min-width: 768px){
.top__point .freeLesson::before { background-image: url("../img/a54a21253d9.png"); position: absolute; top: -56px; left: 50%; transform: translateX(-50%); }
}
.top__point .freeLesson .ttl { font-family: "Noto Serif JP", serif; font-size: 24rem; font-weight: 400; text-align: center; margin-bottom: 40rem; position: relative; }
@media screen and (min-width: 768px){
.top__point .freeLesson .ttl { font-size: 26px; width: 469px; margin: 0px auto 80px; }
}
.top__point .freeLesson .ttl::before { content: ""; background-image: url("../img/a29fce66e88.png"); display: inline-block; width: 13rem; height: 19rem; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 768px){
.top__point .freeLesson .ttl::before { width: 25px; height: 16px; }
}
.top__point .freeLesson .ttl::after { content: ""; background-image: url("../img/adfe434b9ae.png"); display: inline-block; width: 13rem; height: 19rem; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0px; right: 0px; }
@media screen and (min-width: 768px){
.top__point .freeLesson .ttl::after { width: 25px; height: 16px; }
}
@media screen and (min-width: 768px){
.top__point .freeLesson .ttl .sp { display: none; }
}
.top__point .freeLesson .text { font-size: 15rem; line-height: 30px; margin-bottom: 45rem; }
@media screen and (min-width: 768px){
.top__point .freeLesson .text { font-size: 15px; width: 650px; margin: 0px auto 50px; }
}
.top__point .freeLesson .freeLesson_wrap { display: flex; }
@media screen and (max-width: 767px){
.top__point .freeLesson .freeLesson_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }
}
@media screen and (min-width: 768px){
.top__point .freeLesson .freeLesson_wrap { display: flex; -webkit-box-pack: center; justify-content: center; }
}
.top__point .freeLesson .freeLesson_wrap .freeLesson_wrap_text { font-size: 13rem; line-height: 20px; position: relative; margin-right: auto; margin-left: 16rem; }
@media screen and (min-width: 768px){
.top__point .freeLesson .freeLesson_wrap .freeLesson_wrap_text { font-size: 13px; margin-right: 0px; margin-left: 32px; }
}
.top__point .freeLesson .freeLesson_wrap .freeLesson_wrap_text::before { content: "※"; display: inline-block; position: absolute; top: 0px; left: -14rem; }
@media screen and (min-width: 768px){
.top__point .freeLesson .freeLesson_wrap .freeLesson_wrap_text::before { left: -16px; }
}
.top__point .freeLesson .btn.trial { background: rgb(0, 121, 155); border: none; font-size: 15rem; font-weight: bold; font-family: "Noto Sans Arabic", sans-serif; text-align: left; line-height: 20px; width: 275rem; margin-bottom: 30rem; }
@media screen and (min-width: 768px){
.top__point .freeLesson .btn.trial { width: 380px; font-size: 15px; margin-bottom: 0px; }
.top__point .freeLesson .btn.trial .sp { display: none; }
}
@media screen and (min-width: 768px){
.top__point .box__btn__wrap { display: flex; }
}
@media screen and (min-width: 768px){
.top__point .texts__wrap .btn.texts__wrap_btn.pc:not(:last-of-type) { margin-right: 30px; }
}
@media screen and (min-width: 768px){
.top__point { min-width: 1366px; }
.top__point .inner { width: 1125px; margin: 0px auto; }
.top__point .box { display: flex; }
}
@media screen and (min-width: 768px) and (min-width: 768px){
.top__point .box { -webkit-box-align: end; align-items: flex-end; }
}
@media screen and (min-width: 768px){
.top__point .box:first-of-type .texts__wrap { margin-right: 24px; }
.top__point .box:nth-of-type(3) .texts__wrap { margin-right: 20px; }
.top__point .texts__wrap { width: 526px; }
.top__point .texts__wrap .num { font-size: 11px; }
.top__point .texts__wrap .num span { margin-left: 6px; }
.top__point .texts__wrap .ttl { font-size: 30px; }
.top__point .texts__wrap .ttl .bg:not(:last-of-type) { margin-bottom: 18px; }
.top__point .texts__wrap .ttl.sp { display: none; }
.top__point .texts__wrap .ttl.pc { display: block; margin-bottom: 50px; }
.top__point .texts__wrap .text { font-size: 15px; }
.top__point .btn.sp { display: none; }
}
@media screen and (max-width: 767px){
.top__point .texts__wrap .btn.texts__wrap_btn.pc { display: none; }
}
.top__teacher { font-family: "Noto Serif JP", serif; width: 84%; margin: 0px auto; padding-top: 130rem; position: relative; }
@media screen and (min-width: 768px){
.top__teacher { width: 1125px; margin: 0px auto; padding-top: 220px; }
}
.top__teacher .top__teacher__bg { position: absolute; top: -16rem; }
@media screen and (min-width: 768px){
.top__teacher .top__teacher__bg.sp { display: none; }
}
.top__teacher .top__teacher__ttl { font-size: 34rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; text-align: center; margin-bottom: 25rem; }
@media screen and (min-width: 768px){
.top__teacher .top__teacher__ttl { font-size: 34px; margin-bottom: 25px; }
}
.top__teacher .top__teacher__ttl__text { font-size: 17rem; text-align: center; margin-bottom: 100rem; }
@media screen and (min-width: 768px){
.top__teacher .top__teacher__ttl__text { font-size: 17px; margin-bottom: 16px; }
}
.top__teacher .teachers__list { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 40rem; }
.top__teacher .teachers__list a { color: rgb(0, 0, 0); }
.top__teacher .teachers__list__content { width: 148rem; }
@media screen and (max-width: 767px){
.top__teacher .teachers__list__content:nth-last-of-type(1), .top__teacher .teachers__list__content:nth-last-of-type(2), .top__teacher .teachers__list__content:nth-last-of-type(3) { display: none; }
}
@media screen and (min-width: 768px){
.top__teacher .teachers__list__content { width: 174px; position: relative; }
}
.top__teacher .teacher__img { width: 100%; margin-bottom: 21rem; }
@media screen and (min-width: 768px){
.top__teacher .teacher__img { margin-bottom: 21px; }
}
.top__teacher .teacher__cat { font-size: 15rem; border-bottom: 1px solid rgb(0, 0, 0); padding-bottom: 4rem; display: inline-block; margin-bottom: 18rem; }
@media screen and (min-width: 768px){
.top__teacher .teacher__cat { font-size: 15px; padding-bottom: 4px; margin-bottom: 18px; }
}
.top__teacher .teacher__name { font-size: 18rem; }
@media screen and (min-width: 768px){
.top__teacher .teacher__name { font-size: 18px; }
}
.top__teacher .teacher__message { visibility: hidden; opacity: 0; transition: 0.6s; position: relative; transform: translate(-90px, 8px); }
@media screen and (max-width: 767px){
.top__teacher .teacher__message { display: none; }
}
@media screen and (min-width: 768px){
.top__teacher .teacher__message { width: 355px; height: 143px; background-image: url("../img/a2f3d58b932.png"); background-size: contain; background-repeat: no-repeat; }
}
@media screen and (min-width: 768px){
.top__teacher .teacher__message__text { font-size: 16px; line-height: 30px; width: 260px; height: 72px; overflow: scroll; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
}
@media screen and (min-width: 768px){
.top__teacher .teachers__list__content:hover .teacher__message { visibility: visible; opacity: 1; }
}
.top__teacher .btn { width: 250rem; height: 44rem; margin: 0px auto 110rem; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media screen and (min-width: 768px){
.top__teacher .btn.sp { display: none; }
}
@media screen and (min-width: 768px){
.btn.more { width: 136px; height: 34px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.top__teacher .btnMore__wrap { display: none; }
@media screen and (min-width: 768px){
.top__teacher .btnMore__wrap { display: block; }
}
.top__teacher .btn.more { margin: 0px 0px 40px auto; }
.c-blog .c-blog__main { position: relative; }
@media screen and (min-width: 768px){
.c-blog .c-blog__main { display: flex; width: 1125px; margin: 0px auto 100px; }
}
.c-blog .c-blog__ttl { width: 84%; margin: 0px auto 50rem; }
@media screen and (min-width: 768px){
.c-blog .c-blog__ttl { width: 238px; margin-right: 25px; margin-bottom: 40px; }
}
@media screen and (min-width: 768px){
.c-blog .c-blog__ttl .sp { display: none; }
}
.c-blog .c-blog__ttl .pc { display: none; }
@media screen and (min-width: 768px){
.c-blog .c-blog__ttl .pc { display: block; }
}
.c-blog .btnMore__wrap { display: none; }
@media screen and (min-width: 768px){
.c-blog .btnMore__wrap { display: block; }
}
.c-blog .c-blog__mainPost__wrap { position: relative; }
.c-blog .c-blog__mainPost__content { width: 89%; margin: 0px auto; position: relative; z-index: 10; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content { width: 812px; }
}
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content .dflex { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 15px; }
}
.c-blog .c-blog__mainPost__content__img-sp { width: 100%; height: auto; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__img-sp { display: none; }
}
.c-blog .c-blog__mainPost__content__img-pc { display: none; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__img-pc { display: block; width: 812px; height: 340px; }
}
.c-blog .c-blog__mainPost__content__bg { background: rgb(255, 255, 255); width: 235rem; padding: 25rem 25rem 15rem; margin: 0px 0px 0px auto; transform: translateY(-45rem); }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__bg { width: 250px; padding: 30px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
}
.c-blog .c-blog__mainPost__content__date { font-size: 15rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; margin-bottom: 12rem; display: inline-block; letter-spacing: 0.08em; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__date { font-size: 15px; margin-bottom: 0px; }
}
.c-blog .c-blog__mainPost__content__cat-pc { display: none; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__cat-pc { display: block; font-size: 12px; border: 1px solid rgb(105, 105, 105); padding: 4px; margin-left: 38px; }
}
.c-blog .c-blog__mainPost__content__text { font-size: 14rem; line-height: 22px; margin-bottom: 12rem; letter-spacing: 0.05em; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__text { font-size: 15px; line-height: 28px; margin-bottom: 0px; }
}
.c-blog .c-blog__mainPost__content__cat { color: rgb(59, 64, 67); font-size: 12rem; font-weight: bold; border: 1px solid rgb(105, 105, 105); padding: 4rem; display: inline-block; letter-spacing: 0.05em; }
@media screen and (min-width: 768px){
.c-blog .c-blog__mainPost__content__cat { display: none; }
}
.c-blog .c-blog__main__bg01 { position: absolute; top: -56rem; right: -8rem; width: 111rem; }
@media screen and (min-width: 768px){
.c-blog .c-blog__main__bg01 { width: 178px; top: -80px; right: -32px; }
}
.c-blog .c-blog__main__bg02 { position: absolute; top: -64rem; right: 72rem; width: 112rem; z-index: 20; }
@media screen and (min-width: 768px){
.c-blog .c-blog__main__bg02 { width: 112px; right: -64px; top: 0px; }
}
.c-blog .c-blog__posts { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.c-blog .c-blog__posts { width: 1125px; margin: 0px auto 130px; }
}
.c-blog .c-blog__posts .c-blog__posts__list { width: 148rem; }
@media screen and (max-width: 767px){
.c-blog .c-blog__posts .c-blog__posts__list:nth-of-type(n+3) { margin-top: 35rem; }
}
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list { width: 527px; }
.c-blog .c-blog__posts .c-blog__posts__list:nth-of-type(n+3) { margin-top: 50px; }
}
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list a { display: flex; -webkit-box-align: center; align-items: center; }
}
.c-blog .c-blog__posts .c-blog__posts__list__img { margin-bottom: 18rem; }
@media screen and (max-width: 767px){
.c-blog .c-blog__posts .c-blog__posts__list__img { width: 100%; height: auto; }
}
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list__img { width: 240px; margin-right: 37px; margin-bottom: 0px; }
}
.c-blog .c-blog__posts .c-blog__posts__list__date { color: rgb(59, 64, 67); display: inline-block; font-size: 13rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; margin-bottom: 12rem; letter-spacing: 0.08em; }
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list__date { font-size: 13px; margin-bottom: 15px; }
}
.c-blog .c-blog__posts .c-blog__posts__list__text { font-size: 14rem; line-height: 22rem; margin-bottom: 12rem; color: rgb(0, 0, 0); letter-spacing: 0.05em; }
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list__text { font-size: 15px; margin-bottom: 15px; line-height: 28px; }
}
.c-blog .c-blog__posts .c-blog__posts__list__cat { border: 1px solid rgb(105, 105, 105); color: rgb(59, 64, 67); padding: 4rem; display: inline-block; font-weight: bold; font-size: 12rem; letter-spacing: 0.05em; }
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list__cat { font-size: 12px; padding: 4px; }
}
.l-footer { display: flex; min-width: 1366px; margin: 120rem auto 0px; }
@media screen and (min-width: 768px){
.l-footer { margin-top: 140px; }
}
@media screen and (max-width: 767px){
.l-footer { width: 100%; min-width: 100%; display: block; }
}
.btn { text-align: center; cursor: pointer; border: 1px solid rgb(105, 105, 105); background: rgb(255, 255, 255); display: inline-block; }
.btn a { display: block; color: rgb(105, 105, 105); }
.btn a::after { content: ""; background-image: url("../img/a09a6622d7a.png"); background-size: contain; background-repeat: no-repeat; width: 4px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 10px; }
@media screen and (max-width: 767px){
.btn a::after { margin-left: 10rem; }
}
.c-bnrList__wrap { margin: 30rem auto 0px; width: 84%; }
@media screen and (min-width: 768px){
.c-bnrList__wrap { margin-top: 80px; width: 1366px; }
}
.c-mv__wrap { position: relative; height: 364rem; }
@media screen and (min-width: 768px){
.c-mv__wrap { height: 587px; width: 1366px; margin: 0px auto 66px; min-width: 1366px; }
}
.c-mv__wrap .c-mv__bg { background-image: url("../img/af1234b80bb.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: center; position: absolute; inset: 0px; }
@media screen and (min-width: 768px){
.c-mv__wrap .c-mv__bg { background-image: url("../img/a84745156fb.webp"); }
}
.c-mv__wrap .c-mv__wrap__inner { position: absolute; inset: 0px; }
.c-mv__wrap .c-mv__ttl__wrap { padding-top: 137rem; }
@media screen and (min-width: 768px){
.c-mv__wrap .c-mv__ttl__wrap { padding-top: 200px; }
}
.c-mv__wrap .c-mv__ttl { font-size: 26rem; font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; letter-spacing: 0.12em; font-weight: 300; margin-bottom: 15rem; }
@media screen and (min-width: 768px){
.c-mv__wrap .c-mv__ttl { font-size: 30px; margin-bottom: 25px; }
}
.c-mv__wrap .c-mv__ttl__text { font-family: "Noto Serif JP", serif; font-size: 17rem; }
@media screen and (min-width: 768px){
.c-mv__wrap .c-mv__ttl__text { font-size: 17px; }
}
.c-mv__wrap span { display: inline-block; }
.c-mv__wrap .mv__animal01 { width: 79rem; position: absolute; left: 0rem; bottom: 64rem; }
@media screen and (min-width: 768px){
.c-mv__wrap .mv__animal01 { width: 103px; left: 453px; bottom: 160px; }
}
.c-mv__wrap .mv__animal02 { width: 88rem; position: absolute; right: 40rem; bottom: 32rem; }
@media screen and (min-width: 768px){
.c-mv__wrap .mv__animal02 { width: 112px; right: 516px; bottom: 130px; }
}
.c-mv__wrap .mv__animal03 { display: none; }
@media screen and (min-width: 768px){
.c-mv__wrap .mv__animal03 { display: block; width: 109px; position: absolute; right: 208px; top: 200px; }
}
.c-mv__wrap .mv__imgOut01, .c-mv__wrap .mv__imgOut02 { display: none; }
@media screen and (min-width: 2100px), print{
.c-mv__wrap .mv__imgOut01, .c-mv__wrap .mv__imgOut02 { display: block; }
}
.lesson__course__wrap:nth-of-type(n+2) { margin-top: 89rem; }
@media screen and (min-width: 768px){
.lesson__course__wrap:nth-of-type(n+2) { margin-top: 135px; }
}
@media screen and (min-width: 768px){
.lesoon__course__list { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
}
.lesoon__course__list .lesson__course__list__content:not(:last-of-type) { margin-bottom: 40rem; }
@media screen and (min-width: 768px){
.lesoon__course__list .lesson__course__list__content:not(:last-of-type) { margin-bottom: 0px; }
}
.lesoon__course__list .lesson__course__list__content a { color: rgb(59, 64, 67); }
@media screen and (min-width: 768px){
.lesoon__course__list .lesson__course__list__content { width: 322px; }
}
.lesoon__course__list .lesson__course__list__content__img { margin-bottom: 15rem; position: relative; }
@media screen and (min-width: 768px){
.lesoon__course__list .lesson__course__list__content__img { margin-bottom: 20px; }
}
.lesoon__course__list .lesson__course__list__content__img::after { content: ""; background-image: url("../img/a3398f5266c.jpg"); display: inline-block; width: 35rem; height: 35rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; right: -10rem; transform: translateY(-50%); }
@media screen and (min-width: 768px){
.lesoon__course__list .lesson__course__list__content__img::after { width: 35px; height: 35px; right: -15px; }
}
.lesoon__course__list .lesson__course__list__content__img img { object-fit: cover; height: 196rem; }
@media screen and (min-width: 768px){
.lesoon__course__list .lesson__course__list__content__img img { height: 200px; }
}
.lesoon__course__list .lesson__course__list__content__name { font-size: 18rem; font-family: "Noto Serif JP", serif; }
@media screen and (min-width: 768px){
.lesoon__course__list .lesson__course__list__content__name { font-size: 18px; }
}
.c-siteMap { display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; width: 84%; margin: 0px 0px 0px 33rem; }
@media screen and (min-width: 768px){
.c-siteMap { margin: 0px auto; width: 1206px; }
}
.c-siteMap .c-siteMap__list { font-size: 14rem; margin-right: 12rem; margin-bottom: 15rem; }
@media screen and (min-width: 768px){
.c-siteMap .c-siteMap__list { font-size: 14px; margin-right: 12px; margin-bottom: 0px; }
}
.c-siteMap .c-siteMap__list:first-of-type { font-size: 13rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; color: rgb(59, 64, 67); }
@media screen and (min-width: 768px){
.c-siteMap .c-siteMap__list:first-of-type { font-size: 13px; }
}
.c-siteMap .c-siteMap__list.current { color: rgb(0, 121, 155); }
.c-paging__list .paging__num.is_current { border-bottom: 1px solid rgb(59, 64, 67); }
.arrow_paging.prev-sp.is-disabled, .arrow_paging.next-sp.is-disabled { display: none; }
.c-paging__list-sp .page-numbers.current { border-bottom: 1px solid rgb(59, 64, 67); transform: translateY(1px); }
.c-mv__ttl.page { color: rgb(59, 64, 67); }
.page__teachers_wrap .c-mv__wrap .c-mv__bg { background-image: url("../img/aaab45bd7f8.webp"); }
@media screen and (min-width: 768px){
.page__teachers_wrap .c-mv__wrap .c-mv__bg { background-image: url("../img/ab6f7044405.webp"); }
}
.page__teachers_wrap .c-mv__wrap { height: 371rem; }
@media screen and (min-width: 768px){
.page__teachers_wrap .c-mv__wrap { height: 308px; }
}
.page__teachers_wrap .mv__animal01 { display: none; }
.page__teachers_wrap .mv__animal02 { display: none; }
.page__teachers_wrap .mv__animal03 { display: none; }
.page__teachers_wrap .c-bnrList__wrap { margin-top: 15rem; }
@media screen and (min-width: 768px){
.page__teachers_wrap .c-bnrList__wrap { margin-top: 80px; }
}
.page__teachers_wrap .c-siteMap { margin-top: 110rem; }
@media screen and (min-width: 768px){
.page__teachers_wrap .c-siteMap { width: auto; margin-top: 150px; }
}
.catsWrap { margin-top: 15px; }
@media screen and (max-width: 767px){
.catsWrap { display: none; }
}
.page__teachers__contentWrap .page__teachers__contentWrap__inner { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .page__teachers__contentWrap__inner { width: 1141px; }
}
.page__teachers__contentWrap .teachers__course__list { padding-top: 30rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list { display: flex; flex-wrap: wrap; padding-top: 60px; -webkit-box-pack: justify; justify-content: space-between; }
}
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__content { width: 523px; }
}
@media screen and (max-width: 767px){
.page__teachers__contentWrap .teachers__course__list__content:not(:first-of-type) { margin-top: 60rem; }
}
.page__teachers__contentWrap .teachers__course__list__content::after { content: ""; display: block; clear: both; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__content:nth-of-type(n+3) { margin-top: 80px; }
}
.page__teachers__contentWrap .teachers__course__name { font-size: 24rem; font-family: "Noto Serif JP", serif; color: rgb(59, 64, 67); font-weight: 400; border-bottom: 1px dashed rgb(0, 0, 0); padding-bottom: 16rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__name { font-size: 24px; padding-bottom: 26px; }
}
.page__teachers__contentWrap .teachers__course__list__img__wrap { float: left; }
.page__teachers__contentWrap .teachers__course__list__img { width: 120rem; position: relative; margin-right: 20rem; }
.page__teachers__contentWrap .teachers__course__list__img img { height: 120rem; object-fit: cover; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__img { width: 200px; margin-right: 40px; }
.page__teachers__contentWrap .teachers__course__list__img img { height: 200px; }
}
.page__teachers__contentWrap .teachers__course__list__content:nth-of-type(2n+1) .teachers__course__list__img::before { content: ""; background-image: url("../img/adc7134a13a.png"); display: inline-block; width: 17rem; height: 26rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 11rem; left: -8rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__content:nth-of-type(2n+1) .teachers__course__list__img::before { width: 21px; height: 32px; top: 24px; left: -9px; }
}
.page__teachers__contentWrap .teachers__course__list__content:nth-of-type(2n) .teachers__course__list__img::before { content: ""; background-image: url("../img/a4d2eb8246e.png"); display: inline-block; width: 20rem; height: 22rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: auto; bottom: 26rem; left: -8rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__content:nth-of-type(2n) .teachers__course__list__img::before { width: 30px; height: 32px; bottom: 26px; left: -15px; }
}
.page__teachers__contentWrap .teachers__course__list__teacherName { font-size: 22rem; font-family: "Noto Serif JP", serif; font-weight: 400; margin-top: 31rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__teacherName { font-size: 22px; margin-top: 0px; }
}
.page__teachers__contentWrap .teachers__course__list__teacherName .teachers__course__list__teacherName-en { font-size: 12rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; color: rgb(59, 64, 67); margin-top: 8rem; display: block; letter-spacing: 0.12em; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__teacherName .teachers__course__list__teacherName-en { font-size: 10px; margin-top: 11px; }
}
.page__teachers__contentWrap .teachers__course__list__message__wrap { background: rgb(248, 248, 248); padding: 20rem; margin-top: 20rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__message__wrap { padding: 20px; margin-top: 25px; }
}
.page__teachers__contentWrap .teachers__course__list__message { font-size: 15rem; line-height: 28rem; width: 100%; height: 85rem; overflow: scroll; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teachers__course__list__message { width: 251px; font-size: 15px; height: 85px; line-height: 28px; float: left; }
}
.page__teachers__contentWrap .teacher__course__wrap { margin-top: 20rem; display: flex; align-items: baseline; -webkit-box-align: baseline; font-size: 15rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teacher__course__wrap { font-size: 15px; float: left; margin-top: 19px; }
}
.page__teachers__contentWrap .teacher__course__ttl { flex: 0 0 100rem; width: 100rem; margin-right: 15rem; position: relative; }
.page__teachers__contentWrap .teacher__course__ttl span { position: relative; }
.page__teachers__contentWrap .teacher__course__ttl span::after { content: ""; background: rgb(59, 64, 67); height: 1px; width: 100%; left: 0px; position: absolute; bottom: -6rem; display: inline-block; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teacher__course__ttl { margin-right: 15px; }
.page__teachers__contentWrap .teacher__course__ttl::after { bottom: -6px; }
}
.page__teachers__contentWrap .teacher__course__list { line-height: 28rem; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .teacher__course__list { line-height: 28px; }
}
.page__teachers__contentWrap .teacher__course__list .teacher__course__list__name { }
.page__teachers__contentWrap .teacher__course__list__name:not(:last-of-type)::after { content: "／"; display: inline-block; }
.page__teachers__contentWrap .btn__teacher { width: 100%; font-size: 13rem; border: 1px solid rgb(59, 64, 67); margin-top: 30rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; }
@media screen and (min-width: 768px){
.page__teachers__contentWrap .btn__teacher { float: right; width: auto; font-size: 15px; margin-top: 24px; position: relative; }
.page__teachers__contentWrap .btn__teacher::before { content: ""; background-image: url("../img/a0733ee77ff.png"); display: inline-block; width: 419px; height: 40px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -10px; right: 103px; }
}
.clearFix__wrap::after { content: ""; display: block; clear: both; }
@media screen and (min-width: 768px){
.clearFix__wrap::after { display: none; }
}
.clearFix__wrap.sp::after { content: ""; display: block; clear: both; }
@media screen and (min-width: 768px){
.clearFix__wrap.sp::after { display: none; }
}
.bnr__recruit-sp { position: relative; margin-top: 50rem; }
@media screen and (min-width: 768px){
.bnr__recruit-sp { display: none; }
}
.bnr__recruit-sp::after { content: ""; background-image: url("../img/a3398f5266c.jpg"); display: inline-block; width: 35rem; height: 35rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -17rem; }
.bnr__recruit-sp::before { content: ""; background-image: url("../img/a1b2735cca6.png"); display: inline-block; width: 30rem; height: 24rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 56rem; left: -6rem; }
.bnr__recruit-pc { display: none; }
@media screen and (min-width: 768px){
.bnr__recruit-pc { display: block; width: 808px; margin: 84px auto 0px; }
}
.c-news__post__list .cat { display: inline-block; }
.nav-links .page-numbers.current { border-bottom: 1px solid rgb(59, 64, 67); }
.c-paging.is-disabled { display: none; }
#c-postModule .c-catModule__archive__list.active::after { background-image: url("../img/a07e16923cc.png"); }
:focus { outline: none; }
button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0px; appearance: none; }
.box-form .form-row.is-flex_none { -webkit-box-pack: start; justify-content: flex-start; }
.box-form .form-row.is-flex_none .form-head { margin-right: 25px; }
.box-form .form-row.is-flex_none .required-title { width: 250px; margin-right: 25px; }
.box-form .form-row.is-flex_none .form-detail { margin-top: 20px; }
@media screen and (min-width: 768px){
.box-form .form-row.is-flex_none .form-detail { margin-top: 0px; }
}
@media screen and (min-width: 768px){
.box-form .form-row.is-flex_none .mw-wrap { display: flex; }
}
.box-form .form-row.is-flex_none .radio-wrap { display: block; margin-right: 60px; }
.box-form .form-row.is-flex_none .radio-layout.onlySp { width: 100%; display: flex; margin-top: 20px; }
@media screen and (min-width: 768px){
.box-form .form-row.is-flex_none .radio-layout.onlySp { width: auto; }
}
.box-form .form-row.is-flex_none .mwform-radio-field-text::before { content: " "; display: block; border-radius: 50%; width: 24px; height: 24px; background-color: rgb(243, 243, 243); margin-right: 15px; }
.box-form .form-row.is-flex_none .mwform-radio-field-text { position: relative; display: flex; -webkit-box-align: center; align-items: center; }
.box-form .form-row.is-flex_none input.mwform-radio-field:checked + .mwform-radio-field-text::after { content: " "; position: absolute; left: 5px; display: block; border-radius: 50%; width: 14px; height: 14px; background-color: rgb(0, 121, 155); }
.p-faq__bar__title.open::after { content: "−"; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 26px; padding-left: 3px; border-radius: 50%; color: rgb(59, 64, 67); border: 1px dotted rgb(59, 64, 67); position: absolute; right: 20px; }
@media screen and (min-width: 768px){
.p-faq__bar__title.open::after { right: 0px; }
}
.aboutAccess__button { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 315rem; height: 70rem; margin: 42rem 0px 0px; border: 2rem solid rgb(0, 121, 155); }
.aboutAccess__button > span { position: relative; padding: 0px 17rem 0px 0px; font-family: "Noto Serif JP", serif; font-size: 16rem; font-weight: 500; letter-spacing: 0.14rem; line-height: 1; }
.aboutAccess__button::before { content: ""; position: absolute; top: -12rem; right: 22rem; width: 51rem; height: 31rem; background: url("../img/a3be20d2661.png") center center / 51rem 31rem no-repeat; }
.aboutAccess__button > span::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); display: block; width: 15rem; height: 10rem; background: url("../img/ad600b14135.png") center center / 15rem 10rem no-repeat; }
@media screen and (min-width: 768px){
.aboutAccess__button { width: 840px; height: 70px; margin: 62px auto 0px; border: 2px solid rgb(0, 121, 155); transition: background 0.6s, color 0.6s, border-color 0.6s; }
.aboutAccess__button > span { font-size: 17px; letter-spacing: 0.1em; }
.aboutAccess__button::before { top: -12px; right: 272px; width: 51px; height: 31px; background-size: 51px 31px; transition: top 0.6s; }
.aboutAccess__button > span::after { width: 15px; height: 10px; background-size: 15px 10px; transition: background-image 0.6s; }
.aboutAccess__button:hover { background: rgb(59, 64, 67); border-color: rgb(59, 64, 67); color: rgb(255, 255, 255); }
.aboutAccess__button:hover::before { top: -42px; }
.aboutAccess__button:hover span::after { background-image: url("../img/ab6be9587e1.png"); }
}
.menu__studio { margin: 0px 0px 40px; }
.menu__studio-title { position: relative; padding: 0px 0px 13px; margin: 45px 0px 0px; font-family: "Noto Serif JP", serif; font-size: 22px; font-weight: 500; letter-spacing: 0.1px; line-height: 34px; }
.menu__studio-title > span { position: relative; display: inline-block; }
.menu__studio-text { position: relative; padding: 18px 0px; font-family: "Noto Serif JP", serif; font-size: 16px; font-weight: 500; letter-spacing: 0.05px; line-height: 32px; }
.menu__studio-text::before, .menu__studio-text::after { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.menu__studio-text::before { top: 0px; }
.menu__studio-text::after { bottom: 0px; }
.menu__studio-link { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 44px; margin: 19px auto 0px; border: 1px solid rgb(105, 105, 105); }
.menu__studio-link > span { position: relative; padding: 0px 17rem 0px 0px; font-family: "Noto Serif JP", serif; font-size: 15px; font-weight: 500; letter-spacing: 0.14px; line-height: 1; }
.menu__studio-link > span::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); display: block; width: 15px; height: 10px; background: url("../img/ad600b14135.png") center center / 15px 10px no-repeat; }
.menu__studio-links { margin: 40px 0px 0px; }
.menu__studio-links > li { text-align: center; }
.menu__studio-links > li + li { margin: 37px 0px 0px; }
.menu__studio-links > li > a { padding: 0px 0px 5px; border-bottom: 1rem solid rgb(105, 105, 105); font-family: "Noto Serif JP", serif; font-size: 16px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.header__office { margin: 34rem 0px 10rem; font-family: "Noto Serif JP", serif; font-size: 15rem; font-weight: 500; letter-spacing: 0.14rem; line-height: 1; }
.header__office span { display: inline-block; padding-bottom: 6rem; border-bottom: 1rem solid rgb(105, 105, 105); }
@media screen and (min-width: 768px), print{
.header__office { margin: 0px; font-size: 15px; }
.header__office span { padding-bottom: 6px; border-bottom: 1px solid rgb(105, 105, 105); }
}
:root { font-size: calc(0.266667vw); }
main { overflow: visible; }
body { font-family: "Noto Sans Arabic", sans-serif; font-weight: 500; }
.pcOnly { display: block !important; }
.spOnly { display: none !important; }
@media screen and (max-width: 768px){
.pcOnly { display: none !important; }
.spOnly { display: block !important; }
}
svg { width: 100%; height: auto; }
img { width: 100%; height: auto; }
a { text-decoration: none; color: rgb(0, 0, 0); }
ul { list-style: none; }
@-webkit-keyframes scrollAnimation { 
  0% { opacity: 0; transform: translateY(0%); }
  100% { transform: translateY(100%); }
}
@keyframes scrollAnimation { 
  0% { opacity: 0; transform: translateY(0%); }
  100% { transform: translateY(100%); }
}
@media screen and (max-width: 767px){
.l-wrapper .c-mv__wrap .c-mv__ttl { font-size: 32px; }
}
@media screen and (min-width: 768px){
.l-header .logo-page { left: -78px; }
}
.l-wrapper .c-siteMap__list:nth-of-type(n+2)::before { content: ""; background-image: url("../img/a740f4d6c8a.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; }
.l-wrapper .c-siteMap .c-siteMap__list:first-of-type { letter-spacing: 0.08em; }
.l-wrapper .c-siteMap__list:nth-of-type(n+2)::before { width: 10px; height: 18px; vertical-align: middle; margin-right: 10px; }
.c-siteMap__list.current a { color: rgb(0, 121, 155); }
@media screen and (min-width: 768px){
.c-mv__wrap .c-mv__ttl { font-size: 36px; }
.l-wrapper .c-mv__wrap .c-mv__ttl__text { letter-spacing: 0.14em; }
.l-wrapper .c-mv__wrap .c-mv__ttl__wrap { padding-top: 232px; }
}
@media screen and (max-width: 767px){
.l-wrapper .c-siteMap { margin: 122px 0px 0px 33px; -webkit-box-align: start; align-items: flex-start; }
}
.l-wrapper .lessonInfo__discount__list__ttl { border: none; }
.l-wrapper .lessonInfo__discount__list:first-of-type .lessonInfo__discount__list__text__wrap { border: none; }
.l-wrapper .lessonInfo__discount__list:first-of-type .lessonInfo__discount__list__text__wrap { border: none; }
.l-wrapper .lessonInfo__discount__list { border-top: 1px dashed rgba(59, 64, 67, 0.3); }
.l-wrapper .lessonInfo__discount__list:last-of-type { border-bottom: 1px dashed rgba(59, 64, 67, 0.3); }
@media screen and (min-width: 768px){
.l-header__wrap { pointer-events: none; }
.c-mv__wrap.about { margin: 0px auto; }
.l-wrapper .table__bgWrap.pb { padding-bottom: 55px; }
.l-wrapper .aboutOnline_flow__list__content:not(:last-of-type)::after { top: 56%; }
.l-wrapper .aboutTrial__column02__ttl__wrap { transform: translate(-30px, 19px); }
.l-wrapper .aboutTrial__column02__text { transform: translate(-12px, 16px); }
.l-wrapper .aboutContact__address { transform: translate(12px, -4px); }
.l-header__wrap .c-mv__wrap.about::after { right: -100px; top: 67%; }
.l-header__wrap .c-mv__wrap.about::before { left: -105px; top: 72%; }
.c-mv__wrap.about .c-mv__ttl__wrap { padding-top: 236px; }
.c-mv__wrap.about .c-mv__bg { background-position: 0px 53px; }
.c-mv__wrap.about .c-mv__bg .mv__animal01 { bottom: -27px; left: 520px; }
.c-mv__wrap.about .c-mv__bg .mv__animal02 { right: 476px; bottom: -96px; }
.about__mainWrap { padding: 82px 0px 0px; }
.about__mainWrap .aboutMenu__wrap { margin-top: -5px; }
.about__mainWrap .aboutSection { margin-top: 0px; padding-top: 228px; padding-bottom: 160px; }
.about__mainWrap .aboutSection__ttl { padding: 33px 0px 26px; }
.about__mainWrap .aboutSection .aboutSection__img { margin-top: 22px; }
.about__mainWrap .aboutSection__textsWrap::before { top: -61px; right: -76px; }
.about__mainWrap .aboutSection__text { margin-top: 53px; }
.about__mainWrap .schoolInfo__ttl { flex: 0 0 214px; width: 214px; }
.about__mainWrap .schoolInfo__ttl__wrap { padding: 24px 0px; }
.about__mainWrap .schoolInfo__text { margin-top: 0px; }
.about__mainWrap .schoolInfo__text.direction { margin-top: 9px; }
.about__mainWrap .schoolInfo__ttl__wrap.access { padding-bottom: 26px; }
.about__mainWrap .schoolInfo__inner::after { top: -60px; right: -156px; }
.about__mainWrap .schoolInfo__inner { padding: 88px 180px 97px; }
.about__mainWrap .lessonInfo { margin-top: 0px; padding-top: 372px; }
.about__mainWrap .lessonInfo__ttl { padding-bottom: 15px; margin-left: 83px; margin-top: -3px; }
.about__mainWrap .lessonInfo__text__ttl { padding-bottom: 16px; margin-top: -11px; margin-left: 14px; }
.about__mainWrap .lessonInfo__text-bg { padding: 20px 35px 16px 48px; }
.about__mainWrap .lessonInfo.fee { margin-top: 0px; padding-top: 364px; }
.about__mainWrap .lessonInfo__ttl__text { transform: translate(34px, -156px); }
.about__mainWrap .lessonInfo.fee .lessonInfo__price::before { left: -10px; top: -173px; }
.about__mainWrap .lessonInfo.fee .lessonInfo__ttl::before { right: -344px; }
.about__mainWrap .lessonInfo__price__ttl { padding-left: 210px; padding-top: 6px; }
.about__mainWrap .lessonInfo__price__num { padding-right: 147px; padding-top: 4px; }
.about__mainWrap .lessonInfo__course { transform: translateY(-23px); }
.about__mainWrap .table.stripe { margin: 23px auto 0px; }
.about__mainWrap .table__note { padding-left: 21px; margin-top: 20px; width: auto; }
.about__mainWrap .table__note.no-mt { margin-top: 0px; }
.about__mainWrap .table__note::before { left: 4px; }
.about__mainWrap .lessonInfo__classWrap.standard { margin-top: 46px; }
.about__mainWrap .table__bgWrap { margin-top: 123px; }
.about__mainWrap .lessonInfo__classWrap.kids .table.primary.stripe .table__text.nobl { padding: 0px 56px; }
.about__mainWrap .single .lessonInfo__course { transform: translateY(-28px); }
.about__mainWrap .aboutOnline__ttl { margin-top: 0px; padding-top: 203px; }
.about__mainWrap .aboutOnline__inner::before { right: -18px; top: 216px; }
.about__mainWrap .aboutOnline__list__content__ttl { padding-bottom: 35px; }
.about__mainWrap .aboutOnline__necessities { margin-top: 66px; margin-left: -40px; }
.about__mainWrap .aboutReason { margin-top: 114px; padding-bottom: 22px; }
.about__mainWrap .aboutOnline_flow__list__content:first-of-type::before { width: 110px; height: 38px; top: -20px; left: -33px; }
.about__mainWrap .aboutOnline_flow__list__content:nth-of-type(3)::before { right: -127px; }
.about__mainWrap .aboutTrial { padding-top: 278px; width: 1366px; margin: 0px auto; }
.about__mainWrap .aboutTrial__ttl { margin-top: 0px; }
.about__mainWrap .aboutTrial::before { left: 638px; top: 180px; }
.about__mainWrap .aboutTrial__ttl::before { top: -64px; left: 407px; }
.about__mainWrap .aboutTrial__column01 { -webkit-box-pack: justify; justify-content: space-between; }
.about__mainWrap .aboutTrial__column01__text { width: 550px; }
.about__mainWrap .aboutTrial__column01__img { width: 400px; height: 240px; margin-top: 10px; margin-left: 0px; }
.about__mainWrap .aboutContact__inner { margin-top: 103px; width: 1206px; }
.about__mainWrap .aboutContact__message__ttl { margin-top: 71px; }
.about__mainWrap .aboutContact__message__ttl::after { top: 32%; }
.about__mainWrap .aboutContact__btn { margin: 50px auto 0px; }
.about__mainWrap .c-siteMap { margin-top: 140px; }
.about__mainWrap .c-bnrList__wrap { margin: 82px auto 0px; }
.about__mainWrap .aboutRental__text__wrap { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 986px; margin: 84px auto 0px; }
.about__mainWrap .aboutRental__text { margin-top: 0px; }
.about__mainWrap .aboutRental__img { width: 400px; margin-left: 38px; }
.about__mainWrap .aboutRental__list:first-of-type { margin-top: 67px; }
}
@media screen and (max-width: 767px){
.c-mv__wrap.about .c-mv__ttl { font-size: 32px; }
.c-mv__wrap.about .mv__animal02 { right: 85px; bottom: 44px; }
.c-mv__wrap.about .mv__animal01 { left: 78px; }
.l-wrapper .lessonInfo.schedule .lessonInfo__ttl { margin-left: 9px; margin-top: -9px; padding-bottom: 9px; }
.l-wrapper .lessonInfo.fee { margin-top: 0px; }
.l-wrapper .aboutRental__inner { padding-top: 100px; }
.l-wrapper .aboutRental__list:nth-of-type(n+2) { margin-top: 36px; }
.l-wrapper .about__mainWrap .aboutRental__inner { padding-bottom: 76px; }
.l-wrapper .aboutRental__ttl::after { margin-top: 16px; }
.l-wrapper .aboutOnline__necessities { border: 1px dashed rgba(59, 64, 67, 0.3); }
.l-wrapper .aboutReason__content__text { margin: 28px 16px 0px; }
.about__mainWrap .aboutMenu__wrap { margin-top: 25px; }
.about__mainWrap .aboutSection { margin-top: 0px; padding-top: 74px; }
.about__mainWrap .aboutSection__text { margin-top: 44px; }
.about__mainWrap .schoolInfo__ttl__wrap { padding: 24px 0px; }
.about__mainWrap .schoolInfo__inner { width: 90%; }
.about__mainWrap .lessonInfo { margin-top: 0px; padding-top: 144px; }
.about__mainWrap .lessonInfo.schedule::before { right: 49px; top: 80px; }
.about__mainWrap .lessonInfo__text__ttl { margin-top: 57px; }
.about__mainWrap .lessonInfo__text-bg { padding: 23px 20px; }
.about__mainWrap .lessonInfo.fee .lessonInfo__ttl::before { right: -74px; top: -101px; }
.about__mainWrap .lessonInfo__bgWrap { padding-top: 39px; margin-top: 13px; }
.about__mainWrap .table.stripe { margin-top: 25px; }
.about__mainWrap .table__note.no-mt { margin-top: 0px; }
.about__mainWrap .table__bgWrap .kids { margin: 89px auto 0px; }
.about__mainWrap .kids .table.stripe { margin-top: 6px; }
.about__mainWrap .aboutRental__inner { padding-bottom: 51px; }
.about__mainWrap .aboutAccess__inner { padding-top: 158px; }
.about__mainWrap .aboutOnline__inner::before { top: -150px; }
.about__mainWrap .aboutOnline { margin-top: 0px; padding-top: 214px; }
.about__mainWrap .aboutTrial { margin-top: 0px; padding-top: 52px; }
.about__mainWrap .aboutContact__address__text { padding-bottom: 9px; }
.about__mainWrap .aboutContact__address { margin-top: 18px; }
.about__mainWrap .aboutContact__inner { padding: 46px 31px 40px; }
.about__mainWrap .aboutContact__message__ttl::after { width: 286px; height: 141px; }
.about__mainWrap .aboutContact__message__text { margin-top: 26px; }
.about__mainWrap .c-siteMap { margin-top: 116px; }
.about__mainWrap .c-bnrList__wrap { margin-top: 22px; }
.about__mainWrap .aboutRental__text { margin-top: 64px; }
.about__mainWrap .aboutRental__img { margin-top: 30px; }
}
@media screen and (max-width: 767px){
.l-wrapper .page__teachers__contentWrap .page__teachers__contentWrap__inner { width: auto; margin: 30px; }
.page__teachers__contentWrap { margin-top: -41px; }
.page__teachers__contentWrap .lesson__course__wrap .teachers__course__list__teacherName { transform: translate(0px, -3px); letter-spacing: 0.14em; }
.page__teachers__contentWrap .lesson__course__wrap .teachers__course__list__message { height: 62px; font-size: 15px; line-height: 28rem; }
.page__teachers__contentWrap .lesson__course__wrap .teachers__course__list__message__wrap { padding: 10px 16px; margin-top: 20px; }
.page__teachers__contentWrap .lesson__course__wrap .teacher__course__wrap { margin-top: 15px; }
.page__teachers__contentWrap .lesson__course__wrap .btn__teacher { margin-top: 24px; }
.page__teachers__contentWrap .lesson__course__wrap .teachers__course__list__content:nth-of-type(2n+1) .teachers__course__list__img::before { width: 30px; height: 30px; top: 18px; left: -9px; }
.page__teachers__contentWrap .lesson__course__wrap .teachers__course__list.pc { display: none; }
}
@media screen and (min-width: 768px){
.l-wrapper .page__teachers_wrap .c-mv__wrap { height: 472px; margin-bottom: 0px; }
.l-wrapper .page__teachers_wrap .c-mv__wrap .c-mv__ttl__wrap { padding-top: 266px; }
.l-wrapper .page__teachers_wrap .c-mv__wrap .c-mv__bg { background-position: 0px 98px; }
.l-wrapper .teachersMain { padding: 0px; }
.l-wrapper .page__teachers__contentWrap .teachers__course__name { padding-left: 16px; letter-spacing: 0.1em; }
.l-wrapper .page__teachers__contentWrap .teachers__course__list__teacherName { transform: translate(6px, 9px); letter-spacing: 0.14em; }
.l-wrapper .page__teachers__contentWrap .teachers__course__list__message { margin-top: -8px; }
.l-wrapper .teachers__course__list { padding-left: 6px; }
.l-wrapper .teachers__course__list.sp { display: none; }
.l-wrapper .tutorList__inner { display: flex; flex-wrap: wrap; }
.l-wrapper .tutorList__inner .tutor__profinfo { width: 283px; flex: 0 0 283px; }
.l-wrapper .page__teachers__contentWrap .teachers__course__list { -webkit-box-pack: start; justify-content: start; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n+1) { margin-right: 80px; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n+1) .tutor__img::before { width: 21px; height: 32px; top: 24px; left: -9px; content: ""; background-image: url("../img/adc7134a13a.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n) .tutor__img::before { width: 30px; height: 32px; bottom: 26px; left: -15px; content: ""; background-image: url("../img/a4d2eb8246e.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; }
.l-wrapper .tutor__img { width: 200px; margin-right: 40px; position: relative; }
.l-wrapper .tutor__img img { height: 200px; object-fit: cover; }
.l-wrapper .tutor__classes { margin-top: 12px; }
.l-wrapper .tutor_name { font-size: 22px; font-family: "Zen Old Mincho", serif; transform: translate(0px, 11px); letter-spacing: 0.14em; }
.l-wrapper .tutor_name .tutor_name-en { font-size: 10px; margin-top: 11px; display: block; letter-spacing: 0.12em; font-family: Kosugi, sans-serif; font-weight: 300; font-style: normal; }
.l-wrapper .tutor__message { background: rgb(248, 248, 248); margin-top: 25px; height: 85px; width: 251px; position: relative; }
.l-wrapper .tutor__message__inner { font-size: 15px; line-height: 28px; overflow: scroll; height: 56px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 213px; }
.l-wrapper .tutor__courseWrap { font-size: 15px; margin-top: 34px; display: flex; line-height: 28px; padding-left: 4px; }
.l-wrapper .tutor__courses { display: inline; }
.l-wrapper .tutor__course { white-space: nowrap; }
.l-wrapper .tutor__course__ttl { margin-right: 15px; position: relative; padding-bottom: 4px; width: 104px; flex: 0 0 104px; }
.l-wrapper .tutor__course__ttl span { position: relative; }
.l-wrapper .tutor__course__ttl span::after { background: rgb(0, 0, 0); content: ""; height: 1px; width: 100%; position: absolute; top: 27px; left: 0px; }
.l-wrapper .tutor__course:not(:last-of-type)::after { content: "／"; }
.l-wrapper .page__teachers__contentWrap .btn__teacher { margin-top: 17px; }
.l-wrapper .lesson__course__wrap:nth-of-type(n+2) { margin-top: 111px; }
}
@media screen and (max-width: 767px){
.l-wrapper .c-blog .c-blog__posts { padding: 0px; }
.l-wrapper .c-blog .c-blog__posts .c-blog__posts__list { -webkit-box-flex: 0; flex: 0 0 calc(50% - 11px); }
}
.c-blog__mainPost__content__bg .dflex { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
@media screen and (min-width: 768px){
.l-wrapper .c-blog__mainPost__content:hover { opacity: 1; }
.l-wrapper .c-blog .c-blog__posts .c-blog__posts__list:hover { opacity: 1; }
}
@media screen and (max-width: 767px){
.l-wrapper .c-mv__wrap { height: 250rem; }
.l-wrapper .mv__animal01, .l-wrapper .mv__animal02 { display: none; }
}
@media screen and (max-width: 767px){
.single-blog .p-single-news-mv__inner::after { content: ""; background-image: url("../img/a517e436854.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; width: 112px; height: 76px; position: absolute; top: -60px; right: 80px; }
.single-blog .p-single-news-mv { margin: -235px 0px 0px; }
.single-blog .p-single-news-info { margin: 36px 0px 0px; }
}
@media screen and (min-width: 768px){
.single-blog { padding: 0px; margin-top: 325px; }
.single-blog .p-single-blog-mv { margin-top: -108px; }
.single-blog .p-single-news-sns::after { top: -39px; right: auto; left: -74px; }
.single-blog .p-single-news-info__cats { -webkit-box-pack: end; justify-content: flex-end; }
.single-blog .p-single-news-content { padding: 82px 0px 130px; }
.single-blog .l-2column { position: relative; width: 1179px; }
.single-blog .l-2column::before { content: ""; background-image: url("../img/a2b6a6f163e.png"); display: inline-block; width: 138px; height: 142px; background-size: contain; background-repeat: no-repeat; top: -166px; left: 282px; position: absolute; z-index: 100; }
.single-blog .l-2column__main { -webkit-box-flex: 0; flex: 0 0 876px; width: 876px; }
.single-blog .l-2column__side { width: 259px; margin: 0px 0px 0px 44px; }
.single-blog .l-2column__main__bg { background: rgb(226, 238, 240); display: flex; position: relative; padding-bottom: 100px; }
.single-blog .l-2column__main__bg::before { content: ""; display: inline-block; background-image: url("../img/a6336357cc1.png"); background-repeat: repeat-x; background-size: 1366px 40px; min-width: 1366px; position: absolute; top: -40px; left: 0px; width: 100vw; height: 40px; }
.single-blog .l-2column__main__bg-wh { background: rgb(255, 255, 255); margin-top: -20px; border-radius: 140px 140px 0px 0px; padding: 30px 61px 40px; }
.single-news.single-blog .l-2column__side { padding-top: 114px; }
.single-blog .p-single-blog-mv .p-single-blog-mv__inner { position: relative; }
.single-blog .p-single-blog-mv .p-single-blog-mv__inner::after { content: ""; background-image: url("../img/a2beb4096d6.webp"); display: inline-block; width: 1242px; height: 498px; background-size: contain; background-repeat: no-repeat; top: -105px; left: -34px; }
.single-blog .p-single-blog-mv .p-single-blog-mv__inner .c-blog__mainPost__wrap { position: relative; z-index: 10; }
.single-blog .bg-white__wrap { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; width: 1166px; margin: 0px auto; }
.single-blog .bg-white__wrap__inner { -webkit-box-flex: 0; flex: 0 0 807px; width: 807px; }
.single-blog .p-single-pager { margin-top: 140px; }
}
.member__menu__wrap { background: rgb(248, 248, 248); }
.member__menu__ttl { letter-spacing: 0.1em; font-family: "Zen Old Mincho", serif; font-weight: 500; text-align: center; color: rgb(59, 64, 67); }
.member__menu__list { background: rgb(0, 121, 155); font-size: 15px; letter-spacing: 0.05em; text-align: center; }
.member__menu__list a { display: block; width: 100%; height: 100%; color: rgb(255, 255, 255); }
.member__menu__list a::after { content: ""; background-image: url("../img/aebdd7beeb8.png"); display: inline-block; width: 8px; height: 10px; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-left: 16px; }
.member__menu__wrap { position: relative; }
.member__menu__wrap::before { content: ""; background-image: url("../img/ace0ce30f4d.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; }
.member__menu__wrap::after { content: ""; background-image: url("../img/a5fa1e2a3ad.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; }
@media screen and (max-width: 767px){
.page__news__wrap.page__member__wrap .member__menu__wrap { margin: 251px 30px 0px; padding: 30px; }
.page__news__wrap.page__member__wrap .member__menu__wrap::before { width: 80px; height: 70px; position: absolute; top: -216px; left: 0px; }
.page__news__wrap.page__member__wrap .member__menu__wrap::after { width: 127px; height: 83px; position: absolute; bottom: -75px; left: 80px; }
.page__news__wrap.page__member__wrap .member__menu__ttl { font-size: 22px; line-height: 38px; margin-top: -191px; }
.page__news__wrap.page__member__wrap .member__menu__listWrap { margin-top: 32px; }
.page__news__wrap.page__member__wrap .member__menu__list { padding: 17px 30px; }
.page__news__wrap.page__member__wrap .member__menu__list:nth-of-type(n+2) { margin-top: 15px; }
}
@media screen and (min-width: 768px){
.member__menu__wrap { padding: 0px 110px 80px; width: 840px; margin: 180px auto 0px; position: relative; }
.member__menu__wrap::before { width: 103px; height: 103px; top: -16px; left: -3px; }
.member__menu__wrap::after { width: 127px; height: 83px; right: 27px; top: -48px; }
.member__menu__ttl { font-size: 24px; line-height: 40px; transform: translate(0px, -26px); }
.member__menu__listWrap { display: flex; flex-wrap: wrap; margin-top: 36px; -webkit-box-pack: justify; justify-content: space-between; }
.member__menu__list { width: 300px; line-height: 50px; }
.member__menu__list:nth-of-type(n+3) { margin-top: 20px; }
}
:focus { outline: none; }
button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0px; appearance: none; }
.l-wrapper .form-row.is-flex_none { -webkit-box-pack: start; justify-content: flex-start; }
.l-wrapper .form-row.is-flex_none .form-head { margin-right: 25px; }
.l-wrapper .form-row.is-flex_none .required-title { width: 250px; margin-right: 25px; }
.l-wrapper .form-row.is-flex_none .form-detail { margin-top: 5px; }
@media screen and (min-width: 768px){
.l-wrapper .form-row.is-flex_none .form-detail { margin-top: 0px; }
}
@media screen and (min-width: 768px){
.l-wrapper .form-row.is-flex_none .mw-wrap { display: flex; }
}
.l-wrapper .form-row.is-flex_none .radio-layout.onlySp { width: 100%; display: flex; margin-top: 20px; }
@media screen and (min-width: 768px){
.l-wrapper .form-row.is-flex_none .radio-layout.onlySp { width: auto; }
}
@media screen and (max-width: 767px){
.l-wrapper .form-row.is-flex_none .mwform-radio-field.horizontal-item:nth-of-type(3) { margin-top: 16px; }
}
.l-wrapper .form-row.is-flex_none .mwform-radio-field-text::before { content: " "; display: block; border-radius: 50%; width: 24px; height: 24px; background-color: rgb(243, 243, 243); margin-right: 15px; }
.l-wrapper .form-row.is-flex_none .mwform-radio-field-text { position: relative; display: flex; }
@media screen and (min-width: 768px){
.l-wrapper .form-row.is-flex_none .mwform-radio-field-text { -webkit-box-align: center; align-items: center; }
}
.l-wrapper .form-row.is-flex_none input:checked + .mwform-radio-field-text::after { content: " "; position: absolute; left: 5px; top: 5px; display: block; border-radius: 50%; width: 14px; height: 14px; background-color: rgb(0, 121, 155); }
@media screen and (min-width: 768px){
.l-wrapper .form-row.is-flex_none input:checked + .mwform-radio-field-text::after { left: 5px; width: 14px; height: 14px; top: 9px; }
}
.l-wrapper .box-form .form-row.is-flex_none { margin-top: 16px; }
@media screen and (min-width: 768px){
.l-wrapper .box-form .form-row.is-flex_none { margin-top: 33px; }
}
@media screen and (max-width: 767px){
.l-wrapper .form-row.is-flex_none .mwform-radio-field-text { white-space: nowrap; }
}
@media screen and (min-width: 768px){
.contactMain.contactMain-trial .form-row.is-flex_none .required-title { margin-top: 0px; }
}
@media screen and (min-width: 768px), print{
.u-sp-only { display: none !important; }
}
@media (max-width: 767px){
.u-pc-only { display: none !important; }
}
.u-hidden { opacity: 0; pointer-events: none; }
@media screen and (min-width: 768px), print{
body { min-width: 1266px; }
}
.p-fixed-taiken { position: fixed; right: 0px; bottom: 0px; z-index: 101; display: block; width: 100%; height: 60px; background: rgb(0, 121, 155); }
.p-fixed-taiken img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 266px; }
@media screen and (min-width: 768px), print{
.p-fixed-taiken { width: 96px; height: 140px; border-radius: 50px 0px 0px; transition: width 0.4s; }
.p-fixed-taiken:hover { width: 106px; }
.p-fixed-taiken img { width: 70px; }
}
.l-wrapper { overflow: hidden; }
.l-toggle .l-toggle__innerwrap { }
.l-header__nav-sp { right: -100%; width: 100%; opacity: 1; visibility: visible; transition: right 0.6s; }
.l-header__nav-sp::after { content: ""; position: fixed; z-index: -1; top: 0px; right: -100%; width: 100%; height: 100%; background: rgb(226, 238, 240); opacity: 0.9; transition: right 0.6s; }
.open .l-header__nav-sp { right: 0px; }
.open .l-header__nav-sp::after { right: 0px; }
body.open .l-header__nav-sp { position: fixed; overflow: hidden; }
body.open .l-header__nav-sp__inner { position: relative; height: 100%; overflow: auto; }
.l-toggle span { transition: transform 0.4s, -webkit-transform 0.4s; }
.l-header__logo { width: 205px; margin-bottom: 23px; }
.l-header__nav-sp__list { font-size: 16px; font-weight: 500; letter-spacing: 0.14em; white-space: nowrap; }
.l-header__nav-sp__list span { position: relative; padding-bottom: 6px; }
.l-header__nav-sp__list span::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgb(0, 0, 0); }
.l-header__nav-sp .l-header__nav-sp__list__ac { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; padding: 15px 0px; }
.l-header__nav-sp__list__acContent { margin-right: 6px; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; line-height: 26px; }
.l-header__nav-sp__list__acContent span::after { display: none; }
.l-header__nav-sp .l-header__nav-sp__listwrap { padding-bottom: 20px; }
.l-header-sp__location { margin-bottom: 26px; font-size: 14px; font-weight: 500; letter-spacing: 0.14em; line-height: 24px; }
.l-header-sp__sns { padding: 30px 0px; }
.l-header__nav-sp .l-header__nav-sp__listwrap::before { display: none; }
.l-header__nav-sp .l-header__nav-sp__listwrap::after { display: none; }
.c-nav-tree { position: absolute; right: 9px; bottom: 0px; width: 74px; }
.c-nav-onpu { position: absolute; bottom: 70px; left: 10px; width: 29px; }
.c-nav-fukuro { position: absolute; bottom: 0px; left: 0px; width: 99px; }
.mv__logo__wrap .logo { width: 319px; margin-top: -53px; }
@media screen and (min-width: 768px), print{
.mv__logo__wrap .logo { width: 329px; margin-top: -40px; }
}
@media screen and (min-width: 768px), print{
.mv__logo__text { padding-bottom: 14px; margin-top: -8px; font-size: 24px; font-weight: 500; letter-spacing: 0.37em; line-height: 42px; }
}
.mv__ttl-sp__wrap { margin-top: 25px; }
.mv__ttl-sp__wrap .mv__ttl-sp__img { transform: translate(-4px, 4px); width: 99px; }
.bird-sp { top: -13px; left: 20px; width: 67px; }
.p-mv-slider { position: relative; padding-left: 118px; margin-top: -50px; }
.p-mv-slider::after { content: ""; position: absolute; bottom: 0px; left: 80px; width: 74px; height: 143px; background: url("../img/a3107ac8fe6.png") center center / 74px 143px no-repeat; }
.p-mv-slider__inner { position: relative; }
.p-mv-slider__inner::after { content: ""; position: absolute; top: 0px; left: 0px; width: 435px; height: 262px; background: url("../img/ae07e90e80b.png") 0% 0% / 100% 100% no-repeat; }
.p-mv-slider__images { width: 435px; height: 262px; }
.p-mv-slider__images-item { width: 100%; height: 100%; background-position: center center; background-size: cover; }
.p-mv-slider__images .slick-list, .p-mv-slider__images .slick-track, .p-mv-slider__images .slick-slide { height: 100%; }
.p-mv-slider__dots { position: absolute; bottom: -33px; width: 100vw; }
.p-mv-slider__dots .slick-dots { right: 46px; width: auto; text-align: right; }
.p-mv-slider__dots .slick-dots li { position: relative; width: 20px; height: 20px; padding: 0px; margin: 0px; }
.p-mv-slider__dots .slick-dots li + li { margin-left: 1px; }
.p-mv-slider__dots .slick-dots li::before, .p-mv-slider__dots .slick-dots li::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background-position: center center; background-repeat: no-repeat; background-size: 6px 6px; }
.p-mv-slider__dots .slick-dots li::before { z-index: 1; background-image: url("../img/aed3cae959e.png"); opacity: 0; transition: opacity 0.4s; }
.p-mv-slider__dots .slick-dots li::after { background-image: url("../img/a0b7a424bef.png"); }
.p-mv-slider__dots .slick-dots li button { display: none; }
.p-mv-slider__dots .slick-dots li.slick-active::before { opacity: 1; }
@media screen and (min-width: 768px), print{
.p-mv-slider { margin-top: 22px; }
.p-mv-slider__inner { width: 1266px; margin: 0px auto; }
.p-mv-slider__inner::after { width: 941px; height: 568px; background-size: 941px 568px; }
.p-mv-slider__images { width: 940px; height: 567px; }
}
.top__news { width: 100%; padding: 0px 30px 120px; margin-top: 92px; }
@media screen and (min-width: 768px), print{
.top__news { width: 1126px; padding: 0px 0px 120px; margin: 92px auto 0px; }
}
.top__news__ttl { color: rgb(59, 64, 67); font-size: 34px; font-weight: 300; letter-spacing: 0.12em; }
.top__news__ttl__wrap .btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 136px; height: 34px; }
.top__news__ttl__wrap .btn span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(59, 64, 67); font-size: 15px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.top__news__ttl__wrap .btn span::after { content: ""; display: block; width: 10px; height: 10px; margin-left: 7px; background: url("../img/a38941e3bed.png") center center / 10px no-repeat; }
.c-new__post { -webkit-box-pack: start; justify-content: flex-start; }
.c-news__post__list { -webkit-box-flex: 1; flex: 1 1 40%; }
@media (max-width: 767px){
.c-news__post__list:nth-of-type(2n+2) { margin-left: 19px; }
}
@media screen and (min-width: 768px), print{
.c-news__post__list { -webkit-box-flex: 0; flex: 0 0 229px; }
.c-news__post__list:nth-of-type(n+2) { margin-left: 70px; }
}
.c-news__post__list .postDate { margin-bottom: 0px; color: rgb(59, 64, 67); font-size: 15px; font-weight: 400; letter-spacing: 0.08em; }
.c-news__post__list .text { margin-top: 9px; margin-bottom: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; line-height: 22px; }
.c-news__post__list .cat { display: inline-flex; -webkit-box-align: center; align-items: center; height: 19px; padding: 0px 5px; margin-top: 11px; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; line-height: 1; }
@media screen and (min-width: 768px), print{
.top__course .inner { width: 1126px; }
}
.top__course .ttl { color: rgb(59, 64, 67); font-size: 26px; font-weight: 300; letter-spacing: 0.12em; white-space: nowrap; }
.top__course .ttl-text { margin-bottom: 82px; font-size: 15px; font-weight: 500; letter-spacing: 0.14em; }
.top__course .text span { margin-bottom: 8px; font-size: 16px; font-weight: 500; letter-spacing: 0.05em; line-height: 18px; }
.top__course .course { -webkit-box-pack: start; justify-content: flex-start; }
.top__course .course__list { width: calc(50% - 9.5px); -webkit-box-flex: 0; flex: 0 0 calc(50% - 9.5px); margin-bottom: 50px; }
@media (max-width: 767px){
.top__course .course__list:nth-of-type(2n+2) { margin-left: 19px; }
}
@media screen and (min-width: 768px), print{
.top__course .course__list { width: 151px; -webkit-box-flex: 0; flex: 0 0 151px; }
.top__course .course__list:nth-of-type(n+2) { margin-left: 44px; }
.top__course .course__list:nth-of-type(7n+7) { margin-left: 0px; }
}
.top__course .course__list .img { position: relative; display: block; padding-top: 100%; margin-bottom: 12px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.top__course .course__list .img::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: url("../img/ad20404d8c3.png") center center / 100% no-repeat; }
@media screen and (min-width: 768px), print{
.top__course .course__list .img::after { width: 152px; height: 152px; }
}
.top__course .course__list .name { font-size: 17px; font-weight: 500; letter-spacing: 0.14em; line-height: 24px; }
.top__course .text { margin-bottom: 53px; }
.top__course .btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 60px; margin-top: 45px; font-size: 16px; font-weight: 500; letter-spacing: 0.14em; }
.top__course .btn span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.top__course .btn span::after { content: ""; display: block; width: 10px; height: 10px; margin-left: 7px; background: url("../img/a38941e3bed.png") center center / 10px no-repeat; }
@media screen and (min-width: 768px), print{
.top__course .btn { margin: 45px auto 0px; }
}
.top__lesson { padding: 133px 0px 30px; }
@media screen and (min-width: 768px), print{
.top__lesson { width: 1126px; }
}
.top__lesson .ttl { display: inline-flex; -webkit-box-pack: justify; justify-content: space-between; min-width: 274px; margin: 0px auto 24px; font-size: 18px; font-weight: 500; letter-spacing: 0.08em; line-height: 28px; }
.top__lesson .ttl span { font-size: 26px; font-weight: 500; letter-spacing: 0.08em; line-height: 28px; }
@media screen and (min-width: 768px), print{
.top__lesson .ttl span { margin-right: 0px; }
}
.top__lesson .text { text-align: left; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; }
@media screen and (min-width: 768px), print{
.top__lesson .lesson__list:nth-of-type(n+2) { margin-left: 80px; }
.top__lesson .lesson__list:nth-of-type(4n+4) { margin-left: 0px; }
}
.top__lesson .lesson__list:not(:last-of-type) { margin-bottom: 64px; }
.top__lesson .lesson__list.mt71 { margin-bottom: 63px; }
.top__lesson .lesson__list.mt70 { margin-bottom: 68px; }
.top__lesson .lesson__list.mt74 { margin-bottom: 66px; }
.top__point .num { font-size: 11px; font-weight: 400; letter-spacing: 0.12em; }
.top__point .num span { margin-left: 0px; }
.top__point .ttl { margin-bottom: 32px; font-size: 26px; font-weight: 500; letter-spacing: 0.1em; line-height: 32px; }
.top__point .ttl .bg { padding: 0px 8px; }
.top__point .ttl .bg:not(:last-of-type) { margin-bottom: 15px; }
.top__point .text { font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 30px; }
.top__point .btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 60px; }
.top__point .btn span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 16px; font-weight: 500; letter-spacing: 0.14em; }
.top__point .btn span::after { content: ""; display: block; width: 10px; height: 10px; margin-left: 7px; background: url("../img/a38941e3bed.png") center center / 10px no-repeat; }
.top__point .btn + .btn { margin-top: 15px; }
.top__point .box.mb110 { margin-bottom: 110px; }
.top__point .freeLesson .ttl { color: rgb(59, 64, 67); font-size: 24px; font-weight: 500; letter-spacing: 0.1em; line-height: 44px; }
.top__point .freeLesson { padding-top: 72px; }
.top__point .freeLesson .text { margin-bottom: 38px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 30px; }
.top__point .freeLesson .btn.trial { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 84px; margin-bottom: 28px; color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; letter-spacing: 0.05em; line-height: 20px; }
.top__point .freeLesson .btn.trial span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.top__point .freeLesson .btn.trial span::after { content: ""; display: block; width: 11px; height: 11px; margin-left: 7px; background: url("../img/a3f6b494c25.png") center center / 11px no-repeat; }
.top__point .freeLesson .freeLesson_wrap .freeLesson_wrap_text { font-size: 13px; font-weight: 500; letter-spacing: 0.05em; line-height: 20px; }
.top__point .freeLesson { border: 1px dotted rgb(59, 64, 67); }
.top__teacher__ttl { font-size: 34px; font-weight: 300; letter-spacing: 0.12em; }
.top__teacher .top__teacher__ttl__text { font-size: 17px; font-weight: 500; letter-spacing: 0.14em; }
.top__teacher .teacher__cat { font-size: 15px; font-weight: 500; letter-spacing: 0.14em; }
.top__teacher .teacher__name { font-size: 18px; font-weight: 500; letter-spacing: 0.14em; }
.top__teacher .btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 44px; font-size: 15px; font-weight: 500; letter-spacing: 0.14em; }
.top__teacher .btn span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.top__teacher .btn span::after { content: ""; display: block; width: 10px; height: 10px; margin-left: 7px; background: url("../img/a38941e3bed.png") center center / 10px no-repeat; }
.top__lesson .lesson { -webkit-box-pack: start; justify-content: flex-start; }
.top__lesson .lesson__list { text-align: center; }
.top__lesson .lesson__list:first-of-type::before { content: ""; position: absolute; z-index: 1; top: -70px; left: -17px; display: block; width: 127px; height: 82px; background-image: url("../img/a859d186c03.png"); background-position: center center; background-repeat: no-repeat; background-size: 127px 82px; }
.top__lesson .ttl::before { position: relative; left: auto; margin-right: 20px; }
.top__lesson .ttl::after { position: relative; right: auto; margin-left: 20px; }
.top__lesson .lesson__list:nth-of-type(2)::before { width: 94px; height: 69px; background-image: url("../img/a7a4941d69b.png"); }
.top__lesson .lesson__list:nth-of-type(3)::before { top: -62px; right: 66px; width: 55px; height: 69px; background-image: url("../img/adff0ce6a76.png"); }
.top__lesson .lesson__list:nth-of-type(4)::before { top: -50px; left: -28px; width: 95px; height: 59px; background-image: url("../img/ac3cacf4661.png"); }
.top__lesson .lesson__list:nth-of-type(5)::before { top: -76px; right: -18px; width: 105px; height: 90px; background-image: url("../img/a8e1e12ff7e.png"); }
.top__lesson .lesson__list:nth-of-type(6)::before { width: 46px; height: 69px; background-image: url("../img/a6e6336bea4.png"); }
.c-blog .c-blog__mainPost__content { width: 100%; padding: 0px 20px; }
.c-blog .c-blog__posts { width: 100%; padding: 0px 30px; }
@media screen and (min-width: 768px), print{
.c-blog .c-blog__posts { width: 1126px; padding: 0px; margin: 0px auto; }
}
.c-blog .c-blog__posts .c-blog__posts__list { -webkit-box-flex: 0; flex: 0 0 calc(50% - 9.5px); }
@media screen and (min-width: 768px), print{
.c-blog .c-blog__posts .c-blog__posts__list__img { -webkit-box-flex: 0; flex: 0 0 240px; }
}
.lesoon__course__list { flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }
.lesoon__course__list .lesson__course__list__content { -webkit-box-flex: 0; flex: 0 0 322px; }
.lesoon__course__list .lesson__course__list__content:nth-of-type(n+2) { margin-left: 80px; }
.lesoon__course__list .lesson__course__list__content:nth-of-type(4n+4) { margin-left: 0px; }
.lesoon__course__list .lesson__course__list__content:nth-of-type(n+4) { margin-top: 60px; }
@media screen and (min-width: 768px), print{
.inner { width: 1126px; }
}
@media screen and (min-width: 768px), print{
.l-header .inner { width: 100%; min-width: 856px; max-width: 1255px; padding-right: 0px; padding-left: 0px; }
}
@media screen and (min-width: 768px), print{
.l-header .logo-page { left: -15px; }
}
.l-header__nav { color: rgb(59, 64, 67); font-family: "Sawarabi Gothic", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.24em; line-height: 1; }
@media screen and (min-width: 768px), print{
.l-header__nav__list:not(:last-of-type) { margin-right: 35px; }
}
.l-wrapper { position: relative; }
.l-wrapper .tutor__course a { transition: opacity 0.6s; }
.l-wrapper .tutor__course a:hover { opacity: 0.6; }
#global-nav { position: absolute; top: 0px; left: 0px; }
@media screen and (min-width: 768px), print{
main { padding: 114px 0px 0px; }
}
.l-2column__side { position: relative; z-index: 2; padding: 81px 0px 0px; margin: 100px 0px 0px; }
.l-2column__side::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
@media screen and (min-width: 768px), print{
.l-2column { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; width: 1166px; margin: 0px auto; }
.l-2column__main { -webkit-box-flex: 0; flex: 0 0 807px; width: 807px; }
.l-2column__side { -webkit-box-flex: 0; flex: 0 0 259px; width: 259px; margin: 0px 0px 0px 100px; }
.l-2column__side::before { display: none; }
}
.l-header--fixed { position: fixed; z-index: 20; top: 0px; left: 0px; width: 100vw; min-width: 100%; height: 96px; opacity: 0; pointer-events: none; transition: opacity 0.6s; }
.l-header--fixed.active { opacity: 1; pointer-events: auto; }
.p-fixed-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; background: rgb(255, 255, 255); }
.p-fixed-header a { position: relative; font-family: "Sawarabi Gothic", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.24em; line-height: 1; }
.p-fixed-header a::after { content: ""; position: absolute; top: 36px; left: 50%; transform: translateX(-50%); width: 20px; height: 10px; background: url("../img/a54dd40d791.png") center center / 20px 10px no-repeat; opacity: 0; transition: opacity 1s; animation: 1s linear 0s infinite normal none running sankakukurukuru; }
.p-fixed-header a:hover::after { opacity: 1; }
.p-fixed-header a + a { margin-left: 38px; }
.l-header__nav__list { position: relative; }
.l-header__nav__list::after { content: ""; position: absolute; top: 36px; left: 50%; transform: translateX(-50%); width: 20px; height: 10px; background: url("../img/a54dd40d791.png") center center / 20px 10px no-repeat; opacity: 0; transition: opacity 1s; animation: 1s linear 0s infinite normal none running sankakukurukuru; }
.l-header__nav__list:hover::after { opacity: 1; }
@-webkit-keyframes sankakukurukuru { 
  0% { transform: translateX(-50%) rotateY(0deg); }
  100% { transform: translateX(-50%) rotateY(360deg); }
}
@keyframes sankakukurukuru { 
  0% { transform: translateX(-50%) rotateY(0deg); }
  100% { transform: translateX(-50%) rotateY(360deg); }
}
.l-toggle .l-toggle__innerwrap { width: 66px; height: 66px; }
.l-toggle span { width: 30px; }
.l-toggle span:nth-child(1) { top: 28px; }
.l-toggle span:nth-child(2) { top: 40px; }
.open .l-toggle span:nth-child(1), .open .l-toggle span:nth-child(2) { top: 32px; }
.mv__ttl-sp { position: relative; }
.mv__ttl-sp::before, .mv__ttl-sp::after { content: ""; position: absolute; }
.mv__ttl-sp::before { top: -46px; left: 130px; width: 34px; height: 29px; background: url("../img/ad2fccdb8ae.png") center center / 34px 29px no-repeat; }
.mv__ttl-sp::after { top: 34px; right: -142px; width: 18px; height: 24px; background: url("../img/a8824f0a777.png") center center / 18px 24px no-repeat; }
.l-footer { margin-top: 92px; }
.c-more { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100px; height: 30px; border: 1px solid rgb(105, 105, 105); color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.08em; line-height: 1; }
.c-more span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
.c-more span::after { content: ""; width: 6px; height: 10px; margin: 0px 0px 0px 9px; background: url("../img/aa05a642ce2.png") center center / 6px 10px no-repeat; transition: 0.6s; }
@media screen and (min-width: 768px), print{
.c-more { height: 34px; }
.c-more:hover span::after { transform: translate(5px, 0px); }
}
.c-breadcrumbs { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: 100%; padding: 0px 30px; margin: 115px 0px 0px; overflow: auto; }
.c-breadcrumbs__home { font-family: "Zen Kaku Gothic New", sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0.08em; line-height: 14px; }
.c-breadcrumbs a, .c-breadcrumbs span { font-size: 14px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; white-space: nowrap; }
.c-breadcrumbs span { color: rgb(0, 121, 155); }
.c-breadcrumbs a + a, .c-breadcrumbs span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
.c-breadcrumbs a + a::before, .c-breadcrumbs span::before { content: ""; width: 38px; height: 18px; background: url("../img/a010af102ff.png") center center / 38px 18px no-repeat; }
@media screen and (min-width: 768px), print{
.c-breadcrumbs { max-width: 1206px; padding: 0px; margin: 156px auto 0px; }
.c-breadcrumbs a { transition: opacity 0.6s; }
.c-breadcrumbs a:hover { opacity: 0.6; }
}
.c-mv__wrap.privacy { height: 270rem; }
@media screen and (min-width: 768px), print{
.c-mv__wrap.privacy { height: 300px; }
}
.c-mv__wrap.privacy .c-mv__bg { background-image: url("../img/a26f27c6ebd.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: center; position: absolute; inset: 0px; }
@media screen and (min-width: 768px), print{
.c-mv__wrap.privacy .c-mv__bg { background-image: none; }
}
.c-mv__wrap.privacy .design.pcOnly { width: 120px; position: absolute; top: 1vw; right: 20vw; }
.c-mv__wrap.privacy .c-mv__ttl__wrap { letter-spacing: 2em; padding-top: 190px; }
@media screen and (min-width: 768px), print{
.c-mv__wrap.privacy .c-mv__ttl__wrap { padding-top: 160px; }
}
.c-privacy__wrap { font-size: 15px; letter-spacing: 0.08em; line-height: 2.1; width: 100%; padding: 0px 30px 120px; margin-top: 60px; }
@media screen and (min-width: 768px), print{
.c-privacy__wrap { max-width: 840px; margin: 0px auto; padding: 0px 0px 160px; }
}
.c-privacy__description { color: rgb(0, 0, 0); }
.c-privacy__list { margin-top: 60px; position: relative; }
@media screen and (min-width: 768px), print{
.c-privacy__list { margin-top: 90px; }
}
.c-privacy__listItem { margin-top: 75px; position: relative; }
@media screen and (min-width: 768px), print{
.c-privacy__listItem { margin-top: 77px; }
}
.c-privacy__listItem .flex-wrapper { display: flex; -webkit-box-align: center; align-items: center; }
.c-privacy__listItem .flex-wrapper.first { display: block; }
@media screen and (min-width: 768px), print{
.c-privacy__listItem .flex-wrapper.first { display: flex; }
}
.c-privacy__listItem .flex-wrapper.first .list-text { margin-top: 20px; }
.c-privacy__listItem .list-number { display: block; margin-right: 30px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 24px; color: rgb(59, 64, 67); padding-bottom: 0px; position: relative; }
.c-privacy__listItem .list-number::after { content: " "; display: block; width: 30px; height: 1px; background-color: rgb(59, 64, 67); position: absolute; top: 45px; left: -7px; }
.c-privacy__listItem .list-title { font-size: 20px; font-family: "Sawarabi Gothic", sans-serif; }
.c-privacy__listItem .list-text { display: block; color: rgb(0, 0, 0); margin-top: 30px; }
.c-privacy__listItem .list-in-list { color: rgb(0, 0, 0); margin-top: 25px; }
.c-privacy__listItem .list-in-list li { padding-bottom: 10px; display: flex; }
.c-privacy__listItem .list-in-list span.alphabet { display: block; color: rgb(59, 64, 67); text-align: center; border: 1px solid rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; width: 30px; height: 30px; margin-right: 15px; }
.c-privacy__listItem .list-in-list span.text { max-width: 250px; }
@media screen and (min-width: 768px), print{
.c-privacy__listItem .list-in-list span.text { max-width: 720px; }
}
@media screen and (min-width: 768px), print{
.c-privacy__listItem .description-wrapper { margin-left: 50px; }
}
.c-privacy__listItem .list-in-ggl { border: 1px dotted rgb(59, 64, 67); padding: 30px 30px 50px; margin-top: 20px; }
@media screen and (min-width: 768px), print{
.c-privacy__listItem .list-in-ggl { padding: 30px 50px 50px; }
}
.c-privacy__listItem .list-in-ggl li { margin-top: 20px; }
.c-privacy__listItem .list-in-ggl .subtitle-block { border-bottom: 1px solid rgb(59, 64, 67); padding-bottom: 5px; }
.c-privacy__listItem .list-in-ggl .subtxt-block { color: rgb(0, 0, 0); overflow-wrap: anywhere; }
.c-privacy__listItem .contact-wrapper { margin-top: 20px; font-size: 18px; font-family: "Zen Kaku Gothic New", sans-serif; }
.c-privacy__listItem .contact-wrapper .list-subtitle { position: relative; display: inline-block; margin-right: 20px; }
.c-privacy__listItem .contact-wrapper .list-subtitle::after { content: " "; display: block; width: 50px; height: 1px; background-color: rgb(59, 64, 67); position: absolute; bottom: 5px; }
.c-privacy__listItem .contact-wrapper .of-tel .list-subtitle::after { width: 40px; }
.c-privacy__listItem .contact-wrapper .of-tel .list-subtxt { font-size: 28px; vertical-align: middle; }
.c-privacy__listItem .contact-wrapper .of-mail .list-subtxt { font-family: "M PLUS 1p", sans-serif; font-size: 20px; font-weight: 500; }
.top__news::after { display: none; }
.top__news__ttl__wrap .btn { position: relative; z-index: 1; background: rgb(255, 255, 255); }
.top__news__ttl__wrap .btn::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); }
.mv-anim01, .mv-anim02 { opacity: 0; transition: 0.6s; }
.mv-anim02 { transition-delay: 0.4s; }
[data-scroll="in"] .mv-anim01 { opacity: 1; }
[data-scroll="in"] .mv-anim02 { opacity: 1; }
.top__course .ttl span { position: relative; z-index: 2; }
.top__course .course { margin-bottom: 10px; }
.top__point .ttl .bg { font-size: 20px; letter-spacing: 0.04em; white-space: nowrap; }
.top__lesson .lesson__list:first-of-type::before { content: ""; top: -73px; left: -11px; }
.top__lesson .sikaku .ttl span, .top__lesson .audition .ttl span { font-size: 24px; }
.top__lesson .ttl span { margin-right: 0px; }
.top__lesson .lesson__list:nth-of-type(4)::before { left: -18px; }
.top__point .img.sp { margin-top: -7px; margin-bottom: 38px; }
.top__teacher .top__teacher__bg { left: 50%; transform: translateX(-50%); max-width: 323px; }
.top__teacher .top__teacher__bg.animal { top: 216px; left: 64px; width: 109px; }
.top__teacher .teachers__list__content { -webkit-box-flex: 0; flex: 0 0 calc(50% - 9.5px); width: calc(50% - 9.5px); }
.c-blog .c-blog__posts { position: relative; }
.c-blog .c-blog__posts::before { content: ""; position: absolute; z-index: -1; top: -96px; left: 0px; width: 125px; height: 118px; background: url("../img/a72707c3ca1.webp") center center / 125px 118px no-repeat; }
.c-blog .c-blog__posts .c-blog__posts__list__date { margin-bottom: 6px; font-size: 15px; font-weight: 400; letter-spacing: 0.08em; line-height: 1; }
.c-blog .c-blog__posts .c-blog__posts__list__text { margin-bottom: 10px; }
.c-blog .c-blog__posts .c-blog__posts__list__cat { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 19px; padding: 0px 4px; }
.c-blog .c-blog__posts .c-blog__posts__list:nth-of-type(n+3) { margin-top: 30px; }
.c-bnrList__wrap { width: 100%; padding: 0px 31px; margin-top: 106px; }
.top__news__ttl, .top__news__ttl__wrap .btn { opacity: 0; transition: opacity 0.6s 0.4s; }
[data-scroll="in"] .top__news__ttl, [data-scroll="in"].top__news__ttl__wrap .btn { opacity: 1; }
.top__news__illust { content: ""; position: absolute; z-index: -2; top: -20px; left: 140px; width: 261px; height: 167px; background-image: url("../img/aedef851ce7.webp"); background-size: 261px 167px; }
.top__course::before { content: ""; position: absolute; z-index: 0; top: -62px; left: calc(50% + 4px); width: 94px; height: 78px; background: url("../img/a2862977cc9.png") center center / 94px 78px no-repeat; }
.top__course::after { content: ""; position: absolute; z-index: 0; top: -102px; left: 50%; transform: translate(-50%, 0px); width: 403px; height: 342px; background: url("../img/a09fe9eb9d9.webp") center center / 403px 342px no-repeat; }
.top__lesson .ttl, .top__lesson .text { opacity: 0; transition: opacity 0.6s 0.4s; }
.top__lesson .lesson__list[data-scroll="in"] .ttl, .top__lesson .lesson__list[data-scroll="in"] .text { opacity: 1; }
.top__point .box01 { position: relative; }
.top__point .box01::before { content: ""; position: absolute; top: -64px; left: 121px; width: 177px; height: 145px; background: url("../img/a5718e420e7.png") center center / 177px no-repeat; }
.top__point .box02 { position: relative; }
.top__point .box02::before { content: ""; position: absolute; top: -9px; left: 299px; width: 16px; height: 24px; background: url("../img/a82b88b62c8.png") center center / 16px no-repeat; }
.top__point .box03 { position: relative; }
.top__point .box03::before { content: ""; position: absolute; top: -41px; left: 179px; width: 144px; height: 145px; background: url("../img/ac567575c86.png") center center / 144px no-repeat; }
.top__point .box04 { position: relative; }
.top__point .box04::before { content: ""; position: absolute; top: -73px; left: 85px; width: 270px; height: 198px; background: url("../img/aa10b7ebcab.webp") center center / 270px no-repeat; }
.top__point .box .texts__wrap, .top__point .box .img, .top__point .box .btn { opacity: 0; transition: opacity 0.6s 0.4s; }
.top__point .box[data-scroll="in"] .texts__wrap, .top__point .box[data-scroll="in"] .img, .top__point .box[data-scroll="in"] .btn { opacity: 1; }
.top__point .freeLesson { padding: 0px; border: none; background: transparent; }
.top__point .freeLesson::before { content: ""; position: absolute; z-index: 1; top: -8px; right: auto; left: calc(50% - 98px); width: 19px; height: 27px; background: url("../img/a4348aa55e1.png") center center / 19px 27px no-repeat; }
.top__point .freeLesson::after { content: ""; position: absolute; z-index: 1; top: -17px; left: calc(50% + 44px); width: 85px; height: 112px; background: url("../img/af9601f7596.png") center center / 85px 112px no-repeat; }
.top__point .freeLesson .freeLessonInner { padding: 72px 30px 40px; border: 1px dotted rgb(59, 64, 67); background: rgb(255, 255, 255); }
.top__teacher .top__teacher__ttl, .top__teacher .top__teacher__text { position: relative; z-index: 1; }
.top__teacher { width: 100%; padding: 130px 30px 0px; }
.p-mv-slider__dots { bottom: -68px; width: 100%; }
@media screen and (min-width: 768px), print{
.p-mv-slider::after { display: none; }
.mv__inner { position: relative; width: 1366px; min-width: 1366px; margin: 0px auto; }
.mv__inner::after { content: ""; position: absolute; top: -222px; left: 50%; transform: translateX(-50%); width: 2150px; height: 1002px; background: url("../img/a5f3eb8307d.webp") center top / 2150px 1002px no-repeat; pointer-events: none; }
.mv__logo__wrap { transform: translateX(49px); }
.mv__logo__text { position: relative; border-bottom: 0px; }
.mv__logo__text::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 207px; height: 1px; background: rgb(0, 0, 0); }
.p-mv__illust--fukuro { position: absolute; z-index: 4; top: -8px; left: 192px; width: 121px; opacity: 0; transition: opacity 0.6s; }
.p-mv__illust--tori { position: absolute; z-index: 4; top: -10px; left: 886px; width: 90px; opacity: 0; transition: opacity 0.6s 0.4s; }
.p-mv__illust--kitsune { position: absolute; z-index: 4; bottom: -20px; left: 84px; width: 118px; opacity: 0; transition: opacity 0.6s 0.8s; }
[data-scroll="in"] .p-mv__illust--fukuro, [data-scroll="in"] .p-mv__illust--tori, [data-scroll="in"] .p-mv__illust--kitsune { opacity: 1; }
.mv__sns__wrap { bottom: -32px; left: 25px; margin: 0px; }
.mv__sns__wrap .mv__sns__text { color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.12em; line-height: 1; }
}
.c-scroll { position: absolute; bottom: -93px; left: 50%; transform: translateX(-50%); padding-bottom: 58px; }
.c-scroll__text { color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.12em; line-height: 1; }
.c-scroll__line { position: absolute; bottom: 0px; left: 50%; width: 1px; height: 50px; transform: translate(-50%, 0px); overflow: hidden; }
.c-scroll__line::after { content: ""; position: absolute; top: -100%; left: 50%; transform: translateX(-50%); width: 100%; height: calc(100% + 10px); background: rgb(105, 105, 105); animation: 2.4s linear 0s infinite normal none running scrollline; }
@-webkit-keyframes scrollline { 
  0% { top: -60px; }
  5% { top: -60px; }
  95% { top: 60px; }
  100% { top: 60px; }
}
@keyframes scrollline { 
  0% { top: -60px; }
  5% { top: -60px; }
  95% { top: 60px; }
  100% { top: 60px; }
}
@media screen and (min-width: 768px), print{
.mv__wrap { margin-bottom: 0px; }
.top__news { position: relative; padding-bottom: 172px; margin-top: 264px; }
.top__news::after { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); display: block; width: 1574px; height: 280px; background: url("../img/a31d1925eb3.webp") center center / 1574px 280px no-repeat; pointer-events: none; }
.top__news::after { top: -82px; }
.c-new__post { position: relative; width: 100%; }
.c-new__post::after { content: ""; position: absolute; z-index: 0; top: -65px; right: 153px; width: 94px; height: 78px; background: url("../img/a2862977cc9.png") center center / 94px 78px no-repeat; }
.top__course::before { top: 255px; left: calc(50% + 232px); width: 131px; height: 97px; background: url("../img/ade18d90869.png") center center / 131px 97px no-repeat; }
.top__course::after { top: -49px; transform: translate(-50%, 0px); width: 1056px; height: 354px; background-image: url("../img/a0e9b2af766.webp"); background-size: 1056px 354px; }
.top__course .ttl { font-size: 34px; }
.c-news__post__list .text { line-height: 28px; }
.top__course .ttl-text { margin-bottom: 140px; }
.top__course .text { margin-bottom: 64px; }
.top__course .course__list .img { margin-bottom: 18px; }
.top__course .course__list { margin-bottom: 23px; }
.top__course .btn { margin: 54px auto 0px; }
.top__lesson { padding-top: 174px; padding-bottom: 68px; }
.top__lesson .lesson__list .ttl { margin-bottom: 22px; }
.top__point .box01::before { top: -100px; left: 236px; width: 365px; height: 184px; background-image: url("../img/aded25e001f.webp"); background-size: 365px 184px; }
.top__point .box:first-of-type .img.pc::after { display: none; }
.top__point .box:nth-of-type(2) .img.pc::after { display: none; }
.top__point .box:nth-of-type(3) .img.pc::after { display: none; }
.top__point .box:nth-of-type(4) .img.pc::after { display: none; }
.top__point .box02::before { display: none; }
.top__point .box04::before { display: none; }
.top__point { padding-top: 200px; }
.top__point .ttl .bg { font-size: 30px; letter-spacing: 0.1em; line-height: 36px; }
.top__point .num { margin-bottom: 36px; }
.top__point .texts__wrap .ttl.pc { margin-bottom: 41px; }
.top__point .box:first-of-type .img { width: 590px; min-width: 590px; margin-top: -220px; }
.top__point .texts__wrap .btn.texts__wrap_btn.pc { height: 54px; line-height: 1; }
.top__point .box04 .texts__wrap .btn.texts__wrap_btn.pc { -webkit-box-flex: 0; flex: 0 0 250px; }
.top__point .box { -webkit-box-align: start; align-items: flex-start; }
.top__point .text { margin-bottom: 44px; }
.top__point .box:nth-of-type(2) .img, .top__point .box:nth-of-type(4) .img { width: 512px; transform: none; }
.top__point .box:nth-of-type(2) .img { transform: translateY(-52px); }
.top__point .box:nth-of-type(4) .img { transform: translateY(-80px); }
.top__point .ttl .bg { white-space: nowrap; }
.top__point .box01 .texts__wrap .text { width: 506px; }
.top__point .box03::before { top: -66px; left: 294px; width: 198px; height: 192px; background-image: url("../img/a8c7ee6f1bf.webp"); background-size: 198px 192px; }
.top__point .box:nth-of-type(3) .img { transform: translateY(-150px); width: 557px; }
.top__point .box.mb110:nth-of-type(3) { margin-bottom: 130px; }
.top__point .box04::before { content: ""; position: absolute; top: -247px; left: 851px; display: block; width: 368px; height: 357px; background-image: url("../img/a7f5f32ebeb.webp"); background-position: center center; background-repeat: no-repeat; background-size: 368px 357px; }
.top__point .inner { width: 1175px; }
.top__point { padding-right: 0px; padding-left: 0px; }
.top__point .inner .box01, .top__point .inner .box03 { padding-left: 65px; }
.top__point .box:nth-of-type(2n) { -webkit-box-pack: start; justify-content: flex-start; }
.top__point .box:nth-of-type(2n) .texts__wrap { margin-left: 60px; }
.top__point .box:first-of-type .texts__wrap { margin-right: 40px; }
.top__point .texts__wrap .btn.texts__wrap_btn.pc a { color: rgb(0, 0, 0); }
.top__point .btn + .btn { margin-top: 0px; }
.top__point .freeLesson::before { top: -13px; right: auto; left: 50%; transform: translate(-50%, 0px); width: 884px; height: 255px; background-image: url("../img/a1cfeba0f8b.png"); background-size: 884px 255px; }
.top__point .box:nth-of-type(4) { margin-bottom: 92px; }
.top__point .freeLesson .freeLessonInner { padding-top: 90px; padding-bottom: 56px; }
.top__point .freeLesson .ttl { margin-bottom: 64px; font-size: 26px; }
.top__point .freeLesson .text { margin-bottom: 42px; }
.top__point .freeLesson .btn.trial { height: 60px; }
.top__point .freeLesson .freeLesson_wrap { -webkit-box-pack: start; justify-content: flex-start; width: 720px; padding-left: 35px; margin-right: auto; margin-left: auto; }
.top__point .freeLesson { width: 1046px; }
.top__teacher .teachers__list__content { -webkit-box-flex: 0; flex: 0 0 174px; width: 174px; max-width: 174px; }
.top__teacher { width: 1126px; padding: 0px; margin: 0px auto; }
.top__teacher .btn.more a { color: rgb(0, 0, 0); }
.top__point { padding-bottom: 130px; }
.top__teacher { padding-top: 222px; }
.top__teacher .btn.more { margin-bottom: 38px; }
.top__teacher .teachers__list { margin-bottom: 104px; }
.top__teacher .btn { height: 34px; margin-bottom: 40px; }
.top__teacher { position: relative; }
.top__teacher::before { content: ""; position: absolute; top: -26px; left: 50%; transform: translate(-50%, 0px); width: 554px; height: 337px; background: url("../img/aed1fea02f8.webp") center center / 554px 337px no-repeat; }
.top__teacher .teacher__message__text { height: 52px; }
.top__point .box:nth-of-type(2) .bgImg { z-index: 20; top: -10px; width: 195px; }
.c-blog .c-blog__main__bg01 { top: -58px; right: 6px; width: 923px; }
.c-blog .c-blog__mainPost__content__bg { right: -12px; padding-right: 0px; }
.c-blog .c-blog__main__bg02 { right: -36px; }
.c-blog__posts__list__textsWraap { width: 250px; }
.c-blog .c-blog__posts .c-blog__posts__list { -webkit-box-flex: 0; flex: 0 0 528px; }
.c-bnrList__wrap { max-width: 1366px; padding: 0px; margin: 180px auto 0px; }
.c-blog .c-blog__posts::before { display: none; }
.c-blog .c-blog__main { margin-bottom: 76px; }
.c-blog .c-blog__posts .c-blog__posts__list__date { margin-bottom: 7px; }
.l-footer { margin-top: 142px; }
.c-bnrList__content { transition: 0.6s; }
.c-bnrList__content:hover { opacity: 0.6; }
.c-blog .c-blog__posts .c-blog__posts__list { transition: 0.6s; }
.c-blog .c-blog__posts .c-blog__posts__list:hover { opacity: 0.6; }
.c-blog__mainPost__content { transition: 0.6s; }
.c-blog__mainPost__content:hover { opacity: 0.6; }
.teachers__list__content a { transition: 0.6s; }
.teachers__list__content a:hover { opacity: 0.6; }
.top__teacher .btn.more { transition: 0.6s; }
.top__teacher .btn.more:hover { opacity: 0.6; }
.top__point .freeLesson .btn.trial { transition: 0.6s; }
.top__point .freeLesson .btn.trial:hover { background: rgb(59, 64, 67); }
.top__point .box04 .texts__wrap .btn.texts__wrap_btn.pc { transition: 0.6s; }
.top__point .box04 .texts__wrap .btn.texts__wrap_btn.pc:hover { opacity: 0.6; }
.top__course .btn { transition: 0.6s; }
.top__course .btn:hover { opacity: 0.6; }
.top__course .course__list span { transition: 0.6s; animation: 0.6s linear 0s 1 normal forwards running re-kurukuru; }
.top__course .course__list:hover span { animation: 0.6s linear 0s 1 normal forwards running kurukuru; }
.c-news__post__list { transition: 0.6s; }
.c-news__post__list:hover { opacity: 0.6; }
.l-footer__nav__wrap .policy, .top__news__ttl__wrap .btn { transition: 0.6s; }
.l-footer__nav__wrap .policy:hover, .top__news__ttl__wrap .btn:hover { opacity: 0.6; }
}
@-webkit-keyframes kurukuru { 
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(180deg); }
}
@keyframes kurukuru { 
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(180deg); }
}
@-webkit-keyframes re-kurukuru { 
  0% { transform: rotateY(180deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes re-kurukuru { 
  0% { transform: rotateY(180deg); }
  100% { transform: rotateY(0deg); }
}
.archive-lesson .l-header__wrap { position: relative; height: 364px; }
.archive-lesson .l-header__wrap::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px); width: 375px; height: 438px; background: url("../img/a1c1580e232.png") center center / 375px 438px no-repeat; }
.archive-lesson .c-mv__wrap .c-mv__bg { background: none; }
.archive-lesson .c-mv__wrap .c-mv__ttl { color: rgb(59, 64, 67); font-size: 32px; font-weight: 400; letter-spacing: 0.12em; line-height: 1; }
.archive-lesson .c-mv__wrap .c-mv__ttl__text { font-family: "Sawarabi Gothic", sans-serif; font-size: 17px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.archive-lesson .inner { width: 100%; padding: 53px 30px 0px; margin: 0px; }
.archive-lesson .lesson__course__ttl { position: relative; padding: 18px 109px 18px 9px; font-family: "Sawarabi Gothic", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.1em; line-height: 30px; }
.archive-lesson .lesson__course__ttl::before, .archive-lesson .lesson__course__ttl::after { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.archive-lesson .lesson__course__ttl::before { top: 0px; }
.archive-lesson .lesson__course__ttl::after { bottom: 0px; }
.archive-lesson .lesson__course__ttl .c-more { position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); }
.archive-lesson .lesoon__course__list { margin-top: 40px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img { margin: 0px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__name { margin: 11px 0px 0px; font-family: "Sawarabi Gothic", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.08em; line-height: 26px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content:not(:last-of-type) { margin: 0px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content:nth-of-type(n+2) { margin: 36px 0px 0px; }
.archive-lesson .lesson__course__wrap:nth-of-type(n+2) { margin: 74px 0px 0px; }
.archive-lesson .lesson__course__wrap { position: relative; }
.archive-lesson .lesson__course__wrap::before { content: ""; position: absolute; z-index: 1; background-position: center center; background-repeat: no-repeat; }
.archive-lesson .lesson__course__wrap:nth-of-type(2n+1)::before { top: -15px; right: 92px; width: 34px; height: 28px; background-image: url("../img/aace89c2bfd.png"); background-size: 34px 28px; }
.archive-lesson .lesson__course__wrap:nth-of-type(2n+2)::before { top: -19px; right: 18px; width: 18px; height: 24px; background-image: url("../img/ae70834f287.png"); background-size: 18px 24px; }
.archive-lesson .c-bnrList__wrap { margin: 31px auto 0px; }
.archive-lesson .c-mv__wrap .mv__animal01 { z-index: 1; left: 50%; transform: translateX(-150px); width: 89px; height: 85px; background: url("../img/a2d2a78e570.webp") center top / 89px no-repeat; }
.archive-lesson .c-mv__wrap .mv__animal02 { z-index: 1; left: 50%; transform: translateX(22px); width: 95px; height: 75px; background: url("../img/a5454c6b895.png") center top / 95px no-repeat; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img img { height: auto; }
@media screen and (min-width: 768px), print{
.archive-lesson .l-header__wrap { height: 506px; }
.archive-lesson .l-header__wrap::after { width: 1366px; height: 556px; background-image: url("../img/a25d0be08b0.webp"); background-size: 1366px 556px; }
.archive-lesson .c-mv__wrap .c-mv__ttl { font-size: 36px; }
.archive-lesson .c-mv__wrap { height: 100%; margin-bottom: 0px; }
.archive-lesson .inner { width: 1126px; padding: 0px; margin: 0px auto; }
.archive-lesson .c-mv__wrap .c-mv__ttl__wrap { padding-top: 120px; }
.archive-lesson .c-mv__wrap .mv__animal01 { bottom: 185px; transform: translateX(-228px); width: 116px; height: 112px; background-size: 116px; }
.archive-lesson .c-mv__wrap .mv__animal02 { bottom: 144px; transform: translateX(46px); width: 121px; height: 94px; background-size: 121px; }
.archive-lesson .c-mv__wrap .mv__animal03 { position: absolute; z-index: 1; top: 112px; left: 50%; transform: translateX(392px); width: 89px; height: 115px; background: url("../img/af9601f7596.png") center top / 89px no-repeat; }
.archive-lesson .lesson__course__ttl { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: 18px 109px 15px 9px; font-size: 24px; }
.archive-lesson .lesson__course__ttl .c-more { position: relative; top: auto; right: auto; transform: none; margin: 0px 0px 0px 20px; }
.archive-lesson .lesson__course__list__content { -webkit-box-flex: 0; flex: 0 0 322px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content:nth-of-type(n+2) { margin: 0px 0px 0px 80px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content:nth-of-type(4n+4) { margin-left: 0px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content:nth-of-type(n+4) { margin-top: 40px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img { position: relative; height: 200px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img::after { transition: 0.6s; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img figure { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.6s; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img:hover::after { right: -25px; }
.archive-lesson .lesoon__course__list .lesson__course__list__content__img:hover img { transform: translate(-50%, -50%) scale(1.1); }
.archive-lesson .lesoon__course__list .lesson__course__list__content__name { margin-top: 15px; line-height: 28px; }
.archive-lesson .lesson__course__wrap:nth-of-type(2n+1)::before { top: -15px; right: 120px; width: 47px; height: 39px; background-image: url("../img/afd028685af.png"); background-size: 47px 39px; }
.archive-lesson .lesson__course__wrap:nth-of-type(2n+2)::before { top: -19px; right: 58px; width: 24px; height: 32px; background-image: url("../img/a9a8c74efc8.png"); background-size: 24px 32px; }
.archive-lesson .lesoon__course__list { margin-top: 54px; }
.archive-lesson .lesson__course__wrap:nth-of-type(n+2) { margin: 85px 0px 0px; }
.archive-lesson .c-bnrList__wrap { margin: 79px auto 0px; }
}
.p-single-lesson-mv { position: relative; z-index: 1; height: 296px; padding: 137px 0px 0px; }
.p-single-lesson-mv::after { content: ""; position: absolute; z-index: -1; bottom: -45px; left: 50%; transform: translate(-50%, 0px); width: 357px; height: 257px; background: url("../img/af680073968.png") center center / 375px 257px no-repeat; }
.p-single-lesson-mv__title { text-align: center; font-family: "Sawarabi Gothic", sans-serif; }
.p-single-lesson-mv__title span { position: relative; padding: 0px 0px 32px; font-size: 26px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-single-lesson-mv__title span::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 7px; background: url("../img/a566fd876e5.png") left center / 15px 7px repeat-x; }
.p-single-lesson-mv.parent::before { content: ""; position: absolute; bottom: -8px; left: 45px; background-repeat: no-repeat; background-position: center center; background-size: 199px 66px; }
.p-single-lesson-mv.parent::after { bottom: 54px; width: 375px; height: 318px; background-image: url("../img/a04c9144951.png"); background-size: 375px 318px; }
.p-single-lesson-mv.parent.hari::before { width: 198px; height: 66px; background-image: url("../img/a8a0851ec58.png"); background-size: 198px 66px; }
.p-single-lesson-mv.parent.fukuro::before { width: 124px; height: 97px; background-image: url("../img/a5454c6b895.png"); background-size: 124px 97px; }
.p-single-lesson-mv.parent.kuma::before { width: 119px; height: 135px; background-image: url("../img/aaea4158edc.png"); background-size: 119px 135px; }
.p-single-lesson-mv.parent.usagi::before { width: 140px; height: 103px; background-image: url("../img/ade18d90869.png"); background-size: 140px 103px; }
@media screen and (min-width: 768px), print{
.p-single-lesson-mv { height: 376px; padding: 153px 0px 0px; }
.p-single-lesson-mv::after { bottom: 42px; width: 1266px; height: 257px; background-image: url("../img/a34df8962f8.png"); background-size: 1266px 257px; }
.p-single-lesson-mv__title span { position: relative; padding: 0px 0px 32px; font-size: 30px; }
.p-single-lesson-mv.parent::before { bottom: -8px; left: 50%; width: 208px; height: 70px; background-size: 208px; transform: translate(-284px, 0px); }
.p-single-lesson-mv.parent::after { bottom: -64px; width: 1176px; height: 375px; background-image: url("../img/adb453f21bb.webp"); background-size: 1176px 375px; }
.p-single-lesson-mv.parent.hari::before { width: 242px; height: 81px; background-size: 242px 81px; }
.p-single-lesson-mv.parent.fukuro::before { width: 152px; height: 119px; background-size: 152px 119px; }
.p-single-lesson-mv.parent.kuma::before { width: 145px; height: 165px; background-size: 145px 165px; }
.p-single-lesson-mv.parent.usagi::before { width: 171px; height: 126px; background-size: 171px 126px; }
}
.p-single-lesson-content { padding: 110px 30px 60px; background: rgb(248, 248, 248); }
@media screen and (min-width: 768px), print{
.p-single-lesson-content { padding: 134px 80px 130px; }
}
.p-lesson-teacher__title { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.p-lesson-teacher__title span { font-family: "Sawarabi Gothic", sans-serif; font-size: 26px; font-weight: 500; letter-spacing: 0.1em; line-height: 1; }
.p-lesson-teacher__title small { margin: 0px 0px 0px 25px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 0.03em; line-height: 1; }
.p-lesson-teacher__list-item__name { font-family: "Sawarabi Gothic", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-lesson-teacher__list-item__name small { display: block; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.12em; line-height: 1; }
.p-lesson-teacher { position: relative; padding: 0px 0px 60px; background: rgb(248, 248, 248); }
.p-lesson-teacher::before { content: ""; position: absolute; z-index: 2; top: -29px; left: 50%; transform: translate(-50%, 0px); width: 175px; height: 66px; background: url("../img/ad3a0be1283.png") center center / 175px 66px no-repeat; pointer-events: none; }
.p-lesson-teacher__inner { position: relative; padding: 70px 30px 60px; background: rgb(255, 255, 255); }
.p-lesson-teacher__inner::before, .p-lesson-teacher__inner::after { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.p-lesson-teacher__inner::before { top: 0px; }
.p-lesson-teacher__inner::after { bottom: 0px; }
.p-lesson-teacher__title { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(59, 64, 67); }
.p-lesson-teacher__title span { font-family: "Sawarabi Gothic", sans-serif; font-size: 26px; font-weight: 500; letter-spacing: 0.1em; line-height: 1; }
.p-lesson-teacher__title small { margin: 0px 0px 0px 25px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 0.12em; line-height: 1; }
.p-lesson-teacher__list { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin: 50px 0px 0px; }
.p-lesson-teacher__list-item { -webkit-box-flex: 0; flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); }
.p-lesson-teacher__list-item__name { margin: 13px 0px 0px; font-family: "Sawarabi Gothic", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.14em; line-height: 34px; }
.p-lesson-teacher__list-item__name small { display: block; margin: 0px; color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.12em; line-height: 1; }
@media (max-width: 767px){
.p-lesson-teacher__list-item:nth-of-type(2n+2) { margin: 0px 0px 0px 20px; }
.p-lesson-teacher__list-item:nth-of-type(n+3) { margin-top: 40px; }
}
@media screen and (min-width: 768px), print{
.p-lesson-teacher { padding: 0px 0px 150px; }
.p-lesson-teacher::before { top: -54px; width: 1538px; height: 685px; background-image: url("../img/a191783478b.webp"); background-size: 1538px 685px; }
.p-lesson-teacher__inner { padding: 91px 0px; }
.p-lesson-teacher__list { width: 840px; margin: 80px auto 0px; }
.p-lesson-teacher__list-item { -webkit-box-flex: 0; flex: 0 0 165px; width: 165px; transition: opacity 0.6s; }
.p-lesson-teacher__list-item:hover { opacity: 0.6; }
.p-lesson-teacher__list-item + .p-lesson-teacher__list-item { margin-left: 60px; }
.p-lesson-teacher__list-item:nth-of-type(4n+1) { margin-left: 0px; }
.p-lesson-teacher__list-item:nth-of-type(n+5) { margin-top: 40px; }
.p-lesson-teacher__list-item__name { margin: 13px 0px 0px; font-family: "Sawarabi Gothic", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.14em; line-height: 34px; }
.p-lesson-teacher__list-item__name small { display: block; margin: 0px; color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.12em; line-height: 1; }
}
.single-lesson .c-breadcrumbs { margin-top: 121px; }
.single-lesson .c-bnrList__wrap { margin-top: 30px; }
@media screen and (min-width: 768px), print{
.single-lesson .c-breadcrumbs { margin-top: 91px; }
.single-lesson .c-bnrList__wrap { margin-top: 80px; }
}
.p-pager__list-item.current { position: relative; }
.p-pager__list-item.current::after { content: ""; position: absolute; bottom: -11px; left: -2px; width: 15px; height: 1px; background: rgb(0, 0, 0); }
@media screen and (min-width: 768px), print{
.p-pager__list-item.current::after { bottom: -11px; }
}
.p-side-category__inner { padding: 0px 30px; }
.p-side-category__title { font-family: "Sawarabi Gothic", sans-serif; font-size: 17px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-side-category__list { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin: 30px 0px 0px; }
.p-side-category__list-item { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-flex: 0; flex: 0 0 calc(50% - 8px); width: calc(50% - 8px); color: rgb(59, 64, 67); font-size: 14px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; transition: padding 0.6s; }
.p-side-category__list-item:hover { padding: 0px 0px 0px 10px; }
.p-side-category__list-item::before { content: ""; display: flex; width: 8px; height: 16px; margin: 0px 10px 0px 0px; background: url("../img/a93373165bf.png") center center / 8px 16px no-repeat; }
.p-side-category__list-item:nth-of-type(2n+2) { margin: 0px 0px 0px 16px; }
.p-side-category__list-item:nth-of-type(n+3) { margin: 24px 0px 0px; }
@media screen and (min-width: 768px), print{
.p-side-category__inner { padding: 0px; }
.p-side-category__list { margin: 40px 0px 0px; }
.p-side-category__list-item { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; }
.p-side-category__list-item:nth-of-type(2n+2) { margin-left: 0px; }
.p-side-category__list-item:nth-of-type(n+2) { margin: 19px 0px 0px; }
}
.p-side-entry { padding: 0px 30px; margin: 50px 0px 0px; }
.p-side-entry__inner { position: relative; padding: 40px 30px 50px; background-image: url("../img/a67067e40da.png"), url("../img/a99c3dcbdf4.png"); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; background-size: 100% 22.6667vw, 100% 25.3333vw; }
.p-side-entry__inner::after { content: ""; position: absolute; top: 22.6667vw; bottom: 25.3333vw; left: 0px; width: 100%; background: rgb(248, 248, 248); }
.p-side-entry__title { text-align: center; font-family: "Sawarabi Gothic", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-side-entry__title span { display: inline-block; padding: 0px 0px 10px; border-bottom: 1px solid rgb(59, 64, 67); }
.p-side-entry__list { position: relative; z-index: 1; margin: 36px 0px 0px; }
.p-side-entry__list-item { transition: opacity 0.6s; }
.p-side-entry__list-item:hover { opacity: 0.6; }
.p-side-entry__list-item + .p-side-entry__list-item { margin: 28px 0px 0px; }
.p-side-entry__list-item__time { position: relative; padding: 0px 0px 0px 22px; color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0.08em; line-height: 1; }
.p-side-entry__list-item__time::before { content: ""; position: absolute; top: -6px; left: 0px; width: 16px; height: 19px; background: url("../img/a2b6ce26a6d.png") center center / 16px 19px no-repeat; }
.p-side-entry__list-item__text { margin: 7px 0px 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; line-height: 24px; }
@media screen and (min-width: 768px), print{
.p-side-entry { padding: 0px; margin: 54px 0px 0px; }
.p-side-entry__inner { padding: 42px 30px 50px; background-size: 100% 70px, 100% 74px; }
.p-side-entry__inner::after { top: 70px; bottom: 74px; }
.p-side-entry__title { text-align: center; font-family: "Sawarabi Gothic", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-side-entry__title span { display: inline-block; padding: 0px 0px 10px; border-bottom: 1px solid rgb(59, 64, 67); }
.p-side-entry__list { position: relative; z-index: 1; margin: 36px 0px 0px; }
.p-side-entry__list-item + .p-side-entry__list-item { margin: 28px 0px 0px; }
.p-side-entry__list-item__text { margin-top: 8px; }
}
.p-side-archive { margin: 50px 0px 0px; }
.p-side-archive__inner { padding: 0px 30px; }
.p-side-archive__title { font-family: "Sawarabi Gothic", sans-serif; font-size: 17px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-side-archive__box { position: relative; padding: 22px 11px; margin: 26px 0px 0px; }
.p-side-archive__box::before, .p-side-archive__box::after { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.p-side-archive__box::before { top: 0px; }
.p-side-archive__box::after { bottom: 0px; }
.p-side-archive__text { position: relative; font-size: 16px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; cursor: pointer; }
.p-side-archive__text::after { content: ""; position: absolute; top: 50%; right: 0px; width: 17px; height: 12px; background: url("../img/a3ea054c304.png") center center / 17px 12px no-repeat; transition: transform 0.6s, -webkit-transform 0.6s; }
.p-side-archive__text.active::after { transform: rotate(180deg); }
.p-side-archive__list { display: none; padding: 42px 0px 0px; }
.p-side-archive__list li { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; transition: opacity 0.6s; }
.p-side-archive__list li:hover { opacity: 0.6; }
.p-side-archive__list li::before { content: ""; display: flex; width: 8px; height: 16px; margin: 0px 10px 0px 0px; background: url("../img/a93373165bf.png") center center / 8px 16px no-repeat; }
.p-side-archive__list li + li { margin: 20px 0px 0px; }
@media screen and (min-width: 768px), print{
.p-side-archive { margin: 60px 0px 0px; }
.p-side-archive__inner { padding: 0px; }
.p-side-archive__box { padding: 23px 11px; margin: 25px 0px 0px; }
.p-side-archive__list { display: none; padding: 42px 0px 0px; }
.p-side-archive__list li + li { margin: 20px 0px 0px; }
}
.p-side-banner { padding: 0px 39px; margin: 50px 0px 0px; transition: opacity 0.6s; }
.p-side-banner:hover { opacity: 0.6; }
@media screen and (min-width: 768px), print{
.p-side-banner { padding: 0px; margin-top: 54px; }
.p-side-banner img { width: calc(100% + 20px); }
}
.p-single-news-mv { margin: 50px 0px 0px; }
.p-single-news-mv__inner { position: relative; padding: 0px 20px; }
.p-single-news-mv__inner::after { content: ""; position: absolute; top: -50px; right: 90px; width: 68px; height: 50px; background: url("../img/ae8e87f24e2.png") center center / 68px 50px no-repeat; }
@media screen and (min-width: 768px), print{
.p-single-news-mv { margin-top: 114px; }
.p-single-news-mv__inner { padding: 0px; }
.p-single-news-mv__inner::after { top: -77px; right: -468px; width: 1411px; height: 489px; background-image: url("../img/a96aabb11cc.webp"); background-size: 1411px 489px; }
}
.p-single-news-info { margin: 63px 0px 0px; }
.p-single-news-info__inner { padding: 0px 30px; }
.p-single-news-info__title { font-family: "Sawarabi Gothic", sans-serif; font-size: 26px; font-weight: 500; letter-spacing: 0.1em; line-height: 42px; }
.p-single-news-info__cats { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin: 9px 0px 0px; }
.p-single-news-info__cats time { font-family: "Zen Kaku Gothic New", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.08em; line-height: 1; }
.p-single-news-info__box { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin: -2px 0px 0px 15px; }
@media screen and (min-width: 768px), print{
.p-single-news-info { margin-top: 68px; }
.p-single-news-info__title { font-size: 28px; line-height: 52px; }
.p-single-news-info__cats { margin-top: 20px; }
}
.p-single-news-sns { position: relative; padding: 0px 30px; margin: 22px 0px 0px; }
.p-single-news-sns::after { content: ""; position: absolute; z-index: 2; top: -15px; right: 21px; width: 72px; height: 27px; background: url("../img/aedc6f96737.png") center center / 72px 27px no-repeat; }
.p-single-news-sns__inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 20px; }
.p-single-news-sns__inner::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }
.p-single-news-sns__inner::before { background-image: none, none, none, none; background-position: left top, left bottom, left top, right top; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 4px 2px, 4px 2px, 1px, 1px; }
.p-single-news-sns .facebook { -webkit-box-flex: 0; flex: 0 0 59px; width: 59px; }
.p-single-news-sns .twitter { -webkit-box-flex: 0; flex: 0 0 77px; width: 77px; margin: 0px 0px 0px 35px; }
.p-single-news-sns .line { display: block; -webkit-box-flex: 0; flex: 0 0 101px; width: 101px; }
@media (max-width: 767px){
.p-single-news-sns .line { margin: 20px auto 0px; }
.p-single-news-sns a:nth-of-type(3) { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; }
}
@media screen and (min-width: 768px), print{
.p-single-news-sns { padding: 0px; margin-top: 38px; }
.p-single-news-sns__inner { width: 716px; height: 50px; padding: 0px; margin: 0px auto; }
.p-single-news-sns::after { width: 102px; height: 38px; background-size: 102px 38px; }
.p-single-news-sns .line { margin: 0px 0px 0px 33px; transition: opacity 0.6s; }
.p-single-news-sns .line:hover { opacity: 0.6; }
.p-single-news-sns .twitter, .p-single-news-sns .facebook { transition: opacity 0.6s; }
.p-single-news-sns .twitter:hover, .p-single-news-sns .facebook:hover { opacity: 0.6; }
}
.p-single-news-content { padding: 82px 30px 60px; }
@media screen and (min-width: 768px), print{
.p-single-news-content { padding: 82px 80px 130px; }
}
.p-single-pager__inner { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 30px; font-family: "Sawarabi Gothic", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.p-single-pager__index { -webkit-box-ordinal-group: 2; order: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; height: 54px; margin: 0px 0px 30px; border: 1px solid rgb(105, 105, 105); }
.p-single-pager__prev { -webkit-box-ordinal-group: 3; order: 2; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
.p-single-pager__prev img { width: 41px; margin: 0px 20px 0px 0px; }
.p-single-pager__next { -webkit-box-ordinal-group: 4; order: 3; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; }
.p-single-pager__next img { width: 41px; margin: 0px 0px 0px 20px; }
@media screen and (min-width: 768px), print{
.p-single-pager__inner { padding: 0px; }
.p-single-pager__index { -webkit-box-ordinal-group: 3; order: 2; -webkit-box-flex: 0; flex: 0 0 300px; width: 300px; margin: 0px 50px; transition: opacity 0.6s; }
.p-single-pager__index:hover { opacity: 0.6; }
.p-single-pager__prev { -webkit-box-ordinal-group: 2; order: 1; transition: padding 0.6s; }
.p-single-pager__prev img { transition: margin 0.6s; }
.p-single-pager__prev:hover { padding: 0px 10px 0px 0px; }
.p-single-pager__prev:hover img { margin: 0px 20px 0px -10px; }
.p-single-pager__next { -webkit-box-ordinal-group: 4; order: 3; transition: padding 0.6s; }
.p-single-pager__next img { transition: margin 0.6s; }
.p-single-pager__next:hover { padding: 0px 0px 0px 10px; }
.p-single-pager__next:hover img { margin: 0px -10px 0px 20px; }
}
@media screen and (min-width: 768px), print{
.single-news .l-2column__side { padding-top: 357px; }
}
.p-faq__item-title.active span::before { transform: translate(-50%, -50%) rotate(90deg); }
#post .wp-block-image { margin-top: 60px; }
#post > :first-child { margin-top: 0px; }
#post .wp-block-column > p { margin-top: 40px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; }
@media screen and (min-width: 768px), print{
#post .wp-block-column > p { width: 840px; margin: 50px auto 0px; line-height: 30px; }
}
#post .c-colums * { max-width: 100%; }
#post > p { margin-top: 40px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; }
@media screen and (min-width: 768px), print{
#post > p { width: 840px; margin: 50px auto 0px; line-height: 30px; }
}
#post p a { color: rgb(0, 121, 155); text-decoration: underline; }
#post .wp-block-image { max-width: 840px; margin: 60px auto; }
.c-midashi-a { margin: 100px 0px 0px; background: rgb(255, 255, 255); }
.c-midashi-a span { position: relative; font-family: "Sawarabi Gothic", sans-serif; font-size: 24px; font-weight: 500; letter-spacing: 0.1em; line-height: 40px; }
.c-midashi-a span::after { content: ""; position: absolute; top: -51px; left: -24px; width: 62px; height: 43px; background: url("../img/addfdc115f4.png") center center / 62px 43px no-repeat; }
@media screen and (min-width: 768px), print{
.c-midashi-a { width: 840px; margin: 134px auto 0px; }
.c-midashi-a span { font-size: 28px; line-height: 54px; }
}
.c-midashi-b { margin: 100px 0px 0px; }
.c-midashi-b span { position: relative; display: inline-block; padding: 14px 0px; font-family: "Sawarabi Gothic", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.1em; line-height: 38px; }
.c-midashi-b span::before, .c-midashi-b span::after { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.c-midashi-b span::before { top: 0px; }
.c-midashi-b span::after { bottom: 0px; }
@media screen and (min-width: 768px), print{
.c-midashi-b { width: 840px; margin: 134px auto 0px; }
.c-midashi-b span { font-size: 24px; line-height: 54px; }
}
.c-midashi-c { margin: 100px 0px 0px; }
.c-midashi-c span { position: relative; background: rgb(248, 248, 248); font-family: "Sawarabi Gothic", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.1em; line-height: 38px; }
@media screen and (min-width: 768px), print{
.c-midashi-c { width: 840px; margin: 134px auto 0px; }
}
.c-midashi-d { position: relative; margin: 100px 0px 0px; }
.c-midashi-d::after { content: ""; position: absolute; top: -31px; left: -24px; width: 62px; height: 43px; background: url("../img/addfdc115f4.png") center center / 62px 43px no-repeat; }
.c-midashi-d span { position: relative; font-family: "Sawarabi Gothic", sans-serif; font-size: 24px; font-weight: 500; letter-spacing: 0.1em; line-height: 48px; }
@media screen and (min-width: 768px), print{
.c-midashi-d { width: 840px; padding: 0px 92px; margin: 134px auto 0px; text-align: center; }
.c-midashi-d::before { content: ""; position: absolute; top: 13px; right: 0px; transform: rotate(180deg) scale(1, -1); width: 92px; height: 64px; background: url("../img/addfdc115f4.png") center center / 92px 64px no-repeat; }
.c-midashi-d::after { top: 13px; left: 0px; width: 92px; height: 64px; background-size: 92px 64px; }
.c-midashi-d span { font-size: 26px; line-height: 50px; }
}
.c-marugazou-a { display: block; margin-top: 56px; }
.c-marugazou-a__image { position: relative; z-index: 1; }
.c-marugazou-a__image-illust01 { position: absolute; z-index: -1; top: -33px; left: -15px; width: 72px; }
.c-marugazou-a__image-illust02 { position: absolute; z-index: -1; bottom: -6px; left: -100px; width: 118px; }
.c-marugazou-a__image-illust03 { position: absolute; z-index: -1; top: -22px; right: -63px; width: 126px; }
@media screen and (min-width: 768px), print{
.c-marugazou-a { width: 840px; margin: 80px auto 0px; }
.c-marugazou-a__image-illust01 { top: 91px; left: -120px; width: 87px; }
.c-marugazou-a__image-illust02 { width: 177px; bottom: 14px; left: -120px; }
.c-marugazou-a__image-illust03 { top: -34px; right: -225px; width: 296px; }
}
.c-dlist { margin-top: 58px; }
.c-dlist dt { width: 100%; padding: 10px 15px 8px; background: rgb(255, 255, 255); color: rgb(59, 64, 67); font-family: "Sawarabi Gothic", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.1em; line-height: 28px; }
.c-dlist dd { width: 100%; margin-top: 14px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; }
@media screen and (min-width: 768px), print{
.c-dlist { display: flex; -webkit-box-pack: start; justify-content: flex-start; width: 840px; margin: 58px auto 0px; }
.c-dlist dt { -webkit-box-flex: 0; flex: 0 0 250px; line-height: 30px; }
.c-dlist dd { padding: 10px 0px 8px; margin: 0px 0px 0px 41px; line-height: 30px; }
}
.c-dlist + .c-dlist { margin-top: 24px; }
@media screen and (min-width: 768px), print{
.c-dlist + .c-dlist { margin-top: 20px; }
}
.c-colums { margin: 60px 0px 0px; }
.c-colums .wp-block-column { margin: 0px; }
.c-colums .wp-block-column:nth-of-type(n+2) { margin-top: 40px; }
.c-colums .wp-block-column:nth-of-type(n+2) > :first-child { margin-top: 0px; }
@media screen and (min-width: 768px), print{
.c-colums { width: 840px; margin: 60px auto 0px; }
.c-colums .wp-block-column > :first-child { margin-top: 0px; }
.c-colums .wp-block-column:nth-of-type(n+2) { margin-top: 0px; margin-left: 60px; }
}
.c-block { position: relative; display: block; max-width: 840px; padding: 30px 30px 58px; }
.c-block::before, .c-block::after { content: ""; position: absolute; }
.c-block__box { margin-top: 30px; }
.c-block__title { position: relative; padding-bottom: 24px; font-family: "Sawarabi Gothic", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.1em; line-height: 38px; }
.c-block__title::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 35px; height: 1px; background: rgb(0, 0, 0); }
.c-block__text { margin-top: 24px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; }
.c-block.kitsune { margin-top: 56px; border: 1px dotted rgb(0, 0, 0); }
.c-block.kitsune::before { top: -17px; left: -7px; width: 85px; height: 32px; background: url("../img/a1e910dbd3d.png") center center / 85px 32px no-repeat; }
.c-block.kitsune::after { bottom: -25px; right: -30px; width: 91px; height: 93px; background: url("../img/a7bab63ae41.png") center center / 91px 93px no-repeat; }
.c-block.link { position: relative; }
.c-block.link .c-block__arrow { position: absolute; top: 50%; right: 0px; transform: translate(50%, -50%); width: 63px; }
.c-block.link .c-block__arrow.white { display: none; }
.c-block.link .c-block__arrow.grey { display: block; }
.c-block.ico-fukuro::after { background-image: url("../img/a5454c6b895.png"); background-size: 91px; }
.c-block.ico-hari::after { background-image: url("../img/a8a0851ec58.png"); background-size: 91px; }
.c-block.ico-kitsune::after { background-image: url("../img/a2d2a78e570.webp"); background-size: 91px; }
.c-block.ico-kuma::after { height: 104px; background-image: url("../img/aaea4158edc.png"); background-size: 91px; }
.c-block.ico-risu::after { background-image: url("../img/a2862977cc9.png"); background-size: 91px; }
.c-block.ico-tori::after { height: 120px; background-image: url("../img/af9601f7596.png"); background-size: 91px; }
.c-block.ico-usagi::after { background-image: url("../img/ade18d90869.png"); background-size: 91px; }
@media screen and (min-width: 768px), print{
.c-block { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; width: 840px; padding: 60px; margin: 0px auto; }
.c-block__image { -webkit-box-flex: 0; flex: 0 0 190px; width: 190px; }
.c-block__box { margin: 0px 0px 0px 50px; }
.c-block__text { line-height: 30px; }
}
.c-block + .c-block { margin-top: 60px; }
.c-youtube { position: relative; margin-top: 60px; cursor: pointer; }
.c-youtube::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; background: url("../img/a1bcfe291aa.png") center center / 110px 110px no-repeat; }
@media screen and (min-width: 768px), print{
.c-youtube { width: 840px; margin: 60px auto 0px; }
}
.c-faq { margin: 60px 0px 0px; }
.c-faq__question span { position: relative; display: inline-block; padding: 0px 0px 24px; font-family: "Sawarabi Gothic", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.1em; line-height: 38px; }
.c-faq__question span::before, .c-faq__question span::after { content: ""; position: absolute; bottom: 0px; background-position: left center; }
.c-faq__question span::before { left: 0px; width: 66px; height: 17px; background-image: url("../img/ab985b335f2.png"); background-repeat: no-repeat; background-size: 66px 17px; }
.c-faq__question span::after { bottom: 0px; left: 70px; width: calc(100% - 66px); height: 17px; background-image: url("../img/a4c04c84b68.png"); background-repeat: repeat-x; background-size: 275px 17px; }
.c-faq__area { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin: 20px 0px 0px; }
.c-faq__image { -webkit-box-flex: 0; flex: 0 0 70px; width: 70px; }
.c-faq__answer { margin-left: 20px; font-family: "Sawarabi Gothic", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 30px; }
@media screen and (min-width: 768px), print{
.c-faq { width: 840px; margin: 70px auto 0px; }
.c-faq__answer { margin-left: 35px; }
}
.c-taiken { position: relative; padding: 57px 0px 55px; margin: 108px 0px 0px; }
.c-taiken::before, .c-taiken::after { content: ""; position: absolute; left: 0px; width: 100%; height: 5px; background: url("../img/a50a836fc1d.png") left center / 315px 5px repeat-x; }
.c-taiken::before { top: 0px; }
.c-taiken::after { bottom: 0px; }
.c-taiken__title { text-align: center; }
.c-taiken__title span { position: relative; display: inline-block; font-family: "Sawarabi Gothic", sans-serif; font-size: 24px; font-weight: 500; letter-spacing: 0.1em; line-height: 40px; }
.c-taiken__title span::after { content: ""; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0px); width: 375px; height: 127px; background: url("../img/a52d97b5183.png") center center / 375px 127px no-repeat; }
.c-taiken__text { margin: 27px 0px 0px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; }
.c-taiken__button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 60px; margin: 16px 0px 0px; background: rgb(0, 121, 155); }
.c-taiken__button span { position: relative; padding: 0px 22px 0px 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; letter-spacing: 0.05em; line-height: 1; }
.c-taiken__button span::before { content: ""; position: absolute; top: 0px; right: 0px; width: 7px; height: 14px; background: url("../img/a1e5ed4e71c.png") center center / 7px 14px no-repeat; }
@media screen and (min-width: 768px), print{
.c-taiken { width: 716px; padding: 80px 0px; margin: 100px auto 0px; }
.c-taiken__title span { font-size: 26px; font-weight: 500; letter-spacing: 0.1em; line-height: 44px; }
.c-taiken__title span::after { width: 716px; height: 101px; background-image: url("../img/a8b870d8721.png"); background-size: 716px 101px; }
.c-taiken__text { width: 570px; margin: 45px auto 0px; line-height: 30px; }
.c-taiken__button { width: 380px; margin: 32px auto 0px; }
.c-taiken__button span { font-size: 15px; }
}
@media screen and (min-width: 768px), print{
.single-blog .c-midashi-a, .single-blog .c-midashi-b, .single-blog .c-midashi-c, .single-blog .c-midashi-d, .single-blog .c-marugazou-a, .single-blog .c-marugazou-b, .single-blog .c-marugazou-c, .single-blog .c-dlist, .single-blog .c-colums, .single-blog .c-shirohaikei-a, .single-blog .c-block, .single-blog .c-balloon, .single-blog .c-youtube, .single-blog .c-faq, .single-blog .c-taiken, .single-blog .c-otoiawase, .single-blog element.style, .single-blog #c-postModule > p, .single-blog #c-postModule .wp-block-column > p, .single-blog #post > p, .single-blog #post .wp-block-column > p, .single-voice .c-midashi-a, .single-voice .c-midashi-b, .single-voice .c-midashi-c, .single-voice .c-midashi-d, .single-voice .c-marugazou-a, .single-voice .c-marugazou-b, .single-voice .c-marugazou-c, .single-voice .c-dlist, .single-voice .c-colums, .single-voice .c-shirohaikei-a, .single-voice .c-block, .single-voice .c-balloon, .single-voice .c-youtube, .single-voice .c-faq, .single-voice .c-taiken, .single-voice .c-otoiawase, .single-voice element.style, .single-voice #c-postModule > p, .single-voice #c-postModule .wp-block-column > p, .single-voice #post > p, .single-voice #post .wp-block-column > p, .single-news .c-midashi-a, .single-news .c-midashi-b, .single-news .c-midashi-c, .single-news .c-midashi-d, .single-news .c-marugazou-a, .single-news .c-marugazou-b, .single-news .c-marugazou-c, .single-news .c-dlist, .single-news .c-colums, .single-news .c-shirohaikei-a, .single-news .c-block, .single-news .c-balloon, .single-news .c-youtube, .single-news .c-faq, .single-news .c-taiken, .single-news .c-otoiawase, .single-news element.style, .single-news #c-postModule > p, .single-news #c-postModule .wp-block-column > p, .single-news #post > p, .single-news #post .wp-block-column > p { width: 100%; }
}
.c-link-button { display: flex; -webkit-box-pack: center; justify-content: center; }
.c-link-button a { position: relative; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: 600px; min-width: 200px; padding: 22px 40px; margin: 30px auto 0px; text-align: center; }
.c-link-button a::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(0px, -50%) rotate(45deg); width: 8px; height: 8px; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); transition: transform 0.6s, -webkit-transform 0.6s; }
.c-link-button a:hover::after { transform: translate(10px, -50%) rotate(45deg); }
.c-link-button a span { font-size: 14px; font-weight: 700; letter-spacing: 0.05em; line-height: 19px; }
.c-link-button--b a { border: 2px solid rgb(0, 121, 155); }
.c-link-button--b a::after { border-color: rgb(0, 121, 155); }
@media screen and (min-width: 768px), print{
.c-link-button span { font-size: 15px; line-height: 20px; }
}
.u-fadein { opacity: 0; transition: opacity 0.6s 0.4s; }
.u-fadein[data-scroll="in"] { opacity: 1; }
.c-mv__wrap.about { height: 435rem; }
@media screen and (min-width: 768px){
.c-mv__wrap.about { height: 497px; }
}
@media screen and (min-width: 768px){
.c-mv__wrap.about::before { content: ""; background-image: url("../img/a27b8d40d3a.png"); display: inline-block; width: 167px; height: 165px; background-size: contain; background-repeat: no-repeat; left: -108px; position: absolute; top: 58%; transform: translateY(-50%); }
}
@media screen and (min-width: 768px){
.c-mv__wrap.about::after { content: ""; background-image: url("../img/aaac70234c0.png"); display: inline-block; width: 145px; height: 146px; background-size: contain; background-repeat: no-repeat; right: -96px; position: absolute; top: 52%; transform: translateY(-50%); }
}
.c-mv__wrap.about .c-mv__bg { content: ""; background-image: url("../img/a4ed990ec61.webp"); }
@media screen and (min-width: 768px){
.c-mv__wrap.about .c-mv__bg { background-image: url("../img/aba506f3dcf.webp"); }
}
.c-mv__wrap.about .mv__animal01 { width: 87rem; left: 88rem; bottom: 0px; z-index: -1; }
@media screen and (min-width: 768px){
.c-mv__wrap.about .mv__animal01 { width: 87px; position: absolute; transform: translateX(-50%); bottom: 36px; left: 38%; z-index: 10; }
}
.c-mv__wrap.about .mv__animal02 { width: 116rem; }
@media screen and (min-width: 768px){
.c-mv__wrap.about .mv__animal02 { width: 127px; right: 610px; bottom: -98px; }
}
@media screen and (min-width: 768px){
.c-mv__wrap.about .mv__animal03 { display: none; }
}
.c-mv__wrap.about .c-mv__ttl__text { border-bottom: 1px solid rgb(59, 64, 67); display: inline-block; padding-bottom: 10rem; }
@media screen and (min-width: 768px){
.c-mv__wrap.about .c-mv__ttl__text { padding-bottom: 10px; }
}
.aboutMenu__wrap { margin-top: 20rem; }
.aboutMenu__list { width: 84%; margin: 0px auto; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }
@media screen and (min-width: 768px){
.aboutMenu__list { width: 1100px; }
}
.aboutMenu__list__content { border: 1px dashed rgba(59, 64, 67, 0.3); font-size: 14rem; font-weight: bold; letter-spacing: 0.05em; line-height: 16rem; width: 150rem; height: 50rem; }
@media screen and (min-width: 768px){
.aboutMenu__list__content { width: 260px; height: 60px; font-size: 15px; line-height: 20px; }
}
.aboutMenu__list__content a { color: rgb(59, 64, 67); display: block; }
.aboutMenu__list__content span::after { content: ""; background-image: url("../img/af7f21e7962.png"); display: inline-block; width: 11rem; height: 7rem; background-size: contain; background-repeat: no-repeat; margin-left: 10rem; }
@media screen and (min-width: 768px){
.aboutMenu__list__content span::after { width: 11px; height: 7px; margin-left: 10px; }
}
.aboutMenu__list__content span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 50rem; }
@media screen and (min-width: 768px){
.aboutMenu__list__content span { height: 60px; }
}
@media screen and (min-width: 768px){
.aboutMenu__list__content:first-of-type { margin-left: 140px; }
}
@media screen and (min-width: 768px){
.aboutMenu__list__content:nth-of-type(n+2) { margin-left: 20px; }
}
@media screen and (min-width: 768px){
.aboutMenu__list__content:nth-of-type(4) { margin-left: 0px; }
}
.aboutMenu__list__content:nth-of-type(n+3) { margin-top: 16rem; }
@media screen and (min-width: 768px){
.aboutMenu__list__content:nth-of-type(n+3) { margin-top: 0px; }
}
.aboutMenu__list__content:nth-of-type(2n+1) { margin-right: 15rem; }
@media screen and (min-width: 768px){
.aboutMenu__list__content:nth-of-type(2n+1) { margin-right: 0px; }
}
@media screen and (min-width: 768px){
.aboutMenu__list__content:nth-of-type(3) { margin-right: 140px; }
}
.aboutMenu__list__content:last-of-type { margin-right: 0px; width: 190rem; }
@media screen and (min-width: 768px){
.aboutMenu__list__content:last-of-type { width: 260px; }
}
@media screen and (min-width: 768px){
.aboutMenu__list__content:nth-of-type(n+4) { margin-top: 20px; }
}
.aboutSection { margin-top: 80rem; padding-bottom: 140rem; }
@media screen and (min-width: 768px){
.aboutSection { margin-top: 250px; padding-bottom: 170px; }
}
.aboutSection__inner { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.aboutSection__inner { display: flex; width: 1126px; -webkit-box-pack: justify; justify-content: space-between; }
}
.aboutSection__textsWrap { position: relative; }
@media screen and (min-width: 768px){
.aboutSection__textsWrap { width: 528px; }
}
.aboutSection__textsWrap::before { content: ""; background-image: url("../img/a1b2735cca6.png"); display: inline-block; width: 33rem; height: 27rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -20rem; right: 0px; }
@media screen and (min-width: 768px){
.aboutSection__textsWrap::before { background-image: url("../img/a848466385f.png"); width: 182px; height: 159px; top: -82px; right: -75px; }
}
.aboutSection__ttl { font-family: "Noto Serif JP", serif; font-size: 30rem; letter-spacing: 0.1em; line-height: 50rem; color: rgb(59, 64, 67); position: relative; padding: 52rem 0px 32rem; font-weight: 500; }
@media screen and (min-width: 768px){
.aboutSection__ttl { font-size: 38px; line-height: 56px; padding: 20px 0px 24px; }
}
.aboutSection__ttl::before { content: "ABOUT\a RAIN MUSIC SCHOOL"; white-space: pre; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 11rem; color: rgb(59, 64, 67); letter-spacing: 0.12em; line-height: 16rem; position: absolute; top: 0px; left: 0px; }
@media screen and (min-width: 768px){
.aboutSection__ttl::before { font-size: 14px; line-height: 16px; top: -30px; }
}
.aboutSection__ttl::after { content: ""; background: rgb(59, 64, 67); height: 1px; width: 40rem; display: inline-block; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 768px){
.aboutSection__ttl::after { width: 65px; }
}
.aboutSection__text { font-size: 15rem; letter-spacing: 0.05em; line-height: 28rem; margin-top: 50px; }
@media screen and (min-width: 768px){
.aboutSection__text { font-size: 15px; line-height: 30px; }
}
.aboutSection__img { position: relative; }
@media screen and (max-width: 767px){
.aboutSection__img { margin-top: 50rem; width: 100%; height: 233rem; }
}
@media screen and (min-width: 768px){
.aboutSection__img { height: 390px; width: 528px; }
}
.aboutSection__img img { height: 100%; object-fit: cover; }
.aboutSection__img::before { content: ""; background-image: url("../img/ae36db9f896.png"); display: inline-block; width: 102px; height: 96px; background-size: contain; background-repeat: no-repeat; position: absolute; top: -80px; right: 100px; }
@media screen and (max-width: 767px){
.aboutSection__img::before { display: none; }
}
.schoolInfo { background: rgb(248, 248, 248); padding: 20rem 0px; position: relative; }
@media screen and (min-width: 768px){
.schoolInfo { padding: 80px 0px; }
}
.schoolInfo::before { content: ""; background-image: url("../img/ab8c812bcd9.webp"); display: inline-block; width: 100%; height: 167rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -90rem; left: 0px; }
@media screen and (min-width: 768px){
.schoolInfo::before { background-image: url("../img/acf28fb7f04.webp"); width: 314px; height: 1050px; top: 0px; display: none; }
}
.schoolInfo ::after { content: ""; background-image: url("../img/a03d302b471.webp"); display: inline-block; width: 100%; height: 134rem; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0px; bottom: -78rem; }
@media screen and (min-width: 768px){
.schoolInfo ::after { background-image: url("../img/a7f10759ca1.webp"); width: 287px; height: 1208px; top: -174px; left: auto; right: -60px; display: none; }
}
.schoolInfo__inner { width: 89%; margin: 0px auto; background: rgb(255, 255, 255); padding: 36rem 30rem 82rem; }
@media screen and (min-width: 768px){
.schoolInfo__inner { width: 1206px; padding: 88px 180px 82px; position: relative; }
}
@media screen and (min-width: 768px){
.schoolInfo__inner::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; background-image: url("../img/acf28fb7f04.webp"); width: 314px; height: 1050px; top: 74px; left: -170px; }
}
@media screen and (min-width: 768px){
.schoolInfo__inner::after { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; background-image: url("../img/a7f10759ca1.webp"); width: 287px; height: 1208px; top: -72px; right: -130px; }
}
.schoolInfo__ttl__wrap { line-height: 28rem; border-bottom: 1px dashed rgba(59, 64, 67, 0.3); padding: 21rem 0px; }
@media screen and (min-width: 768px){
.schoolInfo__ttl__wrap { display: flex; line-height: 30px; padding: 22px 0px; }
}
.schoolInfo__ttl { font-size: 17rem; font-family: "Noto Serif JP", serif; letter-spacing: 0.1em; color: rgb(59, 64, 67); }
@media screen and (min-width: 768px){
.schoolInfo__ttl { font-size: 17px; width: 210px; }
}
.schoolInfo__text { font-size: 16rem; letter-spacing: 0.05em; }
@media screen and (max-width: 767px){
.schoolInfo__text { margin-top: 8rem; }
}
@media screen and (min-width: 768px){
.schoolInfo__text { font-size: 16px; }
}
@media screen and (min-width: 768px){
.schoolInfo__text.direction { margin-top: 20px; }
}
.schoolInfo__ttl__wrap.access { padding-bottom: 24rem; }
@media screen and (min-width: 768px){
.schoolInfo__ttl__wrap.access { padding-bottom: 36px; }
}
.schoolInfo__ttl__wrap.access .schoolInfo__text { display: inline-block; }
@media screen and (min-width: 768px){
.schoolInfo__ttl__wrap.access .schoolInfo__text { display: block; }
}
.schoolInfo__ttl__wrap.access .schoolInfo__text a { color: rgb(59, 64, 67); font-weight: bold; font-size: 15rem; letter-spacing: 0.05em; border-bottom: 1px solid rgb(59, 64, 67); display: block; position: relative; padding-right: 22rem; }
.schoolInfo__ttl__wrap.access .schoolInfo__text a::after { content: ""; background-image: url("../img/a09a6622d7a.png"); display: inline-block; width: 8rem; height: 10rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; right: 0px; left: auto; transform: translateY(-50%); }
@media screen and (min-width: 768px){
.schoolInfo__ttl__wrap.access .schoolInfo__text a { font-size: 15px; display: inline-block; padding-right: 15px; }
.schoolInfo__ttl__wrap.access .schoolInfo__text a::after { width: 8px; height: 10px; }
}
@media screen and (min-width: 768px){
.aboutAccess__imageSlider__wrap { width: 1366px; margin-left: auto; margin-right: auto; }
}
.aboutAccess__imageSlider.aboutAccess__imageSlider01 { margin-top: 134rem; }
@media screen and (min-width: 768px){
.aboutAccess__imageSlider.aboutAccess__imageSlider01 { margin-top: 148px; }
}
.lessonInfo { position: relative; margin-top: 140rem; }
@media screen and (min-width: 768px){
.lessonInfo { margin-top: 396px; }
}
.lessonInfo::before { content: ""; background-image: url("../img/a9b4d040470.png"); display: inline-block; width: 89rem; height: 117rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -135rem; right: 48rem; }
@media screen and (min-width: 768px){
.lessonInfo::before { display: none; }
}
.lessonInfo__inner { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.lessonInfo__inner { width: 840px; }
}
.lessonInfo__ttl__wrap { margin-top: -48rem; margin-left: 66rem; }
@media screen and (min-width: 768px){
.lessonInfo__ttl__wrap { margin-left: 97px; }
}
@media screen and (min-width: 768px){
.lessonInfo__text__wrap { display: flex; margin-top: 40px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.lessonInfo__ttl__text { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 11rem; line-height: 16rem; letter-spacing: 0.12em; color: rgb(59, 64, 67); border-bottom: 1px dashed rgba(59, 64, 67, 0.3); display: inline-block; position: relative; padding-right: 13rem; padding-bottom: 12rem; transform: translateY(-57px); }
@media screen and (min-width: 768px){
.lessonInfo__ttl__text { font-size: 14px; line-height: 16px; padding-bottom: 16px; padding-right: 10px; }
}
.lessonInfo__ttl__text::after { content: ""; background-image: url("../img/a27bf0c11d6.png"); display: inline-block; width: 20rem; height: 29rem; background-size: contain; background-repeat: no-repeat; position: absolute; right: 16rem; bottom: -21rem; }
@media screen and (min-width: 768px){
.lessonInfo__ttl__text::after { width: 17px; height: 29px; top: 40px; right: 10px; }
}
.lessonInfo__ttl { color: rgb(59, 64, 67); font-family: "Noto Serif JP", serif; font-size: 30rem; letter-spacing: 0.1em; padding-bottom: 4rem; border-bottom: 1px dashed rgba(59, 64, 67, 0.3); font-weight: 500; display: inline-block; text-align: center; }
@media screen and (max-width: 767px){
.lessonInfo__ttl { line-height: 54rem; }
}
@media screen and (min-width: 768px){
.lessonInfo__ttl { font-size: 34px; padding-bottom: 20px; margin-left: 70px; }
}
.lessonInfo__ttl span { color: rgb(0, 121, 155); }
.lessonInfo__text { font-size: 15rem; line-height: 28rem; letter-spacing: 0.05em; margin-top: 44rem; }
@media screen and (min-width: 768px){
.lessonInfo__text { font-size: 15px; line-height: 30px; margin-top: 40px; }
}
@media screen and (min-width: 768px){
.lessonInfo__text.ml { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.lessonInfo__text.ml span { text-align: center; }
}
.table__arrow { transition: opacity 0.5s; }
@media screen and (max-width: 767px){
.table__arrow { width: 50rem; position: absolute; top: 90rem; z-index: 10; right: 0px; }
}
@media screen and (min-width: 768px){
.table__arrow { display: none; }
}
.scroll__wrap.is-hide .table__arrow { opacity: 0; }
@media screen and (max-width: 767px){
.scroll__wrap { position: relative; overflow-x: auto; }
}
.table { font-size: 16rem; line-height: 28rem; letter-spacing: 0.05em; margin-top: 40rem; border: 1px dashed rgba(59, 64, 67, 0.3); margin-left: 30rem; }
@media screen and (min-width: 768px){
.table { font-size: 16px; line-height: 28px; }
}
.table th { font-weight: 500; }
.table tr:nth-of-type(n+2) { border-top: 1px dashed rgba(59, 64, 67, 0.3); }
.table th, .table td { text-align: center; vertical-align: middle; }
@media screen and (max-width: 767px){
.table th, .table td { white-space: nowrap; }
}
.table.primary { width: 840rem; }
@media screen and (min-width: 768px){
.table.primary { width: 840px; }
}
.table.primary thead { border-bottom: 2px dotted rgb(187, 187, 187); }
.table.primary td { height: 67rem; }
@media screen and (min-width: 768px){
.table.primary th { padding: 12px 16px; }
.table.primary td { height: auto; padding: 12px 16px; }
}
.table.primary .table__text { white-space: nowrap; border-left: 1px dashed rgba(59, 64, 67, 0.3); }
@media screen and (max-width: 767px){
.table.primary .table__text { width: 120rem; }
}
.table__note { font-size: 14rem; line-height: 28rem; letter-spacing: 0.05em; }
@media screen and (max-width: 767px){
.table__note { width: 84%; margin: 10rem auto 0px; }
}
@media screen and (max-width: 767px){
.lessonInfo.schedule .lessonInfo__ttl { line-height: 42rem; }
}
@media screen and (max-width: 767px){
.lessonInfo.schedule .lessonInfo__ttl span { display: block; }
}
@media screen and (min-width: 768px){
.lessonInfo.schedule .lessonInfo__ttl::before { content: ""; background-image: url("../img/a517e436854.png"); display: inline-block; width: 112px; height: 76px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 16px; right: -166px; }
}
.lessonInfo.schedule .lessonInfo__ttl__text { transform: translate(-62rem, -10rem); }
@media screen and (min-width: 768px){
.lessonInfo.schedule .lessonInfo__ttl__text { transform: translateY(-44px); }
}
.lessonInfo.schedule::before { background-image: url("../img/a517e436854.png"); width: 102rem; height: 69rem; top: -12rem; right: 32rem; }
@media screen and (min-width: 768px){
.lessonInfo.schedule::before { width: 112px; height: 76px; }
}
.lessonInfo__text__ttl { font-size: 19rem; line-height: 28rem; letter-spacing: 0.1em; color: rgb(59, 64, 67); font-family: "Noto Serif JP", serif; position: relative; padding-bottom: 24rem; text-align: center; }
@media screen and (max-width: 767px){
.lessonInfo__text__ttl { margin-top: 40rem; }
}
@media screen and (min-width: 768px){
.lessonInfo__text__ttl { font-size: 17px; line-height: 28px; padding-bottom: 10px; }
}
.lessonInfo__text__ttl::after { background: rgb(59, 64, 67); content: ""; display: inline-block; height: 1px; width: 25rem; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
@media screen and (min-width: 768px){
.lessonInfo__text__ttl::after { width: 25px; }
}
.lessonInfo__text-bg { font-size: 14rem; letter-spacing: 0.05em; line-height: 26rem; background: rgb(248, 248, 248); padding: 23rem 25rem; }
@media screen and (max-width: 767px){
.lessonInfo__text-bg { margin-top: 28rem; }
}
@media screen and (min-width: 768px){
.lessonInfo__text-bg { font-size: 15px; line-height: 30px; padding: 20px 40px; width: 610px; margin-left: 48px; }
}
.lessonInfo.fee { position: relative; margin-top: 142rem; }
@media screen and (min-width: 768px){
.lessonInfo.fee { margin-top: 368px; }
}
.lessonInfo.fee::before { background-image: url("../img/a696e95bd66.png"); width: 115rem; height: 117rem; top: 14rem; right: 4rem; }
@media screen and (min-width: 768px){
.lessonInfo.fee::before { width: 130px; height: 128px; }
}
.lessonInfo.fee .lessonInfo__price { position: relative; }
@media screen and (min-width: 768px){
.lessonInfo.fee .lessonInfo__price::before { content: ""; background-image: url("../img/a696e95bd66.png"); display: inline-block; width: 130px; height: 128px; background-size: contain; background-repeat: no-repeat; position: absolute; left: -12px; top: -192px; }
}
@media screen and (min-width: 768px){
.lessonInfo.fee .lessonInfo__inner { width: 520px; }
}
.lessonInfo.fee .lessonInfo__ttl::before { content: ""; background-image: url("../img/aa127f1622c.png"); display: inline-block; width: 131rem; height: 70rem; background-size: contain; background-repeat: no-repeat; position: absolute; right: 36rem; top: -106rem; }
@media screen and (min-width: 768px){
.lessonInfo.fee .lessonInfo__ttl::before { width: 183px; height: 98px; bottom: -178px; top: auto; right: -360px; }
}
.lessonInfo__price__wrap { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.lessonInfo__price__wrap { width: 842px; }
}
.lessonInfo__price { background: rgb(255, 255, 255); display: flex; line-height: 80rem; text-align: center; }
@media screen and (max-width: 767px){
.lessonInfo__price { border: 1px dashed rgba(59, 64, 67, 0.3); }
}
@media screen and (min-width: 768px){
.lessonInfo__price { line-height: 72px; border-top: 1px dashed rgba(59, 64, 67, 0.3); border-bottom: 1px dashed rgba(59, 64, 67, 0.3); }
}
.lessonInfo__price__ttl { color: rgb(0, 121, 155); font-size: 18rem; letter-spacing: 0.05em; width: 38%; position: relative; font-weight: bold; }
@media screen and (min-width: 768px){
.lessonInfo__price__ttl { font-size: 18px; width: 50%; }
}
.lessonInfo__price__ttl::after { content: ""; border-right: 1px dashed rgb(59, 64, 67); height: 40rem; width: 1px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
@media screen and (min-width: 768px){
.lessonInfo__price__ttl::after { height: 40px; }
}
.lessonInfo__price__num { color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 25rem; letter-spacing: 0.05em; width: 62%; }
@media screen and (min-width: 768px){
.lessonInfo__price__num { font-size: 30px; width: 50%; }
}
.lessonInfo__bgWrap { background: rgb(248, 248, 248); padding-top: 40rem; margin-top: 46rem; padding-bottom: 50rem; }
@media screen and (min-width: 768px){
.lessonInfo__bgWrap { margin-top: 54px; padding-top: 90px; padding-bottom: 73px; }
}
.table__bgWrap { width: 89%; background: rgb(255, 255, 255); margin: 68rem auto 0px; padding-bottom: 52rem; }
@media screen and (min-width: 768px){
.table__bgWrap { width: 1206px; margin-top: 116px; padding: 0px 180px 50px; }
}
.lessonInfo__course, .lessonInfo__class { font-family: "Noto Serif JP", serif; font-size: 22rem; letter-spacing: 0.1em; font-weight: 500; color: rgb(59, 64, 67); }
.lessonInfo__course { text-align: center; transform: translateY(-11px); line-height: 30rem; }
@media screen and (min-width: 768px){
.lessonInfo__course { font-size: 24px; transform: translateY(-27px); line-height: 54px; }
}
.table.stripe { margin-top: 40rem; }
@media screen and (min-width: 768px){
.table.stripe { margin: 32px auto 0px; }
}
.table.primary.stripe .table__text.blue { background: rgb(237, 245, 247); }
.table.primary.stripe .table__text.white { background: rgb(255, 255, 255); }
.table.primary.stripe .table__text.gray { background: rgb(248, 248, 248); }
.table.primary.stripe { border-right: none; border-left: none; }
.table.primary.stripe .table__text.nobl { border-left: none; }
.table__note { font-size: 14rem; line-height: 28rem; letter-spacing: 0.05em; position: relative; padding-left: 18rem; margin-top: 10rem; }
@media screen and (min-width: 768px){
.table__note { font-size: 14px; line-height: 28px; padding-left: 16px; margin-top: 10px; }
}
.table__note::before { content: "※"; display: inline-block; position: absolute; top: 0px; left: 0px; }
@media screen and (min-width: 768px){
.lessonInfo__classWrap.standard { margin-top: 40px; }
}
@media screen and (min-width: 768px){
.table__bgWrap.pb { padding-bottom: 50px; }
}
.kids .lessonInfo__course { transform: translateY(-40px); }
@media screen and (min-width: 768px){
.kids .lessonInfo__course { transform: translateY(-26px); }
}
.kids .table.stripe { margin-top: 24rem; }
@media screen and (min-width: 768px){
.kids .table.stripe { margin-top: 16px; }
}
.table__bgWrap .kids { margin: 82rem auto 0px; }
@media screen and (min-width: 768px){
.table__bgWrap .kids { margin-top: 0px; }
}
.single .lessonInfo__course { transform: translateY(-40px); }
@media screen and (min-width: 768px){
.single .lessonInfo__course { transform: translateY(-26px); }
}
@media screen and (min-width: 768px){
.lessonInfo__discount { width: 841px; margin: 0px auto; }
}
@media screen and (min-width: 768px){
.lessonInfo__discount__list { display: flex; }
}
.lessonInfo__discount__list:first-of-type .lessonInfo__discount__list__text__wrap { border-top: 1px dashed rgba(59, 64, 67, 0.3); border-bottom: 1px dashed rgba(59, 64, 67, 0.3); }
.lessonInfo__discount__list:nth-of-type(n+2) { border-bottom: 1px dashed rgba(59, 64, 67, 0.3); }
.lessonInfo__discount__list__ttl { background: rgb(237, 245, 247); font-size: 16rem; letter-spacing: 0.05em; text-align: center; border-top: 1px dashed rgba(59, 64, 67, 0.3); border-bottom: 1px dashed rgba(59, 64, 67, 0.3); }
@media screen and (max-width: 767px){
.lessonInfo__discount__list__ttl { width: 275rem; line-height: 80rem; }
}
@media screen and (min-width: 768px){
.lessonInfo__discount__list__ttl { width: 200px; font-size: 16px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@media screen and (max-width: 767px){
.lessonInfo__discount__list:nth-of-type(n+2) { margin: 10rem auto 0px; }
}
@media screen and (max-width: 767px){
.lessonInfo__discount__inner { width: 82%; margin: 0px auto; padding-top: 36rem; }
}
@media screen and (min-width: 768px){
.lessonInfo__discount__list__text__wrap { width: 642px; padding: 18px 40px; }
}
.lessonInfo__discount__list__text { letter-spacing: 0.05em; }
@media screen and (max-width: 767px){
.lessonInfo__discount__list__text { font-size: 14rem; margin-top: 18rem; line-height: 28rem; }
}
.lessonInfo__discount__list__text span { color: rgb(0, 121, 155); font-weight: bold; }
@media screen and (min-width: 768px){
.lessonInfo__discount__list__text { font-size: 16px; line-height: 26px; margin-top: 0px; }
}
.lessonInfo__discount__inner .table__note { width: auto; }
@media screen and (max-width: 767px){
.discount .lessonInfo__course { transform: translateY(-50px); }
}
@media screen and (min-width: 768px){
.table__note.mts:nth-of-type(n+2) { margin-top: 4px; }
}
.aboutRental { background: rgb(248, 248, 248); }
@media screen and (max-width: 767px){
.aboutRental { margin-top: 28rem; }
}
@media screen and (min-width: 768px){
.aboutRental { margin-top: 118px; }
}
.aboutRental__inner { width: 84%; margin: 0px auto; position: relative; padding-top: 90rem; padding-bottom: 130rem; }
@media screen and (min-width: 768px){
.aboutRental__inner { padding-top: 142px; width: 1206px; padding-bottom: 116px; }
}
.aboutRental__inner::before { content: ""; background-image: url("../img/a63c117046f.png"); display: inline-block; width: 101rem; height: 192rem; background-size: contain; background-repeat: no-repeat; position: absolute; left: -34rem; top: 0px; }
@media screen and (min-width: 768px){
.aboutRental__inner::before { width: 154px; height: 214px; right: 256px; top: -110px; left: auto; }
}
.aboutRental__inner::after { content: ""; background-image: url("../img/abaa406b7a8.png"); display: inline-block; width: 73rem; height: 141rem; background-size: contain; background-repeat: no-repeat; position: absolute; right: -8rem; top: -16rem; }
@media screen and (min-width: 768px){
.aboutRental__inner::after { width: 97px; height: 177px; left: 270px; top: 26px; }
}
.aboutRental__ttl { color: rgb(59, 64, 67); font-size: 30rem; font-family: "Noto Serif JP", serif; letter-spacing: 0.12em; text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-weight: 500; }
@media screen and (min-width: 768px){
.aboutRental__ttl { font-size: 34px; }
}
.aboutRental__ttl::after { content: "RENTAL"; font-size: 13rem; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; }
@media screen and (min-width: 768px){
.aboutRental__ttl::after { font-size: 14px; margin-top: 16px; }
}
.aboutRental__text { font-size: 15rem; letter-spacing: 0.05em; line-height: 28rem; margin-top: 70rem; }
@media screen and (min-width: 768px){
.aboutRental__text { font-size: 15px; line-height: 30px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 90px; }
}
.aboutRental__list { background: rgb(255, 255, 255); position: relative; margin-top: 70rem; padding: 50rem 30rem; }
@media screen and (min-width: 768px){
.aboutRental__list { margin-top: 36px; padding: 60px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
}
.aboutRental__list::before { content: ""; background-image: none; display: inline-block; width: 50rem; height: 50rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 8rem; left: 8rem; }
@media screen and (min-width: 768px){
.aboutRental__list::before { width: 50px; height: 50px; top: 16px; left: 16px; }
}
.aboutRental__list::after { content: ""; background-image: none; display: inline-block; width: 50rem; height: 50rem; background-size: contain; background-repeat: no-repeat; bottom: 8rem; right: 8rem; position: absolute; }
@media screen and (min-width: 768px){
.aboutRental__list::after { width: 50px; height: 50px; bottom: 16px; right: 16px; }
}
.aboutRental__list__ttl { color: rgb(59, 64, 67); font-family: "Noto Serif JP", serif; font-size: 22rem; text-align: center; letter-spacing: 0.1em; line-height: 32rem; position: relative; white-space: nowrap; }
@media screen and (min-width: 768px){
.aboutRental__list__ttl { font-size: 24px; line-height: 36px; text-align: left; }
}
.aboutRental__list__ttl span { display: block; font-size: 18rem; }
@media screen and (min-width: 768px){
.aboutRental__list__ttl span { font-size: 20px; }
}
.aboutRental__list__ttl::after { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; }
.aboutRental__list:first-of-type .aboutRental__list__ttl::after { background-image: url("../img/a0aa98b21ca.png"); width: 65rem; height: 90rem; top: -100rem; right: 5rem; }
@media screen and (min-width: 768px){
.aboutRental__list:first-of-type .aboutRental__list__ttl::after { width: 65px; height: 95px; inset: auto auto -50px -84px; }
}
.aboutRental__list:nth-of-type(2) .aboutRental__list__ttl::after { content: ""; background-image: url("../img/ade39c20094.png"); display: inline-block; width: 75rem; height: 61rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -72rem; right: -40rem; }
@media screen and (min-width: 768px){
.aboutRental__list:nth-of-type(2) .aboutRental__list__ttl::after { width: 83px; height: 67px; inset: auto auto -24px 196px; }
}
.aboutRental__list:nth-of-type(3) .aboutRental__list__ttl::after { content: ""; background-image: url("../img/aa97213e801.png"); display: inline-block; width: 111rem; height: 25rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -50rem; right: -36rem; }
@media screen and (min-width: 768px){
.aboutRental__list:nth-of-type(3) .aboutRental__list__ttl::after { width: 111px; height: 25px; inset: auto auto -50px -84px; }
}
.aboutRental__list__text { letter-spacing: 0.05em; }
@media screen and (max-width: 767px){
.aboutRental__list__text { margin-top: 20rem; font-size: 15rem; line-height: 28rem; }
}
@media screen and (min-width: 768px){
.aboutRental__list__text { font-size: 15px; line-height: 30px; width: 750px; }
}
@media screen and (min-width: 768px){
.aboutRental__freeService { display: flex; -webkit-box-align: center; align-items: center; margin-top: 100px; -webkit-box-pack: center; justify-content: center; }
}
.aboutRental__freeService__ttl { font-family: "Noto Serif JP", serif; font-size: 24rem; letter-spacing: 0.1em; line-height: 44rem; margin-left: 8rem; position: relative; color: rgb(59, 64, 67); }
@media screen and (max-width: 767px){
.aboutRental__freeService__ttl { margin-top: 70rem; }
}
@media screen and (min-width: 768px){
.aboutRental__freeService__ttl { font-size: 24px; line-height: 44px; margin-right: 50px; }
}
.aboutRental__freeService__ttl::after { content: ""; background-image: url("../img/a177689e69b.png"); display: inline-block; width: 110rem; height: 48rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 22rem; right: 0rem; }
@media screen and (min-width: 768px){
.aboutRental__freeService__ttl::after { width: 106px; height: 50px; top: -30px; left: -40px; }
}
.aboutRental__freeService__ttl span { background: rgb(255, 255, 255); display: inline-block; padding-left: 8rem; }
@media screen and (min-width: 768px){
.aboutRental__freeService__ttl span { display: table; padding-left: 8px; }
}
.aboutRental__freeService__ttl .mt { margin-top: 10rem; }
@media screen and (min-width: 768px){
.aboutRental__freeService__ttl .mt { margin-top: 10px; }
}
.aboutRental__freeService__text { font-size: 15rem; letter-spacing: 0.05em; line-height: 28rem; }
@media screen and (max-width: 767px){
.aboutRental__freeService__text { margin-top: 30rem; }
}
@media screen and (min-width: 768px){
.aboutRental__freeService__text { font-size: 15px; line-height: 30px; }
}
.aboutAccess { padding-top: 54rem; }
@media screen and (min-width: 768px){
.aboutAccess { padding-top: 148px; }
}
@media screen and (max-width: 767px){
.aboutAccess__imageSlider__content { margin-right: 4rem; }
}
@media screen and (min-width: 768px){
.aboutAccess__imageSlider__content { margin-right: 6px; }
}
.aboutAccess__imageSlider__content img { width: 100%; height: 114rem; object-fit: cover; }
@media screen and (min-width: 768px){
.aboutAccess__imageSlider__content img { height: 260px; }
}
.aboutAccess__inner { width: 84%; margin: 0px auto; position: relative; }
@media screen and (max-width: 767px){
.aboutAccess__inner { padding-top: 154rem; }
}
@media screen and (min-width: 768px){
.aboutAccess__inner { width: 1128px; }
}
.aboutAccess__inner::before { content: ""; background-image: url("../img/ae9707000d0.png"); display: inline-block; width: 95rem; height: 68rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 70rem; left: 0px; }
@media screen and (min-width: 768px){
.aboutAccess__inner::before { display: none; }
}
.aboutAccess__inner::after { content: ""; background-image: url("../img/a864d341459.png"); display: inline-block; width: 104rem; height: 114rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50rem; right: -30rem; }
@media screen and (min-width: 768px){
.aboutAccess__inner::after { background-image: url("../img/ae642cc2f4e.webp"); width: 352px; height: 272px; right: -176px; top: 16px; }
}
.aboutAccess__ttl { font-size: 30rem; font-family: "Noto Serif JP", serif; letter-spacing: 0.1em; color: rgb(59, 64, 67); text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-weight: 500; }
.aboutAccess__ttl::after { content: "STUDIO ACCESS"; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 13rem; letter-spacing: 0.12em; margin-top: 14rem; }
@media screen and (min-width: 768px){
.aboutAccess__ttl::after { font-size: 14px; margin-top: 16px; }
}
@media screen and (min-width: 768px){
.aboutAccess__ttl { font-size: 34px; margin-top: 240px; position: relative; }
.aboutAccess__ttl::before { content: ""; background-image: url("../img/a1e978898ff.png"); display: inline-block; width: 626px; height: 150px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 4%; left: 45%; transform: translate(-50%, -50%); }
}
@media screen and (max-width: 767px){
.aboutOnline { margin-top: 180rem; padding-bottom: 120rem; }
}
.aboutOnline__inner { width: 84%; margin: 0px auto; position: relative; }
@media screen and (min-width: 768px){
.aboutOnline__inner { width: 1126px; }
}
.aboutOnline__inner::before { content: ""; background-image: url("../img/a0922170365.png"); display: inline-block; width: 157rem; height: 129rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -148rem; left: 50%; transform: translateX(-50%); }
@media screen and (min-width: 768px){
.aboutOnline__inner::before { width: 222px; height: 183px; left: auto; right: -40px; top: -68px; }
}
.aboutOnline__ttl { font-family: "Noto Serif JP", serif; font-size: 30rem; letter-spacing: 0.1em; text-align: center; font-weight: 500; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: rgb(59, 64, 67); }
.aboutOnline__ttl::after { content: "ONLINE LESSON"; font-size: 13rem; letter-spacing: 0.12em; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; margin-top: 14rem; }
@media screen and (min-width: 768px){
.aboutOnline__ttl::after { font-size: 14px; margin-top: 16px; }
}
@media screen and (min-width: 768px){
.aboutOnline__ttl { font-size: 34px; margin-top: 216px; position: relative; }
}
@media screen and (min-width: 768px){
.aboutOnline__list { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 84px; }
}
@media screen and (min-width: 768px){
.aboutOnline__list__content01 { width: 528px; }
}
.aboutOnline__list__content__ttl { font-size: 26rem; font-family: "Noto Serif JP", serif; letter-spacing: 0.1em; line-height: 42rem; font-weight: 500; color: rgb(59, 64, 67); position: relative; padding-bottom: 20rem; }
@media screen and (max-width: 767px){
.aboutOnline__list__content__ttl { margin-top: 64rem; }
}
@media screen and (min-width: 768px){
.aboutOnline__list__content__ttl { font-size: 38px; line-height: 56px; padding-bottom: 20px; }
}
.aboutOnline__list__content__ttl::after { content: ""; background: rgb(59, 64, 67); height: 1px; width: 40rem; position: absolute; bottom: 0px; left: 0px; }
@media screen and (min-width: 768px){
.aboutOnline__list__content__ttl::after { width: 65px; }
}
.aboutOnline__list__content__text { font-size: 15rem; letter-spacing: 0.05em; line-height: 28rem; margin-top: 40rem; }
@media screen and (min-width: 768px){
.aboutOnline__list__content__text { font-size: 15px; line-height: 30px; margin-top: 50px; }
}
.aboutOnline__list__content__img { height: 232rem; }
@media screen and (max-width: 767px){
.aboutOnline__list__content__img { margin-top: 40rem; }
}
@media screen and (min-width: 768px){
.aboutOnline__list__content__img { width: 528px; height: 390px; }
}
.aboutOnline__list__content__img img { height: 100%; object-fit: cover; }
.aboutOnline__necessities { border-top: 1px dashed rgba(59, 64, 67, 0.3); border-bottom: 1px dashed rgba(59, 64, 67, 0.3); position: relative; }
@media screen and (max-width: 767px){
.aboutOnline__necessities { padding: 40rem 20rem; margin-top: 50rem; }
}
@media screen and (min-width: 768px){
.aboutOnline__necessities { display: flex; -webkit-box-align: center; align-items: center; width: 1206px; height: 195px; border: 1px dashed rgba(59, 64, 67, 0.3); -webkit-box-pack: center; justify-content: center; margin-top: 55px; }
}
.aboutOnline__necessities::before { content: ""; background-image: url("../img/a396a2f9da0.png"); display: inline-block; width: 69rem; height: 124rem; background-size: contain; background-repeat: no-repeat; position: absolute; left: -30rem; bottom: 30rem; }
@media screen and (min-width: 768px){
.aboutOnline__necessities::before { width: 206px; height: 206px; left: -50px; bottom: -96px; background-image: url("../img/a6e0e818c2a.webp"); }
}
.aboutOnline__necessities::after { content: ""; background-image: url("../img/a864d341459.png"); display: inline-block; width: 100rem; height: 113rem; background-size: contain; background-repeat: no-repeat; position: absolute; right: -30rem; bottom: -50rem; }
@media screen and (min-width: 768px){
.aboutOnline__necessities::after { width: 177px; height: 182px; right: -88px; bottom: auto; top: -96px; background-image: url("../img/ad25c8f1a35.webp"); }
}
.aboutOnline__necessities__ttl { color: rgb(59, 64, 67); font-family: "Noto Serif JP", serif; font-size: 19rem; letter-spacing: 0.08em; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
@media screen and (min-width: 768px){
.aboutOnline__necessities__ttl { font-size: 20px; width: 309px; margin-right: 80px; }
}
.aboutOnline__necessities__ttl::before { content: ""; background-image: none; display: inline-block; width: 5rem; height: 25rem; background-size: contain; background-repeat: no-repeat; }
@media screen and (min-width: 768px){
.aboutOnline__necessities__ttl::before { width: 5px; height: 30px; }
}
.aboutOnline__necessities__ttl::after { content: ""; background-image: none; display: inline-block; width: 5rem; height: 25rem; background-size: contain; background-repeat: no-repeat; }
@media screen and (min-width: 768px){
.aboutOnline__necessities__ttl::after { width: 5px; height: 30px; }
}
@media screen and (max-width: 767px){
.aboutOnline__necessities__textWrap { margin-top: 26rem; }
}
@media screen and (min-width: 768px){
.aboutOnline__necessities__textWrap { width: 621px; }
}
.aboutOnline__necessities__text { color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 24rem; letter-spacing: 0.12em; -webkit-box-align: baseline; align-items: baseline; display: flex; }
@media screen and (min-width: 768px){
.aboutOnline__necessities__text { font-size: 28px; }
}
.aboutOnline__necessities__text span { border-bottom: 1px solid rgb(0, 0, 0); margin-left: 10rem; letter-spacing: 0.05em; font-size: 15rem; padding-bottom: 2rem; line-height: 26rem; }
@media screen and (min-width: 768px){
.aboutOnline__necessities__text span { font-size: 16px; line-height: 28px; margin-left: 10px; padding-bottom: 2px; }
}
@media screen and (min-width: 768px){
.aboutOnline__necessities__text.sponly { display: none; }
}
.aboutOnline__necessities__text.pconly { display: flex; margin-top: 10px; }
@media screen and (max-width: 767px){
.aboutOnline__necessities__text.pconly { display: none; }
}
.aboutOnline__necessities__text.pconly span { border-bottom: 1px solid rgb(0, 0, 0); }
.aboutOnline__necessities__text.pconly .border { border-bottom: 1px solid rgb(59, 64, 67); display: inline-block; font-size: 16px; line-height: 28px; margin-left: 10px; padding-bottom: 2px; }
.aboutOnline__necessities__textWrap .aboutOnline__necessities__text:nth-of-type(n+2) { margin-top: 18rem; }
@media screen and (min-width: 768px){
.aboutOnline__necessities__textWrap .aboutOnline__necessities__text:nth-of-type(n+2) { margin-top: 10px; }
}
.aboutReason { background: rgb(248, 248, 248); padding-bottom: 55rem; }
@media screen and (min-width: 768px){
.aboutReason { margin-top: 116px; }
}
.aboutReason__inner { width: 89%; margin: 0px auto; }
@media screen and (min-width: 768px){
.aboutReason__inner { width: 840px; }
}
.aboutReason__ttl { text-align: center; font-weight: 500; color: rgb(59, 64, 67); font-family: "Noto Serif JP", serif; font-size: 26rem; letter-spacing: 0.1em; padding-bottom: 6rem; position: relative; }
@media screen and (max-width: 767px){
.aboutReason__ttl { transform: translateY(-62rem); line-height: 42rem; }
}
@media screen and (min-width: 768px){
.aboutReason__ttl { font-size: 34px; transform: translateY(-20px); }
}
.aboutReason__ttl span { display: inline-block; border-bottom: 1px dashed rgba(59, 64, 67, 0.3); }
@media screen and (min-width: 768px){
.aboutReason__ttl span { padding-bottom: 16px; }
}
.aboutReason__ttl::before { content: ""; background-image: url("../img/a72da9df2c2.png"); display: inline-block; width: 282rem; height: 144rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 62%; left: 46%; transform: translate(-50%, -50%); }
@media screen and (min-width: 768px){
.aboutReason__ttl::before { background-image: url("../img/a44d75fbffb.png"); width: 659px; height: 137px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
}
@media screen and (min-width: 768px){
.aboutReason__content__wrap { margin-top: 44px; }
}
.aboutReason__content__ttl { background: rgb(255, 255, 255); border-radius: 20px; font-size: 16rem; font-family: "Noto Serif JP", serif; letter-spacing: 0.08em; line-height: 26rem; position: relative; }
@media screen and (max-width: 767px){
.aboutReason__content__ttl { padding: 30rem 25rem 25rem; }
}
@media screen and (min-width: 768px){
.aboutReason__content__ttl { font-size: 18px; line-height: 28px; padding: 30px 50px; }
}
.aboutReason__content__ttl::after { content: ""; background-image: url("../img/a0c3795da06.png"); display: inline-block; width: 28rem; height: 20rem; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -20rem; left: 50%; transform: translateX(-50%); }
@media screen and (min-width: 768px){
.aboutReason__content__ttl::after { width: 28px; height: 20px; bottom: -20px; }
}
.aboutReason__content__ttl.aboutReason__content__ttl-bg { position: relative; }
@media screen and (min-width: 768px){
.aboutReason__content__ttl.aboutReason__content__ttl-bg::before { content: ""; background-image: url("../img/abaa406b7a8.png"); display: inline-block; width: 97px; height: 177px; background-size: contain; background-repeat: no-repeat; position: absolute; left: -68px; top: -40px; }
}
.aboutReason__content:first-of-type .aboutReason__content__ttl::before { content: ""; background-image: url("../img/a32ea6516ee.png"); display: inline-block; width: 80rem; height: 93rem; background-size: contain; background-repeat: no-repeat; position: absolute; left: -12rem; top: -72rem; }
@media screen and (min-width: 768px){
.aboutReason__content:first-of-type .aboutReason__content__ttl::before { width: 87px; height: 101px; top: 48px; left: -56px; }
}
.aboutReason__content:nth-of-type(n+2) { margin-top: 44rem; }
@media screen and (min-width: 768px){
.aboutReason__content:nth-of-type(n+2) { margin-top: 44px; }
}
.aboutReason__content__text { font-size: 14rem; letter-spacing: 0.05em; line-height: 26rem; margin-top: 28rem; }
@media screen and (min-width: 768px){
.aboutReason__content__text { font-size: 15px; line-height: 28px; margin: 28px 50px; }
}
@media screen and (min-width: 768px){
.aboutOnline__flow { margin-top: 76px; }
}
.aboutOnline__flow__inner { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.aboutOnline__flow__inner { width: 1126px; }
}
.aboutOnline__flow__ttl { color: rgb(59, 64, 67); font-size: 26rem; line-height: 42rem; letter-spacing: 0.1em; font-family: "Noto Serif JP", serif; text-align: center; font-weight: 500; }
@media screen and (max-width: 767px){
.aboutOnline__flow__ttl { margin-top: 60rem; }
}
@media screen and (min-width: 768px){
.aboutOnline__flow__ttl { font-size: 34px; line-height: 54px; }
}
@media screen and (max-width: 767px){
.aboutOnline__flow__ttl span { border-bottom: 1px dashed rgba(59, 64, 67, 0.3); display: inline-block; padding-bottom: 4rem; }
}
@media screen and (min-width: 768px){
.aboutOnline__flow__ttl span { border-bottom: 1px dashed rgba(59, 64, 67, 0.3); padding-bottom: 24px; }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 150px; }
}
.aboutOnline_flow__list__content { background: rgb(248, 248, 248); position: relative; }
@media screen and (max-width: 767px){
.aboutOnline_flow__list__content { margin-top: 54rem; }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content { width: 229px; height: 238px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0px 25px 30px; }
}
@media screen and (max-width: 767px){
.aboutOnline_flow__list__content:nth-of-type(n+2) { margin-top: 60rem; }
}
.aboutOnline_flow__list__content:first-of-type::before { content: ""; background-image: url("../img/aa142265f91.png"); display: inline-block; width: 74rem; height: 28rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -14rem; right: -10rem; }
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content:first-of-type::before { background-image: url("../img/a234af40020.png"); width: 98px; height: 33px; top: 0px; left: 0px; }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content:nth-of-type(3) { width: 289px; }
}
.aboutOnline_flow__list__content:nth-of-type(3)::before { content: ""; background-image: url("../img/a234af40020.png"); display: inline-block; width: 88rem; height: 42rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -14rem; left: -10rem; }
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content:nth-of-type(3)::before { background-image: url("../img/aa142265f91.png"); width: 93px; height: 36px; top: -116px; right: -116px; left: auto; }
}
.aboutOnline_flow__list__content:not(:last-of-type)::after { content: ""; background-image: url("../img/ad25474074d.png"); display: inline-block; width: 24rem; height: 43rem; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -30rem; left: 50%; transform: translateX(-50%); }
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content:not(:last-of-type)::after { background-image: url("../img/ad3ac087101.png"); width: 40px; height: 24px; position: absolute; inset: 64% -30px auto auto; transform: translateY(-50%); }
}
.aboutOnline_flow__list__content__ttl { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 22rem; color: rgb(59, 64, 67); letter-spacing: 0.12em; text-align: center; }
@media screen and (max-width: 767px){
.aboutOnline_flow__list__content__ttl { transform: translateY(-22rem); }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl { font-size: 22px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transform: translateY(-90px); }
}
.aboutOnline_flow__list__content__ttl span { color: rgb(0, 121, 155); font-size: 38rem; letter-spacing: 0.12em; position: relative; }
@media screen and (max-width: 767px){
.aboutOnline_flow__list__content__ttl span { margin-left: 8rem; }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl span { font-size: 42px; }
}
.aboutOnline_flow__list__content__ttl span::after { content: ""; background: rgb(59, 64, 67); height: 1px; width: 10rem; bottom: 0px; position: absolute; left: 45%; transform: translateX(-50%); }
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl span::after { width: 15px; bottom: -4px; }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl01 { transform: translateY(-76px); }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl02 { transform: translateY(-62px); }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl03 { transform: translateY(-37px); }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__ttl04 { transform: translateY(-77px); }
}
.aboutOnline_flow__list__content__text { font-size: 16rem; letter-spacing: 0.08em; line-height: 28rem; }
@media screen and (max-width: 767px){
.aboutOnline_flow__list__content__text { padding: 0px 30rem 42rem; }
}
@media screen and (min-width: 768px){
.aboutOnline_flow__list__content__text { font-size: 16px; line-height: 28px; }
}
.aboutTrial { margin-top: 36rem; position: relative; }
@media screen and (min-width: 768px){
.aboutTrial::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; background-image: url("../img/ad168fd01ee.png"); width: 830px; height: 248px; position: absolute; top: -108px; left: 50%; transform: translateX(-50%); z-index: 10; }
}
.aboutTrial__inner { width: 84%; margin: 0px auto; }
@media screen and (min-width: 768px){
.aboutTrial__inner { width: 1206px; }
}
.aboutTrial__ttl { font-size: 30rem; font-family: "Noto Serif JP", serif; letter-spacing: 0.1em; color: rgb(59, 64, 67); text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-weight: 500; }
@media screen and (min-width: 768px){
.aboutTrial__ttl { font-size: 34px; margin-top: 278px; position: relative; }
}
.aboutTrial__ttl::before { content: ""; background-image: url("../img/aa683e55918.png"); display: inline-block; width: 96rem; height: 71rem; background-size: contain; background-repeat: no-repeat; top: -1rem; left: -1rem; }
@media screen and (min-width: 768px){
.aboutTrial__ttl::before { width: 94px; height: 69px; top: -66px; bottom: auto; left: 334px; position: absolute; }
}
.aboutTrial__ttl::after { content: "TRIAL LESSON"; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 13rem; letter-spacing: 0.12em; margin-top: 14rem; }
@media screen and (min-width: 768px){
.aboutTrial__ttl::after { font-size: 14px; margin-top: 16px; }
}
.aboutTrial__column01 { position: relative; }
@media screen and (max-width: 767px){
.aboutTrial__column01 { margin-top: 60rem; }
}
@media screen and (min-width: 768px){
.aboutTrial__column01 { display: flex; -webkit-box-pack: center; justify-content: center; margin: 70px 110px 0px; -webkit-box-align: center; align-items: center; }
}
.aboutTrial__column01::before { content: ""; background-image: url("../img/aaf69105b4f.png"); display: inline-block; width: 72rem; height: 46rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -62rem; right: 16rem; }
@media screen and (min-width: 768px){
.aboutTrial__column01::before { display: none; }
}
.aboutTrial__column01__text { font-size: 15rem; line-height: 28rem; letter-spacing: 0.05em; }
@media screen and (min-width: 768px){
.aboutTrial__column01__text { font-size: 15px; line-height: 30px; }
}
@media screen and (max-width: 767px){
.aboutTrial__column01__img { margin-top: 32rem; height: 189rem; }
}
@media screen and (min-width: 768px){
.aboutTrial__column01__img { width: 400px; height: 240px; margin-left: 50px; }
}
.aboutTrial__column01__img img { height: 100%; object-fit: cover; }
@media screen and (min-width: 768px){
.aboutTrial__column02 { display: flex; margin: 60px 198px 0px; -webkit-box-align: center; align-items: center; }
}
.aboutTrial__column02__ttl__wrap { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px auto; position: relative; }
@media screen and (max-width: 767px){
.aboutTrial__column02__ttl__wrap { margin-top: 40rem; height: 140rem; }
}
.aboutTrial__column02__ttl { font-size: 20rem; font-family: "Noto Serif JP", serif; color: rgb(59, 64, 67); line-height: 33rem; letter-spacing: 0.1em; text-align: center; border-bottom: 1px solid rgb(59, 64, 67); display: inline-block; padding-bottom: 8rem; }
@media screen and (min-width: 768px){
.aboutTrial__column02__ttl { font-size: 20px; line-height: 32px; padding-bottom: 8px; }
}
.aboutTrial__column02__ttl .num { color: rgb(0, 121, 155); font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal; font-size: 34rem; letter-spacing: 0.12em; }
@media screen and (min-width: 768px){
.aboutTrial__column02__ttl .num { font-size: 34px; }
}
.aboutTrial__column02__ttl .t-small { font-size: 16rem; letter-spacing: 0.1em; }
@media screen and (min-width: 768px){
.aboutTrial__column02__ttl .t-small { font-size: 16px; }
}
.aboutTrial__column02__text { font-size: 14rem; letter-spacing: 0.05em; line-height: 26rem; }
@media screen and (max-width: 767px){
.aboutTrial__column02__text { margin-top: 30rem; }
}
@media screen and (min-width: 768px){
.aboutTrial__column02__text { font-size: 14px; line-height: 26px; }
}
.aboutTrial__column02__text p { display: flex; }
.aboutContact__inner { width: 84%; margin: 30rem auto 0px; padding: 40rem 20rem; border: 1px dashed rgba(59, 64, 67, 0.3); }
@media screen and (min-width: 768px){
.aboutContact__inner { margin-top: 70px; padding: 94px 0px 80px; }
}
.aboutContact__text { font-size: 15rem; line-height: 28rem; letter-spacing: 0.05em; }
@media screen and (min-width: 768px){
.aboutContact__text { font-size: 15px; line-height: 30px; text-align: center; }
}
@media screen and (max-width: 767px){
.aboutContact__address__wrap { margin-top: 30rem; }
}
@media screen and (min-width: 768px){
.aboutContact__address__wrap { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 40px; }
}
.aboutContact__address__text { font-size: 14rem; letter-spacing: 0.05em; border-bottom: 1px solid rgb(59, 64, 67); padding-bottom: 10rem; }
@media screen and (min-width: 768px){
.aboutContact__address__text { font-size: 14px; padding-bottom: 10px; }
}
.aboutContact__address { font-size: 17rem; letter-spacing: 0.05em; text-align: center; }
@media screen and (max-width: 767px){
.aboutContact__address { margin-top: 15rem; }
}
@media screen and (min-width: 768px){
.aboutContact__address { font-size: 17px; }
}
.aboutContact__bg { background: rgb(248, 248, 248); font-size: 14rem; line-height: 26rem; letter-spacing: 0.05em; padding: 16rem; margin-top: 34rem; }
@media screen and (min-width: 768px){
.aboutContact__bg { display: none; }
}
.aboutContact__bg__text { display: flex; }
.aboutContact__message__ttl { font-family: "Noto Serif JP", serif; font-size: 22rem; letter-spacing: 0.1em; line-height: 36rem; color: rgb(59, 64, 67); text-align: center; position: relative; margin-top: 56rem; }
@media screen and (min-width: 768px){
.aboutContact__message__ttl { font-size: 26px; line-height: 44px; margin-top: 60px; }
}
.aboutContact__message__ttl::after { content: ""; background-image: url("../img/ab13605f87f.png"); display: inline-block; width: 285rem; height: 116rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media screen and (min-width: 768px){
.aboutContact__message__ttl::after { background-image: url("../img/a9c4eaa0ada.png"); width: 597px; height: 98px; }
}
.aboutContact__message__text { font-size: 15rem; letter-spacing: 0.05em; line-height: 28rem; margin-top: 40rem; }
@media screen and (min-width: 768px){
.aboutContact__message__text { display: none; }
}
.aboutContact__btn { background: rgb(0, 121, 155); letter-spacing: 0.05em; font-weight: bold; }
@media screen and (max-width: 767px){
.aboutContact__btn { font-size: 14rem; line-height: 60rem; margin-top: 30rem; }
}
@media screen and (min-width: 768px){
.aboutContact__btn { font-size: 15px; line-height: 60px; width: 600px; margin: 70px auto 0px; }
}
.aboutContact__btn a { color: rgb(255, 255, 255); text-align: center; display: block; }
.aboutContact__btn a::after { content: ""; background-image: none; display: inline-block; width: 8rem; height: 10rem; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-left: 14rem; }
@media screen and (min-width: 768px){
.aboutContact__btn a::after { width: 8px; height: 10px; }
.aboutAccess .lessonInfo__text { width: 840px; margin-right: auto; margin-left: auto; }
}
:root { font-size: calc(0.266667vw); }
main { overflow: visible; padding: 0px; }
body { font-family: "Noto Sans Arabic", sans-serif; font-weight: 500; }
.pcOnly { display: block !important; }
.spOnly { display: none !important; }
@media screen and (max-width: 768px){
.pcOnly { display: none !important; }
.spOnly { display: block !important; }
}
svg { width: 100%; height: auto; }
img { width: 100%; height: auto; }
a { text-decoration: none; color: rgb(0, 0, 0); }
ul { list-style: none; }
@-webkit-keyframes scrollAnimation { 
  0% { opacity: 0; transform: translateY(0%); }
  100% { transform: translateY(100%); }
}
@keyframes scrollAnimation { 
  0% { opacity: 0; transform: translateY(0%); }
  100% { transform: translateY(100%); }
}
@-webkit-keyframes fadeIn { 
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes fadeIn { 
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.mincho { font-family: "Zen Old Mincho", serif; font-weight: 400 !important; }
.mincho-m { font-family: "Zen Old Mincho", serif; }
.cop-l { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300 !important; }
.cop { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400 !important; }
.brd { border: 2px dotted rgb(187, 187, 187) !important; }
.object-fit { object-fit: cover; font-family: "Zen Maru Gothic", sans-serif; }
@media screen and (max-width: 767px){
.l-header__nav-sp .l-header__nav-sp__list__ac { display: none; }
.l-header__nav-sp__list.arrow p::after { transition: transform 0.6s, -webkit-transform 0.6s; }
.l-header__nav-sp__list.arrow p.is-active::after { transform: translate(0px, -3px) rotate(180deg); transition: transform 0.6s, -webkit-transform 0.6s; }
.l-header__nav-sp .l-header__nav-sp__list.lg.arrow { border-bottom: 1px dashed rgb(0, 0, 0); }
.l-header__nav-sp .l-header__nav-sp__list__ac { border: none; }
.c-nav-onpu { bottom: auto; top: 450px; }
.c-nav-onpu02 { position: absolute; right: 20px; top: 340px; width: 29px; }
.c-nav-fukuro { bottom: 120px; }
}
@media screen and (min-width: 768px){
.l-header--fixed.active { z-index: 999; }
}
@media screen and (max-width: 374px){
.c-nav-onpu { bottom: auto; top: 340px; }
.c-nav-fukuro { top: 372px; bottom: auto; width: 80px; }
}
@media screen and (min-width: 768px){
.l-footer { margin-top: 255px; }
.p-fixed-gotop { position: fixed; bottom: 14px; right: 120px; z-index: 200; }
.p-fixed-gotop a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.p-fixed-gotop img { width: 70px; }
}
@media screen and (max-width: 767px){
.p-fixed-taiken img { transform: translate(-62%, -50%); }
.p-fixed-gotop { position: fixed; bottom: 0px; right: 0px; border-left: 2px solid rgb(255, 255, 255); z-index: 200; }
.p-fixed-gotop a { background: rgb(0, 121, 155); width: 60px; height: 60px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.p-fixed-gotop img { width: 30px; }
}
@media screen and (max-width: 374px){
.p-fixed-taiken img { width: 216px; }
.p-fixed-gotop img { width: 20px; }
}
.l-wrapper .c-mv__wrap .c-mv__ttl { font-family: "Zen Kaku Gothic New", sans-serif; }
.c-more { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; }
.c-dlist dt { background: rgb(248, 248, 248); }
.c-blog .c-blog__mainPost__content__date { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; }
.c-blog .c-blog__posts .c-blog__posts__list__date { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; }
.c-mv__wrap .c-mv__ttl__text { font-family: "Noto Serif JP", serif; }
.c-news__post__list .postDate { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; }
#post .c-colums .wp-block-column > :first-child { margin-top: 0px; }
#post .wp-block-image { margin: 60px auto 0px; }
.c-midashi-c span { display: block; padding: 10px 15px; }
@media screen and (max-width: 767px){
.c-logo-page-sp { width: 52vw; position: absolute; left: 25px; top: 30px; z-index: 100; }
.l-nav-sp__logo { width: 123px; position: absolute; top: 35px; left: 35px; }
.l-header__nav-sp__inner { padding: 192px 30px 40px; }
.l-header__nav-sp__list:nth-of-type(2) { border-bottom: 1px dashed rgb(0, 0, 0); padding-bottom: 20px; margin-bottom: 20px; }
.p-side-category__list { -webkit-box-pack: justify; justify-content: space-between; }
.c-midashi-b { position: relative; }
.c-midashi-b::after { content: ""; background-image: url("../img/ae86c9b2674.png"); display: inline-block; width: 14px; height: 24px; background-size: 14px 24px; background-repeat: no-repeat; position: absolute; right: 38px; top: -20px; }
#post .c-block.link .c-block__arrow { width: 137px; position: absolute; left: 30px; bottom: -30px; transform: none; top: auto; }
#post .c-block__arrow.pc { display: none; }
}
@media screen and (min-width: 768px){
.single-lesson .c-marugazou-a-svg, .single-lesson .c-marugazou-b-svg, .single-lesson .c-marugazou-c-svg { width: 840px; height: 480px; }
.c-dlist dt { -webkit-box-flex: 0; flex: 0 0 240px; display: flex; -webkit-box-align: center; align-items: center; padding: 0px 0px 0px 15px; }
.c-midashi-b { position: relative; }
.c-midashi-b::after { content: ""; background-image: url("../img/ae86c9b2674.png"); display: inline-block; width: 20px; height: 33px; background-size: 20px 33px; background-repeat: no-repeat; position: absolute; right: 12px; top: -26px; }
.c-block.link::before { inset: auto -20px -15px auto; }
.c-block.link::after { left: -20px; }
.c-block__arrow.sp { display: none; }
}
@media screen and (max-width: 374px){
.p-single-pager__inner { font-size: 13px; }
}
#post .c-profile { background: rgb(248, 248, 248); color: rgba(0, 0, 0, 0); padding: 40px 30px; position: relative; margin-top: 90px; }
#post .c-profile-ttl { font-size: 20px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; color: rgb(59, 64, 67); position: absolute; top: -10px; left: 0px; }
#post .c-profile svg { display: block; margin: 0px auto; }
#post .c-profile-img { width: 170px; height: 170px; }
#post .c-profile-name { text-align: center; margin-top: 30px; }
#post .c-profile-name span { font-family: "Noto Serif JP", serif; font-size: 20px; letter-spacing: 0.14em; color: rgb(0, 0, 0); }
#post .c-profile-name small { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 0.12em; color: rgb(59, 64, 67); display: block; margin-top: 10px; }
#post .c-profile-courses { position: relative; padding: 21px 0px 16px; margin: 15px 0px 0px; }
#post .c-profile-courses::before, #post .c-profile-courses::after { content: ""; position: absolute; left: 0px; width: 100%; height: 1px; background: none left center / 4px 1px repeat-x; }
#post .c-profile-courses::before { top: 0px; }
#post .c-profile-courses::after { bottom: 0px; }
#post .c-profile-course-wrap { margin-top: 6px; }
#post .c-profile-courses-ttl { font-family: "Noto Serif JP", serif; font-size: 14px; letter-spacing: 0.14em; color: rgb(0, 0, 0); }
#post .c-profile-course { font-size: 13px; letter-spacing: 0.05em; margin: 11px 0px 0px; line-height: 22px; }
#post .c-profile-course-wrap { margin: 11px 0px 0px; }
#post .c-profile-massage { background: rgb(255, 255, 255); padding: 20px; font-size: 14px; letter-spacing: 0.05em; line-height: 24px; margin-top: 30px; color: rgb(0, 0, 0); }
#post .c-profile-btn { font-size: 15px; font-family: "Noto Serif JP", serif; letter-spacing: 0.05em; border: 1px solid rgb(59, 64, 67); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 190px; height: 40px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); background: rgb(255, 255, 255); }
#post .c-profile-btn::after { content: ""; display: block; width: 10px; height: 10px; margin-left: 7px; background: url("../img/a38941e3bed.png") center center / 10px no-repeat; }
@media screen and (min-width: 768px){
#post .c-profile { margin-top: 120px; padding: 50px 20px 20px; }
#post .c-profile-ttl { left: 10px; }
#post .c-profile-wrap { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; }
#post .c-profile-info { margin-left: 50px; }
#post .c-profile-name { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; }
#post .c-profile-name small { margin-top: 4px; margin-left: 18px; }
#post .c-profile-img-wrap { margin-left: 50px; }
#post .c-profile-courses { display: flex; -webkit-box-align: start; align-items: flex-start; width: 90%; }
#post .c-profile-course-wrap { margin-top: -2px; }
#post .c-profile-course-wrap a { margin-top: 0px; }
#post .c-profile-courses-ttl { display: block; white-space: nowrap; margin-right: 20px; }
#post .c-profile-massage { line-height: 28px; padding: 40px 50px; }
#post .c-profile-btn { position: absolute; right: 40px; left: auto; top: 20px; width: 140px; height: 34px; transition: 0.6s; transform: none; }
#post .c-profile-btn:hover { opacity: 0.5; transition: 0.6s; }
}
.top__news__ttl__wrap .btn:hover { opacity: 1; transition: 0.6s; }
.top__news__ttl__wrap .btn:hover::before { background-color: rgb(59, 64, 67); transition: 0.6s; }
.top__news__ttl__wrap .btn:hover span { color: rgb(255, 255, 255); transition: 0.6s; }
.top__news__ttl__wrap .btn:hover span::after { background-image: none; transition: 0.6s; }
.top__news__ttl__wrap .btn { font-family: "Noto Serif JP", serif; }
.top__news__ttl__wrap .btn span { color: rgb(0, 0, 0); }
.topMain .c-blog .btn.more { font-size: 15px; font-family: "Noto Serif JP", serif; letter-spacing: 0.14em; color: rgb(0, 0, 0); }
@media screen and (max-width: 767px){
.mv__ttl-sp img { object-fit: contain; height: 100%; }
.l-wrapper .c-blog .c-blog__posts { padding: 0px 20px; }
.p-mv-slider__dots .slick-dots { right: 110px; bottom: 40px; }
.top__teacher .top__teacher__bg { width: 88%; }
.top__teacher .teachers__list__content:nth-last-of-type(1), .top__teacher .teachers__list__content:nth-last-of-type(2), .top__teacher .teachers__list__content:nth-last-of-type(3) { display: block; }
.course__list.is-hidden { display: none; opacity: 0; }
.course__list.is-show { animation: 1s ease 0s 1 normal none running fadeIn; }
.topMain .top__teacher .teachers__list__content:nth-of-type(n+3) { display: none; }
}
@media screen and (min-width: 768px){
main { transform: translate(0px, 114px); }
.top__news__ttl__wrap .btn span { display: block; position: relative; transform: translate(-8px, 0px); }
.top__news__ttl__wrap .btn span::after { position: absolute; top: 50%; right: -15px; transform: translateY(-50%); }
.top__teacher .top__teacher__bg.animal { top: 230px; left: 190px; }
.top__point .freeLesson::after { top: -36px; left: calc(50% + 264px); }
.top__lesson .lesson__list:nth-of-type(5)::before { background-image: url("../img/ac0ad7d7716.png"); top: -40px; left: -34px; }
}
@media screen and (max-width: 374px){
.top__course .ttl { font-size: 23px; }
}
.p-side-category__list-item { line-height: 26px; }
@media screen and (min-width: 768px){
.single-news .p-single-pager { margin-top: 140px; }
}
.page__teachers__contentWrap .teachers__course__name { line-height: 32px; }
.page__teachers__contentWrap .teachers__course__name, .page__teachers__contentWrap .teachers__course__list__teacherName, .page__teachersDetail__contentWrap .teachersBlog__name, .page__teachersDetail_wrap .teachersBlog .teachersBlog__ttl__wrap .btn { font-family: "Noto Serif JP", serif; }
.page__teachers__contentWrap .teachers__course__list__teacherName .teachers__course__list__teacherName-en, .page__teachersDetail__contentWrap .teachersBlog__ttl { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; }
.page__teachers__contentWrap .btn__teacher { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 0.08em; }
.page__teachers__contentWrap .lesson__course__wrap .teachers__course__list__message, .page__teachers__contentWrap .lesson__course__wrap .teacher__course__wrap { letter-spacing: 0.05em; }
@media screen and (max-width: 767px){
.page__teachers__contentWrap .teachers__course__list__message { overflow: visible scroll; }
.l-wrapper .page__teachers_wrap .c-mv__wrap { height: 340px; }
}
@media screen and (min-width: 768px){
.l-wrapper .tutor__message__inner { overflow: visible scroll; }
.l-wrapper .page__teachers_wrap .c-mv__wrap { height: 404px; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n+1) .tutor__imgWrap { position: relative; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n+1) .tutor__imgWrap::before { width: 30px; height: 32px; top: 20px; left: -15px; content: ""; background-image: url("../img/adc7134a13a.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 10; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n) .tutor__imgWrap { position: relative; }
.l-wrapper .teachers__course__list__content:nth-of-type(2n) .tutor__imgWrap::before { width: 30px; height: 32px; bottom: 60px; left: -15px; content: ""; background-image: url("../img/a4d2eb8246e.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 10; }
.l-wrapper .teachers__course__list.pc .tutor__img { height: 200px; overflow: hidden; }
.l-wrapper .teachers__course__list.pc .tutor__img::before { display: none; }
.l-wrapper .teachers__course__list.pc .tutor__img img { transition: 1s; }
.teachersMain { transform: translate(0px, 65px); }
.page__teachers__contentWrap .teachers__course__list__content:hover .tutor__img img { transform: scale(1.2, 1.2); transition: 1s; }
}
@media screen and (max-width: 374px){
.l-wrapper .page__teachers_wrap .c-mv__wrap { height: 284px; }
}
@media screen and (max-width: 767px){
.l-wrapper .archive-lesson .mv__animal01, .l-wrapper .archive-lesson .mv__animal02 { display: block; }
.archive-lesson .c-mv__wrap .mv__animal01 { bottom: -53px; }
.archive-lesson .c-mv__wrap .mv__animal02 { bottom: -81px; }
}
@media screen and (min-width: 768px){
.single-blog .p-single-blog-mv .p-single-blog-mv__inner::after { width: 802px; height: 498px; }
.single-blog .p-single-blog-mv .p-single-blog-mv__inner::after { top: -106px; left: -30px; z-index: 10; }
.single-blog { margin-top: 240px; position: relative; }
.single-blog .l-2column__side::after { content: ""; background-image: url("../img/a11cdad534f.png"); display: inline-block; width: 315px; height: 192px; background-size: contain; background-repeat: no-repeat; position: absolute; left: -26px; top: -190px; }
.single-blog .c-midashi-b::after { right: 120px; top: -26px; }
.single-blog .p-single-blog-mv { margin-top: -100px; }
}
@media screen and (max-width: 767px){
.p-lesson-teacher { padding: 0px 0px 25px; background: none; }
.p-lesson-teacher__inner::after { display: none; }
}
@media screen and (min-width: 768px){
.single-blog .p-side-archive__box { background: rgb(255, 255, 255); }
.single-blog .p-single-pager { margin-top: 110px; }
}
.member__menu__ttl, .memberCancel__ttl, .page__news__wrap.page__member__wrap .memberCancel__btn { font-family: "Noto Serif JP", serif; }
.member__menu__list { font-weight: bold; }
@media screen and (max-width: 374px){
.member__menu__list { font-size: 13px; }
.member__menu__list a::after { margin-left: 8px; }
}
.c-privacy__listItem .list-title { font-family: "Noto Serif JP", serif; }
@media screen and (max-width: 767px){
.c-mv__wrap.privacy .c-mv__ttl__wrap { padding-top: 130px; }
.c-privacy__wrap { margin-top: 0px; }
}
@media screen and (max-width: 374px){
.c-privacy__listItem .contact-wrapper .of-mail .list-subtxt { font-size: 15px; }
}
@media screen and (max-width: 767px){
.l-wrapper .form-row.is-flex_none .required-title { margin-right: 0px; }
}
@media screen and (min-width: 768px){
.contactMain.contactMain-trial .form-row.is-flex_none .required-title { margin-top: -6px; }
}
@media screen and (max-width: 374px){
.c-privacy__listItem .contact-wrapper .of-tel .list-subtxt { font-size: 26px; }
.l-wrapper .c-mv__wrap.privacy .c-mv__ttl { font-size: 28px; }
}
.aboutSection__ttl, .schoolInfo__ttl, .lessonInfo__text__ttl, .lessonInfo__class, .lessonInfo__course, .aboutRental__ttl, .aboutRental__list__ttl, .aboutRental__freeService__ttl, .aboutAccess__ttl, .aboutAccess__class, .aboutAccess__className, .aboutAccess__classAddress, .aboutAccess__hours__ttl, .aboutOnline__ttl, .aboutOnline__list__content__ttl, .aboutOnline__necessities__ttl, .aboutReason__ttl, .aboutReason__content__ttl, .aboutOnline__flow__ttl, .aboutTrial__ttl, .aboutTrial__column02__ttl, .aboutContact__message__ttl, .lessonInfo__ttl { font-family: "Noto Serif JP", serif; }
.lessonInfo__price__num span { font-family: "Noto Sans Arabic", sans-serif; font-weight: 400; font-size: 16px; }
.aboutMenu__list__content { border: none; }
.aboutMenu__list__content a { position: relative; }
.aboutMenu__list__content a::before { content: ""; position: absolute; inset: 0px; background-image: none, none, none, none; background-position: left top, left bottom, left top, right top; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 4px 2px, 4px 2px, 1px, 1px; pointer-events: none; }
.table, .aboutOnline__necessities, .aboutContact__inner { border: 2px dotted rgb(187, 187, 187); }
.lessonInfo__price { border-top: 2px dotted rgb(187, 187, 187); border-bottom: 2px dotted rgb(187, 187, 187); }
.table.primary .table__text, .aboutAccess__hours__ttl::before { border-left: 2px dotted rgb(187, 187, 187); }
.table tr:nth-of-type(n+2), .aboutAccess__hours::before, .page__teachersDetail_wrap .c-postModule__content__bgWrap { border-top: 2px dotted rgb(187, 187, 187); }
.lessonInfo__ttl__text, .lessonInfo__ttl, .schoolInfo__ttl__wrap, .aboutAccess__class, .aboutAccess__hours::after, .aboutReason__ttl span, .aboutOnline__flow__ttl span { border-bottom: 2px dotted rgb(187, 187, 187); }
.aboutRental__list:nth-of-type(2) .aboutRental__list__ttl::after, .aboutRental__list:nth-of-type(3) .aboutRental__list__ttl::after { display: none; }
.aboutRental__list:nth-of-type(4) .aboutRental__list__ttl::after { content: ""; background-image: url("../img/ade39c20094.png"); display: inline-block; width: 75rem; height: 61rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -72rem; right: -40rem; }
.aboutRental__freeService__ttl::after { display: none; }
@media screen and (min-width: 768px){
.aboutRental__list:nth-of-type(4) .aboutRental__list__ttl::after { width: 83px; height: 67px; inset: auto auto -24px 196px; }
}
.aboutRental__list:nth-of-type(5) .aboutRental__list__ttl::after { content: ""; background-image: url("../img/aa97213e801.png"); display: inline-block; width: 111rem; height: 25rem; background-size: contain; background-repeat: no-repeat; position: absolute; top: -50rem; right: -36rem; }
@media screen and (min-width: 768px){
.aboutRental__list:nth-of-type(5) .aboutRental__list__ttl::after { width: 111px; height: 25px; inset: auto auto -50px -84px; }
}
.lessonInfo__discount__list:nth-of-type(n+2), .l-wrapper .lessonInfo__discount__list:last-of-type { border: none; }
.l-wrapper .lessonInfo__discount__list .lessonInfo__discount__list__text__wrap { position: relative; }
.l-wrapper .lessonInfo__discount__list .lessonInfo__discount__list__text__wrap::after { content: ""; position: absolute; bottom: 0px; top: 1px; left: 0px; width: 2px; height: 99%; background: none left center / 2px 4px repeat-y; }
.l-wrapper .lessonInfo__discount__list { position: relative; border: none; }
.l-wrapper .lessonInfo__discount__list::before { content: ""; position: absolute; top: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.l-wrapper .lessonInfo__discount__list:last-of-type::after { content: ""; position: absolute; bottom: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; }
.aboutContact__btn a::after { margin-left: 14px; }
@media screen and (max-width: 767px){
.l-wrapper .lessonInfo__discount__list .lessonInfo__discount__list__text__wrap::after { display: none; }
.l-wrapper .lessonInfo__discount__list::before { z-index: 10; }
.lessonInfo__discount__list__ttl { position: relative; }
.lessonInfo__discount__list__ttl::after { content: ""; position: absolute; bottom: 0px; width: 100%; height: 2px; background: none left center / 4px 2px repeat-x; left: 0px; }
.l-wrapper .lessonInfo__discount__list:last-of-type::after { display: none; }
}
@media screen and (min-width: 768px){
.c-mv__wrap.about { margin-top: 40px; }
.about__mainWrap { padding: 0px; margin-top: -50px; }
.c-blog__mainPost__content__img-sp { width: 528px; height: 324.92px; }
.aboutOnline_flow__list__content__text { width: 100%; }
.lessonInfo.schedule .lessonInfo__ttl__text { transform: translate(0px, -44px); }
.about__mainWrap .lessonInfo__ttl__text { transform: translate(30px, 4px); }
.lessonInfo__ttl__wrap { margin-top: 0px; }
.about__mainWrap .lessonInfo { padding-top: 202px; }
.about__mainWrap .lessonInfo__ttl { margin-left: 36px; }
.about__mainWrap .lessonInfo.fee { padding-top: 239px; }
.about__mainWrap .lessonInfo__ttl__text { transform: translate(34px, 4px); }
.about__mainWrap .lessonInfo__ttl { position: relative; }
.lessonInfo.schedule .lessonInfo__ttl::before { right: -164px; top: 10px; }
.aboutReason__content:nth-of-type(5) .aboutReason__content__ttl { position: relative; }
.aboutReason__content:nth-of-type(5) .aboutReason__content__ttl::before { content: ""; background-image: url("../img/a8eb7bc3a0c.png"); display: inline-block; width: 127px; height: 83px; background-size: 127px 83px; background-repeat: no-repeat; position: absolute; right: -8px; top: -40px; }
}
.aboutOnline__necessities__text { font-family: "Noto Sans Arabic", sans-serif; font-weight: 500; letter-spacing: 0.05em; }
.aboutOnline__necessities__text .num { font-size: 28px; letter-spacing: 0.12em; border: none; }
@media screen and (max-width: 767px){
.aboutOnline__necessities__text .num { font-size: 24px; }
}
.aboutOnline__necessities__text.pconly .num { border: none; }
.topMain .c-news__post__list:nth-of-type(n+5) { display: none; }
@media screen and (max-width: 767px){
.aboutOnline__necessities { padding: 40rem 18rem; }
.c-blog .c-blog__posts .c-blog__posts__list__cat { height: auto; padding: 4px; letter-spacing: 0px; }
.c-blog .c-blog__mainPost__content__cat { letter-spacing: 0px; }
.topMain .c-blog .btnMore__wrap { display: block; margin-left: 30px; }
.topMain .c-blog .btnMore__wrap .btn { width: 136px; height: 34px; font-family: "Noto Serif JP", serif; }
.topMain .c-blog .c-blog__mainPost__wrap { margin-top: 30px; }
.topMain .c-blog .c-blog__ttl { margin-bottom: 30px; }
.c-blog .c-blog__posts .c-blog__posts__list { position: relative; }
.c-blog .c-blog__posts .c-blog__posts__list a { display: block; }
.topMain .top__teacher .teacher__cat { line-height: 22px; }
}
@media screen and (min-width: 768px){
.c-blog .c-blog__posts .c-blog__posts__list { position: relative; }
.topMain .top__teacher .teacher__cat { line-height: 24px; }
}
.l-wrapper .tutor__course:not(:last-of-type)::after { display: none; }
.l-wrapper .tutor__course { white-space: normal; display: inline; }
.footer { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; padding: 0px 20rem; margin: -23rem 0px 0px; }
.footer__contents { position: relative; z-index: 1; -webkit-box-ordinal-group: 2; order: 1; -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; padding: 0px 0px 0px 28rem; color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 13rem; font-weight: 400; letter-spacing: 0.08em; line-height: 1; }
.footer__contents::before { content: ""; position: absolute; top: -6rem; left: -5rem; width: 24rem; height: 32rem; background: url("../img/a7acde8e660.png") center center / contain no-repeat; }
.footer__in { -webkit-box-ordinal-group: 4; order: 3; -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; padding: 0px 10rem; margin: 80rem 0px 0px; }
.footer__info { -webkit-box-ordinal-group: 3; order: 2; -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; padding: 82rem 30rem 20rem; margin: 7rem 0px 0px; background-color: rgb(248, 248, 248); }
.footer__info-in { position: relative; }
.footer__info-tree { position: absolute; pointer-events: none; }
.footer__info-tree.tree01 { top: -180rem; right: -14rem; width: 73rem; }
.footer__info-tree.tree02 { bottom: -115rem; left: -75rem; width: 136rem; }
.footer__copy { -webkit-box-ordinal-group: 5; order: 4; -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; }
.footer__title { padding: 0px 50rem; margin: 0px auto; }
.footer__title > a { display: block; padding: 0px 18rem 0px 0px; }
.footer__sns { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; margin: 19rem 0px 0px; }
.footer__office { margin: 34rem 0px 0px; font-family: "Noto Serif JP", serif; font-size: 15rem; font-weight: 500; letter-spacing: 0.14rem; line-height: 1; }
.footer__office span { display: inline-block; padding-bottom: 6rem; border-bottom: 1rem solid rgb(105, 105, 105); }
.footer__address { margin: 10rem 0px 0px; font-family: "Noto Serif JP", serif; font-size: 15rem; font-style: normal; font-weight: 500; letter-spacing: 0.14rem; line-height: 26rem; }
.footer__tel { margin: 10rem 0px 0px; }
.footer__tel > span { font-family: "Zen Kaku Gothic New", sans-serif; font-size: 16rem; font-weight: 400; letter-spacing: 0px; line-height: 22rem; }
.footer__tel > a { font-family: "Zen Kaku Gothic New", sans-serif; font-size: 24rem; font-weight: 300; letter-spacing: 0px; line-height: 22rem; }
.footer__tel > small { display: block; margin: 5rem 0px 0px; font-size: 14rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1; }
.footer__studio-title { position: relative; padding: 0px 0px 13rem; margin: 45rem 0px 0px; text-align: center; font-family: "Noto Serif JP", serif; font-size: 22rem; font-weight: 500; letter-spacing: 0.1rem; line-height: 34rem; }
.footer__studio-title > span { position: relative; display: inline-block; padding: 0px 0px 0px 100rem; text-align: left; }
.footer__studio-title > span::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0px, -50%); width: 80rem; height: 56rem; background: url("../img/a533c15d645.png") center center / contain no-repeat; }
.footer__studio-text { position: relative; padding: 18rem 0px; font-family: "Noto Serif JP", serif; font-size: 16rem; font-weight: 500; letter-spacing: 0.05rem; line-height: 32rem; }
.footer__studio-text::before, .footer__studio-text::after { content: ""; position: absolute; left: 0px; width: 100%; height: 2rem; background: none left center / 4rem 2rem repeat-x; }
.footer__studio-text::before { top: 0px; }
.footer__studio-text::after { bottom: 0px; }
.footer__studio-link { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 250rem; height: 44rem; margin: 19rem auto 0px; border: 1rem solid rgb(105, 105, 105); }
.footer__studio-link > span { position: relative; padding: 0px 17rem 0px 0px; font-family: "Noto Serif JP", serif; font-size: 15rem; font-weight: 500; letter-spacing: 0.14rem; line-height: 1; }
.footer__studio-link > span::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); display: block; width: 15rem; height: 10rem; background: url("../img/ad600b14135.png") center center / 15rem 10rem no-repeat; }
.footer__studio-links { margin: 40rem 0px 0px; }
.footer__studio-links > li { text-align: center; }
.footer__studio-links > li + li { margin: 37rem 0px 0px; }
.footer__studio-links > li > a { padding: 0px 0px 5rem; border-bottom: 1rem solid rgb(105, 105, 105); font-family: "Noto Serif JP", serif; font-size: 16rem; font-weight: 500; letter-spacing: 0.14rem; line-height: 1; }
.footer__contact { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 315rem; height: 70rem; margin: 42rem 0px 0px; border: 2rem solid rgb(0, 121, 155); }
.footer__contact::before { content: ""; position: absolute; top: -12rem; right: 22rem; width: 51rem; height: 31rem; background: url("../img/a3be20d2661.png") center center / 51rem 31rem no-repeat; }
.footer__contact > span { position: relative; padding: 0px 17rem 0px 0px; font-family: "Noto Serif JP", serif; font-size: 16rem; font-weight: 500; letter-spacing: 0.14rem; line-height: 1; }
.footer__contact > span::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); display: block; width: 15rem; height: 10rem; background: url("../img/ad600b14135.png") center center / 15rem 10rem no-repeat; }
.footer__menu { position: relative; z-index: 1; display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; }
.footer__menu-item { margin: 0px 30rem 44rem 0px; }
.footer__menu-item.faq, .footer__menu-item.member { margin-right: 0px; }
.footer__menu-item.lesson, .footer__menu-item.contact { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; margin-right: 0px; }
.footer__menu-item > a { padding: 2rem 4rem 2rem 3rem; background-color: rgb(255, 255, 255); font-family: "Noto Serif JP", serif; font-size: 18rem; font-weight: 500; letter-spacing: 0.14em; line-height: 1; }
.footer__menu-item-text { margin: 19rem 0px -8rem; font-size: 14rem; font-weight: 500; letter-spacing: 0.05em; line-height: 26rem; }
.footer__copy { padding: 0px 0px 98rem; margin: 50rem 0px 0px; text-align: center; color: rgb(59, 64, 67); font-family: "Zen Kaku Gothic New", sans-serif; font-size: 12rem; font-weight: 400; letter-spacing: 0.08em; line-height: 13rem; }
@media screen and (min-width: 768px), print{
.footer { padding: 0px; margin: 26px 0px 0px; }
.footer__contents { display: none; }
.footer__in { -webkit-box-ordinal-group: 2; order: 1; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-flex: 0; flex: 0 0 1126px; width: 1126px; padding: 0px; margin: 0px auto; }
.footer__info { -webkit-box-ordinal-group: 3; order: 2; padding: 0px; margin: 110px 0px 0px; background-color: rgb(248, 248, 248); }
.footer__info-in { width: 1126px; margin: 0px auto; }
.footer__info-tree { display: none; }
.footer__copy { -webkit-box-ordinal-group: 4; order: 3; }
.footer__title { padding: 0px; margin: 0px 80px 0px 0px; }
.footer__title > a { width: 234px; padding: 0px; }
.footer__sns { width: 234px; margin: 30px 0px 0px; }
.footer__office { margin: 0px; font-size: 15px; }
.footer__office span { padding-bottom: 6px; border-bottom: 1px solid rgb(105, 105, 105); }
.footer__address { margin: 20px 0px 0px; font-size: 15px; line-height: 1; }
.footer__tel { margin: 8px 0px 0px; }
.footer__tel > span { font-size: 16px; line-height: 22px; }
.footer__tel > a { font-size: 24px; letter-spacing: 0.004em; line-height: 22px; transition: opacity 0.6s; }
.footer__tel > a:hover { opacity: 0.5; }
.footer__tel > small { display: inline; margin: 0px; font-size: 14px; line-height: 22px; }
.footer__block { position: relative; -webkit-box-flex: 0; flex: 0 0 812px; width: 812px; margin: -18px 0px 0px; }
.footer__block-tree { position: absolute; top: -184px; right: -42px; width: 252px; pointer-events: none; }
.footer__studio { position: relative; }
.footer__studio-title { padding: 0px 0px 20px; margin: 58px 0px 0px; text-align: left; font-size: 24px; letter-spacing: 0.1em; line-height: 1; }
.footer__studio-title > span { padding: 0px 0px 0px 87px; }
.footer__studio-title > span br { display: none; }
.footer__studio-title > span::before { top: auto; bottom: 0px; left: 3px; transform: none; width: 80px; height: 56px; }
.footer__studio-text { padding: 18px 0px 16px; font-size: 18px; letter-spacing: 0.14rem; line-height: 34px; }
.footer__studio-text::before, .footer__studio-text::after { height: 2px; background-size: 4px 2px; }
.footer__studio-link { position: absolute; top: -5px; left: 370px; width: 200px; height: 34px; margin: 0px; border: 1px solid rgb(105, 105, 105); transition: opacity 0.6s; }
.footer__studio-link:hover { opacity: 0.5; }
.footer__studio-link > span { padding: 0px 17px 0px 0px; font-size: 15px; letter-spacing: 0.14em; }
.footer__studio-link > span::after { width: 15px; height: 10px; background-size: 15px 10px; }
.footer__studio-links { display: none; }
.footer__contact { width: 100%; height: 70px; margin: 32px 0px 0px; border: 2px solid rgb(0, 121, 155); transition: background 0.6s, color 0.6s, border-color 0.6s; }
.footer__contact::before { top: -12px; right: 272px; width: 51px; height: 31px; background-size: 51px 31px; transition: top 0.6s; }
.footer__contact > span { padding: 0px 17px 0px 0px; font-size: 17px; letter-spacing: 0.1em; }
.footer__contact > span::after { width: 15px; height: 10px; background-size: 15px 10px; transition: background-image 0.6s; }
.footer__contact:hover { background: rgb(59, 64, 67); border-color: rgb(59, 64, 67); color: rgb(255, 255, 255); }
.footer__contact:hover::before { top: -42px; }
.footer__contact:hover span::after { background-image: url("../img/ab6be9587e1.png"); }
.footer__menu { z-index: 1; width: 1126px; padding: 100px 0px 100px 653px; margin: 0px auto; }
.footer__menu-item { -webkit-box-flex: 0; flex: 0 0 214px; width: 214px; margin: 0px 0px 32px; }
.footer__menu-item.about { -webkit-box-ordinal-group: 2; order: 1; }
.footer__menu-item.news { -webkit-box-ordinal-group: 3; order: 2; }
.footer__menu-item.fee { -webkit-box-ordinal-group: 4; order: 3; }
.footer__menu-item.blog { -webkit-box-ordinal-group: 5; order: 4; }
.footer__menu-item.teacher { -webkit-box-ordinal-group: 6; order: 5; }
.footer__menu-item.voice { -webkit-box-ordinal-group: 7; order: 6; }
.footer__menu-item.faq { -webkit-box-ordinal-group: 8; order: 7; }
.footer__menu-item.member { -webkit-box-ordinal-group: 9; order: 8; }
.footer__menu-item.privacy { -webkit-box-ordinal-group: 12; order: 11; margin-top: 18px; margin-bottom: 0px; }
.footer__menu-item.privacy > a { padding: 0px 0px 4px; border-bottom: 1px solid rgb(105, 105, 105); font-size: 16px; transition: opacity 0.6s; background-color: transparent !important; }
.footer__menu-item.privacy > a:hover { opacity: 0.5; }
.footer__menu-item.contact { -webkit-box-ordinal-group: 10; order: 9; }
.footer__menu-item.access { -webkit-box-ordinal-group: 11; order: 10; }
.footer__menu-item.recruit { -webkit-box-ordinal-group: 13; order: 12; margin-top: 18px; margin-bottom: 0px; }
.footer__menu-item.recruit > a { padding: 0px 0px 4px; border-bottom: 1px solid rgb(105, 105, 105); font-size: 16px; transition: opacity 0.6s; background-color: transparent !important; }
.footer__menu-item.recruit > a:hover { opacity: 0.5; }
.footer__menu-item.lesson { -webkit-box-ordinal-group: 14; order: 13; }
.footer__menu-item.faq, .footer__menu-item.member { margin-right: 0px; }
.footer__menu-item.lesson { position: absolute; top: 102px; left: 0px; -webkit-box-flex: 0; flex: 0 0 563px; width: 563px; margin-right: 0px; }
.footer__menu-item.about, .footer__menu-item.fee, .footer__menu-item.teacher, .footer__menu-item.faq, .footer__menu-item.privacy, .footer__menu-item.contact { -webkit-box-flex: 0; flex: 0 0 256px; width: 256px; }
.footer__menu-item > a { padding: 1px 5px 2px 3px; font-size: 18px; transition: background 0.6s; }
.footer__menu-item > a:hover { background: rgb(239, 239, 239); }
.footer__menu-item-text { padding: 34px 40px 58px; margin: 22px 0px 0px; background-color: rgb(255, 255, 255); font-size: 14px; line-height: 26px; }
.footer__menu-item-text > a { transition: opacity 0.6s; }
.footer__menu-item-text > a:hover { opacity: 0.5; }
.footer__copy { padding: 0px 45px 43px; margin: 45px 0px 0px; text-align: left; font-size: 13px; line-height: 1; }
.footer__copy br { display: none; }
}
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before, .slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { background: url("../img/a3afd2ad4d4.jpg") center center no-repeat rgb(255, 255, 255); }
.slick-dotted.slick-slider { }
.slick-dots { position: absolute; bottom: 2.5rem; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 2rem; height: 2rem; margin: 0px 0.5rem; cursor: pointer; padding: 10rem 12rem; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { font-family: "BIZ UDPGothic", sans-serif; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(35, 34, 35); -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(255, 255, 255); }
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi){
:root { --wp-admin-border-width-focus: 1.5px; }
}
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
:root .has-text-align-left { text-align: left; }
.aligncenter { clear: both; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
:where(figure) { margin: 0px 0px 1em; }
html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); }
@media screen and (max-width: 600px){
html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; }
}
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
:where(body) { margin: 0px; }
:where(.is-layout-flex) { gap: 0.5em; }
:where(.is-layout-grid) { gap: 0.5em; }
body .is-layout-flex { display: flex; }
.is-layout-flex { flex-wrap: wrap; align-items: center; }
.is-layout-flex > :is(*, div) { margin: 0px; }
body .is-layout-grid { display: grid; }
.is-layout-grid > :is(*, div) { margin: 0px; }
body { padding: 0px; }
.aboutAccess__imageSlider .slick-list { overflow: visible; }
@keyframes modal-video { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes modal-video-inner { 
  0% { transform: translate(0px, 100px); }
  100% { transform: translate(0px, 0px); }
}
:where([data-cl-s~="s18"]) .lessonInfo__text a { text-decoration: underline 1px; text-underline-offset: 0.2em; }
:where([data-cl-s~="s18"]) .pLesson__item { padding-top: 78px; margin-top: -78px; }
@media (any-hover: hover){
:where([data-cl-s~="s18"]) .lessonInfo__text a:hover { opacity: 0.5; }
}
:where([data-cl-s~="s19"]) .lessonInfo.fee .fee-jump { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; max-width: 900px; margin: 18px auto 8px; }
:where([data-cl-s~="s19"]) .lessonInfo.fee .fee-jump a { display: inline-flex; align-items: center; padding: 11px 22px; border-radius: 999px; border: 2px solid rgb(0, 121, 155); background: rgb(255, 255, 255); color: rgb(0, 121, 155); font-weight: 700; font-size: 15px; line-height: 1.3; text-decoration: none; transition: background 0.15s, color 0.15s, transform 0.15s, box-shadow 0.15s; }
:where([data-cl-s~="s19"]) .lessonInfo.fee .fee-jump a:hover { background: rgb(0, 121, 155); color: rgb(255, 255, 255); transform: translateY(-2px); box-shadow: rgba(0, 174, 219, 0.3) 0px 4px 10px; }
:where([data-cl-s~="s19"]) #general-a, :where([data-cl-s~="s19"]) #general-a2, :where([data-cl-s~="s19"]) #general-a3, :where([data-cl-s~="s19"]) #general-b, :where([data-cl-s~="s19"]) #kids, :where([data-cl-s~="s19"]) #kids2, :where([data-cl-s~="s19"]) #one-time { scroll-margin-top: 90px; }
@media (max-width: 600px){
:where([data-cl-s~="s19"]) .lessonInfo.fee .fee-jump a { padding: 10px 16px; font-size: 14px; }
}
:where([data-cl-s~="s20"]) .rms-faq { --g: #4F6F52; --gd: #3c5740; --line: #e4e2d8; font-family: inherit; color: rgb(47, 47, 43); line-height: 1.85; max-width: 860px; margin: 0px auto; }
:where([data-cl-s~="s20"]) .rms-faq * { box-sizing: border-box; }
:where([data-cl-s~="s20"]) .rms-faq .rms-intro { margin: 0px 0px 24px; font-size: 14.5px; color: rgb(69, 69, 64); }
:where([data-cl-s~="s20"]) .rms-faq .rms-nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0px 0px 24px; }
:where([data-cl-s~="s20"]) .rms-faq .rms-pill { display: inline-block; padding: 6px 14px; border: 1px solid var(--g); color: var(--g); border-radius: 999px; text-decoration: none; font-size: 13px; background: rgb(255, 255, 255); transition: 0.15s; }
:where([data-cl-s~="s20"]) .rms-faq .rms-pill:hover { background: var(--g); color: rgb(255, 255, 255); }
:where([data-cl-s~="s20"]) .rms-faq .rms-cat { margin-top: 36px; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa summary { list-style: none; cursor: pointer; padding: 16px 46px 16px 48px; position: relative; font-weight: 600; font-size: 15.5px; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa summary::-webkit-details-marker { display: none; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa summary::before { content: "Q"; position: absolute; left: 16px; top: 14px; width: 22px; height: 22px; background: var(--g); color: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa summary::after { content: "＋"; position: absolute; right: 18px; top: 15px; color: var(--g); font-size: 18px; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa[open] summary::after { content: "－"; }
:where([data-cl-s~="s20"]) .rms-faq .rms-qa .rms-a { padding: 14px 20px 18px 48px; color: rgb(69, 69, 64); font-size: 14.5px; border-top: 1px dashed var(--line); }
:where([data-cl-s~="s20"]) .single-blog .p-single-news-mv { display: none !important; }
:where([data-cl-s~="s20"]) .single-blog .p-single-news-info__cats { display: none !important; }
:where([data-cl-s~="s20"]) .single-blog .p-single-news-sns { display: none !important; }
:where([data-cl-s~="s20"]) .single-blog .p-single-pager { display: none !important; }
:where([data-cl-s~="s20"]) .single-blog .l-2column__side { display: none !important; }
:where([data-cl-s~="s20"]) .single-blog .l-2column__main { width: 100% !important; }
:where([data-cl-s~="s20"]) .rms-faq { position: relative; }
:where([data-cl-s~="s20"]) .rms-faq::after { content: ""; position: absolute; top: -175px; right: 10px; width: 165px; height: 165px; pointer-events: none; z-index: 3; background: url("../img/a738e52bbaa.webp") center center / contain no-repeat; }
@media (max-width: 640px){
:where([data-cl-s~="s20"]) .rms-faq::after { display: none; }
:where([data-cl-s~="s20"]) .single-blog .p-single-news-info { position: relative; }
:where([data-cl-s~="s20"]) .single-blog .p-single-news-info::before { content: ""; position: absolute; left: 50%; top: -230px; transform: translateX(-50%); width: 140px; height: 140px; z-index: 3; pointer-events: none; background: url("../img/a738e52bbaa.webp") center center / contain no-repeat; }
}
:where([data-cl-s~="s22"]) .wp-block-image img { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; }
@media not (prefers-reduced-motion){
:where([data-cl-s~="s22"]) .wp-block-image img.show { animation: 0.4s ease 0s 1 normal none running show-content-image; }
}
:where([data-cl-s~="s22"]) .wp-block-image .aligncenter, :where([data-cl-s~="s22"]) .wp-block-image .alignleft, :where([data-cl-s~="s22"]) .wp-block-image .alignright, :where([data-cl-s~="s22"]) .wp-block-image.aligncenter, :where([data-cl-s~="s22"]) .wp-block-image.alignleft, :where([data-cl-s~="s22"]) .wp-block-image.alignright { display: table; }
:where([data-cl-s~="s22"]) .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; }
:where([data-cl-s~="s22"]) .wp-block-image.is-style-circle-mask img { border-radius: 9999px; }
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
:where([data-cl-s~="s22"]) .wp-block-image.is-style-circle-mask img { border-radius: 0px; mask-image: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>"); mask-mode: alpha; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; }
}
:root:where([data-cl-s~="s22"]) :where(.wp-block-image.is-style-rounded img, :where([data-cl-s~="s22"]) .wp-block-image .is-style-rounded img) { border-radius: 9999px; }
:where([data-cl-s~="s22"]) .wp-block-image figure { margin: 0px; }
:where([data-cl-s~="s22"]) .wp-lightbox-container button:focus-visible { outline: -webkit-focus-ring-color auto 3px; outline-offset: 3px; }
:where([data-cl-s~="s22"]) .wp-lightbox-container button:focus, :where([data-cl-s~="s22"]) .wp-lightbox-container button:hover, :where([data-cl-s~="s22"]) .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { background-color: rgba(90, 90, 90, 0.25); border: none; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-close-button:focus, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-close-button:hover, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background) { background: none; border: none; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg { height: 1em; width: 1em; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden], :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden] { display: none; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background), :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background) { background: none; border: none; padding: 0px 8px; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg, :where([data-cl-s~="s22"]) .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg { display: block; height: 1.5em; width: 1.5em; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.active { visibility: visible; }
@media not (prefers-reduced-motion){
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.active { animation: 0.25s ease 0s 1 normal both running turn-on-visibility; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.active img { animation: 0.35s ease 0s 1 normal both running turn-on-visibility; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.show-closing-animation:not(.active) { animation: 0.35s ease 0s 1 normal both running turn-off-visibility; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.show-closing-animation:not(.active) img { animation: 0.25s ease 0s 1 normal both running turn-off-visibility; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.active { animation: auto ease 0s 1 normal none running none; opacity: 1; visibility: visible; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.active .lightbox-image-container { animation: 0.4s ease 0s 1 normal none running lightbox-zoom-in; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.active .lightbox-image-container img { animation: auto ease 0s 1 normal none running none; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.active .scrim { animation: 0.4s ease 0s 1 normal forwards running turn-on-visibility; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) { animation: auto ease 0s 1 normal none running none; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container { animation: 0.4s ease 0s 1 normal none running lightbox-zoom-out; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img { animation: auto ease 0s 1 normal none running none; }
:where([data-cl-s~="s22"]) .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim { animation: 0.4s ease 0s 1 normal forwards running turn-off-visibility; }
}
@keyframes show-content-image { 
  0% { visibility: hidden; }
  99% { visibility: hidden; }
  100% { visibility: visible; }
}
@keyframes turn-on-visibility { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes turn-off-visibility { 
  0% { opacity: 1; visibility: visible; }
  99% { opacity: 0; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes lightbox-zoom-in { 
  0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); }
  100% { transform: translate(-50%, -50%) scale(1); }
}
@keyframes lightbox-zoom-out { 
  0% { transform: translate(-50%, -50%) scale(1); visibility: visible; }
  99% { visibility: visible; }
  100% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); visibility: hidden; }
}
:where([data-cl-s~="s23"]) .is-small-text { font-size: 0.875em; }
:where([data-cl-s~="s23"]) .is-regular-text { font-size: 1em; }
:where([data-cl-s~="s23"]) .is-large-text { font-size: 2.25em; }
:where([data-cl-s~="s23"]) .is-larger-text { font-size: 3em; }
:where([data-cl-s~="s24"]) .wp-block-columns { box-sizing: border-box; display: flex; flex-wrap: wrap !important; }
@media (min-width: 782px){
:where([data-cl-s~="s24"]) .wp-block-columns { flex-wrap: nowrap !important; }
}
:where([data-cl-s~="s24"]) .wp-block-columns { align-items: normal !important; }
@media (max-width: 781px){
:where([data-cl-s~="s24"]) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; }
}
@media (min-width: 782px){
:where([data-cl-s~="s24"]) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0px; flex-grow: 1; }
:where([data-cl-s~="s24"]) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
}
:where([data-cl-s~="s24"]) .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; }
:where([data-cl-s~="s24"]) .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0px; flex-grow: 1; }
:where([data-cl-s~="s24"]) .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
:where([data-cl-s~="s24"]) :where(.wp-block-columns) { margin-bottom: 1.75em; }
:where([data-cl-s~="s24"]) .wp-block-column { flex-grow: 1; min-width: 0px; overflow-wrap: break-word; word-break: break-word; }
:where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-top { align-self: flex-start; }
:where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-center { align-self: center; }
:where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; }
:where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-stretch { align-self: stretch; }
:where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-bottom, :where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-center, :where([data-cl-s~="s24"]) .wp-block-column.is-vertically-aligned-top { width: 100%; }
:root:where([data-cl-s~="s25"]) { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
:where([data-cl-s~="s25"]) :where(body) { margin: 0px; }
:where([data-cl-s~="s25"]) :where(.is-layout-flex) { gap: 0.5em; }
:where([data-cl-s~="s25"]) :where(.is-layout-grid) { gap: 0.5em; }
:where([data-cl-s~="s25"]) body .is-layout-flex { display: flex; }
:where([data-cl-s~="s25"]) .is-layout-flex { flex-wrap: wrap; align-items: center; }
:where([data-cl-s~="s25"]) .is-layout-flex > :is(*, :where([data-cl-s~="s25"]) div) { margin: 0px; }
:where([data-cl-s~="s25"]) body .is-layout-grid { display: grid; }
:where([data-cl-s~="s25"]) .is-layout-grid > :is(*, :where([data-cl-s~="s25"]) div) { margin: 0px; }
:where([data-cl-s~="s25"]) body { padding: 0px; }
:root:where([data-cl-s~="s25"]) :where(.wp-element-button, :where([data-cl-s~="s25"]) .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }
:where([data-cl-s~="s25"]) :where(.wp-block-columns.is-layout-flex) { gap: 2em; }
:where([data-cl-s~="s25"]) :where(.wp-block-columns.is-layout-grid) { gap: 2em; }
:where([data-cl-s~="s26"]) .wp-container-core-columns-is-layout-8f761849 { flex-wrap: nowrap; }
:where([data-cl-s~="s27"]) .is-small-text { font-size: 0.875em; }
:where([data-cl-s~="s27"]) .is-regular-text { font-size: 1em; }
:where([data-cl-s~="s27"]) .is-large-text { font-size: 2.25em; }
:where([data-cl-s~="s27"]) .is-larger-text { font-size: 3em; }
.clone-wordmark { font-weight: 700; font-size: 1.15em; line-height: 1.1; letter-spacing: -0.01em; white-space: nowrap; color: inherit !important; text-decoration: none !important; }
a:has(> .clone-wordmark), a:has(.clone-wordmark) { color: inherit !important; text-decoration: none !important; }
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 768px){
html { max-width: 100%; }
body { overflow-x: clip; max-width: 100%; }
}
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3; font-size: 1.05em; }
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 40px; display: block !important; position: fixed !important; inset: 0px auto 0px 0px !important; width: min(86vw, 360px) !important; height: 100% !important; overflow: auto !important; z-index: 2147483000 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
.clone-bg-veil { box-shadow: rgba(255, 255, 255, 0.84) 0px 0px 0px 100vmax inset !important; }
.clone-form-note { margin: 1em 0px; padding: 0.9em 1.1em; border-radius: 8px; background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12); color: inherit; font-size: 0.95em; line-height: 1.45; }
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
.clone-contact { margin: 1.2em 0px; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }