@charset "utf-8";
@import url('uikit_ovr.css');
@import url('ikuseikai_common.css');
@import url('ikuseikai_index.css');
@import url('ikuseikai_entry.css');

/**************************************************
 *
 * 育成会について
 * about
 *
 **************************************************/
/* 会長 挨拶 */
.iksChairmanGreetingHeader {
    text-align: center;
}
    .iksChairmanGreeting {
        line-height: 1.8;

        & p {
            font-size: .875rem;
            text-indent: 1em;
        }
    }
    .iksChairmanWrap{

        .iksChairmanImage {
            max-width: 200px;
            margin: 0 auto;

            & img {
                border-radius: 30px;
                box-shadow: 5px 5px 0px 0 var(--primary-color);
            }
        }
        .iksChairmanProfile {
            margin-top: 25px;
            font-size: .875rem;
            text-align: center;

            & span {
                font-size: 1.125rem;
            }
            & div:last-child {
                color: var(--primary-color);
                font-size: .75rem;
                font-weight: 500;
            }
        }
    }

@media screen and (min-width: 960px) {
    .iksChairmanGreetingHeader {
        text-align: left;
    }
    .iksChairmanGreeting {
        & p {
            font-size: 1rem;
        }
    }
    .iksChairmanWrap{
        .iksChairmanImage {
            max-width: none;
            img {
                border-radius: 60px;
                box-shadow: 15px 15px 0px 0 var(--primary-color);
            }
        }
        .iksChairmanProfile {
            text-align: right;
        }
    }
}
@media screen and (min-width: 1200px) {
    .iksChairmanWrap{
        .iksChairmanProfile {
            font-size: 1rem;
            text-align: right;

            & span {
                font-size: 1.5rem;
            }
            & div:last-child {
                font-size: .875rem;
            }
        }
    }
}

/* 育成会についてナビ */
.iksOverviewNavSection {
    padding-top: 0;
}
    .iksOverviewNav {
        margin-bottom: 15px;
    }
        .iksOverviewNavItem {
            position: relative;
            background: var(--primary-color);
            border-radius: 20px;
            transition: .3s;

            &::before {
                content: "";
                display: block;
                padding-top: 40%
            }
            & a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                color: #fff;
                transition: .3s;

                & h3 {
                    margin-bottom: 10px;
                    color: #fff;
                    font-size: clamp(.875rem, 0.852rem + 0.74vw, 1.75rem);
                }
                & div {
                    font-size: clamp(0.75rem, 0.676rem + 0.37vw, 1rem);
                }
                & div:last-child {
                    margin-top: 10px;
                }
            }
            & a:hover {
                color: #fff;
                scale: 1.05;
            }
        }

        .iksOverviewNavItemLarge {
            &::before {
                padding-top: 40%;
            }
        }

@media screen and (min-width: 480px) {
    .iksOverviewNavItem {
        &::before {
            padding-top: 20%
        }
    }
    .iksOverviewNavItemLarge {
        &::before {
            padding-top: 20%;
        }
    }
}

@media screen and (min-width: 960px) {
    .iksOverviewNavSection {
        padding-top: 40px;
    }
        .iksOverviewNav {
            margin-bottom: 30px;
        }
            .iksOverviewNavItem {
                border-radius: 40px;

                &::before {
                    padding-top: 100%
                }
            }


            .iksOverviewNavItemLarge {
                &::before {
                    padding-top: 18%;
                }
            }
}


/**************************************************
 *
 * 法人概要
 * outline
 *
 **************************************************/
.iksOutlineSection {
    padding-top: 0;
    & h2 {
        font-size: 1.125rem;

        & img {
            margin-right: .4em;
            vertical-align: -.4em;
        }
    }
    & table {
        margin-bottom: 0;
    }
}
    .iksOutlineContainer {
        margin: 0 20px;
        padding: 30px 20px;
        background: rgba(255, 255, 255, .8);
        border-radius: 30px;
    }

@media screen and (min-width: 1200px) {
    .iksOutlineSection {
        & h2 {
            font-size: 1.875rem;
            & img {
                margin-right: .25em;
                vertical-align: -.15em;
            }
        }
        & table {
            margin-bottom: 0;
        }
    }
        .iksOutlineContainer {
            margin: 0 auto;
            padding: 80px 60px;
            border-radius: 60px;
        }
}

/**
 * 基本方針
 */
.iksBasicPolicy {
    & h2 {
        font-size: clamp(1.375rem, 0.792rem + 1.67vw, 2.25rem);
        text-align: center;
    }
        .iksBasicPolicyDivider {
            text-align: center;
        }

        .iksBasicPolicySlider {
            margin-bottom: 0px;
        }
        .iksBasicPolicyIntro {
            max-width: 1100px;
            margin: 30px auto;
            text-align: left;
            & p {
                font-size: clamp(1rem, 0.926rem + 0.37vw, 1.25rem);
            }
        }
        .iksBasicPolicyImage {
            img {
                border: 3px solid var(--primary-color);
            }
        }
        .iksBasicPolicyLead {
            margin: 30px auto 0;
            & p {
                font-size: clamp(0.875rem, 0.838rem + 0.19vw, 1rem);
                line-height: 1.8;
            }
        }
    }

    /* 方針 */
    .iksBasicPolicyList {
        max-width: 700px;
        margin: 60px auto 90px;
        text-align:center;
    }
        .iksBasicPolicyItem {
            & div {
                line-height: 6px;
            }
            & h3 {
                margin-top: 30px;
            }
            & p {
                margin-bottom: 30px;
            }
        }

/**
 * 基本主題
 */
.iksBasicSubjectList {
    margin: 30px auto;
    text-align: center;
}
    .iksBasicSubjectItem {
        border: 1px solid var(--primary-color);
        border-radius:50%;

        .iksBasicSubjectItemInner {
            position: relative;
            padding-top: 100%;

            height: 0;
        }
        .iksBasicSubjectItemValue {
            position: absolute;
            top: calc((100% - 77px) / 2);
            left: 0;
            right: 0;
            margin: 0;
            text-align: center;
        }
        .iksBasicSubjectItemValue2 {
            top: calc((100% - 101px) / 2);
        }

        & h3 {}
        & div {}
    }

@media screen and (min-width: 960px) {
    .iksBasicPolicy {
        .iksBasicPolicyIntro {
            margin: 60px auto;
            text-align: center;
            & p {
                line-height: 1.8;
            }
        }
        .iksBasicPolicyLead {
            max-width: 1100px;
            margin: 60px auto 60px;
            & p {
                font-size: 1rem;
                line-height: 1.8;
            }
        }
    }
}

/* 法人概要、役員テーブル */
.iksOutlineTable {
    font-size: .875rem;

    & tr td:first-child {
        white-space: nowrap;
    }
}

@media screen and (max-width: 639px) {
    .iksOutlineResponsiveTable {
        & tbody, td, th, tr {
            display:block
        }
        & thead {
            display:none
        }
        & td, & th {
            width: auto;
            max-width: none;
            min-width: 0;
            overflow: visible;
            white-space:normal;
            padding: 16px 12px;
        }

        & tr td:first-child {
            padding-bottom: 0;
        }

        & tr td:last-child {
            padding-top: 8px;
        }

        .name {
            padding-top: 0;
            padding-bottom:0;
            font-size: .9375rem;
        }
        .profile {
            margin-left: 2em;
        }
    }
}


/**************************************************
 *
 * 情報公開
 * disclosure
 *
 **************************************************/
.iksBusinessPlanAndBudgetList,
.iksBusinessAndFinancialReportList {

    & h3 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 60px;
    }
}
    .iksBusinessPlanAndBudgetItem,
    .iksBusinessAndFinancialReportItem {

    }


/**************************************************
 *
 * 沿革
 * history
 *
 **************************************************/
/**
 * 年代ナビ
 */
.iksEraList {
    padding: 0;
    list-style: none;

    h2 {
        font-size: 1.125rem;

        & img {
            margin-right: .4em;
            vertical-align: -.4em;
        }
    }

    a {
        position: relative;
        display: block;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 30px;
        color: #666;
        font-size: 1.125rem;
        text-align: left;
        trasition: .3s;

        & span {
            font-size: .875rem;
        }
        &:hover {
            color: var(--primary-color);
        }
        &.active {
            color: var(--primary-text-color);
            font-weight: 500;
        }
        ｀
    }
}

@media screen and (min-width: 1200px) {
    .iksEraList {
        h2 {
            font-size: 1.875rem;
            & img {
                margin-right: .25em;
                vertical-align: -.15em;
            }
        }
    }
}

/**
 * 沿革
 */
.iksHistory {
    .iksHistoryItems {
        margin-top: 60px;
        & > div:first-child {
            border-right: 1px solid #e5e5e5;
        }
    }
    .iksHistoryTitle,
    .iksHistorySubTitle {
        font-size: 1.875rem;
        & span {
            font-size: 4rem;
            font-family: "Ropa Sans", sans-serif;
            font-weight: 400;
            font-style: normal;
        }
    }
    .iksHistorySubTitle {
        margin: 0;
        font-family: "Ropa Sans", sans-serif;
        font-weight: 400;
        font-size: 2.5rem;
        line-height: 1;
    }
}
/* 沿革 年 */
.iksHistoryYear {
    position: relative;
    text-align: center;

    &::after {
        position: absolute;
        content: '';
        background-color: var(--primary-color);
        display: inline-block;
        top: 16px;
        right: -6px;
        height: 12px;
        width: 12px;
        -webkit-mask: url("../images/icon/icon_circle.svg");
        mask: url("../images/icon/icon_circle.svg");
        -webkit-mask-size: cover;
        mask-size: cover;
    }
}

/* 沿革 詳細 */
.iksHistoryDescription {
}
    /* 沿革 出来事 */
    .iksHistoryList {
        margin: 0;
        padding: 0;
        list-style: none;

        & li {
            padding: 20px 10px;
        }
        & li {
            border-top: 1px solid #e5e5e5;
        }
        & li:last-child {
            border-bottom: 1px solid #e5e5e5;
        }
    }

/* 沿革 前後の年代ナビ */
.iksEraNav {
}
    /* ボタン */
    .iksEraNavButton {
        & a {
            position: relative;
            display: block;
            height: 60px;
            padding-left: 60px;
            padding-right: 60px;
            background: #fff;
            border-radius: 30px;
            font-size: 1rem;
            font-weight: 400;
            text-align: left;
            line-height: 60px;
            trasition: .1s;

            & span {
                font-size: 1.25rem;
            }
        }
            & a::after {
                position: absolute;
                top: 0px;
                right: 20px;
                margin-top: 0px;
                font-weight: 400;
                font-size: 2rem;
            }
            & a:hover {
                filter: saturate(130%);
            }
    }
        .iksEraNavButtonPrev {
            & a::after {
                font-family: "Font Awesome 7 Free";
                content:'\f0a8';
                left: 20px;
                font-weight: 900;
            }
        }
        .iksEraNavButtonNext {
            & a {
                text-align: right;
            }
            & a::after {
                font-family: "Font Awesome 7 Free";
                content:'\f0a9';
                right: 20px;
                font-weight: 900;
            }
        }


/**************************************************
 *
 * 支部・施設
 * Branch & Facilities
 *
 **************************************************/
/**
 * 支部・施設 ナビ
 */
.iksBranchFacilitiesNav {
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;

    & a {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: .25em;
        min-height: 60px;
        padding-left: 60px;
        padding-right: 60px;
        background: #fff;
        border-radius: 60px;
        color: #fff;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 60px;
        transition: .3s !important;

        &:hover {
            filter: saturate(80%);
        }
    }
        & a.iksBranchNavBranchButton {
            background-color: var(--primary-color);
            border: 2px solid var(--primary-color);
            &:hover {
                background-color: #fff;
                color: var(--primary-color);
            }
        }
        & a.iksBranchNavFacilitiesButton {
            background-color: var(--facilities-color);
            border: 2px solid var(--facilities-color);
            &:hover {
                background-color: #fff;
                color: var(--facilities-color);
            }
        }
}

/**
 *
 * 地域育成会支部
 *
 */
