@charset "utf-8"; /* CSS Document */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

main {
    display: block;
}

* {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #333333;
    font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
    position: relative;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: left;
}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #333333;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

li {
    list-style: none;
}

body {
    height: auto;
}

#is_sideHistory[v-cloak] {
    display: none;
}

.sp {
    display: none;
}

.header {
    margin: 0 auto;
    padding: 23px 0 0 0;
    width: 1220px;
    background: #fff;
}

.header-top, .header-middle, .header-bottom {
    width: 100%;
    overflow: hidden;
    *zoom: 1;}

.htop-nav__list, .hmiddle-nav__list, .hbottom-nav__list {
    float: left;
}

.htop-logo, .htop-search, .htop-nav , .htop-contact {
    float: left;
}

.htop-login {
    float: right;
    margin: 0 10px 0 0;
    position: relative;
    width: 300px;
    height: 47px;
}

.htop-login .faqbtn {
    position: absolute;
    top: 0px;
    left: 10px;
}

.htop-login .faqbtn:hover {
    opacity: 0.5;
}

.htop-login .loginbtn {
    position: absolute;
    top: 3px;
    left: 155px;
}

.htop-logo {
    margin: 0 90px 0 10px;
}

.htop-search {
    padding: 7px 0 0 0;
    width: 220px;
}

.htop-search .txt {
    padding: 0 0 0 27px;
    width: 148px;
    height: 25px;
    border: solid 1px #999;
    background-image: url(/resource/img/new_bup/search_icon.png);
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.htop-search .btn {
    height: 25px;
}

.htop-contact {
    padding: 10px 0 0 0;
    width: 100px;
}

.htop-contact__link {
    border: solid 1.5px #777;
    padding: 5px;
    letter-spacing: 1px;
}

.htop-contact__link:hover {
    background-color: #ececec;
}

.htop-nav {
    overflow: hidden;
    *zoom: 1;}

.htop-nav__list {
    padding: 9px 0 0 0;
    margin: 0 0 0 16px;
}

.htop-nav__list:first-child {
    margin: 0;
}

.htop-nav__link {
    font-size: 11px;
    font-size: 1.1rem;
}

.hmiddle-nav {
    margin: 13px 0 0 10px;
    padding: 0 0 10px 0;
    overflow: hidden;
    *zoom: 1;}

.hmiddle-nav__list {
    margin: 0 32px 0 0;
}

.hmiddle-nav__link:hover {
    padding: 0 0 2px 0;
    border-bottom: solid 3px #9f9f9f;
}

.hmiddle-nav__link--active {
    padding: 0 0 2px 0;
    border-bottom: solid 3px #9f9f9f;
}

.hbottom-nav {
    margin: 13px 0 0 0;
}

.hbottom-nav__list {
    width: 20%;
    height: 35px;
    border-left: solid 2px #e7e6e6;
}

.hbottom-nav__list:first-child {
    border-left: none;
}

.hbottom-nav__link {
    text-align: center;
    display: block;
    height: 35px;
    line-height: 35px;
}

.hbottom-nav__link:hover {
    font-weight: bold;
    color: #ff0000;
}

.hbottom-nav__link--active {
    font-weight: bold;
    color: #ff0000;
}

.mainvisual {
    width: 100%;
    height: 401px;
    background-size: cover;
    -ms-behavior: url(/resource/htc/new_bup/backgroundsize.min.htc);
}

.mainvisual-wrap {
    margin: 0 auto;
    width: 1220px;
    height: 401px;
    position: relative;
}

.mainvisual--hasNewNav {
    height: 336px;
}

.mainvisual--middle {
    height: 300px;
}

.mainvisual--bottom {
    height: 65px;
}

.mainvisual--hasNewNav.mainvisual--bottom {
    display: none;
}

.mainvisual-wrap--hasNewNav {
    height: 336px;
}

.mainvisual-wrap--middle {
    height: 300px;
}

.mainvisual-wrap--bottom {
    height: 65px;
}

.mainvisual-slider {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 680px;
}

.mainvisual-slider .js_commonSlider .slick-dots {
    bottom: 10px;
}

.mv-logo {
    position: absolute;
    top: 21px;
    left: 0;
}

.mv-logo--middle {
    background-color: rgba(255,255,255,.8);
    padding: 5px;
    top: 21px;
}

.mv-logo--middle img {
    display: block;
    height: auto;
    max-width: 100%;
}

.mv-btns {
    position: absolute;
    left: 0;
    bottom: 90px;
}

.mv-btns__btn {
    display: inline-block;
    width: 180px;
    height: 45px;
    line-height: 45px;
}

.mv-btns__btn .white {
    margin: 3px 0 3px 0;
    display: block;
    width: 167px;
    background-color: #fff;
    text-align: center;
    color: #333333;
    height: 39px;
    line-height: 39px;
    border: 1px solid #333;
    font-family: 游ゴシック, "Yu Gothic";
    font-weight: bold;
    letter-spacing: 1px;
}

.mv-btns__btn .white:hover {
    color: #b22222;
    border: 1px solid #b22222;
}

.mv-btns__btn:last-child {
    margin: 0;
}

.mv-nav {
    background-color: rgba(0.75, 90, 157, 0.78);
    padding: 6px 17px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 554px;
    border-radius: 3px;
}

.mv-nav__icon {
    position: absolute;
    top: 28px;
    left: 528px;
}

.mv-nav__ul {
    overflow: hidden;
    *zoom: 1;}

.mv-nav__list {
    float: left;
    margin: 0 0 0 28px;
}

.mv-nav__list:first-child {
    margin: 0;
}

.mv-nav__link {
    color: #fff;
}

.nav {
    position: relative;
    width: 100%;
}

.nav-top2 {
    width: 100%;
    padding: 20px 0 24px;
    background: #E8EAEF;
}

.nav-top2__title {
    width: 1220px;
    margin: 0 auto 16px;
    line-height: 1;
    color: #164a84;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.nt2 {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 1220px;
    margin: 0 auto;
}

.nt2__list {
    display: flex;
    width: 100%;
    padding: 2px;
}

.nt2__link {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 0;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #ccc;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
}

.nt2__link:hover {
    background: #164a84;
    color: #fff;
}

.nt2__link::after {
    content: attr(data-example);
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    text-align: left;
    font-size: 11px;
    background: #fff;
    opacity: 0;
    transition: .7s opacity;
}

.nt2__link:hover::after {
    opacity: 1;
}

.nt2__link::before {
    content: "";
    display: block;
    width: 80%;
    height: 52px;
    margin: 0 auto 4px;
    line-height: 0;
    background: no-repeat center center;
}

.nt2__link--hierarchy::before {
    background-image: url("/resource/img/bup/nav/icon_level_bl.gif");
    background-size: 43px 40px;
}

.nt2__link.nt2__link--hierarchy:hover::before {
    background-image: url("/resource/img/bup/nav/icon_level_wh.gif");
}

.nt2__link--skill::before {
    background-image: url("/resource/img/bup/nav/icon_theme_bl.gif");
    background-size: 50px 51px;
}

.nt2__link.nt2__link--skill:hover::before {
    background-image: url("/resource/img/bup/nav/icon_theme_wh.gif");
}

.nt2__link--map::before {
    background-image: url("/resource/img/bup/nav/icon_coursemap_bl.gif");
    background-size: 62px 42px;
}

.nt2__link.nt2__link--map:hover::before {
    background-image: url("/resource/img/bup/nav/icon_coursemap_wh.gif");
}

.nt2__link--schedule::before {
    background-image: url("/resource/img/bup/nav/icon_date_bl.gif");
    background-size: 41px 39px;
}

.nt2__link.nt2__link--schedule:hover::before {
    background-image: url("/resource/img/bup/nav/icon_date_wh.gif");
}

.nt2__link--online::before {
    background-image: url("/resource/img/bup/nav/icon_online_bl.gif");
    background-size: 50px 38px;
}

.nt2__link.nt2__link--online:hover::before {
    background-image: url("/resource/img/bup/nav/icon_online_wh.gif");
}

.nt2__link--area::before {
    background-image: url("/resource/img/bup/nav/icon_open_bl.gif");
    background-size: 95px 44px;
}

.nt2__link.nt2__link--area:hover::before {
    background-image: url("/resource/img/bup/nav/icon_open_wh.gif");
}

.nt2__link--situation::before {
    background-image: url("/resource/img/bup/nav/icon_trouble_bl.gif");
    background-size: 39px 45px;
}

.nt2__link.nt2__link--situation:hover::before {
    background-image: url("/resource/img/bup/nav/icon_trouble_wh.gif");
}

.nav-top2--win {
    background: #F8F3ED;
}

.nav-top2--win .nt2__link--hierarchy::before {
    background-image: url("/resource/img/bup/nav/icon_level_win.gif");
}

.nav-top2--win .nt2__link--hierarchy:hover {
    background: #394C99;
}

.nav-top2--win .nt2__link--skill::before {
    background-image: url("/resource/img/bup/nav/icon_theme_win.gif");
}

.nav-top2--win .nt2__link--skill:hover {
    background: #7A4881;
}

.nav-top2--win .nt2__link--map::before {
    background-image: url("/resource/img/bup/nav/icon_coursemap_win.gif");
}

.nav-top2--win .nt2__link--map:hover {
    background: #B6362B;
}

.nav-top2--win .nt2__link--schedule::before {
    background-image: url("/resource/img/bup/nav/icon_date_win.gif");
}

.nav-top2--win .nt2__link--schedule:hover {
    background: #BA8E1E;
}

.nav-top2--win .nt2__link--online::before {
    background-image: url("/resource/img/bup/nav/icon_online_win.gif");
}

.nav-top2--win .nt2__link--online:hover {
    background: #70711F;
}

.nav-top2--win .nt2__link--area::before {
    background-image: url("/resource/img/bup/nav/icon_open_win.gif");
}

.nav-top2--win .nt2__link--area:hover {
    background: #01663A;
}

.nav-top2--win .nt2__link--situation::before {
    background-image: url("/resource/img/bup/nav/icon_trouble_win.gif");
}

.nav-top2--win .nt2__link--situation:hover {
    background: #4C312C;
}

.nav-top2--sm {
    background: #E8EAEF;
}

.nav-top2--sm .nt2__link--hierarchy::before {
    background-image: url("/resource/img/bup/nav/icon_level_sm.gif");
}

.nav-top2--sm .nt2__link--hierarchy:hover {
    background: #4F6ED3;
}

.nav-top2--sm .nt2__link--skill::before {
    background-image: url("/resource/img/bup/nav/icon_theme_sm.gif");
}

.nav-top2--sm .nt2__link--skill:hover {
    background: #B555C9;
}

.nav-top2--sm .nt2__link--map::before {
    background-image: url("/resource/img/bup/nav/icon_coursemap_sm.gif");
}

.nav-top2--sm .nt2__link--map:hover {
    background: #F45951;
}

.nav-top2--sm .nt2__link--schedule::before {
    background-image: url("/resource/img/bup/nav/icon_date_sm.gif");
}

.nav-top2--sm .nt2__link--schedule:hover {
    background: #F4BD2C;
}

.nav-top2--sm .nt2__link--online::before {
    background-image: url("/resource/img/bup/nav/icon_online_sm.gif");
}

.nav-top2--sm .nt2__link--online:hover {
    background: #AABC00;
}

.nav-top2--sm .nt2__link--area::before {
    background-image: url("/resource/img/bup/nav/icon_open_sm.gif");
}

.nav-top2--sm .nt2__link--area:hover {
    background: #1FA390;
}

.nav-top2--sm .nt2__link--situation::before {
    background-image: url("/resource/img/bup/nav/icon_trouble_sm.gif");
}

.nav-top2--sm .nt2__link--situation:hover {
    background: #AD492F;
}

body:not(.newType) {
    .nav--container.is_fixed {
        position: sticky;
        top: 0;
        z-index: 999;
        .nav-top2 {
            padding-bottom: 0;
        }
    }

    .nav:has(.nav-top2__logo) {
        @media screen and (min-width: 769px) and (max-width: 1220px) {
            width: 1240px;
        }

        @media screen and (max-width: 768px) {
            margin-bottom: 20px;
        }

        .nav-top2 {
            padding: 10px;
            display: flex;
            align-items: center;
            @media screen and (max-width: 768px) {
                flex-direction: column;
            }
        }

        .nav-top2--win {
            background: #E5F3FA;
        }

        .nav-top2__inner {
            align-items: center;
            display: flex;
            gap: 10px 25px;
            margin-inline: auto; ?max-width: 1220px;
            width: 1220px;
            @media screen and (max-width: 768px) {
                flex-direction: column;
                width: 100%; }
        }

        .nav-top2__logo {
            > a {
                transition: .3s opacity;
                &:hover {
                    opacity: .7;
                }
            }
        }

        .nav-top2__title {
            width: auto;
            word-break: keep-all;
            margin: 0;
            font-size: 14px;
            @media screen and (max-width: 768px) {
                margin-bottom: 10px;
            }
        }

        .nt2 {
        }

        .nt2__list {
            padding: 0;
            @media screen and (max-width: 768px) {
            }
        }

        .nt2__list--grid {
            --theme_contact: #ec4062;
            --theme_bizMtRsv: #2a6cae;
            display: grid;
            gap: 3px;
            @media screen and (max-width: 768px) {
                grid-template-columns: 1fr 1fr;
                grid-column: 1 / -1; }

            .nt2__span {
                .nt2__link {
                    --theme_nt2Link: #333;
                    border: 1px solid var(--theme_nt2Link);
                    font-size: 11px;
                    height: auto;
                    padding: 3px;
                    &:is(.nt2__link--contact,.nt2__link--bizMeetingReserve) {
                        &:hover {
                            background-color: var(--theme_nt2Link);
                            color: #fff;
                            &::before {
                                background-color: #fff;
                            }
                        }

                        &::before {
                            aspect-ratio: 24 / 19;
                            content: "";
                            display: block;
                            height: 1.3em;
                            mask-position: center;
                            mask-repeat: no-repeat;
                            mask-size: contain;
                            width: auto;
                        }

                        @media screen and (max-width: 768px) {
                            font-size: inherit;
                            min-height: 50px; padding: 10px; }
                    }

                    &.nt2__link--contact {
                        --theme_nt2Link: var(--theme_contact);
                        &::before {
                            background-color: var(--theme_nt2Link);
                            mask-image: url("/resource/img/gnav/icon_navi-b02_inquiry.svg");
                        }
                    }

                    &.nt2__link--bizMeetingReserve {
                        --theme_nt2Link: var(--theme_bizMtRsv);
                        &::before {
                            aspect-ratio: 24 / 19;
                            background-color: var(--theme_nt2Link);
                            mask-image: url("/resource/img/gnav/icon_navi-b03_business-discussion.svg");
                        }
                    }
                }
            }
        }
    }

    .nt2 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        gap: 10px;
        flex-wrap: wrap;
        @media screen and (max-width: 768px) {
            grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
            justify-content: space-between; gap: 6px; }
    }

    .nt2__link {
        display: flex;
        height: 50px;
        justify-content: center;
        align-items: center;
        text-align: left;
        font-size: 14px;
        padding: 4px ;
        border: 2px solid #ccc;
        border-radius: 4px;
        box-shadow: none;
        line-height: 1.3;
        &:hover {
            text-decoration: none;
        }
    }

    .nt2__link--skill {
        border-color: #7A4881
    }

    .nt2__link--hierarchy {
        border-color: #394C99
    }

    .nt2__link--map {
        border-color: #BF362A
    }

    .nt2__link--schedule {
        border-color: #BA8E1E
    }

    .nt2__link--online {
        border-color: #70711F
    }

    .nt2__link--area {
        border-color: #01663A
    }

    .nt2__link--situation {
        border-color: #4C312C
    }

    .nt2__link::before {
        width: 30px;
        height: 100%;
        background-size: contain;
        margin: 0px 5px 0px 0;
        @media screen and (max-width: 768px) {
            content:none;
        }
    }

    .nt2__link::after {
        display: none;
    }

    .nt2__link--smartpack {
        --theme_smp: #4D3E8C;
        --nt2link_bgColor: var(--theme_smp);
        background-color: var(--nt2link_bgColor);
        border-color: var(--theme_smp);
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        &::before {
            content: none;
        }

        &:hover {
            --nt2link_bgColor: #fff;
            color: currentColor;
        }

        > span {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        img {
            height: auto;
            width: 100%;
        }

        @media screen and (max-width: 768px) {
            height: auto;
        }
    }

    .nt2 {
        &.__students {
            .nt2__link {
                height: auto;
                text-align: center;
            }

            .nt2__link::before {
                height: 30px;
                margin: 0 auto 10px;
                width: 80%;
            }
        }
    }
}

.nav {
    position: relative;
    width: 100%;
}

.nav-top {
    width: 100%;
    height: 65px;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    top: auto !important;
    bottom: 22px;
}

.nt, .nb {
    margin: 0 auto;
    width: 1220px;
    position: relative;
    *zoom: 1;}

.nt:after, .nb:after {
    content: "";
    display: table;
    clear: both;
}

.nav-top__title {
    display: none;
}

.nt__list {
    float: left;
    width: 16.6%;
    height: 65px;
    border-right: solid 1px #808080;
}

.nt__list:first-child {
    border-left: solid 1px #808080;
}

.nt__list--lineup {
    float: left;
    width: 16.5%;
    height: 65px;
    border-right: solid 1px #808080;
}

.nt__link {
    display: block;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    height: 65px;
    line-height: 15px;
    padding-top: 18px;
}

.nt__link--smalltxt {
    font-size: 10px;
    font-size: 1.0rem;
    display: block;
}

.nt__link:hover {
    background-color: #bccddb;
}

.nav-bottom {
    width: 100%;
    height: 22px;
    background-color: #164a84;
}

@media screen and (min-width: 769px) {
    .nav-bottom {
        display: block !important;
    }

    .nb {
        right: auto !important;
    }
}

.nb:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.nb__list {
    padding: 2px 0 0 0;
    float: left;
    margin: 0 0 0 63px;
    position: relative;
    display: none;
}

.nb__list:first-child {
    margin: 0 0 0 38px;
}

.nb__link {
    height: 20px;
    line-height: 20px;
    float: left;
    color: #ffffff;
    font-size: 11px;
    font-size: 1.1rem;
}

.nb__link:after {
    content: " ▼ ";
}

.nb__link:hover {
    font-weight: bold;
    color: #ff0000;
}

.mnav-nav {
    display: none;
    width: 240px;
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 99999;
}

.mnav-nav__list {
    line-height: 1;
    display: block;
    background-color: rgba(204, 204, 204, 0.95);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eecccccc,EndColorStr=#eecccccc);
    background-color: #ccc\9;
    position: relative;
}

.mnav-nav__list:first-child:before {
    top: 19px;
}

.mnav-nav__list:first-child .mnav-nav__link {
    padding: 20px 0 10px 40px;
}

.mnav-nav__list:last-child .mnav-nav__link {
    padding: 10px 0 20px 40px;
}

.mnav-nav__list:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 25px;
    width: 3px;
    height: 15px;
    background: #999;
    display: block;
}

