*:where(:not(html, div, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert
}

*,
*::before,
*::after {
    box-sizing: border-box
}

a,
button {
    cursor: revert
}

ol,
ul,
menu {
    list-style: none
}

img {
    max-inline-size: 100%;
    max-block-size: 100%
}

table {
    border-collapse: collapse
}

input,
textarea {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert
}

pre {
    all: revert
}

::-moz-placeholder {
    color: unset
}

::placeholder {
    color: unset
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    line-break: after-white-space;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

:where([draggable=true]) {
    -webkit-user-drag: element
}

:where(dialog:modal) {
    all: revert
}

:where(a, button, input, select, textarea):focus-visible {
    outline: var(--focus-color, -webkit-focus-ring-color) auto 1px
}

:root {
    --base-vw: 375;
    --header-height: calc(76rem / 16);
    --header-color: #fff;
    --c-white: #fff;
    --c-off-white: rgba(128,128,128,1);
    --c-off-white-alpha: rgba(128,128,128,0.5);
    --c-gray: #333333;
    --c-black: #141414;
    --c-green: #5CA5D8;
    --c-background-stroke: #1e6a56;
    --noto-jp-13-color: #292929;
    --noto-jp-13-delay: 0s;
    --image-preload-color: #eee;
    --z-base: 100;
    --z-background: 101;
    --z-footer-contact: 102;
    --z-menu: 103;
    --z-header: 104;
    --z-mouse: 105;
    --z-op: 106
}

.isNight {
    --image-preload-color: #5CA5D8;
    --noto-jp-13-color: #fff;
    --noto-jp-13-delay: 0.12s
}

@media screen and (min-width: 768px) {
    :root {
        --base-vw: 1366;
        --header-height: calc(120rem / 16);
        --noto-jp-13-color: currentColor
    }
}

html {
    font-size: calc(100/var(--base-vw)*1vw*16);
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none
}

body {
    font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
    color: #000
}

a {
    cursor: pointer;
    display: block;
    color: currentColor
}

button {
    cursor: pointer;
    color: currentColor
}

details {
    cursor: pointer
}

video,
img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

svg {
    display: block;
    width: 100%;
    height: 100%
}

.wf-loading .lMain * {
    color: rgba(0, 0, 0, 0)
}

#app {
    position: relative;
    z-index: 1;
    background-color: #fff
}

.preload * {
    transition: none !important
}

.lContainer {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.lContainer__main {
    flex: 1;
    overflow: hidden;
    visibility: hidden
}

.lMain {
    flex: 1;
    overflow: hidden
}

::-moz-selection {
    background-color: var(--c-black);
    color: var(--c-white)
}

::selection {
    background-color: var(--c-black);
    color: var(--c-white)
}

.uVisuallyHidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.uDpNone {
    display: none
}

.uDpNone--md {
    display: none
}

@media screen and (min-width: 768px) {
    .uDpNone--sp {
        display: none
    }

    .uDpNone--md {
        display: inherit
    }
}

.lHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-header);
    width: 100%;
    height: var(--header-height);
/*    mix-blend-mode: difference;*/
    pointer-events: none
}

.lHeader__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px
}

.lHeader__logo {
    width: calc(95rem / 16);
    pointer-events: auto
}

.lHeader__logo_image {
    fill: var(--header-color)
}

.lHeaderMenu {
    width: calc(50rem / 16);
    height: calc(50rem / 16);
    pointer-events: auto
}

.lHeaderMenu__icon {
    --x: calc(51rem / 16);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: calc(10rem / 16);
    width: 100%;
    height: 100%
}

.lHeaderMenu__line {
    height: 1px;
    display: block;
    background-color: #000
}

.lHeaderMenu__line:nth-child(1) {
    width: 90%;
    margin-right: calc(6rem / 16)
}

.lHeaderMenu__line:nth-child(2) {
    width: 60%;
    margin-right: calc(3rem / 16)
}