.iksBranchHeader {
    margin-bottom: 60px;
    text-align: center;
    & h2 {
        margin-bottom: 0;
        font-size: clamp(1.375rem, 0.792rem + 1.67vw, 2.25rem);
    }
}

/* 各育成詳細 */
.iksBranchItem {}
    .iksBranchItemHeader {
        margin-bottom: 30px;

        & h3 {
            position: relative;
            font-size: 1.25rem;

            &::before {
                position: absolute;
                content: '';
                display: inline-block;
                width: 110px;
                height: 2px;
                background-color: var(--primary-color);
                border-radius: 2px;
                bottom: -10px;
                left: 0;
            }
        }
        & div {
            font-size: .9375rem;
            font-weight: 300;
        }
    }

    .iksBranchContact {
        & h4 {
            margin-bottom: 10px;
            padding: 0 40px;
            height: 30px;
            width: fit-content;
            background-color: var(--primary-color);
            border-radius: 20px;
            color: #fff;
            font-size: .9375rem;
            line-height: 30px;
        }
        & div {}
        & ul {}
        & li {
            font-size: 1.25rem;
            & i {
                margin-right: .2em;
                color: var(--primary-color);
            }
        }
    }
    .iksBranchLinks {
        & ul {
            display: flex;
            justify-content: right;
            align-items: center;
            column-gap: .5em;
            padding: 0;
            list-style: none;
        }
        & li {
            & a {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                flex-flow: column;
                vertical-align: top;
                font-size: 1rem;
                width: 32px;
                height: 30px;
                color: var(--primary-color) !important;
                border: 1px solid var(--primary-color);
                background-color: #fff;
                transition: .5s;

                &:hover {
                    color: #fff !important;
                    background-color: var(--primary-color);
                }
            }
        }
    }

/**
 *
 * 施設保護者会支部
 *
 */
.iksFacilitiesHeader {
    margin-bottom: 60px;
    text-align: center;
    & h2 {
        margin-bottom: 0;
        font-size: clamp(1.375rem, 0.792rem + 1.67vw, 2.25rem);
    }
}
.iksFacilitiesHeaderDivider {
    svg {
        .cls-1 {
            fill: var(--facilities-color);
        }
    }
}

/* 各育成詳細 */
.iksFacilitiesItem {}

    .iksFacilitiesItemImage {
        margin-bottom: 15px;

        & img {
            border-radius: 15px;
        }
    }
    .iksFacilitiesItemHeader {
        margin-bottom: 30px;

        & h3 {
            position: relative;
            font-size: 1.25rem;

            &::before {
                position: absolute;
                content: '';
                display: inline-block;
                width: 110px;
                height: 2px;
                background-color: var(--facilities-color);
                border-radius: 2px;
                bottom: -10px;
                left: 0;
            }
        }
        & div {
            font-size: .9375rem;
            font-weight: 300;
        }
    }

    .iksFacilitiesContact {
        & h4 {
            margin-bottom: 10px;
            padding: 0 40px;
            height: 30px;
            width: fit-content;
            background-color: var(--facilities-color);
            border-radius: 20px;
            color: #fff;
            font-size: .9375rem;
            line-height: 30px;
        }
        & div {}
        & ul {}
        & li {
            font-size: 1.25rem;
            & i {
                margin-right: .2em;
                color: var(--facilities-color);
            }
        }
    }
    .iksFacilitiesLinks {
        & ul {
            display: flex;
            justify-content: right;
            align-items: center;
            column-gap: .5em;
            padding: 0;
            list-style: none;
        }
        & li {
            & a {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                flex-flow: column;
                vertical-align: top;
                font-size: 1rem;
                width: 32px;
                height: 30px;
                color: var(--facilities-color) !important;
                border: 1px solid var(--facilities-color);
                background-color: #fff;
                transition: .5s;

                &:hover {
                    color: #fff !important;
                    background-color: var(--facilities-color);
                }
            }
        }
    }


/**************************************************
 *
 * アクセス
 * Access
 *
 **************************************************/
.iksAccessSection {
    padding-top: 0;
}
    .iksAccessContainer {
        margin: 0 20px;
        padding: 0;
        background: rgba(255, 255, 255, .8);
        border-radius: 30px;
    }

    @media screen and (min-width: 1200px) {
        .iksAccessContainer {
            margin: 0 auto;
            border-radius: 50px;
        }
    }

    /* Google map */
    .iksGmap {
        margin-bottom: 30px;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 30px;
    }
        .iksGmap iframe {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            border-radius: 30px;
        }
    @media screen and (min-width: 1200px) {
        .iksGmap {
            padding-bottom: 56.25%;
        }
    }

    /* アクセス方法 */
    .iksAccessHeader {
        margin-bottom: 60px;
        text-align: center;
        & h2 {
            margin-bottom: 0;
            font-size: clamp(1.375rem, 0.792rem + 1.67vw, 2.25rem);
        }
    }
    .iksAccessHeaderDivider {
        svg {
            .cls-1 {
                fill: var(--primary-color);
            }
        }
    }
    .iksAccessTransportation {
        .iksAccessTransportationItem {
            text-align: center;

            & > div:first-child {
                color: var(--primary-color);
                font-size: 3rem;
            }
            & h3 {
                margin: 0;
                margin-bottom: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid var(--primary-color);
                color: var(--primary-color);
                font-size: 1.25rem;
                font-weight: 500;
            }
            & h3 + div {
                font-size: 1.25rem;
                font-weight: 500;
                & span {
                    display: inline-block;
                    margin: 0 .2em;
                    font-size: 1.75rem;
                }
            }

        }
    }


/**************************************************
 *
 * プライバシーポリシー
 * Privacy
 *
 **************************************************/
.iksPrivacySection {
}
    .iksPrivacyContainer {
        font-weight: 300;

        & h2 {
            font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
            text-align: center;
        }
        & h3 {
            font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
            font-weight: 500;
        }
        & h4 {
            font-size: clamp(0.875rem, 0.831rem + 0.188vw, 1rem);
            font-weight: 500;
        }

        & p, li {
            font-size: clamp(0.875rem, 0.831rem + 0.188vw, 1rem);

        }
        & p {
            text-indent: 1em;
        }
        & ul {
            margin-left: 1em;
        }
        & dl {
            margin-bottom: 0px;
            margin-left: 1em;
        }
        .iksPrivacySign {
            margin: 30px 0;
            text-align: right;
            font-size: .875rem;
        }
        .iksPrivacyUnderline {
            border-bottom:
        }
        .iksPrivacyContact {
            margin-left: 30px;
            padding: 10px 20px;
            border-left: 4px solid #e5e5e5;
        }
        .iksPrivacyGA4 {
            margin-top: 30px;
            margin-bottom: 30px;
            padding: 30px;
            background: rgba(204, 204, 204, .1);
            border-radius: 20px;
        }
    }

    @media screen and (min-width: 1200px) {
        .iksAccessContainer {

        }
    }


/**************************************************
 *
 * リンク
 * Link
 *
 **************************************************/
/**
 * リンクボタン
 */
.iksLinkButton {
    display: block;
    position: relative;
    padding: 10px 50px 10px 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--primary-color);
    color: var(--primary-text-color);
    font-size: 1.125rem;
    transition: .3s;

        &:hover {
            /*background: var(--primary-color);*/
            /*color: #fff;*/
            color: var(--primary-color);
            /*border: 1px solid var(--primary-color);*/
        }
        &::before {
            position: absolute;
            font-family: "Font Awesome 7 Free";
            content:'\f35d';
            top: 50%;
            right: 20px;
            font-weight: 900;
            font-size: 1.25rem;
            padding-left: 14px;
            transform: translateY(-50%);
        }
            &:hover::before {
            }
}


/**************************************************
 *
 * 入会のご案内
 * Membership
 *
 **************************************************/
.iksMembershipBenefitHeader {
    margin-bottom: 30px;
    text-align: center;
    & h2 {
        font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
        font-weight: 500;
    }
    & p {
        margin-top: 0;
        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
        font-weight: 500;
    }
}

/* 入会特典 */
.iksMembershipBenefitList {
    margin-bottom: 90px;
}
    .iksMembershipBenefitItem {
        padding: 30px;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 20px;
        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);

        .iksMembershipBenefitIcon {
            margin-bottom: 30px;
            text-align: center;
        & svg {
            margin-top: 6px;
            height: 54px;
            .cls-1 {
                fill: var(--primary-color);
            }
        }
        & i {
            color: var(--primary-color);
            font-size: 60px;
        }
    }
    .iksMembershipBenefit {
        margin-bottom: 30px;
    }
}

/* 入会方法 */
.iksMembershipApplication {
    text-align: center;
    & h3 {
        position: relative;
        margin-top: 0;
        font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);

        &::before {
            content: '';
            width: 320px;
            height: 1px;
            display: inline-block;
            background-color: #999;
            position: absolute;
            bottom: -3px;
            left: calc(50% - 160px)
        }
    }
    .iksMembershipButton {
        margin: 0 auto 60px;
        max-width: 300px;
    }
    .iksMembershipContact {
        gap: 30px;

        .iksMembershipContactTel {
            font-size: 2.25rem;
            line-height: 1;
        }
        .iksMembershipContactFax {
            font-size: 1.875rem;
            line-height: 1;
        }
        .iksMembershipContactTel i,
        .iksMembershipContactFax i {
            margin-right: .5em;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            flex-flow: column;
            vertical-align: top;
            font-size: 1.25rem;
            width: 40px;
            height: 40px;
            color: #fff !important;
            background-color: var(--primary-color) !important;
        }
        .iksMembershipContactFax i {
            font-size: 1rem;
            width: 30px;
            height: 30px;
        }
    }
}

/* 入会案内ボタン */
.iksMembershipButton {
    & a {
        position: relative;
        display: block;
        height: 40px;
        padding-left: 30px;
        padding-right: 30px;
        background-color: var(--primary-color);
        border-radius: 30px;
        color: #fff;
        font-size: .875rem;
        font-weight: 500;
        text-align: left;
        line-height: 38px;
        trasition: .3s;

        &::after {
            position: absolute;
            font-family: "Font Awesome 7 Free";
            content:'\f30b';
            top: 0px;
            right: 20px;
            margin-top: 0px;
            font-weight: 900;
            font-size: 1rem;
        }
        &:hover {
            filter: saturate(130%);
        }
    }
}

@media screen and (min-width: 1200px) {
    .iksMembershipButton {

        & a {
            height: 60px;
            font-size: 1rem;
            line-height: 58px;

            &::after {
                font-size: 1.125rem;
            }
        }
    }
}


/**************************************************
 *
 * 会報
 * Newsletter
 *
 **************************************************/
/* 会報 共通 */
.iksNewsletterContainer {
}
@media screen and (min-width: 1200px) {
    .iksNewsletterContainer {
        padding: 60px 60px;
    }
}

/* 最新の会報 */
.iksNewsletterRecent {}

/*  会報 No */
.iksNewsletterHeader {
    margin-bottom:40px;
    & h2 {
        position: relative;
        margin: 0;
        padding-left: 20px;
        font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
        font-weight: 500;

        &::before {
            position: absolute;
            display: block;
            content: "";
            left: 0;
            top: -3px;
            width: 5px;
            height: 25px;
            background-color: var(--primary-color);
            border-bottom: solid 25px var(--secondary-color);
            border-radius: 20px;
        }
    }
}

/* 会報のサムネイル */
.iksNewsletterThumnail {
    & img {
        border: 1px solid #e5e5e5;
        border-radius: 10px;
    }
}

