@charaset "UTF-8";

	
/*****　防災伝言板　171　*****/


.tel171 .grid-2:first-child .point {
	border: solid 1px #e6912b ;
	background-color: #fefaf6;
	margin-bottom: 0.8em;
	}
.tel171 .grid-2:first-child .point h3 {
	color: #f08506;
	}
.tel171 .grid-2:last-child .point {
	border: solid 1px #3facdf ;
	background-color: #f5fafd;
	margin-bottom: 0.8em;
	}
.tel171 .grid-2:last-child .point h3 {
	color: #0797db;
	}

.web171 .grid-2:first-child .point {
	border: solid 1px #ea7b9b ;
	background-color: #fdf5f7;
	margin-bottom: 0.8em;
	}
.web171 .grid-2:first-child .point h3 {
	color: #d5456f;
	}
.web171 .grid-2:last-child .point {
	border: solid 1px #3db173 ;
	background-color: #f2fef8;
	margin-bottom: 0.8em;
	}
.web171 .grid-2:last-child .point h3 {
	color: #308c5b;
	}

.tel171 .grid-2,
.web171 .grid-2 {
	margin-top: 0;
	}


/*****　アプリ紹介　*****/

.app-menu {
	}
.app-menu .icon-normal a {
	margin: 0 0;
	}
.app-info {
	float: right;
	width: 75%;
	}
.app-icon {
	float: left;
	width: 20%;
	}

.app-icon-and {
	float: left;
	width: 20%;
	}
.app-info-and {
	float: right;
	width: 75%;
	}	


/*****　フォーム　*****/
textarea,
#bousai007_hinan1_name,
#bousai007_hinan2_name,
#bousai007_hinan3_name {
	width: 98%;
	}

input,textarea {
	font-size:14px;
	line-height:16px;
	padding:3px;
	}

/*******************************/
/*******************************/

@media (min-width: 600px) {

/*****　アプリ紹介　*****/

.app-menu {
	float: left;
	width: 44%;
	margin-left: 2%;
	}
.app-menu:nth-child(even)  {
	margin-left: 0;
	}

input,textarea {
	font-size:16px;
	line-height:18px;
	padding:3px;
	}

/*　テーブル変形　解除　*/

table.break480 th {
	width: 40%;
	}
table.break480 td {
	width: 60%;
	}

table.break480.app_menu_and th {
	width: 35%;
	}
table.break480.app_menu_and td {
	width: 65%;
	}



}


/*******************************/
/*******************************/

@media (min-width: 703px) {

/*****　アプリ紹介　*****/

.app-menu {
	width: 44.9%;
	}


}



/*******************************/
/*******************************/

@media (min-width: 768px) {

/*****　アプリ紹介　*****/

.app-menu {
	width: 45.2%;
	}


}


@media (min-width: 1024px) {

.app-icon {
	width: 80px;
	}
.app-info {
	width: 85%;
	}

}

@media (max-width: 1024px) {

.app-icon {
	width: 10%;
	}
.app-info {
	width: 88%;
	}

}

@media (max-width: 600px) {

.app-icon {
	width: 12%;
	}
.app-info {
	width: 86%;
	}
.icon-store a {
	padding-left: 10px;
	padding-right: 10px;
	}

}

@media (max-width: 600px) {

.app-icon {
	width: 18%;
	}
.app-info {
	width: 80%;
	}
.icon-store a {
	width: 180px;
	margin: 5px 0;
	}

}