/* �A�v���Љ� */
.appli_top {
	background-color: #0164FF;
}
.appli_desc {
	background-color: #ffffff;
	margin: auto;
	padding: 20px 0;
}
.appli_yt_l {
	width: 980px;
	margin: 20px auto 30px auto;
}
.appli_intro {
	width: 920px;
	font-size: 32px;
	line-height: 1.2em;
	font-weight: 600;
	margin: 40px auto 30px auto;
	color: #0164FF;
	border: 2px solid #0164FF;
	padding: 20px 0;
}
.appli_intro_img_row {
	width: 980px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.appli_intro_img_row img {
	max-width: 450px;
	margin: 0 10px;
}
.appli_img_row {
	display: flex;
	width: 980px;
	margin: 0 auto 20px auto;
}
.appli_img_row img {
	width: 250px;
	margin: 0 3px;
}
.appli_img_row2 {
	display: flex;
	width: 980px;
	margin: 0 auto 20px auto;
}
.appli_img_row2 img {
	width: 294px;
	margin: 0 3px;
}
.appli_exp {
	background-color: #ffffff;
}
.appli_exp_txt {
	width: 920px;
	margin: auto;
	font-size: 26px;
	padding: 20px;
	font-weight: 600;
	line-height: 1.3em;
	color: #0164FF;
	border: 2px solid #0164FF;
	padding: 20px 0;
}
.appli_yt_row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px auto 0 auto;
	padding-bottom: 40px;
	width: 980px;
}
.appli_yt_s {
	font-weight: 600;
	font-size: 20px;
	width: 480px;
	margin-bottom: 20px;
}
.appli_yt_s p {
	width: 420px;
	margin: auto;
	background: #0164ff;
	color: #ffffff;
	padding: 10px 0;
}
.appli_report {
	background-color: #0164FF;
	padding: 40px 0;
	margin: auto;
}
.appli_report_tit {
	width: 980px;
	margin: 0 auto 40px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	text-align: left;
	line-height: 30px;
	background-image: url(/images/appli/i.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.appli_report_row {
	display: flex;
	flex-wrap: wrap;
	width: 980px;
	margin: auto;
}
.appli_report_row p {
	width: 290px;
	text-align: left;
	padding-left: 35px;
	vertical-align: middle;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 20px;
}
.news {
	background-image: url(/images/appli/icon_news.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.tsunami {
	background-image: url(/images/appli/icon_tsunami.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.tornado {
	background-image: url(/images/appli/icon_tornado.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.announcement {
	background-image: url(/images/appli/icon_announcement.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.rain {
	background-image: url(/images/appli/icon_rain.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.flood {
	background-image: url(/images/appli/icon_flood.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.alart {
	background-image: url(/images/appli/icon_alart.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.volcano {
	background-image: url(/images/appli/icon_volcano.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.evacuation {
	background-image: url(/images/appli/icon_evacuation.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.earthquake {
	background-image: url(/images/appli/icon_earthquake.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.sediment {
	background-image: url(/images/appli/icon_sediment.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}
.appli_qr {
	padding: 30px;
	background: #ffffff;
}
.appli_qr_txt {
	font-size: 24px;
	font-weight: 600;
}
.appli_qr_row {
	display: flex;
	justify-content: center;
	margin: 40px auto 20px auto;
	align-items: center;
}
.appli_qr_row article {
	margin: 0 30px;
}
.appli_qr_row article a img:hover{
	opacity: 0.7;
}