.header__btnsBtn a {
    flex-direction: column
}
.header__menuInner>ul,
.header__nav ul,
.header__navor ul {
    list-style: none
}

.header__inner {
    position: fixed;
    z-index: 100;
    background: #FFF;
    width: 100%;
    height: 120px;
}
@media screen and (max-width:1024px) {
    .header__inner {
        height: 100px;
    }
}

.header__logo {
    /* top: min(4.8343777977vh, 3.125vw);
    top: min(2.8343777977svh, 3.125vw); */
    position: absolute;
    top: 20px;
    left: 3.125vw;
    z-index: 10
}

.header__logo a {
    transition: .16s all ease-out
}

@media screen and (min-width:1025px) {

    .Acfcnts a:hover,
    .Breadcrumb ol li a:hover,
    .Breadcrumb ul li a:hover,
    .cmn__basichover:hover,
    .footer__bottomLeftLinks>ul li a:hover,
    .footer__bottomLeftLogo a:hover,
    .footer__bottomRightLinks ul li a:hover,
    .footer__bottomRightSns a:hover,
    .header__logo a:hover,
    .page.sitemap main .sm__inner ul li a:hover,
    .single main .single__supervFlexTxt>p a:hover {
        opacity: .6
    }
}

.header__logo a figure {
    /* width: 14.1203703704vw; */
    width: 155px;
}

@media screen and (max-width:1024px) {
    .header__logo {
        top: 4.0712468193vw;
        left: 20%;
        translate: -50% 0
    }

    .header__logo a figure {
        width: min(15.3755868545vh, 33.3333333333vw);
        width: min(15.3755868545svh, 33.3333333333vw)
    }

    .header__navor {
        opacity: 0;
        pointer-events: none
    }
}

.header__navor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    transition: .16s all ease-out;
    pointer-events: none
}

.header__navor.is-on {
    background: rgba(0, 0, 0, .4)
}

@media screen and (max-width:1024px) {
    .header__navor.is-on {
        opacity: 0;
        pointer-events: none
    }
}

.header__navor ul {
    display: block;
    position: absolute;
    top: 8.6805555556vw;
    left: 0;
    width: 17.5vw;
    padding: 1.6203703704vw;
    border-radius: 1.7361111111vw;
    background: #fff;
    transition: .16s opacity ease-out;
    opacity: 0;
    pointer-events: none;
    translate: -50% 0
}

.header__navor ul.is-on {
    opacity: 1;
    pointer-events: all
}

.header__navor ul li+li {
    margin-top: 1.1574074074vw
}

.header__navor ul li a {
    font-size: .9259259259vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700;
    color: #000;
    transition: .16s all ease-out
}

@media screen and (min-width:1025px) {
    .header__navor ul li a:hover {
        opacity: .6
    }
}

.header__navor ul li.hasTop {
    margin: 0 0 1.6203703704vw;
    padding-bottom: 1.6203703704vw;
    border-bottom: 2px solid #ddd
}

.header__navor ul li.hasTop a {
    font-size: 1.1574074074vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
}

.header__nav {
    /* top: min(9.9373321397vh, 6.4236111111vw);
    top: min(9.937332svh, 6.4236111111vw); */
    top: 58px;
    position: absolute;
    left: 16.875vw;
    z-index: 10;
}

@media screen and (max-width:1024px) {
    .header__nav {
        opacity: 0;
        pointer-events: none
    }
}

.header__nav>ul {
    display: flex;
    gap: 1.8518518519vw
}

.header__nav>ul>li {
    position: relative
}

.header__nav>ul>li a,
.header__nav>ul>li p {
    font-size: .9259259259vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
}

.header__nav>ul>li.url>a {
    color: #000;
    transition: .16s all ease-out
}

.header__nav>ul>li.links {
    cursor: pointer
}

.header__nav>ul>li.links .ttl {
    position: relative;
    padding-right: 1.1574074074vw
}

