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 { font-size: 80%; line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
a { margin: 0px; padding: 0px; font-size: 100%; text-decoration: none; vertical-align: baseline; background: transparent; }
img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
hr { display: block; height: 1px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); margin: 1em 0px; padding: 0px; }
html, body { height: 100%; }
html { font-size: 62.5%; }
body { font-size: 1.5rem; font-family: "Noto Sans JP", sans-serif; color: rgb(0, 0, 0); text-size-adjust: 100%; background: url("../img/a030780640d.jpg") 0px 0px repeat; }
main { display: block; }
* { box-sizing: border-box; }
img { width: 100%; }
a { color: rgb(0, 0, 0); }
a:link, a:visited, a:active, a:hover { overflow: hidden; outline: none; }
p, dt, dd { line-height: 2.5rem; }
.sectionInner, #headerTop, #headerNaviList, #footerinfo, .footer_menu { width: 93.3%; max-width: 1000px; margin: 0px auto; }
.sectionInner { padding: 20px 0px 100px; }
.home .sectionInner { padding-top: 40px; }
.home .sectionInner { padding: 60px 0px; }
.bg_white { background: rgb(255, 255, 255); }
.flex { display: flex; flex-wrap: wrap; }
.align-center { align-items: center; }
.sectionTitle { font-size: 2.4rem; font-weight: bold; color: #2e7a0f; text-align: center; margin-bottom: 20px; border-top: 2px solid #2e7a0f; border-bottom: 2px solid #2e7a0f; padding: 2px 0px; }
.sectionTitle span { display: block; border-top: 1px solid #2e7a0f; border-bottom: 1px solid #2e7a0f; padding: 5px 0px; }
.title_sub { font-size: 2.2rem; font-weight: bold; color: rgb(255, 255, 255); background: rgb(117, 76, 36); text-align: center; height: 34px; line-height: 34px; border-radius: 17px; margin: 0px auto 20px; }
.pagetop { display: none; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; background: #2e7a0f; color: rgb(255, 255, 255); font-size: 3rem; text-align: center; position: fixed; }
.pagetop:hover { cursor: pointer; }
.subpage_block + .subpage_block { margin-top: 100px; }
@media print, screen and (min-width: 769px){
.pc_view { display: block; }
.sp_view { display: none; }
a[href^="tel"] { pointer-events: none; }
@supports (-ms-ime-align:auto){
a[href^="tel"] { display: inline-block; vertical-align: top; }
}
.block850 { max-width: 850px; margin: 0px auto; }
.block750 { max-width: 750px; margin: 0px auto; }
.block600 { max-width: 600px; margin: 0px auto; }
.anchor_block { padding-top: 58px; margin-top: -58px; }
.sectionText { margin-bottom: 40px; }
.pagetop { width: 50px; height: 50px; line-height: 50px; border-radius: 25px; font-size: 3rem; right: 30px; bottom: 30px; }
.subpage_title { margin: 0px auto 40px; }
}
@media print, screen and (max-width: 768px){
.pc_view { display: none; }
.sp_view { display: block; }
#main { margin-top: 112px; }
.home #main { margin-top: 132px; }
.anchor_block { padding-top: 80px; margin-top: -80px; }
.sectionText { margin-bottom: 20px; }
.pagetop { width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 2.5rem; right: 20px; bottom: 20px; }
.subpage_title { margin: 0px auto 20px; }
}
@media print, screen and (max-width: 374px){
.title_sub { font-size: 2rem; }
}
#header { background: rgb(255, 255, 255); z-index: 9999; position: relative; }
#headerNavi { font-weight: bold; position: relative; }
#headerNavi li a::before, #sp_headermenu li a::before, .footer_menu li a::before, .top_bloglist h3 a::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 8px; text-align: center; }
@media print, screen and (min-width: 769px){
#header { height: 160px; }
#headerTop { height: 102px; }
#header_text { font-size: 1.2rem; line-height: 1.3; font-weight: bold; padding: 10px 0px 18px; }
#header_logo { width: 30%; }
#header_tel { width: 70%; text-align: right; }
#headerNavi { height: 58px; background: rgb(255, 255, 255); position: relative; border-bottom: 3px solid #2e7a0f; }
#headerNaviList { font-size: 0px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); }
#headerNavi li:not(:last-child) { margin-right: 1em; }
#headerNavi li:not(.sp_view) { font-size: 1.5rem; line-height: 1.5; display: inline-block; }
#headerNavi li a::before { background: rgb(255, 153, 0); color: rgb(255, 255, 255); margin-right: 3px; font-size: 1.4rem; }
}
@media print, screen and (max-width: 768px){
#header { position: fixed; top: 0px; left: 0px; right: 0px; }
#header, #headerTop { height: 110px; }
#headerTop { width: 100%; }
.header_info { width: 93.3%; margin: 0px auto; }
.header_info { padding: 10px 0px; }
#header_logo { width: calc(100% - 130px); position: relative; }
#header_logo img { width: 91%; max-width: 200px; position: absolute; top: 50%; transform: translateY(-50%); }
#sp_headerbtn { width: 130px; font-size: 0px; }
#sp_headerbtn li { display: inline-block; width: 60px; height: 60px; }
#sp_headerbtn li + li { margin-left: 10px; }
#sp_menuBtn { display: block; width: 100%; height: 100%; background: url("../img/afc1f47b140.png") 0px 0px / 60px no-repeat; }
#sp_menuBtn.closeBtn { background: url("../img/a8cce2a9ed1.png") 0px 0px / 60px no-repeat; }
#sp_headermenu { height: 30px; background: #2e7a0f; }
#sp_headermenu ul { font-size: 0px; }
#sp_headermenu li { display: inline-block; width: 50%; }
#sp_headermenu li, #sp_headermenu li a { height: 30px; line-height: 30px; text-align: center; }
#sp_headermenu li:first-child a { border-right: 1px solid rgb(255, 255, 255); }
#sp_headermenu a { font-weight: bold; display: block; width: 100%; color: rgb(255, 255, 255); }
#sp_headermenu a, #headerNavi li { font-size: 1.6rem; }
#headerNavi li a::before, #sp_headermenu li a::before, .footer_menu li a::before { width: 13px; height: 13px; line-height: 13px; font-size: 1.5rem; background: rgb(255, 255, 255); color: #2e7a0f; margin-right: 0.3em; }
#headerNavi { position: absolute; top: 80px; left: 0px; right: 0px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
#headerNaviList { width: 100%; }
#headerNaviList li { width: 50%; }
#headerNaviList span.sp_view { display: inline-block !important; }
#headerNaviList li a { display: block; background: #2e7a0f; color: rgb(255, 255, 255); font-size: 1.6rem; padding: 18px 10px; border-bottom: 1px solid rgb(255, 255, 255); height: 100%; line-height: 1.3; letter-spacing: -0.5px; }
#headerNaviList li a, .footer_menu li a { border-left: 1px solid rgb(255, 255, 255); }
#headerNaviList li:nth-child(2n) a, .footer_menu li:nth-child(2n) a { border-right: 1px solid rgb(255, 255, 255); }
#eyecatch .sectionInner { padding-top: 0px; }
}
@media print, screen and (max-width: 374px){
#headerNaviList li a { font-size: 1.3rem; }
#sp_headermenu li a { font-size: 1.4rem; }
}
.wrapper { width: 100%; position: relative; min-height: 100%; height: auto !important; }
#footer { position: absolute; bottom: 0px; width: 100%; }
#footer_map { width: 100%; height: 300px; position: relative; }
#footer { background: #2e7a0f; color: rgb(255, 255, 255); }
#footer a { color: rgb(255, 255, 255); }
.footer_menu { border-top: 1px solid rgb(255, 255, 255); padding-top: 15px; }
#copyright { background: #2e7a0f; font-size: 1.2rem; text-align: center; }
@media print, screen and (min-width: 769px){
.wrapper { padding-bottom: 240px; }
#footer { height: 240px; }
#footerinfo { max-width: 620px; margin: 20px auto; }
#footerinfo > p { width: 100px; }
.footer_data { width: calc(100% - 125px); margin-left: 25px; font-size: 1.4rem; }
.footer_data span.pc_view { display: inline-block !important; }
.footer_tel { font-size: 2rem; }
.footer_menu { text-align: center; }
.footer_menu .flex { display: block; }
.footer_menu li { display: inline-block; font-size: 1.2rem; line-height: 1.3; }
.footer_menu li:not(:last-child) { margin-right: 0.8em; margin-bottom: 1em; }
.footer_menu li a::before { background: rgb(255, 255, 255); color: #2e7a0f; width: 13px; height: 13px; line-height: 13px; margin-right: 3px; }
.footer_access, .footer_mail { margin-left: -0.5em; }
#copyright { margin-top: 10px; }
}
@media print, screen and (min-width: 769px) and (max-width: 1060px){
.wrapper { padding-bottom: 260px; }
#footer { height: 260px; }
}
@media print, screen and (max-width: 768px){
.wrapper { padding-bottom: 335px; }
#footer { height: 335px; }
#footerinfo { width: 90%; max-width: 313px; height: 110px; margin: 20px auto 17px; }
#footerinfo > p { width: 25%; }
.footer_data { width: 65%; margin-left: 5%; }
.footer_data dt { font-size: 1.7rem; }
.footer_data dd { font-size: 1.3rem; line-height: 2rem; }
.footer_mail { font-size: 1.4rem; margin-left: -0.5em; }
.footer_menu { width: 100%; height: 160px; padding-top: 0px; }
.footer_menu li { width: 50%; height: 40px; }
.footer_menu li a { display: block; width: 100%; height: 100%; padding: 0.8em; border-bottom: 1px solid rgb(255, 255, 255); font-size: 1.5rem; }
.footer_menu li:nth-last-child(-n+2) a { border-bottom: 0px; }
#copyright { font-size: 1rem; border-top: 1px solid rgb(255, 255, 255); height: 28px; line-height: 28px; }
}
@media print, screen and (max-width: 374px){
.footer_data dd { font-size: 1.2rem; }
.footer_menu li a { font-size: 1.2rem; padding: 1em; }
}
.top_mv { margin-bottom: 20px; }
.top_bloglist { background: rgb(255, 255, 255); border-radius: 10px; overflow-y: auto; }
.top_bloglist h3 { color: #2e7a0f; font-size: 2rem; padding: 18px 20px 13px; position: relative; }
.top_bloglist h3 a { color: rgb(0, 0, 0); font-size: 1.2rem; position: absolute; top: 20px; right: 18px; line-height: 1.3; }
.top_bloglist h3 a::before { color: rgb(255, 255, 255); background: #2e7a0f; width: 12px; height: 12px; line-height: 12px; font-size: 1rem; }
.top_bloglist li { padding: 15px 20px; display: table; width: 100%; }
.top_bloglist li:nth-child(2n+1) { background: rgb(255, 247, 234); }
.top_bloglist .date { color: #2e7a0f; font-size: 1.2rem; }
@media print, screen and (min-width: 769px){
#eyecatch .sectionInner { padding-top: 20px !important; }
.top_bloglist, .eyecatch_banner { width: 49%; height: 300px; }
.top_bloglist { margin-right: 2%; }
.top_bloglist h3, .top_bloglist li { height: 50px; }
.top_bloglist li a:hover, .bloglist a:hover { text-decoration: underline; }
.top_bloglist .date, .top_bloglist li a { display: table-cell; vertical-align: middle; }
.top_bloglist .date { width: 80px; }
.top_bloglist li a { width: calc(100% - 80px); }
}
@media print, screen and (max-width: 768px){
#eyecatch .flex { display: block; }
.top_bloglist { margin-bottom: 20px; }
.top_bloglist li { padding-top: 10px; }
.top_bloglist .date { display: block; margin-bottom: 5px; }
}
@media print, screen and (min-width: 769px){
.about_list li { width: 23.5%; }
.about_list li + li { margin-left: 2%; }
}
@media print, screen and (max-width: 768px){
.about_list li { width: 48.5%; margin-bottom: 10px; }
.about_list li:nth-child(2n) { margin-left: 3%; }
}
.bg_taglist li { background: url("../img/a1707359ebf.png") 50% 50% / contain no-repeat; font-size: 1.8rem; font-weight: bold; text-align: center; padding: 17px 0px 15px; }
#top_message .sectionInner > p { margin-bottom: 20px; }
.checklist { padding: 20px; margin: 0px auto 40px; }
.checklist li { font-size: 1.5rem; font-weight: bold; }
.checklist li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; color: rgb(255, 0, 0); margin-right: 5px; }
#top_message .colortitle { font-size: 2.4rem; color: rgb(255, 153, 0); font-weight: bold; text-align: center; margin-bottom: 15px; }
.message_text { margin-bottom: 0px !important; }
#top_message .colortitle::first-letter { margin-left: -0.6em; }
@media print, screen and (min-width: 769px){
.bg_taglist { margin-bottom: 40px; }
.bg_taglist li { width: 33%; margin-right: 0.5%; }
.bg_taglist li:nth-child(3n) { margin-right: 0px; }
.bg_taglist li:not(:nth-last-child(-n+3)) { margin-bottom: 10px; }
.checklist { max-width: 620px; background: url("../img/a8de1689e69.jpg") 0px 0px / contain no-repeat; }
.checklist ul:nth-of-type(2n) { margin-left: 16px; }
.checklist li + li { margin-top: 15px; }
}
@media print, screen and (min-width: 769px) and (max-width: 850px){
.bg_taglist li { font-size: 1.6rem; }
}
@media print, screen and (max-width: 768px){
.bg_taglist { display: block; margin-bottom: 34px; }
.bg_taglist li { max-width: 280px; margin: 0px auto 6px; }
.checklist { display: block; background: url("../img/a37a1858c9b.png") 0px 0px / cover no-repeat; width: 100%; max-width: 350px; }
.checklist ul + ul { margin-top: 12px; }
.checklist li + li { margin-top: 12px; }
#top_message .tsume { letter-spacing: -15px; }
}
#voicelist li { background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(191, 191, 191); }
#voicelist li dl { height: 100%; }
#voicelist li:first-child dl { background: url("../img/ac7b811ae78.png") 100% 100% / contain no-repeat; }
#voicelist li:nth-child(2) dl { background: url("../img/a50a9bcf373.png") 100% 100% / contain no-repeat; }
#voicelist li:nth-child(3) dl { background: url("../img/a50782aabbd.png") 100% 100% / contain no-repeat; }
#voicelist li:nth-child(4) dl { background: url("../img/aee94226bd9.png") 100% 100% / contain no-repeat; }
#voicelist li dt { font-size: 2rem; border-bottom: 1px solid rgb(191, 191, 191); padding-bottom: 10px; margin-bottom: 10px; }
#voicelist li dt span { font-size: 1.5rem; }
@media print, screen and (min-width: 769px){
#top_voice .block850 { margin: 0px auto; }
#voicelist li { padding: 15px 10px; width: 24%; }
#voicelist li + li { margin-left: 1.33%; }
#voicelist li dl { padding: 5px; }
}
@media print, screen and (max-width: 768px){
#voicelist { display: block; }
#voicelist li { padding: 5px; max-width: 350px; margin: 0px auto 10px; }
#voicelist li dl { padding: 15px; }
}
.faqlist, .bloglist, .articlebox { margin-bottom: 40px; }
.faqlist li, .bloglist li, .articlebox { background: rgb(255, 255, 255); border-radius: 10px; padding: 20px; }
.faqlist dt { color: #2e7a0f; margin-bottom: 0.5em; font-weight: bold; }
.faqlist dt::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; }
.faqlist dd a, .sectionText a, #applilist a:not([href^="tel"]) { color: rgb(17, 17, 204); text-decoration: underline; }
@media print, screen and (min-width: 769px){
.faqlist li + li, .bloglist li + li { margin-top: 10px; }
}
@media print, screen and (max-width: 768px){
.faqlist li + li, .bloglist li + li { margin-top: 7px; }
}
#price_inner { margin-bottom: 100px; }
.pricetable { margin: 40px auto 100px; }
.pricetable li + li { margin-top: 20px; }
.pricetitle { padding: 15px 20px; }
.pricetable li:first-child .pricetitle { background: rgb(255, 210, 131); }
.pricetable li:nth-child(2) .pricetitle { background: rgb(189, 231, 244); }
.pricetable li:nth-child(3) .pricetitle { background: rgb(255, 217, 235); }
.pricetitle h5 { font-size: 2rem; font-weight: bold; margin-bottom: 3px; }
.pricetable dl { background: rgb(255, 255, 255); display: table; width: 100%; }
.pricetable dl dt, .pricetable dl dd { display: table-cell; vertical-align: middle; }
.pricetable dl + dl { border-top: 1px dashed rgb(179, 179, 179); }
.pricetable dt, .pricetable dd { font-size: 2rem; }
.pricetable dd { text-align: right; }
.pricetable dd span:not(.tax) { font-size: 2.4rem; font-weight: bold; margin-right: -0.5em; }
.pricetable dd a { display: inline-block; font-size: 1.5rem; background: rgb(0, 0, 0); color: rgb(255, 255, 255); width: 120px; text-align: center; vertical-align: -0.2em; line-height: 1.5; }
.pricetable dd p { font-size: 1.5rem; }
.pricetable dd a { transform: rotate(0.1deg); }
#seniorclass p img { display: inline-block; }
#applilist li { padding: 20px; background: rgb(255, 255, 255); border-radius: 10px; border: 2px solid; }
#applilist li:first-child { border-color: #2e7a0f; }
#applilist li:nth-child(2) { border-color: rgb(255, 153, 0); }
#applilist li:nth-child(3) { border-color: rgb(255, 153, 204); }
#applilist h4 { font-size: 2rem; font-weight: bold; margin-bottom: 15px; }
#applilist li:first-child h4 { color: #2e7a0f; }
#applilist li:nth-child(2) h4 { color: rgb(255, 153, 0); }
#applilist li:nth-child(3) h4 { color: rgb(255, 153, 204); }
#applilist .phonenumber { display: block; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
#applilist li .tsume_short { letter-spacing: -3px; }
#applilist li .tsume { letter-spacing: -5px; }
#applilist li .tsume_full { letter-spacing: -12px; }
@media print, screen and (min-width: 769px){
.pricetable dl { padding: 15px 30px; }
.pricetable dd p { display: inline-block; margin-left: -1em; }
#seniorclass p img { width: 46.5%; margin-bottom: 10px; }
#seniorclass p img + img { margin-left: 7%; }
#application.anchor_block { margin-top: -118px; padding-top: 118px; }
#applilist li { width: 49.5%; }
#applilist li:nth-child(2n) { margin-left: 1%; }
#applilist li:not(:nth-child(-n+2)) { margin-top: 10px; }
.pricetable dd a:hover { background: #2e7a0f; }
}
@media print, screen and (max-width: 768px){
#price .title_sub { letter-spacing: -1px; }
.pricetable dl { padding: 12px 20px 15px; }
.pricetable dd span.tax { margin-right: -0.5em; }
.pricetable dd a { display: block; margin: 5px 0px 0px auto; }
#seniorclass p img { width: 48.5%; }
#seniorclass p img + img { margin-left: 3%; }
#application.anchor_block { margin-top: -140px; padding-top: 140px; }
#applilist { display: block; margin: 0px auto; }
#applilist li + li { margin-top: 10px; }
}
#refundlist li + li { margin-top: 100px; }
#refundlist .eg { margin-top: 1.5em; }
#refundlist .eg::first-letter { margin-left: -0.5em; }
#refundlist .eg span { color: #2e7a0f; }
#profile dt { background: rgb(255, 210, 131); font-weight: bold; }
#profile dd { background: rgb(255, 255, 255); }
.accessmap { width: 100%; position: relative; margin-top: 40px; }
@media print, screen and (min-width: 769px){
#profile dl { display: table; width: 100%; }
#profile dl + dl dt, #profile dl + dl dd { border-top: 1px dashed rgb(179, 179, 179); }
#profile dt, #profile dd { display: table-cell; padding: 20px 20px 18px; }
#profile dt { width: 120px; }
.accessmap { height: 400px; }
}
@media print, screen and (max-width: 768px){
#profile dt, #profile dd { padding: 15px 20px; }
#profile dd span { display: block; margin-left: -0.5em; }
.accessmap { height: 350px; }
}
.bloglist dt, .articlebox .date { color: #2e7a0f; font-size: 1.2rem; line-height: 2; }
.pager-inner { font-size: 0px; text-align: center; margin-top: 30px; }
.pager-inner li.current a { background: rgb(255, 255, 255); color: #2e7a0f; box-shadow: #2e7a0f 0px 0px 0px 1px inset; }
.pager-inner li.current a { pointer-events: none; }
.articletitle { font-size: 2rem; font-weight: bold; line-height: 2.5rem; border-bottom: 1px dashed rgb(179, 179, 179); padding-bottom: 10px; margin-bottom: 20px; }
.btn a { display: block; margin: 0px auto; max-width: 240px; width: 100%; height: 50px; line-height: 50px; border-radius: 25px; text-align: center; font-size: 2rem; color: rgb(255, 255, 255); font-weight: bold; background: #2e7a0f; }
@media print, screen and (min-width: 769px){
.articletext { overflow: hidden; }
.articletext img { float: right; width: 25%; margin-left: 2%; height: auto; display: table-cell; }
.articletext .content { width: auto; max-width: 100%; display: table-cell; line-height: 1.5em; }
.btn a:hover { background: rgb(255, 255, 255); box-shadow: #2e7a0f 0px 0px 0px 1px inset; color: #2e7a0f; }
}
@media print, screen and (max-width: 768px){
.articletext img { display: block; width: 64.5%; max-width: 200px; margin: 0px auto 20px; }
}
.textbold { font-weight: bold; color: #2e7a0f; }
.textbold2 { font-weight: bold; color: rgb(255, 153, 0); }
.textbold3 { font-weight: bold; background: linear-gradient(transparent 0%, rgb(255, 255, 102) 0%); }
.pricetable dd p.refund_link { display: block; }
.eo-fullcalendar .fc-day-header.fc-sat { background: rgb(210, 232, 255); }
.eo-fullcalendar .fc-day-header.fc-sun { background: rgb(255, 208, 208); }
.eo-fullcalendar .fc-bg .fc-sat { background: rgb(245, 250, 255); }
.eo-fullcalendar .fc-bg .fc-sun { background: rgb(255, 242, 242); }
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody td .fc-day-grid-event { display: block; margin-bottom: 5px; padding: 0px 5px; line-height: 20px; border-radius: 10px; font-size: 1.4rem; font-feature-settings: "palt"; text-decoration: none; letter-spacing: 0px; }
span.fc-title { display: block; }
.eo-fullcalendar .fc-event { padding: 0.25em !important; }
#schedule_single { background: rgb(255, 255, 255); padding: 10px; border-radius: 10px; }
#schedule_single h4 { font-size: 2rem; text-align: center; }
ul.eo-event-meta { margin-top: 20px; }
ul.eo-upcoming-dates { margin-bottom: 10px; }
ul.eo-upcoming-dates li { margin-top: 5px; }
.eo-upcoming-dates-show-less, .eo-upcoming-dates-show-more { border-radius: 5px; padding: 0px 1em; background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
ul.eo-event-meta li:first-of-type { display: none; }
.instructor_banner { margin: 45px auto 0px; width: 75%; }
@media screen and (max-width: 767px){
.instructor_banner { width: 100%; }
}
.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; }
@keyframes a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.fa-book-open::before { content: ""; }
.fa-box-open::before { content: ""; }
.fa-door-open::before { content: ""; }
.fa-ellipsis-h::before { content: ""; }
.fa-ellipsis-v::before { content: ""; }
.fa-envelope-open::before { content: ""; }
.fa-folder-open::before { content: ""; }
.fa-frown-open::before { content: ""; }
.fa-lock-open::before { content: ""; }
.fa-opencart::before { content: ""; }
.fa-openid::before { content: ""; }
.fa-shower::before { content: ""; }
.fa-truck-loading::before { content: ""; }
.sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; }
: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; }
.screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }
.screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
: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(.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; }
:where(.wp-block-columns.is-layout-flex) { gap: 2em; }
:where(.wp-block-columns.is-layout-grid) { gap: 2em; }
:where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; }
:where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: rgb(0, 0, 0); }
.wp-pagenavi span.current { font-weight: bold; }
:where([data-cl-s~="s11"]) .pricetable li:first-child .pricetitle { background: rgb(255, 210, 131); }
:where([data-cl-s~="s11"]) .pricetable li:nth-child(2) .pricetitle { background: rgb(247, 255, 168); }
:where([data-cl-s~="s11"]) .pricetable li:nth-child(3) .pricetitle { background: rgb(189, 231, 244); }
:where([data-cl-s~="s11"]) .pricetable li:nth-child(4) .pricetitle { background: rgb(255, 217, 235); }
:where([data-cl-s~="s12"]) .eo-fullcalendar .fc-toolbar { margin-bottom: 10px; }
:where([data-cl-s~="s12"]) .eo-fullcalendar, :where([data-cl-s~="s12"]) .eo-fullcalendar button { font-size: 1em; }
:where([data-cl-s~="s12"]) .eo-fullcalendar .fc-event { font-size: 0.9em; }
:where([data-cl-s~="s12"]) .eo-fullcalendar .fc-view > table > thead { background: rgb(242, 242, 242); font-weight: 700; text-align: center; }
:where([data-cl-s~="s12"]) .eo-fullcalendar .fc-view > table > tbody { background: rgb(255, 255, 255); }
:where([data-cl-s~="s12"]) .eo-widget-cal-loading { opacity: 0.6; }
:where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar .ui-state-active .ui-state-default { background: rgb(238, 238, 238); position: relative; cursor: pointer; color: rgb(51, 51, 51); }
:where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover { color: rgb(0, 0, 0); background: rgb(221, 221, 221); }
:where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight { background: rgb(255, 255, 224); }
:where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active, :where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar .ui-datepicker-current-day.ui-state-active, :where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar .ui-state-active:hover .ui-state-active, :where([data-cl-s~="s12"]) .eo-datepicker .ui-datepicker-calendar a.ui-state-active { background: rgb(238, 238, 238); }
:where([data-cl-s~="s13"]) .eo-fullcalendar-reset div, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset footer, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset h2, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset header, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset table, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset tbody, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset td, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset tfoot, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset th, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset thead, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset tr { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: none; max-width: none; background: 0px 0px; }
:where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton table, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton tbody, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton td, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton th, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton tr, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton tr:nth-child(2n), :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-content-skeleton tr:nth-child(2n+1), :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-view-container td, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-view-container th, :where([data-cl-s~="s13"]) .eo-fullcalendar-reset .fc-view-container tr { background: 0px 0px; margin: 0px !important; padding: 0px !important; }
:where([data-cl-s~="s13"]) .eo-fullcalendar-reset.fc-unthemed .fc-today { background: rgb(252, 248, 227); }
:where([data-cl-s~="s13"]) .eo-fullcalendar a { transition: none; max-width: none; }
:where([data-cl-s~="s13"]) .eo-fullcalendar table { border-collapse: collapse; border-spacing: 0px; }
:where([data-cl-s~="s13"]) .eo-fullcalendar-loading { background: rgb(255, 255, 255); position: absolute; z-index: 5; }
:where([data-cl-s~="s13"]) .eo-fullcalendar-loading-icon { vertical-align: middle; padding: 0px 5px 5px 0px; }
:where([data-cl-s~="s13"]) .eo-fullcalendar-screen-reader-text { position: absolute; margin: -1px; padding: 0px; height: 1px; width: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
@media (max-width: 512px){
:where([data-cl-s~="s13"]) .eo-fullcalendar-responsive .fc-toolbar h2 { text-align: center; }
}
:where([data-cl-s~="s13"]) .ui-selectmenu-menu { z-index: 10 !important; }
:where([data-cl-s~="s13"]) .fc { direction: ltr; text-align: left; }
:where([data-cl-s~="s13"]) body .fc { font-size: 1em; }
:where([data-cl-s~="s13"]) .fc-unthemed .fc-popover, :where([data-cl-s~="s13"]) .fc-unthemed .fc-row, :where([data-cl-s~="s13"]) .fc-unthemed hr, :where([data-cl-s~="s13"]) .fc-unthemed tbody, :where([data-cl-s~="s13"]) .fc-unthemed td, :where([data-cl-s~="s13"]) .fc-unthemed th, :where([data-cl-s~="s13"]) .fc-unthemed thead { border-color: rgb(221, 221, 221); }
:where([data-cl-s~="s13"]) .fc-unthemed .fc-today { background: rgb(252, 248, 227); }
:where([data-cl-s~="s13"]) .fc-icon { display: inline-block; font-size: 2em; line-height: 0.5em; height: 0.5em; font-family: "Noto Sans Arabic", sans-serif; }
:where([data-cl-s~="s13"]) .fc-icon-left-single-arrow::after { content: "‹"; font-weight: 700; }
:where([data-cl-s~="s13"]) .fc-icon-right-single-arrow::after { content: "›"; font-weight: 700; }
:where([data-cl-s~="s13"]) .fc button { box-sizing: border-box; margin: 0px; height: 2.1em; padding: 0px 0.6em; font-size: 1em; white-space: nowrap; cursor: pointer; }
@media print, (max-width: 400px){
:where([data-cl-s~="s13"]) .fc button { padding: 0px 0.4em; }
}
:where([data-cl-s~="s13"]) .fc-state-default { border: 1px solid; }
:where([data-cl-s~="s13"]) .fc-state-default.fc-corner-left { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
:where([data-cl-s~="s13"]) .fc-state-default.fc-corner-right { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
:where([data-cl-s~="s13"]) .fc button .fc-icon { position: relative; top: 0.05em; margin: 0px 0.1em; }
:where([data-cl-s~="s13"]) .fc-state-default { background-color: rgb(245, 245, 245); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(51, 51, 51); text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; }
:where([data-cl-s~="s13"]) .fc-state-active, :where([data-cl-s~="s13"]) .fc-state-disabled, :where([data-cl-s~="s13"]) .fc-state-down, :where([data-cl-s~="s13"]) .fc-state-hover { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); }
:where([data-cl-s~="s13"]) .fc-state-hover { color: rgb(51, 51, 51); text-decoration: none; background-position: 0px -15px; transition: background-position 0.1s linear; }
:where([data-cl-s~="s13"]) .fc-state-active, :where([data-cl-s~="s13"]) .fc-state-down { background-color: rgb(204, 204, 204); background-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; }
:where([data-cl-s~="s13"]) .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; box-shadow: none; }
:where([data-cl-s~="s13"]) .fc-button-group { display: inline-block; }
:where([data-cl-s~="s13"]) .fc .fc-button-group > * { float: left; margin: 0px 0px 0px -1px; }
:where([data-cl-s~="s13"]) .fc .fc-button-group > :first-child { margin-left: 0px; }
:where([data-cl-s~="s13"]) .fc-clear { clear: both; }
:where([data-cl-s~="s13"]) .fc-bg, :where([data-cl-s~="s13"]) .fc-bgevent-skeleton, :where([data-cl-s~="s13"]) .fc-helper-skeleton, :where([data-cl-s~="s13"]) .fc-highlight-skeleton { position: absolute; top: 0px; left: 0px; right: 0px; }
:where([data-cl-s~="s13"]) .fc-bg { bottom: 0px; }
:where([data-cl-s~="s13"]) .fc-bg table { height: 100%; }
:where([data-cl-s~="s13"]) .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; font-size: 1em; }
:where([data-cl-s~="s13"]) .fc th { text-align: center; }
:where([data-cl-s~="s13"]) .fc td, :where([data-cl-s~="s13"]) .fc th { border-style: solid; border-width: 1px; padding: 0px; vertical-align: top; }
:where([data-cl-s~="s13"]) .fc td.fc-today { border-style: double; }
:where([data-cl-s~="s13"]) .fc .fc-row { border-style: solid; border-width: 0px; }
:where([data-cl-s~="s13"]) .fc-row table { border-left: 0px hidden transparent; border-right: 0px hidden transparent; border-bottom: 0px hidden transparent; }
:where([data-cl-s~="s13"]) .fc-row:first-child table { border-top: 0px hidden transparent; }
:where([data-cl-s~="s13"]) .fc-row { position: relative; }
:where([data-cl-s~="s13"]) .fc-row .fc-bg { z-index: 1; }
:where([data-cl-s~="s13"]) .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; }
:where([data-cl-s~="s13"]) .fc-row .fc-content-skeleton td, :where([data-cl-s~="s13"]) .fc-row .fc-helper-skeleton td { background: 0px 0px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom: 0px; }
:where([data-cl-s~="s13"]) .fc-row .fc-content-skeleton tbody td, :where([data-cl-s~="s13"]) .fc-row .fc-helper-skeleton tbody td { border-top: 0px; }
:where([data-cl-s~="s13"]) .fc-event { position: relative; display: block; font-size: 1em; line-height: 1.3; border-radius: 0px; border: 1px solid rgb(58, 135, 173); background-color: rgb(58, 135, 173); font-weight: 400; }
:where([data-cl-s~="s13"]) .fc-event, :where([data-cl-s~="s13"]) .fc-event:hover, :where([data-cl-s~="s13"]) .ui-widget .fc-event { color: rgb(255, 255, 255); text-decoration: none; }
:where([data-cl-s~="s13"]) .fc-event.fc-draggable, :where([data-cl-s~="s13"]) .fc-event[href] { cursor: pointer; }
:where([data-cl-s~="s13"]) .fc-day-grid-event { margin: 1px 2px 0px; padding: 0px 1px; }
:where([data-cl-s~="s13"]) .fc-day-grid-event .fc-time { font-weight: 700; }
:where([data-cl-s~="s13"]) .fc-day-grid .fc-row { z-index: 1; }
:where([data-cl-s~="s13"]) .fc-toolbar { text-align: center; margin-bottom: 1em; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-left { float: left; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-right { float: right; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-center { display: inline-block; }
:where([data-cl-s~="s13"]) .fc .fc-toolbar > * > * { float: left; margin-left: 0.37em; margin-right: 0.37em; }
@media print, (max-width: 601px){
:where([data-cl-s~="s13"]) .fc-toolbar { margin-bottom: 0px; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-center, :where([data-cl-s~="s13"]) .fc-toolbar .fc-left { float: inherit; display: block; }
:where([data-cl-s~="s13"]) .fc .fc-toolbar > * > *, :where([data-cl-s~="s13"]) .fc-toolbar .fc-right { float: inherit; }
}
@media print, (min-width: 514px){
:where([data-cl-s~="s13"]) .fc .fc-toolbar > * > :first-child { margin-left: 0px; margin-right: 0px; }
}
:where([data-cl-s~="s13"]) .fc-toolbar h2 { margin: 0px; }
:where([data-cl-s~="s13"]) .fc-toolbar button { position: relative; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-state-hover, :where([data-cl-s~="s13"]) .fc-toolbar .ui-state-hover { z-index: 2; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-state-down { z-index: 3; }
:where([data-cl-s~="s13"]) .fc-toolbar .fc-state-active, :where([data-cl-s~="s13"]) .fc-toolbar .ui-state-active { z-index: 4; }
:where([data-cl-s~="s13"]) .fc-toolbar button:focus { z-index: 5; }
:where([data-cl-s~="s13"]) .fc-view-container *, :where([data-cl-s~="s13"]) .fc-view-container ::after, :where([data-cl-s~="s13"]) .fc-view-container ::before { box-sizing: content-box; }
:where([data-cl-s~="s13"]) .fc-view, :where([data-cl-s~="s13"]) .fc-view > table { position: relative; z-index: 1; }
:where([data-cl-s~="s13"]) .fc-basic-view tbody .fc-row { min-height: 4em; }
:where([data-cl-s~="s13"]) .fc-basic-view .fc-day-number, :where([data-cl-s~="s13"]) .fc-basic-view .fc-week-number { padding: 0px 2px; }
:where([data-cl-s~="s13"]) .fc-basic-view td.fc-day-number, :where([data-cl-s~="s13"]) .fc-basic-view td.fc-week-number span { padding-top: 2px; padding-bottom: 2px; }
:where([data-cl-s~="s13"]) .fc-ltr .fc-basic-view .fc-day-number { text-align: right; }
:where([data-cl-s~="s13"]) .fc-day-number.fc-other-month { opacity: 0.3; }
:where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar .ui-state-default { background: rgb(238, 238, 238); position: relative; cursor: pointer; color: rgb(51, 51, 51); }
:where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover { color: rgb(0, 0, 0); background: rgb(221, 221, 221); }
:where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight { background: rgb(255, 255, 224); }
:where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active, :where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar .ui-state-active:hover .ui-state-active, :where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar a.ui-state-active { background: rgb(221, 221, 221); }
:where([data-cl-s~="s13"]) .eo-fc-datepicker .ui-datepicker-calendar .ui-datepicker-current-day.ui-state-active { background: rgb(238, 238, 238); }
@media print{
:where([data-cl-s~="s13"]) .fc { max-width: 100% !important; }
:where([data-cl-s~="s13"]) .fc-event { break-inside: avoid; background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; }
:where([data-cl-s~="s13"]) .fc-row, :where([data-cl-s~="s13"]) hr, :where([data-cl-s~="s13"]) tbody, :where([data-cl-s~="s13"]) td, :where([data-cl-s~="s13"]) th, :where([data-cl-s~="s13"]) thead { border-color: rgb(204, 204, 204) !important; background: rgb(255, 255, 255) !important; }
:where([data-cl-s~="s13"]) .fc-bg, :where([data-cl-s~="s13"]) .fc-bgevent-skeleton, :where([data-cl-s~="s13"]) .fc-helper-skeleton, :where([data-cl-s~="s13"]) .fc-highlight-skeleton { display: none; }
:where([data-cl-s~="s13"]) .fc tbody .fc-row { height: auto !important; min-height: 0px !important; }
:where([data-cl-s~="s13"]) .fc tbody .fc-row .fc-content-skeleton { position: static; padding-bottom: 0px !important; }
:where([data-cl-s~="s13"]) .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { padding-bottom: 1em; }
:where([data-cl-s~="s13"]) .fc tbody .fc-row .fc-content-skeleton table { height: 1em; }
:where([data-cl-s~="s13"]) .fc-day-grid-container, :where([data-cl-s~="s13"]) .fc-scroller, :where([data-cl-s~="s13"]) .fc-time-grid-container { overflow: visible !important; height: auto !important; }
:where([data-cl-s~="s13"]) .fc-row { border: 0px !important; margin: 0px !important; }
:where([data-cl-s~="s13"]) .fc button, :where([data-cl-s~="s13"]) .fc-button-group { display: none; }
}
:where([data-cl-s~="s14"]) .is-small-text { font-size: 0.875em; }
:where([data-cl-s~="s14"]) .is-regular-text { font-size: 1em; }
:where([data-cl-s~="s14"]) .is-large-text { font-size: 2.25em; }
:where([data-cl-s~="s14"]) .is-larger-text { font-size: 3em; }
:where([data-cl-s~="s16"]) :is(.fas, :where([data-cl-s~="s16"]) .far, :where([data-cl-s~="s16"]) .fab, :where([data-cl-s~="s16"]) .fa-solid, :where([data-cl-s~="s16"]) .fa-regular, :where([data-cl-s~="s16"]) .fa-brands, :where([data-cl-s~="s16"]) .fa-classic, :where([data-cl-s~="s16"]) .fa)::before { content: var(--fa)/""; }
@keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
:where([data-cl-s~="s16"]) .fa-cloud-showers-water { --fa: "\e4e4"; }
:where([data-cl-s~="s16"]) .fa-folder-open { --fa: "\f07c"; }
:where([data-cl-s~="s16"]) .fa-ellipsis, :where([data-cl-s~="s16"]) .fa-ellipsis-h { --fa: "\f141"; }
:where([data-cl-s~="s16"]) .fa-ellipsis-v, :where([data-cl-s~="s16"]) .fa-ellipsis-vertical { --fa: "\f142"; }
:where([data-cl-s~="s16"]) .fa-envelope-open { --fa: "\f2b6"; }
:where([data-cl-s~="s16"]) .fa-shower { --fa: "\f2cc"; }
:where([data-cl-s~="s16"]) .fa-lock-open { --fa: "\f3c1"; }
:where([data-cl-s~="s16"]) .fa-ping-pong-paddle-ball, :where([data-cl-s~="s16"]) .fa-table-tennis, :where([data-cl-s~="s16"]) .fa-table-tennis-paddle-ball { --fa: "\f45d"; }
:where([data-cl-s~="s16"]) .fa-box-open { --fa: "\f49e"; }
:where([data-cl-s~="s16"]) .fa-truck-loading, :where([data-cl-s~="s16"]) .fa-truck-ramp-box { --fa: "\f4de"; }
:where([data-cl-s~="s16"]) .fa-book-open { --fa: "\f518"; }
:where([data-cl-s~="s16"]) .fa-door-open { --fa: "\f52b"; }
:where([data-cl-s~="s16"]) .fa-face-frown-open, :where([data-cl-s~="s16"]) .fa-frown-open { --fa: "\f57a"; }
:where([data-cl-s~="s16"]) .fa-book-open-reader, :where([data-cl-s~="s16"]) .fa-book-reader { --fa: "\f5da"; }
:where([data-cl-s~="s16"]) .fa-teeth-open { --fa: "\f62f"; }
:where([data-cl-s~="s16"]) .fa-envelope-open-text { --fa: "\f658"; }
:where([data-cl-s~="s16"]) .fa-cloud-showers-heavy { --fa: "\f740"; }
:where([data-cl-s~="s16"]) :host, :root:where([data-cl-s~="s16"]) { --fa-family-brands: "Font Awesome 7 Brands"; --fa-font-brands: normal 400 1em/1 var(--fa-family-brands); }
:where([data-cl-s~="s16"]) .fa-opensuse { --fa: "\e62b"; }
:where([data-cl-s~="s16"]) .fa-openai { --fa: "\e7cf"; }
:where([data-cl-s~="s16"]) .fa-openid { --fa: "\f19b"; }
:where([data-cl-s~="s16"]) .fa-opencart { --fa: "\f23d"; }
:where([data-cl-s~="s16"]) :host, :root:where([data-cl-s~="s16"]) { --fa-font-regular: normal 400 1em/1 var(--fa-family-classic); }
:where([data-cl-s~="s16"]) :host, :root:where([data-cl-s~="s16"]) { --fa-family-classic: "Font Awesome 7 Free"; --fa-font-solid: normal 900 1em/1 var(--fa-family-classic); --fa-style-family-classic: var(--fa-family-classic); }
:root { --color-primary: #103167; --color-secondary: #536c93; --color-bg: #f2f7fa; --color-fg: #103167; --color-accent: #e4ecf1; --font-family-base: "Shippori Mincho", serif; --font-family-point: "Shippori Mincho", serif; --font-size-base: .875rem; --line-height-base: 1.8; --letter-spacing-base: .25em; --spacing-xs: clamp(30px, calc(30px + (80 - 30) * ((100vw - 390px) / (1280 - 390))), 80px); --spacing-sm: clamp(40px, calc(40px + (100 - 40) * ((100vw - 390px) / (1280 - 390))), 100px); --spacing-md: clamp(50px, calc(50px + (120 - 50) * ((100vw - 390px) / (1280 - 390))), 120px); --spacing-lg: clamp(60px, calc(60px + (140 - 60) * ((100vw - 390px) / (1280 - 390))), 140px); --radius-base: 2rem; --max-width: 810px; --shadow-elevated: 0px 2px 4px hsl(0 0% 0% / 0.7); --transition-base: .5s ease-in-out; --container-max-width: min(92%, 1000px); --blur-base: blur(10px); --bar-width: 30px; --bar-height: 2px; --bar-gap: 10px; --bar-color: #fff; --bar-bg: rgb(15 50 105 / .9); }
html:where([data-cl-s~="s17"]) { width: 100%; overflow-x: hidden; }
:where([data-cl-s~="s17"]) body { position: relative; width: 100%; margin: 0px; font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-fg); letter-spacing: var(--letter-spacing-base); }
:where([data-cl-s~="s17"]) body::before { content: ""; display: block; width: 100vw; height: 100vh; background: url("../img/a5ab22b287b.webp") 50% 0px / cover no-repeat; position: fixed; inset: 0px; z-index: -999; }
:where([data-cl-s~="s17"]) * { box-sizing: border-box; overflow-wrap: break-word; }
:where([data-cl-s~="s17"]) img { width: 100%; }
:where([data-cl-s~="s17"]) a { color: var(--color-fg); }
:where([data-cl-s~="s17"]) a:link, :where([data-cl-s~="s17"]) a:visited, :where([data-cl-s~="s17"]) a:active, :where([data-cl-s~="s17"]) a:hover { overflow: hidden; outline: none; }
:where([data-cl-s~="s17"]) a:hover { cursor: pointer; }
:where([data-cl-s~="s17"]) .pc-only { display: none; }
:where([data-cl-s~="s17"]) .sp-only { display: inline; }
@media print, screen and (min-width: 769px){
:where([data-cl-s~="s17"]) .pc-only { display: inline; }
:where([data-cl-s~="s17"]) .sp-only { display: none; }
:where([data-cl-s~="s17"]) a[href^="tel"] { display: inline-block; pointer-events: none; vertical-align: top; }
}
:where([data-cl-s~="s17"]) .section_margin { padding-top: 44px; margin-top: -44px; }
:where([data-cl-s~="s17"]) .section_inner { width: var(--container-max-width); margin: 0px auto; padding-top: clamp(30px, 16.8539px + 3.37079vw, 60px); padding-bottom: clamp(30px, 16.8539px + 3.37079vw, 60px); }
:where([data-cl-s~="s17"]) .list { display: flex; flex-wrap: wrap; gap: clamp(20px, 6.85393px + 3.37079vw, 50px) 6%; }
:where([data-cl-s~="s17"]) .list--2col li { width: 47%; text-align: center; }
:where([data-cl-s~="s17"]) .section_catch { font-size: clamp(19px, 13.3034px + 1.46067vw, 32px); font-weight: 500; text-align: center; }
:where([data-cl-s~="s17"]) .vertical_wrapper { text-align: center; }
:where([data-cl-s~="s17"]) div.vertical_wrapper { margin-bottom: var(--spacing-xs); }
:where([data-cl-s~="s17"]) .section_catch--vertical { display: inline-block; writing-mode: vertical-rl; text-align-last: left; font-size: clamp(21px, 15.3034px + 1.46067vw, 34px); letter-spacing: 0.3em; }
:where([data-cl-s~="s17"]) .section_catch--small { font-size: clamp(0.875rem, 0.601rem + 1.12vw, 1.5rem); }
:where([data-cl-s~="s17"]) .section_title { text-align: center; font-family: var(--font-family-point); margin-bottom: clamp(40px, 31.236px + 2.24719vw, 60px); }
:where([data-cl-s~="s17"]) .section_title_en { text-transform: uppercase; font-size: clamp(31px, 25.3034px + 1.46067vw, 44px); font-weight: 600; display: block; line-height: 1.1; }
:where([data-cl-s~="s17"]) .section_title_jp { font-size: 14px; font-weight: 400; letter-spacing: 0.1em; }
:where([data-cl-s~="s17"]) .section_title_sub { font-weight: 500; text-align: center; font-size: clamp(19px, 13.3034px + 1.46067vw, 32px); margin-bottom: var(--spacing-sm); }
:where([data-cl-s~="s17"]) .section_text--large { width: min(350px, 100%); margin: 0px auto; font-size: clamp(0.938rem, 0.844rem + 0.2vw, 1rem); }
:where([data-cl-s~="s17"]) .textred { color: rgb(255, 0, 0); }
:where([data-cl-s~="s17"]) .fade { opacity: 0; visibility: hidden; transition: opacity var(--transition-base), visibility var(--transition-base); }
:where([data-cl-s~="s17"]) .is-active.fade, :where([data-cl-s~="s17"]) .is-active .fade { opacity: 1; visibility: visible; }
:where([data-cl-s~="s17"]) .animation.visible-down .char { display: inline-block; opacity: 0; transform: translateY(-100%); transition: transform 1s, opacity 1s; }
:where([data-cl-s~="s17"]) .animation.visible-down.is-active .char { opacity: 1; transform: translateY(0px); }
:where([data-cl-s~="s17"]) .delay li:nth-child(1) { transition-delay: 0s; }
:where([data-cl-s~="s17"]) .delay li:nth-child(2) { transition-delay: 0.3s; }
:where([data-cl-s~="s17"]) .delay li:nth-child(3) { transition-delay: 0.6s; }
:where([data-cl-s~="s17"]) .delay li:nth-child(4) { transition-delay: 0.9s; }
:where([data-cl-s~="s17"]) .delay li:nth-child(5) { transition-delay: 1.2s; }
:where([data-cl-s~="s17"]) .delay li:nth-child(6) { transition-delay: 1.5s; }
:where([data-cl-s~="s17"]) #header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 999; height: 44px; }
:where([data-cl-s~="s17"]) #header_inner { display: flex; justify-content: space-between; height: 44px; background: linear-gradient(rgba(0, 0, 0, 0.6), transparent); position: relative; }
:where([data-cl-s~="s17"]) #header.active #header_inner, :where([data-cl-s~="s17"]) #header.scrolled #header_inner { background: none; }
:where([data-cl-s~="s17"]) #header_inner::before { content: ""; display: block; width: 100%; height: 54px; background: rgba(255, 255, 255, 0.7); filter: brightness(1.75); backdrop-filter: var(--blur-base); visibility: hidden; opacity: 0; position: absolute; top: 0px; left: 0px; right: 0px; transition: visibility var(--transition-base), opacity var(--transition-base); z-index: -1; }
:where([data-cl-s~="s17"]) #header.active #header_inner::before, :where([data-cl-s~="s17"]) #header.scrolled #header_inner::before { visibility: visible; opacity: 1; }
:where([data-cl-s~="s17"]) #header_logo { width: calc(100% - 44px); padding-left: 16px; }
:where([data-cl-s~="s17"]) #header_logo a { height: 54px; display: flex; align-items: center; }
:where([data-cl-s~="s17"]) #header_logo--sub { width: min(151px, 45.75%); margin-left: 1em; }
:where([data-cl-s~="s17"]) #header_navi { position: fixed; inset: 44px 0px 0px; width: 100vw; height: 100vh; transition: visibility var(--transition-base), opacity var(--transition-base); display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transform: translateY(-60px); }
:where([data-cl-s~="s17"]) #header_navi.is-open { visibility: visible; opacity: 1; }
:where([data-cl-s~="s17"]) #header_navi_list { display: flex; flex-direction: column; align-items: center; gap: 4em; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel) { width: 10em; }
:where([data-cl-s~="s17"]) #header_navi_list li a { font-size: 14px; font-weight: 500; line-height: 1.2; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel) a { display: block; border-left: 2px solid var(--color-primary); padding-left: 1em; }
:where([data-cl-s~="s17"]) #header_navi_list li#header_sp_tel { font-size: 16px; }
:where([data-cl-s~="s17"]) #header_navi_list li#header_sp_tel a { font-size: 1.25em; }
:where([data-cl-s~="s17"]) .burger { position: fixed; top: 0px; right: 0px; width: 54px; height: calc(var(--bar-height) * 3 + var(--bar-gap) * 2 + 28px); padding: 10px 7px; display: flex; flex-direction: column; justify-content: center; background: var(--bar-bg); border: none; }
:where([data-cl-s~="s17"]) .burger span { position: absolute; left: 50%; width: var(--bar-width); height: var(--bar-height); background: var(--bar-color); transform: translateX(-50%); transition: var(--transition-base); }
:where([data-cl-s~="s17"]) .burger span:nth-child(1) { top: calc(50% - var(--bar-gap) - var(--bar-height)); }
:where([data-cl-s~="s17"]) .burger span:nth-child(2) { top: 50%; transform: translate(-50%, -50%); }
:where([data-cl-s~="s17"]) .burger span:nth-child(3) { top: calc(50% + var(--bar-gap)); }
:where([data-cl-s~="s17"]) .burger.is-open span:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
:where([data-cl-s~="s17"]) .burger.is-open span:nth-child(2) { opacity: 0; }
:where([data-cl-s~="s17"]) .burger.is-open span:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }
:where([data-cl-s~="s17"]) #overlay { position: fixed; inset: 0px; background: rgba(255, 255, 255, 0.7); backdrop-filter: var(--blur-base); opacity: 0; visibility: hidden; transition: visibility var(--transition-base), opacity var(--transition-base); }
:where([data-cl-s~="s17"]) #overlay.is-active { opacity: 1; visibility: visible; z-index: 1; }
:where([data-cl-s~="s17"]) #mv { overflow: hidden; position: relative; z-index: -1; margin-bottom: clamp(30px, 21.236px + 2.24719vw, 50px); }
:where([data-cl-s~="s17"]) #mv_image { line-height: 0; position: relative; width: 100%; height: 0px; padding-bottom: 62.22%; }
:where([data-cl-s~="s17"]) #mv_image img { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; object-fit: cover; }
:where([data-cl-s~="s17"]) #mv_catch_wrapper { position: absolute; bottom: 8%; left: 0px; right: 0px; width: 82%; margin: 0px auto; background: linear-gradient(-45deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.85)); padding: clamp(20px, 6.85393px + 3.37079vw, 50px); }
:where([data-cl-s~="s17"]) #mv_catch { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-bottom: 15px; }
:where([data-cl-s~="s17"]) #mv_catch img:first-of-type { width: 53%; }
:where([data-cl-s~="s17"]) #mv_catch img:nth-of-type(2) { width: 45%; }
:where([data-cl-s~="s17"]) #mv_catch_sub { background: var(--color-primary); padding: 3px 10px; border-radius: var(--radius-base); line-height: 0; display: flex; align-items: center; justify-content: center; }
:where([data-cl-s~="s17"]) #introduction .vertical_wrapper { margin-bottom: clamp(20px, 6.85393px + 3.37079vw, 50px); }
:where([data-cl-s~="s17"]) #introduction .section_catch--vertical { min-height: 12em; }
:where([data-cl-s~="s17"]) #about_list { display: flex; flex-direction: column; gap: 15px; max-width: var(--max-width); margin: 0px auto; }
:where([data-cl-s~="s17"]) #about_list li { background: var(--color-accent); padding: clamp(30px, -14.8538px + 5.84795vw, 60px); }
:where([data-cl-s~="s17"]) #forpeople { background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 20%) 0% 0% / 192.75%, url("../img/a26c67b4050.webp") 70% 100% no-repeat; }
:where([data-cl-s~="s17"]) #list--target { width: 96.46%; margin: 0px auto clamp(20px, -39.8051px + 7.79727vw, 60px); }
:where([data-cl-s~="s17"]) figcaption { width: 100%; white-space: normal; line-height: 1.4; font-size: clamp(0.875rem, 0.687rem + 0.39vw, 1rem); margin-top: 5px; }
:where([data-cl-s~="s17"]) figcaption span { display: inline-block; overflow-wrap: break-word; }
:where([data-cl-s~="s17"]) #list--problem { width: 69.85%; gap: 20px; margin-bottom: clamp(1.875rem, 1.601rem + 1.12vw, 2.5rem); }
:where([data-cl-s~="s17"]) #list--problem li { width: calc(50% - 20px); aspect-ratio: 1 / 1; border-radius: 50%; position: relative; }
:where([data-cl-s~="s17"]) #list--problem li::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 255, 255, 0.9); filter: blur(5px); position: absolute; top: 0px; left: 0px; z-index: 0; }
:where([data-cl-s~="s17"]) #list--problem li > span { white-space: normal; line-height: 1.6; position: absolute; top: 52%; left: 0px; right: 0px; transform: translateY(-50%); padding: 0.5em; }
:where([data-cl-s~="s17"]) #list--problem li > span span { display: inline-block; overflow-wrap: break-word; font-size: clamp(14px, 7.98043px + 0.782779vw, 18px); font-weight: 600; }
:where([data-cl-s~="s17"]) #forpeople .section_catch { text-shadow: 0 0 5px var(--color-accent), 0 0 5px var(--color-accent), 0 0 5px var(--color-accent), 0 0 5px var(--color-accent), 0 0 5px var(--color-accent); }
:where([data-cl-s~="s17"]) #curriculum .section_inner { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
:where([data-cl-s~="s17"]) #curriculum_list { width: 90%; margin: 0 auto var(--spacing-md); row-gap: clamp(40px, 26.8539px + 3.37079vw, 70px); }
:where([data-cl-s~="s17"]) #curriculum_list .vertical_wrapper { background: radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 50%); padding: 40px; }
:where([data-cl-s~="s17"]) #curriculum_list .section_catch--vertical { font-size: clamp(22px, 5.04873px + 1.94932vw, 32px); font-weight: 500; }
:where([data-cl-s~="s17"]) #curriculum_list li dt { filter: var(--blur-base); }
:where([data-cl-s~="s17"]) #curriculum_list li.is-active dt { filter: blur(0px); transition: filter var(--transition-base); }
:where([data-cl-s~="s17"]) #curriculum_list dd { }
:where([data-cl-s~="s17"]) #method_list { flex-wrap: nowrap; justify-content: space-between; gap: normal; }
:where([data-cl-s~="s17"]) #method_list li { width: calc(20% - clamp(8px, 4.49438px + 0.898876vw, 16px)); padding: 1.5em 0px; border: 1px solid var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: clamp(16px, 12.4944px + 0.898876vw, 24px); font-weight: 500; line-height: 1.2; margin-bottom: var(--spacing-sm); }
:where([data-cl-s~="s17"]) #curriculum .section_text { width: 90%; max-width: 600px; margin: 0px auto 80px; line-height: 2rem; }
:where([data-cl-s~="s17"]) #voices .section_inner { width: 100%; background: url("../img/a95cfca238d.webp") 50% 0px / cover no-repeat; padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
:where([data-cl-s~="s17"]) #voices .section_title { color: var(--color-accent); }
:where([data-cl-s~="s17"]) #voices .list { width: min(var(--max-width), 92%); margin: 0px auto; gap: 25px 0px; }
:where([data-cl-s~="s17"]) #voices .list li { background: rgba(230, 235, 240, 0.95); padding: clamp(1.25rem, 0.976rem + 1.12vw, 1.875rem) clamp(1.25rem, 0.428rem + 3.37vw, 3.125rem); }
:where([data-cl-s~="s17"]) .voices_wrapper { display: flex; justify-content: space-between; }
:where([data-cl-s~="s17"]) .voices_image { width: 90px; text-align: center; }
:where([data-cl-s~="s17"]) .voices_image img { width: 70px; margin: 0px auto 5px; }
:where([data-cl-s~="s17"]) .voices_image figcaption { font-size: 9.3px; font-weight: 500; line-height: 1.1rem; }
:where([data-cl-s~="s17"]) .voices_text { width: calc(100% - 110px); }
:where([data-cl-s~="s17"]) .voices_title { font-size: clamp(1.125rem, 0.749rem + 0.78vw, 1.375rem); letter-spacing: 0.15em; margin-bottom: 0.5em; }
:where([data-cl-s~="s17"]) .voices_text p { font-size: 0.8rem; line-height: 1.8; }
:where([data-cl-s~="s17"]) #faq .section_inner { padding-top: var(--spacing-md); }
:where([data-cl-s~="s17"]) #faqlist dt { width: calc(100% - 1em); margin: 0px auto; font-size: clamp(1.1rem, 0.624rem + 0.78vw, 1.25rem); font-weight: 600; text-indent: -1.5em; padding-left: 1.5em; }
:where([data-cl-s~="s17"]) #faqlist dt::before { content: "Q."; }
:where([data-cl-s~="s17"]) #faqlist dd { padding: 1.5em 1.5em 2.5em; }
:where([data-cl-s~="s17"]) #faqlist dd:not(:last-of-type) { margin-bottom: 2.5em; border-bottom: 1px solid var(--color-primary); }
:where([data-cl-s~="s17"]) #fee .section_inner { width: 100%; background: var(--color-bg); padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
:where([data-cl-s~="s17"]) #fee_table { width: 92%; max-width: var(--max-width); margin: 0px auto clamp(50px, -9.80507px + 7.79727vw, 90px); }
:where([data-cl-s~="s17"]) #fee_table tbody tr:not(:last-of-type) .fee_table_wrapper { margin-bottom: 25px; }
:where([data-cl-s~="s17"]) .fee_table_title { background: var(--color-primary); color: var(--color-accent); text-align: center; font-size: clamp(19px, 17.5049px + 0.194932vw, 20px); }
:where([data-cl-s~="s17"]) .fee_table_title span { font-size: 0.8em; }
:where([data-cl-s~="s17"]) #fee_table td:empty { display: none; }
:where([data-cl-s~="s17"]) .fee_table_flex { display: flex; min-height: 120px; }
:where([data-cl-s~="s17"]) .fee_table_flex_sp_title.sp-only { writing-mode: vertical-rl; display: flex; align-items: center; justify-content: center; font-size: 16px; background: var(--color-secondary); color: var(--color-accent); width: 30px; }
:where([data-cl-s~="s17"]) .fee_table_flex:first-of-type .fee_table_flex_sp_title { border-bottom: 1px solid var(--color-accent); }
:where([data-cl-s~="s17"]) .fee_table_flex_sp_content { width: calc(100% - 30px); padding: 15px; text-align: center; border-bottom: 1px solid var(--color-primary); border-right: 1px solid var(--color-primary); display: flex; flex-direction: column; justify-content: center; }
:where([data-cl-s~="s17"]) .fee_type { border: 1px solid var(--color-primary); margin-bottom: 1.5em; font-size: 0.875rem; padding: 2px; }
:where([data-cl-s~="s17"]) .fee_installments + .fee_type:not(:first-of-type) { margin-top: 15px; }
:where([data-cl-s~="s17"]) .fee_type:not(:first-of-type) { margin-top: 2em; }
:where([data-cl-s~="s17"]) .fee_installments { display: flex; flex-direction: column; width: fit-content; margin: 0px auto; }
:where([data-cl-s~="s17"]) .fee_installments { margin-bottom: 1.5em; }
:where([data-cl-s~="s17"]) .fee_installments .text_fee_small { text-align: left; margin-bottom: 0.5em; }
:where([data-cl-s~="s17"]) .text_fee { font-size: 20px; line-height: 1; }
:where([data-cl-s~="s17"]) .text_fee_taxin { font-size: 0.5em; }
:where([data-cl-s~="s17"]) .text_fee_note { text-align: right; margin-top: 1.5em; margin-bottom: -0.75em; font-size: 0.75rem; }
:where([data-cl-s~="s17"]) .text_date { padding: 15px 0px; display: flex; flex-direction: column; row-gap: 15px; }
:where([data-cl-s~="s17"]) .text_date .text_fee { line-height: inherit; }
:where([data-cl-s~="s17"]) #refund { width: 92%; margin: 0px auto; text-align: center; }
:where([data-cl-s~="s17"]) #refund dt { font-size: clamp(21px, 16.5146px + 0.584795vw, 24px); font-weight: 500; margin: 2.5em 0px 1em; }
:where([data-cl-s~="s17"]) #refund dd { max-width: 48em; margin: 0px auto; font-size: 0.875rem; letter-spacing: clamp(0.125rem, 0.07rem + 0.22vw, 0.25rem); line-height: clamp(1.75rem, 1.673rem + 0.31vw, 1.925rem); }
:where([data-cl-s~="s17"]) #message { background: rgb(168, 189, 196); position: relative; }
:where([data-cl-s~="s17"]) #message::before { content: ""; display: block; width: min(747px, 100%); height: 0px; padding-bottom: min(524px, 70%); background: url("../img/afdb1cb5fa6.webp") 0px 0px / contain no-repeat; position: absolute; bottom: 0px; left: -20%; z-index: 0; }
:where([data-cl-s~="s17"]) #message .section_inner { padding-top: var(--spacing-md); padding-bottom: var(--spacing-lg); position: relative; }
:where([data-cl-s~="s17"]) #message .section_catch { filter: drop-shadow(rgba(90, 100, 100, 0.8) 0px 0px 5px); color: rgb(255, 255, 255); }
:where([data-cl-s~="s17"]) #message .section_text { width: min(350px, 83.18%); text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.1em; line-height: 2; margin: 0px auto clamp(4.375rem, 5.197rem - 3.37vw, 2.5rem); }
:where([data-cl-s~="s17"]) #message .section_text, :where([data-cl-s~="s17"]) .message_name { filter: drop-shadow(rgb(90, 100, 100) 0px 0px 5px); }
:where([data-cl-s~="s17"]) .message_name { width: min(275px, 60%); margin-left: auto; text-align: center; }
:where([data-cl-s~="s17"]) .message_name dt { color: rgb(255, 255, 255); font-size: 12px; letter-spacing: 0.1em; margin-bottom: 0.75em; }
:where([data-cl-s~="s17"]) .message_name dd { width: 145px; margin: 0px auto 1rem; }
:where([data-cl-s~="s17"]) #apply .section_inner { padding-top: var(--spacing-md); }
:where([data-cl-s~="s17"]) #apply .section_text { font-size: clamp(0.875rem, 0.711rem + 0.67vw, 1.25rem); text-align: center; margin-bottom: var(--spacing-sm); }
:where([data-cl-s~="s17"]) #apply_list { gap: 40px 4.8%; }
:where([data-cl-s~="s17"]) #apply_list li { text-align: center; font-family: "Noto Serif JP", serif; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) { width: calc(30.1333%); aspect-ratio: 1 / 1; background: var(--color-accent); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 50, 0.3) 3px 3px 20px; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) a { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 15px 5px; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) .apply_icon { font-size: clamp(37px, 35.6854px + 0.337079vw, 40px); margin-bottom: 10px; }
:where([data-cl-s~="s17"]) .apply_icon { line-height: 0; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) p:not(.apply_icon) { font-size: clamp(13px, 9.93258px + 0.786517vw, 20px); line-height: 1.4; }
:where([data-cl-s~="s17"]) .text_apply_small { font-size: clamp(0.8rem, 0.437rem + 0.39vw, 0.75rem); margin: 30px auto; width: 80%; }
:where([data-cl-s~="s17"]) #overview .section_inner { max-width: var(--max-width); margin: 0px auto; }
:where([data-cl-s~="s17"]) #overview_list * { }
:where([data-cl-s~="s17"]) #overview_list dt { font-weight: 500; line-height: 1; text-align: center; padding: 0.6em 0.5em; border: 1px solid var(--color-primary); }
:where([data-cl-s~="s17"]) #overview_list dd { padding: 1em 1.5em 1.5em; white-space: normal; }
:where([data-cl-s~="s17"]) #overview_list dd span { display: inline-block; overflow-wrap: break-word; }
:where([data-cl-s~="s17"]) #overview_list dd span:not(:last-of-type) { margin-right: 0.5em; }
:where([data-cl-s~="s17"]) #map { line-height: 0; }
:where([data-cl-s~="s17"]) #map iframe { width: 100%; border: none; height: clamp(18.75rem, 13.272rem + 22.47vw, 31.25rem); }
:where([data-cl-s~="s17"]) #footer { background: var(--color-accent); padding-top: clamp(40px, -19.8051px + 7.79727vw, 80px); padding-bottom: 120px; text-align: center; position: relative; }
:where([data-cl-s~="s17"]) #footer_logo { width: clamp(150px, 135.049px + 1.94932vw, 160px); margin: 0px auto clamp(20px, -17.3782px + 4.87329vw, 45px); }
:where([data-cl-s~="s17"]) #footer_logo a { display: flex; flex-direction: column; align-items: center; gap: 10px; }
:where([data-cl-s~="s17"]) #footer_info { width: fit-content; margin: 0px auto; }
:where([data-cl-s~="s17"]) #copyright { position: absolute; bottom: 0px; left: 0px; right: 0px; background: var(--color-primary); color: var(--color-accent); font-size: clamp(0.625rem, 0.57rem + 0.22vw, 0.75rem); padding: 4px 5px 60px; }
:where([data-cl-s~="s17"]) #copyright a { color: var(--color-accent); }
:where([data-cl-s~="s17"]) #footer_apply_btn { position: fixed; bottom: 10px; left: 10px; right: 10px; z-index: 1500; }
:where([data-cl-s~="s17"]) #footer_apply_btn a { display: block; text-align: center; background: linear-gradient(rgb(255, 102, 0), rgb(204, 51, 0)); color: var(--color-accent); font-size: 20px; border-radius: 5px; padding: 0.25em; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px; }
:where([data-cl-s~="s17"]) #pagetop { position: fixed; bottom: 60px; right: 15px; opacity: 0; visibility: hidden; transition: opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base); cursor: pointer; z-index: 999; }
:where([data-cl-s~="s17"]) #pagetop.show { opacity: 0.8; visibility: visible; }
@media print, screen and (max-width: 768px) and (orientation: landscape){
:where([data-cl-s~="s17"]) #header_navi { }
:where([data-cl-s~="s17"]) #header_navi_list { width: 100%; height: calc(-100px + 100vh); transform: translateY(10px); padding: 30px 0px; overflow-y: scroll; }
}
@media print, screen and (min-width: 769px){
:where([data-cl-s~="s17"]) .section_margin { padding-top: 80px; margin-top: -80px; }
:where([data-cl-s~="s17"]) a { transition: var(--transition-base); }
:where([data-cl-s~="s17"]) a:hover { opacity: 0.5; }
:where([data-cl-s~="s17"]) .burger, :where([data-cl-s~="s17"]) #overlay { display: none; }
:where([data-cl-s~="s17"]) #header, :where([data-cl-s~="s17"]) #header_inner, :where([data-cl-s~="s17"]) #header_inner::before { height: 80px; }
:where([data-cl-s~="s17"]) #header_inner::before { filter: brightness(1); }
:where([data-cl-s~="s17"]) #header_logo { width: min(375px, 35%); height: 80px; display: flex; align-items: center; }
:where([data-cl-s~="s17"]) #header_logo a { height: auto; display: flex; flex-wrap: wrap; gap: 5px; }
:where([data-cl-s~="s17"]) #header_logo--sub { width: 165px; margin-left: 0px; }
:where([data-cl-s~="s17"]) #header_navi { visibility: visible; opacity: 1; position: relative; inset: 0px; height: 80px; transition: none; width: min(600px, 65%); transform: none; }
:where([data-cl-s~="s17"]) #header_navi_list { flex-direction: row; justify-content: flex-end; width: 100%; height: 100%; gap: 0.75em; line-height: 1.4; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel) { width: auto; }
:where([data-cl-s~="s17"]) #header_navi_list li a { color: var(--color-accent); font-size: clamp(10px, 7.00975px + 0.389864vw, 12px); letter-spacing: 0.25em; font-weight: 300; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel) a { border: none; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel):not(:nth-last-child(2)) a { padding-left: 1em; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(:first-child):not(:nth-last-child(2)) { border-left: 1px solid rgb(255, 255, 255); }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel):nth-child(4) { margin-right: 2%; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel):nth-last-child(2) { width: fit-content; height: 80px; }
:where([data-cl-s~="s17"]) #header_navi_list li:not(#header_sp_tel):nth-last-child(2) a { display: flex; align-items: center; justify-content: center; font-size: clamp(10px, 7.37079px + 0.674157vw, 16px); width: 100%; height: 100%; color: rgb(255, 255, 255); background: linear-gradient(rgb(10, 33, 71), rgb(9, 84, 209)); position: relative; padding: 0px 1em; }
:where([data-cl-s~="s17"]) #header_navi_list li:nth-last-child(2) a::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: clamp(1rem, 0.25rem + 1.56vw, 1.5rem); padding-right: 5px; }
:where([data-cl-s~="s17"]) #header:not(.scrolled) #header_navi_list li:not(#header_sp_tel):not(:nth-last-child(2)) a { filter: drop-shadow(var(--shadow-elevated)); }
:where([data-cl-s~="s17"]) #mv_image { height: auto; padding-bottom: 0px; transform: none; }
:where([data-cl-s~="s17"]) #mv_image img { position: relative; }
:where([data-cl-s~="s17"]) #mv_catch_wrapper { bottom: 10.69%; width: min(460px, 35.93%); }
:where([data-cl-s~="s17"]) #mv_catch { flex-direction: column; gap: 1rem; margin-bottom: 20px; }
:where([data-cl-s~="s17"]) #mv_catch img { }
:where([data-cl-s~="s17"]) #mv_catch img:first-of-type { width: min(346px, 96.11%); }
:where([data-cl-s~="s17"]) #mv_catch img:nth-of-type(2) { width: min(292px, 81.11%); }
:where([data-cl-s~="s17"]) #mv_catch_sub { padding: 10px 15px; }
:where([data-cl-s~="s17"]) #about_list { flex-direction: row; }
:where([data-cl-s~="s17"]) #about_list li { width: 50%; }
:where([data-cl-s~="s17"]) #forpeople { background: none; }
:where([data-cl-s~="s17"]) #forpeople .section_inner { width: 92%; max-width: 1280px; background: url("../img/a26c67b4050.webp") 100% 100% / 78.12% no-repeat; }
:where([data-cl-s~="s17"]) #list--target, :where([data-cl-s~="s17"]) #problem_wrapper { width: 78.12%; }
:where([data-cl-s~="s17"]) #list--target { column-gap: 50px; }
:where([data-cl-s~="s17"]) #list--target li { width: calc(33.33% - 33.33px); }
:where([data-cl-s~="s17"]) #problem_wrapper { margin: 0px auto; }
:where([data-cl-s~="s17"]) #list--problem, :where([data-cl-s~="s17"]) #forpeople .section_catch { width: 57.12%; margin-right: auto; }
:where([data-cl-s~="s17"]) #list--problem { justify-content: center; gap: 15px; }
:where([data-cl-s~="s17"]) #list--problem li { width: calc(33.33% - 10px); }
:where([data-cl-s~="s17"]) #list--problem li span { letter-spacing: 0.1em; }
:where([data-cl-s~="s17"]) #forpeople .section_catch { text-shadow: none; white-space: normal; }
:where([data-cl-s~="s17"]) #forpeople .section_catch span { display: inline-block; }
:where([data-cl-s~="s17"]) #curriculum_list { width: min(740px, 74%); justify-content: space-between; }
:where([data-cl-s~="s17"]) #curriculum_list li { width: min(300px, 47%); }
:where([data-cl-s~="s17"]) #curriculum_list dl { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
:where([data-cl-s~="s17"]) #method_list { width: min(700px, 70%); margin: 0px auto; gap: 20px; }
:where([data-cl-s~="s17"]) #method_list li { line-height: 1.4; }
:where([data-cl-s~="s17"]) .voices_image { width: 110px; }
:where([data-cl-s~="s17"]) .voices_image img { width: 88px; }
:where([data-cl-s~="s17"]) .voices_text { width: calc(100% - 165px); }
:where([data-cl-s~="s17"]) .voices_text p { line-height: 2; }
:where([data-cl-s~="s17"]) #faqlist { max-width: var(--max-width); margin: 0px auto; }
:where([data-cl-s~="s17"]) #faqlist dd { line-height: 2.2; }
:where([data-cl-s~="s17"]) #fee_table { table-layout: fixed; }
:where([data-cl-s~="s17"]) #fee_table thead.pc-only { display: table-cell; background: var(--color-primary); color: var(--color-accent); }
:where([data-cl-s~="s17"]) #fee_table thead.pc-only tr { display: table; width: 100%; }
:where([data-cl-s~="s17"]) #fee_table thead.pc-only tr th { padding: 0.5em; }
:where([data-cl-s~="s17"]) #fee_table thead.pc-only tr th + th { border-left: 1px solid var(--color-accent); }
:where([data-cl-s~="s17"]) .th_course, :where([data-cl-s~="s17"]) .fee_table_title { width: 20%; }
:where([data-cl-s~="s17"]) .th_fee, :where([data-cl-s~="s17"]) .th_date { width: 40%; }
:where([data-cl-s~="s17"]) #fee_table tbody tr:not(:last-of-type) .fee_table_wrapper { margin-bottom: 0px; }
:where([data-cl-s~="s17"]) .fee_table_wrapper, :where([data-cl-s~="s17"]) .fee_table_wrapper dd { display: flex; }
:where([data-cl-s~="s17"]) .fee_table_wrapper dd { width: 80%; }
:where([data-cl-s~="s17"]) .fee_table_flex { width: 50%; }
:where([data-cl-s~="s17"]) .fee_table_flex_sp_title.sp-only { display: none; }
:where([data-cl-s~="s17"]) .fee_table_title { background: none; color: var(--color-primary); border-left: 1px solid var(--color-primary); border-bottom: 1px solid var(--color-primary); border-right: 1px solid var(--color-primary); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.6; }
:where([data-cl-s~="s17"]) .fee_table_title span { font-size: 0.6em; }
:where([data-cl-s~="s17"]) .fee_table_flex_sp_content { width: 100%; padding: 30px 5px 15px; }
:where([data-cl-s~="s17"]) .fee_type { width: fit-content; padding: 2px 1em; margin: 0px auto 15px; font-size: 0.75rem; }
:where([data-cl-s~="s17"]) .fee_installments { flex-direction: row; width: 100%; text-indent: 0.5em; white-space: pre; }
:where([data-cl-s~="s17"]) .fee_installments .text_fee_taxin { margin-left: -0.25em; }
:where([data-cl-s~="s17"]) .text_fee { font-size: clamp(1.063rem, 0.78rem + 0.59vw, 1.25rem); }
:where([data-cl-s~="s17"]) .text_fee_small { font-size: clamp(0.625rem, 0.437rem + 0.39vw, 0.75rem); }
:where([data-cl-s~="s17"]) #message::before { left: clamp(-200px, -500.978px + 39.1389vw, 0px); }
:where([data-cl-s~="s17"]) #message .section_catch, :where([data-cl-s~="s17"]) #message .section_text, :where([data-cl-s~="s17"]) .message_name { filter: none; }
:where([data-cl-s~="s17"]) .message_name { margin-right: auto; }
:where([data-cl-s~="s17"]) .message_name dd { margin-bottom: 0px; }
:where([data-cl-s~="s17"]) #apply_list { gap: 10px; max-width: var(--max-width); margin: 0px auto; }
:where([data-cl-s~="s17"]) #apply_list li, :where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) { width: calc(50% - 5px); aspect-ratio: auto; background: var(--color-accent); box-shadow: none; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) a { padding: 50px; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) .apply_icon, :where([data-cl-s~="s17"]) .apply_not_btn .apply_icon { margin: 0px auto 0.5em; }
:where([data-cl-s~="s17"]) #apply_list li:not(.apply_not_btn) p:not(.apply_icon), :where([data-cl-s~="s17"]) #apply_list li.apply_not_btn p:not(.apply_icon) { font-size: clamp(13px, 9.93258px + 0.786517vw, 20px); line-height: 1.8; }
:where([data-cl-s~="s17"]) .apply_info, :where([data-cl-s~="s17"]) .apply_not_btn .apply_info { display: block; font-weight: 500; font-size: 1.3em; letter-spacing: 0.1em; }
:where([data-cl-s~="s17"]) .apply_info span { font-size: 0.7em; }
:where([data-cl-s~="s17"]) .text_apply_small { font-size: clamp(0.625rem, 0.437rem + 0.39vw, 0.85rem); }
:where([data-cl-s~="s17"]) #overview_list { display: flex; flex-wrap: wrap; }
:where([data-cl-s~="s17"]) #overview_list * { }
:where([data-cl-s~="s17"]) #overview_list dt, :where([data-cl-s~="s17"]) #overview_list dd { padding: 2.5em 1.5em 2em; line-height: inherit; }
:where([data-cl-s~="s17"]) #overview_list dt { width: 200px; border-left: none; border-right: none; border-bottom: none; display: flex; align-items: center; justify-content: center; }
:where([data-cl-s~="s17"]) #overview_list dd { width: calc(100% - 200px); border-top: 1px solid var(--color-primary); }
:where([data-cl-s~="s17"]) #footer { padding-bottom: 80px; }
:where([data-cl-s~="s17"]) #footer_info { text-align: left; }
:where([data-cl-s~="s17"]) #copyright { padding-bottom: 6px; }
:where([data-cl-s~="s17"]) #pagetop { bottom: 15px; }
}
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
.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; }
.sp-hdrtel { font-size: 13px; line-height: 1.6; color: rgb(60, 42, 18); text-align: right; }
.sp-hdrtel span { display: inline-block; background: #2e7a0f; color: rgb(255, 255, 255); font-weight: 700; padding: 0px 6px; margin: 0px 6px 0px 12px; border-radius: 3px; font-size: 12px; }
.sp-hdrtel a { color: rgb(60, 42, 18); font-weight: 700; text-decoration: none; }
.sp-footlogo { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; background: rgb(46, 139, 15); color: rgb(255, 255, 255); font-weight: 700; font-size: 20px; line-height: 1.2; margin: 0px; }
.sp-footlogo small { font-size: 13px; font-weight: 700; margin-top: 4px; }
.sp-footlogo--ins { width: auto; height: auto; padding: 14px 22px; flex-direction: row; gap: 12px; font-size: 22px; }
.sp-badges { list-style: none; padding: 0px; gap: 16px; justify-content: center; }
.sp-badges li { flex: 0 0 auto; }
.sp-badges li span { display: flex; align-items: center; justify-content: center; text-align: center; width: 150px; height: 150px; border-radius: 50%; background: rgb(46, 125, 18); color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; line-height: 1.5; }
.sp-badges li:nth-child(2) span { background: rgb(194, 24, 91); }
.sp-badges li:nth-child(3) span { background: rgb(31, 111, 139); }
.sp-badges li:nth-child(4) span { background: rgb(180, 83, 9); }
@media (max-width: 767px){
.sp-badges li span { width: 130px; height: 130px; font-size: 14px; }
}
.sp-inslogo { font-size: 24px; font-weight: 700; color: rgb(46, 125, 18); margin-right: 10px; vertical-align: middle; }
.sr-only { width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.skip-link { position: absolute; left: -9999px; top: 0px; z-index: 10000; background: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 8px 14px; font-weight: 700; }
.skip-link:focus { left: 8px; top: 8px; }
.sp-badges { flex-wrap: wrap; justify-content: center; gap: 16px; display: flex !important; }
.sp-badges li { width: auto !important; margin: 0px !important; float: none !important; }
.top_mv .slick-list { overflow: hidden; width: 100% !important; }
.top_mv .slick-track { position: relative; width: 100% !important; transform: none !important; }
.top_mv .slick-slide { top: 0px; transition: opacity 1s; width: 100% !important; left: 0px !important; position: absolute !important; opacity: 0 !important; }
.top_mv .slick-slide.slick-active { position: relative !important; opacity: 1 !important; }
.top_mv .slick-slide img { display: block; width: 100% !important; height: auto !important; }
/* g31 contrast (runtime) */
.sp-footlogo--ins{background:#103167}
#message{background-color:#4a6670!important}
#applilist li:nth-child(2) h4{color:#b45309}
#applilist li:nth-child(3) h4{color:#c2185b}
.sp-footlogo{background:#256f0c!important}
.sp-footlogo--ins{background:#103167!important;color:#fff!important}
#footer_logo{color:#103167}
#message dd{color:#fff}

/* g31 VIS-050 menu toggle */
body.g31-menu-open #headerNavi{visibility:visible!important;opacity:1!important;z-index:9999;pointer-events:auto!important}