@charset "UTF-8";

/* -------------------
    共通
------------------- */
.js-parallax-elm-box {
    overflow: hidden;
}

.js-parallax-elm-box img {
    display: block;
}

/* -------------------
    TOP
------------------- */
/* HEADER */
.header.fixed {
    position: fixed;
    top: 0;
    padding: 18px 0;
    background: #fff;
    opacity: 0;
    transition: opacity .3s;
    z-index: -1;
}

.header.is-show {
    opacity: 1;
    z-index: 20;
}

.header.fixed .header__wrapper {
    padding: 0 45px 0 50px;
}

.header.fixed .header__logo {
    fill: #0051A4;
}

.header.fixed .header__text {
    color: #0051A4;
}


/* NAVIGATION */
.gnav.fixed {
    color: #000;
}

.gnav.fixed.is-active {
    color: #fff;
}

.gnav.fixed .gnav__list:nth-of-type(even) {
    background-color: #0051A4;
}

.gnav-contact.is-active {
    color: #fff;
}

/*
    768px
*/
@media screen and (max-width: 767px) {
    /* -------------------
        TOP
    ------------------- */
    /* HEADER */
    .header.fixed {
        padding: 30px 0;
    }
}