@charset "utf-8";


@media screen and (max-width: 1640px) {
    :root{
        --header-width: 75px;
        --wrap: 1280px;
    }


    /* HEADER */
    #fixed-contact a{
        line-height: 72px;
        width: 130px;
    }


    /* FOOTER */
    .footer-bottom__flex{
        justify-content: center;
        gap: 50px 0;
    }


    /* ASIDE */
    #aside ul li a{
        height: 160px;   
    }
    #aside ul li a{
        font-size: 14px;
    }
    #aside ul li a small{
        font-size: 9px;
    }


    /* TOP */
    .top-event__grid-item__flex-box__date{
        font-size: 20px;
    }
    .top-event__grid-item__flex-box__date .year{
        font-size: 16px;
        margin-right: 6px;
    }
    .top-event__grid-item a{
        padding: 10px;
    }
    .top-event__grid-item__flex-box{
        padding-left: 20px;
    }
    .top-modelhouse__flex-box{
        max-width: 720px;
    }
    .top-modelhouse__flex-box__item-name{
        margin: 5px 0;
        font-size: 18px;
    }
    .top-modelhouse__flex-box__item-btn{
        margin-top: 20px;
    }
    .top-modelhouse__flex-box__item-btn a{
        font-size: 14px;
    }
    .top-modelhouse__content-flex__side{
        max-width: 200px;
    }
    .top-modelhouse__content-flex__main{
        max-width: calc(100% - 200px);
    }
    .top-concept__lead{
        font-size: 48px;
    }
    .top-concept__flex-box{
        max-width: 500px;
    }
    .top-concept__flex-box__copy img{
        width: 460px;
    }
    .top-concept__flex-box__text{
        font-size: 26px;
    }
    .top-concept__flex-img{
        max-width: calc(100% - 500px);
    }
    .top-lineup__box-price{
        font-size: 16px;
        letter-spacing: 0;
    }
    .top-lineup__box-price span{
        font-size: 28px;
    }
    .top-lineup__box{
        padding: 20px 20px 50px;
    }


    /* QUALITY & TECHNOLOGY */
    .quality-anchor__flex-link a{
        height: 75px;
        padding: 10px 0 10px 30px;
    }
    .quality-anchor__flex-title{
        padding: 26px 0 26px 30px;
    }
    .quality-anchor__flex-title__en{
        font-size: 36px;
    }
    .quality-anchor__flex-title__text{
        font-size: 14px;
    }


    /* CONCEPT */
    .concept-sec01__grid-ttl__text{
        font-size: 40px;
    }
    .concept-sec01__grid-ttl__sub{
        font-size: 28px;
    }
    .concept-sec01__grid-ttl__copy img{
        width: 350px;
    }
}

@media screen and (max-width: 1400px) {
    :root{
        --wrap: 1100px;
    }


    .modelhouse-archive-sec__list{
        grid-template-columns: repeat(2,1fr);
    }
    .works-card__content{
        padding: 15px 20px;
    }
    .quality-anchor__flex-link a span{
        font-size: 18px;
    }
    .quality-anchor__flex-link a{
        font-size: 11px;
        height: 65px;
    }
    .top-modelhouse__content-flex__main-list{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 1199px){
    :root{
        --wrap: 100%;
        --wrap-sm: 100%;
        --space: 20px;
        --space-sm: 20px;
        --padding: 80px;
        --minus-margin: -20px;
    }
    .wrap,
    body.home .wrap,
    #footer .wrap{
        padding: 0 20px;
    }

    .modelhouse-single__img.grid{
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 25px));
        gap: 50px;
    }
    .modelhouse-single__img-thumb{
        grid-template-columns: repeat(5,1fr);
    }
    .modelhouse-single__surrounding-info{
        grid-template-columns: repeat(1,1fr);
    }
    .modelhouse-single__detail-table table th,
    .modelhouse-single__detail-table table td{
        display: block;
        text-align: left;
        width: 100% !important;
    }
    .modelhouse-archive-sec__flex{
        display: block;
    }
    .modelhouse-archive-sec__flex .form-result{
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .modelhouse-archive-sec__flex-bnr{
        margin: 0 auto 40px;
        max-width: 300px;
    }
}

