@charset 'UTF-8';

@media only screen and (max-width:1500px){
    /* ARCHITECTS */
    .architects-s02__head__img{
        right:10rem;
    }
    .architects-bottomlink__banner__title{
        font-size:5.5rem;
    }
    .architects-bottomlink__banner__anker{
        left:50%;
        transform:none;
    }
}

/* ADJUST */
@media only screen and (max-width:1440px){
    /* COMMON PARTS */
    .po-cursor{
        width:80px;
        height:80px;
    }
}


/* UNDER PC */
@media only screen and (max-width:1279px){
    html,
    body{
        min-width:1280px;
    }

    /* COMPANY */
    .company-s01__flex{
        flex-wrap:wrap;
    }
    .company-s01__flex__title{
        width:100%;
    }
    .company-s01__flex__content{
        margin:0 auto;
    }
}


/* PAD (iPad13) */
@media only screen and (max-width:1032px){
    html,
    body{
        min-width:unset;
    }

    :root{
        --px10:8px;
    }

    .wrap, body.home .wrap{
        padding:0 5rem;
    }

    /* COMMON PARTS */
    .po-cursor{
        display:none;
    }
    .padding-top{
        padding-top:100px;
    }
    .padding-bottom{
        padding-bottom:100px;
    }
    .padding-tb{
        padding:100px 0;
    }

    /* FOOTER */
    .main-footer__box{
        padding:4.8rem;
    }
    .main-footer__01{
        grid-template-columns: 1fr;
        padding-top:5.2rem;
    }
    .main-footer__01__box:nth-of-type(1){
        border-right:0;
        border-bottom:1px solid var(--color-gray);
    }
    .main-footer__01__box__text{
        text-align:center;
    }
    .main-footer__02{
        flex-wrap:wrap;
    }
    .main-footer__linkbox{
        /*
        order:1;
        width:100%;

        justify-content:center;
        gap:10rem;
        border-bottom:1px solid var(--color-gray);
        */
        display:none;
    }
    .main-footer__snsbox{
        order:2;
        width:100%;

        border-right:0;
    }
    .main-footer__exlinkbox{
        order:3;
        width:100%;

        border-top:1px solid var(--color-gray);
    }
    .main-footer__snsbox .main-footer__links,
    .main-footer__exlinkbox .main-footer__links{
        display:flex;
        justify-content:center;
        gap:5rem;
    }
    .main-footer__snsbox .main-footer__links li:not(:last-child),
    .main-footer__exlinkbox .main-footer__links li:not(:last-child){
        margin-bottom:0;
    }
    .main-footer__logobox{
        order:4;
        width:100%;

        border-top:1px solid var(--color-gray);
        border-right:0;
        text-align:center;
    }



    /* TOP */
    .main-title.bigdot::before {
        width: 50px;
        height: 50px;
        background: var(--color-base);
        top: -70px;
        opacity: 0.4;
    }

    .top-mv__content__01{
        max-width:calc(100% - 10rem);
        margin-top:-100dvh;
    }
    .top-mv__content__01__title{
        font-size:6rem;
    }

    .top-concept__maintitle{
        font-size:4rem;
    }
    .top-concept__link__image{
        width:100%;
    }
    .top-concept__link .top-concept__link__content,
    .top-concept__link a:hover .top-concept__link__content{
        left:5rem;
        color:#FFF;
        transform:translateY(-50%);
        top:50%;
        padding:0;
    }
    .top-concept__link__sections::before,
    .top-concept__link__text{
        opacity:1;
    }
    .top-concept__link__vmtext{
        display:block;
        margin-top:18px;
        font-size:16px;
        color:#FFF;
        text-decoration:underline;
        text-underline-offset:3px;
        letter-spacing:0.2em;
    }

    .top-menus{
        grid-template-columns:1fr;
        gap:10rem;
    }
    .top-menu{
        grid-row:span 3;
    }
    .top-menu__smvm{
        display:block;
        text-align:center;
    }
    .top-menu__modelhouse__vm{
        display:block;
        margin:30px 0 0;
        padding-bottom:30px;
        text-align:center;
    }

    .top-work__flex{
        flex-wrap:wrap;
        gap:5rem;
    }
    .top-work__flex__img{
        width:100%;
    }

    .top-architect__box a{
        min-height:80rem;
    }
    .top-architect__box__title p{
        font-size:7.4rem;
    }
    .top-architect__box__subtitle{
        top:unset;
        right:unset;
        left:9rem;
        bottom:9rem;
    }
    .top-architect__box__subtitle p{
        -ms-writing-mode:rl-tb;
        writing-mode:horizontal-tb;

        font-size:3.4rem;
    }


    /* TOPICS */
    .topics-archive__article a{
        padding:40px;
        padding-right:60px;
    }
    .topics-archive__article a span.icon{
        right:6px;
    }


    /* BLOGS */
    .blog-archive__articles{
        grid-template-columns:repeat(2,1fr);
    }


    /* PAGES */
    .page-mv{
        height:60rem;
    }
    .page-mv__title{
        left:5rem;
    }

    .page-head__anker a{
        width: auto;
        padding: 0 30px;
    }


    /* CONCEPT */
    .concept-section__head{
        flex-wrap:wrap;
        gap:50px;
    }
    .concept-section__head__content{
        width:100%;
    }
    .concept-section__head__img{
        width:100%;
    }
    .concept-section__head__content__text{
        max-width:100%;
    }

    .concept-s01__sec01__flex,
    .concept-s02__sec01__flex,
    .concept-s03__sec01__flex{
        flex-wrap:wrap;
        gap:50px;
    }
    .concept-s01__sec01__flex__content,
    .concept-s02__sec01__flex__content,
    .concept-s03__sec01__flex__content{
        width:100%;
        padding-right:0;
    }
    .concept-s01__sec01__flex__img,
    .concept-s02__sec01__flex__img,
    .concept-s03__sec01__flex__img{
        width:100%;
    }
    .concept-s01__sec01__flex__content .concept-section__innersec__text,
    .concept-s02__sec01__flex__content .concept-section__innersec__text,
    .concept-s03__sec01__flex__content .concept-section__innersec__text{
        max-width:100%;
    }

    .concept-s01__sec02__banner{
        margin-top:0;
        margin-bottom:50px;
    }

    .concept-s02__headbg::before{
        left:-5rem;
        top:-50px;
        height:calc(100% + 100px);
    }

    .concept-s03__sec01__imgs{
        flex-wrap:wrap;
        justify-content:center;
        gap:50px;
    }
    .concept-s03__sec01__bigimg,
    .concept-s03__sec01__shortimg{
        width:100%;
        max-width:700px;
    }
    .concept-s03__sec01__img figcaption{
        font-size:14px;
    }

    .concept-s03__bottomsec{
        padding:200px 5rem 100px;
    }


    /* TECHNOLOGY */
    .technology-head__flex{
        flex-wrap:wrap;
        gap:50px;
    }
    .technology-head__flex__content,
    .technology-head__flex__img{
        width:100%;
    }
    .technology-innercontent__flex{
        flex-wrap:wrap;
        gap:50px;
    }
    .technology-innercontent__flex__content,
    .technology-innercontent__flex__imgsec{
        width:100%;
    }
    .technology-s02__articles{
        grid-template-columns:1fr;
        gap:50px;
    }


    /* MAINTENANCE */
    .maintenance-article__flex{
        flex-wrap:wrap;
        gap:50px;
    }
    .maintenance-article__flex__content,
    .maintenance-article__flex__img{
        width:100%;
    }


    /* MODELHOUSE - ARCHIVE */
    .modelhouse-archive__articles{
        gap:50px;
    }
    .modelhouse-archive__article__title{
        flex-wrap:wrap;
    }


    /* MODELHOUSE - SINGLE */
    .single__gallery{
        flex-wrap:wrap;
        gap:50px;
    }
    .single__gallery__slidersec{
        width:100%;
    }
    .single__gallery__thumbnailssec{
        width:100%;
    }
    .single__gallery__thumbnails{
        grid-template-columns:repeat(5,1fr);
    }


    /* ARCHITECTS */
    .page-mv.architects-mv{
        height:80rem;
    }
    .architects-mv__subtitle{
        font-size:4vw;
        -ms-writing-mode:rl-tb;
        writing-mode:horizontal-tb;
        right:unset;
        top:35rem;
        left:5rem;
    }
    .architects-mv__title--en{
        font-size:9vw;
    }

    .architects-s01__title--text,
    .architects-s01__article__content{
        position:relative;
        z-index:3;
    }
    .architects-s01__hv{
        opacity:0.4 !important;
    }

    .architects-s02__head__content__img{
        display:none;
    }
    .architects-s02__head__img{
        position:relative;
        width:100%;
        padding:10rem 0;
        top:unset;
        right:unset;
    }

    .architects-s03__bg{
        height:100%;
        transform:none !important;
    }
    .architects-s03__content{
        padding:150px 0;
    }

    .architects-s04__flex,
    .architects-s05__flex{
        flex-wrap:wrap;
        gap:50px;
    }
    .architects-s04__flex__head,
    .architects-s04__flex__content,
    .architects-s05__flex__head,
    .architects-s05__flex__content{
        width:100%;
    }

    .architects-s05__hv{
        left:5rem;
        width:50%;
        opacity:0.4 !important;
    }

    .architects-bottomlink__banner__subtitle{
        -ms-writing-mode: rl-tb;
        writing-mode:horizontal-tb;
        text-align:center;
        position:relative;
        top:0;
        left:0;
        width:100%;
        text-shadow:1px 1px 5px #FFF;
        text-indent:0.5em;
    }
    .architects-bottomlink__banner__title{
        position:relative;
        margin-top:540px;
        transform:none;
        top:unset;
        left:unset;
        text-shadow:1px 1px 5px #FFF;
    }
    .architects-bottomlink__banner__text{
        font-size:19px;
        line-height:2;
        margin-top:40px;
        margin-bottom:70px;
        text-shadow:1px 1px 5px #FFF;
    }
    .architects-bottomlink__banner__anker{
        width:100%;
        bottom:0;
        left:0;
        right:0;
        text-align:center;
    }



}


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

