@charset 'UTF-8';


@media only screen and (min-width:1025px){
    .maintenance-section__imgs{
        transform:translateY(-12rem);
    }
}

/*****************************************1440px**/
@media only screen and (max-width:1440px){
    /* FOOTER */
    .main-footer__menu--company{
        width:65%;
    }
    .main-footer__menu--contact{
        width:35%;
    }
}


/*****************************************1024px**/
@media only screen and (max-width:1024px){
    :root{
        --wrapwide:100%;
    }
    .wrap,
    body.home .wrap{
        width:100%;
        max-width:100%;
    }

    .padding-tb{
        padding:80px 0;
    }
    .padding-t{
        padding-top:80px;
    }
    .padding-b{
        padding-top:80px;
    }

    /* HEADER */
    .main-header__logo.pagelogo .site-logo img{
        width:130px;
    }
    .main-header__logo:not(.pagelogo) .site-logo img{
        width:90px;
    }
    .main-header.drawer-opened .main-header__logo.pagelogo .site-logo img,
    .main-header.scrolled .main-header__logo.pagelogo .site-logo img{
        width:130px;
    }
    .main-header.drawer-opened .main-header__logo:not(.pagelogo) .site-logo img,
    .main-header.scrolled .main-header__logo:not(.pagelogo) .site-logo img{
        width:70px;
    }

    /* FOOTER */
    .footer-maintenancebanner__title--en{
        font-size:55px;
    }
    .footer-maintenancebanner__title--jp{
        font-size:32px;
    }
    .footer-maintenancebanner__fieldtext.n1{
        left:10px;
    }
    .footer-maintenancebanner__fieldtext.n2{
        right:10px;
    }

    .main-footer__menu{
        height:230px;
        padding-top:40px;
    }
    .main-footer__menu--company__title{
        font-size:32px;
    }
    .main-footer__menu--company__title--jp{
        font-size:16px;
    }
    .main-footer__menu--contact__title{
        font-size:16px;
        line-height:inherit;
        margin-bottom: 6.8rem;
    }
    .main-footer__menu--contact__link a{
        font-size:32px;
    }

    .main-footer__infos{
        padding:30px 20px;
    }
    .main-footer__logo img{
        width:80px;
    }
    .main-footer__info__subtitle{
        font-size:12px;
    }
    .main-footer__info__title{
        font-size:14px;
    }
    .main-footer__info__address{
        font-size:12px;
    }
    .main-footer__bottom__sns{
        width:50px;
    }
    .main-footer__copyright{
        margin-top:20px;
        font-size:12px;
    }


    /* TOP */
    .top-headline{
        padding:30px;
        min-width:320px;
        max-width:540px;
    }
    .top-headline__date{
        font-size:16px;
    }
    .top-headline__title{
        font-size:22px;
    }

    .tpo-mv__title{
        font-size:40px;
    }

    .top-topics__title{
        margin-bottom:80px;
    }
    .top-topics__title--en{
        font-size:28px;
    }
    .top-topics__title--jp{
        font-size:32px;
    }

    .topics-articles{
        grid-template-columns:repeat(2,1fr);
        gap:60px 20px;
    }
    .topics-article__metas{
        margin-top:20px;
        gap:16px;
    }
    .top-topics__vm{
        margin-top:80px;
    }
    .topics-article__cat{
        font-size:18px;
    }
    .topics-article__date{
        font-size:16px;
    }
    .topics-article__title{
        font-size:20px;
        margin-top:18px;
    }

    .top-concept__title{
        font-size:32px;
        margin-bottom:80px;
    }
    .top-concept__flex__content{
        width:100%;
        margin-bottom:100px;
    }
    .top-concept__maintext{
        font-size:18px;
    }
    .top-concept__flex__img{
        width:100%;
    }
    .top-concept__mainimg img{
        transform:none;
    }

    .top-works__title{
        margin-bottom:80px;
    }
    .top-works__title--jp{
        font-size:32px;
    }
    .top-works__title--en{
        font-size:28px;
    }
    .top-works__vm{
        margin-top:80px;
    }

    .works-articles{
        grid-template-columns:repeat(2,1fr);
        gap:60px 20px;
    }
    .works-article__date{
        margin-top:10px;
        font-size:16px;
    }
    .works-article__title{
        font-size:18px;
    }
    .works-article__modal{
        width:100%;
    }
    .works-article__modal__closebtn{
        right:20px;
    }

    .top-secret__title--jp{
        font-size:32px;
    }
    .top-secret__title--en{
        font-size:28px;
    }
    .top-secret-s1{
        justify-content:center;
        margin-top:60px;
    }
    .top-secret-s1__title{
        font-size:50px;
    }
    .top-secret-h4title span,
    .top-secret-s2__l__title span{
        font-size:28px;
    }
    .top-secret-s1__titleimg__title{
        margin-right:20%;
        margin-bottom:20px;
        font-size:32px;
    }
    .top-secret-textbox{
        font-size:18px;
        max-width:unset;
    }
    .top-secret-s2__l__title{
        justify-content:center;
    }
    .top-secret-s2__r__mainbox{
        flex-wrap:wrap;
    }
    .top-secret-s2__r__mainbox__img{
        width:100%;
    }
    .top-secret-s2__r__mainbox__text,
    .top-secret-textbox.top-secret-s2__textbox{
        width:100%;
        max-width:100%;
    }
    .top-secret-s2__r__hvimg{
        right:0;
    }


    /* PAGE MV */
    .page-mv__title--text{
        font-size:32px;
    }
    .page-mv{
        padding:300px 0 50px;
    }
    .page-mv.short-mv{
        padding:200px 0 50px;
    }

    /* CONCEPT */
    .concept-philosophy__title--jp{
        font-size:30px;
    }
    .concept-philosophy__title--en{
        font-size:12px;
    }
    .concept-philosophy__text{
        font-size:18px;
        margin-top:80px;
    }
    .concept-points__title--jp{
        font-size:28px;
    }
    .concept-points__text{
        font-size:18px;
    }
    .concept-points__img img{
        max-width:100%;
    }
    .concept-mv02__title{
        font-size:32px;
    }
    .concept-content__titles span{
        font-size:28px;
    }
    .concept-content__block{
        width:80%;
    }
    .concept-content__text{
        font-size:18px;
    }
    .concept-content__attentions{
        font-size:14px;
    }

    /* SECRET */
    .secret-mv__title--jp{
        font-size:32px;
    }
    .secret-mv__title--en{
        font-size:26px;
    }
    .common-sectitle__en{
        font-size:22px;
    }
    .common-sectitle__en span{
        font-size:22px;
    }
    .common-sectitle__jp{
        font-size:32px;
    }
    .maintenance-section{
        overflow:hidden;
    }
    .maintenance-section__flex{
        margin-top:40px;
        gap:40px;
    }
    .maintenance-section__flex__text{
        width:100%;
    }
    .maintenance-section__flex__imgs{
        width:100%;
    }
    .secret-section__mainlist li{
        font-size:18px;
    }
    .maintenance-section__maintext{
        font-size:16px;
    }
    .secret-section__hv.n1 img,
    .secret-section__hv.n3 img{
        width: 50%;
        margin-left: 25%;
    }
    .secret-section__hv.n2 img{
        width:50%;
        margin-right:25%;
    }

    /* MAINTENANCE */
    .maintenance-mv__title--en{
        font-size:48px;
    }
    .maintenance-mv__title--jp{
        font-size:32px;
    }
    .maintenance-mv__text{
        font-size:18px;
    }
    .maintenance-mv__fieldtext span{
        font-size:20px;
    }
    .maintenance-section__attentions li{
        font-size:14px;
    }

    /* ARCHITECTS */
    .architects-pagetitle__jp{
        font-size:32px;
    }
    .architects-pagetitle__en{
        font-size:20px;
    }
    .architects-menu a{
        width:200px;
        padding:20px 0;
    }
    .architects-menu__name{
        font-size:20px;
    }
    .architects-menu__enname{
        font-size:14px;
    }
    .architects-menu__icon{
        margin-top:10px;
        width:20px;
        height:10px;
    }

    .architects-prof__flex__img{
        width:40%;
    }
    .architects-prof__flex__content{
        width:50%;
    }
    .architects-prof__img__name{
        left:6%;
        font-size:72px;
    }
    .architects-prof__content__maintext{
        font-size:26px;
    }
    .architects-prof__flex.n1 .architects-prof__content__profbox{
        width:100%;
        max-width:260px;
    }
    .architects-prof__content__profbox__name{
        font-size:18px;
    }
    .architects-prof__content__profbox__title{
        font-size:18px;
    }
    .architects-prof__content__profbox__list dl dt, .architects-prof__content__profbox__list dl dd{
        font-size:12px;
    }
    .architects-articles{
        overflow:hidden;
    }
    .architects-article:not(:last-child){
        margin-bottom:80px;
    }
    .architects-article__flex{
        gap:40px;
    }
    .architects-article__flex__content{
        width:100%;
    }
    .architects-article__flex__imgs{
        width:100%;
    }
    .architects-article__title{
        font-size:24px;
    }
    .architects-article__text{
        font-size:16px;
    }

    .architects-visuals.n1{
        overflow:hidden;
    }
    .architects-v-title span{
        font-size:32px;
    }
    .architects-v-t.wide{
        max-width:100%;
    }
    .artchitects-v-tbig{
        font-size:18px;
        max-width:100%;
    }
    .architects-v-t{
        font-size:16px;
        max-width:100%;
    }
    .architects-v1-s1{
        flex-wrap:wrap;
        gap:40px;
    }
    .architects-v1-s1__l,
    .architects-v1-s1__r{
        width:100%;
    }
    .architects-v1-s2{
        padding-top:40px;
        flex-wrap:wrap;
        gap:40px;
    }
    .architects-v1-s2__l,
    .architects-v1-s2__r{
        width:100%;
    }
    .architects-v1-s2__title span{
        font-size:28px;
    }
    .architects-v1-s2__imgt{
        display:none;
    }
    .architects-v1-s2__title{
        position:relative;
    }

    .architects-prof__content__profbox{
        width:260px;
    }
    .architects-prof__flex.n2 .architects-prof__content__maintext{
        left:40px;
    }

    .architects-visuals.n2{
        overflow:hidden;
    }
    .architects-v2-s1,
    .artchitects-v2-s2{
        flex-wrap:wrap;
        gap:40px;
    }
    .architects-v2-s1__l,
    .architects-v2-s1__m,
    .architects-v2-s1__r,
    .architects-v2-s2__l,
    .architects-v2-s2__m,
    .architects-v2-s2__r{
        width:100%;
    }
    .architects-v2-s1__title span{
        font-size:42px;
    }
    .architects-v2-s1__m__title span{
        font-size:32px;
    }
    .architects-v2-s1__r__img {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        text-align: center;
        margin-top: 6rem;
    }
    .architects-v2-s1__r__img img{
        max-width:50%;
    }
    .architects-v2-s3{
        width:100%;
    }


    /* DIALOGUE */
    .dialogue-menus{
        gap:40px;
    }
    .dialogue-menu__num{
        font-size:32px;
        margin-bottom:12px;
    }
    .dialogue-menu__thumb{
        width:280px;
    }
    .dialogue-menu__thumb::before{
        width:30px;
        height:30px;
        bottom:-1px;
        right:-1px;
    }

    .dialogue-d1__mv{
        margin-top:120px;
    }
    .dialogue-d1__mv__title{
        width:320px;
        top:-120px;
        left:0;
    }
    .dialogue-d1__mv__info{
        position:relative;
        padding:30px;
        width:100%;
        max-width:420px;
        margin-left:auto;
        margin-top:-20px;
    }
    .dialogue-d1__mv__info__titlep{
        font-size:16px;
    }
    .dialogue-d1__mv__info__title{
        font-size:20px;
    }
    .dialogue-d1__mv__info__text{
        font-size:16px;
    }

    .dialogue-d1__mvbottom{
        padding-top:80px;
        padding-right:0;
    }
    .dialogue-d1__mvbottom__title{
        font-size:28px;
    }
    .dialogue-d1__mvbottom__text{
        font-size:18px;
    }

    .dialogue-d1__article:not(:first-child){
        margin-top:80px;
    }
    .dialogue-d1__article.n1{
        gap:40px;
    }
    .dialogue-d1__article.n1 .dialogue-d1__article__img,
    .dialogue-d1__article.n1 .dialogue-d1__article__content{
        width:100%;
    }
    .dialogue-d1__article__title{
        font-size:28px;
        margin-bottom:18px;
    }
    .dialogue-d1__article__text{
        font-size:18px;
    }
    .dialogue-d1__article.n2 .dialogue-d1__article__img img,
    .dialogue-d1__article.n3 .dialogue-d1__article__img img{
        width:100%;
        max-width:100%;
    }

    .dialogue-d2{
        overflow:hidden;
    }
    .dialogue-d2-article{
        grid-template-columns:1fr;
        gap:0;
    }
    .dialogue-d2-article__text{
        font-size:18px;
    }
    .dialogue-d2-article__title span{
        font-size:26px;
    }
    .dialogue-d2-article__title.n1 span:nth-of-type(1) {
        margin-bottom: 1em;
        margin-right: 3em;
    }
    .dialogue-d2-article__img__l,
    .dialogue-d2-article__img__l2{
        margin-bottom:60px;
    }
    .dialogue-d2-article__img__r2 img{
        width: 100%;
        margin-left: 0;
    }
    .dialogue-d2-a3__title{
        position:relative;
    }
    .dialogue-d2-a3__title{
        left:6rem;
    }
    .dialogue-d2-a3-titlebox{
        order: 0;
        padding-bottom: 10rem;
    }
    .dialogue-d2-a5__title{
        position:relative;
    }
    .dialogue-d2-article__title.n3{
        position:relative;
    }
    .dialogue-d2-a6__title{
        top:0;
        left:0;
        margin-bottom:60px;
    }


    /* COMPANY */
    .company-profile__flex{
        gap:60px;
    }
    .company-profile__flex__content{
        width:100%;
    }
    .company-profile__dls dl{
        padding:10px 0;
    }
    .company-profile__dls dl dt{
        width:240px;
    }
    .company-profile__dls dl dd{
        width:calc(100% - 240px);
    }
    .company-profile__dls dl dt, .company-profile__dls dl dd{
        font-size:18px;
    }
    .company-access__mapinfo__address{
        font-size:22px;
    }


    /* TOPICS */
    .single-head__metas{
        gap:10px;
        margin-bottom:16px;
    }
    .single-head__cat{
        font-size:18px;
    }
    .single-head__date{
        font-size:18px;
    }
    .single-head__title{
        font-size:28px;
    }

    .single-head{
        padding-bottom:50px;
        margin-bottom:50px;
    }
    .single-reserve{
        padding:50px 0;
        margin:50px 0;
    }

    .editor-content{
        font-size:8px;
    }
    .editor-content>*:not(:last-child){
        margin-bottom:20px;
    }
    .editor-content p,
    .editor-content li,
    .editor-content span{
        font-size:2em;
    }
    .editor-content>h1,
    .editor-content>h2,
    .editor-content>h3,
    .editor-content>h4,
    .editor-content>h5,
    .editor-content>h6{
        font-weight:bold;
    }
    .editor-content>h1{
        font-size:3.8em;
    }
    .editor-content>h2{
        font-size:2.8em;
    }
    .editor-content>h3{
        font-size:2.8em;
    }
    .editor-content>h4{
        font-size:2.2em;
    }
    .editor-content>h5{
        font-size:1.8em;
    }
    .editor-content>h6{
        font-size:1.4em;
    }


    /* RESERVE */
    .single-reserve__title{
        font-size:20px;
        margin-bottom:0.5em;
    }
    .single-reserve__text{
        font-size:16px;
        margin-bottom:2em;
    }
    .reservation-sec__calendar-desc{
        gap:12px;
        justify-content:flex-end;
    }
    .reservation-sec__calendar-desc__text{
        font-size:18px;
    }
    .reservation-sec__calendar{
        position:relative;
        margin-top:10px;
        font-size:10px;
        overflow-x:scroll;
        padding-left:100px;
    }
    .reservation-sec__calendar-time p, .reservation-sec__calendar-table th, .reservation-sec__calendar-table td{
        font-size:20px;
        height:60px;
        width:100px;
        min-width:100px;
    }
    .reservation-sec__calendar-time{
        padding-top:60px;
        position:absolute;
        top:0;
        left:0;
    }
    .reservation-sec__calendar-table{
        overflow:scroll;
    }
    .reservation-sec__calendar-table table{
        width:calc(100px * 31) !important;
    }
    .reservation-sec__calendar-current{
        font-size:20px;
        margin:1em 0;
    }
    .reservation-sec__view-more__inner button{
        gap:20px;
        font-size:22px;
        padding:18px 36px;
    }
    .reservation-sec__view-more__inner button span{
        font-size:22px;
    }


    /* FORM */
    .form-dls dl{
        padding:30px 0;
    }
    .form-dls dl dt,
    .form-dls dl dd{
        width:100%;
    }
    .wpcf7-list-item{
        font-size:14px !important;
        margin-left:0;
    }

    .wpcf7-not-valid-tip{
        font-size:14px !important;
        margin-top:1em;
    }

    form input[type="submit"], form button{
        font-size:18px;
    }


    /* WORKS */
    .works-archive__categories{
        gap:18px;
    }
    .works-archive__category a{
        font-size:18px;
    }
    .works-article__modal{
        max-height:720px;
    }


    /* RECRUIT */
    .recruit-menu__toggler{
        width:240px;
        height:50px;
        font-size:24px;
    }
    .recruit-tab__maintext{
        font-size:18px;
    }
    .recruit-tab__dls>dl>dt{
        font-size:19px;
    }
    .recruit-tab__dls>dl>dd{
        font-size:18px;
    }
    .recruit-tab__bottomtext{
        font-size:18px;
    }


}


