@charset 'UTF-8';
/* ==========================================
   アコーディオンコンポーネント (bl_post-acc)
   ========================================== */
/* --- アコーディオンラッパー --- */
.bl_post-acc
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
    /* 260701 s */

    margin-top: min(calc(16 / 1440 * 100vw), 16px);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: min(calc(16 / 1440 * 100vw), 16px);
    /* 260701 e */
    /* --- アコーディオン1件 (bl_post-acc-item) --- */
    /* --- アコーディオンヘッド (bl_post-acc-head) --- */
    /* --- 矢印アイコン (bl_post-acc-arrow) --- */
    /* --- ボディラッパー（グリッド展開） --- */
    /* --- ボディインナー（overflow制御） --- */
    /* --- ボディ本体 --- */
}
.bl_post-acc-item
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
.bl_post-acc-head
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px); 

    cursor: pointer;

    background: #f8f8f8;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
       -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
            column-gap: min(calc(8 / 1440 * 100vw), 8px);
}
.bl_post-acc-head-text
{
    font-size: min(calc(18 / 1440 * 100vw), 18px); 
    font-weight: normal;
    line-height: 1.65;

    text-align: left;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.bl_post-acc-arrow
{
    display: block;

    width: min(calc(24 / 1440 * 100vw), 24px);

    -webkit-transition: rotate .3s;
            transition: rotate .3s; 

    color: #979797;

    -ms-flex-negative: 0;
    flex-shrink: 0;
    rotate: 90deg;
}
.bl_post-acc-arrow.is_active
{
    rotate: -90deg;
}
.bl_post-acc-body_wrap
{
    display: grid;

    -webkit-transition: grid-template-rows .3s;
            transition: grid-template-rows .3s;
            transition: grid-template-rows .3s, -ms-grid-rows .3s; 

    grid-template-rows: 0fr;
}
.bl_post-acc-body_wrap.is_active
{
    grid-template-rows: 1fr;
}
.bl_post-acc-body_inner
{
    overflow: hidden;
}
.bl_post-acc-body
{
    padding: min(calc(24 / 1440 * 100vw), 24px);

    border-top: solid 1px #c4c4c4;
    /* --- 詳細リスト (bl_post-acc-body-list) --- */
}
.bl_post-acc-body-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: min(calc(16 / 1440 * 100vw), 16px);
}
.bl_post-acc-body-list-title::before
{
    display: inline-block;

    content: '□';
}
.bl_post-acc-body-list-data
{
    margin-top: 0 !important;
    margin-left: 1em;
}

/* --- テーブル内アコーディオンヘッド --- */
.bl_table .bl_post-acc-head-text
{
    font-size: min(calc(14 / 1440 * 100vw), 14px);
}

/* --- アコーディオン内ロゴ (bl_post-acc-logo) --- */
.bl_post-acc-logo
{
    margin-top: min(calc(20 / 1440 * 100vw), 20px);
}
.bl_post-acc-logo img
{
    display: block;

    max-width: 100%;
    max-height: min(calc(160 / 1440 * 100vw), 160px); 

    margin-inline: auto;
}

/* 260701 s */
/* --- アコーディオン内画像 (bl_post-acc-img) --- */
.bl_post-acc-img
{
    margin-block: min(calc(16 / 1440 * 100vw), 16px);
}

/* 260701 e */
/* ==========================================
   レスポンシブ（SP）
   ========================================== */
@media only screen and (max-width: 767px)
{
    .bl_post-acc
    {
        /* 260701 s */
        margin-top: calc(16 / 390 * 100vw);

        row-gap: calc(16 / 390 * 100vw);
        /* 260701 e */
    }
    .bl_post-acc-item
    {
        border-radius: calc(8 / 390 * 100vw);
    }
    .bl_post-acc-head
    {
        padding: calc(16 / 390 * 100vw) calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
    .bl_post-acc-head-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
    .bl_post-acc-arrow
    {
        width: calc(24 / 390 * 100vw);
    }
    .bl_post-acc-body
    {
        padding: calc(16 / 390 * 100vw);
    }
    .bl_post-acc-body-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
    .bl_post-acc-body p:not(:first-of-type)
    {
        margin-top: calc(12 / 390 * 100vw);
    }
    .bl_table .bl_post-acc-head-text
    {
        font-size: calc(14 / 390 * 100vw);
    }
    .bl_post-acc-logo
    {
        margin-top: calc(20 / 390 * 100vw);
    }
    .bl_post-acc-logo img
    {
        max-height: calc(160 / 390 * 100vw);
    }
    /* 260701 s */
    .bl_post-acc-img
    {
        margin-block: calc(16 / 390 * 100vw);
    }
    /* 260701 e */
}