:root {--black:#333333;--white:#ffffff;--green01:#00834D;--green02:#6EC388;--yellow:#FEDD74;--green03:#D5EFDD;--gray01:#DADADA;--gray02: #d0d0d0;--fv:#f9f9f9;}
*{color:var(--black);font-family:"Poppins",serif;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.size8{font-size:8px}.size9{font-size:9px}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size15{font-size:15px}.size16{font-size:16px}.size17{font-size:17px}.size18{font-size:18px}.size19{font-size:19px}.size20{font-size:20px}.size21{font-size:21px}.size22{font-size:22px}.size23{font-size:23px}.size24{font-size:24px}.size25{font-size:25px}.size26{font-size:26px}.size27{font-size:27px}.size28{font-size:28px}.size29{font-size:29px}.size30{font-size:30px}.size31{font-size:31px}.size32{font-size:32px}.size33{font-size:33px}.size34{font-size:34px}.size35{font-size:35px}.size36{font-size:36px}.size37{font-size:37px}.size38{font-size:38px}.size39{font-size:39px}.size40{font-size:40px}.size41{font-size:41px}.size42{font-size:42px}.size43{font-size:43px}.size44{font-size:44px}.size45{font-size:45px}.size46{font-size:46px}.size47{font-size:47px}.size48{font-size:48px}.size49{font-size:49px}.size50{font-size:50px}.size51{font-size:51px}.size52{font-size:52px}.size53{font-size:53px}.size54{font-size:54px}.size55{font-size:55px}.size56{font-size:56px}.size57{font-size:57px}.size58{font-size:58px}.size59{font-size:59px}.size60{font-size:60px}.size61{font-size:61px}.size62{font-size:62px}.size63{font-size:63px}.size64{font-size:64px}.size65{font-size:65px}.size66{font-size:66px}.size67{font-size:67px}.size68{font-size:68px}.size69{font-size:69px}.size70{font-size:70px}
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.margin0auto{margin:0 auto}
.p0{padding:0;}
.pt0{padding-top:0;}
.pr0{padding-right:0;}
.pb0{padding-bottom:0;}
.pl0{padding-left:0;}
.m0{margin:0;}.mt0{margin-top:0;}
.mr0{margin-right:0;}
.mb0{margin-bottom:0;}
.ml0{margin-left:0;}
.none{display:none}.block{display:block}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.bold{font-weight:700}.semibold{font-weight:600}.medium{font-weight:500}.normal{font-weight:400}.light{font-weight:300}.thin{font-weight:100}.italic{font-style:italic}
.center{text-align:center}.left{text-align:left}.right{text-align:right}
.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.vertical-bottom{vertical-align:bottom}
.poppins{font-family:"Poppins",serif}
.zen-maru-gothic{font-family:"Zen Maru Gothic",serif}
.noto-sans-jp font{font-family:"Noto Sans JP", sans-serif;}
.poppins{font-family:"Poppins",serif}
.zen-maru-gothic font{font-family:"Zen Maru Gothic",serif}
.noto-sans-jp font{font-family:"Noto Sans JP", sans-serif;}
.black{color: var(--black);}.white{color: var(--white);}.green01{color: var(--green01);}.green02{color: var(--green02);}.yellow{color: var(--yellow);}.green03{color: var(--green03);}
.black font{color: var(--black);}.white font{color: var(--white);}.green01 font{color: var(--green01);}.green02 font{color: var(--green02);}.yellow font{color: var(--yellow);}.green03 font{color: var(--green03);}
.bg-black{background-color: var(--black);}.bg-white{background-color: var(--white);}.bg-green01{background-color:var(--green01);}.bg-green02{background-color:var(--green02);}.bg-yellow{background-color:var(--yellow);}.bg-green03{background-color:var(--green03);}
.mx1440{max-width: 1440px;}
.mx1080{max-width: 1080px;}
.mxauto{margin-left: auto;margin-right: auto;}
.nowrap{white-space: nowrap;}
.text-decoration-none{text-decoration: none;}
html[lang="auto"] .chengefonts,
html[lang="ja"] .chengefonts,
html[lang="auto"] .chengefonts font,
html[lang="ja"] .chengefonts font { font-family:"Zen Maru Gothic",serif }
html[lang="ne"] .chengefonts,
html[lang="vi"] .chengefonts,
html[lang="ne"] .chengefonts font,
html[lang="vi"] .chengefonts font { font-family:"Poppins",serif }
html[lang="auto"] .onlyja ,
html[lang="ne"] .onlyja ,
html[lang="vi"] .onlyja {display: none !important;}
[data-show-lang="ja"] {display: none;}
p {
    line-height: 1.6;
}
html {
    scroll-behavior: smooth;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--gray01);
    padding: 14px 0;
    z-index: 10;
}
header a {
    text-decoration: none;
}
header .logo {
    width: 20%;
    height: auto;
    margin-right: 10%;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
}
header .logo::before {
    display: none !important;
}
header .logo img {
    width: 100% !important;
    height: auto;
    padding: 0;
}
.header-inner {
    max-width: 1440px;
    width: 96%;
    margin: 0 auto;
}
.header-left a {
    margin-right: 6%;
    padding: 6px 0;
    transition: color .4s ease;
    position: relative;
}
.header-left a:hover {
    color: var(--green01);
}
.header-left a::before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: var(--green01);
    transition: width .4s ease ;
}
.header-left a:hover::before {
    width: 100%;
}
.header-right {
    gap: 4%;
}
.header-right .translation-btn {
    width: 30%;
    height: auto;
}
.contact-btn {
    padding: 8px 24px;
    border-radius: 20px;
}
.fv {
    padding-top: 60px;
    position: relative;
}
.fv-title {
    position: absolute;
    z-index: 2;
    top: 30%;
    left: 10%;
    transform: translateY(-50%);
}
.fv-title h1 span {
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 16px 15px 18px;
    line-height: 1;
}
.fv-title h1 span:nth-of-type(2) {
    letter-spacing: 0.05em;
}
.fv-title > span {
    position: absolute;
    top: 2px;
}
.fv-title > span:nth-of-type(1) {
    left: 44px;
}
.fv-title > span:nth-of-type(2) {
    left: 200px;
}
.fv-slider {
    position: relative;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.swiper-slide img {
    width: 100%;
    height: auto;
}

.fv-nav {
    padding: 40px 0;
}
.fv-nav-inner {
    margin: 0 auto;
    gap: 3%;
}
.fv-nav-inner a {
    border-radius: 20px;
    box-shadow: 2px 4px 9px #00834D40;
    position: relative;
    max-width: 340px;
    height: 136px;
    width: 32%;
}
.fv-nav-inner a::before {
    position: absolute;
    content: "";
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    height: 17px;
    width: 8px;
    background:  url("../images/fv-nav-arrow.webp") center center / contain no-repeat;
}
.fv-nav-inner a img {
    width: 20%;
    height: 45px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 12px;
}
.support {
    padding-top: 100px;
    position: relative;
}
.pen {
    position: absolute;
    top: 10px;
    right: 80px;
    transform: translateY(-50%);
    width: 71px;
    height: auto;
}
.books {
    position: absolute;
    top: 30px;
    right: 200px;
    width: 95px;
    height: auto;
}
.tools {
    position: absolute;
    top: 100px;
    right: 50px;
    width: 60px;
    height: auto;
}
.support-inner h2 {
    margin-bottom: 26px;
    line-height: 1;
    letter-spacing: 0.06em;
}
.support-list {
    margin-top: 50px;
}
.support-item {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 2px dashed var(--yellow);
}
.support-item:last-of-type {
    border: none;
}
.support-img img {
    width: 100%;
    height: auto;
}
.support-detail {
    margin-left: auto;
    margin-top: 40px;
}
.support-detail h3 {
    line-height: 1;
    margin-bottom: 10px;
}
.support-detail h4 {
    line-height: 1;
    margin-bottom: 30px;
}
.support-detail > p {
    margin-bottom: 40px;
    letter-spacing: 0.06em;
}
.support-detail a {
    border: 1px solid var(--gray02);
    border-radius: 40px;
    height: 70px;
    width: 335px;
    padding-left: 40px;
    position: relative;
    overflow: hidden;
}
.support-detail a > p {
    position: relative;
    z-index: 2;
}
.support-detail a span {
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    height: 70px;
    width: 70px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--yellow);
    z-index: 1;
}
.support-inner a > span::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 70px;
    width: 70px;
    transition: .4s ease;
    z-index: -1;
    background-color: var(--yellow);
    border-radius: 50%;
}
.support-detail a span::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px;
    background:  url("../images/btn-arrow.webp") center center / contain no-repeat;
}
.support-inner a:hover > span::before {
    width: 600%;
    height: 600%;
}
.about {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
}
.about-inner::before {
    position: absolute;
    content: "";
    top: 96px;
    right: 0;
    background:  url("../images/about.webp") center center / contain no-repeat;
    width: 50%;
    height: 380px;
    z-index: -1;
}
.about-inner h2 {
    margin-bottom: 26px;
    line-height: 1;
}
.about-inner h3 {
    margin-top: 50px;
    margin-bottom: 20px;
}
.about-inner a {
    border: 1px solid var(--gray02);
    border-radius: 40px;
    height: 70px;
    width: 335px;
    padding-left: 40px;
    position: relative;
    margin-top: 40px;
    overflow: hidden;
}
.about-inner a > p {
    position: relative;
    z-index: 2;
}
.about-inner a > span {
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    height: 70px;
    width: 70px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--yellow);
    z-index: 1;
}
.about-inner a > span::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 70px;
    width: 70px;
    transition: .4s ease;
    z-index: -1;
    background-color: var(--yellow);
    border-radius: 50%;
}
.about-inner a > span::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px;
    background:  url("../images/btn-arrow.webp") center center / contain no-repeat;
}
.about-inner a:hover > span::before {
    width: 600%;
    height: 600%;
}

