@charset "utf-8";

.conceptLinkBx {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.conceptLink {
    position: relative;
    color: var(--white);
}

.conceptLink:hover {
    color: var(--white);
}

.conceptLink::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #29453E;
    opacity: .4;
    transition: all .3s;
}

.conceptLink:hover::before {
    opacity: .2;
}

.conceptLink p {
    position: relative;
    z-index: 5;
    color: var(--white);
}

.conceptLink:hover p {
    color: var(--white);
}

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

@media screen and (min-width: 768px) {
    .conceptLinkBx {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

}

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

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

@media screen and (min-width: 1440px) {
    .tConceptMessageDeco01 {
        top: 220px !important;
    }
}

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