/* shift + command + H */
/* control + shift + C */
@charset "UTF-8";
.menu-text-normal {
    /* 320:12 - 1280:15 */
    --fsize: clamp(0.75rem, 0.688rem + 0.31vw, 0.938rem);
    color: #fff;
    font-size: var(--fsize);
    font-weight: 400;
    line-height: calc(var(--fsize) * 1.5);
    letter-spacing: 0.06em;
}
/* ------------------------------------------------------------------------------- */
.footer_include {    
    position: absolute;
    width: 100%;
    bottom: auto;
    background: var(--color-purple-dark);

    /* -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    -moz-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s; */
}

.footer_include.is-bottom {
    bottom: 0px;
}

/* -------------------------------------------------------------------------------- */
.footer_include .footer__inner {
    --logo-rate: calc(180 / 20);
    --logo-size: calc(var(--logo-rate) * var(--fsize) * 1.15);

    position: relative;
    width: 100%;
    min-height: var(--footer-h);
    max-width: var(--footer-max-width);
    padding: calc(var(--fsize) * 1.25) var(--footer-padding-side);
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.footer_include .footer__inner .inner__con {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_include .footer__inner .inner__con > img {
    width: var(--logo-size);
}

.footer_include .footer__inner .inner__con > p {
    padding: 0 calc(var(--fsize) * 2);
}

.footer_include .footer__inner .inner_action {
    flex: 0 0 auto;
    position: relative;
    width: 10%;
    min-width: 110px;
}

.footer_include .footer__inner .inner_action .action__btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    padding: calc(var(--fsize) * 0.5) 0;

    border-radius: var(--border-radius-sl);
    border: 1px solid #fff;
    box-sizing: border-box;
}

@media screen and (min-width:320px) {
    .footer_include .footer__inner {
        flex-direction: column;
        align-items: flex-start;
        padding: calc(var(--fsize) * 2.5) var(--footer-padding-side);
    }
    
    .footer_include .footer__inner .inner__con {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer_include .footer__inner .inner__con > p {
        margin-top: calc(var(--fsize) * 2);
        padding: 0 0;
    }

    .footer_include .footer__inner .inner_action {
        margin-top: calc(var(--fsize) * 1.5);
    }
}
@media screen and (min-width:360px) {}
@media screen and (min-width:390px) {}
@media screen and (min-width:414px) {}
@media screen and (min-width:500px) {}
@media screen and (min-width:768px) {}
@media screen and (min-width:1024px) {
    .footer_include .footer__inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: calc(var(--fsize) * 1.25) var(--footer-padding-side);
    }
    .footer_include .footer__inner .inner__con {
        flex-direction: row;
        align-items: center;
    }

    .footer_include .footer__inner .inner__con > p {
        margin-top: 0;
        padding: 0 calc(var(--fsize) * 2);
    }

    .footer_include .footer__inner .inner_action {
        margin-top: 0;
    }
}
@media screen and (min-width:1280px) {}
@media screen and (min-width: 1440px) {}
@media screen and (min-width: 1680px) {}
@media screen and (min-width: 1920px) {}