@charset "utf-8";
@media screen and (max-width:1024px) {
    .fixedBtnArea {
        display: none;
    }
}

@media screen and (min-width:1025px) {
    .fixedBtnArea {
        display: none;
    }
    .page-template-home .fixedBtnArea {
        display: block;
    }
    .fixedBtnArea {
        position: absolute;
        top: 415px;
        right: 0;
        z-index: 5000;
    }
    .fixedBtnArea.fixedActive {
        position: fixed;
        top: 130px;
    }
    .fixedBtnArea a:hover img {
        opacity: .8;
    }
    .btn_change img {
        display: none;
        width: 140px;
        height: auto;
        margin-bottom: 10px;
        transition: .3s;
    }
    .fixedActive img {
        width: 50px;
    }
    .js_hover_slide-box {
        overflow: visible !important;
        position: relative !important;
        z-index: 1000 !important;
        right: auto !important;
        width: 100% !important;
    }
    .children {
        position: relative;
        z-index: 10;
        width: 142px;
        transition: .3s;
    }
    .children.active {
        color: #fff;
    }
    .children>a:hover {
        color: #fff;
    }
    .children.active>a {
        background: #0C428F;
        color: #fff !important;
    }
    .fa.fa-angle-down {
        position: absolute;
        top: 8px;
        right: 5px;
    }
    .children .fa-angle-down:before {
        color: #0C428F;
        font-size: 26px;
    }
    .children:hover .fa-angle-down:before {
        color: #fff;
    }
    .children:hover {
        background: #0C428F;
    }
    .children:hover>a {
        color: #fff;
    }
    .children.is-active .fa-angle-down:before {
        color: #fff;
        content: "\f106";
    }
    .children.is-active {
        z-index: -1;
    }
    .sub-menu {
        opacity: 0;
        /* display: none; */
        position: absolute;
        top: 60px;
        left: -26px;
        z-index: -1;
        width: 588px;
        padding: 50px 20px 25px 40px;
        box-sizing: content-box;
    }
    @media all and (-ms-high-contrast:none) {
        _:-ms-lang(x)::-ms-backdrop,
        .children:hover .sub-menu {
            opacity: 1;
        }
    }
    .children .sub-menu {
        animation-name: hide;
        animation-duration: .3s;
        animation-fill-mode: forwards;
    }
    /* .header__nav-list .children .sub-menu {
        min-height: 40px;
    }
    .header__nav-list .price.children .sub-menu {
        max-width: 240px;
        width: 100%;
    }
    .header__nav-list .price.children .sub-menu li {
        max-width: 230px;
        width: 100%;
    } */
    @keyframes hide {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    .children:hover .sub-menu {
        animation-name: show;
        animation-duration: .3s;
        animation-fill-mode: forwards;
    }
    @keyframes show {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .sub-menu::before {
        position: absolute;
        top: 25px;
        left: 0;
        width: 100%;
        height: 170%;
        background: #F0F4F8;
        content: "";
    }
    .sub-menu::after {
        position: absolute;
        top: 10px;
        left: 60px;
        border-right: 10px solid transparent;
        border-bottom: 16.6025px solid #F0F4F8;
        border-left: 10px solid transparent;
        content: "";
    }
    .sub-menu li {
        width: 290px;
        margin-left: auto;
        text-align: left;
    }
    .sub-menu li:first-child,
    .sub-menu li:nth-child(2) {
        position: absolute;
        top: 52px;
        left: 40px;
    }
    .sub-menu li:nth-child(2) {
        top: 98px;
    }
    .sub-menu a {
        display: block;
        position: relative;
        z-index: 10;
        margin-right: 0;
        padding-left: 1.5em !important;
        color: #333;
        border-bottom: none;
        line-height: 1.5;
    }
    .sub-menu a::after {
        position: absolute;
        top: 16px;
        left: 5px;
        border-right: 6px solid transparent;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #0C428F;
        content: "";
    }
    .sub-menu.is-active a:hover::after {
        border-left-color: #fff !important;
    }
    .drawer-nav.header__nav.js_fiexd {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 6000 !important;
        width: 100% !important;
        height: 40px;
        box-shadow: 0px -69px 107px 0px;
    }
    .js_scroll_on {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 6000;
        max-width: none;
        width: 100%;
        margin: 0 !important;
        background: #fff;
    }
    .js_scroll_on .header__logo {
        max-width: 320px;
        margin-top: 12px;
    }
}

.js_menu_move {
    position: relative;
    animation-name: menuLeft;
    animation-duration: .3s;
    animation-fill-mode: forwards;
}

@keyframes menuLeft {
    0% {
        left: 0;
    }
    100% {
        left: -80%;
    }
}

.js_menu_reset {
    position: relative;
    animation-name: menuReset;
    animation-duration: .3s;
    animation-fill-mode: forwards;
}

@media screen and (min-width:1025px) {
    .drawer-nav.header__nav.sp {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .drawer-nav.header__nav.sp {
        padding-bottom: 110px !important;
    }
    .drawer-nav.header__nav.sp .header__nav-list {
        height: auto;
    }
}

@media screen and (max-width:1024px) {
    .header__nav-list .children:nth-child(n+3) .sub-menu {
        padding: 0 !important;
    }
    .header__main_area.js_scroll_on {
        display: none !important;
    }
    .drawer-nav.header__nav.sp {
        touch-action: auto !important;
        position: fixed;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        display: block;
        right: -80%;
        background: #0C4291;
        width: 80%;
        height: 100%;
        padding: 80px 20px 40px;
    }
    .drawer-nav.header__nav.sp .header__nav-list>li.children>a::after {
        content: none;
    }
    .drawer-nav.header__nav.sp .sub-menu {
        display: none;
    }
    .drawer-nav.header__nav.sp .fa.fa-angle-down {
        position: absolute;
        top: 0px !important;
        right: 0;
        z-index: 100;
        width: 100%;
        height: 50px;
    }
    .drawer-nav.header__nav.sp .fa.fa-angle-down:before {
        content: "\f107";
        margin-left: auto;
        margin-top: 13px;
        font-size: 26px;
        display: block;
        width: 26px;
        color: #fff;
    }
    .drawer-nav.header__nav.sp .sub-menu a {
        border-bottom: none;
    }
    .drawer-nav.header__nav.sp .header__nav-list>li a {
        display: block;
        position: relative;
        z-index: 10;
        margin-right: 0;
        line-height: 1.5;
    }
    .drawer-nav.header__nav.sp .header__nav-list>li>a::after {
        position: absolute;
        top: 20px;
        left: 0;
        border-right: 6px solid transparent;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #fff;
        content: "";
    }
    .js_nav_close-btn {
        position: absolute;
        top: 20px;
        right: 10px;
        z-index: 10000;
        width: 60px;
        height: 60px;
    }
    .js_nav_close-btn::before,
    .js_nav_close-btn::after {
        position: absolute;
        top: 30px;
        right: 10px;
        z-index: 10;
        width: 40px;
        height: 2px;
        border-top: 2px solid #fff;
        transform: rotate(-45deg);
        content: "";
    }
    .js_nav_close-btn::after {
        border-top: 2px solid #fff;
        transform: rotate(45deg);
    }
}

@keyframes menuReset {
    0% {
        left: -240px;
    }
    100% {
        left: 0;
    }
}

@media screen and (min-width:1025px) {
    .main_visual-list.pc li {
        overflow: hidden;
        height: 84vh !important;
    }
    .main_visual-list.pc li img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        height: 740px;
    }
}

@media screen and (min-width:1600px) {
    .main_visual-list.pc li img {
        object-fit: contain;
        height: auto;
    }
}

.bx-wrapper {
    max-width: none !important;
    box-shadow: none;
    border: none;
    background: none;
    margin-bottom: 0;
}

@media screen and (min-width:1025px) {
    .slider_flow-box img {
        height: 150px !important;
    }
}

.children .sub-menu{
	display: none;
}
.children:hover .sub-menu{
	display: block;
}
.children .sub-menu:hover{
	display: block;
}
.header__nav-list .children:nth-child(n+3) .sub-menu{
    padding: 50px 20px 30px 40px;

}

@media screen and (min-width:1025px) {
.header__nav-list .children:last-child .sub-menu{
	width: 141px;
	padding: 50px 20px 52px 40px;
}
.header__nav-list .children:nth-child(n+3) .sub-menu {
    width: 141px;
  }
}
.header__nav-list .children:last-child .sub-menu li,
.header__nav-list .children:nth-child(n+3) .sub-menu li{
	width: 65%;
}