/* SP */
@media only screen and (max-width:767px){

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

    :root{
        --px10:6px;
    }


    .wrap, body.home .wrap{
        overflow:visible;
        padding: 0 20px;
    }

    body{
        padding-bottom:50px;
    }


    .padding-top{
        padding-top:60px;
    }
    .padding-bottom{
        padding-bottom:60px;
    }
    .padding-tb{
        padding:60px 0;
    }

    /* HEADER */
    .main-header__box{
        padding:20px 20px 0;
    }
    .main-header.scrolled .main-header__box{
        padding:20px 20px 0;
    }
    .main-header__logo img{
        width:130px;
    }
    .main-header__toggler a{
        width:40px;
        height:40px;
    }
    .main-header__toggler span{
        width:20px;
        left:10px;
    }


    /* DRAWER */
    .main-drawer{
        border-radius:0 !important;
        width:100%;
        height:100vh;
        height:100dvh;
        padding:120px 20px 60px;;
        overflow-y:scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .main-drawer::-webkit-scrollbar {
        display:none;
    }

    body.menu-opened .main-header__logo img{
        filter:brightness(100) invert(1) !important;
    }

    .main-drawer__links{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:0 20px;
    }
    .main-drawer__links li a{
        font-size:16px;
    }
    .main-drawer__link--en{
        font-size:8px;
    }

    /* FOOTER */
    .main-footer{
        margin-top:60px;
    }
    .main-footer__01__box:nth-of-type(1){
        padding: 0 10px 30px;
    }
    .main-footer__01__box__text{
        font-size:1.8rem;
    }
    .main-footer__contact a{
        gap:30px;
        font-size:30px;
    }
    .main-footer__snsbox .main-footer__links, .main-footer__exlinkbox .main-footer__links{
        gap:15px;
    }
    .main-footer__logo__subtitle{
        font-size:18px;
        margin-bottom:10px;
    }
    .main-footer__logo__img img{
        width:200px;
    }
    .main-footer__copyright{
        font-size:12px;
    }

    .sp-cvbox{
        display:block;
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:50px;
        background:#FFF;
        z-index:9;
    }
    .sp-cvbox__menus{
        display:flex;
        justify-content:space-between;
        padding:0 6px;
    }
    .sp-cvbox__menu{
        width:38%;
        padding:6px 0;
    }
    .sp-cvbox__menu--tel{
        width:20%;
    }
    .sp-cvbox__menu a{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:10px;
        height:100%;
        color:#FFF;
        background:var(--color-base);
        padding:6px;
        border-radius:6px;
    }
    .sp-cvbox__menu a img{
        height:25px;
        filter:brightness(0) invert(1);
    }
    .sp-cvbox__menu__text{
        font-size:14px;
    }
    .sp-cvbox__menu__text--mh{
        font-size:12px;
        line-height:1.2;
    }




    /* TOP */
    .top-mv__bg img{
        border-radius:0;
    }
    .top-mv__content__01__title{
        font-size:6.3vw;
    }
    .top-mv__content__01__text{
        font-size:max(4vw,16px);
    }
    .top-mv__content__02__text{
        font-size:max(4vw,16px);
        line-height:2;
    }

    .top-feature{
        overflow:hidden;
    }
    .top-feature__slider{
        padding:0 12px;
    }

    .main-slick--btn{
        width:15px;
        height:38px;
        top:calc(50% - 19px);
    }
    .main-slick--btn.prev{
        left:-13px;
    }
    .main-slick--btn.next{
        right:-13px;
    }

    .top-section__headflex{
        flex-wrap:wrap;
        gap:20px;
        margin-bottom:50px;
    }
    .top-section__headflex__cont{
        width:100%;
    }
    .top-section__headflex__vm{
        width:100%;
    }
    .top-section__headflex__vm .main-viewmore{
        width:100%;
        text-align:right;
    }

    .main-title{
        padding-left:20px;
    }
    .main-title::before{
        width:14px;
        height:14px;
        top:3px;
    }

    .main-title:not(:last-child){
        margin-bottom:20px;
    }
    .main-title__jp{
        font-size:20px;
        line-height: 1.4;
    }
    .main-title__en{
        margin-bottom:4px;
    }

    .top-concept__maintitle{
        font-size:16px;
        padding-left:20px;
    }
    .top-concept__link:not(:last-of-type){
        margin-bottom:20px;
    }
    .top-concept__link__image{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    .top-concept__link__image img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }
    .top-concept__link__title{
        font-size:20px;
    }
    .top-concept__link .top-concept__link__content,
    .top-concept__link a:hover .top-concept__link__content{
        position:relative;
        width:100%;
        left:0;
        transform:none;
        padding:40px 20px;
    }
    .top-concept__link__text{
        font-size:14px;
    }

    .top-menu__text{
        font-size:14px;
        padding-left:20px;
    }
    .top-menusection__menu .top-menu__text{
        padding-left:20px;
    }
    .top-menu__subtitle{
        position:relative;
        margin:0 auto 30px;
        right:0;
        font-size:20px;
        width: 44px;
        height:180px;
    }
    .top-verttitle-bubbled::before{
        width:40px;
        height:40px;
    }
    .top-menusection__menu .top-menu__text{
        padding-right:0;
        font-size:14px;
        margin-bottom:0;
    }
    .top-concept__link__vmtext{
        font-size:14px;
    }

    .top-modelhouse{
        margin-top:200px;
    }
    .top-verttitle-bubbled{
        font-size:22px;
    }

    .main-title.bigdot::before{
        width: 26px;
        height: 26px;
        top: -33px;
    }

    .top-work{
        padding:60px 0;
    }
    .top-work__flex{
        gap:30px;
    }
    .top-work__vm{
        padding-left:20px;
    }

    .top-topics{
        padding-top:60px;
    }

    .top-architect__box__title p{
        font-size:7vw;
    }
    .top-architect__box__title h2{
        font-size:5vw;
    }


    /* TOPICS */
    .topics-archive__articles{
        grid-template-columns:1fr;
    }
    .topics-archive__article:nth-of-type(2n+1){
        border-right:0;
    }

    .topics-archive__article a{
        padding:20px;
    }
    .topics-archive__article--title{
        font-size:16px;
    }
    .topics-archive__article a span.icon{
        position:relative;
        top:0;
        right:0;
        display:block;
        margin-left:auto;
        margin-top:6px;
    }

    .topics-single{
        padding:60px 0;
    }

    .editor-content h1{
        font-size:26px;
    }
    .editor-content h2{
        font-size:22px;
    }
    .editor-content h3{
        font-size:18px;
    }
    .editor-content h4{
        font-size:16px;
    }
    .editor-content h5,
    .editor-content h6{
        font-size:14px;
    }
    .editor-content p,
    .editor-content li{
        font-size:14px;
    }

    .topics-single__vm{
        margin-top:50px;
    }

    .topics-single__head{
        padding-bottom:24px;
        margin-bottom:50px;
    }
    .topics-single__head__title{
        font-size:24px;
    }

    /* BLOG */
    .blog-archive__articles{
        grid-template-columns:1fr;
        gap:30px;
    }
    .blog-archive__article--title{
        font-size:16px;
    }


    /* PAGES */
    .page-mv__img{
        border-radius:0;
    }
    .page-mv__title h1{
        font-size:22px;
    }

    .common-mv--noimg{
        border-radius:0;
        padding:150px 0 75px;
    }
    .common-mv__title--en{
        font-size:16px;
    }
    .common-mv__title--jp{
        font-size:22px;
    }

    .page-head__title{
        font-size:22px;
    }

    .page-head__ankers{
        flex-wrap:wrap;
        gap:10px;
    }
    .page-head__anker{
        border-right:1px solid var(--color-base);
        width:100%;
    }


    /* CONCEPT */
    .concept-section__head__content__text{
        font-size:14px;
    }

    .concept-section__innersec__title{
        font-size:18px;
    }
    .concept-section__innersec__text{
        font-size:14px;
    }

    .concept-s01__sec01__flex__img{
        padding:0;
    }

    .concept-section__head{
        gap:0;
    }
    .concept-section__head__content{
        padding-bottom:50px;
    }

    .concept-s02__headbg{
        padding:50px 0;
    }
    .concept-s02__belt.padding-top{
        padding-top:0;
    }
    .concept-s02__belt__imgs{
        grid-template-columns:1fr;
    }

    .concept-s03__title{
        font-size:20px;
    }
    .concept-s03__text{
        font-size:14px;
    }

    .linkbanner-link{
        position:relative;
        max-width:unset;
        width:calc(100% + 40px);
        left:-20px;
    }


    /* TECHNOLOGY */
    .technology-innercontent__graphs{
        gap:20px;
        grid-template-columns:1fr;
    }
    .technology-s01__box{
        gap:20px;
        padding:20px;
        flex-wrap:wrap;
    }
    .technology-s01__box__title{
        font-size:16px;
    }
    .technology-s01__box__img{
        width:100%;
        text-align:center;
    }
    .technology-s01__box__img img{
        width:100%;
        max-width:200px;
    }

    .technology-flows__img{
        overflow-x:scroll;
    }
    .technology-flows__img img{
        min-width:720px;
    }

    .technology-s02__article__title{
        font-size:20px;
    }
    .technology-s02__article__text{
        font-size:14px;
    }
    .technology-s02__articlesec{
        padding-bottom:50px;
    }

    .technology-s03__bannerlink{
        padding:50px 0 100px;
    }

    /* MAINTENANCE */
    .maintenance-articles{
        margin-top:60px;
        padding-bottom:60px;
    }
    .maintenance-article{
        padding:40px 20px;
    }
    .maintenance-article__title{
        font-size:20px;
    }
    .maintenance-article__text{
        font-size:14px;
    }
    .maintenance-article__img.n1{
        overflow-x:scroll;
    }
    .maintenance-article__img.n1 img{
        min-width:600px;
    }
    .maintenance-article__img.n2 img{
        max-width:100%;
    }


    /* MODELHOUSE */
    .common-mv--noimg.modelhouse-mv{
        padding:150px 0 75px;
    }
    .modelhouse-archive__articles{
        grid-template-columns:1fr;
        gap:30px;
    }
    .modelhouse-archive__article__title--address{
        font-size:12px;
    }
    .modelhouse-archive__article__title--text{
        font-size:16px;
    }

    .modelhouse-single__head__title{
        flex-wrap:wrap;
        gap:10px;
    }
    .modelhouse-single__head__title--address{
        font-size:14px;
    }
    .modelhouse-single__head__title--text{
        font-size:20px;
    }

    .single__gallery{
        gap:10px;
    }
    .single__gallery__thumbnails{
        grid-template-columns:repeat(4,1fr);
        gap:10px;
    }
    .single__gallery__thumbnail--video--play{
        width:40px;
        height:40px;
    }

    .modelhouse-single__reservelink{
        margin-top:50px;
    }
    .modelhouse-single__reservelink>*{
        text-align:center;
    }

    .modelhouse-single__reservelink__anker a{
        font-size:18px;
    }

    /* WORKS */
    .work-archive__architect__img{
        width:90px;
    }
    .work-archive__architect--search{
        font-size:18px;
    }

    .work-single__architect__flex{
        flex-wrap:wrap;
        gap:30px;
    }
    .work-single__architect__img{
        width:200px;
        margin:0 auto;
    }
    .work-single__architect__company{
        font-size:16px;
    }
    .work-single__architect__comment{
        font-size:14px;
    }


    /* ARCHITECTS */
    .architects-mv__title--jp{
        font-size:6vw;
    }

    .architects-sec01{
        padding-top:100px;
        overflow:hidden;
    }
    .architects-s01__title{
        padding-bottom:100px;
    }
    .architects-s01__title--text{
        font-size:6vw;
        width:36vw;
    }
    .architects-s01__article__title{
        font-size:5.4vw;
    }
    .architects-s01__article__text{
        font-size:14px;
        line-height:2;
    }

    .architects-s02__head__title{
        font-size:5.5vw;
    }
    .architects-s02__head__text{
        font-size:16px;
    }
    /*
    .architects-s02__head__img img{
        position:relative;
        width:calc(100% + 40px);
        max-width:unset;
        left:-20px;
    }
        */
    .architects-s02__head__img__text span{
        font-size:14px;
    }

    .architects-s03__content{
        padding:60px 0;
    }
    .architects-s03__content__text{
        font-size:14px;
        line-height:3;
        width:100%;
    }

    .architects-s04__head__text{
        margin-top:60px;
        font-size:18px;
    }
    .architects-s04__content__text{
        font-size:14px;
    }

    .architects-sec05{
        padding-bottom:150px;
    }
    .architects-s05__head__title{
        font-size:24px;
    }
    .architects-s05__head__subtitle{
        font-size:20px;
    }
    .architects-s05__lists{
        grid-template-columns:1fr;
        gap:20px;
    }
    .architects-s05__lists li{
        padding-left:20px;
        font-size:16px;
    }
    .architects-s05__lists li::before{
        top:4px;
        width:16px;
        height:16px;
    }
    .architects-s05__hv {
        left: 0;
        width: 100%;
    }

    .architects-bottomlink{
        padding:120px 0 60px;
    }

    .architects-bottomlink__banner{
        padding:60px 20px;
    }
    .architects-bottomlink__banner__bg{
        border-radius:0;
    }
    .architects-bottomlink__banner__subtitle{
        font-size:7vw;
    }
    .architects-bottomlink__banner__title{
        margin-top:50px;
        font-size:6vw;
        white-space:wrap;
    }
    .architects-bottomlink__banner__text{
        font-size:14px;
        margin:30px 0 60px;
    }
    .architects-bottomlink__banner__anker{
        font-size:18px;
        padding:14px 0;
    }

    /* CONTACT */
    .form-dls dl{
        flex-wrap:wrap;
        gap:6px;
    }
    .form-dls dl dt,
    .form-dls dl dd{
        width:100%;
        font-size:15px;
    }

    .form-submits input{
        width:100%;
        font-size:18px;
        padding:0.7em 1em !important;
    }
    .editor-content p, .editor-content li, .editor-content span,
    .wpcf7 form .wpcf7-response-output{
        font-size:14px;
    }


    .wp-pagenavi span, .wp-pagenavi a{
        width:22px;
        height:22px;
        font-size:13px;
    }


    /* COMPANY */
    .company-overviews dl{
        flex-wrap:wrap;
    }
    .company-overviews dl dt,
    .company-overviews dl dd{
        width:100%;
        font-size:14px;
    }
    .company-overviews dl dt{
        border-bottom:1px solid #CCC;
        background:var(--color-gray);
        color:#FFF;
    }
    .company-s02__text{
        font-size:14px;
    }

    .company-movsec__title__num{
        font-size:18px;
    }
    .company-movsec__title__jp{
        font-size:20px;
    }

    .company-movies{
        grid-template-columns:1fr;
    }
    .company-movie__title{
        font-size:17px;
    }
    .company-movie__modalanker a{
        font-size:15px;
    }
    .company-movie__modal{
        padding:20px;
    }
    .company-movie__modal__content__flex{
        flex-wrap:wrap;
        gap:20px;
    }
    .company-movie__modal__thumbnail{
        margin:0 auto;
    }
    .company-movie__modal__info{
        width:100%;
    }
    .company-movie__modal__role{
        font-size:14px;
    }
    .company-movie__modal__name__jp{
        font-size:20px;
    }
    .company-movie__modal__name__en{
        font-size:12px;
    }
    .company-movie__modal__text{
        font-size:14px;
    }





}

@media only screen and (max-width:480px){
    /* TOP MV カクツキ防止 */
    .top-mv__bg img{
        height:670px;
        min-height:670px;
        /*
        height: -webkit-fill-available;
        */
    }
    .top-mv__content>*{
        min-height:670px;
    }
    .top-mv__content__01{
        margin-top:-670px;
    }

    /* MODELHOUSE */
    .modelhouse-mv .common-mv__title{
        color:#FFF;
    }
}