/*
* avantages.css
*
*/
/* --------------------------------
  avantages
-------------------------------- */
.brand-sec:not(:first-child)
{
    padding-top: 104px;
}
@media (max-width: 767.98px)
{
    .brand-sec:not(:first-child)
    {
        padding-top: 64px;
    }
}

.brand-sec01.brand-sec01__mg
{
    padding-top: 24px;
    padding-bottom: 96px;
}
@media (max-width: 767.98px)
{
    .brand-sec01.brand-sec01__mg
    {
        padding-top: 24px;
        padding-bottom: 52px;
    }
}
.brand-sec01 .brand-sec01__lv4Heading
{
    padding: 16px 0 24px;
}
@media (max-width: 767.98px)
{
    .brand-sec01 .brand-sec01__lv4Heading
    {
        padding: 8px 0;
    }
}

@media (max-width: 767.98px)
{
    .brand-anker .brand-anker--wrap
    {
        row-gap: 16px;
    }
}
.brand-anker .brand-anker__link .brand-anker__linkBtn
{
    font-size: 1.6rem;

    position: relative;

    display: flex;

    min-width: -moz-fit-content;

    min-width: fit-content;
    min-height: 74px;
    padding: 0 16px;

    text-decoration: none;

    color: #000;
    border: 1px solid #000;

    align-items: center;
}
@media (max-width: 767.98px)
{
    .brand-anker .brand-anker__link .brand-anker__linkBtn
    {
        font-size: 1.4rem;

        min-height: 40px;
        padding: 20px 16px;
    }
}
.brand-anker .brand-anker__link .brand-anker__linkBtn::after
{
    position: absolute;
    right: 16px;

    background-position: 0 -3em;
}

.brand-sec02 .brand-sec02__headlineSub
{
    margin-top: 40px;
}
@media (max-width: 767.98px)
{
    .brand-sec02 .brand-sec02__headlineSub
    {
        margin-top: 24px;
    }
}
.brand-sec02 .brand-sec02__lv4Heading
{
    padding: 16px 0;
}
@media (max-width: 767.98px)
{
    .brand-sec02 .brand-sec02__lv4Heading
    {
        padding: 8px 0;
    }
}

.brand-sec02__link .brand-sec02__linkbtn
{
    font-size: 1.4rem;

    cursor: pointer;
}
@media (max-width: 767.98px)
{
    .brand-sec02__link .brand-sec02__linkbtn
    {
        font-size: 1.2rem;
    }
}
@media (min-width: 768px)
{
    .brand-sec02__link .brand-sec02__linkbtn:hover::after
    {
        background-position: -1em 0;
    }
}
.brand-sec02__link .brand-sec02__linkbtn::after
{
    top: 5px;

    background-position: -1em -2em;
}
@media (max-width: 767.98px)
{
    .brand-sec02__link .brand-sec02__linkbtn::after
    {
        top: 8px;
    }
}

.brand-sec03__lv3Heading
{
    margin-top: 64px !important;
}
@media (max-width: 767.98px)
{
    .brand-sec03__lv3Heading
    {
        margin-top: 32px !important;
        margin-bottom: 16px !important;
    }
}

.brand-sec03__lv4Heading
{
    padding: 16px 0;
}
@media (max-width: 767.98px)
{
    .brand-sec03__lv4Heading
    {
        padding: 8px 0;
    }
}
.brand-sec03__lv4Heading.brand-sec03__lv4Heading--primary
{
    padding-top: 0;
    padding-bottom: 13px;
}

.brand-sec03__videoWrap
{
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 1024px;

    aspect-ratio: 16/9;
}
.brand-sec03__videoWrap::before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
}
.brand-sec03__videoWrap .brand-sec03__video
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}

.brand-sec__quater
{
    display: flex;

    width: 100%;

    flex-wrap: nowrap;
}
@media (max-width: 767.98px)
{
    .brand-sec__quater
    {
        flex-wrap: wrap;
    }
}
.brand-sec__quater .brand-sec__quaterUnit
{
    width: 25%;
}
@media (max-width: 767.98px)
{
    .brand-sec__quater .brand-sec__quaterUnit
    {
        width: 100%;
    }
}

.brand-sec04 .brand-sec04__lv4Heading
{
    padding: 16px 0;
}
@media (max-width: 767.98px)
{
    .brand-sec04 .brand-sec04__lv4Heading
    {
        padding: 8px 0;
    }
}

.brand-sec05
{
    padding-top: 0 !important;
}

/* --------------------------------
  faqs
-------------------------------- */
.brand-sec__faq
{
    margin-bottom: 56px;
}
@media (max-width: 767.98px)
{
    .brand-sec__faq .brand-sec__faqUnit
    {
        padding: 0 0 30px 0;
    }
    .brand-sec__faq .brand-sec__faqQuestion,
    .brand-sec__faq .brand-sec__faqAnswer
    {
        min-height: 28px;
    }
    .brand-sec__faq .brand-sec__faqQuestion
    {
        padding: 0 0 16px 0;
    }
    .brand-sec__faq .brand-sec__faqText
    {
        padding-top: 4px;
    }
}
.brand-sec__faq .brand-sec__faqUnit
{
    padding: 0 0 40px 0;
}
.brand-sec__faq .brand-sec__faqQuestion,
.brand-sec__faq .brand-sec__faqAnswer
{
    position: relative;

    width: 100%;
    min-height: 32px;
}
.brand-sec__faq .brand-sec__faqQuestion
{
    padding: 0 0 8px 0;
}
.brand-sec__faq .brand-sec__faqIcon
{
    font-family: 'RenaultFont';
    font-weight: bold;
    line-height: 28px;

    position: absolute;
    left: 0;

    width: 28px;
    height: 28px;

    text-align: center;
}
.brand-sec__faq .brand-sec__faqIcon.brand-sec__faqIcon--question
{
    box-sizing: border-box;

    color: #333;
    border: 1px solid #333;
}
.brand-sec__faq .brand-sec__faqIcon.brand-sec__faqIcon--answer
{
    color: #fff;
    background-color: #333;
}
.brand-sec__faq .brand-sec__faqText
{
    padding: 2px 0 0 38px !important;
}