@charset "utf-8";
main{
    display:block;
}
#secNews{
    position:relative;
    margin-top:50px;
}
h2{
    text-align: center;
}
h2::after{
    content:none;
}
.btnNews a{
    position:relative;
    top:-30px;
    right:calc(-100% + 250px);
    display: inline-block;
    padding:4px 12px 5px 25px;
    background:url("../images/icn_triangle.svg") no-repeat 7% 50% #184ca7;
    border-radius: 3px;
    line-height: 1.2;
    color:#fff;
}
#boxTopics{
    width:85%;
	height:300px;
    margin:auto;
	overflow-y: scroll;
}
#boxTopics dl{
    display: flex;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ddd;
}
#boxTopics dt{
    width:330px;
    margin-right:10px;
    line-height:1.2;
	text-align: left;
}
#boxTopics dd{
    width:calc(100% - 430px);
}
#boxTopics dd:last-child{
    width:100px;
}
#boxTopics dt::after{
    display:inline-block;
    padding:3px 14px 4px;
    border-radius:4px;
    color:#fff;
    line-height: 1em;
}
#boxTopics .topicUpdate::after{
    content:"更新情報";
    background:#1a40a8;
}
#boxTopics .topicNews::after{
    content:"お知らせ";
    background:#49930e;
}
#boxTopics .topicImportant::after{
    content:"重要なお知らせ";
    background:#b00c0f;
    letter-spacing: 0;
}
@media(max-width:767px){
	#boxTopics{
		width:100%;
	}
	#boxTopics dd{
		width:auto;
	}
}
#secDisaster{
    margin-top:80px;
}
.blockDisaster{
    display:flex;
    justify-content: space-around;
}
.blockDisaster dl{
    display: flex;
    flex-wrap:wrap;/*
    align-items:flex-end;*/
    position:relative;
    width:30%;
    border:1px solid #eee;
    background-size:contain;
}
.disaster01{
    background:url("../images/img_disaster01.jpg") no-repeat;
}
.disaster02{
    background:url("../images/img_disaster02.jpg") no-repeat;
}
.disaster03{
    background:url("../images/img_disaster03.jpg") no-repeat;
}
.blockDisaster dt{
    position:relative;
    top:20px;
    left:calc((100% - 80%) /2);
    width:80%;
    margin-top:50%;
    z-index:10;
}
.blockDisaster a{
    display:flex;
    justify-content: center;
    align-items: center;
    min-height:50px;
    padding:5px 30px;
    background:url("../images/icn_triangle.svg") no-repeat 7% 50% #184ca7;
    border-radius: 3px;
    line-height: 1.2;
    color:#fff;
    text-align: center;
}
.blockDisaster dd{
    padding:30px 20px 30px;
    background:#fff;
}
.blockDisaster dl:last-child dd{
    padding-bottom:calc(46px + 1rem);
}
#secContact{
    margin-top:80px;
    padding-top:10px;
    background:#eee;/**/
}
.boxContact{
    width:80%;
    margin:20px auto 30px;
    padding-bottom:30px;
}
.boxContact ul{
    display: flex;
    justify-content:center;
    background: #fff;
}
.boxContact li{
    width:25%;
    border-right:1px dashed #ccc;
}
.boxContact li:last-child{
    border-right:none;
}
.boxContact li a{
    display:flex;
    justify-content: center;
    align-items: flex-end;
    height: 150px;
    padding:20px;
    background:#fff;
    text-align: center;
}
.boxContact .diagnosis a{
    background:url("../images/icn_contact_investigate.svg") no-repeat center 20px;
	background-size: 35%;
}
.boxContact .certificate a{
    background:url("../images/icn_contact_certificate.svg") no-repeat center 26px;
	background-size: 33%;
}
.boxContact .entry a{
    background:url("../images/icn_contact_entry.svg") no-repeat center 34px;
	background-size: 45%;
}
.boxContact .mail a{
    background:url("../images/icn_contact_mail.svg") no-repeat center 50px;
	background-size: 43%;
}

/*-----------------------------------------------------Topics*/
/*#boxTopics dl{
    display:flex;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
#boxTopics dl dt{
    width:4rem;
	text-align: left;
}*/
@media(max-width:640px){
	#boxTopics dl{
		display:block;
	}
	#boxTopics dl dt{
		width:100%;
	}
	#boxTopics dt::after{
		margin-left:10px;
	}
}
@media(max-width:850px){
    h2{
        padding-left:0;
    }
    #boxNews{
        width:100%;
        margin-top:20px;
    }
    .btnNews a{
        display: block;
        width:11rem;
        position:inherit;
        margin:auto;
    }
    .disaster01{
        background-size:130%;
    }
    .boxContact{
        width:92%;
        margin:30px auto;
        padding-bottom:30px;
    }
    .boxContact ul{
        flex-wrap:wrap;
    }
    .boxContact li{
        width:calc(50% - 1px);
        border-bottom:1px dashed #ccc;
    }
    .boxContact li:nth-child(2n){
        border-right:none;
    }
    .boxContact li:nth-child(3),.boxContact li:nth-child(4){
        border-bottom:none;
    }
	.boxContact .diagnosis a{
		background-size: 22%;
	}
	.boxContact .certificate a{
		background-size: 20%;
	}
	.boxContact .entry a{
		background-size: 35%;
	}
	.boxContact .mail a{
		background-size: 36%;
	}
}
@media(max-width:500px){
    .blockDisaster{
        display:block;
    }
    .blockDisaster dl{
        width:100%;
        margin-bottom:20px;
    }
    .disaster01{
        background:url("../images/img_disaster01.jpg") no-repeat center top;
    }
    .boxContact ul{
        display:block;
    }
    .boxContact li{
        width:100%;
        border-right:none;
        border-bottom:1px dashed #ccc;
    }
    .boxContact li:nth-child(3){
        border-bottom:1px dashed #ccc;
    }
}