@charset "UTF-8";

/* コンテンツA： ヒーローイメージ */
.conA {
    max-width: 1000px;
    margin: 90px auto 5px auto;
}

    .conA .navi {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

    .conA .navi ol {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .conA .navi time {
            display: block;
            padding: 4px;
            color: inherit;
            font-size: 1rem;
            font-weight:bold;
            text-decoration: none;
        }

        .conA .navi .btn_share {
            display: inline-flex;
        }

    .conA .navi a {
        display: block;
        padding: 5px;
        color: inherit;
        font-size: 0.875rem;
        text-decoration: none;
    }

        .conA .navi a::after {
            margin-left: 10px;
            content: '\f054';
            font-family: 'FontAwesome';
            opacity: 0.3;
        }

        .conA .navi a:hover {
            background-color: rgba(0,0,0,0.2);
        }

    .conA img {
        width: 100%;
    }

    .conA iframe {
        width: 100%;
        height: 572px;
    }

/* 小さい画面用の設定 */
@media (max-width: 767px) {

    .conA iframe {
        width: 100%;
        height: 230px;
    }
}

/* コンテンツB： 概要（アイコン＋テキスト） */
.conB {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}

    .conB .container-title {
        padding: 5px 10px 10px 10px;
    }

        .conB .container-title .title {
            font-size: 22px;
            color: #906;
            font-weight: bold;
        }

    .conB .text {
        padding: 10px 10px 20px 10px;
    }

        .conB .text h1 {
            padding: 0;
            margin: 0 0 20px 0;
            font-size: 22px;
            color: #906;
            font-weight: bold;
        }

        .conB .text h2 {
            padding: 0;
            margin: 0 0 5px 0;
            font-size: 18px;
            font-weight: bold;
        }

        .conB .text p {
            padding: 0;
            margin: 0 0 30px 0;
            font-size: 18px;
        }

        .conB .text a {
            color:blue;
            text-decoration-line:underline;
        }

        .conB .text span {
            color: #906;
        }

/* 小さい画面用の設定 */
@media (max-width: 767px) {

    .conB .container-title .title {
        font-size: 18px;
        line-height:1.2;
    }

    .conB .text h2 {
        font-size: 15px;
    }

    .conB .text p {
        font-size: 14px;
    }

}