@charset "UTF-8";

:root:root:root:root:root:root [data-designpart=tab-nav-text] {
    font-family: var(--fo-text-font-family);
    font-size: var(--fo-text-font-size-pc);
    color: var(--fo-text-main-color);
    line-height: var(--fo-text-line-height);
    letter-spacing: var(--fo-text-letter-spacing);
    margin: 0
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] {
        font-size:var(--fo-text-font-size-sp)
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :link {
    text-decoration: none
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :visited {
    text-decoration: none
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] a {
    color: var(--fo-text-link-color)
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] a:hover {
    opacity: var(--fo-text-link-hover-opacity, 1);
    text-decoration: var(--fo-text-link-hover-text-decoration,none);
    font-weight: var(--fo-text-link-hover-font-weight,inherit);
    color: var(--fo-text-link-color);
    filter: invert(var(--fo-text-link-hover-invert,0))
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] p {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    margin: 0;
    overflow-wrap: anywhere
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] p+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] p+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] strong {
    font-family: inherit
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :is(ol,ul) {
    color: inherit
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :is(ol,ul) li {
    font-size: inherit;
    color: inherit;
    overflow-wrap: anywhere
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :is(ol,ul) li a {
    font-size: inherit
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) {
    border-color: #eee
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) {
    background-clip: padding-box;
    background-color: transparent;
    position: static;
    width: unset;
    line-height: inherit;
    padding: 10px;
    border: 1px solid #eee
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) p {
    font-size: inherit
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) p+:is(p,ul,ol,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))!important
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) p+:is(p,ul,ol,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)!important
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) :is(ul,ol) {
    margin-left: 25px
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) :is(ul,ol)+:is(p,ul,ol,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))!important
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) :is(ul,ol)+:is(p,ul,ol,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)!important
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) .component.button+:is(p,ul,ol,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))!important
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] table :is(thead,tbody,tr,th,td) tr :is(th,td) .component.button+:is(p,ul,ol,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)!important
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :is(ul,ol) {
    margin: 0 0 0 25px
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :is(ul,ol)+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] :is(ul,ol)+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] :is(table,.normal-table,.table-with-row-header,.table-with-two-headers)+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] :is(table,.normal-table,.table-with-row-header,.table-with-two-headers)+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] .component.button {
    margin: 0
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] .component.button.button+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
    margin-top: calc(16px * var(--fo-spacing-coef))
}