.header__nav>ul>li.links .ttl::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: .5208333333vw;
    aspect-ratio: 1;
    border: 2px solid #0068B7;
    border-top: 0;
    border-left: 0;
    translate: 0 -75%;
    rotate: 45deg
}

.header__btns,
.header__cbtns {
    top: min(5.9086839749vh, 3.8194444444vw);
    position: fixed;
    z-index: 100
}

.header__btns {
    /* top: min(5.9086839749svh, 3.8194444444vw); */
    top:22px;
    display: flex;
    gap: 1.5625vw;
    right: 3.127315vw;
}

.header__btnsBtn {
    /* width: 15.625vw; */
    width: 230px;
    aspect-ratio: 270/94;
}

@media screen and (max-width:1024px) {
    .header__btns {
        gap: 4.3256997455vw;
        top: auto;
        right: 24.9363867684vw;
        bottom: 16px
    }

    .header__btnsBtn {
        /* width: 33.3333333333vw;
        aspect-ratio: 131/66; */
        width: 70.333333vw;
        aspect-ratio: 170 / 24;
    }
}

.header__btnsBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .2893518519vw;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: #0068B7;
    transition: .16s all ease-out
}

@media screen and (min-width:1025px) {
    .header__nav>ul>li.url>a:hover {
        opacity: .6
    }

    .header__btnsBtn a:hover {
        background: #fff;
        filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25))
    }

    .header__btnsBtn a:hover p {
        color: #0068B7
    }
}

.header__btnsBtn a p {
    /* font-size: 1.4vw; */
    font-size: 20px;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    transition: .16s all ease-out
}

@media screen and (max-width:1024px) {
    .header__btnsBtn a p {
        font-size: 3.5623409669vw;
        letter-spacing: .08em;
        line-height: 1;
        font-weight: 700
    }

    .header__btnsBtn a p.time {
        display: none
    }
}

.header__btnsBtn a p.time {
    font-size: .6944444444vw;
    letter-spacing: .05em;
    line-height: 1;
    font-weight: 400;
    margin-top: .2893518519vw
}

.header__btnsBtn.tel a {
    background: #F9BF00;
}

@media screen and (min-width:1025px) {
    .header__btnsBtn.tel a:hover {
        background: #fff;
        filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25))
    }

    .header__btnsBtn.tel a:hover p {
        color: #536674
    }
}

.header__btnsBtn.tel a .top {
    display: flex;
    align-items: center;
    gap: .2314814815vw;
    flex-flow: column;
    width: 100%;
    position: fixed;
}

.header__btnsBtn.tel a .top p:first-of-type {
    font-size: .6944444444vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
}

.header__btnsBtn.tel a>p {
    font-size: .6944444444vw;
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500
}

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

    .header__btnsBtn.tel a .top,
    .header__btnsBtn.tel a>p {
        display: none
    }

    .header__btnsBtn.tel a>p.mq4sp {
        display: block
    }
}

@media screen and (max-width:1024px) and (max-width:1024px) {
    .header__btnsBtn.tel a>p.mq4sp {
        font-size: 3.5623409669vw;
        letter-spacing: .08em;
        line-height: 1;
        font-weight: 700
    }
}

.header__spBtns {
    display: none;
}

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

}



.header__cbtns {
    /* top: min(5.9086839749svh, 3.8194444444vw); */
    top: 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.5625vw;
    right: 38.125vw;
}

.header__cbtns>* {
    position: relative;
    /* width: 5.4398148148vw; */
    width: 77px;
    aspect-ratio: 1;
    border-radius: 9999px;
    background-image: linear-gradient(90deg, #0068b7 0, #0067b6 10%, #00488a 100%);
    cursor: pointer
}

@media screen and (max-width:1024px) {
    .header__cbtns {
        flex-direction: column-reverse;
        gap: 4.0712468193vw;
        top: auto;
        right: 4.0712468193vw;
        /* bottom: 16px; */
        top: 4.0712468193vw;
    }

    .header__cbtns>* {
        width: 16.7938931298vw
    }
}

.header__cbtns>::after,
.header__cbtns>::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: inherit;
    background: #fff;
    translate: -50% -50%
}

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

    .header__cbtns>::after,
    .header__cbtns>::before {
        width: calc(100% - 4px);
        height: calc(100% - 4px)
    }
}

