:root {
    --white-gray: #e8e8e8;
    --light-gray: #afafaf;
    --very-light-gray: #dddddd;
    --light-blue: #e8f5fd;
    --light-beige: #fef3ed;
    --light-beige: #fef3ed;
    --light-green: #ddeee6;

    --dark-gray: #3d3d3d;
    --material-red: #EF5350;
    --material-blue: #2196F3;
    --material-pink: #FF80AB;
    --material-orange: #FFA726;
    --material-yellow: #FFC107;
    --material-green: #17a635;
    --material-green-bg: #deffe3;
    --material-gray-bg: #eef1f2;
    --material-gray-border: #dbd5d1;
}

/*===========================================================================================
個別設定
============================================================================================*/
.bg-red {
    background-color: var(--material-red);
}

.bg-green {
    background-color: var(--material-green);
}

.bg-yellow {
    background-color: var(--material-yellow);
}

.display-none {
    display: none !important;
}

.code_hr {
    height: 1px;
    background-color: var(--very-light-gray);
    border: none;
}



/*===========================================================================================
タグ
============================================================================================*/

main {
    position: relative;
    flex: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

body {
    -webkit-print-color-adjust: exact;
    background-color: var(--light-blue);
}

code {
    font-size: 16px;
    font-weight: bold;
}

h2 {
    text-align: left !important;
}

@page {
    size: A4 portrait;
    margin: 8px 24px;
}

table {
    box-sizing: border-box;
    max-width: 100%;
    border-left: solid 1px var(--very-light-gray);
    border-top: solid 1px var(--lvery-ight-gray);
    border-right: solid 1px var(--very-light-gray);
    border-bottom: solid 1px var(--very-light-gray);
}

tr {
    border-left: solid 1px var(--very-light-gray);
    border-right: solid 1px var(--very-light-gray);
}


tr:nth-of-type(n+2) {
    border-top: solid 1px var(--very-light-gray);
}

td, th {
    vertical-align: top;
    border-bottom: none;
}

td {
    border-collapse: collapse;
}

/*===========================================================================================
フロントページ
============================================================================================*/
.front_banner:hover {
    opacity: 0.5;
}

.front_banner .wp-block-group__inner-container {
    text-align: center;
}

/*===========================================================================================
共通
============================================================================================*/
.components-snackbar {
    background: red !important;
}

.entry-content h2 {
    margin: 8px 0 8px 0 !important;
}

.entry-title {
    font-size: 48px;
}

/* テーマキャラ */
.theme-character {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: -40px;
    right: -40px;
    width: 100px;
}

@media screen and (max-width: 760px) {

    .theme-character {
        display: none;
    }

}

.site-content {
    /* background-color: var(--light-blue); */
    padding: 0 15px;
}

@media print {
    .site-content {
        background-color: white;
    }

    .theme-character {
        display: none;
    }

    body:before {
        position: absolute;
        top: 32px;
        left: 42px;
        font-size: 12px;
        content: "環境省提供 環境教育教材「みんなで変える地球の未来〜脱炭素社会をつくるために〜」";
        z-index: 5;
    }


}

@media screen and (max-width: 760px) {
    .site-content {
        padding: 0;
    }
}

.site-content {
    margin-bottom: 0;

}

.content__main {
    border-radius: 10px;
    padding: 5px 10px !important;
    margin-bottom: 0;
}

.wp-block-group {
    margin-top: 40px;
}

.site-content .container {
    max-width: 1000px;
}

@media print {
    .site-content {
        padding: 0;
    }

    .site-content .container {
        padding: 0;
        max-width: 1200px !important;
    }

}

@media print {
    .wp-block-group {
        break-inside: avoid;
    }

    .wp-block-group tr {
        break-inside: avoid !important;
    }

}

.wp-block-table img {
    width: 40px !important;
    vertical-align: middle;

}

.site-footer {
    position: relative;
}

.footer-img {
    position: absolute;
    z-index: -1;
    top: 0px;
    display: block;
    margin: 0 auto;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

}



/*===========================================================================================
印刷用共通
============================================================================================*/
@media print {
    p, div {
        font-size: 14px !important;
    }

    a {
        text-decoration: none;
        color: var(--font-color);
    }

    table img {
        width: 20px !important;
    }

    .header {
        display: none !important;
    }

    .footer {
        display: none !important;
    }

    .link-btn, .link-btn-2, .link-btn-2-group-1-rows, .link-btn-2-group-2-rows, .link-btn-2-group-3-rows {
        display: none !important;
    }

    /* 印刷用レイアウトの場合、スペースが詰まって本文と重なってしまうため、少しスペースを空ける */
    .theme-character {
        bottom: -30px !important;
    }

}


/*===========================================================================================
ヘッダーナビゲーション
============================================================================================*/

.header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.5em;
    background: white;
}

.header-logo {
    margin: 0;
    font-size: 2em;
    line-height: 1;
}

.header-logo img {
    width: 200px;
}

@media (max-width: 960px) {
    .header-logo img {
        width: 4em;
    }
}


.nav-menu {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1rem;
}

.nav-menu-item+.nav-menu-item {
    margin-left: 2em;
}

.nav-menu-item a {
    color: #333;
    font-weight: bold;
}

.nav-menu-item .btn_highlighted {
    color: white;
}

.hamburger-btn img {
    width: 160px;
}

.nav-menu {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: 1rem;
    background-color: #fff;
    transition: left 0.3s ease-out 0s;
}

.nav-menu h2 {
    margin: 12px 4px;
}

.nav-menu-item+.nav-menu-item {
    margin-left: 0;
}

.nav-menu-item a:not(.btn) {
    display: block;
    padding: 0.7rem;
}

.nav-menu-item:last-child {
    margin-top: 0.7rem;
}

.nav-menu.is-active {
    left: 0;
}

.header-menu-background {
    display: block;
    background-color: #333;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s ease-out 0s;
}