.lHeaderMenu__line:nth-child(3) {
    width: 40%
}

.lHeaderMenu__line:nth-child(4),
.lHeaderMenu__line:nth-child(5) {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: none
}

.lHeaderNav {
    display: none;
    pointer-events: auto
}

.setModal .lHeaderMenu__line:nth-child(1) {
    animation: closeIn .24s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation-delay: .32s
}

.setModal .lHeaderMenu__line:nth-child(2) {
    animation: closeIn .24s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation-delay: .4s
}

.setModal .lHeaderMenu__line:nth-child(3) {
    animation: closeIn .24s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation-delay: .48s
}

.setModal .lHeaderMenu__line:nth-child(4) {
    display: block;
    transform: translate(calc(var(--x) * -1), calc(var(--x) * -1)) rotate(45deg);
    animation: close4Out .32s cubic-bezier(0.39, 0.575, 0.565, 1) forwards
}

.setModal .lHeaderMenu__line:nth-child(5) {
    display: block;
    transform: rotate(-45deg);
    transform: translate(var(--x), calc(var(--x) * -1)) rotate(-45deg);
    animation: close5Out .32s cubic-bezier(0.39, 0.575, 0.565, 1) forwards
}

@keyframes closeIn {
    0% {
        transform: translateX(var(--x))
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes closeOut {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(var(--x) * -1))
    }
}

@keyframes close4In {
    0% {
        transform: translate(calc(var(--x) * -1), calc(var(--x) * -1)) rotate(45deg)
    }

    100% {
        transform: translate(0, 0) rotate(45deg)
    }
}

@keyframes close4Out {
    0% {
        transform: translate(0, 0) rotate(45deg)
    }

    100% {
        transform: translate(var(--x), var(--x)) rotate(45deg)
    }
}

@keyframes close5In {
    0% {
        transform: translate(var(--x), calc(var(--x) * -1)) rotate(-45deg)
    }

    100% {
        transform: translate(0, 0) rotate(-45deg)
    }
}

@keyframes close5Out {
    0% {
        transform: translate(0, 0) rotate(-45deg)
    }

    100% {
        transform: translate(calc(var(--x) * -1), var(--x)) rotate(-45deg)
    }
}

.isMenuOpen .lHeaderMenu__icon .lHeaderMenu__line:nth-child(1) {
    animation: closeOut .24s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
    animation-delay: 0s
}

.isMenuOpen .lHeaderMenu__icon .lHeaderMenu__line:nth-child(2) {
    animation: closeOut .24s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
    animation-delay: .08s
}

.isMenuOpen .lHeaderMenu__icon .lHeaderMenu__line:nth-child(3) {
    animation: closeOut .24s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
    animation-delay: .16s
}

.isMenuOpen .lHeaderMenu__icon .lHeaderMenu__line:nth-child(4) {
    animation: close4In .24s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
    animation-delay: .32s
}

.isMenuOpen .lHeaderMenu__icon .lHeaderMenu__line:nth-child(5) {
    animation: close5In .24s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
    animation-delay: .32s
}

