@charset "utf-8";

.header {
    transition: all .3s;
}

.header.is-hidden {
    opacity: 0;
    pointer-events: none;
}

.hNavLink:hover {
    text-decoration: underline;
    color: var(--black);
}

.hNavLink p {
    color: var(--black);
}

.hIconItem {
    border-right: 1px solid var(--black);
}

.hIconItem:first-child {
    border-left: 1px solid var(--black);
}

/* .hLinkGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1px;
} */

.down02 {
    width: 235px !important;
}

.hBtnIn01 {
    transition: all .5s;
}

.hBtn01:hover .hBtnIn01 {
    background: #ffffff00;
}

.hBtn02 {
    border: 3px solid var(--secondary);
    transition: all .5s;
}

.hBtn02:hover {
    background: var(--eighth);
}

.hBtn02 p {
    transition: all .5s;
}

.hBtn02:hover p {
    color: var(--secondary);
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

    .hBx {
        justify-content: space-between !important;
    }

    .hBtn01 {
        margin: 0 10px 0 0 !important;
    }

    .hBtn02 {
        display: flex !important;
    }

    .hTelIcon {
        width: 35.5px !important;
        margin: 0 23px 0 0 !important;
    }

    .hTelNum {
        font-size: 32px !important;
    }

}

/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

    .hNavLink {
        margin: 18px 53px 0 0 !important;
    }
}

/* min-width: 1440px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

    .hAr {
        padding: 0 15px 0 25px !important;
    }

    .hNavLink {
        font-size: 16px !important;
    }

    .hIconBx {
        margin: 0 20px 0 -25px !important;
    }

    .hIconItem {
        width: 122px !important;
    }

    .hIconItemTxt {
        font-size: 18px !important;
    }

    .hLinkGridItem {
        width: 150px !important;
    }

    .hLinkGridItemTxt {
        font-size: 15px !important;
    }


    .hBtn {
        width: 205px !important;
    }

    .hBtnTxt01 {
        font-size: 14px !important;
    }

    .hBtnTxt02 {
        font-size: 25px !important;
    }



}

/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

    .hLogoBx {
        max-width: 212px !important;
    }

    .hBar04 {
        margin: 0 20px !important;
    }

}

/* min-width: 1700px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */