@charset "UTF-8";

#disaster .ttl_box{
	background:url(../img/main_bg.png) no-repeat center center;
	width:100%;
	max-width:1440px;
	margin:0 auto;
	height:500px;
}
#disaster .ttl_box .ttl_wrapper{
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto;
}
#disaster .ttl_box .ttl_wrapper h1{
	width:560px;
	height:300px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#disaster .ttl_box .ttl_wrapper p{
	position:absolute;
	bottom:10px;
	left:0;
	color:#fff;
	font-size:14px;
}
#disaster .lead{
	padding:50px 10px 66px;
	text-align: center;
	font-size:130%;
	line-height:1.7;
}

#sect_wrapper{
	width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#sect_wrapper section{
	max-width:472px;
	width:47.2%;
	margin-bottom:30px;
}
#sect_wrapper #quake{
	width:100%;
	max-width:1000px;
}
#sect_wrapper h2{
	margin-bottom:30px;
}
#sect_wrapper #quake h2{
	position:relative;
}
#sect_wrapper #quake h2 span{
	font-size:12px;
	color:#fff;
}
#sect_wrapper #quake h2 img.sp{
	display:none;
}
#sect_wrapper .m_list{
	display:flex;
	justify-content:flex-start;
	align-items: center;
	font-size:116%;
	line-height: 1;
	margin-left:12px;
}
#sect_wrapper #quake .m_list{
	display:flex;
	width:700px;
	margin:0 auto 0 12px;
	flex-wrap:wrap;
	padding-bottom:30px;
}
#sect_wrapper .m_list li{
	width:100%;
	text-align: left;
	margin:0 0 30px 0;
}
#sect_wrapper #quake .m_list li{
	width:30%;
	margin:0 5% 20px 0;
	text-align: left;
}
#sect_wrapper #quake .m_list li:nth-child(3n){
	margin:0 0 20px 0;
}
#sect_wrapper .m_list li i{
	display:inline-block;
	width:0em;
	height:0em;
	margin-right:0.7em;
	border-left:0.9em solid #777;
	border-top:0.5em solid transparent;
	border-right:none;
	border-bottom:0.5em solid transparent;
	box-sizing: border-box;
	vertical-align: -2px;
}
.bnr_skelton{
	width:80%;
	max-width:680px;
	margin:0 auto;
	padding:50px 0;
}



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

	#disaster .ttl_box{
		height:auto;
		position:relative;
	}
	#disaster .ttl_box .ttl_wrapper{
		padding-top:66.6%;
		position:inherit;
	}
	#disaster .ttl_box .ttl_wrapper h1{
		width:74.6%;
		height:40vw;
	}
	#disaster .ttl_box .ttl_wrapper p{
		bottom:3%;
	}

	#disaster .ttl_box .ttl_wrapper{
		width:100%;
	}
	#sect_wrapper{
		width:96%;
	}
	#sect_wrapper #quake .m_list{
		width:90%;
	}
	#sect_wrapper #quake .m_list li{
		width:45%;
		margin:0 2.5% 30px;
	}
	#sect_wrapper #quake .m_list li:nth-child(2n){
		margin:0 2.5% 30px;
	}
	#sect_wrapper #quake .m_list li:nth-child(3n){
		margin:0 2.5% 30px;
	}
}



@media screen and (max-width: 500px) {
	#disaster .lead{
		text-align: left;
		padding:46px 10px 56px;
	}
	#sect_wrapper section{
		width:100%;
		max-width: 100%;
		margin-bottom:30px;
	}
	#sect_wrapper #quake{
		width:100%;
		max-width: 100%;
		max-width:1000px;
	}
	#sect_wrapper #quake h2 img.pc{
		display:none;
	}
	#sect_wrapper #quake h2 img.sp{
		display:block;
		width:100%
	}
	#sect_wrapper #quake h2 span{
		position:absolute;
		right:5px;
		bottom:6px;
	}
	#sect_wrapper #quake .m_list li,
	#sect_wrapper #quake .m_list li:nth-child(2n),
	#sect_wrapper #quake .m_list li:nth-child(3n){
		width:100%;
		text-align: center;
		margin:0 0 20px 0;
		text-align: left;
		padding-left:24%;
	}
	#sect_wrapper #quake .m_list li:last-child{
		margin:0 0 30px 0;
	}

}