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

#section_honda_sensing .modal_mov_open.covered.min::after {
    background: url(/auto-archive/fit/2020/webcatalog/image/pic_movie_play.png) center no-repeat rgba(0, 0, 0, .3);
    background-size: 91px auto;
}

#section_honda_sensing .modal_mov_open.covered.min:hover::after {
    background-color: rgba(0, 0, 0, .0);
}
    
.btn_accordion_detail{ width: 230px;}
.btn_accordion_detail:before{ content: '必ずこちらをお読みください'; font-size: 12px;}

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

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

#section_honda_sensing .accordion_inner ul li {
    margin-bottom: 10px;
    padding-left: 1em;
    text-indent: -1em;
}

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

#section_safety .caption{
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 13px;
}

#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 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;
}


/* ------------------------------
    #section_honda_sensing
------------------------------ */
#section_honda_sensing{
    margin-bottom: 75px;
    padding: 75px 0 50px;
}

#section_honda_sensing .slick-slider.slick-dotted {
    margin-bottom: 30px;
}

#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;
}

/* ------------------------------
    #section_active_safety_other
------------------------------ */
#section_active_safety_other{
    margin-bottom: 75px;
}

/* ------------------------------
    #section_support_car
------------------------------ */
#section_support_car {
}

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

#section_support_car .section_desc {
    margin: 0 0 15px 0;
}

#section_support_car .type {
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 13px;
    line-height: 1.5em;
}

#section_support_car .caution {
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 11px;
    line-height: 1.5em;
}

#section_support_car .caution li {
    text-indent: -1.0em;
    padding-left: 1.0em;
}

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

#section_support_car .img img {
    width: 124px;
    height: auto;
}

}