/* 
    文字系パーツ
*/

/* =========================================================================
    ■ 色設定 ■
    メインカラー：#2DB6F2　（ボタン等に使用）
    見出し      ：#003E7B / rgb(0,45,88)
    背景色（薄）：#EAFAFC
    パーツ背景色：#DFF4FC
========================================================================= */

/* =========================================================================
    見出し
========================================================================= */
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
    color: #003E7B;
    letter-spacing: 0.1em;
}

/* 見出し１ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.heading-1 {
    font-size: 5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}
.heading-1 span {
    color: #CECECE;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.2em;
}

/* 見出し２ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.heading-2 {
    background-color: #DFF4FC;
    padding: 0.5em;
    font-size: 2.8rem;
    font-weight: 700;
}

/* 見出し３ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.heading-3 {
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 0.5em;
}
.heading-3 span {
    padding: 0.5em;
}
.heading-3::before {
    content: "";
    border-bottom: 2px solid #94E1FF;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.heading-3::after {
    content: "";
    border-bottom: 2px solid #2DB6F2;
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* 見出し４ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.heading-4 {
    font-size: 2.2rem;
    font-weight: 700;
    padding: 0.5em 1em;
    border-left: 4px solid #2DB6F2;
}

/* 見出し５ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.heading-5 {
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    align-items: center; /* 垂直中心 */
}
.heading-5::before {
    content: "";
    border-top: 2px solid #2DB6F2;
    width: 1.5em;
    margin-right: 0.5em;
}

/* 見出し６ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.heading-6 {
    font-size: 2rem;
    font-weight: 700;
}



/* =========================================================================
    文章
========================================================================= */
.sentence-wrap {
    font-size: 1.6rem;
    line-height: 1.5;
}


/* =========================================================================
    表
========================================================================= */
/* 表１ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.table1-wrap {
    width: 100%;
    border: 1px solid #707070;
}
.table1-wrap th,
.table1-wrap td {
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    padding: 1em !important;
}
.table1-wrap th {
    background-color: #DDEEF5;
}

/* WPデフォルトCSSリセット */
.table1-wrap thead {
    border-bottom: none;
}

/* 表２ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.table2-wrap {
    display: flex;
    flex-wrap: wrap;
}
.table2-wrap dt,
.table2-wrap dd {
    border-bottom: 1px solid #BBBBBB;
    padding: 1em;
    margin: 0;
}
.table2-wrap dt {
    width: 30%;
}
.table2-wrap dd {
    width: 70%;
}


/* =========================================================================
    アコーディオン
========================================================================= */
.accordion .accordion-button:not(.collapsed) {
    color: #343434;
    background-color: #DDEEF5;
}
.accordion .accordion-button {
    font-size: 1.6rem;
    padding: 1em;
    font-weight: 700;
}
.accordion .accordion-body {
    padding: 1em 2em;
}


/* =========================================================================
    リスト
========================================================================= */
.ul-list li {
    margin-bottom: 0.5em;
    line-height: 1.75;
}
.ul-list li:last-child {
    margin-bottom: 0;
}




/* =========================================================================
    レスポンシブ　タブレット
========================================================================= */
@media screen and (max-width:1025px){

    /* =========================================================================
        見出し
    ========================================================================= */
    .heading-1 {
        font-size: 2.6rem;
    }
    .heading-2 {
        font-size: 2.4rem;
    }
    .heading-3 {
        font-size: 2.2rem;
    }
    .heading-4, .heading-5 {
        font-size: 2rem;
    }
    .heading-6 {
        font-size: 1.9rem;
    }


}

/* =========================================================================
    レスポンシブ　タブレット（小）
========================================================================= */
@media screen and (max-width:850px){
    /* =========================================================================
        表
    ========================================================================= */
    /* 表２ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
    .table2-wrap {
        display: block;
    }
    .table2-wrap dt,
    .table2-wrap dd {
        width: 100%;
    }
    .table2-wrap dt {
        border-bottom: none;
        padding-bottom: 0;        
    }
}