@charset "utf-8";

header nav ul li.m3:after{
	display:block;
	}
header nav ul li.m3 a{
	color:#005EB8;
	}
#header2 nav ul li.m3 a{
	color:#FAFAFA;
	background-color:#005EB8;
	}
#header2 nav ul li.m3 a:after{
	border-color:#FAFAFA;
	}
#headbg:after{
	background:url(../img/works/headbg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index1{
	max-width:1240px;
	margin:-80px auto 0 auto;
	padding:0 70px;
	overflow:hidden;
	zoom:1;
	}
#index1 article{
	width:29.4%;
	margin:120px 5.9% 0 0;
	float:left;
	}
#index1 article:nth-of-type(3n){
	margin-right:0;
	}
#index1 article:nth-of-type(3n+1){
	clear:both;
	}
#index1 article h2 a{
	display:block;
	aspect-ratio:39/26;
	overflow:hidden;
	zoom:1;
	border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	-o-border-radius:24px;
	-ms-border-radius:24px;
	}
#index1 article h2 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#index1 article ul{
	padding-top:18px;
	overflow:hidden;
	zoom:1;
	}
#index1 article ul li{
	float:left;
	margin:5px 5px 0 0;
	font-size:14px;
	letter-spacing:0.02em;
	}
#index1 article ul li a{
	display:block;
	padding:4px 12px 3px 12px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	background-color:#005EB8;
	color:#FFF;
	}
#index1 article h3{
	font-size:24px;
	font-weight:700;
	padding-top:10px;
	letter-spacing:0.02em;
	}
#index1 article h3 a{
	color:#231815;
	}
#detail1{
	max-width:1180px;
	margin:0 auto;
	padding:0 70px;
	overflow:hidden;
	zoom:1;
	}
#detail1 article{
	padding-bottom:120px;
	border-bottom:1px solid #D2D6D6;
	}
#detail1 .headb{
	text-align:center;
	}
#detail1 .headb ul li{
	display:inline-block;
	margin:8px 4px 0 4px;
	font-size:16px;
	letter-spacing:0.02em;
	}
#detail1 .headb ul li a{
	display:block;
	padding:4px 15px 5px 15px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	background-color:#005EB8;
	color:#FFF;
	}
#detail1 .headb h1{
	font-size:40px;
	font-weight:700;
	display:inline-block;
	text-align:left;
	margin-top:20px;
	}
#detail1 .post-box{
	max-width:900px;
	margin:90px auto 0 auto;
	overflow:hidden;
	zoom:1;
	}
#detail1 h6.linkto{
	text-align:center;
	padding-top:120px;
	}
@media screen and (max-width:900px){
#index1{
	margin:0 auto;
	padding:0 7%;
	}
#index1 article{
	width:600px;
	max-width:100%;
	margin:40px auto 0 auto;
	padding-top:50px;
	float:none;
	border-top:1px solid #D2D6D6;
	}
#index1 article:first-of-type{
	border-top:0;
	margin-top:0;
	padding-top:0;
	}
#index1 article:nth-of-type(3n){
	margin-right:auto;
	}
#index1 article h2 a{
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;
	-ms-border-radius:16px;
	}
#index1 article ul{
	padding-top:15px;
	}
#index1 article ul li{
	font-size:13px;
	}
#index1 article ul li a{
	padding:3px 10px 3px 10px;
	}
#index1 article h4{
	font-size:20px;
	}
#detail1{
	padding:0 7%;
	}
#detail1 article{
	padding-bottom:90px;
	}
#detail1 .headb ul li{
	font-size:15px;
	}
#detail1 .headb ul li a{
	padding:3px 10px 3px 10px;
	}
#detail1 .headb h1{
	font-size:26px;
	margin-top:18px;
	}
#detail1 .post-box{
	margin:60px auto 0 auto;
	}
#detail1 h6.linkto{
	padding-top:90px;
	}
}