@charset "UTF-8";

/* =======================================================
mv
======================================================= */
.el-lower-mv-ttl::after {
	content: 'works';
}

/* =======================================================
works
======================================================= */
.bl-works{
	padding: 6rem 0;
}
/* single */
.bl-post .bl-works-header{
	margin-bottom: 2.5rem;
}
.bl-post .el-date{
	margin-left: 0.5rem;
}
.el-post-ttl{
	color: #204988;
	font-size: 2.25rem;
	line-height: 1.4;
	letter-spacing: 0.09rem;
	margin-bottom: 3rem;
}
.bl-post .bl-works-img-wrapper{
	gap: 1.5rem;
}
.bl-post .bl-works-img-wrapper .hp-uppercase{
	border-radius: 1.25rem 0 0;
}
.bl-post .bl-works-img-wrapper .bl-works-after .hp-uppercase{
	border-radius: 0 1.25rem 0 0;
}
.bl-post .bl-works-img-wrapper figure{
	width: 26.25rem;
	height: auto;
}
.bl-post .bl-works-img-wrapper .hp-uppercase{
	height: 3.75rem;
	padding: 0 2.5rem;
	font-size: 1.75rem;
}
.bl-post .el-works-figcaption{
	margin-top: 1.5rem;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
}
.bl-post .bl-works-after .el-works-figcaption{
	font-weight: bold;
}
/* table */
.bl-works-table{
	margin-top: 4rem;
}
.bl-works-tbody{
}
.bl-works-tbody tr{
}
.bl-works-tbody th{
	text-align: left;
	padding: 1.25rem 1.5rem;
	width: 15rem;
	min-height: 4.25rem;
	background: #E3F8FE;
	border-bottom: 0.0625rem solid #222;
}
.bl-works-tbody td{
	padding: 1.25rem 1.5rem;
	width: 49rem;
	background: #fff;
	border-bottom: 0.0625rem solid #222;
}
.bl-works-tbody tr:first-of-type th,
.bl-works-tbody tr:first-of-type td{
	border-top: 0.0625rem solid #222;
}
.bl-post .bl-box{
	margin-top: 4rem;
	padding: 2rem 3.25rem;
	background: #E3F8FE;
}
.bl-post .bl-box + .bl-box{
	margin-top: 2rem;
}
.bl-post .el-works-sub-ttl{
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	margin-bottom: 1rem;
}
.bl-post .bl-box .el-txt > p + p{
	margin-top: 1.3em;
}
@media screen and (max-width: 46.875rem) {
	/* single */
	.bl-post .bl-works-img-wrapper{
		gap: 0.875rem;
	}
	.bl-post .bl-works-img-wrapper figure{
		width: 21.125rem;
	}
	.bl-post .el-works-figcaption{
		font-size: 1.5rem;
	}
	/* table */
	.bl-works-tbody th{
		width: 14.375rem;
	}
	.bl-works-tbody td{
		width: 27.375rem;
	}
	.bl-post .bl-box{
		padding: 2rem;
	}
	.bl-post .el-works-sub-ttl{
		font-size: 2rem;
	}
	.bl-post .bl-box .el-txt{
	}
}

/* =======================================================
related
======================================================= */
.bl-related{
	padding: 6rem 0;
	background: #F6F6F6;
}
.bl-related .el-main-ttl{
	margin-bottom: 3rem;
}
.bl-related .el-btn{
	margin-top: 3rem;
}