@charset "utf-8";
.work_detail_hdr {
		max-width: 1190px;
		margin: 0 auto;
		padding: 235px 0 0;
		position: relative;
		z-index: 10;
}
.work-summary {
		margin: 0 0 90px;
		padding: 35px 45px;
		/* border: 1px solid #1E1E1E; */
		background: #FFFAF0;
}
.work-summary p {
		line-height: 2.0;
		margin: 0 !important;
		padding: 0 !important;
		text-align: justify;
}
.work_detail_thumb {
		/* padding-bottom: 100px;
		border-bottom: 1px solid #1E1E1E; */
}
.work_detail_cont {
		max-width: 850px;
		margin: 0 auto 60px;
		padding: 0;
		position: relative;
		z-index: 10;
		padding-top: 60px;
}
.work_detail_cont a {
		text-decoration: underline;
}
@media (hover: hover) {
		.work_detail_cont a:hover {
				text-decoration: none;
		}
}
.work_detail_cont p {
		margin: 0 0 60px;
}
.cont_figure, .wp-block-image {
		margin-bottom: 60px;
}
.work_detail_photo {
		max-width: 1030px;
		margin: 0 auto 150px;
		padding: 0 30px;
		position: relative;
		z-index: 10;
}
.work_detail_related {
		max-width: 1190px;
		margin: 0 auto 160px;
		padding: 0;
		position: relative;
		z-index: 10;
}
.wp-block-image figcaption {
		font-size: 85%;
}
/* ================= */
.work_detail_flex {
		display: flex;
		align-items: center;
		margin: 0 0 20px;
}
.work_detail_flex p {
		margin: 0 25px 0 0;
		line-height: 1;
		font-family: "Inter Medium";
}
.work_detail_flex p:first-child span {
		border-right: 1px solid #1E1E1E;
		display: inline-block;
		padding-right: 25px;
}
.work_detail_hdr h1 {
		font-size: 42px;
		font-weight: 600;
		line-height: 1.6;
		margin: 0 0 40px;
}
.work_detail_category {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 40px;
}
.work_detail_category li {
		font-family: "Inter Medium";
		list-style: none;
		margin: 0 10px 10px 0;
		font-size: 12px;
}
.work_detail_category a {
		background: none;
		border: 1px solid #1e1e1e;
		color: #1e1e1e;
		height: 30px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 16px;
		text-decoration: none;
		min-width: 42px;
		text-align: center;
		box-sizing: border-box;
		white-space: nowrap;
		transition: background 0.2s;
}
@media (hover: hover) {
		.work_detail_category a:hover {
				background: #1e1e1e;
				color: #fff;
		}
}
.work_detail_cont h3 {
		font-family: "Inter Medium";
		font-size: 20px;
		margin: 0 0 25px;
}
.work_detail_cont h4 {
		font-size: 28px;
		font-weight: 600;
		line-height: 1.6;
		margin: 0 0 25px;
}
.work_detail_cont p {
		line-height: 2.0;
}
.work_detail_figure {
		margin: 0 0 40px;
}
.work_detail_figure_photo {
		margin: 0 0 8px;
}
.work_detail_figcaption {
		font-size: 13px;
}
.work_detail_spec {
		margin-top: 90px;
		margin-bottom: 200px;
}
.work_detail_spec dl {
		display: flex;
		align-items: flex-start;
		margin: 0 0 10px;
		line-height: 1.8;
}
.work_detail_spec dt {
		font-family: "Inter Medium";
		width: 100px;
}
.work_detail_spec dd {
		flex: 1;
		font-family: YakuHanJP_Noto, "Noto Sans JP Regular", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.work_detail_spec .visitesite {
		padding-top: 20px;
		margin-bottom: 0 !important;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
		position: relative !important;
		width: 100% !important;
		padding-top: 56.25% !important;
}
.news_entry_body figure.wp-block-embed-youtube {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 4em;
}
.youtube_col_player iframe, .youtube_col_player video, .wp-block-embed-youtube iframe, .wp-block-embed-speaker-deck iframe {
		position: absolute !important;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
}
figure.wp-block-embed-youtube {
		margin: 0 0 4em;
}
/* ================== */
.work_detail_related h3 {
		width: 130px;
		margin: 0 auto 35px;
}
.work_detail_related_flex {
		display: flex;
		justify-content: space-between;
}
.work_tile {
		width: auto;
}
.work_detail_related_flex .work_tile {
		width: calc(calc(100% - 36px) * 0.25);
		font-family: "Inter Medium";
}
.work_tile_thumb {
		margin: 0 0 15px;
}
.work_tile_caption h5 {
		font-family: "Inter Medium";
		font-size: 20px;
		margin: 0 0 3px;
}
.work_tile_caption p {
		line-height: 1.8;
}
@media(min-width: 841px) {
		.static_flex {
				display: flex;
				justify-content: center;
		}
		.static_flex .work_tile {
				width: 260px;
				margin: 0 6px;
		}
		.static .work_detail_related_slider, .static .work_detail_related_sliderAuto {
				display: none;
		}
		.swiperOn .static_flex {
				display: none;
		}
}
@media(max-width: 840px) {
		.static_flex {
				display: none;
		}
}
@media(max-width: 1230px) {
		.work_detail_hdr h1, .work-summary p, .work_detail_flex, .work_detail_category {
				padding: 0 25px;
		}
		.work_detail_cont {
				padding-left: 25px;
				padding-right: 25px;
		}
		.work_detail_thumb {
				border-bottom: none;
				position: relative;
		}
		/*	.work_detail_thumb::after {
				content: '';
				display: block;
				position: absolute;
				bottom: 0;
				left: 25px;
				width: calc(100% - 60px);
				height: 1px;
				background: #1E1E1E;
		}
		*/
}
@media(max-width: 768px) {
		.work_detail_hdr {
				padding-top: 100px;
				display: block;
		}
		.work_detail_flex {
				display: block;
				margin: 0 0 20px;
		}
		.work_detail_flex p {
				margin: 0 0 1em;
		}
		.work_detail_flex p:first-child span {
				padding-right: 20px;
		}
		.work_detail_hdr h1 {
				font-size: 7vw;
				line-height: 1.6;
				margin: 0 0 45px;
				text-align: justify;
		}
		.work_detail_hdr h1 br {
				display: none;
		}
		.work_detail_category {
				margin: 0 0 28px;
		}
}
@media(max-width: 767px) {
		.work-summary {
				margin: 0 0 60px;
				padding: 20px;
		}
		.work_detail_category li {
				margin: 0 7px 7px 0;
				font-size: 10px;
		}
		.work_detail_category a {
				height: 24px;
				padding: 0 8px;
				border-radius: 16px;
				min-width: 42px;
		}
		.work_detail_hdr {}
		.work_detail_hdr h1 {
				margin: 0 0 28px;
		}
		.work_detail_thumb {
				padding-bottom: 0;
		}
		.work_detail_thumb img {
				max-width: inherit;
				width: 100%;
		}
		.work_detail_cont {
				padding-top: 40px;
				margin-bottom: 63px;
		}
		.work_detail_cont h3 {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.work_detail_cont h4 {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.wp-block-image {
				margin-bottom: 40px;
		}
		.work_detail_cont p {
				margin-bottom: 40px;
		}
		.work_detail_spec dt {
				width: 60px;
				white-space: nowrap;
		}
		.work_detail_spec {
				margin-top: 80px;
				margin-bottom: 120px;
		}
}