#header_wrap{
	background:url('../images/works/bg_header.jpg') no-repeat;
}
#main{
	width:960px;
	margin-bottom:30px;
}
#main h2{
	padding:0 10px;
}
#cat_nav{
	list-style:none;
	margin:0 0 40px 0;
	padding: 160px 0 0 0;
}
#cat_nav li{
	width:280px;
	float:left;
	margin:0 10px;
}
#cat_nav2{
	margin:0 40px !important;
}
#works_wrap{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.works_index{
	width:calc((100% - 40px) / 2);
	flex:none;
	min-height:auto !important;
	padding:0 !important
}
.works_index h3{
	border-left:1px solid #566b44;
	border-bottom:1px solid #566b44;
	color:#4e4e4e;
	padding:3px 0 3px 5px;
	font-size:15px !important;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight:normal;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
	margin:0 0 10px 0;
}

.works_index h3 a{
	color:#4e4e4e;
	text-decoration:none;
}
.works_index h3 a:hover{
	text-decoration:underline;
}
.works_index_l{
	width:160px;
	height:160px;
	overflow:hidden;
	float:left;
}
.works_index_r{
	width:280px;
	float:right;
}
.works_index_r article{
	width:100% !important;
}
#works_main{
	margin:0 0 30px 0;
}
#works_main_l{
	width:460px;
	float:left;
	padding:0 0 0 16px;
}
#works_main_l img{
	width:460px;
	height:auto;
}
#works_main_r{
	width:400px;
	float:right;
	padding:0 16px 0 0;
}
#works_main_r h3{
	border-left:1px solid #566b44;
	border-bottom:1px solid #566b44;
	color:#4e4e4e;
	padding:3px 0 3px 5px;
	font-size:15px !important;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight:normal;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
	margin:0 0 10px 0;
}
#works_thumbs {
	list-style:none;
	margin:0 0 40px 0;
}
#works_thumbs li{
	float:left;
	width:160px;
	height:120px;
	overflow:hidden;
	margin:0 16px 20px;
}
#works_thumbs li a{
	display:block;
	width:100%;
	height:100%;
}
#works_thumbs li a img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.pr_box{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.works_pr{
	width:calc((100% - 40px) / 2);
	flex:none;
	display:flex;
	gap:20px;
}
.works_pr_l{
	width:200px;
}
.works_pr_r{
	width:240px;
	font-size:90%;
}
.works_pr_r p{
	margin:0 !important;
	padding:0 !important;
}

#top_box{
	position: relative;
	min-height: 200px
}

#top_box .inner .go_back_list{
	position: absolute;
	width: 160px;
	height: 20px;
	top: 100px;
	right: 30px;
	border-radius: 10px;
	border: 1px solid #666;
	text-align: center;
	line-height: 20px;
	text-align: center;
}

#top_box .inner .go_back_list a{
	text-decoration: none;
	color: 666px;
	font-size: 85;
}

.pageswitch{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.works_index_r p{
margin:0 !important;
line-height:1.8em;
}