/* _content/SanpaiHikaku/Pages/Routes.razor.rz.scp.css */
body[b-8l3v19u4yv] {
}

table th:nth-child(n+2)[b-8l3v19u4yv]{
    cursor:pointer;
}
/* _content/SanpaiHikaku/Pages/Test/CSSIsolation.razor.rz.scp.css */
h1[b-xy4hsgdyfy] {
    color: mediumvioletred;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
}
/* _content/SanpaiHikaku/Pages/Test/JbciUITest.razor.rz.scp.css */
/*!
 * ress.css 窶｢ v1.1.1
 * MIT License
 * github.com/filipelinhares/ress
 */

html[b-dtsvmi57jt] {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

*[b-dtsvmi57jt], [b-dtsvmi57jt]::before, [b-dtsvmi57jt]::after {
    box-sizing: border-box
}

[b-dtsvmi57jt]::before, [b-dtsvmi57jt]::after {
    text-decoration: inherit;
    vertical-align: inherit
}

*[b-dtsvmi57jt] {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0
}

audio:not([controls])[b-dtsvmi57jt] {
    display: none;
    height: 0
}

hr[b-dtsvmi57jt] {
    overflow: visible
}

article[b-dtsvmi57jt], aside[b-dtsvmi57jt], details[b-dtsvmi57jt], figcaption[b-dtsvmi57jt], figure[b-dtsvmi57jt], footer[b-dtsvmi57jt], header[b-dtsvmi57jt], main[b-dtsvmi57jt], menu[b-dtsvmi57jt], nav[b-dtsvmi57jt], section[b-dtsvmi57jt], summary[b-dtsvmi57jt] {
    display: block
}

summary[b-dtsvmi57jt] {
    display: list-item
}

small[b-dtsvmi57jt] {
    font-size: 80%
}

[hidden][b-dtsvmi57jt], template[b-dtsvmi57jt] {
    display: none
}

abbr[title][b-dtsvmi57jt] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a[b-dtsvmi57jt] {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active[b-dtsvmi57jt], a:hover[b-dtsvmi57jt] {
        outline-width: 0
    }

ol[b-dtsvmi57jt], ul[b-dtsvmi57jt], li[b-dtsvmi57jt] {
    list-style: none;
    list-style-type: none
}

code[b-dtsvmi57jt], kbd[b-dtsvmi57jt], pre[b-dtsvmi57jt], samp[b-dtsvmi57jt] {
    font-family: monospace, monospace
}

b[b-dtsvmi57jt], strong[b-dtsvmi57jt] {
    font-weight: bolder
}

dfn[b-dtsvmi57jt] {
    font-style: italic
}

mark[b-dtsvmi57jt] {
    background-color: #ff0;
    color: #000
}

sub[b-dtsvmi57jt], sup[b-dtsvmi57jt] {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub[b-dtsvmi57jt] {
    bottom: -0.25em
}

sup[b-dtsvmi57jt] {
    top: -0.5em
}

input[b-dtsvmi57jt] {
    border-radius: 0
}

button[b-dtsvmi57jt], [type="button"][b-dtsvmi57jt], [type="reset"][b-dtsvmi57jt], [type="submit"] [role="button"][b-dtsvmi57jt] {
    cursor: pointer
}

[disabled][b-dtsvmi57jt] {
    cursor: default
}

[type="number"][b-dtsvmi57jt] {
    width: auto
}

[type="search"][b-dtsvmi57jt] {
    -webkit-appearance: textfield
}

    [type="search"][b-dtsvmi57jt]::-webkit-search-cancel-button, [type="search"][b-dtsvmi57jt]::-webkit-search-decoration {
        -webkit-appearance: none
    }

textarea[b-dtsvmi57jt] {
    overflow: auto;
    resize: vertical
}

button[b-dtsvmi57jt], input[b-dtsvmi57jt], optgroup[b-dtsvmi57jt], select[b-dtsvmi57jt], textarea[b-dtsvmi57jt] {
    font: inherit
}

optgroup[b-dtsvmi57jt] {
    font-weight: bold
}

button[b-dtsvmi57jt] {
    overflow: visible
}

    button[b-dtsvmi57jt]::-moz-focus-inner, [type="button"][b-dtsvmi57jt]::-moz-focus-inner, [type="reset"][b-dtsvmi57jt]::-moz-focus-inner, [type="submit"][b-dtsvmi57jt]::-moz-focus-inner {
        border-style: 0;
        padding: 0
    }

    button:-moz-focusring[b-dtsvmi57jt], [type="button"][b-dtsvmi57jt]::-moz-focus-inner, [type="reset"][b-dtsvmi57jt]::-moz-focus-inner, [type="submit"][b-dtsvmi57jt]::-moz-focus-inner {
        outline: 1px dotted ButtonText
    }

button[b-dtsvmi57jt], html [type="button"][b-dtsvmi57jt], [type="reset"][b-dtsvmi57jt], [type="submit"][b-dtsvmi57jt] {
    -webkit-appearance: button
}

button[b-dtsvmi57jt], select[b-dtsvmi57jt] {
    text-transform: none
}

button[b-dtsvmi57jt], input[b-dtsvmi57jt], select[b-dtsvmi57jt], textarea[b-dtsvmi57jt] {
    background-color: transparent;
    border-style: none;
    color: inherit
}

select[b-dtsvmi57jt] {
    -moz-appearance: none;
    -webkit-appearance: none
}

    select[b-dtsvmi57jt]::-ms-expand {
        display: none
    }

    select[b-dtsvmi57jt]::-ms-value {
        color: currentColor
    }

legend[b-dtsvmi57jt] {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

[b-dtsvmi57jt]::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type="search"][b-dtsvmi57jt] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

img[b-dtsvmi57jt] {
    border-style: none
}

progress[b-dtsvmi57jt] {
    vertical-align: baseline
}

svg:not(:root)[b-dtsvmi57jt] {
    overflow: hidden
}

audio[b-dtsvmi57jt], canvas[b-dtsvmi57jt], progress[b-dtsvmi57jt], video[b-dtsvmi57jt] {
    display: inline-block
}

@media screen {
    [hidden~="screen"][b-dtsvmi57jt] {
        display: inherit
    }

        [hidden~="screen"]:not(:active):not(:focus):not(:target)[b-dtsvmi57jt] {
            position: absolute !important;
            clip: rect(0 0 0 0) !important
        }
}

[aria-busy="true"][b-dtsvmi57jt] {
    cursor: progress
}

[aria-controls][b-dtsvmi57jt] {
    cursor: pointer
}

[aria-disabled][b-dtsvmi57jt] {
    cursor: default
}

[b-dtsvmi57jt]::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

[b-dtsvmi57jt]::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

label[b-dtsvmi57jt] {
    cursor: pointer
}

:placeholder-shown[b-dtsvmi57jt] {
    font: inherit;
    line-height: 1
}

[b-dtsvmi57jt]::-webkit-input-placeholder {
    font: inherit;
    line-height: 1
}

:-moz-placeholder[b-dtsvmi57jt] {
    font: inherit;
    line-height: 1
}

[b-dtsvmi57jt]::-moz-placeholder {
    font: inherit;
    line-height: 1
}

:-ms-input-placeholder[b-dtsvmi57jt] {
    font: inherit;
    line-height: 1
}

[b-dtsvmi57jt]::ms-clear {
    display: none
}

input[type="search"][b-dtsvmi57jt]::-webkit-search-decoration, input[type="search"][b-dtsvmi57jt]::-webkit-search-cancel-button, input[type="search"][b-dtsvmi57jt]::-webkit-search-results-button, input[type="search"][b-dtsvmi57jt]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

button[b-dtsvmi57jt] {
    outline: none
}

@font-face {
    font-family: "Custom Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 300
}

@font-face {
    font-family: "Custom Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 500
}

@font-face {
    font-family: "Custom Yu Gothic";
    src: local("Yu Gothic");
    font-weight: bold
}

body[b-dtsvmi57jt] {
    -webkit-font-smoothing: antialiased;
    font-family: YuGothic, "Custom Yu Gothic", "Yu Gothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.03em;
    position: relative;
    min-width: 984px;
    padding-top: 70px
}

a[b-dtsvmi57jt] {
    color: inherit;
    text-decoration: none
}

img[b-dtsvmi57jt] {
    vertical-align: bottom;
    max-width: 100%
}

.inner[b-dtsvmi57jt] {
    width: 994px;
    margin: auto;
    padding-left: 10px
}

.inner--padding[b-dtsvmi57jt] {
    padding-top: 65px;
    padding-bottom: 75px
}

.inner--step[b-dtsvmi57jt] {
    padding-top: 50px;
    background-color: #eff2f6
}

.footer[b-dtsvmi57jt] {
    background-color: #001732;
    color: #fff;
    font-weight: bold;
    padding: 28px 0;
    margin-top: 101px;
    position: relative
}

.footer__bgImage[b-dtsvmi57jt] {
    position: absolute;
    bottom: 55%;
    left: 0;
    height: 230px;
    width: 100%;
    background: url(../assets/footer/bg_illust.png) repeat-x 50%/contain;
    z-index: -1;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -webkit-transform: translateY(160px);
    transform: translateY(160px)
}

.footer__main[b-dtsvmi57jt] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.footer__right[b-dtsvmi57jt] {
    text-align: right;
    font-size: 12px;
    padding-top: 8px;
    letter-spacing: 0.1rem
}

    .footer__right p[b-dtsvmi57jt] {
        margin-bottom: 6px
    }

.footer__right__mail[b-dtsvmi57jt] {
    letter-spacing: 0.13rem
}

    .footer__right__mail a[b-dtsvmi57jt] {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        position: relative
    }

        .footer__right__mail a[b-dtsvmi57jt]::after {
            content: "";
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #fff;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            opacity: 0.6
        }

        .footer__right__mail a:hover[b-dtsvmi57jt] {
            opacity: 0.8
        }

            .footer__right__mail a:hover[b-dtsvmi57jt]::after {
                opacity: 0
            }

.footer__left[b-dtsvmi57jt] {
    position: relative
}

    .footer__left[b-dtsvmi57jt]::after {
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        background-image: url(../assets/footer/external-link.png);
        right: 34px;
        bottom: 5px
    }

.footer__navi[b-dtsvmi57jt] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .footer__navi > li[b-dtsvmi57jt] {
        position: relative
    }

    .footer__navi :not(:last-child)[b-dtsvmi57jt] {
        margin-right: 28px
    }

        .footer__navi :not(:last-child)[b-dtsvmi57jt]::after {
            content: "";
            width: 1px;
            height: 10px;
            position: absolute;
            top: 50%;
            right: -12px;
            background-color: #fff;
            -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
            margin-top: -5px
        }

    .footer__navi a[b-dtsvmi57jt] {
        display: block;
        position: relative;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 1
    }

        .footer__navi a[b-dtsvmi57jt]::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #fff;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            opacity: 0.6
        }

        .footer__navi a:hover[b-dtsvmi57jt] {
            opacity: 0.8
        }

            .footer__navi a:hover[b-dtsvmi57jt]::after {
                opacity: 0
            }

.footer__copyright[b-dtsvmi57jt] {
    font-size: 10px;
    opacity: 0.6;
    text-align: center;
    letter-spacing: 0.1rem
}

.footer__link-company[b-dtsvmi57jt] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1
}

    .footer__link-company:hover[b-dtsvmi57jt] {
        opacity: 0.8
    }

.footer.is-triggered .footer__bgImage[b-dtsvmi57jt] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header[b-dtsvmi57jt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 984px;
    height: 70px;
    background-color: #fff;
    z-index: 999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .header[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        top: 0;
        right: -4px;
        width: calc((100% - 984px) / 2);
        height: 70px;
        background-color: #f36;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 1;
        z-index: -1
    }

    .header.is-scroll-01[b-dtsvmi57jt] {
        height: 40px
    }

        .header.is-scroll-01[b-dtsvmi57jt]::after {
            height: 40px
        }

        .header.is-scroll-01 .nav__item--login[b-dtsvmi57jt] {
            height: 40px
        }

        .header.is-scroll-01 .menu[b-dtsvmi57jt] {
            top: 40px
        }

        .header.is-scroll-01 .header__logo[b-dtsvmi57jt] {
            padding-left: 0
        }

        .header.is-scroll-01 .header__logo__image[b-dtsvmi57jt] {
            -webkit-transform: translateY(-130px);
            transform: translateY(-130px);
            opacity: 0
        }

.header__inner[b-dtsvmi57jt] {
    width: 994px;
    padding-left: 10px;
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__logo[b-dtsvmi57jt] {
    display: block;
    position: relative;
    padding-left: 100px;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1
}

.header__logo__image[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.header__logo__text[b-dtsvmi57jt] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #000
}

    .header__logo__text img[b-dtsvmi57jt] {
        width: 284px;
        height: 17px
    }

.header__logo:hover .header__logo__text[b-dtsvmi57jt] {
    fill: #003b81
}

@-webkit-keyframes move-x {
    0% {
        -webkit-transform: translateX(-75%);
        transform: translateX(-75%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes move-x-b-dtsvmi57jt {
    0% {
        -webkit-transform: translateX(-75%);
        transform: translateX(-75%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes visual-width {
    0% {
        width: 0
    }

    100% {
        width: calc(50% + 433px)
    }
}

@keyframes visual-width-b-dtsvmi57jt {
    0% {
        width: 0
    }

    100% {
        width: calc(50% + 433px)
    }
}

@-webkit-keyframes text-width {
    0% {
        width: 0
    }

    100% {
        width: calc(50% + 467px)
    }
}

@keyframes text-width-b-dtsvmi57jt {
    0% {
        width: 0
    }

    100% {
        width: calc(50% + 467px)
    }
}

@-webkit-keyframes cover-width {
    0% {
        width: 0
    }

    100% {
        width: 1038px
    }
}

@keyframes cover-width-b-dtsvmi57jt {
    0% {
        width: 0
    }

    100% {
        width: 1038px
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-b-dtsvmi57jt {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.mv[b-dtsvmi57jt] {
    background: url("../assets/mv/bg_buildings.png") 50% 0/cover no-repeat;
    overflow: hidden
}

.mv__nav[b-dtsvmi57jt] {
    position: absolute;
    z-index: 4;
    top: 493px;
    left: calc(50% + 10px);
    margin-left: 195px;
    opacity: 0
}

    .mv__nav > li[b-dtsvmi57jt] {
        text-align: right;
        margin-bottom: 19px
    }

        .mv__nav > li a[b-dtsvmi57jt] {
            opacity: 0.6;
            position: relative;
            display: inline-block;
            padding-right: 20px
        }

            .mv__nav > li a[b-dtsvmi57jt]::before {
                content: "";
                position: absolute;
                top: -5px;
                right: -20px;
                width: 0;
                height: calc(100% + 10px);
                background-color: rgba(0,23,50,0.95);
                z-index: -1;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease
            }

            .mv__nav > li a:hover[b-dtsvmi57jt], .mv__nav > li a.is-active[b-dtsvmi57jt] {
                opacity: 1
            }

                .mv__nav > li a:hover[b-dtsvmi57jt]::before, .mv__nav > li a.is-active[b-dtsvmi57jt]::before {
                    width: calc(100% + 50px)
                }

            .mv__nav > li a.is-active[b-dtsvmi57jt] {
                pointer-events: none
            }

            .mv__nav > li a img[b-dtsvmi57jt] {
                display: block;
                margin: 0 0 0 auto
            }

            .mv__nav > li a[b-dtsvmi57jt]::after {
                content: "";
                position: absolute;
                width: 10px;
                height: 10px;
                background: #ffffff;
                display: block;
                border-radius: 50%;
                right: 0;
                top: 1px
            }

.mv__item[b-dtsvmi57jt] {
    position: relative;
    opacity: 0
}

    .mv__item[b-dtsvmi57jt]::after {
        content: "";
        width: 1038px;
        height: 771px;
        display: block;
        background: #002f68;
        opacity: 0.25;
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 50%;
        margin-left: -584px
    }

    .mv__item.is-sliding .mv__visual[b-dtsvmi57jt] {
        -webkit-animation: visual-width 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
        animation: visual-width-b-dtsvmi57jt 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1)
    }

        .mv__item.is-sliding .mv__visual .mv__visual__01 p[b-dtsvmi57jt] {
            opacity: 0;
            -webkit-animation: fade-in 0.5s 0.7s forwards ease;
            animation: fade-in-b-dtsvmi57jt 0.5s 0.7s forwards ease
        }

        .mv__item.is-sliding .mv__visual .mv__visual__01 .mv__visual__image[b-dtsvmi57jt] {
            -webkit-animation: move-x 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
            animation: move-x-b-dtsvmi57jt 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1)
        }

    .mv__item.is-sliding .mv__belt[b-dtsvmi57jt] {
        -webkit-animation: text-width 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
        animation: text-width-b-dtsvmi57jt 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1)
    }

        .mv__item.is-sliding .mv__belt .mv__text__01 p[b-dtsvmi57jt] {
            opacity: 0;
            -webkit-animation: fade-in 0.5s 0.9s forwards ease;
            animation: fade-in-b-dtsvmi57jt 0.5s 0.9s forwards ease
        }

    .mv__item.is-sliding[b-dtsvmi57jt]::after {
        width: 0;
        -webkit-animation: cover-width 1.2s 0.15s forwards cubic-bezier(0.23, 1, 0.32, 1);
        animation: cover-width-b-dtsvmi57jt 1.2s 0.15s forwards cubic-bezier(0.23, 1, 0.32, 1)
    }

.mv__visual[b-dtsvmi57jt] {
    width: calc(50% + 433px);
    height: 591px;
    padding-left: 93px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    z-index: 3
}

.mv__visual__image[b-dtsvmi57jt] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1073px;
    height: 100%;
    z-index: -1;
    background: 0 50% / cover no-repeat
}

.mv__visual img[b-dtsvmi57jt] {
    max-width: none
}

.mv__visual__01 .mv__visual__text[b-dtsvmi57jt] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 40px
}

.mv__visual__01 .mv__visual__image[b-dtsvmi57jt] {
    background-image: url("../assets/mv/bg_01.jpg")
}

.mv__visual__02 .mv__visual__text[b-dtsvmi57jt] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 40px
}

.mv__visual__02 .mv__visual__image[b-dtsvmi57jt] {
    background-image: url("../assets/mv/bg_02.jpg")
}

.mv__visual__03 .mv__visual__text[b-dtsvmi57jt] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 40px
}

.mv__visual__03 .mv__visual__image[b-dtsvmi57jt] {
    background-image: url("../assets/mv/bg_03.jpg")
}

.mv__visual__04 .mv__visual__text[b-dtsvmi57jt] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 40px
}

.mv__visual__04 .mv__visual__image[b-dtsvmi57jt] {
    background-image: url("../assets/mv/bg_04.jpg")
}

.mv__belt[b-dtsvmi57jt] {
    width: calc(50% + 467px);
    height: 290px;
    background: #001732;
    margin: -87px 0 0 auto;
    color: #ffffff;
    padding: 126px 0 0 170px;
    letter-spacing: 0.05em
}

.mv__text[b-dtsvmi57jt] {
    position: relative;
    font-weight: bold;
    line-height: 1.8
}

    .mv__text .strong[b-dtsvmi57jt] {
        font-size: 23px;
        margin: 0 1px 0 5px;
        position: relative;
        top: 1px;
        overflow: hidden
    }

        .mv__text .strong[b-dtsvmi57jt]::after {
            content: "";
            position: absolute;
            bottom: -4px;
            left: 0px;
            width: 100%;
            height: 1px;
            border-bottom: 1px dotted #fff
        }

.mv__text__01[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    left: 0
}

.mv__text__02[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    left: 0
}

.mv__text__03[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    left: 0
}

.mv__text__04[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    left: 0
}

.mv__text__h[b-dtsvmi57jt] {
    margin-bottom: 17px
}

.mv__text > p[b-dtsvmi57jt] {
    font-size: 14px;
    line-height: 2;
    position: relative;
    z-index: 2
}

    .mv__text > p strong[b-dtsvmi57jt] {
        font-size: 23px;
        border-bottom: 1px dashed #fff;
        display: inline-block;
        margin: 0 6px;
        line-height: 1;
        padding-bottom: 4px
    }

.mv__progress[b-dtsvmi57jt] {
    height: 3px;
    width: 0;
    background: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 0;
    left: 0
}

.nav[b-dtsvmi57jt] {
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-right: 143px
}

.nav__list[b-dtsvmi57jt] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .nav__list > li[b-dtsvmi57jt] {
        position: relative;
        border-left: 1px solid #808080
    }

.nav__list__menu[b-dtsvmi57jt] {
    position: relative;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease
}

    .nav__list__menu.is-active[b-dtsvmi57jt] {
        background-color: #001732;
        color: #fff
    }

.nav__item[b-dtsvmi57jt] {
    display: block;
    font-weight: bold;
    width: 143px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.nav__item--normal[b-dtsvmi57jt] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .nav__item--normal:hover[b-dtsvmi57jt] {
        background-color: #001732;
        color: #fff
    }

.nav__item--menu[b-dtsvmi57jt] {
    position: relative
}

.nav__item__inner[b-dtsvmi57jt] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav__item__inner--login[b-dtsvmi57jt] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 24px
}

    .nav__item__inner--login[b-dtsvmi57jt]::before {
        content: "";
        width: 24px;
        height: 23px;
        background: url(../assets/header/login.svg) no-repeat 0 0/24px 23px;
        margin-right: 14px
    }

.login[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: calc(143px + (100% - 984px) / 2);
    background-color: #f36;
    height: 100%;
    overflow: hidden;
    display: block;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.nav-ripple[b-dtsvmi57jt] {
    position: absolute;
    top: -170px;
    right: -30px;
    overflow: hidden;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    z-index: 999;
    -webkit-animation: none;
    animation: none
}

.nav-ripple--login[b-dtsvmi57jt] {
    right: 30px
}

.nav-ripple.is-hover[b-dtsvmi57jt] {
    -webkit-animation: headerRipple 1.5s ease infinite;
    animation: headerRipple-b-dtsvmi57jt 1.5s ease infinite
}

@-webkit-keyframes headerRipple {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes headerRipple-b-dtsvmi57jt {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.is-disable[b-dtsvmi57jt] {
    pointer-events: none;
    color: #fff;
    background-color: #ddd
}

    .is-disable[b-dtsvmi57jt]::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #888;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.2
    }

.menu[b-dtsvmi57jt] {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    min-width: 984px;
    background-color: rgba(0,23,50,0.95);
    padding: 7px 0 9px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.menu__contents[b-dtsvmi57jt] {
    width: 730px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .menu__contents > li[b-dtsvmi57jt] {
        font-size: 12px;
        color: #fff;
        margin-right: 30px
    }

        .menu__contents > li a[b-dtsvmi57jt] {
            font-weight: bold;
            display: block;
            position: relative;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            opacity: 1
        }

            .menu__contents > li a:hover[b-dtsvmi57jt] {
                opacity: 0.8
            }

        .menu__contents > li:not(:last-child)[b-dtsvmi57jt] {
            margin-right: 30px
        }

.bg[b-dtsvmi57jt] {
    background: no-repeat 50% / cover
}

.bg--data[b-dtsvmi57jt] {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 1300px;
    background-image: url(../assets/bg/data.jpg);
    z-index: -1
}

.bg--feature[b-dtsvmi57jt] {
    background-image: url(../assets/bg/feature.jpg)
}

.bg-color-step[b-dtsvmi57jt] {
    background-color: #eff2f6
}

.parallax-container[b-dtsvmi57jt] {
    position: relative;
    overflow: hidden
}

.section-heading[b-dtsvmi57jt] {
    text-align: center
}

    .section-heading p[b-dtsvmi57jt] {
        line-height: 1.7;
        font-weight: bold
    }

.section-heading__ttl[b-dtsvmi57jt] {
    margin-bottom: 28px
}

.section-heading__ttl--data img[b-dtsvmi57jt] {
    width: 305px;
    height: 55px
}

.section-heading__ttl--feature img[b-dtsvmi57jt] {
    width: 333px;
    height: 55px
}

.section-heading__ttl--price img[b-dtsvmi57jt] {
    width: 270px;
    height: 55px
}

.section-heading__ttl--step img[b-dtsvmi57jt] {
    width: 534px;
    height: 58px
}

.section-heading__ttl--faq img[b-dtsvmi57jt] {
    width: 202px;
    height: 57px
}

.data[b-dtsvmi57jt] {
    width: 100%;
    height: 615px;
    margin-top: 23px;
    position: relative
}

.data__item[b-dtsvmi57jt] {
    width: 345px;
    height: 345px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    position: absolute;
    text-align: center
}

.data__item--01[b-dtsvmi57jt] {
    top: 0;
    left: calc(50% - 175px)
}

.data__item--02[b-dtsvmi57jt] {
    top: 280px;
    left: 80px
}

.data__item--03[b-dtsvmi57jt] {
    top: 280px;
    right: 80px
}

.data__circle[b-dtsvmi57jt] {
    position: absolute;
    top: 0;
    left: 0;
    fill: rgba(0,23,50,0)
}

    .data__circle path[b-dtsvmi57jt] {
        stroke: rgba(0,23,50,0.9);
        stroke-dashoffset: 1058px
    }

.data__item__inner[b-dtsvmi57jt] {
    position: relative;
    padding: 45px 40px 0;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

    .data__item__inner p[b-dtsvmi57jt] {
        font-size: 13px;
        letter-spacing: 0.03em;
        line-height: 1.6;
        text-align: left;
        font-weight: bold
    }

.data__item__fukidashi[b-dtsvmi57jt] {
    font-size: 15px;
    font-weight: bold;
    background-color: #fff;
    color: #001732;
    display: inline-block;
    padding: 8px 15px 6px 20px;
    margin-bottom: 13px;
    border-radius: 30px;
    position: relative
}

    .data__item__fukidashi[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: calc(50% - 10px);
        border: 7px solid transparent;
        border-top: 10px solid #fff
    }

.data__item__ttl[b-dtsvmi57jt] {
    font-size: 20px;
    margin-bottom: 12px;
    padding-bottom: 11px;
    border-bottom: 3px dotted rgba(255,255,255,0.6)
}

.data__item__ttl--center[b-dtsvmi57jt] {
    height: 74px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0
}

.data__item__text[b-dtsvmi57jt] {
    padding: 0 10px
}

.feature[b-dtsvmi57jt] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 26px
}

    .feature > li[b-dtsvmi57jt] {
        width: 308px;
        position: relative
    }

        .feature > li:nth-child(1) .feature__content[b-dtsvmi57jt], .feature > li:nth-child(1) .feature__item__link[b-dtsvmi57jt] {
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
        }

        .feature > li:nth-child(2) .feature__num[b-dtsvmi57jt]::after {
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
        }

        .feature > li:nth-child(2) .feature__content[b-dtsvmi57jt], .feature > li:nth-child(2) .feature__item__link[b-dtsvmi57jt] {
            -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s
        }

        .feature > li:nth-child(3) .feature__num[b-dtsvmi57jt]::after {
            -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s
        }

        .feature > li:nth-child(3) .feature__content[b-dtsvmi57jt], .feature > li:nth-child(3) .feature__item__link[b-dtsvmi57jt] {
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s
        }

        .feature > li.is-triggered .feature__num[b-dtsvmi57jt]::after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

        .feature > li.is-triggered .feature__item__link[b-dtsvmi57jt], .feature > li.is-triggered .feature__content[b-dtsvmi57jt] {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1
        }

.feature__num[b-dtsvmi57jt] {
    position: relative;
    background-color: #001732;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

    .feature__num img[b-dtsvmi57jt] {
        z-index: 1
    }

    .feature__num[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        top: 15px;
        left: -140px;
        width: 308px;
        height: 1px;
        background-color: #001732;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease
    }

.feature__num--01 img[b-dtsvmi57jt] {
    width: 12px;
    height: 14px
}

.feature__num--02 img[b-dtsvmi57jt] {
    width: 12px;
    height: 14px
}

.feature__num--03 img[b-dtsvmi57jt] {
    width: 12px;
    height: 14px
}

.feature__content[b-dtsvmi57jt] {
    background-color: #fff;
    padding-top: 15px;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease
}

.feature__header[b-dtsvmi57jt] {
    text-align: center;
    margin-bottom: 16px
}

.feature__header__en[b-dtsvmi57jt] {
    margin-bottom: 5px
}

.feature__header__en--01 img[b-dtsvmi57jt] {
    width: 175px;
    height: 16px
}

.feature__header__jp[b-dtsvmi57jt] {
    font-size: 11px;
    color: #3f527e
}

.feature__item__text[b-dtsvmi57jt] {
    height: 155px;
    letter-spacing: 0.06em;
    line-height: 1.7;
    padding: 0 21px;
    margin-bottom: 3px
}

.feature__item__link[b-dtsvmi57jt] {
    font-weight: bold;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 107px);
    width: 225px;
    padding: 5px 0;
    border-radius: 30px;
    display: block;
    margin: auto;
    text-align: center;
    color: #fff;
    background-color: #001732;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #001732;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: opacity 0.5s ease, color 0.3s ease, background-color 0.3s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, color 0.3s ease, background-color 0.3s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, color 0.3s ease, background-color 0.3s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, color 0.3s ease, background-color 0.3s ease, -webkit-transform 0.5s ease
}

    .feature__item__link:hover[b-dtsvmi57jt] {
        color: #001732;
        background-color: #fff
    }

    .feature__item__link.is-complete[b-dtsvmi57jt] {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

.report-output[b-dtsvmi57jt] {
    margin-top: 37px;
    text-align: center;
    font-weight: bold
}

.report-output__ttl[b-dtsvmi57jt] {
    margin-bottom: 12px
}

.report-output__list > li[b-dtsvmi57jt] {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .report-output__list > li:not(:last-child)[b-dtsvmi57jt] {
        margin-right: 10px
    }

    .report-output__list > li a[b-dtsvmi57jt] {
        border: 1px solid #001732;
        border-radius: 20px;
        padding: 6px 15px 5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-size: 14px;
        color: #000;
        background-color: transparent;
        line-height: 1
    }

        .report-output__list > li a:hover[b-dtsvmi57jt] {
            font-size: 16px;
            letter-spacing: 0.10em;
            color: #001732;
            background-color: #fff
        }

.price[b-dtsvmi57jt] {
    margin-top: 30px;
    border: 1px solid #001732;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .price > li[b-dtsvmi57jt] {
        position: relative
    }

        .price > li.normal[b-dtsvmi57jt] {
            width: 100%
        }

        .price > li.half[b-dtsvmi57jt] {
            width: 50%
        }

        .price > li.half--separator[b-dtsvmi57jt] {
            width: calc(50% - 1px)
        }

            .price > li.half--separator .price__cost[b-dtsvmi57jt] {
                position: relative
            }

                .price > li.half--separator .price__cost[b-dtsvmi57jt]::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: -1px;
                    width: 1px;
                    height: calc(100% + 1px);
                    background-color: #001732
                }

.price__ttl[b-dtsvmi57jt] {
    color: #fff;
    background-color: #001732;
    text-align: center;
    font-weight: normal;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold
}

.price__ttl--small[b-dtsvmi57jt] {
    font-size: 13px;
    padding-left: 55px
}

.price__cost[b-dtsvmi57jt] {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #001732;
    font-size: 15px;
    letter-spacing: 0.08em;
    font-weight: bold
}

    .price__cost span[b-dtsvmi57jt] {
        font-size: 21px
    }

.price__desc[b-dtsvmi57jt] {
    color: #001732;
    text-align: center;
    padding: 12px 0 18px
}

.price__label[b-dtsvmi57jt] {
    font-weight: bold;
    position: absolute;
    top: -4px;
    left: 81px;
    line-height: 1;
    padding: 9px 25px;
    border: 2px solid #001732;
    border-radius: 10px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.price__label--white[b-dtsvmi57jt] {
    color: #001732;
    background-color: #fff
}

.price__label--blue[b-dtsvmi57jt] {
    color: #fff;
    background-color: #026bbc
}

.price__label.is-triggered[b-dtsvmi57jt] {
    -webkit-animation: katakata 0.3s 1 ease;
    animation: katakata-b-dtsvmi57jt 0.3s 1 ease
}

    .price__label.is-triggered.price__label--blue[b-dtsvmi57jt] {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s
    }

@-webkit-keyframes katakata {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    25% {
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg)
    }

    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg)
    }

    100% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@keyframes katakata-b-dtsvmi57jt {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    25% {
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg)
    }

    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg)
    }

    100% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

.step[b-dtsvmi57jt] {
    margin-top: 32px;
    border-bottom: 2px solid #001732
}

.step__section[b-dtsvmi57jt] {
    position: relative
}

    .step__section[b-dtsvmi57jt]::before, .step__section[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        width: calc((100% - 984px) / 2)
    }

    .step__section[b-dtsvmi57jt]::before {
        top: 0;
        left: 0;
        height: 29px
    }

    .step__section[b-dtsvmi57jt]::after {
        top: 27px;
        right: 0;
        height: 2px
    }

.step__section--red[b-dtsvmi57jt]::before, .step__section--red[b-dtsvmi57jt]::after {
    background-color: #f36
}

.step__section--red .step__header[b-dtsvmi57jt]::after {
    background-color: #f36
}

.step__section--red .step__header__num[b-dtsvmi57jt] {
    background-color: #f36
}

.step__section--red .step__header__inner[b-dtsvmi57jt] {
    background-color: #f36
}

.step__section--red .step__contents[b-dtsvmi57jt] {
    background-color: #f6eff3
}

    .step__section--red .step__contents[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: #f6eff3
    }

.step__section--blue[b-dtsvmi57jt]::before, .step__section--blue[b-dtsvmi57jt]::after {
    background-color: #001732
}

.step__section--blue .step__header[b-dtsvmi57jt]::after {
    background-color: #001732
}

.step__section--blue .step__header__num[b-dtsvmi57jt] {
    background-color: #001732
}

.step__section--blue .step__header__inner[b-dtsvmi57jt] {
    background-color: #001732
}

.step__section--blue .step__contents[b-dtsvmi57jt] {
    background-color: #eff2f6
}

.step__section--blue .step__list > li:not(:last-child)[b-dtsvmi57jt]::after {
    border-bottom: 3px dotted #7e8a99
}

.step__header[b-dtsvmi57jt] {
    color: #fff;
    line-height: 1;
    width: 984px;
    margin: 0 auto;
    position: relative
}

    .step__header[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 100px;
        width: calc(100% - 100px);
        height: 2px
    }

.step__header__inner[b-dtsvmi57jt] {
    position: relative;
    font-size: 12px;
    letter-spacing: 0.09em;
    padding: 8px 0 7px 73px;
    width: 460px
}

    .step__header__inner[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        top: -1px;
        right: -30px;
        border: 26px solid transparent;
        border-top: 36px solid #eff2f6
    }

.step__header__inner--other[b-dtsvmi57jt]::after {
    border-top-color: #f6eff3
}

.step__header__num[b-dtsvmi57jt] {
    position: absolute;
    top: -19px;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    padding: 9px 0 0 2px
}

    .step__header__num span[b-dtsvmi57jt] {
        font-size: 16px;
        letter-spacing: -0.02em
    }

.step__contents[b-dtsvmi57jt] {
    padding: 30px 0 57px
}

.step__contents--padding-l[b-dtsvmi57jt] {
    padding-bottom: 85px
}

.step__list[b-dtsvmi57jt] {
    width: 984px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .step__list > li[b-dtsvmi57jt] {
        width: 135px;
        text-align: center;
        z-index: 1
    }

        .step__list > li:not(:last-child)[b-dtsvmi57jt] {
            position: relative
        }

            .step__list > li:not(:last-child)[b-dtsvmi57jt]::after {
                content: "";
                position: absolute;
                top: 70px;
                right: -92px;
                width: 100px;
                height: 2px;
                border-bottom: 3px dotted #b69a9d;
                z-index: -1;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: -webkit-transform 0.3s ease;
                transition: -webkit-transform 0.3s ease;
                transition: transform 0.3s ease;
                transition: transform 0.3s ease, -webkit-transform 0.3s ease;
                -webkit-transform-origin: left;
                transform-origin: left
            }

        .step__list > li:last-child .step__list__circle[b-dtsvmi57jt] {
            background-color: #ffe38c
        }

.step__list--margin[b-dtsvmi57jt] {
    margin-bottom: 27px
}

.step__list__circle[b-dtsvmi57jt] {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 21px;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.step__list__circle__inner[b-dtsvmi57jt] {
    position: relative;
    z-index: 1
}

.step__list__num[b-dtsvmi57jt] {
    margin-bottom: 10px
}

    .step__list__num img[b-dtsvmi57jt] {
        width: 34px;
        height: 38px
    }

.step__icon[b-dtsvmi57jt] {
    width: 50px;
    height: 40px
}

.step__icon__cart[b-dtsvmi57jt] {
    width: 38px;
    height: 36px
}

.step__icon__document[b-dtsvmi57jt] {
    width: 32px;
    height: 32px
}

.step__icon__keyboard[b-dtsvmi57jt] {
    width: 37px;
    height: 40px
}

.step__icon__user[b-dtsvmi57jt] {
    width: 37px;
    height: 37px
}

.step__icon__computer[b-dtsvmi57jt] {
    width: 60px;
    height: 48px;
    position: relative;
    top: -5px
}

.step__icon__cursor[b-dtsvmi57jt] {
    width: 33px;
    height: 35px
}

.step__icon__card[b-dtsvmi57jt] {
    width: 33px;
    height: 36px
}

.step__icon__printer[b-dtsvmi57jt] {
    width: 39px;
    height: 39px
}

.step__icon__office[b-dtsvmi57jt] {
    width: 29px;
    height: 38px
}

.step__icon__calendar[b-dtsvmi57jt] {
    width: 37px;
    height: 44px
}

.step__icon__mailbox[b-dtsvmi57jt] {
    width: 44px;
    height: 41px
}

.step__icon__wallet[b-dtsvmi57jt] {
    width: 35px;
    height: 39px
}

.step__list__name[b-dtsvmi57jt] {
    font-size: 13px;
    margin: 0 -10px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.step__sub-content[b-dtsvmi57jt] {
    width: 984px;
    margin: auto
}

.step__warning[b-dtsvmi57jt] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    padding: 5px 35px 5px 10px;
    border-radius: 5px;
    float: right;
    overflow: hidden;
    font-size: 11px;
    letter-spacing: 0.07em;
    line-height: 1.6
}

.step__warning__icon[b-dtsvmi57jt] {
    margin-right: 16px
}

    .step__warning__icon img[b-dtsvmi57jt] {
        width: 30px;
        height: 30px
    }

.step__list.is-triggered .step__list__name[b-dtsvmi57jt], .step__list.is-triggered .step__list__circle[b-dtsvmi57jt] {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.step__list.is-triggered > li:nth-child(1)[b-dtsvmi57jt]::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.step__list.is-triggered > li:nth-child(1) .step__list__circle[b-dtsvmi57jt] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.step__list.is-triggered > li:nth-child(1) .step__list__name[b-dtsvmi57jt] {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.step__list.is-triggered > li:nth-child(2)[b-dtsvmi57jt]::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.step__list.is-triggered > li:nth-child(2) .step__list__circle[b-dtsvmi57jt] {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.step__list.is-triggered > li:nth-child(2) .step__list__name[b-dtsvmi57jt] {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.step__list.is-triggered > li:nth-child(3)[b-dtsvmi57jt]::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.step__list.is-triggered > li:nth-child(3) .step__list__circle[b-dtsvmi57jt] {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.step__list.is-triggered > li:nth-child(3) .step__list__name[b-dtsvmi57jt] {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.step__list.is-triggered > li:nth-child(4)[b-dtsvmi57jt]::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.step__list.is-triggered > li:nth-child(4) .step__list__circle[b-dtsvmi57jt] {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.step__list.is-triggered > li:nth-child(4) .step__list__name[b-dtsvmi57jt] {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.step__list.is-triggered > li:nth-child(5)[b-dtsvmi57jt]::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.step__list.is-triggered > li:nth-child(5) .step__list__circle[b-dtsvmi57jt] {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.step__list.is-triggered > li:nth-child(5) .step__list__name[b-dtsvmi57jt] {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.faq > dt[b-dtsvmi57jt] {
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 3px;
    background-color: #1e3d62;
    position: relative;
    margin-bottom: 3px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative
}

    .faq > dt.is-open[b-dtsvmi57jt] {
        margin-bottom: 0
    }

    .faq > dt .faq__ttl-about[b-dtsvmi57jt] {
        width: 143px;
        height: 19px
    }

    .faq > dt .faq__ttl-use[b-dtsvmi57jt] {
        width: 133px;
        height: 19px
    }

    .faq > dt .faq__ttl-license[b-dtsvmi57jt] {
        width: 271px;
        height: 18px
    }

    .faq > dt .faq__ttl-data[b-dtsvmi57jt] {
        width: 154px;
        height: 17px
    }

    .faq > dt .faq__ttl-function[b-dtsvmi57jt] {
        width: 133px;
        height: 19px
    }

    .faq > dt .faq__ttl-other[b-dtsvmi57jt] {
        width: 62px;
        height: 20px
    }

    .faq > dt:hover > .ripple-effect[b-dtsvmi57jt] {
        -webkit-animation: ripple 1.5s ease infinite;
        animation: ripple-b-dtsvmi57jt 1.5s ease infinite
    }

.faq > dd[b-dtsvmi57jt] {
    padding: 19px 24px;
    display: none;
    border: 1px solid #001732
}

    .faq > dd.is-active[b-dtsvmi57jt] {
        display: block
    }

    .faq > dd:not(:last-child)[b-dtsvmi57jt] {
        margin-bottom: 5px
    }

.faq__children dt[b-dtsvmi57jt], .faq__children dd[b-dtsvmi57jt] {
    color: #000;
    border-radius: 10px;
    position: relative;
    padding: 20px 40px 20px 68px
}

.faq__children dt[b-dtsvmi57jt] {
    padding-right: 100px;
    background-color: #eff2f6;
    margin-bottom: 7px;
    min-height: 60px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

    .faq__children dt .ripple-effect[b-dtsvmi57jt] {
        background-color: #d5dfed
    }

    .faq__children dt:hover > .ripple-effect[b-dtsvmi57jt] {
        -webkit-animation: ripple 1.5s ease infinite;
        animation: ripple-b-dtsvmi57jt 1.5s ease infinite
    }

.faq__children dd[b-dtsvmi57jt] {
    font-size: 13px;
    background-color: #fcf2f4;
    line-height: 2.2;
    letter-spacing: 0.18em;
    display: none
}

    .faq__children dd.first-child[b-dtsvmi57jt] {
        display: block
    }

    .faq__children dd.is-open .faq__children__icon--a[b-dtsvmi57jt] {
        top: 15px
    }

    .faq__children dd:not(:last-child)[b-dtsvmi57jt] {
        margin-bottom: 12px
    }

.faq__children__icon[b-dtsvmi57jt] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 16px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.faq__children__icon--q[b-dtsvmi57jt] {
    background-color: #1e3d62;
    top: 15px
}

    .faq__children__icon--q img[b-dtsvmi57jt] {
        width: 14px;
        height: 18px
    }

.faq__children__icon--a[b-dtsvmi57jt] {
    top: -15px;
    background-color: #f44a66
}

    .faq__children__icon--a img[b-dtsvmi57jt] {
        width: 16px;
        height: 16px
    }

.faq__children__ttl[b-dtsvmi57jt] {
    font-size: 17px;
    letter-spacing: 0.14em
}

.faq__children__table[b-dtsvmi57jt] {
    border-collapse: collapse;
    margin-top: 15px
}

    .faq__children__table th[b-dtsvmi57jt], .faq__children__table td[b-dtsvmi57jt] {
        border: 1px solid #1e3d62;
        padding: 15px 20px;
        text-align: left;
        vertical-align: top
    }

    .faq__children__table thead th[b-dtsvmi57jt] {
        min-width: 160px;
        font-weight: bold;
        background-color: #eff2f6
    }

    .faq__children__table tbody th[b-dtsvmi57jt], .faq__children__table tbody td[b-dtsvmi57jt] {
        background-color: #fff
    }

.faq__close[b-dtsvmi57jt] {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 13px;
    color: #9faab7;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.faq__close__text[b-dtsvmi57jt] {
    letter-spacing: 0.08em;
    margin-right: 11px
}

.faq__close__text--child[b-dtsvmi57jt] {
    margin-right: 1px
}

.faq__close__btn[b-dtsvmi57jt] {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.faq__close__btn--bg-white[b-dtsvmi57jt] {
    background-color: #fff
}

.faq__close__btn.is-open[b-dtsvmi57jt]::before, .faq__close__btn.is-open[b-dtsvmi57jt]::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq__close__btn.is-open[b-dtsvmi57jt]::after {
    opacity: 0
}

.faq__close__btn[b-dtsvmi57jt]::before, .faq__close__btn[b-dtsvmi57jt]::after {
    content: "";
    position: absolute;
    background-color: #1e3d62;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.faq__close__btn[b-dtsvmi57jt]::before {
    top: 18px;
    left: 9px;
    width: 21px;
    height: 3px
}

.faq__close__btn[b-dtsvmi57jt]::after {
    top: 9px;
    left: 18px;
    width: 3px;
    height: 21px
}

.faq-link[b-dtsvmi57jt] {
    font-size: 13px;
    margin-top: 20px;
    text-align: right
}

    .faq-link[b-dtsvmi57jt]::before {
        content: "";
        position: relative;
        top: -2px;
        width: 17px;
        height: 17px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: middle;
        background: url(../assets/faq/icon_book.svg) no-repeat 0 0/17px 17px
    }

    .faq-link a[b-dtsvmi57jt] {
        position: relative
    }

        .faq-link a[b-dtsvmi57jt]::after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 14px;
            width: 52px;
            height: 1px;
            background-color: #000;
            opacity: 1
        }

.ripple-effect[b-dtsvmi57jt] {
    width: 900px;
    height: 900px;
    position: absolute;
    top: -430px;
    left: calc(50% - 450px);
    border-radius: 50%;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background-color: #fff;
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@keyframes ripple-b-dtsvmi57jt {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

.modal[b-dtsvmi57jt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(25,46,70,0.9);
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .modal.is-open[b-dtsvmi57jt] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        pointer-events: visible
    }

.modal__inner[b-dtsvmi57jt] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__item[b-dtsvmi57jt] {
    height: 80%;
    position: relative
}

.modal__image[b-dtsvmi57jt] {
    height: 100%;
    overflow-y: scroll
}

.modal__close[b-dtsvmi57jt] {
    position: absolute;
    top: -55px;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1
}

    .modal__close[b-dtsvmi57jt]::before, .modal__close[b-dtsvmi57jt]::after {
        content: "";
        width: calc(100% + 16px);
        height: 1px;
        background-color: #fff;
        position: absolute;
        left: 0
    }

    .modal__close[b-dtsvmi57jt]::before {
        top: 0;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .modal__close[b-dtsvmi57jt]::after {
        bottom: 0;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .modal__close:hover[b-dtsvmi57jt] {
        opacity: 0.7
    }

.u-link[b-dtsvmi57jt] {
    color: #f44a66;
    text-decoration: underline;
    position: relative;
    margin-right: 22px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1
}

    .u-link[b-dtsvmi57jt]::after {
        content: "";
        position: absolute;
        top: 1px;
        right: -16px;
        width: 11px;
        height: 11px;
        background: url(../assets/faq/blank.svg) no-repeat 0 0/11px
    }

    .u-link:hover[b-dtsvmi57jt] {
        text-decoration: none;
        opacity: 0.6
    }



/* ==================================================
共通部分 始まり
================================================== */
body[b-dtsvmi57jt] {
    min-width: 1070px;
}


/* header
-------------------------------------------------- */



/* .menu__contents>li:not(:last-child) {
		margin-right: 60px;
} */

.nav__item__inner--login[b-dtsvmi57jt] {
    padding-left: 20px;
}

.nav__item__inner[b-dtsvmi57jt]::before {
    content: "";
    width: 30px;
    height: 28px;
    background: url(../assets/header/news.svg) no-repeat 0 0/30px 28px;
    margin-right: 10px;
}

.nav__item__date[b-dtsvmi57jt] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
}

.nav__item__inner--login[b-dtsvmi57jt]::before {
    content: "";
    width: 18px;
    height: 27px;
    background: url(../assets/header/user.svg) no-repeat 0 0/18px 27px;
}

.nav__list > li[b-dtsvmi57jt] {
    border-left: none;
}

.menu__contents > li.active a[b-dtsvmi57jt] {
    position: relative;
}

    .menu__contents > li.active a[b-dtsvmi57jt]::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        background-color: #ffffff;
        bottom: -9px;
        left: 0;
        right: 0;
    }

.nav__item__inner--login[b-dtsvmi57jt]::before {
    content: "";
    width: 26px;
    height: 22px;
    background: url(../assets/header/user.png) no-repeat 0 0/26px 22px;
}


.menu__contents li[b-dtsvmi57jt] {
    position: relative;
}

    .menu__contents li ul.sub-menu[b-dtsvmi57jt] {
        -webkit-transition: visibility 0.3s ease-in-out;
        -moz-transition: visibility 0.3s ease-in-out;
        transition: visibility 0.3s ease-in-out;
        margin-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
        top: 26px;
        left: -30px;
        border-bottom: 0;
    }

    .menu__contents li:hover > ul.sub-menu[b-dtsvmi57jt] {
        visibility: visible;
    }

    .menu__contents li ul.sub-menu li[b-dtsvmi57jt] {
        position: relative;
        float: none;
        text-align: center;
        margin: 0;
        background-color: #ADCAE5;
        border-bottom: 1px solid #06203E;
    }

        .menu__contents li ul.sub-menu li:last-child[b-dtsvmi57jt] {
            border: none;
        }

        .menu__contents li ul.sub-menu li a[b-dtsvmi57jt] {
            padding: 15px 10px;
            border-right: 0;
            display: block;
            width: 200px;
            color: #06203E;
            transition: none;
        }

            .menu__contents li ul.sub-menu li a[b-dtsvmi57jt]::after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 0%;
                height: 100%;
                background-color: #e6effb;
                z-index: -1;
                -webkit-transition: all .3s;
                transition: all .3s;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                opacity: 0;
            }

            .menu__contents li ul.sub-menu li a:hover[b-dtsvmi57jt]::after {
                opacity: 1;
                width: 100%;
            }

/*ログイン前メニュー*/
.logout .menu__contents[b-dtsvmi57jt] {
    width: 500px;
}

    .logout .menu__contents > li:not(:last-child)[b-dtsvmi57jt] {
        margin-right: 70px;
    }

.logout .nav__item__inner[b-dtsvmi57jt] {
    border-left: 1px solid #808080;
}

    .logout .nav__item__inner[b-dtsvmi57jt]::before {
        display: none;
        text-align: center;
    }

    .logout .nav__item__inner[b-dtsvmi57jt]::after {
        display: none;
    }

.logout .nav__item__inner--login[b-dtsvmi57jt] {
    padding-left: 30px;
    border: 0;
}

    .logout .nav__item__inner--login[b-dtsvmi57jt]::before {
        display: block;
        background-image: url(../assets/header/login.svg);
    }




/* Footer
 -------------------------------------------------- */

.footer__left[b-dtsvmi57jt]::after {
    background-image: none;
}

.footer[b-dtsvmi57jt] {
    margin-top: 180px;
}

/* MV
 -------------------------------------------------- */

.mv[b-dtsvmi57jt] {
    position: relative;
    margin-top: 33px;
    /*background-image: url(../assets/mv/01.jpg);*/
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    text-align: center;
    padding: 20px 0 30px;
    color: #fff;
    z-index: 9;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    margin-bottom: 30px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.mv1 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/01.jpg);
}

.mv2 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/02.jpg);
    background-position: bottom;
}

.mv3 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/03.jpg);
    background-position: bottom;
}

.mv4 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/04.jpg);
}

.mv5 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/05.jpg);
    background-position: bottom;
}

.mv6 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/06.jpg);
    background-position: bottom;
}

.mv7 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/07.jpg);
    background-position: bottom;
}

.mv8 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/08.jpg);
}

.mv9 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/09.jpg);
}

.mv10 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/10.jpg);
    background-position: bottom;
}

.mv11 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/11.jpg);
    background-position: center;
}