.nav-menu.is-active+.header-menu-background {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.hamburger-btn {
    position: relative;
    display: block;
    font-size: 1.5rem;
    z-index: 9999;
}



/*===========================================================================================
summary : ページのタイトル
============================================================================================*/
.t1-section-summary-01 {
    position: relative;
    background-image: url(assets/images/common/title_board.png);
    background-repeat: no-repeat;
    background-size: 100%;
}


.t1-section-summary-01:before {
    position: absolute;
    content: url(assets/images/common/title_ivy_left.png);
    top: -80px;
    left: -30px;
    width: 15px;
    height: 45px;
    transform: scale(0.7);

}

.t1-section-summary-01:after {
    position: absolute;
    content: url(assets/images/common/title_ivy_right.png);
    top: -80px;
    right: 30px;
    width: 15px;
    height: 45px;
    transform: scale(0.7);
}



.t1-section-summary-01 {
    padding: 10px;
    /* background-color: var(--light-beige); */
    border-radius: 5px;
}

.t1-section-summary-01 p {
    margin: 5px 20px;

}

.t1-section-summary-01 .title {
    font-size: 1.8em;
    margin: 0 !important;
    padding: 10px 20px;
    font-weight: bold;
}

.t1-section-summary-01 .detail {
    font-size: 16px;
    font-weight: bold;
}

.t1-section-summary-01 .grade {
    margin-top: 0;
    font-size: 12px;
}

.t1-section-summary-01 .org {
    font-size: 12px;
}

.t1-section-summary-01 .link {
    font-size: 12px;
}

@media print {
    .t1-section-summary-01 {
        background-image: none;
    }

    .t1-section-summary-01:before, .t1-section-summary-01:after {
        display: none;
    }
}

/*===========================================================================================
table01 : 
============================================================================================*/


.t1-section-goal table {
    padding: 0 20px;
    border: none;
    width: 100%;
}

.t1-section-goal table td:first-child {
    position: relative;
    padding: 2px 16px 2px 24px !important;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-goal table tr {
    border: none;

}

.t1-section-goal table td {
    border: none;
    display: block;
    padding: 10px;

}

.t1-section-goal table td:first-child {
    width: 100%;
    display: block;
}

.t1-section-goal table {
    border-right: none !important;
}

/* 印刷用レイアウト スマホサイズのレイアウトそのまま適用 */
@media print {
    .t1-section-goal table td {
        display: block;
    }

    .t1-section-goal table td:first-child {
        width: 100%;
        display: block;
    }
}

/*===========================================================================================
table02 : 
============================================================================================*/

.t1-section-course-relation h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-course-relation {
    font-size: 1.0em;
}

.t1-section-course-relation table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
}

.t1-section-course-relation td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.t1-section-course-relationtr:nth-of-type(even) {
    background-color: var(--light-blue);
}

/* ヘッダー：教科・領域、学習内容 */
.t1-section-course-relation table tr:first-child {
    background-color: var(--light-blue);
}

/* 一行目　学年・教科領域の部分 */
.t1-section-course-relation table tr:first-child td:nth-child(-n+2) {}

/* 学年、教科の全ての列 */
.t1-section-course-relation table td:nth-of-type(-n+2) {
    min-width: 100px;
}

@media screen and (max-width: 960px) {
    .t1-section-course-relation table {
        border-right: none !important;
    }

    .t1-section-course-relation table tr:first-child {
        display: none;
    }

    .t1-section-course-relation table tbody td {
        display: block;
    }

    /* ヘッダ2行分：学年、教科・領域 */
    .t1-section-course-relation table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
        background: var(--light-blue);
    }

    /* ヘッダ：学年、教科・領域 */
    .t1-section-course-relation table td:nth-of-type(3) {
        float: left;
        width: 100%;
    }

    /* 内容の前に項目名挿入 */
    .t1-section-course-relation table td:nth-of-type(1)::before {
        content: "学年：";
    }

    .t1-section-course-relation table td:nth-of-type(2)::before {
        content: "教科・領域：";
    }

    .t1-section-course-relation table td:nth-of-type(3)::before {
        content: "学習内容";
    }
}

/*===========================================================================================
table03 : 
============================================================================================*/

.t1-section-class-flow {
    /* width: 100%; */
}

.t1-section-class-flow h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-class-flow .section-title p::before {
    content: "総時間";
    margin-right: 8px;
    font-weight: bold;
    font-size: 1em;
}

.t1-section-class-flow .section-title p {
    margin: 0 20px;
    font-weight: bold;
    font-size: 1.3em;
}


.t1-section-class-flow tr:first-child td {
    background: var(--light-blue);
    padding: 10px 15px;
}

.t1-section-class-flow .wp-block-table {
    padding: 0 10px !important;
}

.t1-section-class-flow tbody th {
    background: #9b0a0a;
    /* padding: 10px 15px; */
    vertical-align: top;
}

.t1-section-class-flow td {
    background: #FFF;
    padding: 10px 15px;
    vertical-align: top;
}

.t1-section-class-flow img {
    width: 40px !important;
}

/* 下段の中心に境界線を引く */
.t1-section-class-flow td:nth-last-of-type(1) {
    border-right: solid 1px var(--very-light-gray) !important;
}

/* 上段最後の要素以外は右側の枠線消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(even) td:nth-of-type(-n+2) {
    border-right: none;
    border-bottom: none;
    min-width: 150px;
}

/* 上段最初の要素以外は左側の枠線消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(even) td:nth-of-type(n+2) {
    border-left: none;
    border-bottom: none;
}

/* 上段最後の要素は下線のみ消す */
.t1-section-class-flow tr:nth-of-type(even) td:nth-last-of-type(1) {
    border-bottom: none;
}

/* 上段tr下線消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(even) {
    border-bottom: none;
}

/* 上段1項目目下線表示 */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(even) td:nth-of-type(n+2) {
    border-bottom: solid 1px var(--very-light-gray) !important;
}

