@charset "UTF-8";
html.pageLarge {
    font-size: 75%;
}

html.pageLarge header {
    font-size: 62.5%;
}


/*YELLOW*/

html.pageYellow body {
    color: black !important;
    background-color: #F4E621 !important;
}

html.pageYellow body * {
    border-color: black !important;
}

html.pageYellow *[class*="color"],
html.pageYellow .color-white,
html.pageYellow .color-black,
html.pageYellow a.btn,
html.pageYellow .goannai-2 .title,
html.pageYellow #home-goannai .en-title,
html.pageYellow .page-title,
html.pageYellow .page-breadcrumb,
html.pageYellow .page-breadcrumb a:not(:first-child),
html.pageYellow .title-page,
html.pageYellow a,
html.pageYellow .single-page,
html.pageYellow .single-page h2,
html.pageYellow .single-page h3,
html.pageYellow .single-page h4,
html.pageYellow .single-page h5,
html.pageYellow .single-page h6,
html.pageYellow .single-page .news-list .date,
html.pageYellow .header-main .content-right .list-item-change,
html.pageYellow .top-title-wrap,
html.pageYellow .breadcrums ul li,
html.pageYellow .list-about-left,
html.pageYellow .about-table-group,
html.pageYellow .contactForm select,
html.pageYellow .contactForm .case,
html.pageYellow .page-header-top-title,
html.pageYellow .box-home-social,
html.pageYellow .box-title-step-home:after,
html.pageYellow .title-main {
    color: black !important;
}

html.pageYellow *[class*="bgcl"],
html.pageYellow .bgcl-white,
html.pageYellow .bgcl-black,
html.pageYellow a.btn,
html.pageYellow #home-important .home-important::before,
html.pageYellow .page-title,
html.pageYellow .main-menu .nav-main,
html.pageYellow .breadcrums,
html.pageYellow .page-banner-top-bg span,
html.pageYellow .segment-single-header-left.menu-border-color-1,
html.pageYellow .page-title.menu-border-color-1,
html.pageYellow body.menu-border-color-1 .header-background:before,
html.pageYellow body.tax-education_cat .header-background:before,
html.pageYellow .segment-single-content-left,
html.pageYellow .pagemenu-item a.active,
html.pageYellow .pagemenu-item a:hover,
html.pageYellow .slide-home-content,
html.pageYellow .faqs-inner,
html.pageYellow .wp-pagenavi a.page,
html.pageYellow #single-content,
html.pageYellow .grad-school .box-list .box-list-title,
html.pageYellow footer,
html.pageYellow .box-blog .box-text,
html.pageYellow .box-blog .cat-wrap,
html.pageYellow .box-blog .box-image .cate-link,
html.pageYellow .box-social,
html.pageYellow .introduce,
html.pageYellow .overlay,
html.pageYellow #home-about .col-inner,
html.pageYellow .header-main .content-right .list-item-change,
html.pageYellow .top-title-wrap,
html.pageYellow .box-title-intro::after,
html.pageYellow .header-main,
html.pageYellow .contactForm .argee,
html.pageYellow .footer-copyright,
html.pageYellow .about-table-group .about-table-group-left,
html.pageYellow .box-home-social,
html.pageYellow .box-title-step-home:after {
    background-color: #F4E621 !important;
    background-image: none !important;
}

html.pageYellow a:hover {
    opacity: 0.6 !important;
    text-decoration: underline;
}


/*BLACK*/

html.pageBlack body {
    color: white !important;
    background-color: black !important;
}

html.pageBlack body * {
    border-color: white !important;
}

html.pageBlack *[class*="color"],
html.pageBlack .color-white,
html.pageBlack .color-black,
html.pageBlack a.btn,
html.pageBlack .goannai-2 .title,
html.pageBlack #home-goannai .en-title,
html.pageBlack .page-title,
html.pageBlack .page-breadcrumb,
html.pageBlack .page-breadcrumb a:not(:first-child),
html.pageBlack .title-page,
html.pageBlack a,
html.pageBlack .single-page,
html.pageBlack .single-page h2,
html.pageBlack .single-page h3,
html.pageBlack .single-page h4,
html.pageBlack .single-page h5,
html.pageBlack .single-page h6,
html.pageBlack .single-page .news-list .date,
html.pageBlack .header-main .content-right .list-item-change,
html.pageBlack .top-title-wrap,
html.pageBlack .breadcrums ul li,
html.pageBlack .list-about-left,
html.pageBlack .about-table-group,
html.pageBlack .contactForm select,
html.pageBlack .contactForm .case,
html.pageBlack .page-header-top-title,
html.pageBlack .box-home-social,
html.pageBlack .title-main {
    color: white !important;
}

