@charset "utf-8";
@import url("common.css");

    .btn {
        width: 100%;
        margin: 30px auto;
        text-align: center;
    }

    .border_btn01 {
        display: inline-block;
        width: 100%;
        max-width: 170px; /* ボタン幅 */
        color: #4D9BC1; /* 文字色 */
        border: 2px solid #4D9BC1; /* 線幅・種類・色 */
        background: #fff; /* 背景色 */
        padding: 1em 2em;
        margin: 0 7px;
        font-weight: bold; /* 文字の太さ */
        text-decoration: none;
        text-align: center;
        transition: 0.3s;
    }
    
    /* マウスオーバーした際のデザイン */
    .border_btn01:hover {
        color: #fff; /* 文字色 */
        background: #4D9BC1; /* 背景色 */
    }


    div.info img{
        width: 100%;
        min-width: 1200px;
    }



    div.box_text {
        text-align: left;
        line-height: 1.5em;

        width: 970px;

        margin: 0 auto 80px auto;
        padding: 5px;
    }

    div.box_text dl {
        margin: 20px;
    }
    div.box_text dl dt {
        font-size: 16px;
        text-indent: 3px;
        font-weight: bold;
        border-bottom: 1px solid #cbcbcb;
        padding: 5px;
        color: #555;
    }

    div.box_text dl dd {
        padding: 13px;
        margin: 5px 5px 55px 5px;
        background: #daf1f7;
        border-radius: 5px;
        font-size: 14px !important;
    }
    div.box_text dl dd div.date {
        text-align: right;
        padding-top: 10px;
        font-size: 13px !important;
    }

    a:link {
        color: #4D9BC1;
    }

    a:visited {
        color: #3c7591;
    }

    .date_flex a{
        margin-top: 5px;
        display: inline-block !important; 
        font-size: 15px !important;
    }

    .date_flex {
        color: #407f9e;
    }

    .flex {
        display: flex;
        align-items: baseline;
        color: #478bad;
    }

    .syubetu{
        background-color: #4D9BC1;
        color: #fff;
        padding: 5px 8px 2px 5px;
        border-radius: 15px;
        vertical-align: baseline;
        font-size: 13px;
        width: 65px;
        text-align: center;
        font-weight: 200;
        margin-left: 5px;
    }

    .link {
        margin-top: 7px;
    }

    .date {
        color: #407f9e;
        vertical-align: baseline;
        font-size: 13px;
    }

    .date_flex {
        display: flex;
        align-items: baseline;
    }

    @media (max-width: 700px) {
        /* 700ピクセル以下の場合に適用するスタイルをここに記述 */
    }