@charset "utf-8";
@media screen and (max-width : 768px ){
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/performance/driving/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
.section_desc span.caution {
	font-size: 14px;
	display: block;
	margin-top: 10px;
}

.section_inner .head_title {
	margin-bottom: 30px;
}

.section .section_inner .head_title {
	margin-bottom: 15px;
}

/* ------------------------------
    #section_engine
------------------------------ */
#section_engine .pic_full {
  margin-bottom: 30px;
}

#section_engine h3{
	/*padding-left: 0px;*/
}

#section_engine  .second .head_title{
    font-weight: bold;
    border-bottom: 1px solid #808080;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 50px;
    padding: 0;
}

#section_engine h5{
	font-weight: bold;
}

#section_engine ul {
  margin: 0 15px;
}

#section_engine ul li {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.5em;
}

#section_engine ul li h5 {
  font-weight: bold;
}

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

#section_driving ul {
	margin: 0 15px;
}

#section_driving ul li {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.5em;
}

#section_driving ul li h5 {
	font-weight: bold;
}

#section_driving .driving_desc .col_inner{
    margin: 0 0 20px 0;
}

#section_driving .driving_desc h5{
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: bold;
}

#section_driving .driving_desc .desc{
    font-size: 14px;
    line-height: 1.5em;
}

/* ------------------------------
    #section_moter
------------------------------ */


#section_motor .list .col_left {
	font-weight:bold !important;
}
#section_motor .first {
	margin-top: 50px !important;
	margin-bottom: 20px !important;

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

#section_gasoline ul {
	margin: 0 15px;
}

#section_gasoline ul li {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.5em;
}

#section_gasoline ul li h5 {
	font-weight: bold;
}

#section_gasoline .col_inner{
    margin: 0 0 50px 0;
}

#section_gasoline .driving_desc h5{
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: bold;
}

#section_gasoline .driving_desc .desc{
    font-size: 14px;
    line-height: 1.5em;
}
#section_gasoline .col_left {
	font-weight:bold;
}
#section_gasoline .col_right {
}
#section_gasoline .section_column {
		margin-bottom: 30px;
}
#section_gasoline .first {
		margin-bottom: 0px !important;
}
#section_gasoline .second {
    margin-top: 0px;
}
#section_gasoline .movie_wrap{
	margin: 0 0 50px 0;
	padding: 0 15px;
}

#section_gasoline .movie_wrap .play_mark {
	display: block;
	position: relative;
}
#section_gasoline .sp_movie > a.pending > .pic:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(/auto-archive/stepwgn/normal/2022/common/image_common/movie_play.png);
    background-position: center 50%;
    background-size: 25% auto;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    transition: 0.2s;
}

#section_gasoline .sp_movie > a.pending {
    display: block;
    background-position: center top;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}

#section_gasoline .sp_movie > a.pending > .pic > div {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
}

/* ------------------------------
#section_view
------------------------------ */
#section_safety h3 {
	/*margin-bottom: 40px; */
}
#section_safety .section_desc {
	margin-bottom: 50px;
}
#section_safety h5 span {
	font-size: 14px;
	font-weight: normal;
}

/* ------------------------------
    #section_view
------------------------------ */
#section_view .front_view{
    margin-bottom: 40px;
}

#section_view .front_view .caption{
    font-size: 11px;
    line-height: 1.545em;
    display: block;
    margin: 0 15px;
}

#section_view .through_content_inner{
    padding: 0;
}

#section_view .through_content img{
    min-width: 480px;
    height: auto;
    margin: 0 auto;
}

/* ------------------------------
#section_turning
------------------------------ */
#section_turning .section_column {
	padding: 0;
}

#section_turning .section_column .col_right {
	margin: 0 15px;
}

#section_turning .section_column .col_right div {
	width: 48%;
	margin-right: 4%;
	float: left;
}

#section_turning .section_column .col_right div:last-child {
	margin-right: 0;
}

#section_turning .section_column .col_right div p.pic_caption {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.4em;
}

/* ------------------------------
#section_modulox_movie
------------------------------ */
#section_modulox_movie .pic {
	width: 150px;
	margin: 0 15px 20px auto;
}

#section_modulox_movie .movie {
	margin: 0 15px;
	height: 0 !important;
	padding-top: 55.86%;
	background-color: #f8f8f8;
}

/* ------------------------------
#section_modulox
------------------------------ */
#section_modulox h3 {
	margin-bottom: 50px;
}

/* ------------------------------
#section_spec_caution
------------------------------ */
#section_spec_caution p {
	margin: 0 15px 20px;
	font-size: 11px;
	line-height: 1.4em;
}

#section_spec_caution p:last-child {
	margin-bottom: 0;
}

/* ------------------------------
    #section_gasoline .logo_3mode
------------------------------ */
#section_gasoline .logo_3mode{
	padding: 0 15px;
}
#section_gasoline .logo_3mode .img{
	width: 180px;
	line-height: 0;
	margin: 0 auto;
}
#section_gasoline .logo_3mode .img img{
	width: 100%;
	height: auto;
}

#section_gasoline .section_desc{
	margin-bottom: 50px;
}

#section_advancedroom_mirror p span{
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.6;
	display: block;
}

}