@media screen and (max-width: 768px) {
  /*------------------------------------------------------------------------------------------
*
*
    /webcatalog/performance/active-safety/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
  img.kei {
    border: 1px #ccc solid; }

  #contents_area {
    /*overflow: visible;*/
  }
  
  #contents_area a {
    word-break: keep-all;
    white-space: pre-wrap; }

  /* ------------------------------
    #top_content
------------------------------ */
  #top_content {
    margin-bottom: 25px; }

  #top_content .section_desc {
    margin-bottom: 10px !important; }

  #top_content .detail {
    margin-bottom: 37px; }

  .section_column.mov {
    margin-bottom: 70px; }

  /* ------------------------------
    #section_connect_service
------------------------------ */
  #section_connect_service h3 {
    font-size: 18px;
    border-bottom: 1px solid #cccccc;
    margin: 0 15px 30px;
    padding: 0 0 10px;
    text-align: center;
    font-weight: bold; }

  #section_connect_service {
    margin-bottom: 16px; }

  /* ------------------------------
    #section_convenient
------------------------------ */
  #section_convenient h3 + p.section_desc span {
    display: block;
    margin-top: 10px; }

  /* ------------------------------
    #section_navi_system
------------------------------ */
  #section_navi_system {
    margin-bottom: 60px;
    padding-top: 60px;
    padding-bottom: 60px; }

  #section_navi_system .section_inner {
    margin: 0 15px;
    padding: 30px 0 1px;
    background-color: #fff; }

  #section_navi_system .head_title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px; }

  #section_navi_system h3:first-of-type {
    margin: 0 15px 30px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc;
    font-size: 23px;
    font-weight: bold;
    text-align: center; }

  #section_navi_system .section_desc {
    margin: 34px 0; }

  #section_navi_system .section_desc span {
    display: inline-block;
    margin-bottom: 10px; }

  #section_navi_system h4 {
    margin: 0 15px 18px;
    font-size: 22px;
    line-height: 1.4em; }

  #section_navi_system h4 .sup {
    font-size: 60%;
    top: -1px; }

  #section_navi_system #gathers_list {
    margin-top: 0px; }

  #section_navi_system .ico_type {
    vertical-align: 0.2em;
    left: 0; }

  #section_navi_system .ico_type.glay {
    border: none;
    color: #fff !important;
    background-color: #808080;
    margin-left: -0.5em; }

  #section_navi_system .equipment_list {
    margin-bottom: 50px; }

  #section_navi_system .col_right p {
    margin-bottom: 20px; }

  #section_navi_system .ico_caution {
    width: auto !important;
    height: 18px !important;
    line-height: 19px;
    padding: 0 5px;
    font-size: 11px !important;
    border: 1px solid #ff0000;
    color: #ff0000 !important;
    font-weight: normal !important;
    display: inline-block !important;
    vertical-align: text-top;
    position: relative;
    top: 3px;    vertical-align: 0.6em;
    left: 10px; 
	background-color: #f1f1f1; }

  /* ------------------------------
    .equipment_list
------------------------------ */
  .equipment_list {
    margin: -60px 0 0px 0; }

  .section .head_title {
    padding: 0 0 5px 0;
    margin: 0 15px 20px 15px;
    font-size: 15px;
    /*    font-weight: bold;*/
    line-height: 1.4em; }

  .equipment_list .list_inner {
    margin: 0;
    padding: 10px 15px 20px 15px;
    line-height: 1.4; }

  .equipment_list .list_inner .through_content_inner {
    padding: 0 0 10px 0; }

  .equipment_list .list_inner .through_content_inner img {
    margin: 0 15px 0 0; }

  .equipment_list .list_inner .pic {
    margin: 0 0 10px 0; }

  .equipment_list .list_inner .pic img {
    width: 100%;
    height: auto; }

  .equipment_list .list_inner p:nth-child(2) span {
    /*top:-2px;*/
    left: -3px; }

  .equipment_list .list_inner p span.sup {
    /*top:-2px;*/
    left: -3px; }

  .equipment_list .list_inner p:nth-child(2) span {
    display: inline-block;
    margin-right: -2px; }

  .equipment_list .list_inner p:nth-child(2) span.sup {
    font-size: 16px; }

  .equipment_list .list_inner .name {
    margin: 10px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em; }

  .equipment_list .list_inner .ico_type {
    margin: 0 10px 0 0;
    position: relative;
    left: 0; }

  .equipment_list .list_inner .detail {
    text-align: left;
    margin-top: 5px; }

  #gathers_navi_list {
    margin: 20px 0 40px 0 !important; }

  #gathers_navi_list .nav_model {
    font-size: 12px; }

  #gathers_navi_list.equipment_list .list_inner .copy {
    margin: 0;
    font-size: 16px;
    line-height: 1.375em;
    text-align: center; }

  #section_navi_system .img_slider {
    width: 100% !important; }

  #section_navi_system #gathers_list .left_cts {
    margin-bottom: 0px; }

  #section_navi_system .section_inner h4 span.ico_type {
    vertical-align: text-top;
    margin-top: 10px;
    left: 5px; }

  #section_navi_system .section_inner {
    padding-top: 40px; }

  .plus_mark {
    margin: -15px 15px 35px;
    text-align: center; }

  .plus_mark img {
    margin-top: -13px; }

  .cnt_column {
    margin-bottom: 45px !important; }
    .cnt_column .col_left {
      margin-bottom: 45px !important; }

  .cnt_hd {
    display: flex;
    align-items: center;
    margin: 0 !important; }

  .cnt_hd_top {
    align-items: start; }

  .cnt_image {
    width: 60px;
    float: none; }

  .cnt_icon {
    flex: 0 0 38%;
    margin: 0 !important; }

  .cnt_title {
    padding: 0px 0px 0 14px;
    font-weight: bold;
    font-feature-settings: "palt"; }
    .cnt_title br {
      display: block !important; }

  .cnt_mainTitle {
    font-size: 22px;
    line-height: 1.5; }
    .cnt_mainTitle .sup {
      font-size: 50%; }

  .cnt_subTitle {
    font-size: 14px;
    line-height: 1.5; }

  .cnt_bd {
    padding-top: 13px; }
    .cnt_bd .bold {
      padding-top: 10px; }
    .cnt_bd .desc_small {
      font-size: 12px; }
    .cnt_bd p {
      line-height: 1.5; }

  h4.tCare_title {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    font-feature-settings: "palt";
    margin-bottom: 20px; }

  h5.tCare_subTitle {
    font-size: 16px;
    margin-bottom: 20px; }

  .tCare_subDesc {
    font-size: 16px;
    margin-bottom: 20px !important; }

  .tCare_block.col_right {
    margin-bottom: 30px; }

  .tCare_hd {
    margin: 35px 0 0; }

  .navi_list {
    font-size: 12px;
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.8; }

  #section_convenient {
    border: 1px solid #ccc;
    width: 90%;
    margin: 0 auto 60px;
    padding-bottom: 15px; }

  #section_convenient .switch_sp {
    padding: 18px 0 6px; }
    #section_convenient .switch_sp img {
      width: 100%;
      transform: scale(1.05); }

  .app_bnr {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 2.6;
    padding-bottom: 12px; }
    .app_bnr .sup {
      top: 2px; }
    .app_bnr img {
      width: 46%;
      height: auto;
      margin-right: 1em; }
    .app_bnr + .app_bnr {
      margin-left: 3%; }

  .app_desc {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px !important; }

  .app_list {
    font-size: 12px;
    line-height: 1.6;
    text-indent: -1em;
    margin-left: 1em; }

  .app_caution {
    margin-bottom: 30px; }
    .app_caution p {
      font-size: 11px;
      text-indent: -1em;
      line-height: 1.4;
      margin-left: 1em !important;
      margin-bottom: 0; }
    .app_caution a {
      color: #444 !important;
      text-decoration: underline; }

  .gathers_mainTitle {
    border-top: 1px solid #ccc;
    padding-top: 25px; }

  .gathers_listWrap {
    padding-top: 10px; }

  h4.gathers_naviTitle {
    font-feature-settings: "palt"; }
    h4.gathers_naviTitle .ico_type {
      left: 0 !important; }

  .gathers_list {
    font-size: 12px;
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.6; }

  h5.navi_listTitle {
    margin: 0 15px 10px; }

  .navi_block {
    margin-top: -45px;
    margin-bottom: 50px !important; }

  .navi_listWrap {
    padding: 0 15px; }

  .app_column {
    margin-bottom: 20px; }

  .cnt_mapSvg {
    width: 85%;
    margin: 12px auto 0; }

  .naviSystem_block .pic {
    width: 88%;
    margin: 0 auto; }

  .naviSystem_listWrap {
    display: flex;
    justify-content: space-around;
    padding-bottom: 20px; }

  .naviSystem_list {
    flex-basis: 35%;
    text-align: center;
    font-size: 11px;
    line-height: 1.5; }
    .naviSystem_list br {
      display: block !important; }

  #section_navi_system .naviSystem_blockTitle {
    margin: 15px 0 10px;
    font-size: 22px; }

  .naviSystem_blockInner {
    padding-bottom: 55px; }
    .naviSystem_blockInner p {
      font-size: 14px; }

  h5.naviSystem_blockItemTitle {
    line-height: 1.4; }

  .app_block + .app_block {
    padding-top: 35px; }

  .app_blockInner {
    margin-bottom: 10px; }

  #section_navi_system .app_block h4 {
    margin: 0 0 18px; }

  #section_navi_system .img_slider .arrow_prev {
    margin-left: -40px; }

  #section_navi_system .img_slider .arrow_next {
    margin-right: -40px; }

  #section_navi_system .premium_audio {
    padding-top: 50px; }
    #section_navi_system .premium_audio .section_inner {
      background-color: #f1f1f1;
      padding-top: 20px; }
    #section_navi_system .premium_audio .section_column {
      padding: 0; }
    #section_navi_system .premium_audio .col_right {
      padding: 0 15px; }
      #section_navi_system .premium_audio .col_right h5 {
        font-size: 18px; }
    #section_navi_system .premium_audio img {
      display: block; }

  #section_navi_system .gathers_navi h5 {
    font-size: 18px; }

  #section_navi_system .gathers_naviTitle {
    font-size: 22px;
    line-height: 1.6;
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #ccc; }

  #section_navi_system .gathers_navi .gathers_navi_spPackage, #section_navi_system .gathers_navi .gathers_navi_pic {
    position: relative;
    background-color: #f1f1f1;
    padding: 25px 15px; }
  #section_navi_system .gathers_navi .section_inner {
    padding: 0;
    margin: 0; }
  #section_navi_system .gathers_navi .gathers_navi_spPackage .plus {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #808080;
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1; }
    #section_navi_system .gathers_navi .gathers_navi_spPackage .plus::after, #section_navi_system .gathers_navi .gathers_navi_spPackage .plus::before {
      content: "";
      display: block;
      width: 20px;
      height: 3px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 50%; }
    #section_navi_system .gathers_navi .gathers_navi_spPackage .plus::after {
      transform: translate(-50%, -50%) rotate(90deg); }
    #section_navi_system .gathers_navi .gathers_navi_spPackage .plus::before {
      transform: translate(-50%, -50%) rotate(0deg); }

  .gathers_navi_listWrap {
    font-size: 12px;
    padding-top: 10px; }

  .gathers_navi_list {
    text-indent: -1em;
    padding-left: 1em; }

  .gathers_navi_list_ml {
    text-indent: -1em;
    padding-left: 1em; }

  .gathers_navi_image img {
    display: block;
    margin: 15px 0; }
  .gathers_navi_image .copy {
    padding-top: 4px;
    text-align: center;
    line-height: 1.5;
    font-size: 12px; }
  .gathers_navi_image .caution {
    display: block;
    text-align: center;
    font-size: 12px;
    margin: 0; }

  #section_caution .detail {
    padding: 0;
    text-align: left; }
    #section_caution .detail a {
      font-size: 11px; }
    #section_caution .detail a::after {
      width: 12px;
      height: 12px;
      background-size: contain; }
  #section_caution .notes_totalCareLead {
    font-size: 11px; }
  #section_caution .section_inner .notes_totalCare {
    margin-top: 20px;
    line-height: 1.3; }

  .equip_wrap {
    padding-top: 40px; } }

/*# sourceMappingURL=index_sp.css.map */