/*! Writen  by SCSS */
.pre-inc .inner_main {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px; }
  .pre-inc .inner_main .concept_area_in {
    aspect-ratio: 1920/1080;
    position: relative; }
    @media screen and (max-width: 820px) {
      .pre-inc .inner_main .concept_area_in {
        aspect-ratio: 4/3; } }
    @media screen and (max-width: 480px) {
      .pre-inc .inner_main .concept_area_in {
        aspect-ratio: 750/1080; } }
    .pre-inc .inner_main .concept_area_in .under_bg_wrap {
      position: absolute;
      inset: 0; }
      .pre-inc .inner_main .concept_area_in .under_bg_wrap .under_bg {
        position: absolute;
        inset: 0; }
        .pre-inc .inner_main .concept_area_in .under_bg_wrap .under_bg:before {
          content: "";
          position: absolute;
          inset: 0;
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("../images/concept/main_bg.jpg");
          z-index: -1;
          transition: 1.2s clip-path cubic-bezier(0.75, 0, 0.25, 1) 0.2s; }
          @media screen and (max-width: 480px) {
            .pre-inc .inner_main .concept_area_in .under_bg_wrap .under_bg:before {
              background-image: url("../images/concept/main_bg_sp.jpg"); } }
    .pre-inc .inner_main .concept_area_in .bimata_group {
      flex-direction: column;
      text-align: center;
      padding-top: 8%;
      row-gap: clamp(20px, 2.632vw, 50px); }
      @media screen and (max-width: 820px) {
        .pre-inc .inner_main .concept_area_in .bimata_group {
          padding-top: 14%; } }
      @media screen and (max-width: 480px) {
        .pre-inc .inner_main .concept_area_in .bimata_group {
          padding-top: 25%; } }
      .pre-inc .inner_main .concept_area_in .bimata_group .bimata {
        width: 63.05%;
        margin: auto;
        position: relative; }
        @media screen and (max-width: 820px) {
          .pre-inc .inner_main .concept_area_in .bimata_group .bimata {
            width: 70%; } }
        @media screen and (max-width: 480px) {
          .pre-inc .inner_main .concept_area_in .bimata_group .bimata {
            width: calc(100% - 40px);
            text-align: center; } }
        .pre-inc .inner_main .concept_area_in .bimata_group .bimata sup {
          position: absolute;
          right: 0;
          bottom: 50%; }
      .pre-inc .inner_main .concept_area_in .bimata_group .bimata_read {
        font-size: clamp(20px, 1.579vw, 30px);
        line-height: 1.6;
        text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.7), 0px 0px 1px rgba(255, 255, 255, 0.7), 0px 0px 2px rgba(255, 255, 255, 0.7), 0px 0px 3px rgba(255, 255, 255, 0.7), 0px 0px 4px rgba(255, 255, 255, 0.7), 0px 0px 5px rgba(255, 255, 255, 0.7), 0px 0px 6px rgba(255, 255, 255, 0.7), 0px 0px 7px rgba(255, 255, 255, 0.7), 0px 0px 8px rgba(255, 255, 255, 0.7), 0px 0px 9px rgba(255, 255, 255, 0.7), 0px 0px 10px rgba(255, 255, 255, 0.7);
        letter-spacing: 0.1em;
        -webkit-text-stroke: 2px #fff;
        text-stroke: 2px #fff;
        paint-order: stroke; }
        @media screen and (max-width: 480px) {
          .pre-inc .inner_main .concept_area_in .bimata_group .bimata_read {
            font-size: 15px; } }
      .pre-inc .inner_main .concept_area_in .bimata_group .bimata_copy {
        position: absolute;
        left: 8.34%;
        bottom: 23.15%;
        text-align: left;
        font-size: clamp(12px, 0.843vw, 16px);
        text-shadow: 0px 0px 0px white, 0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px white, 0px 0px 4px white, 0px 0px 5px white, 0px 0px 6px white, 0px 0px 7px white, 0px 0px 8px white, 0px 0px 9px white, 0px 0px 10px white;
        -webkit-text-stroke: 2px #fff;
        text-stroke: 2px #fff;
        paint-order: stroke;
        line-height: 2.66; }
        @media screen and (max-width: 1200px) {
          .pre-inc .inner_main .concept_area_in .bimata_group .bimata_copy {
            line-height: 2; } }
        @media screen and (max-width: 820px) {
          .pre-inc .inner_main .concept_area_in .bimata_group .bimata_copy {
            bottom: 20%;
            left: 5%; } }
        @media screen and (max-width: 480px) {
          .pre-inc .inner_main .concept_area_in .bimata_group .bimata_copy {
            position: static;
            text-align: center; } }
    .pre-inc .inner_main .concept_area_in .main_deco {
      position: absolute;
      left: 8.34%;
      bottom: 5.56%;
      width: 27.19%; }
      @media screen and (max-width: 820px) {
        .pre-inc .inner_main .concept_area_in .main_deco {
          width: 40%;
          left: 5%; } }
      @media screen and (max-width: 480px) {
        .pre-inc .inner_main .concept_area_in .main_deco {
          bottom: 20px;
          width: 59.74%; } }