/* 下段最後の要素以外は右側の枠線消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(odd) td:nth-of-type(-n+2) {
    border-top: none;
}

/* 下段最初の要素以外は左側の枠線消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(odd) td:nth-of-type(n+2) {
    border-left: none;
    border-top: none;
}

/* 各項目の下段の最後 : 上線のみ消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(odd) td:nth-last-of-type(1) {
    border-top: none;
}

/* 偶数行目(各項目の下段)tr下線消す */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(odd) {
    border-top: none;
}

/* 下段2項目目右線表示 */
.t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(odd) td:nth-of-type(2) {
    border-right: solid 1px var(--very-light-gray) !important;
}

/* td最初の要素右線表示 */
.t1-section-class-flow tr:nth-of-type(n+2) td:nth-of-type(1) {
    border-right: solid 1px var(--very-light-gray) !important;
}

/* tr一番最初の要素だけ上線を表示 */
.t1-section-class-flow tr:nth-of-type(1) {
    border-top: solid 1px var(--very-light-gray) !important;
}


@media screen and (max-width: 960px) {
    .t1-section-class-flow tr:first-child {
        display: none;
    }

    .t1-section-class-flow tbody td {
        display: block;
    }

    /* 偶数行目 */
    .t1-section-class-flow tr:nth-of-type(even) td:nth-of-type(1) {
        background: var(--light-blue);
    }

    /* 枠線消す */
    .t1-section-class-flow tr:nth-of-type(n+2) td {
        border-right: none !important;
    }

    .t1-section-class-flow tr:nth-of-type(n+2) td:nth-of-type(1) {
        border-right: none !important;
    }

    .t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(odd) td:nth-of-type(2) {
        border-right: none !important;
    }

    /* 奇数行目 */
    .t1-section-class-flow tr:nth-of-type(odd) td:nth-of-type(1) {
        display: none;
    }

    /* 上段1項目目下線消す */
    .t1-section-class-flow tr:nth-of-type(n+2):nth-of-type(even) td:nth-of-type(n+2) {
        border-bottom: none !important
    }

    /* 「教科・学年領域」の右側の枠線が消えてしまっているので表示する  */
    .t1-section-class-flow tr td:nth-of-type(1) {
        font-weight: bold;
    }

    .t1-section-class-flow tr:nth-of-type(odd) td:nth-of-type(2)::before {
        display: block;
        width: 100%;
        font-weight: bold;
        content: "活動、学習内容";
    }

    .t1-section-class-flow tr:nth-of-type(odd) td:nth-of-type(3)::before {
        display: block;
        width: 100%;
        font-weight: bold;
        content: "指導、支援の方法、ポイント等(教材・必要物)";
    }
}


/*===========================================================================================
sdgs : 
============================================================================================*/
.t1-section-sdgs-elements h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-sdgs-elements p {
    font-size: 1.0em;
}

.t1-section-sdgs-elements table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.t1-section-sdgs-elements td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.t1-section-sdgs-elements tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.t1-section-sdgs-elements td:nth-of-type(1) {
    width: 80px !important;
    text-align: center;
    vertical-align: middle;
}


.t1-section-sdgs-elements table img {
    width: 40px !important;
}

@media screen and (max-width: 500px) {
    .t1-section-sdgs-elements table img {
        width: 40px !important;
    }

    .t1-section-sdgs-elements table td:nth-of-type(-n+2) {
        display: block;
        width: 100%;
    }

}

/*===========================================================================================
sdgs : 
============================================================================================*/
.t1-section-esd-elements h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-esd-elements p {
    font-size: 1.0em;
}

.t1-section-esd-elements table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.t1-section-esd-elements td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.t1-section-esd-elements tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.t1-section-esd-elements table td {
    min-width: 80px;
}

.t1-section-esd-elements td:nth-of-type(1) {
    width: 80px !important;
    text-align: center;
    vertical-align: middle;
}


.t1-section-esd-elements table img {
    width: 40px !important;
}

@media screen and (max-width: 500px) {
    .t1-section-esd-elements table img {
        width: 40px !important;
    }

    .t1-section-esd-elements table td:nth-of-type(-n+2) {
        display: block;
        width: 100%;
    }
}

/*===========================================================================================
sdgs : 
============================================================================================*/
.t1-section-esd-ability h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-esd-ability p {
    font-size: 1.0em;
}

.t1-section-esd-ability table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.t1-section-esd-ability td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.t1-section-esd-ability tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.t1-section-esd-ability table td {
    min-width: 80px;
}

.t1-section-esd-ability td:nth-of-type(1) {
    width: 80px !important;
    text-align: center;
    vertical-align: middle;
}

.t1-section-esd-ability table img {
    width: 40px !important;
}

@media screen and (max-width: 500px) {
    .t1-section-esd-ability table img {
        width: 40px !important;
    }

    .t1-section-esd-ability table td:nth-of-type(-n+2) {
        display: block;
        width: 100%;
    }
}

/*===========================================================================================
地域で実践するときの補足情報
============================================================================================*/
.t1-section-after-expansion h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

/*===========================================================================================
地域で実践するときの補足情報
============================================================================================*/

.t1-section-practice-information h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-practice-information ul {
    padding: 0 10px;
}

.t1-section-practice-information p {
    margin: 0 20px;
}

/*===========================================================================================
地域で実践するときの補足情報リスト版  
============================================================================================*/
.t1-section-practice-information-list h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-practice-information-list ul {
    margin: 0 20px;
    padding-left: 1em;
    text-indent: -1em;
    list-style-type: none;
    counter-reset: number;
}

.t1-section-practice-information-list li {
    position: relative;
}

/* beforeでカウンターを作成 */
.t1-section-practice-information-list li::before {
    content: counter(number)".";
    counter-increment: number;
    padding: 0 0.2em;
    margin-right: 5px;
}

/*===========================================================================================
地域で実践するときの補足情報
============================================================================================*/
.t1-section-practice-information-list-dot h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-practice-information-list-dot p {
    padding: 0 24px;
}

.t1-section-practice-information-list-dot ul {
    margin: 0 10px;
}

/*===========================================================================================
その後の展開例等 
============================================================================================*/

.t1-section-after-expansion h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-after-expansion p {
    margin: 0 20px;
}

