@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.sec01 .item_ttl {
  margin-bottom: clamp(60px, 10vw, 120px); }
.sec01 .plan_group_wrap {
  max-width: 815px;
  margin: 0 auto; }
  .sec01 .plan_group_wrap .plan_group {
    flex-direction: column;
    row-gap: clamp(80px, 10vw, 120px);
    margin-bottom: clamp(60px, 13.334vw, 160px); }
    .sec01 .plan_group_wrap .plan_group .plan_group_in {
      flex-wrap: wrap;
      align-items: flex-start; }
      @media screen and (max-width: 480px) {
        .sec01 .plan_group_wrap .plan_group .plan_group_in {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area {
        width: 100%;
        align-items: center;
        position: relative;
        justify-content: flex-end;
        margin-bottom: 30px; }
        @media screen and (max-width: 480px) {
          .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area {
            flex-direction: column;
            row-gap: 20px;
            margin-bottom: 0; } }
        .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_group {
          position: absolute;
          left: 0;
          top: 0;
          width: 17.92%;
          aspect-ratio: 1;
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("../images/plan/bg_type.png");
          display: flex;
          justify-content: center;
          align-items: center; }
          @media screen and (max-width: 480px) {
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_group {
              position: relative;
              left: auto;
              top: auto;
              margin: 0 auto;
              max-width: 110px;
              width: 100%;
              margin: 0 auto; } }
          .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_group:after {
            content: "";
            position: absolute;
            inset: -6px;
            border: 2px solid #00664f;
            border-radius: 50%;
            pointer-events: none; }
          .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_group .type {
            font-size: clamp(16px, 2.25vw, 27px);
            color: #FFF;
            line-height: 1.4;
            text-align: center; }
            @media screen and (max-width: 480px) {
              .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_group .type {
                font-size: 5vw; } }
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_group .type .big {
              display: block;
              font-size: 270%;
              line-height: 1; }
        .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter {
          width: 82.5%;
          margin-top: 30px; }
          @media screen and (max-width: 480px) {
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter {
              width: 100%;
              margin-top: 0; } }
          .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail {
            position: relative;
            padding: 10px 0;
            align-items: flex-end;
            justify-content: flex-start;
            column-gap: 4.9%;
            margin-bottom: 20px;
            padding-left: 6%; }
            @media screen and (max-width: 480px) {
              .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail {
                padding-left: 0;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                row-gap: 10px; } }
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail:before, .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail:after {
              content: "";
              position: absolute;
              inset: 0;
              left: auto;
              width: 100.5%;
              background: #00664f;
              height: 1px; }
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail:before {
              bottom: auto; }
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail:after {
              top: auto; }
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .ldk {
              font-size: clamp(16px, 2.25vw, 27px); }
              @media screen and (max-width: 480px) {
                .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .ldk {
                  font-size: 5vw; } }
              .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .ldk span {
                display: inline-block;
                line-height: 1; }
                .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .ldk span.big {
                  font-size: 233%; }
                .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .ldk span.big02 {
                  font-size: 125%; }
            .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group {
              align-items: center;
              column-gap: 10px; }
              .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area01 {
                font-size: clamp(12px, 1.25vw, 15px);
                line-height: 1.4; }
                @media screen and (max-width: 480px) {
                  .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area01 {
                    font-size: 3.4vw;
                    line-height: 1.4; } }
              .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area02 {
                transform: translateY(-5px);
                font-size: clamp(12px, 1.25vw, 15px); }
                @media screen and (max-width: 480px) {
                  .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area02 {
                    font-size: 3.2vw;
                    transform: none; } }
                .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area02 span {
                  line-height: 1;
                  display: inline-block; }
                  .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area02 span.big {
                    font-size: 366%; }
                  .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area02 span.big02 {
                    font-size: 233%; }
                  .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .type_detail .area_group .area02 span.big03 {
                    font-size: 326%; }
          .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .meter02 {
            padding-left: 6%;
            font-size: clamp(15px, 1.667vw, 20px); }
            @media screen and (max-width: 480px) {
              .sec01 .plan_group_wrap .plan_group .plan_group_in .type_area .type_meter .meter02 {
                padding-left: 0;
                font-size: 3.6vw;
                width: fit-content;
                margin: 0 auto; } }
      .sec01 .plan_group_wrap .plan_group .plan_group_in .merit_area {
        width: 20.5%;
        flex-direction: column;
        row-gap: 15px; }
        @media screen and (max-width: 480px) {
          .sec01 .plan_group_wrap .plan_group .plan_group_in .merit_area {
            width: 100%;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 10px 0;
            margin-top: 0 !important; } }
        .sec01 .plan_group_wrap .plan_group .plan_group_in .merit_area.type_a {
          margin-top: 14.5%; }
        .sec01 .plan_group_wrap .plan_group .plan_group_in .merit_area.type_h {
          margin-top: 4%; }
        .sec01 .plan_group_wrap .plan_group .plan_group_in .merit_area .merit_txt {
          background: #c5e3cd;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 15px 4px;
          text-align: center;
          line-height: 1.3;
          font-size: clamp(12px, 1.667vw, 20px); }
          @media screen and (max-width: 480px) {
            .sec01 .plan_group_wrap .plan_group .plan_group_in .merit_area .merit_txt {
              width: 48%;
              font-size: 3.2vw;
              padding: 10px 4px; } }
      .sec01 .plan_group_wrap .plan_group .plan_group_in .draw_area {
        width: 76.08%;
        text-align: right; }
        @media screen and (max-width: 480px) {
          .sec01 .plan_group_wrap .plan_group .plan_group_in .draw_area {
            width: 100%;
            text-align: center; } }

.caption_area .hanrei_group {
  column-gap: 10px;
  margin-bottom: 5px;
  justify-content: flex-start; }
  .caption_area .hanrei_group .hanrei {
    column-gap: 5px;
    align-items: center;
    font-size: 12px; }
    @media screen and (max-width: 480px) {
      .caption_area .hanrei_group .hanrei {
        font-size: 10px; } }
    .caption_area .hanrei_group .hanrei .hanrei_icon {
      line-height: 0; }

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