@charset "UTF-8";
/*************************
RESTAが外壁塗装を行う理由
 *************************/

p{
	margin-bottom:0;	
}

.main{
	margin-bottom:80px;
}

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

.t-align-r figure{
	text-align:right;	
}

.detail h3{
	font-size:22px;
	margin-bottom:25px;
	line-height:1.4;
}

.detail p{
	margin-bottom:20px;
	line-height:1.8;
}

.detail p:last-child{
	margin-bottom:0;	
}

.fadeInDown {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:1s;
	 -ms-animation-duration:1s;
	 animation-duration:1s;
	 -webkit-animation-name: fadeInDown;
	 animation-name: fadeInDown;
	 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



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

.body_contents{
	position:relative;
	margin-bottom:100px;
}

.detail{
	width:55%;
	padding:30px 30px 25px;
	background:rgba(255,255,255,.85);
	border:5px solid #f1f0ee;
}

.box1{
	min-height:510px;
}

.box2{
	min-height:635px;
}

.box3{
	min-height:530px;
}

.t-align-l .detail{
	position:absolute;
	top:80px;
	right:0;
}

.t-align-r .detail{
	position:absolute;
	top:80px;
	left:0;
}

}



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

.body_contents{
	margin-bottom:60px;	
}

.body_contents figure{
	margin-bottom:30px;	
}

.detail h3{
	font-size:18px;
	margin-bottom:15px;
}

}