.mv12 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/12.jpg);
}

.mv13 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/13.jpg);
}

.mv14 .mv[b-dtsvmi57jt] {
    background-image: url(../assets/mv/14.jpg);
    background-position: bottom;
}

.mv11 .is-scroll-01 + div .mv[b-dtsvmi57jt] {
    background-position: 0px 87%;
}

.mv14 .is-scroll-01 + div .mv[b-dtsvmi57jt] {
    background-position: 0px 95%;
}


.mv__subttl[b-dtsvmi57jt] {
    margin-top: 30px;
    font-size: 26px;
    position: relative;
    display: inline-block;
}

    .mv__subttl[b-dtsvmi57jt]::before {
        position: absolute;
        content: '';
        width: 32px;
        height: 32px;
        top: 50%;
        left: -38px;
        margin-top: -16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.is-scroll-01 + div .mv[b-dtsvmi57jt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 984px;
    height: 90px;
    background-color: #fff;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 998;
    margin-top: 74px;
    padding: 0;
}


/* テキスト・見出し
-------------------------------------------------- */

.inner[b-dtsvmi57jt] {
    width: 1024px;
}

.inner02[b-dtsvmi57jt] {
    width: 620px;
    margin: 0 auto;
}

section[b-dtsvmi57jt] {
    color: #4D4D4D;
}

.sec__ttl[b-dtsvmi57jt] {
    border-bottom: 1px solid #CCCCCC;
}

    .sec__ttl h3[b-dtsvmi57jt] {
        font-size: 24px;
        font-weight: normal;
        color: #4D4D4D;
    }

section h4[b-dtsvmi57jt] {
    font-size: 17px;
    font-weight: normal;
}

.sec__txt[b-dtsvmi57jt] {
    margin-top: 10px;
    font-size: 17px;
}

/* table
-------------------------------------------------- */


section table.sec__table[b-dtsvmi57jt] {
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    width: 960px;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 30px;
}

    section table.sec__table th[b-dtsvmi57jt],
    section table.sec__table td[b-dtsvmi57jt] {
        vertical-align: top;
        border: 1px solid #CCCCCC;
        font-weight: normal;
        text-align: center;
    }

    section table.sec__table th[b-dtsvmi57jt] {
        font-size: 17px;
        padding: 16px 18px 6px;
        background-color: #E5E5E5;
        color: #06203E;
        font-weight: bold;
    }

    section table.sec__table td[b-dtsvmi57jt] {
        padding: 11px 18px;
    }

        section table.sec__table td.caution[b-dtsvmi57jt] {
            text-align: center;
        }

            section table.sec__table td.caution span[b-dtsvmi57jt] {
                position: relative;
            }

                section table.sec__table td.caution span[b-dtsvmi57jt]::before {
                    text-align: center;
                    position: absolute;
                    content: '';
                    width: 17px;
                    height: 17px;
                    top: 50%;
                    left: -30px;
                    margin-top: -8px;
                    background-image: url(../assets/library/caution.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }


/* sec__tablelist
-------------------------------------------------- */

section .sec__tablelist dl[b-dtsvmi57jt],
section .sec__tablelist dt[b-dtsvmi57jt],
section .sec__tablelist dd[b-dtsvmi57jt] {
    box-sizing: border-box;
}

section .sec__tablelist dl[b-dtsvmi57jt] {
    margin-top: 25px;
}

section .sec__tablelist dt[b-dtsvmi57jt],
section .sec__tablelist dd[b-dtsvmi57jt] {
}

section .sec__tablelist dt[b-dtsvmi57jt] {
    width: 220px;
    float: left;
    padding: 0 30px;
    line-height: 32px;
    font-size: 17px;
}


section .sec__tablelist dd[b-dtsvmi57jt] {
    margin-left: 220px;
    font-size: 22px;
    font-weight: bold;
    color: #06203E;
}

    section .sec__tablelist dd.nullArea[b-dtsvmi57jt] {
        position: relative;
    }

        section .sec__tablelist dd.nullArea[b-dtsvmi57jt]:after {
            position: absolute;
            content: '';
            top: 15px;
            left: 0;
            width: 30px;
            height: 1px;
            background-color: #06203E;
        }

section .sec__tablelist dl[b-dtsvmi57jt]:after {
    content: '';
    display: block;
    clear: both;
}


section .sec__tablelist .form-control[b-dtsvmi57jt] {
    border: 0;
    padding: 7px 15px 6px;
    color: #999999;
    font-size: 18px;
    border: solid 1px #06203E;
    width: auto;
    border-radius: 10px;
    background-color: #E5E5E5;
    color: #06203E;
    font-weight: normal;
    display: block;
}


section .sec__tablelist input[b-dtsvmi57jt],
section .sec__tablelist textarea[b-dtsvmi57jt] {
    border: 0;
    padding: 7px 15px 6px;
    color: #999999;
    font-size: 18px;
    border: solid 1px #06203E;
    width: 474px;
    border-radius: 10px;
    background-color: #EFF2F7;
    color: #06203E;
}

    section .sec__tablelist input.input_s[b-dtsvmi57jt] {
        width: 340px;
    }


section .sec__tablelist p.attention[b-dtsvmi57jt] {
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal;
    margin-top: 5px;
}

section .sec__tablelist dt span[b-dtsvmi57jt] {
    font-size: 13px;
    font-weight: bold;
    color: #F44A66;
    border: 1px solid #F44A66;
    border-radius: 3px;
    padding: 3px 3px 2px;
    margin-right: 5px;
}

.sec__select[b-dtsvmi57jt] {
    width: 183px;
    height: 42px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #E5E5E5;
    margin-left: 20px;
    position: relative;
}

    .sec__select[b-dtsvmi57jt]::before {
        position: absolute;
        content: '';
        right: 10px;
        top: 50%;
        margin-top: -7px;
        width: 12px;
        height: 12px;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        pointer-events: none;
    }

    .sec__select select[b-dtsvmi57jt] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        outline: none;
        padding: 0 20px;
        font-size: 18px;
    }

[b-dtsvmi57jt]::-webkit-input-placeholder {
    font-weight: normal;
}

[b-dtsvmi57jt]::-moz-placeholder {
    font-weight: normal;
}

:-ms-input-placeholder[b-dtsvmi57jt] {
    font-weight: normal;
}


.txtalignR[b-dtsvmi57jt],
.txtalignR[b-dtsvmi57jt]::placeholder {
    text-align: right;
}


/*エラー設定*/
#license .license__input input.error[b-dtsvmi57jt],
#entry .license__input input.error[b-dtsvmi57jt],
section .sec__tablelist select.error[b-dtsvmi57jt],
section .sec__tablelist textarea.error[b-dtsvmi57jt],
section .sec__tablelist input.error[b-dtsvmi57jt] {
    background-color: #EDDDE3;
    border-color: #E72762;
}

#my_simu_form.step02 .simu_step02-box02 .simu_form-inner p.error[b-dtsvmi57jt],
#my_simu_form .area-inner p.error[b-dtsvmi57jt],
section.sec__input p.error[b-dtsvmi57jt],
section .form__contents p.error[b-dtsvmi57jt],
section .sec__tablelist p.error[b-dtsvmi57jt] {
    color: #E72762;
    font-size: 14px;
    margin-left: 5px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
}


section .sec__tablelist input.size_l[b-dtsvmi57jt],
section .sec__tablelist textarea.size_l[b-dtsvmi57jt] {
    width: 685px;
}

section .sec__tablelist input.size_m[b-dtsvmi57jt],
section .sec__tablelist textarea.size_m[b-dtsvmi57jt] {
    width: 580px;
}

section .sec__tablelist input.size_s[b-dtsvmi57jt],
section .sec__tablelist textarea.size_s[b-dtsvmi57jt] {
    width: 285px;
}

section .sec__tablelist input.size_ss[b-dtsvmi57jt],
section .sec__tablelist textarea.size_ss[b-dtsvmi57jt] {
    width: 230px;
}

section .sec__tablelist input.size_100[b-dtsvmi57jt],
section .sec__tablelist textarea.size_100[b-dtsvmi57jt] {
    width: 100px;
}
/* チェックボックス */

#form input[type=checkbox][b-dtsvmi57jt] {
    display: inline-block;
}

    #form input[type=checkbox] + label[b-dtsvmi57jt] {
        position: relative;
        display: inline-block;
        font-size: 15px;
        color: #06203E;
        padding: 5px 10px 5px 40px;
        line-height: 25px;
        cursor: pointer;
        width: 225px;
        margin-right: 6px;
        margin-bottom: 10px;
        -webkit-transition: all .2s;
        transition: all .2s;
        vertical-align: top;
    }

        #form input[type=checkbox] + label small[b-dtsvmi57jt] {
            font-size: 0.7em;
        }

        #form input[type=checkbox] + label[b-dtsvmi57jt]::after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-color: #ADCAE5;
            z-index: -1;
            -webkit-transition: all .3s;
            transition: all .3s;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            opacity: 0;
        }

    #form input[type=checkbox]:checked + label[b-dtsvmi57jt]::after {
        width: 100%;
        opacity: 1;
    }

