@charset "utf-8";
@media screen and (max-width : 768px){
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/performance/active-safety/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */

.btn_accordion_detail{ width: 230px;}
.btn_accordion_detail:before{ content: '必ずこちらをお読みください'; font-size: 12px;}

.accordion_inner{
    font-size: 12px;
    line-height: 1.5em;
}

/* ------------------------------
    #section_safety
------------------------------ */
#section_safety .section_desc{
    margin: 0 0 15px 0;
}

#section_safety .caption{
    margin: 0 0 20px 0;
    padding: 0 15px;
}

#section_safety .col_desc{
    margin: 0 0 30px 0;
}

#section_safety .img{
    margin: 0 0 10px 0;
    text-align: center;
}

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


/* ------------------------------
    #section_active_system
------------------------------ */
#section_active_system{
    padding-bottom: 40px;
}

#section_active_system h4{
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.687em;
}

#section_active_system h4 .small{
    font-size: 13px;
    line-height: 1.461em;
    display: block;
}

#section_active_system .pic_full{
    margin: 0 0 20px 0;
}

#section_active_system .pic_full .caption{
    padding: 0 15px;
    text-align: left;
    display: block;
    font-size: 12px;
}

#section_active_system .caution{
    margin: 0 0 40px 0;
    padding: 0 15px;
    color: #da4058;
    font-size: 12px;
    line-height: 1.5em;
}


/* .combination */
#section_active_system .combination .desc{
    margin: 20px 0;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.5em;
}

#section_active_system .combination .through_content .safety img{ width: auto; height: 42px;}
#section_active_system .combination .through_content .city img{ width: auto; height: 80px;}
#section_active_system .combination .through_content .ico img{ width: auto; height: 15px;}
#section_active_system .combination .through_content .airbag img{ width: auto; height: 80px;}


#section_active_system .combinatioin .through_content .safety .ico_type{ left: 0;}
#section_active_system .combinatioin .through_content td.ico{ padding: 0;}

#section_active_system .combination .through_content td.safety{
    padding-top: 20px;
}

#section_active_system .combination .through_content td.ico{
    padding-top: 30px;
}


/* ------------------------------
    #honda_sensing
------------------------------ */
#section_honda_sensing .pic_full{
    margin: 0 0 50px 0;
}

.honda_sensing_list{
    padding: 0 15px;
}

.honda_sensing_list .list_inner .pic{
    margin: 0 0 5px 0;
}


.honda_sensing_list .list_inner .copy{
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.5em;
}

.honda_sensing_list .list_inner .name{
    font-size: 14px;
    line-height: 1.5em;
}

#section_honda_sensing .caution{
    padding: 0 15px;
    text-align: left;
    color: #da4058;
    line-height: 1.5em;
}

#section_honda_sensing .accordion_content{
    margin-top: 25px;
}

#section_honda_sensing .accordion_inner p{
    margin: 0 0 25px 0;
}

#section_honda_sensing .detail{
    text-align: center;
}




/* ------------------------------
    #honda_sensing_function
------------------------------ */


#honda_sensing_function .caution{
    margin: 30px 0 40px 0;
}


#honda_sensing_function .caution p{
}


#honda_sensing_function .accordion_content{
     margin: 0 15px;
}

/*160913追記*/
#honda_sensing_function .detail{
    margin-top: 20px;
    text-align: center;
}

/*171114追記*/
/* ----------------------------------- */
/* #section_support */
/* ----------------------------------- */
#section_support .section_desc {
    margin:0 0 15px 0;
}

#section_support .caption{
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 11px;
    line-height: 1.3em;
}

#section_support .notes{
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.4em;
}

#section_support .col_desc{
    margin: 0 0 30px 0;
}

#section_support .img{
    margin: 0 15px 15px 15px;
    text-align: center;
}

#section_support .img img{
    width: 50%;
    height: auto;
}

#section_support .section_inner {
    margin-top: 50px;
}

#section_support .section_inner:first-child {
    margin-top: 0;
}

}