/* 会報 抜粋 */
.iksNewsletterBody {

    .iksNewsletterDate {
        margin-bottom: 10px;
        font-size: 1.25rem;
    }
    .iksNewsletterContentTitle {
        width: fit-content;
        width: 140px;
        padding: 0;
        background: var(--primary-color);
        border-radius: 20px;
        color:#fff;
        font-size: .875rem;
        line-height:  30px;
        text-align: center;
    }
    .iksNewsletterContentList {
        & li {
            padding-left: 1em;
            font-weight: 500;
            line-height: 1.3;
            text-indent: -1em;
        }
        & li > div:nth-child(2) {
            margin-top: 5px;
            color: #333;
            font-size: .875rem;
            font-weight: 300;
        }
    }
        .iksNewsletterContentList > li > div:first-child::first-letter {
            margin-right: .2em;
            color: var(--primary-color);
        }
}
/* 会報ダウンロード */
.iksNewsletterFooter {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

/* 過去の会報 */
.iksNewsletterList {
}
.iksNewsletterItem {
    margin: 0;
    padding: 40px 30px 20px;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #e5e5e5;
    border-radius: 30px;

    .iksNewsletterHeader {
        margin-bottom:20px;
        & h2 {
            font-size: clamp(0.938rem, 0.827rem + 0.469vw, 1.25rem);

            &::before {
                top: -5px;
                width: 5px;
                height: 20px;
                border-bottom: solid 20px var(--secondary-color);
            }
        }
    }
    .iksNewsletterBody {
        .iksNewsletterDate {
            font-size: 1.125rem;
        }
        .iksNewsletterContentTitle {}
        .iksNewsletterContentList {
            & li {}
            & div {}
        }
    }
    .iksNewsletterFooter {

    }
}


/**************************************************
 *
 * 出版物
 * Publication
 *
 **************************************************/
/* 出版物 共通 */
.iksPublicationContainer {
    border: 1px solid #e5e5e5;
}
@media screen and (min-width: 1200px) {
    .iksPublicationContainer {
        padding: 60px 60px;
    }
}

/**
 * 全育連の機関紙
 */
.iksZenikuOrganContainer {
    .iksZenikuOrganLead {
        font-size: 1.125rem;
        font-weight: 500;
    }

    .iksZenikuOrganList {
        margin-bottom: 20px;
        font-size: .9375rem;

        & li i {
            margin-right: .2em;
            color: var(--zeniku-color);
        }
    }

    .iksZenikuOrganPrice {
        margin: 40px 0;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        text-align: right;
        span {
            font-size: 1.75rem;
        }
    }
}
.iksZenikuOrganHeader {
    position: relative;
    margin-bottom:40px;
    padding-left: 20px;

    & div {
        color: var(--zeniku-color);
        font-sise: 1.125rem;
        font-weight: 500;
    }
    & h2 {
        margin: 0;
        font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
        font-weight: 500;
    }
    &::before {
            position: absolute;
            display: block;
            content: "";
            left: 0;
            top: -5px;
            width: 5px;
            height: 75px;
            background-color: var(--zeniku-color);
            border-radius: 10px;
    }
}

/* 機関紙リンクボタン */
.iksZenikuOrganButton {
    & a {
        position: relative;
        display: block;
        height: 40px;
        padding-left: 30px;
        padding-right: 60px;
        background-color: #fff;
        border: 1px solid  var(--zeniku-color);
        border-radius: 30px;
        color: var(--zeniku-color);
        font-size: .875rem;
        font-weight: 500;
        text-align: right;
        line-height: 38px;
        trasition: .3s;

        &::after {
            position: absolute;
            font-family: "Font Awesome 7 Free";
            content:'\f08e';
            top: 0px;
            right: 20px;
            margin-top: 0px;
            font-weight: 900;
            font-size: 1rem;
        }
        &:hover {
            filter: saturate(130%);
            background-color: var(--zeniku-color);
            color: #fff;
        }
    }
}

@media screen and (min-width: 1200px) {
    .iksZenikuOrganButton {
        & a {
            height: 60px;
            font-size: 1rem;
            line-height: 58px;

            &::after {
                font-size: 1.125rem;
            }
        }
    }
}

/**
 *  全育連の出版物
 */
.iksPublicationHeader {
    position: relative;
    margin: 0 auto 40px;
    text-align: center;

    & h2 {
        color: var(--zeniku-color);
        font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
        font-weight: 500;
    }

    & div {
        font-sise: 1rem;
    }
}
/* 出版物一覧 */
.iksPublicationList {

}

.iksPublicationThumnail {
    & img {
        border: 1px solid #e5e5e5;
        border-radius: 10px;
    }
}

.iksPublicationItem {
    margin: 0;
    padding: 40px 40px;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #e5e5e5;
    border-radius: 30px;

    .iksPubulicationItemHeader {
        position: relative;
        margin-bottom:20px;
        padding-left: 20px;

        & h2 {
            font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
            &::before {
                position: absolute;
                display: block;
                content: "";
                left: 0;
                top: -4px;
                width: 5px;
                height: 50px;
                background-color: var(--zeniku-color);
                border-radius: 10px;
            }
        }
        & h2.iksPubulicationMultipleTitle {
            &::before {
                position: absolute;
                display: block;
                content: "";
                left: 0;
                top: -4px;
                width: 5px;
                height: 90px;
                background-color: var(--zeniku-color);
                border-radius: 10px;
            }
        }
        & div {
            text-align: right;
            & span {
                font-size:  1.5rem;
            }
        }
    }

    .iksPubulicationDescription {s
        & > div {
            width: 120px;
            background: var(--zeniku-color);
            border-radius: 20px;
            color: #fff;
            font-size: .875rem;
            font-weight: 500;
            text-align: center;
            line-height: 30px;

            & + p {
                margin-top: 20px;
            }
        }
        & p {
            margin: 0;

            & + ul {
                margin-top: 0px;
            }
        }
    }
}

/**
 *  官公庁参考資料
 */
.iksReferenceMaterialList {
    & li {}
}
    .iksReferenceMaterialItem {
        .iksReferenceMaterialLinkList {
            & a {
                position: relative;
                display: block;
                padding: 15px 50px 15px 20px;
                border: 1px solid var(--zeniku-color);
                border-radius: 100px;
                color: var(--zeniku-color);
                font-size: .875rem;
                line-height: 1.3;
                text-align: left;
                trasition: .3s;

                &::after {
                    position: absolute;
                    top: 0px;
                    right: 20px;
                    margin-top: 0px;
                    font-weight: 900;
                    font-size: 1rem;
                    position: absolute;
                    font-family: "Font Awesome 7 Free";
                    content:'\f35d';
                    font-size: 1rem;
                    top: 50%;
                    right: 10px;
                    padding-right: 14px;
                    transform: translateY(-50%);
                }
                &:hover {
                    background: #fefefe;
                    color: var(--primary-color);
                    border: 1px solid var(--primary-color);
                }
            }
        }
        .iksReferenceMaterialDocumnetList {
            & a {
                display: block;
                position: relative;
                padding: 15px 15px 15px 80px;
                border: 1px solid var(--zeniku-color);
                border-radius: 10px;
                color: var(--zeniku-color);
                font-size: .9375rem;
                transition: .3s;

                &:hover {
                    background: #fefefe;
                    color: var(--primary-color);
                    border: 1px solid var(--primary-color);
                }
                &::before {
                    position: absolute;
                    font: var(--fa-font-regular);
                    content: "\f1c1";
                    font-size: 1.5rem;
                    top: 50%;
                    left: 20px;
                    padding-right: 14px;
                    border-right: 1px solid var(--primary-color);
                    transform: translateY(-50%);
                }
                    &:hover::before {
                        border-color: var(--primary-color);
                    }
            }
        }
    }

@media screen and (min-width: 1200px) {

    .iksReferenceMaterialItem {
        .iksReferenceMaterialLinkList {
            & a {
                padding: 20px 50px 20px 20px;
                font-size: 1rem;

                &::after {
                    font-size: 1.125rem;
                }
            }
        }

        .iksReferenceMaterialDocumnetList {
            & a {
                padding: 20px 20px 20px 80px;
                font-size: 1rem;
            }
        }
    }
}


/**************************************************
 *
 * 活動のご紹介
 * Welfare activities
 *
 **************************************************/
/* ヘッダー */
.iksActivitiesHeader {
    text-align:  center;

    & h1 {
        color: rgb(247, 181, 41);
        font-size: clamp(1.5rem, 1.019rem + 2.41vw, 3.125rem)
    }
    & div {
        color: rgb(121, 81, 2);
        font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
        line-height: 1.8;
    }
        & h1 + div {
            width: fit-content;
            height: 40px;
            margin: 0 auto 30px;
            padding: 0 30px;
            background-color: rgb(247, 181, 41);
            border-radius: 30px;
            color: #fff;
            font-size: 1.125rem;
            line-height: 38px;
        }
    & p {
        font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
        font-weight: 300;
        line-height: 1.8;
    }
}

.iksActivitiesChart {
    margin: 0 auto;
    max-width: 600px;
}

/* 活動のご紹介 コンテナ */
.iksActivitiesContainer {
    margin: 0 20px;
    padding: 30px 20px;
    background: rgba(255, 255, 255, .8);
    border-radius: 30px;
}

@media screen and (min-width: 1200px) {
    .iksActivitiesContainer {
        margin: 0 auto;
        padding: 40px 30px;
        border-radius: 50px;
    }
}

.iksActivitiesItemHeader {
    text-align: center;

    & h2 {
        margin-top: 20px;
        font-size: 2.25rem;
    }
    & div {
        font-size: 1.125rem;
        font-weight: 500;
    }
}

    /* 知る・広める */
    .iksActivitiesFstContainer {
        background: rgba(255, 154, 154, .2);

        .iksActivitiesFstHeader {
            & h2 {
                color: rgb(253, 69, 69);
            }
            & div {
                color: rgb(217, 52, 9);
            }
        }
        .iksActivitiesItemFstTitle {
            color: rgb(253, 69, 69);
        }
    }
    .iksActivitiesSecContainer {
        background: rgba(250, 212, 131, .2);

        .iksActivitiesSecHeader {
            & h2 {
                color: rgb(255, 174, 0);
            }
            & div {
                color: rgb(233, 121, 9);
            }
        }
        .iksActivitiesItemSecTitle {
            color: rgb(255, 174, 0);
        }
    }
    .iksActivities3rdContainer {
        background: rgba(198, 172, 217, .2);

        .iksActivities3rdHeader {
            & h2 {
                color: rgb(146, 51, 215);
            }
            & div {
                color: rgb(75, 0, 127);
            }
        }
        .iksActivitiesItem3rdTitle {
            color: rgb(146, 51, 215);
        }
    }
    .iksActivities4thContainer {
        background: rgba(183, 213, 130, .2);

        .iksActivities4thHeader {
            & h2 {
                color: rgb(121, 190, 0);
            }
            & div {
                color: rgb(97, 130, 39);
            }
        }
        .iksActivitiesItem4thTitle{
            color: rgb(121, 190, 0);
        }
    }
    .iksActivities5thContainer {
        background: rgba(130, 170, 192, .2);

        .iksActivities5thHeader {
            & h2 {
                color: rgb(0, 121, 187);
            }
            & div {
                color: rgb(0, 81, 127);
            }
        }
        .iksActivitiesItem5thTitle {
            color: rgb(0, 121, 187);
        }
    }
    .iksActivities6thContainer {
        background: rgba(132, 196, 190, .2);

        .iksActivities6thHeader {
            & h2 {
                color: rgb(6, 178, 161);
            }
            & div {
                color: rgb(0, 127, 115);
            }
        }
        .iksActivitiesItem6thTitle {
            color: rgb(6, 178, 161);
        }
    }

/* 活動内容 */
.iksActivitiesItem {
    .iksActivitiesItemBody {
        padding: 30px;
        background-color: #fff;
        border-radius: 20px 20px 0 0;

        & h3 {
            font-size: 1.375rem;
            font-weight: 500;
        }
        & p {
            margin-bottom: 0;
        }
    }
    .iksActivitiesItemLink {
        border-top: 1px solid #e5e5e5;
        text-align: right;

        & a {
            display: block;
            padding: 20px 30px;
            background-color: rgb(255, 255, 255);
            border-radius: 0 0 20px 20px;
            i {
                margin-left: .2em;
                color: rgb(247, 194, 85);
                transition: .3s;
            }
        }
        & a:hover {
            background-color: rgba(255, 255, 255, .5);
            color: var(--primary-color);
            i {
                color: var(--primary-color);
            }
        }
    }
    .iksActivitiesItemNoLink {
        border-top: 1px solid #e5e5e5;
        text-align: right;

        & div {
            display: block;
            padding: 20px 30px;
            background-color: rgb(255, 255, 255);
            border-radius: 0 0 20px 20px;
        }
    }


}

/* 活動内容 4 つなぐ */
.iksActivitiesItemLinks {
    & ul {
        margin-bottom: 0;
    }

    .iksActivitiesItemLink {
        display: block;
        position: relative;
        height: 80px;
        padding: 0 50px 0 30px;
        background-color: #fff;
        border-radius: 20px;
        color: var(--primary-color);
        color: var(--primary-text-color);
        font-size: 1.125rem;
        line-height: 78px;
        transition: .3s;

        &:hover {
            background-color: rgba(255, 255, 255, .5);
            color: var(--primary-color);
        }
        &::before {
            position: absolute;
            font: var(--fa-font-regular);
            content: "\f30b";
            font-size: 1.25rem;
            font-weight: 900;
            top: 50%;
            right: 30px;
            padding-left: 14px;
            transform: translateY(-50%);
            color: rgb(247, 194, 85);
            transition: .3s;
        }
            &:hover::before {
                color: var(--primary-color);
            }
    }
    .iksActivitiesItemExternalLink {
        &::before {
            content: "\f35d";
        }
    }

}


/**************************************************
 *
 * お問い合わせ
 * Welfare activities
 *
 **************************************************/
.iksContactHeader {
    & h2 {
        color: var(--primary-color);
        font-size: 1.875rem;
        font-weight: 500;
        text-align: center;
    }
    & p {
        margin-bottom: 60px;
        font-siee: .875rem;
    }
}
.iksContactForm {
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}
    .iksContactFormItem {
        & label {
            color: var(--primary-color);
            font-size: 1rem;

            & span {
                display: block;
                color: var(--secondary-color);
                font-size: .8125rem;
                font-weight: 500;
            }
        }
        & input,  select {
            background-color: rgb(253, 250, 250);
            border-radius: 10px;
        }
        & textarea {
            padding: 20px;
            color: #333;
            background-color: rgb(253, 250, 250);
            border-radius: 10px;
            font-size: 1.25rem;
        }

        & input::placeholder, textarea::placeholder {
            color: #999;
            font-size: .8em;
        }
    }

/**
 * お問い合わせフォームのプライバシーポリシー
 */
.iksContactPrivacy {
    margin: 40px 0;

    & h3 {
        margin-bottom: 10px;
        color: var(--secondary-color);
        font-size: 1rem;
        font-weight: 500;
    }
    & p {
        margin-top: 10px;
        font-size: .9125rem;
    }
    .bpContactPrivacyList {
        padding: 15px;
        background: #f8f8f8;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        font-size: .875rem;

        & p {
            padding-left: 25px;
        }
    }
}
/**
 * 同意ボタン
 */
.iksContactAcceptance {
    height: 60px;
    margin-bottom: 30px;
    background-color: #f3f3f3;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    line-height: 60px;
    text-align: center;
}

/**
 * 送信ボタン
 */
.iksContactSubmit {
        width: 30%;
        margin: 0 auto;
        background-color: var(--primary-color) !important;
        border: 0 !important;
        border-radius: 5px;
        color: #fff;
        font-size: 1.125rem !important;
        font-weight: 500 !important;
        line-height: 50px !important;

        &:hover {
            border: 0;
        }
        &:disabled {
          background-color: #ccc !important;
          cursor: not-allowed;
        }
}

@media screen and (min-width: 960px) {
    .bpContactWrap {
        padding: 20px 30px 20px;
    }
}

/**
 * 電話、FAXでのお問い合わせ
 */
.iksContactItem {
    text-align: center;

    & p {
        margin: 0;
    }
    & p + div {
        margin: 5px;
        font-size: 1.25rem;
        font-weight: 500;
    }

    .iksContactNumber {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;

        & div:first-child {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 60px;
            width: 60px;
            background-color: var(--primary-color);
            border-radius: 30px;
        }
        & div:last-child {
            margin-top: -5px;
            color: var(--primary-color);
            font-size: 2.875rem;
            font-weight: 500;
            line-height: 60px;
        }
        & i {
            color: #fff;
            font-size: 30px;
        }
    }
}


/**************************************************
 *
 * 保険制度のご紹介
 * Insurance
 *
 **************************************************/
/* ヘッダー */
.iksInsuranceHeader {
    text-align:  center;

    & h1 {
        color: var(--insurance-color);
        font-size: clamp(1.5rem, 1.019rem + 2.41vw, 3.125rem)
    }
    & div {
        color: var(--insurance-color);
        font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
        line-height: 1.8;
    }
        & h1 + div {
            width: fit-content;
            height: 40px;
            margin: 0 auto 30px;
            padding: 0 30px;
            background-color: var(--insurance-color);
            border-radius: 30px;
            color: #fff;
            font-size: 1.125rem;
            line-height: 38px;
        }
    & p {
        font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
        line-height: 1.8;

        &:last-child {
            font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
        }
    }
}

/**
 *
 * 互助制度
 *
 */
.iksGojoContainer {
    padding-bottom: 60px;
    background-color: rgba(223, 236, 235, .75);

    .iksGojoHeader {
        margin-bottom: 60px;
        text-align: center;

        .iksGojoHeaderTitle {}
        & h2 {
            color: var(--insurance-color);
            font-size: clamp(1.5rem, 1.236rem + 1.127vw, 2.25rem);
            font-weight: 500;
            & span {
                display: block;
                font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
            }
        }
    }
    & div {}
    & p {
        font-size: clamp(0.938rem, 0.871rem + 0.282vw, 1.125rem);
    }
}

.iksGojoItem {
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    border-radius: 40px;
    text-align: center;
}
    .iksGojoItemHeader {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        margin: 0 40px;
        border-radius: 30px;

        & h3 {
            margin-bottom: 0;
            color: #fff;
            font-weight: 500;
        }
    }
    .iksGojoItemBody {
        padding: 30px;

        & h4 {
            margin: 20px;
            font-size: 1.5rem;
            font-weight: 500;
        }
        & div {}
        & ul {
            width: fit-content;
            margin: 0 auto;
            text-align: left;
        }
        & li {}
    }
    .iksGojoItemFooter {
        padding: 20px 30px;
        border-radius: 0 0 20px 20px;
        color: #333;
        font-size: .875rem;
        font-weight: 400;
    }

    .iksGojoHospital {
        .iksGojoHospitalHeader {
            background-color: rgb(249, 144, 185);
            font-size: 1.5rem;
        }
        .iksGojoItemFooter {
            background-color: rgb(255, 211, 229);
        }
    }
    .iksGojoDisability {
        .iksGojoDisabilityHeader {
            background-color: rgb(51, 111, 167);
            & h3 {
                font-size: 1.25rem;
                line-height: 1.2;
            }
        }
        .iksGojoItemFooter {
            background-color: rgb(193, 212, 228);
        }
    }

.iksGojoSubContainer {
    margin: 60px auto;
    width: fit-content;

    & div {
        margin-left: 1.2em;
        font-size: .875rem;
        text-align: right;
        & a {
            & i {
                color: var(--insurance-color);
                transition: .3s;
            }
            &:hover i {
                color: var(--primary-color);
            }
        }
    }
    .iksGojoSubTitle {
        color: var(--insurance-color);
        font-size: 1.5rem;
        font-weight: 500;
        text-align: center;
    }
    .iksGojoList {
        & li::first-letter {
            margin-right: .2em;
            color: var(--insurance-color);
        }
    }
}

.iksGojoDownloadButton {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px 15px 15px 80px;
    height: 90px;
    border: 1px solid var(--insurance-color);
    border-radius: 10px;
    color: var(--insurance-color);
    font-size: .9375rem;
    transition: .3s;

        &:hover {
            border-color: var(--insurance-color);
            color: var(--insurance-color);
        }

        &::before {
            position: absolute;
            font: var(--fa-font-regular);
            content: "\f1c1";
            font-size: 1.75rem;
            top: 50%;
            left: 20px;
            padding-right: 14px;
            border-right: 1px solid var(--insurance-color);
            transform: translateY(-50%);
        }
            &:hover::before {
                border-color: var(--insurance-color);
            }
}


/**
 *
 * 生活サポート総合補償制度
 *
 */
.iksHirosapoContainer {
    padding-bottom: 60px;
    background-color: rgba(237, 242, 217, .75);
 }

.iksHirosapoHeader {
    margin-bottom: 30px;
    text-align: center;

    & div {
        width: fit-content;
        height: 60px;
        margin: 0 auto ;
        padding: 0 60px;
        background: rgb(121, 181, 49);
        border-radius: 10px;
        color: #fff;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 58px;
    }
    & h2 {
        margin-top: 20px;
        margin-bottom: 30px;
        color: var(--hirosapo-color);
        font-size: 2.25rem;
        font-weight: 500;

        & span {
            display: block;
            font-size: 1.5rem;
        }
    }
    & p {
        font-size: 1.125rem;
    }
}

/**
 * こんなときにお役に立ちます
 */
.iksHirosapoBenefit {

    .iksHirosapoBenefitTitle {
        text-align: center;

        & h3 {
            margin-top: 0;
            color: rgb(242, 76, 65);
            font-size: 1.875rem;
            font-weight: 500;
        }
    }
    .iksHirosapoBenefitList {}
    .iksHirosapoBenefitListItem {
        margin-bottom: 20px;

        .iksHirosapoBenefitListOverlay {

            padding-left: 0;
            padding-top: 20px;
            padding-right: 0;
        }
        .iksHirosapoBenefitListHeader {
            text-align: center;

            & div {
                height: 40px;
                background: #ccc;
                border-radius: 20px;
                color: #fff;
                font-size: 1rem;
                font-weight: 500;
                line-height: 38px;
            }
            & h4 {
                margin-top: 10px;
                font-size: 1.875rem;
                font-weight: 500;

                & span {
                    display: block;
                    font-size: .875rem;
                    font-weight: 400;
                }
            }
        }
        .iksHirosapoBenefitListBody {
            & p {}
            & ul li {}
        }
    }
    /* 入院給付金 */
    .iksHirosapoBenefit01 {
        .iksHirosapoBenefitListHeader {
            & div { background: rgb(237, 118, 148);}
            & h4  { color: rgb(216, 79, 113);}
        }
    }
    /* ケガの補償 */
    .iksHirosapoBenefit02 {
        .iksHirosapoBenefitListHeader {
            & div { background: rgb(62, 169, 255);}
            & h4  { color: rgb(9, 144, 198);}
        }
    }
    /* ケガの補償 */
    .iksHirosapoBenefit03 {
        .iksHirosapoBenefitListHeader {
            & div { background: rgb(133, 193, 79);}
            & h4  { color: rgb(66, 150, 26);}
        }
    }
    /* ケガの補償 */
    .iksHirosapoBenefit04 {
        .iksHirosapoBenefitListHeader {
            & div { background: rgb(255, 186, 68);}
            & h4  {
                color: rgb(255, 161, 0);
                line-height: 1.2;
            }
        }
    }
    /* ケガの補償 */
    .iksHirosapoBenefit05 {
        .iksHirosapoBenefitListHeader {
            & div { background: rgb(255, 147, 133);}
            & h4  { color: rgb(253, 78, 69);}
        }
    }
    /* ケガの補償 */
    .iksHirosapoBenefit06 {
        .iksHirosapoBenefitListHeader {
            & div {
                background: rgb(107, 197, 177);
                font-size: .9375rem;
            }
            & h4  {
                color: rgb(60, 172, 157);
                line-height: 1.2;
            }
        }
    }
}

/**
 * よくあるご質問
 */
.iksHirosapoFaqContainer {
    padding: 60px 60px 30px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 30px;
}

    .iksHirosapoFaqTitle {
        text-align: center;
        color: rgb(71, 150, 253);
        & i {
            font-size: 60px;
        }
        & h3 {
            margin-top: 0;
            color: rgb(35, 119, 205);
            font-size: 1.875rem;
            font-weight: 500;
        }
    }
    .iksHirosapoFaqList {
        .iksHirosapoFaqListItem {
            margin-bottom: 30px;

            .iksHirosapoFaqQuestion,
            .iksHirosapoFaqAnswer {
                display: flex;
                align-items: center;
                gap: 20px;
                font-size: 1.125rem;
            }
                .iksHirosapoFaqQuestion {
                    font-weight: 500;
                }
        }
    }

/**
 * ご入会について - 全国知的障害児者生活サポート協会
 */
.iksHirosapoJoinContainer {
    margin-top: 60px;
}

    .iksHirosapoJoinTitle {
        margin-bottom: 40px;
        color: rgb(123, 167, 79);
        text-align: center;

        & i {
            font-size: 50px;
        }
        & h3 {
            margin-top: 0;
            color: rgb(123, 167, 79);
            font-size: 1.875rem;
            font-weight: 500;
        }
        & p {
            margin-top: 0;
            color: var(--primary-text-color);
            font-size: 1.125rem;
            font-weight: 400;
        }
    }

    /* 広島サポート協会 お問い合わせ先*/
    .iksHirosapoContact {
        margin: 60px 0;
        text-align: center;

        & h4 {
            height: 30px;
            width: fit-content;
            margin: 0 auto;
            padding: 0 30px;
            background-color: rgb(123, 167, 79);
            border-radius: 3px;
            color: #fff;
            font-size: 1.25rem;
            font-weight: 500;
            line-height: 30px;
        }
        & div {
            color: rgb(77, 36, 0);
            font-size: 1.5rem;
            font-weight: 500;
            span {
                font-size: 1.875rem;
            }
        }
        & div:last-child {
            font-size: 1rem;
        }
    }

    .iksAboutZensapo {
        max-width: 840px;
        margin: 0 auto 60px;
        padding: 30px;
        background-color: #fff;
        border-radius: 30px;

        & h3 {
            color: rgb(238, 112, 0);
            font-size: 1.25rem;
        }
        & p {}
        & a {
            display: block;
            position: relative;
            width: fit-content;
            margin: 0 auto;
            padding: 15px 60px 15px 30px;
            border: 1px solid rgb(238, 112, 0);
            border-radius: 30px;
            color: rgb(238, 112, 0);
            font-size: 1rem;
            transition: .3s;

                &:hover {
                    background: rgb(238, 112, 0);
                    color: #fff;
                }
                &::before {
                    position: absolute;
                    font: var(--fa-font-regular);
                    content: "\f35d";
                    font-size: 1.25rem;
                    top: 50%;
                    right: 20px;
                    padding-left: 14px;
                    transform: translateY(-50%);
                }
        }
    }


/**************************************************
 *
 * 広島県障害者福祉事業所協議会
 * Council
 *
 **************************************************/
/* ヘッダー */
.iksCouncilHeader {
    text-align:  center;

    & h1 {
        width: fit-content;
        height: 60px;
        margin: 0 auto 30px;
        padding: 0 60px;
        background-color: var(--council-secondary-color);
        border-radius: 30px;
        color: #fff;
        font-size: clamp(0.875rem, 0.655rem + 0.939vw, 1.5rem);
        font-weight: 500;
        line-height: 58px;
    }
    & div {
        color: var(--council-primary-color);
        font-size: clamp(1rem, 0.560rem + 1.878vw, 2.25rem);
    }
    & p {
        font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
        line-height: 1.8;

        &:last-child {
            font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
        }
    }
}

/* ヘッダー（セカンダリー） */
.iksCouncilSecondaryHeader {
    text-align:  center;

    & div {
        color: var(--council-primary-color);
        font-size: clamp(1rem, 0.912rem + 0.376vw, 1.25rem);
        font-weight: 500;
    }
    & div:last-child {
        margin-bottom: 30px;
    }
    & h2 {
        margin-top: 0;
        margin-bottom: 20px;
        color: var(--council-primary-color);
        font-size: clamp(1rem, 0.560rem + 1.878vw, 2.25rem);
        font-weight: 500;
    }
    & p {
        margin: 0 0 30px;
        color: var(--council-secondary-color);
        gfont-size: 1.125rem;
    }
}

/* フッター */
.iksCouncilFooter {
    margin-top: 60px;
    text-align:center;
}

/* ボタン */
.iksCouncilPrimaryButton {
    border-color: var(--council-secondary-color);
    color: var(--council-secondary-color);

    &:hover {
        background-color: var(--council-secondary-color);
        border-color: var(--council-secondary-color);
        color: #fff;
    }
}

/**
 * 広島県障害者福祉事業所協議会のおもな活動写真
 */
.iksCouncilActivityImageSection {
    padding-top: 0;
    padding-bottom: 0;
}
    .iksCouncilActivityImageContainer {}
        .iksCouncilActivitiesImage {
            img {
                border-radius: 20px;
            }
        }

/**
 * 広島県障害者福祉事業所協議会のおもな活動内容
 */
.iksCouncilActivities {
    & div:nth-child(odd) .iksCouncilActivitiesItem {
        background: rgb(0 81 127 / .65);
    }
    & div:nth-child(even) .iksCouncilActivitiesItem {
        background: rgb(0 81 127 / .80);
    }
    .iksCouncilActivitiesItem {
        position: relative;
        display: flow-root;
        border-radius: 20px;
        box-shadow: 0 5px 15px rgb(0 0 0 / .08);
        box-sizing: border-box;
        transition: box-shadow .1s ease-in-out;
        color: #fff;

        .iksCouncilActivitiesItemBody {
            padding: 40px 30px 20px;
            border-radius: 20px;
            text-align: center;
            & div {
                position: relative;
                & span {
                    position: absolute;
                    top: -10px;
                    left: calc(50% - 40px);
                    font-size: 1.25rem;
                    font-weight: 500;
                }
                & i {
                    font-size: 30px;
                }
            }
            & h2 {
                margin: 20px 0;
                color: #fff;
                font-size: 1.25rem;
                font-weight: 500;
            }
            & p {
                margin-top: 0;
                font-size: .9375rem;
                font-weigth: 300;
                text-align: left;
            }
        }
        .iksCouncilActivitiesItemFooter {
            & a {
                padding: 20px 30px;
                display: block;
                background: rgb(255 255 255 / .3);
                border-radius:  0 0 20px 20px;
                color: #fff;
                font-size: .9375rem;
                text-align: right;

                &:hover {
                    background: rgb(255 255 255 / .7);
                    color: var(--council-secondary-color);
                }
            }
            & i {
                margin-left:.2em;
                font-size: 1rem;
            }
        }
    }
}

/**
 * 広島県障害者福祉事業所協議会の活動報告
 */
.iksCouncilIndexReportSection {}
    .iksCouncilIndexReportContainer {
    }
    .iksCouncilIndexReport {
        padding: 40px 40px;
        background: rgb(130 170 192 / .2);
        border-radius: 50px;
    }

    .iksCouncilIndexReportList {}

    .iksCouncilIndexReportListItem {
        padding: 30px 30px;
        border-radius: 30px;

        .iksCouncilIndexReportListImage {
            & img {
                border-radius: 15px;
            }
        }
        .iksCouncilIndexReportListBody {
            margin-top: 10px;

            & time {
                font-size: 1em;
                font-weight: 500;
            }
            & h3 {
                margin-top: 10px;
                margin-bottom: 0;
                font-size: 1.0625rem;
                font-weight: 500;
            }
        }
        .iksCouncilIndexReportListFooter {
            margin-top: 20px;
            text-align: center;
            & a {
                width: fit-content;
                padding: 2px 25px;
                border: 1px solid var(--council-secondary-color);
                border-radius: 15px;
                color: var(--council-secondary-color);
                font-size: .875rem;
                line-height: 25px;

                &:hover {
                    background-color: var(--council-secondary-color);
                    border-color: var(--council-secondary-color);
                    color: #fff;
                }
            }
        }
    }

/**
 * 広島県障害者福祉事業所協議会　参加事業所
 */
.iksCouncilFacilitiesSection {
    margin-bottom: -100px;
    padding-bottom: 200px;
    background: linear-gradient(to bottom, rgb(255 255 255 / 1) 0%, rgba(230 236 244 / 1) 100%);
}
.iksCouncilFacilitiesContainer {}
.iksCouncilFacilities {}

.iksCouncilFacilitiesList {
    .iksCouncilFacilitiesItem {
        .iksCouncilFacilitiesListImage {
            margin-bottom: 15px;
            & img {
                border-radius: 15px;
            }
        }
        .iksCouncilFacilitiesListBody {
            color: var(--council-primary-color);
            .iksCouncilFacilitiesName {
                margin-bottom: 15px;
                color: var(--council-primary-color);
                font-size: 1.125rem;
                font-weight: 500;
            }
            .iksCouncilFacilitiesParent {
                float: right;
                width: 80%;
                margin-bottom: 15px;
                padding-top: 5px;
                padding-bottom: 5px;
                background-color: var(--council-primary-color);
                border-radius: 30px;
                color: #fff;
                font-size: .75rem;
                text-align: center;
            }
            .iksCouncilFacilitiesAddress {
                clear: right;
                & span {
                    font-size: .75rem;
                }
                & i {
                    font-size: 1.125rem;
                }
            }
            .iksCouncilFacilitiesTel {
                font-size: 1.125rem;
                & i {}
            }
        }
        .iksCouncilFacilitiesListFooter {
            margin-top: 20px;
            & ul {
                gap: 0px;
                justify-content: flex-end;
            }
            & li {
                margin-top: 0 !important;

                & a {
                    color: var(--council-primary-color);

                    &:hover {
                        opacity: .9;
                        scale: 1.05;
                    }
                }
            }
        }
    }
}

/* 全国手をつなぐ事業所協議会 */
.zenteJigyosyo {
    margin: 80px;
    color: var(--council-primary-color);
    text-align:center;

    & h2 {
        color: var(--council-primary-color);
        font-size: 1.5rem;
        font-weight: 500;
    }

    .zenteJigyosyoLink {
        margin: 0 auto;
        width: 400px;

        .zenteJigyosyoLinkButton {
            border: 1px solid var(--council-primary-color);
            border-radius: 40px;
            line-height: 1.3;
            color: var(--council-secondary-color);
            span {
                dispaly: block;
                font-size: .75rem;
            }

            &:hover {
                background-color: var(--council-secondary-color);
                color: #fff;
            }

        }
    }
}


/**************************************************
 *
 * 広島県障害者福祉事業所協議会　活動報告
 * Council Report
 *
 **************************************************/
.iksCouncilReportHeader {
    color: var(--council-primary-color);
    .iksCouncilReportSubtitle {
        width: fit-content;
        height: 60px;
        margin-bottom: 30px;
        padding: 0 60px;
        background-color: var(--council-secondary-color);
        border-radius: 30px;
        color: #fff;
        font-size: clamp(0.875rem, 0.655rem + 0.939vw, 1.5rem);
        font-weight: 500;
        line-height: 58px;
    }
    & h1 {
        color: var(--council-primary-color);
        font-size: clamp(1.25rem, 0.590rem + 2.817vw, 3.125rem);
        font-weight: 500;
    }
    & p {
        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
    }
}

/* 活動報告 */
.iksCouncilReportSection {
    z-index: -1;
    margin-bottom: -100px;
    padding-top: 0;
    padding-bottom: 200px;
    background: linear-gradient(to bottom, transparent 0%, rgba(230 236 244 / 1) 100%);
}
    .iksCouncilReportContainer {
    }
        .iksCouncilReport {}
        .iksCouncilReportList {

            .iksCouncilReportListItem {
                border-radius: 30px;

                & a {
                    & img {
                        transition: .5s;
                    }
                    &:hover, &:hover h3  {
                        color: var(--council-secondary-color) !important;
                    }
                    &:hover img {
                        scale: 1.05;
                    }
                }

                .iksCouncilReportListImage {
                    border-radius: 30px 30px 0 0;
                    overflow: hidden;
                    & img {
                        border-radius: 30px 30px 0 0;
                    }
                }
                .iksCouncilReportListBody {
                    padding: 10px 30px 0;
                    border-top: 4px solid var(--council-primary-color);
                    & time {
                        font-size: 1em;
                        font-weight: 500;
                    }
                    & h3 {
                        margin-top: 10px;
                        margin-bottom: 0;
                        font-size: 1.0625rem;
                        font-weight: 500;
                    }
                }
                .iksCouncilReportListFooter {
                    padding: 15px 30px 30px;
                    text-align: right;

                    & span {
                        width: fit-content;
                        padding: 2px 25px;
                        border: 1px solid var(--council-secondary-color);
                        border-radius: 15px;
                        color: var(--council-secondary-color);
                        font-size: .8125rem;
                    }
                }
            }
        }

    /**
     * ページネーション 上書き
     * iksPagination
     */
    .iksPaginationContainer {}
    .iksCouncilReportListPagination {
        & > * a {
            border: 1px solid var(--council-primary-color) !important;
            color: var(--council-primary-color) !important;

            &:hover {
                background: var(--council-primary-color) !important;
                border-color: var(--council-primary-color) !important;
                color: #eee !important;
            }
        }

        .iksPaginationCurrent span {
            background: var(--council-secondary-color) !important;
        }
    }


/**************************************************
 *
 * あいサポート運動　あび隊
 * Ai support
 *
 **************************************************/
.iksCaravanHeader {
    color: var(--caravan-primary-color);
    text-align: center;
    font-weight: 500;

    & h1 {
        width: fit-content;
        height: 60px;
        margin: 0 auto 10px;
        padding: 0 60px;
        background-color: var(--caravan-secondary-color);
        border-radius: 30px;
        color: #fff;
        font-size: clamp(0.875rem, 0.655rem + 0.939vw, 1.5rem);
        font-weight: 500;
        line-height: 58px;
    }

    .iksCaravanHeaderSubtitle {
        font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
    }
    .iksCaravanHeaderTitle {
        margin: 20px 0;
        font-size: clamp(1.25rem, 0.590rem + 2.817vw, 3.125rem);
        font-weight: 600;
    }
    .iksCaravanHeaderCatch {
        font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
        line-height: 1.3;
    }
    .iksCaravanHeaderLead {
        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
    }
}

/* ヘッダー（セカンダリー） */
.iksCaravanSecondaryHeader {
    text-align:  center;

    & div {
        color: var(--caravan-primary-color);
        font-size: clamp(1rem, 0.912rem + 0.376vw, 1.25rem);
        font-weight: 500;
    }
    & div:last-child {
        margin-bottom: 30px;
    }
    & h2 {
        margin-top: 0;
        margin-bottom: 20px;
        color: var(--caravan-primary-color);
        font-size: clamp(1rem, 0.560rem + 1.878vw, 2.25rem);
        font-weight: 500;
    }
    & p {
        margin: 0 0 30px;
        color: var(--caravan-secondary-color);
        gfont-size: 1.125rem;
    }
}

/**
 * キャラバン隊
 */
.iksCaravanCaravanSection {
    padding-top: 0;
}
    .iksCaravanCaravanContainer {
        padding: 60px;
        background: rgb(156 110 45 / .12);
        border-radius: 60px;
    }

    /* キャラバン隊 */
    .iksCaravanCaravan {}

        /* ヘッダー */
        .iksCaravanCaravanListHeader {
            margin-bottom: 40px;
            color: var(--caravan-caravan-color);
            text-align: center;
            & h2 {
                color: var(--caravan-caravan-color);
                font-size: clamp(1rem, 0.692rem + 1.315vw, 1.875rem);
                font-weight: 600;
            }
            & p {
                font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
                font-weight: 500;
            }
        }
        /* キャラバン隊の詳細 */
        .iksCaravanCaravanList {
            margin-bottom: 60px;
        }
        .iksCaravanCaravanDetail {
            text-align: center;
            .iksCaravanCaravanImage {
                img {
                    border-radius: 20px;
                }
            }
            .iksCaravanCaravanName {
                margin: 10px 0 0;
                color: var(--caravan-caravan-color);
                font-weight: 600;
                svg {
                    margin-top: -15px;
                }
            }
            .iksCaravanCaravanDivider {
                margin: 0 0 10px;
                svg {
                    width: 100%;
                }
            }
            .iksCaravanCaravanContact {
                color: var(--caravan-caravan-color);
                font-weight: 600;
                line-height: 1.2;
                .iksCaravanCaravanContactTitle {
                    margin: 0 auto 10px;
                    padding-left: 20px;
                    padding-right: 20px;
                    width: fit-content;
                    background: var(--caravan-caravan-color);
                    border-radius: 20px;
                    color: #fff;
                    font-size: .875rem;
                    line-height: 30px;
                }
                .iksCaravanCaravanParent {
                    font-size: .9375rem;
                }
                .iksCaravanCaravanTel {
                    font-size: 1.875rem;
                }
            }
        }

    /* キャラバン隊実績 */
    .iksAisuportTrackRecord {
        width: 600px;
        margin: 0 auto 20px;
        padding: 15px 15px;
        background: rgb(0 0 0 / .08);
        border-radius: 20px;
    }
        .iksAisuportTrackRecordNumbers {
            margin-bottom: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            color: var(--caravan-caravan-color);
            font-size: .875rem;
            font-weight: 500;
            text-align: center;

            & i {
                margin-right: 10px;
                font-size: 1.25rem;
            }
            & div span {
                display: inline-block;
                font-size: 1.75rem;
                white-space: nowrap;
            }
        }

@media screen and (min-width: 640px) {
    /* キャラバン隊実績 */
    .iksAisuportTrackRecord {}
        .iksAisuportTrackRecordNumbers {
            justify-content: center;
            align-items: center;
            gap: 0;
            font-size: 1.125rem;
            & i {
                font-size: 1.75rem;
            }
            & div span {
                margin-left: 10px;
                font-size: 2rem;
            }
        }
}
@media screen and (min-width: 1200px) {
    /* キャラバン隊実績 */
    .iksAisuportTrackRecord {}
        .iksAisuportTrackRecordNumbers {
            flex-direction: row;
            justify-content: center;
            align-items: baseline;
            gap: 10px;
            text-align: right;
            i {}
            div span {
                display: inline-block;
            }
        }
}

/**
 *  出前講座　対象者・時間
 */
.iksCaravanCaravanInfoSection {}
    .iksCaravanCaravanInfoContainer {
        max-width: 1100px;
    }
        .iksCaravanCaravanInfo {
            .iksCommonCircle {
                background: var(--caravan-primary-color);
            }
            .iksCommonCircleTitle {
                font-size: 1.25rem;
            }
        }

        .iksCaravanCaravanTarget {
            dt {
                width: fit-content;
                height: 30px;
                margin-bottom: 15px;
                padding: 0 30px;
                background: var(--caravan-secondary-color);
                border-radius: 15px;
                color: #fff;
                line-height: 30px;
            }
            dd {
                margin-bottom: 15px;
            }
        }
        .iksCaravanCaravanTimetable {
            font-size: 1.125rem;
            span {
                font-size: 2rem;
                font-weight: 500;
            }
        }

/**
 * 出前講座 プログラム
 */
.iksCaravanProgramSection {}
    .iksCaravanProgramContainer {}
        .iksCaravanProgramTitle {
            .iksCommonCircle {
                width: 90px;
                background: var(--caravan-secondary-color);
            }
            .iksCommonCircleTitle {
                font-size: 1.125rem;
            }
            & h3 {
                color: var(--caravan-secondary-color);
                font-weight: 500;
                & span {
                    letter-spacing: -2px;
                }
            }
        }
        .iksCaravanProgram {
            margin-top: 10px !important;
        }
            .iksCaravanProgramOutline {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid var(--caravan-secondary-color);
            }

/**
 * あいサポート運動 お知らせ
 */
.iksCaravanIndexNewsSection {
}
    .iksCaravanIndexNewsContainer {
        padding: 60px 60px 30px;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 50px;
    }

    .iksCaravanIndexNewsListLink {
        width: fit-content;
        margin: 30px auto 0;

        .iksPrimaryButton {
            border-color:  var(--caravan-caravan-color);
            color: var(--caravan-caravan-color);

            &:hover {
                background-color: var(--caravan-caravan-color);
                color: #fff;
            }
        }
    }

    .iksCaravanIndexNewsHeader {
        & h2 {
            color: var(--caravan-caravan-color);
            font-weight: 500;
            & i {
                color: rgb(246 186 90);
                transform: rotate(-15deg);
            }
        }
    }

    .iksCaravanIndexNewsList {
        .iksCaravanIndexNewsDate {}
        .iksCaravanIndexNewsTitle {
            position: relative;
            &::after {
                position: absolute;
                font-family: "Font Awesome 7 Free";
                content:'\f35a';
                top: -5px;
                right: 0;
                color: var(--primary-text-color);
                font-weight: 400;
                font-size: 1.5rem;
                transition: .3s;
            }
        }

        & a {
            display: block;
            padding: 30px;
            font-size: 1.125rem;

            .iksCaravanIndexNewsDate {
                color: var(--caravan-caravan-color);
            }

            &:hover .iksCaravanIndexNewsTitle:hover::after {
                color: var(--primary-color);
            }
        }
    }

/**
 * あいサポート運動 活動報告
 */
.iksCaravanIndexReportSection {}
    .iksCaravanIndexReportContainer {
        padding: 60px 60px 30px;
        background: rgb(248 243 221);
        border-radius: 50px;
    }
    .iksCaravanIndexReportList {

        & a {
            &:hover {
                color: var(--caravan-primary-color);
                & h3 {
                    color: var(--caravan-primary-color);
                }
                & time {
                    color: var(--caravan-primary-color) !important;
                }
                & img {
                    scale: 1.05;
                }
            }
        }

        .iksCaravanIndexReportListItem {
            .iksCaravanIndexReportListImage {
                overflow: hidden;
                border-radius: 10px;
                & img {
                    transition: .3s;
                }
            }

            .iksCaravanIndexReportListBody {

                & div {
                    height: 30px;
                    margin: 10px 0;
                    background: var(--caravan-primary-color);
                    border-radius: 15px;
                    color: #fff;
                    font-weight: 500;
                    text-align: center;
                    line-height: 30px;
                }
                & time {
                    margin: 10px 0;
                    color: rgb(102 102 102);
                    font-size: 1.125rem;
                    font-weight: 500;
                }
                & h3 {
                    transition: .3s;
                    margin: 10px 0 0;
                    font-size: 1.0625rem;
                }
            }
        }
    }

    .iksCaravanLabelAbi {
        background: var(--caravan-abi-color) !important;
    }
    .iksCaravanLabelKurepokopoko {
        background: var(--caravan-kure-color) !important;
    }
    .iksCaravanLabelBingo {
        background: var(--caravan-bingo-color) !important;
    }

    .iksCaravanIndexReportListLink {
        width: fit-content;
        margin: 30px auto 0;

        .iksPrimaryButton {
            background-color: transparent;
            border-color:  var(--caravan-primary-color);
            color: var(--caravan-primary-color);

            &:hover {
                background-color: var(--caravan-primary-color);
                color: #fff;
            }
        }
    }

/**
 * あいサポートプロジェクト
 */
.iksCaravanProjectSection {
    padding-bottom: 140px;
}
    .iksCaravanProjectContainer {}
    .iksCaravanProjectHeader {
        margin-bottom: 60px;
        text-align: center;
        & h2 {
            color: var(--caravan-project-color);
            font-weight: 500;
        }
        & div {
            & img {}
        }
        & p {
            color: var(--caravan-primary-color);
            font-size: 1.0625rem;
        }
    }

    /* 広島県 */
    .iksCaravanPrefectural {
        color: var(--caravan-prefectural-color);
        & h3 {
            color: var(--caravan-prefectural-color);
        }
        & a {
            color: var(--caravan-prefectural-color);
            border: 1px solid  var(--caravan-prefectural-color);
            &:hover {
                background-color: var(--caravan-prefectural-color);
                color: #fff;
            }
            &::before {
                color: var(--caravan-prefectural-color);
            }
                &:hover::before {
                    color: #fff;
                }
        }
    }

    /* 推進事業 */
    .iksCaravanPromoter {
        color: var(--caravan-project-color);

        & h3 {
            color: var(--caravan-project-color);
        }
        & a {
            color: var(--caravan-project-color);
            border: 1px solid  var(--caravan-project-color);

            &:hover {
                background-color: var(--caravan-project-color);
                color: #fff;
            }
            &::before {
                color: var(--caravan-project-color);
            }
                &:hover::before {
                    color: #fff;
                }
        }
    }

    /* あいサポートプロジェクト 事業者 */
    .iksCaravanProjectManager {
        & div {
            font-size: 1.125rem;
            font-weight: 500;
        }
        & h3 {
            margin: 0;
            font-size: 1.5rem;
            font-weight: 500;
        }
        & p {
            font-size: 1rem;
        }
    }

    /* あいサポートプロジェクト 事業者へのリンク */
    .iksCaravanProjectLink {
        display: block;
        position: relative;
        height: 60px;
        padding: 0 50px 0 30px;
        background-color: #fff;
        border-radius: 30px;
        font-size: 1rem;
        line-height: 60px;
        transition: .3s;

        &:hover {
            background-color: rgba(255, 255, 255, .5);
            color: var(--primary-color);
        }
        &::before {
            position: absolute;
            font: var(--fa-font-regular);
            content: "\f30b";
            font-size: 1.25rem;
            top: 50%;
            right: 30px;
            padding-left: 14px;
            transform: translateY(-50%);
            color: rgb(247, 194, 85);
            transition: .3s;
        }
            &:hover::before {
                color: var(--primary-color);
            }
    }


/**************************************************
 *
 * あいサポート運動　活動報告
 * Caravan Report
 *
 **************************************************/
.iksCaravanReportHeader {
    color: var(--caravan-primary-color);
    .iksCaravanReportSubtitle {
        width: fit-content;
        height: 60px;
        margin-bottom: 30px;
        padding: 0 60px;
        background-color: var(--caravan-secondary-color);
        border-radius: 30px;
        color: #fff;
        font-size: clamp(0.875rem, 0.655rem + 0.939vw, 1.5rem);
        font-weight: 500;
        line-height: 58px;
    }
    & h1 {
        color: var(--caravan-primary-color);
        font-size: clamp(1.25rem, 0.590rem + 2.817vw, 3.125rem);
        font-weight: 500;
    }
    & p {
        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
    }
}

/* 活動報告 */
.iksCaravanReportSection {
    z-index: -1;
    margin-bottom: -100px;
    padding-top: 0;
    padding-bottom: 200px;
}
    .iksCaravanReportContainer {
    }
        /* キャラバン隊ナビ */
        .iksCaravanReportNav {
            margin-bottom: 70px;

            & a {
                display: block;
                margin: 0;
                padding: 0 30px !important;
                border-radius: 30px;
                color: #fff !important;
                font-size: 1rem;
                font-weight: 500;
                text-align: center;
                line-height: 54px;
                transition: .3s !important;
                }
        }

            a.iksCaravanReportNavAll   {
                color: #222 !important;
                background: rgb(255 255 255 / .5) !important;
            }
            a.iksCaravanReportNavAbi   { background: var(--caravan-abi-color) !important; }
            a.iksCaravanReportNavKure  { background: var(--caravan-kure-color) !important; }
            a.iksCaravanReportNavBingo { background: var(--caravan-bingo-color) !important; }

            a.iksCaravanReportNavAll:hover   { background: rgb(255 255 255 / 1) !important;}
            a.iksCaravanReportNavAbi:hover   { background: rgb(82 56 0) !important; }
            a.iksCaravanReportNavKure:hover  { background: rgb(225 179 0) !important; }
            a.iksCaravanReportNavBingo:hover { background: rgb(227 136 0) !important; }

            /* overwrite */
            .uk-subnav-pill > .uk-active > a.iksCaravanReportNavAll,
            .uk-subnav-pill > .uk-active > a.iksCaravanReportNavAbi,
            .uk-subnav-pill > .uk-active > a.iksCaravanReportNavKure,
            .uk-subnav-pill > .uk-active > a.iksCaravanReportNavBingo
             {
                /*background-color: var(--caravan-primary-color);*/
                background-color: rgb(255 255 255 / .6) !important;
                border: 1px solid var(--caravan-primary-color);
                color: var(--caravan-primary-color) !important;
            }

        .iksCaravanReport {}
        .iksCaravanReportList {
            .iksCaravanReportListItem {
                padding: 15px;
                border-radius: 30px;

                & a {
                    & img {
                        transition: .5s;
                    }
                    &:hover, &:hover h3  {
                        color: var(--caravan-primary-color) !important;
                    }
                    &:hover img {
                        scale: 1.05;
                    }
                }

                .iksCaravanReportListImage {
                    border-radius: 20px;
                    overflow: hidden;
                    & img {
                        border-radius: 20px;
                    }
                }
                .iksCaravanReportListBody {
                    padding: 10px 0;

                    & div {
                        height: 30px;
                        margin-bottom: 20px;
                        background: #ccc;
                        border-radius: 15px;
                        color: #fff;
                        font-size: .9375rem;
                        text-align: center;
                        line-height: 30px;
                    }

                    & time {
                        font-size: 1em;
                        font-weight: 500;
                    }
                    & h3 {
                        margin-top: 10px;
                        margin-bottom: 0;
                        font-size: 1.0625rem;
                        font-weight: 500;
                    }
                }
                .iksCaravanReportListFooter {
                    padding: 20px 0px 20px;
                    font-size: .9375rem;
                    text-align: right;
                    & i {
                        vertical-align: -5px;
                    }
                }
            }
        }

    .iksCaravanReportCaravanAbi   { background: var(--caravan-abi-color) !important; }
    .iksCaravanReportCaravanKure  { background: var(--caravan-kure-color) !important; }
    .iksCaravanReportCaravanBingo { background: var(--caravan-bingo-color) !important; }

    /**
     * ページネーション 上書き
     * iksPagination
     */
    .iksPaginationContainer {}
    .iksCaravanReportListPagination {
        & > * a {
            border: 1px solid var(--caravan-primary-color) !important;
            color: var(--caravan-primary-color) !important;

            &:hover {
                background: var(--caravan-primary-color) !important;
                border-color: var(--caravan-primary-color) !important;
                color: #eee !important;
            }
        }

        .iksPaginationCurrent span {
            background: var(--caravan-secondary-color) !important;
        }
    }


/**************************************************
 *
 * はつらつ友の会 本人活動代表者委員会
 * Hatsuratsu
 *
 **************************************************/
.iksHatsuratsuHeader {
    .iksHatsuratsuHeaderLabel {
        width: fit-content;
        height: 65px;
        margin-bottom: 30px;
        padding: 0 60px;
        background-color: var(--hatsuratsu-primary-color);
        border-radius: 40px;
        color: #fff;
        font-size: clamp(0.875rem, 0.655rem + 0.939vw, 1.5rem);
        font-weight: 500;
        line-height: 75px;
    }
    & h1 {
        color: var(--hatsuratsu-primary-color);
        font-size: clamp(1.375rem, 0.627rem + 3.192vw, 3.5rem);
        font-weight: 600;
        line-height: 1.5;
    }
    & p {
        color: var(--hatsuratsu-primary-color);
        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
        font-weight: 500;
    }
}

/**
 * ふりがなの指定
 */
/*
ruby {
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: center;
    vertical-align: baseline;
    line-height: 1;
    position: relative;
    top: -.75em;
}
rt {
    display: block;
    font-size: 0.45em;
    height: 0;
    line-height: 0;
    transform: translateY(-.6em);
    white-space: nowrap;
}
*/

.iksHatsuratsuHeaderImage {
    & img {
        filter: drop-shadow(0px 10px 20px rgb(75 0 127 / .5));
    }
}

/* ヘッダー（セカンダリー） */
.iksHatsuratsuSecondaryHeader {
    & div {
        text-align:  center;
    }
    & h2 {
        margin-top: 0;
        margin-bottom: 10px;
        color: var(--hatsuratsu-primary-color);
        font-size: clamp(1rem, 0.560rem + 1.878vw, 2.25rem);
        font-weight: 500;
        text-align:  center;
    }
    & p {
        margin: 0 0 30px;
        font-size: 1.125rem;
        text-align: center;
    }
    .iksHatsuratsuSecondaryLead {
        margin: 0 0 10px;
        color: rgb(102 0 89);
        font-size: 1.25rem;
        font-weight: 500;
    }

    .iksHatsuratsuTitleColorOdd  { color: var(--hatsuratsu-primary-color); }
    .iksHatsuratsuTitleColorEven { color: var(--hatsuratsu-secondary-color); }
}

/**
 * はつらつ友の会　お知らせ
 */
.iksHatsuratsuIndexNewsSection {
}
    .iksHatsuratsuIndexNewsContainer {
        padding: 60px 60px 30px;
        background: rgb(255 255 255 / .2);
        border: 1px solid #e5e5e5;
        border-radius: 50px;

        .uk-list-striped > :nth-of-type(odd) {
            background: rgb(248 248 248 / .5);
        }
    }

    .iksHatsuratsuIndexNewsListLink {
        width: fit-content;
        margin: 30px auto 0;

        .iksPrimaryButton {
            background-color: var(--hatsuratsu-news-color);
            border-color:  var(--hatsuratsu-news-color);
            color: #fff;

            &:hover {
                background-color: var(--hatsuratsu-primary-color);
                border-color:  var(--hatsuratsu-primary-color);
            }
        }
    }

    .iksHatsuratsuIndexNewsHeader {
        & h2 {
            color: var(--hatsuratsu-caravan-color);
            font-weight: 500;
            & i {
                color: var(--hatsuratsu-news-color);
                transform: rotate(-15deg);
            }
        }
    }

    .iksHatsuratsuIndexNewsList {
        .iksHatsuratsuIndexNewsDate {}
        .iksHatsuratsuIndexNewsTitle {
            position: relative;
            &::after {
                position: absolute;
                font-family: "Font Awesome 7 Free";
                content:'\f35a';
                top: -5px;
                right: -30px;
                color: var(--primary-text-color);
                font-weight: 400;
                font-size: 1.5rem;
                transition: .3s;
            }
        }

        & a {
            display: block;
            padding: 30px 50px 30px 30px;
            font-size: 1.125rem;

            .iksHatsuratsuIndexNewsDate {
                color: var(--hatsuratsu-primary-color);
            }

            &:hover .iksHatsuratsuIndexNewsTitle:hover::after {
                color: var(--primary-color);
            }
        }
    }

/**
 * はつらつ友の会　本人活動の意味
 */
.iksHatsuratsuMeaningSection {
}
    .iksHatsuratsuMeaningContainer {
        position: relative;
        padding-top: 0;
        &::after {
            width: 100%;
            height: calc(100% - 240px);
            content: '';
            position: absolute;
            top: 120px;
            right: 0;
            border-radius: 50px;
            background: rgb(198 172 217 / .2);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
            z-index: -1;
        }
        .iksHatsuratsuMeaningCopy {
            color: var(--hatsuratsu-primary-color);
            text-align: left;
        }
    }

/**
 * はつらつ友の会　活動内容
 */
.iksHatsuratsuActivitySection {}
    .iksHatsuratsuActivityContainer {}
        .iksHatsuratsuActivityList {
            margin-top: 30px;
        }
            .iksHatsuratsuActivityListItem {
                .iksHatsuratsuActivityImage {
                    img {
                        border-radius: 20px;
                    }
                }
                .iksHatsuratsuActivityBody {
                    h3 {
                        margin-top: 10px;
                        border-bottom: 1px solid var(--hatsuratsu-primary-color);
                        color: var(--hatsuratsu-primary-color);
                        font-size: clamp(1.125rem, 0.993rem + 0.563vw, 1.5rem);
                        font-weight: 500;
                        text-align: center;
                    }
                    p {
                        font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
                    }
                }
            }
            .iksHatsuratsuActivityListItemOneOff {
                max-width: 700px;
                margin: 0 auto;
            }

/**
 * はつらつ友の会　支援について
 */
.iksHatsuratsuAboutSupportSection {
    padding-top: 0;
}
    .iksHatsuratsuAboutSupportContainer {}
    .iksHatsuratDownload {
        max-width: 700px;
        margin: 0 auto;
    }
    .iksHatsuratsuDownloadButton {
        display: flex;
        align-items: flex-end;
        position: relative;
        padding: 15px 15px 15px 80px;
        padding-bottom: 30px;
        height: 90px;
        border: 1px solid var(--hatsuratsu-primary-color);
        border-radius: 10px;
        color: var(--hatsuratsu-primary-color);
        font-size: .9375rem;
        transition: .3s;

            &:hover {
                background-color: var(--hatsuratsu-primary-color);
                border-color: var(--hatsuratsu-primary-color);
                color: #fff;
            }

            &::before {
                position: absolute;
                font: var(--fa-font-regular);
                content: "\f1c1";
                font-size: 1.75rem;
                top: 50%;
                left: 20px;
                padding-right: 14px;
                border-right: 1px solid var(--hatsuratsu-primary-color);
                transform: translateY(-50%);
                transition: .3s;
            }
                &:hover::before {
                    border-color: var(--hatsuratsu-primary-color);
                    border-color: #fff;
                }
    }


/* はつらつ ボランティア */
.iksHatsuratsuVolunteer {
    margin-top: 30px;
    text-align: center;
    & h3 {
        position: relative;
        margin-top: 0;
        font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);

        &::before {
            content: '';
            width: 320px;
            height: 1px;
            display: inline-block;
            background-color: #999;
            position: absolute;
            bottom: -3px;
            left: calc(50% - 160px)
        }
    }
    .iksHatsuratsuVolunteerContact {
        gap: 30px;

        .iksHatsuratsuVolunteerTel {
            font-size: 2.25rem;
            line-height: 1;
        }
        .iksHatsuratsuVolunteerFax {
            font-size: 1.875rem;
            line-height: 1;
        }
        .iksHatsuratsuVolunteerTel i,
        .iksHatsuratsuVolunteerFax i {
            margin-right: .5em;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            flex-flow: column;
            vertical-align: top;
            font-size: 1.25rem;
            width: 40px;
            height: 40px;
            color: #fff !important;
            background-color: var(--hatsuratsu-primary-color) !important;
        }
        .iksHatsuratsuVolunteerFax i {
            font-size: 1rem;
            width: 30px;
            height: 30px;
        }
    }
}