@media (min-width: 1px) {
    #form input[type=checkbox][b-dtsvmi57jt] {
        display: none;
        margin: 0;
        margin-left: 10px;
    }

        #form input[type=checkbox] + label[b-dtsvmi57jt]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 35px;
            height: 35px;
            background-image: url(../assets/form/checkbox_off.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 20px;
        }

        #form input[type=checkbox]:checked + label[b-dtsvmi57jt]::before {
            background-image: url(../assets/form/checkbox_on.png);
        }
}

/* ラジオボタン */

#form input[type=radio][b-dtsvmi57jt] {
    display: inline-block;
}

    #form input[type=radio] + label[b-dtsvmi57jt] {
        position: relative;
        display: inline-block;
        font-size: 15px;
        color: #06203E;
        padding: 5px 10px;
        line-height: 25px;
        cursor: pointer;
        margin-right: 20px;
        margin-bottom: 10px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

@media (min-width: 1px) {
    #form input[type=radio][b-dtsvmi57jt] {
        display: none;
        margin: 0;
        margin-left: 10px;
    }

        #form input[type=radio] + label[b-dtsvmi57jt] {
            padding-left: 40px;
            background-image: url(../assets/form/radio_off.png);
            background-position: 10px;
            background-size: 20px;
        }

        #form input[type=radio]:checked + label[b-dtsvmi57jt] {
            background-image: url(../assets/form/radio_on.png);
            color: #1262B2;
        }
}

