@charset 'utf-8';

@media screen and (max-width: 1540px){
    :root{
        --wrap: 1200px;
    }
    #header{
        top: 30px;
    }
    #header__inner{
        padding: 0 50px;
    }
    .header__logo img{
        width: 290px;
    }
    .header__menu-btn__lines{
        width: 65px;
    }
    .header__menu-btn__txt{
        font-size: 12px;
    }
    #header.is-scrolled #header__inner {
        padding: 0 30px;
    }
    #header.is-scrolled {
        height: var(--header-height);
    }
    .drawer__panel{
        padding: 30px 30px 30px 40px;
    }


    /* TOP */
    #front-mv{
        padding: 20px 20px 0;
    }
    .front-recruit-sec__inner__bg{
        padding: 0;
    }
    .front-recruit-sec__inner{
        max-width: 1200px;
    }
    #contact-sec{
        margin: 0;
    }
    .front-business-sec__panel__body__list__item__body__ttl{
        font-size: 15px;
    }


    /* ABOUT */
    #about-mv,
    .page-mv{
        margin: 20px 20px 0;
    }


    /* BUSINESS */
    #business-mv{
        height: 420px;
    }
    #about-mv{
        height: 440px;
    }
    .strengths-sec__list__item__txt{
        font-size: 20px;
    }
    .workflow-sec__list__item__head__ttl-box__sub{
        font-size: 12px;
    }
    .workflow-sec__list__item__head__ttl-box__main{
        font-size: 20px;
    }
    .workflow-sec__list__item__txt{
        font-size: 14px;
    }
    .waste-msg-sec__inner__txt-area__catch,
    .environment-sec__cont__catch{
        font-size: 36px;
    }
    .workflow-sec__list--two{
        grid-template-columns: repeat(4,1fr);
    }
    #environment-sec{
        background-size: 760px;
        background-position-y: 60px;
        padding-top: 0;
    }
    .waste-collection-bg{
        background-size: 1270px;
    }
    .waste-msg-sec__inner__img-area{
        max-width: 610px;
    }
    #environment-sec.aligment-sec{
        background-size: 970px;
        background-position-y: 60px;
    }
    #business-mv::before{
        background-size: 1490px;
    }
    #business-mv.business-treatment-mv::before{
        background-size: 1880px;
    }
    #business-mv.business-collection-mv::before{
        background-size: 1220px;
    }
    .business-tab-nav__list__item a{
        font-size: 16px;
    }
    #metal-recycle-sec{
        height: 790px;
    }

    /* ABOUT */
    .message-sec__inner__txt-area__catch{
        font-size: 32px;
    }
    .message-sec__inner__img-area__name{
        font-size: 32px;
    }
    .message-sec__inner__img-area{
        width: 100%;
        margin-top: 10px;
    }

    /* RECRUIT */
    .recruit-entryBtn img{
        width: 130px;
    }
    .recruit-sec01__title img{
        width: 600px;
    }
    .recruit-sec01__text{
        font-size: 32px;
    }
    .recruit-sec01__box{
        margin-top: 0;
    }
    .recruit-sec01__box-img img{
        width: 420px;
    }
    #recruit-mv{
        margin: 20px 20px 0;
    }
    .recruit-sec01__inner,
    .recruit-sec04__inner{
        padding: 0 20px;
    }
    .recruit-sec04__content-box__item-toggle{
        width: 50px;
        height: 50px;
        right: 60px;
    }
    .recruit-sec04__content-box__item-lead{
        font-size: 24px;
    }
    .recruit-sec04__content-box__item-name{
        font-size: 30px;
    }
    .recruit-sec04__content-box__item-entry{
        font-size: 14px;
    }
    .recruit-sec04__content-box__body-q__ttl-text span{
        font-size: 50px;
        top: -28px;
    }
    .recruit-sec04__content-box__body-q__ttl-text{
        font-size: 22px;
        padding-left: 100px;
    }
    .recruit-sec04__content-box__body-q__answer-text{
        font-size: 16px;
    }
    .recruit-sec05__flex-img img{
        width: 600px;
    }
    .recruit-sec05__career{
        max-width: 100%;
    }
    .recruit-anchor-nav .business-tab-nav__list__item{
        max-width: 300px;
    }
    .entry-mv{
        padding-top: 370px;
        background-position-y: bottom;
    }
}

