@charset 'UTF-8';

/*****************************************************************/
@media only screen and (max-width:1600px){
    .pagecommon__header__entitleslide{
        font-size:140px;
    }
}

/*****************************************************************/
@media only screen and (max-width:1520px){
    body{
        font-size:16px;
    }

    /* FOOTER */
    .mainfooter__main__wrap{
        padding-left:40px;
    }
    .mainfooter__sub__contactlink__contentwrap{
        padding:0 30px 40px;
    }
    .mainfooter__sub__contactlink__content__ttl{
        font-size:24px;
    }
    .mainfooter__sub__contactlink__content__link a{
        font-size:18px;
        gap:10px;
    }
    .mainfooter__sub__contactlink__content__link__icon{
        width:60px;
        height:60px;
    }
    .mainfooter__sub__contactlink__content__link__icon img{
        width:18px;
    }


    /* HISTORY */
    .history-title__title{
        font-size:2vw;
    }
    .history-title--middle .history-title__title{
        font-size:2.4vw;
    }
    .history-title--big .history-title__title{
        font-size:3.2vw;
    }
    

    /* RECRUIT */
    .recruit-mv__content__bottombox{
        height:13%;
    }
    .recruit-mv__content__bottombox__flex__right__text{
        font-size:18px;
    }
    .recruit-about__tab__timeline__time:last-child .recruit-about__tab__timeline__time__detailbox{
        width:220px;
        padding:0 20px;
    }
    .recruit-about__tab__timeline__time__detailbox__text{
        font-size:15px;
    }
}



/*****************************************************************/
@media only screen and (max-width:1300px){
    /* TOP */
    .top-news__section__bg{
        width:calc(100% + var(--wrap-padding));
    }
}




/*****************************************************************/
@media only screen and (max-width:1280px){
    body,
    body.home{
        width:100%;
        min-width:1280px;
    }
}




.tb_only{
    display:none;
}

