@charset "utf-8";
/* CSS Document */

#title_sec .titleLead {text-align: center; font-weight: bold;}

.contents_ttl{text-align: center;margin: 30px auto 0;}
.contents_ttl > figure{max-width: 200px;/* text-align: center; */margin: 15px auto;}


@media screen and (max-width: 640px){
    #title_sec .titleLead {margin-bottom: 50px;}
}

/*--------------------------------------------------
maintenance_wrap
---------------------------------------------------*/

.maintenance_wrap {margin-bottom: 100px;}
.maintenance_wrap .maintenance_box {margin-bottom: 30px;}
.maintenance_wrap .maintenance_box .item_left {width: 70%;}
.maintenance_wrap .maintenance_box .item_left .maintenance_item {justify-content: left; margin-bottom: 10px;}
.maintenance_wrap .maintenance_box .item_left .maintenance_item h3 {font-size: 18px; line-height: 1.5em; padding-left: 15px;}

.maintenance_wrap .maintenance_box .item_right {width: 25%;}

.maintenance_wrap p span {font-size: 12px; float: right;}
.maintenance_wrap .maintenance_box_row {flex-direction: row-reverse;}


@media screen and (max-width: 960px){

}

@media screen and (max-width: 640px){
    .maintenance_wrap .maintenance_box {display: block;}
    .maintenance_wrap .maintenance_box .item_left,
    .maintenance_wrap .maintenance_box .item_right {width: 100%;}

    .maintenance_wrap .maintenance_box .item_left {margin-bottom: 10px;}
    .maintenance_wrap .maintenance_box .item_left .maintenance_item {justify-content: center;}
    .maintenance_wrap .maintenance_box .item_right {text-align: center;}
    .maintenance_wrap .maintenance_box .item_right img {width: 80%;}

}


/*--------------------------------------------------
checklist_wrap
---------------------------------------------------*/

.checklist_wrap h3 {color: #fff; font-size: 20px; text-align: center; background-color: #000; padding: 0 20px; margin-left: 20px;
    border-radius: 5px 5px 0 0; width: 20%;}
.checklist_wrap .checklist_box {position: relative; background-color: #f6b698; padding: 45px 20px 15px;}
.checklist_wrap .checklist_box .checklist_image01 {position: absolute; top: -45px; left: 45%;}
.checklist_wrap .checklist_box .checklist_image02 {position: absolute; top: 7px; right: 7px;}

.checklist_wrap .checklist_box .maintenance_item01 {border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
.checklist_wrap .checklist_box .maintenance_item02 {padding-bottom: 10px; margin-bottom: 10px;}
.checklist_wrap .checklist_box .maintenance_item01 h4,
.checklist_wrap .checklist_box .maintenance_item02 h4 {color: #fff; font-size: 20px;}
.checklist_wrap .checklist_box .maintenance_item01 p,
.checklist_wrap .checklist_box .maintenance_item02 p {font-size: 18px; font-weight: bold; display: flex; align-items: center;}
.checklist_wrap .checklist_box .maintenance_item01 p::before,
.checklist_wrap .checklist_box .maintenance_item02 p::before {content:"■"; font-size: 20px; color: #fff; margin-right: 10px;}

.checklist_wrap .checklist_box .maintenance_txt {font-size: 16px; font-weight: bold; margin-top: 30px;}

@media screen and (max-width: 960px){

}

@media screen and (max-width: 640px){
    .checklist_wrap h3 {font-size: 16px; margin-left: 10px; width: 43%;}
    .checklist_wrap .checklist_box {padding: 30px 10px 15px;}

    .checklist_wrap .checklist_box .checklist_image01 {top: -30px; width: 25%;}
    .checklist_wrap .checklist_box .checklist_image02 {top: 3px; right: 3px;}

    .checklist_wrap .checklist_box .maintenance_item01 h4, .checklist_wrap .checklist_box .maintenance_item02 h4 {font-size: 18px;} 
    .checklist_wrap .checklist_box .maintenance_item01 p, .checklist_wrap .checklist_box .maintenance_item02 p {font-size: 14px;}

    .checklist_wrap .checklist_box .maintenance_txt {font-size: 14px; margin-top: 10px;}

}


/*--------------------------------------------------
QA_sec
---------------------------------------------------*/

.QA_sec .contents_ttl > figure{max-width: 250px;margin: 15px auto;}
.QA_sec .contents_ttl h3{background: #6dbe87;color: #ffffff;font-size: 30px;border-radius: 10px;}

.QA_sec .inner{padding: 20px 60px;}
.QA_sec .inner .itemQA{}
.QA_sec .inner .itemQA + .itemQA{margin: 10px auto 0;padding: 20px 0 0;border-top: 1px dashed;}
.QA_sec .inner .itemQA .item_left{font-size: 50px;font-weight: bold;color: #6dbe87;width: 10%;}
.QA_sec .inner .itemQA .item_right{width: 85%;}
.QA_sec .inner .itemQA .item_right p{}
.QA_sec .inner .itemQA .item_right h5{font-size: 20px;font-weight: bold;line-height: 1.5;}


.QA_inner{
    align-items: flex-start;
    margin: 40px auto 0;
}

.boxQA{width: 53%;}
.boxReform{width: 43%;padding: 20px;}

.boxReform{}
.boxReform > h3{
    text-align: center;
    font-size: 17px;
    line-height: 1.4;
    padding: 5px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.boxReform > h3 + h3{
    background: #ffffff;
    padding: 10px;
    margin: 15px auto;
    border-radius: 8px;
}
.boxReform h4{
    text-align: center;
    font-size: 25px;
    line-height: 1.4;
    margin: 0 0 15px;
}
.boxReform h4 + p{}
.boxReform .reform_detail {}
.boxReform .reform_detail h5{
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
}
.boxReform .reform_detail h5 small{
    font-size: 15px;
}
.boxReform .reform_detail .reformTel{
    text-align: center;
    font-size: 42px;
    font-weight: bold;
}
.boxReform .reform_detail{}
.boxReform .reform_detail{
    padding: 20px 0 0;
}


.new_windowIcon{max-width: 14px;vertical-align: middle;margin-left: 5px;}

.houseCleaning{
    margin: 15px auto 0;
    padding: 15px 0 0;
}
.houseCleaning h4{font-size: 24px;text-align: center;line-height: 1.6;}
.houseCleaning h4 small{font-size: 16px;display: block;color: #6dbe87;}
.houseCleaning p{}


@media screen and (max-width: 960px){

}

@media screen and (max-width: 640px){

.QA_sec .inner{padding: 20px ;}
.boxQA,
.boxReform{width:100%;}	
.boxReform{margin: 40px auto 0;}
	
	.QA_sec .inner .itemQA .item_right h5{font-size: 22px;}	
	.boxReform .reform_detail .reformTel{font-size: 32px;}
}


/*--------------------------------------------------
present_sec
---------------------------------------------------*/

.present_sec .present_wrap {border: 2px solid #eca700;}
.present_sec .itemHead {position: absolute; top: 10px; left: 30px;}
.present_wrap > h3,
.present_sec .present_wrap .box_right .present_item p strong {color: #a26b00;}

.present_kigen {color: initial;}
.present_kigen span {background-color: #a26b00;}

@media screen and (max-width: 640px){
    .present_sec .itemHead {top: 40px; left: 26px;}
    .present_wrap > h3 {text-align: right;}
}