@charset "UTF-8";
/* ==========================================================
 special-bar
========================================================== */

.special-bar {
    display: none;
    width: 100%;
    background: url(/img/enterprise/special-bar_back.png)center center no-repeat #303560;
}

.special-bar.show {
    display: none;
}

.special-bar>.inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

.special-bar .enterprise-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 40px);
    height: 40px;
    padding: 0 16px 0 0;
    text-decoration: none;
    color: #fff;
}

.special-bar .enterprise-link:hover {
    text-decoration: underline;
    /*	color: var(--sun);*/
}

.special-bar .enterprise-link>.title-set {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.special-bar .enterprise-link>.title-set>.logo {
    width: 130px;
    height: auto;
    margin: 0 24px;
}

.special-bar .enterprise-link>.title-set>.title {
    font-size: 14px;
    font-weight: bold;
    /*	color: #fff;*/
}

.special-bar .enterprise-link>.title-set>.title>b {
    /*	color: var(--pu-400);*/
}

.special-bar .enterprise-link>.more {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    /*	color: #fff;*/
}

.special-bar .enterprise-link>.more::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/img/common/ico_arrow_right_white.svg)center center /contain no-repeat;
    margin-left: 4px;
}

.special-bar .close {
    position: relative;
    flex: 0 1 24px;
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    margin: 8px;
}

.special-bar .close:hover {
    background-color: var(--sun);
}