/*****************************************************************/
@media only screen and (max-width:1024px){
    :root{
        --header-height:90px;
    }

    body,
    body.home{
        width:100%;
        min-width:100%;
    }

    .tb_only{
        display:block;
    }

    :root{
        --wrap-padding:20px;
    }
    .wrap .nopadding{
        width:100%;
        margin-left:0;
    }

    /* COMMON PARTS */
    .bg-whitetop::before{
        border-top-left-radius:50px;
        border-top-right-radius:50px;
    }


    /* HEADER */
    .mainheader{
        z-index:99;
        padding:10px 20px;
    }
    .mainheader.scrolled{
        padding:10px 20px;
    }
    .mainheader__main{
        width:calc(100% - 70px);
        padding-bottom:20px;
    }
    .mainheader__wrap{
        justify-content:space-between;
        align-items:center;
    }
    .mainheader__main__menu{
        padding-right:20px;
    }
    .mainheader__ul{
        display:none;
    }
    .mainheader__sub{
        display:none;
    }
    .mainheader__sptoggler{
        display:block;
        width:50px;
        height:65px;
        margin-left:20px;
    }
    .sptoggler{
        display:block;
        width:50px;
        height:65px;
        position:relative;
        cursor:pointer;
        color:var(--color-main);
    }
    .sptoggler span{
        position:absolute;
        left:0;
        width:50px;
        height:4px;
        background:var(--color-main);
        border-radius:4px;
        transition:var(--transition-quick);
    }
    .sptoggler span:nth-of-type(1){
        top:13px;
    }
    .sptoggler span:nth-of-type(2){
        top:23px;
    }
    .sptoggler span:nth-of-type(3){
        top:33px;
    }
    .sptoggler small{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        letter-spacing:0;
        font-size:12px;
        text-align:center;
    }
    .sptoggler.open span:nth-of-type(1){
        top:23px;
        transform:rotate(225deg);
    }
    .sptoggler.open span:nth-of-type(2){
        opacity:0;
    }
    .sptoggler.open span:nth-of-type(3){
        top:23px;
        transform:rotate(-225deg);
    }



    .mainheader.whiteout:not(.spmenuopen) .sptoggler span{
        background-color:#FFF;
    }
    .mainheader.whiteout:not(.spmenuopen) .sptoggler small{
        color:#FFF;
    }

    .mainheader.whiteout.spmenuopen .mainheader__main__logo__img img,
    .mainheader.whiteout.spmenuopen .mainheader__li.has_submenu>a::after,
    .mainheader.whiteout.spmenuopen .mainheader__sub__contactlink__img img,
    .mainheader.whiteout:not(.scrolled).spmenuopen .mainheader__snslink img{
        filter:none;
    }
    .mainheader.whiteout.spmenuopen .mainheader__lang{
        border-color:var(--color-base);
    }
    .mainheader.whiteout.spmenuopen p.mainheader__lang__toggler,
    .mainheader.whiteout.spmenuopen p.mainheader__lang__devider,
    .mainheader.whiteout.spmenuopen p.mainheader__lang__toggler a{
        color:var(--color-base);
    }

    .sptoggler.open span,
    .mainheader.scrolled .sptoggler span{
        background-color:var(--color-main) !important;
    }
    .sptoggler.open small,
    .mainheader.scrolled .sptoggler small{
        color:var(--color-main) !important;
    }


    /* DRAWER */
    .drawer{
        position:fixed;
        display:block;
        top:0;
        right:0;
        background:#FFF;
        z-index:98;
        padding:var(--header-height) 0 20px;
        height:100%;
        overflow-y:scroll;
        transition:var(--transition-quick);
        transform:translateX(100%);
    }
    @media only screen and (min-width:768px){
        .drawer{
            min-width: 350px;
        }
    }
    .drawer.open{
        transform:translateX(0);
    }
    .drawer-inner{
        padding:0 60px;
        margin: 0 auto;
    }
    .drawer-logo{
        text-align:center;
        margin:20px 0 40px;
    }
    .drawer-menu__li:not(:last-of-type){
        margin-bottom:14px;
    }
    .drawer-menu__li a{
        display:block;
        color:var(--color-main);
    }
    .drawer-menu__li__text--jp{
        font-size:22px;
        font-weight:bold;
    }
    .drawer-menu__li__text--en{
        line-height:1;
        font-size:14px;
        color:var(--color-blue);
    }
    .drawer-menu__li__hassubmenu{
        position:relative;
        padding-right:16px;
    }
    .drawer-menu__li__hassubmenu::after{
        content:'';
        position:absolute;
        top:calc(50% - 6px);
        right:0;
        display: block;
        width: 12px;
        height: 12px;
        background: no-repeat center / contain url(img/common/icon-plus-black.svg);
        transition: var(--transition-quick);
    }
    .drawer-menu__li__hassubmenu.open::after{
        transform:rotate(45deg);
    }
    .drawer-submenu{
        margin-top:18px;
        display:none;
    }
    .drawer-submenu__li:not(:last-of-type){
        margin-bottom:14px;
    }
    .drawer-submenu__li__text--jp{
        font-size:18px;
        font-weight:bold;
        line-height: 1.2;
        margin-bottom: 8px;
    }
    .drawer-submenu__li__text--en{
        font-size:10px;
        color:var(--color-blue);
        line-height:1;
    }

    .drawer-bottommenu{
        margin-top:20px;
    }
    .drawer-bottommenu li a{
        color:var(--color-main);
        font-weight:bold;
    }



    /* FOOTER */
    .mainfooter__wrap{
        flex-wrap:wrap;
        gap:30px;
    }
    .mainfooter__main{
        width:100%;
    }
    .mainfooter__sub{
        display:none;
    }
    .mainfooter__main__wrap{
        padding:0;
    }

    .mainfooter__mirai{
        flex-wrap:wrap;
        gap:20px;
    }
    .mainfooter__mirai__pagetop{
        padding-left:20px;
        margin-right:auto;
        margin-bottom:30px;
    }


    /* TOP */
    .top-mv__mainbox{
        height:calc(66vw + var(--header-height));
    }
    .top-mv__mainbox__logo{
        top:calc((92% + var(--header-height)) / 2)
    }
    .top-mv__mainbox__line__bottom{
        bottom:10%;
    }

    .top-concept{
        padding:100px 0;
    }
    .top-concept__flex{
        flex-wrap:wrap;
    }
    .top-concept__flex__box {
        width: 100%;
        padding-bottom: 0;
    }
    .top-concept__flex__box__content {
        padding-top: 50px;
    }
    .top-concept__flex__boxbg{
        left:50%;
        transform:translateX(-50%);
    }
    .top-service__article__flex__img{
        width:100%;
    }
    .top-service__article__flex__content{
        width:100%;
        border-top:0;
    }
    .top-service__article__flex__img__hv.i02{
        left:unset;
        right:0;
    }

    .top-product__shoplinks{
        /*
        grid-template-columns:1fr;
        */
    }
    .top-product__shoplink a{
        padding:20px;
    }
    .top-product__shoplink__flex{
        flex-wrap:wrap;
        gap:12px;
    }
    .top-product__shoplink__flex__ttl{
        width:100%;
        min-width:unset;
    }
    .top-product__shoplink:nth-of-type(2n+1) a,
    .top-product__shoplink:nth-of-type(2n) a{
        border-radius:20px;
    }


    .top-sustainable__banner a{
        padding:20px var(--wrap-padding);
    }
    .top-sustainable__banner__flex{
        flex-wrap:wrap;
        gap:20px;
    }
    .top-sustainable__banner__flex__img,
    .top-sustainable__banner__flex__ttl{
        width:100%;
        text-align:center;
    }
    .top-sustainable__banner__flex__icon{
        width:100%;
        height:60px;
        border-left:0;
        border-top:1px solid #FFF;
    }
    .top-sustainable__banner__icon{
        height:60px;
    }
    .top-sustainable__banner__flex__hvimg{
        display:none;
    }
    .top-sustainable{
        padding-bottom:40vw;
    }

    .top-company__ttl{
        top:-24vw;
    }
    .top-company::before{
        border-radius:0;
    }
    .top-company__links{
        grid-template-columns:1fr;
    }

    .top-news__section__bg{
        width:calc(100% + (var(--wrap-padding) * 2));
        left:calc(-1 * var(--wrap-padding));
    }
    .top-news__section{
        padding:100px var(--wrap-padding) 40px;
    }
    .top-news__flex{
        flex-wrap:wrap;
        gap:40px;
    }
    .top-news__flex__head{
        width:100%;
        border-top:0;
        padding-top:0;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:center;
        gap:20px;
    }
    .top-news__flex__head__ttl{
        margin-bottom:0;
    }
    .top-news__flex__head .common-link{
        text-align:right;
    }



    /* PAGES COMMON */
    .pagecommon__header{
        padding-bottom:50px;
    }
    .pagecommon__header__entitleslide{
        font-size:13vw;
    }
    .pagecommon__header__title{
        font-size:40px;
    }
    .pageheader_hasmvhv__mvhv{
        height:18vw;
    }

    .contentmenu{
        width:200px;
        padding:0 20px;
    }
    .contentmenu__ul li a{
        flex-wrap:wrap;
    }
    .contentmenu__ul li a span{
        width:100%;
    }

    .page-hasmenucontent__wrap{
        margin-left:200px;
        width: calc(100% - 200px);
    }

    .common-footer-mainimg{
        margin:0;
        padding:60px 0;
    }

    .bg-whitetop::before,
    .bg-indigotop::before{
        border-radius:0;
    }


    /* SERVICE COMMON */
    .servicemv-bottom{
        margin-top:-6vw;
    }
    .service-content{
        padding-bottom:80px;
    }
    .service-content:not(:last-of-type){
        padding-bottom:200px;
    }
    .service-content:last-of-type{
        border-radius:0;
    }

    .page-hasmenu__topheadtextsec{
        flex-wrap:wrap;
    }
    .page-hasmenu__topheadtextsec__left,
    .page-hasmenu__topheadtextsec__right{
        width:100%;
        max-width:100%;
    }

    .service__content__title span{
        font-size:26px;
    }


    /* DYEING */
    .dyeing-content__head{
        flex-wrap:wrap;
        gap:30px;
        padding-top:0;
    }
    .dyeing-content__head__title,
    .dyeing-content__head__content{
        width:100%;
        max-width:100%;
    }
    .dyeing-contents{
        grid-template-columns:1fr;
    }


    /* TEXTILE */
    .textile-material__articles{
        grid-template-columns:1fr;
    }
    .textile-role__article{
        flex-wrap:wrap;
        gap:30px;
        border-radius:50px;
    }
    .textile-role__article__content{
        width:100%;
        padding-top:40px;
    }
    .textile-role__article__img{
        width:100%;
    }
    .textile-role__article.n01 .textile-role__article__mainhv,
    .textile-role__article.n02 .textile-role__article__mainhv{
        right:unset;
        left:0;
        top:-3vw;
        font-size:5vw;
    }
    .textile-role__article.n01 .textile-role__article__content,
    .textile-role__article.n02 .textile-role__article__content{
        padding-left:30px;
        padding-right:30px;
    }
    .textile-role__article__img img{
        border-radius:50px;
    }

    .textile-export__flex{
        flex-wrap:wrap;
    }
    .textile-export__head{
        width:100%;
        padding-right:0;
        border-right:0;
        padding-bottom:40px;
        border-bottom:1px solid #FFF;
    }
    .textile-export__articles{
        width:100%;
        padding-left:0;
        padding-top:40px;
    }
    .textile-merit__flex__title{
        width:100%;
        padding-right:0;
        border-right:0;
        padding-bottom:40px;
        border-bottom:1px solid var(--color-blue);
    }
    .textile-merit__flex__content{
        width:100%;
        padding-left:0;
        padding-top:40px;
    }

    /* PRODUCT */
    .product-mv{
        margin-bottom:50px;
    }
    .product-oem__articles{
        padding-top:0;
    }
    .product-oem__topflex{
        flex-wrap:wrap;
        gap:30px;
    }
    .product-oem__topflex__content,
    .product-oem__topflex__img{
        width:100%;
    }
    .product-oem__flows{
        flex-wrap:wrap;
    }
    .product-oem__flows li{
        width:calc(100% / 3);
    }

    .product-content__title{
        padding-top:0;
    }

    .pagewideline{
        margin:30px 0;
    }
    .service-content__rowcontent{
        gap:30px;
    }
    .service-content__rowcontent__img{
        width:100%;
    }
    .service-content__rowcontent__content{
        width:100%;
    }


    /* SHOP */
    .shop-head{
        margin-top:-280px;
    }
    .shop-head__flex01{
        padding-left:0;
        gap:40px;
        margin-bottom:50px;
    }
    .shop-head__flex01__left,
    .shop-head__flex01__right{
        width:100%;
    }
    .shop-head__flex02{
        gap:40px;
    }
    .shop-head__flex02__left,
    .shop-head__flex02__right{
        width:100%;
    }

    .shop-ftax__imgs{
        gap:30px;
    }
    .shop-ftax__img{
        width:calc(50% - 15px);
    }



    /* SUSTAINABLE */
    .sust-mv,
    .sust-mv__animbox{
        min-height:960px;
    }
    .sust-mv__text{
        left:64%;
        padding:0 20px;
    }

    .sust-concept{
        padding-bottom:240px;
    }
    .sust-concept__flex{
        flex-wrap:wrap;
    }
    .sust-concept__flex__img {
        order:2;
        width: 100%;
    }
    .sust-statement__headflex{
        flex-wrap:wrap;
        gap:30px;
        margin-bottom:60px;
    }
    .sust-statement__headflex__content{
        width:100%;
    }
    .sust-statement__content__tab__head{
        flex-wrap:wrap;
        gap:40px;
    }
    .sust-statement__content__tab__head__titles,
    .sust-statement__content__tab__head__content{
        width:100%;
    }
    .sust-statement__content__sustcontainer{
        flex-wrap:wrap;
        gap:40px;
    }
    .sust-statement__content__sustcontainer__img{
        width:100%;
    }
    .sust-statement__content__sustcontainer__lists{
        width:100%;
    }



    /* INFORMATION */
    .inf-message{
        padding-top:4vw;
    }
    .inf-message__content__line{
        display:none;
    }
    .inf-message__maintitle{
        font-size:9vw;
    }
    .inf-message__content{
        flex-wrap:wrap;
        gap:20px;
    }
    .inf-message__content__img{
        width:100%;
        order:1;
    }
    .inf-message__content__title{
        width:100%;
    }
    .inf-message__content__content{
        width:100%;
    }
    .inf-message__content__content__box{
        width:100%;
        position:relative;
        right:0;
        padding:0;
    }

    .inf-message__article{
        flex-wrap:wrap;
        margin-top:80px;
        gap:30px;
    }
    .inf-message__content,
    .inf-message__img{
        width:100%;
    }
    .inf-message__img img,
    .inf-message__article.n2 .inf-message__img img{
        width:100%;
        border-radius:20px;
        left:0;
    }
    .inf-message__article.n1 .inf-message__content{
        padding-left:4vw;
    }
    .inf-message__article.n2 .inf-message__content{
        padding-right:4vw;
    }
    .inf-message__middleconttext {
        margin: 80px 0;
        font-size: 24px;
    }

    .top-about__flex{
        flex-wrap:wrap;
    }
    .inf-profile__sectitles{
        flex-wrap:wrap;
        gap:10px;
    }
    .inf-profile__topinfos{
        flex-wrap:wrap;
        gap:30px;
    }
    .inf-profile__topinfos>*{
        width:100%;
        border:0;
    }
    .inf-profile__companies{
        grid-template-columns:repeat(2,1fr);
    }

    .inf-access__wrap::before{
        width:calc(100% + var(--wrap-padding));
    }
    .inf-access__maincompany{
        flex-wrap:wrap;
    }
    .inf-access__maincompany__content, .inf-access__maincompany__map{
        width:100%;
    }
    .inf-access__maincompany__map__iframe iframe{
        width:100%;
        margin-top:40px;
    }
    .inf-access__compframe{
        flex-wrap:wrap;
        gap:40px;
    }
    .inf-access__compframe__divs, .inf-access__compframe__builds{
        width:100%;
    }
    .inf-access{
        padding-top:60px;
    }



    /* HISTORY */
    .history-lists{
        flex-wrap:wrap;
        gap:60px;
    }
    .history-lists__box{
        width:100%;
    }
    .history-lists__hv{
        width:100%;
    }

    .history-title{
        flex-wrap:wrap;
        gap:10px;
    }
    .history-title__detail{
        width:100%;
        margin:0;
    }

    .history-title__title{
        font-size:22px;
    }
    .history-title--middle .history-title__title{
        font-size:28px;
    }
    .history-title--big .history-title__title{
        font-size:32px;
    }

    .history-bg:not(.history-main__bottom__bg){
        display:none;
    }
    .history-main__section::after{
        content:none;
    }

    .history-lists{
        margin-top:30px;
    }
    


    /* RECRUIT */
    .recruit-mv__content__topbox__maintext{
        font-size:2.7vw;
    }
    .recruit-mv__content__bottombox__flex{
        flex-wrap:wrap;
        gap:0;
    }
    .recruit-mv__content__bottombox__flex__left{
        margin-left:0;
    }
    .recruit-mv__content__bottombox__flex__left__ttl{
        display:none;
    }
    .recruit-mv__content__bottombox__flex__right{
        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:flex-end;
    }
    .recruit-mv__content__bottombox__flex__right__mainline{
        font-size:24px;
    }

    .recruit-about__tab::before, .recruit-about__tab__content::before{
        width:100%;
    }
    .recruit-about__tab.n1::before{
        border-top-right-radius:40px;
    }
    .recruit-about__tab.n4::before{
        border-bottom-right-radius:40px;
    }
    .recruit-about__tab__toggler{
        padding:40px 0;
    }
    .recruit-about__tab__title{
        font-size:32px;
        display:flex;
        align-items:center;
        height:80px;
    }

    .recruit-about__tab__timelinebox{
        overflow-x:scroll;
    }
    .recruit-about__tab__timeline{
        width:1240px;
    }

    .recruit-about__tab01__box01__flex{
        flex-wrap:wrap;
        gap:20px;
        justify-content:center;
    }

    .recruit-commontitle{
        font-size:60px;
    }
    .recruit-interview .recruit-commontitle{
        margin-bottom:60px;
    }

    .recruit-interview__slider__btn.prev{
        left:-120px;
    }
    .recruit-interview__slider__btn.next{
        right:-120px;
    }

    .recruit-recruitment__section{
        transform:translateY(-130px);
    }
    .recruit-commontitle__jp{
        font-size:24px;
    }

    .recruit-flow__dls dl dd{
        padding-right:20px;
    }

    .recruit-interview{
        overflow:hidden;
    }

    .recruit-recruitment{
        border-bottom-left-radius:50px;
        border-bottom-right-radius:50px;
        padding-bottom:100px;
    }


    /* CONTACT */
    .contact__content{
        margin-top:80px;
        border-radius:0;
        padding-bottom:80px;
    }
    .contact__content__title{
        font-size:9vw;
        top:-4vw;
    }


    /* NEWS - ARCHIVE */
    .news-archive__articles{
        grid-template-columns:repeat(2,1fr);
        gap:60px 40px;
    }

}