.mnav-nav__link {
    padding: 10px 0 10px 40px;
    display: block;
    float: none;
    font-size: 13px;
    font-size: 1.3rem;
}

.forPrint {
    display: none;
}

.nav-pankuzu {
    padding: 5px 0;
    width: 100%;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

.np {
    margin: 0 auto;
    width: 1220px;
    padding: 0 10px;
    overflow: hidden;
    *zoom: 1;}

.np__list {
    float: left;
    font-size: 11px;
    font-size: 1.1rem;
}

.np__list:after {
    margin: 0 10px;
    content: ">";
}

.np__link:hover {
    color: #0066ff;
    text-decoration: underline;
}

.np__list.np__list--last:after {
    content: "";
}

.np__current {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
}

.main {
    margin: 0 auto;
    width: 1220px;
    overflow: hidden;
    *zoom: 1;}

.main__leftnavi {
    width: 200px;
    float: left;
}

.main__left {
    padding: 0 0 0 10px;
    float: left;
    width: 800px;
}

.main__left_930 {
    padding: 0;
    float: inline-end;
    width: 930px;
}

.main__left--2col {
    width: 980px;
}

.main__left--rev {
    float: right;
}

.main__right {
    float: right;
    width: 200px;
}

.main__right--rev {
    float: left;
}

.mln-linkbox {
    padding: 30px 5px 5px 5px;
}

.mln-linkbox__title {
    border-bottom: dotted 1px #ccc;
    border-top: solid 4px #0168b3;
    font-weight: bold;
    padding: 2px;
}

.mln-linkbox__contbox {
    padding: 10px 0;
    border-bottom: 1px solid #D9D0BB;
}

.mln-linkbox__leftcont {
    text-align: center;
    float: left;
    border-right: 1px solid #D9D0BB;
    padding-right: 13px;
    width: 95px;
}

.mln-linkbox__rightcont {
    text-align: center;
    float: right;
    width: 95px;
}

.clearfix {
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mln-linkbox__icon {
    color: #0168b3;
}

.mln-linkbox__icon:hover {
    color: #afd0ef;
}

.mln-areabox {
    padding: 30px 5px 5px 5px;
}

.mln-areabox__title {
    border-bottom: dotted 1px #ccc;
    border-top: solid 4px #0168b3;
    font-weight: bold;
    padding: 2px;
}

.mln-areabox__list {
    padding: 5px 0 5px 5px;
    border-bottom: dotted 1px #ccc;
    font-size: 13px;
}

.mln-areabox__list:last-child {
    border-bottom: none;
}

.mln-areabox__link:hover {
    color: #0168b3;
}

.mrn__dlbtn {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: block;
    line-height: 25px;
    height: 25px;
    color: #333;
    font-family: 游ゴシック, "Yu Gothic";
    border: solid 2px #555;
    margin-right: 4px;
}

.mrn__dlbtn:hover {
    border: solid 3px #1583be;
    background-color: #1583be;
    color: #fff;
}

.mrn__dlbtn--schedule {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    height: 25px;
    color: #333;
    font-family: 游ゴシック, "Yu Gothic";
    border: solid 2px #555;
    width: 48%;
    margin-right: 3px;
}

.mrn__dlbtn--schedule:hover {
    border: solid 2px #1583be;
    background-color: #1583be;
    color: #fff;
}

.mr-search {
}

.mr-search__inner {
    margin-top: 30px;
}

.mr-serch__hidden {
    padding: 5px 25px 5px 5px;
    width: 200px;
    height: 30px;
}

.mr-beginner {
    margin-top: 20px;
    padding: 0 10px 0 0;
}

.mr-beginner__link {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    line-height: 35px;
    height: 35px;
    background-color: #b80e3b;
    color: #fff;
    font-family: 游ゴシック, "Yu Gothic";
}

.mr-beginner__link:hover {
    background-color: #e3b3cd;
}

.mr-status {
    margin: 20px 0 0 0;
}

.mr-status__title {
    padding: 0 0 0 35px;
    background-image: url(/resource/img/new_bup/cart_icon.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
}

.mr-status__info {
    margin: 15px 0 12px 0;
    padding: 10px 16px;
    width: 190px;
    height: 50px;
    background: #1583be;
    vertical-align: baseline;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.mr-status__info--big {
    margin: 0 5px 0 10px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    border-radius: 5px;
}

.mr-status__link {
    text-decoration: underline;
    font-size: 12px;
    font-size: 1.2rem;
}

.mr-infobox {
    margin-top: 20px;
}

.mr-infobox__title {
    color: #fff;
    background-color: #164a84;
    padding: 0px 0 0 8px;
}

.mri-info {
    width: 200px;
    height: 320px;
    overflow: auto;
    margin-bottom: 25px;
    border: 2px solid #164a84;
    font-size: 13px;
}

.mri-info__list {
    padding: 8px 0 8px 0;
    border-bottom: 1px dotted #ccc;
    margin: 0 8px;
    font-size: 12px;
}

.mri-info__date {
    clear: left;
    padding: 2px 10px 2px;
}

.mri-info__value {
    padding: 2px 0 2px 20px;
    text-decoration: none;
}

.mri-info__value--link {
    color: #052674;
}

.mri-info__value--link:hover {
    border-bottom: 1px solid #052674;
}

.mr__reqlink {
    font-size: 12px;
}

.mr__reqlink:hover {
    text-decoration: underline;
}

.mr-dl__link {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    line-height: 35px;
    height: 35px;
    background-color: #b80e3b;
    color: #fff;
    font-family: 游ゴシック, "Yu Gothic";
}

.mr-dl__link:hover {
    background-color: #e3b3cd;
}

.mr-letter {
    margin: 20px 0 0 0;
}

.letter-title {
    color: #fff;
    background-color: #31579B;
    padding: 0px 0 0 8px;
}

.letter-box {
    border: solid #31579B 1px;
    padding: 10px;
    font-size: 12px;
    font-size: 1.2rem;
}

.privacy {
    margin: 10px 20px 10px 10px;
    font-size: 11px;
    font-size: 1.1rem;
}

.privacy__link {
    text-decoration: underline;
    color: #005580;
}

.letter-btn {
    background-color: #31579B;
    color: #fff;
    display: block;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
}

.letter-btn:hover {
    background: #9aadbe;
    color: #fff;
}

.mr-banner {
    width: 280px;
    padding: 10px;
    border: solid 3px #b8b8b8;
    margin: 20px 10px 0 10px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.mr-perf {
    margin: 15px 0 0 0;
    width: 200px;
}

.mr-perf__title {
    margin: 15px 0 5px 0;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    border-top: solid 4px #0168b3;
    padding: 2px;
}

.mrp-boxs {
    padding: 5px 8px;
    width: 200px;
    border: solid 3px #d7d0c0;
    border-radius: 3px;
}

.mrp-box2__title {
    margin: 10px 0 5px 0;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #c23535;
}

.mrp-box, .mrp-box2 {
    overflow: hidden;
    *zoom: 1;}

.mrp-box__label {
    width: 70px;
    float: left;
    font-weight: bold;
    padding-top: 6px;
    font-size: 12px;
}

.mrp-box2__label {
    width: 80px;
    float: left;
    font-weight: bold;
    padding-top: 6px;
    font-size: 12px;
}

.mrp-box__label--small {
    font-size: 10px;
    font-size: 1rem;
}

.mrp-box__value, .mrp-box2__value {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    text-align: right;
}

.mrp-box__value--small {
    padding: 0 0 0 5px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    font-weight: bold;
    line-height: 1;
}

.mrp-box__value--has2unit {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.mrp-box2--margin, .mrp-alert {
    margin: 15px 0 0 0;
}

.mrp-alert__label {
    color: #666666;
    font-size: 10px;
    font-size: 1.0rem;
}

.mr-rank {
    padding-top: 20px;
}

.mr-rank__title {
    font-size: 14px;
    border-top: solid 4px #5398FF;
    font-weight: bold;
    padding: 6px 0;
}

.mr-nav {
    margin: 35px 0 0 0;
}

.mr-nav__title {
    font-size: 14px;
    border-bottom: dotted 1px #ccc;
    border-top: solid 4px #0168b3;
    font-weight: bold;
    padding: 2px;
}

.mrn {
    margin: 20px 0 0 0;
}

.mrn__list {
    margin: 10px 0 0 0;
}

.mrn__link:hover {
    color: #005580;
    text-decoration: underline;
}

.mr-news {
    margin: 20px 0 0 0;
}

.mr-news__title {
    font-size: 14px;
    border-top: solid 4px #5398FF;
    font-weight: bold;
    padding: 6px 0;
}

.mrn-boxs {
}

.mrn-box {
    padding: 5px 0;
    border-bottom: dotted 1px #ccc;
    font-size: 12px;
}

.mrn-box_link:hover {
    color: #005580;
    text-decoration: underline;
}

.mbn__new {
    margin: 0 5px 0 0;
    width: 50px;
    display: inline-block;
    background-color: #333333;
    text-align: center;
    color: #fff;
    height: 20px;
    line-height: 20px;
}

.mbn__newImg {
    margin-right: 4px;
    vertical-align: -1px;
}

.mbn__text2 {
    margin: 5px 0 0 0;
}

.mr-recent {
    padding-top: 20px;
}

.mr-recent__title {
    padding: 6px 0;
    border-top: 4px solid #5398FF;
    font-weight: bold;
    font-size: 14px;
}

.footer {
    margin: 80px 0 50px 0;
    width: 100%;
    border-top: solid 1px #333;
}

.footer__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 984px 1fr;
    grid-template-columns: 984px 1fr;
    width: 1200px;
    margin: 0 auto;
}

.footer-nav {
    -ms-grid-column: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    grid-row: 1 / 2;
}

.fn {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    text-align: center;
}

.footer__copy {
    -ms-grid-row: 2;
    grid-row: 2 / 3;
    -ms-grid-column: 1;
    grid-column: 1 / 2;
    margin-top: 20px;
    text-align: right;
    font-size: 1.2rem;
}

.footer__iconList {
    -ms-grid-column: 2;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 16px;
}

.footer__icon + .footer__icon {
    padding-left: 8px;
}

.fn__link {
    font-size: 1.2rem;
}

.faq-btn {
    background-color: #0168b3;
    color: #fff;
    margin: 5px 10px 30px 0px;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    width: 387px;
}

.faq-btn:hover {
    background: #77aad7;
    color: #fff;
}

.faq-box {
    display: block;
    margin: auto;
    border: solid 2px #0168b3;
    width: 95%;
}

.faq-box__title {
    text-align: center;
    background-color: #0168b3;
    color: #fff;
    font-size: 18px;
    padding: 5px 0;
    font-family: 游ゴシック, "Yu Gothic";
}

.faq-box__list--tel {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    height: 70px;
}

.faq-box__list--mail {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    height: 95px;
}

.fqb-list__icon {
    float: left;
    margin-top: 23px;
    color: #0168b3;
}

.fqb-list__text--tel {
    float: left;
    font-size: 18px;
    padding-left: 23px;
    margin-top: 21px;
    font-family: 游ゴシック;
    font-weight: 700;
    line-height: 1.4em;
}

.fqb-list__text--mail {
    float: left;
    font-size: 18px;
    padding-left: 15px;
    margin-top: 21px;
    font-family: 游ゴシック;
    font-weight: 700;
    line-height: 1.4em;
}

.fqb-list__tri {
    float: left;
    margin-left: 19px;
    margin-top: 25px;
}

.fqb-list__number {
    font-size: 53px;
    margin-top: 15px;
    font-family: arial;
    font-weight: 700;
    line-height: 1;
}

.fqb-list__btn {
    float: right;
    margin-top: 21px;
}

.fqb-list__freeimg {
    padding-left: 20px;
}

@media screen and (max-width: 768px) {
    body {
        background-color: #fafafa;
    }

    .sp {
        display: block;
    }

    .header {
        padding: 0;
        position: relative;
        width: 100%;
        height: 46px;
    }

    .header_menubtn {
        top: 0;
        left: 0;
        position: absolute;
    }

    .header_menubtn img {
        width: 50%;
        height: auto;
    }

    .htop-logo {
        position: absolute;
        top: 8px;
        left: 50px;
    }

    .htop-logo img {
        width: 87%;
        height: auto;
    }

    .header_searchbtn {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .header_searchbtn img {
        width: 65%;
        height: auto;
    }

    .htop-search {
        padding: 0;
        width: 100%;
        position: absolute;
        top: 47px;
        left: 0;
        background: #fff;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

    .htop-search .txt {
        padding: 5px 10px;
        width: 100%;
        height: 40px;
        border: none;
        background-image: none;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .htop-search .btn {
        display: none;
    }

    .htop-nav, .header-bottom, .htop-contact {
        display: none;
    }

    .htop-login {
        display: none;
    }

    .nav-top {
        width: 100%;
        height: auto;
        background-color: #fafafa;
        position: static;
    }

    .hmiddle-nav {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 47px;
        left: 0;
        background-color: #fff;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

    .hmiddle-nav__list {
        margin: 0;
        width: 50%;
        border-bottom: solid 1px #ccc;
        background-image: -moz-linear-gradient(center top, #ffffff, #ecebe9);
    }

    .hmiddle-nav__list:nth-child(odd) {
        border-right: solid 1px #ccc;
    }

    .hmiddle-nav__link {
        display: block;
        text-align: center;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: normal;
    }

    .hmiddle-nav__link:hover {
        padding: 0;
        border-bottom: none;
    }

    .nav-top2 {
        padding: 16px 0 24px;
    }

    .nav-top2__title {
        margin: 0 auto 8px;
        font-size: 16px;
    }

    .nav-top2__title {
        width: 100%;
    }

    .nt2 {
        width: 100%;
    }

    .nt2__list {
        display: flex;
        width: 100%;
        padding: 2px;
    }

    .nt2__link {
        font-size: 12px;
    }

    .nt2__link::after {
        content: none;
    }

    .nt2__link::before {
        height: 36px;
        background-size: contain;
    }

    .nt {
        width: 100%;
        background-color: #b5c8ce;
    }

    .nav-top__title {
        margin: 25px 0 15px 0;
        text-align: center;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .nt__list {
        float: left;
        width: 16.6%;
        height: 45px;
        border-left: solid 1px #fafafa;
        border-right: none;
    }

    .nt__list:first-child {
        border-left: none;
    }

    .nt__list--lineup {
        display: none;
    }

    .nt__link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-size: 1.4rem;
        height: 45px;
        line-height: 1.3;
        font-weight: normal;
        padding-top: 0px;
    }

    .nt__link:hover {
        background-color: #b5c8ce;
        color: #333;
        font-weight: normal;
    }

    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999998;
        display: none;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
    }

    .nav-bottom {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 999999;
        width: calc(100% - 64px);
        height: 100vh;
        background: transparent;
    }

    .nbToggle {
        position: absolute;
        top: 16px;
        left: -48px;
        z-index: 9999;
    }

    .nbToggle__btn {
        display: block;
        color: #fff;
        font-size: 11px;
        line-height: 1;
        text-decoration: none;
        text-align: center;
    }

    .nbToggle__btn::before {
        content: "×";
        display: block;
        font-size: 40px;
    }

    .nb {
        position: static;
        width: 100%;
        height: 100%;
        padding-bottom: 128px;
        overflow-x: visible;
        overflow-y: auto;
    }

    .nb__list {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #ccc;
        background: #fff;
    }

    .nb__list:first-child {
        margin: 0;
    }

    .nb__list--ttl {
        display: block;
        padding: 8px 16px;
        line-height: 1;
        font-weight: bold;
        background: #ccc;
        font-size: 13px;
    }

    .mnav-nav {
        position: static;
        width: auto;
    }

    .nb__link {
        float: none;
        height: auto;
    }

    .nb__link:hover {
        color: inherit;
        font-weight: inherit;
    }

    .nb__link::after {
        content: "";
    }

    .mnav-nav__list:before {
        content: "";
        width: auto;
        height: auto;
    }

    .mnav-nav__list:first-child .mnav-nav__link, .mnav-nav__list:last-child .mnav-nav__link {
        padding: 8px 24px 8px 16px;
    }

    .nb__link, .mnav-nav__link {
        position: relative;
        display: block;
        padding: 8px 24px 8px 16px;
        text-decoration: none;
        color: #333;
        line-height: 1;
        font-size: 14px;
    }

    .nb__link::before, .mnav-nav__link::before {
        position: absolute;
        right: 8px;
        top: 50%;
        font: 16px / 1 fontawesome;
        transform: translateY(-50%);
    }

    .nb__link::before {
        content: "\f067";
    }

    .nb__link--spLink::before, .mnav-nav__link::before {
        content: "\f105";
    }

    .mnav-nav__link {
        background: #ededed;
    }

    .mnav-nav {
        border-top: 1px solid #ccc;
    }

    .mnav-nav__list {
        background: transparent;
    }

    .mnav-nav__list + .mnav-nav__list {
        border-top: 1px solid #ccc;
    }

    .globalNav {
        display: none !important;
    }

    .nav-toggle.is-active .navTgl-first {
        transform: translateY(-10px) !important;
    }

    .nav-toggle.is-active .navTgl-second {
        transform: translateY(10px) !important;
    }

    .nav-toggle.is-active .navTgl-third {
        transform: none !important;
    }

    .header-logo {
        width: 120px;
        line-height: 0;
    }

    .header-logo img {
        max-width: 100%;
        height: auto;
    }

    #gm-sp-bupSub {
        position: absolute;
        top: 6px;
        right: 60px;
    }

    .nav-bupSubList {
        display: flex;
        align-items: center;
    }

    .nav-bupSubList__item {
    }

    .nav-bupSubList__item + .nav-bupSubList__item {
        padding-left: 24px;
    }

    .nav-bupSubList__target {
        display: block;
        line-height: 0;
    }

    .nav-bupSubList__target--question::before {
        content: "\f29c";
        display: block;
        color: #999;
        font: 32px / 1 fontawesome;
    }

    #search .searchbtn {
        background-color: #164a84 !important;
    }

    .np {
        margin: 0 auto;
        width: 100%;
        padding: 0 10px;
        overflow: hidden;
        *zoom: 1;}

    .mnav-nav {
        padding: 0;
        width: 100%;
        top: 0;
        position: relative;
    }

    .mnav-nav__list {
        padding: 0;
        width: 100%;
        border-left: none;
    }

    .mnav-nav__list:first-child {
        margin: 0;
    }

    .mnav-nav__link {
        width: 100%;
    }

    .mainvisual {
        display: none;
        width: 100%;
        height: 0;
        padding-top: 47.81%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .mainvisual-wrap {
        display: none;
    }

    .main {
        width: 100%;
    }

    .main__left {
        padding: 0;
        float: none;
        width: 100%;
    }

    .main__leftnavi {
        display: none;
    }

    .main__right {
        display: none;
    }

    .footer {
        margin: 60px 0 0 0;
        width: 100%;
        border-top: none;
    }

    .footer__inner {
        display: block;
        width: 100%;
    }

    .footer-nav {
        width: 100%;
    }

    .fn {
        display: block;
        margin: 0;
        border-top: solid 1px #cccccc;
        background-color: #fff;
    }

    .fn__list {
        border-bottom: solid 1px #cccccc;
        margin: 0;
        float: none;
        display: block;
        text-align: left;
    }

    .fn__link {
        display: block;
        width: 100%;
        padding: 12px 0 12px 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .footer__copy {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        background-color: #cad7dc;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .faq-box__list--tel {
        width: 90%;
    }

    .faq-btn {
        width: 90%;
        margin: auto;
    }

    .fqb-list__btn {
        float: none;
        margin-top: 0px;
    }

    .fqb-list__number {
        text-align: center;
        font-size: 30px;
    }

    .fqb-list__iconbox {
        display: none;
    }

    .faq-box__list--mail {
        height: 70px;
    }

    .fqb-list__freeimg {
        padding-left: 0px;
    }
}

.p_comment-taxIncrease {
    width: 1200px;
    margin: 20px auto;
    font-weight: bold;
    color: red;
    border: 1px solid red;
    padding: 5px;
    display: block;
}

.p_comment-taxIncrease > p {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.6;
}

.p_comment-taxIncrease a {
}

.p_comment-taxIncrease a:hover {
    text-decoration: underline;
}

#last_line_footer p a.sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .p_comment-taxIncrease {
        width: auto;
    }
}

.p_bgcBox {
    font-size: 14px;
    margin-top: 20px;
}

.p_bgcBox .p_list {
}

.p_bgcBox .p_list_item {
    padding: 6px 10px 6px 6px;
    background: #e8eaef;
}

.p_bgcBox .p_list_item + .p_list_item {
    margin-top: 2px;
}

.main__right .c_link {
    transition: .3s;
}

.main__right .c_link:hover {
    text-decoration: none;
    opacity: .6;
}

.main__right .c_link-hasIco {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 13px;
    position: relative;
}

.main__right .c_link-hasIco.first {
    -ms-align-items: center;
    align-items: center;
}

.main__right .c_link-hasIco::before {
    color: #1583be;
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    width: 20px;
}

.main__right .c_link-hasIco.flowApp::before {
    content: "\f044";
    margin-left: 3px;
    margin-right: 2px;
}

.main__right .c_link-hasIco.faq::before {
    content: "\f128";
    margin-left: 4px;
    margin-right: 1px;
}

.main__right .c_link-hasIco.first::before {
    content: url("/resource/img/bup/icon_beginnerMark.gif");
    vertical-align: -4px;
}

.main__right .c_link-hasIco.flowCourse::before {
    content: "\f51b";
}

.main__right .c_link-hasIco.flowOnlineCourse::before {
    content: "\f1eb";
    transform: rotate(-45deg)
}

.main__right .c_link-hasIco.search::before {
    content: url("/resource/img/bup/bup_icon-03.png");
    vertical-align: -2px;
}

.main__right .c_link-hasIco.company::before {
    content: url("/resource/img/bup/bup_icon-04.png");
    vertical-align: -4px;
}

.main__right .c_link-arrow {
    position: relative;
    display: block;
    padding-right: 16px;
}

.main__right .c_link-arrow::after {
    border-top: 3px solid #1583be;
    border-right: 3px solid #1583be;
    content: "";
    display: block;
    height: .5em;
    margin-left: auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    width: .5em;
}

.m_sideBasicMenu {
    margin: 20px 0;
}

.m_sideBasicList {
}

.m_sideBasicList > * + * {
    margin-top: 2px;
}

.m_sideBasicList__item {
    --theme_sideBasicList: #e6002d;
}

.m_sideBasicList__link {
    display: grid;
    grid-template-columns: auto auto 1fr;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
    place-items: center;
    &:hover {
        background-color: var(--theme_sideBasicList);
        color: #fff;
        &::before {
            background-color: #fff;
        }
    }

    &::before {
        background-color: var(--theme_sideBasicList);
        content: "" !important;
        height: 20px;
        margin-right: 10px;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        width: 20px;
    }

    &.__whats::before {
        mask-image: url("/resource/img/bup/icon_navi_1_1.svg");
    }

    &.__reasonsToChoose::before {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5 .4 5.1 .8 7.7 .8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>');
    }

    &.__flowApp::before {
        mask-image: url("/resource/img/bup/icon_navi_2_1.svg");
    }

    &.__find::before {
        mask-image: url("/resource/img/bup/icon_navi_3_1.svg");
    }

    &.__flowCourse::before {
        mask-image: url("/resource/img/bup/icon_navi_4_1.svg");
    }

    &.__flowOnline::before {
        mask-image: url("/resource/img/bup/icon_navi_5_1.svg");
    }

    &.__corporateService::before {
        mask-image: url("/resource/img/bup/icon_navi_6_1.svg");
    }

    &.__faq::before {
        mask-image: url("/resource/img/bup/icon_navi_7_1.svg");
    }
}

.m_sideBasicList__link::after {
    background-color: #e6002d;
    clip-path: path("M1.768,12.768,0,11,4.616,6.384,0,1.768,1.768,0,8.152,6.384Z");
    content: "";
    height: 13px;
    margin-left: auto;
    width: 10px;
}

.m_sideBasicList__link:hover:after {
    background-color: #fff;
}

.mr-download {
    margin: 20px 0 0 0;
}

.mr-download_inner {
}

.mr-download_heading {
    border-top: solid 4px #0168b3;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 6px 0 0 4px;
    text-align: left;
}

.mr-donloadContents {
    font-size: 14px;
}

.mr-donloadContents + .mr-donloadContents {
    margin-top: 20px;
}

.mr-donloadContents_ttl {
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mr-donloadContents_img {
    text-align: center;
}

.main__right .c_link-dlBtn {
    background-color: #00b9a7;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    transition: .3s;
}

.main__right .c_link-dlBtn:hover {
    text-decoration: none;
    opacity: .6;
}

.main__right .c_link-dlBtn i {
    margin-left: 5px;
}

.main__right .c_link-normal {
    color: #052674;
}

.main__right .c_link-normal:hover {
    color: #005580;
    text-decoration: underline;
}

.side_box_link {
    margin-top: 0;
    padding-right: 0;
    text-align: right;
}

.side_link-directionArw {
    align-items: center;
    border: 1px solid #666;
    display: flex;
    font-size: 12px;
    justify-content: space-around;
    line-height: 1;
    margin-left: auto;
    padding: 3px 5px;
    position: relative;
    text-align: center;
    width: 115px;
}

.side_link-directionArw:hover {
    opacity: .6;
}

.side_link-directionArw::after {
    background: #5398ff;
    color: #fff;
    content: "\f054";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
    height: 15px;
    line-height: 15px;
    width: 15px;
}

.side_recommendedvideo {
    margin-top: 16px;
}

.side_recommendedvideo__ttl {
    border-top: 3px solid #aa0521;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 7px 0;
}

.side_recommendedvideo__linkWrap {
    display: block;
}

.side_recommendedvideo__link {
}

.side_recommendedvideo__img {
    display: block;
}

.side_recommendedvideo__linkWrap + .side_recommendedvideo__linkWrap {
    margin-top: 8px;
}

.cu_hide {
    display: none;
}

.cu_hideImp {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .resHide, .cu_resMdHide {
        display: none;
    }

    .cu_resMdInline {
        display: inline;
    }

    .cu_resMdBlock {
        display: block;
    }

    .cu_resMdHideImp {
        display: none !important;
    }

    .cu_resMdInlineImp {
        display: inline !important;
    }

    .cu_resMdBlockImp {
        display: block !important;
    }
}

@media screen and (max-width: 599px) {
    .cu_resSmHide {
        display: none;
    }

    .cu_resSmInline {
        display: inline;
    }

    .cu_resSmBlock {
        display: block;
    }

    .cu_resSmHideImp {
        display: none !important;
    }

    .cu_resSmInlineImp {
        display: inline !important;
    }

    .cu_resSmBlockImp {
        display: block !important;
    }
}

#bupInquiry.m_footInquiryBup {
    margin: 30px auto;
    border: 2px solid #CCCCCC;
    text-align: center;
    padding : 16px 16px 24px 16px;
    font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}

#bupInquiry .m_footInquiryBup__ttl {
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    line-height: 1.6;
}

#bupInquiry .m_footInquiryBup__body {
}

#bupInquiry .m_footInquiryBup__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item {
    margin-top: 16px;
}

#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item--request {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dotted #ccc;
}

#bupInquiry .m_footInquiryBup__subHeading {
    width: 100%;
    padding: 0 14px;
}

#bupInquiry .m_footInquiryBup__subTtl {
    padding: 4px 0 4px 8px;
    border-left: 8px solid #4d4d4d;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
    font-size: 20px;
}

#bupInquiry .m_footInquiryBup__subTtl br {
    display: none;
}

