@charset "utf-8";


/*グローバルナビゲーション
==================================================================================================================*/
/*ヘッダー*/

.fix_nav {
    position: fixed;
    top: 2.5%;
    right: 10px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

header .contact_btn {}


header .contact_btn a {
    display: block;
    padding: .75em 3em .75em 1.4em;
    background: var(--c_gren);
    color: #fff;
    text-align: center;
    border-radius: 6em;
    font-size: clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);
}


header .contact_btn .arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--c_gren);
    border-right: 0;
    position: absolute;
    top: 50%;
    right: calc(.85em + 10px);
    transform: translateY(-50%);
}

header .contact_btn.simulation .arrow::after {
    border-left: 8px solid var(--c_rpurple);
}

header .contact_btn .arrow::before {
    content: '';
    width: 28px;
    background: #fff;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: .85em;
    transform: translateY(-50%);
}


header .contact_btn.simulation a {
    background: var(--c_rpurple);
}


@media (max-width:799px) {

    .fix_nav {
        top: initial;
        bottom: 0;
        right: 0;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: center;
        gap: 2px;
        background-color: #fefefee3;
        padding: 6px 0;
        align-items: stretch;
    }

    header .contact_btn {
        width: 49%;
        border: solid 2px #fff;
    }



    header .contact_btn a {
        border-radius: 0;
        display: block;
        padding: 1em 31px 1em 4px;
    }



}

@media (max-width:499px) {
    header .contact_btn a {
        padding: 4px 20px 4px 3px;
        font-size: 3.8vw;
        letter-spacing: 1px;
    }

    header .contact_btn .arrow::before {
        content: '';
        width: 14px;
        background: #fff;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 6px;
        transform: translateY(-50%);
    }

    header .contact_btn .arrow::after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        right: calc(.85em + -3px);
    }
}




@media (max-width:399px) {}