@charset 'UTF-8';
/*
* safety.css
*
*/
/* --------------------------------
  safety
-------------------------------- */
.brand-sec__jaHeading--upper
{
    padding-bottom: 0;
}

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

.brand-top__anker
{
    display: flex;

    margin-top: 60px;

    justify-content: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767.98px)
{
    .brand-top__anker
    {
        flex-direction: column;
    }
}
.brand-top__anker li
{
    position: relative;

    padding-right: 16px;
}
@media (max-width: 767.98px)
{
    .brand-top__anker li
    {
        text-align: center;
    }
}
.brand-top__anker li .brand-top__ankerArrow
{
    font-size: 1.4rem;

    text-decoration: none;

    color: #000;
}
@media (min-width: 768px)
{
    .brand-top__anker li .brand-top__ankerArrow:hover::after
    {
        background-position: 0 -3em;
    }
}
.brand-top__anker li .brand-top__ankerArrow::after
{
    top: 6px;
    right: -6px;

    background-position: 0 -5em;
}

.brand-sec__videoWrap
{
    position: relative;

    overflow: hidden;

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

    aspect-ratio: 16/9;
}
@media (max-width: 1280px)
{
    .brand-sec__videoWrap
    {
        max-width: inherit;
    }
}
.brand-sec__videoWrap .brand-sec__videoWrapThumb
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    cursor: pointer;
}
.brand-sec__videoWrap.brand-sec__videoWrap--last
{
    margin-top: 56px;
}
.brand-sec__videoWrap.brand-sec__videoWrap--last .player
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.brand-sec__videoWrap::before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
}
.brand-sec__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__videoWrap .brand-sec__video
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}

.brand-sec:not(:first-child)
{
    padding-top: 104px;
}
@media (max-width: 767.98px)
{
    .brand-sec:not(:first-child)
    {
        padding-top: 64px;
    }
}
.brand-sec.brand-sec01
{
    padding-top: 56px;
}
@media (max-width: 767.98px)
{
    .brand-sec.brand-sec01
    {
        padding-top: 32px;
    }
}

.brand-sec01 .brand-sec01__columnWrap
{
    margin-top: 56px;
}
@media (max-width: 767.98px)
{
    .brand-sec01 .brand-sec01__columnWrap
    {
        margin-top: 32px;
    }
}
.brand-sec01 .brand-sec01__lv4Heading
{
    padding-bottom: 16px;
}
@media (max-width: 767.98px)
{
    .brand-sec01 .brand-sec01__lv4Heading
    {
        font-size: 2.4rem;
    }
}

.brand-sec__notice
{
    padding-top: 32px;
}
.brand-sec__notice .l-paragraph__notice--sm
{
    font-size: 1rem;

    display: block;
}

.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-sec__quater .brand-sec__quaterUnit.brand-sec01__quaterUnit
{
    text-align: center;
}
.brand-sec__quater .brand-sec__subNotice
{
    font-family: 'RenaultFont';
    font-size: 1.6rem;
    font-weight: 500;

    color: #8c8c8b;
}
.brand-sec__quater .brand-sec__subNotice.brand-sec__subNotice--sm
{
    font-weight: 400;

    color: #000;
}
.brand-sec__quater .brand-sec01__lv4Heading--lg
{
    font-family: 'RenaultFont';
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;

    padding-bottom: 4px;
}

.brand-sec02 .brand-sec02__lv4Heading
{
    padding-bottom: 32px;
}
@media (max-width: 767.98px)
{
    .brand-sec02 .brand-sec02__lv4Heading
    {
        padding-bottom: 16px;
    }
}
.brand-sec02 .brand-sec02__lv4Heading--last
{
    padding: 24px 0 32px;
}
@media (max-width: 767.98px)
{
    .brand-sec02 .brand-sec02__lv4Heading--last
    {
        padding: 8px 0;
    }
}

.brand-sec03 .brand-sec03__lv4Heading
{
    padding-bottom: 32px;
}
@media (max-width: 767.98px)
{
    .brand-sec03 .brand-sec03__lv4Heading
    {
        padding-bottom: 16px;
    }
}
.brand-sec03 .brand-sec03__numList
{
    padding-left: 0;
    padding-left: 20px;

    counter-reset: item;
}
.brand-sec03 .brand-sec03__numList .brand-sec03__numListItem
{
    text-indent: -1.6em;
}
@media (max-width: 767.98px)
{
    .brand-sec03 .brand-sec03__numList .brand-sec03__numListItem
    {
        text-indent: -1.4em;
    }
}
.brand-sec03 .brand-sec03__numList .brand-sec03__numListItem::before
{
    content: counter(item) '.';
    counter-increment: item;
}
@media (max-width: 767.98px)
{
    .brand-sec03 .brand-sec03__numList
    {
        padding-left: 18px;
    }
}

