@charset "utf-8";

/* ---------------------------------------------------- */
/* web font */
/* ---------------------------------------------------- */
/* Google font */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..700&display=swap");

/* ---------------------------------------------------- */
/* cs_ff */
/* ---------------------------------------------------- */
.cs_ff_go_1 {
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

/* ---------------------------------------------------- */
/* cf */
/* ---------------------------------------------------- */
.cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.cf {
    display: block;
}

/* ---------------------------------------------------- */
/* pc/sp */
/* ---------------------------------------------------- */

@media (min-width: 768px) {
    .sp {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .pc {
        display: none !important;
    }
}

/* ---------------------------------------------------- */
/* cs_e */
/* ---------------------------------------------------- */
.cs_e_zm {
    overflow: hidden;
}

.cs_e_zm > span {
    transform-origin: center;
    transform: scale(1.005);
    transition: 0.5s ease-in-out;
}

@media (min-width: 768px) {
    .cs_e_op {
        transition: opacity 0.3s ease-in-out;
    }

    .cs_e_op:hover,
    a:hover .cs_e_op {
        opacity: 0.6;
    }

    .cs_e_gr,
    .cs_e_bn,
    .cs_e_in {
        transition: filter 0.3s ease-in-out;
    }

    .cs_e_gr:hover,
    a:hover .cs_e_gr {
        filter: grayscale(100%);
    }

    .cs_e_bn:hover,
    a:hover .cs_e_bn {
        filter: brightness(70%);
    }

    .cs_e_in:hover,
    a:hover .cs_e_in {
        filter: invert(100%);
    }

    a:hover .cs_e_zm > span {
        transform: scale(1.1);
        /* filter: brightness(70%); */
    }
}