#bupInquiry .m_footInquiryBup__btn {
    width: 100%;
    display: flex;
    align-items: stretch;
    padding: 0 14px;
    font-size: 20px;
}

#bupInquiry .m_footInquiryBup__btn::before {
    content: "";
    display: block;
    height: 3.5em;
}

#bupInquiry .m_footInquiryBup__btnTarget {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 2px solid;
    border-radius: 5px;
    text-decoration: none;
    color: inherit;
    transition: .3s opacity;
}

#bupInquiry .m_footInquiryBup__btnTarget:hover {
    opacity: .7;
}

#bupInquiry .m_footInquiryBup__btnInner {
    position: relative;
    padding-left: 40px;
}

#bupInquiry .m_footInquiryBup__btnInner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    margin: auto 0;
    line-height: 0;
}

#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnTarget {
    border-color: #E6002D;
    color: #fff;
    background: #E6002D;
}

#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnInner::before {
    content: url("/resource/img/inquiry/icon_inquiry.png");
    top: 9px;
}

#bupInquiry .m_footInquiryBup__btn--faq::before {
    height: 2.5em;
}

#bupInquiry .m_footInquiryBup__btn--faq .m_footInquiryBup__btnInner::before {
    content: url("/resource/img/inquiry/icon_qa.png");
}