/*===========================================================================================
その後の展開例等 番号リスト
============================================================================================*/

.t1-section-after-expansion-list h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-after-expansion-list p {
    margin: 0 20px;
    font-size: 1.0em;
}


.t1-section-after-expansion-list ul {
    padding-left: 1em;
    text-indent: -1em;
    list-style-type: none;
    counter-reset: number;
}

.t1-section-after-expansion-list li {
    position: relative;
    margin: 0 20px;
}

/* beforeでカウンターを作成 */
.t1-section-after-expansion-list li::before {
    content: counter(number)".";
    counter-increment: number;
    padding: 0 0.2em;
    margin-right: 5px;
}


/*===========================================================================================
その後の展開例等 点リスト
============================================================================================*/

.t1-section-after-expansion-list-dot h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t1-section-after-expansion-list-dot p {
    margin: 0 20px;
}

.t1-section-after-expansion-list-dot ul {
    margin: 0 10px;
}


/*===========================================================================================
box-row  : 
============================================================================================*/
.box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;

}

.box-row img {
    width: 200px;
    display: block;
    margin: 10px auto;
    max-width: 30vw;
}

/*===========================================================================================
img-gallery-columns-1 : 
============================================================================================*/
.img-gallery-columns-1 {
    margin-bottom: 16px;
}

.img-gallery-columns-1 ul {
    margin: 0;
    max-width: 800px !important;
}

.img-gallery-columns-1 ul {
    justify-content: center !important;
}

.img-gallery-columns-1 li {
    margin: 0 !important;
    width: 34% !important;
    max-width: 34% !important;
}

.img-gallery-columns-1 li, .img-gallery-columns-1 img, .img-gallery-columns-1 figure {
    max-width: 360px !important;
}

.t2-section-gallery-columns-1 .detail {
    max-width: 740px;
    margin: 10px 0;
}


/*===========================================================================================
img-gallery-columns-2 : 
============================================================================================*/
.img-gallery-columns-2 {
    margin-bottom: 16px;
}


.img-gallery-columns-2 ul {
    margin: 0 auto;
    max-width: 800px !important;
}

.img-gallery-columns-2 ul {
    justify-content: center !important;
}

.img-gallery-columns-2 li {
    margin: 0 !important;
    width: 34% !important;
    max-width: 34% !important;
}

.img-gallery-columns-2 li, .img-gallery-columns-2 img, .img-gallery-columns-2 figure {
    max-width: 360px !important;
}

.t2-section-gallery-columns-2 .detail {
    max-width: 740px;
    margin: 10px auto 10px;
}

/*===========================================================================================
img-gallery-columns-3  : 
============================================================================================*/

.img-gallery-columns-3 .components-form-file-upload:last-of-type {
    display: none !important;
}

.img-gallery-columns-3 ul {
    margin: 0 auto;
    max-width: 800px !important;
}

.img-gallery-columns-3 ul {
    justify-content: center !important;
}

.img-gallery-columns-3 li {
    margin: 0 !important;
    width: 26% !important;
    max-width: 26% !important;
}

.img-gallery-columns-3 li, .img-gallery-columns-3 img, .img-gallery-columns-3 figure {
    display: block !important;
    margin: 0 auto !important;
    max-width: 360px !important;
}

.img-gallery-columns-3>figure {
    width: 26% !important;
}

.img-gallery-columns-3 img {
    padding: 4px;
    object-fit: contain !important;
}

.t2-section-gallery-columns-3 .detail {
    max-width: 740px;
    margin: 10px auto 10px;
}

/*===========================================================================================
img-gallery-columns-4  : 
============================================================================================*/

.img-gallery-columns-4 {
    margin-bottom: 16px;
}

.img-gallery-columns-4 ul {
    margin: 0 auto;
    max-width: 800px !important;
}

.img-gallery-columns-4 ul {
    justify-content: center !important;
}

.img-gallery-columns-4 li {
    margin: 0 !important;
    width: 34% !important;
    max-width: 34% !important;
}

.img-gallery-columns-4 li, .img-gallery-columns-4 img, .img-gallery-columns-4 figure {
    max-width: 360px !important;
}

.t2-section-gallery-columns-4 {
    margin-top: 20px !important;

}

.t2-section-gallery-columns-4 .detail {
    max-width: 740px;
    margin: 10px auto 10px;
}

/*===========================================================================================
img-gallery-columns-1 : 
============================================================================================*/

.t2-section-gallery-columns-11 figure {
    display: block !important;
}

.t2-section-gallery-columns-11 img {
    height: auto !important;
}

.t2-section-gallery-columns-11 figcaption {
    position: static !important;
    background: none !important;
    color: black !important;
    padding: 10px 5px !important;
}

.img-gallery-columns-11 ul {
    margin: 0;
    max-width: 800px !important;
}

.img-gallery-columns-11 ul {
    justify-content: center !important;
}

.img-gallery-columns-11 li {
    margin: 0 !important;
    width: 34% !important;
    max-width: 34% !important;
}

.img-gallery-columns-11 li, .img-gallery-columns-11 img, .img-gallery-columns-11 figure {
    display: block !important;
    margin: 0 auto !important;
    max-width: 360px !important;
}

.t2-section-gallery-columns-11 .detail {
    max-width: 740px;
    margin: 10px 0;
}


/*===========================================================================================
img-gallery-columns-2 : 
============================================================================================*/
.t2-section-gallery-columns-12 figure {
    display: block !important;
}

.t2-section-gallery-columns-12 img {
    height: auto !important;
}

.t2-section-gallery-columns-12 figcaption {
    position: static !important;
    background: none !important;
    color: black !important;
    padding: 10px 5px !important;
}

.img-gallery-columns-12 ul {
    margin: 0 auto;
    max-width: 800px !important;
}

.img-gallery-columns-12 ul {
    justify-content: center !important;
}

.img-gallery-columns-12 li {
    margin: 0 !important;
    width: 34% !important;
    max-width: 34% !important;
}

.img-gallery-columns-12 li, .img-gallery-columns-12 img, .img-gallery-columns-12 figure {
    display: block !important;
    margin: 0 auto !important;
    max-width: 360px !important;
}


