.footer {
    width: 100%;
    padding: 60px 0;
}

.footer--menu {
    padding: 32px 5%;
    background-color: #FAF8F5;
}

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

.footer--menuItem {
    list-style-type: none;
    width: auto;
    height: auto;
}

.footer--menuLink {
    /* display: block;
    text-decoration: none; */
    color: var(--secondary-bland-color);
    padding: 0 16px;
    border-right: 1px solid var(--secondary-bland-color);
}

.footer--menuItem:last-child .footer--menuLink {
    padding-right: 0;
    border-right: none;
}

.footer--menuLink:visited,
.footer--menuLink:active {
    color: var(--secondary-bland-color);
}

.footer--menuLink:hover {
    color: var(--primary-bland-color);
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    .footer--menuItems {
        flex-direction: column;
    }
}

/* companyInfo */
.footer--companyInfo {
    display: grid;
    place-items: center;
    padding: 32px 0 0;
}

.footer--companyInfoTop {
    padding: 0 5%;
}

.footer--companyInfoBottom {
    width: 100%;
    /* max-width: var(--inner-m); */
    display: grid;
    place-items: center;
}

.footer--logo {
    display: block;
    height: 150px;
    width: auto;
    margin: 0 auto 16px;
    /* padding-top: 95.588%; */
}

.footer--textBox {
    margin-bottom: 16px;
}

.footer--text {
    text-align: center;
    color: var(--secondary-bland-color);
}

.footer--copyright {
    color: var(--secondary-bland-color);
    padding: 16px 5%;
    text-align: center;
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */

    .footer--menu {
        padding: 0;
    }
    
    .footer--menuItems {
        display: block;
        text-align: center;
    }

    .footer--menuItem {
    }

    .footer--menuLink {
        display: block;
        border-right: 0;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px dotted var(--secondary-bland-color);
    }

}