@charset "utf-8";

#headbg .bg{
	background:url(../img/work/headbg.jpg) no-repeat center bottom 10%;
	-webkit-background-size:cover;
	background-size:cover;
	}
#headbg.fukuri .bg{
	background:url(../img/work/headbg.jpg) no-repeat center bottom 10%;
	-webkit-background-size:cover;
	background-size:cover;
	}
#headbg.index ul li:nth-of-type(1) a,
#headbg.fukuri ul li:nth-of-type(2) a{
	color:#164332;
	}
#headbg.index ul li:nth-of-type(1) a:before,
#headbg.fukuri ul li:nth-of-type(2) a:before{
	background-color:#164332;
	}
#headbg.index ul li:nth-of-type(1) a:after,
#headbg.fukuri ul li:nth-of-type(2) a:after{
	border-color:#164332;
	}

#index1{
	max-width:830px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:150px 70px 0px 70px;
	position:relative;
	}
#index1 h2{
	font-size:21px;
	line-height:2.3;
	letter-spacing:4.8px;
	}
#index1 p{
	margin-top:10px;
	}
#index2{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:60px 70px 0px 70px;
	}
#index2 ul.ulnavi{
	overflow:hidden;
	zoom:1;
	}
#index2 ul.ulnavi li{
	float:left;
	width:23%;
	margin-right:2.666666%;
	font-size:17px;
	text-align:center;
	display:block;
	padding:16px 10px 14px 10px;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	border:1px solid #C9C9C9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	cursor:pointer;
	}
#index2 ul.ulnavi li:last-of-type{
	margin-right:0;
	}
#index2 ul.ulnavi li:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#index2 ul.ulnavi li.active{
	background-color:#164332;
	color:#FFF;
	border:1px solid #164332;
	}
#index2 article{
	display:none;
	padding:140px 0 150px 0;
	}
#index2 article.show{
	display:block;
	}
#index2 article .box{
	position:relative;
	padding:75px 65px 70px 34%;
	-webkit-box-shadow:0px 0px 16px 3px rgba(0,0,0,0.14);
	-moz-box-shadow:0px 0px 16px 3px rgba(0,0,0,0.14);
	box-shadow:0px 0px 16px 3px rgba(0,0,0,0.14);
	}
#index2 article .box:after{
	content:"";
	display:block;
	width:28%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/work/index1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 article.s2 .box:after{
	background:url(../img/work/index2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 article.s3 .box:after{
	background:url(../img/work/index3.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 article.s4 .box:after{
	background:url(../img/work/index4.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 article .box h2{
	font-size:21px;
	}
#index2 article .box p{
	font-size:13px;
	margin-top:15px;
	}
#index2 article h3{
	font-size:21px;
	margin:150px auto 0px auto;
	max-width:830px;
	}
#index2 article h4{
	margin:45px auto 0px auto;
	max-width:830px;
	}
#index2 article table{
	max-width:830px;
	width:100%;
	margin:30px auto 0 auto;
	}
#index2 article table tr th{
	font-size:15px;
	text-align:left;
	vertical-align:middle;
	padding:30px 0px 30px 0;
	position:relative;
	width:130px;
	line-height:2;
	}
#index2 article table tr th:after{
	content:"";
	display:block;
	width:7px;
	height:7px;
	background-color:#000;
	position:absolute;
	right:40px;
	top:50%;
	margin-top:-6px;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	}
#index2 article table tr th:before{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background-color:#000;
	position:absolute;
	right:43px;
	top:0;
	}
#index2 article table tr:first-of-type th:before{
	height:50%;
	top:50%;
	}
#index2 article table tr:last-of-type th:before{
	height:50%;
	}
#index2 article table tr td{
	font-size:13px;
	text-align:left;
	vertical-align:middle;
	padding:30px 30px 30px 30px;
	line-height:2;
	background-color:#FFF;
	}
#index2 article table tr:nth-of-type(2n) td{
	background-color:#F5F4F2;
	}
