@media (max-width: 768px) {
    .img-text-banner {
        width: 173px;
    }
    .home-banner {
        height: 382px;
        padding-top: 80px;
    }
    .box-text-banner p {
        font-size: 1.5rem;
        padding: 5px 10px;
        margin-bottom: 5px;
    }
    .home-banner-cont {
        padding-top: 200px;
    }
    .home-banner::after {
        height: calc(100% + 100px);
        background-image: url(../images/index/bg-banner-sm.png);
    }
    .home-news::after {
        border-radius: 23px;
    }
    .main-title {
        font-size: 2.3rem;
        padding-bottom: 11px;
    }
    .main-title::after {
        width: 45px;
        height: 3px;
    }
    .news-item.item-list {
        padding: 12px 8px;
        flex-direction: column;
        align-items: flex-start;
    }
    .date {
        font-size: 1.7rem;
    }
    .news-item.item-list .title {
        margin: 5px 0 0;
        padding-right: 40px;
    }
    .news-item.item-list::after {
        width: 23px;
        height: 23px;
        right: 15px;
        top: auto;
        bottom: 23px;
        transform: none;
    }
    .box-home-news {
        padding: 10px 10px 0;
    }
    a.btn.btn-main {
        max-width: 225px;
        font-size: 1.5rem;
        min-height: 50px;
        padding-left: 28px;
    }
    a.btn.btn-main::after {
        width: 18px;
        height: 18px;
        right: 20px;
    }
    .news-item.item-list .title {
        line-height: 1.57;
    }
    .box-home-join {
        padding: 32px 0;
        border-radius: 7px;
    }
    .box-home-join::after {
        border-radius: 23px;
    }
    .box-link-join a {
        font-size: 1.7rem;
        padding: 10px 22px;
    }
    .box-link-join a::after {
        width: 20px;
        height: 20px;
        right: 22px;
    }
    .home-join::after {
        height: 485px;
        width: 485px;
        left: 228px;
        right: auto;
        top: 408px;
    }
    .title-feature {
        font-size: 1.8rem;
        padding-top: 22px;
    }
    .title-feature img {
        width: 23px;
    }
    .box-features-link a {
        font-size: 1.5rem;
    }
    .box-features-link a::after {
        width: 23px;
        height: 23px;
    }
    .box-features-link {
        margin-bottom: 15px;
    }
    .home-feature::after {
        width: 485px;
        height: 485px;
        left: -360px;
        top: 1340px;
    }
    .title-feature::after {
        width: 188px;
        height: 188px;
    }
    a.btn.btn-link {
        min-height: 55px;
        font-size: 1.4rem;
        padding-left: 21px;
        border-radius: 4px;
    }
    a.btn.btn-link::after {
        width: 23px;
        height: 23px;
        right: 18px;
    }
    a.btn.btn-link.has-img {
        gap: 16px;
        padding-left: 21px;
    }
    a.btn.btn-link.has-img img {
        width: 34px;
    }
    a.img-link {
        border-radius: 5px;
        margin-bottom: 13px;
    }
    .home-link::after {
        height: 485px;
        width: 485px;
        left: 228px;
        right: auto;
        top: 290px;
    }
    .home-contact::before {
        width: 218px;
        height: 170px;
        right: -35px;
        top: 130px;
    }
    a.btn.btn-main.white {
        min-height: 55px;
        font-size: 1.5rem;
        max-width: 285px;
    }
    .home-contact .main-title {
        text-align: center;
    }
    .home-contact .main-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .footer::after {
        border-radius: 25px 25px 0 0;
    }
    .home-contact-top.footer-logo {
        max-width: 205px;
    }
    .footer-copyright p {
        font-size: .9rem;
    }
    .home-contact-top.footer-logo {
        max-width: 205px;
    }
    .header-wrapper .header-main .main-menu .nav>li>a svg {
        width: 23px;
        position: absolute;
        left: 15px;
    }
    .header-main .main-menu .nav>li>a>span {
        min-height: unset;
    }
    .title-jp {
        font-size: 2.7rem;
    }
    .page-header {
        min-height: 188px;
        padding-top: 95px;
        align-items: flex-start;
        padding-bottom: 0;
    }
    ul.list-anchor {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 25px;
    }
    ul.list-anchor li {
        width: calc(50% - 10px);
        margin: 0;
    }
    ul.list-anchor li a {
        font-size: 1.2rem;
        padding: 11px 0;
        background: transparent;
    }
    ul.list-anchor li a::after {
        width: 16px;
        height: 16px;
    }
    .img-info-1 img {
        border-radius: 10px;
    }
    .box-benefit-right {
        width: 100%;
    }
    .box-benefit {
        position: relative;
        margin-bottom: 30px;
    }
    .box-benefit-left {
        width: 40px;
        flex-direction: column;
        gap: 0px;
        position: absolute;
        top: -19px;
    }
    .num-benefit {
        font-size: 3.3rem;
    }
    .name-benefit {
        margin-left: 53px;
        border-width: 1px;
        padding: 15px;
        font-size: 1.4rem;
        border-radius: 5px;
        min-height: 65px;
    }
    .box-cont-benefit {
        padding: 17px;
        border-radius: 5px;
        line-height: 1.48;
        font-size: 1.4rem;
    }
    .list-dot li::after {
        top: 6px;
    }
    .list-dot li {
        padding-left: 17px;
    }
    .title-cs {
        font-size: 1.7rem;
        border-width: 1px;
    }
    .join-process-left {
        width: 130px;
        position: static;
    }
    .join-process {
        gap: 20px;
        margin-bottom: 60px;
        position: relative;
    }
    .join-process-right {}
    .name-process {
        min-width: 100%;
        border-width: 1px;
        font-size: 1.5rem;
        min-height: 30px;
        margin-bottom: 10px;
        padding: 2px 10px;
    }
    .join-process-right p {
        font-size: 1.4rem;
    }
    .join-process-left::after {
        width: 21px;
        height: 23px;
        bottom: -42px;
    }
    .num-process {
        width: 43px;
        height: 43px;
        font-size: 3.1rem;
        top: -5px;
        left: -5px;
        padding-left: 8px;
        padding-bottom: 6px;
    }
    .img-process {
        border-radius: 10px;
    }
    a.btn.btn-pdf {
        min-height: 50px;
        font-size: 1.4rem;
        padding-left: 65px;
        margin-bottom: 15px;
    }
    a.btn.btn-pdf::before {
        width: 22px;
        height: 26px;
        left: 25px;
    }
    a.btn.btn-pdf::after {
        width: 16px;
        height: 16px;
    }
    .box-color {
        padding: 15px 18px 20px;
    }
    .information-01::after {
        width: 485px;
        height: 485px;
        left: 228px;
        top: 390px;
    }
    .information-02::after {
        width: 485px;
        height: 485px;
        left: -320px;
    }
    .information-03::after {
        width: 485px;
        height: 485px;
        left: 228px;
    }
    .sub-title-jp {
        font-size: 1.8rem;
    }
    .box-service {
        padding: 22px 18px;
        margin: 0 -6px 35px;
    }
    .name-service {
        min-height: 40px;
        border-radius: 20px;
        font-size: 1.5rem;
        padding-left: 20px;
        margin-bottom: 15px;
    }
    .box-service-flex {
        padding: 0 8px;
        flex-direction: column;
        gap: 25px;
    }
    .img-service {
        width: 100%;
    }
    .box-btn-service {
        margin-top: 15px;
    }
    .box-cont-service p {
        font-size: 1.4rem;
        line-height: 1.667;
    }
    .box-border {
        padding: 28px 18px;
        border-width: 1px;
        border-radius: 15px;
    }
    .box-contact-left {
        border-bottom: 1px solid #f76c00;
        border-right: none;
        padding-bottom: 28px;
        margin-bottom: 25px;
    }
    .icon-box {
        font-size: 2.2rem;
        gap: 10px;
    }
    .icon-box .icon {
        width: 21px;
    }
    .box-contact-right a.btn.btn-main {
        max-width: 236px;
        padding-left: 25px;
        font-size: 1.45rem;
    }
    .support-03::after {
        top: -80px;
    }
    .box-file-sv {
        padding-top: 15px;
    }
    .box-file-sv a.btn.btn-pdf {
        padding-left: 55px;
        margin-bottom: 15px;
    }
    .box-file-sv a.btn.btn-pdf:before {
        left: 20px;
    }
    .in-support-01 .box-service {
        margin-bottom: 35px;
    }
    .box-text-v2 {
        padding: 0;
    }
    .box-border.v2 {
        padding: 30px 24px;
    }
    .box-border.v2 .box-contact-left {
        border-bottom: 1px solid #f76c00;
        padding-bottom: 20px;
    }
    .box-color.v2 {
        padding: 25px 17px;
    }
    .in-support-03::after {
        top: 50px;
    }
    .box-img-sum-1 {
        max-width: 175px;
        margin: 0 auto;
    }
    .box-img-sum-1 img {
        border-radius: 10px;
    }
    .box-text-sum-1 {
        padding: 20px 0 55px;
    }
    .box-text-sum-1::before {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        top: -130px;
        height: calc(100% + 110px);
    }
    .box-text-sum-1::after {
        top: -110px;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        height: calc(100% + 110px);
    }
    .box-flex-summary-2 {
        flex-direction: column;
    }
    .summary-2-left {
        width: 100%;
        padding-right: 20px;
    }
    .img-summary-2 {
        height: 240px;
    }
    .summary-2-right {
        margin-top: 25px;
    }
    .img-summary-2 img {
        border-radius: 0 30px 30px 0;
    }
    .table-sum {
        gap: 10px;
        margin-bottom: 10px;
    }
    .table-sum-left {
        width: 100px;
        padding: 6px 8px;
        border-width: 1px;
        font-size: 1.4rem;
    }
    .table-sum-right {
        padding: 6px 9px;
        line-height: 1.53;
        font-size: 1.4rem;
    }
    .box-map {
        height: 200px;
        border-radius: 25px;
    }
    .box-border.v3 {
        padding: 18px 20px;
    }
    .box-border.v3 .box-text-v2 {
        padding: 0;
        font-size: 1.4rem;
    }
    .box-border.v3 .box-contact-left {
        padding-bottom: 15px;
        margin-bottom: 20px;
        position: relative;
        border-bottom: none;
    }
    .box-border.v3 .box-contact-left::after {
        content: "";
        width: 200px;
        height: 1px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-color: #f76c00;
        bottom: 0;
    }
    .box-flex-contact {
        flex-direction: column;
        gap: 5px;
    }
    .box-border.v3 .box-contact-right {
        padding: 0;
        font-weight: 500;
    }
    .box-list-contact {
        padding: 35px 20px;
        border-radius: 10px;
        margin: 0 -7px;
    }
    .contact-01::after {
        width: 485px;
        height: 485px;
        right: -355px;
        top: 30px;
    }
    .about-text::after {
        width: 485px;
        height: 485px;
        left: -355px;
        top: -120px;
    }
    .page-news .news-item.item-list .title {
        margin-left: 0;
    }
    .page-news .news-item.item-list {
        padding-right: 10px;
    }
}