/* --------------------------------
  slider
-------------------------------- */
.brand-sec__slider
{
    margin-top: 32px;
}
@media (max-width: 767.98px)
{
    .brand-sec__slider
    {
        margin-top: 16px;
    }
}

.slick-prev,
.slick-next
{
    width: 46px;
    height: 46px;

    border-radius: 100%;
    background-color: #000;
}
@media (max-width: 767.98px)
{
    .slick-prev,
    .slick-next
    {
        width: 34px;
        height: 34px;
    }
}

.slick-prev
{
    left: -50px;
}
@media (max-width: 1280px)
{
    .slick-prev
    {
        left: -15px;
    }
}
@media (max-width: 767.98px)
{
    .slick-prev
    {
        top: 105%;
        left: 0;
    }
}

.slick-next
{
    right: -50px;
}
@media (max-width: 1280px)
{
    .slick-next
    {
        right: -15px;
    }
}
@media (max-width: 767.98px)
{
    .slick-next
    {
        top: 105%;
        right: 0;
    }
}

.slick-prev:before,
.slick-prev:after,
.slick-next:before,
.slick-next:after
{
    font-size: 24px;

    width: 24px;
    height: 26px;

    opacity: 1;
    border-radius: 100%;
    background-color: #000;
    background-image: url(../../../common2016/img/arrows.svg);
    background-size: 2em;
}
@media (max-width: 767.98px)
{
    .slick-prev:before,
    .slick-prev:after,
    .slick-next:before,
    .slick-next:after
    {
        font-size: 18px;

        width: 18px;
        height: 18px;
    }
}

.slick-prev:before
{
    background-position: 0 -2em;
}

.slick-next:before
{
    background-position: -1em -2em;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    opacity: .8;
    color: #000;
    outline: none;
    background: #000;
}

.slick-dots
{
    bottom: -62px;
}
@media (max-width: 767.98px)
{
    .slick-dots
    {
        bottom: -32px;
    }
}

/* --------------------------------
  タブ切り替え
-------------------------------- */
.brand-navi
{
    margin-top: 56px;
}
@media (max-width: 767.98px)
{
    .brand-navi
    {
        margin-top: 32px;
    }
}

.brand-navi__list
{
    display: flex;

    justify-content: center;
    align-items: center;
}

.brand-navi__listItem
{
    position: relative;

    display: block;

    width: 33.33%;
    height: 46px;

    cursor: pointer;
    text-align: center;
}
@media (max-width: 1280px)
{
    .brand-navi__listItem
    {
        height: 64px;
    }
}
@media (max-width: 767.98px)
{
    .brand-navi__listItem
    {
        height: 46px;
    }
}
.brand-navi__listItem:first-child a
{
    border-left: 1px solid #dbdbdb;
}
.brand-navi__listItem .brand-navi__listAnker
{
    font-weight: bold;
    line-height: 1.4285714286;

    position: relative;

    display: flex;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    color: #000;
    border-right: 1px solid #dbdbdb;

    justify-content: center;
    align-items: center;
}
@media (max-width: 767.98px)
{
    .brand-navi__listItem .brand-navi__listAnker
    {
        font-size: 1rem;
        line-height: 1;

        padding-bottom: 4px;

        vertical-align: middle;
    }
}
@media (min-width: 768px)
{
    .brand-navi__listItem .brand-navi__listAnker:hover::before
    {
        position: absolute;
        bottom: 0;

        display: block;

        width: 100%;
        height: 4px;

        content: '';

        background-color: #efdf00;
    }
}
@media (max-width: 767.98px)
{
    .brand-navi__listItem .brand-navi__listAnker.arrow::after
    {
        display: none;
    }
}
.brand-navi__listItem .brand-navi__listAnker.arrow::after
{
    margin-left: 4px;

    background-position: 0 -3em;
}
.brand-navi__listItem.is_selected .brand-navi__listAnker::before
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 4px;

    content: '';

    background-color: #efdf00;
}

.brand-navi__content
{
    margin-top: 32px;
}
@media (max-width: 767.98px)
{
    .brand-navi__content
    {
        padding-top: 0;
    }
}

.brand-navi__listContent
{
    display: none;
}

.brand-navi__listContent.is_selected
{
    display: flex;
}