#main-content{
    font-family: 'Noto Sans JP';
    font-style: normal;
}
.top-banner-title{
    margin: 73px auto 24px;
}
.sofa-sample-top-heading{
    font-family: Noto Sans JP;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    color: #000;
    margin-bottom: 8px;
}
.sofa-sample-top-text{
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 178.571% */
    letter-spacing: 0.12em;
    text-align: justify;
}
.ref-spec-title{
    font-style: normal;
    font-weight: 700;
    font-size: 68px;
    line-height: 99px;
    text-align: center;
    letter-spacing: 0.16em;
    color: #000;
    margin: 112px 0 32px;
}
.ref-spec-subtitle{
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 66px;
    text-align: center;
    color: #000;
    margin: 56px auto 32px;
}
.ref-spec-table-1{
    width: 60%;
    margin: 0 auto;
}
.ref-spec-table-1>tbody>tr{
    height: 45px;
    vertical-align: middle;
}
.table-1-col1{
    width: 40%;
}
.ref-spec-table-2{
    width: 60%;
    margin: 0 auto 56px;
}
.ref-spec-table-2>tbody>tr{
    height: 45px;
    vertical-align: middle;
}
.swatch-table-desc{
    width: 70%;
}
.banner-title-lg{
    font-family: 'Noto Sans JP';
    font-style: normal;
}
.product-panel-light{
    position: relative;
    /*min-height: 372px;*/
    padding: 32px;
    margin: 8px;
    background-color: #F5F5F7;
    color:#000;
    text-align: center;
    border-radius: 40px;
}
.product-panel-white{
    position: relative;
    min-height: 200px;
    padding: 32px;
    margin: 8px;
    background-color: #fff;
    color:#000;
    text-align: center;
    border-radius: 40px;
}
.interior-img-1{
    width: 100%;
}
.interior-img-2{
    width: 100%;
}
.icon-new{
    position: absolute;
    width: 48px;
    top: 16px;
    right: 16px;
}
.checked-panel{
    padding: 8px 96px;
}
.icon-checked{
    width: 18px;
    margin: 8px;
}
.checked-text{
    font-family: Noto Sans JP;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 152.632% */
    letter-spacing: 1.52px;
    padding: 16px 0;
}
.sofa-banner-panel{
    position: relative;
    min-height: 350px;
    margin: 32px 0 112px;
    color:#000;
    text-align: center;
    border-radius: 40px;
}
.sofa-banner-bg-1{
    background-color: #ddd;
}
.sofa-banner-bg-2{
    background-color: #F5EEE4;
}
.sofa-banner-bg-3{
    background-color: #fff;
}
.sofa-banner-img-1{
    background-image: url(../images/sample-sofa/sofa-banner-1-lg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: bottom;
    height: 420px;
    width: 100%;
    border-radius: 40px 0 0;
}
.sofa-banner-img-2{
    background-image: url(../images/sample-sofa/sofa-banner-2-lg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
    height: 420px;
    width: 100%;
    border-radius: 0 0 40px;
}
.sofa-banner-img-3{
    background-image: url(../images/sample-sofa/sofa-banner-3-lg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: left;
    background-position-y: bottom;
    height: 420px;
    width: 100%;
    border-radius: 40px 0 0;
}
.bg-dark-grey{
    background-color: #181818;
}
.sofa-color-panel{
    padding: 16px 16px 0 8px;
}
.sofa-color-panel-left{
    padding: 16px 8px 16px 8px;
}
.col-lg-2p4{
    flex: 0 0 auto;
    width: 20%;
}
.sofa-color-title{
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 150% */
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 8px;
}
.sofa-color-caption{
    text-align: left;
    color: #000;
    font-size: 10px;
    padding: 4px 0;
}
.swatch-icon{
    width: 32px;
    height: 100%;
    margin: auto 5px;
}
.sample-panel{
    padding:36px;
    margin: 8px;
    border-radius: 40px;
    min-height: 50px;
}
.sample-panel-title{
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 150% */
    letter-spacing: 2px;
    color:#000;
    margin-bottom: 8px;
}
.sample-panel-subtitle{
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 178.571% */
    letter-spacing: 1px;
    color:#000;
    padding: 8px 0 16px;
}
.sample-img-caption-bold{
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 150% */
    letter-spacing: 1px;
    padding-top: 4px;
    text-align: center;
    color: #000;
}
.sample-img-caption{
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    letter-spacing: 1px;
    padding: 4px 0 16px;
    text-align: center;
    color: #000;
}
.sample-panel-img{
    height: 223px;
    margin: 8px 0;
}
.desc-text-lg{
    display:block;
}
.desc-text-sm{
    display:none;
}
.desc-text-v-lg{
    display:block;
}
.desc-text-v-sm{
    display:none;
}
.table-text-lg{
    display:table-cell;
}
.table-text-sm{
    display:none;
}
@media only screen and (max-width:1024px){
    .top-banner-title{
        margin: 32px auto 0;
    }
    .lp-refurbish-top-img{
        width: 100%;
        margin-top:32px;
        margin-bottom:50px;
    }
    .compare-table-container{
        width: 100%;
        background-color:#F7F9FB;
        padding:0;
        border-radius: 40px;
        margin:0 auto 50px;
    }
    .compare-table-title{
        font-size: 24px;
        line-height: 35px;
    }
    .top-banner-container{
        width: 98%;
        padding:16px;
        border-radius: 24px;
        margin:28px auto;
    }
    .ref-top-banner-desc{
        text-align: justify;
    }
    .ref-spec-title{
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.08em;
        margin: 112px 0 40px;
    }
    .ref-spec-subtitle{
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px; /* 150% */
    }
    .ref-spec-table-1{
        width: 100%;
        margin: 0 auto;
    }
    .ref-spec-table-1>tbody>tr{
        height: 45px;
        vertical-align: middle;
    }
    .table-1-col1{
        width: 40%;
    }
    .ref-spec-table-2{
        width: 100%;
        margin: 0 auto 56px;
    }
    .ref-spec-table-2>tbody>tr{
        height: 45px;
        vertical-align: middle;
    }
    .checked-panel{
        padding: 2px 16px;
    }
    .sofa-banner-img-1{
        background-image: url(../images/sample-sofa/sofa-banner-1-md.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: left;
        background-position-y: bottom;
        height: 366px;
        width: 100%;
        border-radius: 40px 0 0;
    }
    .sofa-banner-img-2{
        background-image: url(../images/sample-sofa/sofa-banner-2-md.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: right;
        background-position-y: bottom;
        height: 366px;
        width: 100%;
        border-radius: 0 0 40px;
    }
    .sofa-banner-img-3{
        background-image: url(../images/sample-sofa/sofa-banner-3-md.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: left;
        background-position-y: bottom;
        height: 366px;
        width: 100%;
        border-radius: 40px 0 0;
    }
    .sample-panel-img{
        height: 187px;
    }
    .desc-text-lg{
        display:none;
    }
    .desc-text-sm{
        display:block;
    }
    .desc-text-v-lg{
        display:none;
    }
    .desc-text-v-sm{
        display:inline-flex;
    }
    .desc-text-v-sm>p{
        align-self: flex-end;
    }
}

@media only screen and (max-width:750px){
    .top-banner-title{
        margin: 32px auto 0;
    }
    .lp-refurbish-top-img{
        width: 100%;
        margin-top:32px;
        margin-bottom:50px;
    }
    .compare-table-container{
        width: 100%;
        background-color:#F7F9FB;
        padding:0;
        border-radius: 40px;
        margin:0 auto 50px;
    }
    .compare-table-title{
        font-size: 24px;
        line-height: 35px;
    }
    .top-banner-container{
        width: 98%;
        padding:16px;
        border-radius: 24px;
        margin:28px auto;
    }
    .ref-top-banner-desc{
        text-align: justify;
    }
    .ref-spec-title{
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.08em;
        margin: 56px 0 32px;
    }
    .ref-spec-subtitle{
        margin: 32px auto;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 150% */
        letter-spacing: 2px;
    }
    .ref-spec-table-1{
        width: 100%;
        margin: 0 auto;
    }
    .ref-spec-table-1>tbody>tr{
        height: 45px;
        vertical-align: middle;
    }
    .table-1-col1{
        width: 40%;
    }
    .ref-spec-table-2{
        width: 100%;
        margin: 0 auto 32px;
    }
    .product-panel-white{
        padding: 16px;
    }
    .swatch-table-header{
        font-family: Noto Sans JP;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px; /* 150% */
        letter-spacing: 1.12px;
    }
    .swatch-table-desc{
        width: 52%;
    }
    .ref-spec-table-2>tbody>tr{
        height: 45px;
        vertical-align: middle;
    }
    .sofa-sample-top-heading{
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 2px;
    }
    .checked-panel{
        padding: 0;
    }
    .checked-text{
        font-family: Noto Sans JP;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px; /* 152.632% */
        letter-spacing: 1.52px;
        padding: 16px 0;
    }
    .interior-img-2{
        padding: 32px 0;
    }
    .sofa-banner-img-1{
        background-image: url(../images/sample-sofa/sofa-banner-1-sm.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
        height: 172px;
        width: 100%;
        border-radius: 40px 40px 0 0;
    }
    .sofa-banner-img-2{
        background-image: url(../images/sample-sofa/sofa-banner-2-sm.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
        height: 172px;
        width: 100%;
        border-radius: 40px 40px 0 0;
    }
    .sofa-banner-img-3{
        background-image: url(../images/sample-sofa/sofa-banner-3-sm.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
        height: 172px;
        width: 100%;
        border-radius: 40px 40px 0 0;
    }
    .col-lg-2p4{
        flex: 0 0 auto;
        width: 33.3%;
    }
    .sofa-color-panel{
        padding: 8px;
    }
    .sofa-color-panel-left{
        padding: 8px 48px;
    }
    .sample-panel{
        padding:16px;
    }
    .product-panel-light{
        padding: 16px;
    }
    .sample-img-caption-bold{
        text-align: left;
    }
    .sample-img-caption{
        text-align: left;
    }
    .sample-panel-img{
        height: 150px;
    }
    .desc-text-lg{
        display:none;
    }
    .desc-text-sm{
        display:block;
    }
    .desc-text-v-lg{
        display:none;
    }
    .desc-text-v-sm{
        display:inline-flex;
    }
    .desc-text-v-sm>p{
        align-self: flex-end;
    }
    .table-text-lg{
        display:none;
    }
    .table-text-sm{
        display:table-cell;
    }
}