@charset "utf-8";

@media screen and (max-width:900px){
header nav ul li#m0 a{
	color:#FFF;
	background-color:#3C3C3C;
	}
}
.bx-wrapper{
	position:relative;
	margin:0 auto 0px;
	padding:0;
	*zoom:1;
	}
.bx-wrapper img{
	max-width:100%;
	display:block;
	}
.bx-wrapper .bx-pager{
	position:absolute;
	bottom:-50px;
	width:100%;
	}
.bx-wrapper .bx-loading{
	min-height:50px;
	background:url(../img/home/bx_loader.gif) center center no-repeat #fff;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	}
.bx-wrapper .bx-pager{
	text-align:center;
	font-size:.85em;
	font-family:Arial;
	font-weight:bold;
	color:#B2B2B2;
	z-index:20;
	}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display:inline-block;
	*zoom:1;
	*display:inline;
	}
.bx-wrapper .bx-pager.bx-default-pager a{
	text-indent:-9999px;
	display:block;
	outline:0;
	width:12px;
	height:12px;
	margin:0 7px;
	background:#B2B2B2;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#000;
	}
.bx-wrapper .bx-prev:after{
	content:"";
	display:block;
	position:absolute;
	left:14px;
	top:11px;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	border:2px solid;
	border-color:transparent transparent #FFF #FFF;
	}
.bx-wrapper .bx-next:after{
	content:"";
	display:block;
	position:absolute;
	right:16px;
	top:11px;
	width:10px;
	height:10px;
	transform:rotate(225deg);
	border:2px solid;
	border-color:transparent transparent #FFF #FFF;
	}
.bx-wrapper .bx-prev{
	left:-50px;
	}
.bx-wrapper .bx-next{
	right:-50px;
	}
#workslidesp .bx-wrapper .bx-prev{
	left:0px;
	}
#workslidesp .bx-wrapper .bx-next{
	right:0px;
	}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
.bx-wrapper .bx-controls-direction a{
	position:absolute;
	top:50%;
	outline:0;
	width:35px;
	height:35px;
	text-indent:-9999px;
	z-index:20;
	background-color:#000;
	margin-top:-10px;
	}
#workslidesp .bx-wrapper .bx-controls-direction a{
	margin-top:-50px;
	}
#slidebg{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	}
#slidebg #slide{
	width:100%;
	}
#slidebg #slide ul li img{
	width:100%;
	height:auto;
	}
#sec1{
	background-color:#EDEDED;
	width:100%;
	padding:60px 0 50px 0;
	text-align:center;
	}
#sec1 h2{
	display:inline-block;
	text-align:left;
	font-size:24px;
	}
#sec1 h3{
	display:block;
	margin:10px auto 0 auto;
	text-align:center;
	font-size:34px;
	font-family:"小塚明朝 Std","Kozuka Mincho Std","ヒラギノ明朝 Pro W3","HiraMinPro-W3","MS P明朝","MS PMincho","細明朝体",serif;
	}
#sec1 h3 strong{
	display:inline-block;
	}
#sec1 h3 strong:after{
	content:"×";
	font-size:70px;
	font-weight:normal;
	color:#959595;
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 8px 10px;
	}
#sec1 h3 strong:last-of-type:after{
	display:none;
	}
#sec1 p{
	font-size:15px;
	text-align:center;
	margin-top:20px;
	line-height:2.4;
	font-weight:bold;
	}
.sec2{
	max-width:1024px;
	margin:0 auto;
	padding:70px 40px 80px 40px;
	overflow:hidden;
	zoom:1;
	}
.sec2:last-of-type{
	padding-top:20px;
	}
.sec2 article{
	float:left;
	width:22%;
	margin:60px 4% 0 0;
	}
.sec2 article:last-of-type{
	margin-right:0;
	}
.sec2 article h4 a{
    position:relative;
    width:100%;
    display:block;
    padding-top:66.666666%;
	}
.sec2 article h4 a img{
    position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	}
.sec2 article div{
	overflow:hidden;
	zoom:1;
	padding-top:10px;
	}
.sec2 article div ul{
	float:left;
	}
.sec2 article div ul:after{
	content:"-";
	font-size:12px;
	display:inline-block;
	margin-right:5px;
	}