.t2-section-gallery-columns-12 .detail {
    max-width: 740px;
    margin: 10px auto 10px;
}

/*===========================================================================================
img-gallery-columns-3  : 
============================================================================================*/
.t2-section-gallery-columns-13 figure {
    display: block !important;
}

.t2-section-gallery-columns-13 img {
    height: auto !important;
}

.t2-section-gallery-columns-13 figcaption {
    position: static !important;
    background: none !important;
    color: black !important;
    padding: 10px 5px !important;
}

.img-gallery-columns-13 ul {
    margin: 0 auto;
    max-width: 800px !important;
}

.img-gallery-columns-13 ul {
    justify-content: center !important;
}

.img-gallery-columns-13 li {
    margin: 0 !important;
    width: 26% !important;
    max-width: 26% !important;
}

.img-gallery-columns-13 li, .img-gallery-columns-13 img, .img-gallery-columns-13 figure {
    display: block !important;
    margin: 0 auto !important;
    max-width: 360px !important;
}

.t2-section-gallery-columns-13 .detail {
    max-width: 740px;
    margin: 10px auto 10px;
}

/*===========================================================================================
img-gallery-columns-4  : 
============================================================================================*/

.t2-section-gallery-columns-14figure {
    display: block !important;
}

.t2-section-gallery-columns-14 img {
    height: auto !important;
}

.t2-section-gallery-columns-14 figcaption {
    position: static !important;
    background: none !important;
    color: black !important;
    padding: 10px 5px !important;
}

.img-gallery-columns-14 ul {
    margin: 0 auto;
    max-width: 800px !important;
}

.img-gallery-columns-14 ul {
    justify-content: center !important;
}

.img-gallery-columns-14 li {
    margin: 0 !important;
    width: 34% !important;
    max-width: 34% !important;
}

.img-gallery-columns-14 li, .img-gallery-columns-14 img, .img-gallery-columns-14 figure {
    max-width: 360px !important;
}

.t2-section-gallery-columns-14 .detail {
    max-width: 740px;
    margin: 10px auto 10px;
}

/*=======================================================================================================================================================================================================================================
タイプ2
=======================================================================================================================================================================================================================================*/

/*===========================================================================================
シングルタイトル
============================================================================================*/
.t2-section-summary-single {
    position: relative;
    background-image: url(assets/images/common/title_board.png);
    background-repeat: no-repeat;
    min-height: 100%;
    background-size: cover;
    padding: 10px 10px;
    border-radius: 5px;
}

.t2-section-summary-single:before {
    position: absolute;
    content: url(assets/images/common/title_ivy_left.png);
    top: -50px;
    left: -30px;
    width: 20px;
    height: 60px;
    transform: scale(0.7);
}

.t2-section-summary-single:after {
    position: absolute;
    content: url(assets/images/common/title_ivy_right.png);
    top: -50px;
    right: 30px;
    width: 20px;
    height: 60px;
    transform: scale(0.7);
}



.t2-section-summary-single .pref {
    max-width: 300px;
    margin-left: 0 !important;
    flex-basis: 300px !important;
}

.t2-section-summary-single .title-wrapper {
    margin: 0;
}

.t2-section-summary-single .title-wrapper {
    margin-left: 30px;
}

.t2-section-summary-single h2 {
    font-size: 1.8em;
}

.t2-section-summary-single .title-wrapper h2 {
    margin-top: 50px !important;
}


.t2-section-summary-single p {
    font-size: 1.5em;
}

.t2-section-summary-single .pref {
    max-width: 200px;
    font-size: 1em;

}

.t2-section-summary-single .pref img {
    width: 100% !important;
}


.t2-section-summary-single .pref p {
    width: 100%;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 800px) {

    .t2-section-summary-single .title-wrapper h2 {
        margin-top: 10px !important;
    }


    .t2-section-summary-single .wp-block-columns {
        display: block;
    }

    .t2-section-summary-single .title-wrapper {
        flex-basis: 100% !important;
        margin-left: 0px !important;
    }

}

@media print {
    .t2-section-summary-single {
        background-image: none;
    }

    .t2-section-summary-single:before, .t2-section-summary-single:after {
        display: none;
    }

    .t2-section-summary-single .title-wrapper {
        flex-basis: 66.66% !important;
    }
}

/*===========================================================================================
詳細付きタイトル
============================================================================================*/

.t2-section-summary-double {
    position: relative;
    background-image: url(assets/images/common/title_board.png);
    background-repeat: no-repeat;
    min-height: 100%;
    background-size: cover;
    padding: 10px;
    border-radius: 5px;
}

.t2-section-summary-double:before {
    position: absolute;
    content: url(assets/images/common/title_ivy_left.png);
    top: -50px;
    left: -30px;
    width: 20px;
    height: 60px;
    transform: scale(0.7);
}

.t2-section-summary-double:after {
    position: absolute;
    content: url(assets/images/common/title_ivy_right.png);
    top: -50px;
    right: 30px;
    width: 20px;
    height: 60px;
    transform: scale(0.7);
}



.t2-section-summary-double .pref {
    max-width: 300px;
    margin-left: 0 !important;
    flex-basis: 300px !important;
}

.t2-section-summary-double .title-wrapper {
    margin: 0;
    flex-basis: 66% !important;
}

.t2-section-summary-double .title-wrapper {
    margin-left: 10px;
}

.t2-section-summary-double h2 {
    font-size: 1.8em;
}

.t2-section-summary-double .title-wrapper h2 {
    margin-top: 50px !important;
}


.t2-section-summary-double p {
    font-size: 1.0em;
    font-weight: bold;
}

.t2-section-summary-double .pref {
    max-width: 200px;
    font-size: 1em;
}

.t2-section-summary-double .pref img {
    width: 100% !important;
}

