@charset "UTF-8";
.works .main_contents {
	padding: 0 0 625px;
	background:url(../images/bg_bottom.jpg) no-repeat center bottom;
	background-size:contain;
}
.sec_ttl {
    margin: 0;
}
.sec_wrap{
	margin:0 auto 60px;
	}
.works .sec_wrap#sec_webSystem{
	margin: 0;
	padding:0;
}
.main_contents table{
	margin: 0 auto 15px;
	border-collapse:collapse;
	font-size:14px;
	width: 100%;
}
.main_contents tr{
	border-bottom:solid 1px #d1d1d1;
}
.main_contents th{
	padding:7px;
	background-color:#eee;
	vertical-align:middle;
	text-align: left;
	font-weight: normal;
	width: 45%;
}
ul.style01 li{
	list-style-position:inside;
}
.main_contents td{
	padding:5px 5px 5px 10px;
}
#accessDetail{
	font-size:13px;
	width:205px;
	float:right;
	padding:5px 10px;
}
h4{
	font-weight:bold;
}
.historyImage{
	margin:10px 0px;
}
@media screen and (max-width: 896px){
	.works .side {
		display: none;
	}
	.works .main_contents {
		padding: 0 15px 70vw;
	}
	.main_contents table{
		width: 100%;
		max-width: none;
	}
	.works .sec_wrap#sec_webSystem,
	.works .sec_wrap {
		margin: 0;
		padding: 0 0 30px;
	}
	.main_contents .backToTop {
		border-top: 0;
		border-bottom: 1px solid #eee;
		padding: 10px 0 0;
	}
}
@media only screen and (max-width: 480px) { 
	.sec_ttl {
		margin: 0 0 15px;
	}
	.main_contents tr {
		display:block;
		margin-bottom: 10px;
		border:1px solid #efefef;
	}
	.main_contents tr.funk {
		display:none;
	}
	.main_contents th{
		display:block;
		width: 100%;
		font-weight: bold;
		font-size: 14px;
	}
	.main_contents td{
		display:block;
		width: 100%;
		border:none;
	}
	.main_contents td::before {
		font-weight: bold;
	}
	.main_contents td:nth-child(2)::before {
		content:"OS: ";
	}
	.main_contents td:nth-child(3)::before {
		content:"言語: ";
	}
	.main_contents td:nth-child(4)::before {
		content:"DB: ";
	}
	.main_contents td.nonfunk::before {
		display: none;
	}
}