@charset "UTF-8";

/*-------------------------------------------------
common
-------------------------------------------------*/
sub {
	vertical-align: 0em;
}
/*-------------------------------------------------
KV下テキスト
-------------------------------------------------*/
#public-notice #kv_sub .kv_sub_txt {
    line-height: 140%;
}
#kv_sub.public-notice {
    background-image: url("../img/public-notice/public-notice_kv_bg.jpg");
}
.h2_normal {
	margin-bottom: 5rem;
}
@media screen and (max-width: 959px) {
    .h2_kv_sub {
        font-size: 24px !important;
    }
	.h2_normal {
		margin-bottom: 3rem;
	}
}
@media screen and (max-width: 600px) {
	#public-notice #kv_sub {
		height: 280px;
		background-position: bottom right 45%;
	}
}
/*-----------------------------------

	intro

-----------------------------------*/
#kv_sub .h2_kv_sub {
	padding-bottom: 0;
	margin-top: 10rem;
	margin-bottom: 2rem;
}
#kv_sub .h2_kv_sub::after {
	display: none;
}
@media screen and (max-width: 959px) {
	#kv_sub .h2_kv_sub {
		padding-bottom: 0 !important;
		font-size: 22px !important;
		margin-top: 8rem;
	}
}
@media screen and (max-width: 498px) {
	.intro .intro_list {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(4, 1fr);
		gap: 2rem;
	}
}
/*-----------------------------------
	電子公告リスト
-----------------------------------*/
.electronic-list {
	list-style: none;
	padding: 0;
	margin: 0 0 3rem;
}
.electronic-list li {
	display: flex;
	align-items: center;
    gap: 0 1em;
	padding: 0.6em 0;
	border-bottom: none;
	list-style: none;
	position: relative;
	padding-left: 1.6em;
}
.electronic-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	background: #4c90ca;
	border-radius: 50%;
}
.electronic-date {
	color: #666666;
	font-size: 1em;
	flex-shrink: 0;
}
.electronic-link {
	color: #0060b3;
	text-decoration: underline!important;
}
.electronic-link:hover {
	opacity: 0.8;
}
.electronic-pdf {
	display: inline-block;
	padding: 0 10px;
    line-height: 1.6;
	background: #0060b3;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	flex-shrink: 0;
}
@media screen and (max-width: 959px) {
	.electronic-list li::before {

	}
}
@media screen and (max-width: 640px) {
	.electronic-list li {
		flex-wrap: wrap;
	}
	.electronic-date {
		width: 100%;
	}
}

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

	contact

-----------------------------------*/
.flx_02 {
    justify-content: center;
}
@media screen and (max-width: 840px) {
}
@media screen and (max-width: 640px) {
}