@media (max-width: 768px) {
    a:hover {
        opacity: 1;
    }
    /* body{
        font-size: 1.4rem;
    } */
    html {
        font-size: 62.5%;
    }
    header {
        padding: 0 10px;
    }
    html body{
        font-size: 1.4rem;
    }
    main,
    footer,
    body.shownav main,
    body.shownav footer {
        border: 0;
        padding-left: 0;
    }

    body.shownav .menu-wrapper:before {
        width: 260px;
    }

    .menu-wrapper {
        top: 0;
        height: auto;
    }
    body.shownav .menu-wrapper {
        padding-top: 0;
        height: calc(100vh - 93px);
    }

    #logo-header {
        height: 40px;
        top: 12px;
        transform: none;
    }

    #logo-header img {
        height: 40px;
    }

    body.shownav #logo-header{
        top: 12px;
    }
    .menu-wrapper .menu-inner .header-nav,
    .menu-wrapper .menu-inner .menu-left-img-banner,
    .menu-wrapper .menu-inner .menu-bottom-after-img,
    .menu-wrapper .menu-inner .menu-left-list-social {
        display: none;
    }
    .menu-cover:before {
        display: none;
    }

    .shownav .menu-wrapper .menu-inner .header-nav,
    .shownav .menu-wrapper .menu-inner .menu-bottom-after-img {
        display: block;
    }

    .header-wrapper,
    body.header-fix .header-wrapper {
        position: fixed;
        bottom: 0;
        top: auto;
        z-index: 9999;
    }
    body.shownav .header-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        top: 63px;
        z-index: 9999;
        display: block;
        background-color: #00000056;
        width: 100%;
        height: fit-content;
    }
    body.shownav.level-2-menu-open .header-wrapper {
        z-index: 1;
    }
    body.shownav .menu-inner.extend {
        width: 260px;
        z-index: 8;
        position: relative;
    }

    body.shownav .logo-menu-open {
        display: block;
    }

    body.shownav .header-logo {
        display: none;
    }

    body.shownav .header-logo.logo-menu-open {
        display: block;
    }

    body.shownav .menu-close {
        z-index: 99;
    }
    .menu-left-active > .menu-item-has-children .sub-menu.sub-menu-level-2 > .menu-item-has-children > .sub-menu {
        left: 100vw;
    }
    .menu-left-active > .menu-item-has-children .sub-menu-wrap .sub-menu.sub-menu-level-2 > li:hover > a:before {
        width: 0% !important;
        background-size: cover;
    }

    .menu-left-active > li,
    .menu-bottom-after-img li {
        padding-left: 0px;
    }

    .header-nav-main > li > a > b,
    .menu-bottom-after-img b {
        left: 10px;
    }
    .header-nav-main > li > a > b {
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-left-active > li > a,
    .menu-bottom-after-img li a {
        font-size: 1.1rem;
    }

    .menu-left-active > li.menu-item.open > a::before {
        background-size: cover;
        background-position: right center;
    }

    .menu-left-active > .menu-item-has-children .sub-menu-wrap .sub-menu.sub-menu-level-2 > li > a {
        font-size: 1.6rem;
        padding-left: 23px;
    }

    /* .menu-left-active > .menu-item-has-children:hover > .sub-menu,
    .menu-left-active > .menu-item-has-children:hover > .sub-in-menu-wrap:before {
        left: 145px;
        width: calc(100vw - 145px);
        height: calc(100vh);
        top: 63px;
    } */

    .menu-left-active > li .sub-menu-wrap:after {
        left: auto;
        right: 0;
        display: none;
    }

    .menu-left-active > .menu-item-has-children:hover .sub-menu-wrap {
        padding-right: 4px;
        top: 63px;
        height: calc(100vh - 163px);
    }

    .shownav .menu-wrapper:after {
        height: calc(100vh - 163px);
    }
    .scroll {
        width: 100%;
    }
    body.shownav .menu-close:before {
        content: "";
        width: 100vw;
        height: 60px;
        background: #fff;
        position: absolute;
        left: 0;
        z-index: -1;
    }

    .menu-close span {
        background-color: #0c0b3b;
    }

    .menu-close:after {
        color: #0c0b3b;
    }
    /* .menu-left-active > .menu-item-has-children .sub-menu-wrap .sub-menu.sub-menu-level-2 > .menu-item-has-children .sub-menu,
    .menu-left-active > .menu-item-has-children .sub-menu-wrap .sub-menu.sub-menu-level-2 > .menu-item-has-children:hover .sub-menu {
        left: 100% !important;
        visibility: hidden;
        padding-top: 60px;
        width: 100vw;
    } */
    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children.open
        .sub-in-menu-wrap {
        display: none;
    }

    .menu-left-active .sub-menu .sub-in-menu-wrap:after {
        display: none;
    }

    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children.open
        .sub-in-menu-wrap:before {
        width: 100vw;
        height: calc(100vh - 163px);
    }
    .sub-menu .sub-menu .scroll {
        left: 0;
        width: 100%;
    }
    body.shownav .header-nav-main .sub-menu-wrap .sub-in-menu-wrap a {
        font-size: 1.4rem;
        background-color: #10758d;
        border-radius: 3px;
        background-size: 100% 100%;
        opacity: 1;
        background-size: 100% 100%;
        display: flex;
        align-items: center !important;
        justify-content: flex-start;
        padding: 5px 20px;
        flex-direction: row;
        min-height: 38px;
    }

    .shownav_sub .menu-left-active > .menu-item-has-children:hover .sub-menu-wrap {
        z-index: 15;
    }

    button.btn-notification {
        flex: 0 0 123px;
        max-width: 123px;
        -ms-flex: 0 0 123px;
        order: 4;
        padding: 0;
    }

    .dropdown-change-global {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        -ms-flex: 0 0 33.33%;
        order: 5;
        position: relative;
        width: 100%;
    }

    button.btn-header.btn-language {
        /* flex: 0 0 33.33%;
        max-width: 33.33%;
        -ms-flex: 0 0 33.33%; */
        order: 6;
        position: relative;
        width: 100%;
    }
    .wrap-select-language{
        left: 10%;
        transform: translateX(0%);
    }

    .wrap-account {
        position: fixed;
        width: 63px;
        height: 63px;
        top: 0;
        right: 63px;
    }

    .search-header {
        position: fixed;
        width: 63px;
        height: 63px;
        top: 0;
        right: 0;
    }

    .box-menu-tt {
        display: flex;
        padding: 15px 20px 10px;
        justify-content: space-between !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
    }

    span.title-submenu {
        font-size: 1.4rem;
        color: #fff;
        font-weight: 600;
        line-height: 27px;
    }

    .btn.btn-close-sub {
        font-size: 1.2rem;
        color: #fff;
        line-height: 27px;
        cursor: pointer;
    }

    .btn.btn-close-sub span {
        display: inline-block;
        height: 27px;
        width: 27px;
        border-radius: 50%;
        background: #fff;
        margin-right: 10px;
        text-align: center;
        box-shadow: 0px 2px 0px 0px rgba(158, 158, 158, 0.75);
    }

    .btn.btn-close-sub span img {
        height: 100%;
        object-fit: contain;
        width: 9px;
    }

    a.menu-btn {
        width: 80px;
        height: 80px;
        top: 7px;
        right: 10px;
    }
    a.menu-btn span {
        width: 30px;
        left: 25px;
        top: 23px;
        height: 1px;
    }
    a.menu-btn span:nth-child(2) {
        top: 35px;
    }
    a.menu-btn span:nth-child(3) {
        top: 47px;
    }
    a.menu-btn:after {
        font-size: 11px;
        bottom: 12px;
    }
    a.menu-btn.open {
        right: 10px;
        top: 7px;
    }
    a.menu-btn.open span {
        top: 35px;
    }
    body.home header {
        position: absolute;
    }
    header .logo {
        flex-basis: 228px;
    }
    header .main-menu {
        z-index: 15;
        width: 320px;
    }
    .logo-left .logo {
        z-index: 1;
    }
    header .main-menu {
        padding: 25px 25px 0;
    }
    .main-menu .nav-main {
        padding: 35px 10px 100px 30px;
    }
    .main-menu li.nav-item a {
        font-size: 13px;
        height: 38px;
    }
    .main-menu li.nav-2-item a {
        font-size: 11.5px;
        height: 30px;
    }
    a.menu-nyuukai-btn,
    a.mv-btn {
        width: 125px;
        height: 125px;
        right: -17px;
    }
    .mv-slider .slide-item {
        height: 600px;
        background-image: url(../images/index/slide-mb.jpg);
    }
    #main-visual .container {
        padding: 0 0 0 0;
    }
    #main-visual .mv-text {
        left: unset;
        right: 0;
        top: 150px;
    }
    .mv-text .ja {
        font-size: 17.5px;
    }
    .mv-text .en {
        font-size: 12px;
    }
    a.mv-btn {
        right: 8px;
        bottom: 160px;
        width: 150px;
        height: 150px;
    }
    #main-visual:before {
        width: 163.5px;
        height: 171px;
        top: -19px;
        right: -65px;
        left: unset;
    }
    #main-visual:after {
        width: 211px;
        height: 220px;
        bottom: -235px;
        left: -75px;
    }
    .slick-dots li button {
        width: 25px;
        height: 4px;
        border-radius: 2px;
    }

    .slick-dots {
        bottom: 125px;
    }

    #go-top i {
        font-size: 20px;
    }
    #go-top {
        width: 45px;
        height: 45px;
        border-width: 1px;
    }
    #go-top a {
        padding-bottom: 0;
    }

    .cookie {
    }

    .main-slide .item.slick-slide {
    }
    .main-slide .item.slick-slide.slick-center + .slick-slide {
        z-index: 5;
    }
    .exam-topic {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        overflow: hidden;
    }
    .exam-topic .content-left {
        width: 100%;
        height: auto;
    }
    .exam-topic .content-right {
        width: 100%;
        padding: 40px 15px;
        height: auto;
        padding-bottom: 110px;
    }
    .exam-topic .content-left .button {
        width: 170px;
        height: 50px;
        margin-right: 12px;
    }
    .content-group:after {
        top: 16%;
        right: 20px;
        font-size: 20px;
    }
    .btn-more {
        width: 258px;
        height: 59px;
        position: absolute !important;
        left: 80px;
        bottom: 25px;
    }
    .introduce {
        flex-direction: column;
        height: auto;
    }
    /* .slick-slider {
        margin: 0;
    } */
    .introduce .prev-arrow {
        left: 0;
        z-index: 40;
    }
    .introduce .next-arrow {
        right: 0;
    }
    .progress {
        margin: 10px 27px 17px 24px;
        height: 17px;
    }
    .introduce .btn-more {
        bottom: -500px;
    }
    .about {
        height: auto;
        overflow: hidden;
    }
    .about-left {
        height: max-content;
    }
    .about-left .test .button {
        width: 170px;
        height: 48px;
    }
    .news-title {
        display: flex;
        flex-wrap: wrap;
    }
    .news-title > * {
        display: block;
        width: 100%;
    }
    .news .prev-arrow {
        width: 30px;
        height: 30px;
        left: 0;
        z-index: 30;
    }
    .news .next-arrow {
        right: 0;
        width: 30px;
        height: 30px;
    }
    .progress-4 {
        height: 17px;
        margin: 20px 15px;
        width: 92%;
    }
    .box-social {
        width: 145px !important;
        height: 100px;
        text-align: center;
        margin: auto;
        padding-bottom: 24px;
    }
    .post-list .post-list-content {
        padding: 0 40px;
    }
    .test-12 {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 7px;
    }
    .footer-top {
        flex-direction: column;
        align-items: center;
    }

    .title-menu {
        background: #fff;
        border-radius: 21px;
        padding: 0 10px;
        color: #000;
        height: 42px;
        display: flex;
        align-items: center;
        box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 16%);
        font-size: 14px;
        position: relative;
        z-index: 1;
    }

    .title-menu:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f054";
        width: auto;
        height: auto;
        transition: all 0.5s;
        margin: 0 20px;
        transform: rotate(90deg);
    }
    .group-title-menu {
        padding: 0 30px;
    }

    .title-menu.active:before {
        transform: rotate(-90deg);
    }

    .title-menu ~ ul {
    }
    .title-menu.active {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .title-menu ~ .toggle-cont  ul {
        display: block;
        height: fit-content;
        background-color: #ededed;
        color: #000;
        margin-top: 0 !important;
        border-bottom-left-radius: 21px;
        border-bottom-right-radius: 21px;
        padding-bottom: 10px;
    }
    .title-menu ~ .toggle-cont ul a {
        color: #0c0b3b;
        font-size: 14px;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #dddddd;
        display: flex;
        align-items: center;
        padding-left: 20px;
        font-weight: 500;
    }
    .title-menu ~ .toggle-cont ul li:last-child a {
        border-bottom: none;
    }
    /* .footer-content .row-reverse {
        flex-direction: column-reverse;
    } */
    .footer-content li {
        padding-bottom: 0;
    }
    .footer-content .toggle-mb {
        margin-bottom: 15px;
    }
    .progress-0 {
        left: 0;
        width: 75%;
        margin: 10px 0 0 50px;
        height: 17px;
    }
    #banner {
        height: 525px;
    }
    .text-banner {
        padding: 0 25px;
        bottom: 230px;
    }
    .main-slide .slick-track {
    }
    .main-slide .slick-list {
    }
    .main-slide .item.slick-slide {
    }
    .main-slide .slider {
    }
    .main-slide {
    }
    .main-slide .slick-slide:after {
        opacity: 0;
    }
    .main-slide .item.slick-slide.slick-active {
        border: 1px solid #f7b400;
    }
    .main-slide .prev-arrow {
        left: 7%;
    }
    .main-slide .next-arrow {
        right: 7%;
    }
    .about-right .test .button {
        width: 170px;
        height: 48px;
    }
    .news .news-top ul.nav-tabs li {
        margin-right: 0;
    }
    .news .news-top {
        padding: 0;
    }
    .text-year {
        position: absolute;
        top: -25px;
        left: 110px;
    }
    .news-top .btn-more {
        left: 68px;
        bottom: -875px;
    }
    .main-slide ul.slick-dots {
        width: 100%;
        margin-top: 0;
    }
    body.shownav #logo-header:before {
        display: block;
        width: 100vw;
        transition: width 0.5s;
        height: 63px;
        background-color: white;
        top: 0;
        left: 0;
        position: fixed;
        content: "";
        z-index: 10;
        margin-left: 63px;
    }
    body.shownav .header-logo.logo-menu-open {
        z-index: 20;
        position: relative;
    }
    body .menu-wrapper:before {
        top: 63px;
    }
    .shownav .menu-wrapper:after {
        top: 63px;
        height: 100vh;
    }
    .menu-cover.open span {
        background-color: black;
    }
    .menu-cover.open:after {
        color: black;
    }
    .menu-wrapper .menu-inner {
        background-color: transparent;
    }
    body .menu-wrapper .menu-item > a > span {
        width: 100%;
        font-weight: 500;
        font-size: 15px;
    }
    .menu-bottom-after-img li a {
        padding-left: 0;
    }
    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children.open
        .sub-in-menu-wrap:before {
        top: 63px;
        height: 100vh;
    }
    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children
        > .sub-in-menu-wrap {
        background: transparent;
    }
    body.shownav #logo-header {
        z-index: 999;
    }
    .menu-left-active > li.menu-item.open > a::before {
        height: 100%;
        top: 0;
    }
    .header-nav-main > li a {
        height: 50px;
        padding-bottom: 0;
    }
    .header-nav-main > li > a {
        height: 51px;
    }
    .main-banner {
        bottom: 15px;
        width: calc(100vw - 30px);
        text-align: center;
    }
    .main-slide .item.slick-slide a {
        justify-content: center;
    }
    .main-slide .slick-slide:not(.slick-center) a:after {
        display: none;
        display: none;
    }
    .main-slide .item.slick-slide img {
        padding-top: 0;
        width: 100%;
    }
    #home-slider {
    }
    .main-slide .item.slick-slide {
        transform: none;
    }
    .main-slide-slider {
        margin: auto;
        width: calc(100vw - 20px);
    }
    .main-slide .item.slick-slide {
    }
    .main-slide .slide-arrow.prev-arrow {
        width: 30px;
        height: 30px;
        left: 0;
        margin-top: 0;
        left: -10px;
    }
    .main-slide .slide-arrow.next-arrow {
        width: 30px;
        height: 30px;
        right: 0;
        left: unset;
        margin-top: 0;
        right: -10px;
    }
    .main-slide:before {
        display: none;
    }
    .main-slide {
        padding-top: 55px;
    }
    .main-slide:after {
        height: 100%;
    }
    .main-slide ul.slick-dots {
        width: calc(100% - 20px);
        margin: 15px auto;
        height: 15px;
        border-radius: 7.5px;
    }
    .main-slide ul.slick-dots > li.slick-active {
        border-radius: 7.5px;
        height: 15px;
    }
    .main-slide {
        padding-bottom: 30px;
    }
    #home-entrance .content-right-inner {
        padding-right: 0;
    }
    .news-list .news-item {
        padding: 15px 40px 15px 0;
        flex-wrap: wrap;
    }
    .news-list .date {
        width: 100%;
        font-size: 1.5rem;
    }
    .news-list .title {
        width: 100%;
        font-size: 1.4rem;
    }
    .main-slide .slider {
        z-index: 5;
    }
    .news-list .title .new-label {
        position: static;
    }
    .tabs-news-list .news-list .title .new-label {
        top: -31px;
    }
    a.btn.btn-more,
    a.btn.btn-more.btn-shadow span {
        width: 258px;
    }
    a.btn.btn-more {
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
    }
    a.btn.btn-more.btn-shadow:before {
        /*  background-color: #f4f4f4; */
        box-shadow: none;
    }
    .exam-topic .content-left {
        padding-left: 0px;
        padding-right: 0px;
    }
    .container .container {
        padding-left: 0;
        padding-right: 0;
    }
    a.btn.btn-shadow {
        height: 50px;
        border-radius: 25px;
    }
    a.btn-shadow span {
        height: 50px;
        border-radius: 25px;
    }
    .background-linear {
        background-size: 2000px auto;
        background-position: left 10%;
    }
    .introduce .introduce-left {
        width: 100%;
    }
    .introduce-right {
        flex-basis: 100%;
        max-width: 100%;
    }
    .introduce-slider-wrap {
        padding-right: 0;
    }
    #home-introduce .introduce-right .col-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slick-slide img {
        width: 100%;
        height: auto;
    }
    .introduce .slide-arrow {
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
    }
    .introduce .slide-arrow.next-arrow {
        transform: translateY(-50%) scaleX(-1);
    }
    .introduce ul.slick-dots {
        display: none !important;
    }
    .introduce a.btn.btn-more {
        bottom: 50px;
    }
    .about-left,
    .about-right {
        background-position: right center;
    }
    .news-slider .news-slide-item {
        padding: 0 15px;
    }
    .news-slider ul.slick-dots > li.slick-active {
        border-radius: 7.5px;
    }
    ul.slick-dots li {
        height: 15px;
    }
    .news-tabs-wrap .tabs-nav > li a span {
        padding: 0 8px;
        min-height: 30px;
        font-size: 11px;
    }
    .news .news-top ul.nav-tabs li {
        margin-left: 3px;
        margin-bottom: 3px;
    }
    .tabs-news-cat {
        padding-left: 0;
        order: 2;
        font-size: 11px;
    }
    .tabs-news-list.news-list .date {
        width: 90px;
        order: 1;
        padding-top: 0;
    }
    .tabs-news-list.news-list .title {
        order: 3;
        margin-top: 10px;
    }
    .news-tags a span,
    .tabs-news-cat a span {
        font-size: 11px;
        border-radius: 11px;
        min-height: 22px;
    }
    .tabs-news-list .title .new-label {
        left: 170px;
        top: -31px;
    }
    .news-top a.btn.btn-more {
        bottom: -70px;
    }
    .home-sns .home-sns-content {
        max-width: 350px;
    }
    #home-links .row-1 .col-12 {
        margin-bottom: 15px;
    }
    #home-links img {
        width: 100%;
        height: auto;
    }
    #home-links .row-2 {
        margin-top: 0;
    }
    #home-links .row-2 .col-6 {
        margin-bottom: 10px;
    }
    #home-links .row-3 .col-inner {
        margin-bottom: 20px;
    }
    footer .footer-right .large-4:nth-child(n + 1) {
        max-width: 100%;
        flex-basis: 100%;
    }
    .footer-recruit a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        color: black !important;
    }
    .footer-recruit .title-menu:before {
        transform: rotate(360deg);
    }
    .index-menu {
        width: calc(50vw - 5px);
        left: 5px;
        bottom: 5px;
    }
    .social-contact .button-image {
        bottom: 31px;
    }
    .list-social-icon {
        width: 135px;
        justify-content: center;
        bottom: 52px;
        padding: 10px;
        flex-wrap: wrap;
        right: 35px;
        height: 198px;
    }
    /* .text-show-icon span img{
        transform: rotate(45deg);
    }
    .button-social-active .text-show-icon span img{
        transform: rotate(90deg);
    } */
    .text-show-icon {
        top: 53px;
    }
    .list-social-icon a {
        order: 2;
        margin-bottom: 5px;
    }
    .rating-and-comment {
        margin-top: 10px;
        order: 1;
        flex-wrap: wrap;
    }
    .index-menu {
        z-index: 50;
    }
    .social-contact {
        z-index: 10;
    }
    .text-show-icon:after {
        top: -15px;
        transform: scaleY(-1) rotate(30deg);
        width: 42px;
        height: 22px;
        right: 30px;
        z-index: -1;
    }
    .index-menu .list {
        display: none;
    }
    button.btn-notification,
    .dropdown-change-global,
    .wrap-language  {
        max-width: 31%;
        flex-basis: 31%;
        width: 31%;
        margin: 5px 1% 5px;
    }
    #masthead > div > .flex-row {
        flex-wrap: wrap;
        justify-content: flex-start !important;
        display: none;
    }
    body.shownav #masthead > div > .flex-row {
        display: flex;
    }
    .btn-change-item {
        width: 100%;
        margin: 0 0;
    }
    body.shownav .header-wrapper {
        background-color: rgba(0, 0, 0, 0.56);
    }
    .wrap-account {
        margin-left: 0;
    }
    .account {
        padding: 0 0 0 0px;
        height: 100%;
        font-size: 10px;
        flex-wrap: wrap;
        align-content: center;
    }
    .account p {
        font-size: 10px;
        width: 100%;
        text-align: center;
        letter-spacing: 0.06em;
        line-height: 1.2;
        padding-top: 5px;
        font-weight: 500;
    }
    .account br {
    }
    .account img {
        margin-right: 0px;
    }
    .search-header img {
        margin-right: 0;
    }
    .search-header {
        padding: 0 0 0 0px;
        height: 63px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .search-header p {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding-top: 8px;
    }
    body.shownav .menu-item-sitemap {
        right: 0;
        bottom: 45px;
        width: 33%;
        z-index: 10;
        height: 40px;
    }
    body.shownav .menu-item-sitemap img {
        width: 19px;
    }
    body.shownav .menu-item-sitemap a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        background-color: #0c0b3b;
        color: white;
        font-size: 9px;
        height: 40px;
    }
    body.shownav .menu-item-sitemap a span {
        text-align: center;
    }
    .search-header {
        margin-right: 0;
    }

    .wrap-account:hover .dropdown-acount,
    .dropdown-change-global:hover .dropdown-menu {
        display: none;
    }
    .dropdown-acount {
        position: fixed;
        top: 75px;
        left: 0;
        right: 20px;
        left: unset;
    }
    .dropdown-change-global .dropdown-menu {
        z-index: 99;
    }
    .dropdown-acount a {
        border-radius: 0 0 0 0;
        height: 50px;
        margin-bottom: 0;
        padding-left: 0;
    }
    .list-item {
        width: 75vw;
        height: auto;
        padding: 15px 35px;
        margin: 0 0 0 0;
        border-radius: 0 0 0 0;
        border-radius: 10px;
        border: 2px solid white;
        background-color: #666666;
    }
    .menu-left-active > .menu-item-has-children .sub-menu-wrap .sub-menu.sub-menu-level-2 > li > a:before {
        left: -1px;
    }

    .header-nav-main > li .sub-menu-wrap > ul .scroll {
        padding-top: 40px;
    }
    .menu-left-active > li .sub-menu-wrap:after {
        top: 63px;
        z-index: 99;
    }
    .header-nav-main > li .sub-menu-wrap > ul li > ul > .scroll {
        padding-bottom: 15px;
        padding-top: 50px;
    }
    .header-nav-main > .menu-item-has-children .sub-menu-wrap {
        transition: 0.1s;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        -ms-transition: 0.1s;
        -o-transition: 0.1s;
        height: calc(100vh - 63px) !important;
    }
    .menu-left-active > .menu-item-has-children:hover .sub-menu-wrap {
        opacity: 0;
        visibility: hidden;
    }
    .menu-left-active > .menu-item-has-children.child-menu-open .sub-menu-wrap {
        opacity: 1;
        visibility: visible;
        left: 145px;
        top: 63px;
        overflow: overlay;
        padding-right: 0px;
        z-index: 4;
    }

    .menu-left-active > li.menu-item.open > a::before {
        /* width: 0px !important; */
    }
    .menu-left-active > li.child-menu-open > a::before {
        width: calc(100% + 23px) !important;
        height: 100%;
        top: 0;
        background-size: cover;
        background-position: right center;
        display: none !important;
    }

    .menu-left-active > .menu-item-has-children.child-menu-open .sub-menu-wrap {
        width: 100%;
        background-color: #4497a7;
        left: 0;
        padding-top: 51px;
    }

    .menu-left-active > .menu-item-has-children.child-menu-open .sub-menu-wrap::before {
        z-index: 150;
    }
    .menu-left-active > .menu-item-has-children.child-menu-open .sub-menu-wrap::before {
        content: "";
        position: fixed;
        display: block;
        z-index: -1;
        left: unset;
        height: calc(100vh - 161px);
        top: 63px;
    }
    body.level-2-menu-open .header-nav-main > li a {
        z-index: 1;
        position: relative;
    }
    body.level-2-menu-open .header-nav-main > li a b {
        left: -44px;
    }
    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children:hover
        .sub-in-menu-wrap {
        opacity: 1;
        visibility: visible;
    }
    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children
        .sub-in-menu-wrap {
        display: none;
        opacity: 1;
        visibility: visible;
        position: static;
        width: 100%;
        border-top: 1px solid #b4b4b4;
    }
    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .menu-item-has-children
        .sub-in-menu-wrap ul{
            padding: 15px 0 20px;
        }


    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .child-menu-open-2
        .sub-in-menu-wrap {
        /* display: block;
        opacity: 1;
        z-index: 99;
        position: static;
        width: 100%; */
    }

    .menu-left-active
        > .menu-item-has-children
        .sub-menu-wrap
        .sub-menu.sub-menu-level-2
        > .child-menu-open-2
        .sub-in-menu-wrap:before {
        display: none;
    }
    .slide-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .list-social-icon.div-social-active {
        height: 0;
    }
    .cookie button {
        font-size: 11px;
        padding: 15px 0;
        width: 231px;
    }
    .main-banner:before {
        bottom: -10px;
    }
    .cookie {
        z-index: 9999;
    }

    body.shownav .menu-inner.extend > .header-nav-main {
        max-height: calc(100vh - 113px);
        margin-top: 50px;
    }
    .search-header p {
        font-size: 10px;
    }
    button.btn-notification {
        padding-left: 0;
        padding-right: 0;
        font-size: 9px;
    }
    button.btn-notification svg {
        width: 15px;
        margin-right: 5px;
    }
    .btn-change-item,
    .btn-language {
        font-size: 10px;
    }
    .btn-change-item svg {
        margin-right: 10px;
    }
    .sub-menu-wrap .ps__rail-y {
        right: 0;
        display: none;
    }
    body.shownav_sub .header-nav-main > li a,
    body.shownav_sub .header-nav-main > li:before {
        display: none;
    }
    .menu-left-active .sub-menu .sub-menu:after {
        display: none;
    }
    .sub-menu-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 51px;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0 25px;
        z-index: 125;
        border-bottom: 1px solid #b4b4b4;
        background-color: #0094b2;
    }
    .sub-menu-title:after {
        width: 100%;
        height: 8px;
        content: "";
        display: block;
        position: absolute;
        bottom: -7.5px;
        background: black;
        left: 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
        opacity: 0.18;
    }
    .sub-menu-title .text {
        color: white;
        font-weight: 700;
        font-size: 20px;
    }
    .sub-menu-title .back-btn {
        height: 100%;
        display: flex;
        align-items: center;
        color: white;
        font-size: 12px;
        font-weight: 500;
        padding-left: 45px;
        position: relative;
    }
    .sub-menu-title .back-btn:before {
        display: block;
        position: absolute;
        word-wrap: none;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background-color: white;
        box-shadow: 0px 2px 0px 0px rgba(158, 158, 158, 0.75);
        content: "";
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../images/index/arrow-left-short.svg);
        background-size: 13px auto;
        background-position: center;
        background-repeat: no-repeat;
    }
    body.shownav .header-nav-main .sub-menu-wrap li a {
        min-height: 51px;
    }
    .sub-menu-item-head{
        display: block;
    }
    .sub-menu-item-head a {
        height: 58px !important;
        background-color: #0094b2;
        display: flex;
        align-items: center !important;
        font-size: 1.6rem !important;
        font-weight: 500;
        justify-content: flex-start !important;
        flex-direction: row !important;
        padding-left: 23px;
        position: relative;
        border-bottom: 1px solid #b4b4b4;
    }
    .sub-menu-item-head a:after {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 20px;
        border-radius: 50%;
        content: "";
        transform: translateY(-50%);
        background-color: #10758d;
        box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.16);
        content: "";
        background-image: url(../images/index/icon-arrow-right-white.svg);
        background-size: 7px auto;
        background-position: center;
        background-repeat: no-repeat;
    }
    .menu-left-active > li .sub-menu-wrap .sub-menu.sub-menu-level-2 > li > a:after {
        right: 25px;
    }
    .menu-left-active > li .sub-menu.sub-menu-level-2 > li.menu-item-has-children:not(.menu-item-one-child) > a:after {
        width: 28px;
        height: 28px;
        background-color: white;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 10px auto;
        right: 20px;
        background-image: url("../images/index/plus-icon.svg");
        transform: rotate(45deg);
        top: calc(50% - 14px);
        transition: transform 0.5s;
    }
    .menu-left-active > li .sub-menu.sub-menu-level-2 > li.menu-item-has-children{
        position: relative;
    }
    .menu-left-active > li .sub-menu.sub-menu-level-2 > li.menu-item-has-children:not(.menu-item-one-child):after{
        content: '';
        width: 28px;
        height: 28px;
        background-color: rgba(0, 0, 0, 0.16);
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        right: 20px;
        top: 13.5px;
        display: block;
        position: absolute;
    }
    .menu-left-active > li .sub-menu.sub-menu-level-2 > li.menu-item-has-children.child-menu-open-2 > a:after {
        transform: rotate(90deg);
    }
    /* body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img{
        width: 100%;
        position: fixed;
        bottom: 59px;
        left: 0;
        z-index: 100;
    }
    body.shownav.level-2-menu-open .menu-wrapper .menu-inner .menu-bottom-after-img{
        
        z-index: 1;
    }
    body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img ul{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img ul li{
        background-color: #0C0B3B;
        border: 1px solid #707070;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        width: 50%;
        text-align: center;
    }
    body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img ul li a span{
        text-align: center;
        font-size: 13px;
    }
    body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img ul li a{
        height: 46px;
        padding-bottom: 0;
    }
    .menu-bottom-after-img b{
        display: flex;
        align-items: center;
        left: 15px;
    } */
    body.header-fix div#logo-header {
        position: absolute;
    }
    .menu-bottom-after-img b i {
        font-size: 16px;
    }
    .menu-bottom-after-img li a {
        height: 35px;
        font-size: 14px;
    }
    body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img ul {
        padding-top: 15px;
    }
    body.shownav .menu-wrapper .menu-inner .menu-bottom-after-img ul li {
        padding-left: 35px;
    }
    .menu-bottom-after-img b {
        top: 45%;
    }
    body.level-2-menu-open .menu-bottom-after-img b {
        display: none;
    }
    .menu-item-has-children.child-menu-open .sub-menu-wrap {
        left: -150vw;
        transition: left 0.5s;
    }
    .menu-left-active > .menu-item-has-children .sub-menu-wrap {
        left: -150vw;
    }
    .menu-left-active > .menu-item-has-children.child-menu-open .sub-menu-wrap {
    }
    .wrap-account.active .account {
        background-color: black;
    }
    .page-header .header-background {
        height: 120px;
    }
    .page-header .header-icon {
        top: 60px;
        transform: translateY(-50%);
        right: 18px;
        width: 93px;
        z-index: 2;
    }
    #page-header {
        padding-top: 100px;
    }
    #page-header .page-title {
        width: 250px;
        padding-left: 15px;
        font-size: 22px;
        padding-top: 15px;
        padding-bottom: 16px;
    }
    #page-header .page-title:after {
        width: calc(100% - 15px);
        height: 4px;
    }
    #page-header .page-breadcrumb {
        padding-left: 15px;
    }
    .section-title .en {
        font-size: 24px;
        padding-right: 15px;
    }
    .section-title .ja {
        font-size: 12px;
    }
    #segment-slider .main-slide .slide-arrow {
        background-size: 15px;
    }
    #segment-news .news-tabs-wrap .tabs-nav > li a span {
        min-height: 36px;
        font-size: 14px;
    }
    a.btn.btn-more {
        /* bottom: -70px;bottom: -70px; */
    }
    body:not(.home) .news-tabs-wrap .tabs-nav > li a {
        min-width: 150px;
    }
    .pagemenu-row > div {
        margin-bottom: 0px;
    }
    section#segment-pagemenu {
        background-color: rgb(230 229 225 / 31%);
    }
    #segment-pagemenu .toggle-cont {
        padding-top: 40px;
    }
    #segment-pagemenu .pagemenu-title {
        border-bottom: 1px solid #b4b4b4;
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0 -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pagemenu-title.show-for-small.toggle-hd.active::after {    
        transform: rotate(90deg);
    }
    .pagemenu-title.show-for-small.toggle-hd{
        position: relative;
    }
    .pagemenu-title.show-for-small.toggle-hd::after {
        content: "";
        background-color: white;
        width: 29px;
        height: 29px;
        border-radius: 50%;
        background-image: url(../images/segment/icon-plus.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px 12px;
        top: calc(50% - 14.5px);
        position: absolute;
        right: 15px;
        transform: rotate(45deg);
    }
    .pagemenu-row .toggle-mb::after {
        content: '';
        width: 29px;
        height: 29px;
        background-color: rgba(0, 0, 0, 0.16);
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        right: 25px;
        z-index: -1;
        top: 15.5px;
        display: block;
        position: absolute;
    }
    .pagemenu-item a {
        font-size: 14px;
        padding-right: 35px;
    }
    body:not(.home) header {
        height: 63px;
    }
    body:not(.shownav) .menu-wrapper .menu-inner {
        padding-bottom: 0;
    }
    #segment-slider .main-slide{
        padding-top: 10px;
    }
    body:not(.home) .news-tabs-wrap .tabs-nav{
        width: 310px;
    }
    body:not(.home) .news-tags {
        width: 320px;
        margin: auto;
    }
    body:not(.home) .news-tags ul li{
        margin: 0 5px 7px;
    }
    #segment-news .news-top{
        padding-bottom: 120px;
    }
    #segment-news a.btn.btn-more{
        bottom: -80px;
    }
    .pagemenu-item a{
        min-height: 36px;
        border-radius: 18px;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 8px ;
        padding-bottom: 8px ;
    }
    .page-detail-content-right{
        padding-right: 15px;
        padding-left: 15px;
    }
    .page-detail-content-right .page-breadcrumb a, .page-detail-content-right .page-breadcrumb .breadcrumb-list > span{
        padding-right: 5px;
    }
    .logo-detail-left{
        padding: 15px;
        height: 70px;

    }
    .page-menu-detail{
        padding:0 15px;
    }
    .content-page-detail{
        padding-bottom: 20px;
    }
    .content-page-text{
        padding-top: 20px;
        margin-bottom: 0;
    }
    .container.container-1370.pt-sm-15{
        padding: 15px 0;
    }
    .segment-single-header-inner,.segment-single-content-inner{
        flex-wrap: wrap;
    }
    .segment-single-content-inner{
        flex-direction: column-reverse;
    }
    .segment-single-header-inner > div, .segment-single-content-inner > div{
        width: 100%;
    }
    .page-menu-detail .pagemenu-title.toggle-hd{
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .segment-single-header-left-inner{
        padding-left: 15px;
    }
    .segment-single-content-right .page-breadcrumb a, .segment-single-content-right .page-breadcrumb .breadcrumb-list > span{
        padding-right: 10px;
    }
    .segment-single-content-right .breadcrumb-list{
        margin-left: 15px;
    }
    .segment-list .large-3{
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .box-list .img-box img{
        width: 100%;
    }
    .page-top-button-1 .button-1 a{
        width: 100%;
    }
    .segment-infinity a.btn.btn-more{
        bottom: 20px;
    }
    .segment-single-report a.btn.btn-more{
        bottom: 20px;
    }
    .segment-single-header-left{
        display: none;
    }
    .segment-single-title{
        padding: 15px 15px 15px 15px;
        font-size: 2rem;
    }
    .segment-single-header-right{
        min-height: 83px;
        justify-content: center;
    }
    .segment-single-content-right .page-breadcrumb a, .segment-single-content-right .page-breadcrumb .breadcrumb-list > span{
        font-size: 1rem;
    }
    .segment-single-content-right .page-breadcrumb a:not(:first-child):before, .segment-single-content-right .page-breadcrumb .breadcrumb-list > span:before{
        width: 7px;
        height: 11px;
        top: 5px;
    }
    .segment-single-content-right .page-breadcrumb a:first-child:before{
        width: 12px;
        height: 13px;
    }
    .segment-single-content-right .page-breadcrumb a, .segment-single-content-right .page-breadcrumb .breadcrumb-list > span{
        padding-left: 15px;
    }
    .segment-single-content-right .page-breadcrumb a:first-child{
        padding-left: 25px;
    }
    .segment-single-content-right .page-breadcrumb a, .segment-single-content-right .page-breadcrumb .breadcrumb-list > span{
        padding-right: 5px;
    }
    .segment-single-content-right .page-text-top{
        padding-top: 0;
    }
    .single-page{
        font-size: 1.4rem;
    }
    .single-page h2{
        font-size: 2rem;
    }
    .single-page ol{
        padding-left: 15px;
    }
    .single-page ol > li{
        padding-left: 0;
        padding-bottom: 15px;
    }
    body.shownav .header-nav-main .menu-border-color-2 .sub-menu-wrap .sub-in-menu-wrap a{
        background-color: #4F0080;
    }
    body.shownav .header-nav-main .menu-border-color-3 .sub-menu-wrap .sub-in-menu-wrap a{
        background-color: #007E1C;
    }
    body.shownav .header-nav-main .menu-border-color-4 .sub-menu-wrap .sub-in-menu-wrap a{
        background-color: #856F00;
    }
    .menu-left-active > .menu-border-color-2.menu-item-has-children.child-menu-open .sub-menu-wrap,
    .menu-left-active > .menu-item-has-children.menu-border-color-2 .sub-menu-wrap .sub-menu.sub-menu-level-2 > .menu-item-has-children .sub-in-menu-wrap{
        background-color: #9E73B9
    }
    .menu-left-active > .menu-border-color-3.menu-item-has-children.child-menu-open .sub-menu-wrap,
    .menu-left-active > .menu-item-has-children.menu-border-color-3 .sub-menu-wrap .sub-menu.sub-menu-level-2 > .menu-item-has-children .sub-in-menu-wrap{
        background-color: #51A764
    }
    .menu-left-active > .menu-border-color-4.menu-item-has-children.child-menu-open .sub-menu-wrap,
    .menu-left-active > .menu-item-has-children.menu-border-color-4 .sub-menu-wrap .sub-menu.sub-menu-level-2 > .menu-item-has-children .sub-in-menu-wrap{
        background-color: #C2A82B
    }
    .menu-item.menu-border-color-1 .sub-menu-title,.menu-item.menu-border-color-1 .sub-menu-item-head a{
background-color: #0094b2;
    }
    .menu-item.menu-border-color-2 .sub-menu-title,.menu-item.menu-border-color-2 .sub-menu-item-head a{
        background-color: #b866eb;
    }
    .menu-item.menu-border-color-3 .sub-menu-title,.menu-item.menu-border-color-3 .sub-menu-item-head a{
        background-color: #24c147;
    }
    .menu-border-color-4 .sub-menu-title,.menu-item.menu-border-color-4 .sub-menu-item-head a{
        background-color: #f0c700;
    }
    .single-page{
        font-size: 1.4rem;    
    }
    .single-page .block-fax{
        padding: 15px 15px 15px 15px;
    }
    .single-page h3{
        font-size: 1.8rem;
        padding: 20px 10px 15px;
    }
    .single-page h4{
        font-size: 1.6rem;
        padding: 10px 15px;
        border-width: 15px;
    }
    .single-page h5{
        font-size: 1.4rem;
        padding: 10px 10px 7px 30px;
    }
    .single-page h6{
        font-size: 1.5rem;
        font-weight: 700;
        font-family: heisei-kaku-gothic-std, sans-serif;
        margin-top: 20px;
    }
    .single-page h5:before{
        width: 10px;
        height: 10px;
        top: 15px;
    }
    .wp-block-group{
        margin-bottom: 50px;
        margin-top: 5px;
    }
    .single-page .according-single{
        padding: 15px 15px;
    }
    .single-page .page-single-title::after{
        right: 0;
        width: 28px;
        height: 28px;
        top: calc(50% - 16px);
    }
    .single-page .page-single-title{
        padding-right: 45px;
    }
    .tool-bar-header{

    }
    .item-toolbar{
        flex-wrap: wrap;
    }
    .wrap-slide-noti{
        width: 100%;
        flex-basis: 100%;
        max-width: calc(100% - 15px);
    }
    .wrap-slide-noti .toggle-btn:before {
        width: 25px;
        height: 25px;
        background-size: 10px 10px;
    }
    .wrap-slide-noti .toggle-btn{
        position: absolute;
        top: 5px;
        right: 25px;
    }
    .slide-notifi a{
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 5px;
        height: auto;
    }
    body.shownav .tool-bar-header{
        margin-left: 0;
    }
    .slide-notifi a{
        padding-right: 0;
        white-space: normal;
    }
    .slide-notifi{
        width: calc(100% - 15px);
    }
    .slide-notifi a span:after{
        top: 0;
        transform: none;
        position: static;
        display: inline-block;
        margin-left: 10px;
        width: 6px;
        height: 13px;
    }
    body:not(.home) #logo-header{
        top: 12px;
    }
    body.home:not(.shownav) #logo-header{
        left: 10px;
    }
    body.home.shownav #logo-header{
        top: 12px;
        position: fixed;

    }
    .item-toolbar{
        padding-right: 15px;
    }
    .wrap-rating{
        width: calc(100vw - 70px);
        right: 0;
        bottom: 40vh;
    }
    form#form-rating-handle{
        justify-content: center;
    }
    .wrap-rating-close,.wrap-comment-close{
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        right:10px;
        top: 10px;
    }
    .star-rating{
        padding: 5px 20px 20px;
    }
    .wrap-form-comment{
        width: calc(100vw - 70px);
        right: 0;
        bottom: 45vh;
        transform: translateY(50%);
    }
    .wrap-form-comment textarea{
        width: calc(100% - 20px);
        height: 75px;
    }
    html .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
        font-size: 12px;
        position: static;
        max-height: 100%;
        margin-top: 0;
        background: none;
        background-color: white;
        color: black;
    }
    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{
        color: black;
    }
    .single-table-wrap{
        width: 100%;
        overflow-x: scroll;
    }
    .single-table-wrap table,.wp-block-table table{
        width: 1000px !important;
        max-width: 1000px !important;
    }
    .is-style-width-auto table{
        width: 100% !important;
        max-width: 100% !important;
    }
    .single-page table td, .single-page table th{
        font-size: 1.4rem;
    }
    .single-page .block-list-link ul{
        font-size: 1.4rem;
    }
    .single-page .btn-block-text:not(.w-100pc),.single-page .btn-block-text{
        padding: 0 25px 0 18px;
        min-height: 40px;
        font-size: 1.3rem;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .btn-block-text::after, .wp-block-button .wp-block-button__link:after{
        right: 10px;
    }
    .single-page .btn-block-text.w-auto{
        width: 100%;
    }
    .btn-block-text::after{
    }
    .single-page .block-list-link.list-hasdot ul li::before, ul.is-style-has-dots li:before,ul.is-style-has-dots-yellow li:before{
        width: 10px;
        height: 10px;
    }
    ul.is-style-has-dots li{
        padding-left: 20px;
    }
    .block-contact-box-list h3{
        font-size: 1.5rem;
    }
    .block-contact-box{
        padding: 20px;
        border: 2px solid #0c0b3b;
    }
    .block-contact-box-title{
        font-size: 18px;
        font-weight: bold;
        border-bottom: 2px solid #0c0b3b;
        margin-bottom: 15px;
    }
    .wp-block-column .wp-block-image .size-full{
        width: auto;
    }
    body:not(.home):not(.segment-top) #logo-header{
        top: 12px;
    }
    body:not(.home):not(.segment-top).menu-mobile-open #logo-header{
        position: fixed;
    }
    .segment-top.menu-mobile-open #logo-header{
        position: fixed;
    }
    .segment-top #segment-news a.btn.btn-more{
        bottom: -80px;
    }
    .menu-left-active > .menu-item-has-children .sub-menu-wrap .sub-menu.sub-menu-level-2 > li > a:before{
        display: none !important;
    }
    body.segment-top:not(.shownav) header{
        position: relative;
    }
    body.segment-top:not(.shownav) #logo-header{
        left: 10px;
    }
    body.page:not(.page-template-page-home) .segment-single-header-right{
        padding-left: 0;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.is-style-has-border:not(:last-child){
        margin-bottom: 1.75em;
    }
    .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
        top: 85px;
    }
    .search-box .search-ses label{
        margin-right: 5px;
    }
    .search-box input[type="text"]{
        padding-left: 0;
        margin-left: 0;
        margin-top: 10px;
    }
    html .segment-single-header.header-full .segment-single-header-right{
        padding-left: 0;
    }
    .single-page .btn-pdf, .single-page .btn-word, .single-page .btn-excel{
        min-height: 30px;
    }
    .single-page a.btn-pdf:after, .single-page a.btn-word:after, .single-page a.btn-excel:after{
        height: 20px;
        background-size: auto 20px;
    }
    .single-page .block-list-link ul li.link-blank a::after{
        width: 17px;
        height: 17px;
        background-size: 100% 100%;
    }
    .single-page .btn-pdf, .single-page .btn-word, .single-page .btn-excel{
        margin-top: -1px;
        margin-bottom: 9px;
    }
    .single-page .topicsMainList .class-item .btn-block-text:not(.w-100pc){
        max-width: 250px;
        padding: 0 70px;
    }
    .page-navigation{
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 50px;
    }
    .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
        top: 85px;
    }
    a.nextpostslink:after, a.previouspostslink:after{
        top: 0;
    }
    .class-item-inner .image-box{
      
        background-size: cover;
        background-position: center;
    }
    .class-item-inner .text-box{
        
        padding-right: 0px
    }
    .class-item .tabs-news-cat{
        padding-left: 0;
    }
    .class-item-inner{
        align-items: flex-start !important;
    }
    .tabs-news-cat a{
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .class-item span.date {
        display: block;
    }
    .voice-thumb{
        height: 150px;
    }
    .voice-header{
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 2px solid #D8D8D8;
    }
    .voice-header .image-box{
        width: 100px;
        height: 100%;
    }
    .voice-header .text-box{
        width: calc(100% - 100px);
        padding: 10px;
    }
    .pagi .large-6:nth-child(2):not(:last-child){
        display: none;
    }
    .pagi .large-3{
        max-width: 50%;
        width: 50%;
        flex-basis: 50%;
    }
    .segment-single-content-right .to-list-btn{
        position: relative;
    }
    .segment-single-content-right .to-list-btn a.btn{
        position: relative!important;
        transform: none !important;
        left: unset;
        bottom: unset;
    }
    p.point-header{
        position: relative;
        padding-left: 50px;
        font-size: 14px;
    }
    p.point-header:before{
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        top: -10px;
        font-size: 10px;
    }
    .cfMainContainer_list{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .cfMainContainer_left{
        margin-bottom: 10px;
    }
    .cfAgreeParts{
        padding: 20px 40px;
    }
    .calendar-navi a{
        padding: 0 10px;
    }
    #calendar .tui-full-calendar-popup-detail .btn.btn-block-text.w-auto.btn-detail{
        width: 150px;
    }
    .single-page .arrow .page-single-title span{
        font-size: 1.4rem;
    }
    #form-like-handle{
        text-align: center;
    }
    .menu-bottom-after-img{
        padding-bottom: 150px;
    }
    .wp-block-gallery.has-nested-images:after{
        content: '';
        display: block;
        width: calc(50% + 8px);
        height: 0px;
    }
    .dropdown-content{
        transform: translateX(-75%);
    }
    .home-link-row-3 .slide-arrow{
        z-index: 9;
        top: 38% !important;
    }
    .search-box input[type="text"]{
        margin-left: 0 !important;
    }
    .menu-cover.open{
        background-color: white;
    }
    #logo-header{
        z-index: 99;
    }
    .search-ses.search-ses-date{
        flex-wrap: wrap;
    }
    .search-ses.search-ses-date >span{
        width: 100%;
        display: block;
    }
    .sSearchContainer_search{
        position: relative;
        display: flex;
        align-items: center;
    }
    .sSearchContainer_search-item01{
        width: 70%;
    }
    .sSearchContainer_search-item02{
        width: 25%;
    }
    .sSearchContainer_search input,html .site-search-content input[type="submit"]{
        width: 100%;
    }
    .sSearchContainer_search input[type="text"]{
        margin-top: 0;
    }
    .page-top-button-1 .button-1 a{
        min-height: 50px;
        font-size: 1.5rem;
    }
    #segment-faculty-news .news-top {
        padding-bottom: 100px;
    }
    .section-content-2 .content{
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-content-2 h2{
        font-size: 1.7rem;
    }
    .section-content-2 .content .content-title::before{
        top: -3px;
    }
    .cfMainContainer_right,.cfMainContainer_left{
        width: 100%;
    }
    input.wpcf7-form-control.wpcf7-text{
        height: 40px;
    }
    .cfMainContainer_left{
        padding-left: 0;
        position: relative;
        padding-right: 75px;
    }
    .wpcf7 .required:before, .wpcf7 .optional:before{
        position: absolute;
        right: 0;
        left: unset;
    }
    .wpcf7 .required, .wpcf7 .optional{
        padding-left: 0;
    }
    .cfAgreeParts{
        padding: 15px;
    }
    html body.page:not(.page-template-page-home) .segment-single-header-right{
        padding-left: 0;
    }
    .access-pin-group .toggle-pc .wp-block-columns{
        padding-left: 0px;
    }
    .single-page a.btn-block-text.btn.btn-center{
        width: 80%;
    }
    html .voice-thumb{
        height: 150px;
    }
    .news-tags a span, .tabs-news-cat a span{
        padding: 0 5px;
    }
    a.nextpostslink:after, a.previouspostslink:after{
        top: -8px;
    }
    html body .search-box .page-single-title::before{
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        left: 10px;
        top: calc(50% - 11.5px);
    }
    html body .search-box .page-single-title::after {
        top: calc(50% - 16.5px);
    }
    html body .search-box.according-single{
        padding: 18px 5px;
    }
    html body .search-box .page-single-title{
        padding-left:40px;
    }
    html body .search-ses label {
        padding: 5px 10px 5px 6px;
        border-radius: 17px;
        margin-bottom: 5px;
    }
    html body .search-ses label input{
        width: 12px;
        height: 12px;
        border-radius: 2px;
    }
    html .search-ses label.checked input:before{
        width: 9px;
        height: 8px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .single-education section .section-title .en,
    .single-education .section-content-2 h2{
        font-size: 2.1rem;
    }
    html body .iroha-item .image-box{
        height: 125px;
    }
    .section-content-2 .content .content-title::before{
        top: 1px;
    }
    #calendar .tui-full-calendar-popup-detail .btn.btn-block-text.w-auto.btn-detail{
        right: 20px;
        bottom: 25px;
    }
    .popup-header .ical_download{
        margin-right: 10px;
    }
    #calendar .tui-full-calendar-popup-detail .btn.btn-block-text.w-auto.btn-detail{
        right: 25px;
    }
    .event-item .class-item-inner .image-box{
        width: 50%;
        height: 100px;
        background-size: cover;
        background-position: center;
        margin: 0 auto;
    }
    
    .event-item .class-item-inner .text-box{
        width: 100%;
        padding-right: 0px;
        padding-top: 20px;
    }
    .event-item .class-item-inner{
        flex-wrap: wrap;
    }
    #calendar .tui-full-calendar-popup-detail .popup-header{
        flex-direction: row-reverse;
    }
    .single-page a.linkPdf, .single-page a.linkWord, .single-page a.linkExcel{
        background-size: auto 20px;
    }
    .page-title-text{
        margin-left: 10px;
    }
    .section-title-text{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .single-education section .section-title .en, .single-education .section-content-2 h2{
        font-size: 2.1rem;
    }
    #page-header .page-breadcrumb a, #page-header .page-breadcrumb .breadcrumb-list > span{
        font-size: 1.2rem;
    }
    .search-ses.form-date , .search-ses-date{
        flex-wrap: wrap !important;
    }
    .search-ses.mb-10.align-middle{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .search-box input[type="text"]{
        width: 100%;
    }
    .search-box input[type="text"][name="search"]{
        max-width: 100% !important;
    }
    .flex-row.justify-end.flex-right.control-menu{
        position: fixed;
        background-color: rgba(0, 0, 0, 0.45);
    }
    .post-date{
        font-size: 1.4rem;
    }
    .post-title{
        font-size: 1.6rem;
    }
    .single-data_event a.btn.btn-more{
        bottom: 15px;
    }
    .flex-row.single-event-infor{
        flex-wrap: wrap;
    }
    .left-line.left-1{
        flex-wrap: wrap;
    }
    .flex-row.single-event-infor .right{
        margin-left: auto;
        margin-top: 10px;
    }
    .single-event-infor .left-line > div{
        margin-right: 20px;
    }
    .menu-wrapper .menu-inner .menu-left-img-banner{
        display: block;
    }
    .header-nav-main > li > .menu-left-img-banner > a{
        height: auto;
    }
    .cirle-cat-list > .row{
        justify-content: center;
    }
    .index-list .item:not(.active):hover a {
        background-color: rgba(0,0,0,0) !important;
    }
    .news-slider .box-image{
        height: 215px;
    }
    @media (orientation: landscape) {
        .index-menu{
                left: 70px;
        }
        .index-menu .list .item a{
                text-overflow: ellipsis;
        }
            
        .index-menu .list{
            max-height: 175px;
            overflow-y: scroll;
        }
     }
    .segment-list .box-list{
        border-radius: 25px;
    }
    .page-top-button-1 .button-1 a {
        font-size: 1.6rem;
    }
    .loveu-item > .col-inner .col-inner{
          height: 46vw;
    }
    .single-education .news .slide-arrow{
          background-size: 18px 15px;
    }
    .menu-wrapper .ps__rail-y,.menu-wrapper .ps__thumb-y{
        opacity: 0;
    }
    .search-header > a{
        flex-wrap: wrap;
    }
    #home-slider{
        background-color: #0c0b3b;
    }
    .index-menu .list{
        max-height: calc(100vh - 168px);
        overflow-y: scroll;
    }
    .wrap-prospective{
        position: fixed;
        width: 70px;
        height: 63px;
        top: 0;
        right: 126px;
    }
    .wrap-prospective a{
        padding: 0 10px;
        margin-left: 0;
        font-size: 1.1rem;
        line-height: 1.5;
    }
    #logo-header{
        left: 70px;
        width: 100px;
    }
    .menu-left-active > .menu-item-has-children.child-menu-open .sub-menu-wrap{
        padding-bottom: 100px;
    }
    .news-item-thumb{
        width: 60px;
        height: 40px;
    }
    .news-list .date{
        margin-left: 70px;
    }
    .news-list.tabs-news-list .news-item{
        min-height: 0;
        padding-top: 25px;
        padding-bottom: 10px;
    }
    .news-item-thumb{
        top: 15px;
    }
    .tabs-news-list.news-list .title{
        margin-top: 15px;
    }
    .single-page h1{
        font-size: 1.6rem;
    }
    .single-page h6{
        font-size: 1.4rem;
        padding: 10px 10px 7px 30px;
    }
    .single-page h6:before{
        width: 10px;
        height: 10px;
        top: 15px;
    }
    .wrap-form-comment{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    body.shownav.menu-mobile-open header .header-bg-wrapper {
        content: "";
        position: fixed;
        background: rgba(26, 26, 26, 0.66);
        width: 100vw;
        height: 100%;
        right: 0;
        top: 0;
        display: block;
        z-index: 150;
    }
    div.grecaptcha-badge{
        bottom: 103px !important;
        z-index: 10;
    }
    .wp-block-image.is-style-image-hover-open-border a,.wp-block-image.is-style-image-hover-open a{
        position: relative;
        display: block;
    }
    .wp-block-image.is-style-image-hover-open-border a:after, .wp-block-image.is-style-image-hover-open a:after{
        opacity: 1;
        z-index: 1;    
        display: flex;
        justify-content: center;
        align-items: center;
        content: 'もっと見る';
        background-color: rgba(0, 0, 0, 0.16);
        transition: all 0.5s;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .summarize-item .image-box{
        height: 150px;
    }
}
}

@media(max-height:720px) and (max-width:767px){
    #banner{
        height:calc(100vh - 255px);
        min-height:250px;
    }
    .text-banner{
        bottom: 130px;
    } 
}