/*! Writen  by SCSS */
.sec_main .main_image .image_sub {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%; }
  .sec_main .main_image .image_sub.image_sub_right {
    right: 0; }
    @media screen and (max-width: 480px) {
      .sec_main .main_image .image_sub.image_sub_right img {
        object-position: left center; } }
  .sec_main .main_image .image_sub.image_sub_left {
    left: 0; }
    @media screen and (max-width: 480px) {
      .sec_main .main_image .image_sub.image_sub_left {
        object-position: right center; } }

.sec_plan_detail {
  padding-top: clamp(50px, 6.67%, 80px); }

.plan_outer {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(80px, 10%, 120px); }
  .plan_outer .sec_plan_detail {
    padding-top: 0; }

.sec_plan_merit {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(80px, 10%, 120px); }

.detail_wrap {
  align-items: center;
  margin-bottom: clamp(30px, 4.17%, 50px); }
  @media screen and (max-width: 480px) {
    .detail_wrap {
      flex-direction: column;
      gap: 20px 0; } }
  .detail_wrap .detail_box {
    width: 48.34%;
    line-height: 1; }
    @media screen and (max-width: 480px) {
      .detail_wrap .detail_box {
        width: 100%; } }
    .detail_wrap .detail_box .detail_top {
      display: flex;
      align-items: baseline;
      margin-bottom: 10px; }
      @media screen and (max-width: 480px) {
        .detail_wrap .detail_box .detail_top {
          flex-wrap: wrap;
          gap: 10px 0; } }
      .detail_wrap .detail_box .detail_top .type {
        display: flex;
        align-items: baseline;
        font-size: clamp(24px, 3.7vw, 46px);
        padding-right: 0.5em;
        margin-right: 0.5em;
        border-right: 1px solid; }
        @media screen and (max-width: 480px) {
          .detail_wrap .detail_box .detail_top .type {
            font-size: 24px; } }
        .detail_wrap .detail_box .detail_top .type .text_min {
          font-size: 0.6em; }
      .detail_wrap .detail_box .detail_top .space {
        font-size: clamp(18px, 2.5vw, 31px);
        color: #99885a; }
        @media screen and (max-width: 480px) {
          .detail_wrap .detail_box .detail_top .space {
            font-size: 16px; } }
      .detail_wrap .detail_box .detail_top .price_box {
        margin-left: auto;
        align-self: flex-end;
        margin-top: -3.44%; }
        .detail_wrap .detail_box .detail_top .price_box .price_head {
          font-size: clamp(10px, 1.04vw, 13px);
          margin-bottom: 0.2em; }
          @media screen and (max-width: 480px) {
            .detail_wrap .detail_box .detail_top .price_box .price_head {
              font-size: 11px; } }
        .detail_wrap .detail_box .detail_top .price_box .price {
          font-size: clamp(24px, 3.87vw, 48px);
          display: flex;
          align-items: flex-end; }
          @media screen and (max-width: 480px) {
            .detail_wrap .detail_box .detail_top .price_box .price {
              font-size: 24px; } }
          .detail_wrap .detail_box .detail_top .price_box .price .price_main {
            color: #94214d; }
          .detail_wrap .detail_box .detail_top .price_box .price .prce_unit {
            font-size: 0.37em; }
    .detail_wrap .detail_box .size_wrap {
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid;
      border-bottom: 1px solid; }
      .detail_wrap .detail_box .size_wrap .size_main_wrap {
        display: flex;
        align-items: center; }
        .detail_wrap .detail_box .size_wrap .size_main_wrap .size_head {
          font-size: clamp(12px, 1.29vw, 16px);
          margin-right: 0.5em; }
          @media screen and (max-width: 480px) {
            .detail_wrap .detail_box .size_wrap .size_main_wrap .size_head {
              font-size: 14px; } }
        .detail_wrap .detail_box .size_wrap .size_main_wrap .size_main_box .size_main {
          display: flex;
          align-items: baseline;
          font-size: clamp(30px, 5.8vw, 72px); }
          @media screen and (max-width: 480px) {
            .detail_wrap .detail_box .size_wrap .size_main_wrap .size_main_box .size_main {
              font-size: 36px; } }
          .detail_wrap .detail_box .size_wrap .size_main_wrap .size_main_box .size_main .text_gold {
            color: #99885a; }
          .detail_wrap .detail_box .size_wrap .size_main_wrap .size_main_box .size_main .text_min {
            font-size: 0.27em; }
        .detail_wrap .detail_box .size_wrap .size_main_wrap .size_main_box .main_sub {
          font-size: clamp(10px, 1.04vw, 13px);
          margin-top: 0.4em; }
          @media screen and (max-width: 480px) {
            .detail_wrap .detail_box .size_wrap .size_main_wrap .size_main_box .main_sub {
              font-size: 12px; } }
      .detail_wrap .detail_box .size_wrap .size_sub {
        margin-top: 1em;
        display: flex;
        flex-direction: column;
        font-size: clamp(12px, 1.29vw, 16px);
        gap: 0.2em; }
  .detail_wrap .detail_lead_wrap {
    width: 48.34%;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .detail_wrap .detail_lead_wrap {
        width: 100%; } }
    .detail_wrap .detail_lead_wrap .sec_head {
      margin-bottom: 1em; }

.plan_tab_wrap {
  max-width: 500px;
  margin-inline: auto;
  font-size: clamp(14px, 3.88vw, 21px);
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(30px, 4.17%, 50px);
  line-height: 1; }
  .plan_tab_wrap .item {
    width: 48%;
    transition: color 0.3s ease-in-out,background 0.3s ease-in-out;
    text-align: center;
    padding: 0.5em 0.2em;
    color: #b8ac8c;
    background: #e0dbce;
    cursor: pointer;
    border-radius: 4px; }
    @media (hover: hover) {
      .plan_tab_wrap .item:hover {
        color: #fff;
        background: #99885a; } }
    .plan_tab_wrap .item.active {
      color: #fff;
      background: #99885a; }

.plan_figure_wrap {
  position: relative;
  max-width: 580px;
  margin-inline: auto; }
  .plan_figure_wrap .plan_figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out; }
    .plan_figure_wrap .plan_figure.active {
      position: relative;
      opacity: 1;
      pointer-events: all; }

.plan_figure {
  max-width: 580px;
  margin-inline: auto; }

.walldoor_wrap {
  max-width: 580px;
  margin-inline: auto;
  margin-top: 15px;
  border: 1px solid #94214d;
  padding-bottom: 15px; }
  .walldoor_wrap .walldoor_head {
    width: fit-content;
    margin-inline: auto;
    font-size: clamp(18px, 3.87vw, 24px);
    color: #94214d;
    line-height: 1;
    text-align: center;
    background: #fff;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: -15px;
    margin-bottom: 1em; }
  .walldoor_wrap .walldoor_inner {
    max-width: 540px;
    width: calc(100% - 40px);
    margin-inline: auto; }
    .walldoor_wrap .walldoor_inner .walldoor_image_wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 3px; }
      .walldoor_wrap .walldoor_inner .walldoor_image_wrap .image_box {
        max-width: 250px;
        width: 46.3%;
        position: relative; }
        .walldoor_wrap .walldoor_inner .walldoor_image_wrap .image_box .box_name {
          position: absolute;
          font-size: clamp(11px, 2.41vw, 15px);
          top: 0;
          left: 0;
          color: #fff;
          background: #000;
          line-height: 1;
          padding: 0.2em 0.4em; }
      .walldoor_wrap .walldoor_inner .walldoor_image_wrap .arrow {
        max-width: 13px;
        width: 2.41%; }
  .walldoor_wrap.walldoor_wrap_blue {
    border: 1px solid #004097;
    padding-top: 15px;
    margin-top: 0; }
    .walldoor_wrap.walldoor_wrap_blue .walldoor_lead {
      text-align: center;
      font-size: clamp(12px, 3.87vw, 24px);
      color: #004097;
      line-height: 1.34;
      margin-bottom: 0.4em; }

.area_wrap {
  max-width: 580px;
  margin-inline: auto;
  margin-top: 30px;
  border: 1px solid #94214d;
  padding-bottom: 15px; }
  .area_wrap .area_head {
    width: fit-content;
    margin-inline: auto;
    font-size: clamp(18px, 3.87vw, 24px);
    color: #94214d;
    line-height: 1;
    text-align: center;
    background: #fff;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: -30px;
    margin-bottom: 1em; }
  .area_wrap .area_inner {
    max-width: 540px;
    width: calc(100% - 40px);
    margin-inline: auto; }
    .area_wrap .area_inner .area_image_wrap {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .area_wrap .area_inner .area_image_wrap .image_box {
        max-width: 164px;
        width: 30.38%;
        position: relative; }

.plan_merit_wrap {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(25px, 3.34vw, 40px) 3.33%; }
  @media screen and (max-width: 480px) {
    .plan_merit_wrap {
      grid-template-columns: 1fr; } }
  .plan_merit_wrap .plan_merit_box {
    background: #f7f5f2;
    padding-bottom: 4.32%; }
    .plan_merit_wrap .plan_merit_box .plan_merit_head {
      font-size: clamp(18px, 1.93vw, 24px);
      padding: 0.4em 0.2em;
      text-align: center;
      color: #fff;
      background: #978659;
      line-height: 1;
      margin-bottom: 1em; }
    .plan_merit_wrap .plan_merit_box .box_inner {
      width: calc(100% - 40px);
      margin-inline: auto; }
      .plan_merit_wrap .plan_merit_box .box_inner .figure_box {
        text-align: center;
        margin-bottom: 6.9%; }
      .plan_merit_wrap .plan_merit_box .box_inner .image_box {
        max-width: 500px;
        margin-inline: auto;
        text-align: center; }
        .plan_merit_wrap .plan_merit_box .box_inner .image_box .image_box_text {
          font-size: clamp(15px, 1.61vw, 20px);
          line-height: 1;
          background: #000;
          color: #fff;
          padding: 0.4em 0.2em; }
        .plan_merit_wrap .plan_merit_box .box_inner .image_box + .image_box {
          margin-top: 2.59%; }
        .plan_merit_wrap .plan_merit_box .box_inner .image_box + .box_head {
          margin-top: 6.9%; }
      .plan_merit_wrap .plan_merit_box .box_inner .box_head {
        text-align: center;
        font-size: clamp(18px, 1.93vw, 24px);
        line-height: 1.46;
        margin-bottom: 1em; }

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