.special-bar .close::before,
.special-bar .close::after {
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background-color: var(--night);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.special-bar .close::after {
    transform: translate(-50%, -50%) rotate(135deg);
}

.login-bar {
    display: none;
    width: 100%;
    height: 20px;
    background-color: var(--gr-50, #FAFAFC);
}

@media screen and (max-width: 768px) {
    .special-bar .enterprise-link {
        padding: 0;
    }
    .special-bar .enterprise-link>.more {
        display: none;
    }
    .special-bar .enterprise-link>.title-set>.logo {
        display: none;
    }
    .special-bar .enterprise-link>.title-set>.title {
        font-size: 10px;
        line-height: 1.2;
        text-align: left;
        /*		display: flex;*/
        /*		align-items: center;*/
    }
    .special-bar .enterprise-link>.title-set>.title::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(/img/common/ico_arrow_right_white.svg)center center /contain no-repeat;
        margin-left: 4px;
        vertical-align: middle;
    }
    .login-bar {
        display: none;
    }
}

/* ==========================================================
 sitenavi
========================================================== */

/*override*/

.wrapper {
    padding-top: 0;
}

body.is-fixed {
    padding-top: 108px;
}

.sitenavi-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    transition: transform .2s;
    z-index: 999;
    /*	border-top: 20px solid var(--gr-50, #FAFAFC);*/
    font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sitenavi-wrapper.is-fixed {
    position: fixed;
    top: -108px;
    transform: translateY(108px);
}

.sitenavi-wrapper>.sitenavi-inner {
    position: relative;
    width: 100%;
    height: 88px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px var(--gr-150);
}

@media screen and (max-width: 768px) {
    .wrapper {
        padding-top: 0;
    }
    body.is-fixed {
        padding-top: 64px;
    }
    .sitenavi-wrapper {
        height: auto;
        border-top-width: 4px;
    }
    .sitenavi-wrapper>.sitenavi-inner {
        height: 64px;
    }
}

/*sitenavi*/

.sitenavi-set {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.sitenavi-set>.logo {
    width: 160px;
    height: auto;
    margin: 0 40px;
}

.sitenavi-set>.logo img {
    width: 100%;
    height: auto;
}

.sitenavi-set>.sitenavi-nav {
    position: static;
    display: flex;
    width: auto;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
}

.sitenavi-set .burger,
.sitenavi-set .burger+.label {
    display: none;
}

@media screen and (max-width: 1200px) {
    .sitenavi-set>.logo {
        position: absolute;
        /* top: 13px; */
        left: 15px;
        width: 128px;
        margin: 0;
    }
    .sitenavi-set>.sitenavi-nav {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100vh;
        transition: height .4s;
        background-color: #fff;
        flex-direction: column;
        align-items: flex-start;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s;
        padding-top: 60px;
        overflow: hidden;
    }
    .sitenavi-set .burger {
        position: absolute;
        top: 13px;
        right: 15px;
        display: block;
        width: 30px;
        height: 30px;
    }
    .sitenavi-set .burger+.label {
        position: absolute;
        top: 13px;
        right: 15px;
        display: block;
        width: 30px;
        height: 30px;
        z-index: 2;
        background-color: #fff;
    }
    .sitenavi-set .burger+.label>span {
        position: absolute;
        display: block;
        right: 0;
        width: 30px;
        height: 0;
        border-top: 2px solid var(--water, #007fff);
        transition: all .4s;
    }
    .sitenavi-set .burger+.label>span:nth-of-type(1) {
        top: 6px;
    }
    .sitenavi-set .burger+.label>span:nth-of-type(2) {
        top: 14px;
    }
    .sitenavi-set .burger+.label>span:nth-of-type(3) {
        top: 22px;
    }
    /*スマホナビオープン時*/
    .sitenavi-set input:checked.burger~.logo {
        display: none;
    }
    .sitenavi-set input:checked.burger~.sitenavi-nav {
        opacity: 1;
        pointer-events: auto;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .sitenavi-set input:checked.burger+.label>span:nth-of-type(1) {
        transform: translateY(8px) rotate(-45deg);
    }
    .sitenavi-set input:checked.burger+.label>span:nth-of-type(2) {
        opacity: 0;
    }
    .sitenavi-set input:checked.burger+.label>span:nth-of-type(3) {
        transform: translateY(-8px) rotate(45deg);
    }
}

/*main*/

.sitenavi-nav>.main-list {
    position: static;
    display: flex;
    width: auto;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
}

.sitenavi-nav>.main-list>.item {
    position: relative;
    width: auto;
    height: 100%;
    margin: 0 8px;
}

.sitenavi-nav>.main-list>.item.back,
.sitenavi-nav>.main-list>.item>.main-check,
.sitenavi-nav>.main-list>.item>.close-check {
}

.sitenavi-nav>.main-list>.item>.accordion {
    height: 100%;
    transition: opacity .2s;
}

.sitenavi-nav>.main-list>.item>.main-check+.label,
.sitenavi-nav>.main-list>.item>.accordion>.label,
.sitenavi-nav>.main-list>.item>.link {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    color: var(--night, #202226);
    padding: 0 8px;
    text-decoration: none;
}

.sitenavi-nav>.main-list>.item>.close-check+.label {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sitenavi-nav>.main-list>.item:hover>.main-check+.label,
.sitenavi-nav>.main-list>.item>.accordion>.label:hover,
.sitenavi-nav>.main-list>.item:hover>.link {
    cursor: pointer;
    color: var(--water, #007fff);
}

.sitenavi-nav>.main-list>.item>.main-check+.label {
    /* cursor: default; */
}

.sitenavi-nav>.main-list>.item>.main-check+.label::before,
.sitenavi-nav>.main-list>.item>.accordion>.label::before {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid var(--gr-400, #949598);
    border-bottom: 1px solid var(--gr-400, #949598);
    top: 70%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    transition: .2s;
}

.sitenavi-nav>.main-list>.item>.accordion[open]>.label::before {
    transform: translateX(-50%) rotate(-135deg);
}

.sitenavi-nav>.main-list>.item:hover>.main-check+.label::before,
.sitenavi-nav>.main-list>.item>.accordion>.label:hover::before {
    top: 75%;
    border-color: var(--water, #007fff);
}

.sitenavi-nav>.main-list>.item>.main-check+.label::after,
.sitenavi-nav>.main-list>.item>.accordion>.label::after,
.sitenavi-nav>.main-list>.item>.link::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--water, #007fff);
    bottom: 0;
    left: 0;
    transition: width .2s;
}

.sitenavi-nav>.main-list>.item:hover>.main-check+.label::after,
.sitenavi-nav>.main-list>.item>.accordion>.label:hover::after,
.sitenavi-nav>.main-list>.item:hover>.link::after {
    width: 100%;
    background-color: var(--water, #007fff);
}

.sn-www:not(.scene, .func, .func-use, .func-price) .sitenavi-nav>.main-list>.item .main-check+.label::after,
.sn-www.scene .sitenavi-nav>.main-list>.item.scene .main-check+.label::after,
.sn-support .sitenavi-nav>.main-list>.item.support .main-check+.label::after,
.sn-community .sitenavi-nav>.main-list>.item.support .main-check+.label::after,
.sn-www.func .sitenavi-nav>.main-list>.item.func .link::after,
.sn-www.func-use .sitenavi-nav>.main-list>.item.func .link::after,
.sn-www.func-price .sitenavi-nav>.main-list>.item.func .link::after,
.sn-price .sitenavi-nav>.main-list>.item.price .link::after,
.sn-company .sitenavi-nav>.main-list>.item.company .link::after,
.sn-showcase .sitenavi-nav>.main-list>.item.showcase .main-check+.label::after,
.sn-knowhow .sitenavi-nav>.main-list>.item.showcase .main-check+.label::after,
.sn-hrseminar .sitenavi-nav>.main-list>.item.seminar .link::after,
.sn-eventreport .sitenavi-nav>.main-list>.item.support .main-check+.label::after,
.sn-nextfund .sitenavi-nav>.main-list>.item.partner .main-check+.label::after,
.sn-connectedpartner .sitenavi-nav>.main-list>.item.partner .main-check+.label::after,
.sn-salespartner .sitenavi-nav>.main-list>.item.partner .main-check+.label::after,
.sn-www.about .sitenavi-nav>.main-list>.item.service>.accordion>.label::after,
.sn-www.scene .sitenavi-nav>.main-list>.item.scene>.accordion>.label::after,
.sn-support .sitenavi-nav>.main-list>.item.support>.accordion>.label::after,
.sn-community .sitenavi-nav>.main-list>.item.support>.accordion>.label::after,
.sn-eventreport .sitenavi-nav>.main-list>.item.support>.accordion>.label::after,
.sn-showcase .sitenavi-nav>.main-list>.item.showcase>.accordion>.label::after,
.sn-knowhow .sitenavi-nav>.main-list>.item.showcase>.accordion>.label::after,
.sn-nextfund .sitenavi-nav>.main-list>.item.partner>.accordion>.label::after,
.sn-connectedpartner .sitenavi-nav>.main-list>.item.partner>.accordion>.label::after,
.sn-salespartner .sitenavi-nav>.main-list>.item.partner>.accordion>.label::after {
    width: 100%;
    background-color: var(--water, #007fff);
}


@media screen and (max-width: 1200px) {
    .sitenavi-nav>.main-list {
        position: relative;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border-top: 1px solid var(--gr-150, #E5E6EA);
        width: 100%;
        height: auto;
    }
    .sitenavi-nav>.main-list>.item {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .sitenavi-nav>.main-list>.item>.main-check {
        position: absolute;
        display: block;
        opacity: 0;
        width: 0;
    }
    .sitenavi-nav>.main-list>.item>.main-check+.label,
    .sitenavi-nav>.main-list>.item>.accordion>.label,
    .sitenavi-nav>.main-list>.item>.link {
        width: 100%;
        height: 48px;
        padding: 0 15px;
        
    }
    .sitenavi-nav>.main-list>.item>.main-check+.label::before,
    .sitenavi-nav>.main-list>.item>.accordion>.label::before {
        top: 50%;
        left: auto;
        right: 20px;
        border-right-color: var(--night, #202226);
        border-bottom-color: var(--night, #202226);
        transform: translateY(-50%) rotate(-45deg);
    }
    .sitenavi-nav>.main-list>.item>.accordion>.label::before {
        transform: translateY(-50%) rotate(45deg);
    }
    .sitenavi-nav>.main-list>.item:hover .main-check+.label::before,
    .sitenavi-nav>.main-list>.item>.accordion:hover>.label::before {
        top: 50%;
    }
    .sitenavi-nav>.main-list>.item>.accordion[open]>.label>.close-area {
        display: none;
    }
    .sitenavi-nav>.main-list>.item .main-check+.label::after,
    .sitenavi-nav>.main-list>.item>.accordion>.label::after,
    .sitenavi-nav>.main-list>.item .link::after {
        width: 100%;
        height: 1px;
        background-color: var(--gr-150, #E5E6EA);
        transition: none;
    }
    .sitenavi-nav>.main-list>.item.back {
        display: block;
        position: absolute;
        bottom: 100%;
        width: auto;
    }
    .sitenavi-nav>.main-list>.item.back .main-check+.label {
        padding-left: 40px;
        font-size: 12px;
        font-weight: normal;
        color: var(--night, #202226);
    }
    .sitenavi-nav>.main-list>.item.back>.main-check+.label::before {
        right: auto;
        left: 20px;
        width: 15px;
        height: 15px;
        transform: translateY(-50%) rotate(-225deg);
        border-right: 2px solid var(--night, #202226);
        border-bottom: 2px solid var(--night, #202226);
    }
    .sitenavi-nav>.main-list>.item.back>.main-check+.label::after {
        display: none;
    }
}

/*sub*/

.sitenavi-nav .sub-set {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    /* transition: opacity .2s; */
    width: auto;
    min-width: 340px;
    height: auto;
    padding: 40px 0;
    background-color: var(--cloud, #ffffff);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    pointer-events: none;
    z-index: 999;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.sitenavi-nav .corp .sub-set {
    width: 680px;
}

.sitenavi-nav .scene .sub-set {
    left: 0;
    transform: translateX(-240px);
}

/* .sitenavi-nav > .main-list > .item:hover .sub-set {
	opacity: 1;
	pointer-events: auto;

} */

.sitenavi-nav>.main-list>.item {
    >input:checked.main-check~.sub-set,
    >.accordion[open]>.sub-set {
        /* display: flex; */
        animation: fadeIn 0.5s ease;
        opacity: 1;
        pointer-events: auto;
    }
    >.accordion[open]>.label>.close-area {
        position: fixed;
        height: calc(100vh - 88px);
        margin-top: 88px;
        inset: 0;
        content: '';
    }
}

.sitenavi-nav .sub-set>.sub-list {
    position: relative;
    width: 340px;
    padding: 0 40px;
}

.sitenavi-nav .sub-set>.sub-list:nth-child(2) {
    border-left: 1px solid #ddd;
}

.sitenavi-nav .sub-set>.sub-list::before {
    display: none;
    font-size: 10px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    color: #666;
}

.sitenavi-nav .sub-set>.sub-list.service::before {
    display: none;
    content: "製品情報";
}

.sitenavi-nav .sub-set>.sub-list.support::before {
    /*display: block;*/
    /*content: "サポート&コミュニティ";*/
}

.sitenavi-nav .sub-set>.sub-list.showcase::before {
    display: none;
    content: "導入事例";
}

.sitenavi-nav .sub-set>.sub-list.seminar::before {
    display: none;
    content: "セミナー・イベント";
}

.sitenavi-nav .sub-set>.sub-list.corp::before {
    display: none;
    content: "会社情報";
}

.sitenavi-nav .sub-set>.sub-list.partner::before {
    display: none;
    content: "パートナーシップ";
}

.sitenavi-nav .sub-set>.sub-list>.item {
    width: auto;
    height: auto;
}

.sitenavi-nav .sub-set .sub-dl {
    width: 100%;
    padding: 0 40px;
    text-align: left;
    >.title {
        display: flex;
        align-items: flex-end;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
        margin-bottom: 16px;
        >a {
            font-size: 12px;
            text-decoration: none;
            color: var(--gr-600);
            padding: 4px;
            margin: 0 0 0 8px;
        }
        >a::after {
            width: 14px;
            height: 14px;
        }
    }
}

.sitenavi-nav .sub-set {
    .flex-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .flex-wrap.needs {
        width: 720px;
        >* {
            width: calc(100% / 3);
        }
    }
}

.sitenavi-nav .sub-set .sub-dl.cate {
    padding: 0;
    >.title {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 8px;
        color: var(--pu-600);
        background-color: var(--pu-50);
        padding: 0 16px;
        border-radius: 0 16px 16px 0;
    }
    /* > .title::before {
		content: "━";
		margin-right: 4px;
	} */
    >.item {
        margin-left: 16px;
    }
}

.sitenavi-nav .sub-set .sub-dl.subcate {
    width: 240px;
    padding: 0 0 16px 0;
    >.title {
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        background-color: var(--sun);
        line-height: 1;
        padding: 4px 8px;
        text-align: left;
        margin-bottom: 8px;
    }
}

.sitenavi-nav .sub-set .sub-grid {
    display: grid;
}

.sitenavi-nav .sub-set .sub-grid.scene {
    width: 1040px;
    >.needs {
        grid-row: 1 / 3;
        grid-column: 1 / 2;
        border-right: solid 1px var(--gr-200);
    }
    >.scales {
        grid-row: 1;
        grid-column: 2;
        padding: 0 0 40px 40px;
    }
    >.industories {
        grid-row: 2;
        grid-column: 2;
        padding: 40px 0 0 40px;
        border-top: solid 1px var(--gr-200);
    }
}

.sitenavi-nav .sub-set .item a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 8px;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: .1ex;
    color: var(--pu-400, #007fff);
    text-decoration: none;
    white-space: nowrap;
}

.sitenavi-nav .sub-set .item a::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    mask-image: url(/img/common/icon_arrow.svg);
    mask-size: cover;
    background-color: currentColor;
    margin-left: 4px;
}

.sitenavi-nav .sub-set .item a small {
    display: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
    color: var(--gr-600, #56575B);
    white-space: nowrap;
}

.sitenavi-nav .sub-set .item a:hover {
    /*color: #f3bf35;*/
    background-color: var(--pu-50, #DDEFFF);
}

.sitenavi-nav .sub-set .item>a[target="blank"]::after {
    content: "";
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* width: 16px; */
    /* height: 16px; */
    mask-image: url(/img/common/icon_blank.svg);
    /* margin: 16px; */
}

.sitenavi-nav .sub-set .item.corp-recruit>a::before,
.sitenavi-nav .sub-set .item.corp-ir>a::before,
    {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(/img/common/child_icon_blank_blu.svg) center center /contain no-repeat;
}

@media screen and (max-width: 768px) {
    .sitenavi-nav .sub-set {
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        transform: none;
        opacity: 1;
        pointer-events: none;
        flex-direction: column;
        padding: 0;
        box-shadow: none;
        background-color: var(--cloud, #ffffff);
        transform: translateX(100%);
        transition: transform .4s;
    }
    .sitenavi-nav .accordion>.sub-set {
        position: static;
        top: auto;
        transform: none;
        height: auto;
        padding: 15px 0;
        border-bottom: solid 1px var(--gr-150);
    }
    .sitenavi-nav .sub-set>.sub-list {
        width: 100%;
        padding: 0;
    }
    .sitenavi-nav .sub-set>.sub-list:nth-child(2) {
        border-left: none;
    }
    .sitenavi-nav .sub-set>.sub-list::before {
        display: block;
        background-color: var(--cloud, #ffffff);
        border-bottom: 1px solid var(--gr-150, #E5E6EA);
        padding-left: 15px;
    }
    .sitenavi-nav .sub-set>.sub-list>.item>a {
        height: 60px;
        border-bottom: 1px solid var(--gr-150, #E5E6EA);
        font-size: 14px;
        background-color: var(--cloud, #ffffff);
    }
    .sitenavi-nav .sub-set>.sub-list>.item>a>small {
        font-size: 10px;
    }
    .sitenavi-nav .sub-set .item a {
        width: 100%;
        >br {
            display: none;
        }
    }
    .sitenavi-nav .sub-set .sub-grid {
        display: block;
    }
    .sitenavi-nav .sub-set {
        .flex-wrap,
        .flex-wrap.needs {
            display: block;
            width: 100%;
        }
    }
    .sitenavi-nav .sub-set .sub-grid.scene {
        width: 100%;
        .cate.needs,
        .cate.scales,
        .cate.industories {
            padding: 0 0 10px 0;
            border: none;
        }
    }
    .sitenavi-nav .sub-set .sub-dl {
        padding: 0 15px;
    }
    .sitenavi-nav .sub-set .flex-wrap.needs>* {
        width: 100%;
        ;
    }
    /*下層ナビの出現アクション*/
    /*下層の戻るボタン*/
    .sitenavi-nav>.main-list>.item.back>.main-check {
        opacity: 0;
    }
    .sitenavi-nav>.main-list>.item.back>.main-check+.label {
        opacity: 1;
        transition: opacity .2s;
        pointer-events: auto;
    }
    .sitenavi-nav>.main-list>.item.back>input:checked.main-check+.label {
        opacity: 0;
        pointer-events: none;
    }
    .sitenavi-nav>.main-list>.item>input:checked.main-check~.sub-set {
        transform: translateX(0);
    }
}

/*cta*/

.sitenavi-nav .cta-list {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: flex;
    width: auto;
    height: auto;
    justify-content: flex-start;
    align-items: center;
}

.sitenavi-nav .cta-list>.item {
    width: 112px;
    height: 40px;
    margin-left: 8px;
}

.sitenavi-nav .cta-list>.item.tel-pc {
    text-align: left;
    color: #335799;
    width: auto;
}

.sitenavi-nav .cta-list>.item.tel-sp {
    display: none;
}

.sitenavi-nav .cta-list>.item>.telnum {
    display: block;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

.sitenavi-nav .cta-list>.item>.telnum-small {
    display: block;
    font-size: 10px;
    line-height: .8;
    font-weight: 700;
}

.sitenavi-nav .cta-list>.item>.telnum-small>span {
    font-size: 8px;
    padding-right: 5px;
}

.sitenavi-nav .cta-list>.item>a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: var(--pu-400, #007fff);
    border: 2px solid var(--water, #007fff);
    border-radius: 4px;
}

.sitenavi-nav .cta-list>.item.strong>a {
    background-color: var(--water, #007fff);
    color: var(--cloud, #ffffff);
}

.sitenavi-nav .cta-list>.item>a:hover {
    color: var(--pu-400, #007fff);
    background-color: var(--sun, #ffe200);
}

@media screen and (max-width: 1200px) {
    .sitenav-contact {
        width: 80%;
    }
    .sitenavi-nav .cta-list>.item {
        height: auto;
    }
    .sitenavi-nav .cta-list>.item>a {
        font-size: 16px;
        height: 48px;
    }
    .sitenavi-nav .cta-list {
        position: static;
        width: 100%;
        display: flex;
        margin-top: 20px;
        transform: none;
        padding: 0 5px;
    }
    .sitenavi-nav .cta-list>.item {
        margin: 0 5px;
        flex: 1;
    }
    .sitenavi-nav .cta-list>.item.tel-pc {
        display: none;
    }
    .sitenavi-nav .cta-list>.item.tel-sp {
        display: block;
    }
    .sitenavi-nav .cta-list>.item.tel-sp a {
        position: relative;
        margin-top: 15px;
        border: solid 1px var(--night, #202226);
        padding: 7px;
    }
    .sitenavi-nav .cta-list>.item>a .tel {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        line-height: 1em;
    }
    .sitenavi-nav .cta-list>.item>a>span {
        min-width: 220px;
    }
    .sitenavi-nav .cta-list>.item>a .telnum {
        font-weight: bold;
        /*font-family: 'Roboto', sans-serif;*/
    }
    .sitenavi-nav .cta-list>.item>a .telnum-small {
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
    }
    .sitenavi-nav .cta-list>.item>a .telnum {
        font-size: 16px;
    }
    .sitenavi-nav .cta-list>.item>a .telnum-small {
        font-size: 10px;
        margin-left: 8px;
    }
    .sitenavi-nav .cta-list>.item>a .telnum-small>span {
        padding-right: 5px;
    }
    .tel-text {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 12px;
        font-weight: normal;
        display: block;
        line-height: 1.2em;
        background-color: #fff;
        white-space: nowrap;
        padding: 0 4px;
        color: var(--night, #202226);
    }
}

/*link*/

.sitenavi-nav .link-list {
    position: absolute;
    top: 0;
    right: 16px;
    width: auto;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    /*	background-color: var(--gr-50, #FAFAFC);*/
}

.sitenavi-nav .link-list>.item {
    margin: 0 8px;
    height: 20px;
}

.sitenavi-nav .link-list>.item a {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 12px;
    line-height: 1em;
    font-weight: normal;
    color: var(--pu-400, #007fff);
    text-decoration: none;
}

.sitenavi-nav .link-list>.item a:hover {
    color: var(--pu-600, #303560);
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .sitenavi-nav .link-list {
        position: static;
        width: 100%;
        top: auto;
        left: auto;
        justify-content: center;
        padding: 0;
        margin: 15px 0 60px;
        background-color: transparent;
    }
    .sitenavi-nav .link-list>.item {
        width: 80px;
        margin: 0 5px;
        padding: 0;
    }
    .sitenavi-nav .link-list>.item a {
        width: 100%;
        justify-content: center;
    }
}

.sn-main-list li a.sn-main:hover,
.sn-main-list li.selected a.sn-main,
body.sn-www .sn-main-list li.sn-www a.sn-main,
body.sn-seminar .sn-main-list li.sn-seminar a.sn-main,
body.sn-hrseminar .sn-main-list li.sn-seminar a.sn-main,
body.sn-trainingseminar .sn-main-list li.sn-seminar a.sn-main,
body.sn-eventreport .sn-main-list li.sn-seminar a.sn-main,
body.sn-hrseminar .sn-main-list li.sn-hrseminar a.sn-sub,
body.sn-trainingseminar .sn-main-list li.sn-trainingseminar a.sn-sub,
body.sn-eventreport .sn-main-list li.sn-eventreport a.sn-sub,
body.sn-case .sn-main-list li.sn-case a.sn-main,
body.sn-showcase .sn-main-list li.sn-case a.sn-main,
body.sn-hint .sn-main-list li.sn-case a.sn-main,
body.sn-hrinnovators .sn-main-list li.sn-case a.sn-main,
body.sn-knowhow .sn-main-list li.sn-case a.sn-main,
body.sn-showcase .sn-main-list li.sn-showcase a.sn-sub,
body.sn-hint .sn-main-list li.sn-hint a.sn-sub,
body.sn-hrinnovators .sn-main-list li.sn-hrinnovators a.sn-sub,
body.sn-knowhow .sn-main-list li.sn-knowhow a.sn-main,
body.sn-partner .sn-main-list li.sn-partner a.sn-main,
body.sn-nextfund .sn-main-list li.sn-partner a.sn-main,
body.sn-connectedpartner .sn-main-list li.sn-partner a.sn-main,
body.sn-nextfund .sn-main-list li.sn-nextfund a.sn-main,
body.sn-connectedpartner .sn-main-list li.sn-connectedpartner a.sn-sub,
body.sn-support .sn-main-list li.sn-support a.sn-main {
    background-color: var(--cloud, #ffffff);
    color: var(--water, #007fff);
}

.sn-main-list li.selected,
.sn-main-list li.selected a.sn-main {
    z-index: 9999;
}

a.sn-more::after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    margin: 0 0 0 8px;
    transition: transform .4s;
}

a.sn-more:hover::after,
.sn-main-list li.selected a.sn-more::after {
    border-color: #f3bf35;
}

.selected a.sn-more::after {
    transform: rotate(-135deg);
}

@media screen and (max-width: 768px) {
    .sn-main-list {
        width: auto;
        max-width: none;
        justify-content: flex-start;
    }
    .sn-main-list li {
        flex: none;
    }
    .sn-main-list li a.sn-main {
        font-size: 12px;
        padding: 0 10px;
        /*border-style: solid solid none solid;*/
        /*border-width: 1px;*/
        /*border-color: #fff;*/
    }
}

/*sub-list----------*/

.sn-sub-wrapper {
    display: none;
    position: absolute;
    justify-content: center;
    top: calc(100% - 2px);
    left: 0;
    width: 100%;
    height: auto;
    padding: 5px 0;
    background-color: #fff;
    border-top: solid 2px #ffcd46;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
}

.sn-sub-list {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 5px 0;
}

.sn-sub-list li {
    flex: 0 0 200px;
    height: 50px;
    padding: 0 10px;
    border-left: solid 1px #e5e5e5;
}

.sn-sub-list li:first-of-type {
    border: none;
}

.sn-sub-list li a.sn-sub {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    text-decoration: none;
}

.sn-sub-list li a.sn-sub:hover,
body.sn-hrseminar li.sn-hrseminar a.sn-sub,
body.sn-trainingseminar li.sn-trainingseminar a.sn-sub,
body.sn-eventreport li.sn-eventreport a.sn-sub,
body.sn-showcase li.sn-showcase a.sn-sub,
body.sn-knowhow li.sn-knowhow a.sn-sub,
body.sn-hint li.sn-hint a.sn-sub,
body.sn-hrinnovators li.sn-hrinnovators a.sn-sub,
body.sn-nextfund li.sn-nextfund a.sn-sub,
body.sn-connectedpartner li.sn-connectedpartner a.sn-sub {
    color: #f3bf35;
    border-bottom: solid 2px #ffcd46;
}

@media screen and (max-width: 768px) {
    .sn-sub-list {
        flex-direction: column;
        padding: 15px;
    }
    .sn-sub-list li {
        flex: none;
        border-left: none;
        border-top: solid 1px #e5e5e5;
    }
}

/*other-list----------*/

.sn-other-list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
}

.sn-other-list li {
    width: 80px;
    height: 100%;
}

.sn-other-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    white-space: nowrap;
}

.sn-other-list li a:hover {
    background-color: #fff;
    color: #f3bf35;
}

.sn-other-list li.sn-corp {
    width: 120px;
}

.sn-other-list li.sn-login {
    width: 120px;
    background-color: #f3bf35;
}

@media screen and (max-width: 768px) {
    .sn-other-list li.sn-login {
        display: none;
    }
}