html.pageBlack *[class*="bgcl"],
html.pageBlack .bgcl-white,
html.pageBlack .bgcl-black,
html.pageBlack a.btn,
html.pageBlack #home-important .home-important::before,
html.pageBlack .page-title,
html.pageBlack .main-menu .nav-main,
html.pageBlack .breadcrums,
html.pageBlack .page-banner-top-bg span,
html.pageBlack .segment-single-header-left.menu-border-color-1,
html.pageBlack .page-title.menu-border-color-1,
html.pageBlack body.menu-border-color-1 .header-background:before,
html.pageBlack body.tax-education_cat .header-background:before,
html.pageBlack .segment-single-content-left,
html.pageBlack .pagemenu-item a.active,
html.pageBlack .pagemenu-item a:hover,
html.pageBlack .slide-home-content,
html.pageBlack .faqs-inner,
html.pageBlack .wp-pagenavi a.page,
html.pageBlack #single-content,
html.pageBlack .grad-school .box-list .box-list-title,
html.pageBlack footer,
html.pageBlack .box-blog .box-text,
html.pageBlack .box-blog .cat-wrap,
html.pageBlack .box-blog .box-image .cate-link,
html.pageBlack .box-social html.pageBlack .introduce,
html.pageBlack .overlay,
html.pageBlack #home-about .col-inner,
html.pageBlack .header-main .content-right .list-item-change,
html.pageBlack .top-title-wrap,
html.pageBlack .footer-copyright,
html.pageBlack .box-title-intro::after,
html.pageBlack .box-phone-footer,
html.pageBlack .header-main,
html.pageBlack .contactForm .argee,
html.pageBlack .about-table-group .about-table-group-left,
html.pageBlack .box-home-social,
html.pageBlack .box-title-step-home:after {
    background-color: black !important;
    background-image: none !important;
}

html.pageBlack a:hover {
    opacity: 0.6 !important;
    text-decoration: underline;
}


/*BLUE*/

html.pageBlue body {
    color: white !important;
    background-color: #0071b4 !important;
}

html.pageBlue body * {
    border-color: white !important;
}

html.pageBlue *[class*="color"],
html.pageBlue .color-white,
html.pageBlue .color-black,
html.pageBlue a.btn,
html.pageBlue .goannai-2 .title,
html.pageBlue #home-goannai .en-title,
html.pageBlue .page-title,
html.pageBlue .page-breadcrumb,
html.pageBlue .page-breadcrumb a:not(:first-child),
html.pageBlue .title-page,
html.pageBlue a,
html.pageBlue .single-page,
html.pageBlue .single-page h2,
html.pageBlue .single-page h3,
html.pageBlue .single-page h4,
html.pageBlue .single-page h5,
html.pageBlue .single-page h6,
html.pageBlue .single-page .news-list .date,
html.pageBlue .header-main .content-right .list-item-change,
html.pageBlue .top-title-wrap,
html.pageBlue .breadcrums ul li,
html.pageBlue .list-about-left,
html.pageBlue .about-table-group,
html.pageBlue .contactForm select,
html.pageBlue .contactForm .case,
html.pageBlue .page-header-top-title,
html.pageBlue .title-main {
    color: white !important;
}

