@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_new_house.lower #content_service_new_house.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;
}
#page-service_new_house.lower .content_base h2 {
    background-image: url(../img/common/line_dot.png);
    text-align: center;
    padding: 0rem 2rem 1rem 2rem;
}
#page-service_new_house.lower #content_service_new_house.content_base h2 .fs_sm{
    font-size: 2.4rem;
}
#content_service_new_house .content_body_inner{
    padding: 2.5rem 3.5rem;
}
#content_service_new_house .content_body_inner .part{
    position: relative;
    border-radius: 50%;
    background-color: var(--c-beige);
    width: 7.4rem;
    height: 7.4rem;
    color: var(--c-orange);
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
}
#content_service_new_house .content_body_inner .part .inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); 
    white-space: nowrap;
}
#content_service_new_house .content_body_inner .part .inner span{
    font-size: 4.0rem;
    font-weight: 700;
}
#content_service_new_house .content_body_inner .col:first-child{
    max-width : unset ;
    height: auto;
}
#content_service_new_house .content_body_inner .col:last-child{
    width: 280px;
    height: auto;
}
#content_service_new_house .content_body_inner .col h3{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.74;
    margin-bottom: 2rem;
}
#content_service_new_house .content_body .banner{
    width: 882px;
    height: auto;
    margin: 2.5rem auto;
    text-align: center;
}
/*--施工事例
===================================--*/
#content_service_new_house_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_new_house_works.content_base{
    padding: 6rem 2rem 6rem 2rem;
}
#content_service_new_house_works .headline_type01 span{
    text-align: center;
    display: block;
    font-size: 1.6rem;
    padding: 2rem 0 0 0;
    font-weight: 500;
}



/*--完成までの流れ
===================================--*/
#content_service_new_house_flow.content_base{
    background-color: var(--c-beige);
    padding: 6rem 0 6rem 0;
}
#content_service_new_house_flow .content_body figure{
    width: 850px;
    height: auto;
    margin: 2rem auto;
    text-align: center;
}
#content_service_new_house_flow .content_body .flow_list{
    width: 850px;
    height: auto;
    margin: 1rem auto 5rem auto;
}
#content_service_new_house_flow .content_body .flow_list .flow_list_item{
    width: 100%;
    margin-bottom: 2rem;
}
#content_service_new_house_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_new_house_flow .content_body .flow_list .flow_list_item .flow_list_item_inner .text{
    width: 100%;
    font-size: 1.4rem;
}
#content_service_new_house_flow  .flow_list .flow_list_item .flow_list_item_inner .text .title{
    font-weight: 500;
}
#content_service_new_house_flow .content_body .flow_list .flow_list_item hr{
	border: none;
    border-top: 2px dotted #B28357;
    width: 100%;
    margin-bottom: 1rem;
}
#content_service_new_house_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: 3.4rem;
    height: 3.4rem;
    color: var(--c-white);
    font-size: 1.8rem;
    text-align: center;
    display: inline-block;
    line-height: 3.2rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
#content_service_new_house_flow .content_body .inner{
    width: 790px;
    height: auto;
    margin: 0 auto;
}

@media screen and (min-width:1001px){
    #content_service_new_house_flow  .flow_list .flow_list_item .flow_list_item_inner .text .desc{
        padding: 0 1.5rem 0 4.5rem ;
        font-size: 1.4rem;
        font-weight: 500 ;
        letter-spacing : 0 ;
    }
    #content_service_new_house .content_body_inner .col:first-child{
        width: 60%;
    }
    
}

/* tb sp */
@media screen and (max-width:1000px){
    
    #content_service_new_house .content_body_inner .part{
        margin: 0 0 2rem 2rem;
    }

    #page-service_new_house.lower #content_service_new_house.content_base {
        padding: 5rem 0rem 5rem 0rem;
    }
    #page-service_new_house.lower .content_base h2{
        font-size: 2.3rem;
        padding: 0 0 1rem 0;
    }
    #page-service_new_house.lower #content_service_new_house.content_base h2 .fs_sm{
        font-size: 2rem;
    }
    #page-service_new_house.lower .content_base .headline_type01{
        margin-bottom: 0rem;
    }
    #content_service_new_house .content_body .col:last-child{
        width: 100%;
    }#content_service_new_house .content_body_inner .col h3{
        line-height: 1.25;
        letter-spacing: normal;
    }
    #content_service_new_house .content_inner{
        padding: 0.5rem;
    }
    #content_service_new_house .content_body_inner{
        padding: 0rem 0.5rem 4rem 0.5rem;
    }
    
    #content_service_new_house .content_body_inner figure {
        width : 85% ;
        margin :0 auto ;
    }
    
    /*--完成までの流れ
===================================--*/
#content_service_new_house_flow.content_base{
    background-color: var(--c-beige);
    padding: 4rem 0 0 0;
}
    #content_service_new_house .content_body .banner,
    #content_service_new_house_flow .content_body .inner{
        width: 100%;
        margin: 0 auto;
    }
    #content_service_new_house_flow .content_body figure{
        width: 100%;
    }
    #content_service_new_house_flow .content_body .flow_list{
        width: 100%;
    }
    #content_service_new_house_flow  .flow_list .flow_list_item .flow_list_item_inner .text .desc{
        padding: 0rem;
        font-size: 1.4rem;
        letter-spacing:0;
    }
    #content_service_new_house_flow .content_body .flow_list .flow_list_item .flow_list_item_inner{
        padding: 1.5rem 1.8rem 1.5rem 1.8rem;
    }
    
}

/*--