@charset "utf-8";

/*-- 
content_works
施工事例 lower slider 
====================================================== --*/

.lower .works_list {
	display: flex;
	/* justify-content: space-between; */
	column-gap: 3.5%;
	margin-top: 2rem;
}
.lower .works_list_item {
	background-color: var(--c-white);
	/* border-radius: 1.5rem; */
	max-width: 31%;
	width: 100%;
	/* padding: 3rem 2.5rem; */
}
.lower .works_list_item img{
    object-position: 50% 50%;
     object-fit: cover;
     width: 100%;
     height: 18rem;
}
.lower .works_list_item .text{
	padding: 0.5rem 1rem 1rem 1rem;
}
.lower .works_list_item .text span{
	border-radius: 0.2rem;
    display: inline-block;
    padding: 0.1rem 1rem;
    color: var(--c-white);
}
.lower .works_list_item .text .title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}
.lower .content_service_list_slider .btn {
    margin: 2rem auto;
}
.lower .works_list_item .text span.shintiku_s{
	background-color: var(--c-green-light);
}
.lower .works_list_item .text span.syuzen_s{
	background-color: var(--c-glay-9);
}
.lower .works_list_item .text span.rehome_s{
	background-color: var(--c-yellow);
}

@media screen and (max-width:1000px){
    
	#content_service_new_house_works .works_list_item,
	.lower .works_list_item {
		width: 50vw;
		margin: 1rem;
	}
	#content_service_new_house_works .works_list_item img,
	.lower .works_list_item img{
        object-position: 50% 50%;
         object-fit: cover;
         width: 100%;
         height: 16.6rem;
    }
}
@media screen and (max-width:580px){
	#content_service_new_house_works .works_list_item,
	.lower .works_list_item {
		width: 100vw;
		margin: 1rem;
        }
    }
/*-- 
service_new_house

====================================================== --*/
#page-service_renovate_repair.lower #content_service_renovate_repair.content_base {
    max-width: 111rem;
    width: 100%;
    margin: 0 auto 6rem auto;
    padding: 8rem 7rem 10rem 7rem;
    overflow: unset;
    background-color:var(--c-white) !important;
    border-radius: 1rem;
    position: relative;
}
#lower_kv .lower_kv_title .main{
    font-size: 3.6rem;
    letter-spacing: 0em;
    line-height: 1.091;
}
#page-service_renovate_repair.lower .content_base h2 {
    background-image: url(../img/common/line_dot.png);
    text-align: center;
    padding: 0rem 2rem 1rem 2rem;
}
#page-service_renovate_repair.lower #content_service_renovate_repair.content_base h2 .fs_sm{
    font-size: 2.4rem;
}
#content_service_renovate_repair .content_body_inner{
    padding: 2.5rem 3.5rem;
}
#content_service_renovate_repair .content_body_inner .col:first-child{
    width: 395px;
    height: auto;
}
#content_service_renovate_repair .content_body_inner .col:last-child{
    width: 475px;
    height: auto;
}
#content_service_renovate_repair .content_body_inner .col h3{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.74;
    margin-bottom: 2rem;
}
#content_service_renovate_repair .content_body .banner{
    width: 790px;
    height: auto;
    margin: 2.5rem auto;
    text-align: center;
}
#content_service_renovate_repair .content_body .banner p{
    margin-bottom: 2rem;
}
/*--施工事例
===================================--*/
#content_service_renovate_repair_works{
    background-color: var(--c-white);
    display: block;
    height: 65.2rem;
    width: 100%;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    position: relative;
    overflow: hidden;
}
#content_service_renovate_repair_works.content_base{
    padding: 6rem 2rem 6rem 2rem;
}
#content_service_renovate_repair_works .headline_type01 span{
    text-align: center;
    display: block;
    font-size: 1.6rem;
    padding: 2rem 0 0 0;
    font-weight: 500;
}



