@charset "UTF-8";
/*-- タイトル帯 --*/
.lower_page_header {
  width: 100%;
  background-color: #3D7A5D; }
  .lower_page_header .lp_title {
    width: 100%;
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1rem, 5vw, 1.75rem);
    font-weight: 500;
    color: #ffffff;
    font-family: "Roboto", sans-serif; }
    @media screen and (max-width: 768px) {
      .lower_page_header .lp_title {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
        padding-bottom: 16px; } }

@media screen and (min-width: 769px) {
  body.dealerarea .menu-content .global-nav {
    display: block; } }

body.dealerarea main {
  padding-top: 120px;
  background-color: #ffffff; }
  @media screen and (max-width: 768px) {
    body.dealerarea main {
      padding-top: 60px; } }

.breadcrumbs {
  font-family: "Roboto", sans-serif; }

.section-header {
  margin-bottom: 1rem;
  margin-top: 1rem; }
  .section-header .sec-description {
    margin-top: 2rem;
    font-size: 1.13rem;
    text-align: center;
    font-family: "Roboto", sans-serif; }
    @media screen and (max-width: 768px) {
      .section-header .sec-description {
        text-align: center;
        margin-top: 0rem;
        font-size: 1rem; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }

/*-- FIND DEALER --*/
.dealerarea {
  /*-- タブ切り替え --*/ }
  .dealerarea .tabs {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .dealerarea .tabs {
        margin-bottom: 30px; } }
    .dealerarea .tabs .tab_label {
      position: relative;
      z-index: 1;
      cursor: pointer;
      /*flex: 1;*/
      display: grid;
      align-items: center;
      color: #333333;
      margin: 0 1% 10px 1%;
      padding: 10px 1%;
      font-size: 18px;
      line-height: 1em;
      font-weight: 500;
      text-align: center;
      border: 1px solid #cccccc;
      width: 18%;
      border-radius: 50rem;
      font-family: "Roboto", sans-serif; }
      @media screen and (max-width: 768px) {
        .dealerarea .tabs .tab_label {
          width: 46%;
          padding: 10px 1%;
          margin: 0 1% 5px 1%;
          font-size: 0.9em; } }
      .dealerarea .tabs .tab_label:hover {
        color: #ffffff;
        background-color: #333333; }
    .dealerarea .tabs input[name="tab_switch"] {
      display: none; }
    .dealerarea .tabs input:checked + .tab_label {
      color: #ffffff;
      background-color: #3D7A5D;
      border: 1px solid #3D7A5D; }
    .dealerarea .tabs .tab_content {
      flex: 100%;
      display: none;
      overflow: hidden;
      margin: 0px auto 0px auto;
      padding: 20px 0;
      /*-- 検索窓 --*/
      /*-- チェックボックス --*/
      /*-- リスト --*/ }
      @media screen and (max-width: 768px) {
        .dealerarea .tabs .tab_content {
          padding: 10px 0; } }
      .dealerarea .tabs .tab_content .map {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.25%; }
        @media screen and (max-width: 768px) {
          .dealerarea .tabs .tab_content .map {
            padding-top: 70%; } }
        .dealerarea .tabs .tab_content .map iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .dealerarea .tabs .tab_content .filter {
        display: flex;
        align-items: flex-start;
        padding: 50px 0; }
        @media screen and (max-width: 768px) {
          .dealerarea .tabs .tab_content .filter {
            flex-wrap: wrap;
            padding: 20px 0 0 0; } }
        .dealerarea .tabs .tab_content .filter:after {
          content: ".";
          display: block;
          visibility: hidden;
          height: 0px;
          font-size: 0em;
          line-height: 0;
          clear: both; }
        .dealerarea .tabs .tab_content .filter .left, .dealerarea .tabs .tab_content .filter .right {
          display: block;
          width: 50%;
          padding: 0; }
          @media screen and (max-width: 768px) {
            .dealerarea .tabs .tab_content .filter .left, .dealerarea .tabs .tab_content .filter .right {
              width: 100%;
              flex-wrap: wrap;
              margin-bottom: 20px; } }
          .dealerarea .tabs .tab_content .filter .left h4, .dealerarea .tabs .tab_content .filter .right h4 {
            display: inline-block;
            font-size: 18px;
            line-height: 1em;
            font-weight: 500;
            margin: 0 0 30px 0;
            text-align: center;
            padding: 10px 20px;
            border-bottom: 2px solid #333333;
            font-family: "Roboto", sans-serif; }
          .dealerarea .tabs .tab_content .filter .left p, .dealerarea .tabs .tab_content .filter .right p {
            font-size: 13px;
            line-height: 1em;
            font-weight: 400;
            margin: 0;
            padding: 0;
            font-family: "Roboto", sans-serif; }
      .dealerarea .tabs .tab_content .search-form-1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        border: 1px solid #333333;
        width: 80%;
        margin-bottom: 10px; }
        .dealerarea .tabs .tab_content .search-form-1 label {
          width: 100%;
          background-color: #f1f1f1; }
        .dealerarea .tabs .tab_content .search-form-1 input {
          width: 100%;
          height: 45px;
          padding: 5px 15px;
          border: none;
          box-sizing: border-box;
          font-size: 1em;
          outline: none; }
          .dealerarea .tabs .tab_content .search-form-1 input::placeholder {
            color: #777777; }
        .dealerarea .tabs .tab_content .search-form-1 button {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 50px;
          height: 45px;
          border: none;
          background-color: #333333;
          cursor: pointer; }
          .dealerarea .tabs .tab_content .search-form-1 button::after {
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            content: ''; }
      .dealerarea .tabs .tab_content .checkbox-2 {
        display: flex;
        flex-wrap: wrap;
        gap: .5em 2em;
        border: none; }
        .dealerarea .tabs .tab_content .checkbox-2 label {
          display: flex;
          align-items: center;
          gap: 0 .5em;
          position: relative;
          cursor: pointer;
          font-family: "Roboto", sans-serif; }
          .dealerarea .tabs .tab_content .checkbox-2 label::before {
            width: 20px;
            height: 20px;
            border: 1px solid #333333;
            content: ''; }
          .dealerarea .tabs .tab_content .checkbox-2 label:has(:checked)::after {
            position: absolute;
            top: 1px;
            left: 6px;
            transform: rotate(45deg);
            width: 8px;
            height: 14px;
            border: solid #333333;
            border-width: 0 3px 3px 0;
            content: ''; }
        .dealerarea .tabs .tab_content .checkbox-2 input {
          display: none; }
      .dealerarea .tabs .tab_content ul.n_list {
        display: block;
        max-width: 1080px;
        margin: 0px auto 0px auto;
        padding: 0px;
        list-style: none;
        font-family: "Roboto", sans-serif; }
        .dealerarea .tabs .tab_content ul.n_list:after {
          content: ".";
          display: block;
          visibility: hidden;
          height: 0px;
          font-size: 0em;
          line-height: 0;
          clear: both; }
        .dealerarea .tabs .tab_content ul.n_list li {
          display: flex;
          align-items: flex-start;
          padding: 0;
          border-bottom: 1px solid #333333; }
          @media screen and (max-width: 768px) {
            .dealerarea .tabs .tab_content ul.n_list li {
              flex-wrap: wrap; } }
          .dealerarea .tabs .tab_content ul.n_list li .data, .dealerarea .tabs .tab_content ul.n_list li a {
            position: relative;
            display: block;
            width: 100%;
            color: #333333;
            margin: 0;
            padding: 10px 25px;
            transition: all .2s ease;
            text-decoration: none;
            cursor: pointer; }
            @media screen and (max-width: 768px) {
              .dealerarea .tabs .tab_content ul.n_list li .data, .dealerarea .tabs .tab_content ul.n_list li a {
                flex-wrap: wrap;
                padding: 15px 0; } }
            .dealerarea .tabs .tab_content ul.n_list li .data:before, .dealerarea .tabs .tab_content ul.n_list li a:before {
              content: "";
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              right: 3%;
              width: 12px;
              height: 12px;
              border-top: 3px solid #3D7A5D;
              border-right: 3px solid #3D7A5D;
              transform: rotate(45deg);
              pointer-events: none;
              transition: all .2s ease; }
            .dealerarea .tabs .tab_content ul.n_list li .data:hover .category, .dealerarea .tabs .tab_content ul.n_list li .data:hover .country, .dealerarea .tabs .tab_content ul.n_list li a:hover .category, .dealerarea .tabs .tab_content ul.n_list li a:hover .country {
              color: #3D7A5D; }
            .dealerarea .tabs .tab_content ul.n_list li .data:hover:before, .dealerarea .tabs .tab_content ul.n_list li a:hover:before {
              right: 2%; }
            .dealerarea .tabs .tab_content ul.n_list li .data.nomap, .dealerarea .tabs .tab_content ul.n_list li a.nomap {
              pointer-events: none; }
              .dealerarea .tabs .tab_content ul.n_list li .data.nomap:before, .dealerarea .tabs .tab_content ul.n_list li a.nomap:before {
                display: none; }
          .dealerarea .tabs .tab_content ul.n_list li .name {
            font-size: 16px;
            line-height: 1.4em;
            font-weight: 600;
            margin: 0;
            color: #3D7A5D; }
          .dealerarea .tabs .tab_content ul.n_list li .category, .dealerarea .tabs .tab_content ul.n_list li .country {
            font-size: 14px;
            line-height: 1.8em;
            font-weight: 600;
            margin: 0; }
          .dealerarea .tabs .tab_content ul.n_list li .address, .dealerarea .tabs .tab_content ul.n_list li .phone, .dealerarea .tabs .tab_content ul.n_list li .fax, .dealerarea .tabs .tab_content ul.n_list li .hp, .dealerarea .tabs .tab_content ul.n_list li .mail {
            font-size: 14px;
            line-height: 1.8em;
            font-weight: 400;
            margin: 0; }
            .dealerarea .tabs .tab_content ul.n_list li .address > a, .dealerarea .tabs .tab_content ul.n_list li .phone > a, .dealerarea .tabs .tab_content ul.n_list li .fax > a, .dealerarea .tabs .tab_content ul.n_list li .hp > a, .dealerarea .tabs .tab_content ul.n_list li .mail > a {
              position: relative;
              display: inline-block;
              width: auto;
              padding: inherit;
              pointer-events: all !important; }
              .dealerarea .tabs .tab_content ul.n_list li .address > a:before, .dealerarea .tabs .tab_content ul.n_list li .phone > a:before, .dealerarea .tabs .tab_content ul.n_list li .fax > a:before, .dealerarea .tabs .tab_content ul.n_list li .hp > a:before, .dealerarea .tabs .tab_content ul.n_list li .mail > a:before {
                display: none; }
              .dealerarea .tabs .tab_content ul.n_list li .address > a:hover, .dealerarea .tabs .tab_content ul.n_list li .phone > a:hover, .dealerarea .tabs .tab_content ul.n_list li .fax > a:hover, .dealerarea .tabs .tab_content ul.n_list li .hp > a:hover, .dealerarea .tabs .tab_content ul.n_list li .mail > a:hover {
                text-decoration: underline;
                opacity: .8; }
          .dealerarea .tabs .tab_content ul.n_list li .point {
            display: inline-block;
            font-size: 14px;
            line-height: 1em;
            font-weight: 400;
            margin: 5px 10px 0 0;
            padding: 3px 5px;
            color: #3D7A5D;
            border: 1px solid #3D7A5D; }
  .dealerarea #tab01:checked ~ #tab01_content,
  .dealerarea #tab02:checked ~ #tab02_content,
  .dealerarea #tab03:checked ~ #tab03_content,
  .dealerarea #tab04:checked ~ #tab04_content,
  .dealerarea #tab05:checked ~ #tab05_content,
  .dealerarea #tab06:checked ~ #tab06_content,
  .dealerarea #tab07:checked ~ #tab07_content,
  .dealerarea #tab08:checked ~ #tab08_content,
  .dealerarea #tab09:checked ~ #tab09_content,
  .dealerarea #tab10:checked ~ #tab10_content {
    display: block; }
  .dealerarea .related {
    display: block;
    margin: auto;
    padding: 0;
    margin-bottom: 100px; }
    @media screen and (max-width: 768px) {
      .dealerarea .related {
        margin-bottom: 50px; } }
    .dealerarea .related ul {
      display: block;
      margin: 0px auto 0px auto;
      padding: 0px;
      list-style: none; }
      .dealerarea .related ul:after {
        content: ".";
        display: block;
        visibility: hidden;
        height: 0px;
        font-size: 0em;
        line-height: 0;
        clear: both; }
      .dealerarea .related ul li {
        display: block;
        width: 17%;
        float: left;
        padding: 0;
        margin: 0 3% 3% 0; }
        @media screen and (max-width: 768px) {
          .dealerarea .related ul li {
            width: 31%;
            margin: 0 2% 2% 0;
            flex-wrap: wrap; } }
        .dealerarea .related ul li:nth-child(5n) {
          margin: 0 0% 3% 0; }
        .dealerarea .related ul li a {
          width: 100%;
          transition: all .2s ease; }
          .dealerarea .related ul li a img {
            width: 100%; }

/*-- ニュース 詳細ページ --*/
.news_detail_contents {
  margin-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .news_detail_contents {
      margin-bottom: 50px; } }
  .news_detail_contents h3 {
    display: block;
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1em;
    color: #333333;
    padding: 20px 0;
    margin: 10px 0 30px 0;
    border-bottom: 2px solid #3D7A5D; }
    @media screen and (max-width: 768px) {
      .news_detail_contents h3 {
        padding: 10px 0;
        margin: 5px 0 15px 0; } }
  .news_detail_contents h4 {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1em;
    color: #3D7A5D;
    padding: 0;
    margin: 10px 0 30px 0; }
    @media screen and (max-width: 768px) {
      .news_detail_contents h4 {
        margin: 5px 0 15px 0; } }
  .news_detail_contents p {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.95em;
    color: #333333;
    margin: 10px 0 30px 0; }
    @media screen and (max-width: 768px) {
      .news_detail_contents p {
        margin: 5px 0 15px 0; } }
  .news_detail_contents a {
    color: #333333;
    text-decoration: underline;
    transition: all .2s ease; }
    .news_detail_contents a:hover {
      color: #3D7A5D; }
  .news_detail_contents a.button_link {
    position: relative;
    display: block;
    width: 440px;
    font-size: 1.1rem;
    line-height: 1em;
    color: #3D7A5D;
    font-weight: 500;
    text-align: center;
    margin: 30px 0 10px 0;
    padding: 30px 3% 30px 3%;
    border: 1px solid #3D7A5D;
    text-decoration: none;
    transition: all .2s ease; }
    @media screen and (max-width: 768px) {
      .news_detail_contents a.button_link {
        width: 90%;
        font-size: 1rem;
        margin: 15px auto 5px auto;
        padding: 20px 4% 20px 4%; } }
    .news_detail_contents a.button_link:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 5%;
      width: 12px;
      height: 12px;
      border-top: 3px solid #3D7A5D;
      border-right: 3px solid #3D7A5D;
      transform: rotate(45deg);
      pointer-events: none;
      transition: all .2s ease; }
    .news_detail_contents a.button_link:hover {
      color: #ffffff;
      background-color: #3D7A5D; }
      .news_detail_contents a.button_link:hover:before {
        right: 4%;
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff; }
  .news_detail_contents .table-scroll {
    overflow-x: auto; }
    .news_detail_contents .table-scroll table {
      width: 100%;
      border-collapse: collapse;
      text-align: center;
      font-size: 0.9rem;
      line-height: 1.4em;
      font-weight: 500;
      color: #333333;
      margin: 30px 0 10px 0; }
      @media screen and (max-width: 768px) {
        .news_detail_contents .table-scroll table {
          margin: 15px 0 5px 0; } }
      .news_detail_contents .table-scroll table th, .news_detail_contents .table-scroll table td {
        padding: 1em 1em;
        border: 1px solid #333333; }
      .news_detail_contents .table-scroll table th {
        background: #ededed; }
  .news_detail_contents figure {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.95em;
    color: #333333;
    margin: 60px 0 10px 0; }
    @media screen and (max-width: 768px) {
      .news_detail_contents figure {
        margin: 30px 0 5px 0; } }
  .news_detail_contents .snsarea {
    display: block;
    width: 100%;
    margin: -30px 0 10px 0; }
    @media screen and (max-width: 768px) {
      .news_detail_contents .snsarea {
        margin: -15px 0 5px 0; } }

/*-- パンくず --*/
.breadcrumb {
  width: 100%; }
  .breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%;
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(0.688rem, 5vw, 0.631rem);
    color: #333333; }
    @media screen and (max-width: 768px) {
      .breadcrumb ol {
        padding-left: 16px;
        padding-right: 16px;
        flex-wrap: inherit;
        white-space: nowrap;
        overflow-x: auto;
        line-height: 2em; } }
    .breadcrumb ol li:not(:last-of-type)::after {
      content: "\f105";
      margin: 0 .6em;
      color: #333333; }
    .breadcrumb ol li a, .breadcrumb ol li span {
      font-family: "Roboto",sans-serif;
      font-weight: 500; }