/* font */
section {
    color: var(--color-brand-Auxiliary);
}
h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
}
p {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}
@media screen and (min-width: 1025px) {
    h2 {
        font-size: 28px;
        line-height: 40px;
    }
}

/* banner */
.innner-pc.swiper-container {
    height: 615px;
}
.innner-pc .swiper-slide {
    background-size: cover;
}
.innner-pc .container > * {
    margin-left: calc(1 / 12 * 100%);
}
.innner-pc .banner-text-title {
    font-size: 48px;
    font-weight: normal;
    line-height: 72px;
    color: var(--color-brand-Auxiliary);
    padding: 0 0 16px;
}
.innner-pc .pc-small-title,
.innner-pc .banner-text-content {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: var(--color-brand-Auxiliary);
}
.innner-pc .pc-small-title {
    color: var(--color-brand-Auxiliary);
    padding: 234px 0 24px;
}
.innner-pc .banner-text-content {
    max-width: 371px;
}
@media screen and (max-width: 1024px) {
    .innner-wap.swiper-container {
        height: 580px;
    }
    .innner-wap .swiper-slide {
        background-size: cover;
    }
    .wap-small-title,
    .innner-wap .banner-text-content {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        color: var(--color-icon-03);
    }
    .wap-small-title {
        color: var(--color-brand-Auxiliary);
        padding: 110px 0 16px;
    }
    .innner-wap .banner-text-content {
        max-width: 257px;
        margin: 0 auto;
    }
    .innner-wap .banner-text-title {
        font-size: 28px;
        font-weight: normal;
        line-height: 38px;
        color: var(--color-brand-Auxiliary);
        padding: 0 0 20px;
    }
}

/* section */
#section {
    padding: 80px 0 16px;
}
#section .content-wrapper {
    padding: 24px 0 64px;
}
#section h2 {
    margin-bottom: 14px;
}
@media screen and (min-width: 835px) {
    #section .background-overlay {
        position: absolute;
        width: 48%;
        height: auto;
        top: 0;
        left: 0;
        transform: translate(-51%, -4%);
        z-index: -1;
    }
}
@media screen and (min-width: 1025px) {
    #section {
        padding: 160px 0 112px;
    }
    #section .container {
        position: relative;
        max-width: 1440px !important;
    }
    #section .columns {
        margin-left: -40px;
        margin-right: -40px;
    }
    #section .column {
        cursor: pointer;
        padding: 12px 40px;
    }
    #section .column:hover > * {
        color: var(--color-brand-standard);
    }
    #section .content-wrapper {
        padding: 48px 40px;
    }
    #section h2 {
        margin-bottom: 20px;
    }
}