#bupInquiry .m_footInquiryBup__btn--request::before {
    height: 2.5em;
}

#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnTarget {
    border-color: #eb9100;
    color: #fff;
    background: #eb9100;
}

#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnInner::before {
    content: url("/resource/img/inquiry/icon_request.png");
}

#bupInquiry .m_footInquiryBup__body + .m_footInquiryBup__footer {
    margin-top: 24px;
}

#bupInquiry .m_footInquiryBup__footer {
    position: relative;
    padding-left: 1em;
    color: #666;
    text-align: left;
    font-size: 12px;
    line-height: 1.6;
}

#bupInquiry .m_footInquiryBup__footer::before {
    content: "\203B";
    position: absolute;
    left: 0;
    display: block;
}

#bupInquiry .m_footInquiryBup__link {
    color: #2e3192;
    text-decoration: underline;
}

#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body {
    width: 80%;
    margin: 0 auto;
}

#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__item {
    display: block;
}

#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__subHeading {
    margin-bottom: 12px;
    padding: 0;
}

#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__btn {
    padding: 0;
}

@media screen and (max-width: 768px) {
    #bupInquiry .m_footInquiryBup__body {
        width: 80%;
        margin: 0 auto;
    }

    #bupInquiry .m_footInquiryBup__item {
        display: block;
    }

    #bupInquiry .m_footInquiryBup__subHeading {
        margin-bottom: 12px;
        padding: 0;
    }

    #bupInquiry .m_footInquiryBup__btn {
        padding: 0;
    }
}

