@charset "utf-8";

@media screen and (min-width : 769px) {

    #nav .nav_list li.current a {
        color: #666;
        text-decoration: none;
    }
    .nav_list ul.ap_parts_list li.current a:before {
        background: url(../../common/image_common/parts_ico_ac_arrow.png) no-repeat;
        background-size: 6px auto;
    }

    .m_head p {
        font-size: 16px;
    }


    #main .m_head {
        margin-bottom: 30px;
    }

    .m_head .m_head_nv li {
        margin-right: 30px;
        display: inline-block;
        font-size: 15px;
        font-family: var(--font-bold);
    }

    .m_head .m_head_nv li a {
        color: #0082ff !important;
    }

    .m_head .m_head_nv li a::after {
        position: relative;
        top: 1px;
        content: "";
        margin-left: 4px;
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(../../common/image_common/parts_ico_btn_detail_arrow_btm.png);
        background-size: 15px auto;
    }

    #main .section {
        margin-left: 55px;
        padding-left: 0;
        width: 666px;
    }

    .section .sec_inner {
        margin-left: 0;
    }

    .section .tit_xl {
        margin-bottom: 40px;
        padding-left: 16px;
        border-left: 3px solid #d30024;
    }

    .section .tit_xl h3 {
        margin-bottom: 0;
        padding: 0;
        font-size: 25px;
        line-height: 1.2;
    }

    .tit_xl .tit_copy {
        margin-top: 6px;
        display: block;
        font-size: 16px;
        line-height: 1.5;
    }

    .section .tit_headline {
        margin-bottom: 38px;
        padding: 0 0 3px;
        color: #d30024;
        font-size: 17px;
        font-weight: normal;
    }

    .section .tit_square {
        font-size: 17px;
    }

    .section .tit_square span {
        padding-right: 15px;
    }

    #main .section.safety_drive {
        margin-top: 70px;
        margin-bottom: 80px;
    }

    .sec_copy {
        margin-bottom: 35px;
        font-size: 25px;
    }

    .mov .thumb_image {
        position: relative;
    }

    .mov-yt {
        cursor: pointer;
    }

    .mov .thumb_image:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(../image/icon_play.png) no-repeat center;
        background-size: 40px auto;
        width: 40px;
        height: 40px;
        transform: translate3d(-50%, -50%, 0);
        z-index: 1;
    }

    .mov .thumb_image img{
        width: 100%;
    }

    .mov .mov_copy {
        margin-top: 10px;
        color: #313131;
        font-size: 16px;
        text-align: center;
    }

    .mov .name {
        font-size: 17px;
        font-family: var(--font-bold);
        line-height: 1.1;
    }

    .safety_drive .mov {
        margin: 0 auto;
        width: 480px;
    }

    .safety_drive .mov .thumb_image:after {
        width: 90px;
        height: 90px;
        background-size: 90px auto;
    }

    .safety_drive .mov_copy {
        padding-left: 26px;
    }

    .safety_drive .mov .copy {
        padding-right: 14px;
        border-right: 1px solid #313131;
        margin-right: 14px;
    }

    .mov_list {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }

    .mov_list .mov {
        margin-bottom: 20px;
        margin-right: 18px;
        width: 210px;
    }

    .mov_list .mov:nth-child(3n){
        margin-right: 0;
    }

    .mov_list .mov_copy{
        margin: 15px 0 20px;
    }

    .mov_list .mov_copy .copy {
        margin-bottom: 8px;
        font-size: 16px;
        border-bottom: 1px solid #b4b4b4;
    }

    .mov_list .mov_copy .copy span {
        display: inline-block;
        padding: 0 2px 5px;
    }

    .mov_list .mov_copy .name {
        font-size: 17px;
    }

    .mov .detail {
        padding: 0;
        text-align: center;
        font-size: 10px;
        font-family: var(--font-light);
        line-height: 1.1;
    }

    .mov .detail a {
        color: #0082ff !important;
        font-size: 12px;
        font-family: var(--font-light);
    }

    .mov .detail a:after {
        top: 2px;
        left: 4px;
        width: 11px;
        height: 11px;
        /* background: url(../image/parts_ico_btn_detail_arrow.png) no-repeat; */
        background-size: 11px;
    }

    #main .section.tire_puncture {
        margin-top: 80px;
        margin-bottom: 150px;
    }

    .tire_puncture .mov_copy .name {
        font-size: 16px;
        line-height: 1.3;
    }

    .mov .mov_copy .type {
        margin-top: 3px;
        font-size: 14px;
    }

    .btn {
        display: block;
        width: 100%;
        height: 50px;
        background: url(../image/btn_bg.jpg) no-repeat;
        background-size: 100% auto;
        text-align: center;
        color: #fff !important;
        font-size: 14px;
    }

    .btn.switch_sp{
        display: none;
    }

    .btn span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .btn span:before {
        margin-right: 9px;
        position: relative;
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;

        border-left:10px solid #fff;
    }

    .tire_puncture .btn {
        margin-top: -20px;
    }

    .btn_copy {
        margin-top: 13px;
        text-align: center;
        font-size: 14px;
    }
}