@media screen and (min-width: 768px) {
    .lHeader__inner {
        padding: 0 calc(60rem / 16)
    }

    .lHeader__logo {
        width: calc(115rem / 16)
    }

    .lHeader__logo_link {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .lHeaderMenu {
        display: none
    }

    .lHeaderNav {
        display: flex;
        align-items: center
    }

    .lHeaderNav__list {
        display: flex;
        align-items: center
    }

    .lHeaderNav__item {
        color: var(--header-color);
        font-family: minion-pro, serif;
        font-style: normal;
        font-weight: 400;
        height: max(16px, 16rem / 16);
        line-height: 1.67
    }

    .lHeaderNav__item svg {
        fill: currentColor;
        width: auto;
        transform: translate3d(0)
    }

    .lHeaderNav__item.isCurrent {
        pointer-events: none
    }

    .lHeaderNav__link {
        height: 100%;
        padding: 0 calc(20rem / 16);
        will-change: opacity;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

.lFooter {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    pointer-events: none
}

.lFooter__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: calc(62rem / 16) 25px calc(30rem / 16)
}

.lFooter__line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh
}

.lFooterContact {
    pointer-events: auto
}

.lFooterContact__headline {
    font-family: minion-pro, serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(50px, 50rem / 16);
    line-height: 1.67
}

.lFooterContact__body {
    margin-top: calc(23rem / 16)
}

.lFooterContact__text {
    font-size: max(14px, 14rem / 16);
    color: var(--noto-jp-13-color);
    transition: color .32s cubic-bezier(0.39, 0.575, 0.565, 1) var(--noto-jp-13-delay);
    line-height: 2.15
}

@media screen and (min-width: 768px) {
    .lFooterContact__text {
        font-size: max(11px, 13rem / 16)
    }
}

.lFooterContact__text a {
    display: inline;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-underline-offset: .3em
}

.lFooterContact__link {
    position: relative;
    z-index: var(--z-footer-contact);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(36rem / 16);
    font-family: minion-pro, serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(15px, 15rem / 16);
    line-height: 1.67;
    background-color: #fff;
    border: 1px solid currentColor;
    border-radius: 100vh;
    margin-top: calc(25rem / 16)
}

.lFooterNav {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: calc(84rem / 16);
    pointer-events: auto
}

.lFooterNavTop {
    margin-bottom: calc(45rem / 16)
}

.lFooterNavTop .menu {
    display: flex;
    flex-wrap: wrap;
    gap: calc(35rem / 16) calc(30rem / 16)
}

.lFooterNavTop .menu>li {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.lFooterNavTop .menu>li>a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: minion-pro, serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(15px, 15rem / 16);
    line-height: 1.67
}

.lFooterNavTop .menu>li>a::before {
    content: "";
    display: block;
    min-width: calc(10rem / 16);
    width: calc(20rem / 16);
    height: 1px;
    background-color: currentColor;
    margin-right: calc(10rem / 16)
}

.lFooterNavTop .sub-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(17rem / 16);
    min-width: calc(300rem / 16);
    width: 100%;
    margin-top: calc(18rem / 16);
    padding-left: calc(30rem / 16)
}

.lFooterNavTop .sub-menu>li {
    font-size: max(12px, 12rem / 16);
    line-height: 1.28
}

.lFooterNavTop__nav {
    display: flex;
    flex-direction: column;
    gap: calc(34rem / 16)
}

.lFooterNavBottom {
    margin-top: auto
}

.lFooterNavBottom__sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(20rem / 16)
}

.lFooterNavBottom__sns_link {
    width: calc(22rem / 16)
}

.lFooterNavBottom__copyright {
    font-family: minion-pro, serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(14px, 14rem / 16);
    color: var(--noto-jp-13-color);
    transition: color .32s cubic-bezier(0.39, 0.575, 0.565, 1) var(--noto-jp-13-delay);
    letter-spacing: .08em;
    line-height: 1.67;
    text-align: center;
    margin-top: calc(12rem / 16)
}

@media screen and (min-width: 768px) {
    .lFooterNavBottom__copyright {
        font-size: max(11px, 13rem / 16)
    }
}