.contact {
    padding-top: 100px;
    padding-bottom: 100px;
}
.contact-detail h2 {
    margin-bottom: 26px;
    line-height: 1;
}
.contact-detail p:nth-of-type(2) {
    margin-top: 50px;
}
.contact-inner a {
    border: 1px solid var(--gray02);
    border-radius: 60px;
    height: 100px;
    width: 445px;
    padding-left: 50px;
    position: relative;
    margin-top: 40px;
    overflow: hidden;
}
.contact-inner a > p {
    position: relative;
    z-index: 2;
}
.contact-inner a > span {
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    height: 100px;
    width: 100px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--white);
    z-index: 1;
}
.contact-inner a > span::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 100px;
    width: 100px;
    transition: .4s ease;
    z-index: -1;
    background-color: var(--white);
    border-radius: 50%;
}
.contact-inner a > span::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px;
    background:  url("../images/btn-arrow.webp") center center / contain no-repeat;
}
.contact-inner a:hover > span::before {
    width: 600%;
    height: 600%;
}
footer {
    padding-top: 60px;
}
.footer-inner {
    padding-bottom: 60px;

}
.footer-left {
    margin-bottom: 40px;
}
.footer-right {
    gap: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    width: 610px;
}
.footer-bottom {
    border-top: 1px solid var(--gray01);
    padding-top: 34px;
    padding-bottom: 34px;
}
.footer-bottom-right {
    gap: 40px;
}
#education,
#healthcare,
#housing,
#about {
    transform: translateY(-100px);
}

