@charset "UTF-8";

/* IKEDAの仕事　共通部分 */
.ikeda-work-pick-sec {
}
.iwork-pick-sec01-title01 {
	font-size: 29px;
	color: #2957a3;
	padding: 60px 0 85px;
}
.iwork-pick-inner {
	margin: 0 auto 100px;
	max-width: 1200px;
}
@media (max-width: 1200px) {
	.iwork-pick-inner {
		margin: 0 10px 100px;
	}
}
	.iwork-pick-name {
		font-size: 30px;
		margin-bottom: 50px;
	}
	@media (max-width: 480px) {
		.iwork-pick-name {
			font-size: 20px;
			margin-bottom: 20px;
		}
	}
.br480 {
	display: none;
}
@media (max-width: 480px) {
	.br480 {
		display: block;
	}
}
@media (max-width: 1200px) {
	.brClear1200 {
		display: none;
	}
}

/* IKEDAの仕事　共通部分 ここまで*/

/* ラクロスビルディング */
	.iwork-pick-01 .iwork-pick-name {
		text-align: center;
	}
	.iwork-pick01-photo-outer {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	@media (max-width: 900px) {
		.iwork-pick01-photo-outer {
			flex-direction: column;
		}
	}
		.iwork-pick01-photo-main {
			width: 78%;
		}
		@media (max-width: 900px) {
			.iwork-pick01-photo-main {
				margin-bottom: 30px;
				width: auto;
			}
		}
		.iwork-pick01-photo-thumbnail {
			width: 18%;
		}
		@media (max-width: 900px) {
			.iwork-pick01-photo-thumbnail {
				width: 90%;
			}
		}
			.iwork-pick01-photo-thumbnail-box {
			}
				.iwork-pick01-photo-thumbnail-box ul {
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
				}
					.iwork-pick01-photo-thumbnail-box ul li {
						margin-bottom: 10px;
						width: 48%;
					}
					@media (max-width: 900px) {
						.iwork-pick01-photo-thumbnail-box ul li {
							margin-bottom: 30px;
						}
					}
	.iwork-pick-bottom-sec {
		margin: 30px auto;
		width: 90%;
	}
	@media (max-width: 900px) {
		.iwork-pick-bottom-sec {
			width: 100%;
		}
	}
		.iwork-pick-text01 {
			font-size: 16px;
			line-height: 32px;
			margin-bottom: 50px;
		}
		.iwork-pick-box01 {
			display: flex;
			justify-content: space-between;
		}
		@media (max-width: 900px) {
			.iwork-pick-box01 {
				flex-direction: column;
			}
		}
			.iwork-pick-box01 div {
				width: 48%;
			}
			@media (max-width: 900px) {
				.iwork-pick-box01 div {
					margin-bottom: 30px;
					width: auto;
				}
			}
				.iwork-pick-box01 dl {
					display: flex;
				}
				@media (max-width: 480px) {
					.iwork-pick-box01 dl {
						flex-wrap: wrap;
					}
				}
					.iwork-pick-box01 dl dt {
						min-width: 200px;
					}
					.iwork-pick-box01 dl dd {
					}

/* 波佐見町新庁舎 */
	.iwork-pick-02 .iwork-pick-name {
		text-align: center;
	}

	.iwork-pick02-photo-outer {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	@media (max-width: 900px) {
		.iwork-pick02-photo-outer {
			flex-direction: column;
		}
	}
		.iwork-pick02-photo-left {
			width: 12%;
		}
		@media (max-width: 900px) {
			.iwork-pick02-photo-left {
				width: 100%;
			}
		}
		.iwork-pick02-photo-main {
			width: 73%;
		}
		@media (max-width: 900px) {
			.iwork-pick02-photo-main {
				margin: 0 auto 30px;
				width: auto;
			}
		}
		@media (max-width: 480px) {
			.iwork-pick02-photo-main {
				margin-bottom: 20px;
			}
		}
			.iwork-pick02-photo-main img {
				margin: 0 auto;
				width: 100%;
			}
			.iwork-pick02-photo-thumbnail-box {
			}
				.iwork-pick02-photo-thumbnail-box ul {
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
				}
				@media (max-width: 900px) {
					.iwork-pick02-photo-thumbnail-box ul {
						flex-wrap: nowrap;
					}
				}
					.iwork-pick02-photo-thumbnail-box ul li {
						margin-top: 10px;
						width: 100%;
					}
					@media (max-width: 900px) {
						.iwork-pick02-photo-thumbnail-box ul li {
							margin-bottom: 30px;
							width: auto;
						}
					}
					@media (max-width: 480px) {
						.iwork-pick02-photo-thumbnail-box ul li {
							margin-bottom: 20px;
							margin-top: 0;
						}
					}
						.iwork-pick02-photo-thumbnail-box ul li img {
							width: 100%;
						}
		.iwork-pick02-photo-right {
			width: 12%;
		}
		@media (max-width: 900px) {
			.iwork-pick02-photo-right {
				width: 100%;
			}
		}
/* 九州大学伊都キャンパス新研究棟 */
	.iwork-pick-03 .iwork-pick-name {
		text-align: center;
	}
	.iwork-pick03-photo-outer {
		display: grid;
		grid-template-columns: 30% 6% 64%;
		grid-template-rows: 294px 294px 294px;
	}
	@media (max-width: 1100px) {
		.iwork-pick03-photo-outer {
			display: block;
			margin: 0 auto;
			width: fit-content;
		}
	}
		@media (max-width: 1100px) {
			.iwork-pick03-box01 {
				margin-bottom: 50px;
			}
		}
		@media (max-width: 768px) {
			.iwork-pick03-box01 {
				flex-direction: column;
				margin-bottom: 70px;
			}
			.iwork-pick03-box01 img {
				margin-bottom: 30px;
			}
		}
		.iwork-pick03-box01-01 {
			grid-row: 2/4;
			grid-column: 1/2;
			margin-top: 25px;
		}
		@media (max-width: 1100px) {
			.iwork-pick03-box01-01 {
				display: flex;
				align-items: center;
			}
		}
			.iwork-pick03-box01-01 .iwork-pick03-text02 {
				text-align: center;
			}
			.iwork-pick03-textbox01 {
				margin-left: 30px;
			}
			.iwork-pick03-box01-01 .iwork-pick03-textbox01 {
				margin-left: 0px;
			}
			@media (max-width: 1100px) {
				.iwork-pick03-box01-01 .iwork-pick03-textbox01 {
					margin-left: 30px;
				}
			}
		.iwork-pick03-box01-02 {
			grid-row: 1/2;
			grid-column: 3/4;
			display: flex;
			align-items: center;
		}
		.iwork-pick03-box01-03 {
			grid-row: 2/3;
			grid-column: 3/4;
			display: flex;
			align-items: center;
		}
		.iwork-pick03-box01-04 {
			grid-row: 3/4;
			grid-column: 3/4;
			display: flex;
			align-items: center;
		}
			.iwork-pick03-text02 {
				margin-bottom: 20px;
			}
			.iwork-pick03-text02.iwork-pick03-text02-pc {
					margin-top:1em;
				}
			@media (max-width: 1100px) {
				.iwork-pick03-text02.iwork-pick03-text02-pc {
					margin-top:0;
				}
			}
			.iwork-pick03-text02.iwork-pick03-text02-sp {
				display: none;
				text-align: left;
			}
			@media (max-width: 1100px) {
				.iwork-pick03-text02.iwork-pick03-text02-sp {
					display: block;
				}
			}
			.iwork-pick-03 .iwork-pick-box01 {
				display: block;
				margin-top: 20px;
			}
			.iwork-pick-03 .iwork-pick-box01 div {
				width: 100%;
			}
					.iwork-pick-03 .iwork-pick-box01 dl dt {
						min-width: auto;
					}
/* させぼ五番街 */
	.iwork-pick-04 .iwork-pick-name {
		text-align: center;
	}
	.iwork-pick04-photo-outer {
	}
		.iwork-pick04-photo-main {
			margin-bottom: 30px;
		}
			.iwork-pick04-photo-main img {
				width: 100%;
			}
		.iwork-pick04-photo-thumbnail {
		}
			.iwork-pick04-photo-thumbnail-box {
			}
				.iwork-pick04-photo-thumbnail-box ul {
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
				}
					.iwork-pick04-photo-thumbnail-box ul li {
						margin-bottom: 10px;
						width: calc(100% /8 - 10px);
					}
					@media (max-width: 768px) {
						.iwork-pick04-photo-thumbnail-box ul li {
							width: calc(100% /4 - 10px);
						}
					}
						.iwork-pick04-photo-thumbnail-box ul li img {
							width: 100%;
						}
		.iwork-pick04-box01 {
		}
			.iwork-pick04-box01 div {
				margin-bottom: 30px;
			}
				.iwork-pick04-box01 dl {
					display: flex;
				}
				@media (max-width: 768px) {
					.iwork-pick04-box01 dl {
						flex-direction: column;
					}
				}
					.iwork-pick04-box01 dl dt {
						min-width: 400px;
					}
					@media (max-width: 400px) {
						.iwork-pick04-box01 dl dt {
							min-width: unset;
						}
					}
/* メリッタkids sasebo */
.iwork-pick-05 .iwork-pick-inner {
	max-width: 1125px;
}
@media (max-width: 1200px) {
	.iwork-pick-05 .iwork-pick-inner {
		margin: 0 10px 100px;
	}
}
	.iwork-pick-05 .iwork-pick-name {
		text-align: center;
	}
	.iwork-pick05-photo-outer {
		display: grid;
		grid-template-columns: 11.68% 2.64% 85.68%;
		grid-template-rows: 96px 30px 416px;
		margin-bottom: 50px;
	}
	@media (max-width: 1100px) {
		.iwork-pick05-photo-outer {
			display: block;
			margin: 0 auto 50px;
			width: fit-content;
		}
	}
		@media (max-width: 1100px) {
			.iwork-pick05-box01 {
				margin-bottom: 30px;
			}
		}
		@media (max-width: 640px) {
			.iwork-pick05-box01 {
				margin-bottom: 10px;
			}
		}
		@media (max-width: 480px) {
			.iwork-pick05-box01 {
				margin-bottom: 20px;
			}
		}
		.iwork-pick05-box01-01 {
			grid-row: 3/4;
			grid-column: 3/4;
		}
			.iwork-pick05-box01-01 img {
				width: 100%;
				margin: 0 auto;
				object-fit: cover;
			}
			.iwork-pick05-box01-01 .iwork-pick05-text02 {
				text-align: center;
			}
			.iwork-pick03-textbox01 {
				margin-left: 30px;
			}
			.iwork-pick03-box01-01 .iwork-pick03-textbox01 {
				margin-left: 0px;
			}
			@media (max-width: 1100px) {
				.iwork-pick03-box01-01 .iwork-pick03-textbox01 {
					margin-left: 30px;
				}
			}
		.iwork-pick05-box01-02 {
			grid-row: 1/2;
			grid-column: 3/4;
		}
		@media (max-width: 480px) {
			.iwork-pick05-box01-02 {
				margin-bottom: 0;
			}
		}
			.iwork-pick05-photo-thumbnail-box {
				display: flex;
				align-items: center;
			}
			@media (max-width: 1100px) {
				.iwork-pick05-photo-thumbnail-box {
					justify-content: space-between;
				}
			}
			@media (max-width: 480px) {
				.iwork-pick05-photo-thumbnail-box {
					flex-wrap: wrap;
					margin-bottom: 0;
				}
			}
				.iwork-pick05-photo-thumbnail-box img {
					margin-right: 10px;
				}
				@media (max-width: 1100px) {
					.iwork-pick05-photo-thumbnail-box img {
						margin-right: 0px;
						width: calc(100% /4 - 20px);
					}
				}
				@media (max-width: 640px) {
					.iwork-pick05-photo-thumbnail-box img {
						width: calc(100% /4 - 10px);
					}
				}
				@media (max-width: 480px) {
					.iwork-pick05-photo-thumbnail-box img {
						margin-bottom: 20px;
						width: calc(100% /2 - 10px);
					}
				}
		.iwork-pick05-box01-03 {
			grid-row: 3/4;
			grid-column: 1/2;
		}
		@media (max-width: 480px) {
			.iwork-pick05-box01-03 {
				flex-wrap: wrap;
				margin-bottom: 0;
			}
		}
			.iwork-pick05-box01-03 .iwork-pick05-photo-thumbnail-box {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
			}
			@media (max-width: 1100px) {
				.iwork-pick05-box01-03 .iwork-pick05-photo-thumbnail-box {
					flex-direction: row;
				}
			}
			.iwork-pick05-box01-03 .iwork-pick05-photo-thumbnail-box img {
				margin-right: 0;
			}
			@media (max-width: 1100px) {
				.iwork-pick05-box01-03 .iwork-pick05-photo-thumbnail-box img {
					width: calc(100% /4 - 20px);
				}
			}
			@media (max-width: 640px) {
				.iwork-pick05-box01-03 .iwork-pick05-photo-thumbnail-box img {
					width: calc(100% /4 - 10px);
				}
			}
			@media (max-width: 480px) {
				.iwork-pick05-box01-03 .iwork-pick05-photo-thumbnail-box  img {
					margin-bottom: 20px;
					width: calc(100% /2 - 10px);
				}
			}