@charset "utf-8";

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

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

#contents {
	/*padding:75px 0 0 0 !important;*/
	padding: 0!important;
	margin-top: -100px;
	}

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

.works {
	box-sizing:border-box;
	padding:50px 0 50px 0;
	}
	.works .inner {
		width:600px;
		margin:0 auto;
		}
		.works .inner dl {
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #cccccc;
			margin:50px 0 0 0;
			padding:20px;
			}
			.works .inner dl dt {
				}
				.works .inner dl dt strong {
					display:block;
					color:#ffffff;
					font-size:25px;
					font-weight:normal;
					line-height:50px;
					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% - 40px) / 3);
						margin:20px 20px 0 0;
						overflow:hidden;
						}
					.works .inner dl dd ul li:nth-of-type(3n) {
						margin:20px 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");
}