.t2-section-summary-double .pref p {
    width: 100%;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .t2-section-summary-double .title-wrapper h2 {
        margin-top: 10px !important;
    }

    .t2-section-summary-double .wp-block-columns {
        display: block;
    }

    .t2-section-summary-double .title-wrapper {
        flex-basis: 100% !important;
        margin-left: 0px !important;
    }

}

@media print {
    .t2-section-summary-double {
        background-image: none;
    }

    .t2-section-summary-double:before, .t2-section-summary-double:after {
        display: none;
    }


    .t2-section-summary-double .title-wrapper {
        flex-basis: 66.66% !important;
    }
}

/*===========================================================================================
目標
============================================================================================*/

.t2-section-goal h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-size: 1.0em;
    font-weight: bold;
    border-radius: 15px;
}

.t2-section-goal ul {
    list-style-type: none;
    counter-reset: number;
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 20px;
    font-size: 1.0em;
}

.t2-section-goal li {
    position: relative;
}

/* beforeでカウンターを作成 */
.t2-section-goal li::before {
    content: counter(number)".";
    counter-increment: number;
    padding: 0.2em 0.2em;
    margin-top: 2px;
    margin-right: 5px;
}

/*===========================================================================================
目標 テキスト版
============================================================================================*/

.t2-section-goal-text h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t2-section-goal-text p {
    font-size: 1.0em;
    margin: 0 20px;
}

/*===========================================================================================
基にしたモデル的なプログラム
============================================================================================*/
.t2-section-reference {
    font-size: 1.0em;
}

.t2-section-reference a {
    color: white;
}

.t2-section-reference table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
}

.t2-section-reference td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
    vertical-align: middle;
}

.t2-section-reference td:nth-of-type(1) {
    width: 280px;
}

.t2-section-reference tr:nth-of-type(1) td:nth-of-type(2) {
    border-radius: 15px;
    background: #60acce;
    color: white;
}

.t2-section-reference tr:nth-of-type(even) {
    background-color: var(--light-blue);
}


@media screen and (max-width:960px) {
    .t2-section-reference tr:nth-of-type(even) {
        background: white;
    }

    .t2-section-reference td {
        display: block;
        width: 100%;
    }

    .t2-section-reference td:nth-of-type(1) {
        border: none;
    }

}

/*===========================================================================================
ESDの要素、能力、態度
============================================================================================*/

.t2-section-esd {
    font-size: 1.0em;
}

.t2-section-esd table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
}

.t2-section-esd td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
    vertical-align: middle;
}

.t2-section-esd tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

@media screen and (max-width: 960px) {
    .t2-section-esd table td {
        display: block;
        background: white;
    }

    .t2-section-esd td:nth-of-type(1) {
        border: none;

    }
}

/*===========================================================================================
district-office  : 地域事務局
============================================================================================*/

.t2-section-district-office h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t2-section-district-office p {
    font-size: 1.0em;
    margin: 0 20px;
}

/*===========================================================================================
district-office  : 地域事務局 リスト版
============================================================================================*/


.t2-section-district-office-2 .section-title p {
    margin-top: 0;
}

.t2-section-district-office-2 figure {
    margin-top: 0;
}


.t2-section-district-office-2 h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t2-section-district-office-2 p {
    font-size: 1.0em;
}

.t2-section-district-office-2 table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.t2-section-district-office-2 td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.t2-section-district-office-2 tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

@media screen and (max-width: 960px) {
    .t2-section-reference-office-2 tr:nth-of-type(even) {
        background: white;
    }

    .t2-section-reference-office-2 td {
        display: block;
        width: 100%;
    }

    .t2-section-reference-office-2 td:nth-of-type(1) {
        border: none;
    }

}


/*===========================================================================================
ワーキンググループ
============================================================================================*/
.t2-section-working-group .section-title p {
    margin-top: 0;
}

.t2-section-working-group figure {
    margin-top: 0;
}


.t2-section-working-group h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t2-section-working-group p {
    font-size: 1.0em;
}

.t2-section-working-group table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.t2-section-working-group td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.t2-section-working-group td:nth-of-type(1) {
    width: 120px;
}


.t2-section-working-group tr:nth-of-type(even) {
    background-color: var(--light-blue);
}


@media screen and (max-width: 960px) {
    .t2-section-working-group table {
        border-right: none !important;
    }

    .t2-section-working-group table tr:first-child {
        display: none;
    }

    .t2-section-working-group table tbody td {
        display: block;
    }

    .t2-section-working-group table td:nth-of-type(n+2) {
        border-top: none !important;
    }

    .t2-section-working-group table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .t2-section-working-group table td:nth-of-type(3) {
        float: left;
        width: 100%;
    }

}


/*===========================================================================================
メンバー
============================================================================================*/
.t2-section-members .section-title p {
    margin: 0 20px;
}

.t2-section-members figure {
    margin-top: 0;
}


.t2-section-members h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t2-section-members p {
    font-size: 1.0em;
    margin: 0 20px;
}

.t2-section-members table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.t2-section-members td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.t2-section-members tr:nth-of-type(even) {
    background-color: var(--light-blue);
}



@media screen and (max-width: 960px) {
    .t2-section-members table {
        border-right: none !important;
    }

    .t2-section-members table tr:first-child {
        display: none;
    }

    .t2-section-members table tbody td {
        display: block;
    }

    .t2-section-members table td:nth-of-type(n+2) {
        border-top: none !important;
    }

    .t2-section-members table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

}

/*===========================================================================================
お問い合わせ先
============================================================================================*/
.t2-section-contact h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.t2-section-contact p {
    font-size: 1.0em;
    margin: 0 20px;
}

/*===========================================================================================
プログラム・単元・展開の流れ
============================================================================================*/
.t2-section-class-expansion h2 {
    clear: both;
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-size: 1.0em;
    font-weight: bold;
    border-radius: 15px;
}

.t2-section-class-expansion {
    font-size: 1.0em;
}

.t2-section-class-expansion td:nth-of-type(1) {
    width: 120px;
}

.t2-section-class-expansion table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
}

.t2-section-class-expansion td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.t2-section-class-expansion tr:nth-of-type(even) {
    background-color: var(--light-blue);
}


