@charset "UTF-8";
/* ========================================================================================================
	カラム
======================================================================================================== */
[class*="bl_col0"] {margin-top:60px;}
[class*="bl_col0"]:has(.el_no-article) {display: none;}
.el_inner-flame {padding:0 20px;}
.bl_main-content > .bl_col03-content:nth-of-type(1) {margin-top:0;}

/* 3カラム */
.bl_col03-content .bl_item-container {
	display: grid;
	/*grid-template-columns: repeat(3, 260px);*/
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	column-gap: 30px;
}

/* 2カラム */
.bl_col02-content:has(.bl_col01-content) {
	display: grid;
	grid-template-columns: repeat(2, 410px);
	column-gap: 20px;
}

.bl_col02-content:has(.bl_col01-content) .bl_item-container {
	display: block;
}

.bl_col02-content .bl_item-container {
	display: grid;
	grid-template-columns: repeat(2, 390px);
	column-gap: 20px;
}

/* ========================================================================================================
	カード 共通
======================================================================================================== */
.bl_card-ver01 {display: block;}
.bl_card-ver02 .el_card-img {max-width: 160px;}
.bl_card-ver02 .el_item-title {
	max-width: 140px;
	font-size:1.4rem;
}
.el_card-img {
	aspect-ratio: 16 / 9;
}
.el_card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.el_item-title {width: 100%;}

/* もっと見る */
.el_more-link {
	width: 100%;
	text-align: right;
	margin-top:20px;
}

.el_moreLnk-text {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right:10px;
}

.el_moreLnk-text::after {
	content:"";
	width: 10px;
	height: 10px;
	border-top:2px solid #333;
	border-right:2px solid #333;
	transform: rotate(45deg);
	margin-left: 10px;
}

/* ========================================================================================================
	カード 個別
======================================================================================================== */
/* 3カラム・2カラム共通 */
.bl_col03-content .bl_card-ver01,
.bl_col02-content .bl_card-ver01 {
	margin-top:40px;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
}
.bl_col03-content .el_item-title,
.bl_col02-content .el_item-title {margin-top:12px;}

/* 2カラム */
.bl_col02-content:has(.bl_col01-content) .bl_card-ver02 {
	width: 100%;
	max-width: 370px;
	margin-top:40px;
}

.bl_col02-content:has(.bl_col01-content) .bl_card-ver02 {
	width: 100%;
	max-width: 370px;
	margin-top:40px;
}

.bl_col02-content:has(.bl_col01-content) .bl_card-ver02 .el_item-title {
	max-width: 190px;
}

/* 1カラム */
.bl_col01-content .bl_card-ver02 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top:30px;
}

.bl_col01-content:has(.bl_card-ver02) .el_item-title {
	width: 100%;
	margin-top:0;
}

/* ========================================================================================================
	記事ページ
======================================================================================================== */
.bl_main-content > .bl_item-container + .bl_related-articles {
	margin-top: 100px;
	padding: 20px;
    box-sizing: border-box;
    background: #e7e7e7;
}

.bl_main-content > .bl_item-container + .bl_related-articles .bl_item-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	column-gap: 10px;
}

/* ========================================================================================================
	SP用CSS
	------------------------------------------------------------------------------------------------------
	@media all and (max-width: 768px)
======================================================================================================== */
@media all and (max-width: 750px) {
/* ========================================================================================================
	カラム
======================================================================================================== */
	.el_inner-flame {padding: 0;}

	/* 3カラム */
	.bl_col03-content .bl_item-container {display: block;}

	/* 2カラム */
	.bl_col02-content:has(.bl_col01-content) {display: block;}
	.bl_col02-content .bl_item-container {display: block;}
/* ========================================================================================================
	カード 共通
======================================================================================================== */
	.bl_card-ver02 .el_card-img {
		max-width: 320px;
		min-width: 160px;
		width: calc(100% - 350px);
	}

/* ========================================================================================================
	カード 個別
======================================================================================================== */
	/* 2カラム */
	.bl_col02-content:has(.bl_col01-content) .bl_card-ver02 {max-width: 720px;}
	.bl_col02-content:has(.bl_col01-content) .bl_card-ver02 .el_item-title {max-width: 340px;}

	/* 1カラム */
	.bl_col01-content:has(.bl_card-ver02) .el_item-title {
		max-width: 340px;
		margin-left: 20px;
	}

}