@media screen and (max-width: 1280px) {
    :root{
        --wrap: 100%;
    }
    .wrap, body.home .wrap{
        padding: 0 20px;
    }
    /* HEADER */
    #header__inner{
        padding: 0 30px;
    }

    /* CONTACT */
    #contact-sec{
        padding: 80px 40px;
    }
    .contact-sec__ttl-box__main-ttl{
        font-size: 64px;
    }


    /* PAGE COMMON */
    .sec-ttl{
        width: 180px;
    }
    .sec-ttl__ja{
        font-size: 24px;
    }

    /* ABOUT MV */
    .about-mv__inner{
        padding: 0 40px 60px;
    }
    .about-mv__ttl-box__main{
        font-size: 64px;
    }

    /* ABOUT MESSAGE */
    #message-sec{
        padding: 80px 40px;
    }
    .message-sec__inner{
        gap: 50px;
    }
    .message-sec__inner__txt-area__catch{
        font-size: 30px;
    }
    .message-sec__inner__img-area{
        width: 260px;
    }
    .message-sec-hr{
        display: none;
    }

    /* ABOUT HISTORY */

    /* ABOUT PLACE */
    #place-sec{
        padding: 60px 0;
    }
    .place-sec__list__item,
    .partner-sec__list__item{
        padding: 24px 0 40px;
        gap: 10px 0;
    }
    .place-sec__list__item__name,
    .partner-sec__list__item__name{
        font-size: 22px;
    }
    .place-sec__inner, .partner-sec__inner{
        flex-wrap: wrap;
    }
    .place-sec__list, .partner-sec__list{
        max-width: 100%;
        width: 100%;
        font: initial;
    }

    /* BUSINESS MV */
    .business-mv__inner{
        padding: 0 40px 60px;
    }
    .business-mv__inner__ttl-box__main{
        font-size: 64px;
    }

    /* METAL RECYCLE */
    #metal-recycle-sec{
        padding: 60px 40px 80px;
    }

    /* PRODUCT */
    #product-sec{
        padding: 60px 0 0;
    }

    /* STRENGTHS */
    #strengths-sec{
        padding: 60px 40px;
    }

    /* WORK FLOW */
    #workflow-sec{
        padding: 40px 40px 80px;
    }

    /* MARQUEE */
    .next-begin-sec__inner__txt{
        font-size: 90px;
    }

    /* WASTE TREATMENT */
    #waste-treatment-sec,
    #waste-msg-sec,
    #waste-intro-sec,
    #environment-sec{
        padding-left: 40px;
        padding-right: 40px;
    }
    .waste-msg-sec__inner{
        gap: 50px;
    }
    .waste-msg-sec__inner__img-area{
        width: 380px;
    }
    .waste-msg-sec__inner__txt-area__catch{
        font-size: 28px;
    }
    .waste-intro-sec__card__head{
        width: 320px;
    }
    .environment-sec__cont__catch{
        font-size: 26px;
    }

    /* CONTACT PAGE */
    .contact-mv__ttl-box__main{
        font-size: 64px;
    }
    .contact-form-sec__inner{
        gap: 50px;
    }

    /* NEWS */
    #news-mv{
        padding-bottom: 0;
    }
    .news-mv__inner__ttl-box__main{
        font-size: 64px;
    }
    .news-list-sec__list__item__link{
        gap: 28px;
    }
    .news-list-sec__list__item__link__thumb{
        width: 160px;
    }
    .news-list-sec__list__item__link__meta{
        width: 90px;
    }

    /* NEWS SINGLE */
    .news-single-sec__inner__head__ttl{
        font-size: 24px;
    }

    /* FRONT MV */
    .front-mv__inner{
        padding: 0 40px;
    }

    /* FRONT INTRO */
    .front-intro-sec__inner{
        gap: 50px;
    }
    .front-intro-sec__inner__img{
        width: 300px;
    }
    .front-intro-sec__inner__txt-area__catch{
        font-size: 20px;
    }

    /* FRONT ABOUT */
    #front-about-sec{
        padding: 60px 0;
        height: auto;
    }
    .front-about-sec__inner{
        display: block;
        margin-bottom: 0;
    }
    .front-about-sec__inner{
        gap: 50px;
    }
    .front-about-sec__inner__txt-area__catch{
        font-size: 24px;
    }
    .front-about-sec__inner__cont{
        max-width: 100%;
    }
    .front-about-sec__bg{
        display: none;
    }
    .front-about-sec__gallery{
        margin-top: 0;
    }

    /* FRONT BUSINESS */
    .front-business-sec__inner{
        margin-right: 40px;
        padding: 70px 0 70px 40px;
    }
    .front-business-sec__inner__head{
        padding-right: 40px;
    }
    .front-business-sec__inner__head__main{
        font-size: 56px;
    }
    .front-business-sec__inner__list{
        padding-right: 40px;
    }

    /* FRONT NEWS */
    #front-news-sec{
        padding: 80px 40px;
    }
    .front-news-sec__inner{
        gap: 50px;
    }
    .front-news-sec__inner__list__item__link__cat{
        width: 200px;
    }

    /* FRONT RECRUIT */
    #front-recruit-sec{
        margin: 0 40px 80px;
    }
    .front-recruit-sec__bg-text{
        font-size: 200px;
    }
    .front-recruit-sec__inner{
        padding: 50px;
    }
    .front-intro-sec__content-img img {
        object-position: calc(50% + 160px) bottom;
    }
}

