/*! Writen  by SCSS */
.plan_detail_wrap {
  padding: clamp(150px, 12.5vw, 200px) 0 clamp(50px, 5vw, 80px); }
  @media screen and (max-width: 480px) {
    .plan_detail_wrap {
      padding: 100px 0 40px; } }
  .plan_detail_wrap .plan_detail {
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .plan_detail_wrap .plan_detail {
        flex-direction: column;
        row-gap: 30px; } }
    .plan_detail_wrap .plan_detail .plan_infor {
      width: 31.67%; }
      @media screen and (max-width: 820px) {
        .plan_detail_wrap .plan_detail .plan_infor {
          width: 40%; } }
      @media screen and (max-width: 480px) {
        .plan_detail_wrap .plan_detail .plan_infor {
          width: 62%;
          margin: 0 auto; } }
      .plan_detail_wrap .plan_detail .plan_infor .type_name {
        display: flex;
        align-items: baseline;
        justify-content: center;
        font-size: clamp(16px, 2vw, 24px);
        color: #132d56;
        column-gap: 10px;
        line-height: 0.8;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 820px) {
          .plan_detail_wrap .plan_detail .plan_infor .type_name {
            font-size: 2.6vw; } }
        @media screen and (max-width: 480px) {
          .plan_detail_wrap .plan_detail .plan_infor .type_name {
            font-size: 12px; } }
        .plan_detail_wrap .plan_detail .plan_infor .type_name .big {
          font-size: 416%; }
      .plan_detail_wrap .plan_detail .plan_infor .ldk {
        font-size: clamp(16px, 2vw, 24px);
        color: #132d56;
        line-height: 0.8;
        padding: 25px 0;
        margin: 25px 0;
        letter-spacing: 0.1em;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: baseline;
        justify-content: center; }
        @media screen and (max-width: 820px) {
          .plan_detail_wrap .plan_detail .plan_infor .ldk {
            font-size: 2.6vw; } }
        @media screen and (max-width: 480px) {
          .plan_detail_wrap .plan_detail .plan_infor .ldk {
            padding: 15px 0;
            margin: 15px 0;
            font-size: 12px; } }
        .plan_detail_wrap .plan_detail .plan_infor .ldk .big {
          font-size: 250%; }
        .plan_detail_wrap .plan_detail .plan_infor .ldk .big02 {
          font-size: 200%; }
      .plan_detail_wrap .plan_detail .plan_infor .area_group {
        flex-direction: column;
        row-gap: 10px; }
        .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt {
          display: flex;
          align-items: baseline;
          font-size: clamp(10px, 1.167vw, 14px);
          line-height: 0.8; }
          @media screen and (max-width: 820px) {
            .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt {
              font-size: 1.7vw; } }
          @media screen and (max-width: 480px) {
            .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt {
              font-size: 10px; } }
          .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt span {
            display: inline-block;
            line-height: 1; }
            .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt span.jost {
              color: #132d56; }
            .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt span.big {
              font-size: 428%; }
            .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt span.big02 {
              font-size: 214%; }
            .plan_detail_wrap .plan_detail .plan_infor .area_group .area_txt span.big03 {
              font-size: 171%; }
    .plan_detail_wrap .plan_detail .draw_group {
      width: 62.5%;
      text-align: center;
      background: #FFF;
      padding: 30px 20px; }
      @media screen and (max-width: 820px) {
        .plan_detail_wrap .plan_detail .draw_group {
          width: 56%; } }
      @media screen and (max-width: 480px) {
        .plan_detail_wrap .plan_detail .draw_group {
          width: 100%;
          padding: 20px; } }

.other_plan_group {
  margin-top: clamp(80px, 7.5vw, 120px); }
  .other_plan_group .other_plan_ttl {
    font-size: clamp(20px, 1.5vw, 24px);
    color: #132d56;
    margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .other_plan_group .plan_slider {
      overflow: visible; } }
  .other_plan_group .plan_slider .plan_thumb {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 3.125%;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      .other_plan_group .plan_slider .plan_thumb {
        gap: 20px 2%; } }
    @media screen and (max-width: 480px) {
      .other_plan_group .plan_slider .plan_thumb {
        gap: 25px 0;
        flex-wrap: nowrap; } }
    .other_plan_group .plan_slider .plan_thumb .swiper-slide {
      width: 31.25%; }
      @media screen and (max-width: 960px) {
        .other_plan_group .plan_slider .plan_thumb .swiper-slide {
          width: 49%; } }
      @media screen and (max-width: 480px) {
        .other_plan_group .plan_slider .plan_thumb .swiper-slide {
          width: 80vw; } }
      .other_plan_group .plan_slider .plan_thumb .swiper-slide a {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 41.05% 48%;
        padding: clamp(15px, 1.563vw, 25px);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/plan/bg_thum.jpg"); }
        @media screen and (max-width: 1500px) {
          .other_plan_group .plan_slider .plan_thumb .swiper-slide a {
            grid-template-columns: 43% 54%; } }
        @media screen and (max-width: 820px) {
          .other_plan_group .plan_slider .plan_thumb .swiper-slide a {
            padding: 12px; } }
        body:not(.mobile) .other_plan_group .plan_slider .plan_thumb .swiper-slide a:hover .under_link:after {
          right: 5px; }
        .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group {
          flex-direction: column; }
          .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .type_name {
            display: flex;
            justify-content: center;
            align-items: baseline;
            text-align: center;
            font-size: clamp(10px, 1vw, 16px);
            letter-spacing: 0.15em;
            color: #132d56;
            column-gap: 10px; }
            @media screen and (max-width: 480px) {
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .type_name {
                font-size: 3vw; } }
            .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .type_name .big {
              font-size: 250%; }
          .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .ldk {
            display: flex;
            justify-content: center;
            align-items: baseline;
            text-align: center;
            font-size: clamp(10px, 0.75vw, 12px);
            color: #132d56;
            letter-spacing: 0.15em;
            padding: clamp(10px, 0.938vw, 15px) 0;
            margin: clamp(10px, 0.938vw, 15px) 0;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            @media screen and (max-width: 480px) {
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .ldk {
                font-size: 2.4vw;
                padding: 10px 0;
                margin: 10px auto; } }
            .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .ldk .big {
              font-size: 200%; }
            .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .ldk .big02 {
              font-size: 166%; }
          .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group {
            flex-direction: column;
            row-gap: 10px; }
            @media screen and (max-width: 480px) {
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group {
                width: fit-content;
                margin: 0 auto;
                row-gap: 5px; } }
            .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt {
              font-size: 10px;
              letter-spacing: -0.03em; }
              @media screen and (max-width: 480px) {
                .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt {
                  line-height: 1.4; } }
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .jost {
                color: #132d56; }
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .big {
                font-size: 257%; }
                @media screen and (max-width: 480px) {
                  .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .big {
                    font-size: 170%; } }
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .big02 {
                font-size: 171%; }
                @media screen and (max-width: 480px) {
                  .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .big02 {
                    font-size: 130%; } }
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .small {
                font-size: 85%; }
                @media screen and (max-width: 480px) {
                  .other_plan_group .plan_slider .plan_thumb .swiper-slide a .type_infor_group .type_infor .area_group .area_txt .small {
                    display: inline-block;
                    text-align: left; } }
        .other_plan_group .plan_slider .plan_thumb .swiper-slide a .thumb_img {
          grid-row: 1/3;
          grid-column: 2/3;
          background: #FFF; }
        .other_plan_group .plan_slider .plan_thumb .swiper-slide a .under_link {
          align-self: flex-end;
          font-size: clamp(10px, 0.688vw, 11px);
          color: #132d56;
          background: #FFF;
          padding: 5px 20px;
          border-radius: 20px;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 480px) {
            .other_plan_group .plan_slider .plan_thumb .swiper-slide a .under_link {
              letter-spacing: normal;
              font-size: 10px;
              width: 90%;
              margin: 0 auto; } }
          .other_plan_group .plan_slider .plan_thumb .swiper-slide a .under_link:after {
            right: 10px;
            width: 25px;
            height: 5px;
            margin-top: -3px; }
            @media screen and (max-width: 1200px) {
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .under_link:after {
                width: 20px;
                height: 5px; } }
            @media screen and (max-width: 820px) {
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .under_link:after {
                right: 10px; } }
            @media screen and (max-width: 480px) {
              .other_plan_group .plan_slider .plan_thumb .swiper-slide a .under_link:after {
                right: 5px; } }

.hanrei_group {
  justify-content: flex-start;
  column-gap: 15px; }
  .hanrei_group .hanrei {
    align-items: center;
    column-gap: 5px; }
    .hanrei_group .hanrei .color_box {
      width: 30px;
      aspect-ratio: 2/1; }
      .hanrei_group .hanrei .color_box.storage {
        background: #e0ceae; }
      .hanrei_group .hanrei .color_box.floor {
        background: #fdeadf; }
    .hanrei_group .hanrei .hanrei_txt {
      font-size: clamp(10px, 0.75vw, 12px); }

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