@media(min-width:768px) and (max-width: 1200px) {
    .top-bar #logo,
    .header-main .logo-left .logo {
        max-width: 200px;
    }
    .top-contact ul {
        align-items: center;
    }
    .top-contact ul li.call {
        font-size: 1.6rem;
        margin-right: 15px;
    }
    .top-contact {
        padding-right: 15px;
    }
    .header-main .main-menu .nav>li>a {
        width: auto;
    }
    .box-column-ft .item-column-ft {
        min-width: auto;
        width: calc(50% - 10px);
        margin-right: 0;
    }
    .box-column-ft {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .home-contact .box-text {
        padding: 50px 15px 50px 45px;
    }
}
@media(min-width:768px) {
    #business-04 .box-business-intro .box-text li {
       /* font-size: 2.4rem;*/
        width: auto;
    }
    ul.list-anchor.style-3 li {
        width: 25%;
    }
    ul.list-anchor.style-2 li:not(.item-cs) {
        width: calc(20% - 20px);
    }
    ul.list-anchor li.item-cs {
        width: calc(20% + 80px);
        flex: unset;
    }
    .box-home-contact .main-title,
    .box-list-latest-news .main-title,
    .main-title.style-2 {
        font-size: 3.5rem;
       
    }
    .nav-item>.sub-menu {
        position: absolute;
        left: 0;
        width: 300px;
        background-color: #FAFAFA;
        display: none;
        overflow: hidden;
        z-index: 9;
    }
    .nav-item:hover>.sub-menu {
        display: block;
    }
    .bottom .sidebar {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .box-content.hide-box-content {
        max-height: 0;
        transition: max-height 0.2s ease-out;
        overflow: hidden;
    }
    .box-content.hide-box-content.active {
        max-height: 500px;
    }
    #main-slider {
        height: 900px;
    }
    section#banner-home {}
    .logged-in header {
        top: 32px;
    }
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    .header-box:not(.firstmove) header:not(.first-time).UpMove {
        animation: UpAnime 0.5s forwards;
    }
    
    .header-box:not(.firstmove) header:not(.first-time).UpMove .header-wrapper{
        display: none;
    }
    
    @keyframes UpAnime {
        from {
            opacity: 1;
            transform: translateY(0);
        }
        to {
            opacity: 0;
            transform: translateY(-100px);
        }
    }
    header.DownMove {
        animation: DownAnime 0.5s forwards;
    }
    @keyframes DownAnime {
        from {
            opacity: 0;
            transform: translateY(-100px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    header {
        position: relative;
    }
    .moving:not(.firstmove) header {
        position: fixed;
    }
    .header-box {
        min-height: 150px;
    }
    .header-box.first-move header {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
    #go-top {
        bottom: 10px;
    }
}
@media(max-width:767px) {
    /* html{
        height: -webkit-fill-available;
    } */
    .mt-sm-8 {
        margin-top: 8px;
    }
    .mb-sm-8 {
        margin-bottom: 8px;
    }
    a:not(.btn):hover {
        opacity: 1;
    }
    body.logged-in header {
        top: 0;
    }
    section#single-content,
    .single-content {
        z-index: 1;
        position: relative;
    }
    body {
        font-size: 1.3rem;
    }
    header {
        z-index: 5;
    }
    body .header-main .main-menu {
        flex: unset;
        margin-left: 0;
        margin-right: 0;
    }
    .header-main .logo-left .logo {
        width: 186px;
        position: relative;
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: center;
        z-index: 100;
    }
    .header-main .main-menu {
        position: fixed;
        width: 100vw;
        top: 0;
        padding: 0;
        margin-top: 0px;
        padding-top: 55px;
        color: #000;
        right: -150vw;
        transition: right 0.5s;
        display: block;
        height: 100vh;
        max-height: 100%;
    }
    header .main-menu {
        overflow-y: hidden;
    }
    body.menu-open header:before {
        display: none;
    }
    .menu-open .header-main .main-menu {
        right: 0;
        z-index: 10;
        overflow: hidden;
        margin-right: 0;
    }
    nav.navbar.nav-main {
        overflow: scroll;
        height: 100%;
        padding-top: 10px;
        padding-bottom: 120px;
        position: relative;
        background-color: #F0F0F0;
    }
    .header-wrapper .header-main .main-menu .nav {
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-top: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0 35px;
    }
    .header-wrapper .header-main .main-menu .nav>li {
        width: 100%;
        margin: 0;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #002063;
    }
    .header-wrapper .header-main .main-menu .nav>li:first-child>a {
        border-top: none;
    }
    .header-wrapper .header-main .main-menu .nav>li>a {
        width: 100%;
        font-size: 1.8rem;
        flex-direction: row;
        padding: 5px 35px 5px 0px;
        color: #000;
        position: relative;
        justify-content: flex-start;
        pointer-events: none;
    }
    .header-wrapper .header-main .main-menu .nav>li>.arrow {
        position: absolute;
        right: 0;
        top: 15px;
        background-image: url(../images/index/arrow-down.svg);
        background-repeat: no-repeat;
        background-size: 16px 9px;
        background-position: center right;
        width: 100%;
        height: 30px;
        z-index: 10;
    }
    .header-wrapper .header-main .main-menu .nav>li.active>.arrow {
        background-image: url(../images/index/arrow-up-3.svg);
    }
    .header-main .main-menu .nav>li>a>p {
        width: 78px;
        color: #e3a547;
        border: navajowhite;
        font-size: 1.3rem;
        padding-bottom: 0;
        padding-left: 10px;
        text-align: left;
    }
    .header-wrapper .header-main .main-menu .nav>li>a span {
        font-size: 1.5rem;
        color: #323a8f;
    }
    .header-wrapper .header-main .main-menu .nav>li>a span br {
        display: none;
    }
    .header-wrapper .header-main .main-menu .nav>li>a span {
        margin-top: 0;
        min-height: unset;
    }
    .header-wrapper .header-main .main-menu .nav>li>a:hover {
        background-color: transparent;
    }
    .main-menu a.btn-contact {
        max-width: calc(100% - 70px);
    }
    html.menu-open {
        overflow: hidden;
    }
    .nav-item>.sub-menu {
        position: static;
        width: 100%;
        background-color: transparent;
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #002063;
        display: none;
    }
    .sub-menu ul li {
        align-items: flex-start;
        min-height: auto;
        font-size: 1.5rem;
        text-align: left;
        padding: 6px 20px;
    }
    
    .sub-menu ul li.pc_hide{
        display: inherit;
    }
    .sub-menu ul li+li {
        border-top: none;
    }
    .sub-menu ul li .item-sub-cs::before {
        content: '−';
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        background: none;
    }
    .sub-menu ul li .item-sub-cs {
        margin-left: 12px;
        padding-left: 10px;
        margin-top: 13px;
    }
    .header-main .main-menu .nav>li.active>a {
        background-color: transparent;
        color: #0056AA;
    }
    ul.list-link-sm {
        padding: 0 43px;
    }
    ul.list-link-sm li a {
        padding-left: 20px;
        display: block;
        margin-bottom: 13px;
        position: relative;
        font-size: 1.6rem;
        font-weight: 500;
        color: #038473;
    }
    ul.list-link-sm li a:after {
        content: "";
        width: 13px;
        height: 13px;
        background: #eb535b;
        border-radius: 50%;
        position: absolute;
        top: 6px;
        left: 0;
    }
    ul.list-link-sm li:nth-child(2) a:after {
        background: #00a6cb;
    }
    .header-top-right {
        display: none;
    }
    .header-main {
        max-height: 55px;
        padding: 18px 0;
        background-color: #fff;
    }
    .header-wrapper {
        padding-bottom: 0;
    }
    .header-top.flex-row {
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0;
    }
    body.menu-open header {
        z-index: 9;
    }
    a.scroll {
        font-size: 0.8rem;
        top: -15px;
    }
    .box-scroll::after {
        height: 80px;
    }
    @keyframes pathmove {
        0% {
            height: 0;
            top: 0px;
            opacity: 0;
        }
        30% {
            height: 80px;
            opacity: 1;
        }
        100% {
            height: 0;
            top: 80px;
            opacity: 0;
        }
    }
    #go-top {
        right: 12px;
        bottom: 80px;
        width: 44px;
        height: 44px;
    }
    
    #breadcrumb{
        display: none;
    }
    
    .breadcrums {
        display: none;
    }
    .page-anchor {
        position: relative;
        z-index: 1;
    }
    ul.list-anchor {
        justify-content: flex-start;
        /*margin-top: 23px;*/
        margin-top: 0px;
        margin-bottom: 0;
    }
    ul.list-anchor li {
        width: 50%;
        margin-bottom: 10px;
        flex: unset;
    }
    ul.list-anchor li a {
        font-size: 1.3rem;
        padding: 0px 35px 0px 12px;
        line-height: 1.6;
        min-height: 35px;
        border-left: 0;
        justify-content: flex-start;
    }
    ul.list-anchor li:nth-child(odd) a {
        border-right: 1px solid #C8C8C8;
    }
    ul.list-anchor li a::after {
        width: 16px;
        height: 4px;
        right: 8px;
    }
    a.btn.btn-footer {
        max-width: 182px;
        min-height: 43px;
        padding-left: 38px;
    }
    footer a.btn.btn-footer {
        max-width: 162px;
    }
    .box-img-mega-menu {
        display: none;
    }
    .box-mega-right {
        padding: 0;
    }
    .header-main .main-menu .nav>li .mega-menu {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        transition: none;
    }
    .header-wrapper .header-main .main-menu .nav>li>.toggle-hd {
        margin-right: 15px;
        margin-left: 15px;
        width: auto;
    }
    .header-wrapper .header-main .main-menu .nav>li.toggle-mb {
        padding: 0;
    }
    .mega-menu-course {
        background-color: #f9fce6;
        padding: 0 15px 30px;
    }
    .box-link-mega a {
        width: 100%;
        font-size: 1.7rem;
        font-weight: 500;
        margin: 0;
        background-color: transparent;
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 20px 5px;
        color: #000;
        position: relative;
    }
    .box-link-mega a::after {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url(../images/index/icon-right-menu.svg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        right: 0px;
        position: absolute;
    }
    .header-wrapper .header-main .main-menu .nav>li>.toggle-hd::after {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url(../images/index/icon-open.svg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        right: 15px;
        position: absolute;
    }
    .header-wrapper .header-main .main-menu .nav>li>.toggle-hd.active::after {
        background-image: url(../images/index/icon-close.svg);
    }
    .banner-home-left {
        width: calc(100% - 68%);
        padding-right: 13px;
    }
    div#main-slider .slide-item-1 .slide-item-img img {
        width: 50px;
    }
    .header-main .main-menu .nav>li>a>p {
        width: 78px;
        color: #e3a547;
        border: navajowhite;
        font-size: 1.3rem;
        padding-bottom: 0;
    }
    .header-wrapper .header-main .main-menu .nav>li>a {
        font-size: 1.5rem;
        color: #002063;
    }
    .header-main .main-menu .nav>li.nav-contact>a {
        background-color: transparent;
    }
    .banner-home-text {
        font-size: 1.5rem;
    }
    .box-banner-text {
        margin: 0 auto;
    }
    .banner-home .container {
        top: 80px;
    }
    section#banner-home .container {
        padding: 0 25px;
    }
    .news-important {
        flex-wrap: wrap;
    }
    .box-news-important {
        padding: 10px 13px 20px;
    }
    .box-news-important h2 {
        font-size: 2.1rem;
        width: 55px;
    }
    .news-important a.cat {
        font-size: 1.2rem;
        border-radius: 9px;
        min-height: 18px;
    }
    .news-important .date {
        font-size: 1.3rem;
    }
    .title a {
        font-size: 1.3rem;
    }
    .news-important .title {
        width: 100%;
        margin-top: 5px;
        flex: unset;
    }
    .banner-dot {
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner-dot ul.slick-dots li {
        width: 11px;
        height: 11px;
        margin: 0 6px;
    }
    .news-item.item-list .date {
        width: 73px;
        padding: 0;
        font-size: 1.3rem;
    }
    a.cat {
        font-size: 1.3rem;
        min-height: 22px;
        padding-bottom: 1px;
    }
    .news-item.item-list .box-cat {
        width: 107px;
    }
    .news-item.item-list .title {
        width: 100%;
        flex: auto;
        margin-left: 0;
        margin-top: 5px;
    }
    .news-item.item-list .title a {
        font-weight: 400;
    }
    .news-item.item-list .date {
        width: 73px;
        padding: 0;
        font-size: 1.3rem;
    }
    a.cat {
        font-size: 1.3rem;
        min-height: 22px;
        padding-bottom: 1px;
    }
    .news-item.item-list .box-cat {
        width: 107px;
    }
    .news-item.item-list .title {
        width: 100%;
        flex: auto;
        margin-left: 0;
        margin-top: 5px;
    }
    .news-item.item-list .title a {
        font-weight: 400;
    }
    .box-column-news {
        flex-direction: column;
        padding: 15px 30px 25px;
        align-items: center;
    }
    .column-left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .column-left::after {
        display: none;
    }
    .column-left h2 {
        font-size: 3.3rem;
    }
    .column-left p {
        font-size: 1.7rem;
        padding-left: 32px;
    }
    .column-left p:after {
        left: 8px;
        width: 19px;
    }
    .column-center {
        width: 100%;
        padding: 15px 0 0;
        order: 3;
    }
    .column-right {
        margin-top: 15px;
        flex: auto;
        width: 215px;
    }
    .img-column span {
        font-size: 3rem;
        width: 76px;
        height: 38px;
        border-bottom-left-radius: 12px;
        right: -12px;
        top: -10px;
    }
    .img-column img {
        border-radius: 8px;
        height: auto;
    }
    #item-01 .img-about svg {
        position: relative;
        top: 10px;
    }
    .column-center .date {
        font-size: 1.3rem;
    }
    .column-center h2 {
        font-size: 1.5rem;
        margin-top: 4px;
        min-height: 35px;
    }
    .column-center a {
        margin-top: 20px;
        font-size: 1.5rem;
        padding-right: 48px;
    }
    .column-center a::after {
        width: 32px;
        height: 8px;
        right: 9px;
    }
    a.btn.btn-main {
        max-width: 205px;
        min-height: 50px;
        font-size: 1.5rem;
    }
    a.btn.btn-main::after {
        width: 29px;
        height: 7px;
        right: 15px;
    }
    .img-service {
        width: 155px;
        left: -20px;
        top: 127px;
    }
    .img-service-2 {
        width: 148px;
        right: 15px;
        left: auto;
        top: 93px;
    }
    .pt-sm-250 {
        padding-top: 250px;
    }
    .img-center {
        max-width: 214px;
        margin-top: 75px;
    }
    .sub-title {
        font-size: 1.8rem;
        padding-bottom: 13px;
    }
    .sub-title:after {
        width: 60px;
        height: 2px;
    }
    .img-step {
        border: 1px solid #eee;
    }
    .box-img-step {
        overflow-x: overlay;
        padding: 19px;
    }
    .box-img-step img {
        width: 755px;
    }
    .box-contact::after {
        width: 134px;
        height: 127px;
        right: -40px;
        top: -90px;
    }
    a.btn.btn-voice h2 {
        font-size: 3.5rem;
    }
    a.btn.btn-voice p {
        font-size: 1.7rem;
    }
    a.btn.btn-voice {
        min-height: 109px;
        margin-bottom: 15px;
    }
    a.btn.btn-voice::after {
        width: 90px;
        right: 16px;
    }
    a.btn.btn-voice p:after {
        width: 28px;
        height: 8px;
        right: -35px;
    }
    a.btn-fixed {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .main-title {
        font-size: 2.5rem;
    }
    .main-title span {
        padding-left: 18px;
    }
    .main-title span::before {
        width: 2px;
        height: 26px;
    }
    .main-title.style-2 {
        font-size: 2rem;
    }
    .main-title.style-2 span {
        padding-bottom: 12px;
    }
    .main-title.style-2 span::before {
        height: 2px;
        /*width: 79px;*/
    }
    a.view-more {
        height: 30px;
        max-width: 125px;
        font-size: 1.3rem;
        padding-left: 30px;
        padding-right: 30px;
        justify-content: flex-start;
    }
    a.view-more::after {
        right: 16px;
        width: 8px;
        height: 14px;
    }
    a.view-more.w2 {
        height: 40px;
        max-width: 178px;
        padding-left: 20px;
        background-color: #0063AA;
        justify-content: center;
    }
    .read-more {
        padding: 0px 10px 4px 5px;
        font-size: 1.2rem;
    }
    .read-more::after {
        right: 4px;
        width: 7px;
        height: 12px;
    }
    .read-more.style-3 {
        font-size: 1.5rem;
    }
    .read-more.style-3::after {
        right: 9px;
    }
    .slick-slider .slick-arrow {
        width: 14px;
        height: 24px;
    }
    .slick-slider .slick-arrow.slick-prev {
        right: calc(100% + 14px);
    }
    .slick-slider .slick-arrow.slick-next {
        left: calc(100% + 14px);
    }
    .home-list-news {
        margin-top: -8px;
        padding: 14px 12px;
        max-height: 75px;
    }
    .home-list-news .item-left {
        width: calc(100% - 65px);
        padding-right: 35px;
    }
    .home-list-news .item-right {
        width: 65px;
    }
    .home-list-news .read-more {
        min-width: auto;
        width: 100%;
    }
    .home-list-news .item-left .prev-next {
        right: 20px;
    }
    .home-list-news .item-left .prev-next .slick-arrow {
        width: 14px;
        height: 8px;
    }
    .home-list-news .item {
        flex-direction: column;
    }
    .home-list-news .item>* {
        width: 100%;
    }
    .home-list-news .item .post-cat {
        font-size: 1.5rem;
    }
    .home-list-news .item .post-date {
        margin-left: 10px;
        padding-left: 10px;
        margin-right: 0;
        color: #646464;
    }
    .home-list-news .item .post-title {
        margin-top: 5px;
    }
    a.btn.btn-main.view-more {
        max-width: 210px;
        height: 40px;
        font-size: 1.4rem;
        margin-top: 10px;
    }
    .home-list-news .item .post-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .box-news-fix {
        position: static;
        width: 100%;
        background-color: #DEEAF7;
        box-shadow: 0px 0px 7px 0px rgba(132, 132, 132, 1);
        padding: 38px 0px 27px;
    }
    .box-news-fix .box-content .abs-post-featured {
        width: 74px;
        height: 74px;
        border-radius: 50%;
        background-color: #C90915;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .5);
        position: absolute;
        top: -20px;
        left: -11px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-size: 1.4rem;
        color: #fff;
    }
    .box-news-fix .box-content {
        max-width: 272px;
        margin: 0 auto;
        position: relative;
    }
    .box-news-fix .post-item {
        background-color: #fff;
    }
    .post-item .box-image {
        padding-top: 12px;
    }
    .post-item .box-image img {
        height: 131px;
        object-fit: cover;
    }
    .post-item .box-text {
        padding: 15px 12px 22px;
        display: flex;
        flex-direction: column;
    }
    .post-item .box-text .post-title {
        order: 1;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .post-item .box-text .post-meta {
        order: 2;
        font-size: 1.4rem;
        justify-content: flex-start;
    }
    .post-item .box-view-more {
        order: 3;
    }
    .post-item .box-text .post-title a {
        font-size: 1.5rem;
    }
    .post-item .box-text .post-meta .status {
        font-size: 1.2rem;
        padding: 0px 12px;
        min-height: 19px;
        margin-left: 14px;
    }
    .post-item .view-more {
        height: 37px;
        max-width: 146px;
        font-size: 1.4rem;
    }
    .home-about::before,
    .home-about::after {
        content: none;
    }
    .box-img-about-wrap {
        height: 232px;
        margin-top: -18px;
    }
    .box-img-about {
        width: 305px;
        right: 50%;
        transform: translateX(50%);
    }
    .home-about-right {
        padding-top: 35px;
    }
    .home-about-right::after {
        content: "";
        width: 100vw;
        height: calc(100% + 100px);
        background-color: #e8f0f9;
        position: absolute;
        top: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    section#home-about:before {
        height: 232px;
        top: -18px;
        left: 39px;
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    }
    .box-img-about-wrap::before {
        content: '';
        position: absolute;
        right: -85px;
        bottom: 0;
        width: calc(100vw + 53px);
        height: 326px;
        background: url(../images/index/bg-1.png) center / 100% 100% no-repeat;
        z-index: -1;
    }
    .box-about {
        padding: 15px 20px 18px;
    }
    .box-about .icon-box .icon-image {
        width: 69px;
    }
    .box-about .icon-box .icon-text {
        padding-left: 15px;
    }
    .box-about .icon-box .icon-text h3 {
        font-size: 1.6rem;
    }
    .box-about .view-more {
        margin-right: 0;
        justify-content: flex-start;
        padding-left: 20px;
        letter-spacing: 0.05em;
    }
    .box-list-latest-news {
        padding: 40px 12px 35px;
        border-radius: 5px;
    }
    .list-latest-news .item-post:nth-last-child(1),
    .list-latest-news .item-post:nth-last-child(2) {
        display: none;
    }
    .item-post {
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 10px;
    }
    .item-post .post-meta .cat {
        font-size: 1.3rem;
        min-width: 98px;
        padding: 1px 10px;
        margin-left: 8px;
        margin-right: 0;
    }
    .item-post .post-title {
        padding-top: 5px;
    }
    .box-product {
        padding: 15px 14px;
        border-width: 1px;
    }
    .box-product .box-text {
        padding-top: 5px;
    }
    .box-product .box-text .meta-time {
        padding-bottom: 5px;
        font-size: 1.4rem;
    }
    .box-product .box-image img {
        height: 146px;
        object-fit: cover;
    }
    .box-product .box-text .product-title a {
        font-size: 1.4rem;
        height: 40px;
        overflow: hidden;
    }
    .box-product .box-text button {
        font-size: 1.3rem;
        min-width: 90px;
        height: 20px;
        line-height: 20px;
        border-radius: 10px;
    }
    .box-product .box-text .meta-bottom {
        margin-top: 8px;
        height: 24px;
    }
    .list-product {
        /*max-width: 231px;*/
        margin: 0 auto;
    }
    .list-product .slick-list {
        overflow: visible;
    }
    .list-product .slick-list {
        margin-left: -17px;
        margin-right: -17px;
    }
    .list-product .slick-slide {
        margin-left: 17px;
        margin-right: 17px;
    }
    .list-product.slick-slider .slick-arrow.slick-prev {
        right: calc(100% + 10px);
        background-image: url(../images/index/arrow-prev-blue.svg);
    }
    .list-product.slick-slider .slick-arrow.slick-next {
        left: calc(100% + 10px);
        background-image: url(../images/index/arrow-next-blue.svg);
    }
    .box-product-cat {
        flex-wrap: wrap;
        box-shadow: none;
    }
    .box-product-cat .box-image {
        display: none;
    }
    .box-product-cat .box-text {
        padding: 0;
        width: 100%;
    }
    .list-item-cat .item-cat::before {
        width: 12px;
    }
    .list-item-cat .item-cat::after {
        content: none;
    }
    .list-item-cat .item-cat {
        padding: 3px 8px 3px 28px;
        height: auto;
        min-height: 35px;
        flex-direction: row-reverse;
        font-size: 1.3rem;
    }
    .list-item-cat.style-2 .item-cat {
        height: auto;
    }
    .list-item-cat .item-cat .title-cat {
        padding-left: 0;
        padding-right: 5px;
    }
    .list-item-cat .item-cat .icon-cat {
        width: 28px;
        height: 28px;
        background-size: 15px 12px;
        border-radius: 3px;
    }
    .box-product-cat.style-2 {
        background: transparent;
    }
    .box-product-cat .box-text ul li {
        font-size: 1.3rem;
        padding-left: 20px;
        line-height: 1.6;
    }
    .box-product-cat .box-text ul li::before {
        top: 4px;
        width: 12px;
        height: 12px;
    }
    .bg-city::after {
        height: 53px;
        width: 774px;
        left: 18px;
    }
    .box-home-contact {
        flex-direction: column;
    }
    .home-contact .box-image {
        height: 312px;
        width: 100%;
    }
    .home-contact .box-text {
        width: 100%;
        padding: 35px 25px 45px 25px;
    }
    .home-contact a.view-more {
        background-color: #fff;
        color: #0056AA;
        min-width: 178px;
        height: 40px;
        font-size: 1.5rem;
        padding-left: 20px;
        justify-content: center;
    }
    .home-contact a.view-more::after {
        background-image: url(../images/index/arrow-right.svg);
    }
    .box-footer {
        flex-direction: column-reverse;
    }
    .box-footer .ft-left,
    .box-footer .ft-right {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
    .box-footer .ft-right {
        padding-top: 35px;
        padding-bottom: 45px;
    }
    .box-footer .ft-left {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .box-column-ft .item-column-ft:first-child {
        min-width: auto;
        margin-right: 23px;
        flex: 1;
    }
    .box-column-ft .item-column-ft:last-child {
        min-width: 151px;
    }
    .box-footer .ft-right::after {
        width: 100%;
    }
    .ft-title {
        font-size: 1.3rem;
        padding-left: 10px;
        padding-right: 15px;
    }
    .logo-ft {
        width: auto;
        padding-bottom: 10px;
    }
    .logo-ft img {
        width: 200px;
    }
    .contact-ft ul li.call {
        font-size: 2.4rem;
    }
    a.btn-contact {
        height: 45px;
        max-width: 265px;
        margin: 0 auto;
        padding-left: 58px;
        padding-right: 30px;
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        border-width: 1px;
    }
    a.btn-contact::before {
        width: 29px;
        height: 21px;
        left: 12px;
    }
    a.btn-contact::after {
        width: 10px;
        height: 17px;
        right: 17px;
    }
    .page-header {
        height: fit-content;
        padding-top: 85px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }
    
    .page-header .container{
        padding-left: 10px;
        padding-right: 0px;
    }
    
    .title-page {
        font-size: 2.1rem;
    }
    .title-page span {
        padding-bottom: 10px;
    }
    .title-page span::before {
        height: 3px;
    }
    .page-header .des-page {
        font-size: 1.3rem;
        padding-top: 15px;
    }
    .box-img-text {
        flex-direction: column;
    }
    .box-img-text .box-image {
        width: 100%;
    }
    .box-img-text .box-text {
        padding-top: 20px;
        padding-left: 0;
    }
    .box-text-img {
        flex-direction: column-reverse;
    }
    .box-text-img .box-text {
        padding-right: 0;
    }
    .box-text-img .box-image {
        width: 182px;
        margin: 0 auto;
    }
    .box-text-img .box-image .img-signature {
        width: 77px;
    }
    .text-svg-company {
        width: 157px;
    }
    .text-svg-company-2 {
        width: 65px;
    }
    .text-svg-company-5 {
        width: 134px;
    }
    .box-text-vertical {
        font-size: 1.5rem;
    }
    .box-text-vertical .is-vertical span {
        margin-left: 20px;
    }
    .box-text-vertical .is-vertical {
        margin-right: 32px;
    }
    .box-content-bg-company {
        padding: 20px 17px 29px 20px;
        font-size: 1.3rem;
        line-height: 1.3;
    }
    .box-content-bg-company p {
        /*padding-left: 25px;*/
        padding-left: 15px;
    }
    .box-content-bg-company p::before {
        font-size: 2rem;
    }
    .box-content-bg-company p+p {
        margin-top: 20px;
    }
    .box-content-bg-company .text-svg-company {
        width: 133px;
    }
    .box-content-bg-company .text-svg-company-2 {
        width: 53px;
    }
    .box-bg-company-2 {
        height: 130px;
        background-position: left center;
    }
    .box-company-profile {
        flex-direction: column;
    }
    .box-company-profile .box-image {
        flex: unset;
        width: 201px;
        height: 237px;
        margin: 0 auto;
    }
    .box-company-profile .box-image::before {
        height: 100%;
        width: 100%;
    }
    .box-company-profile .box-text {
        width: 100%;
    }
    .text-flex {
        align-items: center;
        min-height: 38px;
    }
    .text-flex p:first-child {
        padding-left: 12px;
        min-width: 86px;
    }
    .text-flex p+p {
        padding-left: 18px;
        padding-right: 9px;
        line-height: 1.66;
        text-align: justify;
    }
    .text-flex::before {
        width: 86px;
    }
    .list-history-company {
        padding-left: 0;
    }
    .time-line {
        align-items: flex-start;
    }
    .time-line .date-time {
        min-width: 107px;
    }
    .time-line .des-time {
        padding-left: 15px;
    }
    .time-line::after {
        left: 107px;
        top: 5px;
    }
    .time-line .des-time::before {
        left: -14px;
        top: 6px;
        width: 10px;
        height: 10px;
    }
    .list-link a.btn-link {
        font-size: 1.5rem;
        padding-left: 20px;
    }
    .list-link a.btn-link+a.btn-link {
        margin-top: 20px;
    }
    .list-link a.btn-link::before {
        top: calc(50% + 2px);
        left: 0;
        width: 9px;
        height: 15px;
    }
    a.btn-link span::after {
        left: calc(100% + 15px);
        width: 15px;
        height: 15px;
    }
    .flex-box-content,
    .box-business-intro {
        flex-direction: column;
    }
    .flex-box-content .box-text {
        line-height: 1.66;
        font-size: 1em;
    }
    .flex-box-content .box-text,
    .flex-box-content .box-image,
    .box-business-intro .box-text,
    .box-business-intro .box-image {
        width: 100%;
        flex: unset;
    }
    .flex-box-content .box-image {
        padding-left: 0;
        margin-top: 35px;
    }
    .flex-box-content .box-image .box-image-wrap {
        width: 100%;
        height: 170px;
    }
    .box-business-intro .box-text {
        margin-left: 0;
        padding-top: 22px;
        padding-left: 25px;
        padding-right: 58px;
        padding-bottom: 28px;
    }
    .box-business-intro .box-image .abs-des {
        font-size: 1.7rem;
        min-height: 70px;
        top: -40px;
        padding: 10px 10px 10px 25px;
    }
    .box-business-intro .box-image .abs-des::before {
        width: calc(100% - 75px);
        right: unset;
        left: 0;
        margin-right: 0;
    }
    .box-business-intro .box-image .abs-des.v2::before {
        width: calc(50% + 60px);
        margin-right: 0;
    }
    .box-business-intro .box-text ul li {
        font-size: 1.8rem;
        padding: 0px 10px;
    }
    .text-svg-business {
        /*max-width: 172px;*/
        max-height: 3em;
    }
    .text-svg-business-2 {
        /*max-width: 149px;*/
        max-height: 3em;
        width: auto;
    }
    .box-text-img-v2 {
        flex-direction: column-reverse;
    }
    .box-text-img-v2 .box-text,
    .box-text-img-v2 .box-image {
        width: 100% !important;
        flex: unset;
    }
    .box-text-img-v2 .box-image {
        height: 195px;
        background-color: #fff;
    }
    .box-text-img-v2 .box-image .box-image-wrap {
        width: calc(100% + 120px);
        left: -30px;
    }
    .box-text-img-v2 .box-text {
        padding: 20px 25px 28px;
    }
    .box-text-img-v2 .box-text p {
        font-size: 1.5rem;
        line-height: 1.73;
    }
    #business-04 .box-business-intro .box-text ul li {
        /*font-size: 1.6rem;*/
    }
    .box-text-img-v2.row-reverse .box-image .box-image-wrap {
        right: -40px;
    }
    .title-bg {
        font-size: 1.4rem;
        padding: 3px 12px;
        min-height: 35px;
    }
    .item-address-business .title-bg {
        margin-bottom: 12px;
    }
    .box-business-address:not(.is-column) {
        flex-direction: column-reverse;
    }
    .box-business-address.is-column {
        flex-direction: column;
    }
    .box-business-address .box-left,
    .box-business-address .box-right {
        width: 100%;
    }
    .box-business-address .box-right {
        padding-left: 0;
    }
    .box-business-address img {
        margin-bottom: 15px;
    }
    .table-cs tr td:first-child,
    .table-cs tr td {
        font-size: 1.4rem;
        height: 32px;
        line-height: 1.3;
    }
    .table-cs tr td:first-child {
        width: 82px;
    }
    .table-cs tr td:nth-child(2) {
        padding: 4px 0px 4px 12px;
    }
    .table-cs.style-2 tr td {
        height: 42px;
        line-height: 1.48;
    }
    .table-cs.style-2 tr td:first-child {
        width: 95px;
    }
    .table-cs.style-2 tr td:nth-child(2) {
        padding: 13px 10px 13px 10px;
    }
    .box-business-address+.box-business-address {
        margin-top: 18px;
    }
    .box-business-address .image-cover {
        padding-top: 186px;
        margin-bottom: 15px;
    }
    .box-business-address .image-cover.image-map {
        padding-top: 135px;
        margin-bottom: 25px;
    }
    .title-address {
        font-size: 1.5rem;
        padding-left: 15px;
    }
    .title-address::before {
        height: 17px;
    }
    .box-business-address .title-address+p+.title-address {
        margin-top: 25px;
    }
    .item-address-business+.item-address-business {
        margin-top: 75px;
    }
    .box-info-user {
        padding-left: 15px;
    }
    .box-info-user .info-user {
        bottom: 18px;
        left: -15px;
        padding: 12px 16px;
        min-width: 123px;
    }
    .box-info-user .info-user .pos {
        /*font-size: 1.7rem;*/
        font-size: 13px;
    }
    .box-info-user .info-user .join-year {
        /*font-size: 1.3rem;*/
        font-size: 1rem;
        margin-top: 6px;
        padding-top: 6px;
    }
    .box-info-user .info-user .join-year::before {
        width: 69px;
    }
    .box-info-user .box-text {
        padding-top: 5px;
    }
    .box-info-user .box-text p {
        /*font-size: 1.4rem;*/
        font-size: 1.2rem;
        line-height: 1.5;
    }
    .box-info-user .box-image {
        height: 210px;
    }
    .box-info-user .box-image::before {
        left: 20px;
        top: 23px;
        font-size: 3.5rem;
        z-index: 10;
    }
    .box-tabs .tabs-nav {
        margin-left: -6px;
        margin-right: -6px;
    }
    .box-tabs .tabs-nav .tab-nav-link {
        flex: unset;
        width: calc(33.333% - 12px);
        margin-left: 6px;
        margin-right: 6px;
        min-height: 30px;
        font-size: 1.2rem;
        margin-bottom: 15px;
        padding: 2px 5px;
    }
    .box-tabs .tabs-nav .tab-nav-link::before {
        top: calc(100% - 3px);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 12px solid transparent;
    }
    .box-text-image-recruit .box-text {
        font-size: 1.4rem;
        line-height: 1.77;
        padding-top: 150px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .box-text-image-recruit .content-abs ul li {
        font-size: 1.7rem;
        min-height: 30px;
        padding: 2px 10px;
    }
    .box-text-image-recruit .content-abs ul li+li {
        margin-top: 6px;
    }
    .box-text-image-recruit .content-abs ul li.v2 {
        margin-top: 12px;
        min-height: 26px;
        font-size: 1.3rem;
    }
    .box-text-image-recruit .content-abs ul li.v2 span {
        font-size: 1rem;
    }
    .box-text-image-recruit .box-image .content-abs {
        top: calc(100% - 14px);
        left: auto;
        right: 40px;
    }
    /* .box-text-image-recruit .box-image img:not(.text-img-rec-1) {
        height: 250px;
    } */
    .box-text-image-recruit::before {
        height: 188px;
        top: 181px;
    }
    .list-dot ul li {
        padding-left: 15px;
        font-size: 1.7rem;
        line-height: 1.5;
    }
    .list-dot ul li::before {
        top: 8px;
        width: 10px;
        height: 10px;
    }
    .box-content-recruit .list-dot {
        width: 100%;
    }
    .box-content-recruit {
        padding: 28px 25px;
    }
    .box-content-recruit .list-dot li+li {
        margin-top: 20px;
    }
    .title-bg-v2 p {
        font-size: 1.5rem;
        min-height: 60px;
        padding: 5px 15px;
        line-height: 1.56;
    }
    .title-bg-v2::before {
        width: 5px;
    }
    .icon-box-cs h3 {
        font-size: 1.4rem;
        line-height: 1.35;
    }
    .icon-box-cs .icon {
        width: 130px;
        height: 130px;
        margin: 5px auto 12px auto;
    }
    .icon-box-cs .icon img {
        max-width: 64px;
    }
    .icon-box-cs p {
        line-height: 1.6;
    }
    .toggle-hd {
        font-size: 1.5rem;
        min-height: 45px;
        padding: 5px 40px 5px 20px;
    }
    .toggle-hd::before {
        background-size: 11px;
        width: 25px;
        height: 25px;
        right: 12px;
    }
    .list-toggle .toggle-pc+.toggle-pc {
        margin-top: 22px;
    }
    .toggle-pc.style-2 .toggle-hd {
        padding-left: 12px;
        align-items: flex-start;
    }
    
    .toggle-hd p{
      word-break: keep-all;
    }
    
    .toggle-pc .toggle-cont-inner .answer-right p{
        word-break: keep-all;
    }
    
    
    .toggle-pc.style-2 .toggle-hd span {
        /*font-size: 2.3rem;*/
        font-size: 1.5rem;
        margin-right: 10px;
    }
    .toggle-pc .toggle-cont {
        padding: 22px 0px 14px;
    }
    .toggle-pc.style-2 .toggle-cont {
        padding: 25px 10px 30px 0px;
    }
    .toggle-pc .toggle-cont-inner .answer-left {
        width: auto;
        /*font-size: 2.3rem;*/
        font-size: 1.5rem;
        margin-right: 8px;
        line-height: 1.77;
    }
    .toggle-pc .toggle-cont-inner .answer-right {
        font-size: 1.4rem;
        line-height: 1.77;
    }
    .box-contact-recruit {
        padding: 20px 10px 20px;
    }
    .box-popup-user {
        flex-direction: column;
        padding-bottom: 0;
    }
    .box-popup-user::before {
        width: 100%;
        height: 160px;
    }
    .box-popup-user .box-text {
        width: 100%;
        /*padding: 45px 30px 15px 30px;*/
        padding: 15px;
    }
    .box-popup-user .box-image {
        /*width: calc(100% - 30px);*/
        width: 100%;
        margin: 0 auto;
    }
    .box-popup-user .box-text p {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .box-popup-user .box-image .image-cover {
        /*padding-top: 177px;*/
        padding-top: 235px;
    }
    
    .box-popup-user .box-image .image-cover img{
        width: 100%;
        height: auto;
    }
    
    .box-popup-user .info-user {
        position: absolute;
        top: unset;
        /*bottom: -30px;*/
        bottom: 0px;
        /*right: -17px;*/
        right: 0px;
        left: unset;
        padding: 8px 14px;
        min-width: 185px;
    }
    .box-popup-user .info-user .pos {
        /*font-size: 1.5rem;*/
        font-size: 13px;
    }
    .box-popup-user .info-user .pos span {
        /*font-size: 1.2rem;*/
        font-size: 1rem;
    }
    .box-popup-user .info-user .join-year {
        margin-top: 7px;
        padding-top: 7px;
        border-top: 1px solid #fff;
        font-size: 1.4rem;
        padding-right: 1em;
    }
    
    .box-popup-user .info-user .join-year span{
         font-size: 13px;
        line-height: 1.4rem;
    }
    
    .box-popup-user .box-image::before {
        /*left: -14px;*/
        left: 10px;
        top: -10px;
        font-size: 4.7rem;
    }
    .box-popup-text-image {
        flex-direction: column;
    }
    .box-popup-text-image.row-reverse {
        flex-direction: column-reverse;
    }
    .box-popup-text-image .box-text,
    .box-popup-text-image .box-image {
        width: 100%;
    }
    .heading-popup span {
        /*font-size: 2rem;*/
        font-size: 1.5rem;
        margin-right: 0px;
        padding-left: 5px;
    }
    .heading-popup p {
        font-size: 1.4rem;
        line-height: 1.25;
    }
    .heading-popup {
        align-items: flex-start;
        padding-bottom: 9px;
    }
    .heading-popup::before {
        width: 42px;
    }
    .group-poup+.group-poup {
        margin-top: 35px;
    }
    .box-popup-text-image .box-image {
        padding-left: 0;
        padding-top: 25px;
    }
    .group-poup .heading-popup+p {
        line-height: 1.66;
        word-break: auto-phrase;
    }
    
    .group-poup .heading-popup+p br{
        display: none;
        
    }
    
    
    .box-popup-text-image.row-reverse .box-image {
        padding-right: 0;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .page-contact .box-contact-recruit {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .title-border {
        font-size: 1.5rem;
    }
    .box-content-contact+.box-content-contact {
        margin-top: 45px;
    }
    .box-content-contact .title-border+p {
        font-size: 1.4rem;
        line-height: 1.66;
    }
    .list-product .news-item,
    .blog-archive .news-list .news-item {
        border-width: 1px;
        padding: 0px 11px 11px 11px;
        margin-bottom: 16px;
    }
    
    .list-product .large-4:nth-child(5),
    .list-product .large-4:nth-child(6){
        display: none;
    }
    
    .list-product .news-item .img-anim img,
    .blog-archive .news-item .img-anim img {
        height: 95px;
        width: 100%;
        object-fit: cover;
    }
    .list-product .news-item .date,
    .blog-archive .news-item .date {
        font-size: 1.3rem;
    }
    .list-product .box-cat-list a.cat,
    .blog-archive .box-cat-list a.cat {
        font-size: 1.1rem;
        padding: 1px 8px;
        min-height: 18px;
        min-width: 60px;
    }
    .list-product .news-item .title a,
    .blog-archive .news-list .news-item .title a {
        font-size: 1.4rem;
        line-height: 1.15;
        overflow: hidden;
    }
    
    .list-product .news-item .box-content-news, .blog-archive .news-list .news-item .box-content-news{
    margin-top: 10px;
}
    
    .list-product .news-item .title,
    .blog-archive .news-list .news-item .title {
        /*margin-top: 8px;*/
        margin-top: 0px;
        -webkit-line-clamp: 3;
        line-height: 1.15;
    }
    .box-img-news {
        height: auto;
    }
    .sidebar {
        padding-top: 37px;
        padding-bottom: 37px;
    }
    .page-header {
        margin-top: 0;
    }
    .other-item {
        position: relative;
        display: block;
        margin-bottom: 30px;
    }
    .other-item .info-user {
        left: 0;
        width: 100%;
        position: static;
    }
    .other-item .info-user .pos br {
        display: none;
    }
    .other-item {
        padding-left: 0;
    }
    .other-item .info-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    .other-item .info-user {
        padding-left: 15px;
        padding-right: 15px;
    }
    .other-item .info-user .pos {
        /*font-size: 16px;*/
        font-size: 13px;
    }
    .other-item .info-user .join-year {
        font-size: 1rem;
    }
    .other-item .info-box .name {
        font-weight: bold;
        /*font-size: 23px;*/
        font-size: 15px;
        color: #002063;
        margin-bottom: 7px;
    }
    .other-list {
        margin-top: 25px;
    }
    .text-img-rec-1 {
        width: 60px;
    }
    .box-text-rec {
        margin-top: 120px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .text-rec-1,
    .text-rec-2 {
        height: 22px;
    }
    .text-rec-2 {
        top: 2px;
    }
    .text-rec-1 {
        top: 0;
    }
    .box-text-image-recruit .box-image .content-abs {
        position: relative;
        top: unset;
        bottom: 0;
        left: 40px;
        padding-bottom: 40px;
    }
    .box-text-image-recruit .content-abs ul li+li {
        margin-left: 40px;
    }
    .box-text-rec {
        margin-top: 0px;
    }
    .other-item .info-box .catch {
        font-size: 1.2rem;
    }
    .box-text-image-recruit .box-image .content-abs {
        bottom: 13px;
        padding-bottom: 20px;
    }
    .box-text-image-recruit .content-abs ul li.v2 {
        right: 62px;
    }
    .box-text-image-recruit .box-image img:not(.text-img-rec-1).sign {
        padding: 0;
        height: 15px;
    }
    ul.list-anchor li:nth-child(4n) a {
        border: none;
    }
    
    .col-inner.box-flex-link-com {
        display: flex;
        flex-wrap: wrap;
    }
    .col-inner.box-flex-link-com a.btn.btn-link {
        width: 50%;
        margin: 0 0 15px;
        font-size: 1.3rem;
        padding-left: 10px;
    }
    .col-inner.box-flex-link-com a.btn.btn-link:before {
        width: 6px;
        height: 12px;
    }
    .col-inner.box-flex-link-com a.btn.btn-link span:after {
        left: calc(100% + 4px);
    }
    
    .sp_hide{
    display: none;}
    ul.list-anchor.style-4{
        margin-top: 0;
    }
    .shikaku-item .col-inner .left{
        font-size: 14px;
    }
    .shikaku-item .col-inner .right{
        font-size: 14px;
    }
    
    .box-content-recruit:before{
        width: 215px;
        height: 138px;
        background-image: url(../images/recruit/bg-jinzai-sm.svg);
        left: 50%;
        transform: translateX(-50%);
        bottom: -70px;
    }
    .box-content-recruit{
        padding-bottom: 70px;
    }
    .top_about_josei{
        font-weight: bold;
        font-size: 1.25em;
    }
    .sp_com_greeting{
        line-height: 1.75;
    }
    
    .page-recruit .page-header {
    background-image: url(../images/recruit/bg-page-recruit_sp.jpg);
    }
    
    body.page-news .page-header .des-page span,
    body.chumokuitem .page-header .des-page span{
        text-indent: 0em;
        padding-left: 0em;
        display: inline-block;
    }
    
    .rec_title_catch img{
        height: 23px;
        width: 188px;
    }
    
    #recruit-06 .toggle-hd{
        flex-wrap: wrap;
        adding: 5px 40px 5px 10px;
    }
    
    #recruit-06 .toggle-hd .col01 span{
        line-height: 1.5em;
        /*display: block;*/
    }
    
    #recruit-06 .toggle-hd .col02{
        width: 100%;
        font-size: 0.8em;
    }
    
}