@charset 'UTF-8';

/*----------------------------------------

	- article_head
	+ article_body
		- free_text
	- footer

-----------------------------------------*/

.breadcrumb {
	margin-bottom: 88px;
}

/*----------------------------------------
	article_head
-----------------------------------------*/

.article_head {
	margin-top: 88px;
	padding-bottom: 36px;
	border-bottom: 1px solid var(--color_silver);
}

.article_head dt {
	display: flex;
	align-items: center;
}

.article_head .news_date {
	margin-right: 24px;
}

.article_head .news_label {
	margin-right: 15px;
}

.article_head dd {
	margin-top: 27px;
}

.article_head .news_title {
	letter-spacing: 0.04em;
}

@media screen and (max-width: 768px) {
	.article_head {
		margin-top: 12.82vw;
		padding-bottom: 7.69vw;
	}

	.article_head .news_date {
		margin-right: 6.15vw;
	}

	.article_head .news_label {
		margin-right: 2.56vw;
	}

	.article_head dd {
		margin-top: 4.62vw;
	}
}

/*----------------------------------------
	article_body
-----------------------------------------*/

.article_body {
	margin-top: 50px;
}

.article_body .lead {
	letter-spacing: 0.04em;
}

/* 画像1枚 */
.article_body .img_box.column1 {
	max-width: 760px;
	width: 71.97%;
	margin: auto;
}

/* 画像2枚以上 */
.article_body .img_box.column2 {
	display: flex;
	flex-flow: wrap;
	gap: 40px;
	justify-content: center;
}

.article_body .img_box figure {
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1.5 / 1;
}

.article_body .img_box.column2 figure {
	width: calc((100% - 40px) / 2);
}

.article_body .img_box img {
	height: 100%;
	object-fit: cover;

	object-position: bottom;
}

/* 間隔調整 */
.article_body>div:first-of-type .lead+.img_box {
	margin-top: 90px;
}

@media screen and (max-width: 768px) {
	.article_body {
		margin-top: 8.2vw;
	}

	/* 画像1枚 */
	.article_body .img_box.column1 {
		max-width: initial;
		width: 100%;
		margin: auto;
	}

	/* 画像2枚以上 */
	.article_body .img_box.column2 {
		gap: 6.15vw;
	}

	.article_body .img_box.column2 figure {
		width: 100%;
	}

	/* 間隔調整 */
	.article_body>div:first-of-type .lead+.img_box {
		margin-top: 7.92vw;
	}
}

/*----------------------------------------
	繰り返しエリア
-----------------------------------------*/

.article_body>div:not(:first-of-type) {
	margin-top: 80px;
}

/* 見出し */
.article_body>div:not(:first-of-type) .font24_18 {
	position: relative;
	padding-left: 20px;
	border-left: 6px solid var(--color_pointgold);
	letter-spacing: 0.04em;
}

/* テキスト */
.article_body>div:not(:first-of-type) .font18_14 {
	letter-spacing: 0.03em;
}

/* フリーテキスト */
.article_body .free_text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.article_body .free_text a {
	display: flex;
	align-items: center;
	color: var(--color_basicblue);
	letter-spacing: 0.03em;
	text-decoration: underline;
	transition: opacity var(--transition02secEaseout);
}

/* hover */
@media (hover: hover) {
	.article_body .free_text a:hover {
		opacity: 0.6;
	}
}

.article_body .free_text a[target="_blank"]::after {
	content: '';
	width: 30px;
	height: 30px;
	margin-left: 7px;
	background-image: url(../../img/c_ic_browser_basicblue.svg);
	background-position: center;
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

/* 間隔調整 */
/* 見出し */
.article_body>div:not(:first-of-type) .font24_18+.font24_18 {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .font18_14+.font24_18 {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .img_box+.font24_18 {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .free_text+.font24_18 {
	margin-top: 50px;
}

/* テキスト */
.article_body>div:not(:first-of-type) .font24_18+.font18_14 {
	margin-top: 52px;
}

.article_body>div:not(:first-of-type) .font18_14+.font18_14 {
	margin-top: 30px;
}

.article_body>div:not(:first-of-type) .img_box+.font18_14 {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .free_text+.font18_14 {
	margin-top: 50px;
}

/* 画像 */
.article_body>div:not(:first-of-type) .font24_18+.img_box {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .font18_14+.img_box {
	margin-top: 60px;
}

.article_body>div:not(:first-of-type) .img_box+.img_box {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .free_text+.img_box {
	margin-top: 50px;
}

/* フリーテキスト */
.article_body>div:not(:first-of-type) .font24_18+.free_text {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .font18_14+.free_text {
	margin-top: 33px;
}

.article_body>div:not(:first-of-type) .img_box+.free_text {
	margin-top: 50px;
}

.article_body>div:not(:first-of-type) .free_text+.free_text {
	margin-top: 50px;
}

/* spサイズ */
@media screen and (max-width: 768px) {
	.article_body>div:not(:first-of-type) {
		margin-top: 12.82vw;
	}

	/* 見出し */
	.article_body>div:not(:first-of-type) .font24_18 {
		padding-left: 2.8vw;
		border-left-width: 1.02vw;
	}

	/* フリーテキスト */
	.article_body .free_text {
		line-height: 2;
		letter-spacing: 0.04em;
	}

	.article_body .free_text a {
		align-items: flex-end;
		letter-spacing: 0.04em;
	}

	.article_body .free_text a[target="_blank"]::after {
		min-width: 6.15vw;
		width: 6.15vw;
		min-height: 6.15vw;
		height: 6.15vw;
		margin: 0 0 0.3em 1.28vw;
		background-size: 6.15vw 6.15vw;
	}

	/* 間隔調整 */
	/* 見出し */
	.article_body>div:not(:first-of-type) .font24_18+.font24_18 {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .font18_14+.font24_18 {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .img_box+.font24_18 {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .free_text+.font24_18 {
		/* 仮 */
		margin-top: 7.69vw;
	}

	/* テキスト */
	.article_body>div:not(:first-of-type) .font24_18+.font18_14 {
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .font18_14+.font18_14 {
		margin-top: 5.12vw;
	}

	.article_body>div:not(:first-of-type) .img_box+.font18_14 {
		margin-top: 8.19vw;
	}

	.article_body>div:not(:first-of-type) .free_text+.font18_14 {
		/* 仮 */
		margin-top: 7.69vw;
	}

	/* 画像 */
	.article_body>div:not(:first-of-type) .font24_18+.img_box {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .font18_14+.img_box {
		margin-top: 10.25vw;
	}

	.article_body>div:not(:first-of-type) .img_box+.img_box {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .free_text+.img_box {
		/* 仮 */
		margin-top: 7.69vw;
	}

	/* フリーテキスト */
	.article_body>div:not(:first-of-type) .font24_18+.free_text {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .font18_14+.free_text {
		margin-top: 5.65vw;
	}

	.article_body>div:not(:first-of-type) .img_box+.free_text {
		/* 仮 */
		margin-top: 7.69vw;
	}

	.article_body>div:not(:first-of-type) .free_text+.free_text {
		/* 仮 */
		margin-top: 7.69vw;
	}
}

/*----------------------------------------
	footer調整用
-----------------------------------------*/

footer {
	margin-top: 87px;
}

@media screen and (max-width: 768px) {
	footer {
		margin-top: 12.6vw;
	}
}
