@charset "UTF-8";
@import url("health.css");
/*===========================================
ページ名 */
.border_right {
    border-right: 1px solid var(--tbl_bd_color);
}
.table_basic tr td {
    text-align: center;
}
.sheet_basic tr td {
    text-align: left;
}
.table_basic tr th {
    width: 30%;
}
.sheet_basic tr th {
    width: 30%;
}
.table_basic.tbl_cnt tr td {
    text-align: center;
}
#ancTab01 {
    margin-top: -80px;
    padding: 80px;
}
.hoverimg:hover {
    opacity: 0.7;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
#sec01 img {
    max-width: 950px;
    height: auto;
}
.pdf_list01 {
    flex-wrap: nowrap !important;
    inline-size: auto;
}
.pdf_list01 > li a {
    width: 100%;
}
.flex_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex_box div {
    margin: 10px;
}
/*======================
accordion faq*/
.aco_faq {
    text-align: start;
    counter-reset: faq_number 0;
    .accordion_item {
        .aco_faq_ti {
            &::before {
                counter-increment: faq_number 1;
                content: "0"counter(faq_number);
                background: rgba(var(--bg_color02), 1);
                color: rgba(var(--light_tx_color), 1);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-family: "Cinzel", serif;
                font-weight: 500;
                position: absolute;
                inset: 0 auto 0 0;
                font-size: 1.2em;
                inline-size: clamp(56px, 4.39vw, 60px);
            }
        }
        &:nth-of-type(n + 10) {
            .aco_faq_ti {
                &::before {
                    content: ""counter(faq_number);
                }
            }
        }
        .aco_inner {
            padding-block: 0;
            padding-inline: clamp(16px, 1.76vw, 24px);
            background: rgba(var(--bg_white), 1);
            border: 1px transparent solod;
            border-block-start: none;
        }
        &.open {
            .aco_faq_ti {
                &::after {
                    content: "\e15b";
                }
            }
            .aco_inner {
                padding-block: clamp(22px, 2.34vw, 32px);
                border: 1px rgba(var(--bg_color01), 1) solod;
                border-block-start: none;
            }
        }
        & + .accordion_item {
            -webkit-margin-before: 24px;
            margin-block-start: 24px;
        }
    }
    .cts_p {
        & + .note_list {
            margin-block-start: 1em;
        }
        & + .num_list {
            margin-block-start: 1em;
        }
    }
    .num_list {
        & + .note_list {
            margin-block-start: 1em;
        }
        & + .cts_p {
            margin-block-start: 1em;
        }
    }
}
.aco_faq_ti {
    background: rgba(var(--subcolor01), 1);
    color: rgba(var(--light_tx_color), 1);
    font-size: clamp(1.6rem, 1.32vw, 1.8rem);
    padding-block: 1em;
    padding-inline: calc(clamp(56px, 4.39vw, 60px) + 1em) calc(clamp(50px, 4.39vw, 60px) + 1em);
    line-height: 1.4;
    position: relative;
    &::after {
        font-family: "Material Symbols Sharp";
        content: "\e145";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8em;
        text-align: center;
        inline-size: clamp(50px, 4.39vw, 60px);
        border-inline-start: 1px solid rgba(var(--light_tx_color), 1);
        block-size: calc(100% - 24px);
        position: absolute;
        inset: 50% 0 auto auto;
        transform: translateY(-50%);
    }
    &:hover {
        opacity: 0.6;
    }
}
.kome {
    font-size: 1.2rem;
    color: rgba(var(--error_color), 1);
    vertical-align: text-top;
}
.health_flow > li > .health_flow_ti::before {
    counter-increment: flow_number 1;
    content: "Step 0"counter(flow_number) "." !important;
    font-family: "Cinzel", serif;
    font-weight: 500;
    -webkit-margin-end: 0.6em;
    margin-inline-end: 0.6em;
    color: #fff !important;
}
.health_flow_ti {
    font-size: 20px !important;
}