/* 児童教育について */
.sub-fv {
    height: 420px;
    margin-top: 80px;
    padding-top: 100px;
}
.page-education .sub-fv {
    background:  url("../images/education//fv-education.webp") center left / cover no-repeat;
}
.page-education .sub-fv h1 {
    line-height: 1;
}
.page-education .sub-fv h2 {
    line-height: 1;
    margin-top: 26px;
}
.breadcrumb {
    padding: 20px 0 0;
}
.breadcrumb-inner {
    gap: 14px;
}
.page-education .fv-nav {
    padding: 40px 0;
}
.page-education .fv-nav-inner {
    margin: 0 auto;
    gap: 3%;
}
.page-education .fv-nav-inner a {
    border-radius: 20px;
    box-shadow: 2px 4px 9px #00834D40;
    position: relative;
    max-width: 525px;
    height: 230px;
    width: 48%;
    padding-top: 30px;
}
.page-education .fv-nav-inner a::before {
    position: absolute;
    content: "";
    left: 50%;
    right: auto;
    top: auto;
    bottom: 30px;
    transform: translateX(-50%);
    width: 17px;
    height: 8px;
    background:  url("../images/education/education-fv-nav-arrow.webp") center center / contain no-repeat;
}
.page-education .fv-nav-inner a img {
    width: 20%;
    height: 60px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 28px;
}
.page-education .fv-nav-inner a h2 {
    line-height: 1;
    margin-bottom: 10px;
}
.page-education .fv-nav:last-of-type {
    padding-bottom: 100px;
}
.education-system,
.school-culture {
    padding-bottom: 40px;
    position: relative;
}
.school-culture {
    padding-bottom: 100px;
}
.education-system-row,
.school-culture-row {
    position: relative;
    margin-bottom: 40px;
}
.education-system-left h2,
.school-culture-left h2 {
    margin-bottom: 26px;
    line-height: 1;
    letter-spacing: 0.06em;
}
.education-system-left > p:nth-of-type(1),
.school-culture-left > p:nth-of-type(1) {
    padding-bottom: 50px;
}
.education-system-left > p:nth-of-type(2),
.school-culture-left > p:nth-of-type(2) {
    /* padding-bottom: 87px; */
    line-height: 2;
    letter-spacing: 0.06em;
}
.education-system-right,
.school-culture-right {
    margin-left: auto;
    width: 46%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.education-system-right .education-image01,
.school-culture-right .education-image01 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.education-system-list,
.school-culture-list {
    border: 2px solid var(--green01);
    border-radius: 30px;
    padding: 55px 50px;
}
.education-system-item,
.school-culture-item {
    padding-top: 35px;
    padding-bottom: 35px;
}
.education-system-item:first-of-type,
.school-culture-item:first-of-type {
    padding-top: 0;
}
.education-system-item:last-of-type,
.school-culture-item:last-of-type {
    padding-bottom: 0;
}
.education-system-item h3,
.school-culture-item h3 {
    line-height: 1;
    letter-spacing: 0.06em;
    position: relative;
    margin-bottom: 10px;
}
.education-system-item h3::before,
.school-culture-item h3::before {
    position: absolute;
    content: "";
    top: 50%;
    right: calc(15px + 100%);
    transform: translateY(-50%);
    width: 35px;
    height: 20px;
    background-color: var(--green01);
    opacity: 0.2;
}
.education-system-text,
.school-culture-text {
    border-bottom: 1px solid #00834D4D;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
}
.education-system-text::before,
.school-culture-text::before {
    position: absolute;
    content: "";
    right: 0px;
    top: 50%;
    height: 17px;
    width: 8px;
    transform: translateY(-50%);
    background:  url("../images/education/education-system-arrow.webp") center center / contain no-repeat;
}
.botton-nav {
    padding: 40px 0 100px;
}
.botton-nav-inner {
    margin: 0 auto;
    gap: 3%;
}
.botton-nav-inner a {
    border-radius: 20px;
    box-shadow: 2px 4px 9px #00834D40;
    position: relative;
    max-width: 340px;
    height: 136px;
    width: 32%;
}
.botton-nav-inner a::before {
    position: absolute;
    content: "";
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    height: 17px;
    width: 8px;
    background:  url("../images/fv-nav-arrow.webp") center center / contain no-repeat;
}
.botton-nav-inner a img {
    width: 20%;
    height: 45px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 12px;
}


/* 子どものヘルスケア */
.page-healthcare .sub-fv {
    background:  url("../images/healthcare/fv-healthcare.webp") center left / cover no-repeat;
}
.page-healthcare .sub-fv h1 {
    line-height: 1;
}
.page-healthcare .sub-fv h2 {
    line-height: 1;
    margin-top: 26px;
}
.page-healthcare .education-system-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.page-healthcare .education-system-left h2 {
    line-height: 1.2;
}

/* 住まい */
.page-housing .sub-fv {
    background:  url("../images/housing/fv-housing.webp") center left / cover no-repeat;
}
.page-housing .sub-fv h1 {
    line-height: 1;
}
.page-housing .sub-fv h2 {
    line-height: 1;
    margin-top: 26px;
}
.page-housing .education-system-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.page-housing .education-system-left h2 {
    line-height: 1.2;
}

/* お問い合わせ */
.page-contact .sub-fv {
    background:  url("../images/contact/fv-contact.webp") center left / cover no-repeat;
}
.page-contact .sub-fv h1 {
    line-height: 1;
}
.page-contact .sub-fv h2 {
    line-height: 1;
    margin-top: 26px;
}
.page-contact .education-system-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.page-contact .education-system-left h2 {
    line-height: 1.2;
}
.contact-inner iframe {
    width: 100%;
}

.menu {
    display: none;
}
.menu-btn {
    display: none !important;
}
.header-switcher,
.pll-switcher-select {
    outline: none;
    border: none;
    text-transform: uppercase;
}
.header-switcher li {
    order: 2;
}
.header-switcher li.current-lang {
    order: 1;
}
.header-switcher {
    position: relative;
    display: inline-block;
    width: 86px;
    cursor: pointer;
    list-style: none;
    /* padding-left: 11px; */
}
.switcher-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-switcher > li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    pointer-events: none;
}
.header-switcher > li a img {
    width: 28px !important;
    height: 16px !important;
    object-fit: contain;
    object-position: center;
}
.header-switcher > li a span {
    font-size: 16px;
}
.header-switcher-inner {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    width: 100%;
    border: 1px solid #ccc;
    z-index: 99;
    list-style: none;
    padding: 4px 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
}
.header-switcher.active .header-switcher-inner {
    opacity: 1;
    visibility: visible;
}
.gtranslate_wrapper {
    width: 100%;
}
.header-switcher-inner a {
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.header-switcher-inner a {
    width: 100%;
    padding: 4px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header-switcher-inner img {
    width: 28px !important;
    height: 16px !important;
    object-fit: contain;
    object-position: center;
}
.header-switcher-inner a span {
    font-size: 16px;
}
.header-switcher-inner a:hover {
    background-color: #ddd;
}



@media screen and (max-width:1400px) {
    .fv-title {
        left: 6%;
    }
    .fv-title h1 span {
        font-size: 3.2vw;
        padding: 1.18vw 1.12vw 1.34vw;
    }
    .fv-title > span:nth-of-type(1) {
        left: 9%;
        top: 0.1vw;
        font-size: 0.86vw;
    }
    .fv-title > span:nth-of-type(2) {
        left: 42%;
        top: 0.1vw;
        font-size: 0.86vw;
    }
}
@media screen and (max-width:1300px) {
    .logo {
        margin-right: 2.8%;
    }
    .header-left a {
        margin-right: 2.4%;
    }
    .about-inner::before {
        top: 24px;
    }
}
@media screen and (max-width:840px) {
    .menu-btn {
        position: fixed;
        top: 16px;
        right: 4%;
        z-index: 101;
        cursor: pointer;
        display: flex !important;
    }
    .menu-bar {
        position: relative;
        width: 42px;
        height: 17px;
        margin-bottom: 0.6vw;
        display: flex !important;
    }
    .menu-bar span {
        position: absolute;
        left: 0;
        width: 42px;
        height: 1px;
        background-color: var(--green01);
        transition: background-color .4s ease,opacity .4s ease,transform .4s ease,top .4s ease;
    }
    .menu-bar span:nth-of-type(1) {
        top: 0;
    }
    .menu-bar span:nth-of-type(2) {
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-bar span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-btn p {
        font-size: 14px;
        transition: color .4s ease;
    }
    .menu-btn.active .menu-bar span {
        background-color: var(--white);
    }
    .menu-btn.active .menu-bar span:nth-of-type(1) {
        top: 50%;
        transform: rotate(-18deg) translateY(-50%);
    }
    .menu-btn.active .menu-bar span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-btn.active .menu-bar span:nth-of-type(3) {
        top: 50%;
        transform: rotate(18deg) translateY(-50%);
    }
    .menu-btn.active p {
        color: var(--white);
    }
    .menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        min-height: 100vh;
        z-index: 100;
        padding-top: 10vh;
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s ease, visibility .4s ease;
    }
    .menu.active {
        opacity: 1;
        visibility: visible;
    }
    .menu-inner {
        height: 100%;
    }
    .menu-list {
        margin-bottom: 10%;
    }
    .menu-list a {
        padding:  5% 0;
        border-bottom: 2px dashed var(--yellow);
    }
    .menu-list a p:first-of-type {
        font-size: 6vw;
    }
    .menu-list a p:last-of-type {
        font-size: 4vw;
    }
    .menu-contact {
        padding: 4% 20%;
        font-size: 6vw;
        border-radius: 100px;
    }
    .menu-bottom {
        justify-self: flex-end;
        margin-top: 8vh;
    }
    .menu-bottom a {
        margin-bottom: 10%;
        font-size: 4vw;
    }

    header {
        height: 68px;
        padding: 0;
    }
    .header-inner {
        width: 92%;
        height: 100%;
        align-items: center;
    }
    .header-left {
        width: auto;
    }
    .header-left a {
        display: none;
    }
    header .logo {
        width: 117px;
        height: auto;
    }
    .header-right {
        margin-right: 60px;
        width: auto;
    }
    .header-right .translation-btn {
        width: 92px;
        height: auto;
    }
    .contact-btn {
        display: none;
    }

    .fv {
        padding-top: 100px;
        background-color: var(--fv);
    }
    .fv-title {
        top: 100px;
        left: 4%;
        transform: none;
    }
    .fv-title h1 span {
        font-size: 7vw;
        padding: 2.88vw 2.12vw 2.34vw;
    }
    .fv-title h1 span.poppins {
        font-size: 5.5vw;
    }
    .fv-title > span:nth-of-type(1) {
        top: 0.36vw;
        font-size: 1.86vw;
    }
    .fv-title > span:nth-of-type(2) {
        top: 0.36vw;
        font-size: 1.86vw;
    }
    .swiper-slide {
        height: 75vw;
    }
    .swiper-slide:nth-of-type(1) {
        background:  url("../images/fv01.webp") center left 14% / cover no-repeat;
    }
    .swiper-slide:nth-of-type(2) {
        background:  url("../images/fv02.webp") center left 14% / cover no-repeat;
    }
    .swiper-slide:nth-of-type(3) {
        background:  url("../images/fv03.webp") center left 14% / cover no-repeat;
    }
    .swiper-slide img {
        display: none;
    }

    .fv-nav {
        padding: 8% 0 6%;
    }
    .fv-nav-inner {
        flex-direction: column;
    }
    .fv-nav-inner a {
        width: 100%;
        margin-bottom: 5%;
        max-width: 100%;
        height: auto;
        padding: 5% 0;
    }
    .fv-nav-inner a::before {
        right: 5%;
        height: 20%;
        width: 3%;
    }
    .fv-nav-inner a img {
        height: 12vw;
        margin-bottom: 2vw;
    }
    .fv-nav-inner a h2 {
        font-size: 4.6vw;
    }

    .support {
        padding-top: 16vw;
    }
    .support-inner {
        width: 92%;
    }
    .support-inner h2 {
        font-size: 9.2vw;
        line-height: 1.2;
        position: relative;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .support-inner h2::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 22vw;
        height: 1px;
        background-color: var(--green01);
        opacity: 0.2;
    }
    .support-inner > p {
        font-size: 4.4vw;
    }
    .support-list {
        margin-top: 10vw;
    }
    .support-item {
        flex-direction: column;
        padding-bottom: 12vw;
        margin-bottom: 12vw;
    }
    .support-img {
        width: 100%;
    }
    .support-detail {
        width: 100%;
        margin-top: 6vw;
    }
    .support-item:nth-of-type(1) .support-detail {
        margin-top: 0vw;
    }
    .support-detail h3 {
        font-size: 8.8vw;
        margin-bottom: 2vw;
    }
    .support-detail h4 {
        font-size: 4.2vw;
        margin-bottom: 8vw;
    }
    .support-detail > p {
        font-size: 4.2vw;
        margin-bottom: 8vw;
    }
    .support-detail a {
        width: 76%;
        height: 16vw;
        border-radius: 200px;
        padding-left: 10%;
        margin-top: 8%;
    }
    .support-detail a > p {
        font-size: 4.2vw;
    }
    .support-detail a span {
        height: 16vw;
        width: 16vw;
    }
    .support-detail a > span::before {
        height: 16vw;
        width: 16vw;
    }
    .support-detail a span::after {
        height: 3vw;
        width: 3vw;
    }
    .about {
        padding-top: 16vw;
        padding-bottom: 16vw;
        overflow: hidden;
    }
    .about-inner {
        width: 92%;
    }
    .about-inner h2 {
        font-size: 9.2vw;
        line-height: 1.2;
        position: relative;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .about-inner h2::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 22vw;
        height: 1px;
        background-color: var(--green01);
        opacity: 0.2;
    }
    .about-inner::before {
        top: 17%;
        right: -6%;
        width: 92%;
        height: 62vw;
    }
    .about-inner p:first-of-type {
        font-size: 4.4vw;
    }
    .about-inner h3 {
        font-size: 6.2vw;
        line-height: 1.8;
        margin-top: 60vw;
        margin-bottom: 5vw;
    }
    .about-inner h3 br {
        display: none;
    }
    .about-inner p:nth-of-type(2) {
        font-size: 4.2vw;
    }
    .about-inner a {
        width: 92%;
        height: 20vw;
        border-radius: 200px;
        padding-left: 12%;
        margin-top: 8%;
    }
    .about-inner a > p span {
        font-size: 4.2vw;
    }
    .about-inner a > p small {
        font-size: 3.5vw;
    }
    .about-inner a > span {
        height: 20vw;
        width: 20vw;
    }
    .about-inner a > span::before {
        height: 20vw;
        width: 20vw;
    }
    .about-inner a span::after {
        height: 3.4vw;
        width: 3.4vw;
    }
    .contact {
        padding-top: 16vw;
        padding-bottom: 16vw;
        overflow: hidden;
    }
    .contact-inner {
        width: 92%;
    }
    .contact-inner h2 {
        font-size: 9.2vw;
        line-height: 1.2;
        position: relative;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .contact-inner h2::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 22vw;
        height: 1px;
        background-color: var(--white);
        opacity: 0.2;
    }
    .contact-inner::before {
        top: 17%;
        right: -6%;
        width: 92%;
        height: 62vw;
    }
    .contact-inner p:first-of-type {
        font-size: 4.4vw;
    }
    .contact-inner h3 {
        font-size: 6.2vw;
        line-height: 1.8;
        margin-top: 60vw;
        margin-bottom: 5vw;
    }
    .contact-inner a {
        width: 92%;
        height: 20vw;
        border-radius: 200px;
        padding-left: 12%;
        margin-top: 8%;
    }
    .contact-inner a > p span {
        font-size: 4.2vw;
    }
    .contact-inner a > p small {
        font-size: 3.5vw;
    }
    .contact-inner a > span {
        height: 20vw;
        width: 20vw;
    }
    .contact-inner a > span::before {
        height: 20vw;
        width: 20vw;
    }
    .contact-inner a span::after {
        height: 3.4vw;
        width: 3.4vw;
    }
    footer {
        padding-top: 16vw;
    }
    .footer-inner {
        width: 92%;
        padding-bottom: 0;
    }
    .footer-left {
        width: 34%;
    }
    .footer-left img {
        width: 100%;
        height: auto;
    }
    .footer-right {
        margin-left: 10%;
        width: 56%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-bottom: 4%;
        margin-bottom: 9%;
        gap: 0;
        border-bottom: 1px solid var(--gray01);
    }
    .footer-right a {
        font-size: 3.6vw;
        margin-bottom: 12%;
    }
    .footer-bottom {
        border: none;
        padding-top: 0;
        padding-bottom: 5vw;
    }
    .footer-bottom-inner {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .footer-bottom-inner > p {
        width: 100%;
        text-align: center;
        font-size: 3.6vw;
        padding-top: 16vw;
    }
    .footer-bottom-right {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 56%;
    }
    .footer-bottom-right a {
        margin-bottom: 10%;
    }
    .footer-bottom-right a p {
        font-size: 3.6vw;
    }
    .footer-bottom-right a img {
        width: 5.6vw;
        height: auto;
    }

    .sub-fv {
        height: 56vw;
        margin-top: 60px;
        padding-top: 10vw;
    }
    .page-education .sub-fv {
        background-position: left bottom;
        background-size: 110%;
        background-image: url("../images/education/fv-education-sp.webp");
    }
    .page-healthcare .sub-fv {
        background-position: left bottom;
        background-size: 110%;
        background-image: url("../images/healthcare/fv-healthcare-sp.webp");
    }
    .page-housing .sub-fv {
        background-position: left bottom;
        background-size: 110%;
        background-image: url("../images/healthcare/fv-healthcare-sp.webp");
    }
    .sub-fv-title {
        width: 92%;
    }
    .sub-fv h1 {
        font-size: 8.6vw;
        line-height: 1;
        position: relative;
        padding-bottom: 3.4vw;
        margin-bottom: 4vw;
    }
    .sub-fv h1::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 22vw;
        height: 1px;
        background-color: var(--green01);
        opacity: 0.2;
    }
    .sub-fv h2 {
        font-size: 4.4vw;
        margin: 0 !important;
    }
    .breadcrumb {
        padding-top: 4vw;
    }
    .breadcrumb-inner {
        align-items: center;
        gap: 4%;
    }
    .breadcrumb-inner a,
    .breadcrumb-inner p {
        font-size: 3.6vw;
    }
    .breadcrumb-inner span {
        font-size: 4.6vw;
    }
    .page-education .fv-nav {
        padding: 8vw 0;
    }
    .page-education .fv-nav-inner {
        flex-direction: column;
    }
    .page-education .fv-nav-inner a {
        width: 100%;
        height: 48vw;
        max-width: 100%;
        padding: 5% 0;
    }
    .page-education .fv-nav-inner a::before {
        height: 20%;
        width: 7.6%;
        bottom: 8%;
    }
    .page-education .fv-nav-inner a img {
        height: 12vw;
        margin-bottom: 5vw;
    }
    .page-education .fv-nav-inner a h2 {
        font-size: 5.6vw;
        margin-bottom: 1vw;
    }
    .page-education .fv-nav-inner a p {
        font-size: 3.8vw;
        margin-bottom: 0;
    }
    .school-culture {
        padding-bottom: 10vw;
    }
    .education-system-inner, 
    .school-culture-inner {
        width: 92%;
    }
    .education-system-row, 
    .school-culture-row {
        flex-direction: column;
        margin-bottom: 4vw;
    }
    .education-system-left,
    .school-culture-left {
        width: 100%;
    }
    .education-system-left h2, 
    .school-culture-left h2 {
        font-size: 9.2vw;
        line-height: 1.2;
        position: relative;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
        white-space: wrap;
    }
    .education-system-left h2::before, 
    .school-culture-left h2::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 22vw;
        height: 1px;
        background-color: var(--green01);
        opacity: 0.2;
    }
    .education-system-left > p:nth-of-type(1),
    .school-culture-left > p:nth-of-type(1) {
        font-size: 4.4vw;
        padding-bottom: 7vw;
    }
    .education-system-left > p:nth-of-type(2),
    .school-culture-left > p:nth-of-type(2) {
        font-size: 4.2vw;
        margin-bottom: 2vw;
    }
    .education-system-right, 
    .school-culture-right {
        width: 100%;
    }
    .education-system-list, 
    .school-culture-list {
        padding: 40px 5% 40px 10%;
    }

    .education-system-text, 
    .school-culture-text {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    .education-system-item h3, 
    .school-culture-item h3 {
        font-size: 6.4vw;
        margin: 0;
    }
    .education-system-item h3::before,
    .school-culture-item h3::before {
        width: 9%;
        height: 5vw;
        right: 103%;
    }
    .education-system-text p, 
    .school-culture-text p {
        font-size: 4.2vw;
        padding-right: 12.6%;
    }
    .education-system-text::before,
    .school-culture-text::before {
        width: 4%;
        height: 100%;
    }
    .contact-inner h2::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 22vw;
        height: 1px;
        background-color: var(--white);
        opacity: 0.2;
    }
    .contact-inner .contact-detail {
        width: 100%;
    }


    .page-healthcare .education-system-row {
        padding: 8vw 0;
    }
    .page-healthcare .education-system-left h2 br {
        display: none;
    }


    .page-housing .education-system-row {
        padding: 8vw 0;
    }

    .contact-inner iframe  {
        height: 520vw;
    }

    .header-switcher {
        padding-left: 11px;
    }
    [lang="auto"] .fv-title h1 span {
        font-size: 5vw;
        font-weight:600;
    }
    [lang="vi"] .fv-title h1 span {
        font-size: 5vw;
    }
}