@media screen and (min-width: 768px) {
    .lFooter__inner {
        padding: 0 0 calc(50rem / 16)
    }

    .lFooterContact {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .lFooterContact__headline {
        font-size: max(62px, 80rem / 16)
    }

    .lFooterContact__body {
        margin-top: 0;
        margin-left: calc(138rem / 16)
    }

    .lFooterContact__text {
        font-size: max(11px, 13rem / 16)
    }

    .lFooterContact__link {
        width: calc(300rem / 16);
        margin-top: calc(33rem / 16);
        font-size: max(12px, 15rem / 16)
    }

    .lFooterNav {
        flex-grow: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: calc(210rem / 16);
        padding: 0 calc(120rem / 16)
    }

    .lFooterNavTop {
        flex-grow: 1;
        margin-bottom: 0
    }

    .lFooterNavTop .menu-footer-container {
        flex-grow: 1
    }

    .lFooterNavTop .menu-footer-container .menu {
        max-height: calc(90rem / 16);
        align-content: flex-start
    }

    .lFooterNavTop .menu {
        flex-direction: column;
        gap: calc(6rem / 16) calc(80rem / 16)
    }

    .lFooterNavTop .menu>li {
        flex-direction: row
    }

    .lFooterNavTop .sub-menu {
        flex-wrap: wrap;
        gap: calc(14rem / 16);
        width: auto;
        min-width: auto;
        margin-top: calc(6rem / 16);
        padding-left: calc(25rem / 16)
    }

    .lFooterNavTop__nav {
        flex-direction: row;
        gap: calc(80rem / 16)
    }

    .lFooterNavBottom {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: 0;
        margin-left: calc(40rem / 16)
    }

    .lFooterNavBottom__copyright {
        white-space: nowrap
    }
}

.lMenu {
    display: none
}

.lMenu__inner {
    color: var(--c-black);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--z-menu);
    overflow: auto;
}

.lMenu__wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding-top: var(--header-height);
    padding-bottom: calc(34rem / 16)
}

.lMenu__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f8f9fa;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .48s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-delay: .48s
}

.lMenu__content {
    width: 100%;
    margin-top: calc(54rem / 16);
    padding: 0 25px
}

.lMenu__nav {
    display: grid;
    gap: calc(32rem / 16)
}

.lMenu__nav .menu {
    display: grid;
    gap: calc(36rem / 16)
}

.lMenu__nav .menu>li>a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: minion-pro, serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(40px, 40rem / 16);
    line-height: 1.2
}

.lMenu__nav .menu>li>a::before {
    content: "";
    flex-shrink: 0;
    display: block;
    min-width: calc(10rem / 16);
    width: calc(20rem / 16);
    height: 1px;
    background-color: currentColor;
    margin-right: calc(10rem / 16)
}

.lMenu__nav .menu .sub-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(17rem / 16);
    min-width: calc(300rem / 16);
    width: 100%;
    margin-top: calc(16rem / 16);
    padding-left: calc(30rem / 16)
}

.lMenu__nav .menu .sub-menu>li {
    font-size: max(12px, 12rem / 16);
    line-height: 1.28
}

.lMenuContact {
    width: 100%;
    height: calc(40rem / 16);
    border: calc(1rem / 16) solid currentColor;
    border-radius: 100vh;
    margin-top: calc(34rem / 16)
}

.lMenuContact__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: minion-pro, serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(16px, 16rem / 16);
    line-height: 1.5
}

.isFoundationLoaded .lMenu {
    display: block
}