@media screen and (max-width: 960px) {
    .t2-section-class-expansion table td {
        display: block;
        background: white;
    }

    .t2-section-class-expansion td:nth-of-type(1) {
        border: none;
    }

    .t2-section-class-expansion tr:nth-of-type(even) {
        background-color: transparent;
    }
}

/*===========================================================================================
participant-feedback : 参加者の声
============================================================================================*/

.t2-section-feedback h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-size: 1.0em;
    font-weight: bold;
    border-radius: 15px;
}

.t2-section-feedback p {
    margin: 10px 20px;
}

.t2-list-section {
    font-weight: bold;
    margin-left: 10px;
}

.t2-section-feedback ul {
    font-size: 1.0em;
    margin: 0 20px;
}

/*===========================================================================================
t2-section-paragraph : 段落
============================================================================================*/
.t2-section-paragraph .text-list-item {
    padding-left: 1em;
    text-indent: -1em;
}

.t2-section-paragraph h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-size: 1.0em;
    font-weight: bold;
    border-radius: 15px;
}

.t2-section-paragraph p {
    font-size: 1.0em;
    margin: 0 20px;
}

/*===========================================================================================
脱酸素授業展開例
============================================================================================*/

.deoxy-class-flow h2 {
    clear: both;
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-size: 1.0em;
    font-weight: bold;
    border-radius: 15px;
}

.deoxy-class-flow p {
    margin: 0 20px;
}

.deoxy-class-flow {
    font-size: 1.0em;
}

.deoxy-class-flow table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
}

.deoxy-class-flow td {
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.deoxy-class-flow tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.deoxy-class-flow td:nth-of-type(1) {
    width: 80px !important;
}

.deoxy-class-flow td:nth-of-type(3) {
    width: 120px;
}

.deoxy-class-flow td:nth-of-type(3) img {
    width: 100% !important;
}

@media screen and (max-width: 960px) {
    .deoxy-class-flow tr:nth-of-type(even) {
        background: white;
    }

    .deoxy-class-flow table td {
        display: block;
        background: white;
        min-height: 27px;
        width: 100% !important;
    }

    .deoxy-class-flow td:nth-of-type(1) {
        border: none;
    }

    .deoxy-class-flow td:nth-of-type(3) {
        border-top: none;
    }
}

/*===========================================================================================
リンクボタン
============================================================================================*/
.link-btn a {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    width: 200px;
    color: #fff !important;
    background: #b30c00;
    border-radius: 50px;
    border: solid 1px #ccc;
    font-weight: bold;
    font-size: 15px;
}

.link-btn a:hover {
    background: #b9443b;
}

.link-btn-2+.link-btn {
    clear: both;
    padding-top: 10px;

}

/*===========================================================================================
リンクボタン2
============================================================================================*/

.link-btn-2 a {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    width: 200px;
    color: #fff !important;
    background: #0D4270;
    border-radius: 50px;
    border: solid 1px #ccc;
    font-weight: bold;
    font-size: 15px;
}

.link-btn-2 a:hover {
    background: #3D688D;
}

.link-btn-2+.link-btn {
    clear: both;
    padding-top: 10px;

}

/*===========================================================================================
リンクボタン2 グループ 1列
============================================================================================*/

.link-btn-2-group-1-rows a {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    width: 200px;
    color: #fff !important;
    background: #0D4270;
    border-radius: 50px;
    border: solid 1px #ccc;
    font-weight: bold;
    font-size: 15px;
}

.link-btn-2-group-1-rows a:hover {
    background: #3D688D;
}

/*===========================================================================================
リンクボタン2 グループ 2列
============================================================================================*/

.link-btn-2-group-2-rows>.wp-block-group__inner-container>:first-child {
    margin-top: auto;
}

.link-btn-2-group-2-rows>.wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-btn-2-group-2-rows a {
    margin: 0 20px;
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    padding: 15px 0;
    width: 200px;
    color: #fff !important;
    background: #0D4270;
    border-radius: 50px;
    border: solid 1px #ccc;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 720px) {
    .link-btn-2-group-2-rows>.wp-block-group__inner-container {
        display: block;
    }

    .link-btn-2-group-2-rows a {
        margin: 0 auto;
    }
}

.link-btn-2-group-2-rows a:hover {
    background: #3D688D;
}

/*===========================================================================================
リンクボタン2 グループ 3列
============================================================================================*/

.link-btn-2-group-3-rows>.wp-block-group__inner-container>:first-child {
    margin-top: auto;
}

.link-btn-2-group-3-rows>.wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-btn-2-group-3-rows a {
    margin: 0 20px;
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 10px;
    padding: 15px 0;
    width: 200px;
    color: #fff !important;
    background: #0D4270;
    border-radius: 50px;
    border: solid 1px #ccc;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 720px) {
    .link-btn-2-group-3-rows>.wp-block-group__inner-container {
        display: block;
    }

    .link-btn-2-group-3-rows a {
        margin: 0 auto;
    }
}

.link-btn-2-group-3-rows a:hover {
    background: #3D688D;
}

/*===========================================================================================
目次
============================================================================================*/
.page-list h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.page-list p {
    font-size: 1.0em;
}

.page-list table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.page-list td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.page-list tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

/*===========================================================================================
目次 ３列
============================================================================================*/
.page-list-3-rows h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.page-list-3-rows p {
    font-size: 1.0em;
}

.page-list-3-rows table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.page-list-3-rows td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.page-list-3-rows tr:nth-of-type(even) {
    background-color: var(--light-blue);
}


/*===========================================================================================
プログラム形成推進委員会
============================================================================================*/

.commitee-members-1 .section-title p {
    margin-top: 0;
}

.commitee-members-1 figure {
    margin-top: 0;
}


.commitee-members-1 h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.commitee-members-1 p {
    font-size: 1.0em;
}

.commitee-members-1 table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.commitee-members-1 td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.commitee-members-1 tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.commitee-members-1 td:nth-of-type(1) {
    width: 140px;
}


@media screen and (max-width: 960px) {
    .commitee-members-1 table {
        border-right: none !important;
    }

    .commitee-members-1 table tr:first-child {
        display: none;
    }

    .commitee-members-1 table tbody td {
        display: block;
    }

    .commitee-members-1 table td:nth-of-type(n+2) {
        border-top: none !important;
    }

    .commitee-members-1 table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .commitee-members-1 table td:nth-of-type(3) {
        float: left;
        width: 100%;
    }

}

/*===========================================================================================
プログラム形成推進委員会 その2
============================================================================================*/

.commitee-members-2 .section-title p {
    margin-top: 0;
}

.commitee-members-2 figure {
    margin-top: 0;
}


.commitee-members-2 h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.commitee-members-2 p {
    font-size: 1.0em;
}

.commitee-members-2 table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}



