@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
.site-header.slim-header {
	margin-bottom: 18.6rem;
}
.main-box {
	padding-bottom: 29.7rem;
}
.top-text {
	margin-bottom: 15.4rem;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2.36;
}
.link-list {
	margin-bottom: 12.1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 9.6rem;
}
.link-list li a {
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
}
.link-list li.on a {
	color: #c11800;
}
@media screen and (min-width: 768px) {
	.link-list li a:hover {
		color: #c11800;
	}
}
.detail {
	margin-top: -0.9rem;
}
.detail .inner {
	margin-bottom: 11.4rem;
	padding: 6.8rem 7.5rem 8.2rem;
	background: #FFF;
	border-bottom: 1rem solid #c11800;
}
.detail .inner .top-box {
	margin-bottom: 2.6rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.detail .inner .top-box .photo-box {
	width: 44.6rem;
	aspect-ratio: 1 / 1;
}
.detail .inner .top-box .photo-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.detail .inner .top-box .text-box {
	margin-top: -0.5rem;
	width: calc(100% - 48.8rem);
	order: 2;
}
.detail .inner .top-box .text-box .h-hitle {
	margin-bottom: 3.4rem;
	padding-bottom: 3.2rem;
	font-size: 2.6rem;
	font-weight: 400;
	border-bottom: 1px solid #c11800;
}
.detail .inner .top-box .text-box .text {
	font-size: 1.8rem;
	line-height: 1.97;
}
.detail .inner .sub-box p {
	margin-right: -0.8rem;
	font-size: 1.6rem;
	line-height: 2.2;
	word-break: break-all;
}
.detail .inner .sub-box p a {
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
	.detail .inner .sub-box p a:hover {
		opacity: 0.7;
	}
}
.detail .inner .sub-box .wp-block-columns {
	margin: 2.9rem 0 0;
	gap: 1.9rem;
	flex-wrap: wrap !important;
}
.detail .inner .sub-box .wp-block-column {
	width: calc((100% - 3.8rem) / 3);
	flex-basis: auto !important;
	flex-grow: inherit !important;
}
.detail .inner .sub-box .wp-block-columns figure {
	aspect-ratio: 282 / 238;
}
.detail .inner .sub-box .wp-block-columns img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.site-header.slim-header {
		margin-bottom: 3.8rem;
	}
	.container-sp {
		padding: 0 4.8%;
	}
	.main-box {
		padding-bottom: 5rem;
	}
	.top-text {
		margin-bottom: 4.3rem;
		font-size: 1.8rem;
		line-height:1.87;
	}
	.link-list {
		margin-bottom: 3.7rem;
		gap: 2.2rem 6rem;
	}
	.detail {
		margin-top: 4.6rem;
	}
	.detail .inner {
		margin-bottom: 6.2rem;
		padding: 0.5rem 2.3rem 5.4rem;
		border-width: 0.5rem;
	}
	.detail .inner .top-box {
		margin-bottom: 1.4rem;
		display: block;
	}
	.detail .inner .top-box .photo-box {
		width: auto;
		aspect-ratio: 1 / 1;
	}
	.detail .inner .top-box .text-box {
		margin-top: 0;
		width: auto;
	}
	.detail .inner .top-box .text-box .h-hitle {
		margin-bottom: 1rem;
		padding-bottom: 1.3rem;
		font-size: 2rem;
	}
	.detail .inner .top-box .text-box .text {
		margin-bottom: 1.4rem;
		font-size: 1.6rem;
		line-height: 1.77;
	}
	.detail .inner .sub-box p {
		margin-right: 0;
		font-size: 1.6rem;
		line-height: 1.84;
	}
	.detail .inner .sub-box .wp-block-columns {
		margin: 2.2rem 0 0;
		gap: 1.1rem 1rem;
		justify-content: center;
	}
	.detail .inner .sub-box .wp-block-columns .wp-block-column {
		width: calc((100% - 1rem) / 2);
	}
}