@charset "UTF-8";
body {
    max-width: 960px;
    margin: 0 auto;
}
header {
    display: block;
    overflow: hidden;
    margin: 2% 2% 0;
}

/*===== 災害時 =====*/
#saigai {
	margin: 4% auto;
	padding: 4%;
   border: 3px solid #d1222b;
}

#saigai h2 {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 180%;
    margin: -7% auto 4%;
    background: #fff;
    width: 25%;
}

#saigai h2.title {
	width: auto;
	margin: 0 auto 4%;
}

#saigai h3 {
	text-align: center;
	font-weight:bold;
	font-size: 140%;
}
#saigai p {
	margin: 2% 0;
	line-height: 1.4;
	color:#333;
}
#saigai p.center {
	text-align: center;
	margin-bottom: 4%;
}

#saigai p.center:last-child {
	margin-bottom: 0;
}

#saigai p.textRight {
	text-align: right;
}
#saigai .bold {
	font-weight:bold;
}
#saigai img {
    width: 50%;
}
.telLink {
	pointer-events: none;
}
.pageLink {
    color: #fff;
    background: #B10012;
    border-radius: 8px;
    padding: 1.5% 2%;
    font-size: 120%;
    font-weight: bold;
    display: inline-block;
}



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

p.logo {
    width: 25%;
}
p.logo img {
    width: 100%;
}
#saigai {
	width: 82%;
	margin: 4% auto;

}
#saigai h2 {
    font-size: 110%;
    width: 80%;
	margin: -9% auto 4%;
}
	
#saigai h2.title {
	font-size: 100%;
	width: auto;
	margin: 0 auto 6%;
}
	
	
#saigai img {
    width: 80%;
}
.telLink {
    pointer-events: unset;
}
}