@charset("UTF-8");

.main-visual::after{
	background-image:url(../images/works-main-visual.jpg);
	background-position:center;
}

.works{
	width:48%;
	background:#fff;
	margin-bottom:60px;
}
.works:nth-of-type(even){
	float:right;
}
.works:nth-of-type(2n+1){
	clear:left;
}
.pic{
	display:block;
}
.pic img{
	display:block;
	width:100%;
}
.txt{
	padding:20px;
	min-height:220px;
}
.works h3{
	font-size:18px;
	line-height:1.5;
	padding-bottom:0.5em;
	font-weight:600;
	padding-left:5px;
	padding-right:5px;
}
.works dl{
	padding-left:5px;
	padding-right:5px;
}
.works dt{
	clear:left;
	width:22%;
	padding-bottom:1em;
}
.works dd::before{
	content:" /";
	display:inline-block;
	margin-right:1em;
	letter-spacing:0.075em;
}
.works dd{
	width:78%;
	padding-bottom:1em;
	font-weight:600;
	letter-spacing:0.075em;
}
.thumbs li{
	width:25%;
	height:68px;
	overflow:hidden;
	padding:0 5px;
}
.thumbs li a{
	display:block;
}
.thumbs li img{
	width:100%;
	display:block;
}


/* ********************************************** */
/* **************レスポンシブスタイル************ */
/* ********************************************** */
@media screen and (max-width:767px){
.works{
	width:100%;
	margin-bottom:3rem;
	float:none;
}
.works:nth-of-type(even){
	float:none;
}
.txt{
	padding:1.5rem 1.5rem 0.5rem;
	min-height:auto;
}
.works h3{
	font-size:1.8rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
}
.works dl{
	padding-left:0.5rem;
	padding-right:0.5rem;
}
.works dt{
	clear:left;
	width:22%;
	padding-bottom:1em;
}
.works dd::before{
	content:" /";
	display:inline-block;
	margin-right:1em;
	letter-spacing:0.075em;
}
.works dd{
	width:78%;
	padding-bottom:1em;
	font-weight:600;
	letter-spacing:0.075em;
}
.thumbs li{
	width:50%;
	height:25.23vw;
	margin-bottom:1rem;
	overflow:hidden;
	padding:0 0.5rem;
}
.contact-banners{
	padding-left:1.5rem;
	padding-right:1.5rem;
}

}