@media screen and (max-width: 769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] .component.button.button+:is(p,ul,ol,.normal-table,.table-with-row-header,.table-with-two-headers,.component.button) {
        margin-top:calc(16px * var(--fo-spacing-coef) * .75)
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] .component.button.button .button-cont a.blue {
    background: #254a73;
    color: #fff!important;
    text-decoration: none
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] .component.button.button .button-cont a.blue:hover {
    opacity: .4
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul {
    display: flex;
    gap: 5px;
    margin: 0
}

@media screen and (max-width: 576px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] ul {
        flex-wrap:nowrap;
        overflow: auto
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul li {
    cursor: pointer;
    width: 100%;
    display: inline-flex;
    align-items: center;
    background-color: color-mix(in srgb,var(--fo-main-color) 30%,#fff);
    border: 1px solid #eee;
    margin: 0;
    padding: 20px
}

@media screen and (max-width: 576px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] ul li {
        min-width:100px;
        font-size: 12px;
        padding: 10px
    }
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul li.align-center {
    justify-content: center
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul li.align-right {
    justify-content: flex-end
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul li:hover {
    background-color: color-mix(in srgb,var(--fo-main-color) 65%,#fff);
    color: #fff
}

:root:root:root:root:root:root [data-designpart=tab-nav-text] ul li.is-active {
    background: var(--fo-main-color);
    border-color: var(--fo-main-color);
    color: #fff
}

@media screen and (min-width: 770px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] ul:has(li:nth-child(7)) {
        flex-wrap:wrap;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 577px) and (max-width:769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] ul:has(li:nth-child(7)) {
        flex-wrap:nowrap;
        overflow: auto
    }
}

@media screen and (min-width: 770px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] ul:has(li:nth-child(7)) li {
        width:calc((100% - 15px)/ 4)
    }
}

@media screen and (min-width: 577px) and (max-width:769px) {
    :root:root:root:root:root:root [data-designpart=tab-nav-text] ul:has(li:nth-child(7)) li {
        min-width:130px
    }
}

.frame-root .frame-content [data-designpart=tab-nav-text]:not(:root:root:root:root:root) ul li {
    cursor: initial
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] {
    background-color: var(--fo-background-color1);
    padding: calc(80px * var(--fo-spacing-coef) - 30px) 0 calc(80px * var(--fo-spacing-coef) - 40px)
}

@media screen and (max-width: 769px) {
    [data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] {
        padding:calc(80px * var(--fo-spacing-coef) * .75 - 30px) 0
    }
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab-nab] {
    position: relative;
    z-index: 1;
    margin-top: 10px
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab-nab]:not(:has(li:nth-child(7)))~[data-designpart=row-tab] {
    margin-top: -1px
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab-nab] div.col {
    padding: 0
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab] {
    display: none;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px 10px 0
}

@media screen and (max-width: 769px) {
    [data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab] {
        padding:10px 20px
    }
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab].is-active {
    display: table
}

[data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab] div.col {
    display: table-cell
}

@media screen and (max-width: 769px) {
    [data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab] div.col+.col {
        margin-top:calc(60px * var(--fo-spacing-coef) * .75)
    }
}

@media screen and (min-width: 770px) {
    [data-designpart=section-tab-nab]:not(:root:root:root:root)[data-designpart=section-tab-nab] .inner .row[data-designpart=row-tab] div.col .component.heading :is(h1,h2,h3) {
        margin-bottom:max(calc((32px * var(--fo-spacing-coef)) - 10px),0px)
    }
}

.frame-root .frame-content [data-designpart=section-tab-nab]:not(:root:root:root:root:root) .inner .row[data-designpart=row-tab-nab] {
    position: relative;
    margin-top: 50px
}

.frame-root .frame-content [data-designpart=section-tab-nab]:not(:root:root:root:root:root) .inner .row[data-designpart=row-tab-nab]::before {
    content: "この行内のリッチテキストパーツはタブメニュー部分です。1行目の上限は6タブとなります。\aタブを増やしたいときはテキストの末尾で「ENTER」を押して下さい。";
    font-size: 14px;
    background: #0987d4;
    line-height: 1.5;
    white-space: pre;
    color: #fff;
    position: absolute;
    top: -50px;
    right: 0;
    padding: 5px;
    z-index: 1
}

.frame-root .frame-content [data-designpart=section-tab-nab]:not(:root:root:root:root:root) .inner .row[data-designpart=row-tab-nab] .col {
    padding: 0 10px 10px
}

.frame-root .frame-content [data-designpart=section-tab-nab]:not(:root:root:root:root:root) .inner .row[data-designpart=row-tab]:not(:root:root) {
    display: table;
    position: relative;
    margin-top: 77px
}

.frame-root .frame-content [data-designpart=section-tab-nab]:not(:root:root:root:root:root) .inner .row[data-designpart=row-tab]:not(:root:root)::before {
    content: "この行は各タブのコンテンツ部分です。タブメニューの順番と、行の配置の順番が連動します。\a※新規の行を上部に追加することは出来ません。タブコンテンツを増やしたい場合は行を複製して下さい。";
    font-size: 14px;
    line-height: 1.5;
    white-space: pre;
    background: #0987d4;
    color: #fff;
    position: absolute;
    top: -52px;
    right: 0;
    padding: 5px;
    z-index: 1
}

.styles_row-shadow__OwGuX {
    box-shadow: 0 3px 8px 0 var(--fo-shadow-color, rgba(0, 0, 0, .161));
    margin: 8px 0;
    padding: 8px 16px;
}