@charset "utf-8";

#headbg{
	background:url(../img/column/headbg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
header nav ul li.m6:after{
	content:"";
	display:block;
	width:100%;
	height:3px;
	position:absolute;
	left:0%;
	top:77px;
	background-color:#0FA36A;
	}
header.fix nav ul li.m6:after{
	top:64px;
	}
#spnav ul li.m6 a{
	color:#0FA36A;
	background-color:#EAF4F4;
	}
#spnav ul li.m6 a:after{
	border-color:#0FA36A;
	}

#columnbg{
	max-width:1480px;
	margin:0 auto;
	padding:0 60px 140px 9%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	overflow:hidden;
	zoom:1;
	}
#index1 .titleb{
	margin:-20px 0 50px 0;
	}
#index1 .titleb span{
	font-size:22px;
	display:inline-block;
	margin-left:10px;
	vertical-align:4px;
	}
#index1 p{
	text-align:center;
	}
#index1 article{
	float:left;
	width:31%;
	margin:90px 3.5% 0 0;
	}
#index1 article:nth-of-type(3n){
	margin-right:0;
	}
#index1 article:nth-of-type(3n+1){
	clear:both;
	}
#index1 article h3{
	width:93%;
	overflow:hidden;
	zoom:1;
	background-color:#FFF;
	}
#index1 article h3 a img{
	width:100%;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:-moz-transform 0.3s linear;
	-webkit-transition:-webkit-transform 0.3s linear;
	-o-transition:-o-transform 0.3s linear;
	-ms-transition:-ms-transform 0.3s linear;
	transition:transform 0.3s linear;
	transition:0.5s;
	}
#index1 article h3 a:hover img{
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	-ms-transform:scale(1.06);
	transform:scale(1.06);
	}
#index1 article div{
	position:relative;
	z-index:2;
	background-color:#FFF;
	width:92%;
	margin:-35px 0 0 8%;
	-webkit-box-shadow:0px 0px 12px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 12px 0 rgba(0,0,0,0.1);
	box-shadow:0px 0px 12px 0 rgba(0,0,0,0.1);
	padding:30px 30px 22px 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#index1 article div h4{
	font-size:20px;
	font-weight:500;
	}
#index1 article div h4 a{
	color:#403E3C;
	}
#index1 article div h4 span{
	font-size:17px;
	color:#FFF;
	background-color:#C8A26A;
	display:inline-block;
	position:absolute;
	left:-10px;
	top:-15px;
	letter-spacing:0.05em;
	padding:3px 10px 3px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	}
#index1 article div h5{
	font-size:15px;
	padding-top:18px;
	}
#index1 article div h5 img{
	display:inline-block;
	margin-right:8px;
	vertical-align:-13px;
	}
#index1 article div h5 a{
	color:#87A99D;
	}
#detail1 article .headb .titleb{
	padding-bottom:45px;
	}
#detail1 article .headb{
	max-width:940px;
	margin:0 auto;
	}
#detail1 article .headb .titleb{
	letter-spacing:0.02em;
	}
#detail1 article .headb .titleb span{
	font-size:17px;
	color:#FFF;
	background-color:#C8A26A;
	display:inline-block;
	letter-spacing:0.05em;
	padding:3px 10px 3px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	margin-right:25px;
	vertical-align:5px;
	}
#detail1 article .headb .titleb div{
	display:block;
	font-size:15px;
	padding-top:18px;
	font-weight:400;
	letter-spacing:0;
	margin-top:5px;
	}
#detail1 article .headb .titleb div img{
	display:inline-block;
	margin-right:8px;
	vertical-align:-13px;
	}
#detail1 article .headb .titleb div a{
	color:#87A99D;
	}
#detail1 article .post-box{
	max-width:840px;
	margin:70px auto 0 auto;
	}
.detail2#index1{
	padding-top:130px;
	margin-top:110px;
	border-top:1px solid #E6E6E6;
	}
.detail2#index1 article{
	margin-top:20px;
	}
.detail2#index1 h6.linkto{
	text-align:center;
	padding-top:70px;
	clear:both;
	}
@media screen and (max-width:900px){
#index1 .titleb{
	margin-bottom:40px;
	}
#columnbg{
	padding:0 7% 0 7%;
	}
#index1 .titleb{
	margin:0px 0 40px 0;
	}
#index1 .titleb span{
	font-size:18px;
	margin-left:15px;
	}
#index1 p{
	text-align:left;
	}
#index1 article{
	float:none;
	width:auto;
	margin:40px 0 0 0;
	}
#index1 article h3{
	width:95%;
	}
#index1 article div{
	width:94%;
	margin:-30px 0 0 6%;
	padding:25px 7% 18px 7%;
	text-align:right;
	}
#index1 article div h4{
	font-size:18px;
	text-align:left;
	}
#index1 article div h4 span{
	font-size:16px;
	left:-9px;
	top:-14px;
	padding:2px 9px 2px 9px;
	}
#index1 article div h5{
	padding-top:12px;
	}
#detail1 article .headb .titleb{
	padding-bottom:35px;
	}
#detail1 article .headb .titleb span{
	font-size:16px;
	padding:2px 9px 2px 9px;
	margin-right:15px;
	vertical-align:4px;
	}
#detail1 article .headb .titleb div{
	padding-top:12px;
	}
#detail1 article .post-box{
	margin:60px auto 0 auto;
	}
.detail2#index1{
	padding-top:90px;
	margin-top:80px;
	}
.detail2#index1 article{
	margin-top:40px;
	}
.detail2#index1 h6.linkto{
	padding-top:60px;
	}
}