@charset "UTF-8";


.beforeafter{text-align: center;}

.in-hierarchy .contentwraper .float-img .float-left{margin-bottom:0;}
.in-hierarchy .contentwraper .float-img .float-right{margin-bottom:0;}


.article-list a{display: block; text-decoration: none; background: #fff;text-align: left; border: 1px solid #c5c5c5; font-weight: bold;padding: 30px;}
.article-list a:hover{background: #f7f7f7;}
.article-list .float-left
.article-list .float-img p{font-size: 1.2em;line-height: 2.4em;}
.article-list .float-img p em{color: #15923a;font-size: 2.4em;font-style: normal;margin-left: 24px;}
.article-list .float-img h3 {font-size: 2.6em;margin-top: 40px;}

.beforeafter-in .article-list .float-img p.position{color: #15923a;line-height: 2.4em;}
.beforeafter-in .article-list .float-img p.position em{color: #333; display: block;margin-left:0;}
.beforeafter-in .float-img h3 {font-size: 1.6em;margin-top:0;}
.beforeafter-in .article-list small{ margin: 24px 0 16px;display: inline-block;font-size: 1em;}
.beforeafter-in .article-list a {display: -webkit-box;display:-webkit-box;display:-moz-box;display:flex;
padding: 22px 30px; background: #15923a; color: #fff; border: 2px solid #15923a;text-align: center;}
.beforeafter-in .article-list a:hover{background: #fff; color: #15923a; border: 2px solid;}
.beforeafter-in .article-list a i{margin-right: 5px;}

.beforeafter-in .article-list p.question{display: -webkit-box;display:-webkit-box;display:-moz-box;display:flex;
font-size: 1.4em;border-top: 2px solid #15923a; background: #fff; padding: 14px 20px; margin-bottom: 14px; font-weight: bold;}
.beforeafter-in .article-list p.question span{color: #15923a; margin-right: 10px;}
.beforeafter-in .article-list p.ancer{line-height: 1.7em; margin-bottom: 20px;}

.beforeafter-in section.article-list.btn {text-align: center;}
.beforeafter-in section.article-list.btn p{display: inline-block;}
.beforeafter-in section.article-list.btn p a{padding: 22px 100px; display: block;background: #222; color: #fff; border: none; border-bottom: 6px solid #c9c9c9;}
.beforeafter-in section.article-list.btn p a:hover{background: #444;}



div.work { height:400px; width:1000px; margin:0 auto 60px; position:relative;}
div.work p.tittle {
	width: 231px;
	height: 350px;
	position: absolute;
	top: 53px;
	left: 681px;
}
div.work p.tittle02 {
	width: 231px;
	height: 350px;
	position: absolute;
	top: 53px;
	left: 100px;
}
div.work p.tittle img,
div.work p.tittle02 img
 {
	width:100%;
}

.workBtn p {
	text-align:center;
	margin-right:10px;
	display:inline-block;
	}
.workBtn p a:hover {
	opacity:0.6;
	}
	
	
.innrBtn {
    margin: 0 auto;
    max-width: 1000px;
    width: 94%;
		text-align:center;
}

@media screen and (max-width: 840px) {
.beforeafter .article-list .float-img p em{font-size: 1.6em;}
.beforeafter .article-list .float-img h3 {font-size: 1.8em;margin-top: 20px;}

.beforeafter-in .article-list small{clear: both; padding-top: 40px; display: block;}

div.work { width:90%; margin:0 auto 20px; position:static; height:auto;}
div.work p img { width:100%;}


div.work p.tittle {
	width: 90%;
	left:0;
	top:0;
	position:static;
	height:auto;
	margin:0 auto;
}
div.work p.tittle02 {
	width: 80%;
	left:0;
	position:static;
	top:0;
	height:auto;
	margin:0 auto;
}
div.work p.tittle img,
div.work p.tittle02 img
 {
	width:100%;
}


.workList {
	font-size:147% !important;
	margin:0 auto;
	text-align:center;
	width:94%;
	font-weight:bold;
	}
.workList li.tittle {
	color:#008000;
	}
.workList li.tittle span {
	font-size:180%;
	}
.workList li.name {
	font-size:147%;
	}
	
	
	

}