/*説明テキスト*/

#form .form__txt[b-dtsvmi57jt] {
    font-size: 13px;
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all .5s;
    transition: all .5s;
}

    #form .form__txt.in[b-dtsvmi57jt] {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }



/* btn
-------------------------------------------------- */

.btn[b-dtsvmi57jt] {
    position: relative;
    text-align: center;
    width: 300px;
    margin: 0 auto;
}

    .btn[b-dtsvmi57jt]::before {
        position: absolute;
        content: '';
        right: 20px;
        top: 50%;
        margin-top: -7px;
        width: 12px;
        height: 12px;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 10;
    }

    .btn.back[b-dtsvmi57jt]::before {
        right: auto;
        left: 20px;
        border-top: 1px solid #06203E;
        border-right: 1px solid #06203E;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        z-index: 10;
    }

    .btn a[b-dtsvmi57jt],
    .btn button[b-dtsvmi57jt],
    .btn input[b-dtsvmi57jt] {
        display: block;
        width: 300px;
        padding: 12px 5px;
        background-color: #1262B2;
        color: #ffffff;
        border-radius: 10px;
        position: relative;
        font-size: 17px;
    }

    .btn.back a[b-dtsvmi57jt],
    .btn.back button[b-dtsvmi57jt],
    .btn.back input[b-dtsvmi57jt] {
        background-color: #ffffff;
        color: #06203E;
        border: 1px solid #06203E;
    }

