/*! Writen  by SCSS */
.pre-inc .sec01 {
  padding-bottom: clamp(80px, 11.819vw, 130px); }
  .pre-inc .sec01 .page_title_group {
    margin-bottom: clamp(60px, 12.728vw, 140px); }
    @media screen and (max-width: 820px) {
      .pre-inc .sec01 .page_title_group {
        margin-bottom: 60px; } }
  .pre-inc .sec01 .sec01_group {
    flex-direction: column; }
    .pre-inc .sec01 .sec01_group .sec01_group_in.first {
      margin-bottom: clamp(60px, 9.091vw, 100px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in.first {
          margin-bottom: 60px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in.second {
      margin-bottom: clamp(80px, 12.728vw, 140px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in.second {
          margin-bottom: 60px; } }
      .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area {
        max-width: 794px;
        margin: 0 auto; }
        .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group {
          background: rgba(222, 213, 216, 0.6);
          padding: clamp(20px, 2.728vw, 30px);
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group {
              padding: 30px 20px 20px; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_ttl {
            text-align: center;
            padding: 8px 10px 10px;
            font-size: clamp(21px, 2.182vw, 24px);
            color: #FFF;
            background: #5d435a;
            line-height: 1.4;
            border-radius: 50vw;
            margin-bottom: 30px; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_ttl {
                font-size: 5vw;
                margin-bottom: 20px;
                padding: 5px 10px; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item {
              flex-direction: column;
              row-gap: 30px; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item .item {
            width: 31.34%;
            flex-direction: column;
            row-gap: 15px;
            text-align: center; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item .item {
                width: 100%;
                row-gap: 10px; } }
            .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item .item .terrace_en {
              font-size: clamp(18px, 1.819vw, 20px);
              color: #5d435a; }
              @media screen and (max-width: 480px) {
                .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item .item .terrace_en {
                  font-size: 5.4vw; } }
            .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item .item .terrace_read {
              font-size: clamp(14px, 1.455vw, 16px);
              line-height: 1.5; }
              @media screen and (max-width: 480px) {
                .pre-inc .sec01 .sec01_group .sec01_group_in.second .terrace_area .terrace_group .terrace_item .item .terrace_read {
                  font-size: 14px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in.third {
      margin-bottom: clamp(80px, 12.728vw, 140px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in.third {
          margin-bottom: 60px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in.fourth {
      margin-bottom: clamp(100px, 18.182vw, 200px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in.fourth {
          margin-bottom: 80px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in.sixth {
      margin-bottom: clamp(100px, 14.546vw, 160px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in.sixth {
          margin-bottom: 80px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in .sec_ttl_group.first_in {
      margin-bottom: clamp(40px, 5.455vw, 60px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec_ttl_group.first_in {
          margin-bottom: 40px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in .sec_ttl_group.second_in {
      margin-bottom: clamp(60px, 9.091vw, 100px); }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec_ttl_group.second_in {
          margin-bottom: 40px; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in .image.fit {
      width: fit-content;
      margin: 0 auto; }
    .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item02 {
      max-width: 750px;
      width: 100%;
      margin: clamp(30px, 4.546vw, 50px) auto 0; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item02 {
          flex-direction: column;
          row-gap: 20px; } }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item02 .read {
        width: 68.01%;
        width: 100%; }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item02 .image {
        width: 29.47%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item02 .image {
            width: 100%;
            max-width: 221px;
            margin: 0 auto; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item04 {
      max-width: 670px;
      margin: clamp(40px, 5.455vw, 60px) auto clamp(60px, 7.273vw, 80px);
      flex-wrap: wrap;
      row-gap: 5px; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item04 {
          flex-wrap: wrap;
          gap: 12px; } }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item04 .item {
        width: 31.35%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item04 .item {
            width: 48%; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item04 .item .item_name {
          font-size: clamp(12px, 1.364vw, 15px); }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item04 .cap_l {
        width: 100%; }
    .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 {
      max-width: 703px;
      margin: 0 auto; }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service {
        background: #5D435A;
        padding: 30px 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        position: relative;
        color: #FFF;
        margin-bottom: clamp(40px, 6.364vw, 70px); }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service:after {
          content: "";
          position: absolute;
          inset: 10px;
          border: 1px solid #FFF;
          pointer-events: none; }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service .life_ttl {
          font-size: clamp(20px, 2.091vw, 23px);
          line-height: 1; }
          @media screen and (max-width: 820px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service .life_ttl {
              font-size: 3vw; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service .life_ttl {
              font-size: 6vw; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service .life_read {
          font-size: clamp(16px, 1.819vw, 20px); }
          @media screen and (max-width: 820px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service .life_read {
              font-size: 2.6vw; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .life_service .life_read {
              font-size: 4vw;
              line-height: 1.6; } }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in {
        flex-direction: column; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo {
            flex-direction: column;
            row-gap: 20px; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo:not(:first-child) {
          margin-top: clamp(30px, 5.455vw, 60px);
          padding-top: clamp(30px, 5.455vw, 60px);
          border-top: 1px solid #5D435A; }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in {
          width: 58.33%;
          display: flex;
          flex-direction: column;
          row-gap: 20px; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in {
              width: 100%; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in .text_ttl {
            font-size: clamp(16px, 1.637vw, 18px);
            color: #5D435A;
            letter-spacing: -0.05em; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in .text_ttl {
                font-size: 3.8vw; } }
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in .text_ttl .big {
              display: block;
              font-size: 157%; }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in .text {
            font-size: clamp(13px, 1.364vw, 15px); }
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .text_in .text .cap_l {
              display: block; }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .photo {
          width: 37.99%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item05 .sec01_item05_in .text_photo .photo {
              width: fit-content;
              margin: 0 auto; } }
    .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 {
      align-items: flex-start;
      flex-direction: column;
      row-gap: 30px;
      max-width: 1100px;
      margin: 0 auto; }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over {
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over {
            flex-direction: column;
            row-gap: 20px; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group {
          width: 52.82%;
          position: relative; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group {
              width: 100%; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group .shikihai_img img {
            mix-blend-mode: multiply; }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group .shikihai_img .cap {
            bottom: 8%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group .shikihai_img .cap {
                bottom: 7%; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group .shikihai_hanrei {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 56.12%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .sec01_item06_over .shikihai_img_group .shikihai_hanrei {
                width: 70%; } }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group {
        flex-direction: column;
        row-gap: clamp(20px, 2.5vw, 30px);
        justify-content: flex-start; }
        @media screen and (max-width: 820px) {
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group {
            row-gap: 15px; } }
        @media screen and (max-width: 480px) {
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group {
            row-gap: 25px; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.first {
          width: 44.55%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.first {
              width: 100%; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.second {
          width: 100%;
          flex-direction: row;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.second {
              flex-direction: column;
              row-gap: 20px; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.second .text_group_in {
            width: 43.64%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.second .text_group_in {
                width: 100%; } }
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.second .text_group_in.first_cont {
              width: 52.73%; }
              @media screen and (max-width: 480px) {
                .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.second .text_group_in.first_cont {
                  width: 100%; } }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.third {
          width: 100%;
          flex-direction: row;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.third {
              flex-direction: column;
              row-gap: 20px; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.third .text_group_in {
            width: 31.82%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.third .text_group_in {
                width: 100%; } }
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group.third .text_group_in .image {
              margin-top: 10px; }
      .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 10px; }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in .point_name {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          column-gap: 10px;
          font-size: clamp(15px, 1.834vw, 22px);
          line-height: 1; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in .point_name {
              font-size: 4.6vw; } }
          .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in .point_name .alphabet {
            font-size: 90%;
            color: #FFF;
            width: 1.2em;
            aspect-ratio: 1;
            line-height: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #5D435A; }
        .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in .point_read {
          font-size: clamp(12px, 1.334vw, 16px);
          line-height: 1.6; }
          @media screen and (max-width: 820px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in .point_read {
              font-size: 12px; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec01 .sec01_group .sec01_group_in .sec01_item06 .text_group_in .point_read {
              font-size: 13px; } }

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