@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

.pageTitle {
	background-image: url(/images/works/bg_pageTitle.jpg);
}

/* outlineBox */
.outlineBox {
}
	.outlineList {
		margin-bottom: 15px;
		position: relative;
	}
	.outlineList:last-child {
		margin-bottom: 30px;
	}
	.outlineList::before {
		width: 100%;
		height: 100%;
		background: #161627;
		content: "";
		opacity: 0.5;
		position: absolute;
		left: 0;
		top: 0;
	}
		.outlineList .outlineList_txt {
			width: 100%;
			padding: 15px;
			color: #fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			text-align: center;
			z-index: 1;
		}
			.outlineList .outlineList_txt .icon {
				width: 30px;
				height: 30px;
				margin: 0 auto 10px;
				display: block;
				fill: #fff;
			}
			.outlineList .outlineList_txt .title_outline {
				margin-bottom: 10px;
				font-size: 2rem;
				font-weight: bold;
			}

/* txt_outline */
.txt_outline {
	font-size: 1.8rem;
	text-align: center;
}

/* list_needs */
.list_needs {
	margin: 30px 0;
}
	.list_needs li {
		padding: 15px;
		background: #649035;
		color: #fff;
		font-size: 1.6rem;
	}
	.list_needs li:not(:last-child) {
		margin-bottom: 15px;
	}

/* worksBox */
.worksBox {
}
	.worksList:not(:last-child) {
		margin-bottom: 30px;
	}
		.worksList .thum_img {
			margin-bottom: 10px;
		}
		.worksList .list_disc li {
			font-weight: bold;
		}
			.worksList .list_disc li span {
				font-weight: normal;
			}

/* exBox */
.exBox {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.exList {
		margin-bottom: 30px;
	}
		.exList .thum_img {
			margin-bottom: 10px;
		}
		.exList .title_ex {
			font-size: 1.6rem;
			font-weight: bold;
		}

.exBox:last-child {
	flex-direction: row;
}
	.exBox:last-child .exList {
		width: 49%;
	}
		.exBox:last-child .exList .title_ex {
			font-size: 1.4rem;
		}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* outlineBox */
.outlineBox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
	.outlineList {
		width: 31%;
		margin: 0 5px 10px;
	}
	.outlineList:last-child {
		margin-bottom: 10px;
	}

/* exBox */
.exBox {
	flex-direction: row;
}
	.exList {
		width: 49%;
	}

.exBox:last-child {
	flex-direction: row;
	justify-content: flex-start;
}
	.exBox:last-child .exList {
		width: 24%;
	}
	.exBox:last-child .exList:not(:nth-child(4n)) {
		margin-right: 1.3%;
	}

}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* outlineBox */
.outlineBox {
}
	.outlineList {
		width: 30%;
		margin: 0 15px 30px;
	}
	.outlineList:last-child {
		margin-bottom: 30px;
	}
		.outlineList .outlineList_txt {
		}
			.outlineList .outlineList_txt .title_outline {
				font-size: 2.4rem;
				letter-spacing: 5px;
			}
			.outlineList .outlineList_txt .icon {
				width: 50px;
				height: 50px;
			}

/* txt_outline */
.txt_outline {
	font-size: 2rem;
}

/* list_needs */
.list_needs {
	margin: 60px 0 30px;
	justify-content: center;
}
	.list_needs li {
		width: 210px;
		height: 210px;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.list_needs li:not(:last-child) {
		margin: 0 30px 15px 0;
	}

/* worksBox */
.worksBox {
	justify-content: space-between;
}
	.worksList {
		width: 49%;
	}
	.worksList:not(:last-child) {
		margin-bottom: 60px;
	}
	.worksList:nth-last-of-type(2) {
		margin-bottom: 0;
	}

/* exBox */
.exBox {
}
	.exList {
		width: 32%;
	}

.exBox:last-child {
}
	.exBox:last-child .exList {
		width: 18%;
	}
	.exBox:last-child .exList:not(:nth-child(4n)) {
		margin-right: 2.5%;
	}
	.exBox:last-child .exList:nth-child(4n) {
		margin-right: 2.5%;
	}
	.exBox:last-child .exList:nth-child(5n) {
		margin-right: 0;
	}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* list_needs */
.list_needs {
}
	.list_needs li {
		width: 235px;
		height: 235px;
		font-size: 2.2rem;
	}
	.list_needs li:not(:last-child) {
		margin: 0 30px 15px 0;
	}


}