@media screen and (max-width: 991px){
    :root{
        --header-width: 100%;
        --header-height: 70px;
        --font-md-text: 16px;
    }
    body{
        min-width: 320px;
        padding-left: 0;
        padding-top: var(--header-height);
    }

    
    /* HEADER */
    #fixed-logo{
        top: 16px;
        left: 20px;
        z-index: 9999;
    }
    #header{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
        flex-direction: row-reverse;
        height: var(--header-height);
        padding: 0 10px 0 20px;
        border: none;
    }
    .header-hm-wrap{
        position: relative;
        transform: initial;
        top: auto;
        left: auto;
    }
    .header-sns{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        position: initial;
        transform: initial;
    }
    .header-sns li:not(:last-child){
        margin: 0;
    }
    #fixed-contact{
        display: none;
    }

    
    /* DRAWER */
    #drawer{
        padding: 140px 20px 40px;
        overflow-y: scroll;
    }
    .drawer-inner{
        display: block;
        height: auto;
    }
    #drawer ul.sin-ul{
        grid-template-columns: repeat(3,1fr);
    }


    /* ASIDE */
    #aside{
        top: auto;
        bottom: 0;
        width: 100%;
        transform: initial;
        border-top: 1px solid #fff;
    }
    #aside ul{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    #aside ul li:nth-of-type(2){
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;;
    }
    #aside ul li:not(:last-child){
        margin: 0;
    }
    #aside ul li a{
        align-items: flex-start;
        justify-content: center;
        padding: 0 20px;
        -ms-writing-mode: initial;
        writing-mode: initial;
        height: 60px;
    }
    #aside ul li a span{
        transform: translateY(-50%);
        top: 50%;
        right: 15px;
        bottom: auto;
        left: auto;
    }


    /* TOP */
    .mv{
        height: 40vw;
    }
    .mv-text{
        width: 45vw;
    }
    .top-topics__slider-item{
        width: 180px;
    }
    .top-event__grid{
        grid-template-columns: repeat(2,1fr);
    }
    .title{
        margin-bottom: 30px;
    }
    .title-en{
        font-size: 30px;
    }
    .top-concept__lead{
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px;
    }
    .top-concept__flex{
        display: block;
    }
    .top-concept__flex-box__copy img{
        width: 320px;
    }
    .top-concept__flex-box{
        text-align: center;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .top-concept__flex-box__text{
        font-size: 22px;
        margin-top: 40px;
    }
    .top-concept__flex-img{
        max-width: 100%;
        padding: 0;
        height: auto;
    }
    .top-concept__flex-img img{
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .top-finder__flex-box__lead{
        font-size: 30px;
    }
    .top-finder__flex-box__lead br{
        display: none;
    }
    .top-finder__flex{
        display: block;
        margin-bottom: 40px;
    }
    .top-finder__flex-text{
        max-width: 100%;
    }
    .top-finder__flex-box__en{
        margin-top: 10px;
    }
    .top-finder__flex-box{
        margin-bottom: 20px;
    }
    .top-works__slider-item{
        width: 430px;
    }
    .top-works__slider-item__thumb-inner{
        padding-top: 56.25%;
    }
    .contact-cta__text{
        font-size: 24px;
    }
    .contact-cta{
        height: 200px;
    }
    .top-modelhouse__flex{
        display: block;
    }
    .top-modelhouse__flex-box{
        max-width: 100%;
        margin-top: 30px;
    }
    .fixed-bg{
        height: 300px;
    }
    .lineup-sec01__grid{
        grid-template-columns: repeat(2,1fr);
    }
    .top-support__flex{
        display: block;
    }
    .top-support__flex-item{
        max-width: 100%;
        margin-bottom: 30px;
    }
    .top-support__flex-box{
        width: 100%;
        padding: 0;
        grid-template-columns: repeat(3,1fr);
    }
    .top-support__flex-item__lead{
        margin-bottom: 10px;
        font-size: 30px;
    }
    .top-support__flex-item__en{
        margin-bottom: 30px;
    }
    .top-news__list{
        grid-template-columns: repeat(2,1fr);
    }


    /* PAGE */
    .page-first-sec{
        padding-top: 20px;
        margin-bottom: 50px;
    }
    .breadcrumbs{
        position: initial;
        margin-top: 15px;
        padding: 0 20px;
    }
    .breadcrumbs.wh{
        color: var(--base-color);
    }
    .fixed-logo__flex.wh img {
        -webkit-filter: initial;
        -moz-filter: initial;
        -o-filter: initial;
        -ms-filter: initial;
        filter: initial;
    }
    .page-mv{
        margin-top: 10px;
    }
    .anchor-nav ul{
        gap: 10px 20px;
    }


    /* CONCEPT */
    .concept-sec01__grid-ttl__text{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .concept-sec01__grid-ttl__sub{
        font-size: 18px;
    }
    .concept-sec01__grid{
        display: block;
    }
    .concept-sec01__grid-box{
        margin-top: 30px;
        padding: 0;
        border: none;
    }
    .concept-sec02{
        padding-right: 20px;
    }
    .concept-sec06__slider-item{
        width: 220px;
    }


    /* MODELHOUSE */
    .archive-sec__flex{
        display: block;
    }
    .archive-sec__flex-side{
        max-width: 100%;
        margin-bottom: 30px;
    }
    .archive-sec__flex-side::before{
        display: none;
    }
    .archive-sec__flex-side__inner{
        padding: 20px;
        border-radius: 10px;
    }
    .archive-sec__flex-side__box > ul{
        display: flex;
        flex-wrap: wrap;
        gap: 5px 10px;
    }
    .modelhouse-archive-sec .archive-sec__flex-side__box > ul{
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 10px 20px;
    }
    .archive-sec__flex-main{
        max-width: 100%;
    }


    /* WORKS */
    .works-single-slider__item{
        width: 100vw;
    }
    .works-single-slider-wrap{
        margin-bottom: 30px;
    }
    .works-single-slider__thumb{
        margin-top: 10px;
    }
    .single-sec__nav-article{
        position: initial;
        max-width: 100%;
        height: 160px;
    }
    .single-sec__nav-index{
        position: relative;
        transform: initial;
        top: auto;
        left: auto;
        margin: 20px auto;
        text-align: center;
    }
    .single-sec__nav-index a{
        display: inline-block;
    }
    .single-sec__nav-index__text{
        margin-top: 10px;
    }
    .single-sec__nav{
        height: auto;
    }


    /* LINEUP */
    .lineup-sec03__grid{
        grid-template-columns: repeat(1,1fr);
    }
    .lineup-single__body-info__grid{
        grid-template-columns: repeat(1,1fr);
        gap: 30px 0;
    }
    .lineup-single__body-info__grid-img img{
        height: auto;
    }
    .lineup-single__body-info__grid-box{
        padding-left: 0;
        text-align: center;
    }
    .lineup-single__body-info__grid-box__lead{
        font-size: 22px;
    }
    .lineup-single__body-info__grid-box__price span{
        font-size: 36px;
    }
    .lineup-single__body-info__grid-box__price{
        font-size: 20px;
    }
    .lineup-single__body-info__grid-box__price small{
        font-size: 12px;
    }
    .lineup-single__perform-cont__grid{
        grid-template-columns: repeat(2,1fr);
    }
    .lineup-single__body-plan__box-item__ttl span{
        font-size: 60px;
    }
    .lineup-single__body-plan__box-item__ttl{
        font-size: 16px;
    }
    .lineup-single__detail-flex:last-child{
        padding-bottom: 0;
    }
    .lineup-single__detail-flex:first-child{
        padding-top: 0;
    }
    .lineup-single__body-plan__box-sample{
        padding-left: 20px;
    }


    /* AFTER SUPPORT */
    .anchor-nav__box-flex__item-label{
        font-size: 24px;
    }
    .anchor-nav__box-flex__item{
        max-width: 100%;
        margin-bottom: 30px;
    }
    .anchor-nav__box-flex__img{
        max-width: 100%;
        padding-left: 0;
    }


    /* FLOW */
    .flow-sec01__flex{
        display: block;
    }
    .flow-sec01__flex .title{
        margin-left: 0;
    }
    .after-sec01__schedule{
        display: block;
    }
    .after-sec01__schedule-flow dl dt span{
        margin-right: 6px;
    }
    .after-sec02__img{
        margin-top: 30px;
    }
    .after-sec02__app-grid, .after-sec03__app-grid{
        grid-template-columns: repeat(2,1fr);
    }


    /* SINGLE */
    .single-sec__body h2{
        font-size: 20px;
    }
    .single-sec__body > *{
        margin: 30px 0;
    }
    .single-sec__body h3,
    .single-sec__body h4{
        font-size: 18px;
    }


    /* TECHNOLOGY */
    .quality-anchor__flex-title__en{
        font-size: 30px;
    }
    .quality-anchor__flex-title__en,
    .quality-anchor__flex-link a span{
        font-size: 22px;
    }
    .quality-anchor__flex-title{
        background-color: var(--base-color);
        color: #fff;
    }
    .quality-anchor__flex-title,
    .quality-anchor__flex-link a{
        padding: 20px 0 20px 20px;
        height: auto;
        line-height: 1.3;
        font-size: 14px;
    }
    .quality-anchor__flex{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 15px;
    }
    .quality-anchor__flex-title,
    .quality-anchor__flex-link{
        width: 100%;
        border: 1px solid var(--base-color);
    }
    .quality-anchor{
        padding: 20px 0;
    }
    .quality-header__flex-img img{
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        height: auto;
    }
    .quality-header__flex-img{
        max-width: 100%;
        padding-right: 0;
        height: auto;
        margin-bottom: 30px;
    }
    .quality-header__flex-box{
        max-width: 100%;
        padding: 0;
    }
    .quality-header + .quality-body{
        margin-top: 50px;
    }
    .quality-body__vertical-grid__box-ttl{
        font-size: 16px;
    }
    .quality-nav__flex{
        display: block;
    }
    .quality-nav__flex-link{
        max-width: 100%;
        margin-top: 20px;
    }
    .quality-nav__flex-ttl a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .quality-nav__flex-ttl{
        text-align: center;
    }
    .quality-nav__flex-ttl__text{
        line-height: 1;
    }
    .quality-nav__flex-link__item a{
        padding-left: 25px;
    }


    /* TECHNOLOGY STRUCTURE */
    .structure-sec05__cont-grid{
        grid-template-columns: repeat(1,1fr);
    }
}

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

    /* HEADER */
    #header{
        box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .06);
    }
    #fixed-logo img{
        width: 80px;
        top: 14px;
    }
    #drawer ul.sin-ul{
        grid-template-columns: repeat(2,1fr);
        gap: 20px 0;
    }
    #drawer{
        padding-top: 100px;
        overscroll-behavior: none;
    }
    #drawer ul.sin-ul > li > a span{
        font-size: 18px;
    }
    #drawer ul.sin-ul > li > a{
        font-size: 10px;
        line-height: 1.5;
    }
    #drawer ul.sec-ul{
        display: block;
    }


    /* FOOTER */
    #footer{
        margin-top: 100px;
    }
    .footer-contact{
        padding: 40px 0;
    }
    .footer-contact__ttl{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .footer-contact__text{
        margin-bottom: 40px;
    }
    .footer-contact__grid{
        grid-template-columns: repeat(1,1fr);
    }
    .footer-contact__grid-item{
        padding: 25px 0;
    }
    .footer-contact__tel-text a{
        font-size: 28px;
    }
    .footer-contact__form-link a{
        font-size: 14px;
    }
    .footer-bottom__flex-left__menu{
        display: none;
    }
    .footer-bottom{
        padding-top: 40px;
    }
    .footer-bottom__flex{
        display: block;
    }
    .footer-bottom__flex-left__logo{
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-bottom__flex-right{
        grid-template-columns: repeat(2,1fr);
    }
    .footer-bottom__flex-right__link:nth-of-type(2){
        grid-column: initial;
    }
    .footer-bottom__flex-right__link a{
        height: 80px;
        padding-left: 15px;
    }
    .footer-bottom__flex-right__link a span{
        right: 15px;
        width: 26px;
        height: 26px;
    }
    .footer-bottom__flex-right__link a img{
        width: 100px;
    }
    .footer-bottom__flex-left__logo a{
        display: inline-block;
    }
    .footer-bottom__flex-left{
        display: block;
    }
    .footer-contact,
    .fixed-bg__img,
    .concept-sec02__bg,
    .concept-sec04{
        background-attachment: initial;
    }
    #aside ul li a{
        font-size: 12px;
        padding: 0 0 0 15px;
    }
    #aside ul li a span{
        display: none;
    }
    .footer-contact__text{
        text-align: left;
    }
    .footer-contact__text br.s-up{
        display: block;
    }
    .footer-contact__text br{
        display: none;
    }


    /* TOP */
    .mv{
        height: 65vw;
    }
    .mv-text{
        padding-left: 0;
    }
    .top-topics__slider-item{
        width: 140px;
    }
    .top-topics__slider .slick-track{
        padding: 40px 0;
    }
    .top-topics{
        padding-top: 40px;
    }
    .top-slider-nav__arrow{
        width: 40px;
        height: 40px;
    }
    .top-event__grid{
        grid-template-columns: repeat(1,1fr);
    }
    .top-event__grid-item__title{
        line-height: 1.6;
    }
    .top-event__grid-item__area{
        margin-top: 8px;
    }
    .view-more a{
        font-size: 14px;
    }
    .title-en{
        font-size: 24px;
    }
    .top-concept__lead{
        font-size: 22px;
    }
    .top-concept__flex-box__copy img{
        width: 220px;
    }
    .top-concept__flex-box__text{
        margin-top: 20px;
        font-size: 18px;
    }
    .top-finder__flex-box__lead{
        font-size: 20px;
    }
    .top-finder__grid{
        grid-template-columns: repeat(1,1fr);
    }
    .top-works__slider-item{
        width: 230px;
    }
    .works-card__content-title{
        font-size: 13px;
    }
    .works-card__content-client{
        font-size: 11px;
    }
    .top-works__slider .slick-track{
        padding: 20px 0 40px;
    }
    .top-works__flex{
        display: block;
        margin-bottom: 20px;
    }
    .top-works__flex .view-more a{
        margin: 0 auto;
    }
    .contact-cta__text{
        font-size: 16px;
        text-align: center;
        margin-bottom: 20px;
    }
    .contact-cta .view-more a{
        margin: 0 auto;
    }
    .contact-cta{
        height: auto;
        display: block;
        padding: 40px 0;
    }
    .top-voice__slider-item__content-ttl__text{
        font-size: 16px;
    }
    .top-modelhouse__flex-ttl__text{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .top-modelhouse__flex-box{
        grid-template-columns: repeat(1,1fr);
    }
    .top-modelhouse__flex-box__item-btn a{
        margin: 0 auto;
    }
    .top-modelhouse__flex-text{
        font-size: 24px;
    }
    .top-modelhouse__flex{
        padding-bottom: 15px;
    }
    .top-modelhouse__content{
        padding-top: 60px;
    }
    .top-modelhouse__content-flex__side{
        display: none;
    }
    .top-modelhouse__content-flex__main{
        max-width: 100%;
        padding-left: 0;
    }
    .top-modelhouse__content-flex__main-list{
        grid-template-columns: repeat(1,1fr);
    }
    .top-modelhouse__content-flex__main .view-more a{
        margin: 0 auto;
    }
    .fixed-bg{
        height: 40vw;
    }
    .top-lineup__flex{
        display: block;
    }
    .top-lineup__flex .title{
        margin-bottom: 30px;
    }
    .top-lineup__flex .view-more a{
        margin: 0 auto;
    }
    .lineup-sec01__grid{
        grid-template-columns: repeat(1,1fr);
    }
    .top-lineup__box-price span{
        font-size: 40px;
    }
    .top-lineup__box-lead{
        margin-bottom: 20px;
    }
    .top-lineup__box{
        padding: 20px;
    }
    .top-lineup__box-tag{
        margin-bottom: 1px;
    }
    .top-support__flex-item__lead{
        font-size: 22px;
    }
    .top-support__flex-box{
        grid-template-columns: repeat(1,1fr);
    }
    .top-news__list{
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }


    /* PAGE */
    .page-first-sec__title-en{
        font-size: 34px;
    }
    .page-first-sec__title-text{
        font-size: 14px;
    }
    .page-mv{
        height: 150px;
    }
    .page-mv__title-en{
        font-size: 26px;
    }
    .page-mv__title-text{
        font-size: 14px;
    }


    /* CONCEPT */
    .concept-sec01__grid-ttl__sub{
        font-size: 14px;
    }
    .concept-sec01__grid-ttl__text{
        font-size: 24px;
    }
    .concept-sec01__grid-ttl__copy img{
        width: 270px;
    }
    .concept-sec01__grid-ttl__copy{
        text-align: center;
    }
    .concept-sec01__grid-box{
        margin-top: 20px;
    }
    .concept-sec03__ttl span{
        font-size: 16px;
    }
    .concept-sec03__ttl{
        font-size: 22px;
    }
    .concept-sec03__cont-box__grid{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
        padding: 0 20px;
    }
    .concept-sec03__cont-box{
        padding: 30px 0;
    }
    .concept-sec03__cont-box__grid-box__lead{
        margin-bottom: 10px;
    }
    .concept-sec03__cont-box__text{
        font-size: 30px;
    }
    .concept-sec05__ttl{
        margin-bottom: 30px;
        color: #fff;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, .5));
    }
    .concept-sec04__cont{
        padding: 20px;
    }
    .concept-sec04__cont-box__icon{
        width: 30px;
    }
    .concept-sec04__cont-box__item{
        max-width: calc(100% - 30px);
    }
    .concept-sec04__cont-box:nth-of-type(odd) .concept-sec04__cont-box__item{
        padding-left: 15px;
    }
    .concept-sec04__cont-box:nth-of-type(even) .concept-sec04__cont-box__item{
        padding-right: 15px;
    }
    .concept-sec04__cont-box__item-inner{
        padding: 15px;
        margin-top: 5px;
    }
    .concept-sec04__cont-box__item-text{
        font-size: 12px;
    }
    .concept-sec04__cont-box__item-inner::before{
        display: none;
    }
    .concept-sec06__slider-item{
        width: 120px;
    }
    .concept-sec06{
        margin-bottom: -100px;
    }


    /* MODELHOUSE ARCHIVE */
    .modelhouse-archive-sec .archive-sec__flex-side__box > ul{
        grid-template-columns: repeat(2,1fr);
        gap: 5px 10px;
    }
    .archive-sec__flex-side__box ul li ul{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 5px;
        margin-top: 5px;
        padding: 0;
    }
    .archive-sec__flex-side__box ul li ul li a{
        font-size: 10px;
        display: block;
        padding: 6px 4px 6px 10px;
        border-radius: 8px;
    }
    .archive-sec__flex-side__box ul li ul li{
        margin: 0;
    }
    .modelhouse-archive-sec__list{
        grid-template-columns: repeat(1,1fr);
    }


    /* MODELHOUSE SINGLE */
    .modelhouse-single__img.grid{
        display: block;
    }
    .modelhouse-single__img-slider-wrap{
        margin-bottom: 20px;
    }
    .modelhouse-single__submit input[type="submit"]{
        font-size: 14px;
    }
    .modelhouse-single__info{
        padding: 20px;
        grid-template-columns: repeat(1,1fr);
    }
    .modelhouse-single__info dl dd{
        font-size: 14px;
    }
    .works-single__commitment, .modelhouse-single__img, .modelhouse-single__point, .modelhouse-single__info, .modelhouse-single__recommend, .modelhouse-single__body{
        margin-bottom: 40px;
    }
    .modelhouse-single__content{
        font-size: 14px;
    }
    .modelhouse-single__surrounding__ttl{
        font-size: 18px;
    }
    .modelhouse-single__surrounding-info dl dt, .modelhouse-single__surrounding-info dl dd{
        padding: 10px;
    }
    .modelhouse-single__surrounding-info dl dt{
        font-size: 14px;
        width: 120px;
    }
    .modelhouse-single__surrounding-info dl dd{
        width: calc(100% - 120px);
        font-size: 14px;
    }
    .acf-map{
        aspect-ratio: 16 / 9;
        height: auto;
    }
    .modelhouse-single__title.mb, .modelhouse-single__price{
        margin-bottom: 20px;
    }
    .modelhouse-single__title{
        font-size: 18px;
    }
    .works-single__commitment-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .works-single__commitment-grid__item-img{
        text-align: center;
    }
    .modelhouse-single__point li{
        font-size: 14px;
    }
    .modelhouse-single__point li::before{
        box-sizing: border-box;
        top: 18px;
    }
    .modelhouse-single__recommend-text{
        top: 8px;
    }
    .modelhouse-single__recommend{
        padding: 65px 20px 20px;
    }
    .modelhouse-single__recommend li{
        font-size: 14px;
        padding-left: 15px;
    }
    .modelhouse-single__recommend li::before{
        width: 6px;
        height: 6px;
        top: 9px;
    }
    .modelhouse-single__price span{
        padding: 0 12px;
        margin-right: 10px;
    }
    .modelhouse-single__price small{
        font-size:14px;
    }


    /* WORKS */
    .event-archive-sec__list, .blog-archive-sec__list, .news-archive-sec__list, .works-archive-sec__list{
        grid-template-columns: repeat(1,1fr);
    }
    .wp-pagenavi{
        margin-top: 40px;
        gap: 4px;
    }
    .wp-pagenavi a, .wp-pagenavi span{
        font-size: 13px;
        width: 38px;
        height: 38px;
    }
    .single-sec__header-title{
        font-size: 18px;
    }
    .works-single-sec__outline{
        padding: 20px 0;
    }
    .works-single-sec__outline-ttl{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .works-single-sec__outline-ttl span{
        font-size: 30px;
    }
    .works-single-sec__outline-data dl dt,
    .works-single-sec__outline-data dl dd{
        font-size: 14px;
    }
    .works-single-sec__outline-data dl{
        margin-bottom: 5px;
    }
    .single-sec__nav{
        margin-top: 50px;
    }


    /* VOICE */
    #modal{
        max-width: calc(100% - 40px);   
    }
    .modal-inner{
        padding: 30px;
    }
    .voice-list__card a{
        padding: 15px 0;
    }
    .voice-list__card-icon{
        width: 40px;
    }
    .voice-list__card-box{
        width: calc(100% - 40px);
        padding-left: 15px;
    }
    .voice-list__card-text{
        font-size: 14px;
    }


    /* LINEUP */
    .lineup-sec02__flex-content__list{
        grid-template-columns: repeat(1,1fr);
    }
    .lineup-sec03__grid-item__title span{
        font-size: 22px;
    }
    .lineup-sec03__grid-item__title{
        font-size: 12px;
    }
    .lineup-sec03__grid-item__title{
        top: 20px;
    }
    .lineup-sec03__grid-item__img{
        height: 150px;
    }


    /* Es */
    .lineup-single__body-info__grid-box__lead{
        font-size: 18px;
    }
    .lineup-single__body-info__grid-box__price{
        font-size: 14px;
    }
    .lineup-single__body-info__grid-box__price span{
        font-size: 30px;
    }
    .lineup-single__body-item__lead{
        font-size: 18px;
    }
    .lineup-single__body-plan__box{
        display: block;
        padding: 30px 0;
    }
    .lineup-single__body-plan__box-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .lineup-single__body-plan__box-sample{
        padding-left: 0;
        width: 100%;
        display: block;
        text-align: left;
    }
    .lineup-single__body-plan__box-item__ttl span{
        font-size: 40px;
    }
    .lineup-single__body-plan__box-item__ttl{
        font-size: 13px;
        margin-bottom: 20px;
    }
    .lineup-single__body-plan__box-sample__module{
        width: 100%;
    }
    .lineup-single__body-plan__box-sample__x{
        text-align: center;
        width: 100%;
        margin: 20px 0;
        padding: 0;
    }
    .lineup-single__body-plan__box-sample__x img{
        width: 20px;
    }
    .lineup-single__body-plan__box-sample__img{
        width: 100%;
    }
    .lineup-single__detail-flex{
        padding: 30px 0;
    }
    .lineup-single__detail-flex__box{
        width: 100%;
        margin-bottom: 20px;
    }
    .lineup-single__detail-flex__img{
        width: 100%;
        text-align: center;
    }
    .lineup-single__detail-flex__box-ttl{
        font-size: 22px;
    }
    .lineup-single__detail-flex__box-ttl span{
        font-size: 13px;
    }
    .lineup-single__perform-tab li{
        font-size: 16px;
    }
    .lineup-single__perform-cont__grid{
        grid-template-columns: repeat(1,1fr);
    }


    /* DELTA */
    .lineup-single__body-plan__box-sample__module.delta,
    .lineup-single__body-plan__box-sample__x.smart,
    .lineup-single__body-plan__box-sample__x.delta,
    .lineup-single__body-plan__box-sample__img.delta,
    .lineup-single__body-plan__box-sample__img.delta:last-child,
    .lineup-single__body-plan__box-sample__module.smart,
    .lineup-single__body-plan__box-sample__img.smart{
        width: 100%;
        text-align: center;
    }
    .lineup-single__header{
        margin-bottom: 30px;
        text-align: center;
        padding-top: 40px;
    }
    .lineup-single__header-title.es img{
        width: 140px;
    }
    .lineup-single__header-title.sage img{
        width: 100px;
    }
    .lineup-single__header-title.delta img{
        width: 160px;
    }
    .lineup-single__header-title.smart img{
        width: 120px;
    }


    /* AFTER SUPPORT */
    .anchor-nav__box::before{
        width: 25px;
    }
    .anchor-nav__box{
        padding-right: 10px;
    }
    .anchor-nav__box-inner{
        padding: 20px 30px 20px 20px;
    }
    .anchor-nav__box-flex__item-label{
        font-size: 16px;
        margin-bottom: 20px;
        padding: 15px 0;
    }
    .flow-sec01__flex-box__label{
        font-size: 20px;
    }
    .after-sec01__grid{
        grid-template-columns: repeat(1,1fr);
        margin-top: 30px;
    }
    .after-sec01__schedule-flow{
        grid-template-columns: repeat(1,1fr);
    }
    .after-sec01__schedule-flow dl::before{
        transform: translate(-50%,100%);
        left: 50%;
        bottom: 0;
        top: auto;
        right: auto;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        width: 18px;
        height: 15px;
    }
    .subtitle-text{
        font-size: 20px;
    }
    .after-sec01__schedule{
        margin-top: 50px;
    }
    .after-sec01__schedule .subtitle-text br{
        display: none;
    }
    .after-sec02__app-grid, .after-sec03__app-grid{
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .after-sec02__app-note__item ul li{
        font-size: 14px;
    }
    .title-text{
        font-size: 14px;
        line-height: 1.4;
    }
    .after-sec03__flow{
        margin-top: 30px;
    }
    .after-sec03__flow img{
        width: 700px;
        max-width: 700px;
    }
    .after-sec04__img,
    .after-sec04__flex-box__img{
        margin-top: 20px;
    }


    /* FLOW */
    .flow-sec02__list{
        padding-left: 40px;
    }
    .flow-sec02__list-box{
        padding: 20px 20px 20px 30px;
    }
    .flow-sec02__list-box__flex-item__ttl-text{
        font-size: 18px;
    }
    .flow-sec02__list-box__flex-item__ttl{
        margin-bottom: 10px;
    }
    .flow-sec02__list-box__flex-item__text{
        font-size: 13px;
    }
    .flow-sec02__list-box::before{
        width: 30px;
        left: -10px;
    }
    .flow-sec02__list-box::after{
        left: -10px;
    }
    


    /* EVENT */
    .event-card__content-title{
        font-size: 15px;
    }
    .event-card__thumb{
        margin-bottom: 20px;
    }
    .event-card__content{
        padding: 0;
    }
    .single-sec__body h3, .single-sec__body h4{
        font-size: 15px;
    }


    /* FORM */
    .form-wrap{
        padding: 20px;
    }
    .form dl{
        display: block;
    }
    .form dl dt{
        margin-bottom: 8px;
        max-width: 100%;
    }
    .form dl dd{
        max-width: 100%;
    }
    .form-submit__btn input[type="submit"]{
        font-size: 14px;
    }
    .contact-sec02__ttl{
        margin-bottom: 20px;
    }
    .contact-sec02{
        margin-top: 0;
    }
    

    /* TECHNOLOGY */
    .quality-anchor__flex{
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .quality-anchor__flex-title__en, .quality-anchor__flex-link a span{
        font-size: 18px;
    }
    .quality-nav__flex-link{
        grid-template-columns: repeat(1,1fr);
    }
    .quality-header__flex-box__ttl{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .quality-header__flex-img{
        margin-bottom: 10px;
    }
    .quality-body__column-box{
        padding-right: 0;
        margin-bottom: 30px;
    }
    .quality-body__column{
        grid-template-columns: repeat(1,1fr);
    }
    .quality-body__column-box__point{
        margin-bottom: 20px;
    }
    .quality-body__vertical-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .quality-header + .quality-body::before,
    .quality-header + .quality-body::after{
        display: none;
    }
    .page-mv__title-en.fadeinr{
        transform: initial !important;
    }


    /* STRUCTURE */
    .structure-sec05__cont-grid__box{
        padding: 20px;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .structure-sec05__cont-grid__box-item{
        padding-left: 0;
    }
    .structure-sec05__cont-grid__plus img{
        width: 40px;
    }
    .anchor-nav__box-flex__item-ttl{
        font-size: 22px;
    }
    .quality-body__column-img__grid-item__text{
        font-size: 12px;
    }
    .insulation-sec03 .quality-body__card-grid{
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .quality-body__card-grid__box-item__ttl{
        font-size: 16px;
    }
    .quality-body__card-grid__box{
        padding: 20px;
    }
    .insulation-sec04__grid{
        grid-template-columns: repeat(1,1fr);
    }
    .quality-body__card-grid{
        grid-template-columns: repeat(1,1fr);
    }
}