@charset "UTF-8";

.container div.element{
	margin: 0 0 18px 0;
	float: none!important;
	position:relative;
	height:130px;
}
.elementn {
cursor:pointer;
 		
}
.article_thum {
	position:absolute;
	top:0;
	left:0;
	width:140px;	
}
.container div.element dl {
	margin-left:145px;
	padding-top:40px;
}
.container div.element dt {
	line-height:1;
	margin-bottom:15px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
}
.container h2{
	position:absolute;
	left:150px;
	top:50px;
	font-size:20px;
}

.contents_main {
	width:602px;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:38px;
	font-size:13px;
	float:left;
}
.contents_main .detail {
	background: url(../img/works/c_bottom.png) no-repeat left bottom;
	padding-bottom:30px;
}
.contents_main .detail img {
	width:602px;
	display:block;
	margin-bottom:15px;	
	margin-top:15px;
}
.contents_main .detail > img {
	margin-top:35px!important;
}
.contents_r {
	float:right;
	width:272px;
	background: url(../img/works/n_top.png) no-repeat;
	padding-top:38px;
	font-size:11px;
	
}
.contents_r .detail {
	background: url(../img/works/n_bottom.png) no-repeat left bottom;
	padding-bottom:38px;
}
.contents_r h3{
	line-height:0;
	margin-bottom:26px;	
}

.contents_r li{
	font-size:18px;
	line-height:1;
	display:block;
	margin-bottom:25px;
	
}
.contents_r a {
	display:block;
}
.back {
	position:fixed;
	left:0;
	top:200px;	
	z-index:300;
}
.back img {
	margin-left:-30px;	
}
@media only screen and (max-width:738px){
.contents_main {
	width:100%;
	background: url(../img/works/c_top.png) no-repeat;
	padding-top:38px;
	font-size:13px;
	float:none;
}
.container div.element dl {
	margin-left:145px;
	padding-top:20px;
}
.contents_r {
	float:none;
	width:100%;
	background: none;
	padding-top:38px;
	font-size:11px;
	
}
.contents_r .detail {
	background: url(../img/works/c_bottom.png) no-repeat left bottom;
	padding-bottom:30px;
}

.contents_main .detail img{
   max-width: 100%;
   height: auto;
}
.back {
	display:none;
}


}