.header__cbtns>::after {
    background: #0068B7;
    transition: ease-out 160ms all;
    scale: 0 0
}

.header__cbtns>*>* {
    position: relative;
    z-index: 1
}

.header__cbtns .header__cbtnsMenuInner,
.header__cbtns .header__cbtnsSearchIconInner {
    position: relative;
    width: 2.1990740741vw;
    height: 1.0416666667vw
}

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

    .header__cbtns .header__cbtnsMenuInner,
    .header__cbtns .header__cbtnsSearchIconInner {
        width: 6.8702290076vw;
        height: 3.0534351145vw
    }
}

.header__cbtns .header__cbtnsMenuInner span,
.header__cbtns .header__cbtnsSearchIconInner span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0068B7;
    transition: ease-out 160ms all
}

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

    .header__cbtns .header__cbtnsMenuInner span,
    .header__cbtns .header__cbtnsSearchIconInner span {
        height: 2px
    }
}

.header__cbtns .header__cbtnsMenuInner span:nth-of-type(2),
.header__cbtns .header__cbtnsSearchIconInner span:nth-of-type(2) {
    top: 50%
}

.header__cbtns .header__cbtnsMenuInner span:nth-of-type(3),
.header__cbtns .header__cbtnsSearchIconInner span:nth-of-type(3) {
    top: 100%
}