.btn-area .btn.back[b-dtsvmi57jt] {
    float: left;
}

.btn-area .btn[b-dtsvmi57jt] {
    float: right;
}

/* clearfix
-------------------------------------------------- */

/* For modern browsers */
.cf[b-dtsvmi57jt]:before,
.cf[b-dtsvmi57jt]:after {
    content: "";
    display: table;
}

.cf[b-dtsvmi57jt]:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf[b-dtsvmi57jt] {
    zoom: 1;
}


/*ユーザーメニュー*/


.nav__item__inner--news[b-dtsvmi57jt],
.nav__item__inner--login[b-dtsvmi57jt] {
    position: relative;
}

    .nav__item__inner--news.is-active[b-dtsvmi57jt]::after,
    .nav__item__inner--login.is-active[b-dtsvmi57jt]::after {
        content: "";
        background-color: #ffffff;
        height: 3px;
        width: 60%;
        position: absolute;
        bottom: 0;
        left: 20px;
    }


/* ヘッダーニュース
 -------------------------------------------------- */

.nav__item--normal[b-dtsvmi57jt] {
    position: relative;
}

    .nav__item--normal:hover[b-dtsvmi57jt] {
        background-color: #E5E5E5;
        color: #001732;
    }

.logout .nav__item--normal:hover[b-dtsvmi57jt] {
    background-color: #001732;
    color: #ffffff;
}