@media screen and (max-width: 480px) {
  .pre-inc .genre_area .sp_none {
    display: none; } }
.pre-inc .genre_area .genre_read {
  font-size: clamp(10px, 0.948vw, 18px); }
  @media screen and (max-width: 820px) {
    .pre-inc .genre_area .genre_read {
      font-size: 1.2vw;
      line-height: 1.4; } }
  @media screen and (max-width: 480px) {
    .pre-inc .genre_area .genre_read {
      font-size: 11px;
      line-height: 1.75; } }
  .pre-inc .genre_area .genre_read .small {
    font-size: 70%; }
.pre-inc .genre_area .genre_group {
  flex-direction: column;
  row-gap: clamp(40px, 4.211vw, 80px); }
  @media screen and (max-width: 480px) {
    .pre-inc .genre_area .genre_group {
      row-gap: 40px; } }
  .pre-inc .genre_area .genre_group .genre_in {
    width: calc(100% - 60px);
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 820px) {
      .pre-inc .genre_area .genre_group .genre_in {
        width: calc(100% - 40px); } }
.pre-inc .genre_area .shop_gourmet {
  position: relative; }
  .pre-inc .genre_area .shop_gourmet .item_group {
    position: absolute;
    inset: 0;
    bottom: auto;
    width: 100%;
    top: 4.77%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 1; }
    @media screen and (max-width: 820px) {
      .pre-inc .genre_area .shop_gourmet .item_group {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .pre-inc .genre_area .shop_gourmet .item_group {
        position: relative;
        inset: auto;
        margin: 0 auto;
        flex-direction: column;
        row-gap: 30px; } }
    .pre-inc .genre_area .shop_gourmet .item_group .image01 {
      width: 16.16%; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .shop_gourmet .item_group .image01 {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .shop_gourmet .item_group .image01 .cap {
          padding: 0;
          bottom: 5px; } }
    .pre-inc .genre_area .shop_gourmet .item_group .text_group {
      width: 58.38%;
      display: flex;
      flex-direction: column;
      row-gap: clamp(30px, 3.685vw, 70px); }
      @media screen and (max-width: 820px) {
        .pre-inc .genre_area .shop_gourmet .item_group .text_group {
          row-gap: 20px; } }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .shop_gourmet .item_group .text_group {
          width: 100%;
          row-gap: 30px; } }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .shop_gourmet .item_group .text_group .ttl {
          width: 90%; } }
      .pre-inc .genre_area .shop_gourmet .item_group .text_group .genre_read {
        width: 65%; }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .shop_gourmet .item_group .text_group .genre_read {
            width: 70%; } }
    .pre-inc .genre_area .shop_gourmet .item_group .woman {
      position: absolute;
      right: 17%;
      top: 25%;
      width: 15.67%;
      z-index: 1; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .shop_gourmet .item_group .woman {
          right: -8%;
          top: auto;
          bottom: -24%;
          width: 40%; } }
    .pre-inc .genre_area .shop_gourmet .item_group .image02 {
      width: 13.56%; }
      .pre-inc .genre_area .shop_gourmet .item_group .image02 .cap {
        bottom: auto;
        top: 100%; }
  @media screen and (max-width: 480px) {
    .pre-inc .genre_area .shop_gourmet .eon_img {
      margin-top: 30px; } }
  .pre-inc .genre_area .shop_gourmet .eon_img img {
    width: 100%; }
@media screen and (max-width: 480px) {
  .pre-inc .genre_area .car_bus {
    flex-direction: column;
    row-gap: 40px; } }
.pre-inc .genre_area .car_bus .car_group {
  width: 43.37%; }
  @media screen and (max-width: 480px) {
    .pre-inc .genre_area .car_bus .car_group {
      width: 100%; } }
  .pre-inc .genre_area .car_bus .car_group .image01 {
    margin: 0 auto; }
    .pre-inc .genre_area .car_bus .car_group .image01 .cap {
      bottom: 17%; }
  .pre-inc .genre_area .car_bus .car_group .text_image {
    position: relative;
    width: 87.5%;
    margin: -2.5% auto 0;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .pre-inc .genre_area .car_bus .car_group .text_image {
        margin: -5% auto 0; } }
    .pre-inc .genre_area .car_bus .car_group .text_image .genre_read {
      width: 64.29%; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .car_bus .car_group .text_image .genre_read {
          margin-top: 10px; } }
    .pre-inc .genre_area .car_bus .car_group .text_image .image02 {
      width: 39.72%; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .car_bus .car_group .text_image .image02 {
          margin-right: -8%;
          width: 55%; } }
