.title {
    display: block;
    width: 100%;
    font-size: min(2.4em, 5vw);
}

/* concept
------------------------------------------*/
/* .concept {
    padding: min(5em, 8vw) min(4em, 3vw);
    background: var(--belief-bg);
}

.concept .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    border-radius: min(3em, 6vw);
    text-align: center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width:767px) {
    .concept .inner {
        padding: 1em 0;
    }
}

.concept .inner .title-wrp {
    width: 100%;
    text-align: center;
    padding: 3em 1em 0;
    white-space: nowrap;

}

@media screen and (max-width: 800px) {
    .concept .inner .title-wrp {
        padding: min(3em, 6vw) 1.5em;
    }

    .concept .inner .title-wrp .title {
        text-align: center;
    }

    .concept .inner .title-wrp .title span {
        display: inline-block;
        margin-right: -.5em;
        line-height: 1.6;
    }
}

.concept .inner .h_subttl {
    font-size: min(1.1em, 3.5vw);
}

@media screen and (max-width:767px) {
    .concept .inner .h_subttl {
        margin-bottom: 1em;
    }
}

.concept .img-wrp {
    width: 45%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 800px) {
    .concept .img-wrp {
        width: 100%;
        height: 70vw;
    }
}

.concept .img-wrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 800px) {
    .concept .img-wrp img {
        object-position: right top;
    }
}

.concept .concept-wrp {
    width: 100%;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 800px) {
    .concept .concept-wrp {
        width: 100%;
        order: 2;
    }
} */

/* belief */
.top .belief_wrp .inner {
    max-width: 1200px;
}

.belief_wrp {
    /* margin: 0 auto min(5em, 3vw);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3em 1em;
    position: relative; */
}

/* @media screen and (max-width: 767px) {
    .belief_wrp {
        width: 96%;
        margin-top: 0;
    }
} */

/* .belief_wrp :is(.mind, .make) {
    width: min(440px, 45%);
}

@media screen and (max-width: 1200px) {
    .belief_wrp :is(.mind, .make) {
        width: 45%;
    }
} */

/* @media screen and (max-width: 1024px) {
    .belief_wrp :is(.mind, .make) {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .belief_wrp :is(.mind, .make) a {
        width: 90%;
        justify-content: center;
        grid-template-rows: 1fr auto;
    }

    .belief_wrp .mind a {
        grid-template-areas: 'logo txt' 'logo btn';
        grid-template-columns: 30% auto;

    }

    .belief_wrp .make a {
        grid-template-areas: 'txt logo' 'btn logo';
        grid-template-columns: auto 30%;
    }
} */

/* .belief_wrp :is(.mind, .make) .logo {
    height: min(12em, 12vw);
    margin: 0 auto 1.5em;
}

@media screen and (max-width: 1024px) {
    .belief_wrp :is(.mind, .make) .logo {
        height: min(10em, 21vw);
        margin: 0px auto 2em;
    }
}


@media screen and (max-width: 1024px) {
    .belief_wrp :is(.mind, .make) .logo {
        width: 100%;
        height: auto;
        margin: 0;
        flex-shrink: 0;
    }

    .belief_wrp :is(.mind, .make) .logo img {
        width: 100%;
        height: auto;
    }
} */


/* lineup
------------------------------------------*/
.brandlineup_wrp-ttl {
    margin: 0px auto .5em;
}