/**************************************************
 *
 * はつらつ友の会について
 * Hatsuratsu About
 *
 **************************************************/
/**
 * 会長のことば
 */
.iksHatsuratsuGreeting {
    margin-top: 40px;
    .iksHatsuratsuGreetingTitle {
        margin-bottom: 10px;
        color: var(--hatsuratsu-primary-color);
        font-size: 1.25rem;
        font-weight: 500;
    }
    .iksHatsuratsuGreetingPdf {
            & a {
                font-size: 1rem;
            }
        }
}

/**
 * はつらつ友の会について　年間活動プラン
 */
.iksHatsuratsuAnnualPlanSection {
    padding-top: 0;
}
    .iksHatsuratsuAnnualPlanContainer {}
        .iksHatsuratsuAnnualPlanHeader {

            .iksHatsuratsuAnnualPlanHeaderTitle {
                div {
                    color: var(--hatsuratsu-primary-color);
                    font-size: clamp(0.875rem, 0.655rem + 0.939vw, 1.5rem);
                    font-weight: 600;
                    span {
                        font-size: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
                    }
                }

                & h3 {
                    margin: 0;
                    color: var(--hatsuratsu-primary-color);
                    font-size: clamp(1.125rem, 0.729rem + 1.69vw, 2.25rem);
                    font-weight: 600;
                }
            }
        }

        .iksHatsuratsuAnnualCalender {
            margin-top: 30px;
            margin-bottom: 60px;

            .iksHatsuratsuAnnualCalenderTable {
                border-collapse: separate;
                border-spacing: 0px;
                border-radius: 20px;
                border: 1px solid rgb(87 8 136 / .5);

                & th, td {
                    padding-left: 20px !important;
                    padding-right: 20px !important;
                    border: 0px solid var(--hatsuratsu-primary-color);
                    color: var(--hatsuratsu-primary-color);
                    font-weight: 500;
                }

                & thead th {
                    background: rgb(87 0 136 / .2);
                    color: var(--hatsuratsu-primary-color);
                    font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
                    font-weight: 500;
                }
                    /* 背景指定 */
                    & tbody tr:nth-child(even) td {
                        background: rgb(223 208 252 / .3);
                    }
                        & tbody tr:nth-child(even) td:last-child {
                            background: rgb(223 208 252 / .7);
                        }

                    /* 角丸指定 */
                    & thead tr:first-child th:first-child {
                        border-radius: 20px 0 0 0;
                    }
                    & thead tr:first-child th:last-child {
                        border-radius: 0 20px 0 0;
                    }
                    & tbody tr:last-child td:first-child {
                        /*border-radius: 0 0 0 20px;*/
                    }
                    & tbody tr:last-child td:last-child {
                        border-radius: 0 0 20px 0;
                    }

                & tbody tr.divider td {
                    border-top: 1px solid rgb(87 8 136 / .1);
                }
                & tbody td.month,
                & tbody td.day {
                    color: var(--hatsuratsu-secondary-color);
                    font-size: 1.875rem;
                    font-weight: 500;
                    white-space: nowrap;
                    & span {
                        font-size: 1rem;
                    }
                }
                & tbody td.month {
                    background: transparent !important;
                }
                & tbody td.day {
                }
            }
        }

        .iksHatsuratsuAnnualCalenderArchive {
            & h4 {
                color: var(--hatsuratsu-primary-color);
                font-weight: 500;
            }
        }

