/* -----------------------------------------
// バレーサイト トピックス2025（Sassは使っていないです）
// 使用ページ：
// ・2025年以降のインフォメーション＞トピックス複数ページ
// -----------------------------------------*/
@charset "UTF-8";

.ttlVolleyLv1{
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.ttlVolleyLv1{
		margin-bottom: 4vw;
	}
}

.topicsBody{
	padding-bottom: 50px;
}
@media (max-width: 767px) {
	.topicsBody{
		padding-bottom: 10vw;
	}
}

.topicsBody .txtDate{
	background-color: #00a172;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.topicsBody .txtDate{
		margin-bottom: 5vw;
	}
}

.topicsBody .txtDate p{
	position: relative;
	font-size: 18px;
	line-height: 1.2;
	color: #ffffff;
	padding: 12px 20px;
}

@media (min-width: 768px) {
	.topicsBody ._pcMb0{ margin-bottom: 0; }
	.topicsBody ._pcMb10{ margin-bottom: 10px; }
	.topicsBody ._pcMb20{ margin-bottom: 20px; }
	.topicsBody ._pcMb30{ margin-bottom: 30px; }
	.topicsBody ._pcMb40{ margin-bottom: 40px; }
	.topicsBody ._pcMb50{ margin-bottom: 50px; }

	.topicsBody ._pcMt0{ margin-top: 0; }
}
@media (max-width: 767px) {
	.topicsBody ._spMb0{ margin-bottom: 0; }
	.topicsBody ._spMb1vw{ margin-bottom: 1vw; }
	.topicsBody ._spMb2vw{ margin-bottom: 2vw; }
	.topicsBody ._spMb3vw{ margin-bottom: 3vw; }
	.topicsBody ._spMb4vw{ margin-bottom: 4vw; }
	.topicsBody ._spMb5vw{ margin-bottom: 5vw; }
	.topicsBody ._spMb6vw{ margin-bottom: 6vw; }
	.topicsBody ._spMb7vw{ margin-bottom: 7vw; }
	.topicsBody ._spMb8vw{ margin-bottom: 8vw; }
	.topicsBody ._spMb9vw{ margin-bottom: 9vw; }
	.topicsBody ._spMb10vw{ margin-bottom: 10vw; }

	.topicsBody ._spMt0{ margin-top: 0; }
}

@media (max-width: 767px) {
	.topicsBody article{
		padding: 0 4vw;
	}
}

/* プロフィール等 */
.topicsResumeBox{
	background-color: #eff2f1;
	padding: 40px;
}
@media (max-width: 767px) {
	.topicsResumeBox{
		padding: 5vw 4vw;
	}
}
@media (max-width: 767px) {
	.topicsResumeBox .personal-box img.resumeImg {
		width: 50vw;
	}
}