.sp_only{
    display:none;
}

/*****************************************767px**/
@media only screen and (max-width:767px){
    .pc_only{
        display:none;
    }
    .sp_only{
        display:block;
    }
    .wrap, body.home .wrap{
        overflow:visible;
    }

    :root{
        --px10:5px;
    }

    /* COMMON PARTS */
    .main-vm a{
        font-size:16px;
    }

    /* HEADER */
    .main-header__logo,
    .main-header__logo.pagelogo,
    .main-header.drawer-opened .main-header__logo, .main-header.scrolled .main-header__logo{
        padding-top:10px;
        padding-left:10px;
    }
    .site-logo img{
        width:50px;
    }
    .main-header.drawer-opened .site-logo img, .main-header.scrolled .site-logo img{
        width:50px;
    }
    .main-toggler__text{
        font-size:16px;
    }

    /* DRAWER */
    .main-drawer{
        max-width:100%;
        padding:80px 20px 0;
    }
    .main-drawer__inner{
        padding-bottom:160px;
    }
    .main-drawer__menu__en,
    .main-drawer__menu__jp{
        text-align:center;
    }
    .main-drawer__menu:not(:last-child)::after{
        right:unset;
        left:calc(50% - 30px);
    }


    /* FOOTER */
    .footer-maintenancebanner{
        padding:50px 0;
    }
    .footer-maintenancebanner__title--en{
        font-size:6vw;
    }
    .footer-maintenancebanner__title--jp{
        font-size:28px;
    }
    .footer-maintenancebanner__fieldtexts{
        display:none;
    }

    .main-footer__menus{
        display:none;
    }
    .main-footer__infos{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px;
    }
    .main-footer__logos{
        gap:20px;
    }
    .main-footer__info__subtitle{
        font-size:10px;
    }
    .main-footer__info__title{
        font-size:12px;
    }
    .main-footer__info__address{
        font-size:10px;
    }
    .main-footer__bottom__snses{
        gap:12px;
    }
    .main-footer__bottom__sns{
        width:30px;
    }
    .main-footer__copyright{
        font-size:10px;
    }


    /* TOP */
    .top-headline{
        width:100%;
        min-width:100%;
        max-width:100%;
        padding:20px;
        background:transparent;
    }
    .top-headline__date{
        font-size:12px;
    }
    .top-headline__title{
        font-size:16px;
    }
    .top-headline__vm{
        margin-top:12px;
    }

    .tpo-mv__title{
        font-size:6vw;
        height:8em;
    }

    .top-topics__title--en{
        font-size:18px;
    }
    .top-topics__title--jp{
        font-size:20px;
    }

    .topics-articles{
        grid-template-columns:1fr;
    }
    .topics-article__cat{
        font-size:14px;
    }
    .topics-article__date{
        font-size:14px;
    }
    .topics-article__title{
        font-size:16px;
    }

    .top-secret-s1__title{
        font-size:38px;
    }
    .top-concept__title{
        font-size:20px;
        margin-bottom:40px;
    }
    .top-concept__maintext{
        font-size:16px;
        line-height:3;
    }
    .top-concept__vm{
        margin-top:40px;
    }

    .top-works__title--jp{
        font-size:20px;
    }
    .top-works__title--en{
        font-size:18px;
    }

    .works-articles{
        grid-template-columns:1fr;
    }
    .works-article__date{
        font-size:14px;
    }
    .works-article__title{
        font-size:16px;
    }


    .top-secret{
        overflow:hidden;
    }
    .top-secret__title--jp{
        font-size:20px;
    }
    .top-secret__title--en{
        font-size:18px;
    }
    .top-secret-textbox{
        font-size:14px;
    }

    .top-secret-s2__r__mainbox__img img{
        width:100%;
    }

    .top-architect{
        height:auto;
    }
    .top-architect__imgs{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }
    .top-architect__title{
        top:10vw;
        left:50%;
        transform:translateX(-50%);
        font-size:6vw;
    }
    .top-architect__imgs__title{
        position:absolute;
        z-index:2;
        top:60vw;
        left:50%;
        transform:translateX(-50%);
    }
    .top-architect__person,
    .top-architect__img{
        width:100% !important;
        position:relative;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
    }
    .top-architect__person img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        aspect-ratio:0.6;
    }
    .top-architect__img img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        aspect-ratio:2;
    }
    .top-architect__link.link01{
        top:120vw;
        left:50%;
        transform:translateX(-50%);
    }
    .top-architect__link.link02{
        top:160vw;
        left:50%;
        transform:translateX(-50%);
    }
    .top-architect__vm{
        bottom:50px;
    }
    .top-architect__link__name em{
        font-size:20vw;
        line-height:1.07;
    }
    .top-architect__link__name{
        font-size:14vw;
    }



    /* PAGE MV */
    .page-mv{
        padding:200px 0 50px;
    }
    .page-mv.short-mv{
        padding:120px 0 50px;
    }
    .page-mv__title--text{
        font-size:24px;
    }


    /* CONCEPT */
    .concept-philosophy__text{
        font-size:14px;
        line-height:2.2;
    }
    .concept-points__title--jp{
        font-size:20px;
    }
    .concept-points__text{
        font-size:14px;
        line-height:2.2;
    }

    .concept-mv02{
        margin-bottom:150px;
    }
    .concept-mv02__title{
        left:50%;
        transform:translate(-50%,50%);
    }

    .concept-content__block{
        width:100%;
    }
    .concept-content__text{
        font-size:16px;
    }
    .concept-content__bigimg.n1{
        margin-top:40px;
    }

    .concept-content__titles.n2 span:nth-of-type(2){
        margin-left:2em;
    }


    /* WORKS */
    .works-archive__category a{
        font-size:15px;
    }

    .works-article__modal__window{
        padding:30px 20px;
    }
    .works-article__modal__title{
        font-size:18px;
    }
    .works-article__modal__flex{
        flex-wrap:wrap;
    }
    .works-article__modal__flex__slider,
    .works-article__modal__flex__content{
        width:100%;
    }
    .works-article__modal__innertext>*,
    .works-article__modal__data dl dt, .works-article__modal__data dl dd{
        font-size:14px;
    }


    /* SECRET */
    .secret-mv__title--jp{
        font-size:20px;
    }
    .secret-mv__title--en{
        font-size:18px;
    }
    .common-sectitle__en{
        font-size:18px;
    }
    .common-sectitle__jp{
        font-size:20px;
    }

    .secret-section__mainlist li{
        font-size:16px;
    }
    .maintenance-section__maintext{
        font-size:14px;
    }

    .secret-section__hv.n1 img, .secret-section__hv.n3 img{
        width:100%;
        margin-left:0;
    }
    .secret-section__hv.n2 img{
        width:100%;
        margin-right:0;
    }


    /* MAINTENANCE */
    .maintenance-mv__title--en{
        font-size:18px;
    }
    .maintenance-mv__title--jp{
        font-size:20px;
    }
    .maintenance-mv__text{
        font-size:15px;
    }


    /* ARCHITECTS */
    .architects-pagetitle{
        margin-bottom:50px;
    }
    .architects-pagetitle__jp{
        font-size:24px;
    }
    .architects-pagetitle__en{
        font-size:16px;
    }
    .architects-menu{
        width:50%;
        max-width:200px;
    }
    .architects-menu a{
        width:100%;
    }
    .architects-prof{
        overflow:hidden;
    }
    .architects-prof__flex__img,
    .architects-prof__flex__content{
        width:100%;
    }
    .architects-article__title{
        font-size:20px;
    }
    .architects-v1-s1__l__title span:nth-of-type(2){
        margin-left:2em;
    }
    .artchitects-v-tbig{
        font-size:16px;
    }
    .architects-v1-s1__l__imgs{
        margin-top:40px;
        grid-template-columns:1fr;
    }
    .architects-v1-s2__r__bg{
        display:none;
    }

    .architects-prof__flex.n2 .architects-prof__content__maintext{
        left:0;
    }
    .architects-prof__flex.n1 .architects-prof__content__profbox{
        margin-left:0;
        width:180px;
    }
    .architects-prof__content__profbox{
        position:relative;
        width:180px;
        left:50%;
        transform:translateX(-50%);
    }
    .architects-v2-s3{
        grid-template-columns:1fr;
    }


    /* DIALOGUE */
    .dialogue-menus{
        flex-wrap:wrap;
        gap:20px;
    }

    .dialogue-d1__mv{
        margin-top:0;
    }
    .dialogue-d1__mv__title{
        position:relative;
        width:100%;
        margin:0 auto;
        text-align:center;
        top:0;
        left:0;
        margin-bottom:60px;
    }
    .dialogue-d1__mv__title img{
        max-width:200px;
    }
    .dialogue-d1__mv__img img{
        aspect-ratio:1;
        height:auto;
        object-fit:cover;
        object-position:top center;
    }
    .dialogue-d1__mv__info{
        margin-top:20px;
        padding:20px;
    }
    .dialogue-d1__mv__info__titlep{
        font-size:14px;
    }
    .dialogue-d1__mv__info__title{
        font-size:16px;
    }
    .dialogue-d1__mv__info__text{
        font-size:12px;
    }

    .dialogue-d1__mvbottom__title{
        font-size:20px;
    }
    .dialogue-d1__mvbottom__text{
        font-size:16px;
    }

    .dialogue-d1__article__title{
        font-size:18px;
    }
    .dialogue-d1__article__text{
        font-size:14px;
    }

    .dialogue-d1__article__img.n2{
        max-width:100%;
    }

    .dialogue-d2-a1-titlebox{
        padding-top: 40px;
        order: 0;
        margin-bottom: 40px;
    }
    .dialogue-d2-article__title.n1{
        position:relative;
        right:0;
        top:0;
        margin-bottom:40px;
    }

    .dialogue-d2-article__text{
        font-size:14px;
    }
    .dialogue-d2-article__title span{
        font-size:20px;
    }
    .dialogue-d2-a2-titlebox{
        padding-top: 120px;
    }
    .dialogue-d2-a2__title{
        top:6rem;
    }
    .dialogue-d2-a4{
        margin-top:40px;
    }
    .dialogue-d2-a4__title{
        left:0;
    }
    .dialogue-d2-a3-titlebox{
        padding-top:80px;
    }
    .dialogue-d2-a5{
        margin-top:40px;
    }
    .dialogue-d2-a5-titlebox{
        padding-top:40px;
    }
    .dialogue-d2-a5__title{
        left:0;
    }


    /* COMPANY */
    .company-profile__dls dl{
        flex-wrap:wrap;
    }
    .company-profile__dls dl:not(:has(dt)){
        border-top:0;
        padding-top:0;
        margin-top:-10px;
    }
    .company-profile__dls dl dt{
        font-weight:bold;
    }
    .company-profile__dls dl dt,
    .company-profile__dls dl dd{
        width:100%;
        font-size:16px;
    }
    .company-access__mapinfo__address{
        font-size:18px;
    }

    .company-access__mapinfo__map iframe{
        height:400px;
    }


    /* TOPICS */
    .archive-categories__ul{
        gap:6px;
    }
    .archive-categories__ul li a{
        font-size:14px;
        padding:1px 14px;
    }
    .single-head{
        padding-bottom:20px;
        margin-bottom:20px;
    }
    .single-head__cat{
        font-size:13px;
    }
    .single-head__date{
        font-size:12px;
    }
    .single-head__title{
        font-size:20px;
    }

    .single-reserve{
        padding:20px 0;
        margin:20px 0;
    }

    .editor-content{
        font-size:6px;
    }

    /* RESERVER */
    .single-reserve__title{
        font-size:20px;
    }
    .single-reserve__text{
        font-size:16px;
    }
    .reservation-sec__calendar-desc__text{
        font-size:16px;
    }
    .reservation-sec__calendar-time p, .reservation-sec__calendar-table th, .reservation-sec__calendar-table td{
        width:70px;
        min-width:70px;
        height:45px;
        font-size:16px;
    }
    .reservation-sec__calendar-table th{
        font-size:13px;
    }
    .reservation-sec__calendar-time p{
        width:60px;
        min-width:60px;
        font-size:13px;
    }
    .reservation-sec__calendar-time{
        padding-top:45px;
    }
    .reservation-sec__calendar{
        padding-left:60px;
    }
    .reservation-sec__calendar-table table{
        width:calc(70px * 31) !important;
    }
    .reservation-sec__calendar-current{
        font-size:16px;
    }

    .reservation-sec__view-more__inner button{
        padding:10px 20px;
        font-size:20px;
    }
    .reservation-sec__view-more__inner button span{
        font-size:18px;
    }

    .table-grad:after{
        display:none;
    }


    /* FORM */
    .contact-form>h3{
        font-size:20px;
    }
    .form-dls dt{
        font-size:15px;
    }
    .form-dls dt span.must{
        font-size:12px;
        width:40px;
        height:24px;
    }

    .swiper-wrapper img{
        width:100%;
    }


    /* RECRUIT */
    .recruit-menu__toggler{
        width:120px;
        height:40px;
        font-size:18px;
    }
    .recruit-tab__maintext{
        font-size:14px;
    }
    .recruit-tab__dls>dl>dt{
        font-size:15px;
    }
    .recruit-tab__dls>dl>dd{
        font-size:14px;
    }
    .recruit-tab__bottomtext{
        font-size:14px;
    }



    /* SP CONV */
    body.home{
        padding-bottom:60px;
    }
    .sp-conversionarea{
        position:fixed;
        z-index:99;
        bottom:0;
        left:0;
        width:100%;
        height:60px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--color-base);
        transform:translateY(101%);
        transition:all 0.3s;
    }
    .sp-conversionarea.scrolled{
        transform:translateY(0);
    }
    .sp-conversionarea__link a{
        color:#FFF;
        font-size:14px;
        font-weight:bold;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        width:100%;
        height:40px;
    }
    .sp-conversionarea__link a svg{
        fill:#FFF;
        width:16px;
    }



}