@media screen and (max-width: 599px) {
    #bupInquiry .m_footInquiryBup__body, #bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body {
        width: 90%;
    }

    #bupInquiry .m_footInquiryBup__subTtl br {
        display: inline;
    }

    #bupInquiry .m_footInquiryBup__btn::before {
        height: 4em;
    }

    #bupInquiry .m_footInquiryBup__btnInner {
        padding: 40px 0 0;
    }

    #bupInquiry .m_footInquiryBup__btnInner::before {
        bottom: auto;
        right: 0;
        margin: auto;
    }

    #bupInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before {
        top: 6px;
    }

    #bupInquiry .m_footInquiryBup__btn {
        font-size: 18px;
    }
}

#commonInquiry .box_bupFtFaq {
    background-color: #F9F9F9;
    line-height: 1.6;
    margin: 30px 1px -24px;
    text-align: left;
    padding: 20px 35px;
}

#commonInquiry.m_bupFtInquiry-w500 .box_bupFtFaq {
    padding: 20px 32px;
}

.box_bupFtFaq_inner {
}

.box_bupFtFaq_ttl {
    font-size: 16px;
    font-weight: bold;
    color: #0C3F71;
    position: relative;
}

.box_bupFtFaq_ttl > span {
    display: block;
    font-size: .9em;
    font-weight: 500;
    color: #333;
}

.m_bupFtInquiry-w500 .box_bupFtFaq_ttl > span {
    font-size: 13px;
}

.list_bupFtFaq {
    margin: 8px 0;
}

.list_bupFtFaq_item {
}

.list_bupFtFaq_item + .list_bupFtFaq_item {
    margin-top: 8px;
}

.list_bupFtFaq_link {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding-left: 1.5em;
    position: relative;
}

.list_bupFtFaq_link:hover {
    opacity: 0.6;
    transition: .3s;
    color: #333;
    text-decoration: none;
}