.commitee-members-2 td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.commitee-members-2 tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.commitee-members-2 td:nth-of-type(2) {
    width: 120px;
}

.commitee-members-2 td:nth-of-type(3) {
    width: 120px;
}

@media screen and (max-width: 960px) {
    .commitee-members-2 table {
        border-right: none !important;
    }

    .commitee-members-2 table tr:first-child {
        display: none;
    }

    .commitee-members-2 table tbody td {
        display: block;
    }

    .commitee-members-2 table td:nth-of-type(n+2) {
        border-top: none !important;
    }

    .commitee-members-2 table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .commitee-members-2 table td:nth-of-type(3) {
        float: left;
        width: 100%;
    }
}

/*===========================================================================================
メンバー 4列
============================================================================================*/

.commitee-members-4-rows .section-title p {
    margin-top: 0;
}

.commitee-members-4-rows figure {
    margin-top: 0;
}


.commitee-members-4-rows h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.commitee-members-4-rows p {
    font-size: 1.0em;
}

.commitee-members-4-rows table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.commitee-members-4-rows td:nth-of-type(1) {
    width: 120px;
}

.commitee-members-4-rows td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.commitee-members-4-rows tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.commitee-members-4-rows td:nth-of-type(3) {
    width: 160px;
}

.commitee-members-4-rows td:nth-of-type(4) {
    width: 160px;
}

@media screen and (max-width: 960px) {
    .commitee-members-4-rows table {
        border-right: none !important;
    }

    .commitee-members-4-rows table tr:first-child {
        display: none;
    }

    .commitee-members-4-rows table tbody td {
        display: block;
    }

    .commitee-members-4-rows table td:nth-of-type(n+2) {
        border-top: none !important;
    }

    .commitee-members-4-rows table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .commitee-members-4-rows table td:nth-of-type(3) {
        float: left;
        width: 100%;
    }
}

/*===========================================================================================
ブロック推進委員・ワーキンググループ
============================================================================================*/

.commitee-members-3 .section-title p {
    margin-top: 0;
}

.commitee-members-3 figure {
    margin-top: 0;
}


.commitee-members-3 h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.commitee-members-3 p {
    padding: 0 20px;
    font-size: 1.0em;
}

.commitee-members-3 table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.commitee-members-3 td {
    padding: 4px 16px !important;

    border: solid 1px var(--very-light-gray);
}

.commitee-members-3 tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.commitee-members-3 td:nth-of-type(3) {
    width: 110px;
}

@media screen and (max-width: 960px) {
    .commitee-members-3 table {
        border-right: none !important;
    }

    .commitee-members-3 table tr:first-child {
        display: none;
    }

    .commitee-members-3 table tbody td {
        display: block;
    }

    .commitee-members-3 table td:nth-of-type(n+2) {
        border-top: none !important;
    }

    .commitee-members-3 table td:nth-of-type(-n+2) {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .commitee-members-3 table td:nth-of-type(3) {
        float: left;
        width: 100%;
    }

}


/*===========================================================================================
ESDテーブル 
============================================================================================*/

.esd-table .section-title p {
    margin-top: 0;
}

.esd-table figure {
    margin-top: 0;
}

.esd-table h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.esd-table p {
    font-size: 1.0em;
}

.esd-table table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.esd-table td {
    width: 50%;
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.esd-table tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

/*===========================================================================================
通常タイトル 
============================================================================================*/

.title-normal {
    position: relative;
    font-size: 0.7em;
}

.title-normal:after {
    position: absolute;
    content: '';
    top: -20px;
    left: 0;
    display: block;
    width: 200px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
}

.title-normal {
    padding: 10px;
    border-radius: 5px;
}

/*===========================================================================================
お役立ち 
============================================================================================*/
.help h2 {
    position: relative;
    padding: 4px 16px 4px 24px;
    background-color: var(--light-beige);
    font-weight: bold;
    font-size: 1.0em;
    border-radius: 15px;
}

.help p {
    font-size: 1.0em;
}

.help table {
    padding: 0 10px;
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    font-size: 1.0em;
}

.help td {
    width: 50%;
    padding: 4px 16px !important;
    border: solid 1px var(--very-light-gray);
}

.help tr:nth-of-type(even) {
    background-color: var(--light-blue);
}

.help td:nth-of-type(2) img {
    display: block;
    width: 400px !important;
    margin: auto;
    pointer-events: none;
}

/*===========================================================================================
リンク付きイメージ 1列
============================================================================================*/

.img-link-1-columns .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
}

.img-link-1-columns .wp-block-group__inner-container>:first-child {
    margin-top: auto;
}

/*===========================================================================================
リンク付きイメージ 1列
============================================================================================*/

.img-link-2-columns .wp-block-group__inner-container {
    display: flex;
}

.img-link-2-columns .wp-block-group__inner-container>:first-child {
    margin-top: auto;
}

/*===========================================================================================
リンク付きイメージ 3列
============================================================================================*/
.img-link-3-columns .wp-block-group__inner-container {
    display: flex;
}

.img-link-3-columns .wp-block-group__inner-container>:first-child {
    margin-top: auto;
}

/*===========================================================================================
共通 リスト
============================================================================================*/

.common-list-01 ul {
    padding: 0 10px !important;
}

/*===========================================================================================
個別ページ
============================================================================================*/