html.pageBlue *[class*="bgcl"],
html.pageBlue .bgcl-white,
html.pageBlue .bgcl-black,
html.pageBlue a.btn,
html.pageBlue #home-important .home-important::before,
html.pageBlue .page-title,
html.pageBlue .main-menu .nav-main,
html.pageBlue .breadcrums,
html.pageBlue .page-banner-top-bg span,
html.pageBlue .segment-single-header-left.menu-border-color-1,
html.pageBlue .page-title.menu-border-color-1,
html.pageBlue body.menu-border-color-1 .header-background:before,
html.pageBlue body.tax-education_cat .header-background:before,
html.pageBlue .segment-single-content-left,
html.pageBlue .pagemenu-item a.active,
html.pageBlue .pagemenu-item a:hover,
html.pageBlue .slide-home-content,
html.pageBlue .faqs-inner,
html.pageBlue .wp-pagenavi a.page,
html.pageBlue #single-content,
html.pageBlue .grad-school .box-list .box-list-title,
html.pageBlue footer,
html.pageBlue .box-blog .box-text,
html.pageBlue .box-blog .cat-wrap,
html.pageBlue .box-blog .box-image .cate-link,
html.pageBlue .box-social,
html.pageBlue .introduce,
html.pageBlue .overlay,
html.pageBlue #home-about .col-inner,
html.pageBlue .header-main .content-right .list-item-change,
html.pageBlue .top-title-wrap,
html.pageBlue .box-phone-footer,
html.pageBlue .box-title-intro::after,
html.pageBlue .header-main,
html.pageBlue .footer-copyright,
html.pageBlue .contactForm .argee,
html.pageBlue .about-table-group .about-table-group-left,
html.pageBlue .box-home-social,
html.pageBlue .box-title-step-home:after {
    background-color: #0071b4 !important;
    background-image: none !important;
    opacity: 1;
}

html.pageBlue a:hover {
    opacity: 0.6 !important;
    text-decoration: underline;
}

html.pageBlack .overlay,
html.pageBlue .overlay,
html.pageYellow .overlay {
    opacity: 1;
}


/*old site*/

.commonTemplate>*:first-child {
    margin-top: 0;
}

.commonTemplate.mb00 {
    margin-bottom: 0
}

.commonTemplate iframe {
    width: 100% !important;
    height: 380px !important
}

.commonTemplate .common_list_head {
    position: relative
}

.commonTemplate .common_list_head .common_list_link {
    position: absolute;
    bottom: 0;
    right: 0
}

.commonTemplate .common_list_head .common_list_link a {
    color: #3c3a39
}

.commonTemplate .fBold {
    font-weight: 700
}

.commonTemplate strong {
    font-weight: 700
}

.commonTemplate em {
    font-style: italic
}

.commonTemplate blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px
}

.commonTemplate .aligncenter {
    display: block;
    margin: 0 auto
}

.commonTemplate .alignright {
    float: right;
    margin: 0 0 30px 30px
}

.commonTemplate .alignleft {
    float: left;
    margin: 0 30px 30px 0
}

.commonTemplate img[class*=wp-image-],
.commonTemplate img[class*=attachment-] {
    height: auto;
    max-width: 100%;
    border: 1px solid #9d9d9d
}

.single-data_iroha .commonTemplate img[class*=wp-image-],
.single-data_iroha .commonTemplate img[class*=attachment-] {
    border: none;
}

.commonTemplate ul {
    margin-bottom: 50px;
}

.commonTemplate ul li {
    position: relative;
    padding-left: 25px;
}

.commonTemplate ul li:before {
    background-color: #0C0B3B;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    border-radius: 50px;
}

.commonTemplate .wp-block-lazyblock-ehi-or-list-link ul li:before {
    display: none;
}

.backnumber-item .image-box {
    height: 245px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #707070;
    margin-right: 35px;
}

.cirle-item .ccContainerItem_comment,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    color: #0897FF;
    text-decoration: underline;
}

.cirle-item:hover .ccContainerItem_comment,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
    text-decoration: none;
}

.single-page .wp-block-lazyblock-accordion .toggle-hd>img {
    margin-right: 60px;
}

@media(max-width:1480px) {
    .single-page .wp-block-lazyblock-accordion .toggle-hd>img {
        margin-right: 10px;
    }
    .backnumber-item .image-box {
        margin-right: 0;
    }
}

@media(max-width:1060px) {
    .single-page .wp-block-lazyblock-accordion .toggle-hd>img {
        margin-right: 10px;
    }
}

@media(min-width:768px) {
    #banner {
        min-height: 613px;
    }
}

