@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-top: 50px;
}
.work-pick{
	max-width: 1140px;
	margin:200px auto 20px;
}
.work-pick h4{
	text-align: left;
	margin-bottom: 20px;
}
.work-pick p{
	text-align: left;
	margin: 80px auto;
}
.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{
	max-width: 680px;
	margin:0 auto;
	background-color: #eee;
	padding:30px;
}
.info-table {
	max-width: 400px;
    margin: 0 auto;
}
.info-table table{
	   text-align: left;
    height: 30px;
	margin: 45px 10px 0;
}
.info-table td{
	font-size: 1.2rem;
	border-bottom: 1px solid #999;
	width: 180px;
}
.madori{
	display: flex;
	margin:50px auto 0;
	justify-content: center;
	align-items: center;
}
.madori img{
	max-width: 200px;
}
.madori h4{
	text-align: center;
}
.yajirusi{
	width:15px;
	height:30px;
	margin:0 50px;
}
.work_photo{
	display: flex;
	margin:50px auto 0;
	justify-content: center;
	max-width: 680px;
	align-items: center;
}
.work_photo img{
	max-width: 230px;
}
.work_photo h4{
	text-align: center;
}
.yajirusi2{
	width: 15px;
    height: 30px;
}
.cg img{
	max-width: 680px;
	margin-top: 30px;
}
.cg h2{
	font-size: 1.6rem;
	margin-top: 50px;
}
.work-picckup_p h3{
	margin:20px 0;
	font-size: 1.1rem;
}
.work h3{
	margin-bottom: 30px;
}
.work{
	margin-bottom: 100px;
}
.work-picckup_p{
	max-width: 300px;
}

@media(max-width:1050px){
.work-pick {
    max-width: 350px;
    margin: 90px auto 20px;
	}
	.work-ex h3{
		font-size: 1.1rem;
		padding:5px 20px;
	}
	.work-pick h4{
		font-size: 1.2rem;
	}
	.work-pick p{
		font-size: 1.1rem;
		margin:60px auto;
	}
	.info-table td{
		font-size: 1rem;
	}
	.info-table table {
    margin: 20px 10px 0;
}
	.cg img{
		max-width: 350px;
	}
	.cg h2{
		font-size: 1.2rem;
	}
	.cg h3{
		font-size: 1rem;
	}
	.work{
		margin:40px auto 50px auto;
	}
	.work h3{
		margin-bottom: 20px;
	}
	.work-picckup_p {
        max-width: 350px;
        margin: 0 auto;
    }
	.work-picckup_p h3{
		font-size: 1rem;
		margin:10px 0;
	}
}