@media(max-width:767px) {
    .slide-home-content {
        height: 537px;
    }
    .box-new-banner {
        position: relative;
        width: 100%;
        right: 0;
        top: -23px;
        bottom: auto;
        padding: 0 18px;
    }
    .banner-home::after {
        height: 537px;
        border-bottom-right-radius: 230px;
        background-position: center right -190px;
    }
    .header-wrapper::after {
        width: 63%;
        height: 185px;
        background-image: url(../images/index/bg-header.png);
        top: -12px;
        right: -12px;
    }
    body.home .header-wrapper::after {
        display: block;
    }
    .banner-home::before {
        display: none;
    }
    .box-menu-btn-top {
        flex-direction: column;
        margin-top: 30px;
        gap: 25px;
    }
    a.btn.btn-menu {
        width: 100%;
        border: 2px solid #fff;
        border-radius: 25px;
        height: 70px;
        letter-spacing: 0.1em;
    }
    a.btn.btn-menu>span {
        display: none;
    }
    .img-btn-menu {
        font-size: 1.5rem;
        width: 100%;
        justify-content: center;
    }
    .img-btn-menu img {
        position: absolute;
        left: 30px;
        width: 35px;
    }
    a.btn.btn-menu:after {
        content: "";
        width: 30px;
        height: 25px;
        background-image: url(../images/index/icon-right.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    a.btn.btn-social {
        font-size: 1.3rem;
        max-width: 212px;
        margin: 0 auto 28px;
        min-height: 49px;
        border-radius: 18px;
        padding-left: 20px;
        gap: 18px;
        font-weight: 500;
    }
    a.btn.btn-social img {
        width: 25px;
    }
    a.btn.btn-social::after {
        width: 15px;
        height: 16px;
        right: 15px;
    }
    .logo-meu {
        display: none;
        opacity: 0;
        transition: opacity 0.5s;
    }
    .menu-open .header-logo {
        display: none;
        opacity: 0;
        transition: opacity 0.5s;
    }
    .menu-open .header-logo.logo-meu {
        display: block;
        opacity: 1;
        transition: opacity 0.5s;
    }
    .slide-home-content .bg {
        width: calc(100vw - 30px);
        right: 0;
        height: 120px;
        top: 230px;
    }
    section .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .box-news-important {
        padding: 13px 11px;
    }
    .title-important img {
        width: 29px;
    }
    .title-important {
        font-size: 1.3rem;
    }
    .important-left {
        width: 105px;
        padding-right: 10px;
    }
    .important-right {
        padding-right: 40px;
    }
    a.text-important {
        font-size: 1.3rem;
        line-height: 1.26;
        margin-top: 5px;
    }
    .box-news-important::after {
        right: 11px;
        bottom: 17px;
        width: 17px;
        height: 14px;
    }
    .main-title-en {
        font-size: 2.8rem;
    }
    .main-title-jp {
        font-size: 1.8rem;
        margin-top: 7px;
    }
    .img-about-left img {
        position: static;
        width: 100%;
        max-width: 100%;
        border-radius: 23px;
    }
    .img-about-left {
        height: auto;
    }
    .home-about::before {
        width: 198px;
        height: 85px;
        left: -13px;
        top: 20px;
        background-image: url(../images/index/after-sm-1.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .home-about::after {
        display: none;
    }
    .home-business::after {
        background-image: url(../images/index/bg-busi-sm.png);
        background-size: 100% 100%;
    }
    #home-about::before {
        width: 116px;
        height: 121px;
        bottom: -20px;
    }
    #home-about::after {
        width: 42px;
        height: 92px;
        bottom: -30px;
    }
    a.btn.btn-main span {
        min-width: 180px;
        min-height: 46px;
        font-size: 1.3rem;
        padding: 0 25px;
    }
    a.btn.btn-main {
        padding: 2px;
    }
    a.btn.btn-main span::after {
        width: 30px;
        height: 25px;
        right: 16px;
    }
    .box-slide-business {
        margin-right: 0;
    }
    .box-slide-business img {
        border-radius: 25px;
    }
    ul.slick-dots li {
        width: 8px;
        height: 8px;
        margin: 3px 0;
    }
    .box-slide-business ul.slick-dots li {
        margin: 3px 0;
    }
    .box-slide-business ul.slick-dots {
        right: -15px;
    }
    .box-text-flex-faci {
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    ul.tabs-nav {
        flex-wrap: wrap;
        gap: 15px 0;
        position: relative;
    }
    ul.tabs-nav li {
        padding: 6px 12px;
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin-bottom: 15px; */
        height: 53px;
    }
    ul.tabs-nav:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #aeaeae;
        position: absolute;
        top: 53px;
        left: 0;
        z-index: -1;
    }
    ul.tabs-nav:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #aeaeae;
        position: absolute;
        top: 68px;
        left: 0;
        z-index: -1;
    }
    ul.tabs-nav li.tab-group-9:before {
        content: "";
        width: calc(400% + 10px);
        height: 1px;
        background: #aeaeae;
        position: absolute;
        top: 0px;
        left: -5px;
        z-index: -1;
    }
    ul.tabs-nav li.tab-group-8:before {
        content: "";
        width: calc(400% + 10px);
        height: 1px;
        background: #aeaeae;
        position: absolute;
        bottom: -1px;
        right: -5px;
        z-index: -1;
    }
    .box-faci-list {
        max-width: 180px;
        margin: 0 auto;
    }
    .slide-faci .slick-slide {
        padding: 0 20px !important;
    }
    .slide-faci .slick-list {
        margin: 0 -20px;
    }
    .slide-faci button.slide-arrow {
        width: 37px;
        height: 37px;
        left: -33px;
    }
    .slide-faci button.slide-arrow.next-arrow {
        right: -33px;
    }
    .title-faci {
        padding: 8px 7px;
    }
    .title-faci a {
        font-size: 1.2rem;
    }
    .info-faci {
        padding: 2px 8px;
    }
    .cat-faci {
        font-size: 1rem;
    }
    .info-faci::after {
        width: 18px;
        height: 14px;
        right: 5px;
    }
    #home-business::before {
        width: 105px;
        height: 83px;
        right: -10px;
        bottom: -70px;
    }
    #home-business::after {
        width: 182px;
        height: 81px;
        bottom: -5px;
    }
    .home-recruit::before {
        width: 141px;
        height: 112px;
        top: -20px;
    }
    .home-recruit::after {
        width: 139px;
        height: 144px;
        top: -130px;
        right: -10px;
    }
    .box-home-recruit {
        border-radius: 25px;
        padding: 20px;
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        gap: 0;
        padding-bottom: 30px;
    }
    .box-recruit-left {
        width: 100%;
    }
    .box-recruit-right {
        width: 100%;
    }
    .box-home-recruit .main-title::after {
        left: -20px;
        height: 58px;
        width: calc(100% - 10px);
        bottom: -10px;
    }
    .box-home-recruit::after {
        border-radius: 25px;
    }
    .box-recruit-left h3 {
        padding-top: 25px;
        padding-bottom: 100px;
        border-bottom: none;
        line-height: 1.667;
    }
    .box-factory-inner {
        flex-direction: column;
        padding: 17px;
        border-radius: 23px;
    }
    .box-factory {
        border-radius: 25px;
        padding: 2px;
    }
    .factory-left {
        width: 100%;
        border-radius: 0;
    }
    .factory-right {
        padding: 15px 0 25px;
        width: 100%;
        flex: unset;
    }
    .box-factory-flex {
        flex-direction: column;
        width: 100%;
        gap: 25px;
    }
    .box-factory-flex p {
        width: 100%;
        line-height: 1.73;
    }
    .factory-left {
        display: flex;
        gap: 15px;
    }
    .factory-left img {
        width: 135px;
        border-radius: 10px;
    }
    .factory-right a.btn.btn-main span {
        min-width: 193px;
    }
    .slide-home-recruit .slick-slide {
        padding: 0 7px;
    }
    .slide-home-recruit .slick-list {
        margin: 0 -7px;
    }
    .slide-home-recruit .slick-slide img {
        border-radius: 7px;
    }
    .slide-home-recruit-wrap::after {
        width: 61px;
        height: 134px;
        background-size: contain;
        left: -30px;
        top: auto;
        bottom: 130px;
    }
    .slide-home-recruit-wrap::before {
        width: 247px;
        height: 196px;
        background-size: cover;
        left: -38px;
        bottom: -150px;
    }
    .news-item.item-list {
        padding: 15px 0;
    }
    .news-item .date {
        width: 81px;
        font-size: 1.2rem;
        font-weight: normal;
    }
    a.cat {
        min-width: 95px;
        padding-left: 5px;
        padding-right: 5px;
        min-height: 16px;
        font-size: 1.2rem;
        border-radius: 6px;
    }
    .news-item.item-list .title a {
        -webkit-line-clamp: 2;
        line-height: 1.73;
    }
    .news-item.item-list .title {
        padding-right: 38px;
        padding-top: 10px;
    }
    .news-item.item-list::after {
        width: 16px;
        height: 13px;
        right: 9px;
    }
    .box-home-link {
        flex-direction: column;
        gap: 2px;
    }
    .box-link-home {
        width: 100%;
        height: 143px;
        padding: 35px 25px 0;
    }
    .box-link-home::before {
        height: 55px;
        bottom: 35px;
        width: calc(100% - 95px);
    }
    .box-link-home .main-title::after {
        width: 22px;
        height: 18px;
        right: 10px;
    }
    .home-footer-left {
        max-width: unset;
    }
    .footer-logo {
        max-width: 187px;
    }
    .home-footer-right {
        padding: 25px 28px;
        margin-top: 20px;
    }
    .home-footer-right::after {
        width: 100%;
        left: 0;
        border-radius: 25px;
    }
    .home-footer-right a.btn.btn-social {
        border-radius: 30px;
        min-height: 59px;
        font-size: 1.5rem;
        max-width: unset;
        margin-bottom: 23px;
    }
    .home-footer-right a.btn.btn-social:last-child {
        margin-bottom: 0;
    }
    .page-header {
        height: 230px;
    }
    .page-header-title {
        padding-top: 100px;
    }
    .title-en {
        font-size: 3rem;
    }
    .title-jp {
        font-size: 2rem;
        min-height: unset;
    }
    .page-anchor {
        top: 0;
        padding-top: 30px;
    }
    section#page-header::after {
        width: 143px;
        height: 148px;
        right: -10px;
        bottom: -15px;
    }
    section#page-header::before {
        width: 136px;
        height: 108px;
        bottom: -85px;
        left: -14px;
    }
    section .page-anchor .container {
        padding-left: 18px;
        padding-right: 18px;
    }
    .box-list-anchor {
        border-radius: 10px;
        padding: 1px;
    }
    ul.list-anchor {
        border-radius: 8px;
    }
    .sub-title {
        font-size: 1.8rem;
        padding-bottom: 13px;
    }
    .sub-title::after {
        width: 34px;
        height: 2px;
    }
    .img-about-1 {
        margin-left: -30px;
        margin-right: -30px;
    }
    .img-about-1 img {
        border-radius: 0;
    }
    .img-point-left {
        height: auto;
    }
    .title-point {
        font-size: 3rem;
        text-align: center;
        margin-bottom: 185px;
    }
    .box-point-right h5 {
        font-size: 1.5rem;
        text-align: center;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .box-point-right h5::after {
        height: 2px;
    }
    .box-point-right p {
        letter-spacing: 0.1em;
        line-height: 1.73;
    }
    .img-point-left img {
        width: 100vw;
        right: -30px;
        border-radius: 0 20px 20px 0;
        top: 70px;
    }
    .box-point-right::after {
        width: calc(100% + 70px);
        left: -20px;
        border-radius: 25px 25px 0 0px;
        top: 215px;
        height: calc(100% - 220px);
        min-height: unset;
    }
    .row-reverse .box-point-right::after {
        right: -20px;
        border-radius: 25px 25px 0 0px;
    }
    .row-reverse .img-point-left img {
        left: -30px;
        border-radius: 20px 0 0 20px;
    }
    .row-reverse .title-point {
        text-align: center;
    }
    .img-data {
        margin-bottom: 12px;
    }
    .about-03::after {
        height: 309px;
        right: 0;
        background-position: center left;
    }
    #about-03::before {
        width: 207px;
        height: 215px;
        right: -20px;
        bottom: -70px;
    }
    #about-03::after {
        width: 61px;
        height: 134px;
        left: -10px;
        bottom: -50px;
    }
    #about-02::before {
        width: 153px;
        height: 121px;
        bottom: -100px;
        right: -20px;
    }
    #about-02::after {
        width: 250px;
        height: 112px;
        left: -105px;
        bottom: -21px;
    }
    .about-04::after {
        height: 135px;
    }
    .about-04::before {
        height: calc(100% - 135px);
        top: 135px;
    }
    .box-history-info {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .content-his {
        width: 100%;
        flex: unset;
        margin-top: 10px;
    }
    .year-his {
        font-size: 2.2rem;
        width: 67px;
    }
    .year-his span {
        font-size: 1.3rem;
    }
    .month-his {
        font-size: 1.3rem;
    }
    .month-his {
        padding-left: 3px;
    }
    ul.list-anchor li a::after {
        right: 7px;
    }
    .box-history {
        padding-left: 30px;
        padding-bottom: 50px;
        padding-top: 20px;
    }
    .list-history .border-line {
        width: 3px;
        left: 0;
        transform: none;
    }
    .bg-center::after {
        display: none;
    }
    .img-busi-1 {
        margin: 0 -15px;
    }
    .title-business-en {
        font-size: 3.3rem;
    }
    h2.title-business-jp {
        font-size: 2rem;
        padding-bottom: 12px;
    }
    .title-business-jp::after {
        width: 200px;
        height: 2px;
    }
    .img-busi-2 {
        height: auto;
    }
    .img-busi-2 img {
        width: 100%;
        height: auto;
        position: static;
        border-radius: 25px;
    }
    .business-02::after {
        height: 589px;
        border-radius: 77px;
        top: 20px;
    }
    .toggle-busi .toggle-hd {
        padding: 2px;
        border-radius: 25px;
    }
    .toggle-busi .toggle-hd .toggle-hd-inner {
        min-height: 46px;
        font-size: 1.5rem;
    }
    .toggle-busi .toggle-hd::after {
        width: 28px;
        height: 28px;
        right: 15px;
    }
    .toggle-pc.toggle-busi {
        margin-bottom: 25px;
    }
    .img-toggle-left img {
        border-radius: 25px;
    }
    #business-02::after {
        width: 61px;
        height: 134px;
        top: -30px;
    }
    .box-toggle-busi::after {
        width: 100%;
        height: 309px;
        right: 0;
        background-position: center left;
    }
    .business-02::before {
        width: 200px;
        height: 159px;
        right: -20px;
        top: 580px;
    }
    #business-03::before {
        width: 200px;
        height: 159px;
        left: -20px;
        top: -70px;
    }
    #business-03 .business-02::before {
        width: 61px;
        height: 134px;
        top: 540px;
    }
    #business-04::after {
        width: 61px;
        height: 134px;
        top: -30px;
    }
    .company-01::after {
        width: 61px;
        height: 134px;
        left: -15px;
        bottom: -30px;
    }
    .company-01::before {
        width: 207px;
        height: 215px;
        right: -15px;
        bottom: -30px;
    }
    .box-linear-inner {
        padding: 20px 10px;
    }
    .company-02::before {
        height: 309px;
        background-position: center left;
        right: 0;
    }
    .box-img-company-3 img {
        border-radius: 0;
    }
    .box-img-company-3 {
        margin: 0 -30px;
    }
    .table-about-left {
        width: 80px;
        padding: 10px;
        padding-right: 15px;
        font-size: 1.4rem;
        padding-left: 10px;
    }
    .table-about-right {
        padding: 12px 10px;
        font-weight: 500;
    }
    .table-about-left {
        width: 80px;
        padding: 10px;
        padding-right: 15px;
        font-size: 1.4rem;
        padding-left: 10px;
    }
    .table-about-right {
        padding: 12px 10px;
    }
    .box-border {
        padding: 15px 18px;
    }
    .border-title {
        font-size: 1.4rem;
        padding-bottom: 15px;
        margin-bottom: 7px;
    }
    .img-com-4 {
        margin: 0 -15px;
    }
    .map-com {
        height: 258px;
        margin: 0 0 30px;
    }
    .company-05 .border-title {
        padding-left: 0;
        margin-bottom: 10px;
    }
    .title-icon {
        font-size: 1.5rem;
    }
    .list-dot li::after {
        width: 15px;
        height: 15px;
        left: 8px;
        top: 3px;
    }
    .list-dot li {
        padding-left: 35px;
    }
    .company-03::before {
        width: 153px;
        height: 121px;
        right: -35px;
        top: -15px;
    }
    .company-03::after {
        width: 250px;
        height: 112px;
        left: -105px;
        top: -90px;
    }
    .img-recruit-1 {
        margin: 0 -30px;
    }
    .img-recruit-1 img {
        border-radius: 25px;
    }
    .slide-recruit .slick-slide {
        padding: 0 5px;
    }
    .slide-recruit .slick-list {
        margin: 0 -5px;
    }
    .recruit-01::before {
        display: none;
    }
    .recruit-01::after {
        display: none;
    }
    .box-recruit-2 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 5px;
    }
    .img-recruit-2 {
        width: 109px;
    }
    .box-title-recruit-2 {
        width: calc(100% - 109px);
        margin: 0;
        margin-left: -10px;
        font-size: 1.6rem;
        min-height: 66px;
        padding-left: 40px;
    }
    .box-title-recruit-2::after {
        font-size: 1.9rem;
    }
    .cont-recruit-2 {
        line-height: 1.27;
        margin-top: 5px;
    }
    .recruit-02::after {
        height: calc(100% - 120px);
    }
    .box-work-img {
        max-width: 261px;
        margin: 0 auto;
        margin-bottom: 0px;
        /* font-size: 2rem; */
        margin-bottom: 25px;
    }
    .box-work-img h3 {
        font-size: 2rem;
        top: -16px;
    }
    .box-work-img img {
        border-radius: 25px;
    }
    .title-work {
        font-size: 1.7rem;
        text-align: center;
        border-width: 1px;
        margin-bottom: 7px;
    }
    .box-work-text {
        margin-top: 20px;
    }
    .box-work-text h4 {
        font-size: 1.5rem;
        text-align: center;
        text-align: left;
        margin-bottom: 8px;
    }
    .box-work-text p {
        line-height: 1.77;
    }
    .recruit-03::after {
        height: 165px;
        top: 120px;
    }
    #recruit-03::before {
        width: 65px;
        height: 142px;
        right: -10px;
        top: 30px;
    }
    #recruit-03::after {
        width: 175px;
        height: 140px;
        top: 100px;
        left: -20px;
    }
    .recruit-04::before {
        width: 100%;
        height: 350px;
        right: 0;
        background-position: center left -110px;
        top: -70px;
    }
    .envi-img-box {
        display: flex;
        align-items: flex-start;
        padding-bottom: 18px;
        flex-wrap: wrap;
    }
    .img-envi{
        width: 70%;
    }
    .title-envi {
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        padding-left: 20px;
        font-size: 1.7rem;
        gap: 0px;
        margin-top: 10px;
    }
    .img-envi {
        width: 141px;
    }
    .title-envi span {
        font-size: 2.3rem;
    }
    img {}
    .envi-img-box img {
        border-radius: 25px;
    }
    .envi-img-box::after {
        height: 1px;
    }
    .box-envi {
        margin-bottom: 40px;
    }
    .title-envi br:not(.show-for-small) {
        display: none;
    }
    .recruit-03::after {
        height: 165px;
        top: 120px;
    }
    #recruit-03::before {
        width: 65px;
        height: 142px;
        right: -10px;
        top: 30px;
    }
    #recruit-03::after {
        width: 175px;
        height: 140px;
        top: 100px;
        left: -20px;
    }
    .recruit-04::before {
        width: 100%;
        height: 350px;
        right: 0;
        background-position: center left -110px;
        top: -70px;
    }
    .envi-img-box {
        display: flex;
        align-items: flex-start;
        padding-bottom: 18px;
    }
    .title-envi {
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        padding-left: 20px;
        font-size: 1.7rem;
        gap: 0px;
        margin-top: 10px;
    }
    .img-envi {
        width: 141px;
    }
    .title-envi span {
        font-size: 2.3rem;
    }
    img {}
    .envi-img-box img {
        border-radius: 25px;
    }
    .envi-img-box::after {
        height: 1px;
    }
    .box-envi {
        margin-bottom: 40px;
    }
    .title-envi br:not(.show-for-small) {
        display: none;
    }
    .recruit-04::after {
        height: calc(100% - 100px);
        border-radius: 75px;
    }
    #recruit-04::before {
        width: 309px;
        height: 322px;
        right: -190px;
        bottom: -30px;
    }
    #recruit-04::after {
        width: 92px;
        height: 201px;
        bottom: -50px;
    }
    .title-benefit {
        font-size: 1.8rem;
        margin: 10px 0 15px;
    }
    .img-benefit {
        width: 109px;
        margin: 0 auto;
    }
    .box-benefit {
        margin-bottom: 30px;
    }
    .box-recruit-6 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .box-benefit p {
        line-height: 1.76;
        letter-spacing: 0.01em;
        text-align: justify;
    }
    .recruit-06::after {
        height: calc(100% - 370px);
        top: auto;
        bottom: 0;
        border-radius: 75px;
    }
    .recruit-06::before {
        height: 350px;
        right: 0;
        background-position: center left -100px;
        top: 110px;
    }
    #recruit-06::after {
        width: 254px;
        height: 203px;
        left: -110px;
        top: 340px;
    }
    #recruit-06::before {
        width: 84px;
        height: 185px;
        top: 280px;
        right: -10px;
    }
    .box-btn-7 a.btn.btn-main span {
        min-width: 300px;
        min-height: 58px;
    }
    .text-recruit-07 h5 {
        font-size: 1.5rem;
        text-align: center;
        padding-bottom: 14px;
        line-height: 1.5;
    }
    .text-recruit-07 {
        margin-top: 15px;
    }
    .img-recruit-07 img {
        border-radius: 25px;
    }
    .text-recruit-07 p {
        line-height: 1.76;
    }
    .box-recruit-07::after {
        border-radius: 75px;
    }
    .box-recruit-07 {
        padding: 40px 0;
    }
    .page-recruit .box-link-home {
        padding-top: 70px;
    }
    #recruit-07::after {
        width: 254px;
        height: 203px;
        left: -110px;
        top: 130px;
    }
    #recruit-07::before {
        width: 84px;
        height: 185px;
        top: 40px;
        right: -10px;
    }
    .recruit-07::before {
        height: 350px;
        right: 0;
        background-position: center left -100px;
        top: 30px;
    }
    .box-img-contact {
        flex-direction: column;
    }
    .img-contact {
        width: 100%;
    }
    .box-contact {
        margin-top: -30px;
        border-radius: 10px;
    }
    .box-contact-inner {
        padding: 20px;
    }
    .box-button-contact {
        flex-direction: column;
    }
    .button-contact-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 15px;
        margin-bottom: 15px;
        min-height: unset;
    }
    .button-contact-right {
        width: 100%;
    }
    .button-contact-right a.btn.btn-main span {
        min-width: 260px;
        justify-content: center;
    }
    .button-contact-left a {
        font-size: 2.5rem;
        display: block;
        text-align: left;
        padding-left: 30px;
    }
    .button-contact-left a::after {
        width: 21px;
        height: 23px;
        left: 0;
        top: 55%;
    }
    .button-contact-left:last-child a::after {
        width: 21px;
        height: 21px;
        left: 0;
    }
    .contact-02 .box-contact-inner {
        border-radius: 8px;
    }
    .button-contact-left:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        min-height: unset;
    }
    .box-single-employee-top {
        padding: 12px 14px 25px;
        flex-direction: column;
        border-radius: 0;
    }
    .employee-top-left {
        width: 100%;
    }
    .img-single-inter img {
        border-radius: 25px;
        height: auto;
    }
    .employee-top-right {
        width: 100%;
        padding-top: 18px;
        padding-left: 0;
    }
    a.cat-employee {
        width: 100px;
        height: 25px;
        font-size: 1.3rem;
    }
    a.type-employee {
        font-size: 1.4rem;
    }
    .box-employee-cat {
        gap: 15px;
        margin-bottom: 15px;
    }
    .employee-excerpt {
        font-size: 1.5rem;
        min-height: unset;
        padding-bottom: 20px;
        line-height: 1.5;
    }
    .employee-top-right .list-dot li {
        padding-left: 25px;
        color: #000;
    }
    .page-cs .page-header {
        height: 200px;
    }
    .page-cs section#page-header::before {
        bottom: -110px;
    }
    .page-cs section#page-header::after {
        bottom: -40px;
    }
    .page-cs .page-header::after {
        height: 230px;
    }
    .page-news .page-header {
        height: 230px;
    }
    .page-news section#page-header::before {
        bottom: -85px;
    }
    .page-news section#page-header::after {
        bottom: -15px;
    }
    .box-single-employee-top {
        background-image: url(../images/index/bg-em-sm.png);
    }
    .question-inter {
        font-size: 1.5rem;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .q {
        font-size: 2rem;
    }
    .question-inter::after {
        height: 2px;
    }
    .img-qna-inter {
        width: 100%;
        margin: 0 0 15px;
    }
    .answer-inner {
        flex-direction: column;
    }
    .img-qna-inter img {
        border-radius: 25px;
    }
    .text-answer {
        line-height: 1.73;
        color: #000;
    }
    .flow-left {
        width: 100%;
        padding: 0;
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    .box-flow {
        flex-direction: column;
        padding: 12px 23px;
        border-radius: 10px;
        margin-bottom: 35px;
    }
    .flow-right {
        width: 100%;
        line-height: 1.34;
    }
    .box-flow::after {
        width: 34px;
        height: 13px;
        bottom: -25px;
    }
    .time-schedule {
        width: 105px;
        font-size: 2rem;
        padding-right: 15px;
    }
    .cont-schedule {
        padding-left: 20px;
        font-size: 1.5rem;
    }
    .list-schedule::after {
        left: 105px;
        width: 2px;
    }
    .list-schedule {
        padding: 5px 0;
    }
    .box-schedule {
        margin-bottom: 18px;
    }
    .employee-schedule::after {
        width: 100%;
        height: 309px;
        background-position: center left;
        right: 0;
    }
    .img-dayoff img {
        border-radius: 25px;
    }
    .day-off::before {
        height: 309px;
        left: 0;
        background-position: center right;
        width: 680px;
        left: -280px;
    }
    .text-dayoff {
        line-height: 1.73;
        letter-spacing: 0.1em;
    }
    #day-off::after {
        width: 143px;
        height: 149px;
        top: -130px;
    }
    #day-off::before {
        width: 136px;
        height: 108px;
        top: -15px;
        left: -10px;
    }
    a.btn.btn-main.btn-home-single span {
        min-width: 162px;
        padding-left: 32px;
    }
    .employee-flow::after {
        width: 174px;
        height: 139px;
        left: -70px;
        top: -20px;
    }
    .employee-flow::before {
        width: 61px;
        height: 134px;
        top: -90px;
    }
    .sidebar-list {
        flex-direction: column;
        gap: 0;
    }
    .employee-filter .sidebar-list {
        gap: 0;
    }
    .employee-filter::after {
        display: none;
    }
    .img-employee-inner {
        border-radius: 5px;
    }
    .img-employee-inner img {
        height: auto;
    }
    a.cat-employ {
        min-width: 47px;
        min-height: 28px;
        border-bottom-right-radius: 10px;
        top: -2px;
        left: -2px;
    }
    .box-cont-em {
        padding: 10px 3px 0;
    }
    .box-cont-em .employee-excerpt {
        font-size: 1.4rem;
        min-height: 81px;
        padding-bottom: 10px;
        line-height: 1.25;
        margin-bottom: 10px;
    }
    .box-info-em a {
        font-size: 1.2rem
    }
    .date-join {
        font-size: 1.2rem;
    }
    .box-cont-em::after {
        right: 0;
        bottom: 35px;
        width: 20px;
        height: 16px;
    }
    .box-employee {
        margin-bottom: 50px;
    }
    .page-navi::after {
        width: calc(100% - 60px);
    }
    .page-news .page-navi::after {
        height: 2px;
    }
    .post-content {
        padding-bottom: 45px;
    }
    a.btn.btn-main.font-2.btn-home-single span {
        min-width: 162px;
        padding-left: 0px;
        padding-right: 25px;
    }
    .contact-02::after {
        bottom: 30px;
    }
    .select-cs {
        position: static;
        transform: none;
    }
    .works-filter .sidebar-list {
        justify-content: flex-end;
    }
    .works-filter .sidebar-item:nth-child(2) {
        justify-content: flex-end;
    }
    .select-cs select {
        height: 40px;
        padding-left: 15px;
        font-size: 1.3rem;
        color: black;
        background-color: white;
    }
    .box-cat-recruit a.cat {
        border-radius: 14px;
    }
    .box-cat-recruit {
        gap: 6px;
    }
    .table-info {
        flex-direction: column;
        border: none;
        margin-bottom: 0px;
    }
    .info-title {
        width: 100%;
        border: 1px solid #ccc;
        /* border-right: none; */
        padding: 10px 15px;
        min-height: 40px;
        margin-bottom: 0px;
        border-bottom: none;
    }
    .info-cont {
        border: 1px solid #ccc;
        padding: 10px 18px;
        margin-bottom: 1px;
    }
    .box-cat-recruit a.cat {
        border-radius: 14px;
    }
    .box-cat-recruit {
        gap: 6px;
    }
    .title-recruit {
        font-size: 1.4rem;
        padding-left: 15px;
        height: 38px;
    }
    .title-recruit::after {
        width: 2px;
    }
    .title-recruit::before {
        bottom: -15px;
    }
    .box-recruit-process {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .step-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #a3a3a3;
        padding: 0 0 13px;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .step-left h2 {
        font-size: 2rem;
        margin: 0;
    }
    .step-left p {
        font-size: 1.5rem;
    }
    .step-right {
        width: 100%;
        padding: 20px 0 0;
    }
    .box-recruit-process::after {
        width: 34px;
        height: 13px;
        bottom: -25px;
    }
    .step-right p {
        line-height: 1.73;
    }
    .toggle-recruit .toggle-hd {
        height: 50px;
        font-size: 1.5rem;
    }
    .toggle-recruit .toggle-hd::after {
        width: 27px;
        height: 27px;
        right: 15px;
    }
    .single-contact-form .stepList li {
        padding: 7px 0 6px 18px;
        text-align: left;
        justify-content: flex-start;
    }
    .box-year label:first-child input {
        width: 86px;
    }
    .box-year {
        gap: 20px;
    }
    .box-year label input[type=text] {
        width: 53px;
    }
    .box-year label:first-child input[type=text] {
        width: 86px;
    }
    .table-info:last-child .info-cont {
        border-bottom: 1px solid #a3a3a3;
    }
    .custom-file-label {
        font-size: 1.3rem;
        height: 25px;
        margin-right: 15px;
    }
    p.file-info {
        font-size: 1.3rem;
    }
    .single-contact-form .submit-btn .one-btn {
        width: 200px;
        height: 50px;
    }
    .single-facility .title-line .title-single::after {
        height: 2px;
    }
    .box-slide-faci .slick-slide img {
        border-radius: 10px;
    }
    .box-slide-faci .slick-slide p {
        padding-top: 10px;
    }
    .box-slide-faci button.slide-arrow {
        top: 65px;
        width: 30px;
        height: 30px;
        left: -28px;
    }
    .box-slide-faci button.slide-arrow.next-arrow {
        right: -28px;
    }
    .box-slide-faci ul.slick-dots li {
        width: 14px;
        height: 14px;
    }
    .single-facility .info-title {
        font-size: 1.5rem;
    }
    .facility-info::after {
        height: 309px;
        background-position: center left;
        right: 0;
        top: -160px;
        bottom: auto;
    }
    .box-product {
        display: flex;
        gap: 20px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .img-product {
        width: 140px;
    }
    .box-product p {
        flex: 1;
        padding: 0;
        line-height: 1.73;
    }
    .box-slide-faci ul.slick-dots {
        bottom: -35px;
    }
    .box-slide-faci ul.slick-dots li {
        margin: 0 4px;
    }
    .list-dot.v2 li {
        line-height: 1.73;
    }
    .list-dot.v2 li::after {
        top: 5px;
        left: 3px;
    }
    .faci-cate {
        padding: 18px 13px;
    }
    section.sidebar-faci {
        margin-top: -25px;
    }
    ul.facility-cat-list li {
        width: calc(50% - 10px);
    }
    ul.facility-cat-list {
        gap: 20px 10px;
    }
    .faci-cate .main-title-en {
        font-size: 2rem;
    }
    .faci-cate .main-title-jp {
        font-size: 1.5rem;
    }
    .faci-cate .main-title {
        margin-bottom: 15px;
    }
    .faci-cate {
        background-image: url(../images/index/bg-faci-cat-sm.png);
    }
    .box-img-faci img {
        height: auto;
    }
    .box-faci-cate {
        margin: 0 -10px;
    }
    .facility-list .box-faci {
        margin-bottom: 40px;
    }
    .sidebar-faci::after {
        height: 309px;
        right: 0;
        bottom: -270px;
        top: auto;
        background-position: center left;
    }
    .title-404 {
        font-size: 2.3rem;
        gap: 20px;
    }
    .title-404 span {
        font-size: 4.5rem;
        position: relative;
        bottom: 7px;
    }
    .section-404 {
        padding: 150px 0;
    }
    .box-news-important {
        border-radius: 5px;
    }
    .box-news-important:last-child .title-important {
        letter-spacing: 0;
    }
    a.text-important {
        -webkit-line-clamp: 2;
        /* Number of lines to show */
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
    }
    .date-important {
        font-size: 10px;
    }
    a.btn.btn-main span {
        border-radius: 30px;
    }
    #about-01 .about-01:before {
        width: 207px;
        height: 215px;
        left: -10px;
        bottom: -140px;
    }
    #about-01 .about-01:after {
        width: 61px;
        height: 134px;
        right: -16px;
        bottom: -140px;
    }
    .year-his span {
        top: 3px;
        left: 2px;
    }
    .month-his {
        top: 3px;
    }
    .page-anchor::after {
        width: 680px;
        height: 309px;
        left: 0;
        bottom: 0;
        transform: translateY(100%);
        top: unset;
    }
    .box-point-right::after {
        width: calc(100% + 40px);
    }
    .box-point-right {
        max-width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }
    #about-02 .sub-title.white {
        font-size: 20px;
    }
    .title-faci a {
        text-align: left;
    }
    body:not(.home) .cat-faci {
        font-size: 12px;
    }
    .video-faci video,
    .video-faci iframe {
        height: auto;
        aspect-ratio: 16/9;
    }
    .video-faci::after {
        top: 40px;
        height: calc(100% - 120px);
    }
    .box-slide-faci .slick-slide {
        padding: 0 10px;
    }
    section .faci-slide .container {
        padding: 0 50px;
    }
    .section-404::after {
        width: 680px;
        height: 309px;
        left: -140px;
        top: 85px;
    }
    .error404 .header-wrapper::before {
        width: 230px;
        height: 85px;
    }
    .title-404 span {
        font-size: 5.4rem;
    }
    .single-employee-inner>.container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .single-recruit .post-content {
        padding-top: 0;
    }
    .img-envi{
        width: 70%;
        margin: auto;
    }
    .title-envi{
        width: 100%;
        padding-left: 0;
        flex-basis: 100%;
        min-height: unset;
        margin-bottom: 15px;
        display: block;
    }
    .envi-img-box{
        flex-direction: column-reverse;
    }
    .img-btn-menu span{
        padding-left: 25px;
    }
    .main-video{
        border-bottom-right-radius: 200px;
    }
    .home-faci-title{
        position: relative;
        left: -4px;
    }
    .home-faci-text span{
        position: relative;
        left: 7px;
    }
    .box-home-recruit::after{
        background-image: url(../images/index/bg-recruit-sm.jpg);
    }
    a.btn.btn-social span{
        padding-left: 10px;
    }
    .page-company .page-header::after{
        background-image: url(../images/business/bg-page-company-sm.png);
    }
    .table-about-right{
        padding-right: 0;
    }
    .page-id-14 .page-header::after{
        background-position: left 67% center;
    }
    .recruit-02::after{
        background-image: url(../images/recruit/bg-1-sm.png);
    }
    .ls-sm-15{
        letter-spacing: 0.015em;
    }
    #business-04 .business-02::after{
        height: 625px;
    }
    
    .title-envi{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .title-envi span{
        flex-shrink: 0;
        position: relative;
        top: -5px;
    }
}