/*============================================================================
基本スタイル
============================================================================*/
@charset "utf-8";

article hr{
    width:90%;
    margin:80px auto 80px auto;
    border:none;
    height:5px;
    background:linear-gradient(135deg,rgba(0,0,0,0),rgba(40,40,200,0.5),rgba(0,0,0,0));
}

article h3{
    display:block;
    background-image:linear-gradient(135deg,rgba(0,0,0,0),#fffec6,#fadb98,rgba(0,0,0,0));
    color:#303030;
    font-family:'M PLUS 1p',sans-serif;
    font-weight:normal;
    overflow:hidden;
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    text-align:center;
    padding:20px 0; 
    margin:50px 100px 20px 100px;
}

@media screen and (max-width:639px){
    article hr{
        width:90%;
        margin:20vw auto 20vw auto;
        height:1vw;
    }
    
    article h3{
        font-size:5vw;
        line-height:5vw;
        padding:5vw 0 4vw 0; 
        margin:4vw 1vw;
    }    
}

/*----------------------------------------------------------------------------
透水係数
----------------------------------------------------------------------------*/
article .tosui_model{
    width:900px;
    margin:10px auto 30px auto;
}

article .tosui_model img{
    width:100%;
    border-radius:10px;
}

@media screen and (max-width:639px){
    article .tosui_model{
        width:100%;
        margin:2vw auto 3vw auto;
    }
    
    article .tosui_model img{
        border-radius:2vw;
    }
}

/*----------------------------------------------------------------------------
土砂災害防止
----------------------------------------------------------------------------*/
article .dosya_model{
    width:600px;
    height:400px;
    margin:10px auto 0 auto;
}

article .dosya_model img{
    width:600px;
}

article .dosha_taisaku{
    width:100%;
}

article .dosha_taisaku img{
    width:100%;
}

@media screen and (max-width:639px){
    article .dosya_model{
        width:100%;
        height:auto;
        margin:2vw auto 0 auto;
    }
    
    article .dosya_model img{
        width:100%;
    }
}

/*============================================================================
EOF
============================================================================*/