#fixed-menu__news[b-dtsvmi57jt] {
    display: none;
    /*position: absolute;*/
    position: fixed;
    top: 70px;
    z-index: 9999;
    width: 100%;
    padding: 0;
    background: #E5E5E5;
    width: 370px;
    margin: 0 auto;
    right: 0;
}

.is-scroll-01 #fixed-menu__news[b-dtsvmi57jt] {
    top: 40px;
    z-index: 999;
}

#fixed-menu__news .fixed-menu-contents[b-dtsvmi57jt] {
    text-align: center;
    margin: 25px 0;
    padding: 0 25px;
}

    #fixed-menu__news .fixed-menu-contents ul li[b-dtsvmi57jt] {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 10px 25px 15px;
        text-align: left;
        font-size: 13px;
        cursor: pointer;
    }

        #fixed-menu__news .fixed-menu-contents ul li:hover[b-dtsvmi57jt] {
            background-color: #F0F0F0;
        }

        #fixed-menu__news .fixed-menu-contents ul li + li[b-dtsvmi57jt] {
            margin-top: 10px;
        }

        #fixed-menu__news .fixed-menu-contents ul li span[b-dtsvmi57jt] {
            font-size: 12px;
            font-weight: normal;
        }

        #fixed-menu__news .fixed-menu-contents ul li i[b-dtsvmi57jt] {
            text-align: right;
            display: block;
            color: #1262B2;
            font-size: 12px;
            font-style: normal;
            font-weight: normal;
        }

    #fixed-menu__news .fixed-menu-contents a:hover[b-dtsvmi57jt] {
        background-color: #FCDBE4;
    }

/*ニュース詳細*/
body[b-dtsvmi57jt] {
    position: relative;
}

#layer[b-dtsvmi57jt] {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
    z-index: 9998;
}

#popup[b-dtsvmi57jt] {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 490px;
    height: 540px;
    margin-left: -245px;
    margin-top: -270px;
    background-color: #ffffff;
    border-radius: 10px;
    z-index: 9999;
    box-shadow: 0px 0px 6px 0px #26250b;
}

    #popup .popup--ttl[b-dtsvmi57jt] {
        position: relative;
        display: block;
        background-color: #06203E;
        color: #ffffff;
        padding: 16px 0 18px 88px;
        font-size: 20px;
        font-weight: bold;
        border-radius: 10px 10px 0 0;
    }

        #popup .popup--ttl[b-dtsvmi57jt]::before {
            background-image: url(../assets/library/news_icon.png);
            position: absolute;
            content: '';
            width: 41px;
            height: 38px;
            top: 50%;
            left: 30px;
            margin-top: -17px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

    #popup .popup--inner[b-dtsvmi57jt] {
        margin: 15px 35px 10px;
        overflow-y: auto;
        height: 365px;
        border-bottom: 1px solid #B2B2B2
    }

        #popup .popup--inner .popup--inner__date[b-dtsvmi57jt] {
            font-size: 15px;
        }

        #popup .popup--inner .popup--inner__ttl[b-dtsvmi57jt] {
            font-size: 17px;
            color: #06203E;
            font-weight: bold;
            margin-bottom: 1em;
        }

        #popup .popup--inner .popup--inner__txt[b-dtsvmi57jt] {
            font-size: 12px;
            padding-bottom: 20px;
        }

    #popup .popup_num[b-dtsvmi57jt] {
        font-size: 23px;
        font-weight: bold;
        text-align: center;
    }

    #popup .arrow[b-dtsvmi57jt] {
        text-align: center;
        color: #1262B2;
        vertical-align: middle;
    }

        #popup .arrow span[b-dtsvmi57jt] {
            vertical-align: middle;
            text-align: center;
        }

    #popup .arrow_prev[b-dtsvmi57jt],
    #popup .arrow_next[b-dtsvmi57jt] {
        font-size: 28px;
    }

    #popup .arrow_prev[b-dtsvmi57jt] {
        color: #cccccc;
    }



    #popup .close_btn[b-dtsvmi57jt] {
        font-size: 17px;
        color: #1262B2;
        cursor: pointer;
        text-align: center;
        padding: 0 20px;
    }

    #popup .close_btn--icon[b-dtsvmi57jt] {
        position: absolute;
        top: 10px;
        right: 10px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        width: 15px;
        height: 15px;
        cursor: pointer;
        padding: 15px;
    }

        #popup .close_btn--icon[b-dtsvmi57jt]::after,
        #popup .close_btn--icon[b-dtsvmi57jt]::before {
            position: absolute;
            display: block;
            transform: rotate(45deg);
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: auto;
            width: 15px;
            height: 1px;
            background: #ffffff;
        }

        #popup .close_btn--icon[b-dtsvmi57jt]::before {
            transform: rotate(-45deg);
        }





/* ヘッダーマイメニュー
 -------------------------------------------------- */

#fixed-menu[b-dtsvmi57jt] {
    display: none;
    position: fixed;
    top: 70px;
    z-index: 9999;
    width: 100%;
    padding: 0;
    background: #f36;
    width: 370px;
    margin: 0 auto;
    right: 0;
}

.is-scroll-01 #fixed-menu[b-dtsvmi57jt] {
    top: 40px;
    z-index: 999;
}