.sec2:last-of-type article div ul:after{
	display:none;
	}
.sec2 article div ul li{
	font-size:12px;
	margin:5px 5px 0 0;
	float:left;
	}
.sec2:last-of-type article div ul li a{
	background-color:#000;
	color:#FFF;
	padding:5px 10px 4px 10px;
	display:block;
	}
.sec2 article div time{
	font-size:12px;
	display:inline-block;
	}
.sec2:last-of-type article div time{
	padding:9px 0 0 6px;
	}
.sec2 article h3{
	font-size:14px;
	margin-top:8px;
	line-height:1.5;
	}
.sec2 article table{
	margin-top:10px;
	}
.sec2 article table th{
	font-size:14px;
	text-align:left;
	vertical-align:top;
	line-height:1.2;
	font-weight:normal;
	padding:5px 5px 5px 0;
	white-space:nowrap;
	-moz-text-align-last:justify;
	text-align-last:justify;
	text-justify:inter-ideograph;
	}
.sec2 article table td{
	font-size:14px;
	text-align:left;
	vertical-align:top;
	line-height:1.2;
	font-weight:normal;
	padding:5px 0px 5px 0;
	}
.sec2 h5{
	clear:both;
	padding-top:50px;
	}
#sec3bg{
	background-color:#EDEDED;
	width:100%;
	overflow:hidden;
	zoom:1;
	padding:80px 0 20px 0;
	}
#sec3{
	max-width:1024px;
	margin:0 auto;
	padding:0 50px 50px 50px;
	overflow:hidden;
	zoom:1;
	}
#sec3 #workslidesp{
	display:none;
	}
#sec3 #workslide ul{
	padding-top:50px;
	overflow:hidden;
	zoom:1;
	}
#sec3 #workslide li{
	float:left;
	width:30%;
	margin-right:5%;
	}
#sec3 #workslide li:last-of-type{
	margin-right:0;
	}
#sec3 #workslide li img{
	width:100%;
	height:auto;
	}
#sec3 #workslide li h3 a{
	font-size:13px;
	font-weight:normal;
	text-align:center;
	min-width:80px;
	padding:3px 5px 2px 5px;
	border:1px solid #000;
	display:inline-block;
	margin-top:15px;
	}
#sec3 #workslide li h4{
	font-size:16px;
	margin-top:10px;
	}
#sec3 h5{
	padding-top:100px;
	}
#banerb{
	padding-top:20px;
	}
@media screen and (max-width:900px){
#sec1{
	padding:35px 5% 40px 5%;
	width:90%;
	}
#sec1 h2{
	font-size:18px;
	line-height:1.4;
	}
#sec1 h3{
	font-size:22px;
	}
#sec1 h3 strong:after{
	font-size:36px;
	margin:0 3px 5px 3px;
	}
#sec1 p{
	text-align:left;
	margin-top:30px;
	font-weight:normal;
	line-height:1.8;
	}
.sec2{
	padding:50px 5% 60px 5%;
	}
.sec2 article{
	width:47%;
	margin:50px 6% 0 0;
	}
.sec2 article:nth-of-type(2n){
	margin-right:0;
	}
.sec2 h5{
	padding-top:30px;
	}
#sec3bg{
	padding:50px 0 20px 0;
	}
#sec3{
	padding:0 5% 40px 5%;
	}
#sec3 #workslide{
	display:none;
	}
#sec3 #workslidesp{
	display:block;
	padding-top:20px;
	}
#sec3 h5{
	padding-top:100px;
	}
#sec3 #workslidesp li{
	float:left;
	width:100%;
	text-align:center;
	}
#sec3 #workslidesp li h3 a{
	font-size:13px;
	font-weight:normal;
	text-align:center;
	min-width:80px;
	padding:3px 5px 2px 5px;
	border:1px solid #000;
	display:inline-block;
	margin-top:15px;
	}
#sec3 #workslidesp li h4{
	font-size:16px;
	margin-top:10px;
	}
#sec3 #workslidesp li img{
	max-width:90%;
	height:auto;
	margin:0 auto 8px auto;
	}
#banerb{
	padding-top:10px;
	}
}