html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    font-weight: normal;
	}


.container
{
    background-color: #FFFFFF;
    max-width: 950px;
}


/****************************
	ぱんくず
****************************/

div.pankuzu_area {
    display:none;
}

/*防災メインタイトル*/
div.maintitle_area {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
    clear: both;
    
}


div.maintitle_area img {
   display: none;
  
}

div.mainsptitle_area img {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  
}


/*防災コンテンツタイトル*/
h2.bosai_title
{
    font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 125%;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-left: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-radius: 10px;
}

.realtime {
    background-color: #A06142;
}

.kinkyu {
    background-color: #E33D1B;
}


.saigaiinfo {
    background-color: #B1996C;
}

.shikokubosai {
    background-color: #3A8A68;
}

.shikokubosai {
    background-color: #3A8A68;
}



/*リスト*/
ul.bosai_list {
    margin: 0;
    padding: 0;
}

ul.bosai_list li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px dotted #D5D5D5;
    background: #FFF;
}

ul.bosai_list li a:hover {
    background-color: #FEF2DA;
}

ul.bosai_list li a {
    position: relative;
    margin: 0;
    padding:0;
    color: #333;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

ul.bosai_list > li a {
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.listtitle {
    color: #B1996C;
    display: inline-block;
    padding-top: 1em;
    padding-bottom: 　0.2em;
    font-size: 110%;
}

.listtitle:before {
    content: "■";
    margin-right:0.2em;
}


ul.bosai_list li ul {
  border-top: 1px dotted #B1996C;
    padding-top: 10px;
}


ul.bosai_list li li a {
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 30px;
    padding-bottom: 5px;
}


/*　矢印アイコン　*/
ul.bosai_list li a:before,
ul.bosai_list li a:after {
    content: "";
    position: absolute;
    top: 50%;
}

ul.bosai_list li a:before,
ul.bosai_list li a:after {
    content: "";
    position: absolute;
    top: 50%;
}


ul.bosai_list li a:after {
    right: 17px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #B59788;
    border-right: 2px solid #B59788;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*バナーエリア*/
div.banner_area {
    justify-content: center;
    padding-top : 30px;
    border-top: 1px dotted #B1996C;
    margin-top: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

ul.topbanner li {
  margin: 0.5em;
}


ul.topbanner li img {
    width: 175px;
    margin-top: 0px;
}

/*戻る*/
div.back_area {
    clear: both;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

/*フッターエリア*/
/*フッタ下固定のための*/

body#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
 
footer {
  margin-top: auto;
}

div.footer_area {
    margin-top: 10px;
    padding-top: 40px;
    width: 100%;
    text-align: center;
    clear: both;
    padding-bottom: 40px;
    border-top: 1px dotted rgba(155,155,155,1.00);
    background-color: #E5DDCF;
    padding-left: 2em;
    padding-right: 2em;
}

div.footer_area dl dt
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    padding-bottom:0.5rem;
}


div.footer_area dl dd {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.88rem;
}

div.footer_area dd p {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    padding-top: 0.5rem;
    font-size: 0.88rem;

}



/****************************
	防災エキスパート
****************************/

div.ekisu_area img {
width:100%;
max-width: 500px;
height: auto;
padding-bottom: 50px;
text-align:center;
}

h3.ekisu_title {
    padding-top: 2em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    border-bottom: 1px solid #3A8A68;
    margin-bottom: 1em;
}

.ekisu_link {
    border: 1px solid #3A8A68;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    border-radius: 10px;
}



/****************************
	家族との連絡
****************************/

div.kazoku_area p {
text-indent: 1em;
}
  
  
div.kazoku_area img {

max-width: 100%;
height: auto;
padding-top: 50px;
text-align:center;
}

h3.kazoku_title {
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}

div.dial_area {
padding-top:50px;
}

div.dial_area ul {
padding-bottom:30px;
}

.note {
font-size: 14px;
}

/****************************
	PC版
****************************/
@media screen and (min-width: 768px) {
    
/*PCでは段落を消す*/

.saigai_area br,
.dial_area br { 
display : none ; }

    
div.mainsptitle_area img {
    display: none;


}

div.maintitle_area img {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}



/*ぱんくず*/
div.pankuzu_area {
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    margin-top: 20px;
    display:block;
    
}

.pankuzu {
    font-size: 14px;
    margin: 0;
    padding-top: 0.5em;
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 0.5em;
    list-style: none;
    text-align: left;
}

.pankuzu li {
  display: inline;/*横に並ぶように*/
  list-style: none;
}

.pankuzu li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.pankuzu li:last-child:after {
  content: '';
}

.pankuzu li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.pankuzu li a:hover {
  text-decoration: underline;
}


/*バナー*/
ul.topbanner li {
   display: inline-block;
   vertical-align: top;

}


}