.header__cbtnsMenu {
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (max-width:1024px) {
    .header__cbtnsMenu {
        display: flex!important;
    }
}

.header__cbtnsSearch {
    display: flex !important;
    align-items: center;
    width: auto;
    aspect-ratio: auto;
    cursor: auto
}

.header__cbtnsSearch.is-on .header__cbtnsSearchGoogle {
    width: 17.3611111111vw;
    opacity: 1;
    pointer-events: all
}

@media screen and (max-width:1024px) {
    .header__cbtnsSearch.pc_only {
        display: none!important;
    }
    .header__cbtnsSearch.is-on .header__cbtnsSearchGoogle {
        width: 75.0636132316vw
    }
}

.header__cbtnsSearch.is-on .header__cbtnsSearchIcon figure,
.header__cbtnsSearch.is-on .header__cbtnsSearchIcon svg {
    opacity: 0
}

.header__cbtnsSearch.is-on .header__cbtnsSearchIconInner {
    opacity: 1
}

@media screen and (min-width:1025px) {
    .header__cbtnsMenu:hover .header__cbtnsMenuInner span {
        background: #fff
    }

    .header__cbtnsMenu:hover .header__cbtnsMenuInner span:nth-of-type(1) {
        translate: 0 .1157407407vw
    }

    .header__cbtnsMenu:hover .header__cbtnsMenuInner span:nth-of-type(3) {
        translate: 0 -.1157407407vw
    }

    .header__cbtnsMenu:hover::after {
        scale: 1.05 1.05
    }

    .header__cbtnsSearch {
        /* min-width: 5.4398148148vw;
        height: 5.4398148148vw; */
        min-width: 77px;
        height: 77px;
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon svg {
        scale: 1.2 1.2
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon svg path {
        fill: #fff !important
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon svg circle {
        stroke: #fff !important
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon::after {
        scale: 1.05 1.05
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon .header__cbtnsSearchIconInner span {
        background: #fff
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon .header__cbtnsSearchIconInner span:first-of-type {
        rotate: -15deg
    }

    .header__cbtnsSearch:hover .header__cbtnsSearchIcon .header__cbtnsSearchIconInner span:nth-of-type(2) {
        rotate: 15deg
    }

    .header__cbtnsSearch.pc-is-on .header__cbtnsSearchGoogle {
        width: 18.4027777778vw;
        transition: 180ms ease-out all;
        opacity: 1;
        pointer-events: all
    }

    .header__cbtnsSearch.pc-is-on .header__cbtnsSearchGoogle>* {
        transition: 180ms ease-out all 190ms;
        opacity: 1
    }

    .header__cbtnsSearch.pc-is-on .header__cbtnsSearchIcon {
        transition: 180ms ease-out all;
        opacity: 0
    }
}

.header__cbtnsSearchGoogle {
    position: relative;
    z-index: 2;
    width: 0;
    transition: .16s all ease-out;
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width:1025px) {
    .header__cbtnsSearchGoogle {
        transition: 180ms ease-out all
    }

    .header__cbtnsSearchIcon {
        position: relative;
        z-index: 2
    }
}

.header__cbtnsSearchGoogle>* {
    padding: 0 1.8518518519vw 0 1.7361111111vw
}

.header__cbtnsSearchIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* width: 5.4398148148vw; */
    width: 77px;
    aspect-ratio: 1;
    cursor: pointer;
    transition: .16s all ease-out
}

@media screen and (max-width:1024px) {
    .header__cbtnsSearchGoogle>* {
        padding: 0 5.0890585242vw 0 5.3435114504vw
    }

    .header__cbtnsSearchIcon {
        width: 16.7938931298vw
    }
}

.header__cbtnsSearchIcon::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 9999px;
    background: #0068B7;
    transition: ease-out 160ms all;
    translate: -50% -50%;
    scale: 0 0
}

@media screen and (max-width:1024px) {
    .header__cbtnsSearchIcon::after {
        width: calc(100% - 4px);
        height: calc(100% - 4px)
    }
}

.header__cbtnsSearchIcon figure,
.header__cbtnsSearchIcon svg {
    position: relative;
    z-index: 2;
    width: 1.8518518519vw;
    line-height: 0;
    transition: .16s all ease-out
}

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

    .header__cbtnsSearchIcon figure,
    .header__cbtnsSearchIcon svg {
        width: 5.5979643766vw
    }
}

.header__cbtnsSearchIcon figure circle,
.header__cbtnsSearchIcon figure path,
.header__cbtnsSearchIcon svg circle,
.header__cbtnsSearchIcon svg path {
    transition: .16s all ease-out
}

.header__cbtnsSearchIcon .header__cbtnsSearchIconInner {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transition: .16s all ease-out;
    opacity: 0;
    translate: -50% -50%
}

.header__blur,
.header__menu {
    position: fixed;
    transition: .16s all ease-out;
    pointer-events: none
}

.header__cbtnsSearchIcon .header__cbtnsSearchIconInner span {
    top: 50%;
    transition: .16s all ease-out
}

.header__cbtnsSearchIcon .header__cbtnsSearchIconInner span:first-of-type {
    rotate: -30deg
}

.header__cbtnsSearchIcon .header__cbtnsSearchIconInner span:nth-of-type(2) {
    top: 50%;
    rotate: 30deg
}

.header__menu {
    display: flex;
    justify-content: flex-end;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .4);
    opacity: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    translate: 0 0 1px
}

@media screen and (max-width:1024px) {
    .header__menu::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 44.7837150127vw;
        background: linear-gradient(180deg, rgba(0, 104, 183, 0) 0, #00488a 77%);
        pointer-events: none
    }
}

.header__menuInner {
    padding-top: min(20.1566696509svh, 16.2615740741vw);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 71.875vw;
    padding-right: 15.9143518519vw;
    padding-left: 15.625vw;
    border-top-left-radius: 4.2824074074vw;
    border-bottom-left-radius: 4.2824074074vw;
    background: linear-gradient(90deg, #0068b7 0, #00488a 100%);
    transition: .16s all ease-out;
    opacity: 0;
    scrollbar-width: none;
    translate: 100% 0
}

@media screen and (max-width:1024px) {
    .header__menuInner {
        flex-direction: column;
        justify-content: flex-start;
        gap: 8.3969465649vw;
        width: 100%;
        padding: 13.2315521628vw 12.213740458vw 50.8905852417vw;
        overflow-y: scroll;
        border-radius: 0;
        background: linear-gradient(180deg, #0068b7 0, #00488a 100%);
        translate: 0 0
    }
}

.Btn a,
.Mv {
    overflow: hidden
}

.header__menuInner::-webkit-scrollbar {
    display: none
}

.header__menuInner ul li+li {
    margin-top: min(4.8343777977svh, 3.125vw)
}

.header__menuInner ul li,
.header__menuInner ul li p {
    font-size: 1.8518518519vw;
    letter-spacing: .08em;
    line-height: 1.4375;
    font-weight: 700;
    color: #fff;
    transition: .16s all ease-out
}

@media screen and (max-width:1024px) {
    .header__menuInner ul li+li {
        margin-top: 8.3969465649vw
    }

    .header__menuInner ul li,
    .header__menuInner ul li p {
        font-size: 6.106870229vw;
        letter-spacing: .08em;
        line-height: 1.5;
        font-weight: 700
    }
}

.header__menuInner ul li a {
    display: block;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.header__menuInner ul li a::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform-origin: center left;
    width: .8101851852vw;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: #fff;
    transition: .16s all ease-out;
    opacity: 0;
    translate: 0 -50%;
    scale: 0
}

.header__menuInner ul ul {
    margin-top: min(4.8343777977svh, 3.125vw);
    margin-left: 1.9675925926vw;
    list-style: disc
}

@media screen and (max-width:1024px) {
    .header__menuInner ul ul {
        margin-top: 8.3969465649vw;
        margin-left: 6.6157760814vw
    }
}

@media screen and (min-width:1025px) {

    .header__menuInner ul li,
    .header__menuInner ul li a,
    .header__menuInner ul li p {
        font-size: min(2.8648164727vh, 1.8518518519vw);
        font-size: min(2.8648164727svh, 1.8518518519vw)
    }

    .header__menuInner ul li a:hover p {
        translate: 1.6203703704vw 0
    }

    .header__menuInner ul li a:hover::after {
        opacity: 1;
        scale: 1
    }

    .header__menuInner ul ul li a {
        font-size: min(2.8648164727vh, 1.8518518519vw);
        font-size: min(2.8648164727svh, 1.8518518519vw)
    }

    .header__menuInner ul ul li a:hover::after {
        opacity: 0;
        scale: 0
    }

    .header__blur {
        display: none
    }
}

.header__blur {
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    opacity: 0;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px)
}

.header__blur.is-on {
    opacity: 1;
    pointer-events: all
}

@media screen and (min-width:1025px) {
    .header.is-on .header__cbtnsMenu:hover .header__cbtnsMenuInner span:nth-of-type(1) {
        rotate: -15deg;
        translate: 0 0
    }

    .header.is-on .header__cbtnsMenu:hover .header__cbtnsMenuInner span:nth-of-type(3) {
        rotate: 15deg;
        translate: 0 0
    }

    .Detail a:hover span {
        scale: 1.75
    }
}

.header.is-on .header__cbtnsMenuInner span {
    top: 50%
}

.header.is-on .header__cbtnsMenuInner span:first-of-type {
    rotate: -30deg
}

.header.is-on .header__cbtnsMenuInner span:nth-of-type(2) {
    opacity: 0
}

.header.is-on .header__cbtnsMenuInner span:nth-of-type(3) {
    top: 50%;
    rotate: 30deg
}

.header.is-on .header__menu {
    opacity: 1;
    pointer-events: all
}

.header.is-on .header__menuInner {
    opacity: 1;
    translate: 0
}

.sp_only {
    display: none;
}
.mq4sp, .svg-icon {
    display: none;
}