/*============================================================================
各種試験
============================================================================*/
@charset "utf-8";

/* 見出し */
article h3{
    background-image: linear-gradient(135deg,#b8751e 0%,#ffce08 20%,#fefeb2 47%,#fafad6 50%,#fefeb2 53%,#e1ce08 80%,#b8751e 100%);
    border:none;
    color:#000000;
    font-size:34px;
    font-weight:bold;
    line-height:34px;
    padding:20px 10px;
}

article h4{
    margin:0;
    padding:5px 0 25px 0;
    color:#ec1912;
    text-align:center;
    font-family:'M PLUS 1p', sans-serif;
    font-size:32px;
    font-weight:bold;
    line-height:32px;
    text-decoration:underline;
}

/* 試験条件 */
article .shiken_joken{
    width:90%;
    margin:20px auto 0 auto;
    font-size:16px;
    line-height:20px;
}

/* テーブル */
article table.kannyu,
article table.tosui{
    width:900px;
    margin:20px auto 0 auto;
}

article dl.test_table{
    display:none;
}

article table.kannyu td,article table.kannyu th,
article table.tosui td,article table.tosui th{
    vertical-align:middle;
}

@media screen and (max-width:639px){
    article h3{
        font-size:6vw;
        line-height:6vw;
        padding:2vw 0;
    }
    
    article h4{
        padding:2vw 0 5vw 0;
        font-size:5vw;
        line-height:6vw;
    }
    
    /* 試験条件 */
    article .shiken_joken{
        width:100%;
        margin:4vw auto 0 auto;
        font-size:3vw;
        line-height:4vw;
    }
    
    /* テーブル */
    article table.kannyu,
    article table.tosui{
        display:none;
    }    

    article dl.test_table{
        display:block;
        width:100%;
        font-size:4vw;
        line-height:4vw;
    }

    article dl.test_table dt{
        float:left;
        width:50%;
        background:#6f7c35;
        color:#ffffff;
        text-align:center;
        padding:2vw;
        border-right:solid 0.3vw #ffffff;
        border-bottom:solid 0.3vw #ffffff;
    }

    article dl.test_table dd{
        float:left;
        width:50%;
        background:#e0e0e0;
        color:#000000;
        text-align:center;
        padding:2vw;
        border-bottom:solid 0.3vw #ffffff;
    }

    article dl.test_table dt.title{
        width:100%;
        background:#495515;
        color:#ffffff;
        text-align:center;
        padding:2vw;
        border-bottom:solid 0.3vw #ffffff;
    }

    article dl.test_table.tosui dt{
        background:#5c255c;
    }
    
    article dl.test_table.tosui dt.title{
        background:#3f193f;
    }
}

/*----------------------------------------------------------------------------
ページ内メニュー
----------------------------------------------------------------------------*/
article .pagemenu{
    margin:20px 20px;
}

article .pagemenu li{
    list-style-type:none;
    float:left;
    margin:2px;
    padding:5px;
    width:300px;
    height:40px;
    background-image: linear-gradient(135deg,#b8751e 0%,#ffce08 20%,#fefeb2 47%,#fafad6 50%,#fefeb2 53%,#e1ce08 80%,#b8751e 100%);
    text-align:center;
    font-size:24px;
    line-height:30px;
    font-weight:bold;
    cursor:pointer;
}

article .pagemenu li:hover a{
    color:#800000;
}

article .pagemenu li a{
    color:#000000;
    cursor:pointer;
}

article .center{
    text-align:center;
}

article h5{
    width:80%;
    margin:30px auto 10px auto;
    padding:10px 0 10px 0;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
}

article .kekka_title{
    width:80%;
    margin:10px auto 10px auto;
    text-align:center;
    font-weight:bold;
    font-size:24px;
    line-height:24px;
    padding:10px 20px;
    color:#aa0000;
    background:linear-gradient(90deg,#fce3e3,#ffffff,#fce3e3);
    border:solid 1px #ec1912;
}

@media screen and (max-width:639px){
    article .pagemenu{
        margin:2vw;
    }
    
    article .pagemenu li{
        float:left;
        margin:0.5vw;
        padding:2vw 0;
        width:calc(50% - 2vw);
        height:auto;
        font-size:4vw;
        line-height:4vw;
    }
    
    article h5{
        width:100%;
        margin:4vw auto 3vw auto;
        padding:2vw 0 2vw 0;
        font-size:5vw;
        line-height:5vw;
    }
    
    article .kekka_title{
        width:100%;
        margin:5vw auto 10px auto;
        font-size:4vw;
        line-height:4vw;
        padding:3vw 5vw;
        border:solid 0.5vw #ec1912;
    }
}

/*----------------------------------------------------------------------------
フレーム
----------------------------------------------------------------------------*/
article .shiken_photo{
    display:block;
    width:940px;
    margin:20px auto 0 auto;
    background:linear-gradient(#99e0a3,#ecffef);
    box-shadow:2px 2px #99e0a3;
    border-radius:10px;
}

article .shiken_photo .title{
    text-align:center;
    color:#000000;
    padding:20px 0 0 0;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
}

article .shiken_photo .location{
    text-align:center;
    margin:20px auto 10px auto;
}

article .shiken_photo .item{
    float:left;
    color:#000000;
    text-align:center;
    width:470px;
    padding:20px 20px 20px 20px;

}

article .shiken_photo .item img{
    height:320px;
    border-radius:10px;
}

article .shiken_photo .inset{
    clear:both;
    width:80%;
    margin:0 auto 0 auto;
    padding:10px;
    border:inset 2px #e2ffe6;
    border-radius:20px;
}

@media screen and (max-width:639px){
    article .shiken_photo{
        width:100%;
        margin:4vw auto 0 auto;
        box-shadow:1vw 1vw #99e0a3;
        border-radius:2vw;
    }
    
    article .shiken_photo .title{
        padding:4vw 0 0 0;
        font-size:5vw;
        line-height:5vw;
    }
    
    article .shiken_photo .location{
        margin:4vw auto 2vw auto;
        font-size:3vw;
        line-height:3vw;
    }
    
    article .shiken_photo .item{
        float:none;
        width:80%;
        margin:0 auto 0 auto;
        padding:1vw 0;
        font-size:3.5vw;
        line-height:4vw;
    }
    
    article .shiken_photo .item img{
        width:100%;
        height:auto;
        border-radius:2vw;
    }
    
    article .shiken_photo .inset{
        width:90%;
        margin:0 auto 0 auto;
        padding:2vw;
        border:inset 0.5vw #e2ffe6;
        border-radius:2vw;
    }
}

/*----------------------------------------------------------------------------
メタハラ試験
----------------------------------------------------------------------------*/
article #metahala ~ h3{
     margin-top:80px;
}

article .metahala_graph{
    width:80%;
    margin:20px auto 0 auto;
}

article .metahala_graph img{
    width:100%;
}

@media screen and (max-width:639px){
    article #metahala ~ h3{
        margin-top:5vw;
   }
   
   article .metahala_graph{
       width:100%;
       margin:4vw auto 0 auto;
   }
}

/*----------------------------------------------------------------------------
遮光性試験
----------------------------------------------------------------------------*/
article .shakou_photo{
    display:block;
    width:800px;
    margin:20px auto 0 auto;
    padding:20px;
    background:linear-gradient(#99e0a3,#ecffef);
    box-shadow:5px 5px 2px  #99e0a3;
    border-radius:10px;
}

article .shakou_photo .title{
    text-align:center;
    color:#000000;
    padding:0;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
}

article .shakou_photo .location{
    text-align:center;
    margin:20px auto 10px auto;
}

article .shakou_photo .image{
    width:250px;
    height:330px;
    margin:0 auto 0 auto;
}

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

article .shakou_photo .detail{
    text-align:center;
}

article table.shakou th{
    background:#6f7c35;
}

@media screen and (max-width:639px){
    article .shakou_photo{
        width:100%;
        margin:4vw auto 0 auto;
        padding:4vw;
        box-shadow:1.5vw 1.5vw #99e0a3;
        border-radius:2vw;
    }
    
    article .shakou_photo .title{
        font-size:5vw;
        line-height:5vw;
    }
    
    article .shakou_photo .location{
        margin:4vwx auto 2vw auto;
        font-size:3vw;
        line-height:3vw;
    }
    
    article .shakou_photo .image{
        width:40vw;
        height:52vw;
    }
    
    article .shakou_photo .image img{
        width:100%;
        border-radius:2vw;
    }
    
    article .shakou_photo .detail{
        text-align:center;
    }
    
    article table.shakou th{
        background:#6f7c35;
    }
}

/*----------------------------------------------------------------------------
貫入抵抗
----------------------------------------------------------------------------*/
article .kannyu_photo{
    display:block;
    width:800px;
    margin:20px auto 0 auto;
    padding:20px;
    background:linear-gradient(#99e0a3,#ecffef);
    box-shadow:5px 5px 2px  #99e0a3;
    border-radius:10px;
}

article .kannyu_photo .title{
    text-align:center;
    color:#000000;
    padding:0;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
}

article .kannyu_photo .location{
    text-align:center;
    margin:20px auto 10px auto;
}

article .kannyu_photo .image{
    width:250px;
    height:330px;
    margin:0 auto 0 auto;
}

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

article .kannyu_photo .detail{
    text-align:center;
}

article table.kannyu th{
    background:#6f7c35;
}

@media screen and (max-width:639px){
    article .kannyu_photo{
        width:100%;
        margin:4vw auto 0 auto;
        padding:4vw;
        box-shadow:1.5vw 1.5vw #99e0a3;
        border-radius:2vw;
    }
    
    article .kannyu_photo .title{
        font-size:5vw;
        line-height:5vw;
    }
    
    article .kannyu_photo .location{
        margin:4vwx auto 2vw auto;
        font-size:3vw;
        line-height:3vw;
    }
    
    article .kannyu_photo .image{
        width:40vw;
        height:52vw;
    }
    
    article .kannyu_photo .image img{
        width:100%;
        border-radius:2vw;
    }
    
    article .kannyu_photo .detail{
        text-align:center;
    }
    
    article table.kannyu th{
        background:#6f7c35;
    }
}


/*----------------------------------------------------------------------------
透水係数
----------------------------------------------------------------------------*/
article table.tosui th{
    background:#5c255c;
}

/*----------------------------------------------------------------------------
雑草の貫通抑制試験
----------------------------------------------------------------------------*/
article .hanmo_photo{
    width:900px;
    margin:20px auto 10px auto;
}

article .hanmo_photo .item{
    list-style-type:none;
    text-align:center;
    width:900px;
    margin-bottom:10px;
}

article .hanmo_photo .item img{
    width:600px;
    height:200px;
    border-radius:10px;
}

article .hanmo_attention{
    margin-top:20px;
    text-align:right;
}

@media screen and (max-width:639px){
    article .hanmo_photo{
        width:100%;
        margin:5vw auto 3vw auto;
    }
    
    article .hanmo_photo .item{
        width:100%;
        margin-bottom:3vw;
    }
    
    article .hanmo_photo .item img{
        width:100%;
        height:auto;
        border-radius:2vw;
    }
    
    article .hanmo_photo .center img{
        width:100%;
        height:auto;
        border-radius:2vw;
    }
    
    article .hanmo_attention{
        margin-top:5vw;
        font-size:3vw;
        line-height:4vw;
        text-align:right;
    }
}

/*----------------------------------------------------------------------------
フィールド試験
----------------------------------------------------------------------------*/
article .field_video{
    width:560px;
    margin:0 auto 0 auto;
    padding-bottom:20px;
}

article .field_video iframe{
    border-radius:10px;
}

article .field_photo{
    display:flex;
    width:900px;
    margin:10px auto 10px auto;
}

article .field_photo li{
    list-style-type:none;
    text-align:center;
    width:450px;
    /* height:330px; */
}

article .field_photo img{
    height:330px;
    border-radius:10px;
}

@media screen and (max-width:639px){
    article .field_video{
        width:85vw;
        margin:0 auto 0 auto;
        padding-bottom:5vw;
    }
    
    article .field_video iframe{
        border-radius:2vw;
        width:85vw !important;
        height:48vw !important;
    }
    
    article .field_photo{
        display:block;
        width:100%;
        margin:2vw auto 2vw auto;
    }
    
    article .field_photo li{
        display:block;
        width:90vw;
        margin:2vw auto 2vw auto;
    }
    
    article .field_photo img{
        height:60vw;
        border-radius:2vw;
    }
}

/*----------------------------------------------------------------------------
耐延焼性試験
----------------------------------------------------------------------------*/
article .taien_frame{
    width:900px;
    margin:10px auto 10px auto;    
}

article .taien_photo{
    display:flex;
    width:900px;
    margin:10px auto 10px auto;
}

article .taien_photo li{
    display:block;
    width:450px;
    list-style-type:none;
    text-align:center;
}

article .taien_photo li img{
    height:330px;
    border-radius:10px;
}

article .taien_video{
    width:560px;
    margin:0 auto 0 auto;
    padding-bottom:20px;
}

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