/* more contents */

.footer-more-wrp {
    padding: 4em 1em;
    border-top: 1px solid var(--main_subcolor);
}

.footer-more-wrp .more-content-title {
    margin: 0;
}


.more-content-title {
    text-align: center;
    font-size: min(2em, 5vw);
    margin-bottom: 0;
}

.more-content-lead {
    font-size: min(1em, 3.5vw);
    text-align: center;
    margin-bottom: 2em;
    color: var(--text-color-l);
}

.more-content {
    gap: 2%;
    text-align: center;
}

.more-content .box {
    width: 30%;
    max-width: 330px;
}

@media screen and (max-width:767px) {
    .more-content .box {
        width: 100%;
        max-width: 100%;
    }
}

.more-content .box .icon {
    display: block;
    width: 60%;
    max-width: 120px;
    margin: 0 auto 1em;
}

.more-content .box .more-title {
    font-size: min(1.4em, 6vw);
    font-weight: 200;
    font-family: var(--en);
    margin-bottom: 0;
}

.more-content .box .more-lead {
    font-size: min(1em, 3.5vw);
    color: var(--text-color-l);
    margin-bottom: 2em;
}

.more-content .box a {
    display: inline-block;
    padding: 0 1em;
    font-family: var(--en);
    position: relative;
}

.more-content .more-link-wrp {
    gap: 1em;
}

.more-content .box a.more-link::after {
    content: '';
    display: block;
    color: var(--text-color-l);
    width: .35em;
    height: .35em;
    border-top: 1px solid;
    border-right: 1px solid;
    rotate: 45deg;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.more-content .box a .icon-svg {
    width: 1.1em;
    height: 1.1em;
    vertical-align: middle;
    margin-left: .3em;
}