ul,ol,li,p{
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
img{
    max-width: 100%;
    height: auto;
}
main {
    font-size: 10px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #231815;
    background: url('../images/common/sub_bg.png') no-repeat 0 0 / cover;
    background-size: 100%;
    object-fit: cover;
}
.content-section {
    max-width: unset;
    min-width: unset;
    padding: 102px 0 0;
    background: none;
}
.content-section .content-wrapper,
.concept-section .content-wrapper {
    text-align: center;
}
.content-section .content-wrapper h3 {
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 170%;
    letter-spacing: 0.06em;
    text-align: center;
    white-space: nowrap;
}
.content-section .content-wrapper p {
    margin-top: 29px;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}
/* コンセプト ZEH-M Oriented & LOW CARBON */
.concept-section {
    margin-top: 120px;
}
.concept-section .concept-image{
    margin: 61px auto 0;
    align-items: center;
    justify-content: center;
}
.concept-section .concept-image-text{
    margin-top: 23px;
    font-size: 2.4rem;
    letter-spacing: 0.06em;
    line-height: 170%;
}
.concept-section .concept-image-text span{
    font-size: 1.0rem;
}
.concept-section .concept-image-zeh{
    margin: 90px auto 0;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.concept-section .concept-image-zeh img{
    object-fit: cover;
}
.concept-section .concept-image-zeh .zeh-title{
    font-size: 4.0rem;
    line-height: 89%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.concept-section .concept-image-zeh .caption{
    font-size: 1rem;
    line-height: 89%;
    color: #fff;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}
.concept-section .concept-feature {
    margin-top: 78px;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 76px;
}
.concept-section .concept-feature h3 {
    font-size: 2.0rem;
    line-height: 170%;
    letter-spacing: 0.06em;
}
.concept-section .concept-feature img {
    margin-top: 19px;
}
.concept-section .concept-feature .subtitle {
    margin-top: 3px;
    font-size: 1.6rem;
    line-height: 170%;
    letter-spacing: 0.06em;
}
.concept-section .concept-feature .subtext {
    margin-top: 9px;
    font-size: 1.4rem;
    line-height: 170%;
    letter-spacing: 0.06em;
}
.concept-section .concept-image-low_carbon{
    margin: 142px auto 0;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.concept-section .concept-image-low_carbon .low_carbon-title{
    font-size: 4.0rem;
    line-height: 89%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.concept-section .concept-image-low_carbon .caption{
    font-size: 1rem;
    line-height: 89%;
    color: #fff;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}
.concept-section .concept-low_carbon-text{
    margin-top: 98px;
    display: grid;
    grid-template-columns: 203px 435px;
    gap: 71px;
    justify-content: center;
    position: relative;
}
.concept-section .concept-low_carbon-text h3{
    font-size: 2.4rem;
    line-height: 170%;
    letter-spacing: 0.06em;
}
.concept-section .concept-low_carbon-text h3 span {
    font-size: 1.0rem;
    display: block;
}
.concept-section .concept-low_carbon-text p{
    font-size: 1.6rem;
    line-height: 180%;
}

.concept-section .concept-low_carbon-image{
    margin-top: 72px;
    display: grid;
    grid-template-columns: 258px 351px;
    gap: 41px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.concept-section .concept-low_carbon-image-text p {
    margin-top: 32px;
    font-size: 2.4rem;
    line-height: 170%;
    letter-spacing: 0.06em;
}
.concept-section .concept-low_carbon-image-text span {
    margin-top: 5px;
    padding-right: 30px;
    line-height: 170%;
    display: inline-block;
    text-align: right;
    width: 351px;
}
.concept-section .concept-low_carbon-status-text{
    padding-top: 80px;
    display: grid;
    grid-template-columns: 206px 435px;
    gap: 65px;
    justify-content: center;
    position: relative;
    font-size: 1.6rem;
    line-height: 180%;
}
.concept-section .concept-low_carbon-status-text-area {
    width: 821px;
    margin: 80px auto 0;
    border-top: 1px solid #d0d0d0;

}
.concept-section .concept-low_carbon-status-text .concept-low_carbon-status-text-box .stats-number{
    font-size: 2.4rem;
}
.concept-section .concept-low_carbon-status-text .concept-low_carbon-status-text-box .stats-year{
    font-size: 1.0rem;
    text-align: right;
}
.concept-section .concept-low_carbon-status-text .stats-text{
    font-size: 1.6rem;
    line-height: 180%;
    text-align: left;
}
.concept-section .concept-low_carbon-rate{
    max-width: 507px;
    width: 90%;
    margin: 48px auto 0;
}
.concept-section .concept-low_carbon-rate img{
}
.concept-section .concept-low_carbon-rate .stats-caption{
    margin-top: 48px;
    font-size: 1.0rem;
}
.contents-section {
    margin-top: 160px;
}

.quality-tab{
    max-width: 920px;
    width: 90%;
    margin: 30px auto 60px;
}
.quality-tab_list{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.quality-tab_item{
    width: calc( (100% - 48px) / 4);
    position: relative;
}
.quality-tab_item a{
    display: block;
    position: relative;
    color: #575042;
    background: #fff;
    border: 1px solid #575042;
    height: 68px;
    transition: all .3s linear;
}
#afterservice .quality-tab_item a[href="#afterservice"],
#security .quality-tab_item a[href="#security"],
#other .quality-tab_item a[href="#other"],
#storage .quality-tab_item a[href="#storage"],
#bathroom .quality-tab_item a[href="#bathroom"],
#dressingroom .quality-tab_item a[href="#dressingroom"],
#kitchen .quality-tab_item a[href="#kitchen"],
#service .quality-tab_item a[href="#service"],
#zeh .quality-tab_item a[href="#zeh"],
.quality-tab_item a:hover{
    background: #575042;
    color: #fff;
}
.quality-tab_item.cs a,
.quality-tab_item.active a{
    pointer-events: none;
}
.quality-tab_item.cs a{
    background: #b0a796;
    position: relative;
}
.quality-tab_item.cs a span{
    display: none;
}
.quality-tab_item.cs:after{
    content: "Comming Soon";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "Cinzel", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    text-align: center;
    z-index: 5;
    word-break:break-word;
}
.quality-tab_item a span{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "Cinzel", serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    text-align: center;
    white-space: nowrap !important;
}

#other,
#storage,
#afterservice,
#security,
#bathroom,
#dressingroom,
#kitchen,
#zeh,
#service{
    padding: 100px 0 0;
}
.page-copy{
    padding: 50px 5% 100px;
}
.page-copy h3{
    font-weight: 400;
    font-size: 24px;
    line-height: 170%;
    letter-spacing: 2px;
}
.page-copy h3 + h4{
    margin-top: 20px;
}
.page-copy h3 + h4{
    font-size: 16px;
    line-height: 180%;
}
#service *{
    white-space: normal;
}
.service-blc{
    max-width: 920px;
    width: 90%;
    margin: 30px auto 0;
    background: rgba(102, 134, 117, 0.1);
    padding: 0 0 30px;
}
.service-blc_title{
    width: 91px;
    margin: 0 auto 30px;
    aspect-ratio: 1;
    background: #8CA09B;
    color: #fff;
    padding: 24px 0;
}
.service-blc_title h3{
    font-family: "Cinzel", serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 89%;
    text-align: center;
}
.service-blc_title h3 p{
    font-size: 200%;
    margin-top: 15px;
}
.service-blc_body{
    align-items: center;
}
.service-blc_body > *{
    width: 50%;
    padding: 0 30px;
}
.service-blc_body > * + *{
    border-left: 1px solid #A0A0A0;
}
.service-blc_body .left{
    font-family: "Shippori Mincho" , serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 170%;
    letter-spacing: 2px;
    text-align: center;
}
.service-blc_body .flex{
    gap: 32px;
    align-items: center;
}
.service-blc_body .service-text{
    width: calc( 100% - 192px);
    white-space: normal;
}
.service-blc_body p.small{
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
}
.service-blc_body .service-logo{
    width: 160px;
}
.service-blc_body .card-select{
    gap: 10px;
    margin: 20px 0;
}
.service-blc_body .card-select > *{
    width: calc((100% - 10px) / 2);
    background: #fff;
    position: relative;
    height: 85px;
}
.service-blc_body .card-select p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
}
.service-blc_body .card-select p span{
    font-size: 12px;
}
.service-blc_body .card-select + p{
    font-size: 20px;
    line-height: 180%;
    text-align: center;
}
.service-blc_body .card-select + p sup{
    font-size: 50%;
}
.card-blc{
    max-width: 860px;
    width: 90%;
    margin: 60px auto;
}
.card-blc_title h3{
    margin: 0 0 20px;
    background: #8CA09B;
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
    padding: 10px 0;
    color: #fff;
}
.card-list{
    gap: 35px 0;
}
.card-list > *{
    width: 50%;
    border-left: 4px solid #8CA09B;
    padding: 0 35px;
}
.card-list_name{
    color: #8CA09B; 
    text-align: left;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #E6E6E6;
}
.card-list_name p{
    font-size: 14px;
    line-height: 130%;
}
.card-list_name h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
}
.card-list_detail{
    gap: 20px;
}
.card-list_text{
    width: calc(100% - 170px);
    text-align: left;
}
.card-list_text p{
    font-size: 12px;
    line-height: 150%;
}
.card-list_text p span{
    color: #E83820;
}
.card-list_text p + p{
    font-size: 10px;
    line-height: 150%;
    margin-top: .75em;
}
.card-list_image{
    width: 150px;
    padding: 10px;
}
.point-blc{
    max-width: 860px;
    width: 90%;
    margin: 0 auto 80px;
    padding: 0 0 80px;
    border-bottom: 4px solid #EEEEEE
}
.point-blc_arrow{
    width: 31px;
    margin: 30px auto 20px;
}
.point-blc_body{
    gap: 10px;
}
.point-blc_image{
    width: 15vw;
    max-width: 148px;
}
.point-blc_image.img1{
    order: 1;
}
.point-blc_image.img2{
    order: 3;
}
.point-blc_text{
    order: 2;
    flex: 1;
}
.point-blc_text h4{
    font-weight: 400;
    font-size: 24px;
    line-height: 170%;
    letter-spacing: 2px;
    text-align: center;
}
.point-blc_text p{
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 1px;
    text-align: center;
}
.jexer-blc{
    max-width: 550px;
    width: 90%;
    margin: 0 auto 60px;
}
.jexer-blc > * + *{
    margin: 30px 0 0;
}
.jexer-logo{
    max-width: 108px;
    margin: 0 auto;
}
.jexer-text h4{
    font-weight: 400;
    font-size: 24px;
    line-height: 170%;
    letter-spacing: 1px;
    text-align: center;
}
.jexer-text p{
    margin-top: 15px;
    font-size: 16px;
    line-height: 180%;
    text-align: center;
}

.quality-list{
    gap: 30px 15px;
    width: 90%;
    max-width: 120rem;
    margin: 50px auto 0;
    justify-content: center;
}
.quality-list-item{
    width: calc((100% - 45px) / 4);
}
.quality-list-item.x2{
    width: calc((100% - 15px) / 2);
}
.quality-list-item.x4{
    width: 100%;
}
#bathroom .quality-list-item.x2.keep{
    background: #f1e7da;
    padding: 10px;
}
#bathroom .quality-list-item.x2.keep .flex,
#bathroom .quality-list-item.x2.panel .flex{
    gap: 15px;
}
#bathroom .quality-list-item.x2.keep .flex > *{
    width: calc(50% - 7.5px);
}
#bathroom .quality-list-item.x2.panel .flex > .left{
    width: calc(62% - 15px);
}
#bathroom .quality-list-item.x2.panel .flex > .right{
    width: 38%;
}
#other .quality-list-item.x4.fnj{
    gap: 20px;
}
#other .quality-list-item.x4.fnj .fnj-logo,
#other .quality-list-item.x4.fnj .feature-img{
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto;
}
#other .quality-list-item.x4.fnj .fnj-logo{
    margin: 20px auto 0;
}
#other .quality-list-item.x4.fnj .feature{
    text-align: left;
    white-space: normal;
    font-size: 18px;
    max-width: 600px;
    margin: 20px auto 0;
    line-height: 1.75;
}
#other .quality-list-item.x4.fnj .feature span{
    display: inline-block;
    margin: 0 10px 0 0;
    color: #30bac4;
}
#other .quality-list-item.x4.fnj .note{
    text-align: left;
    white-space: normal;
    margin: 20px 0 0;
    line-height: 1.5;
}
#other .quality-list-item.x2.generator{
    border: 1px solid #999999;
    padding: 0;
}
#other .quality-list-item.x2.generator h4{
    border-bottom: 1px solid #999999;
    padding: 10px;
    font-size: 18px;
}
#other .quality-list-item.x2.generator .flex{
    padding: 20px;
    gap: 20px;
}
#other .quality-list-item.x2.generator .flex .txt{
    width: 60%;
    white-space: normal;
    text-align: left;
    font-size: 16px;
    line-height: 1.75;
}
#other .quality-list-item.x2.generator .flex .img{
    width: calc(40% - 20px);
}
.quality-list-txt{
    margin: 10px 0 0;
    font-size: 14px;
    text-align: left;
    white-space: normal;
}
.quality-list-txt h4{
    line-height: 1.25;
    border-bottom: 1px solid #000;
    padding: 0 0 5px;
    font-size: 125%;
    letter-spacing: .05em;
}
.quality-list-txt p{
    margin-top: 10px;
    line-height: 1.5;
    letter-spacing: .05em;
}
.quality-list-item.washlet{
    order: 8;
    width: 100%;
    background: #e3ecf8;
    padding: 30px;
}
.quality-list-item.washlet .washlet-wrap{
    gap: 30px;
}
.quality-list-item.washlet .washlet-wrap > .left{
    width: calc(60% - 30px);
    gap: 20px;
    align-items: center;
}
.quality-list-item.washlet .washlet-wrap > .right{
    width: 40%;
}
.quality-list-item.washlet .washlet-wrap > .left .quality-list-img{
    width: 40%;
}
.quality-list-item.washlet .washlet-wrap > .left .quality-list-txt{
    width: calc(60% - 20px);
}
.quality-list-item.washlet .washlet-wrap > .left > .note,
.quality-list-item.washlet .washlet-wrap > .left > .flex{
    width: 100%;
}
.quality-list-item.washlet .washlet-wrap > .left > .flex{
    gap: 30px;
    align-items: center;
    background: #fff;
    padding: 20px;
}
.quality-list-item.washlet .washlet-wrap > .left > .flex .txt h5{
    font-size: 20px;
}
.quality-list-item.washlet .washlet-wrap > .left > .flex .txt p{
    margin: 20px 0 0;
    font-size: 15px;
    line-height: 1.75;
}
.quality-list-item.washlet .washlet-wrap > .left > .flex figure{
    width: 40%;
}
.quality-list-item.washlet .washlet-wrap > .left > .flex .txt{
    width: calc( 60% - 30px);
    white-space: normal;
    text-align: left;
}
.quality-list-item.washlet .washlet-wrap > .left > .note{
    white-space: normal;
    text-align: left;
}
.quality-list-item.washlet .washlet-wrap > .right{
    gap: 30px;
}
.quality-list-item.washlet .washlet-wrap > .right > *{
    width: calc( (100% - 30px) / 2);
}
.quality-list-item.washlet .washlet-wrap > .right > .title{
    width: 100%;
    position: relative;
}
.quality-list-item.washlet .washlet-wrap > .right > .title:before{
    content: "";
    display: block;
    background: #6e7476;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index:0;
}
.quality-list-item.washlet .washlet-wrap > .right > .title span{
    display: inline-block;
    background: #e3ecf8;
    padding: 0 20px;
    font-size: 20px;
    position: relative;
    z-index: 1;
}
.quality-list-item.washlet .washlet-wrap > .right .quality-list-txt h4{
    border: none;
    color: #0079c3;
    padding: 0;
}
.quality-list-item.holder{
    order: 7;
}

