h3,h4,h5,h6,ul,ol,li,p,dl,dt,dd{
    margin: 0;
    padding: 0;
}
article, section, .container{
    min-width: unset;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.page-main .page-main__title h2{
    background: url(../images/afterservice_h2.svg) center / auto 100% no-repeat;
    width: 357px;
}
.page-copy{
    padding: 60px 0;
    width: 90%;
    margin: 0 auto;
}
.page-copy h3{
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    line-height: 1.9;
    letter-spacing: 2px;
}
.page-copy h4{
    font-weight: 400;
    text-align: center;
    font-size: 15px;
    line-height: 2.2;
    letter-spacing: 2px;
}
.page-copy h3 + h4{
    margin-top: 30px;
}



.comfort,
.additional-blc{
    background: url(../images/plan_bg.webp) center top / 100% auto no-repeat;
    padding: 80px 0;
}
.afterservice-image.img1{
    margin: 60px auto;
}

.maintenance{
    margin: -35px auto 0;
    max-width: 960px;
    width: 90%;
}
.maintenance-title{
    background: #b0ceb3;
    color: #333;
    font-size: 30px;
    line-height: 1.25;
    padding: 20px 0;
    letter-spacing: 2px;
    margin: 0 0 40px;
}
.guarantee-blc .maintenance-title{
    background: #95acce;
}
.support-blc .maintenance-title{
    background: #c6d4a3;
}
.maintenance-title + p{
    margin: 0;
    text-align: left;
    font-size: 15px;
    line-height: 2.5;
}
.maintenance-title + p + p.small{
    font-size: 1rem;
    margin-top: 1rem;
    text-align: left;
}
.maintenance-list{
    gap: 10px;
    margin: 40px 0 80px;
}
.maintenance-list_item{
    width: calc((100% - 30px) / 4);
    position: relative;
    min-height: 148px;
    background: #f6f4ef;
}
.maintenance-list_item p{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 1.5;
}
.maintenance-list_item figure{
    height: 100%;
}
.maintenance-list_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.guarantee-wrap{
    margin: 40px 0 80px;
    gap: 20px 45px;
}
.guarantee-wrap .left{
    width: calc( 100% - 266px)
}
.guarantee-wrap .right{
    width: 221px;
}
.guarantee-list{
    gap: 20px;
}
.guarantee-list_item{
    width: calc((100% - 20px) / 2);
    background: #f6f4ef;
    font-size: 20px;
    padding: 14px 0;
}
.guarantee-list_item span{
    font-size: 26px;
}
.support-list{
    gap: 30px 58px;
    margin: 40px 0 80px;
}
.support-list > *{
    width: calc((100% - 58px) / 2);
    background: #ede9df;
    padding: 40px 30px;
}
.support-list h4{
    border-bottom: 1px solid #333;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.support-list p{
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 2.4;
    margin: 0 0 20px;
}
.support-list h5{
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    border: 1px solid #333;
    padding: 10px 5px;
    margin: 0 0 30px;
}
.support-list h5 p{
    font-size: 133%;
    line-height: 1.3;
    text-align: center;
    margin: 0;
}
.additional-blc > *.caption,
.additional-blc > *{
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
}
.additional-blc h3{
    border-bottom: 1px solid #333;
    color: #003e37;
    font-size: 22px;
    line-height: 1.4;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.additional-blc h3 + p{
    font-size: 14px;
    line-height: 2;
    text-align: left;
}
.additional-blc p + h3{
    margin-top: 60px;
}
.additional-blc p.caption{
    margin-top: 10px;
}
.system-list{
    gap: 30px 50px;
    margin-top: 40px;
}
.system-list > *{
    width: calc((100% - 50px) / 2);
}

.manage-title{
    color: #fff;
    background: #003e37;
    line-height: 1.25;
    padding: 20px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 2px;
}
.afterservice-image.img2{
    max-width: 478px;
    width: 90%;
    margin: 0 auto 80px;
}
.manage-list{
    gap: 20px;
    text-align: left;
}
.manage-list > .left{
    width: calc( 60% - 20px);
}
.manage-list > .right{
    width: 40%;
}
.manage-list h4{
    margin-bottom: 10px;
    color: #003e37;
    font-size: 18px;
}
.manage-list p{
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}
.manage-list p + h4{
    margin-top: 20px;
}
.afterservice-image.img3{
    max-width: 813px;
    width: 90%;
    margin: 0 auto 80px;
}
.afterservice-image.img4{
    max-width: 370px;
    width: 90%;
    margin: 0 auto 80px;
}

@media screen and (max-width: 768px){
    .page-copy{
        padding: 30px 0;
    }
    .page-copy h3{
        font-size: 21px;
        line-height: 1.7;
        letter-spacing: 1px;
    }
    .comfort{
        padding: 0 0 30px;
    }
    .comfort .page-copy h4{
        font-size: 14px;
    }
    .additional-blc{
        padding: 30px 0;
    }
    .afterservice-image.img1{
        margin: 30px auto;
    }
    .maintenance-list_item {
        width: calc((100% - 10px) / 2);
    }
    .manage-title,
    .maintenance-title{
        font-size: 16px;
        padding: 20px 5px;
    }
    .guarantee-list_item,
    .maintenance-list_item p{
        font-size: 15px;
    }
    .guarantee-list_item span{
        font-size: 18px;
    }
    .maintenance-list,
    .guarantee-wrap,
    .support-list{
        margin: 30px auto;
    }
    .support-list p{
        line-height: 1.8;
    }
    .support-list h4{
        padding: 0 0 8px;
        margin: 0 0 8px;
        line-height: 1;
    }
    .support-list p,
    .support-list h5{
        margin: 0 0 15px;
    }
    .guarantee-wrap .right,
    .guarantee-wrap .left{
        width: 100%;
    }
    .guarantee-wrap .right img{
        width: 100%;
    }
    .guarantee-wrap .right figure{
        width: 60%;
        margin: 0 auto;
    }
    .manage-list > .right,
    .manage-list > .left,
    .system-list > *,
    .support-list > *{
        width: 100%;
    }
    .afterservice-image.img4,
    .afterservice-image.img3,
    .afterservice-image.img2{
        margin: 0 auto 30px;
    }
    .page-main .page-main__title{
        top: 33%;
    }
    .management .page-copy h3{
        font-size: 20px;
        letter-spacing: 0;
    }
    .management .page-copy h4{
        letter-spacing: 1px;
    }
    .manage-list p{
        font-size: 13px;
        line-height: 1.75;
    }
}