.list_bupFtFaq_link::before {
    content: "Q";
    color: #0C3F71;
    font-size: 20px;
    font-weight: bold;
    font-family: "roboto";
    display: inline-block;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.box_bupFtFaq_link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0 !important;
}

.box_bupFtFaq_link > a {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.box_bupFtFaq_link > a:after {
    content: "\f105";
    font: 700 14px "FontAwesome";
    padding-left: 10px;
}

.box_bupFtFaq_link > a:hover {
    opacity: 0.6;
    transition: .3s;
    color: #333;
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    .lowerStep_flex {
        flex-flow: column-reverse wrap;
    }

    .tellNum {
        margin-bottom: 20px;
    }

    .box_bupFtFaq_ttl {
        display: block;
    }

    .box_bupFtFaq_ttl > span {
        display: block;
        margin-left: 0;
    }
}

#commonInquiry.m_bupFtInquiry {
    margin: 85px auto 30px;
    max-width: 626px;
    width: 100%;
    border-top: 1px solid #C2C2C2;
    text-align: center;
    padding : 24px 0px;
    font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}

#commonInquiry.m_bupFtInquiry-w500 {
    margin: 85px auto 30px;
    width: 100%;
    max-width: 626px;
    border-top: 1px solid #C2C2C2;
    text-align: center;
    padding : 24px 0px;
    font-family: "Helvetica Neue", "Noto Sans JP", "Meiryo","Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}

#commonInquiry .m_bupFtInquiry__ttl {
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}

#commonInquiry .m_bupFtInquiry__body {
}

#commonInquiry .m_bupFtInquiry__msg {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.1px;
    font-weight: 500;
}

#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br {
    display: block;
}

#commonInquiry .m_bupFtInquiry__body + .m_bupFtInquiry__btns {
    margin-top: 30px;
}

#commonInquiry .m_bupFtInquiry__btns {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#commonInquiry .m_bupFtInquiry__btn {
    display: flex;
    align-items: stretch;
    font-size: 15px;
    font-weight: bold;
    width: 31.3%;
}

#commonInquiry .m_bupFtInquiry__btn::before {
    content: "";
    display: block;
    height: 3.5em;
}

#commonInquiry .m_bupFtInquiry__btnTarget {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid;
    border-radius: 4px;
    text-decoration: none;
    color: inherit;
    transition: .3s opacity;
}

#commonInquiry .m_bupFtInquiry__btnTarget:hover {
    opacity: .6;
}

#commonInquiry .m_bupFtInquiry__btnInner {
    position: relative;
    padding-left: 35px;
}

#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner {
    padding-left: 30px;
}

#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner {
    padding-left: 30px;
}

#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner {
    padding-left: 25px;
}

#commonInquiry .m_bupFtInquiry__btnInner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto 0;
    line-height: 0;
}

#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnTarget {
    border-color: #333333;
    box-shadow: 3px 3px 6px rgba(48, 48, 48,.3);
}

#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner::before {
    content: url("/resource/img/inquiry/footer-icon_qa.svg");
    left: 0px;
}

#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnTarget {
    border-color: #E5002D;
    box-shadow: 3px 3px 10px rgba(158, 39, 48,.16);
}

#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before {
    content: url("/resource/img/inquiry/footer-icon_inquiry.svg");
    top: 5px;
}

#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnTarget {
    border-color: #EB9100;
    box-shadow: 3px 3px 10px rgba(252, 146, 24,.16);
}

#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnInner::before {
    content: url("/resource/img/inquiry/footer-icon_seminar-request.svg");
}

#commonInquiry .m_bupFtInquiry__btns + .m_bupFtInquiry__footer {
    margin-top: 16px;
    font-weight: 500;
}

#commonInquiry .m_bupFtInquiry__footer {
    position: relative;
    padding-left: 0;
    color: #999;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.1px;
    margin: 0 -21px;
}

#commonInquiry .m_bupFtInquiry__footer::before {
    content: "\203B";
    position: relative;
    left: 0;
    display: inline-block;
}

#commonInquiry .m_bupFtInquiry__link {
    color: #2e3192;
    text-decoration: underline;
}

#commonInquiry .m_bupFtInquiry__link:hover {
    opacity: 0.6;
    transition: .3s;
}

#commonInquiry.m_bupFtInquiry--w500 {
}

#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget {
    width: 200px;
}

#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner {
    padding: 40px 0 0;
}

#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner::before {
    position: absolute;
    bottom: auto;
    top: 6px;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    margin: auto;
    line-height: 0;
}

#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before {
    top: 12px;
}

#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn::before {
    height: 3.8em;
}

@media screen and (max-width: 768px) {
    #commonInquiry.m_bupFtInquiry {
        width: 100%;
    }

    #commonInquiry.m_bupFtInquiry-w500 {
        width: 100%;
    }

    #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br {
        display: none;
    }

    #commonInquiry .m_bupFtInquiry__btnTarget {
        width: 200px;
    }

    #commonInquiry .m_bupFtInquiry__btnInner {
        padding: 33px 0 7px;
    }

    #commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner {
        padding: 33px 0 7px;
    }

    #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner {
        padding: 33px 0 7px;
    }

    #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner {
        padding: 33px 0 7px;
    }

    #commonInquiry .m_bupFtInquiry__btnInner::before {
        position: absolute;
        top: 9px;
        bottom: auto;
        right: 0;
        margin: auto;
    }

    #commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before {
        top: 11px;
    }

    #commonInquiry .m_bupFtInquiry__btn::before {
        height: 3.8em;
    }

    #commonInquiry .m_bupFtInquiry__footer {
        margin: 0;
    }

    .m_bupFtInquiry__footer > .m_bupFtInquiry__resM_br {
        display: none;
    }
}

@media screen and (max-width: 599px) {
    #commonInquiry .m_bupFtInquiry__btns {
        display: block;
        margin: 0;
    }

    #commonInquiry .m_bupFtInquiry__btn {
        padding: 0;
        width: 80%;
        margin: auto;
    }

    #commonInquiry .m_bupFtInquiry__btn + .m_bupFtInquiry__btn {
        margin-top: 16px;
    }

    #commonInquiry .m_bupFtInquiry__btnTarget, #commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget {
        width: 100%;
        margin: 0 auto;
    }
}

/*===============================

    common

================================*/
body {
    width: 100%;
}

.main__left {
    color: #333;
    font-family: "Helvetica Neue","Noto Sans JP","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,メイリオ,Meiryo,sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 100%;
    text-align: left;
    width: 100%;
}

.p_mainContainer {
    margin: 30px auto 0;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .p_mainContainer {
        width: 95%;
    }
}

/*
    リンク
================================*/
.box_link {
    display: flex;
}

.box_link--align_right {
    justify-content: flex-end;
}

.link_normal {
    color: #052674;
    text-decoration: underline;
}

.link_normal:hover {
    /*color: #005580;*/
    opacity: .6;
    text-decoration: underline;
}

.link_btn {
    -ms-align-items: center;
    align-items: center;
    background-color: #fafafa;
    border: 1px solid #ff5794;
    border-radius: 5px;
    color: #ff5794;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-weight: bold;
    padding: 5px 15px;
    width: auto;
}

.link_btn:hover {
    opacity: .6;
    text-decoration: none;
}

.link_btn::after {
    border-top: 2px solid #ff5794;
    border-right: 2px solid #ff5794;
    content: "";
    display: inline-block;
    height: .5em;
    margin-left: 5px;
    transform: rotate(45deg);
    vertical-align: 2px;
    width: .5em;
}

/* 段落 */
.text_normal {
    margin-bottom: 20px;
}

.text_normal > *:last-child {
    margin-bottom: 0;
}

/*.text_normal + .text_normal { margin-top: 20px; }*/
/* 注訳 */
.text_attention {
    font-size: 11px;
    margin-top: 5px;
    padding-left: 1em;
    text-indent: -1em;
}

.note_red {
    color: #e62119;
}

/* 上付き文字 */
.u_super {
    font-size: 11px;
    vertical-align: super;
}

/* アイコン */
.has_ico {
    position : relative;
    display: block;
}

.has_ico::before {
    content: "";
    position : absolute;
    left: 0;
    display: block;
}

.has_ico__ast {
    padding-left: 1em;
}

.has_ico__ast::before {
    content: "\203B";
}

.has_ico__place {
    padding-left: 30px;
}

.has_ico__place::before {
    content: "\f041";
    line-height: 1;
    font-family: FontAwesome;
    font-size: 30px;
    color: #ff5794;
}

/*===============================

    Contents Header

================================*/
.container_header {
    margin-bottom: 40px;
}

.container_header_keyvisual {
    line-height: 0;
    text-align: center;
}

.container_header_keyvisual img {
    max-width: 100%;
    height: auto;
}

.container_header_map {
    line-height: 0;
    text-align: center;
}

.container_header_map img {
    max-width: 100%;
    height: auto;
}

/*===============================

    Contents Body

================================*/
.container_body {
    margin-bottom: 30px;
}

.section_box {
    margin-bottom: 80px;
}

.section_box > *:last-child {
    margin-bottom: 0;
}

/*.section_box + .section_box { margin-top: 80px; }*/
.section_box_inner {
    margin-bottom: 50px;
}

.section_box_inner.__sm {
    margin-bottom: 20px;
}

.section_box_inner.__md {
    margin-bottom: 30px;
}

.section_box_inner.__hasBgColor {
    background-color: #fafafa;
    border-radius: 5px;
    padding: 20px;
}

.section_box_inner:not(.__sm):not(.__md):first-of-type {
    margin-top: 50px;
}

.heading_primary + .section_box_inner:first-of-type {
    margin-top: 0;
}

.section_box_inner > *:last-child {
    margin-bottom: 0;
}

/*.section_box_inner + .section_box_inner { margin-top: 50px; }*/
/* リード文 */
.lead {
}

.lead_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    line-height: 1.8em;
    font-weight: bold;
    font-size: 24px;
}

.lead_ttl::before, .lead_ttl::after {
    content: "";
    display: block;
    height: 2.5em;
    width: 6px;
    background: #ff5794;
}

.lead_ttl::before {
    margin-right: 35px;
    transform: rotate(-35deg);
}

.lead_ttl::after {
    margin-left: 35px;
    transform: rotate(35deg);
}

.lead_body {
    padding: 20px 40px;
    border-radius: 2px;
    font-size: 18px;
    background: #fff5f9;
}