.neo{
    max-width: 1200px;
    width: 90%;
    margin: 50px auto 0;
    white-space:normal;
}
.neo .intro h3{
    font-size: 28px;
    line-height: 1.75;
}
.neo .intro .img{
    margin: 20px auto 0;
    width: 100%;
    max-width: 300px;
}
.neo .intro p{
    font-size: 18px;
    line-height: 1.75;
    margin: 30px 0 0;
}
.neo .detail{
    margin: 50px 0 0;
    background: #f5f1ed;
    padding: 30px;
}
.neo .detail .feature-list{
    background: #b0896b;
    padding: 40px 20px;
    color: #fff;
    font-size: 28px;
    line-height: 1.5;
}
.neo .detail .feature-list p{
    font-size: 14px;
    margin: 20px 0 0;
}
.neo .detail .feature-list .flex{
    gap: 0;
    justify-content: center;
    margin: 20px 0 0;
}
.neo .detail .feature-list .flex > *{
    padding: 0 30px;
    border-right: 1px solid #fff;
    font-size: 20px;
    line-height: 1.75;
    letter-spacing: .05em;
}
.neo .detail .feature-list .flex > *:first-child{
    border-left: 1px solid #fff;
}
.neo .detail .feature-list .flex > * span{
    font-size: 175%;
    line-height: 1.25;
}
.neo .detail .point-list{
    margin: 50px 0 0;
}
.neo .detail .point-list .flex{
    gap: 50px;
}
.neo .detail .point-list .flex > *{
    width: calc( 50% - 25px);
}
.neo .detail .point-list .title{
    background: #fff;
    padding: 20px;
}
.neo .detail .point-list .title h4{
    font-size: 24px;
    line-height: 1.75;
    letter-spacing: 0.075em;
    color: #695439;
}
.neo .detail .point-list .title p{
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.1em;
    border-top: 1px solid #885240;
    margin-top: 10px;
    padding-top: 10px;
}
.neo .detail .point-list .title p sup{
font-size: 11px;
}
.neo .detail .point-list .txt{
    font-size: 15px;
    line-height: 1.75;
    margin: 20px 0 0;
    text-align: left;
}
.neo .inheritance{
    margin: 50px 0 0;
}
.neo .inheritance h4{
    color: #fff;
    padding: 15px;
    font-size: 18px;
    background: #695439;
}
.neo .inheritance h4 sup{
    font-size: 11px;
}
.neo .inheritance .flex{
    gap: 30px;
    margin: 30px 0 0;
}
.neo .inheritance .flex .txt{
    width: calc(60% - 30px);
    line-height: 1.75;
}
.neo .inheritance .flex .txt h5{
    color: #695439;
    font-size: 24px;
}
.neo .inheritance .flex .txt p{
    font-size: 15px;
    color: #000;
    text-align: left;
}
.neo .inheritance .flex .img{
    width: 40%;
}
.neo .detail .note{
    color: #666;
    text-align: left;
    font-size: 12px;
    line-height: 1.75;
    margin: 20px 0 0;
}
.quality-list-item.walldoor figure figcaption{
    bottom: 35px;
}

