@charset "utf-8";
@import "anime.css";

/*
------------
emergency.css
------------
*/
/* main_area */
#main_area {
    background: url(../../images/content/common/main_bg.jpg) no-repeat;
    background-size: cover;
    background-position: top right;
}
@media screen and (min-width: 1200px) {
    #main_area {
        background-position: top -30px right;
    }
}
/* emergency_box */
.emergency_box {
    width: 1100px;
    margin: 85px auto 150px auto;
    font-feature-settings: "palt";
}
.emergency_box h3 {
    font-family: 'Zen Old Mincho', serif;
    color: #3386c2;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    line-height: 1.7;
    border-left: 3px solid #3386c2;
    padding: 0 0 0 20px;
}
.emergency_box .inner article:not(:first-child) {
    margin: 65px 0 0 0;
}
.emergency_box .inner article .element {
    margin: 35px 0 0 0;
    letter-spacing: 0.05em;
    line-height: 1.6;
}
.emergency_box .inner article .element ul li {
    position: relative;
    counter-increment: cnt;
    text-indent: -1.6em;
    margin: 0 0 0 1.6em;
}
.emergency_box .inner article .element ul li:not(:first-child) {
    margin: 25px 0 0 1.6em;
}
.emergency_box .inner article .element ul li::before {
    content: "" counter(cnt) "．";
}
.emergency_box .inner article .element ul li ul.child {
    counter-reset: cnt;
    margin: 10px 0 0 0;
}
.emergency_box .inner article .element ul li ul.child li {
    counter-increment: cnt;
    text-indent: -1.6em;
    margin: 0 0 0 1.6em;
}
.emergency_box .inner article .element ul li ul.child li:not(:first-child) {
    margin: 5px 0 0 1.6em;
}
.emergency_box .inner article .element ul li ul.child li::before {
     content: "（" counter(cnt) "）";
}
.emergency_box .inner article .element ul li ul.child li ul.child li::before {
    content: none;
}
.emergency_box .inner article .element .note {
    margin: 30px 0 0 1.6em;
}
.emergency_box .inner article .element .note ul {
    counter-reset: cnt;
    margin: 10px 0 0 0;
}
.emergency_box .inner article .element .note ul li {
    counter-increment: none;
    padding: 0 0 0 1em;
    position: relative;
    text-indent: 0;
    margin: 0;
}
.emergency_box .inner article .element .note ul li:not(:first-child) {
    margin: 5px 0 0 0;
}
.emergency_box .inner article .element .note ul li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}
.emergency_box .inner article .element a {
    color: #3380bc;
    text-decoration: underline;
}
.emergency_box .inner article .element a:hover {
    text-decoration: none;
}
.emergency_box .inner .table_area {
    margin: 45px 0 0 0;
}
.emergency_box .inner .table_area p {
    font-weight: 500;
    line-height: 1.6;
}
.emergency_box .inner .table_area table {
    margin: 10px 0 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.emergency_box .inner .table_area table thead th:nth-child(1) {
    width: 300px;
}
.emergency_box .inner .table_area table thead th:nth-child(2) {
    width: 200px;
}
.emergency_box .inner .table_area table thead th:nth-child(3) {
    width: 200px;
}
.emergency_box .inner .table_area table thead th {
    background: #f2f2f2;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-weight: normal;
    padding: 20px;
}
.emergency_box .inner .table_area table tbody th {
    background: #f2f2f2;
    font-weight: normal;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    line-height: 1.6;
}
.emergency_box .inner .table_area table tbody td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .emergency_box {
        width: 90vw;
        margin: 65px auto 0 auto;
    }
    .emergency_box h3 {
        font-size: 1.3rem;
        letter-spacing: 0.15em;
    }
    .emergency_box .inner .table_area table thead th:nth-child(1) {
        width: 40%;
    }
    .emergency_box .inner .table_area table thead th:nth-child(2) {
        width: 30%;
    }
    .emergency_box .inner .table_area table thead th:nth-child(3) {
        width: 30%;
    }
}