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

.sec01 .midashi_group.first {
  text-align: center;
  margin-bottom: clamp(50px, 7.5vw, 120px); }

.sec02 {
  padding: clamp(60px, 7.5vw, 120px) 0 0; }
  .sec02 .sec02_item01 {
    margin-bottom: clamp(120px, 12.5vw, 200px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item01 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item01 .inner {
        width: 100%; } }
    .sec02 .sec02_item01 .text_group {
      width: 81.25%;
      margin-left: auto;
      padding: clamp(50px, 5vw, 80px) 0 clamp(40px, 3.75vw, 60px);
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .text_group {
          width: 80%;
          padding: 30px 0; } }
      .sec02 .sec02_item01 .text_group:before {
        content: "";
        position: absolute;
        inset: 0;
        aspect-ratio: 1300/502;
        z-index: -1;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/design/bg01.jpg"); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .text_group:before {
            aspect-ratio: 600/502; } }
      .sec02 .sec02_item01 .text_group .midashi_group {
        text-align: center;
        margin-bottom: 0;
        row-gap: clamp(20px, 2.5vw, 40px); }
        .sec02 .sec02_item01 .text_group .midashi_group .sec_ttl {
          color: #000; }
        .sec02 .sec02_item01 .text_group .midashi_group .read {
          font-size: clamp(13px, 1.25vw, 20px); }
    .sec02 .sec02_item01 .parse_img02 {
      width: 55.21%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .parse_img02 {
          width: 80%; } }
  .sec02 .sec02_item02 {
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item02 {
        margin-bottom: 50px; } }
    .sec02 .sec02_item02 .midashi_group {
      margin-bottom: 0; }
    .sec02 .sec02_item02 .layout_map_wrap {
      position: relative; }
      .sec02 .sec02_item02 .layout_map_wrap .layout_img {
        width: 87.94%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item02 .layout_map_wrap .layout_img {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item02 .layout_map_wrap .layout_img .layout_map {
            margin: 0 -30px; } }
        .sec02 .sec02_item02 .layout_map_wrap .layout_img .layout_map .cap {
          right: 5%;
          bottom: 10%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item02 .layout_map_wrap .layout_img .layout_map .cap {
              bottom: 5%; } }
      .sec02 .sec02_item02 .layout_map_wrap .map_list {
        position: absolute;
        right: 0;
        top: 5%;
        flex-direction: column;
        gap: 10px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item02 .layout_map_wrap .map_list {
            position: static;
            display: block;
            column-count: 2;
            gap: 0 2%; } }
        .sec02 .sec02_item02 .layout_map_wrap .map_list .list_txt {
          display: flex;
          justify-content: flex-start;
          gap: 0 15px;
          font-size: clamp(12px, 1.125vw, 18px); }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item02 .layout_map_wrap .map_list .list_txt {
              gap: 0 10px; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item02 .layout_map_wrap .map_list .list_txt:not(:first-child) {
              margin-top: 5px; } }
          .sec02 .sec02_item02 .layout_map_wrap .map_list .list_txt .num {
            color: #FFF;
            text-align: center;
            width: clamp(20px, 1.875vw, 30px);
            aspect-ratio: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #b2891a; }
  .sec02 .sec02_item03 {
    max-width: 1400px;
    margin: -3% auto clamp(60px, 6.25vw, 100px);
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item03 {
        flex-direction: column;
        row-gap: 30px; } }
    .sec02 .sec02_item03 .item {
      width: 28.58%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item03 .item {
          width: 100%; } }
      .sec02 .sec02_item03 .item .item_ttl {
        display: flex;
        justify-content: flex-start;
        gap: 0 15px;
        font-size: clamp(15px, 1.125vw, 18px); }
        .sec02 .sec02_item03 .item .item_ttl .num {
          color: #FFF;
          text-align: center;
          width: 30px;
          aspect-ratio: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #b2891a; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item03 .item .item_ttl .num {
              width: 25px; } }
      .sec02 .sec02_item03 .item .photo {
        margin: 10px 0 20px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item03 .item .photo {
            margin: 10px 0; } }
      .sec02 .sec02_item03 .item .item_read {
        font-size: clamp(13px, 1vw, 16px); }
  .sec02 .sec02_item04 {
    margin-bottom: clamp(30px, 3.75vw, 60px);
    padding: clamp(40px, 3.75vw, 60px) 0 10px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/design/bg_pickup.jpg"); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item04 {
        padding: 30px 0 20px; } }
    .sec02 .sec02_item04 .pickup_ttl {
      max-width: 1400px;
      align-items: center;
      column-gap: 40px;
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .pickup_ttl {
          margin-bottom: 15px;
          column-gap: 25px; } }
      .sec02 .sec02_item04 .pickup_ttl:before, .sec02 .sec02_item04 .pickup_ttl:after {
        content: "";
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 0.2); }
      .sec02 .sec02_item04 .pickup_ttl .jost {
        font-size: clamp(18px, 1.5vw, 24px);
        flex-shrink: 0;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .pickup_ttl .jost {
            font-size: 15px; } }
    .sec02 .sec02_item04 .pickup_name {
      text-align: center;
      font-size: clamp(24px, 2.25vw, 36px);
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .pickup_name {
          font-size: 5vw; } }
    .sec02 .sec02_item04 .parking_group {
      display: grid;
      grid-template-columns: 60.625% 37%;
      align-items: center;
      gap: clamp(20px, 2.5vw, 40px) 0; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item04 .parking_group {
          grid-template-columns: 100%;
          flex-direction: column;
          row-gap: 20px; } }
      .sec02 .sec02_item04 .parking_group .parking_cont {
        position: relative;
        margin-right: 6.25%;
        margin-left: -37.5%; }
        @media screen and (max-width: 1200px) {
          .sec02 .sec02_item04 .parking_group .parking_cont {
            margin-right: 0; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .parking_group .parking_cont {
            margin-right: 20px;
            margin-left: 20px; } }
      .sec02 .sec02_item04 .parking_group .parking01 {
        position: relative;
        margin-top: 40px;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 820px) {
          .sec02 .sec02_item04 .parking_group .parking01 {
            margin-top: 20px; } }
        .sec02 .sec02_item04 .parking_group .parking01 .parking_txt {
          width: 65.64%;
          margin-left: auto;
          font-size: clamp(12px, 1vw, 16px);
          line-height: 2.25; }
          @media screen and (max-width: 820px) {
            .sec02 .sec02_item04 .parking_group .parking01 .parking_txt {
              width: 70%;
              line-height: 1.8;
              font-size: 11px; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item04 .parking_group .parking01 .parking_txt {
              width: 100%; } }
      .sec02 .sec02_item04 .parking_group .parking02 {
        grid-column: 1/2;
        grid-row: 1/3; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .parking_group .parking02 {
            grid-column: auto;
            grid-row: auto; } }
        .sec02 .sec02_item04 .parking_group .parking02 .cap {
          right: auto;
          left: 15%;
          bottom: 5%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item04 .parking_group .parking02 .cap {
              right: 10px;
              left: auto; } }
      .sec02 .sec02_item04 .parking_group .parking03 {
        align-self: flex-start; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item04 .parking_group .parking03 {
            flex-direction: column;
            row-gap: 10px; } }
        .sec02 .sec02_item04 .parking_group .parking03 .parking_item {
          width: 32.18%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item04 .parking_group .parking03 .parking_item {
              width: 100%;
              display: flex;
              justify-content: space-between;
              align-items: center;
              column-gap: 10px; } }
          .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_ttl {
            font-size: clamp(18px, 1.5vw, 24px);
            letter-spacing: 0.1em;
            line-height: 0.75; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_ttl {
                font-size: 6.4vw;
                line-height: 1;
                text-align: center; } }
            .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_ttl .big {
              font-size: 150%; }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_ttl .big {
                  display: block; } }
          .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box {
            background: #FFF;
            padding: 20px 5px;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box {
                flex-grow: 1;
                padding: 12px 5px; } }
            .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt {
              font-size: clamp(11px, 1.059vw, 18px);
              text-align: center; }
              @media screen and (max-width: 820px) {
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt {
                  font-size: 1.2vw; } }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt {
                  font-size: 3.6vw; } }
              .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span {
                display: inline-block;
                line-height: 1; }
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span.brown {
                  color: #b2891a; }
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span.big {
                  font-size: 333%; }
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span.big02 {
                  font-size: 166%; }
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span.big03 {
                  font-size: 116%;
                  line-height: 1.6; }
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span.block {
                  display: block; }
                .sec02 .sec02_item04 .parking_group .parking03 .parking_item .parking_box .point_txt span.sub {
                  margin-top: 5px;
                  display: block;
                  font-size: 77%; }

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