.sp_only{
    display:none;
}

/*****************************************************************/
@media only screen and (max-width:767px){
    :root{
        --header-height:60px;
    }


    .sp_only{
        display:block;
    }
    .pc_only{
        display:none;
    }

    body{
        font-size:14px;
    }

    .wrap{
        overflow:visible;
    }


    /* COMMON PARTS */
    .bg-whitetop::before{
        height:50px;
        border-radius:0;
        top:-50px;
    }

    .common-footer-mainimg{
        margin:0;
        padding:50px 0;
    }

    .pagecommon__breadcrumbs{
        padding-left:10px;
    }
    .pagecommon__breadcrumbs li{
        font-size:12px;
    }
    .pagecommon__breadcrumbs li:not(:last-of-type)::after{
        width:10px;
    }


    /* HEADER */
    .mainheader{
        padding:10px;
    }
    .mainheader.scrolled{
        padding:10px;
    }
    .mainheader__main{
        padding-bottom:10px;
    }
    .mainheader__main__logo,
    .mainheader__main__logo__img,
    .mainheader__main__logo__img a{
        line-height:1;
    }
    .mainheader__main__logo__img img{
        max-height:30px;
        width:auto !important;
    }
    .mainheader__main__menu{
        padding-right:0;
        gap:10px;
    }
    .mainheader__sns{
        gap:12px;
    }
    .mainheader.spmenuopen .mainheader__main{
        padding-bottom: 0;
        border-bottom: 0;
    }
    .mainheader.spmenuopen .mainheader__main__logo__img img{
        filter:none;
    }
    .mainheader__sptoggler,
    .sptoggler{
        height:40px;
    }
    .sptoggler span{
        height:2px;
        width:30px;
        left:10px;
    }
    .sptoggler span:nth-of-type(1){
        top:4px;
    }
    .sptoggler span:nth-of-type(2){
        top:10px;
    }
    .sptoggler span:nth-of-type(3){
        top:16px;
    }
    .sptoggler small{
        font-size:8px;
        line-height:1;
    }
    .sptoggler.open span:nth-of-type(1){
        top:10px;
    }
    .sptoggler.open span:nth-of-type(3){
        top:10px;
    }


    /* DRAWER */
    .drawer{
        width:100%;
    }
    .drawer-logo{
        display:none;
    }
    .drawer-inner{
        padding-top:20px;
    }
    .drawer-menu__li__text--jp{
        font-size:24px;
    }



    /* FOOTER */
    .mainfooter__wrap{
        padding:20px;
    }
    .mainfooter__main__logo{
        padding-bottom:20px;
    }
    .mainfooter__main__ttl{
        margin:20px 0 0;
    }
    .mainfooter__main__wrap{
        display:none;
    }
    .mainfooter__mirai__ttl{
        padding:0 20px 40px;
    }


    /* COMMON */
    .common-link__icon{
        width:50px;
        height:50px;
    }
    .common-link__icon img{
        width:18px;
    }

    .pagecommon__content{
        padding-top:40px;
    }
    .pagecommon__content__title{
        font-size:8vw;
        margin-bottom:1em;
    }


    /* TOP */
    .top-mv__mainbox{
        padding-top:calc(20px + var(--header-height));
        /*
        height:calc(120vw + var(--header-height));
        */
        min-height:calc(120vw + var(--header-height));
        height:calc(90vh + var(--header-height));
    }
    .top-mv__mainbox__line__bottom{
        left:20px;
        right:20px;
    }
    .top-mv__mainbox__scrolldown{
        display:none;
    }

    .top-concept{
        padding:60px 0;
    }
    .top-concept__flex{
        margin-bottom:30px;
    }
    .top-concept__flex__box__ttl__text{
        font-size:5vw;
        margin:0;
    }
    .top-concept__flex__box__ttl__text span{
        font-size:7vw;
    }
    .top-concept__flex__box__content__text{
        font-size:16px;
    }
    .top-concept__flex__box__content{
        padding-top:30px;
    }
    .top-concept__mainimg{
        margin-bottom:0;
    }

    .top-service{
        padding-bottom:60px;
        border-radius:0;
    }
    .top-service__ttl{
        margin-bottom: 30px;
        padding-top: 30px;
    }
    .top-service__article__flex__img__hv.i01{
        bottom:-10vw;
    }
    .top-service__article__flex__img__hv img{
        width:auto;
        max-height:18vw;
    }
    .top-service__article__subtitle{
        font-size:16px;
    }
    .top-service__article__ttl__jp{
        font-size:6.5vw;
    }
    .top-service__article__ttl__en{
        font-size:16px;
    }
    .top-service__article:not(:last-of-type){
        margin-bottom:50px;
    }


    .top-product{
        padding:60px 0;
    }
    .top-product__articles{
        margin-bottom:40px;
    }
    .top-product__ttl{
        margin-bottom:30px;
    }
    .top-product__article__flex__img{
        padding-bottom:8vw;
    }
    .top-service__article__flex__img__hv.p01{
        left:0;
    }
    .top-service__article__flex__content{
        padding-top:0;
    }

    .top-product__shoplinks{
        gap:10px;
    }
    .top-product__shoplink:nth-of-type(2n+1) a, .top-product__shoplink:nth-of-type(2n) a{
        padding:12px;
        border-radius:12px;
    }
    .top-product__shoplink__ttl__jp{
        font-size:5vw;
    }
    .top-product__shoplink__ttl__en{
        font-size:16px;
    }
    .top-product__shoplink__flex__icon{
        display:none;
    }

    .top-sustainable{
        padding-bottom:50px;
    }
    .top-sustainable__banner__labelhv{
        display:none;
    }
    .top-sustainable__banner__ttl__en{
        font-size:5vw;
    }
    .top-sustainable__banner__ttl__jp{
        font-size:18px;
    }

    .top-company{
        padding:60px 0 0;
    }
    .top-company::before{
        content:none;
    }
    .top-company__ttl {
        top: 0;
        position: relative;
        margin-bottom: 40px;
    }
    .top-company__ttl__img{
        background:#FFF;
    }
    .top-company__link__flex{
        flex-wrap:wrap;
        gap:20px;
    }
    .top-company__link__flex__img{
        width:100%;
    }
    .top-company__link__flex__img img{
        max-width:120px;
    }
    .top-company__link__ttl__jp{
        font-size:7vw;
    }
    .top-company__link__ttl__en{
        font-size:16px;
    }
    .top-companyslidersection__cover__ttl{
        width:82vw;
    }

    .top-news{
        padding:60px 0;
    }
    .top-news__section{
        margin:0;
        padding:0;
    }
    .top-news__section__bg{
        display:none;
    }
    .top-news__flex__head__ttl__jp{
        font-size:6.5vw;
    }
    .top-news__flex__head__ttl__en{
        font-size:18px;
    }

    .top-news__article__flex{
        flex-wrap:wrap;
        gap:20px;
    }
    .top-news__article__flex__img{
        width:100%;
    }
    .top-news__article__flex__content{
        width:100%;
    }
    .top-news__article__flex__icon{
        display:none;
    }


    /* PAGE COMMON */
    .pagecommon__header__title{
        font-size:6.5vw;
    }
    .contentmenu{
        display:none;
    }



    /* SERVICE COMMON */
    .servicemv-bottom{
        margin-bottom:20px;
    }
    .servicemv__bgbox{
        flex-wrap:wrap;
        gap:0;
    }
    .servicemv__bgbox01{
        width:100%;
        line-height:1;
    }
    .servicemv__bgbox02{
        width:100%;
        padding-top:0;
        line-height:1;
    }
    .servicemv__bgbox01 video,
    .servicemv__bgbox01 img,
    .servicemv__bgbox02 video,
    .servicemv__bgbox02 img{
        border-radius:0;
    }
    .service__content__title span{
        font-size:4.5vw;
    }
    .servicemv__content{
        top:50%;
        transform:translateY(-50%);
    }

    .contentmenu{
        position:relative;
        width:100%;
        top:0;
        padding:30px 20px;
    }
    .contentmenu__ul{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:10px 20px;
    }
    .contentmenu__ul li{
        width:100%;
    }
    .page-hasmenucontent__wrap{
        margin-left:0;
        padding:0 20px;
        width:100%;
    }
    .page-hasmenu__topheadtextsec{
        margin-top:0;
        padding-bottom:60px;
    }
    .page-hasmenu__topheadtextsec__right__text{
        font-size:16px;
    }
    .page-hasmenu__topheadtextsec__left__title{
        font-size:8vw;
        width:100%;
    }
    .page-hasmenu__topheadtextsec__left__subtitle {
        margin-top: 20px;
        font-size: 18px;
    }

    .service-content:not(:last-of-type){
        padding-bottom:60px;
    }
    .service-content__title{
        position:relative;
        top:0;
    }

    .bg-whitetop::before,
    .bg-indigotop::before{
        content:none;
    }


    /* DYEING */
    .dyeing-content__head__title--text span {
        font-size: 14px;
        width: 46px;
    }
    .dyeing-content__head__title--text{
        font-size:5vw;
    }

    .service-content__contentflex__title{
        margin-top:20px;
    }
    .service-content__contentflex__textcontent--title{
        margin:14px 0 10px;
        font-size:20px;
    }


    /* TEXTILE */
    .textile-material__article--text strong{
        font-size:16px;
    }
    .textile-role{
        padding:60px 0;
    }

    .textile-material__article--title{
        font-size:20px;
    }
    .textile-role__maintext{
        font-size:16px;
    }

    .textile-role__article{
        border-radius:10px;
    }
    .textile-role__article.n01 .textile-role__article__content, .textile-role__article.n02 .textile-role__article__content{
        padding-left:20px;
        padding-right:20px;
        padding-bottom:0;
    }
    .textile-role__article__img img{
        border-radius:0 0 10px 10px;
    }
    .textile-role__article__content__titles{
        margin-bottom:20px;
    }
    .textile-role__article--number{
        font-size:16px;
    }
    .textile-role__article--title{
        font-size:22px;
    }

    .textile-export__flex{
        margin-top:0;
    }
    .textile-export__title{
        font-size:24px;
    }
    .textile-export__ttl img{
        transform:none;
        padding-left:0;
    }
    .textile-export__article--title{
        font-size:20px;
    }

    .textile-merit{
        padding:60px 0 !important;
    }
    .textile-merit__flex__content__titles--title{
        font-size:24px;
    }
    .textile-merit__article__title{
        font-size:20px;
    }
    .textile-merit__article__subtitle{
        font-size:16px;
    }
    .textile-merit__article__titlelines span{
        font-size:16px;
        white-space:wrap;
        line-height:1.4;
    }


    /* PRODUCT */
    .product-mv{
        margin:0;
        margin-bottom:20px;
    }
    .product-mv__bg{
        height:120vw;
        overflow:hidden;
        position:relative;
    }
    .product-mv__bg img{
        position:absolute;
        width:auto;
        max-width:unset;
        height:120vw;
        top:0;
        left:0;
        animation:infinite productmvimgmove 7s alternate ease-in-out;
    }
    @keyframes productmvimgmove{
        0%{
            transform:translateX(0);
        }
        100%{
            transform:translateX(calc(-100% + 100vw));
        }
    }

    .product-oem__topflex__text{
        font-size:14px;
    }
    .product-oem__flows{
        justify-content:center;
    }
    .product-oem__flows li{
        max-width:200px;
        width:100%;
        margin:0 auto;
        margin-top:-5%;
    }
    .product-oem__flows li:not(:last-of-type){
        margin-right:auto;
    }

    .product-content__title{
        font-size:7vw;
    }
    .product__articletitles__jp{
        font-size:20px;
    }


    /* SHOP */
    .shop-head{
        margin-top:40px;
        padding-bottom:60px;
    }
    .shop-head__flex01__left__title{
        font-size:9vw;
    }
    .shop-head__flex02__right__text{
        font-size:16px;
    }
    .contentmenu.shop-contentmenu{
        padding-top:0;
    }
    .dyeing-content__head__title--text{
        margin-top:20px;
    }
    .shop-monoshop__content{
        margin:40px auto 0;
    }

    .shop-ftax__imgs{
        gap:20px;
        margin-top:40px;
    }
    .shop-ftax__img{
        width:100%;
    }



    /* X SANYO */
    .xsanyo-concept{
        padding:60px 0;
        border-radius:0;
    }
    .xsanyo-concept__titles{
        margin-bottom:40px;
    }
    .xsanyo-concept__title{
        font-size:9vw;
    }
    .xsanyo-concept__subtitle{
        font-size:18px;
    }
    .xsanyo-concept__flex{
        flex-wrap:wrap;
        gap:30px;
    }
    .xsanyo-concept__flex__content{
        width:100%;
    }
    .xsanyo-concept__flex__img{
        width:100%;
    }


    /* SUSTAINABLE */
    .sust-mv,
    .sust-mv__animbox{
        min-height:740px;
    }
    .sust-mv__text{
        position:relative;
        left:0;
        bottom:0;
        top:calc(20px + var(--header-height));
    }
    .sust-concept{
        padding:60px 0 100px;
    }
    .sust-concept__title{
        font-size:6vw;
    }
    .sust-concept__text{
        font-size:16px;
    }
    .sust-statement{
        padding:60px 0;
        margin-top:0;
        border-radius:0;
    }
    .sust-statement__headflex__title{
        font-size:7vw;
    }
    .sust-statement__headflex__subtitle{
        font-size:18px;
    }
    .sust-statement__headflex__content__text{
        font-size:14px;
    }
    .sust-statement__content__tab{
        border-radius:0;
    }
    .sust-statement__content__tab__head__titles__title{
        align-items:center;
    }
    .sust-statement__content__tab__head__titles__title span{
        font-size:16px;
    }
    .sust-statement__content__tab__head__titles__title{
        font-size:6vw;
    }
    .sust-statement__env__headtab__title{
        flex-wrap:wrap;
        gap:10px;
        font-size:5vw;
    }
    .sust-statement__env__headtab__title span{
        font-size:14px;
    }
    .sust-statement__envs{
        margin-top:20px;
    }
    .sust-statement__env__maintab{
        border-radius:0;
    }
    .sust-statement__env__maintab__head{
        padding:10px 20px;
    }
    .sust-statement__env__maintab__head__title{
        font-size:20px;
    }
    .sust-statement__env__maintab__head__subtitle{
        font-size:14px;
    }
    .sust-statement__env__maintab__content{
        padding:20px 20px 30px;
    }
    .sust-statement__env__articles{
        grid-template-columns:1fr !important;
        gap:20px;
    }
    .sust-statment__env__article__content__text{
        font-size:16px;
    }

    .sust-statement__content__tab__head{
        flex-wrap:wrap;
        gap:30px;
    }
    .sust-statement__content__tab__head__content{
        width:100%;
    }
    .sust-statement__content__sustcontainer{
        padding-top:30px;
        margin-top:30px;
        flex-wrap:wrap;
        gap:20px;
    }
    .sust-statement__content__sustcontainer__img{
        width:100%;
    }
    .sust-statement__content__sustcontainer__lists{
        width:100%;
    }
    .sust-statement__content__sustcontainer__list{
        padding:30px 20px;
    }
    .sustcontainer__list__head__subtitle{
        font-size:12px;
    }
    .sustcontainer__list__head__title{
        font-size:18px;
    }

    .sust-statement__content:not(:last-of-type){
        margin-bottom:60px;
    }

    .sust-statement__content__mainlists{
        margin:30px 0;
    }
    .sust-statement__content__mainlists li{
        padding:20px;
        border-radius:10px;
        font-size:22px;
    }
    .sust-statement__content__mainlists li .mainlist__num{
        font-size:14px;
    }



    /* INFORMATION */
    .inf-message__content--text{
        font-size:14px;
    }
    .inf-message__middleconttext{
        margin:60px 0;
        font-size:16px;
    }
    .inf-message{
        overflow:hidden;
        padding-bottom:40px;
    }
    .inf-message::before{
        border-radius:0;
    }
    .inf-topmessage{
        margin-top:0;
        padding:60px 0;
    }
    .inf-topmessage__title{
        font-size:18px;
    }
    .inf-topmessage__text{
        font-size:14px;
    }
    .inf-topmessage__img{
        padding-top:0;
    }
    .inf-topmessage__img img{
        position:relative;
        height:auto;
    }
    .inf-about{
        padding:60px 0;
    }
    .top-about__flex{
        margin-top:30px;
    }
    .top-about__flex__content__text span{
        font-size:4.5vw;
    }
    .top-about__flex__content__text{
        font-size:4vw;
    }
    .inf-historysec{
        padding:60px 0 80px;
    }
    .inf-profile__sectitles{
        margin-bottom:30px;
    }
    .inf-profile__sectitles--title{
        font-size:9vw;
    }
    .inf-profile__sectitles--subtitle{
        font-size:16px;
    }
    .inf-profilesec{
        padding:20px 0 60px;
    }
    .inf-profile__topinfos{
        gap:20px;
    }
    .inf-profile__infotitle{
        font-size:4vw;
        margin-bottom:10px;
    }
    .inf-profile__topinfo__text{
        font-size:5.5vw;
    }
    .inf-profile__topinfo__text small{
        font-size:4vw;
    }
    .inf-profile__topinfo__text em{
        font-size:7vw;
    }
    .inf-profile__companies{
        grid-template-columns:1fr;
    }
    .inf-profile__company{
        padding:0 20px;
    }

    .inf-accesscontainer{
        padding-bottom:0;
    }
    .inf-access{
        overflow:hidden;
        padding:60px 0;
    }
    .inf-access::before{
        border-radius:0;
    }
    .inf-access__wrap{
        padding-right:0;
    }
    .inf-access__maintitle{
        margin-bottom:30px;
    }
    .inf-access__maintitle--title{
        font-size:9vw;
    }
    .inf-access__maintitle--subtitle{
        font-size:5vw;
    }
    .inf-access__company{
        padding-left:40px;
    }
    .inf-access__company__text{
        font-size:16px;
    }
    .inf-access__bottomimg{
        margin-top:60px;
    }
    .inf-access__bottomimg img{
        transform:none;
        border-radius:10px;
    }



    /* HISTORY */
    .history-mv{
        margin:0 0 50px;
    }
    .history-title__date{
        font-size:14px;
        margin-right:40px;
    }
    .history-title__date::after{
        width:20px;
        left:calc(100% + 10px);
    }
    .history-list{
        padding:50px 0 0 30px;
    }
    .history-list__year{
        font-size:60px;
    }
    .history-title__title{
        font-size:18px;
        width:100%;
    }
    .history-title--middle .history-title__title{
        font-size:22px;
    }
    .history-title--big .history-title__title{
        font-size:28px;
    }
    .history-detail--text{
        font-size:14px;
    }

    .history-main__bottom__bg img{
        width:1200px;
    }
    .history-main__bottom__mainimg{
        padding-top:300px;
    }
    .history-main__bottom__mainimg img{
        max-width:320px;
    }



    /* RECRUIT */
    .recruit-mv__bg{
        overflow:hidden;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    .recruit-mv__bg img{
        width:200%;
        max-width:unset;
        position:relative;
        left:50%;
        transform:translateX(-50%);
    }
    .recruit-mv__content{
        position:relative;
    }
    .recruit-mv__content__topbox{
        height:100vw;
    }
    .recruit-mv__content__topbox__maintext{
        font-size:5vw;
    }
    .recruit-mv__content__bottombox{
        height:auto;
        margin-top:100vw;
        padding-bottom:60px;
    }
    .recruit-mv__content__bottombox__flex__right{
        flex-wrap:wrap;
        gap:30px;
    }
    .recruit-mv__content__bottombox__flex__right__text{
        margin:0;
    }
    .recruit-mv__content__bottombox__flex__right__mainline{
        margin:0;
        width:100%;
        text-align:center;
    }

    .recruit-about__tab.n1::before{
        border-top-right-radius:0;
    }
    .recruit-about__tab.n4::before{
        border-bottom-right-radius:0;
    }
    .recruit-about__tab__toggler{
        padding:20px 0;
    }
    .recruit-about__tab__toggler__icon{
        width:40px;
        height:40px;
    }
    .recruit-about__tab__toggler__icon img{
        width:14px;
    }
    .recruit-about__tab__title{
        font-size:24px;
        height:40px;
    }
    .recruit-about__tab__content{
        padding:40px 0;
    }

    .recruit-about__tab__minititles__jp{
        font-size:22px;
    }

    .recruit-about__tab__timelinebox{
        padding:100px 20px;
    }
    .recruit-about__tab__timeline{
        width:100%;
        max-width:unset;
        min-width:860px;
    }
    .recruit-about__tab__timeline__time__detailbox{
        padding:0 16px;
        width:190px;
        height:80px;
    }
    .recruit-about__tab__timeline__time__detailbox__title{
        font-size:14px;
    }

    .recruit-about__tab01__box01__flex{
        flex-wrap:wrap;
        gap:30px;
    }

    .recruit-interview{
        padding-top:100px;
    }
    .recruit-interview .recruit-commontitle{
        margin-bottom:40px;
    }
    .recruit-interview__slider__btn{
        width:40px;
        height:40px;
    }
    .recruit-interview__slider__btn img{
        width:14px;
    }
    .recruit-interview__slider__btn.prev{
        left:-20px;
    }
    .recruit-interview__slider__btn.next{
        right:-20px;
    }

    .recruit-commontitle{
        font-size:10vw;
    }

    .recruit-recruitment{
        margin-top:200px;
    }

    .recruit-recruitment__section{
        transform:none;
    }

    .recruit-recruitment__dls dl{
        flex-wrap:wrap;
        padding:14px 0;
    }
    .recruit-recruitment__dls dl dt,
    .recruit-recruitment__dls dl dd{
        width:100%;
        min-height:auto;
    }
    .recruit-recruitment__dls dl dt{
        font-weight:bold;
        padding-bottom:12px;
        justify-content:flex-start;
    }
    .recruit-recruitment__dls dl dd{
        padding-top:0;
        padding-left:0;
        border-left:0;
    }

    .recruit-flow__section{
        padding-top:100px;
    }

    .recruit-recruitment__title{
        margin-bottom:40px;
    }

    .recruit-flow__dls dl{
        flex-wrap:wrap;
        gap:0;
    }
    .recruit-flow__dls dl dt,
    .recruit-flow__dls dl dd{
        width:100%;
    }
    .recruit-flow__dls dl dd{
        padding:0 20px;
        border:0;
    }

    .recruit-entry{
        padding-top:50px;
    }
    .recruit-entrybtns{
        gap:16px;
    }
    .recruit-entrybtn a{
        padding:20px;
    }
    .recruit-entrybtn__title--en{
        font-size:24px;
    }
    .recruit-entrybtn__title--jp{
        font-size:16px;
    }


    /* CONTACT */
    .contact__content{
        margin-top:40px;
        padding-bottom:60px;
    }
    .contact__content__title{
        font-size:6.5vw;
    }
    .contact__content__insec__title{
        font-size:5vw;
        padding-top:40px;
        margin-bottom:40px;
    }
    .contact-dls dl{
        flex-wrap:wrap;
        gap:12px;
    }
    .contact-dls dl dt,
    .contact-dls dl dd{
        width:100%;
    }
    form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form textarea{
        width:100%;
    }
    .wpcf7-list-item{
        margin-left:0;
    }


    /* NEWS ARCHIVE */
    .news-archive__categorylinks{
        margin-bottom:30px;
    }
    .news-archive__articles{
        grid-template-columns:1fr;
        gap:30px;
    }
    .news-archive__article__thumb{
        margin-bottom:20px;
    }
    .news-archive__article__bottom{
        display:none;
    }
    .pagenationwrap{
        margin-top:60px;
    }


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


    /* EDITOR CONTENT */
    .editor-content>*:not(:last-child){
        margin-bottom:1.4em;
    }
    .editor-content h2{
        font-size:1.6em;
    }

}