@charset "UTF-8";
/* CSS Document */
.section-top{
	margin-top: 130px;
}
.section-top_p{
	height: 300px;
	background-image: url("../image/renovated/renovated.jpg");
	background-size: 100%;
    background-repeat: no-repeat
}
.section-top_p h3{
	color:#fff;
	padding-top: 20px;
	letter-spacing: 0.2rem
}
.section-top h2{
		padding-top: 130px;
	font-size:3.6rem;
	color:#fff;
}
.section-top p{
	font-size: 1.8rem;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin:60px 0;
	line-height: 3rem;
}
.slider img{
	max-width: 508px;
}
.info-img img{
	max-width: 80%;
	margin: 10% auto 0;
}
.work-pick{
	max-width: 1140px;
	margin:0 auto 20px;
}
.work-pick p{
	text-align: left;
	margin-bottom: 20px;
}
.work-ex{
	display: flex;
	justify-content: space-between;
	max-width: 1140px;
	margin:0 auto 20px;
	border-bottom:1px solid #333;
	padding-bottom: 10px;
}
.work-p{
	display: flex
}
.work-ex h3{
	font-size: 1.6rem;
	background-color: #333;
	color:#fff;
	padding:10px 20px;
	border-radius: 20px;
}
.work-p h4{
	padding:8px;
	border: 1px solid #333;
	font-size: 1.6rem;
	margin-right: 10px;
}
.work-p h5{
	padding:8px;
	border: 1px solid #333;
	font-size: 1.6rem;
}
.information_sp{
	display:none;
}
.information_pc{
	display:block;
}
.contact h2{
	font-size: 1.8rem;
	line-height: 1.8rem;
	max-width: 1040px;
	border:1px solid #333;
	margin:70px auto 55px;
	padding: 45px 0;
	letter-spacing: 0.1rem;
}
.link{
	max-width: 560px;
	max-height: 240px;
	margin: 0 auto 130px;
	border:1px solid #333;
}
.link img{
	max-width: 560px;
}
.link_b{
	display:flex;
	justify-content: space-between;
}
.link_b p{
	    padding: 3px 10px;
    color: #fff;
    background-color: #025922;
    font-size: 9px;
    height: 20px;
    margin-right: 10px;
    margin-top: 40px;
	
}
.link_text h3{
	text-align: left;
	padding-left: 50px;
	padding-top: 20px;
	font-size: 1.4rem;
}
.link_text h4{
	padding-left:50px;
	padding-bottom: 20px;
	font-size: 1.2rem;
}
.contact a{
	text-decoration: none;
	color:#333;
}
.slick-dots li button{
    background: #ccc;
}

@media(max-width:1050px){
	.section-top {
        margin-top: 60px;
    }
	    .section-top h2 {
        font-size: 2rem;
			padding-top: 0px;
    }
	.section-top_p h3 {
        font-size: 1.1rem;
        padding-top: 5px;
    }
	.section-top_p {
        padding-top: 35px;
        height: 100px;
    }
	.section-top p {
        font-size: 1.2rem;
        margin: 0px auto;
        max-width: 300px;
        line-height: 2.2rem;
    }
	.work h2, .colum h2, .faq h2, .flow h2 {
        font-size: 2rem;
        margin-bottom: 0;
		line-height: 2rem;
    }
	.work-pick {
    max-width: 350px;
    margin: 30px auto 20px;
}
	.work-ex h3 {
    font-size: 1rem;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
	line-height: 2.2rem;
	}
	.work-p h4 {
    padding: 5px;
    font-size: 1rem;
    margin-right: 10px;
	}
	.work-p h5 {
    padding: 5px;
    font-size: 1rem;
}
	.work-pick p {
		font-size: 1.2rem;
	}
	.information_sp{
	display:block;
}
	.information_pc{
	display:none;
}
	.info-img img {
    max-width: 100%;
    margin-top: 80px;
}
	.slick-dots li button {
    top: -10px;
    left: 0;
    width: 10px;
		height: 10px;
	}
	.contact h2 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    max-width: 350px;
    border: 1px solid #333;
    margin: 0 auto 35px;
    padding: 20px 0;
    letter-spacing: 0.1rem;
}
	.link {
		max-width: 350px;
		    margin: 0 auto 60px;
	}
	.link img {
    max-width: 350px;
}
	.link_text h3 {
    padding-left: 20px;
    padding-top: 20px;
    font-size: 1.1rem;
}
	.link_text h4 {
    padding-left: 20px;
    font-size: 1rem;
}
.section-top_about h3, .section-top_service h3, .section-top_renovation h3, .work h3, .colum h3, .service h3, .flow h3, .faq h3 {
        font-size: 1rem;
        margin-bottom: 20px;
        font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
        padding: 5px;
        margin: 10px 0;
    }
	    .faq .accordion-area h3 {
        font-size: 1.1rem;
    }
	.accordion-area .title span {
        margin-left: 40px;
    }
	.box p {
        font-size: 1.2rem;
    }
	.faq {
        margin-bottom: 50px;
    }
}