.isFoundationLoaded .lMenu__nav .menu>li>a::before {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .32s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.isFoundationLoaded .lMenu__nav li>a {
    overflow: hidden
}

.isFoundationLoaded .lMenu__navLink {
    display: inline-block;
    transform: translateY(120%);
    transition: 1s transform cubic-bezier(0.55, 0, 0.1, 1)
}

.isFoundationLoaded .lMenuContact {
    opacity: 0;
    transition: opacity .48s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.isMenuOpen {
    min-height: 100vh
}

.isMenuOpen .lMenu__inner {
    pointer-events: auto
}

.isMenuOpen .lMenu__wrapper::before {
    transform: scaleY(1);
    transform-origin: top;
    transition: transform .32s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.isMenuOpen .lMenu__nav .menu>li>a::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .24s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-delay: .8s
}

.isMenuOpen .lMenu__navLink {
    transform: translateY(0)
}

.isMenuOpen .lMenuContact {
    opacity: 1;
    transition-delay: .8s
}

.isNight .lMenu__inner {
    color: var(--c-white)
}

.isNight .lMenu__wrapper::before {
    background-color: var(--c-black)
}

@media screen and (min-width: 768px) {
    .lMenu {
        display: none
    }
}

.cAniHeadline {
    overflow: hidden
}

.cAniHeadline__inner {
    overflow: hidden
}

.cAniHeadline__text {
    display: inline-block;
    transform: translateY(120%);
    transition: 1s transform cubic-bezier(0.55, 0, 0.1, 1)
}

.cAniHeadline.isShow .cAniHeadline__text {
    transform: translateY(0)
}

.cAniImage {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.cAniImage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--image-preload-color);
    transition: background-color .64s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .64s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.cAniImage.isShow::before {
    opacity: 0
}

.cAniText .char {
    opacity: .2;
    transition: opacity .32s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.cAniText.isShow .char {
    opacity: 1
}

.cMouse {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-mouse);
    display: none;
    width: calc(10rem / 16);
    height: calc(10rem / 16);
    background-color: var(--c-green);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0
}

.cMouse__shadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 calc(45rem / 16) calc(30rem / 16) var(--c-green);
    border-radius: 50%
}

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

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

    .cMouse__hover:not(input, label, textarea, select, .cHover),
    .cMouse__hover[type=submit] {
        transition: opacity .64s cubic-bezier(0.23, 1, 0.32, 1)
    }

    .cMouse__hover:not(input, label, textarea, select, .cHover).isHover,
    .cMouse__hover[type=submit].isHover {
        opacity: .25
    }
}

.cLine {
    position: relative
}

.cLine__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    margin: calc(50% - 50vw);
    pointer-events: none
}

.cLine__trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: height .24s ease
}

.cLine__illust {
    width: 100%;
    opacity: 0
}

.cLine__illust--pc {
    display: none
}

.cLine__illust .path {
    stroke: var(--c-green);
    will-change: stroke-dashoffset;
    transition: stroke .32s cubic-bezier(0.23, 1, 0.32, 1)
}

.cLineFv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    pointer-events: none
}

.cLineFv__kusya {
    position: absolute;
    width: 200%;
    height: 200%
}

.cLineFv__kusya path {
    stroke: var(--c-green)
}

.cLineFv__illust {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

[data-mv=true] .cLine {
    display: none
}

[data-mv=false] .cLine {
    display: block
}

@media screen and (min-width: 768px) {
    .cLine__trigger {
        width: 100%;
        min-height: calc(1000rem / 16);
        margin: 0
    }

    .cLine__wrapper {
        height: 100vh;
        height: 100lvh
    }

    .cLine__illust--sp {
        display: none
    }

    .cLine__illust--pc {
        display: block
    }

    .cLineFv {
        overflow: visible
    }

    .cLineFv__kusya {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .lMenu__inner {
        overflow: hidden;
    }
}

@media screen and (min-width: 768px)and (hover: hover) {
    .cHover {
        --opacity: 1;
        --scale: 1
    }

    .cHover:hover {
        --opacity: 0.25;
        --scale: 1.1
    }

    .cHover__workImage {
        overflow: hidden;
        opacity: var(--opacity);
        transition: opacity .64s cubic-bezier(0.23, 1, 0.32, 1)
    }

    .cHover__workImage img {
        transform: scale(var(--scale));
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1)
    }

    .cHover__serviceImage {
        overflow: hidden
    }

    .cHover__serviceImage img {
        transform: scale(var(--scale));
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1)
    }
}

.lHeaderNav__link{
    color: #333;
    font-weight: bold;
}
.isNight .lHeaderNav__link{
    color: #fff;
}

ul.sec{
    padding-top: 13%;
    display: none;
}
ul.sec li{
    padding-top: 20%;
}
ul.sec li a{
    padding: 0;
    text-align: center;
}