@media screen and (max-width: 768px){
    img{
        max-width: 100%;
        height: auto;
    }
    *{
        white-space: normal !important;
    }
    .concept-section .concept-low_carbon-status-text-area{
        width: 100%;
    }
    .concept-section .concept-low_carbon-image,
    .concept-section .concept-low_carbon-text,
    .concept-section .concept-low_carbon-status-text{
        display: block;
        padding-left: 5%;
        padding-right: 5%;
    }
    .concept-section .concept-low_carbon-rate .stats-caption,
    .concept-section .concept-low_carbon-rate img,
    .concept-section .concept-image-text,
    .concept-section .concept-image,
    .section-divider{
        padding: 0 5%;
    }
    .concept-section .concept-image{
        margim: 30px 0;
    }
    .concept-section .concept-low_carbon-image-text p,
    .concept-section .concept-image-text,
    .concept-section .concept-image-low_carbon .low_carbon-title,
    .concept-section .concept-image-zeh .zeh-title{
        font-size: 1.6rem;
    }
    .concept-section .concept-low_carbon-status-text .stats-text,
    .concept-section .concept-low_carbon-text p{
        font-size: 1.2rem;
    }
    .concept-section .concept-image-low_carbon,
    .concept-section .concept-image-zeh{
        width: 90%;
        margin: 30px auto;
    }
    .concept-section .concept-low_carbon-image > img{
        margin: 0 0 30px;
    }
    
    /* Font size adjustments for mobile */
    .concept-section .concept-low_carbon-status-text .concept-low_carbon-status-text-box .stats-year {
        font-size: 1.2rem;
    }
    .concept-section .concept-low_carbon-rate .stats-caption {
        font-size: 1.2rem;
    }
    .quality-tab_item{
        width: calc( (100% - 16px) / 2);
    }
    .quality-list-item.x4,
    .quality-list-item.x2{
        width: 100%;
    }
    #bathroom .quality-list-item.x2.keep,
    .quality-list-item.washlet{
        width: 112%;
        margin: 0 -6%;
        padding: 5%;
    }
    .quality-list-item.washlet{
        order: 7;
    }
    .quality-list-item.holder{
        order: 8;
    }
    #bathroom .quality-list-item.x2.panel .flex > .right,
    #bathroom .quality-list-item.x2.panel .flex > .left{
        width: calc(50% - 7.5px);
    }
    .quality-tab_item a{
        height: 54px;
        border: none;
    }
    .quality-tab_item a span{
        font-size: 15px;
        white-space: nowrap !important;
    }

    .section-divider{
    margin-top: 50px;
    }
    #other,
    #storage,
    #afterservice,
    #security,
    #bathroom,
    #dressingroom,
    #kitchen,
    #zeh,
    #service{
        padding: 40px 0 0;
    }
    .service-blc_body > *{
        width: 100%;
        padding: 20px;
    }
    .service-blc_body > * + *{
        border-top: 1px solid #A0A0A0;
        border-left: none;
    }
    .card-list > *{
        width: 100%;
    }
    .point-blc_image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .point-blc_body{
        gap: 20px 10px;
    }
    .point-blc_image.img1,
    .point-blc_image.img2{
        width: calc( (100% - 10px) / 2);
        max-width: unset;
    }
    .point-blc_image.img1{
        order: 2;
    }
    .point-blc_image.img2{
        order: 3;
    }
    .point-blc_text{
        order: 1;
        flex: unset;
        width: 100%;
    }

    .quality-list{
        justify-content: left;
    }
    .quality-list-item {
        width: calc((100% - 15px) / 2);
    }
    .quality-list-txt{
        font-size: 12px;
    }
    .quality-list-txt h4{
        font-size: 110%;
        letter-spacing: 0;
    }
    .neo .intro h3{
        font-size: 16px;
    }
    .neo .intro .img{
        width: 40%;
    }
    .neo .intro p{
        font-size: 11px;
    }
    .neo .detail .feature-list{
        padding: 20px;
    }
    .neo .detail .feature-list .flex > *{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #fff;
        padding: 20px 0;
    }
    .neo .detail .feature-list .flex > *:first-child{
        border-left: none;
        border-top: 1px solid #fff;
    }
    .neo .detail .point-list .flex{
        gap: 30px;
    }
    .neo .detail .point-list .flex > *{
        width: 100%;
    }
    .neo .detail .point-list .title h4{
        font-size: 20px;
    }
    .neo .detail .point-list .title p{
        font-size: 15px;
    }
    .neo .inheritance .flex .txt,
    .neo .inheritance .flex .img{
        width: 100%;
    }
    .neo .inheritance .flex .txt h5{
        font-size: 19px;
    }
    .neo .inheritance .flex .txt p{
        margin: 15px 0 0;
    }
    .quality-list-item.washlet .washlet-wrap > .right,
    .quality-list-item.washlet .washlet-wrap > .left{
        width: 100%;
    }
    .quality-tab{
        width: 100%;
        padding: 8% 5%;
        background: #efefef;
    }
    #other .quality-list-item.x4.fnj .feature{
        font-size: 12px;
    }
    #other .quality-list-item.x2.generator .flex > *{
        width: 100% !important;
    }
    #other .quality-list-item.x2.generator .flex .txt{
        font-size: 12px;
    }
    .quality-list-item.walldoor figure figcaption{
        bottom: 25px;
    }
}