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

	header

========================================================== */
.header {
    display: flex;
    padding: calc(20 * var(--design-px)) calc(40 * var(--design-px));
    justify-content: space-between;
    align-items: center;
}

.header .-_area2 {
    display: flex;
    justify-content: center; align-items: center;
    gap: calc(16 * var(--design-px));
}

.header [class^="btn-sc"] {
    height: calc(48 * var(--design-px));
    padding-right: calc(32 * var(--design-px)); padding-left: calc(32 * var(--design-px));
    font-weight: 700;
    line-height: 1;
}

.header .btn-sc_navy {
    padding-left: calc(28 * var(--design-px));
}

.header .btn-sc_navy img {
    margin-right: calc(10 * var(--design-px));
}


/* PC */
@media screen and (width >= 768px) {
    
}

/* SP */
@media screen and (width < 768px) {
    .header {
        width: calc(360 * var(--design-px));
        margin-inline: auto;
        padding-right: 0; padding-left: 0;
    }

    .header .-_area1 { width: calc(150 * var(--design-px));}

    .header .-_area2 { display: none;}
}