/*============================================================================
資料及び動画集
============================================================================*/
@charset "utf-8";

/*----------------------------------------------------------------------------
リンクボタン
----------------------------------------------------------------------------*/
article .item a{
    color:#ffffff;
    background:#409e9e;
    padding:6px 40px;
    height:80px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    border-radius:20px;
}

article .item a:hover{
    background:#2d6e6e;
}

/*----------------------------------------------------------------------------
ダウンロードアイテム
----------------------------------------------------------------------------*/
article .item{
    width:90%;
    margin:0 auto 40px auto;
    padding:20px 10px;
    background:#b9ebeb;
    border-radius:5px;
    box-shadow:5px 5px #409e9e;
    text-align:center;
}

article .item h4{
    margin:10px 0 20px 0;
    font-size:30px;
    line-height:30px;
    font-weight:bold;
}

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

@media screen and (max-width:689px){
    article .item{
        width:100%;
        margin:1vw 0 5vw 0;
        padding:2vw 0;
        border-radius:1vw;
        box-shadow:1vw 1vw #409e9e;
    }

    article .item iframe{
        width:90vw;
        height:50vw;
        border-radius:1vw;
    }

    article .item h4{
        margin:2vw 0 2vw 0;
        font-size:4vw;
        line-height:5vw;
    }
}

@media screen and (max-width:939px){
    /* 参照リンクは、このページだけ639px未満も対象にする */
    article .reference_link{
        width:100%;
        font-size:4vw;
        line-height:5vw;
        margin:7vw auto 8vw auto;
        padding:3vw;
        border:solid 0.5vw #29ad24;
        border-radius:1vw;
        box-shadow:1vw 1vw 3vw rgba(0,0,0,0.3);
    }
    
    article .reference_link .link_button ~ img{
        width:10vw;
        height:8vw;
        margin-left:2vw;
    }
    
    article .reference_link:hover{
        border:solid 0.5vw #ff2020;
    }
    
    article .reference_link img{
        width:80%;
        padding:0;
        border-radius:2vw;
        margin-right:0;
        margin:0 10% 2vw 10%;
    }
}

/*----------------------------------------------------------------------------
注意書き
----------------------------------------------------------------------------*/
article .item div.attention{
    margin:10px 0 0 20px;
    text-align:left;
    font-size:16px;
    line-height:16px;
}
article .item div.attention::before{
    content:"※";
    color:#ff0000;
    margin-left:-19px;
    font-size:16px;
    line-height:16px;
}

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