@charset "UTF-8";

/*=======================================================
背景パララックス
=======================================================*/
.ly-main {
    background: url(../images/common/bg.jpg) top center / contain no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
	.ly-main {
        background: url(../images/common/bg-sp.jpg) top center / contain no-repeat;
		background-attachment: fixed;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::after {
	content: "News";
}
@media screen and (max-width: 750px) {
	.el-lower-mv-ttl {
		padding-top: 160px;
	}
}

/*=======================================================
一覧
=======================================================*/
.bl-info {
	padding: 40px 0 80px;
}

@media screen and (max-width: 750px) {

}

/*=======================================================
詳細
=======================================================*/
.bl-info {
	padding: 80px 0 0;
}
.bl-info .ly-cont-inner {
	margin-bottom: 96px;
}

/* 記事ページ */
.el-post-ttl {
	margin-bottom: 10px;
	padding: 6px 0 8px 18px;
	line-height: 1.4;
	color: #FFFFFF;
	background-color: rgba(0,69,104,0.5);
	font-size: 24px;
}
.bl-post-header {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 16px;
}
.bl-post-date {
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 0;
}
.bl-post-cont {
	color: #FFFFFF;
	margin-bottom: 96px;
}
.bl-info.single .bl-cat {
	margin: 80px 0 0;
}
@media screen and (max-width: 750px) {
	/* 記事ページ */
	.el-post-ttl {
		margin-bottom: 15px;
		padding: 20px 0 20px 24px;
		font-size: 28px;
	}
	.bl-post-header {
		gap: 8px 16px;
	}
	.bl-post-date {
		font-size: 22px;
	}
}