@font-face {
    font-family: 'Kaisotai Next UP';
    src: url('../font/Kaisotai-Next-UP-B.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'aoyagiireisyosimo';
    src: url('../font/aoyagireisyosimo_otf_2_01.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

        @font-face {
            font-family: 'FutehodoMaruGothic';
            src: url('../font/FutehodoMaruGothic.otf') format('opentype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        .font-kaisotai {
            font-family: 'Kaisotai Next UP',serif !important;
        }

        .font-aoyagi {
            font-family: 'aoyagiireisyosimo',serif !important;
        }

        .font-futehodomaru {
            font-family: 'FutehodoMaruGothic',serif !important;
        }


        html {
            font-size: 14px;
        }

        @media (min-width: 768px) {
            html {
                font-size: 16px;
            }
        }

        .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
            box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
        }

        html {
            position: relative;
            min-height: 100%;
        }

        body {
        }

        .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
            color: var(--bs-secondary-color);
            text-align: end;
        }

        .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
            text-align: start;
        }
        /*一括管理クラス*/

        .News_list_underline {
            border-bottom: 2px solid rgba(128,128,128,0.3);
            width: 100%;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .article_list {
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-direction: column-reverse;
            max-width: 1100px;
            padding: 0 20px;
            margin-top: 50px;
            margin-bottom: 100px;
        }

        .article_body {
            position: relative;
            display: flex;
            align-items: center;
            margin-bottom: 3rem;
            padding-bottom: 1.5rem;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #6c757d;
        }

        .article_body_image {
            width: clamp(110px,18vw,300px);
            height: clamp(100px,13vw,220px);
            flex-shrink: 0;
            align-items: center;
            display: flex;
        }

        .article_body_image_detail {
            width: clamp(100px,13vw,220px);
            aspect-ratio: auto;
            object-fit: cover;
        }

        .article_body_text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-self: stretch;
            position: relative;
            padding-left: 0px;
            flex-grow: 1;
        }

        .article_body_date {
            position: absolute;
            top: 15px;
            font-size: clamp(10px,2vw,20px);
            font-weight: 600;
        }

        .article_body_title {
            font-family: 'Noto Serif JP',sans-serif;
            font-weight: 600;
            font-size: clamp(15px,2vw,40px);
        }