/*! Writen  by SCSS */
#appeal-area .brown {
  color: #d3b87a; }
#appeal-area .merit_area {
  padding: 35px 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/top/bg_merit.jpg"); }
  @media screen and (max-width: 820px) {
    #appeal-area .merit_area {
      padding: 20px 0 25px; } }
  @media screen and (max-width: 480px) {
    #appeal-area .merit_area {
      padding: 20px 0; } }
  #appeal-area .merit_area .merit_in {
    color: #FFF; }
    @media screen and (max-width: 820px) {
      #appeal-area .merit_area .merit_in {
        flex-wrap: wrap;
        max-width: 560px;
        margin: 0 auto; } }
    @media screen and (max-width: 480px) {
      #appeal-area .merit_area .merit_in {
        flex-direction: column; } }
    #appeal-area .merit_area .merit_in .merit_link_button {
      position: relative; }
      #appeal-area .merit_area .merit_in .merit_link_button.coming .coming_txt {
        display: flex; }
      #appeal-area .merit_area .merit_in .merit_link_button.coming a {
        opacity: 0.3;
        pointer-events: none; }
      #appeal-area .merit_area .merit_in .merit_link_button a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(to bottom, #FFF 0%, #a3a3a3 100%);
        padding: 10px clamp(8px, 1.072vw, 15px); }
        body:not(.mobile) #appeal-area .merit_area .merit_in .merit_link_button a:hover .link_arrow {
          transform: translateX(5px); }
        #appeal-area .merit_area .merit_in .merit_link_button a .link_txt {
          font-size: clamp(10px, 1.143vw, 16px);
          color: #452b3c;
          line-height: 1; }
          @media screen and (max-width: 820px) {
            #appeal-area .merit_area .merit_in .merit_link_button a .link_txt {
              font-size: 12px; } }
        #appeal-area .merit_area .merit_in .merit_link_button a .link_arrow {
          line-height: 0;
          transition: 0.3s transform ease-in-out 0s; }
      #appeal-area .merit_area .merit_in .merit_link_button .coming_txt {
        position: absolute;
        inset: 0;
        left: auto;
        right: 15px;
        font-size: 12px;
        color: #FFF;
        display: none;
        justify-content: center;
        align-items: center; }
    #appeal-area .merit_area .merit_in .merit_l {
      width: 45.17%;
      align-items: flex-end; }
      @media screen and (max-width: 820px) {
        #appeal-area .merit_area .merit_in .merit_l {
          width: 100%;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 1px solid #c4a866; } }
      #appeal-area .merit_area .merit_in .merit_l .merit_l_left {
        width: 39.29%; }
        #appeal-area .merit_area .merit_in .merit_l .merit_l_left .merit_txt {
          font-size: clamp(13px, 1.643vw, 23px);
          margin-bottom: 10px;
          line-height: 1; }
          @media screen and (max-width: 820px) {
            #appeal-area .merit_area .merit_in .merit_l .merit_l_left .merit_txt {
              font-size: 2.8vw; } }
          @media screen and (max-width: 480px) {
            #appeal-area .merit_area .merit_in .merit_l .merit_l_left .merit_txt {
              font-size: 4.8vw;
              line-height: 1.3;
              text-align: center;
              letter-spacing: 0.2rem; } }
        #appeal-area .merit_area .merit_in .merit_l .merit_l_left .merit_photo {
          position: relative; }
          #appeal-area .merit_area .merit_in .merit_l .merit_l_left .merit_photo:after {
            content: "";
            position: absolute;
            inset: 0;
            border: 1px solid #c4a866;
            pointer-events: none; }
      #appeal-area .merit_area .merit_in .merit_l .merit_l_right {
        width: 57.15%; }
        #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group {
          align-items: center;
          justify-content: flex-start;
          flex-wrap: wrap; }
          #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p01 {
            font-size: clamp(12px, 1.358vw, 19px);
            line-height: 1.4; }
            @media screen and (max-width: 820px) {
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p01 {
                font-size: 2.4vw; } }
            @media screen and (max-width: 480px) {
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p01 {
                font-size: 3.4vw; } }
          #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p02 {
            font-size: clamp(20px, 2.786vw, 39px);
            line-height: 1;
            margin-top: -1rem; }
            @media screen and (max-width: 820px) {
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p02 {
                font-size: 5vw; } }
            @media screen and (max-width: 480px) {
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p02 {
                font-size: 6.4vw;
                margin-top: -2px; } }
            #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .p02 .big {
              display: inline-block;
              line-height: 0.9;
              font-size: 190%; }
          #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .cap_r {
            display: block;
            width: 100%;
            padding: 2px 0 8px;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 480px) {
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .parking_group .cap_r {
                letter-spacing: 0em; } }
        #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 {
          padding-top: clamp(5px, 0.572vw, 8px);
          border-top: 1px dotted #FFF;
          font-size: clamp(12px, 1.358vw, 19px);
          line-height: 1.4;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          @media screen and (max-width: 820px) {
            #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 {
              font-size: 2.4vw;
              margin: clamp(5px, 0.715vw, 10px) 0 10px; } }
          @media screen and (max-width: 480px) {
            #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 {
              font-size: 3.4vw; } }
          #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span {
            display: block; }
            #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span.brown {
              margin-left: 10px;
              font-size: clamp(20px, 2.786vw, 39px);
              line-height: 1.4;
              display: flex;
              align-items: center; }
              @media screen and (max-width: 820px) {
                #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span.brown {
                  font-size: 5vw; } }
              @media screen and (max-width: 480px) {
                #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span.brown {
                  font-size: 6.4vw; } }
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span.brown .cont_txt {
                margin-top: 1.1rem; }
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span.brown .big {
                display: block;
                line-height: 0.9;
                font-size: 190%; }
              #appeal-area .merit_area .merit_in .merit_l .merit_l_right .p03 span.brown small {
                font-size: 40%;
                margin-top: 2.1rem; }
    #appeal-area .merit_area .merit_in .merit_c {
      width: 20.97%;
      padding: 20px 1.2% 0;
      margin: 0 1.2%;
      border-left: 1px solid #d3b87a;
      border-right: 1px solid #d3b87a;
      align-self: flex-end; }
      @media screen and (max-width: 820px) {
        #appeal-area .merit_area .merit_in .merit_c {
          width: 35%;
          padding-left: 0;
          margin-left: 0;
          padding-right: 4%;
          margin-right: 4%;
          border-left: none; } }
      @media screen and (max-width: 480px) {
        #appeal-area .merit_area .merit_in .merit_c {
          display: flex;
          justify-content: space-between;
          align-items: center;
          column-gap: 15px;
          width: 100%;
          padding: 0;
          margin: 0;
          border: none;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 1px solid #d3b87a; } }
      #appeal-area .merit_area .merit_in .merit_c .merit_plan_txt {
        width: fit-content;
        margin: 0 auto;
        font-size: clamp(10px, 1vw, 14px);
        padding-bottom: 10%; }
        @media screen and (max-width: 820px) {
          #appeal-area .merit_area .merit_in .merit_c .merit_plan_txt {
            font-size: 1.5vw; } }
        @media screen and (max-width: 480px) {
          #appeal-area .merit_area .merit_in .merit_c .merit_plan_txt {
            margin: 0;
            font-size: 3vw;
            padding: 0; } }
        #appeal-area .merit_area .merit_in .merit_c .merit_plan_txt .big {
          display: block;
          font-size: 171%;
          line-height: 1.6;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 480px) {
            #appeal-area .merit_area .merit_in .merit_c .merit_plan_txt .big {
              line-height: 1.4; } }
      #appeal-area .merit_area .merit_in .merit_c .merit_link_button {
        margin-top: clamp(20px, 2.143vw, 30px); }
        @media screen and (max-width: 820px) {
          #appeal-area .merit_area .merit_in .merit_c .merit_link_button {
            margin-top: 12px; } }
        @media screen and (max-width: 480px) {
          #appeal-area .merit_area .merit_in .merit_c .merit_link_button {
            margin-top: 0; } }
    #appeal-area .merit_area .merit_in .merit_r {
      display: flex;
      align-self: flex-end;
      justify-content: space-between;
      flex-direction: column;
      width: 35.49%;
      gap: clamp(5px, 0.715vw, 10px) 0; }
      @media screen and (max-width: 820px) {
        #appeal-area .merit_area .merit_in .merit_r {
          width: 61%; } }
      @media screen and (max-width: 480px) {
        #appeal-area .merit_area .merit_in .merit_r {
          width: 100%;
          gap: 10px 0; } }
      #appeal-area .merit_area .merit_in .merit_r .loc_merit_group {
        flex-wrap: wrap;
        padding-bottom: 4.2%;
        gap: 10px 0; }
        #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt {
          font-size: clamp(15px, 1.715vw, 24px);
          line-height: 1.5; }
          @media screen and (max-width: 820px) {
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt {
              font-size: 2.6vw; } }
          @media screen and (max-width: 480px) {
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt {
              font-size: 5.2vw; } }
          #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt.full {
            width: 100%; }
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt.full span.sub {
              margin-bottom: -5%; }
          #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt span {
            display: inline-block;
            line-height: 1; }
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt span.sub {
              display: block;
              font-size: 58%; }
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt span.big {
              font-size: 80%; }
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt span.big02 {
              font-size: 260%; }
            #appeal-area .merit_area .merit_in .merit_r .loc_merit_group .loc_txt span.small {
              font-size: clamp(10px, 0.858vw, 12px); }
      #appeal-area .merit_area .merit_in .merit_r .merit_link_button {
        width: 100%; }
#appeal-area .sale_area {
  padding: 10px 20px 15px;
  text-align: center;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/top/bg_sale.jpg");
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 480px) {
    #appeal-area .sale_area {
      padding: 20px;
      background-image: url("../images/top/bg_sale_sp.jpg");
      flex-direction: column;
      row-gap: 10px; } }
  #appeal-area .sale_area .sale_img2 {
    margin-top: 20px; }
    @media screen and (max-width: 480px) {
      #appeal-area .sale_area .sale_img2 {
        margin-top: 0; } }
#appeal-area .car_area {
  padding: 30px 20px;
  text-align: center;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/top/bg_car.jpg"); }
  @media screen and (max-width: 480px) {
    #appeal-area .car_area {
      padding: 20px;
      background-image: url("../images/top/bg_car_sp.jpg"); } }