@media screen and (max-width: 991px) {
    :root{
        --padding: 80px;
    }
    #body-wrap{
        min-width: 0;
    }

    /* CONTACT */
    .contact-sec__ttl-box__main-ttl{
        font-size: 56px;
    }
    .contact-sec__btn{
        height: 60px;
        width: 60px;
    }
    #header{
        top: 0;
    }

    /* FOOTER */
    .footer__main__inner{
        flex-direction: column;
        gap: 40px;
    }
    .footer__main__nav{
        gap: 50px;
    }


    /* FOOTER */
    .footer__main__info{
        text-align: center;
    }
    .footer__main__nav{
        justify-content: center;
    }
    #footer__main{
        padding: 40px 0;
    }
    .footer__main__info__logo img{
        width: 280px;
    }
    .footer__main__nav{
        gap: 60px;
    }
    #footer__bottom{
        padding: 0 0 30px;
    }
    .footer__bottom__copy-box__privacy{
        margin-bottom: 0;
    }
    .footer__bottom__txt,
    .footer__bottom__txt img{
        width: 220px;
    }
    .footer__bottom__inner{
        max-width: 360px;
        margin: 0 auto;
    }


    /* PAGE COMMON */
    .sec-ttl{
        width: 100%;
        margin-bottom: 30px;
    }

    /* ABOUT MV */
    #about-mv{
        height: 360px;
        margin: 0;
    }
    .about-mv__ttl-box__main{
        font-size: 52px;
    }

    /* ABOUT MESSAGE */
    .message-sec__inner,
    .profile-sec__inner,
    .place-sec__inner,
    .partner-sec__inner{
        gap: 0;
        flex-direction: column;
    }
    .message-sec__inner__txt-area{
        max-width: none;
        width: 100%;
    }
    .message-sec__inner__img-area{
        width: 100%;
    }
    .message-sec__inner__txt-area__txt{
        text-align: left;
    }

    /* ABOUT PROFILE */
    .profile-sec__cont{
        width: 100%;
    }
    .profile-sec__cont__table__row__th{
        width: 130px;
    }

    /* ABOUT HISTORY */
    .history-sec__content{
        padding-left: 20px;
    }

    /* BUSINESS MV */
    #business-mv{
        height: 360px;
        margin: 0;
    }
    .business-mv__inner__ttl-box__main{
        font-size: 52px;
    }

    /* BUSINESS TAB NAV */
    #business-tab-nav{
        padding: 50px 0;
    }
    .business-tab-nav__list__item{
        max-width: 230px;
    }
    .metal-recycle-sec__head__ttl, .waste-treatment-sec__head__ttl{
        margin-bottom: 30px;
    }

    /* METAL RECYCLE */
    #metal-recycle-sec{
        padding: 0;
    }
    .metal-recycle-sec__head__ttl{
        font-size: 32px;
    }
    .metal-recycle-sec__diagram{
        height: auto;
        max-width: 100%;
    }
    .metal-recycle-sec__diagram__sources{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-bottom: 30px;
        position: static;
    }
    .metal-recycle-sec__diagram__sources__item,
    .metal-recycle-sec__diagram__sources__item--01,
    .metal-recycle-sec__diagram__sources__item--02,
    .metal-recycle-sec__diagram__sources__item--03,
    .metal-recycle-sec__diagram__sources__item--04,
    .metal-recycle-sec__diagram__sources__item--05{
        left: auto;
        position: static;
        top: auto;
    }
    .metal-recycle-sec__diagram__center{
        font-size: 18px;
        height: 160px;
        left: auto;
        margin: 0 auto 30px;
        position: static;
        top: auto;
        width: 160px;
    }
    .metal-recycle-sec__diagram__middle{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-bottom: 30px;
    }
    .metal-recycle-sec__diagram__middle__item,
    .metal-recycle-sec__diagram__middle__item--01,
    .metal-recycle-sec__diagram__middle__item--02{
        left: auto;
        position: static;
        top: auto;
    }
    .metal-recycle-sec__diagram__final{
        margin: 0 auto;
        position: static;
        right: auto;
        top: auto;
    }
    .metal-recycle-sec__diagram__sources::before,
    .metal-recycle-sec__diagram__sources::after{
        display: none;
    }
    #metal-recycle-sec{
        height: auto;
    }
    .product-sec__cont__tabs-wrap{
        padding: 0 20px;
    }
    .product-sec__cont__panel__list{
        gap: 20px;
    }
    .product-sec__cont__panel{
        padding: 20px;
    }
    .product-sec__cont__panel__list__item__name{
        font-size: 14px;
    }
    .product-sec__cont__panel__list__item__img{
        margin-bottom: 10px;
    }
    .product-sec__cont__panel__note{
        margin-top: 20px;
    }
    #waste-treatment-sec, #waste-msg-sec, #waste-intro-sec, #environment-sec{
        padding-right: 0;
        padding-left: 0;
    }

    /* STRENGTHS */
    .strengths-sec__list__item{
        min-width: 30%;
    }
    #strengths-sec{
        padding: 60px 0 0;
    }
    .strengths-sec__list{
        grid-template-columns: repeat(2,1fr);
    }

    /* WORK FLOW */
    #workflow-sec{
        padding: 60px 0 0;
    }
    .workflow-sec__list{
        flex-wrap: wrap;
    }
    .workflow-sec__list__item{
        flex: 0 1 calc((100% - 16px) / 2);
    }
    .workflow-sec__list{
        grid-template-columns: repeat(2,1fr);
    }

    /* MARQUEE */
    .next-begin-sec__inner__txt{
        font-size: 64px;
    }

    /* WASTE TREATMENT */
    .waste-msg-sec__inner{
        flex-direction: column;
        gap: 40px;
    }
    .waste-msg-sec__inner__txt-area{
        max-width: none;
        padding-top: 0;
        width: 100%;
    }
    .waste-msg-sec__inner__img-area{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .waste-intro-sec__card{
        flex-direction: column;
        gap: 24px;
    }
    .waste-intro-sec__card__head,
    .waste-intro-sec__card__body{
        padding: 0;
        width: 100%;
    }
    .workflow-sec__list--two .workflow-sec__list__item{
        flex: 0 0 calc((100% - 30px) / 3);
    }
    .waste-intro-sec__card__body{
        max-width: 100%;
    }
    #environment-sec{
        background-size: 430px;
    }
    #environment-sec.aligment-sec{
        background-size: 570px;
        background-position-y: 0;
    }
    .waste-collection-bg{
        background-size: 900px;
    }

    

    /* CONTACT PAGE */
    .contact-form-sec__inner{
        flex-direction: column;
        gap: 40px;
    }
    .contact-form-sec__inner__lead{
        width: 100%;
    }
    /* NEWS */
    .news-mv__inner{
        align-items: flex-start;
        flex-direction: column;
    }
    .news-mv__inner__filter{
        flex-wrap: wrap;
    }
    .news-list-sec__list__item__link{
        flex-wrap: wrap;
        gap: 16px 20px;
    }
    .news-list-sec__list__item__link__thumb{
        width: 140px;
    }
    .news-list-sec__list__item__link__meta{
        width: auto;
    }

    /* NEWS SINGLE */
    .news-single-sec__inner__head__ttl{
        font-size: 22px;
    }
    .news-single-sec__inner__body h2{
        font-size: 20px;
    }

    /* FRONT */
    .front-mv__catch{
        width: 50%;
    }
    #front-mv{
        height: auto;
        max-height: none;
        min-height: 0;
        padding: 0;
    }
    .front-intro-sec__bg{
        top: 0;
        opacity: 0.2;
    }
    #front-intro-sec{
        padding-top: 20px;
    }
    .front-mv__inner{
        flex-direction: column;
        gap: 30px;
    }
    .front-mv__inner__catch,
    .front-mv__inner__img{
        width: 100%;
    }

    .front-intro-sec__inner{
        flex-direction: column;
        gap: 40px;
    }
    .front-intro-sec__inner__txt-area{
        max-width: none;
        width: 100%;
    }
    .front-intro-sec__inner__img{
        width: 100%;
    }

    .front-about-sec__inner{
        flex-direction: column;
        gap: 30px;
    }
    .front-about-sec__inner__txt-area{
        max-width: none;
        width: 100%;
    }

    .front-business-sec__inner__list{
        flex-wrap: wrap;
    }
    .front-business-sec__inner__list__item{
        flex: 0 1 calc((100% - 30px) / 2);
    }

    .front-news-sec__inner{
        flex-direction: column;
        gap: 30px;
    }
    .front-news-sec__inner__head{
        width: 100%;
    }
    .front-news-sec__inner__list__item__link{
        flex-wrap: wrap;
        gap: 8px 20px;
    }
    .front-news-sec__inner__list__item__link__date{
        width: auto;
    }
    .front-news-sec__inner__list__item__link__cat{
        width: auto;
    }
    .front-news-sec__inner__list__item__link__ttl{
        flex: 1 1 100%;
    }

    .front-recruit-sec__bg-text{
        font-size: 140px;
    }
    .front-recruit-sec__inner{
        height: auto;
    }
    .front-recruit-sec__inner__cont__catch{
        max-width: 100%;
        margin-bottom: 40px;
    }
    .front-recruit-sec__inner__cont__catch img{
        width: 420px;
    }

    .contact-form-sec__inner__form{
        max-width: none;
        width: 100%;
    }
    .next-begin-sec__inner__txt{
        font-size: 0;
        width: 2563px;
    }
    #next-begin-sec{
        padding: 50px 0 20px;
    }
    .front-business-sec__panel{
        margin: 0;
    }
    .front-business-sec__panel__body__list{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .front-business-sec__panel__body__list__item__body__ttl{
        font-size: 14px;
    }
    #front-news-sec{
        padding: 60px 0;
    }
    .front-news-sec__inner{
        display: block;
    }
    .front-news-sec__inner__head{
        margin-bottom: 20px;
    }
    .front-news-sec__inner__head__btn{
        margin-top: -80px;
        margin-left: auto;
        display: flex;
    }
    #front-recruit-sec{
        margin: 0;
        display: block;
        height: auto;
        padding: 0;
    }
    .front-recruit-sec__inner__bg{
        position: initial;
    }
    .front-mv__bg img{
        height: 500px;
        object-fit: cover;
    }

    /* ABOUT */
    #message-sec{
        padding: 60px 20px 0;
    }

    #recruit-mv{
        margin: 0;
    }
    #business-tab-nav.recruit-anchor-nav{
        grid-template-columns: repeat(3,1fr);
    }
    .recruit-sec01__flex{
        display: block;
        text-align: center;
    }
    .recruit-entryBtn img{
        width: 100px;
    }
    .recruit-sec01__text{
        margin-bottom: 20px;
        font-size: 28px;
    }
    .recruit-sec01__title img{
        width: 400px;
    }
    .recruit-sec01__box{
        padding: 30px;
    }
    .recruit-sec01__box-img img{
        width: 220px;
    }
    .recruit-sec01__box-text{
        font-size: 16px;
    }
    .recruit-sec04__title img{
        width: 420px;
        right: 20px;
    }
    .recruit-sec04__content-box__img img{
        width: 90%;
    }
    .recruit-sec04__content-box__body-q__ttl{
        width: 100%;
        margin-bottom: 20px;
    }
    .recruit-sec04__content-box__body-q__answer{
        width: 100%;
    }
    .recruit-sec04__content-box__body-q:not(:last-child){
        margin-bottom: 80px;
    }
    .recruit-sec05__flex{
        display: block;
    }
    .recruit-sec05__flex-img{
        text-align: center;
    }
    .recruit-sec06__inner::before{
        width: 100%;
    }
    .recruit-sec06__inner{
        padding-top: 20px;
    }
    .recruit-sec06__content-box{
        padding: 40px 20px;
    }
    .recruit-sec06__content-box__item-ttl{
        font-size: 20px;
    }
    .link-sec__grid{
        grid-template-columns: repeat(2,1fr);
    }
    .link-sec{
        padding: 60px 0;
    }
    .product-sec__cont__tabs__item{
        font-size: 14px;
    }
    .product-sec__cont__tabs{
        min-width: 1000px;
        gap: 5px;
    }
    .entry-mv{
        padding-top: 27vw;
    }
}

