@charset "UTF-8";



/**
 * HONDA N-BOX SLASH
 *
 * index.css
 * @version  1.0  (updated: 2014.11.16)
 */



/* --------------------------------
	燃費・走行性能
-------------------------------- */

/* 01 -------------------------- */
#section_01 .container {padding-bottom: 185px;background: url(../image/section_01_bg.png) #fff center bottom no-repeat;}

/* cover */
.section_cover_img { position: absolute; top: 112px; left: 331px; }
.section_cover_txt { width: 505px; position: relative; z-index: 1; }

.section_01_note { padding: 0 40px; font-size: 10px; line-height: 1.9; }
.section_01_note + .section_01_note { margin: 14px 0 0; font-size: 12px; }
.section_01_note span { text-decoration: underline; }
.section_01_mark .section_lead { margin-top: 127px; }
.section_01_mark_list { width: 900px; margin: 20px auto 0; }
.section_01_mark_list + .section_sublead { margin-top: 50px; }
.section_01_mark_list li { display: table; width: 100%; margin: 20px 0 0; }
.section_01_mark_list li:first-child { margin: 0; }
.section_01_mark_list li .icon,
.section_01_mark_list li .txt,
.section_01_mark_list li .list { vertical-align: middle; }
.section_01_mark_list li .icon { display: table-cell; width: 154px; vertical-align: middle; }
.section_01_mark_list li .txt { display: table-cell; padding: 0 16px; vertical-align: middle; font-size: 16px; }
.section_01_mark_list li .list { display: table-cell; width: 268px; height: 100%; padding: 12px 0; text-align: center; vertical-align: middle; border: 1px solid #ccc; font-size: 12px; }
.section_01_btn { margin-top: 60px; padding: 0 40px; }

.section_txt_02 span.power { display: block; font-size: 14px; margin: 12px 0 0; }
.section_txt_02 span.power span { font-size: 16px; display: inline; line-height: 1.4; }
.section_txt_02 span.power span span { font-weight: bold; font-size: 20px; display: inline; line-height: 1.4; }

/* 02 -------------------------- */
#section_02 .container {padding-bottom: 185px;background: url(../image/section_02_bg.png) #f0f0f0 center bottom no-repeat;}

.section_02_cover {width: 900px;margin: 52px auto 0;}
.section_02_cover_left {float: left;width: 450px;}
.section_02_cover_right {float: right;width: 410px;}

/* 03 -------------------------- */
.section_03_img {width: 794px;margin: 50px auto 0;}
.section_03_list {width: 794px;margin: 40px auto 0;}
.section_03_list li {width: 377px;}
.section_03_list_left {float: left;}
.section_03_list_right {float: right;}
.section_03_list_txt {margin: 6px 0 0;}