@media (1600px >= width) {
  #facilities {
    .block-main-content {
      .information {
        .row {
          .bg-image-rc {
            right: 10%;
          }
        }
      }
    }
  }
}
@media (1440px >= width) {
  header {
    .side-menu {
      .menu-content {
        .group-menu {
          padding: 20px 0 20px 126px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 100%;
        }
        .social {
          ul {
            margin-bottom: 22.88px;
          }
        }
      }
    }
    .right-block {
      height: 100%;
    }
  }
  .block-guest-room {
    .block-bar-top {
      img.bg-image-left {
        bottom: 65px;
      }
    }
    .guest-content {
      .card-content {
        margin-top: 150px;
        .text-title {
          img.sub-image-title {
            top: -115px;
            left: -15px;
          }
        }
      }
      .card-image {
        margin-bottom: -150px;
      }
    }
  }
  #events-details,
  #experience-details {
    .block-details {
      .bg-bar-top {
        height: 270px;
      }
    }
  }
  #about,
  #facilities {
    .block-main-content {
        .row-main {
            .card {
                .card-body {
                    .card-text {
                        margin-left: 5%;
                    }
                }
            }
        }
      .information {
        .row {
          .bg-image-rc {
            right: 5.5%;
          }
        }
      }
    }
  }
  #accommodation-plans {
    .block-main-content {
      .acc-plans {
        .accommodation-search {
          &::before {
            content: "";
            background: linear-gradient(to bottom, transparent 0%, transparent 12%, #154585 12%, #154585 85%, transparent 85%, transparent 100%);
          }
        }
      }
    }
  }
  #events {
    .events {
      .container {
        .wrap {
          margin-top: 20px;
        }
      }
    }
  }
  .block-experiences {
    padding-top: 65px;
    margin-top: -65px;
    overflow: hidden;
  }
}
@media (1200px >= width) {
  .slider-container {
    .group-slide {
      .caption {
        .image-title-bottom {
          bottom: 0px;
          right: 40px;
        }
      }
    }
  }
  .block-guest-room {
    .block-bar-top {
      img.bg-image-left {
        bottom: 65px;
      }
    }
    .guest-content {
      padding: 0 20px;
        .card-content {
          margin-top: 150px;
          .text-title {
            img.sub-image-title {
              top: -115px;
              left: -15px;
            }
          }
        }
      .card-image {
        margin-bottom: -150px;
        img {
          width: 100%;
        }
      }
    }
  }
  [class^="block-"] {
    .wrap {
      .carousel-container {
        .carousel-items {
          gap: 21px;
          .item {
            min-width:  273px;
              .card {
                  padding: 28px;
              }
          }
        }
      }
    }
  }
  #experience-reservation-confirmation,
  #experience-reservation,
  #contact,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-contact {
      .card {
        .card-body {
          .card-row {
            .card-col {
              textarea,
              input {
                width: 470px;
              }
            }
          }
        }
      }
      .block-policy {
        .checkbox-policy {
          width: 470px;
        }
      }
    }
  }
  #about,
  #facilities {
    .block-main-content {
      .row-main {
        margin-bottom: 0;
          .card {
              .card-body {
                align-items: center;
                gap: 0;
                .card-text {
                  margin-top: 0;
                }
              }
          }
      }
      .information {
        .row {
          .card {
            .card-body {
              .line {
                height: auto;
                margin-bottom: 49px;
                .right {
                  width: 70%;
                }
              }
            }
          }
        }
      }
    }
  }
  #privacypolicy {
    .privacypolicy-section {
      .container {
        padding: 0px 30px;
      }
    }
  }
  #experience {
    .experiences {
      .wrap {
        .card {
          width: 100%;
        }
      }
    }
  }
  #events-details, #experience-details {
    .block-details {
      .main-card {
        .card {
          margin-bottom: 148px;
          .card-image {
            padding-right: 20px;
            img {
              width: 100%;
              height: auto;
              object-fit: cover;
              margin-left: 0px;
              margin-bottom: 0px;
            }
          }
        }
      }
      .bg-bar-bottom {
        margin-top: -40px;
      }
    }
  }
  #accommodation-plans {
    .block-main-content {
      .acc-plans {
        .accommodation-search {
          &::before {
            content: "";
            background: linear-gradient(to bottom, transparent 0%, transparent 12%, #154585 12%, #154585 90%, transparent 90%, transparent 100%);
          }
        }
        .main-block {
          .main-card {
            .card {
              .dinner-meal {
                .bbq-list {
                  ul {
                    display: flex;
                    grid-template-columns: none;
                    gap: 20px 10px;
                    flex-wrap: wrap;
                    li.col-01,
                    li.col-05,
                    li.col-02,
                    li.col-07,
                    li.col-03,
                    li.col-06,
                    li.col-04 {
                      width: 23%;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  #about {
    .block-main-content {
      .company-overview {
        .row {
          .card {
            .card-body {
              .line {
                margin-bottom: 0;
              }
            }
          }
        }
      }
    }
  }
}
@media (1024px >= width) {
  header {
    nav {
      display: none;
    }
  }
  .block-about {
    .about-content {
      text-shadow: 0px 0px 3px #FFF;
    }
  }
  [class^="block-"] {
    .wrap {
      .carousel-container {
        .carousel-items {
          .item {
            .card {
              .content {
                h3 {
                  margin-bottom: 4px;
                  font-weight: 700;
                  font-size: 16px;
                    i {
                      margin: 0 6px;
                    }
                }
                p.date {
                  font-size: 13px;
                  gap: 13px;
                  margin-bottom: 11px;
                  span {
                    width: 69px;
                    height: 24px;
                    font-size: 9px;
                  }
                }
                p.description {
                  font-weight: 500;
                  margin-top: 13px;
                    br {
                      display: none;
                    }
                }
              }
            }
          }
        }
      }
    }
  }
  .block-guest-room {
    .guest-content {
      flex-direction: column;
      row-gap: 47px;
    }
  }
  footer {
    h1.foot-title {
      font-size: 45px;
      height: 40px;
    }
  }
  #news-details {
    .news-details-section {
      .container {
        .news-details-list {
          img.sunflowers {
            right: -90px;
          }
          img.crab {
            left: -100px;
          }
          img.bamboo {
            right: -125px;
          }
        }
      }
    }
  }
  .block-sightseeing-map {
    .sightseeing-map {
      .map-index {
        > div {
          img {
            width: 70%;
          }
        }
      }
    }
  }
  #map-page {
    .block-sightseeing-map {
      .group-map {
        .card {
          img[class^="bg-"] {
            width: 14%;
          }
        }
        .block-main {
          .card {
            .card-content {
              .block-image {
                img.sub-image-right,
                img.sub-image-left {
                  width: 50%;
                }
              }
            }
          }
        }
        .block-main,
        article {
          .card {
            .card-content {
              padding: 0 0 0 60px;
              .check-action {
                text-align: center;
              }
            }
            .block-image {
              img {
                width: 50%;
              }
              img:first-child {
                width: 100%;
              }
            }
          }
        }
        article:nth-child(even) {
          .card {
            .card-content {
              .check-action {
                text-align: center;
              }
            }
          }
        }
        article:nth-child(2n) {
          .card {
            .card-content {
              padding: 0 60px 0 0px;
            }
          }
        }
      }
    }
  }
  #experience-reservation-confirmation,
  #experience-reservation,
  #contact,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-contact {
      .card {
        padding: 69px 30px;
        .card-body {
          .card-row {
            .card-col {
              label {
                min-width: 180px;
              }
            }
          }
        }
      }
      .block-policy {
        .checkbox-policy {
          justify-content: center;
          width: 100%;
        }
      }
    }
  }
  #event-reservation-confirmation,
  #experience-reservation-confirmation,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-content {
      .payment-information {
        .payment-method {
          width: 100%;
        }
      }
    }
  }
  #privacypolicy {
    .privacypolicy-section {
        .container {
            .privacypolicy-items {
                &:nth-child(2) {
                    .cucumber {
                        left: -100px;
                    }
                }
            }
        }
    }
  }
  #accommodation-plans,
  #accommodation-search {
    .block-main-content {
      .accommodation-search {
        .row {
          .card {
            .card-body {
              .card-image {
                .sub-block {
                  h4 {
                    margin-bottom: 10px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  #accommodation-plans {
    .block-main-content {
      .acc-plans {
        .main-block {
          .main-card {
            .card {
              .dinner-meal {
                .bbq-list {
                  ul {
                    justify-content: space-between;
                    li.col-01,
                    li.col-05,
                    li.col-02,
                    li.col-07,
                    li.col-03,
                    li.col-06,
                    li.col-04 {
                      width: 39%;
                    }
                  }
                }
              }
              .card-body {
                .card-title {
                  h3 {
                    span.sluge {
                      display: none;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  #about {
    .block-main-content {
      .row-main {
        .card {
          .card-body {
            .card-block-style {
              width: 90%;
              margin-left: 5%;
            }
          }
        }
      }
      .greeting-our-origins {
        .card {
          .card-body {
            .description {
              p {
                width: 100%;
              }
            }
          }
        }
        .our-origins {
          .card {
            .card-body {
              .card-image {
                .sub-image-block-main {
                  width: 135px;
                  top: -125px;
                }
              }
              .description {
                p {
                  width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (920px >= width) {
  header {
    .side-menu {
      .menu-content {
        .group-menu {
          padding: 65px 40px;
          display: block;
        }
        .right-block {
          img.image-bg-right {
            width: 50%;
          }
        }
      }
    }
  }
  .slider-container {
    .group-slide {
      .caption {
        .image-title-bottom {
          bottom: 8px;
          right: 10px;
          width: 210px;
            img.left {
              width: 100%;
            }
            img.right {
              position: absolute;
              top: 0px;
              left: 107px;
              width: 150px;
            }
        }
      }
    }
  }
  .block-about {
    .about-image {
      .block-bottom {
        padding: 0 2.5%;
          img {
            width: 100%;
          }
      }
    }
  }
  .block-guest-room {
    .block-bar-top {
      img.bg-image-left {
        bottom: 36px;
        width: 35%;
      }
      img.bg-image-right {
        top: 57px;
        right: 0;
        width: 35%;
      }
    }
  }
  #experience {
    .experiences {
      .hero-section {
        h2 {
            font-size: 28px;
        }
        p.subtitle {
            font-size: 20px;
        }
      .wrap-content {
        img.hero-crap {
          width: 163.52px;
          top: 330px;
          left: 29px;
        }
        .text-block {
          margin-top: 41px;
            p {
              font-size: 14px;
                strong {
                    font-size: 16px;
                    line-height: 31px;
                }
            }
        }
        img.hero-people-leaves {
          width: 108.07px;
          top: 310px;
          right: 33px;
        }
      }
    }
      .wrap {
        grid-template-columns: repeat(2, 1fr);
        /* margin-top: 241px; */
          .card {
            margin-top: 55px;
            padding: 27.5px;
              .badge {
                font-size: 11.3px;
                width: 65px;
                height: 65px;
              }
          }
          h2 {
            display: none;
          }
      }
    }
  }
  .block-sightseeing-map {
    .sightseeing-map {
      .map-index {
        > div {
          img {
            width: 60%;
          }
        }
      }
    }
  }
  #events-details,
  #experience-details {
    .block-details {
      .main-card {
        .card {
          flex-wrap: wrap;
          justify-content: center;
          .card-image {
            margin-top: 50px;
            padding: 0;
          }
          .card-content {
            h2 {
              span {
                margin-left: 5px;
                font-size: 16px;
                padding: 12px 20px;
              }
            }
          }
        }
      }
      .bg-bar-bottom {
        margin-top: -20px;
      }
    }
  }
  .block-sightseeing-map {
    .sightseeing-map {
      .map-index {
        > div {
          img {
            width: 60%;
          }
        }
      }
    }
  }
  #map-page {
    .block-sightseeing-map {
      .text-title {
        img.image-sub-title {
          right: -1%;
        }
      }
    }
  }
  #news {
    .block-news {
      margin-top: 242px ;
      .container {
        max-width: 90%;
        .news-list {
          .item {
            padding-bottom: 73px;
            align-items: flex-start;
            justify-content: space-between;
            margin: 0px 30px 15px 30px;
              .description {
                position: absolute;
                margin-top: 45px;
                font-weight: 500;
                font-size: 16px;
              }
            .tag {
              margin-right: 0px;
            }
            .date {
              font-size: 17px;
            }
            .arrow {
              top: 37px;
            }
          }
        }
        img.carb-flowers {
          right: 40px;
          top: -157px;
        }
        img.women {
          top: -223px;
          left: 10px;
          width: 170px;
        }
        img.tomato {
          position: absolute;
          right: -30px;
          bottom: -12px;
          width: 101.64px;
        }
        img.people {
          position: absolute;
          left: -70px;
          bottom: 2px;
          width: 141.12px;
        }
      }
    }
  }
  #news-details {
    .news-details-section {
      .container {
        width: 90%;
      }
    }
  }
  #events-details {
    .block-details {
      .main-card {
        .card {
          .card-content {
            h2 {
              font-size: 25px;
              span {
                margin-left: 15px;
                font-size: 14.73px;
                padding: 10px 0;
                width: 100px;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                height: auto;
              }
            }
            h3 {
              font-size: 30px;
            }
          }
        }
      }
    }
  }
  #event-reservation-confirmation,
  #event-reservation,
  #experience-reservation-confirmation,
  #experience-reservation,
  #contact,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-content {
      .bg-from {
          margin-bottom: -55px;
      }
    }
  }
  #accommodation-reservation {
    .block-content {
        .card {
            .card-body {
              padding: 17px 12px 41px 12px;
              .heade-title {
                h3 {
                    height: 47px;
                    font-size: 13px;
                    border-radius: 40px;
                }
              }
            }
            .choose-room {
                flex-direction: column-reverse;
                margin-left: 0px;
            }
            .room-layout {
                margin-left: 0px;
                margin-bottom: 35.5px;
                .entrance {
                    margin-left: 15px;
                }
                .room-boxes {
                  display: flex;
                  justify-content: center;
                }
            }
            .other-requests {
                flex-direction: column;
                gap: 6px;
                  .comment-area {
                    .note-area {
                      margin-top: 13px;
                    }
                }
            }
        }
    }
  }
  #about,
  #facilities {
    .block-main-content {
      .row-main {
        .card {
              .card-body {
                  .card-image {
                      .sub-image {
                        width: 40%;
                        top: -147px;
                        right: 0;
                      }
                  }
              }
          }
      }
      .facilities-map {
        .row {
          .text-title {
            h3 {
              font-size: 28px;
            }
            small {
              font-size: 16px;
            }
          }
          .card {
            .card-body {
              .card-image {
                .sub-image {
                  width: 22%;
                  top: -46px;
                  right: 7px;
                }
              }
            }
          }
        }
        .bg-waves-bottom {
          .sub-bg-right {
            width: 30%;
          }
        }
        .bg-waves-top {
          .sub-bg-left {
            width: 30%;
          }
        }
      }
      .comfortable {
        .card {
          .card-body {
            gap: 0px;
            .description {
              h3 {
                font-size: 20px;
                margin-bottom: 10px;
                  span {
                    width: 40px;
                    height: 40px;
                    margin-right: 11px;
                  }
              }
              p {
                font-size: 14px;
              }
            }
            .bg-image {
              width: 20%;
              bottom: -86px;
            }
          }
        }
      }
      .information {
        .row {
          .card {
            .card-body {
              .line {
                height: auto;
                margin-bottom: 49px;
              }
            }
          }
        }
      }
    }
  }
  #accommodation-plans,
  #accommodation-search {
    .block-main-content {
      .accommodation-search {
        .bg-waves-bottom, & .bg-waves-top {
          height: 187px;
          > img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: -100px;
          }
        }
        .bg-waves-bottom, & .bg-waves-top {
          .sub-bg-right {
            display: none;
          }
          .sub-bg-left {
            top: -25px;
          }
        }
        .row {
          .card {
            gap: 3%;
            margin-bottom: 82px;
            flex-direction: column;
            .card-body {
              width: 100%;
              a {
                display: flex;
                align-items: center;
                text-align: center;
              }
              h3.block-title-hide {
                display: block;
                font-size: 14px;
                line-height: 31px;
                color: #FFF;
                font-weight: 500;
                flex: 1;
              }
              .card-image {
                flex: 1;
              }
            }
          }
        }
      }
      .result-search {
        .row {
          .card {
            .card-body {
              flex-direction: column;
              .left {
                justify-content: flex-start;
                flex-wrap: wrap;
              }
              .right {
                width: 100%;
                margin: 22px 0 0 0;
                padding: 22px 0 0 0;
                border-top: 2px solid #154585;
                border-left: 0;
              }
            }
          }
        }
      }
    }
  }
  #about {
    .block-main-content {
      .row-main {
        .card {
          .card-body {
            .card-block-style {
              .items {
                width: 291px;
                .card-title {
                  h4.sub-title {
                    font-size: 16px;
                  }
                  h3 {
                    font-size: 20px;
                  }
                }
                .sub-image {
                  top: -50px;
                  .bg-image-01 {
                    width: 65px;
                    margin-left: 40px;
                    margin-bottom: -9px;
                  }
                  .bg-image-02 {
                    width: 42px;
                    margin-left: 0px;
                    margin-top: 0px;
                  }
                }
                .sub-image.sub-image-02 {
                  top: -60px;
                  .bg-image-02 {
                    width: 80px;
                    margin-right: 30px;
                  }
                }
              }
              .items.item-cus {
                .sub-image {
                  top: -150px;
                  .left {
                    width: 123px;
                    .bg-image-03-top {
                      width: 37px;
                      margin-left: 70px;
                      margin-bottom: 20px;
                    }
                  }
                  .right {
                    width: 66px;
                    right: -25%;
                    bottom: -20px;
                    .bg-image-04-top {
                      width: 22px;
                      margin-left: 55px;
                      margin-bottom: -20px;
                    }
                  }
                }
                .card-title {
                  h3 {
                    font-size: 16px;
                    line-height: 31px;
                  }
                }
              }
              .items.item-right {
                margin-top: -50px;
                margin-bottom: -30px;
              }
            }
          }
        }
      }
      .company-overview {
        .row {
          .card {
            .card-body {
              .line {
                margin-bottom: 0;
              }
            }
          }
        }
      }
    }
  }
}
@media (768px >= width) {
  .slider-container {
    padding-bottom: 95px;
      .group-slide {
        .caption {
          .image-title-top {
            top: -24px;
            width: 109px;
            height: 138px;
              img.left {
                width: 100%;
              }
              img.right {
                width: 100%;
              }
          }
          .image-title-bottom {
            bottom: 0px;
            right: 50px;
            width: 129px;
              img.right {
                top: -16px;
                left: 64px;
                width: 120px;
              }
          }
        }
      }
  }
  .block-about {
    .about-content {
      position: static;
      text-shadow: none;
        .readmore {
          margin-bottom: 21px;
        }
    }
    .about-image {
      .image-items {
        img {
          width: 100%;
        }
        img.sub-image {
          width: 60%;
          top: 230px;
          left: 145px;
        }
      }
      .block-bottom {
        bottom: -50px;
      }
    }
  }
  .block-experiences {
    overflow: hidden;
      .wrap {
        img.bg-image-top {
          top: -150px;
        }
      }
  }
  .block-slide-events {
    overflow: hidden;
      .wrap {
        img.bg-image-right {
          top: -135px;
        }
    }
  }
  .block-guest-room {
    .block-bar-top {
      overflow: hidden;
    }
  }
  .news-section {
    .news-container {
      max-width: 90%;
      .news-list {
        .item {
          border-bottom: none;
          display: block;
            .description {
              display: block;
              margin-top: 15px;
              padding-top: 15px;
              border-top: 2px solid #FFF;
            }
            .arrow {
              bottom: 12px;
            }
        }
      }
    }
  }
  #experience {
    .experiences {
      .wrap {
        gap: 15px;
        .fruit {
          right: -60px;
          top: 60px;
        }
        .people {
          position: absolute;
          left: -107px;
          top: 456px;
            img  {
              width: 285.62px;
            }
        }
        .card {
          margin-top: 0;
          padding: 5%;
        }
      }
    }
    .hero-section {
      .wrap-content {
        flex-direction: column;
        img.hero-crap {
          display: none;
        }
        img.hero-people-leaves {
          position: static;
          width: 55%;
        }
        img.hero-people-leaves.pc {
          display: none;
        }
        img.hero-people-leaves.sp {
          display: block;
        }
      }
    }
  }
  #events {
    .events-banner {
      .wrap-content {
        img.tomatos {
          top: 430px;
        }
        img.birds {
          top: 330px;
        }
      }
    }
    .events {
      .container {
        .wrap {
          margin-top: 258px;
        }
      }
    }
    footer {
      h1.foot-title {
        font-size: 30px;
        height: 27px;
      }
    }
    .block-sightseeing-map {
      .sightseeing-map {
        .map-index {
          > div {
            img {
              width: 50%;
            }
          }
        }
      }
    }
    #map-page {
      .block-sightseeing-map {
        .group-map {
          article:nth-child(even),
          article {
            .card {
              flex-direction: column-reverse;
              .card-content {
                padding: 0;
              }
            }
          }
        }
      }
    }
    #news {
      .block-news {
        margin-top: 242px ;
        .container {
          max-width: 90%;
          img.tomato {
            display: none;
          }
          img.people {
            display: none;
          }
        }
      }
    }
    #news-details {
      .news-details-section {
        .container {
          .news-details-list {
            img.sunflowers {
              bottom: 0px;
              right: -90px;
            }
            img.bamboo {
              display: none;
            }
            .detail-content {
                img.crab {
                left: -65px;
                bottom: 30px;
              }
            }
          }
        }
      }
    }
  }
  #events-details,
  #experience-details {
    .block-details {
      .main-card {
        .card {
          flex-wrap: wrap;
          justify-content: center;
          flex-direction: column-reverse;
        }
      }
      .list-content {
        font-size: 18px;
        .group-list {
          dl {
            flex-direction: column;
          }
        }
        .bg-list-bottom {
          img {
            display: none;
          }
        }
      }
      .bg-bar-bottom {
        margin-top: -10px;
      }
    }
  }
  #event-reservation-confirmation,
  #event-reservation,
  #experience-reservation-confirmation,
  #experience-reservation,
  #contact,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-content {
      .bg-from {
        margin-bottom: -45px;
      }
      .card {
        padding: 69px 30px 40px 30px;
        .card-body {
          .card-row {
            .card-col {
              flex-wrap: wrap;
              margin-bottom: 29px;
              textarea, input {
                width: 100%;
              }
              label {
                min-width: auto;
                margin-bottom: 8px;
                font-size: 15px;
                line-height: 31px;
              }
              i {
                top: 54px;
              }
            }
          }
        }
      }
    }
  }
  #event-reservation-confirmation,
  #event-reservation,
  #experience-reservation-confirmation,
  #experience-reservation,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-content {
      .card {
        padding: 52px 16px 40px 16px;
        .card-body {
          padding: 17px 12px 41px 12px;
          .card-row {
            .card-col {
              .right {
                h2 {
                  font-size: 24px;
                }
              }
              i {
                top: 45px;
              }
            }
          }
          .heade-title {
            h3 {
              height: auto;
              font-size: 14px;
              border-radius: 40px;

            }
          }
        }
      }
      .block-policy {
        .checkbox-policy {
          align-items: flex-start;
          label {
            flex-wrap: wrap;
          }
          input[type="checkbox"] {
            margin-top: 2px;
          }
        }
      }
      .agree-policy {
        p {
          line-height: 31px;
          span {
            display: block;
          }
        }
      }
    }
  }
  #event-reservation-confirmation,
  #experience-reservation-confirmation,
  #accommodation-reservation-confirmation {
    .block-content {
      .payment-information {
        .payment-method {
          .expiry-date {
            flex-direction: column;
            .left {
              margin-bottom: 20px;
            }
          }
        }
      }
    }
  }
  .reservation-completion,
  .accommodation-reservations-completion {
    .description {
      .image-content {
        position: inherit;
        margin-top: 79px;
      }
    }
  }
  #accommodation-reservation {
    .block-content {
        .card {
            .card-body {
                .heade-title {
                    h3 {
                      line-height: 24px;
                      padding: 12px 0 13px 0;
                    }
                }
            }
          .room-layout {
            padding: 14px 5px 14px 5px;
        }
        }
    }
  }
  #accommodation-plans,
  #accommodation-search {
    .block-main-content {
      overflow: hidden;
      .accommodation-search {
        .row {
          .card {
            .card-body {
              .card-image {
                .sub-block {
                  h4 {
                      font-size: 13px;
                      line-height: 17px;
                      margin-bottom: 8px;
                      margin-left: -10px;
                  }
                  h3 {
                    margin-left: -20px;
                  }
                  h3.cus {
                    margin-right: 0px;
                    margin-bottom: 5px;
                  }
                  a.cus,
                  a {
                    font-size: 14px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    img {
                      width: 25px;
                      margin: 0px;

                    }
                  }
                }
              }
            }
          }
        }
      .filter-group {
          flex-direction: column;
          .filter-item-search,
          .filter-item-counter,
          .filter-item-calendar {
            width: 433px;
          }
        }
      }
    }
  }
  #map-page {
    .block-sightseeing-map {
      .text-title {
        img.image-sub-title {
          display: none;
        }
      }
    }
  }
  #about,
  #facilities {
    .block-main-content {
      overflow: hidden;
      .row-main {
        .card {
              .card-body {
                flex-direction: column-reverse;
                  .card-image {
                    margin-left: 5%;
                      .sub-image {
                        width: 17%;
                        top: 30px;
                        right: auto;
                      }
                  }
                  .card-text {
                          margin-left: 0%;
                      }
              }
          }
      }
      .comfortable {
        margin-bottom: 148px;
        .card {
          position: relative;
          margin-top: 148px;
          .card-body.image-left,
          .card-body {
            flex-direction: column-reverse;
            .card-image {
              margin-bottom: 20px;
            }
            .description {
              width: 100%;
              padding: 0;
              h3 {
                position: absolute;
                top: -62px;
              }
              p {
                letter-spacing: 2px;
                br {
                  display: none;
                }
              }
            }
          }
          .card-body {
            .bg-image {
              width: 20%;
              bottom: -25%;
            }
          }
        }
      }
      .information {
        .bg-bottom-b-sp {
          display: block;
          width: 250px;
          position: absolute;
          bottom: -20px;
          left: -25px;
        }
        .row {
          padding-bottom: 60px;
          .text-title {
            margin-bottom: 64px;
          }
          .card {
            .bg-top-b-sp {
              display: block;
              img {
                width: 100%;
                height: 80px;
              }
            }
            .card-body {
              &::before {
                content: "";
                width: auto;
                background: none;
              }
              .line {
                .left {
                  p {
                    color: #154585;
                  }
                }
              }
            }
          }
        }
      }
      .access-section {
        .content-wrapper {
          .right-side {
            max-width: 100%;
             .map-google {
              .be-careful {
                top: -122px;
                right: 0px;
                width: 20%;
              }
            }
          }
        }
      }
    }
  }
  #accommodation-plans {
    .block-main-content {
      .acc-plans {
        .main-block {
          .main-card {
            .card {
              gap: 15px;
              flex-direction: column;
              .badge {
                width: 113px;
                height: 113px;
                p {
                  font-size: 14px;
                  line-height: 20.65px;
                }
                i {
                  font-size: 18px;
                  line-height: 27.8px;
                }
              }
              .dinner-meal {
                .bbq-list {
                  ul {
                    li.col-01,
                    li.col-05,
                    li.col-02,
                    li.col-07,
                    li.col-03,
                    li.col-06,
                    li.col-04 {
                      width: 100%;
                    }
                  }
                }
                .meal-card {
                  flex-wrap: wrap;
                  justify-content: center;
                  .card-image {
                    .sub-badge {
                      width: 77px;
                      height: 77px;
                      bottom: -10px;
                      right: -10px;
                    }
                  }
                }
              }
              .card-image.margin-style {
                margin: auto;
                margin-top: -190px;
              }
              .card-body {
                .card-title {
                  h3 {
                    p {
                      display: flex;
                      gap: 11px;                                            align-items: center;
                    }
                  }
                }
              }
              article {
                gap: 32px;
                flex-direction: column;
                align-items: center;
              }
              .card-image {
                .sub-badge {
                  width: 72px;
                  height: 72px;
                  bottom: 0px;
                  right: 0px;
                  p {
                    font-size: 11.18px;
                  }
                }
              }
            }
            .card.card-bg {
              .image-bg {
                display: none;
              }
            }
            .contents {
              padding: 0;
            }
          }
        }
      }
    }
  }
  #news {
    .block-news {
      .container {
        img.tomato,
        img.people {
          display: none;
        }
      }
    }
  }
  #about {
    .block-main-content {
      .company-overview {
        .bg-waves-top {
          .sub-image-wave {
            width: 159px;
            top: 10px;
          }
        }
        .row {
          .card {
            .card-body {
              &::before {
                width: 165px;
                background: #E3EEF4;
              }
              .bg-image-rt {
                width: 134px;
                top: -50px;
                right: 20px;
              }
              .line {
                .right {
                  p {
                    padding-left: 0px;
                  }
                }
              }
            }
          }
        }
      }
      .row-main {
        .card {
          .card-body {
            .card-image {
              margin-left: 90px;
            }
            /* flex-direction: row; */
            .card-block-style {
              margin-left: 0%;
              width: 60%;
              margin-top: -160px;
              position: relative;
              z-index: 1;
              .items.item-right {
                margin-top: -20px;
                margin-bottom: 10px;
                margin-right: 0px;
              }
            }
          }
        }
      }
      .greeting-our-origins {
        .our-origins,
        .greeting {
          .card {
            .card-body {
              flex-direction: column;
            }
          }
        }
        .our-origins {
          .card {
            .card-body {
              .card-image {
                .sub-image-block-main {
                  top: -100px;
                }
                .sub-image-block-sub {
                  bottom: -10px;
                }
              }
            }
          }
        }
      }
    }
  }
}
@media (480px >= width) {
  header {
    padding: 16px 15px;
      .logo {
        width: 121px;
        height: auto;
      }
    #menuBtn {
      top: 14px;
      right: 17px;
      width: 40px;
      height: 40px;
        .icon {
          width: 18.75px;
          height: 11.69px;
          span:nth-child(2) {
            top: 4.5px;
          }
        }
    }
    .side-menu {
      .menu-content {
        .left-block {
          display: none;
        }
        .right-block {
          img.image-bg-right {
            width: 45%;
            top: 46%;
          }
        }
        .group-menu {
          padding: 70px 47px;
        }
        ul.menu-toggle {
          li {
            margin-bottom: 16px;
            line-height: 100%;
            a {
              font-size: 14px;
            }
          }
          li.cus-font {
            margin-bottom: 39px;
            a {
              font-size: 13px;
              span {
                display: block;
                margin-top: 11px;
              }
            }
          }
        }
        .social {
          h4 {
            margin-bottom: 13px;
          }
           ul {
            gap: 14px;
            margin-bottom: 17px;
            li {
              width: 29px;
              height: 29px;
              a {
                i {
                  font-size: 14.85px;
                  line-height: normal;
                }
              }
            }
          }
        }
      }
    }
  }
  body.menu-open #menuBtn {
    .icon {
      span:nth-child(3) {
        bottom: 4.4px;
      }
      span:nth-child(1) {
        top: 5.3px;
      }
    }
  }
  .slider-container {
    padding-top: 20px;
    padding-bottom: 95px;
    .container {
        max-width: 100%;
    }
    .group-slide {
      .slides {
        .items {
          img.pc {
            display: none;
          }
          img.sp {
            display: block;
          }
        }
      }
      .caption {
        .image-title-top {
          top: 24px;
          left: 40px;
            img.right {
              width: 102.64px;
              top: -51px;
              left: 96px;
            }
        }
        .image-title-bottom {
          bottom: 25px;
          right: 80px;
          width: 145px;
            img.right {
              top: -25px;
              left: 79px;
              width: 140px;
            }
        }
      }
    }
  }
  [class^="block-"] {
    .text-title {
      small {
        font-size: 16px;
      }
      h2 {
        /* letter-spacing: 0; */
        font-size: 28px;
        margin-bottom: 10px;
      }
    }
    .wrap {
      margin-bottom: 48px;
        img.bg-image-bottom {
          width: 132px;
          height: auto;
          left: -35px;
          bottom: -105px;
        }
      .carousel-container {
        .carousel-icon {
          display: block;
          position: absolute;
          top: -87px;
          right: 25px;
          display: flex;
          column-gap: 11.3px;
            .carousel-btn {
              width: 40.7px;
              height: 40.7px;
              background: #154585;
              border: 2px solid #154585;
              color: #FFF;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              transition: all 0.3s linear;
              i {
                font-size: 23.11px;
                line-height: 0;
              }
            }
            .carousel-btn:hover {
              background: #E3EEF4;
              color: #154585;
            }
        }
        .carousel-items {
          .item {
            .card {
              .badge {
                font-size: 11px;
                width: 64px;
                height: 64px;
              }
            }
          }
        }
      }
    }
  }
  .block-about {
    margin-bottom: 109px;
    .about-content {
      .text-title {
        margin-bottom: 59.46px;
        small {
          font-size: 16px;
          margin-bottom: 8.54px;
        }
        h2 {
          font-size: 28px;
          margin-bottom: 0px;
        }
      }
      .paragrap {
        margin-bottom: 50px;
        p {
          font-size: 14px;
          line-height: 24px;
        }
      }
    }
    .about-image {
      padding: 21px 0 60px 0;
      .image-items {
        img {
          width: 100%;
        }
        img.pc {
          display: none;
        }
        img.sp {
          display: block;
        }
      }
      .image-items.right {
        margin-left: -50px;
          img {
            width: 100%;
          }
      }
      .block-bottom {
        bottom: -34px;
        padding: 0 5%;
      }
    }
  }
  .block-infinite-loop-experiences {
    margin-bottom: 80px;
    .text-title {
      margin-bottom: 36px;
      text-align: left;
      h2 {
          span {
            display: block;
          }
      }
    }
    .ticker-wrapper {
      .ticker {
        .ticker-content {
          img {
            width: auto;
            height: 55.48vh;
          }
        }
      }
    }
  }
  .block-experiences {
    padding-bottom: 30px;
    margin-bottom: 57px;
    .wrap {
      img.bg-image-top {
        width: 163px;
        height: 147px;
        top: -124px;
        left: 9px;
      }
      img.bg-image-right {
        display: none;
      }
    }
    .text-title {
      margin-bottom: 130px;
    }
  }
  .block-infinite-loop-text {
    margin-bottom: 74px;
    .ticker-wrapper {
      .ticker {
        .ticker-content {
          span {
            font-size: 51px;
          }
          img {
            margin: 0 10px;
            width: 59px;
          }
        }
      }
    }
  }
  .block-slide-events {
    .wrap {
      img.bg-image-right {
        width: 188px;
        right: auto;
        top: -165px;
        left: 15px;
      }
      img.bg-image-right.sp {
        display: block;
      }
      img.bg-image-right.pc {
        display: none;
      }
      img.bg-image-bottom {
        width: 98px;
        height: auto;
        left: -35px;
        bottom: -70px;
      }
      .carousel-container {
        .carousel-icon {
          .carousel-btn {
            width: 40.7px;
            height: 40.7px;
            background: #C1272D;
            border: 2px solid #C1272D;
            color: #FFF;
          }
          .carousel-btn:hover {
            background: #F9EDED;
            color: #C1272D;
          }
        }
      }
    }
    .text-title {
      margin-bottom: 120px;
    }
  }
  .block-guest-room {
    margin-bottom: 71px;
    .block-bar-top {
      padding-top: 0px;
        img.main-bg-top {
          width: 230%;
          height: 100%;
          object-fit: cover;
          object-position: -490px 0px;
        }
      img.bg-image-right {
        display: none;
      }
      img.bg-image-left {
        bottom: 42px;
        left: 15px;
        width: 210px;
        transform: rotate(9deg);
      }
    }
    .guest-content {
      .card-content {
        margin-top: 100px;
        .text-title {
          margin-bottom: 13px;
            h2 {
              font-size: 24px;
            }
          img.sub-image-title {
            top: -100px;
            left: auto;
            right: 0px;
            width: 143px;
            transform: rotate(24deg);
          }
        }
        .paragrap {
          margin-bottom: 25px;
            p {
              line-height: 31px;
              font-size: 14px;
              letter-spacing: 0.1em;
              padding: 0 48px;
            }
        }
        .group-btn {
          gap: 16px;
            a.date {
              width: 44px;
              height: 44px;
              border-radius: 11.14px;
              i {
                font-size: 22.85px;
              }
            }
            a.more {
              width: 138px;
              height: 41px;
              font-size: 13px;
              padding: 0 26px;
              justify-content: flex-end;
              i {
                  margin-left: 18px;
              }
            }
        }
      }
      .card-image {
        margin-bottom: -115px;
      }
    }
  }
  .block-sightseeing-map {
    overflow: hidden;
    padding-bottom: 115px;
      .text-title {
        margin-bottom: 77px;
          img.image-sub-title {
            position: absolute;
            bottom: -57px;
            right: 3%;
            width: 118px;
          }
        h4 {
          width: 150px;
          font-size: 13px;
          margin-top: 75px;
          text-align: left;
          margin-left: 40px;
        }
      }
    .sightseeing-map {
      margin-bottom: 33px;
      > img {
        height: 150px;
      }
      .map-index {
        > div {
          img {
            width: 100%;
          }
        }
        .location-icon::before {
          font-size: 16px;
          top: 5px;
        }
        .image-map-01 {
          top: -12%;
          left: 3%;
          width: 20%;
        }
        .image-map-02 {
          top: 26.9%;
          left: 19.5%;
          width: 21%;
        }
        .image-map-03 {
          top: 12.5%;
          left: 30%;
          width: 17%;
        }
        .image-map-04 {
          top: 23%;
          left: 39.8%;
          width: 17%;
        }
        .image-map-05 {
          top: 12%;
          left: 48%;
          width: 15%;
        }
        .image-map-06 {
          top: 21%;
          left: 57.5%;
          width: 17%;
        }
        .image-map-07 {
          top: 13.5%;
          left: 58.5%;
          width: 22%;
        }
        .image-map-08 {
          top: 6%;
          left: 82.2%;
          width: 14%;
        }
      }
    }
    img.image-bg-bottom {
      bottom: 1%;
      left: -21px;
      width: 181px;
    }
  }
  .block-infinite-loop-galleries {
    margin-top: 80px;
    margin-bottom: 80px;
    .ticker-wrapper {
      .ticker {
        .ticker-content {
          gap: 9px;
          margin-left: -63px;
          .content-row {
            column-gap: 9px;
              img {
                width: 135.1px;
              }
          }
          .content-row:first-child {
            img.first {
              margin-left: 72px;
            }
          }
        }
      }
    }
  }
  footer {
    padding-top: 92px;
    height: auto;
    margin-top: 132px;
    .bg-image {
        top: -30px;
        left: 0;
          img {
            width: 90%;
          }
    }
    ul.foot-menu {
      margin-bottom: 65px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 0px;
        li {
          margin-bottom: 28px;
          a {
            font-size: 14px;
          }
        }
    }
    .social {
      ul {
        margin-bottom: 74px;
      }
      p.copyright {
        margin-bottom: 72px;
      }
    }
    h1.foot-title {
      font-size: 24.49px;
      height: 23px;
    }
  }
  .news-section {
    padding-bottom: 110px;
    height: 661px;
    .news-container {
      display: flex;
      flex-direction: column;
      text-align: center;
      position: relative;
      .sidebar {
        padding-right: 0px;
          .title {
            margin-bottom: 13px;
            font-weight: 500;
          }
          .subtitle {
            font-size: 16px;
            margin-bottom: 95px;
            font-weight: 700;
          }
          .view-more {
            font-size: 21px;
            position: absolute;
            bottom: -96px;
            left: 50%;
            transform: translateX(-50%);
            gap: 22px;
          }
      }
      .news-list {
        width: 100%;
        .item {
          display: flex;
          text-align: left;
          position: relative;
          padding-bottom: 73px;
          align-items: flex-start;
          justify-content: space-between;
          margin: 0px 30px;
          .description {
            font-size: 16px;
            position: absolute;
            left: 0;
            width: 100%;
            margin-top: 45px;
          }
          .tag {
            margin-right: 0px;
            font-size: 13px;
            font-weight: 700;
          }
          .date {
            font-size: 16px;
            margin-right: 20px;
            font-weight: 600;
          }
        }
      }
    }
  }
  .access-section {
    overflow: hidden;
    max-width: 80%;
    .access-header {
      margin-bottom: 53px;
        .title {
          font-size: 26px;
          margin-bottom: 10px;
        }
        .subtitle {
          font-size: 16px;
        }
    }
    .content-wrapper {
      .right-side {
        min-width: 100%;
        & .map-google {
          .be-careful {
            top: 0px;
            right: 0px;
            width: 130px;
          }
          iframe {
            width: 100%;
            border-radius: 20.25px;
            height: 384px;
            margin-top: 164px;
          }
        }
      }
      .left-side {
        .company-logo {
          img {
            display: none;
          }
        }
        .contact-info {
          h3 {
            font-size: 16px;
          }
          p {
            font-size: 14px;
            display: block;
            span {
              display: block;
            }
          }
        }
        .transport-info {
          .transport-item {
            .transport-details {
              font-size: 14px;
              span {
                display: block;
              }
            }
          }
        }
      }
    }
  }
  .scroll-top {
    img {
      width: 58px;
    }
  }
  #top-page {
    .block-sightseeing-map,
    .block-slide-events,
    .block-experiences,
    .block-about {
      .check-more {
        a {
          font-size: 21px;
        }
      }
    }
  }
  #experience {
    .hero-section {
      margin-top: 71px;
      h2 {
          font-size: 28px;
      }
      p.subtitle {
        font-size: 16px;
      }
      .wrap-content {
        margin-bottom: 40px;
        .text-block {
          margin-top: 33px;
          p {
            font-size: 16px;
            width: 325px;
            span {
              font-size: 14px;
              font-weight: 700;
              display: block;
              br {
                display: none;
              }
            }
          }
        }
        img.hero-people-leaves {
          width: 70%;
        }
      }
    }
    .experiences {
      .block-fillter {
        padding: 0px 27.55px;
        .dropdown {
          width: 180px;
          height: 29px;
          .dropdown-button {
            font-size: 13px;
          }
        }
      }
      .wrap {
        grid-template-columns: repeat(1, 1fr);
        /* padding: 0px 27.55px; */
        margin-top: 47px;
        gap: 45px;
        .card {
            margin-top: 0px;
            padding: 27.5px;
            width: 273px;
              .badge {
                font-size: 11.3px;
                width: 65px;
                height: 65px;
              }
              .content {
                h3 {
                  font-size: 16px;
                }
                p {
                  &.date {
                    font-size: 13px;
                    span {
                      font-size: 12px;
                    }
                  }
                  &.description {
                    margin-top: 12px;
                    font-size: 10px;
                  }
                }
              }
        }
        h2 {
          display: none;
        }
        .people {
          top: 852px;
          left: -10px;
            img {
              width: 131.84px;
            }
        }
        .fruit {
          right: -10px;
          top: 1370px;
            img {
              width: 89.65px;
            }
        }
        .sunflowers {
          left: 12px;
          top: 1838px;
            img {
              width: 102px;
            }
        }
        .three-fruits{
          right: 10px;
          top: 2305px;
            img {
              width: 122.27px;
            }
        }
        .crab {
          left: 14px;
          top: 2783px;
            img {
              width: 87.42px;
            }
        }
        .bamboo {
          display: none;
        }
        .watermelon {
          right: 0px;
          top: 3720px;
            img {
                width: 111px;
              }
        }
      }
      .pagination {
        margin-top: 86px;
      }
    }
    footer {
      margin-top: 140px;
    }
  }
  #faq {
    .faq-banner {
      h2 {
        font-size: 28px;
        /* margin-bottom: 10px; */
      }
      .subtitle {
        font-size: 16px;
      }
    }
    .faq-section {
      .container {
        .faq-items {
          .question-block,
          .answer-block {
            margin-bottom: 17px;
              h2 {
                font-size: 14px;
                letter-spacing: 0px;
              }
              span {
                min-width: 32px;
                min-height: 32px;
                font-size: 16px;
                padding: 2.5px 0 0 0px;
                margin-right: 10px;
              }
          }
          .answer-block {
            .icon-a {
              span {
                min-width: 32px;
                min-height: 32px;
                font-size: 16px;
                border: 2.23px solid #154585;
                padding-left: 1px;
                line-height: 19px;
              }
            }
            .answer-content {
              p {
                font-size: 14px;
                letter-spacing: 0px;
              }
              ul {
                li {
                  font-size: 14px;
                  margin-left: 20px;
                  letter-spacing: 0px;
                }
              }
            }
          }
        }
        .faq-items:nth-of-type(even) {
          .answer-block {
            span {
              border: 2.23px solid #c0392b;
            }
          }
        }
        .faq-items:nth-child(1) {
          .left {
            top: -146px;
            left: 3px;
          }
          img.left {
            width: 123.37px;
          }
        }
        .faq-items:nth-child(1) {
          .right {
            top: -41px;
            right: -18px;
          }
          img.right {
            width: 69.27px;
          }
        }
        .faq-items:nth-child(2) {
          .left {
            top: -87px;
            left: -33px;
          }
          img.left {
            width: 135.73px;
          }
        }
        .faq-items:nth-child(3) {
          .right {
            top: 357px;
            right: -26px;
          }
          img.right {
            width: 80px;
         }
        }
        .faq-items:nth-child(4) {
          .left {
            display: none;
          }
        }
        .faq-items:nth-child(5) {
          .right {
            top: -79px;
            right: -40px;
          }
          img.right {
            width: 90px;
          }
        }
        .faq-items:nth-child(6) {
          .left {
            top: 204px;
            left: -16px;
          }
          img.left {
            width: 49.23px;
          }
        }
        .faq-items:nth-child(7) {
          .right {
            bottom: -70px;
            right: -26px;
          }
          img.right {
            width: 109px;
          }
        }
        .faq-items:nth-child(8) {
          .left {
            bottom: -361px;
            left: -15px;
          }
          img.left {
            width: 84px;
          }
        }
      }
    }
  }
  #terms-conditions {
    .terms-conditions-banner {
      margin-top: 71px;
      h2 {
        font-size: 28px;
      }
      .subtitle {
        font-size: 16px;
      }
    }
    .terms-conditions-section {
      margin-top: 91px;
      .container {
        width: 270px;
        .items {
          margin-bottom: 53px;
          h2 {
            font-size: 20px;
            margin-bottom: 19px;
          }
          h2.in-out {
            letter-spacing: 4px;
          }
          h2.article-10 {
            letter-spacing: 3px;
          }
          &:nth-child(1) {
            .three-fruit {
                right: -30px;
                top: -50px;
            }
          }
          &:nth-child(2) {
            img.sunflowers{
              width: 76px;
            }
            .sunflowers {
              top: 170px;
              left: -74px;
              z-index: -1;
            }
          }
          &:nth-child(6) {
            img.three-birds {
              width: 55px;
            }
            .three-birds {
              top: -30px;
              right: -30px;
            }
          }
          &:nth-child(9) {
            img.people {
              width: 74.17px;
            }
            .people {
              position: absolute;
              top: -120px;
              left: -70px;
              z-index: -1;
            }
          }
          .wrap-content {
            p {
              font-size: 14px;
            }
          }
        }
      }
    }
  }
  #news {
    .news-banner {
      margin-top: 60px;
    }
    .block-news {
      margin-top: 242px;
      padding-bottom: 0;
      .container {
        max-width: 90%;
        .news-list {
          .item {
            padding-bottom: 90px;
            align-items: flex-start;
            justify-content: space-between;
            margin: 0px 30px 15px 30px;
            border-bottom:none;
            position: relative;
              .description {
                position: absolute;
                top: 20px;
                font-weight: 500;
                font-size: 16px;
              }
            .tag {
              margin-right: 0px;
            }
            .date {
              font-size: 17px;
            }
            .arrow {
              top: 55px;
            }
            &::before {
              content: "";
              position: absolute;
              left: 0;
              right: 0;
              top: 45px;
              height: 2px;
              background-color: #154585;
            }
          }
        }
        .pagination {
          width: 269.99px;
          margin: 118px auto 0;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 106.21px;
          flex-wrap: wrap;
          .num-page {
              margin: 0px 8px;
          }
        }
        img.women {
          top: -200px;
          left: 10px;
          width: 125.73px;
        }
        img.carb-flowers {
          right: 30px;
          top: -157px;
          width: 125.73px;
        }
      }
    }
    footer {
      margin-top: 173px;
    }
  }
  #news-details {
    .news-details-section {
      margin-top: 68PX;
      .container {
        padding: 0px 26px;
          .news-details-list {
            img.sunflowers {
              bottom: 80px;
              right: -40px;
              width: 78px;
            }
            .item {
              justify-content: space-between;
              margin-bottom: 39px;
              .date {
                font-size: 16px;
              }
              .notice {
                font-size: 13px;
              }
            }
              h2 {
                font-size: 24px;
              }
              .detail-content {
                p {
                    font-size: 14px;
                    letter-spacing: 1.9px;
                }
              }
          }
        }
      }
  }
  #map-page {
    .block-sightseeing-map {
      margin-bottom: 182px;
      padding-bottom: 0;
      .sightseeing-map {
        margin-bottom: 116px;
      }
      .text-title {
        h4 {
          width: 100%;
          font-size: 16px;
          line-height: 31px;
          text-align: center;
          margin: 60px 0 35px 0;
          span {
            display: block;
          }
        }
      }
      [class^="block-"] {
        .text-title {
          h2 {
            font-size: 28px;
            margin-bottom: 21px;
          }
          h4 {
            width: 100%;
          }
        }
      }
      .group-map {
        .image-bg-pc{
          display: none;
        }
        .card {
          img[class^="bg-"] {
            width: 23%;
          }
          img.bg-left-top {
            left: -2%;
            top:11%;
          }
          img.bg-right-top {
            right: 0%;
            top: 25%;
          }
          img.bg-left-bottom {
            left: -5%;
            bottom: -12%;
          }
        }
        article,
        .block-main {
          position: relative;
          margin-bottom: 92px;
          .bg-sp {
            display: block;
            position: absolute;
            width: 100%;
            top: 41%;
            right: -6%;
            z-index: 0;
          }
          .card {
            .card-content {
              padding: 0;
              .text-title {
                margin-bottom: 27px;
                h3 {
                  font-size: 20px;
                  align-items: flex-start;
                  text-align: left;
                  i {
                    margin-right: 10.22px;
                    margin-top: 5px;
                  }
                  br {
                    display: block;
                  }
                }
              }
              .block-image {
                img.sub-image-right, img.sub-image-left {
                  width: 60%;
                }
                img.sub-image-right {
                  width: 180px;
                }
              }
            }
          }
        }
        article {
          position: relative;
          margin-bottom: 100px !important;
          .bg-right-sp,
          .bg-left-sp {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
          }
          .bg-right-sp {
            right: -27%;
            top: 42%;
          }
          .bg-left-sp {
            left: -59%;
            top: 42%;
          }
          .card {
            flex-direction: column-reverse;
            padding-top: 55px;
            .card-content {
              padding: 0;
              .text-title {
                position: absolute;
                top: 0;
                width: 100%;
                padding: 0;
                small {
                  margin-bottom: 20px;
                  font-size: 16px;
                }
              }
              .description {
                margin-bottom: 28px;
                padding: 0px;
                font-size: 14px;
                width: 290px;
                p {
                  line-height: 24.38px;
                  /* font-size: 13px; */
                }
                p.style-color {
                  margin-top: 20px;
                  /* font-size: 12px; */
                  i {
                    margin-right: 5.43px;
                    /* font-size: 12px; */
                  }
                }
              }
              .check-action {
                a {
                  font-size: 21px;
                }
              }
            }
            .block-image {
              margin-bottom: 30px;
              img.sub-image-left {
                left: 0%;
                bottom: -6%;
              }
              img.sub-image-right-top {
                position: absolute;
                right: 5%;
                top: 3%;
                z-index: -9;
                width: 91px;
              }
              img.sub-image-right-top.sp,
              img.sub-image-left-top.sp {
                display: none;
              }
            }
          }
        }
        .block-main {
          .card {
            .card-content {
              .text-title {
                h3 {
                  font-size: 22px;
                  i {
                    margin-right: 12px;
                    margin-top: 5px;
                    font-size: 26px;
                  }
                }
              }
            }
          }
        }
        article:nth-child(even) {
          .card {
            flex-direction: column-reverse;
            .card-content {
              padding: 0;
            }
          }
        }
        article:last-child {
          margin-bottom: 4px !important;
        }
        article:nth-of-type(1) {
          .card {
            img.bg-right-bottom {
              right: -22%;
              bottom: -21%;
              width: 156px;
            }
          }
        }
        article:nth-of-type(2) {
          .card {
            img.bg-left-top {
              left: -8%;
              top: auto;
              bottom: -7%;
              width: 90px;
            }
            .block-image {
              img.sub-image-right {
                right: 7%;
                bottom: -2%;
                width: 150px;
              }
            }
          }
        }
        article:nth-of-type(3) {
          .card {
            img.bg-right-top {
              display: none;
            }
            img.bg-right-bottom {
              right: -14%;
              bottom: -357%;
            }
            .block-image {
              img.sub-image-left {
                left: 4%;
                bottom: -12%;
                width: 170px;
              }
            }
          }
        }
        article:nth-of-type(4) {
          .card {
            img.bg-left-top {
              left: auto;
              top: -14%;
              right: -10%;
              width: 114px;
            }
            .block-image {
              img.sub-image-right {
                right: 7%;
                bottom: -3%;
                width: 147px;
              }
              img.sub-image-right {
                right: 7%;
                bottom: -3%;
                width: 147px;
              }
            }
          }
        }
        article:nth-of-type(5) {
          .card {
            img.bg-right-bottom {
              right: 0%;
              bottom: -7%;
              width: 61px;
            }
            .block-image {
              img.sub-image-left {
                left: 3%;
                bottom: -6%;
                width: 157px;
              }
            }
          }
        }
        article:nth-of-type(6) {
          .card {
            img.bg-left-top {
              left: -12%;
              top: -139%;
              width: 86px;
            }
            .block-image {
              img.sub-image-right {
                right: 7%;
                bottom: 1%;
                width: 154px;
              }
            }
          }
        }
        article:nth-of-type(7) {
          .card {
            img.bg-right-top {
              width: 110px;
              right: 2%;
              top: 0%;
            }
            .block-image {
              img.sub-image-left {
                left: 6%;
                bottom: -3%;
                width: 148px;
              }
            }
          }
        }
      }
    }
  }
  #events-details,
  #experience-details {
    .block-details {
      margin-top: -20px;
      .main-card {
        .card {
          margin-bottom: 106px;
          .card-content {
            padding: 0 4%;
            h2 {
              font-size: 28px;
              margin-bottom: 49px;
              justify-content: space-between;
              align-items: flex-start;
              br {
                display: block;
              }
              span {
                width: 113px;
                height: 40px;
                margin-left: 28px;
                padding: 0;
                font-size: 15px;
              }
            }
            h3 {
              font-size: 25px;
              margin-bottom: 18px;
            }
            .paragrap {
              p {
                letter-spacing: 0px;
                display: flex;
                flex-wrap: wrap;
                font-size: 14px;
                span.big-font {
                  font-size: 16px;
                }
                span {
                  display: block;
                }
              }
            }
          }
        }
      }
      .list-content {
        font-size: 16px;
        padding-bottom: 40px;
        margin-bottom: 42px;
        .bg-style-top {
          height: 80px;
          img:first-child {
            height: 100%;
            object-fit: cover;
            object-position: left;
            border-radius: 14px;
          }
          img.bg-image-title {
            width: 100%;
            bottom: 70%;
            left: 0%;
            transform:none;
          }
        }
        .group-list {
          padding: 0 40px;
          margin-bottom: 56px;
          dl {
            gap: 0px;
            margin-bottom: 31px;
            dt {
              font-size: 16px;
            }
          }
        }
        .apply-here {
          a {
            gap: 10px;
            justify-content: center;
          }
        }
      }
      .bg-bar-top {
        height: 510px;
        img.pc {
          display: none;
        }
        img.sp {
          display: block;
        }
      }
      .bg-bar-bottom {
        margin-top: 10px;
        img.pc {
          display: none;
        }
        img.sp {
          display: block;
        }
      }
    }
  }
  #events-details {
   .block-details {
      .bg-bar-top {
        height: 544px;
      }
      .main-card {
        .card {
          .card-content {
            padding: 0 5%;
            h3,
            h2 {
              color: #C1272D;
              margin-bottom: 38px;
              span {
                color: #C1272D;
              }
            }
            .paragrap {
              p {
                letter-spacing: 0px;
                span {
                  display: block;
                }
              }
            }
          }
        }
      }
      .bg-bar-bottom {
        margin-top: 15px;
      }
    }
  }
  #event-reservation-confirmation,
  #event-reservation,
  #experience-reservation-confirmation,
  #experience-reservation,
  #contact,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-content {
      margin-top: 50px;
      .bg-from {
        margin-bottom: -26px;
        width: 100%;
      }
       .text-title {
        margin-bottom: 27px;
        h2 {
          font-size: 28px;
          margin-bottom: 20px;
        }
      }
      .description {
        margin: 26px 0 61px 0;
        p {
          font-size: 14px;
          span {
            display: block;
          }
        }
        p:last-child {
          display: none;
        }
      }
      .card {
        padding-bottom: 50px;
        letter-spacing: 0.1em;
        .card-body {
          .card-row {
            .card-col {
              flex-wrap: wrap;
              margin-bottom: 29px;
              textarea,
              input {
                font-size: 15px;
              }
              label {
                font-size: 15px;
                margin-bottom: 8px;
              }
              i {
                right: 20px;
                top: 30%;
              }
              textarea {
                height: 330px;
              }
            }
            .card-col:last-child {
              label {
                margin-top: 0px;
                margin-bottom: 8px;
              }
            }
          }
        }
        .btn-submit {
          margin-top: 47px;
          a {
            font-size: 16px;
            img {
              width: 25.34px;
              height: 25.34px;
              margin-left: 16px;
            }
            i {
              width: 25.34px;
              height: 25.34px;
              margin-left: 16px;
            }
          }
        }
      }
      .block-policy {
        margin-bottom: 29px;
        margin: 0 19px 48px 19px;
        .checkbox-policy {
          gap: 16px;
          float: none;
          align-items: flex-start;
          input[type="checkbox"] {
            margin-top: 2px;
          }
        }
      }
      .agree-policy {
        margin-bottom: 66px;
        p {
          span {
            display: block
          }
        }
      }
    }
    footer {
        margin-top: 160px;
    }
  }
  #event-reservation,
  #experience-reservation {
    .block-content {
      .card {
        .block-policy,
        .agree-policy {
          letter-spacing: 0;
        }
      }
    }
  }
  #events {
    .events-banner {
      margin-top: 55px;
        h2 {
            font-size: 28px;
        }
      p.subtitle {
        font-size: 20px;
      }
      .wrap-content {
        img.birds {
          top: 410px;
          width: 174px;
          right: 60px;
        }
        img.tomatos {
          top: 487px;
          left: 50px;
          width: 100px;
        }
        .text-block {
          margin-top: 41px;
            p {
              font-size: 14px;
              width: 325px;
                strong {
                  font-size: 16px;
                  line-height: 31px;
                }
                br {
                  display: none;
                }
                span {
                  display: block;
                }
            }
        }
        img.hero-people-leaves {
          width: 108.07px;
          top: 310px;
          right: 33px;
          }
      }
    }
    .events {
      .container {
        width: 90%;
        .wrap {
          padding: 0px 27.55px;
            margin-top: 220px;
              .card {
                margin-top: 55px;
                padding: 27.5px;
                  .badge {
                    font-size: 11.3px;
                    width: 65px;
                    height: 65px;
                  }
                  .content {
                    h3 {
                      font-size: 15.62px;
                    }
                    p {
                      &.date {
                        font-size: 13px;
                        span {
                          font-size: 9.31px;
                        }
                      }
                      &.description {
                        width: 205px;
                        margin-top: 14.16px;
                        br {
                          display: none;
                        }
                      }
                    }
                  }
            }
            h2 {
              display: none;
            }
          .people {
            top: 1000px;
            left: 0px;
              img {
                width: 131.84px;
              }
          }
          .fruit {
            right: -10px;
            top: 1565px;
              img {
                width: 89.65px;
              }
          }
          .sunflowers {
            left: 12px;
            top: 2075px;
              img {
                width: 102px;
              }
          }
          .three-fruits{
            right: 5px;
            top: 2600px;
              img {
                width: 122.27px;
              }
          }
          .crab {
            left: 14px;
            top: 3119px;
              img {
                width: 87.42px;
              }
          }
          .bamboo {
            display: none;
          }
          .port {
            right: -40px;
            top: 4180px;
              img {
                width: 85px;
                }
          }
        }
        .pagination {
          margin-top: 86px;
          .num-page {
            margin: 0px 13.5px;
          }
        }
      }
    }
    footer {
      margin-top: 140px;
    }
  }
  #event-reservation-confirmation,
  #event-reservation,
  #experience-reservation-confirmation,
  #experience-reservation,
  #accommodation-reservation-confirmation {
    .block-content {
      .card {
        .card-body {
          .heade-title {
            margin-bottom: 29px !important;
            h3 {
              padding: 12px 0 13px 0;
              line-height: 24px;
            }
            p {
              font-size: 13px;
              width: 251px;
              margin: 15px auto;
            }
          }
          .card-row {
            padding: 0;
            .card-col {
              .left,
              .right {
                p {
                  font-size: 16px;
                }
              }
              .right.colunm {
                flex-wrap: wrap;
              }
              i {
                top: 30%;
              }
            }
          }
        }
        .agree-policy {
          p {
            line-height: 31px;
          }
        }
        .card-body.cus-1 {
          padding: 30px;
        }
      }
    }
    .dropdown-container {
      .dropdown-selected {
        font-size: 16px;
      }
    }
  }
  #event-reservation-confirmation,
  #experience-reservation-confirmation,
  #accommodation-reservation-confirmation {
    .block-content {
      .text-title {
        margin-bottom: 33px;
        h2 {
          font-size: 22px;
        }
      }
      .card {
        .main-block {
          padding: 17px 12px;
          border-radius: 30px;
        }
        .card-body {
          padding: 0;
          margin-bottom: 43px;
          .heade-title {
            h3 {
              border-radius: 30px;
              padding: 8px;
            }
          }
          .card-row {
            padding: 0 17px 0 18px;
            .right {
              h2 {
                margin-top: 4px;
                span {
                  display: block;
                }
              }
            }
            .more-link {
                margin-top: 40px;
            }
          }
          .card-row.cus-pd {
            padding: 0 11px 0 24px;
          }
        }
        /* .btn-submit {
          margin-top: 61px;
        } */
      }
      .payment-information {
        margin-top: 32px;
        font-size: 15px;
        .payment-items {
          .payment-title {
            p.content {
              margin: 0px 0 42px 0;
              line-height: 31px;
            }
          }
          .payment-amount {
            > p {
              margin-bottom: 17px;
            }
          }
        }
        .payment-method {
          border: none;
          padding: 46px 0px 36px 0px;
          .bg-style {
            position: absolute;
            top: 0;
            display: block;
            background: #E3EEF4;
            height: 17px;
            width: 130%;
            left: -17%;
          }
          p.bg {
            input {
              font-size: 16px;
              line-height: 18px;
            }
          }
          .method-title {
            margin-bottom: 26px;
            > p {
                margin-bottom: 23px;
            }
          }
          .expiry-date {
            flex-direction: column;
            .left {
              margin-bottom: 20px;
            }
          }
        }
      }
    }
  }
  .reservation-completion,
  .accommodation-reservations-completion {
    margin-top: 71px;
    .container {
      padding: 0 55px;
    }
    .text-title {
      margin-bottom: 34px;
      h2 {
        font-size: 22px;
      }
    }
    p {
      font-size: 14px;
      span {
        display: block;
      }
    }
    .description {
      margin-bottom: 51px;
      .image-content {
        gap: 30px;
        margin-top: 41px;
        .left {
          width: 268.23px;
          margin-top: -8px;
        }
      }
    }
    .resand-email {
      margin-top: 53px;
      p {
        margin-bottom: 23px;
        font-size: 13px;
      }
      a {
        font-size: 13px;
      }
    }
  }
  #event-reservation-confirmation {
    .block-content {
      .payment-information {
        .payment-method {
          .bg-style {
            background: #fbf4f4;
          }
        }
      }
    }
  }
  #accommodation-reservation {
    .block-content {
      .card {
        .price-block {
          .total,
            h3 {
                font-size: 16px;
            }
              table {
                  th, td {
                      font-size: 16px;
                  }
              }
        }
        .card-body {
          position: relative;
          .card-row {
            font-size: 16px;
            .card-col {
              .right {
                /* align-items: center; */
                justify-content: flex-start;
                flex-direction: column;
                align-items: flex-start;
              }
              .order-amount {
                margin-left: 0px;
              }
            }
          }
        }
        .choose-room {
          flex-direction: column-reverse;
          margin-left: 0px;
          .room-options {
            padding: 0 10px;
          }
        }
        .room-layout {
            margin-left: 0px;
            margin-bottom: 35.5px;
            .entrance {
              font-size: 9.2px;
              &::before {
                left: -8%;
                width: 108%;
              }
            }
            .room-boxes {
              width: 240.41px;
              padding: 3px 15px;
                .room-box {
                    font-size: 8.78px;
                    text-align: center;
                    align-items: center;
                    display: flex;
                    justify-content: center;
                    height: 42px;
                }
            }
        }
        .other-requests {
            flex-direction: column;
            gap: 6px;
            padding: 0 10px;
            margin-left: 0;
            h4 {
                font-size: 16px;
            }
              .comment-area {
                .note-area {
                  margin-top: 13px;
                  font-size: 16px;
                  margin-left: 0;
                }
                textarea.request-box {
                    height: 330px;
                    font-size: 16px;
                }
            }
        }
        .desired-room {
          font-size: 16px;
          padding-left: 0;
          margin-bottom: 40px;
        }
        .note {
          display: block;
          margin-left: 0px;
          font-size: 14px;
          position: absolute;
          top: 134px;
        }
      }
    }
  }
  #about,
  #facilities {
    .block-main-content {
      margin-top: 71px;
      .text-title {
        margin-bottom: 78px;
      }
      .row-main {
        padding-top: 60px;
        margin-bottom: 234px;
        .card {
              .card-body {
                  .card-image {
                    margin-left: auto;
                    width: 90%;
                    margin-bottom: 20px;
                    img.pc {
                      display: none;
                    }
                    img.sp {
                      display: block;
                    }
                      .sub-image {
                        width: 123px;
                        top: auto;
                        right: 10%;
                        bottom: -150%;
                      }
                  }
                  .card-text {
                    width: 90%;
                    margin: auto;
                    h3 {
                      font-size: 28px;
                      position: absolute;
                      top: 0;
                      left: 10%;
                    }
                    p {
                      width: 294px;
                      margin: auto;
                      font-size: 14px;  letter-spacing: 1px;
                      br {
                        display: none;
                      }
                    }
                  }
              }
          }
      }
      .facilities-map {
        .bg-waves-bottom,
        .bg-waves-top {
          height: 96px;
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: left;
          }
          .sub-bg-left {
            width: 170px;
            top: -146px;
            left: 8%;
          }
        }
        .row {
          padding: 0px 0 27px 0;
          .text-title {
            margin-bottom: 14px;
            h3 {
              font-size: 28px;
            }
            small {
              font-size: 16px;
            }
          }
           .card {
            .card-body {
              justify-content: center;
              gap: 0;
              .card-image {
                img.pc {
                  display: none;
                }
                img.sp {
                  display: block;
                }
                .sub-image {
                  display: flex;
                  flex-direction: row-reverse;
                  width: 100%;
                  position: static;
                  gap: 24px;
                  justify-content: flex-end;
                  margin-left: 5%;
                  margin-top: 33px;
                  img {
                    width: 103px;
                  }
                  p.bg-circle {
                    position: static;
                    width: 40px;
                    height: 40px;
                    font-size: 20px;
                  }
                }
              }
            }
            p.bg-circle {
              width: 40px;
              height: 40px;
              font-size: 20px;
              top: 70px;
            }
          }
        }
        .bg-waves-bottom {
          .sub-bg-right {
            width: 159px;
          }
        }
      }
      .comfortable {
        .card {
          .card-body {
            .bg-image {
              width: 169px;
              bottom: -25%;
              left: -36px;
            }
            .card-image {
              img.pc {
                display: none;
              }
              img.sp {
                display: block;
              }
            }
            .description {
              h3 {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
              }
              h3.cus-spacing {
                letter-spacing: 0;
                span.cus {
                  letter-spacing: 0.1em;
                }
              }
              p {
                letter-spacing: 2px;
                width: 297px;
                margin: auto;
                span {
                  display: block;
                }
                br {
                  display: none;
                }
              }
            }
          }
          .card-body.image-left {
            .bg-image {
              width: 100px;
              bottom: auto;
              top: -74%;
              right: -50px;
            }
          }
        }
      }
      .information {
        .row {
          padding-bottom: 65px;
          .text-title {
            margin-bottom: 64px;
          }
          .card {
            .card-body {
              padding: 28px 44px 44px 44px;
              letter-spacing: 0;
              .line {
                align-items: flex-start;
                gap: 2px;
                flex-direction: column;
                margin-bottom: 33px;
                p {
                  font-size: 16px;
                  span {
                    font-size: 14px;
                  }
                }
                .right {
                  width: 100%;
                }
              }
              .bg-image-rt {
                  top: -147px;
                  right: -6px;
              }
              .bg-image-lt,
              .bg-image-lb,
              .bg-image-lt {
                display: none;
              }
            }
          }
          .bg-image-rc {
            display: none;
          }
        }
      }
      .access-section {
        .access-header {
          margin-bottom: 58px;
          .title {
            font-size: 26px;
            margin-bottom: 10px;
          }
        }
        .content-wrapper {
          .right-side {
            .map-google {
              .be-careful {
                top: 18px;
                right: 0px;
                width: 120px;
              }
            }
          }
        }
      }
    }
  }
  #facilities {
    .block-main-content {
      .comfortable {
        .card {
          .card-body {
            .description {
              h3.square {
                  justify-content: start;
              }
            }
          }
        }
      }
      .information {
        .row {
          .card {
            .card-body {
              .line {
                p {
                  br {
                    display: none;
                  }
                }
                .left {
                  p {
                    font-weight: 700;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  #privacypolicy {
    .privacypolicy-banner {
      margin-top: 71px;
        h2 {
          font-size: 28px;
        }
        .subtitle {
          font-size: 16px;
        }
    }
    .privacypolicy-section {
      margin-top: 91px;
        .container {
           .privacypolicy-items {
              h2 {
                font-size: 20px;
                br {
                  display: none;
                }
              }
              p {
                font-size: 14px;
                span {
                  font-size: 14px;
                  display: block;
                }
                br {
                  display: none;
                }
              }
              .wrap-sub {
                .sub-content {
                  h3 {
                    font-size: 17px;
                  }
                  .wrap-content {
                      p {
                        font-size: 14px;
                        span {
                          font-size: 14px;
                          display: block;
                        }
                      }
                  }
                  &:nth-child(2) {
                    .crab {
                      right: -40px;
                      top: 375px;
                    }
                    img.crab {
                      width: 54.75px;
                    }
                  }
                }
              }
              .reception-desk {
                p {
                  font-size: 14px;
                }
              }
                &:nth-child(1) {
                  .tomato {
                    top: -10px;
                    right: -15px;
                  }
                  img.tomato {
                    width: 51.12px;
                  }
                }
                &:nth-child(2) {
                  .cucumber {
                    left: -60px;
                    top: 165px;
                  }
                  img.cucumber {
                    width: 51.61px;
                  }
                }
                &:nth-child(5) {
                  .people {
                    left: -73px;
                    top: 315px;
                  }
                  img.people {
                    width: 74.17px;
                  }
                }
                .policy-content {
                  ul {
                    li {
                      font-size: 14px;
                    }
                  }
              }
            }
        }
    }
  }
  #accommodation-plans,
  #accommodation-search {
    .block-main-content {
      margin-top: 71px;
      overflow: visible;
      .text-title {
        margin-bottom: 0px;
        h2 {
          font-size: 28px;
        }
      }
      .accommodation-search {
        .bg-waves-bottom, & .bg-waves-top {
          .sub-bg-left {
            top: 64px;
            width: 210px;
          }
        }
        .filter-search-title {
          line-height: 31px;
          margin-bottom: 37px;
          font-size: 14px;
          span {
            display: block;
          }
        }
        .row {
          p.dis {
            display: none;
          }
          .card {
            .card-body {
              .card-image {
                flex: none;
                width: 193px;
                .sub-block {
                  h3 {
                    font-size: 14px;
                    flex-direction: column;
                    i {
                      font-size: 14.41px;
                      width: 25.37px;
                      height: 25.37px;
                    }
                  }
                }
              }
            }
            .card-body.cus {
              margin: -20px 0;
            }
          }
        }
          .filter-group {
            .filter-item {
              padding: 14px 18px;
              height: 50px;
            }
            .filter-item-search {
              padding: 2px;
              .search-button {
                /* font-size: 16px;
                font-weight: 900; */
                p.items-center {
                  span.text-pc {
                    display: none;
                  }
                  span.text-sp {
                    display: inline-block;
                  }
                }
              }
            }
            .filter-item-calendar {
              .calendar-checkout-container,
              .calendar-icon-container {
                padding-right: 13px;
                .calendar-icon {
                  font-size: 21px;
                  margin-right: 20px;
                }
                .date-text-container {
                  padding: 0;
                  p.date-label {
                    font-size: 11px;
                  }
                  p.date-value {
                    font-size: 16px;
                    letter-spacing: 0;
                  }
                }
              }
              .calendar-checkout-container {
                .date-text-container {
                  padding-left: 1.1rem;
                }
              }
              .dropdown-menu {
                  padding-top: 10px;
                  top: 40px;
              }
            }
            .filter-item-counter {
              .trigger-gruop {
                .counter-display {
                  display: flex;
                  gap: 19px;
                }
              }
              .dropdown-menu {
                top: 40px;
            }
          }
        }
      }
      .result-search {
        font-size: 14px;
        .container {
          max-width: 80%;
          > p {
            margin-bottom: -15px;
          }
        }
        .row {
          .card {
            .card-body {
              margin-top: 45px;
              padding: 28px 27px 27px 27px;
              .left {
                gap: 27px;
                .card-text {
                  h4 {
                    font-size: 16px;
                    margin-bottom: 17px;
                    margin-top: 0px;
                    letter-spacing: normal;
                  }
                  p {
                    width: 100%;
                    br {
                      display: none;
                    }
                    span {
                      font-size: 12px;
                    }
                  }
                  /* br {
                    display: none;
                  } */
                }
              }
              .right {
                  font-size: 12px;
                p {
                  margin-bottom: 15px;
                  margin-top: 0px;
                }
                 ul {
                  li {
                    margin-bottom: 7.11px;
                    i {
                    margin-right: 11.65px;
                    font-size: 12px;
                    }
                  }
                }
              }
              img.bg-block-image.bl {
                width: 102px;
                bottom: -85px;
                left: -20px;
              }
              img.bg-block-image.tr {
                width: 122px;
                right: -16px;
                bottom: -85px;
                top: auto;
              }
              img.bg-block-image.br {
                width: 87px;
                right: auto;
                bottom: -70px;
                left: -20px;
              }
              img.bg-block-image.tl {
                width: 111px;
                top: auto;
                bottom: -57px;
                left: auto;
                right: -31px;
              }
              img.bg-block-image.pc {
                display: none;
              }
              img.bg-block-image.sp {
                display: block;
              }
            }
          }
        }
      }
    }
  }
  #events-details,
  #experience-details {
    .block-details {
      .main-card {
        .card {
          .card-image {
            margin: 50px 0;
            padding: 20px;
          }
        }
      }
      .bg-bar-bottom img.sp{
        height: 48.5vh;
        clip-path: ellipse(140% 88% at 50% 100%);
      }
    }
  }
  #contact  {
    .block-content {
      .card {
        .card-body {
          .card-row {
            .card-col {
              label,
              textarea,
              input {
                font-size: 16px;
              }
              i {
                top: 54px;
              }
            }
          }
        }
      }
      .btn-submit {
          a {
              font-size: 20px;
          }
      }
    }
  }
  #accommodation-reservation,
  #event-reservation,
  #experience-reservation {
    .block-content {
      .card {
        .card-body.cus-1 {
          padding: 30px 20px;
        }
        .card-body {
          .heade-title {
            h3 {
              font-size: 14px;
            }
          }
          .card-row {
            padding: 0 10px;
            .card-col {
              .left,.right {
                p {
                  font-size: 16px;
                  span {
                    display: block;
                  }
                }
                p.using-spacing {
                  letter-spacing: 0;
                }
              }
              label,
              textarea,
              input {
                font-size: 16px;
              }
            }
          }
        }
      }
    }
  }
  #accommodation-plans {
    .block-content {
      .card {
        .card-body {
          .card-row {
            .card-col {
              .left, & .right {
                p.using-spacing {
                  letter-spacing: 0.1em;
                }
              }
            }
          }
        }
      }
    }
    .block-main-content {
      .acc-plans {
        .container {
          padding-top: 200px;
        }
        .accommodation-search {
          height: 800px;
          &::before {
            height: 800px;
            background: linear-gradient(to bottom, transparent 0%, transparent 20%, #154585 20%, #154585 80%, transparent 80%, transparent 100%);
          }
        }
        p.dis {
          display: none;
        }
        .main-block {
          padding: 77px 16px 45px 16px;
          .main-card.mr-style {
            padding: 0 31px;
          }
          .main-card {
            > p.sub-title {
              font-size: 14px;
            }
            .card {
              .card-body {
                padding: 0px;
                p {
                  font-size: 14px;
                  span {
                    font-size: 13px;
                    display: block;
                  }
                  br {
                    display: none;
                  }
                }
                .card-title {
                  h3 {
                    gap: 0;
                    margin-bottom: 32px;
                    p.icon-font {
                      justify-content: space-between;
                      width: 100%;
                      span.items {
                        margin-right: 0px;
                        font-weight: 700;
                        font-size: 14px;
                      }
                      span.icon {
                        font-size: 14px;
                        font-weight: 700;
                        i {
                          border-radius: 7.44px;
                          min-width: 32px;
                          height: 32px;
                          font-size: 12px;
                          margin-left: 0;
                        }
                      }
                    }
                    span.price {
                      font-size: 24px;
                    }
                  }
                }
              }
              .card-image.margin-style {
                margin-top: -160px;
              }

              .dinner-meal {
                .meal-card {
                  gap: 27px;
                  .card-body {
                    .card-title {
                      h3 {
                        font-size: 18px;
                        gap: 10px;
                        margin-bottom: 17px;
                        p {
                          justify-content: flex-start;
                        }
                        p.price {
                          margin-top: 0px;
                          font-size: 20px;
                        }
                        span.text-pc {
                          display: none;
                        }
                        span.text-sp {
                          display: block;
                        }
                      }
                    }
                  }
                }
                .dinner-title {
                  margin-bottom: 0;
                  h4 {
                    padding: 4.5px;
                    font-size: 14px;
                  }
                  p {
                    margin: 15px 14px;
                    line-height: 24px;
                    font-size: 13px;
                    text-align: left;
                  }
                  p.dis-sp {
                    display: block;
                  }
                }
                .group-card {
                  border-radius: 21.41px;
                  padding: 40px 27px 27px 27px;
                }
              }
            }
            .card.card-bg {
              padding: 105px 30px 66px 30px;
              .card-body {
                .card-title {
                  h3 {
                    font-size: 18px;
                    line-height: 31px;
                    p.title {
                      gap: 0px;
                      align-items: flex-start;
                      flex-direction: column;
                      font-size: 18px;
                      line-height: 31px;
                      span.title {
                        display: block;
                        font-size: 18px;
                      }
                    }
                    p.price.cus {
                      align-items: flex-start;
                      flex-direction: column;
                      padding: 10px 0 36px 0;
                      span.slaug {
                        display: none;
                      }
                    }
                  }
                }
              }
            }
            .contents {
              margin-top: 50px;
              p {
                font-size: 14px;
              }
            }
            .galleries-image {
              margin-top: 20px;
              gap: 0px;
              flex-direction: column;
              .image {
                img.pc {
                  display: none;
                }
                img.sp {
                  display: block;
                }
              }
              .image.first {
                width: 100%;
              }
              .image.middle {
                width: 50%;
                margin-left: -20px;
              }
              .image.last {
                width: 70%;
                margin-left: auto;
                /* transform: rotate(180deg); */
                margin-top: -60px;
                margin-right: -10px;
                position: relative;
                z-index: 1;
                .sub-image-block {
                  display: block;
                  position: absolute;
                  top: -55px;
                  right: 0;
                  z-index: -1;
                  img {
                    width: 100%;
                  }
                }
                .sub-image-block.image-01 {
                  width: 92.53px;
                }
                .sub-image-block.image-02 {
                  width: 99px;
                }
                .sub-image-block.image-03 {
                  width: 114px;
                }
              }
            }
          }
        }
        .main-block.bg-pink {
          .main-card {
            .card.card-bg {
              margin-top: 114px;
              .card-body {
                .card-title {
                  h3 {
                    p {
                      justify-content: flex-start;
                    }
                  }
                }
              }
            }
            .card.card-bg.card-empty-badge {
              margin-top: 40px;
              padding: 17px 12px;
              margin-bottom: 126px;
            }
          }
        }
        .main-block.bg-silver {
          margin-top: 139px;
          .main-card {
            .card.card-bg.card-empty-badge {
              padding: 17px 12px 12px 12px;
              margin-top: 40px;
              .dinner-meal {
                .dinner-title {
                    margin-bottom: 15px;
                }
                .bbq-list {
                  margin-top: 55.8px;
                  p {
                    font-size: 14px;
                  }
                  ul {
                    padding: 27px 17px 22px 17px;
                  }
                }
              }
              .btn-bbq {
                padding: 0 9px;
                gap: 20px;
                p.style-text {
                  min-width: 113px;
                  height: 113px;
                  font-size: 14px;
                  line-height: 20.63px;
                }
              }
            }
          }
        }
        .card-list {
          margin-top: 46px;
          p {
            font-size: 14px;
          }
          ul {
            padding: 22px 26px 23px 31px;
            li {
              font-size: 14px;
            }
          }
        }
        .readmore {
          display: none;
        }
      }
    }
  }
  #privacypolicy,
  #news-details {
    .privacypolicy-section,
    .news-details-section {
      .container {
        width: 270px;
        max-width: 100%;
        padding: 0;
      }
    }
  }
  #about {
    .block-main-content {
      .text-title {
        margin-bottom: 45px;
      }
      .company-overview {
        .bg-waves-top {
          .sub-image-wave {
            top: -12px;
          }
        }
      }
      .row-main {
        padding-top: 0;
        margin-bottom: 0;
        .card {
          .card-body {
            .card-block-style {
              width: 95%;
              margin-top: -143px;
              .items {
                width: 260px;
                .card-title {
                  /* margin-top: -10px; */
                  h3 {
                    span {
                      display: block;
                    }
                  }
                }
                .sub-image {
                  top: -40px;
                  .bg-image-01 {
                    margin-left: 26px;
                    margin-bottom: -20px;
                  }
                  .bg-image-02 {
                    margin-left: 0px;
                    margin-top: 0px;
                  }
                }
                .sub-image.sub-image-02 {
                  .bg-image-02 {
                    margin-right: 4px;
                  }
                }
              }
              .items.item-right {
                margin-top: -33px;
                margin-bottom: -5px;
                margin-right: 0px;
              }
              .items.item-cus {
                .sub-image {
                  top: -165px;
                  .right {
                    bottom: 13px;
                  }
                }
              }
            }
            .card-image {
              width: 80%;
              margin-bottom: 54px;
            }
          }
        }
      }
      .greeting-our-origins {
        .main-card-title {
          margin-bottom: 40px;
          h2 {
            font-size: 28px;
          }
          small {
            font-size: 16px;
          }
        }
        .card {
          .card-body {
            .card-image {
              > img {
                width: 100%;
                min-width: 100px;
              }
            }
            .description {
              width: 270px;
              max-width: 100%;
              h3 {
                font-size: 24px;
                margin-bottom: 42px;
              }
              p {
                font-size: 14px;
              }
              .sub-image-block {
                left: -15px;
              }
            }
          }
        }
        .greeting {
          .card {
            .card-body {
              gap: 41px;
              .card-image {
                .sub-image-block {
                  width: 76px;
                  top: -20px;
                  right: 0px;
                }
                .block-image-title {
                  small {
                    line-height: 31px;
                  }
                }
              }
            }
          }
        }
        .our-origins {
          .main-card-title {
            margin-bottom: 120px;
          }
          .card {
            .card-body {
              .card-image {
                .sub-image-block-main {
                  top: -85px;
                  width: 115px;
                  left: -5px;
                }
                .sub-image-block-sub {
                  bottom: -280%;
                  width: 98px;
                  left: 20px;
                }
              }
              .description {
                .sub-image-block {
                  display: none;
                }
              }
            }
          }
        }
      }
      .company-overview {
        .bg-bottom-b-sp {
          display: none;
        }
        .row {
          padding-top: 20px;
          .card {
            .card-body {
              padding: 0;
              &::before {
                display: none;
              }
              .bg-image-rt {
                top: -50px;
                right: 20px;
              }
              .line {
                margin-bottom: 0;
                border: none;
                .left {
                  background: #E3EEF4;
                  width: 100%;
                  height: 81px;
                  display: flex;
                  align-items: center;
                  p {
                    padding: 25px 44px 25px 44px;
                    font-weight: 700;
                  }
                }
                .right {
                  p {
                    padding: 25px 35px 25px 42px;
                    span {
                      display: block;
                      font-size: 16px;
                    }
                  }
                }
              }
              .line:first-child {
                .left {
                  border-radius: 25px 25px 0 0;
                }
              }
            }
          }
        }
      }
    }
  }
  #experience-details,
  #experience-reservation,
  #experience-reservation-confirmation,
  #events-details,
  #event-reservation,
  #event-reservation-confirmation,
  #contact,
  #accommodation-reservation,
  #accommodation-reservation-confirmation {
    .block-details {
      .list-content {
        .apply-here {
          a {
            font-family: var(--font-zen);
          }
        }
      }
    }
    .block-content {
      .card {
        .btn-submit {
          a {
            font-family: var(--font-zen);
          }
        }
      }
    }
  }
}
@media (374px >= width) {
  .block-guest-room {
    .block-bar-top {
      img.main-bg-top {
        object-position: left;
      }
    }
  }
}