@charset "utf-8";


.header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
}

.tFvImgBx::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 65%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    ;
}

.tStyTit s {
    text-decoration: none;
    font-size: calc(1.625rem + ((1vw - 3.75px) * 2.2006));
    min-height: 0vw;
}

.styTxtBx {
    aspect-ratio: 190/ 61;
}

.tTsukemen {
    position: relative;
}

.tTsukemen::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 59%;
    max-height: 640px;
    background: url(/system_panel/uploads/images/bg01.png) no-repeat center top /cover;
}

.tTsukeTit01 s {
    text-decoration: none;
    /* 30-80px */
    font-size: calc(1.875rem + ((1vw - 3.75px) * 3.2362));
    min-height: 0vw;
}

.tMenuBxR {
    gap: 20px;
}

.tMenuImgBx {
    box-shadow: #FCF6E6 6px 6px 0;
}

.tMenuBxL {
    display: contents !important;
}

.tMenuBtnBx {
    order: 10;
}

.tOnline {
    position: relative;
}

.tOnline::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 59%;
    max-height: 678px;
    background: url(/system_panel/uploads/images/bg03.png) no-repeat center top /cover;
}

.tOnBtn {
    box-shadow: none;
}

.tOnBtn::after {
    transition: .5s all !important;
}

.tNewsBxL {
    display: contents;
}

.altNewsBtn {
    order: 10;
    margin: 0 auto;
}

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

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

    .tTsukemen::before {
        height: 55%;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

    .tTsukemen::before {
        height: 43%;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:768px) {
    .tNewsBxL {
        display: block;
    }

    .altNewsBtn {
        margin: 40px 0 0;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

    .tTsukemen::before {
        height: 85%;
    }

    .tMenuBxL {
        display: flex !important;
        flex-direction: column;
    }

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

    .tOnBtn::before {
        width: 28.5px !important;
        height: 28.5px !important;
    }


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


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

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

    .tFvTit01 {
        font-size: 70px !important;
    }

    .tFvTit02 {
        font-size: 130px !important;
    }

    .styTxt02 {
        font-size: 45px !important;
    }

    .tTsukeTitFl {
        flex-direction: row !important;
    }

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

    .tMenuBxR {
        gap: 30px;
    }

    .tOnline::before {
        height: 77.5%;
    }

    .tRecruit {
        padding: 412px 0 0 !important;
    }

    .tShopTh {
        width: 130px !important;
        font-size: 20px !important;
    }

    .tShopTd {
        font-size: 20px !important;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

    .tFvTit01 {
        font-size: 80px !important;
    }

    .tFvTit02 {
        font-size: 150px !important;
    }

    .tTotTxt01 {
        font-size: 22px !important;
    }

    .tStyNum {
        font-size: 100px !important;
    }

    .tStyImgBx {
        padding: 24.5px !important;
    }

    .tStyDot {
        width: 25px !important;
        height: 25px !important;
    }

    .tTsukeTit03 {
        margin: -40px 0 0 !important;
    }

    .tTsukeTxt01 {
        margin: 145px 0 0 auto !important;
    }

    .styTxtBx {
        margin: -60px auto 0 !important;
    }

    .tOnTitBx {
        padding: 40px 0 0 100px !important;
    }

    .tShopBx {
        align-items: flex-start !important;
        margin: 44px 0 0;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



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

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

    .tFvTit02 {
        font-size: 200px !important;
    }

    .tTotImgBxL,
    .tTotImgBxR {
        top: 115px !important;
        width: 25% !important;
    }

    .tTotImgBx02 {
        margin: 127px 0 0 !important;
    }

    .tTsukeImgBx{
        top: auto !important;
        bottom: 0 !important;
    }

    .tOnBxR {
        right: -120px !important;
    }

    .tShopBxR {
        margin: 40px 0 0 !important;
    }

    .tShopLogo {
        top: -94.5px !important;
        right: -64px !important;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

    .tStyTit s {
        font-size: 60px;
    }

    .tTsukeTit01 s {
        font-size: 80px;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */