@charset "UTF-8";

.brand-layout {
    width: 100%;
    background-color: var(--color__bg__bg)
}
.brand-layout__inner {
    margin: 0 auto
}
.brand-layout__inner>:first-child,.brand-layout__inner>[class^=list-wrap]>:first-child,.brand-layout__inner>section:first-child>:first-child,.brand-layout__inner>section>:first-child,.brand-layout__inner>section>[class^=list-wrap]>:first-child,.brand-layout__inner>section>section:first-child>:first-child {
    margin-top: 0!important
}
.brand-layout-v3 {
    width: 100%
}
.brand-layout-v3__inner>:first-child,.brand-layout-v3__inner>[class^=list-wrap]>:first-child,.brand-layout-v3__inner>section:first-child>:first-child,.brand-layout-v3__inner>section>:first-child,.brand-layout-v3__inner>section>[class^=list-wrap]>:first-child,.brand-layout-v3__inner>section>section:first-child>:first-child {
    margin-top: 0!important
}
.brand-info {
    background-color: var(--color__bg__bg)
}
.brand-info>:first-child,.brand-info>[class^=list-wrap]>:first-child,.brand-info>section:first-child>:first-child {
    margin-top: 0!important
}
.brand-info__lead {
    margin: 1em 0 0;
    color: var(--color__font__font--TX1);
    font-weight: 700;
    text-align: center
}
.brand-info__column {
    width: 100%
}
.brand-info__column__item {
    display: flex;
    flex-direction: column;
    justify-content: center
}
.brand-figure-wrap {
    display: flex;
    justify-content: center;
    margin: .8em 0 0
}

@media print,screen and (min-width: 768px) {
    .brand-layout__inner {
        max-width: 1260px;
        padding: 0 30px
    }
    .brand-layout-v3 {
        background: var(--color__bg__bg)
    }
    .brand-layout-v3__inner {
        max-width: 1260px;
        margin: 0 auto;
        padding: 7rem 30px 2.1rem
    }
    .brand-info {
        padding: 3.2rem 0 2.6rem
    }
    .brand-info__lead {
        font-size: 2rem;
        line-height: 1.8
    }
    .brand-info__column {
        gap: 2rem 36px;
        display: flex;
        flex-flow: row wrap;
        margin-top: 1.5rem
    }
    .brand-info__column__item {
        flex: 1 1
    }
}

@media only screen and (max-width: 767.98px) {
    .brand-layout__inner {
        padding: 3.4rem 15px 2rem
    }
    .brand-layout-v3 {
        margin: 0
    }
    .brand-layout-v3__inner {
        padding: 2.3rem 15px 2.8rem
    }
    .brand-info__lead {
        font-size: 1.5rem;
        line-height: 1.8
    }
    .brand-info__column {
        margin-top: 2.8rem
    }
    .brand-info__column__item {
        flex: 1 1
    }
}