@charset "UTF-8";

/*************************
 リフォームについて
 *************************/

.main{
	margin-bottom:80px;	
}

.main .titlebox{
	background:#f0efe8;
	text-align:center;
	padding:30px 30px 25px;
}

.main .titlebox h3{
	font-weight:bold;
	margin-bottom:15px;
	font-size:22px;
}

.main .titlebox p{
	line-height:2;
	margin:0;
	text-align:left;
}

.contents_box{
	margin-bottom:60px;	
}

.contents_box dl{
	margin:0;	
}

.contents_box dl dt{
	font-size:18px;
	font-weight:bold;
	color:#7bac2f;
	margin-bottom:15px;
}

.contents_box dl dd:after,
.contents_box dl.other ul:after{
	content:"";
	display:block;
	clear:both;	
}

.contents_box dl dd ul{
	margin:0;	
}

.contents_box dl dd ul li:before{
	content:"■";
	color:#7bac2f;
	display:inline-block;
	text-indent:-1.5em;
}

.contents_box dl dd ul li{
	padding-left:1.5em;
	margin-bottom:10px;
}

.contents_box dl.other ul{
	padding:30px 30px 25px;
	border:1px solid #ccc;	
}

.contents_box dl.other ul li:last-child{
	margin:0;	
}

.contents_box dl dd .lead01{
	margin-bottom:30px;	
}

.contents_box dl.dl_inner dt,
.contents_box dl.other dt{
	font-size:16px;
	color:#333;	
}

.contents_box dl dd .detail .text01{
	margin-bottom:50px;	
}

.contents_box dl dd .detail .inner{
	margin-bottom:30px;	
}

.contents_box dl dd .detail .inner p{
	margin-bottom:20px;	
}

.passion dl{
	margin-bottom:50px;
}

.craftsman .primary{
	margin-bottom:50px;	
}

.link{
	display:block;
	width:230px;
	padding:15px 10px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #ccc;
}

.link:hover{
	border:1px solid #7bac2f;
	color:#fff;
	background:#7bac2f;
	-webkit-transition:all .3s;	
	-moz-transition:all .3s;	
	-ms-transition:all .3s;	
	transition:all .3s;
}

.link i{
	margin-right:10px;	
}


@media screen and (min-width:641px){

.contents_box dl dd .detail{
	float:right;
	width:60%;
	margin-right:5%;
}

.contents_box dl dd figure{
	float:right;
	width:35%;	
}

.contents_box dl.other ul li{
	float:left;
	width:48%;
	margin-right:4%;
}

.contents_box dl.other ul li:nth-child(2n){
	margin-right:0;
}

}


@media screen and (max-width:640px){
	
.main{
	margin-bottom:60px;	
}

.main .titlebox h3{
	font-size:20px;
	line-height:1.3;
}

figure{
	text-align:center;
	margin-bottom:30px;
}

.contents_box dl dt{
	margin-bottom:25px;
}

.contents_box dl.dl_inner dt,
.contents_box dl.other dt{
	margin-bottom:10px;
}

.contents_box dl.other ul{
	padding:20px 20px 15px;
}

.link{
	width:80%;
	margin:0 auto;	
}

}