@charset "utf-8";

/* ========================================================================================================================/
	
	works/style.css

/======================================================================================================================== */

#contents {
	padding:0 !important;
	}

/* ------------------------------------------------------------------------------------------------------------------------/
	works
/------------------------------------------------------------------------------------------------------------------------ */

.works {
	box-sizing:border-box;
	padding:50px 0 50px 0;
	}
	.works .inner {
		width:1100px;
		margin:0 auto;
		}
		.works .inner dl {
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #cccccc;
			margin:50px 0 0 0;
			padding:30px;
			}
			.works .inner dl dt {
				}
				.works .inner dl dt strong {
					display:block;
					color:#ffffff;
					font-size:20px;
					font-weight:normal;
					line-height:40px;
					box-sizing:border-box;
					background:#353526;
					margin:0 0 20px 0;
					}
			.works .inner dl dd {
				}
				.works .inner dl dd ul {
					list-style:none;
					}
					.works .inner dl dd ul li {
						float:left;
						display:block;
						width:calc(calc(100% - 60px) / 3);
						margin:30px 30px 0 0;
						overflow:hidden;
						}
					.works .inner dl dd ul li:nth-of-type(3n){
						margin:30px 0 0 0;
						}
						.works .inner dl dd ul li img {
							width:100% !important;
							height:auto;
							}


.bg-works{
	background-image:url("../image/contents/works/bg-works.jpg");
}