@charset "UTF-8";

/* 住まいづくりの考え方 */

.conceptBody .breadcrumbs{ margin:10px}
.conceptBody .section-wrap{ padding:0}
.concept-wrap{
	background:url(../../concept/img/concept_bg.jpg) center top no-repeat;
	background-size:cover;

}
.concept-wrap h3 { margin:0; padding:20px 0; font-size:2rem; text-align:center; color:#fff;font-family: 'Noto Serif JP', serif; text-shadow: 1px 1px 2px #000;}
.concept-wrap p{ padding:0 10px; color:#fff; max-width:630px; margin:0 auto;text-shadow: 1px 1px 2px #000; font-weight:bold}

.concept-wrap .buttons {
	text-align: center;
}
.concept-wrap .buttons li {
	display:block;
	margin-bottom: 15px;
}
.concept-wrap .buttons li:last-child{ margin-bottom:0px;}
	
.concept-wrap .buttons .btn03 {
	box-sizing:border-box;
	width: 80%;
	padding-left: 0;
	padding-right: 0;
}

.concept-btn{
	margin-top: 40px;
	padding:  0 4%;
	margin-bottom: 40px;
}

.concept-btn ul li.flow{ display: block;}
.concept-btn  .banner_1  {
    width: 100%;
}	
.concept-btn  .banner_1 .inner a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
}	
.concept-btn ul li.flow .banner_1:after { background: url(../../img/concept03.jpg) no-repeat center center; background-size:cover;}

.concept-list{ margin:20px 10px;}
.concept-list li{ margin-bottom:20px; padding-bottom:20px; border-radius:10px; background:#fff;}
.concept-list li h4{ margin:10px 0; font-size:2.4rem;color:#007843;font-family: 'Noto Serif JP', serif; font-weight:normal}
.concept-list li a{ display:block; text-align:center}
.concept-list li p{ margin:10px 10px 0; text-align: left}
.read-more{  display: inline-block; text-align:center;  border-bottom: 2px solid #007843;  padding-bottom: 2px; color:#007843}



@media screen and (min-width: 961px) {
.conceptBody .share .section-wrap{width:1260px; margin:40px auto 0; }
.conceptBody .share .section-wrap .breadcrumbs { max-width: 1080px; margin: 10px auto 50px;}
.concept-wrap h3{ padding:80px 0 40px; font-size:3rem;}
.concept-wrap p{padding:0 0 10px; line-height:1.8; font-size: 1.7rem;}
.concept-wrap .momibtn{ padding-bottom:120px;}
	
.concept-wrap .buttons {
}
.concept-wrap .buttons li {
	display: inline-block;
	width: 26%;
	margin-right:35px;
}
.concept-wrap .buttons li:last-child{ margin-right:0px;}
	
.concept-wrap .buttons .btn03 {
	box-sizing:border-box;
	width: 100%;
    padding: 40px 30px;
}
.concept-btn ul  {
	text-align: center;
}	
	
.concept-btn ul li.flow  {
	display: inline-block;
    width: 86%;
}	
.concept-btn  .banner_1  {
    width: 100%;
}	
.concept-btn  .banner_1 .inner a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
}	
	
.concept-list{ margin:60px auto 120px; width:1080px;}
.concept-list ul{ display: flex;  justify-content: space-between;}
.concept-list li{ width:510px; }
.concept-list li h4{ margin:40px 0 20px;}
.concept-list li p{ margin:0 40px 20px; line-height:1.8}
.concept-list li a{ position:relative; min-height: 530px;}
.concept-list li p.read-more{ position:absolute; display:block; bottom:0; left: 170px;}

}