/*--完成までの流れ
===================================--*/
#content_service_renovate_repair_flow.content_base{
    background-color: var(--c-beige);
    padding: 6rem 0 6rem 0;
}
#content_service_renovate_repair_flow .content_body figure{
    width: 630px;
    height: auto;
    margin: 2rem auto;
    text-align: center;
}
#content_service_renovate_repair_flow .content_body .flow_list{
    width: 850px;
    height: auto;
    margin: 1rem auto 5rem auto;
}
#content_service_renovate_repair_flow .content_body .flow_list .flow_list_item{
    width: 100%;
    margin-bottom: 2rem;
}
#content_service_renovate_repair_flow .content_body .flow_list .flow_list_item .flow_list_item_inner{
    display: flex;
	column-gap: 4rem;
	padding: 1.5rem 2.5rem 1.5rem 2.5rem;
	width: 100%;
	position: relative;
	border-radius: 2rem;
	/* box-shadow: 0 0 1rem var(--c-shadow); */
}
#content_service_renovate_repair_flow .content_body .flow_list .flow_list_item .flow_list_item_inner .text{
    width: 100%;
    font-size: 1.4rem;
}
#content_service_renovate_repair_flow  .flow_list .flow_list_item .flow_list_item_inner .text .title{
    font-weight: 500;
}
#content_service_renovate_repair_flow  .flow_list .flow_list_item .flow_list_item_inner .text .desc{
    padding: 0 3rem;
}
#content_service_renovate_repair_flow .content_body .flow_list .flow_list_item hr{
	border: none;
    border-top: 2px dotted #B28357;
    width: 100%;
    margin-bottom: 1rem;
}
#content_service_renovate_repair_flow .content_body .flow_list .flow_list_item .flow_list_item_inner h3 span{
    position: relative;
    border-radius: 50%;
    background-color: var(--c-orange-pale);
    width: 3rem;
    height: 3rem;
    color: var(--c-white);
    font-size: 1.8rem;
    text-align: center;
    display: inline-block;
    line-height: normal;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
#content_service_renovate_repair_flow .content_body .inner{
    width: 790px;
    height: auto;
    margin: 0 auto;
}
/* pc */
@media screen and (min-width:1001px){
    #page-service_renovate_repair.lower .content_base h2{
        margin-bottom: 1rem;
    }
    #page-service_renovate_repair.lower  #content_service_renovate_repair_works.content_base h2{
        margin-bottom: unset;
    }
    
}

/* tb sp */
@media screen and (max-width:1000px){
    #page-service_renovate_repair.lower #content_service_renovate_repair.content_base {
        padding: 5rem 0rem 5rem 0rem;
    }
    #lower_kv .lower_kv_title .sub{
        line-height: 1.5;
    }
    #lower_kv .lower_kv_title .main{
        font-size: 2.2rem;
        letter-spacing: 0em;
        line-height: 1.091;
    }
    #page-service_renovate_repair.lower .content_base h2{
        font-size: 2.3rem;
        padding: 0 0 1rem 0;
        display: inline-block;
        letter-spacing: 0em;
    }
    #page-service_renovate_repair.lower #content_service_renovate_repair.content_base h2 .fs_sm{
        font-size: 2rem;
    }
    #page-service_renovate_repair.lower .content_base .headline_type01{
        margin-bottom: 2rem;
        text-align: center;
    }
    body.lower .lower_base .row.-col_2 {
        width: 100%;
        margin: 0 auto 4rem auto;
    }
    #content_service_renovate_repair .content_body_inner .col:first-child{
        width: 100%;
        height: auto;
    }
    #content_service_renovate_repair .content_body .col:last-child{
        width: 100%;
    }#content_service_renovate_repair .content_body_inner .col h3{
        line-height: 1.25;
        letter-spacing: normal;
    }
    #content_service_renovate_repair .content_inner{
        padding: 0.5rem;
    }
    #content_service_renovate_repair .content_body_inner{
        padding: 0rem 0.5rem 4rem 0.5rem;
    }
    #content_service_renovate_repair .content_body_inner p{
        font-size: 1.6rem;
        line-height: 2;
    }
    /*--完成までの流れ
===================================--*/
    #content_service_renovate_repair_flow.content_base{
        background-color: var(--c-beige);
        padding: 4rem 0 0 0;
    }
    #content_service_renovate_repair .content_body .banner,
    #content_service_renovate_repair_flow .content_body .inner{
        width: 100%;
        margin: 0 auto;
    }
    #content_service_renovate_repair_flow .content_body figure{
        width: 100%;
    }
    #content_service_renovate_repair_flow .content_body .flow_list{
        width: 100%;
    }
    #content_service_renovate_repair_flow  .flow_list .flow_list_item .flow_list_item_inner .text .desc{
        padding: 0rem;
    }
}

/*--