.lead_footer {
    margin-top: 16px;
}

@media screen and (max-width: 768px) {
    .lead_ttl {
        font-size: 18px;
    }

    .lead_ttl::before, .lead_ttl::after {
        content: none;
    }

    .lead_body {
        padding: 20px;
        font-size: 16px;
    }
}

/*
    見出し
================================*/
.heading_img {
    line-height: 0;
    text-align: center;
}

.heading_primary {
    border-left: 8px solid #ff5794;
    font-size: 26px;
    margin-bottom: 30px;
    padding: 3px 3px 3px 8px;
}

.heading_primary > span {
    font-size: 18px;
    margin-left: 20px;
}

.heading_secondary {
    font-size: 20px;
    margin-bottom: 20px;
}

/*横幅*/
.u_col1 {
    width: 8.333%;
}

.u_col2 {
    width: 16.667%;
}

.u_col3 {
    width: 25%;
}

.u_col4 {
    width: 33.333%;
}

.u_col5 {
    width: 41.666%;
}

.u_col6 {
    width: 50%;
}

.u_col7 {
    width: 58.333%;
}

.u_col8 {
    width: 66.666%;
}

.u_col9 {
    width: 75%;
}

.u_col10 {
    width: 83.33%;
}

.u_col11 {
    width: 91.666%;
}

