@charset "utf-8";

:root {
    --font-main: "Yu Mincho",

        "YuMincho",

        "Hiragino Mincho ProN",

        "Hiragino Mincho Pro",

        "MS PMincho",

        serif;
    --font-Italiana: "Italiana", sans-serif;
    --default: .4s ease;
}

body {
    font-family: var(--font-main);
    background-color: #000000;
  color:#FFF;
}


body.is-open {
    position: relative;
    overflow: hidden;
}

body.is-open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(172, 172, 172, 0.77);
    z-index: 1000;
}

.menu-open {
    overflow: hidden;
}



.w1728 {
    width: min(90%, 1728px);
    margin: 0 auto;
}

.w1536 {
    width: min(80%, 1536px);
    margin: 0 auto;
}



.w1344 {
    width: min(70%, 1344px);
    margin: 0 auto;
}

.w1152 {
    width: min(80%, 1152px);
    margin: 0 auto;
}

.w960 {
    width: min(50%, 960px);
    margin: 0 auto;
}

.pc-hidden {
    display: none;
}

.sp-hidden {
    display: block;
}


.desc p {
    font-weight: 500;
    font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
    line-height: calc(32/16);
    color: #fff;

}

.blur {
    filter: blur(10px);
    opacity: 0;
    transition: all .8s ease-out;
}

.blur.is-active {
    filter: blur(0);
    opacity: 1;
}

.morebtn {
    position: relative;
    display: inline-block;
}


.morebtn a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 11px;
    position: relative;
    padding-left: 32px;
    transition: padding .8s ease;
}

.morebtn .arrow {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/system_panel/uploads/images/20260523022802735002.svg) no-repeat left/contain;
    height: 10px;
    width: 100%;
    transform: translateX(0);

    transition: transform .8s ease;
}

.morebtn a .link-text {
    font-weight: 500;
    font-size: clamp(1rem, 0.834rem + 0.35vw, 1.25rem);
    color: #fff;
}

.morebtn:hover a {
    padding-left: 0;
}

.morebtn:hover .arrow {
    transform: translateX(32px);
}

.delay-1 {
    animation-delay: 0.1s;
}

.delay-2 {
    animation-delay: 0.2s;
    transition-delay: .2s;
}

.delay-3 {
    animation-delay: 0.3s;
}

.delay-4 {
    animation-delay: 0.4s;
}

.delay-5 {
    animation-delay: 0.5s;
}

.delay-6 {
    animation-delay: 0.6s;
}



a.default {
    transition: var(--default);
}

a.default:hover {
    opacity: 50%;
}


@media (max-width: 767px) {
    .desc p {
        font-feature-settings: "palt";
    }

    .sec-title {
        flex-direction: column;
        gap: 21px;
    }


}

.gjs-dashed .back-top {
    transform: translateY(0);
}

body.gjs-dashed {
    background-color: #000000;
}