@charset "utf-8";

.fBtomNavLink p {
    letter-spacing: .15em;
}

.fBtomNavLink:hover {
    text-decoration: underline;
}

.fConMailBtnIn {
    transition: all .3s;
}

.fConMailBtn:hover .fConMailBtnIn {
    background: var(--white)
}

.fConMailBtn.gradation01:hover::before {
    opacity: 1;
}

.fConMailBtn02 {
    transition: all .3s;
}

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

.fConMailBtn02 p {
    transition: all .3s;
}

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

.fConMailBtn02 .fConBtnIcon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(859%) hue-rotate(252deg) brightness(110%) contrast(105%);
    transition: all .3s;
}

.fConMailBtn02:hover .fConBtnIcon {
    filter: brightness(0) saturate(100%) invert(52%) sepia(19%) saturate(3869%) hue-rotate(327deg) brightness(101%) contrast(100%);
}

.fBtomBtn01:hover .fBtomBtnIn {
    background: #ffffff00;
}

.fBtomBtn02 {
    transition: all .3s;
}

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

.fBtomBtn02 p {
    transition: all .3s;
}

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

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

@media screen and (min-width: 1440px) {
    .fCompName {
        font-size: 30px !important;
    }
}

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