/**
 * 広島県本人代表委員会「はつらつ友の会」 会則
 */
.iksHatsuratsuBylawsSection {
    padding-top: 0;
}
    .iksHatsuratsuBylawsContainer {
    }
        .iksHatsuratsuBylawsArticle {
            margin-bottom: 60px;
            padding: 60px 90px;
            background: rgb(87 8 136 / .07);
            border-radius: 20px;
            color: var(--hatsuratsu-primary-color);

            & h3 {
                color: var(--hatsuratsu-primary-color);
                font-size: clamp(1rem, 0.912rem + 0.376vw, 1.25rem);
            }
            & address {
                margin: 0;
                padding-left: 20px;
            }
        }


/**************************************************
 *
 * 本人活動代表者委員会 グループ紹介
 * Hatsuratsu Group
 *
 **************************************************/
.iksHatsuratsuGroupSection {
    padding-top: 0;
}
    .iksHatsuratsuGroupContainer {}
        .iksHatsuratsuGroupList {
        }
        .iksHatsuratsuGroupListItem {
            .iksHatsuratsuGroupImage {
                margin-bottom: 10px;
                border-radius: 100%;
                overflow: hidden;
                img {}
            }

            .iksHatsuratsuGroupHeader {
                padding: 5px 0;
                background: var(--hatsuratsu-group-color);
                border-radius: 30px;
                color: #fff;
                text-align: center;
            }

            .iksHatsuratsuGroupBody {
                margin-top: 10px;
                padding: 0 20px;
                color: var(--hatsuratsu-primary-color);
                font-weight: 500;

                .iksHatsuratsuGroupName {
                    color: var(--hatsuratsu-primary-color);
                    font-size: 1.5rem;
                    font-weight: 500;
                }
                .iksHatsuratsuGroupNumber {
                    font-size: 1.5rem;
                    i {
                        margin-right: .2em;
                    }
                }
                .iksHatsuratsuGroupAddress {
                    position: relative;
                    padding-left: 25px;

                    &::before {
                        position: absolute;
                        font-family: "Font Awesome 7 Free";
                        content:'\f3c5';
                        top: 0px;
                        left: 0px;
                        margin-top: 0px;
                        font-weight: 900;
                        font-size: 1.125rem;
                    }
                }
                .iksHatsuratsuGroupTel {
                    position: relative;
                    padding-left: 25px;
                    font-size: 1.25rem;

                    &::before {
                        position: absolute;
                        font-family: "Font Awesome 7 Free";
                        content:'\f095';
                        top: 3px;
                        left: 0px;
                        margin-top: 0px;
                        font-weight: 900;
                        font-size: 1.125rem;
                    }
                }
            }
            .iksHatsuratsuGroupFooter {
                & ul {
                    padding: 0;
                    list-style: none;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    gap: 0px;

                    & li {
                        margin-top: 0 !important;

                        & a {
                            color: var(--hatsuratsu-primary-color);
                            & span {
                                transition: .3s;
                            }
                            &:hover span {
                                opacity: .7;
                                scale: 1.05;
                            }
                        }
                    }
                }
            }
        }

/**
 * 広島県本人代表委員会「はつらつ友の会」 お問い合わせ
 */
.iksHatsuratsuRegistrationContact {
    margin-bottom: 70px;
}
    .iksHatsuratsuRegistrationContactHeader {
        & h3 {
            color: var(--hatsuratsu-primary-color);
            font-size: 1.375rem;
            font-weight: 500;
            text-align: center;
        }
    }

    .iksHatsuratsuRegistrationContactItem {
        text-align: center;

        & p {
            margin: 0;
        }
        & p + div {
            margin: 5px;
            font-size: 1.25rem;
            font-weight: 500;
        }

    .iksHatsuratsuRegistrationContactNumber {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;

        & div:first-child {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
            width: 50px;
            background-color: var(--hatsuratsu-primary-color);
            border-radius: 30px;
        }
        & div:last-child {
            margin-top: -5px;
            color: var(--hatsuratsu-primary-color);
            font-size: 2.5rem;
            font-weight: 500;
            line-height: 60px;
        }
        & i {
            color: #fff;
            font-size: 30px;
        }
    }
}


/**************************************************
 *
 * 本人活動代表者委員会 活動報告
 * Hatsuratsu Report
 *
 **************************************************/
.iksHatsuratsuReportSection {
    z-index: -1;
    margin-bottom: -100px;
    padding-top: 0;
    padding-bottom: 200px;
}
    .iksHatsuratsuReportContainer {
    }
        .iksHatsuratsuReport {}
        .iksHatsuratsuReportList {
            .iksHatsuratsuReportListItem {
                padding: 30px;
                border-radius: 30px;

                & a {
                    & img {
                        transition: .5s;
                    }
                    &:hover, &:hover h3  {
                        color: var(--hatsuratsu-primary-color) !important;
                    }
                    &:hover img {
                        scale: 1.05;
                    }
                }
                .iksHatsuratsuReportListImage {
                    border-radius: 20px;
                    overflow: hidden;
                    & img {
                        border-radius: 20px;
                    }
                }
                .iksHatsuratsuReportListBody {
                    padding: 10px 0;
                    & time {
                        border-bottom: 1px solid rgb(135 110 152);
                        color: rgb(135 110 152);
                        font-size: 1.125em;
                        font-weight: 500;
                    }
                    & h3 {
                        margin-top: 10px;
                        margin-bottom: 0;
                        font-size: 1.125rem;
                        font-weight: 500;
                    }
                }
                .iksHatsuratsuReportListFooter {
                    padding: 20px 0px 20px;
                    font-size: .9375rem;
                    text-align: right;
                    & i {
                        vertical-align: -5px;
                    }
                }
            }
        }

    /**
     * ページネーション 上書き
     * iksPagination
     */
    .iksPaginationContainer {}
    .iksHatsuratsuReportListPagination {
        & > * a {
            border: 1px solid var(--hatsuratsu-primary-color) !important;
            color: var(--hatsuratsu-primary-color) !important;

            &:hover {
                background: var(--hatsuratsu-primary-color) !important;
                border-color: var(--hatsuratsu-primary-color) !important;
                color: #eee !important;
            }
        }
        .iksPaginationCurrent span {
            background: var(--hatsuratsu-primary-color) !important;
        }
    }

/**
 * 広島県本人代表委員会 本人決議文
 */
.iksHatsuratsuResolutionSection {}
    .iksHatsuratsuResolutionContainer {}
        .iksHatsuratsuResolutionList {
            padding: 60px;
            background: rgb(198 172 217 / .2);
            border-radius: 50px;

            a {
                background: rgb(255 255 255 / .5);
                overflow: hidden;
                white-space: nowrap;
            }
        }