@charset "UTF-8";

/*************************
 ペット共生リフォーム【マンション編】
 *************************/

p{
	margin-bottom:0;	
}

.main{
	margin-bottom:60px;	
}

.main img{
	width:100%;
	height:auto;	
}

.body_contents{
	margin-bottom:80px;	
}

.lead01{
	margin-bottom:80px;	
}

.mansion_box{
	margin-bottom:50px;	
}

.text span{
	font-weight:bold;	
}

.circle{
	font-weight:bold;
	font-size:16px;
	color:#7bac2f;
	margin-bottom:20px;
}

.circle .p-block{
	display:inline-block;
	width:60px;
	height:60px;
	padding: 22px 8px;
	margin-right:10px;
	border-radius:30px;
	border:1px solid #7bac2f;
	color:#7bac2f;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}

.floor:after{
	content:"";
	display:block;
	clear:both;		
}

.floor figure{
	float:left;
	width:48%;
	margin-right:4%;	
}

.floor figure:last-child{
	margin-right:0;	
}

.floor figure img{
	margin-bottom:10px;	
}

.point6{
	margin-bottom:30px;	
}

.point6 figcaption{
	font-weight:bold;	
}

.ttl02{
	margin-bottom:40px;
}

.cotnents_box table{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
}

.cotnents_box table th,
.cotnents_box table td{
	border-bottom:1px solid #ccc;
}

.cotnents_box table th{
	width:40%;
}

.cotnents_box table td{
	width:60%;
}

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

.float:after{
	content:"";
	display:block;
	clear:both;	
}

.box1 .illust{
	float:right;
	width:60%;
}

.box1 .text{
	float:right;
	width:35%;
	margin-right:5%;
}

.point1 .illust,
.point3 .illust,
.point5 .illust{
	float:right;
	width:35%;
}

.point1 .text,
.point3 .text,
.point5 .text{
	float:right;
	width:60%;
	margin-right:5%;
}

.point2 .illust,
.point4 .illust{
	float:left;
	width:60%;
	margin-right:5%;
}

.point2 .text,
.point4 .text{
	float:left;
	width:35%;	
}

.point6 figure{
	float:left;
	width:30%;
	margin-right:5%;
}

.point6 figure:last-child{
	margin-right:0;	
}

.cotnents_box table{
	font-size:16px;
}

.cotnents_box table th,
.cotnents_box table td{
	padding:20px 20px 15px;
}



}

@media screen and (max-width:640px){

body_contents{
	margin-bottom:60px;
}

.lead01{
	margin-bottom:60px;
}

.circle{
	display:table;	
}

.circle span{
	display:table-cell;	
}

.circle .p-text{
	vertical-align:middle;
	line-height:1.3;
}

.mansion_box figure{
	margin-bottom:20px;
	text-align:center;	
}

.floor figcaption{
	text-align:left;	
}

.ttl02{
	margin-bottom:30px;	
}

.cotnents_box table th,
.cotnents_box table td{
	padding:10px 10px 7px;
}

}