#index2 article table tr td strong{
	font-size:13px;
	display:block;
	margin-bottom:2px;
	padding-left:16px;
	position:relative;
	}
#index2 article table tr td strong:after{
	content:"";
	display:block;
	width:11px;
	height:11px;
	position:absolute;
	left:0;
	top:7px;
	background-color:#164332;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	}
#index2 article table tr td span{
	display:block;
	}
#fukuri1{
	max-width:830px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding:150px 70px 0px 70px;
	position:relative;
	}
#fukuri1 h2{
	font-size:21px;
	line-height:2.3;
	letter-spacing:4.8px;
	}
#fukuri1 div{
	background-color:#F5F4F2;
	margin-top:40px;
	}
#fukuri1 div h3{
	font-size:17px;
	color:#164332;
	padding:30px 20px 25px 60px;
	border-bottom:2px dotted #164332;
	}
#fukuri1 div p{
	font-size:14px;
	padding:30px 60px 30px 60px;
	position:relative;
	line-height:1.8;
	}
#fukuri1 div p span{
	display:block;
	font-size:10px;
	position:absolute;
	right:10px;
	bottom:10px;
	}
@media screen and (max-width:900px){
#headbg.index ul li:nth-of-type(1) a,
#headbg.fukuri ul li:nth-of-type(2) a{
	background-color:#164332;
	color:#FFF;
	}
#headbg.index ul li:nth-of-type(1) a:before,
#headbg.fukuri ul li:nth-of-type(2) a:before{
	background-color:#FFF;
	}
#headbg.index ul li:nth-of-type(1) a:after,
#headbg.fukuri ul li:nth-of-type(2) a:after{
	border-color:#FFF;
	}
#index1{
	padding:75px 7% 0px 7%;
	}
#index1 h2{
	font-size:17px;
	line-height:2.2;
	position:relative;
	}
#index2{
	padding:40px 0 0 0;
	}
#index2 ul.ulnavi{
	padding:0 7%;
	}
#index2 ul.ulnavi li{
	float:none;
	width:auto;
	margin:15px 0 0 0;
	font-size:14px;
	padding:13px 10px 11px 10px;
	}
#index2 article{
	padding:100px 0 40px 0;
	}
#index2 article .box{
	overflow:hidden;
	zoom:1;
	margin:0 7%;
	padding:310px 7% 25px 7%;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	}
#index2 article .box:after{
	background-position:center 20%;
	width:100%;
	height:275px;
	}
#index2 article .box h2{
	font-size:17px;
	}
#index2 article .box p{
	font-size:12px;
	margin-top:12px;
	}
#index2 article h3{
	font-size:17px;
	margin:90px 7% 0 7%;
	}
#index2 article h4{
	margin:40px 0 0px 7%;
	padding:0 20px 20px 0;
	overflow-x:scroll;
	}
#index2 article h4 img{
	max-width:700px;
	width:700px;
	}
#index2 article table{
	margin-top:40px;
	}
#index2 article table tr th{
	background-color:#FFF;
	vertical-align:top;
	padding:30px 40px 30px 7%;
	white-space:nowrap;
	width:auto;
	}
#index2 article table tr:nth-of-type(2n) th{
	background-color:#F5F4F2;
	}
#index2 article table tr th:after{
	display:none;
	}
#index2 article table tr th:before{
	display:none;
	}
#index2 article table tr td{
	font-size:12px;
	vertical-align:top;
	padding:33px 7% 30px 0;
	}
#index2 article table tr td span{
	display:none;
	}
#fukuri1{
	padding:75px 7% 0px 7%;
	}
#fukuri1 h2{
	font-size:17px;
	line-height:2.2;
	}
#fukuri1 div{
	margin-top:30px;
	}
#fukuri1 div h3{
	font-size:15px;
	padding:28px 7% 24px 7%;
	border-bottom:1px dotted #164332;
	}
#fukuri1 div p{
	font-size:12px;
	padding:25px 7% 28px 7%;
	}
#fukuri1 div p span{
	font-size:8px;
	right:5px;
	bottom:5px;
	}
}