@charset "utf-8";

.tLoopTxt {
    color: transparent;
    -webkit-text-stroke: 3px #fff;
}

.tServTxt01 u {
    text-decoration: underline;
    text-decoration-thickness: 8px;
    text-underline-offset: -3px;
    text-decoration-color: var(--secondary);
    text-decoration-skip-ink: none;
    font-size: calc(1.875rem + ((1vw - 3.75px) * 3.2362));
    min-height: 0vw;
}

.tServBx {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    border-top: 2px solid var(--primary);
    border-left: 2px solid var(--primary);
}

.tServItem {
    border-right: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
}

.tServImg{
    transition: all .3s;
}

.tServItem:hover .tServImg {
    transform: translateY(-10px);
}


.serv01{
    color: #ccc;
}

.serv02{
    color: #C1D1E3;
}

.serv03{
    color: #C7C1AF;
}

.serv04{
    color: #516085;
}

.serv05{
    color: #C1D1E3;
}

.serv06{
    color: #ABB8A9;
}

.serv07{
    color: #ABB8A9;
}

.serv08{
    color: #E8B6C6;
}

.tListFlTxtBg01,
.tListFlTxtBg02 {
    height: calc(100% + 40px);
}

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

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


    .tServBx {
        grid-template-columns: repeat(2, 1fr);
    }

}

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

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

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


    .tServBx {
        grid-template-columns: repeat(3, 1fr);
    }

}

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

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

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


    .tServBx {
        grid-template-columns: repeat(4, 1fr);
    }

    .tListFlTxtBg01,
    .tListFlTxtBg02 {
        height: calc(100% + 82px);
    }

}

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

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

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

    .tTitBx {
        top: 318px !important;
        height: calc(100% + 40px);
    }

    .tLoopTxt {
        font-size: 240px !important;
    }

    .tRead {
        margin: 223px 0 0 !important;
    }


    .tServItemNum {
        padding: 0 0 0 27px;
        font-size: 70px !important;
    }


    .tListFlTxt01 {
        padding: 0 13.61% 0 0 !important;
    }

    .tListFlTxt02 {
        padding: 0 0 0 13.61% !important;
    }

}

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


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

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


    .tLoopTxt {
        font-size: 320px !important;
    }


}

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