@charset "UTF-8";
@media screen and (max-width: 767px){
	#contents > header + div{
		padding-top: 0;
	}
}

.tabA.typeWorks{
	margin-bottom: 44px;
}

.tabA.typeWorks > .tab > ul{
	font-size:14px;
}
.tabA.typeWorks > .tab > ul > li{
	position: relative;
	width:25%;
	padding: 0 0;
	border-left: 4px solid #fff;
	background-color: #f0f0f0;
	vertical-align: middle;
}
.tabA.typeWorks > .tab > ul > li:first-child{
	border-left: none;
}
.tabA.typeWorks > .tab > ul > li.here{
	background-color: #787878;
}
.tabA.typeWorks > .tab > ul > li.here:after{
	content:"";
	display:block;
	border-top:solid 12px #787878;
	border-right:solid 10px transparent;
	border-left:solid 10px transparent;
	width:0;
	height:0;
	position:absolute;
	left:0;
	right:0;
	bottom:-12px;
	margin:0 auto;
}
.tabA.typeWorks > .tab > ul > li > a{
	color: #3c3c3c;
/*	font-weight: bold;*/
	background-color: #f0f0f0;
}
.tabA.typeWorks > .tab > ul > li.here > a{
	color: #fff;
	background-color: #787878;
}
.tabA.typeWorks > .tab > ul > li > a:after{
	display: none;
}

@media screen and (min-width:768px) {
	.tabA.typeWorks > .tab > ul > li:hover{
		background-color: #787878;
	}
	.tabA.typeWorks > .tab > ul > li:hover:after{
		content:"";
		display:block;
		border-top:solid 12px #787878;
		border-right:solid 10px transparent;
		border-left:solid 10px transparent;
		width:0;
		height:0;
		position:absolute;
		left:0;
		right:0;
		bottom:-12px;
		margin:0 auto;
	}
	.tabA.typeWorks > .tab > ul > li:hover > a{
		color: #fff;
		background-color: #787878;
	}
}
@media screen and (max-width:767px) {
	.tabA.typeWorks > .tab > ul{
		margin-right: -20px;
		margin-left: -20px;
	}
	.tabA.typeWorks > .tab > ul{
		display: block;
	}
	.tabA.typeWorks > .tab > ul > li{
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		display: block;
		width: 100%;
		padding: 0 20px;
		border-top: 2px solid #fff;
		border-left: none;
	}
	.tabA.typeWorks > .tab > ul > li.here:after{
		display: none;
	}
	.tabA.typeWorks > .tab > ul > li > a{
		text-align: left;
	}
}


@media screen and (max-width:1024px) {
	.listC.typeWorks{
		width: 650px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 20px;
	}
}
@media screen and (max-width:720px) {
	.listC.typeWorks{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 305px;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
	}
	.listC.typeWorks > li{
		margin-right: 0;
	}
}