.u_col12 {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .u_resMdCol1 {
        width:8.333%;
    }

    .u_resMdCol2 {
        width: 16.667%;
    }

    .u_resMdCol3 {
        width: 25%;
    }

    .u_resMdCol4 {
        width: 33.333%;
    }

    .u_resMdCol5 {
        width: 41.666%;
    }

    .u_resMdCol6 {
        width: 50%;
    }

    .u_resMdCol7 {
        width: 58.333%;
    }

    .u_resMdCol8 {
        width: 66.666%;
    }

    .u_resMdCol9 {
        width: 75%;
    }

    .u_resMdCol10 {
        width: 83.33%;
    }

    .u_resMdCol11 {
        width: 91.666%;
    }

    .u_resMdCol12 {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .u_resSmCol1 {
        width:8.333%;
    }

    .u_resSmCol2 {
        width: 16.667%;
    }

    .u_resSmCol3 {
        width: 25%;
    }

    .u_resSmCol4 {
        width: 33.333%;
    }

    .u_resSmCol5 {
        width: 41.666%;
    }

    .u_resSmCol6 {
        width: 50%;
    }

    .u_resSmCol7 {
        width: 58.333%;
    }

    .u_resSmCol8 {
        width: 66.666%;
    }

    .u_resSmCol9 {
        width: 75%;
    }

    .u_resSmCol10 {
        width: 83.33%;
    }

    .u_resSmCol11 {
        width: 91.666%;
    }

    .u_resSmCol12 {
        width: 100%;
    }
}

.u_hasGutterXs {
    padding: 2.5px;
}

.u_hasGutterSm {
    padding: 5px;
}

.u_hasGutterMd {
    padding: 7.5px;
}

.u_hasGutterLg {
    padding: 10px;
}

.u_hasGutterXl {
    padding: 12.5px;
}

.u_noGutterXs {
    margin: -2.5px;
}

.u_noGutterSm {
    margin: -5px;
}

.u_noGutterMd {
    margin: -7.5px;
}

.u_noGutterLg {
    margin: -10px;
}

.u_noGutterXl {
    margin: -12.5px;
}

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

/*
    メディアデザイン
================================*/
.mediaBox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.mediaBox > *:last-child {
    margin-bottom: 0;
}

.mediaBox--align_left {
}

.mediaBox--align_right {
}

.mediaBox__image {
    flex: 0 1 auto;
    max-width: 45%;
}

.mediaBox--align_left > .mediaBox__image {
    margin-right: 10px;
    order: 1;
}

.mediaBox--align_right > .mediaBox__image {
    margin-left: 10px;
    order: 2;
}

.mediaBox__image img {
    height: auto;
    max-width: 100%;
}

.mediaBox__contents {
    flex: 1 1 20%;
}

.mediaBox__contents > *:last-child {
    margin-bottom: 0;
}

.mediaBox--align_left > .mediaBox__contents {
    order: 2;
}

.mediaBox--align_right > .mediaBox__contents {
    order: 1;
}

@media screen and (max-width: 599px) {
    .mediaBox {
        flex-direction: column;
    }

    .mediaBox__image {
        max-width: 100%;
    }

    .mediaBox--align_left > .mediaBox__image {
        margin: 10px 0;
    }

    .mediaBox--align_right > .mediaBox__image {
        margin: 10px 0;
    }
}

/*===============================

    Utility

================================*/
/* color */
.u_color-coral {
    color: #ff7f50 !important;
}

.u_color-rouge {
    color: #ec2c43 !important;
}

.u_color-crimson {
    color: #e6002d !important;
}

/* display */
.u_d-b {
    display: block !important;
}

.u_d-fx {
    display: flex !important;
}

@media screen and (max-width: 599px) {
    .u_res_d-n {
        display: none;
    }

    .u_res_d-b {
        display: block;
    }
}

/* float */
.u_fl-n {
    float: none !important;
}

.u_fl-l {
    float: left !important;
}

.u_fl-r {
    float: right !important;
}

/* font-size */
.u_fz-xs {
    font-size: .75em !important;
}

.u_fz-sm {
    font-size: .875em !important;
}

.u_fz-md {
    font-size: 1em !important;
}

.u_fz-lg {
    font-size: 1.25em !important;
}

.u_fz-xl {
    font-size: 1.5em !important;
}

.u_fz-sr {
    font-size: smaller !important;
}

.u_fz-lr {
    font-size: larger !important;
}

.u_fz10 {
    font-size: 10px !important;
}

.u_fz11 {
    font-size: 11px !important;
}

.u_fz12 {
    font-size: 12px !important;
}

.u_fz13 {
    font-size: 13px !important;
}

.u_fz14 {
    font-size: 14px !important;
}

.u_fz15 {
    font-size: 15px !important;
}

.u_fz16 {
    font-size: 16px !important;
}

.u_fz17 {
    font-size: 17px !important;
}

.u_fz18 {
    font-size: 18px !important;
}

.u_fz19 {
    font-size: 19px !important;
}

.u_fz20 {
    font-size: 20px !important;
}

/* font-weigth */
.u_fw-b {
    font-weight: bold !important;
}

.u_fw-n {
    font-weight: normal !important;
}

/* line-height */
.u_lh-nm {
    line-height: normal !important;
}

.u_lh-ih {
    line-height: inherit !important;
}

.u_lh0 {
    line-height: 0 !important;
}

.u_lh1 {
    line-height: 1 !important;
}

.u_lh2 {
    line-height: 2 !important;
}

.u_lh3 {
    line-height: 3 !important;
}

.u_lh4 {
    line-height: 4 !important;
}

.u_lh5 {
    line-height: 5 !important;
}

.u_lh6 {
    line-height: 6 !important;
}

.u_lh-xs {
    line-height: 1.25 !important;
}

.u_lh-sm {
    line-height: 1.33 !important;
}

.u_lh-md {
    line-height: 1.5 !important;
}

.u_lh-lg {
    line-height: 1.75 !important;
}

.u_lh-xl {
    line-height: 2 !important;
}

/* padding */
.u_py0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.u_p5 {
    padding: 5px !important;
}

.u_p10 {
    padding: 10px !important;
}

.u_p15 {
    padding: 15px !important;
}

.u_p20 {
    padding: 20px !important;
}

.u_p30 {
    padding: 30px !important;
}

.u_p40 {
    padding: 40px !important;
}

.u_p50 {
    padding: 50px !important;
}

.u_p100 {
    padding: 100px !important;
}

/* margin */
.u_mt0 {
    margin-top: 0 !important;
}

.u_mt-xs {
    margin-top: 0.2rem !important;
}

.u_mt-sm {
    margin-top: 0.5rem !important;
}

.u_mt-md {
    margin-top: 1rem !important;
}

.u_mt-lg {
    margin-top: 1.5rem !important;
}

.u_mt-xl {
    margin-top: 3rem !important;
}

.u_ml0 {
    margin-left: 0 !important;
}

.u_ml-xs {
    margin-left: 0.2rem !important;
}

.u_ml-sm {
    margin-left: 0.5rem !important;
}

.u_ml-md {
    margin-left: 1rem !important;
}

.u_ml-lg {
    margin-left: 1.5rem !important;
}

.u_ml-xl {
    margin-left: 3rem !important;
}

.u_mb0 {
    margin-bottom: 0 !important;
}

.u_mb-xs {
    margin-bottom: 0.2rem !important;
}

.u_mb-sm {
    margin-bottom: 0.5rem !important;
}

.u_mb-md {
    margin-bottom: 1rem !important;
}

.u_mb-lg {
    margin-bottom: 1.5rem !important;
}

.u_mb-xl {
    margin-bottom: 3rem !important;
}

.u_mr0 {
    margin-right: 0 !important;
}

.u_mr-xs {
    margin-right: 0.2rem !important;
}

.u_mr-sm {
    margin-right: 0.5rem !important;
}

.u_mr-md {
    margin-right: 1rem !important;
}

.u_mr-lg {
    margin-right: 1.5rem !important;
}

.u_mr-xl {
    margin-right: 3rem !important;
}

.u_my0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.u_my10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.u_my20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.u_my30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.u_m5 {
    margin: 5px !important;
}

.u_m10 {
    margin: 10px !important;
}

.u_m15 {
    margin: 15px !important;
}

.u_m20 {
    margin: 20px !important;
}

.u_m30 {
    margin: 30px !important;
}

.u_m40 {
    margin: 40px !important;
}

.u_m50 {
    margin: 50px !important;
}

.u_m100 {
    margin: 100px !important;
}

.u_m-5 {
    margin: -5px !important;
}

.u_m-10 {
    margin: -10px !important;
}

.u_m-15 {
    margin: -15px !important;
}

.u_m-20 {
    margin: -20px !important;
}

.u_m-30 {
    margin: -30px !important;
}

.u_m-40 {
    margin: -40px !important;
}

.u_m-50 {
    margin: -50px !important;
}

.u_m-100 {
    margin: -100px !important;
}

.u_mt5 {
    margin-top: 5px !important;
}

.u_mt10 {
    margin-top: 10px !important;
}

.u_mt15 {
    margin-top: 15px !important;
}

.u_mt20 {
    margin-top: 20px !important;
}

.u_mt30 {
    margin-top: 30px !important;
}

.u_mt40 {
    margin-top: 40px !important;
}

.u_mt50 {
    margin-top: 50px !important;
}

.u_mt100 {
    margin-top: 100px !important;
}

.u_mt-5 {
    margin-top: -5px !important;
}

.u_mt-10 {
    margin-top: -10px !important;
}

.u_mt-15 {
    margin-top: -15px !important;
}

.u_mt-20 {
    margin-top: -20px !important;
}

.u_mt-30 {
    margin-top: -30px !important;
}

.u_mt-40 {
    margin-top: -40px !important;
}

.u_mt-50 {
    margin-top: -50px !important;
}

.u_mt-100 {
    margin-top: -100px !important;
}

.u_mb5 {
    margin-bottom: 5px !important;
}

.u_mb10 {
    margin-bottom: 10px !important;
}

.u_mb15 {
    margin-bottom: 15px !important;
}

.u_mb20 {
    margin-bottom: 20px !important;
}

.u_mb30 {
    margin-bottom: 30px !important;
}

.u_mb40 {
    margin-bottom: 40px !important;
}

.u_mb50 {
    margin-bottom: 50px !important;
}

.u_mb100 {
    margin-bottom: 100px !important;
}

.u_mb-5 {
    margin-bottom: -5px !important;
}

.u_mb-10 {
    margin-bottom: -10px !important;
}

.u_mb-15 {
    margin-bottom: -15px !important;
}

.u_mb-20 {
    margin-bottom: -20px !important;
}

.u_mb-30 {
    margin-bottom: -30px !important;
}

.u_mb-40 {
    margin-bottom: -40px !important;
}

.u_mb-50 {
    margin-bottom: -50px !important;
}

.u_mb-100 {
    margin-bottom: -100px !important;
}

.u_m-a {
    margin: auto !important;
}

/* position */
.u_pos-r {
    position: relative !important;
}

.u_pos-a {
    position: absolute !important;
}

/* text-align */
.u_ta-c {
    text-align: center !important;
}

.u_ta-r {
    text-align: right !important;
}

.u_ta-l {
    text-align: left !important;
}

/* text-indent */
.u_ti--1 {
    text-indent: -1em !important;
    padding-left: 1em !important;
}

.u_ti-0 {
    text-indent: 0em !important;
    padding-left: 0em !important;
}

/* text-decoration */
.u_td-n {
    text-decoration: none !important;
}

.u_td-u {
    text-decoration: underline !important;
}

.u_td-o {
    text-decoration: overline !important;
}

.u_td-l {
    text-decoration: line-through !important;
}

/* vertical-align */
.u_va-sup {
    vertical-align: super !important;
}

.u_va-t {
    vertical-align: top !important;
}

.u_va-tt {
    vertical-align: text-top !important;
}

.u_va-m {
    vertical-align: middle !important;
}

.u_va-bl {
    vertical-align: baseline !important;
}

.u_va-b {
    vertical-align: bottom !important;
}

.u_va-tb {
    vertical-align: text-bottom !important;
}

.u_va-sub {
    vertical-align: sub !important;
}

/* flexbox */
.u_ac-fs {
    align-content: flex-start !important;
}

.u_ac-fe {
    align-content: flex-end !important;
}

.u_ac-c {
    align-content: center !important;
}

.u_ac-sb {
    align-content: space-between !important;
}

.u_ac-sa {
    align-content: space-around !important;
}

.u_ac-s {
    align-content: stretch !important;
}

.u_ai-fs {
    align-items: flex-start !important;
}

.u_ai-fe {
    align-items: flex-end !important;
}

.u_ai-c {
    align-items: center !important;
}

.u_ai-b {
    align-items: baseline !important;
}

.u_ai-s {
    align-items: stretch !important;
}

.u_as-a {
    align-self: auto !important;
}

.u_as-fs {
    align-self: flex-start !important;
}

.u_as-fe {
    align-self: flex-end !important;
}

.u_as-c {
    align-self: center !important;
}

.u_as-b {
    align-self: baseline !important;
}

.u_as-s {
    align-self: stretch !important;
}

.u_jc-fs {
    justify-content: flex-start !important;
}

.u_jc-fe {
    justify-content: flex-end !important;
}

.u_jc-c {
    justify-content: center !important;
}

.u_jc-sb {
    justify-content: space-between !important;
}

.u_jc-sa {
    justify-content: space-around !important;
}

.u_fx0-1-a {
    flex: 0 1 auto !important;
}

.u_fx1-0-a {
    flex: 1 0 auto !important;
}

.u_fx1-1-a {
    flex: 1 1 auto !important;
}

.u_fx0-0-a {
    flex: 0 0 auto !important;
}

.u_fx1-0-0 {
    flex: 1 0 0% !important;
}

/* order */
.u_ord0 {
    order: 0 !important;
}

.u_ord1 {
    order: 1 !important;
}

.u_ord2 {
    order: 2 !important;
}

.u_ord3 {
    order: 3 !important;
}

.u_ord4 {
    order: 4 !important;
}

.u_ord5 {
    order: 5 !important;
}

.u_ord6 {
    order: 6 !important;
}

.u_ord9999 {
    order: 9999 !important;
}

.u_ord-1 {
    order: -1 !important;
}

/* table-layout */
.u_tbl-a {
    table-layout: auto !important;
}

.u_tbl-f {
    table-layout: fixed !important;
}

/* width */
.u_w350 {
    width: 350px !important;
}

.u_w400 {
    width: 400px !important;
}

.u_w40p {
    width: 40% !important;
}

.u_w45p {
    width: 45% !important;
}

.u_w50p {
    width: 50% !important;
}

.u_maW70p {
    max-width: 70% !important;
}

.u_maW75p {
    max-width: 75% !important;
}

.u_maW80p {
    max-width: 80% !important;
}

.sp {
    display: none;
}

@media screen and (max-width: 599px) {
    .res_sm_w100p {
        width: 100% !important;
    }

    .sp {
        display: block;
    }
}

/* 地図リンク追加 */
.container_header_map_cont {
    margin-top: 32px;
    position: relative;
}

.container_header_map_cont img {
    display: block;
    width: 100%;
    height: auto;
}

.container_header_map_heading {
    width: 100%;
}

.container_header_map_hd {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #FF5794;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    z-index: 5;
}

.container_header_map_hd::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 8px;
    height: 11px;
    background-image: url(/resource/img/bup/shinjin-seminar-venue25/icon_location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}

.container_header_map_inr {
    position: relative;
    top: -12px;
    padding: 18px 18px 13px;
    ; background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    font-size: 14px;
}

.container_header_map_inr_itm_new {
    display: inline-block;
    padding-left: 5px;
    color: #F01D20;
    font-weight: 700;
    text-transform: uppercase;
}

.container_header_map_itm {
    position: absolute;
    width: 100%;
}

.container_header_map_itm--hokkaido {
    top: 15px;
    right: 51px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--miyagi {
    top: 94px;
    right: 51px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--gunma {
    top: 182px;
    right: 123px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--tochigi {
    top: 228px;
    right: 12px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--tokyo {
    top: 312px;
    right: 15px;
    max-width: 200px;
}

.container_header_map_itm--tokyo .container_header_map_inr {
    display: flex;
    justify-content: space-between;
    row-gap: 5px;
}

.container_header_map_itm--chiba {
    bottom: 20px;
    right: 64px;
    max-width: 106px;
}

.container_header_map_itm--chiba .container_header_map_inr {
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 8.5px;
}

.container_header_map_itm--kanagawa {
    bottom: 20px;
    right: 212px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--nigata {
    top: 15px;
    left: 317px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--nagano {
    top: 24px;
    left: 197px;
    max-width: 106px;
}

.container_header_map_itm--nagano .container_header_map_inr {
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 8.5px;
}

.container_header_map_itm--ishikawa {
    top: 117px;
    left: 161px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--shizuoka {
    bottom: 15px;
    right: 326px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--aichi {
    bottom: 90px;
    left: 259px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--hyogo {
    top: 24px;
    left: 56px;
    max-width: 106px;
}
.container_header_map_itm--hyogo .container_header_map_inr {
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 8.5px;
}
.container_header_map_itm--osaka {
    bottom: 15px;
    left: 144px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--hiroshima {
    top: 139px;
    left: 20px;
    max-width: 99px;
    text-align: center;
}

.container_header_map_itm--fukuoka {
    top: 247px;
    left: 14px;
    max-width: 108px;
}

.container_header_map_itm--fukuoka .container_header_map_inr {
    padding-left: 13px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    column-gap: 5px;
}

.container_header_map_hd_acd {
    display: none;
}

@media (any-hover: hover) {
    .container_header_map_inr_itm a:hover {
        text-decoration: underline;
        transition: 0.3s;
    }

    .container_header_map_inr_itm a:hover .container_header_map_inr_itm_new {
        text-decoration: none;
    }
}

@media (max-width: 768px) {
    .container_header_map_cont img {
        display: none;
    }

    .container_header_map_list {
        margin-top: 20px;
    }

    .container_header_map_itm {
        position: static;
        max-width: none;
    }

    .container_header_map_hd {
        width: 100%;
        padding: 4px 28px;
        font-size: 16px;
        cursor: pointer;
    }

    .container_header_map_hd::before {
        left: 10px;
        width: 12px;
        height: 16px;
    }

    .container_header_map_hd_acd {
        display: block;
        position: absolute;
        top: 25%;
        right: 15px;
        width: 15px;
        height: 15px;
    }

    .container_header_map_hd_acd::before, .container_header_map_hd_acd::after {
        content: "";
        position: absolute;
        top: 45%;
        width: 13px;
        height: 2px;
        background-color: #fff;
        transition: 0.3s;
    }

    .container_header_map_hd_acd::before {
        rotate: 90deg;
    }

    .container_header_map_inr {
        height: 0;
        overflow: hidden;
        opacity: 0;
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        padding: 15px 20px;
        font-size: 16px;
        text-align: left;
        transition: 0.3s;
    }

    .container_header_map_itm--tokyo .container_header_map_inr ul {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }

    .container_header_map_itm.is_open .container_header_map_hd_acd::before {
        rotate: 0deg;
    }

    .container_header_map_itm.is_open .container_header_map_inr {
        opacity: 1;
        height: auto;
        max-height: none;
        transition: 0.3s;
    }
}