@media (max-width: 768px) {
    .header-wrapper {
        position: absolute;
    }
    .header-inner {
        padding-left: 20px;
        padding-top: 23px;
        padding-bottom: 13px;
    }
    .header-top.flex-row.align-bottom {
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
    .box-menu-phone {
        position: relative;
    }
    .box-menu-phone::before {
        content: "";
        width: 236px;
        height: 140px;
        background-image: url(../images/index/bg-favi.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: -40px;
        right: 0;
    }
    .btn-list-sm {
        padding: 30px;
        background-color: #edf5f9;
        padding-bottom: 180px;
    }
    .box-cat-date .cat {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        /* Giới hạn tối đa 3 dòng */
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        font-size: 1rem;
        letter-spacing: normal;
    }
    a.btn.btn-header {
        font-size: 1.7rem;
        border-radius: 25px;
        min-height: 53px;
        margin-bottom: 25px;
        padding-right: 20px;
    }
    a.btn.btn-header img {
        position: absolute;
        left: 30px;
        width: 39px;
    }
    a.btn.btn-header.btn-header-2 img {
        width: 29px;
        left: 34px;
    }
    a.btn.btn-header::after {
        width: 31px;
        height: 6px;
        mask-image: url(../images/index/icon-right-large.svg);
        -wekit-mask-image: url(../images/index/icon-right-large.svg);
        mask-size: 100% 100%;
        -webkit-mask-size: 100% 100%;
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        background-color: #29a6dd;
        right: 20px;
    }
    a.btn.btn-header.btn-header-2::after {
        background-color: #fff;
    }
    a.btn.btn-link {
        min-height: 53px;
        font-size: 1.4rem;
        padding-right: 65px;
        padding-left: 20px;
        letter-spacing: 0.05em;
        margin-bottom: 18px;
    }
    a.btn.btn-link::after {
        width: 31px;
        height: 6px;
        right: 20px;
    }
    .header-main::after {
        height: 140px;
        background-image: url(../images/index/bg-header-sm.png);
    }
    .banner-home-content h2 {
        font-size: 2.1rem;
        margin-bottom: 10px;
        left: -12px;
    }
    .banner-home-content p {
        font-size: 1rem;
    }
    .banner-home-content {
        margin: 0 auto;
    }
    .banner-home .container {
        top: 150px;
    }
    .banner-slide-item {
        height: 540px;
    }
    .banner-home::after {
        width: 189px;
        height: 92px;
    }
    ul.slick-dots li {
        width: 6px;
        height: 6px;
        margin: 5px 0;
    }
    ul.slick-dots {
        right: 20px;
        bottom: 15px;
    }
    .box-important {
        flex-direction: column;
    }
    .home-important-left {
        width: 100%;
        justify-content: center;
        font-size: 1.8rem;
        gap: 15px;
    }
    .home-important-left img {
        width: 27px;
    }
    .news-important {
        flex-direction: column;
        padding: 17px 8px;
        gap: 10px;
        padding-right: 42px;
    }
    .news-important .date {
        font-size: 1.2rem;
        letter-spacing: 0.1em;
    }
    .news-important::after {
        width: 26px;
        height: 5px;
        top: auto;
        transform: none;
        bottom: 21px;
        right: 10px;
    }
    .main-title-jp {
        font-size: 2rem;
        padding-bottom: 10px;
    }
    .main-title-jp::after {
        width: 28px;
        height: 2px;
    }
    .slide-news .slick-slide,
    .slide-product .slick-slide {
        margin: 0 9px;
    }
    .slide-news .slick-list,
    .slide-product .slick-list {
        margin: 0 -9px;
    }
    .box-slide-news {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .slide-news .slide-arrow,
    .slide-product .slide-arrow {
        width: 40px;
        height: 40px;
        top: 70px;
    }
    .slide-news .slide-arrow.next-arrow,
    .slide-product .slide-arrow.next-arrow {
        right: -30px;
    }
    .slide-news .slide-arrow.prev-arrow,
    .slide-product .slide-arrow.prev-arrow {
        left: -30px;
    }
    .news-item.item-list .title {
        padding: 0px 7px 10px;
        margin-bottom: 10px;
    }
    .news-item.item-list .title a {
        font-size: 1.3rem;
        min-height: 85px;
        -webkit-line-clamp: 4;
    }
    .news-item.item-list .date {
        font-size: 1rem;
    }
    a.cat {
        min-width: 85px;
        min-height: 18px;
        font-size: 1rem;
        padding-bottom: 1px;
    }
    .box-cat-date {
        gap: 8px;
        padding: 0 7px;
    }
    .news-item.item-list::after {
        width: 18px;
        height: 5px;
        bottom: 7px;
    }
    .slide-news ul.slick-dots li,
    .slide-product ul.slick-dots li {
        width: 31px;
        height: 3px;
        margin: 0 5px;
    }
    .slide-news ul.slick-dots,
    .slide-product ul.slick-dots {
        bottom: -50px;
        right: auto;
    }
    .box-btn-pickup {
        position: static;
        padding-top: 95px;
    }
    a.btn.btn-main {
        min-width: 182px;
        min-height: 53px;
    }
    .img-news {
        border-radius: 13px;
    }
    .home-pickup::after {
        height: calc(100% - 150px);
    }
    .home-pickup::after {
        height: calc(100% - 150px);
    }
    .box-home-business {
        flex-direction: column;
    }
    .home-business-left {
        width: 100%;
        padding: 0 0 20px;
    }
    .home-business-right {
        width: 100%;
        padding: 0;
    }
    .home-business-img {
        height: auto;
        margin: 0 -8px;
    }
    .home-business-img img {
        position: static;
        max-width: 100%;
        border-radius: 5px;
    }
    .home-busi-img-2 {
        margin-top: 20px;
        width: 171px;
        right: -175px;
        margin-left: 0;
    }
    .box-facility p.sub-cont {
        font-size: 1.2rem;
    }
    .title-cs {
        padding-left: 25px;
        font-size: 1.5rem;
    }
    .title-cs::after {
        left: 0;
        width: 8px;
        height: 2px;
    }
    .box-img-link {
        max-width: 245px;
        margin: 0 auto 30px;
        border-radius: 13px;
    }
    .img-link-cont {
        padding: 14px 30px;
    }
    .img-link-cont a {
        font-size: 1.4rem;
    }
    .img-link-cont::after {
        width: 2px;
        height: calc(100% - 22px);
        left: 17px;
    }
    .img-link-cont::before {
        width: 21px;
        height: 6px;
        right: 16px;
        bottom: 18px;
    }
    .main-title-en {
        font-size: 1rem;
        margin-bottom: 5px;
    }
    .box-btn-product {
        position: static;
    }
    .box-slide-product {
        max-width: 202px;
        margin: 43px auto 0;
    }
    .slide-product .slick-slide {
        margin: 0 15px;
    }
    .slide-product .slick-list {
        margin: 0 -15px;
    }
    .product-item .title-product {
        padding-right: 41px;
        padding-top: 10px;
    }
    .product-item .title-product a {
        font-size: 1.5rem;
    }
    a.cat-product {
        min-height: 20px;
        letter-spacing: 0.2em;
        font-size: 1.15rem;
    }
    .img-product {
        margin-bottom: 10px;
    }
    .product-item .title-product::after {
        width: 31px;
        height: 5px;
        right: 0;
    }
    .slide-product ul.slick-dots {
        bottom: -28px;
    }
    .home-product::after {
        height: calc(100% - 360px);
        background-size: cover;
        background-position: top center;
    }
    .box-home-recruit {
        flex-direction: column;
    }
    .home-recruit-left {
        width: 100%;
        padding: 0 15px;
    }
    .home-recruit-right {
        width: 100%;
        display: none;
    }
    .box-img-recruit-left {
        height: auto;
        margin: 28px -45px 0;
    }
    .box-img-recruit-left img {
        position: static;
        width: 100%;
        max-width: 100%;
    }
    .recruit-title {
        padding-left: 25px;
    }
    .recruit-title::after {
        left: 0;
        width: 2px;
    }
    .recruit-title-en {
        font-size: 3.9rem;
        margin-bottom: 5px;
    }
    .recruit-title-jp {
        font-size: 2rem;
    }
    .home-recruit-left h3 {
        font-size: 1.5rem;
        margin-top: 18px;
    }
    .img-recruit img {
        max-width: 100%;
        border-radius: 5px;
    }
    .page-header-title.anim.fadeup.is-animated {
        position: relative;
        z-index: 9;
    }
    .img-recruit {
        margin-left: -25px;
        margin-right: -25px;
    }
    a.btn.btn-main.large {
        min-width: 182px;
        min-height: 53px;
    }
    .box-home-recruit::after {
        width: calc(100% + 20px);
        border-radius: 25px;
        height: calc(100% - 55px);
        top: 25px;
    }
    .oem-img {
        height: auto;
    }
    .oem-img img {
        position: static;
        max-width: 100%;
        border-radius: 5px;
        width: 100%;
    }
    .oem-cont {
        padding: 25px 0 0;
    }
    .oem-title {
        padding-left: 20px;
    }
    .oem-title-en {
        font-size: 1rem;
    }
    .oem-title-jp {
        font-size: 2rem;
        margin-top: 5px;
    }
    .oem-title::after {
        left: 0;
        width: 2px;
    }
    .home-oem::after {
        top: 55px;
        height: calc(100% + 10px);
    }
    .home-oem {
        padding-top: 0;
    }
    .home-oem::after {
        top: 55px;
        height: calc(100% + 10px);
    }
    .home-oem {
        padding-top: 0;
    }
    .link-img-oem {
        border-radius: 10px;
        margin: 0 -25px 15px;
    }
    .link-oem-cs {
        padding: 20px 40px;
        font-size: 1rem;
    }
    .link-oem-cs a {
        font-size: 1.8rem;
        margin-top: 15px;
    }
    .link-img-oem::after {
        width: 26px;
        height: 5px;
        right: 18px;
    }
    .box-home-news {
        flex-direction: column;
    }
    .home-news-left {
        width: 100%;
        text-align: center;
    }
    .home-news-left-cont {
        width: 100%;
    }
    .home-news-right {
        width: 100%;
    }
    .news-item-home {
        padding: 15px 0;
        padding-right: 45px;
    }
    .img-news-home {
        width: 55px;
        border-radius: 10px;
    }
    .news-home-cont {
        margin-left: 10px;
        padding-top: 0;
    }
    .news-item-home .box-cat-date {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding-left: 0;
    }
    .date {
        font-size: 1.2rem;
        letter-spacing: 0.1em;
    }
    .news-item-home::after {
        width: 16px;
        top: auto;
        transform: none;
        bottom: 17px;
    }
    .news-item-home a.cat {
        min-height: unset;
        min-width: unset;
        padding: 0;
        font-size: 1.2rem;
    }
    .box-btn-news-home a.btn.btn-main {
        min-height: 53px;
    }
    .title-contact-en {
        font-size: 1rem;
    }
    h2.title-contact-jp {
        font-size: 2rem;
    }
    #home-contact .title-contact-jp {
        font-size: 2.2rem;
    }
    .footer-left {
        width: 100%;
    }
    .home-contact-top.footer-logo {
        flex-direction: column;
        align-items: center;
        gap: 3px;
        max-width: 305px;
        margin: 0 auto;
    }
    .box-table-footer {
        flex-direction: column;
        align-items: center;
        gap: 0;
        font-size: 13px;
    }
    .table-footer-left {
        width: 100%;
        text-align: center;
    }
    .home-contact::after {
        background-image: url(../images/index/bg-contact-sm.png);
    }
    .home-contact-left {
        padding-top: 0;
    }
    .table-footer-right {
        text-align: center;
        line-height: 1.68;
    }
    .page-header {
        min-height: 224px;
        align-items: flex-start;
        padding-top: 100px;
    }
    .title-en {
        font-size: 1.3rem;
        padding-bottom: 10px;
        margin-bottom: 0;
        position: relative;
        z-index: 9;
    }
    .title-jp {
        font-size: 2.8rem;
    }
    .breadcrums {
        display: none;
    }
    .page-header .container {
        margin: 0;
    }
    ul.list-anchor {
        padding: 0;
        background: transparent;
        gap: 0 25px;
        top: -27px;
    }
    ul.list-anchor::after {
        content: "";
        width: calc(100% + 24px);
        height: 100px;
        background-color: rgba(255, 255, 255, .95);
        position: absolute;
        z-index: -1;
        top: -8px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 10px;
    }
    .business-01 .title-map {
        white-space: nowrap;
    }
    ul.list-anchor li a {
        padding: 12px 16px 13px;
        font-size: 1.15rem;
        padding-right: 0;
        background: transparent;
    }
    ul.list-anchor li a span {
        white-space: nowrap;
    }
    ul.list-anchor li {
        width: calc(50% - 14px);
        margin: 0;
    }
    ul.list-anchor li a::after {
        width: 9px;
        height: 6px;
        top: 19px;
    }
    .box-company-1 {
        flex-direction: column;
    }
    .company-1-left {
        width: 100%;
        height: auto;
    }
    .company-1-left img {
        position: static;
        max-width: 100%;
        border-radius: 10px;
    }
    .company-1-right {
        width: 100%;
        padding: 0;
        margin: 10px 0 0;
    }
    .company-1-right::after {
        height: calc(100% - 15px);
        top: -58px;
        width: 100vw;
        left: -30px;
    }
    .bg-bottom-right::after {
        width: 100%;
        height: 216px;
        right: 0;
        bottom: -20px;
    }
    .sub-title {
        font-size: 1.8rem;
        padding-left: 15px;
        min-height: 30px;
    }
    .sub-title::after {
        width: 2px;
        left: 0;
    }
    .main-title-jp.small {
        font-size: 1.5rem;
    }
    .title-border {
        font-size: 1.5rem;
        padding-bottom: 13px;
    }
    .gradient-border {
        border-radius: 5px;
        padding: 18px;
        font-size: 1.3rem;
        text-align: left;
        line-height: 1.54;
        margin-bottom: 13px;
        margin-top: 0;
    }
    .gradient-border::before {
        border-radius: 5px;
        padding: 1px;
    }
    .company-02::before {
        width: 300px;
        height: 177px;
        top: 102px;
    }
    .timeline-item {
        flex-direction: column;
        gap: 30px;
    }
    .timeline-content {
        width: 100%;
        padding-left: 10px;
    }
    .timeline-img {
        width: 100%;
    }
    .year {
        min-width: 77px;
        font-size: 1.5rem;
    }
    .timeline-info {
        margin-bottom: 8px;
    }
    .box-img-timeline {
        max-width: 215px;
        margin: 0 auto;
    }
    .timeline::after {
        width: 2px;
        left: 0;
    }
    .timeline-item.reverse {
        flex-direction: column;
    }
    .timeline::before {
        width: 21px;
        height: 24px;
        left: -10px;
        transform: none;
        bottom: -30px;
    }
    .bg-top-left::after {
        height: 214px;
        top: 0;
        left: 0;
    }
    .box-gradient-inner {
        padding: 25px 30px;
        border-radius: 7px;
    }
    .box-gradient {
        padding: 1px;
        border-radius: 8px;
        margin: 0 -12px 30px;
    }
    .box-title-map {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 10px;
    }
    .title-map {
        font-size: 1.8rem;
        min-height: 29px;
        width: 100%;
        padding-left: 0;
    }
    .title-map::after {
        width: 2px;
        left: -18px;
    }
    .info-map {
        width: 100%;
        padding-left: 23px;
        line-height: 1.5;
        letter-spacing: 0.05em;
        position: relative;
    }
    .map-right {
        height: 177px;
        margin-top: 15px;
    }
    .info-map::after {
        width: 12px;
        height: 18px;
        top: 2px;
    }
    .table-company-left {
        font-size: 1.3rem;
        width: 85px;
        padding: 15px 0;
        padding-right: 10px;
    }
    .table-company-right {
        padding: 15px;
        line-height: 1.42;
    }
    .company-05::after {
        width: 594px;
        height: 594px;
        top: 23px;
        left: 56px;
    }
    .caption-certification {
        font-size: 1.5rem;
        margin: 3px 0;
    }
    .img-certification img {
        border-radius: 5px;
    }
    .box-certification {
        margin-bottom: 30px;
    }
    #company-07 .bg-top-left::after {
        top: -10px;
        height: 238px;
    }
    .company-07 .link-oem-cs {
        padding: 40px 25px;
        font-size: 1rem;
    }
    .company-07 .link-oem-cs a {
        font-size: 2rem;
        margin-top: 20px;
    }
    .company-07 .link-img-oem {
        margin: 0;
    }
    .company-07 .link-img-oem::after {
        right: 25px;
        bottom: 30px;
        top: auto;
        transform: none;
    }
    .page-csr .box-gradient-inner {
        padding: 14px;
    }
    .img-csr-left img {
        border-radius: 5px;
    }
    .box-csr-cont {
        padding: 18px 18px 0;
    }
    .box-csr-cont p {
        padding: 20px 0 0;
    }
    .page-csr .box-gradient {
        margin-bottom: 20px;
    }
    .csr-02::before {
        height: 212px;
    }
    .page-csr .main-title-jp {
        font-size: 2rem;
    }
    .csr-02 .bg-top-left::after {
        height: 194px;
        top: 200px;
    }
    .csr-01.bg-bottom-right::after {
        top: 230px;
    }
    .slide-company .slick-slide img {
        border-radius: 5px;
    }
    .slide-company .slick-slide {
        margin: 0 5px;
    }
    .slide-company .slick-list {
        margin: 0 -5px;
    }
    .box-title-business {
        width: 100%;
        margin: 25px 0 0;
        min-height: 112px;
        gap: 20px;
    }
    .box-title-business p {
        font-size: 1.7rem;
    }
    .number-busi {
        width: 43px;
        height: 43px;
        font-size: 2rem;
    }
    .number-busi:before {
        padding: 2px;
    }
    .box-title-business::before {
        width: calc(100vw - 20px);
        left: 50%;
        transform: translateX(-50%);
        border-radius: 8px;
    }
    .box-title-business::after {
        width: calc(100vw - 20px);
        left: 50%;
        transform: translateX(-50%);
        padding: 2px;
        border-radius: 8px;
    }
    .list-box-img-business {
        margin-top: 150px;
    }
    .business-01::after {
        height: 229px;
        top: 160px;
    }
    .list-box-img-business .box-gradient-inner {
        padding: 15px 15px 30px;
    }
    .business-01 .bg-top-left::after {
        bottom: 620px;
        height: 437px;
        background-position: center left -70px;
    }
    .business-reverse .box-title-business::after {
        width: calc(100vw - 20px);
        left: 50%;
    }
    .business-reverse .box-title-business {
        width: 100%;
    }
    .business-reverse .box-title-business::before {
        width: calc(100vw - 20px);
        left: 50%;
    }
    .business-1-2::after {
        top: 140px;
    }
    .business-1-3::after {
        top: 140px;
    }
    .business-02-con {
        padding-left: 50px;
        padding-right: 50px;
    }
    .box-img-handle p {
        font-size: 1.3rem;
    }
    .box-img-handle {
        margin-bottom: 30px;
    }
    .box-slide-business {
        margin: 0 -13px;
    }
    .box-text-business-slide {
        padding: 13px;
    }
    .box-text-business-slide h3 {
        font-size: 1.5rem;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .box-slide-business .slide-arrow {
        width: 32px;
        height: 32px;
        left: -18px;
        top: 84px;
    }
    .box-slide-business .slide-arrow.next-arrow {
        right: -18px;
    }
    .box-slide-business ul.slick-dots li {
        width: 26px;
        height: 4px;
    }
    .box-slide-business ul.slick-dots {
        bottom: -35px;
    }
    .box-text-business-slide p {
        line-height: 1.73;
    }
    .box-busi-03 {
        margin: 0 -30px;
    }
    .box-facility p {
        font-size: 1.3rem;
    }
    .box-facility {
        margin-bottom: 30px;
    }
    .img-factory-left {
        height: auto;
    }
    .img-factory-left img {
        position: static;
        max-width: 100%;
        border-radius: 5px;
    }
    .text-factory-right {
        padding-top: 16px;
    }
    .text-factory-right h3 {
        font-size: 2rem;
        line-height: 1.375;
        margin-bottom: 20px;
    }
    .business-3-2:after {
        top: 430px;
    }
    .business-3-2::before {
        height: calc(100% - 870px);
    }
    .business-04 .list-box-img-business {
        margin-top: 15px;
    }
    .page-anchor-small ul.list-anchor li {
        width: calc(50% - 14px);
    }
    .page-anchor-small ul.list-anchor {
        padding: 0;
    }
    .oem-01 .slide-company {
        margin-top: 33px;
    }
    .oem-02 .list-box-img-business {
        margin: 30px -15px 0;
    }
    .oem-02 .list-box-img-business .box-gradient-inner {
        margin-bottom: 20px;
    }
    #oem-02 .bg-top-left::after {
        height: 272px;
        yop: -35px;
    }
    .oem-02::after {
        height: calc(100% + 25px);
        top: -25px;
    }
    .oem-02 .list-box-img-business {
        margin: 30px -15px 0;
    }
    .oem-02 .list-box-img-business .box-gradient-inner {
        margin-bottom: 20px;
    }
    #oem-02 .bg-top-left::after {
        height: 272px;
        top: -35px;
    }
    .oem-02::after {
        height: calc(100% + 25px);
        top: -25px;
    }
    .box-img-oem {
        margin-bottom: 35px;
    }
    .box-text-cont-oem h3 {
        font-size: 1.8rem;
        padding-bottom: 10px;
    }
    .box-text-cont-oem {
        padding: 10px 0 0;
    }
    .img-oem-5 {
        margin-left: -30px;
        margin-right: -30px;
    }
    .list-news-oem .news-item-home {
        padding: 15px 0 10px;
        padding-right: 45px;
    }
    .list-news-oem .news-item-home .box-cat-date {
        flex-direction: row;
        gap: 15px;
    }
    .box-conact-border .title-contact {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    .box-conact-border {
        padding: 20px;
        border-radius: 10px;
        padding-bottom: 35px;
    }
    .box-flex-contact {
        flex-direction: column;
    }
    .flex-contact-left {
        width: 100%;
        border-bottom: 1px solid #36c1ff;
        border-right: none;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }
    .flex-contact-right {
        width: 100%;
    }
    .flex-contact-left a {
        font-size: 2.15rem;
    }
    .flex-contact-left-text {
        padding-left: 25px;
        margin: 0;
    }
    .flex-contact-left h4 {
        font-size: 1.2rem;
        padding-right: 30px;
        letter-spacing: 0.1em;
    }
    .flex-contact-left p span {
        font-size: 1.5rem;
    }
    .flex-contact-left a::after {
        width: 20px;
        height: 21px;
        left: -25px;
    }
    a.btn.btn-mail {
        min-height: 48px;
    }
    a.btn.btn-mail::after {
        width: 25px;
        height: 20px;
        left: 20px;
    }
    a.btn.btn-mail::before {
        width: 8px;
        height: 16px;
        transform: translateY(-50%);
        right: 15px;
    }
    .contact-01:before {
        height: calc(100% - 190px);
    }
    .oem-07::after {
        height: 231px;
    }
    .recruit-02::after {
        height: calc(100% - 113px);
    }
    .img-data {
        margin-left: -30px;
        margin-right: -30px;
    }
    ul.list-tab {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
        margin-bottom: -15px;
        z-index: 1;
        position: relative;
    }
    .tab-nav-link {
        display: flex;
        width: calc(33% - 5px);
        padding: 16px 30px;
        font-size: 1.3rem;
        padding: 6px 10px;
        background-color: white;
        border-radius: 10px;
    }
    .box-title-recruit-3 {
        flex-direction: column;
    }
    .recruit-3-img-left {
        width: 100%;
        height: 162px;
    }
    .recruit-3-img-left img {
        width: auto;
        right: -15px;
        border-radius: 0 10px 10px 0;
    }
    .title-recruit-3 {
        width: 100%;
        padding-left: 10px;
    }
    .title-recruit-3 h3 {
        min-height: 66px;
        font-size: 1.5rem;
        padding-left: 30px;
    }
    .row.box-img-recruit-3 {
        margin-top: 5px;
    }
    .box-img-recruit-3 .box-img-oem {
        max-width: 243px;
        margin-left: auto;
        margin-right: auto;
    }
    .box-img-recruit-3 .box-text-cont-oem h3 {
        font-size: 1.5rem;
    }
    .box-link-recruit-3 .link-img-oem {
        margin: 0;
    }
    .recruit-04::before {
        width: 333px;
        height: 197px;
        right: -100px;
    }
    .img-data-recruit {
        margin-bottom: 20px;
    }
    .img-recruit-5 img {
        border-radius: 5px;
    }
    .recruit-04-data {
        margin-left: -10px;
        margin-right: -10px;
    }
    .recruit-05-img-oem .link-img-oem img {
        height: 108px;
        object-fit: cover;
    }
    .recruit-05-img-oem .link-img-oem .link-oem-cs {
        padding: 23px 28px;
    }
    .recruit-05-img-oem .link-img-oem .link-oem-cs a {
        margin-top: 10px;
    }
    .recruit-05-img-oem .link-img-oem:after {
        top: 50%;
        transform: none;
    }
    .img-recruit-5 {
        margin-bottom: 30px;
    }
    section#recruit-05 .main-title-jp.small {
        margin: 0 -5px;
    }
    .page-cs .page-header {
        min-height: 225px;
        padding-top: 15px;
    }
    .recruit-02::after {
        background-image: url(../images/recruit/img-1-sm.jpg);
    }
    .works-filter.gradient-border {
        padding: 27px 16px;
    }
    #news-list .news-item-home {
        padding: 20px 0;
    }
    #news-list .img-news-home {
        width: 55px;
    }
    #news-list .img-news-home img {
        height: auto;
    }
    #news-list .news-item-home .title {
        padding-top: 8px;
    }
    .box-slide-product-list .slick-slide {
        margin: 0 10px;
    }
    .box-slide-product-list .slick-list {
        margin: 0 -10px;
        overflow: hidden;
    }
    .product-slide .box-slide-product-list {
        max-width: 100%;
        margin-top: 0;
    }
    .box-slide-product-list .slide-arrow.prev-arrow {
        left: -15px;
    }
    .box-slide-product-list .slide-arrow {
        width: 32px;
        height: 32px;
    }
    .box-slide-product-list .slide-arrow img {
        width: 100%;
        height: 100%;
    }
    .box-slide-product-list .slide-arrow.next-arrow {
        right: -15px;
    }
    .box-slide-product-list ul.slick-dots {
        bottom: -21px;
        right: auto;
    }
    .box-slide-product-list ul.slick-dots li {
        width: 22px;
        height: 3px;
        margin: 0 4px;
    }
    .info-product.pt-75 {
        padding-top: 49px;
        line-height: 1.73;
    }
    .border-title {
        font-size: 1.8rem;
    }
    .border-title::after {
        width: 125px;
        height: 2px;
    }
    .box-pickup .box-text-cont-oem h3 {
        font-size: 1.5rem;
    }
    .title-special {
        font-size: 1.5rem;
        padding: 0px 0px 15px 15px;
        line-height: 1.5;
    }
    .img-special {
        max-width: 167px;
        margin: 0 auto 23px;
    }
    .box-table-special table {
        width: 700px;
    }
    .table-info-left {
        padding: 10px;
    }
    .table-info-right {
        padding: 10px;
    }
    .box-table-special table td {
        padding: 10px;
    }
    a.btn.btn-file {
        padding: 5px 55px;
        padding-right: 45px;
        border-radius: 10px;
        min-height: 75px;
        line-height: 1.34;
        margin-bottom: 13px;
    }
    a.btn.btn-file::before {
        width: 23px;
        height: 28px;
        left: 15px;
    }
    a.btn.btn-file::after {
        width: 16px;
        height: 16px;
        right: 16px;
    }
    .single-page .page-navi::after {
        max-width: calc(100vw - 60px);
    }
    .page-product .page-navi::after {
        max-width: calc(100vw - 60px);
    }
    a.btn.btn-main.btn-home-single.large {
        min-width: 158px;
        min-height: 46px;
    }
    a.btn.btn-main.btn-home-single.large:after {
        right: 15px;
    }
    a.btn.btn-main::before {
        width: 37px;
        height: 6px;
        right: -18px;
    }
    .single-product .infor-line a.cat {
        min-width: 137px;
        padding: 0 5px 1px;
    }
    .box-product-special {
        margin-bottom: 40px;
    }
    .sidebar {
        margin-top: -33px;
    }
    .img-product img {
        height: 100%;
    }
    .product-list .product-item .title-product a {
        font-size: 1.2rem;
        font-weight: 500;
    }
    .box-single-interview-top {
        flex-direction: column;
    }
    .interview-top-right {
        width: 100%;
        padding: 20px 0 30px;
    }
    .interview-top-right:before {
        width: 100vw;
        border-radius: 5px;
        top: 0;
        height: calc(100% + 23px);
        background-size: 300px;
    }
    .interview-top-right:after {
        width: 100vw;
        border-radius: 5px;
        top: 0;
        height: calc(100% + 23px);
    }
    section.single-interview {
        margin-top: -25px;
    }
    .box-for-sm {
        gap: 13px;
    }
    a.type-interview {
        width: 33px;
        height: 33px;
        font-size: 1.1rem;
    }
    a.cat-interview {
        min-width: 150px;
        min-height: 25px;
        font-size: 1.1rem;
        padding-bottom: 2px;
        border-radius: 8px;
    }
    .interview-excerpt {
        font-size: 1.8rem;
        margin: 18px 0 50px;
        line-height: 1.6;
    }
    .interview-top-left {
        width: 100%;
    }
    .img-single-inter img {
        border-radius: 7px;
    }
    .single-interview-inner::after {
        width: 400px;
        height: 194px;
        left: -10px;
        bottom: 50px;
    }
    .single-interview-inner::after {
        width: 400px;
        height: 194px;
        left: -10px;
        bottom: 50px;
    }
    .interview-schedule::after {
        height: 210px;
        width: 433px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .question-inter {
        padding: 13px 15px;
        font-size: 1.5rem;
        gap: 10px;
        align-items: baseline;
        min-height: 67px;
        margin-bottom: 20px;
    }
    .question-inter::before {
        padding: 1px;
    }
    .question-inter .q {
        font-size: 1.7rem;
    }
    .answer-inner {
        flex-direction: column;
    }
    .img-qna-inter {
        width: 100%;
        margin: 0 auto 25px;
        border-radius: 5px;
        max-width: 231px;
    }
    .box-qna-inter {
        margin-bottom: 50px;
    }
    .box-flow {
        font-size: 1.3rem;
        padding: 11px 10px;
        border-radius: 5px;
        margin-bottom: 30px;
    }
    .box-flow::before {
        width: 21px;
        height: 12px;
        bottom: -21px;
    }
    .box-schedule {
        gap: 12px;
        margin-bottom: 7px;
    }
    .time-schedule {
        width: 77px;
        font-size: 1.5rem;
        padding-right: 10px;
    }
    .cont-schedule {
        min-height: 56px;
        border-radius: 5px;
        padding: 17px 12px;
    }
    .cont-schedule h3 {
        font-size: 1.5rem;
    }
    .list-schedule::after {
        left: 77px;
    }
    .cont-schedule p {
        margin-top: 15px;
        line-height: 1.3;
        font-size: 1.2rem;
    }
    .day-off-inner {
        flex-direction: column;
        margin: 0 -10px;
        margin-top: 30px;
        padding: 13px 13px 25px;
    }
    .img-dayoff {
        width: 100%;
    }
    .img-dayoff img {
        max-width: 100%;
        border-radius: 5px;
    }
    .day-off-inner::before {
        border-radius: 5px;
        padding: 1px;
    }
    .text-dayoff {
        width: 100%;
        padding-left: 20px;
    }
    .text-dayoff h3 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .text-dayoff h3::after {
        left: -16px;
        width: 2px;
    }
    .day-off::after {
        height: calc(100% - 360px);
    }
    .page-interview .sidebar-item.sidebar-cat {
        justify-content: flex-end;
    }
    .page-interview .sidebar-item:not(:nth-last-child(1)) {
        margin-bottom: 50px;
    }
    .page-interview .works-filter::after {
        width: calc(100% - 30px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 1px;
    }
    .c-interview-desc {
        font-size: 1.3rem;
        min-height: 67px;
    }
    .c-interview-meta::after {
        width: 21px;
        height: 4px;
    }
    .c-interview-image {
        border-radius: 7px;
        margin-bottom: 8px;
    }
    .c-interview ul.interview-infor li {
        font-size: 1rem;
        padding-left: 12px;
    }
    .c-interview ul.interview-infor li:before {
        top: 6px;
    }
    .c-interview a.type-interview {
        width: 33px;
        height: 33px;
        font-size: 1.2rem;
        top: -4px;
        left: -4px;
    }
    .c-interview a.cat-interview {
        min-height: 20px;
    }
    .box-table-required {
        flex-direction: column;
    }
    .table-required-left {
        width: 100%;
        padding: 12px;
        font-size: 1.4rem;
        border-right: none;
    }
    .table-required-right {
        padding: 12px;
    }
    .recruit-step-inner {
        padding: 17px 14px;
        border-radius: 8px;
        flex-direction: column;
    }
    .box-recruit-step {
        padding: 1px;
        border-radius: 10px;
        margin-bottom: 33px;
    }
    .recruit-step-left {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        padding-top: 0;
    }
    .recruit-bottom .main-title-jp.small {
        white-space: nowrap;
    }
    .step-number {
        font-size: 1.7rem;
    }
    .step-title {
        font-size: 1.5rem;
    }
    .recruit-step-right {
        padding: 14px;
        border-radius: 5px;
        line-height: 1.73;
    }
    .box-recruit-step::before {
        width: 28px;
        height: 15px;
        bottom: -24px;
    }
    .single-recruit .text-dayoff {
        padding-top: 20px;
    }
    .img-tour-info img {
        border-radius: 5px;
    }
    .single-recruit .text-dayoff h3 {
        font-size: 1.6rem;
    }
    .toggle-recruit .toggle-hd {
        font-size: 1.5rem;
        min-height: 60px;
    }
    .toggle-recruit .toggle-hd::before {
        width: 41px;
        height: 23px;
        left: 12px;
    }
    .toggle-recruit .toggle-hd::after {
        width: 25px;
        height: 25px;
        right: 15px;
    }
    .single-recruit .title-special {
        font-size: 1.5rem;
        min-height: 41px;
        padding-left: 15px;
    }
    .single-recruit .post-content {
        padding-bottom: 20px;
    }
    .recruit-step.pt-100 {
        padding-top: 60px;
    }
    .recruit-bottom {
        padding-top: 0;
        padding-bottom: 20px;
        margin-bottom: 35px;
    }
    .recruit-bottom::after {
        height: calc(100% - 100px);
    }
    .page-recruit .page-header .container {
        margin: 0;
    }
    .single-recruit .title-line .title-single {
        min-height: 65px;
    }
    .post-content.answer:after {
        font-size: 1.5rem;
        left: 0;
        top: 20px;
    }
    .post-content.answer {
        padding-left: 30px;
        padding-top: 20px;
    }
    .page-recruit ul.list-anchor {
        margin-top: 20px;
    }
    .notice-list {
        padding: 40px 0 63px;
    }
    .notice-list-wrap .news-item-home {
        padding: 15px 0;
        padding-right: 45px;
    }
    .qna-list {
        padding: 40px 0;
    }
    .notice-list-wrap .news-item-home .box-cat-date {
        flex-direction: row;
        gap: 15px;
    }
    .recruit-page-01 {
        padding: 38px 0 45px;
    }
    .menu-open .header-wrapper {
        z-index: 99;
    }
    .title-404 {
        font-size: 2.1rem;
        gap: 20px;
        max-width: 284px;
        margin: 0 auto;
    }
    .title-404 span {
        font-size: 5rem;
        font-weight: bold;
    }
    .sm-fit {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    section.section-404.bg-bottom-right {
        padding: 160px 0 100px;
    }
    .box-img-recruit-slide-wrap {
        position: static;
    }
    .rec-slide-item {
        margin: 0 3px;
        width: 161px;
    }
    .box-img-recruit-left img {
        border-radius: 5px;
    }
    #home-product .main-title::before {
        width: 89px;
        height: 51px;
        left: calc(50% - 167px);
        top: -50px;
    }
    .box-home-business::after {
        height: calc(100% - 130px);
        bottom: unset;
        top: 65px;
    }
    .home-business-2 {
        position: relative;
        top: -20px;
    }
    .rec-slide-item {
        height: 113px;
    }
    .oem-img {
        height: 303px;
    }
    .img-busi .video {
        height: 56.26vw;
    }
    .timeline-line {
        left: 0;
    }
    .timeline-info .event {
        font-size: 12px;
    }
    .box-img-timeline .caption {
        font-size: 10px;
    }
    #business-03:before {
        width: 253px;
        height: 150px;
        left: calc(50% - 20px);
    }
    .page-header::before {
        width: 189px;
        height: 92px;
    }
    .container.pad-sm-small {
        padding-left: 18px;
        padding-right: 18px;
    }
    .row-reverse .box-csr-cont {
        padding-left: 20px;
    }
    .business-04 .box-csr-cont p {
        padding-right: 0;
        text-align: justify;
    }
    .single-product .title-line .title-single {
        font-size: 15px;
        letter-spacing: 0.2em;
        padding-left: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
        line-height: 1.5;
    }
    .single-product .title-line .title-single::after {
        width: 2px;
    }
    .title-en::after {
        width: 55px;
    }
    .title-jp {
        margin-top: 5px;
    }
    body.page-oem .title-jp {
        line-height: 1.17;
        letter-spacing: normal;
        font-size: 2.6rem;
        word-break: keep-all;
    }
    body.page-oem .page-header {
        padding-top: 100px;
    }
    .page-contact a.btn.btn-mail::before {
        width: 8px;
        height: 15px;
    }
    .flex-contact-left p {
        font-size: 15px;
    }
    .page-interview.page-cs .page-header,
    .page-news:not(.single-post).page-cs .page-header {
        min-height: 225px;
    }
    .page-interview .title-jp {
        letter-spacing: 0.1em;
        word-break: keep-all;
    }
    .page-interview.page-cs .page-header,
    .page-news.page-cs .page-header {
        padding-top: 100px;
    }
    .page-news.page-cs .page-header-title {
        padding-top: 0;
    }
    .bg-grad::before {
        top: -155px;
        width: 400px;
        height: 194px;
        left: -15px;
    }
    .single-interview .border-title::after {
        width: 150px;
    }
    .time-schedule {
        padding-top: 19px;
    }
    .box-schedule {
        align-items: flex-start;
    }
    #news-list .news-item-home .title {
        font-size: 13px;
        padding-right: 30px;
        padding-top: 18px;
    }
    #news-list .news-item-home::after {
        right: 0;
    }
    .page-interview.single .page-navi {
        border: none;
    }
    .img-company-right img {
        border-radius: 10px;
    }
    .page-recruit:not(.page-template-page-recruit) .page-header {
        padding-top: 110px;
        min-height: 225px;
    }
    .page-recruit.page-cs ul.list-anchor {
        margin-top: 20px;
    }
    .page-recruit.page-cs .sidebar-item:not(.sidebar-arc) .select select {
        width: 100%;
        height: 40px;
    }
    .page-recruit.page-cs .works-filter.gradient-border {
        padding: 27px 16px;
    }
    .page-recruit.page-cs .sidebar-item {
        gap: 10px;
    }
    .single-recruit .infor-line a.cat {
        justify-content: flex-start;
    }
    #loading img {
        max-width: 80%;
    }
    .page-csr ul.list-anchor,
    .page-recruitment ul.list-anchor,
    .page-contact ul.list-anchor {
        margin-top: -27px;
    }
    button.play-btn {
        width: 40px;
        height: 40px;
        padding: 0;
        /* display: none; */
    }
    .text-recruit {
        font-size: 3.7rem;
        top: -45px;
        right: 10px;
    }
    .slide-news .slide-arrow img,
    .slide-product .slide-arrow img {
        width: 100%;
        height: 100%;
    }
    p.text-justify.no-ls {
        letter-spacing: 0;
    }
    .error404 .header-main::after {
        background-image: url(../images/index/bg-404-sm.png);
    }
    .gradient-border-cont h3 {
        display: flex;
        font-size: 1.5rem;
        gap: 5px;
        line-height: 1.23;
    }
    .gradient-border-cont p {
        padding-left: 0;
        padding-top: 5px;
    }
    .list-gradient-com-2 .gradient-border-cont h3 {
        font-size: 1.5rem;
    }
    .note-time {
        padding: 30px 0 0;
    }
    .list-gradient-com-2 .gradient-border {
        padding: 10px 18px;
        border-radius: 10px;
    }
    .company-02 .gradient-border:before {
        border-radius: 10px;
    }
    .company-02 .gradient-border {
        border-radius: 10px;
    }
    .box-btn-csr-06 a.btn.btn-main.large {
        min-width: 240px;
    }
    .slide-product-item {
        height: 52.77777777vw;
    }
    .img-pickup {
        height: 57.29vw;
    }
    .img-special-small {
        height: 27.72vw;
    }
}