@charset "utf-8";

#content_wrap{border-top:1px solid #ccc;}
#content_wrap img{border-radius:20px;}
.page_title{
	max-width:1210px;
	padding:30px 20px 35px;
	margin:auto;
	font-size:2.6rem;
	font-weight:bold;
	letter-spacing:1.56px;
	line-height:3.7rem;
}
h2{
	margin-bottom:25px;
	color:#216B9E;
	font-size:4.2rem;
	font-weight:bold;
	letter-spacing:2.52px;
	line-height:6.1rem;
	text-align:center;
}
h2 br{display:none;}
h3{
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1.2px;
	line-height:3rem;
}
p{
	font-size:2rem;
	letter-spacing:1.2px;
	line-height:4.2rem;
}
p.aligncenter{text-align:center;}

.mv_area{
	display:block;
	max-width:1366px;
	padding:0 20px;
	margin:0 auto 90px;
}
.content_area{
	max-width:1140px;
	padding:0 20px;
	margin:0 auto 105px;
}
.content_area h2{text-align:center;}
.content_area p{margin-bottom:40px;}
.column_3{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:45px 30px;
	margin-bottom:45px;
}
.content_area .column_3{
	padding-bottom:60px;
	border-bottom:2px dotted #333;
}
.column_3 div{
	display:flex;
	flex-direction:column;
}
.column_3 h3{margin:12px 0 5px;}
.column_3 p{
	margin:0 !important;
	font-size:1.6rem;
	letter-spacing:0.96px;
	line-height:2.9rem;
}
.column_3 img{order:-1;}
.column_5{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:20px;
}
.column_5 li{
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1.2px;
	line-height:2.9rem;
	text-align:center;
}
.column_5 img{margin-bottom:15px;}

.bg_blue{
	padding:65px 0 100px;
	margin:0 20px;
	background:#216B9E;
	border-radius:20px;
}
.bg_blue .content_area{margin:auto;}
.bg_blue h2{
	margin-bottom:50px;
	color:#fff;
}
.bg_blue h2 br{display:block;}
.movie_wrap{
	position:relative;
	max-width:740px;
	padding-bottom:calc(740px * 0.58);
	margin:0 auto 50px;
	border-radius:20px;
	overflow:hidden;
}
.movie_wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.bg_blue .column_3{
	padding:50px 0 0 !important;
	margin-bottom:55px;
	border-top:2px dotted #fff;
	border-bottom:none;
	color:#fff;
}
.bg_white{
	padding:35px 40px 40px;
	margin-bottom:40px;
	background:#fff;
	border-radius:20px;
}
.bg_white ul{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:5px 50px;
	padding-left:30px;
}
.bg_white li{
	list-style:disc;
	color:#216B9E;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1.2px;
	line-height:3rem;
}
.pickup_btn{
	display:block;
	position:relative;
	width:260px;
	padding:22px 50px 22px 30px !important;
	margin:auto;
	background:#DB0000 url(/disaster-prevention/img/common/popup_white.svg) no-repeat center right 20px;
	border-radius:35px;
	color:#fff !important;
	font-size:1.8rem;
	letter-spacing:1.08px;
	font-weight:bold;
	line-height:2.6rem;
	text-decoration:none !important;
	transition:background-color 0.3s;
}
.pickup_btn:hover{background-color:#A40000;}

#pankuzu{
	max-width:1140px;
	padding:0 20px 10px;
	margin:50px auto 0;
}
#pankuzu ul{
	display:flex;
	flex-wrap:wrap;
	padding-right:70px;
	margin:0;
}
#pankuzu li{
	position:relative;
	list-style:none;
	margin:0 30px 10px 0;
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
#pankuzu li:last-child{margin-right:0;}
#pankuzu li::after{
	content:'';
	position:absolute;
	top:1px;
	right:-16px;
	bottom:0;
	width:7px;
	height:7px;
	margin:auto;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	transform:rotate(45deg);
}
#pankuzu li:last-child::after{display:none;}
#pankuzu a{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
}
#pankuzu a:hover{text-decoration:underline !important;}
#pankuzu li:last-child a{pointer-events:none;}


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

h2{
	margin-bottom:20px;
	font-size:2.6rem;
	letter-spacing:1.56px;
	line-height:3.7rem;
}

}

@media screen and (min-width:768px) and (max-width:1024px){

.page_title{
	font-size:2.4rem;
	letter-spacing:1.44px;
	line-height:3.5rem;
}
h3{
	font-size:1.8rem;
	letter-spacing:1.08px;
	line-height:2.7rem;
}
p{
	font-size:1.8rem;
	letter-spacing:1.08px;
	line-height:3.7rem;
}

.mv_area{margin-bottom:70px;}
.content_area{margin-bottom:80px;}
.content_area p{margin-bottom:35px;}
.column_3{gap:40px 20px;}
.content_area .column_3{padding-bottom:50px;}
.column_3 p{
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.7rem;
}
.column_5{gap:15px;}
.column_5 li{
	font-size:1.7rem;
	letter-spacing:1.02px;
	line-height:2.4rem;
}

.bg_blue{padding:55px 0 75px;}
.bg_blue h2{margin-bottom:40px;}
.movie_wrap{
	max-width:680px;
	padding-bottom:calc(680px * 0.58);
	margin-bottom:45px;
}
.bg_blue .column_3{padding-top:40px !important;}
.bg_white{padding:30px 20px 35px;}
.bg_white ul{gap:5px 40px;}
.bg_white li{
	font-size:1.6rem;
	letter-spacing:0.96px;
	line-height:2.4rem;
}
.pickup_btn{
	width:240px;
	padding-top:18px !important;
	padding-bottom:18px !important;
	border-radius:30px;
	font-size:1.6rem;
	letter-spacing:0.96px;
	line-height:2.4rem;
}

}


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

#content_wrap img{border-radius:10px;}
.page_title{
	padding-top:35px;
	font-size:2.2rem;
	letter-spacing:1.32px;
	line-height:3.2rem;
}
h2 br{display:block;}
h3{
	font-size:1.6rem;
	letter-spacing:0.96px;
	line-height:2.4rem;
}
p{
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:3.2rem;
}

.mv_area{margin-bottom:55px;}
.content_area{margin-bottom:50px;}
.content_area p{margin-bottom:30px;}
.column_3{gap:30px 10px;}
.content_area .column_3{padding-bottom:40px;}
.column_3 p{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2.4rem;
}
.column_5{gap:25px 10px;}
.column_5 li{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
.column_5 img{margin-bottom:10px;}

.bg_blue{
	padding:45px 0 50px;
	margin:0;
	border-radius:0;
}
.bg_blue h2{margin-bottom:25px;}
.bg_blue h2 br{display:block;}
.movie_wrap{
	padding-bottom:58%;
	margin-bottom:40px;
	border-radius:10px;
}
.bg_blue .column_3{padding-top:30px !important;}
.bg_white{
	padding:25px 10px 30px;
	margin-bottom:30px;
	border-radius:10px;
}
.bg_white ul{
	gap:5px 30px;
	padding-left:20px;
}
.bg_white li{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
.pickup_btn{
	width:220px;
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-radius:27px;
	font-size:1.4rem;
	letter-spacing:0;
	line-height:2.4rem;
}

#pankuzu li{
	margin-right:25px;
	font-size:1.3rem;
	letter-spacing:0.78px;
	line-height:1.8rem;
}
#pankuzu li::after{right:-14px;}

}


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

.column_3, .bg_white ul{grid-template-columns:1fr 1fr;}
.column_5{grid-template-columns:1fr 1fr 1fr;}

}