#fixed-menu .fixed-menu-contents[b-dtsvmi57jt] {
    text-align: center;
    margin: 25px 0;
}

    #fixed-menu .fixed-menu-contents span[b-dtsvmi57jt],
    #fixed-menu .fixed-menu-contents a[b-dtsvmi57jt] {
        width: 314px;
        margin: 0 auto;
        display: block;
        padding: 13px 5px 12px;
        line-height: 1;
        margin-bottom: 10px;
        background-color: #ffffff;
        color: #000000;
        font-size: 15px;
        border-radius: 10px;
        font-weight: normal;
    }

        #fixed-menu .fixed-menu-contents span:hover[b-dtsvmi57jt],
        #fixed-menu .fixed-menu-contents a:hover[b-dtsvmi57jt] {
            background-color: #FCDBE4;
        }


/* ステップバー
-------------------------------------------------- */
.stepArea[b-dtsvmi57jt] {
    border: 1px solid #CCCCCC;
    margin-bottom: 30px;
    color: #cccccc;
}

    .stepArea .stepBox[b-dtsvmi57jt] {
        width: 253px;
        height: 36px;
        line-height: 36px;
        box-sizing: border-box;
        border-right: 1px solid #cccccc;
        float: left;
    }

        .stepArea .stepBox:last-child[b-dtsvmi57jt] {
            border-right: none;
        }

        .stepArea .stepBox p[b-dtsvmi57jt] {
            text-align: center;
            display: inline-block;
            width: 200px;
            font-size: 18px;
        }

        .stepArea .stepBox span[b-dtsvmi57jt] {
            text-align: right;
            display: inline-block;
            width: 36px;
            font-size: 22px;
            font-weight: bold;
        }

        .stepArea .stepBox.hit[b-dtsvmi57jt] {
            color: #ffffff;
            background-color: #1262B2;
            position: relative;
        }

            .stepArea .stepBox.hit[b-dtsvmi57jt]::after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                top: 50%;
                right: -6px;
                margin-top: -6px;
                border-style: solid;
                border-width: 6px 0 6px 7px;
                border-color: transparent transparent transparent #1262B2;
            }

        .stepArea .stepBox:last-child.hit[b-dtsvmi57jt]::after {
            display: none;
        }


/* ページネーション
-------------------------------------------------- */
.pagerArea[b-dtsvmi57jt] {
    text-align: center;
    padding: 20px 0;
}

    .pagerArea ul[b-dtsvmi57jt] {
        font-size: 0;
    }

        .pagerArea ul li[b-dtsvmi57jt] {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            height: 38px;
            line-height: 38px;
            margin: 0 1px;
        }

            .pagerArea ul li a[b-dtsvmi57jt],
            .pagerArea ul li span[b-dtsvmi57jt] {
                display: block;
                width: 38px;
                height: 38px;
                line-height: 38px;
                background-color: #999999;
                color: #ffffff;
            }

            .pagerArea ul li:first-child[b-dtsvmi57jt] {
                margin-right: 10px;
            }

            .pagerArea ul li.current span[b-dtsvmi57jt] {
                background-color: #1262B2;
            }

            .pagerArea ul li.prev a[b-dtsvmi57jt],
            .pagerArea ul li.next a[b-dtsvmi57jt] {
                position: relative;
            }

                .pagerArea ul li.next a[b-dtsvmi57jt]::after,
                .pagerArea ul li.prev a[b-dtsvmi57jt]::after {
                    position: absolute;
                    top: 50%;
                    margin-top: -5px;
                    left: 10px;
                    content: '';
                    width: 10px;
                    height: 10px;
                    border-top: 1px solid #ffffff;
                    border-right: 1px solid #ffffff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .pagerArea ul li.prev a[b-dtsvmi57jt]::after {
                    left: auto;
                    right: 10px;
                    -webkit-transform: rotate(-135deg);
                    transform: rotate(-135deg);
                }



/* マニュアルボタン
-------------------------------------------------- */
.manual-area a[b-dtsvmi57jt] {
    margin-right: 11px;
    margin-bottom: 5px;
    background-color: #ADCAE5;
    padding: 8px 15px;
    display: block;
    color: #06203E;
    width: 145px;
    font-size: 13px;
    position: relative;
    z-index: 1;
    margin-left: auto;
}

    .manual-area a[b-dtsvmi57jt]::before {
        position: absolute;
        content: '';
        width: 18px;
        height: 22px;
        right: 10px;
        top: 6px;
        background-image: url(../assets/library/pdf_icon.png);
        background-repeat: no-repeat;
    }

    .manual-area a[b-dtsvmi57jt]::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #e6effb;
        z-index: -1;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }

    .manual-area a:hover[b-dtsvmi57jt]::after {
        opacity: 1;
        width: 100%;
    }




/* 結果表示ボタン
-------------------------------------------------- */

.mv .mv__result__btn[b-dtsvmi57jt] {
    width: 330px;
    margin: 0 auto;
    margin-top: 10px;
}

    .mv .mv__result__btn a[b-dtsvmi57jt] {
        display: block;
        font-size: 17px;
        border-radius: 10px;
        width: 330px;
        line-height: 48px;
        height: 48px;
        background-color: #1262B2;
        position: relative;
        vertical-align: middle;
        text-decoration: none;
        padding-right: 20px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .mv .mv__result__btn a:hover[b-dtsvmi57jt] {
            opacity: .75;
        }

        .mv .mv__result__btn a[b-dtsvmi57jt]::before {
            width: 15px;
            height: 15px;
            border-top: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 0;
            right: 24px;
            bottom: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
        }

    .mv .mv__result__btn.disabled a[b-dtsvmi57jt] {
        color: #cccccc;
        background-color: #4D4D4D;
    }

        .mv .mv__result__btn.disabled a[b-dtsvmi57jt]::before {
            width: 28px;
            height: 28px;
            border: none;
            position: absolute;
            top: 0;
            right: 10px;
            bottom: 0;
            margin: auto;
            content: "";
            background-image: url(../assets/disabled.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        .mv .mv__result__btn.disabled a:hover[b-dtsvmi57jt] {
            opacity: 1;
            cursor: default;
        }


/* ログアウト
-------------------------------------------------- */


#logout[b-dtsvmi57jt] {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    width: 490px;
    height: auto;
    background-color: #ffffff;
    border-radius: 10px;
    z-index: 9999;
    box-shadow: 0px 0px 6px 0px #26250b;
}

    #logout .popup--ttl[b-dtsvmi57jt] {
        position: relative;
        display: block;
        background-color: #06203E;
        color: #ffffff;
        text-align: center;
        padding: 16px 0 18px 0;
        font-size: 20px;
        font-weight: bold;
        border-radius: 10px 10px 0 0;
    }

    #logout .popup--inner[b-dtsvmi57jt] {
        margin: 15px 35px 10px;
        height: auto;
    }

        #logout .popup--inner .popup--inner__ttl[b-dtsvmi57jt] {
            font-size: 17px;
            color: #06203E;
            font-weight: bold;
            margin-bottom: 1em;
        }

    #logout .btn[b-dtsvmi57jt] {
        width: 200px;
        margin-bottom: 20px;
    }

        #logout .btn a[b-dtsvmi57jt] {
            width: 200px;
            cursor: pointer;
        }

    #logout .close_btn[b-dtsvmi57jt] {
    }

    #logout .close_btn--icon[b-dtsvmi57jt] {
        position: absolute;
        top: 10px;
        right: 10px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        width: 15px;
        height: 15px;
        cursor: pointer;
        padding: 15px;
        font-size: 17px;
        color: #1262B2;
        cursor: pointer;
        text-align: center;
    }

        #logout .close_btn--icon[b-dtsvmi57jt]::after,
        #logout .close_btn--icon[b-dtsvmi57jt]::before {
            position: absolute;
            display: block;
            transform: rotate(45deg);
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: auto;
            width: 15px;
            height: 1px;
            background: #ffffff;
        }

        #logout .close_btn--icon[b-dtsvmi57jt]::before {
            transform: rotate(-45deg);
        }





.tablet[b-dtsvmi57jt] {
    display: none;
}

@media screen and (max-width: 768px) {
    .tablet[b-dtsvmi57jt] {
        display: block;
    }

    body[b-dtsvmi57jt] {
        min-width: 100%;
        width: 100%;
    }

    section h4[b-dtsvmi57jt] {
        font-size: 23px;
    }

    .inner[b-dtsvmi57jt] {
        width: 100%;
        padding: 0 10px;
    }

    .inner02[b-dtsvmi57jt] {
        width: 90%;
    }

    .header[b-dtsvmi57jt] {
        min-width: 100%;
        height: 70px;
        width: 100%;
    }

    .header__inner[b-dtsvmi57jt] {
        width: 100%;
        padding-left: 10px;
    }

    .menu[b-dtsvmi57jt] {
        min-width: 100%;
        width: 100%;
        padding-left: 80px;
    }

    .header.is-scroll-01 .menu[b-dtsvmi57jt] {
        padding-left: 0;
    }

    .menu__contents[b-dtsvmi57jt] {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .menu__contents > li:not(:last-child)[b-dtsvmi57jt] {
            margin-right: 2%;
        }

        .menu__contents > li[b-dtsvmi57jt] {
            margin: 0 2%;
        }

    .nav[b-dtsvmi57jt] {
        height: 100%;
        overflow: hidden;
        position: relative;
        padding-right: 70px;
    }

    .header__logo__text[b-dtsvmi57jt] {
        padding: 25px 0 20px;
    }

    .nav__item__inner--news span[b-dtsvmi57jt],
    .nav__item__inner--login span[b-dtsvmi57jt] {
        display: none;
    }

    .login[b-dtsvmi57jt] {
        width: 70px;
    }

    .nav__item[b-dtsvmi57jt] {
        width: 70px;
        border-left: 1px solid #cccccc;
        padding: 21px 20px;
    }

    .nav__item__inner[b-dtsvmi57jt]::before {
        margin-right: 0;
    }

    .nav__item__inner--news.is-active[b-dtsvmi57jt]::after, .nav__item__inner--login.is-active[b-dtsvmi57jt]::after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .nav__item__inner--news.is-active[b-dtsvmi57jt]::after {
        bottom: -20px;
        width: 100%;
    }

    .nav__item__inner--login[b-dtsvmi57jt] {
        padding-left: 22px;
    }

    .nav__item__date[b-dtsvmi57jt] {
        margin-right: 0;
        padding: 25px 20px 15px;
        text-align: right;
    }


    /*ログイン前メニュー*/


    .logout .nav__item[b-dtsvmi57jt] {
        width: 105px;
        padding: 30px 8px;
    }

    .logout .nav__item__inner[b-dtsvmi57jt] {
        border-left: none;
    }

        .logout .nav__item__inner[b-dtsvmi57jt]::before {
            display: none;
            text-align: center;
        }

    .logout .nav__item__inner--news span[b-dtsvmi57jt] {
        display: block;
        text-align: center;
        font-size: 12px;
    }

    .logout .nav__item__inner--login[b-dtsvmi57jt] {
        padding-left: 20px;
    }

        .logout .nav__item__inner--login span[b-dtsvmi57jt] {
            display: none;
        }

        .logout .nav__item__inner--login[b-dtsvmi57jt]::before {
            display: block;
            background-image: url(../assets/header/login.svg);
        }





    .header.is-scroll-01 .header__logo__text[b-dtsvmi57jt] {
        padding: 10px 0 0;
    }

    .header.is-scroll-01 .nav__item__date[b-dtsvmi57jt] {
        padding: 10px;
    }

    .header.is-scroll-01 .nav__item[b-dtsvmi57jt] {
        padding: 15px 6px;
    }

    .is-scroll-01 + div .mv[b-dtsvmi57jt] {
        min-width: 100%;
    }





    .footer__main[b-dtsvmi57jt] {
        display: block;
        text-align: center;
    }

    .footer__copyright[b-dtsvmi57jt] {
        font-size: 12px;
    }


    section table.sec__table[b-dtsvmi57jt] {
        width: 100%;
    }

    section .sec__tablelist input.size_l[b-dtsvmi57jt], section .sec__tablelist textarea.size_l[b-dtsvmi57jt] {
        width: 100%;
    }
}



/* ローディング
-------------------------------------------------- */


#updateLayer[b-dtsvmi57jt] {
    /*display: none;*/
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.5;
    z-index: 9998;
}