@media screen and (max-width: 767px) {
    :root{
        --header-height: 64px;
    }
    p,li,dt,dd,th,td{
        font-size: 14px;
    }

    /* HEADER */
    #header__inner,
    #header.is-scrolled #header__inner{
        padding: 0 20px;
    }
    #header.is-scrolled .header__logo img,
    .header__logo img{
        width: 180px;
    }
    .header__menu-btn{
        gap: 8px;
    }
    .header__menu-btn__lines{
        width: 36px;
        gap: 6px;
    }
    .header__menu-btn__txt{
        font-size: 9px;
    }

    /* FOOTER */
    .footer__main__info__logo img{
        width: 220px;
    }
    .footer__main__info__company{
        font-size: 16px;
    }
    .footer__main__info__address{
        font-size: 13px;
    }
    .footer__main__nav__list__item > a{
        font-size: 14px;
    }
    .footer__main__nav__list__sub li a{
        font-size: 12px;
    }
    .footer__main__nav__list__item{
        margin-bottom: 10px;
    }
    .footer__main__nav__list__sub{
        margin-top: 5px;
    }
    .footer__bottom__txt img{
        width: 220px;
    }
    .footer__bottom__inner{
        max-width: 285px;
        display: block;
    }
    .footer__bottom__copy-box{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .footer__bottom__copy-box__privacy{
        margin-bottom: 10px;
    }


    /* FRONT */
    .front-mv__catch{
        top: 140px;
        width: 70%;
    }
    .front-mv__bg img {
        object-position: 92%;
    }
    .front-intro-sec__content-img img {
        object-position: center bottom;
    }
    .front-intro-sec__lead{
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .front-intro-sec__inner__txt__body{
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 2.2;
        text-shadow: 1px 1px 1px rgb(255 255 255 / .5);
    }
    .front-intro-sec__content-img{
        padding: 0 15px;
    }
    .front-intro-sec__inner__txt__catch{
        font-size: 18px;
        text-shadow: 1px 1px 1px rgb(255 255 255 / .5);
    }
    .front-intro-sec__content{
        padding: 100px 0;
        min-height: 100vh;
    }
    .front-about-sec__inner__head__main,
    .front-news-sec__inner__head__main{
        font-size: 34px;
    }
    .front-about-sec__inner__cont__catch{
        font-size: 22px;
    }
    .front-about-sec__inner__cont__txt{
        font-size: 14px;
        margin-bottom: 30px;
    }
    .more-btn{
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
    .front-about-sec__gallery__track{
        gap: 20px;
    }
    .front-about-sec__gallery__track img{
        width: 800px;
    }
    #front-about-sec{
        padding-bottom: 30px;
    }
    .next-begin-sec__inner__txt{
        width: 1200px;
    }
    .front-business-sec__panel__body__list{
        grid-template-columns: repeat(1,1fr);
    }
    .front-news-sec__inner__head__btn{
        margin-right: 0;
        margin-top: 0;
    }
    .front-news-sec__inner__head__main{
        margin-bottom: 0;
    }
    .front-recruit-sec__inner{
        padding: 40px 20px;
    }
    .front-recruit-sec__inner__cont__catch img{
        width: 300px;
        display: block;
        margin: 0 auto;
    }
    #contact-sec{
        padding: 30px 0;
    }
    .contact-sec__ttl-box__main-ttl{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .contact-sec__ttl-box__txt br{
        display: none;
    }
    .contact-sec__btn{
        width: 40px;
        height: 40px;
        margin-top: 20px;
        margin-left: auto;
    }


    /* ABOUT */
    .about-mv__inner{
        padding: 0 20px 40px;
    }
    #about-mv{
        height: 260px;
        background-position-y: top;
    }
    .about-mv__ttl-box__sub{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .about-mv__ttl-box__main{
        font-size: 38px;
    }
    #message-sec{
        padding: 60px 0 0;
    }
    .message-sec__inner__txt-area__catch{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .message-sec__inner__txt-area .sec-ttl{
        margin-bottom: 30px;
    }
    .message-sec__inner__img-area__name{
        font-size: 22px;
    }
    .message-sec__inner__img-area__role{
        margin-bottom: 0;
    }
    .profile-sec__cont__table__row{
        display: block;
    }
    .profile-sec__cont__table__row{
        padding: 12px 0;
        font-size: 14px;
    }
    .profile-sec__cont__table__row__th{
        width: 100%;
        margin-bottom: 3px;
    }
    .profile-sec__cont__table__row__td{
        width: 100%;
    }
    .profile-sec__cont__iso{
        margin-top: 20px;
        padding: 0;
    }
    .profile-sec__cont__iso{
        display: block;
    }
    .profile-sec__cont__iso__lbl{
        width: 100%;
        margin-bottom: 10px;
    }
    .place-sec__list__item, .partner-sec__list__item{
        padding: 10px 0 20px;
    }
    .place-sec__list__item__name, .partner-sec__list__item__name{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .place-sec__list__item__info, .partner-sec__list__item__info{
        padding-left: 0;
    }
    .place-sec__list__item__info p, .partner-sec__list__item__info p,
    .place-sec__list__item__info__tel, .place-sec__list__item__info__fax, .partner-sec__list__item__info__tel, .partner-sec__list__item__info__fax{
        font-size: 13px;
    }
    .place-sec__list__item__map, .partner-sec__list__item__map{
        display: flex;
        margin-left: auto;
        margin-right: 0;
        margin-top: 15px;
    }

    /* BUSINESS */
    #business-mv::before{
        display: none !important;
    }
    #business-mv{
        height: 200px;
    }
    .business-mv__inner{
        padding: 0 20px 20px;
    }
    .business-tab-nav__list__item{
        max-width: 100%;
    }
    .business-tab-nav__list__item a{
        font-size: 15px;
        height: 60px;
    }
    .metal-recycle-sec__head__ttl,
    .metal-recycle-sec__head__ttl, .waste-treatment-sec__head__ttl{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .metal-recycle-sec__head__txt, .waste-treatment-sec__head__txt{
        font-size: 14px;
        text-align: left;
    }
    .metal-recycle-sec__head__txt br, .waste-treatment-sec__head__txt br{
        display: none;
    }
    .metal-recycle-sec__head, .waste-treatment-sec__head{
        margin-bottom: 30px;
    }
    .metal-recycle-sec__diagram{
        overflow-x: auto;
    }
    .metal-recycle-sec__diagram img{
        width: 600px;
        max-width: 600px;
    }
    .product-sec__cont__tabs{
        gap: 5px;
        min-width: 800px;
    }
    .product-sec__cont__tabs__item{
        font-size: 12px;
        height: 46px;
    }
    .product-sec__cont__panel{
        padding: 20px 0;
    }
    .product-sec__cont__panel__list{
        grid-template-columns: repeat(2,1fr);
    }
    .product-sec__cont__panel__list__item__name{
        font-size: 13px;
    }
    .strengths-sec__list{
        margin-top: 20px;
        grid-template-columns: repeat(1,1fr);
    }
    .strengths-sec__list__item{
        height: auto;
        padding: 30px;
    }
    .strengths-sec__list__item__txt{
        font-size: 18px;
    }
    .workflow-sec__list{
        margin-top: 0;
        grid-template-columns: repeat(1,1fr);
    }
    #waste-treatment-sec{
        padding: 0;
    }
    #waste-msg-sec{
        padding-top: 0;
    }
    .waste-msg-sec__inner__txt-area__catch{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .waste-msg-sec__inner__txt-area__txt{
        font-size: 14px;
        line-height: 2;
    }
    .waste-treatment-bg{
        background: none !important;
    }
    .waste-intro-sec__card{
        padding: 30px 20px;
    }
    .waste-intro-sec__card__head__ttl{
        font-size: 20px;
    }
    #waste-intro-sec{
        padding-bottom: 20px;
    }
    .waste-gallery-sec__inner__track img{
        width: 800px;
    }
    #strengths-sec{
        padding: 60px 0 0;
    }
    .strengths-sec__lead br{
        display: none;
    }
    .strengths-sec__img{
        display: none;
    }
    .environment-sec__cont{
        margin-top: 0;
    }
    .environment-sec__cont__catch{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .environment-sec__cont__txt{
        font-size: 14px;
    }
    #environment-sec,
    #environment-sec.aligment-sec{
        background: none;
        padding-bottom: 0;
    }
    .waste-collection-bg{
        background: none;
    }
    #workflow-sec{
        padding: 60px 0;
    }

    /* NEWS */
    .news-mv__inner__filter__item a{
        height: auto;
        font-size: 13px;
        padding: 2px 15px;
    }
    .news-mv__inner__filter{
        gap: 4px;
    }
    .news-list-sec__list__item__link{
        flex-wrap: wrap;
    }
    .news-list-sec__list__item__link__body{
        flex: initial;
        width: 100%;
    }
    .news-list-sec__list__item__link__body__ttl{
        font-size: 14px;
    }
    .news-list-sec__list__item__link__body__date,
    .news-list-sec__list__item__link__body__excerpt{
        font-size: 12px;
    }
    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi a.previouspostslink{
        width: 20px;
        height: 15px;
    }
    .news-single-sec__inner__head__ttl{
        font-size: 16px;
    }
    .news-single-sec__inner__head__meta__cat{
        font-size: 10px;
    }
    .news-single-sec__inner__head__meta{
        margin-bottom: 10px;
    }
    .news-single-sec__inner__head{
        padding-bottom: 20px;
    }
    .news-single-sec__inner__body h1{
        font-size: 22px;
        margin: 40px 0 15px;
    }
    .news-single-sec__inner__body h2{
        font-size: 18px;
        margin: 40px 0 15px;
    }
    .news-single-sec__inner__body h3,
    .news-single-sec__inner__body h4,
    .news-single-sec__inner__body h5,
    .news-single-sec__inner__body h6{
        font-size: 16px;
        margin: 30px 0 10px;
    }
    .wp-pagenavi{
        margin-top: 30px;
        gap: 10px;
    }


    /* CONTACT */
    #contact-mv{
        padding-bottom: 0;
    }
    .contact-form-sec__inner__form__row__input--select select,
    .contact-form-sec__inner__form__row__input input[type="text"], .contact-form-sec__inner__form__row__input input[type="tel"], .contact-form-sec__inner__form__row__input input[type="email"], .contact-form-sec__inner__form__row__input select, .contact-form-sec__inner__form__row__input textarea, .contact-form-sec__inner__form__row__address__zip__input input, .contact-form-sec__inner__form__row__address__zip__input select{
        font-size: 14px;
    }
    .contact-form-sec__inner__form__row__label{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .contact-form-sec__inner__form__row{
        padding: 20px 0;
    }
    .contact-form-sec__inner__form__row__address__zip{
        display: block;
    }
    .contact-form-sec__inner__form__row__address__zip__lbl{
        margin-top: 20px;
        display: inline-block;
    }
    .contact-form-sec__inner__form__submit__btn{
        font-size: 14px;
        height: 60px;
        padding: 0 12px;
    }
    .contact-form-sec__inner__form__submit__btn__icon{
        width: 36px;
        height: 36px;
    }
    .wpcf7 form .wpcf7-response-output{
        font-size: 13px;
    }


    /* RECRUIT */
    .business-tab-nav__list__item a:hover{
        opacity: 1;
    }
    #business-tab-nav.recruit-anchor-nav .business-tab-nav__list{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 6px;
    }
    #business-tab-nav.recruit-anchor-nav .business-tab-nav__list__item{
        border-width: 2px;
    }
    #business-tab-nav.recruit-anchor-nav .business-tab-nav__list__item a{
        font-size: 12px;
        height: 50px;
    }
    #business-tab-nav.recruit-anchor-nav .business-tab-nav__list__item a::before{
        display: none;
    }
    .recruit-sec01__title img{
        width: 200px;
    }
    .recruit-sec01__text{
        font-size: 18px;
    }
    .recruit-sec01__box-text{
        font-size: 14px;
    }
    .recruit-sec01__box-img{
        display: none;
    }
    .recruit-sec02__title__sub img{
        width: 300px;
    }
    .recruit-sec03 .recruit-sec02__title__sub img{
        width: 220px;
    }
    .recruit-sec02 .recruit-sec02__title__main{
        margin-bottom: -35px;
        font-size: 14px;
    }
    .recruit-sec02__content{
        overflow-x: auto;
    }
    .recruit-sec02__content img{
        width: 700px;
        max-width: 700px;
    }
    .recruit-sec02__title__main{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .recruit-sec03__flex-list{
        grid-template-columns: repeat(1,1fr);
        gap: 0;
    }
    .recruit-sec03__flex-list li:last-child{
        border-bottom: none;
    }
    .recruit-sec03__flex-list li{
        font-size: 14px;
        padding: 15px 15px 15px 35px;
        border-bottom: none;
    }
    .recruit-sec03__flex-list li::before{
        width: 10px;
        height: 10px;
        top: 22px;
    }
    .recruit-sec04__title img{
        width: 240px;
        right: auto;
    }
    .recruit-sec04__title{
        text-align: left;
        margin-bottom: 15px;
        padding: 0 20px;
        margin-top: 30px;
    }
    .recruit-sec04{
        padding-top: 0;
    }
    .recruit-sec04__content-box__img{
        width: 100%;
    }
    .recruit-sec04__content-box__img img{
        width: 100%;
        position: initial;
        transform: initial;
    }
    .recruit-sec04__content-box.active .recruit-sec04__content-box__img img,
    .recruit-sec04__content-box__img img{
        height: 50vw;
    }
    .recruit-sec04__content-box{
        display: block;
    }
    .recruit-sec04__content-box__item{
        width: 100%;
        padding: 30px 20px;
    }
    .recruit-sec04__content-box__item-lead{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .recruit-sec04__content-box__item-name{
        font-size: 24px;
    }
    .recruit-sec04__content-box__item-toggle{
        width: 36px;
        height: 36px;
        right: 20px;
    }
    .recruit-sec04__content-box__item-toggle span{
        width: 12px;
        height: 2px;
    }
    .recruit-sec04__content-box__body{
        padding: 20px;
    }
    .recruit-sec04__content-box__body-q__ttl-text span{
        font-size: 30px;
        top: -14px;
    }
    .recruit-sec04__content-box__body-q__ttl-text{
        font-size: 16px;
        padding-left: 65px;
    }
    .recruit-sec04__content-box__body-q:not(:last-child){
        margin-bottom: 50px;
    }
    .recruit-sec04__content-box__body-q__answer-text{
        font-size: 13px;
    }
    .recruit-sec05 .recruit-sec02__title__main{
        margin-bottom: -60px;
    }
    .recruit-sec05__career{
        margin-top: 60px;
    }
    .recruit-sec05__career-ttl img{
        width: 160px;
    }
    .recruit-sec05__career-box__flex-img{
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .recruit-sec05__career-box__flex-img img{
        width: 140px;
    }
    .recruit-sec05__career-box__ttl img{
        width: 50px;
    }
    .recruit-sec05__career-box__ttl{
        top: 0;
    }
    .recruit-sec05__career-box__flex-item{
        max-width: 100%;
        padding-left: 0;
    }
    .recruit-sec05__career-box__flex-item dl.big dd span{
        font-size: 48px;
    }
    .recruit-sec05__career-box__flex-item dl.big dt,
    .recruit-sec05__career-box__flex-item dl.big dd{
        font-size: 14px;
    }
    .recruit-sec05__career-box__body{
        padding: 20px 20px 50px;
    }
    .recruit-sec05__career-box__comment{
        margin-top: -30px;
        width: calc(100% - 20px);
        border-radius: 10px;
        padding: 25px;
    }
    .recruit-sec05__career-box__comment-lead{
        font-size: 16px;
    }
    .recruit-sec05__career-box__comment-text{
        font-size: 13px;
    }
    .recruit-sec06 .recruit-sec02__title__main{
        margin-bottom: -35px;
    }
    .recruit-sec06__inner{
        margin-top: -30px;
    }
    .recruit-sec06__content-box__item-ttl{
        font-size: 16px;
    }
    .recruit-sec06__content-box__item-info table{
        table-layout: fixed;
    }
    .recruit-sec06__content-box__item-info table th,
    .recruit-sec06__content-box__item-info table td{
        width: 100%;
        display: block;
    }
    .recruit-sec06__content-box__item-info table th{
        padding: 6px 15px;
        background-color: var(--blue);
        color: #fff;
    }
    .recruit-sec06__content-box__item-info table td{
        padding: 14px 0;
    }
    .recruit-sec07{
        padding-top: 0;
    }

    /* ABOUT HISTORY */
    .history-sec__content-box__year{
        font-size: 26px;
        position: relative;
        padding-left: 20px;
    }
    .history-sec__content-box__year::before{
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        width: 12px;
        height: 1px;
        background-color: #fff;
    }
    .history-sec__content-box__month,
    .history-sec__content-box__text{
        font-size: 13px;
    }
    .history-sec__content-box{
        width: auto;
        min-width: initial;
    }
    .history-sec__content-bar{
        display: none;
    }
    .history-sec__content-box::after {
        display: none;
    }
    .history-sec__content__inner{
        display: block;
    }
    .history-sec__content-box:nth-of-type(even),
    .history-sec__content-box:nth-of-type(odd){
        padding-top: 0;
        padding-bottom: 40px;
    }
    .history-sec__content-box:last-child{
        padding-bottom: 0;
    }
    #history-sec::before{
        width: 50%;
        height: 30px;
        border-top-right-radius: 8px;
    }
    #history-sec{
        background-size: 100px;
        background-position-x: left;
        padding-bottom: 50px;
    }
    .waste-treatment-sec__qualification img{
        width: 200px;
    }
    .recruit-sec01{
        padding-top: 0;
    }
    .recruit-sec06__tab li{
        font-size: 14px;
    }

    .link-sec__grid{
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .link-sec__grid-item a.more-btn{
        font-size: 16px;
        height: 70px;
    }
    .link-sec__grid-item a.more-btn small{
        font-size: 12px;
    }

    .recruit-sec06__type li{
        font-size: 14px;
    }
    .recruit-sec06__inner::before{
        min-height: 130px;
    }
    .recruit-entryBtn{
        top: auto;
        bottom: 0;
        transform: initial;
        overflow: hidden;
        pointer-events: none;
    }
    .recruit-entryBtn a{
        transform: translate(5px);
        display: block;
        pointer-events: auto;
    }
    .recruit-sec05{
        background: none;
    }
    .contact-form-sec__inner__form__privacy__box{
        padding: 16px;
    }
    .contact-form-sec__inner__form__privacy__box,
    .contact-form-sec__inner__form__privacy__box p{
        font-size: 12px;
    }
    .profile-sec__img img{
        object-position: center;
        height: 200px;
    }
}