@media(max-width:767px) {
    .single-page .wp-block-lazyblock-accordion .toggle-hd {
        display: flex;
        align-items: center;
    }
    .backnumber-item .image-box {
        max-width: 170px;
        margin: auto;
    }
    html body .class-item-inner .image-box {
        height: 150px;
    }
    .class-item-inner {
        border-bottom: 1px solid #707070;
        padding-bottom: 20px;
    }
    .commonTemplate .alignright {
        float: none;
        margin: 0 0px 30px!important;
        width: auto;
    }
    .commonTemplate .alignleft {
        float: none;
        margin: 0 0px 30px!important;
        width: auto;
    }
    html body .wp-block-embed iframe {
        height: 180px;
    }
}

html.pageYellow .header-nav-main a {
    color: white !important;
}

html.pageBlack a.btn.btn-more.btn-shadow span,
html.pageBlack .box-social .bl-bigger {
    color: #000 !important;
}

.thanks,
.comment-guide-text {
    color: #000 !important;
}

a.btn.btn-more.btn-shadow {
    color: #000 !important;
}

html.pageBlack .bl-hover .title a,
html.pageBlue .bl-hover .title a,
html.pageYellow .bl-hover .title a {
    color: #000 !important;
}

.search-box .search-ses label {
    color: #000 !important;
}

.search-box .search-ses label.checked {
    color: #fff !important;
}

.cfMainContainer.no-border {
    border-bottom: none;
}

.calender_event {
    margin-bottom: 15px;
}

.wp-caption {
    max-width: 100%;
}

.single-event-infor .left-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.single-event-infor .left-line>div {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 25px;
}

.single-event-infor .left-line>div svg,
.single-event-infor .left-line>div img {
    margin-right: 10px;
}

.single-page .gallery dl.gallery-item img {
    width: auto;
    display: block;
    margin: auto;
    height: auto;
}

.single-page .gallery .wp-caption-text.gallery-caption {
    text-align: center;
}

.news-slider .box-image {
    background-size: cover;
    background-position: center;
}

body .menu-wrapper .menu-item>a>span,
.page-title-text,
.section-title-text,
.pagemenu-title,
footer .footer-content a {
    text-transform: capitalize;
}

@media print {
    .menu-wrapper {
        position: absolute;
    }
    .index-menu,
    .social-contact {
        display: none;
    }
    #cookie {
        display: none !important;
    }
    /* @page {
    size: 370mm 427mm;
    margin: 5mm;
    }
    body{
      width: 1480px;
    } */
    body:not(.shownav) .menu-wrapper:before {
        display: none !important;
    }
    body:not(.home) .menu-wrapper {
        position: absolute !important;
    }
    .menu-wrapper {
        background-color: #0c0b3b;
    }
    .menu-footer-sm-wrap {
        display: none;
    }
    body:not(.home) .menu-wrapper {
        position: absolute;
    }
}

@media(min-width:768px) {
    .single-page .gallery.gallery-columns-2 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .single-page .gallery.gallery-columns-2>.gallery-item {
        padding: 0 10px;
        max-width: 50%;
    }
}

.single-page .wp-caption a:after {
    display: none !important;
}

.aligncenter p {
    text-align: center;
}

html.pageBlack *:not(li):not(.box-title-step-home):not(.box-img-home-about):not(.box-img-intro):not(.box-title-intro):after,
html.pageBlack *:not(li):not(.box-title-step-home):not(.box-img-home-about):not(.box-img-intro):not(.box-title-intro)::before,
html.pageBlue *:not(li):not(.box-title-step-home):not(.box-img-home-about):not(.box-img-intro):not(.box-title-intro)::after,
html.pageBlue *:not(li):not(.box-title-step-home):not(.box-img-home-about):not(.box-img-intro):not(.box-title-intro)::before,
html.pageYellow *:not(li):not(.box-title-step-home):not(.box-img-home-about):not(.box-img-intro):not(.box-title-intro)::after,
html.pageYellow *:not(li):not(.box-title-step-home):not(.box-img-home-about):not(.box-img-intro):not(.box-title-intro)::before {
    display: none;
}

html.pageBlack ul.tabs-nav .tab-nav-link,
html.pageBlue ul.tabs-nav .tab-nav-link,
html.pageYellow ul.tabs-nav .tab-nav-link,
html.pageYellow .box-contact-header,
html.pageBlue .box-contact-header,
html.pageBlack .box-contact-header,
html.pageYellow .slide-home-content,
html.pageBlue .slide-home-content,
html.pageBlack .slide-home-content {
    background-color: transparent;
}