/*! Writen  by SCSS */
.inner_main .main_image {
  background-image: url("../images/plan/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_image {
      background-image: url("../images/plan/main_sp.jpg"); } }

.sec01 .sec01_cont01 {
  margin-bottom: clamp(70px, 5.625vw, 90px); }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_cont01 {
      flex-direction: column;
      row-gap: 20px; } }
  .sec01 .sec01_cont01 .sec01_cont01_in {
    position: relative;
    padding: clamp(20px, 1.875vw, 30px) clamp(25px, 2.5vw, 40px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_cont01 .sec01_cont01_in {
        padding: 20px 15px; } }
    .sec01 .sec01_cont01 .sec01_cont01_in:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid rgba(0, 0, 0, 0.3);
      pointer-events: none; }
    .sec01 .sec01_cont01 .sec01_cont01_in .item_ttl {
      font-size: clamp(10px, 1.125vw, 18px);
      color: #132d56;
      line-height: 2.2; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .sec01_cont01_in .item_ttl {
          font-size: 3.4vw; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item_ttl .big {
        display: block;
        font-size: 200%;
        line-height: 1; }
      .sec01 .sec01_cont01 .sec01_cont01_in .item_ttl .small {
        display: inline-block;
        vertical-align: bottom;
        line-height: 1;
        vertical-align: -webkit-baseline-middle; }
    .sec01 .sec01_cont01 .sec01_cont01_in .item_read {
      font-size: clamp(11px, 1vw, 16px); }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .sec01_cont01_in .item_read {
          font-size: 12px; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item_read .cap_l {
        display: block; }
    .sec01 .sec01_cont01 .sec01_cont01_in.left {
      width: 32.5%;
      display: flex;
      flex-direction: column;
      row-gap: clamp(20px, 1.875vw, 30px); }
      @media screen and (max-width: 820px) {
        .sec01 .sec01_cont01 .sec01_cont01_in.left {
          width: 36%; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .sec01_cont01_in.left {
          width: 100%; } }
      .sec01 .sec01_cont01 .sec01_cont01_in.left .kantakun {
        background: #FFF;
        padding: 0 20px;
        text-align: center; }
    .sec01 .sec01_cont01 .sec01_cont01_in.right {
      width: 61.25%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .sec01_cont01_in.right {
          width: 100%; } }
      .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 55.56% 38.12%;
        row-gap: clamp(30px, 2.5vw, 40px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker {
            grid-template-columns: 100%;
            row-gap: 20px; } }
        .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_l .home_merit {
          flex-direction: column;
          row-gap: clamp(10px, 0.938vw, 15px); }
          .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_l .home_merit .home_merit_in {
            flex-direction: column;
            row-gap: 5px; }
            .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_l .home_merit .home_merit_in .home_ttl {
              justify-content: flex-start;
              align-items: center;
              column-gap: 10px;
              font-size: clamp(14px, 1.125vw, 18px); }
              .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_l .home_merit .home_merit_in .home_ttl .number {
                flex-shrink: 0;
                width: 25px;
                border-radius: 4px;
                aspect-ratio: 1;
                line-height: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 88%;
                color: #FFF;
                background: #132d56; }
              .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_l .home_merit .home_merit_in .home_ttl .name {
                font-weight: 600;
                color: #132d56; }
        .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_r {
          grid-row: 1/3;
          grid-column: 2/3;
          margin-top: 25%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .sec01_cont01_in.right .home_stocker .home_r {
              grid-row: auto;
              grid-column: auto;
              margin-top: 0; } }
.sec01 .plan_thumb_group {
  margin-bottom: clamp(80px, 9.375vw, 150px); }
  .sec01 .plan_thumb_group .plan_thumb {
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: clamp(40px, 6.25vw, 100px) 0; }
    @media screen and (max-width: 480px) {
      .sec01 .plan_thumb_group .plan_thumb {
        gap: 25px 0; } }
    .sec01 .plan_thumb_group .plan_thumb a {
      display: grid;
      justify-content: space-between;
      grid-template-columns: 41.05% 52.24%;
      width: 46.88%;
      padding: clamp(20px, 2.5vw, 40px);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("../images/plan/bg_thum.jpg"); }
      body:not(.mobile) .sec01 .plan_thumb_group .plan_thumb a:hover .under_link:after {
        right: 15px; }
      @media screen and (max-width: 820px) {
        .sec01 .plan_thumb_group .plan_thumb a {
          padding: 20px; } }
      @media screen and (max-width: 480px) {
        .sec01 .plan_thumb_group .plan_thumb a {
          width: 100%;
          gap: 25px 0;
          grid-template-columns: 100%; } }
      .sec01 .plan_thumb_group .plan_thumb a .type_infor_group {
        flex-direction: column; }
        .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .type_name {
          display: flex;
          justify-content: center;
          align-items: baseline;
          text-align: center;
          font-size: clamp(18px, 1.5vw, 24px);
          letter-spacing: 0.15em;
          color: #132d56;
          column-gap: 10px; }
          @media screen and (max-width: 480px) {
            .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .type_name {
              font-size: 5vw; } }
          .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .type_name .big {
            font-size: 250%; }
        .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .ldk {
          display: flex;
          justify-content: center;
          align-items: baseline;
          text-align: center;
          font-size: clamp(13px, 1.125vw, 18px);
          color: #132d56;
          letter-spacing: 0.15em;
          padding: clamp(12px, 1.25vw, 20px) 0;
          margin: clamp(12px, 1.25vw, 20px) 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) {
            .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .ldk {
              font-size: 4vw;
              width: 80%;
              padding: 12px 0;
              margin: 20px auto; } }
          .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .ldk .big {
            font-size: 200%; }
          .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .ldk .big02 {
            font-size: 166%; }
        .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group {
          flex-direction: column;
          row-gap: 10px; }
          @media screen and (max-width: 480px) {
            .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group {
              width: fit-content;
              margin: 0 auto;
              row-gap: 5px; } }
          .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group .area_txt {
            font-size: clamp(11px, 0.876vw, 14px); }
            .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group .area_txt .big {
              font-size: 257%; }
            .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group .area_txt .big02 {
              font-size: 171%; }
            .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group .area_txt .small {
              font-size: 85%; }
              @media screen and (max-width: 820px) {
                .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group .area_txt .small {
                  display: block;
                  text-align: right; } }
              @media screen and (max-width: 480px) {
                .sec01 .plan_thumb_group .plan_thumb a .type_infor_group .type_infor .area_group .area_txt .small {
                  display: inline-block;
                  text-align: left; } }
      .sec01 .plan_thumb_group .plan_thumb a .thumb_img {
        grid-row: 1/3;
        grid-column: 2/3;
        background: #FFF; }
        @media screen and (max-width: 480px) {
          .sec01 .plan_thumb_group .plan_thumb a .thumb_img {
            grid-row: auto;
            grid-column: auto; } }
      .sec01 .plan_thumb_group .plan_thumb a .under_link {
        align-self: flex-end;
        font-size: clamp(12px, 1.125vw, 18px);
        color: #132d56;
        background: #FFF;
        padding: 8px 20px;
        border-radius: 20px;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 480px) {
          .sec01 .plan_thumb_group .plan_thumb a .under_link {
            letter-spacing: normal;
            font-size: 14px;
            width: 78%;
            margin: 0 auto; } }
        .sec01 .plan_thumb_group .plan_thumb a .under_link:after {
          width: 35px;
          height: 5px; }
          @media screen and (max-width: 1200px) {
            .sec01 .plan_thumb_group .plan_thumb a .under_link:after {
              width: 20px;
              height: 5px; } }
          @media screen and (max-width: 820px) {
            .sec01 .plan_thumb_group .plan_thumb a .under_link:after {
              right: 10px; } }
          @media screen and (max-width: 480px) {
            .sec01 .plan_thumb_group .plan_thumb a .under_link:after {
              right: 20px; } }
  .sec01 .plan_thumb_group .hanrei_group {
    justify-content: flex-start;
    column-gap: 15px; }
    .sec01 .plan_thumb_group .hanrei_group .hanrei {
      align-items: center;
      column-gap: 5px; }
      .sec01 .plan_thumb_group .hanrei_group .hanrei .color_box {
        width: 30px;
        aspect-ratio: 2/1; }
        .sec01 .plan_thumb_group .hanrei_group .hanrei .color_box.storage {
          background: #e0ceae; }
        .sec01 .plan_thumb_group .hanrei_group .hanrei .color_box.floor {
          background: #fdeadf; }
      .sec01 .plan_thumb_group .hanrei_group .hanrei .hanrei_txt {
        font-size: clamp(10px, 0.75vw, 12px); }
.sec01 .view_group div.pano {
  position: relative; }
  .sec01 .view_group div.pano .move_btn_wrap {
    position: absolute;
    inset: 0;
    justify-content: space-between;
    align-items: center;
    display: none; }
    @media screen and (max-width: 480px) {
      .sec01 .view_group div.pano .move_btn_wrap {
        display: flex; } }
    .sec01 .view_group div.pano .move_btn_wrap .move_btn {
      border: none;
      cursor: pointer;
      padding: 0;
      appearance: none;
      touch-action: manipulation;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      user-select: none; }
.sec01 .view_group .mContents {
  width: 100%;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec01 .view_group .mContents {
      height: 470px; } }
  @media screen and (max-width: 480px) {
    .sec01 .view_group .mContents .pano_image {
      width: 100%;
      height: 470px;
      position: relative;
      text-align: center;
      overflow: auto; } }
  @media screen and (max-width: 480px) {
    .sec01 .view_group .mContents .pano_image img {
      display: block;
      position: absolute;
      inset: 0;
      max-width: none;
      height: 100%; } }

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