.disaster-ttl { margin-bottom: 65px; }
.disaster-ttl .ttl-txt { padding: 40px 20px; background-color: #d32427; font-size: 4.6rem; font-weight: 700; text-align: center; color: #fff; }
@media screen and (max-width: 1170px) { .disaster-ttl .ttl-txt { font-size: 3.6rem; } }
@media screen and (max-width: 960px) { .disaster-ttl .ttl-txt { font-size: 2.6rem; } }
.disaster-ttl .ttl-txt span { position: relative; }
@media screen and (max-width: 750px) { .disaster-ttl .ttl-txt span { display: block; } }
.disaster-ttl .ttl-txt span::before, .disaster-ttl .ttl-txt span::after { content: ''; position: absolute; top: 50%; background: url("../../assets/img/common/ico_disaster.png") no-repeat left top; background-size: contain; width: 65px; height: 54px; margin-top: -27px; }
@media screen and (max-width: 750px) { .disaster-ttl .ttl-txt span::before, .disaster-ttl .ttl-txt span::after { width: 45px; height: 34px; margin-top: -17px; } }
.disaster-ttl .ttl-txt span::before { left: 0; margin-left: -140px; }
@media screen and (max-width: 750px) { .disaster-ttl .ttl-txt span::before { margin-left: 0; } }
.disaster-ttl .ttl-txt span::after { right: 0; margin-right: -140px; }
@media screen and (max-width: 750px) { .disaster-ttl .ttl-txt span::after { margin-right: 0; } }
.disaster-news .news-top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; }
@media screen and (max-width: 960px) { .disaster-news .news-top { display: block; margin-bottom: 0; } }
.disaster-news .news-top .news-heading { font-size: 4.0rem; font-weight: 700; color: #d32427; }
@media screen and (max-width: 960px) { .disaster-news .news-top .news-heading { margin-bottom: 20px; } }
.disaster-news .news-top ul { display: flex; justify-content: flex-end; }
@media screen and (max-width: 960px) { .disaster-news .news-top ul { justify-content: flex-start; } }
.disaster-news .news-top ul li { margin-left: 10px; padding: 10px 1em; border: 1px solid #d32427; background-color: #fff; font-size: 2.2rem; font-weight: 700; color: #d32427; cursor: pointer; line-height: 1; }
@media screen and (max-width: 960px) { .disaster-news .news-top ul li { border-bottom: none; } }
@media screen and (max-width: 750px) { .disaster-news .news-top ul li { font-size: 1.8rem; } }
.disaster-news .news-top ul li:hover, .disaster-news .news-top ul li.active { background-color: #ff9091; color: #fff; }
@media screen and (max-width: 960px) { .disaster-news .news-top ul li:first-child { margin-left: 0; } }
.disaster-news .news-list { padding: 30px 0; border-top: 1px solid #d32427; border-bottom: 1px solid #d32427; }
.disaster-news .news-list li { margin-bottom: 30px; }
.disaster-news .news-list li:last-child { margin-bottom: 0; }
.disaster-news .news-list li a { text-decoration: none; display: flex; align-items: center; }
.disaster-news .news-list li a:hover p { text-decoration: underline; }
.disaster-news .news-list li a span { width: 10em; padding: 0 1em; font-size: 1.6rem; color: #f64d80; text-align: left; }
.disaster-news .news-list li a p { flex: 1; font-size: 2.0rem; }

.disaster-main .disaster-con { padding: 80px 0; }
.disaster-main .disaster-con:nth-child(even) { background-color: #efefef; }
.disaster-main .disaster-con .disaster-heading {
	margin-bottom: 60px; font-size: 3.2rem; font-weight: 700; color: #d32427; line-height: 1.5;
}
@media screen and (max-width: 750px) {
	.disaster-main .disaster-con .disaster-heading {
		font-size: 2.4rem !important;
	}
}
.disaster-main .disaster-con .disaster-heading02 { margin-bottom: 30px; font-size: 2.6rem; font-weight: 700; }
@media screen and (max-width: 750px) {
	.disaster-main .disaster-con .disaster-heading02 {
		font-size: 2.2rem;
	}
}
.disaster-main .disaster-con .disaster-con-box { margin-bottom: 80px; }
.disaster-main .disaster-con .disaster-con-box:last-child { margin-bottom: 0; }
.disaster-main .disaster-con .disaster-con-box .disaster-subheading { margin-bottom: 40px; font-size: 2.6rem; font-weight: 700; color: #d32427; }
.disaster-main .disaster-con .disaster-con-box .disaster-txtheading { margin-bottom: 40px; font-weight: 700; }
.disaster-main .disaster-con .disaster-con-box .disaster-con-txt { line-height: 2; }
.disaster-main .disaster-con .disaster-con-box .disaster-con-txt li { padding-left: 1em; text-indent: -1em; }
.disaster-main .disaster-con .disaster-con-box .disaster-con-txt a { color: #d32427; }
.disaster-main .disaster-con .disaster-con-box .disaster-con-txt a.icontxt { color: #505454; }
.disaster-main .disaster-con .disaster-con-box .disaster-con-txt a.icontxt .ico { margin-left: 1em; }
.disaster-main .disaster-txt { font-size: 1.8rem; }

.pagelinkList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.pagelink {
	display: flex;
	align-items: center;
	position: relative;
	font-size: 2.6rem;
	padding: 15px 40px 15px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #d32427;
}
.pagelink::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(-50%, -50%);
	display: block;
	width: 20px;
	height: 22px;
	background: url("../../assets/img/common/ico_arrow_wh.svg") no-repeat center/contain;
	transition: .2s;
}
.pagelink:hover::before {
	margin-top: 5px;
}
@media screen and (max-width: 750px) {
	.pagelink {
		padding: 10px 30px 10px 10px;
		font-size: 1.8rem;
	}
	.pagelink::before {
		right: 5px;
		width: 12px;
		height: 14px;
	}
}