@charset "utf-8";

.marker.mv {
    background-size: 100% 100%;
}
.marker {
    background: no-repeat linear-gradient(transparent 65%, #E9E6C9 65%);
    transition-duration: 1s;
    background-size: 0% 100%;
}

.contents{
    margin: auto;
    font-family: YakuHanMP_Noto, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", serif;
}
.mv{
    max-width: 1000px;
    margin: 6% auto 0;
}
.point_wrap{
    padding: 3% 0;
}
.point_wrap h2{
    text-align: center;
    font-size: 3rem;
    letter-spacing: 8px;
}

.point{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
    margin: 3% auto 0;
}
.point.rev{flex-direction: row-reverse;}
.point_txt{flex-basis: 50%;}
.point_txt p{
    font-size: 2.4rem;
    line-height: 2;
}
.point_img{flex-basis: 47%;}

.question_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 700px;
    margin: 5% auto 0;
}
.question_wrap .img{
    flex-basis: 10%;
}
.question{
    flex-basis: 84%;
    background-color: #F5F3E5;
    border-radius: 15px;
    padding: 16px 32px;
}
.question dt{
    font-size: 2.0rem;
    color: #846D23;
    padding-bottom: 4px;
    border-bottom: 1px solid #846D23;
}
.question dd{
    font-size: 1.4rem;
    margin-top: 8px;
}

.map_bnr{
    text-align: center;
    margin: 5% auto 0;
}

.hazard_wrap{
    max-width: 768px;
    margin: 5% auto 0;
}
.hazard{
    background-color: #CE8000;
    padding: 24px 40px;
    
}
.hazard p:nth-of-type(1){
    text-align: center;
    color: #fff;
    font-size: 3.2rem;
}
.hazard p:nth-of-type(2){
    text-align: center;
    background-color: #fff;
    color: #CE8000;
    font-size: 2.6rem;
    padding: 1px 0;
    margin-top: 8px;
}
.hazard_cap{
    text-align: center;
    font-size: 1rem;
    margin-top: 4px;
}

.jisseki_wrap{
    padding: 1% 0 0;
    max-width: 1000px;
    margin: auto;
}
.jisseki_txt{
    text-align: center;
    font-size: 4.0rem;
    margin-bottom: 16px;
}
.jisseki{
    border: 4px solid #171C61;
    background-color: #fff;
    filter: drop-shadow( 0 0 18px rgba(0, 0, 0, .4));
}
.jisseki_ttl{
    background-color: #171C61;
    color: #fff;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.6;
    padding: 24px 8px;
}
.haseko{
    max-width: 600px;
    margin: 5% auto;
    background-color: #fff;
    filter: drop-shadow( 0 0 10px rgba(0, 0, 0, .6));
    padding: 48px;
}
.haseko dt{
    text-align: center;
}
.haseko dd{
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 24px;
}
.jisseki_box{
    padding: 16px;
    max-width: 740px;
    margin: auto;
}
.jisseki_box small{
    text-align: right;
    display: block;
    font-size: 1rem;
}
.jisseki_flex{
    display: flex;
    justify-content: space-between;
}
.jisseki_box_txt{flex-basis: 44%;}
.jisseki_box_img{flex-basis: 52%;}

.jisseki_box_txt p{
    text-align: center;
    font-size: 3.2rem;
    line-height: 1.3;
}
.jisseki_box_txt_img{
    margin-top: 8px;
}
.jisseki_box_txt_img img{
    width: 100%;
}
.jisseki_num{
    max-width: 740px;
    padding: 0 16px 32px;
    text-align: center;
    margin-top: 16px;
}
.jisseki_num img{
    width: 100%;
}

@media screen and (max-width: 768px) {
    .point_wrap{
        padding: 6% 0;
    }
    .point_wrap h2{
        font-size: 1.8rem;
    }
    
    .point{
        display: flex;
        flex-direction: column-reverse;
        margin: 10% auto 0;
    }
    .point.rev{flex-direction: column-reverse;}
    .point_txt p{
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .point_img{max-width: 70%; margin-bottom: 8px;}
    
    .question_wrap{
        display: block;
        margin: 10% auto 0;
        position: relative;
    }
    .question_wrap .img{
        position: absolute;
        bottom: 0; left: 0;
        width: 20%;
    }
    .question{
        max-width: 86%;
        margin-left: auto;
    }
    .question dt{
        font-size: 1.6rem;
        padding-bottom: 2px;
    }
    .question dd{
        font-size: 1.2rem;
    }
    
    .map_bnr{
        margin: 10% auto 0;
    }
    
    .hazard_wrap{
        margin: 8% auto 0;
    }
    .hazard{
        padding: 24px 24px;
        
    }
    .hazard p:nth-of-type(1){
        font-size: 2.0rem;
        line-height: 1.4;
    }
    .hazard p:nth-of-type(2){
        font-size: 1.6rem;
        line-height: 1.4;
        padding: 8px 12px;
        margin-top: 12px;
    }
    .hazard_cap{
        text-align: left;
        margin-top: 8px;
    }
    
    .jisseki_wrap{
        padding: 3% 0 8%;
    }
    .jisseki_txt{
        font-size: 2.4rem;
    }
    .jisseki{
    }
    .jisseki_ttl{
        font-size: 1.8rem;
        padding: 24px 12px;
    }
    .haseko{
        max-width: 90%;
        margin: 10% auto;
        background-color: #fff;
        filter: drop-shadow( 0 0 10px rgba(0, 0, 0, .6));
        padding: 40px 24px;
    }
    .haseko dt{
        text-align: center;
    }
    .haseko dd{
        font-size: 1.2rem;
        line-height: 2;
        margin-top: 24px;
    }
    .jisseki_box{
        padding: 16px;
    }
    .jisseki_flex{
        display: block;
    }
    
    .jisseki_box_txt p{
        text-align: center;
        font-size: 2.6rem;
        line-height: 1.3;
    }
    .jisseki_box_txt_img{
        width: 80%;
        margin: 8px auto 0;
    }
    .jisseki_box_img{
        margin-top: 16px;
    }
    .jisseki_box_txt_img img{
        width: 100%;
    }
    .jisseki_num{
        max-width: 740px;
        padding: 0 16px;
        text-align: center;
        margin-top: 16px;
    }
    .jisseki_num img{
        width: 100%;
    }
    
}