@charset "utf-8";

/* メインビジュアル ---- */
.mv-area {
	padding-top: var(--space-m);
	padding-bottom: var(--space-xl12);
}

.mv-area-inr {
}

.mv-area h1 {
	text-align: center;
	font-size: var(--ft-size48);
	font-weight: 700;
	color: var(--text-color);
}

.mv-area h1 span {
	display: block;
	margin: 1rem 0 0 0.5rem;
	font-size: var(--ft-size18);
}

.tax-list {
	display: flex;
	flex-flow: row wrap;
	padding-bottom: var(--space-m);
	gap: 1.6rem;
}

.tax-list > a {
	padding: 0.5rem 1.6rem;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
	border-radius: 99em;
	font-weight: 700;
}

.tax-list > a.cur {
	border: 2px solid #222222;
	background-color: #222222;
	color: #FFFFFF;
	pointer-events: none;
}

#newsList {
	padding-bottom: var(--space-l);
	line-height: 1.75;
}

.news-list > li > a {
	display: flex;
	flex-flow: row wrap;
	gap: 1.0rem 1.5em;
	padding: 2.0rem 0;
	border-bottom: 2px solid #cccccc;
}

.news-list > li:nth-of-type(1) > a {
	border-top: 2px solid #cccccc;
}

.news-list ul li a time {
	flex-shrink: 0;
}

.news-list .item-cat {
	display: flex;
	flex-flow: row nowrap;
	gap: 1.0rem;
}

.news-list .item-cat li {
	padding: 0.5rem 1rem;
	line-height: 1;
	border: 2px solid #E0FF33;
	border-radius: 99em;
	font-size: 1.4rem;
}

.news-list .news-title {
	width: 100%;
	font-size: var(--ft-size18);
}

/* 防災を知る */
#bousaiList {
	padding-bottom: var(--space-l);
	line-height: 1.75;
}

.bousai-area article {
	padding: var(--space-s) 20px;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}

.bousai-area article > * {
	width: min(100%,1020px);
	margin: 0 auto;
}

.bousai-area article + article {
	margin-top: var(--space-m);
}

.bousai-area .article-head {
	margin-bottom: var(--space-xs);
}

.bousai-area .article-head .item-cat {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1.0rem;
	gap: 1.6rem;
}

.bousai-area .article-head .item-cat li {
	padding: 0.5rem 1.6rem;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
	border-radius: 99em;
	line-height: 1;
	font-weight: 700;
}

.bousai-area .article-head h2 {
	line-height: 1.625;
	font-weight: 700;
	font-size: var(--ft-size30);
}

.bousai-area .article-body > *:not(:last-child) {
	margin-bottom: var(--space-s);
}

.bousai-area .article-body > p:has(+ p) {
	margin-bottom: var(--space-xs) !important;
}

/* ================================================ */
@media (min-width: 1001px) {
}

/* ================================================ */
@media (max-width: 1000px) {
}

/* ================================================ */
@media (max-width: 768px) {
}

/* ================================================ */
@media (max-width: 480px) {

.news-list > li > a {
	flex-flow: column nowrap;
}

}