@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_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 .notes sup{
	font-size: 10px;
    vertical-align: super;
}


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

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

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

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

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

/* ------------------------------
    #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 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;
	display:inline-block;
}

#section_active_system .p_ico_type{
	margin-top:-10px;
	margin-bottom:15px;
	padding-left:15px;
}
#section_active_system .p_ico_type span{
	left:0;
}
#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 {
	border:solid 1px #35659d;
	background:#f3f6f7;
	padding:20px 20px 10px;
	
}
#section_active_system .combination .through_content .safety img{ width: auto; height: 62px;}
#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_column01
------------------------------ */
.section_column h5{
	margin-left:0em;
}

#section_column01 .emergency.section_column #ess1{
	width:100%;
	position:relative;
}
#section_column01 .emergency.section_column #ess1 img{
}
#section_column01 .emergency.section_column #es2,#es3{
	display:none;
}
#section_column01 .emergency.section_column #es1{
	display:block;
}
/* ------------------------------
    #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;
}




}