.pre-inc .genre_area .car_bus .bus_group {
  width: 55.83%;
  position: relative; }
  @media screen and (max-width: 480px) {
    .pre-inc .genre_area .car_bus .bus_group {
      width: 100%; } }
  .pre-inc .genre_area .car_bus .bus_group .image01 {
    margin: 0 auto; }
    .pre-inc .genre_area .car_bus .bus_group .image01 .cap {
      bottom: auto;
      top: 100%; }
    .pre-inc .genre_area .car_bus .bus_group .image01 .shark {
      position: absolute;
      right: 29.04%;
      top: -6%;
      width: 35.92%; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .car_bus .bus_group .image01 .shark {
          right: 4.04%;
          top: 39%;
          width: 60%; } }
  .pre-inc .genre_area .car_bus .bus_group .text_group {
    position: absolute;
    left: 4.86%;
    top: 28%;
    width: 48.55%;
    display: flex;
    flex-direction: column;
    row-gap: clamp(20px, 2.106vw, 40px);
    z-index: 1; }
    @media screen and (max-width: 1200px) {
      .pre-inc .genre_area .car_bus .bus_group .text_group {
        row-gap: 15px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .genre_area .car_bus .bus_group .text_group {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin: 40px auto 0;
        row-gap: 25px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .genre_area .car_bus .bus_group .text_group .ttl {
        width: 75%; } }
    .pre-inc .genre_area .car_bus .bus_group .text_group .genre_read {
      width: 72%; }
      @media screen and (max-width: 820px) {
        .pre-inc .genre_area .car_bus .bus_group .text_group .genre_read {
          width: 78%; } }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .car_bus .bus_group .text_group .genre_read {
          width: 100%; } }
.pre-inc .genre_area .beach_park {
  width: calc(100% - 60px);
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .pre-inc .genre_area .beach_park {
      flex-direction: column;
      row-gap: 50px; } }
  .pre-inc .genre_area .beach_park .beach_group {
    position: relative;
    width: 47.16%; }
    @media screen and (max-width: 820px) {
      .pre-inc .genre_area .beach_park .beach_group {
        width: 51%; } }
    @media screen and (max-width: 480px) {
      .pre-inc .genre_area .beach_park .beach_group {
        width: 100%; } }
    .pre-inc .genre_area .beach_park .beach_group .title_group {
      justify-content: flex-end;
      position: relative;
      z-index: 1; }
      .pre-inc .genre_area .beach_park .beach_group .title_group .title {
        width: 28.74%;
        position: relative; }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .beach_park .beach_group .title_group .title {
            width: 41.67%; } }
        .pre-inc .genre_area .beach_park .beach_group .title_group .title .deco {
          position: absolute;
          width: 52.4%;
          bottom: -10%;
          left: -30%; }
          @media screen and (max-width: 480px) {
            .pre-inc .genre_area .beach_park .beach_group .title_group .title .deco {
              bottom: auto;
              top: -5%;
              left: -35%; } }
    .pre-inc .genre_area .beach_park .beach_group .photo_text {
      position: relative;
      justify-content: flex-start;
      align-items: center;
      column-gap: 4.6%;
      margin-top: -16%;
      z-index: 1; }
      .pre-inc .genre_area .beach_park .beach_group .photo_text .photo {
        width: 30.81%; }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .beach_park .beach_group .photo_text .photo {
            width: 45%; } }
      .pre-inc .genre_area .beach_park .beach_group .photo_text .genre_read {
        margin-top: 11%;
        width: 54.03%; }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .beach_park .beach_group .photo_text .genre_read {
            margin-top: 15%; } }
    .pre-inc .genre_area .beach_park .beach_group .photo .circle_photo {
      position: absolute;
      left: 0;
      top: 0;
      width: 61.96%; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .beach_park .beach_group .photo .circle_photo {
          position: relative;
          left: auto;
          top: auto;
          width: 90%;
          margin: -10% auto 5px; } }
  .pre-inc .genre_area .beach_park .park_group {
    width: 46.89%;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 30px; }
    @media screen and (max-width: 480px) {
      .pre-inc .genre_area .beach_park .park_group {
        width: 100%;
        row-gap: 40px;
        flex-direction: column-reverse; } }
    .pre-inc .genre_area .beach_park .park_group .park_over {
      position: relative;
      z-index: 1; }
      .pre-inc .genre_area .beach_park .park_group .park_over .photo {
        position: relative; }
        .pre-inc .genre_area .beach_park .park_group .park_over .photo .deco {
          position: absolute;
          right: 15.03%;
          bottom: -25%;
          width: 41.28%; }
          @media screen and (max-width: 480px) {
            .pre-inc .genre_area .beach_park .park_group .park_over .photo .deco {
              bottom: 68%;
              right: 2%;
              width: 59.5%; } }
    .pre-inc .genre_area .beach_park .park_group .park_under {
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .pre-inc .genre_area .beach_park .park_group .park_under {
          width: 100%;
          flex-direction: column;
          row-gap: 30px; } }
      .pre-inc .genre_area .beach_park .park_group .park_under .title_img {
        width: 28.91%; }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .beach_park .park_group .park_under .title_img {
            width: 88.33%;
            margin-left: auto; } }
      .pre-inc .genre_area .beach_park .park_group .park_under .text_group {
        width: 59.89%;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        row-gap: clamp(20px, 2.106vw, 40px); }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .beach_park .park_group .park_under .text_group {
            width: 100%;
            margin-top: 0; } }
        @media screen and (max-width: 480px) {
          .pre-inc .genre_area .beach_park .park_group .park_under .text_group .ttl {
            width: 85.83%; } }

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