body::-webkit-scrollbar {
    display: none;
}


/* 共通 */
.section__title {
    font-size: 60px;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
}
.subtitle {
    font-size: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: normal;
    color: #d9d9d9;
}
.subtitle-2 {
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.8px;
    color: #d9d9d9;
}
/* header */
.header {
    width: 100%;
    height: 96px;
    padding: 30px;
    display: flex;
    align-items: flex-end;
    position: fixed;
    z-index: 999;
}

.header__logo {
    width: 50%;
}

.header__logo a {
    color:#FDFDFD;
    font-family: 'Lucida Console', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header__gNav {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.header__gNav__menu {
    display: flex;
    gap: 30px;
}

.header__gNav__menu li a {
    color: #FDFDFD;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header__btn {
    position: fixed;
    top: 20px;
    right: 30px;
    width: 30px;
    height: 24px;
    z-index: 12;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.header__btn span {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.header__btn span:nth-child(1) {
    top: 20px;
}

.header__btn span:nth-child(2) {
    top: 30px;
}

.header__btn span:nth-child(3) {
    top: 40px;
}

.header__btn.open span:nth-child(1) {
    background: #ffffff;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header__btn.open span:nth-child(2),
.header__btn.open span:nth-child(3) {
    top: 6px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


.header__btn {
    display: none;
}

@media screen and (max-width: 960px) {
    .header__btn {
        display: block;
        right: 30px;
    }

    .header__gNav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: #fdfdfd;
        font-size: 16px;
        box-sizing: border-box;
        z-index: 1;
        transition: .3s;
    }

    .header__gNav.open {
        right: 0;
    }

    .header__gNav__menu {
        padding-top: 96px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        height: 100%;
        flex-direction: column;
    }

    .header__gNav__menu li {
        width: 100%;
        border-bottom: 1px solid #000;
        padding-bottom: 12px;
    }

    .header nav ul li a {
        color: #2D2832;
    }
    .span__color {
        background: #2D2832 !important;
    }
}

@media screen and (max-width: 600px) {
    .header__btn {
        right: 12.5px;
    }
}

.UpMove {
    transition: .3s;
}
.DownMove {
    /* background-color: #2d2832; */
    transition: .3s;
    background-color: #ffffff;
}
.DownMove h1 {
    color: #2d2832;
}

.DownMove a {
    color: #2d2832;
}
.DownMove p span {
    background-color: #2D2832;
}
.DownMove nav ul li a {
    color: #2D2832;
}
/* footer */
.footer {
    width: 100%;
    height: 306px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    background-color: #2d2832;
}
.footer__left {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.footer__logo {
    font-family: 'Lucida Console', sans-serif;
    color: #fdfdfd;
    font-size: 62px;
}
.copy {
    color: #fdfdfd;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
}
.footer__right {
    width: auto;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.footer__nav {
    width: 100%;
}
.footer__nav__list{
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
}
.footer__nav__link {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.9px;
    color: #fdfdfd;
    display: block;
    width: 120px;
}
.footer__nav__list span {
    font-size: 13px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    line-height: normal;
    color: #8F8E90;
    display: block;
    width: 120px;
}
/* footer 終わり */
.TOP {
    width: 100%;
    height: 100vh;
    background-image: url(../images/mainvisual.jpg);
    background-size: cover;
}
.TOP__container {
    padding: 0 15.27vw 0 15.27vw;
    height: 100%;
    display: flex;
    align-items: center;
}
.TOP__logo {
    font-family: 'Lucida Console', sans-serif;
    color: #fff;
    font-size: 4.3vw;
}
.ABOUT {
    width: 100%;
    height: auto;
    /* background-color: #E4E693; */
}
.ABOUT__container {
    width: 100%;
    height: 100%;
    padding: 120px 15.27vw;
    display: flex;
    flex-direction: column;
    gap: 62px;
}
.ABOUT__top {
    width: 100%;
    height: auto;
}

.ABOUT__bottom {
    width: 100%;
    height: 524px;
    display: flex;
    gap: 62px;
}
.ABOUT__bottom__image {
    width: 40%;
    height: 100%;
    background-image: url(../images/About-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.30) inset, -1px -1px 2px 0px rgba(228, 228, 228, 0.50) inset, -5px 5px 10px 0px rgba(228, 228, 228, 0.20), 5px -5px 10px 0px rgba(228, 228, 228, 0.20), -5px -5px 10px 0px rgba(255, 255, 255, 0.90), 5px 5px 13px 0px rgba(228, 228, 228, 0.90);
}

.ABOUT__bottom__data {
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-image: url(../images/fukuoka.png);
    /* background-size: cover; */
    background-repeat: no-repeat;
}
.ABOUT__data__1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.ABOUT__bottom__title {
    font-size: clamp(24px,4.16vw,60px);
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    color: #d9d9d9;
}
.ABOUT__data__2 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.ABOUT__bottom__text {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 30px;
    letter-spacing: 0.8px;
}
/* ABOUT 終わり */

.BRAND {
    width: 100%;
    height: auto;
}
.BRAND__container {
    width: 100%;
    height: 100%;
    padding: 120px 15.27vw;
    display: flex;
    flex-direction: column;
    gap: 62px;
}
.BRAND__top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.BRAND__top__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.BRAND__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 16px;
    row-gap: 32px;
}
/* .BRAND__list__box {
    width: 320px;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 10px;
    border-radius: 15px;
    box-shadow: -4px 4px 8px 0px rgba(186, 186, 186, 0.20), 4px -4px 8px 0px rgba(186, 186, 186, 0.20), -4px -4px 8px 0px rgba(255, 255, 255, 0.90), 4px 4px 10px 0px rgba(186, 186, 186, 0.90);
}
.BRAND__list__title {
    color: #59555C;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.8px;
} */
/* .BRAND__list__top {
    width: 100%;
} */
/* .BRAND__list__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
} */
/* .read__more {
    color: #8F8E90;
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.read__more a {
    display: flex;
    align-items: center;
    gap: 6px;
} */




.BRAND__BOX {
    display: block;
    width: 320px;
    height: auto;
    border-radius: 15px;
    background: var(--main-white, #FDFDFD);
    box-shadow: -4px 4px 8px 0px rgba(186, 186, 186, 0.20), 4px -4px 8px 0px rgba(186, 186, 186, 0.20), -4px -4px 8px 0px rgba(255, 255, 255, 0.90), 4px 4px 10px 0px rgba(186, 186, 186, 0.90);
    transition: .3s;
}
.BRAND__BOX:hover {
    background-color: #2D2832;
    transition: .3s;
}
.BRAND__BOX:hover .BRAND__inner__top h5 {
    color: #fff;
}
.BRAND__BOX:hover .inner__bottom__link p {
    color: #fff;
}
.inner__bottom__icon svg {
    fill: #2D2832;
}
.inner__bottom__link svg {
    fill: #8F8E90;
}
.BRAND__BOX:hover .inner__bottom__icon svg{
    fill: #fff;
}
.BRAND__BOX:hover .inner__bottom__link svg {
    fill: #fff;
}
.BRAND__BOX__inner {
    width: 100%;
    height: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.BRAND__inner__top {
    width: 100%;
}
.BRAND__inner__top h5{
    color: #59555C;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.8px;
}
.BRAND__inner__bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;

}
.inner__bottom__link p {
    color: var(--text-sub-gray, #8F8E90);
    font-family: "Noto Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.inner__bottom__link {
    display: flex;
    gap: 6px;
    align-items: center;
}
.list_over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}






/* BRAND 終わり */

.EXHIBITION {
    width: 100%;
    height: auto;
}
.EXHIBITION__container {
    width: 100%;
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    gap: 62px;
}
.EXHIBITION__TOP {
    width: 100%;
    padding: 0 15.27vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.EXHIBITION__image {
    width: 100%;
    height: 510px;
    background-image: url(../images/EXHIBITION.png);
}
.EXHIBITION__bottom {
    width: 100%;
    padding: 0 15.27vw;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.EXHIBITION__data {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 16px;
    border-bottom: 1px solid #CCC;
}
.EXHIBITION__title {
    color: var(--main-brack, #2D2832);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 183.333% */
    letter-spacing: 1.2px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.EXHIBITION__title span {
    font-size: 18px;
}
.EXHIBITION__ex {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 30px;
    letter-spacing: 0.8px;
}
.EXHIBITION__b {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: "Noto Sans JP", sans-serif;
}
.EXHIBITION__list {
    font-size: 16px;
    color: var(--main-brack, #2D2832);
font-weight: lighter;
}
.EXHIBITION__sche {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.EXHIBITION__date {
    display: flex;
    align-items: center;
    gap: 10px;
}
.EXHIBITION__text {
    color: var(--main-brack, #2D2832);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 194.444% */
    letter-spacing: 0.9px;
}
.EXHIBITION__text a {
    text-decoration: underline;
    color: #592bda;
    transition: .3s;
}
.EXHIBITION__text a:hover {
    background-color: #cdfeaa;
    text-decoration: none;
}
.EXHIBITION__text__b {
    color: #f86d6d;
}
.EXHIBITION__text__b span {
    color: #2D2832;
}
.EXHIBITION__area {
    display: flex;
    align-items: center;
    gap: 10px;
}
.EXHIBITION__area__nav {
    display: flex;
    gap: 10px;
}


/* EXHIBITION 終わり */

.COMPANY {
    width: 100%;
    height: auto;
}
.COMPANY__container {
    width: 100%;
    height: 100%;
    padding: 120px 15.27vw;
    display: flex;
    flex-direction: column;
    gap: 62px;
}
.COMPANY__TOP {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.COMPANY__top__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.COMPANY__bottom {
    width: 100%;
    display: flex;
}
.COMPANY__bottom__left {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.COMPANY__bottom__right {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.COMPANY__box {
    display: flex;
    gap: 24px;
    align-items: center;
}
.COMPANY__box-s {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.COMPANY__text-1 {
    width: 100px;
    color: var(--main-brack, #2D2832);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px; /* 194.444% */
    letter-spacing: 0.9px;
}
.COMPANY__text-2 {
    color: var(--main-brack, #2D2832);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.8px;
}
.text2-s {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.COMPANY__icon {
    display: flex;
    align-items: center;
    gap: 4px;
}
.COMPANY__link {
    display: flex;
    gap: 10px;
    align-items: center;
}
.COMPANY__link {
    border-bottom: 1px solid #000;
}
/* COMPANY 終わり */

.ACCESS {
    width: 100%;
    height: auto;
}
.ACCESS__container {
    width: 100%;
    height: 100%;
    padding: 120px 15.27vw;
    display: flex;
}
.ACCESS__left {
    display: flex;
    flex-direction: column;
    gap: 62px;
    justify-content: center;
    width: 50%;
}
.ACCESS__right {
    width: 50%;

}
.ACCESS__right iframe {
    width: 100%;
    border-radius: 15px;
}
.ACCESS__text p {
    color: var(--main-brack, #2D2832);
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.8px;
}
/* ACCESS 終わり */

.CONTACT {
    width: 100%;
    height: auto;
}
.CONTACT__container {
    width: 100%;
    height: auto;
    padding: 120px 15.27vw;
    display: flex;
    flex-direction: column;
    gap: 62px;
}
.CONTACT__TOP {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.CONTACT__top__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.CONTACT__bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.CONTACT__bottom__text {
    color: var(--main-brack, #2D2832);
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.8px;
}
.CONTACT__bottom__form {
    width: 320px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    padding: 24px;
    border-radius: 15px;
    background: #F5F5F5;
    box-shadow: -4px 4px 8px 0px rgba(186, 186, 186, 0.20), 4px -4px 8px 0px rgba(186, 186, 186, 0.20), -4px -4px 8px 0px rgba(255, 255, 255, 0.90), 4px 4px 10px 0px rgba(186, 186, 186, 0.90);
}
.CONTACT__form {
    padding-left: 30px;
}
.CONTACT__form a {
    display: flex;
    gap: 10px;
    align-items: center;
}
.CONTACT__form a {
    color: var(--text-sub-black, #59555C);
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.8px;
}


@media screen and ( max-width:1440px) {
    .ABOUT__container {
        width: 1000px;
        height: 100%;
        padding: 120px 0;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 62px;
    }
    .ABOUT__bottom {
        height: 524px;
    }
    .BRAND__container {
        width: 1000px;
        height: 100%;
        padding: 120px 0;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 62px;
    }
    .BRAND__list {
        column-gap: 20px;
    }
    .EXHIBITION__TOP {
        width: 1000px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .EXHIBITION__bottom {
        width: 1000px;
        margin: 0 auto;
        padding: 0;
    }
    .COMPANY__container {
        width: 1000px;
        padding: 120px 0;
        margin: 0 auto;
    }
    .ACCESS__container {
        width: 1000px;
        padding: 120px 0;
        margin: 0 auto;
    }
    .CONTACT__container {
        width: 1000px;
        padding: 120px 0;
        margin: 0 auto;
    }
}

@media screen and ( max-width:1000px) {
    body {
        /* width: 1000px; */
    }
    .ABOUT {
        width: 100%;
        padding: 0 10px 0 10px;
    }
    .ABOUT__container {
        width: 100%;
    }
    .BRAND {
        width: 100%;
        padding: 0 10px 0 10px;
    }
    .BRAND__container {
        width: 100%;
    }
    .BRAND__list {
        column-gap: 10px;
    }
    .EXHIBITION {
        width: 100%;
    }
    .EXHIBITION__container {
        width: 100%;
    }
    .EXHIBITION__TOP {
        width: 100%;
        padding: 0 10px 0 10px;
    }
    .EXHIBITION__bottom {
        width: 100%;
        padding: 0 10px 0 10px;
    }
    .COMPANY {
        width: 100%;
    }
    .COMPANY__container {
        width: 100%;
        padding: 120px 10px ;
    }
    .ACCESS {
        width: 100%;
    }
    .ACCESS__container {
        width: 100%;
        padding: 120px 10px;
    }
    .CONTACT {
        width: 100%;
    }
    .CONTACT__container {
        width: 100%;
        padding: 120px 10px;
    }
}

@media screen and ( max-width:600px) {
    .section__title {
        color:#2D2832;
        font-family: "Noto Sans";
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .subtitle {
        color: var(--sub-text, #D9D9D9);
        font-family: "Noto Sans JP";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .subtitle-2 {
        color: var(--sub-text, #D9D9D9);
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 187.5% */
        letter-spacing: 0.8px;
    }
    .header {
        padding: 30px 12.5px;
        align-items: center;
    }
    .header__logo {
        width: 100%;
    }
    .header__logo a {
        font-size: 16px;
    }
    .TOP__logo {
        font-size: 32px;
    }
    .ABOUT {
        padding: 0;
    }
    .ABOUT__container {
        padding: 82px 12.5px;
        gap: 0;
    }
    .ABOUT__bottom {
        flex-direction: column;
        width: 100%;
        height: auto;
        gap: 32px;
    }
    .ABOUT__bottom__image {
        order: 1;
        width: 100%;
        height: 524px;
    }
    .ABOUT__bottom__data {
        width: 100%;
        gap: 32px;
    }
    .ABOUT__bottom__text {
        color: var(--main-brack, #2D2832);
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 187.5% */
        letter-spacing: 0.8px;
    }
    .BRAND {
        padding: 0;
    }
    .BRAND__container {
        padding: 82px 12.5px;
        gap: 32px;
    }
    .BRAND__top {
        flex-direction: column;
        align-items: flex-start;
    }
    .BRAND__top__right {
        align-items: flex-start;
    }
    .BRAND__list {
        row-gap: 16px;
    }
    .BRAND__BOX {
        width: 100%;
    }
    .EXHIBITION__container {
        padding: 82px 0;
    }
    .EXHIBITION__TOP {
        flex-direction: column;
        padding: 0 12.5px;
        align-items: flex-start;
    }
    .EXHIBITION__image {
        background-size: cover;
        background-position: center;
    }
    .EXHIBITION__bottom {
        padding: 0 12.5px;
    }
    .EXHIBITION__title {
        color: var(--main-brack, #2D2832);
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px; /* 194.444% */
        letter-spacing: 0.9px;
    }
    .EXHIBITION__title span {
        font-size: 14px;
    }
    .EXHIBITION__ex {
        font-size: 13px;
    }
.EXHIBITION__list {
    font-size: 13px;
    color: var(--main-brack, #2D2832);
}
    .EXHIBITION__text {
        color: var(--main-brack, #2D2832);
        font-family: "Noto Sans JP";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 184.615% */
    }
    .EXHIBITION__area__nav{
        flex-direction: column;
        gap: 0;
    }
    .COMPANY__container {
        padding: 82px 12.5px;
        gap: 62px;
    }
    .COMPANY__TOP {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .COMPANY__top__right {
        align-items: flex-start;
    }
    .COMPANY__bottom {
        flex-direction: column;
        gap: 32px;
    }
    .COMPANY__bottom__left {
        width: 100%;
    }
    .COMPANY__bottom__right {
        width: 100%;
    }
    .COMPANY__box:nth-child(5) {
        align-items: flex-start;
    }
    .ACCESS__container {
        padding: 82px 12.5px;
        flex-direction: column;
        gap: 62px;
    }
    .ACCESS__left {
        gap: 32px;
        width: 100%;
    }
    .ACCESS__right {
        width: 100%;
    }
    .ACCESS__text {
        color: var(--main-brack, #2D2832);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 187.5% */
        letter-spacing: 0.8px;
    }
    .CONTACT__container {
        gap: 32px;
        padding: 82px 12.5px;
    }
    .CONTACT__TOP {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .CONTACT__top__right {
        align-items: flex-start;
    }
    .CONTACT__bottom__text {
        text-align: left;
        color: #2D2832;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 184.615% */
    }
    .footer {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 32px;
    }
    .footer__left {
        order: 1;
        gap: 10px;
    }
    .footer__nav {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .footer__nav__link {
        color:#FDFDFD;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: "Noto Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .footer__logo {
        color:#FDFDFD;
        font-family: "Lucida Console";
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}