@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Cabin+Condensed";
@media screen and (min-width: 769px) { body { font-family: "HondaGlobalFontJP-Regular", sans-serif; -webkit-text-size-adjust: 100%; font-size: 16px; line-height: 26px; }
  .pc { display: block; }
  .sp { display: none; }
  .fs_24 { font-size: 24px; }
  .fs_22 { font-size: 22px; }
  .fs_18 { font-size: 18px; }
  .fs_14 { font-size: 14px; }
  .fs_11 { font-size: 11px; }
  .fc_red { color: #cc0000; }
  .fc_black { color: #444444; }
  .fc_green { color: #006600; }
  br.line { content: "\A"; white-space: pre; }
  sub { vertical-align: sub; font-size: small; }
  #global_navigation { height: 90px; background-image: none; background-color: #69ad00; }
  #global_navigation p { width: 160px; }
  #global_navigation a { font-size: 18px; color: #ffffff; text-align: center; font-weight: normal; }
  #global_navigation h1 { height: 90px; line-height: 90px; }
  #global_navigation li { height: 90px; line-height: 90px; padding: 0px 15px; }
  #global_navigation .parents p.current, #global_navigation li.current, #global_navigation li:hover { background-color: #6fb700; }
  #contents_area { padding: 90px 0 0 0; }
  .rect_nav { margin: 50px auto 75px auto; /*opacity: 0;*/ }
  .rect_nav ul { height: 50px; border-bottom: solid #444444 2px; }
  .rect_nav li { max-width: 450px; width: 100%; height: 50px; line-height: 50px; margin-right: 30px; cursor: pointer; }
  .rect_nav li:last-child { margin-right: 0; }
  .rect_nav a { height: 50px; }
  .rect_nav li.current { background-color: #444444 !important; }
  .section_inner { width: 930px; }
  .section_inner h3 { background-color: #577558; width: 100%; color: #ffffff; text-align: center; line-height: 1.4; font-size: 24px; margin: 50px 0 0 0; padding: 15px 0; }
  .section_inner p.eco_txt { margin: 30px; font-size: 18px; }
  #section_caution { margin: 40px auto 40px auto; }
  .btn_accordion_detail.on:after { background-image: url(../common/image_common/parts_ico_btn_detail_arrow_on.png) !important; } }
#contents_area .section_inner #electric_car { z-index: 52; }
#contents_area .section_inner #hybrid_car { z-index: 51; }
#contents_area .section_inner #c_car { z-index: 50; }
#contents_area .section_inner #minivan_car { z-index: 49; }
#contents_area .section_inner #sedan_car { z-index: 48; }
#contents_area .section_inner #sport_car { z-index: 47; }
#contents_area .section_inner #k_car { z-index: 46; }
#contents_area .section_inner #modulo_car { z-index: 45; }
#contents_area .section_inner #commercial_car { z-index: 44; }
#contents_area .section_inner #plugin_car { z-index: 43; }
#contents_area .section_inner #passenger-seat_car { z-index: 42; }
#contents_area .section_inner #side-seat_car { z-index: 41; }
#contents_area .section_inner #wheelchair_car { z-index: 39; }
#contents_area .section_inner #rotation-seat_car { z-index: 38; }

@media screen and (min-width: 769px) { /*------------------------------------------------------------------------------------------   Responsive / PC   ------------------------------------------------------------------------------------------ */
  /* ------------------------------------------------------------  .contents_area mainvisual  ------------------------------------------------------------ */
  .b_sp { display: none !important; }
  .hide { display: none; }
  .mbmt_none { margin: 5px auto 0px auto !important; }
  .mt2em { margin-top: 2em !important; }
  #welfare { margin-top: -110px; padding-top: 110px; }
  #contents_area { font-size: 16px; /* ------------------------------------------------------------
* .section_inner
*
------------------------------------------------------------ */ }
  #contents_area #main_visual { width: 100%; overflow: hidden; margin: 0 0 0 0; text-align: center; background-color: #54b8d5; max-height: 524px; position: relative; }
  #contents_area #main_visual p.bg_line { background-color: #69ad00; height: 33px; position: absolute; bottom: 0; background-size: cover; width: 100%; left: 0; }
  #contents_area #main_visual #main_visual_inner { max-width: 1280px; width: 100%; height: 100%; margin: 0 auto; position: relative; }
  #contents_area #main_visual #main_visual_inner .pic_visual { width: 100%; text-align: center; }
  #contents_area #main_visual #main_visual_inner .pic_visual img { width: 100%; height: auto; vertical-align: bottom; }
  #contents_area #main_visual .main_copy { position: absolute; top: 42%; left: 0; right: 0; color: #fff; }
  #contents_area #main_visual .main_copy .copy { font-size: 18px; line-height: 28px; margin-bottom: 10px; }
  #contents_area #main_visual .main_copy .sub_copy { font-size: 16px; line-height: 26px; }
  #contents_area #main_visual .main_copy .btn_eco { max-width: 640px; margin: 40px auto; font-size: 16px; }
  #contents_area #main_visual .main_copy .btn_eco a { color: #0064a1; transition: opacity .1s ease; background-color: #ffffff; margin-top: 50px; padding: 20px 70px; border-radius: 30px; max-width: 640px; width: 100%; }
  #contents_area #main_visual .main_copy .btn_eco:after { content: ''; width: 20px; height: 20px; display: inline-block; line-height: 1em; background-image: url(../common/image_common/icon_blank.png); background-repeat: no-repeat; background-position: center top; background-size: 20px 20px; position: relative; top: 3px; left: -60px; }
  #contents_area #eco_taxcar, #contents_area #eco_taxcar_welfare { margin-top: -60px; padding-top: 60px; }
  #contents_area .section_inner p.eco_txt { margin: 30px; font-size: 18px; }
  #contents_area .section_inner .title_type_car { width: 100%; }
  #contents_area .section_inner .title_type_car p { background-color: #ededed; padding: 5px 10px; }
  #contents_area .section_inner .title_type_car p a { text-align: left; }
  #contents_area .section_inner .accordion_content { position: relative; margin-top: -110px; padding-top: 110px; border: none; }
  #contents_area .section_inner .accordion_content .btn_accordion_detail { width: 100% !important; max-width: 800px; margin: 0 25px; height: auto; text-align: left; background-color: #ededed; padding: 10px 40px; color: #444; }
  #contents_area .section_inner .accordion_content .btn_accordion_detail .on { width: 100% !important; }
  #contents_area .section_inner .accordion_content .btn_accordion_detail .on:after { background-image: url(../common/image_common/parts_ico_btn_detail_arrow_on.png) !important; }
  #contents_area .section_inner .accordion_content .btn_accordion_detail:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
  #contents_area .section_inner .accordion_content .btn_accordion_detail:before { content: '' !important; position: inherit; width: 100%; height: 100%; display: block; position: inherit; top: 0; left: 0; }
  #contents_area .section_inner .accordion_content .btn_accordion_detail:after { content: '' !important; width: 20px; height: 100%; display: block; background-image: url(../common/image_common/parts_ico_btn_detail_arrow_btm.png); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; position: absolute; top: -1px; right: 20px; }
  #contents_area .section_inner .accordion_content .type_car { max-width: 880px; width: 100%; margin: 0 auto; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner { width: 100%; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li { width: 280px; display: inline-block; border-bottom: solid #ccc 1px; vertical-align: top; margin: 0 9px 30px 0; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li p.type_car_link { text-align: left; margin: 0; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li p.type_car_link .note { font-size: 80%; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li p.type_car_link a:after { content: ''; width: 20px; height: 20px; display: inline-block; line-height: 1em; background-image: url(../common/image_common/parts_ico_btn_detail_arrow.png); background-repeat: no-repeat; background-position: center top; background-size: 20px 20px; position: relative; top: 3px; left: 5px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax { margin: 0; padding: 0; display: table; vertical-align: top; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .car_img { height: 120px; margin: 0; vertical-align: middle; display: table-cell; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .car_img img { width: 100%; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner { display: table-cell; vertical-align: top; padding-left: 4px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner p { margin: 0; line-height: 17px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner p img { max-width: 100px; width: 100%; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image { width: 57px; font-size: 10px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image thead th { width: 50%; text-align: center; line-height: 16px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image thead th.tax01 { color: #0064a1; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image thead th.tax02 { color: #009844; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image tbody tr { border-bottom: solid 1px #fff; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image tbody td { color: #fff; text-align: center; padding: 0; margin: 0; line-height: 20px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image tbody td strong { line-height: 16px; font-size: 14px; }
  /* #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image tbody td sup {
    font-size: 10px;
    transform: translateY(-1px);
    display: inline-block;
  } */
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image tbody td.tax01 { background-color: #0064a1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li .type_tax .type_tax_inner table.tax_image tbody td.tax02 { background-color: #009844; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px; border-radius: 0px 3px 3px 0px; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li:nth-child(3n) { margin-right: 0 !important; }
  #contents_area .section_inner .accordion_content .type_car ul.type_car_inner li.line_dis { border-bottom: none !important; }
  #contents_area .section_inner .welfare_car .btn_accordion_detail { background-color: #e99054 !important; color: #ffffff; }
  #contents_area .section_inner .welfare_car .btn_accordion_detail:after { content: '' !important; width: 20px; height: 100%; display: block; background-image: url(../common/image_common/parts_ico_btn_detail_arrow_btm_w.png); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; position: absolute; top: -1px; right: 20px; }
  #contents_area .section_inner .welfare_car .on { width: 100% !important; }
  #contents_area .section_inner .welfare_car .on:after { background-image: url(../common/image_common/parts_ico_btn_detail_arrow_on_w.png) !important; }
  #contents_area .rect_nav { position: relative; z-index: 60 !important; }
  .accordion_inner { height: auto; } }