.progress-button[b-dtsvmi57jt] {
    position: fixed;
    display: inline-block;
    text-align: center;
    width: 45%;
    min-width: 250px;
    z-index: 9999;
    top: 450px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    /* Button style */
    .progress-button button[b-dtsvmi57jt] {
        display: block;
        cursor: default;
        margin: 0 auto;
        padding: 0;
        width: 80px;
        height: 70px;
        border-width: 0;
        border-radius: 40px;
        color: #fff;
        letter-spacing: 1px;
        font-size: 13px;
        /*font-family: 'Montserrat', sans-serif;*/
        -webkit-tap-highlight-color: transparent;
        -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
        transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    }

        .progress-button button:focus[b-dtsvmi57jt] {
            outline: none;
        }

        /* Text (transition for when returning to initial state) */
        .progress-button button span[b-dtsvmi57jt] {
            -webkit-transition: opacity 0.3s 0.1s;
            transition: opacity 0.3s 0.1s;
            margin-top: 35px;
            display: block;
        }

    /* Common style of SVGs */
    .progress-button svg[b-dtsvmi57jt] {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
    }

        .progress-button svg.checkmark[b-dtsvmi57jt] {
            top: -10px;
        }

        .progress-button svg path[b-dtsvmi57jt] {
            opacity: 0;
            fill: none;
        }

        .progress-button svg.progress-circle path[b-dtsvmi57jt] {
            stroke: #06203E;
            stroke-width: 5;
        }

        .progress-button svg.checkmark path[b-dtsvmi57jt],
        .progress-button svg.cross path[b-dtsvmi57jt] {
            stroke: #fff;
            stroke-linecap: round;
            stroke-width: 4;
            -webkit-transition: opacity 0.1s;
            transition: opacity 0.1s;
        }

/* Loading, success and error effects */
.loading.progress-button button[b-dtsvmi57jt] {
    width: 70px; /* make a circle */
    border: 5px solid #ddd;
    background-color: transparent;
    color: #fff;
}

.loading.progress-button span[b-dtsvmi57jt] {
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
}


.loading.progress-button span[b-dtsvmi57jt],
.success.progress-button span[b-dtsvmi57jt],
.error.progress-button span[b-dtsvmi57jt] {
    opacity: 0; /* keep it hidden in all states */
}

.success.progress-button span[b-dtsvmi57jt],
.error.progress-button span[b-dtsvmi57jt] {
    opacity: 1;
}

.success.progress-button button[b-dtsvmi57jt],
.error.progress-button button[b-dtsvmi57jt] {
    -webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
    transition: background-color 0.3s, width 0.3s, border-width 0.3s;
    width: 250px;
}

.success.progress-button button[b-dtsvmi57jt] {
    background-color: #06203E;
}

.error.progress-button button[b-dtsvmi57jt] {
    border-color: #FB797E;
    background-color: #FB797E;
}

.loading.progress-button svg.progress-circle path[b-dtsvmi57jt],
.success.progress-button svg.checkmark path[b-dtsvmi57jt],
.error.progress-button svg.cross path[b-dtsvmi57jt] {
    opacity: 1;
    -webkit-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
}

/* Optional elastic effect for the width of the button */
.elastic.progress-button button[b-dtsvmi57jt] {
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1), border-width 0.3s, border-color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
}

.loading.elastic.progress-button button[b-dtsvmi57jt] {
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, 0, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
}






/* ==================================================
共通部分 終わり
================================================== */





/* ==================================================
login
================================================== */

#login[b-dtsvmi57jt] {
    margin-top: 100px;
    margin-bottom: 230px;
}

    #login .mv__subttl[b-dtsvmi57jt] {
        position: relative;
        margin-top: 0;
    }

        #login .mv__subttl[b-dtsvmi57jt]::before {
            position: absolute;
            content: '';
            width: 32px;
            height: 32px;
            top: 50%;
            left: -38px;
            margin-top: -16px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../assets/library/login_icon.png);
        }

    #login .sec__tablelist dt[b-dtsvmi57jt] {
        width: auto;
        float: none;
        padding: 0;
        line-height: inherit;
        font-size: 17px;
        margin-bottom: 5px;
        margin-left: 0;
        text-align: left;
    }

    #login .sec__tablelist[b-dtsvmi57jt] {
        width: 420px;
        margin: 0 auto;
    }

        #login .sec__tablelist .size_s[b-dtsvmi57jt] {
            width: 100%;
        }

        #login .sec__tablelist dd[b-dtsvmi57jt] {
            margin-left: 0;
        }

    #login .login__btn .btn[b-dtsvmi57jt] {
        width: 420px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

        #login .login__btn .btn a[b-dtsvmi57jt] {
            width: 420px;
        }

    #login .attention span[b-dtsvmi57jt],
    #login .attention a[b-dtsvmi57jt] {
        text-align: center;
        color: #1262B2;
        font-size: 17px;
        position: relative;
        padding-right: 30px;
    }

        #login .attention span:hover[b-dtsvmi57jt],
        #login .attention a:hover[b-dtsvmi57jt] {
            opacity: 0.7;
        }

        #login .attention span[b-dtsvmi57jt]::after,
        #login .attention a[b-dtsvmi57jt]::after {
            position: absolute;
            content: '';
            right: 0;
            width: 15px;
            top: 50%;
            margin-top: -8px;
            height: 15px;
            border-top: 1px solid #1262B2;
            border-right: 1px solid #1262B2;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    #login .store__link a[b-dtsvmi57jt] {
        position: relative;
        color: #1262B2;
    }

        #login .store__link a:hover[b-dtsvmi57jt] {
            opacity: .7;
        }

        #login .store__link a[b-dtsvmi57jt]::before {
            position: absolute;
            content: '';
            width: 19px;
            height: 19px;
            top: 50%;
            right: -35px;
            margin-top: -10px;
            background-image: url(../assets/library/link.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

    #login .store__box02[b-dtsvmi57jt] {
        border-top: 1px solid #CCCCCC;
        padding-top: 30px;
        margin-top: 30px;
    }

        #login .store__box02 .store__txt[b-dtsvmi57jt] {
            width: 260px;
            float: left;
            font-size: 17px;
            margin-top: 10px;
        }

        #login .store__box02 .store__btn[b-dtsvmi57jt] {
            float: right;
        }

    #login .btn button[b-dtsvmi57jt] {
        width: 100%;
    }




    /* ==================================================
	エラーポップアップ
 ================================================== */
    #login .error_pop[b-dtsvmi57jt] {
        background-color: #f36;
        position: fixed;
        color: #ffffff;
        top: 120px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 400px;
        z-index: 999;
        padding: 15px;
        padding-left: 80px;
        background-image: url(../assets/surprised_w.png);
        background-position: 20px;
        background-size: 48px;
        background-repeat: no-repeat;
        text-align: left;
    }


    /* ==================================================
	パスワードを忘れた方
 ================================================== */

    #login .attention span.hit[b-dtsvmi57jt]::after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #login .attentionBox[b-dtsvmi57jt] {
        display: none;
    }

        #login .attentionBox .sec__tablelist dt[b-dtsvmi57jt] {
            font-size: 14px;
        }

        #login .attentionBox .btn[b-dtsvmi57jt]::before {
            display: none;
        }


    /* ==================================================
	パスワードを忘れた方 エラー画面
 ================================================== */

    #login.login_input_error .attention span[b-dtsvmi57jt]::after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #login.login_input_error .attention span.hit[b-dtsvmi57jt]::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #login.login_input_error .attentionBox[b-dtsvmi57jt] {
        display: block;
    }

    #login .attentionBox .sec__tablelist dt.error[b-dtsvmi57jt] {
        color: #E72762;
    }

    /* ==================================================
	完了画面
 ================================================== */

    #login.login_input_fin .attention_txt[b-dtsvmi57jt] {
        color: #1262B2;
        font-size: 16px;
    }

    #login.login_input_fin .attention_check[b-dtsvmi57jt] {
        position: relative;
        background-color: #1262B2;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 20px auto;
    }

        #login.login_input_fin .attention_check[b-dtsvmi57jt]::after {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: 0 auto;
            margin-top: -6px;
            width: 18px;
            height: 10px;
            border-left: 2px solid #ffffff;
            border-bottom: 2px solid #ffffff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
/* _content/SanpaiHikaku/Shared/ConditionDisplay.razor.rz.scp.css */
/*外枠*/
.table-container[b-0b9fqb5sub] {
    border: 3px solid var(--gray4);
    margin-bottom: 30px;
}

/*積算基準年度など条件表示のテーブル*/
.table-conditions[b-0b9fqb5sub] {
    width: 100%;
    position: relative;
}

    /*積算基準年度など条件表示のテーブル本体*/
    .table-conditions > tbody[b-0b9fqb5sub] {
        width: 100%;
        display: block;
        padding: 12px 20px !important;
        position: relative;
    }

    /*積算基準年度など条件表示のテーブル内容部分*/
    .table-conditions th[b-0b9fqb5sub], td[b-0b9fqb5sub] {
        vertical-align: top;
        color: var(--blue-black);
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
    }

    /*積算基準年度など条件表示のテーブル内容部分（thのみ*/
    .table-conditions tbody th[b-0b9fqb5sub] {
        /*width: 80px;*/
        width: 8em;
    }

/* 条件を変更リンク*/
.table-link[b-0b9fqb5sub] {
    position: absolute;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%;
    right: 0;
    display: inline-block;
    color: var(--primary);
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    pointer-events: auto;
    z-index: 10;
    width: 100px;
}

    /*条件を変更リンク下線*/
    .table-link[b-0b9fqb5sub]:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 88px;
        height: 0px;
        border: 1px solid rgba(229,92,92,.4); /*カラーを薄くし細く見せるため調整*/
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-3%, 0%);
        transform: translate(-3%, 0%);
    }

.table-container hr[b-0b9fqb5sub] {
    margin: 2px 20px;
}
/* _content/SanpaiHikaku/Shared/Error.razor.rz.scp.css */
.alert[b-4yhfxx2ely] {
    top: 60px;
    margin-bottom:0;
}
/* _content/SanpaiHikaku/Shared/ProgressBar.razor.rz.scp.css */

/*containerの追加クラス*/
.container-flex[b-0utkibptwa] {
    display: flex;
    justify-content: center;
}

/*進行ボックス*/
.situation[b-0utkibptwa] {
    display: flex;
    align-items: flex-start;
    height: auto;
    /*overflow: auto; 極端に小さいサイズでもし使うならブレイクポイントを指定し使用(
	ほかレイアウト調整必須*/
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px;
}


/*進行の各ボックス*/
.situation__number[b-0utkibptwa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 245px;
}

/*赤進行*/
.situation__number--current[b-0utkibptwa] {
    background-color: var(--primary);
    color: var(--white);
    display: inline-block;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    position: relative;
    margin-bottom: 0;
}

/*右赤ライン*/
.situation__number--current[b-0utkibptwa]:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 200px;
    height: 0px;
    border: 2px solid var(--primary);
    top: 50%;
    left: 0;
    -webkit-transform: translate(17%, -50%);
    transform: translate(17%, -50%);
}

/*赤の最後（右ラインなし）*/
.situation__number--current-last[b-0utkibptwa] {
    background-color: var(--primary);
    color: var(--white);
    display: inline-block;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    position: relative;
    margin-bottom: 0;
}

/* 進行glayの部分*/
.situation__number--confirmation[b-0utkibptwa] {
    background-color: #CFCFCF;
    color: var(--white);
    display: inline-block;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    position: relative;
    margin-bottom: 0;
}

/*グレー左ライン*/
.situation__number--confirmation[b-0utkibptwa]:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 200px;
    height: 0px;
    border: 3px dashed #CFCFCF;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-17%, -50%);
    transform: translate(-17%, -50%);
}

/*進行の各ボックス*/
.situation__number__dtail[b-0utkibptwa] {
    margin-top: 8px;
}