/*! Writen  by SCSS */
.mainvisual:before {
  padding-bottom: 41.6875%; }
.mainvisual .mainimg {
  background-image: url("../images/plan/main.jpg"); }

.sec01 .plan_text_wrap {
  max-width: 1100px;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(40px, 6.67%, 80px); }
  @media screen and (max-width: 480px) {
    .sec01 .plan_text_wrap {
      flex-direction: column;
      gap: 30px 0; } }
.sec01 .plan_text {
  max-width: 514px;
  width: 46.73%; }
  @media screen and (max-width: 480px) {
    .sec01 .plan_text {
      width: 100%; } }
.sec01 .bird_wrap {
  max-width: 514px;
  width: 46.73%;
  position: relative;
  line-height: 0; }
  @media screen and (max-width: 480px) {
    .sec01 .bird_wrap {
      width: 100%; } }
  .sec01 .bird_wrap .bird_list {
    position: absolute;
    inset: 0;
    z-index: 2; }
    .sec01 .bird_wrap .bird_list .item {
      position: absolute;
      top: 0;
      max-width: 54px;
      width: 10.51%; }
      .sec01 .bird_wrap .bird_list .item a {
        display: block;
        opacity: 0;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .sec01 .bird_wrap .bird_list .item a:hover {
            opacity: 1; } }
    .sec01 .bird_wrap .bird_list .item_a {
      left: 11.29%; }
    .sec01 .bird_wrap .bird_list .item_b {
      left: 22.38%; }
    .sec01 .bird_wrap .bird_list .item_c {
      left: 33.66%; }
    .sec01 .bird_wrap .bird_list .item_d {
      left: 44.75%; }
    .sec01 .bird_wrap .bird_list .item_e {
      left: 56.04%; }
    .sec01 .bird_wrap .bird_list .item_f {
      left: 67.13%; }
    .sec01 .bird_wrap .bird_list .item_g {
      left: 78.41%; }
.sec01 .thum_content {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  gap: clamp(30px, 6.37vw, 70px) 0; }
.sec01 .thum_head {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  font-size: clamp(16px, 3.68vw, 28px);
  padding: 0.57em 0.3em;
  margin-bottom: 20px;
  color: #333;
  background: linear-gradient(90deg, rgba(212, 202, 180, 0) 0%, #d4cab4 30%, #d4cab4 70%, rgba(212, 202, 180, 0) 100%); }
.sec01 .thum_wrap {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 22px 2.18%; }
  @media screen and (max-width: 480px) {
    .sec01 .thum_wrap {
      gap: 12px 4%; } }
  .sec01 .thum_wrap .item {
    width: 31.82%;
    position: relative;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 480px) {
      .sec01 .thum_wrap .item {
        width: 48%; } }
    .sec01 .thum_wrap .item a {
      height: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: relative;
      color: #fff;
      padding: 7.15% 1.71% 4.29%;
      transition: color 0.3s ease-in-out 0s; }
      .sec01 .thum_wrap .item a:before, .sec01 .thum_wrap .item a:after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        display: block; }
      .sec01 .thum_wrap .item a:before {
        background: linear-gradient(to right, #8a6247 0%, #be9e7f 50%, #8a6247 100%);
        z-index: -2; }
      .sec01 .thum_wrap .item a:after {
        transition: 0.3s opacity ease-in-out 0s;
        opacity: 0;
        background: linear-gradient(to right, #bfb29a 0%, #f3f0eb 50%, #bfb29a 100%);
        z-index: -1; }
      .sec01 .thum_wrap .item a .icon_new {
        position: absolute;
        line-height: 0;
        top: 0;
        left: 0;
        max-width: 73px;
        width: 20.86%;
        z-index: 2; }
      .sec01 .thum_wrap .item a .type_meter {
        display: flex;
        justify-content: center;
        align-items: baseline;
        font-size: clamp(24px, 4.21vw, 48px);
        line-height: 1;
        letter-spacing: 0.05em;
        position: relative;
        margin-bottom: 0.41em; }
        .sec01 .thum_wrap .item a .type_meter .text_min {
          font-size: 0.7em; }
        .sec01 .thum_wrap .item a .type_meter.type_name {
          padding-bottom: 0.31em; }
          .sec01 .thum_wrap .item a .type_meter.type_name .text_min {
            font-size: 0.5em; }
          .sec01 .thum_wrap .item a .type_meter.type_name::before, .sec01 .thum_wrap .item a .type_meter.type_name::after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px; }
          .sec01 .thum_wrap .item a .type_meter.type_name::before {
            transition: 0.3s opacity ease-in-out 0s;
            opacity: 0;
            z-index: 2;
            background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333 50%, rgba(51, 51, 51, 0) 100%); }
          .sec01 .thum_wrap .item a .type_meter.type_name::after {
            z-index: 1;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 100%); }
      .sec01 .thum_wrap .item a .ldk {
        font-size: clamp(16px, 2.01vw, 24px);
        margin-bottom: 0.41em;
        line-height: 1; }
        .sec01 .thum_wrap .item a .ldk .big {
          font-size: 1.2em;
          display: inline-block;
          line-height: 1; }
      .sec01 .thum_wrap .item a .viewmore {
        font-size: clamp(14px, 1.667vw, 19px);
        position: relative;
        line-height: 1;
        margin-top: 1em; }
        .sec01 .thum_wrap .item a .viewmore .arrow {
          display: inline-block;
          transition: 0.3s transform ease-in-out 0s; }
      @media (hover: hover) {
        .sec01 .thum_wrap .item a:hover {
          color: #333; }
          .sec01 .thum_wrap .item a:hover:after {
            opacity: 1; }
          .sec01 .thum_wrap .item a:hover .type_meter.type_name::before {
            opacity: 1; } }

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