@charset "utf-8";

/* =================================================================
上書きCSS
================================================================= */

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

    /*------------------------------------------------------------------------------------------
*
*
Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
    /* ------------------------------------------------------------
*
#main_visual
*
------------------------------------------------------------ */
    #main_visual {
        margin: 0;
        width: 100%;
        height: 385px;
        background-color: #f9fafc;
        overflow: hidden;
    }

    #main_visual_inner .pic_visual img {
        position: relative;
        top: -15px;
        left: -50px;
        width: 535px;
        height: auto;
    }

    #main_visual .main_copy .copy {
        margin: 0 0 10px;
        font-size: 24px;
        line-height: 140%;
    }

    #main_visual .main_copy h2.logo {
        font-family: 'Cabin Condensed', sans-serif !important;
        font-size: 58px;
        font-weight: bold;
        line-height: 1em;
    }

    #sns_share {
        width: 100%;
        padding: 0;
        text-align: left;
        position: absolute;
        top: 232px;
        left: 55px;
    }

    /* ------------------------------------------------------------------------------------------
*
.section
*
------------------------------------------------------------------------------------------ */
    .section h3 {
        font-size: 30px;
        text-align: left;
    }

    #section_type .detail {
        margin: 30px 0 0;
        padding: 0 0 60px;
        text-align: center;
    }

    #section_type .caution {
        margin: 20px 0 0 0;
        text-align: center;
        color: #da4058;
        font-size: 12px;
    }

    /* ------------------------------------------------------------
*
#section_type
*
------------------------------------------------------------ */
    #section_type {
        margin: 0 auto 20px;
    }

    #section_type td.pic {
        padding: 11px 0 0 !important;
    }

    /* ------------------------------------------------------------
*
#section_allnew
*
------------------------------------------------------------ */
    #section_allnew {
        position: relative;
    }

    #section_allnew .section_inner {
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #section_allnew .all_new_logo {
        margin-left: 110px;
    }

    #section_allnew .all_new_logo img {
        width: 172px;
        height: auto;
    }

    #section_allnew .new_copy {
        margin: 30px 0 0 34px;
    }

    #section_allnew .new_copy img {
        width: 315px;
        height: auto;
    }

    #section_allnew .detail {
        margin-top: 20px;
        text-align: center;
    }

    /* ------------------------------------------------------------
*
#section_styling
*
------------------------------------------------------------ */
    #section_styling {
        margin: 0 auto 60px;
        padding: 0;
        text-align: left;
    }

    #section_styling .detail {
        margin: 0 0 30px;
    }

    #section_styling .styling {
        margin: 0;
    }

    #section_styling .styling_img {
        position: relative;
        padding-bottom: 102px;
        margin: 0 auto;
    }

    #section_styling .styling p {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 880px;
        opacity: 0;
    }

    #section_styling .st_pic img {
        width: 100%;
    }

    #section_styling .styling .styling_pic {
        top: 0;
    }

    #section_styling .styling .styling_pic img {
        width: 100%;
        height: auto;
    }

    #section_styling .styling .bg_d {
        opacity: 1;
        position: relative !important;
    }

    #section_styling .pic_notes {

        opacity: 1;
        bottom: -45px;
    }

    /* ------------------------------------------------------------
*
#section_interior
*
------------------------------------------------------------ */
    #section_interior {
        margin: 0 0 80px;
        padding: 0;
        text-align: left;
    }

    #section_interior h3 {
        padding-top: 30px;
    }

    #section_interior .interior {
        margin: 0;
    }

    #section_interior .interior_img {
        position: relative;
        width: 880px;
        margin: 0 auto;
        border-bottom: 1px solid #DBDBDB;
    }

    #section_interior .interior p {
        position: absolute;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 880px;
        opacity: 0;
    }

    #section_interior .interior .bg_d {
        opacity: 1;
        position: relative !important;
    }

    #section_interior .interior .seat {
        background-image: url(../image/pic_interior_seat.png);
        top: 0;
    }

    #section_interior .interior .meter {
        background-image: url(../image/pic_interior_meter.png);
    }

    #section_interior .interior .steering {
        background-image: url(../image/pic_interior_steering.png);
    }

    #section_interior .interior .dash {
        background-image: url(../image/pic_interior_dash.png);
        bottom: 0;
    }

    #section_interior .interior .interior_pic {
        top: 0;
    }

    .pic_notes {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        padding: 0 15px 30px 0;
        width: 880px !important;
        font-size: 11px;
        text-align: right;
        border-bottom: 1px solid #DBDBDB;
        opacity: 0;
    }

    /* ------------------------------------------------------------
*
#section_safety
*
------------------------------------------------------------ */
    #section_safety {
        margin: 0 0 60px;
        padding: 0;
        text-align: center;
        background-color: #fff;
    }

    #section_safety .section_inner {
        padding: 0;
        width: 880px;
        border-bottom: 1px solid #DBDBDB;
    }

    #section_safety h3 {
        position: relative;
        padding: 20px 0 30px;
        text-align: center;
        opacity: 0;
    }

    .asv {
        position: absolute;
        top: 0;
        left: 86px;
        width: 126px;
        height: auto;
        display: block;
    }

    .asv img {
        position: relative;
        width: 106px;
        height: auto;
        opacity: 0;
    }

    .fivestar {
        position: absolute;
        top: 0;
        right: 89px;
        width: 130px;
        display: block;
    }

    .fivestar img {
        position: relative;
        width: 130px;
        height: auto;
        opacity: 0;
    }

    #section_safety .detail a,
    #section_comfort .detail a {
        display: block;
    }

    #section_safety .pic_safety_star {
        position: relative;
        padding: 24px 0 35px;
        opacity: 0;
    }

    #section_safety .pic_safety_star img {
        width: 876px;
        height: auto;
    }

    #section_safety .safety_copy {
        position: relative;
    }

    #section_safety .safety_notes {
        padding: 30px 0 25px;
        width: 100%;
        font-size: 23px;
        line-height: 1.4em;
        opacity: 0;
    }

    #section_safety .pic_citybrake {
        margin: 0 20px 0 0;
        text-align: left;
        float: left;
        opacity: 0;
    }

    #section_safety .pic_citybrake img {
        width: 494px;
    }

    #section_safety .pic_star {
        float: left;
        opacity: 0;
    }

    #section_safety .pic_star img {
        width: 361px;
    }

    #section_safety .pic_cap {
        position: relative;
        right: 25px;
        bottom: 5px;
        display: block;
    }

    .clear {
        clear: both;
    }

    /* ------------------------------------------------------------
*
#section_comfort
*
------------------------------------------------------------ */
    #section_comfort {
        margin: 0 0 60px;
        padding: 0;
        text-align: left;
    }

    #section_comfort .detail {
        margin: 0 0 30px;
    }

    #section_comfort .comfortable {
        margin: 0;
    }

    #section_comfort .comfortable_img {
        position: relative;
        margin: 0 auto;
        width: 880px;
        border-bottom: 1px solid #DBDBDB;
    }

    #section_comfort .comfortable p {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    #section_comfort .comfortable .comfort_pic {
        position: relative !important;
        top: 0;
    }

    #section_comfort .comfortable .comfort_pic img {
        right: 0;
        margin: 0 0 0 70px;
        width: 855px;
    }

    #section_comfort .comfortable .degree {
        top: 0;
        z-index: 1;
    }

    #section_comfort .comfortable .uvir {
        top: 146px;
        left: -7px;
        width: 157px;
        height: 280px;
        z-index: 1;
    }

    #section_comfort .comfortable .degree img,
    #section_comfort .comfortable .uvir img {
        width: 157px;
        height: auto;
    }

    #section_comfort .pic_notes {
        margin: 0 auto;
        padding: 0 15px 30px 0;
        width: 880px;
        font-size: 11px;
        text-align: right;
        border-bottom: 1px solid #DBDBDB;
    }

    .pic_cap {
        position: absolute;
        right: 90px;
        bottom: 15px;
        width: 100%;
        font-size: 10px;
        text-align: right;
        display: block;
    }
}