@charset "UTF-8";
/* メインカラー */
/* サブカラー */
/* アクセントカラー */
/* ======================================================
pc
====================================================== */
@media (min-width: 1001px) {
  .about__img-list {
    display: flex;
    gap: 25px;
  }
  .about__content {
    padding: 60px 0 60px;
  }
  .about__ttl {
    color: #00422B;
    font-size: 3.8rem;
    letter-spacing: 0.1em;
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .about__txt {
    font-size: min(2.18182vw, 2.4rem);
    /* font-size: 2.4rem; */
    line-height: 2.5;
    margin-bottom: 5.5rem;
    text-align: center;
  }
  .about__hero {
    /* height: 520px; */
    height: 780px;
    position: relative;
  }
  .about__hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about__hero-ttl {
    width: 100%;
    /* font-size: 2.4rem; */
    font-size: 2rem;
    line-height: 1.75;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.8));
    text-align: center;
    position: absolute;
    /* top: 50%; */
    bottom: 50px;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    transform: translateX(-50%);
  }
  .about__frame {
    max-width: 675px;
    margin: 0 auto 6.4rem;
  }
  .about__frame::before {
    content: "";
    width: 100%;
    height: 32px;
    display: block;
    background: url(../images/deco_line01.png) no-repeat top center;
    background-size: 100% auto;
  }
  .about__frame::after {
    content: "";
    width: 100%;
    height: 32px;
    display: block;
    background: url(../images/deco_line01.png) no-repeat bottom center;
    background-size: 100% auto;
    transform: scale(1, -1);
    z-index: 0;
    position: relative;
  }
  .about__frame .cbtn {
    font-size: 2.2rem;
    gap: 15px;
  }
  .about__frame-inr {
    font-size: 2rem;
    line-height: 1.55;
    padding: 2.5rem 42px 0 65px;
    background: url(../images/deco_line02.png) repeat-y top center;
    background-size: 100% auto;
  }
  .about__frame-hours {
    display: flex;
  }
  .about__frame-btn {
    text-align: right;
  }
  /* intro
  ---------------------------------------------------------------------- */
  .intro {
    padding: 5rem 0 9rem;
  }
  .intro .about__content {
    padding-top: 10rem;
  }
  .intro__txt {
    font-size: min(2.36843vw, 2.7rem);
    /* font-size: 2.7rem; */
    line-height: 2.96;
    text-align: center;
    margin-bottom: 12rem;
  }
  .about__hero .slick-prev,
  .about__hero .slick-next {
    display: block;
    top: 50%;
    z-index: 100;
    transform: none;
    left: 50px;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
  }
  .about__hero .slick-next {
    left: initial;
    right: 50px;
  }
  .about__hero .slick-prev:before,
  .about__hero .slick-next:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/icon_arrow_w.svg) no-repeat center;
    background-size: contain;
  }
  .about__hero .slick-prev:before {
    transform: scale(-1, 1);
  }
  #contents.about .slick-slider {
    height: 100%;
  }
  #contents.about .slick-dots {
    bottom: 22px;
  }
  #contents.about .slick-dots li {
    height: 4px;
    margin: 0 10px;
    background-color: #F2F2F2;
  }
  #contents.about .slick-dots li:hover,
  #contents.about .slick-dots li.slick-active {
    background-color: #DEC365;
  }
  /* overview-table
  ---------------------------------------------------------------------- */
  .overview-table {
    padding: 11rem 0 11rem;
    position: relative;
  }
  .overview-table::after {
    content: "";
    display: block;
    width: 100%;
    background: url(../../images/bg_deco01.png);
    mix-blend-mode: multiply;
    position: absolute;
    top: 420px;
    bottom: 0;
    left: 0;
    opacity: 0.15;
    z-index: -1;
  }
  .overview-table .about__ttl {
    padding-bottom: 1.5rem;
    margin-bottom: 9.5rem;
  }
  .overview-table .about__ttl::after {
    content: "";
    display: block;
    width: 1083px;
    height: 301px;
    background: url(../images/deco_golf.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 47%;
    bottom: 0;
    right: 68px;
    transform: translateX(-552px);
    opacity: 0;
    transition: all 2s;
  }
  .overview-table .about__ttl.upview::after {
    opacity: 1;
    left: 50%;
  }
  /* club
  ---------------------------------------------------------------------- */
  .club {
    padding: 13.5rem 0 9.5rem;
    position: relative;
  }
  .club::after {
    content: "";
    display: block;
    width: 295px;
    height: 243px;
    background: url(../images/deco_golfbag.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
  }
  .club .about__ttl {
    margin-bottom: 8.3rem;
  }
  .club {
    /* .about__hero-ttl {
        font-size: 2rem;
    } */
  }
  /* hotel
  ---------------------------------------------------------------------- */
  .hotel {
    padding-top: 13.5rem;
    position: relative;
  }
  .hotel .about__ttl {
    max-width: 1600px;
    margin: 0 auto 4rem;
    position: relative;
  }
  .hotel .about__ttl::after {
    content: "";
    display: block;
    width: 455px;
    height: 268px;
    background: url(../images/deco_golfer.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-54%);
  }
  .hotel__inr {
    padding: 4.4rem 0 0;
    position: relative;
  }
  .hotel__inr::after {
    content: "";
    display: block;
    width: 100%;
    background: url(../../images/bg_deco02.png);
    background-size: 120%;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0.15;
    z-index: -2;
  }
}
@media (max-width: 1000px) {
  .about__img-list {
    display: flex;
    flex-direction: column;
    gap: 5rem;
  }
  .about__content {
    padding: 6rem 0;
  }
  .about__ttl {
    color: #00422B;
    font-size: 4rem;
    letter-spacing: 0.1em;
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .about__txt {
    font-size: 3.4rem;
    line-height: 2.5;
    margin: 0 -3vw 5.5rem;
    text-align: center;
  }
  .about__hero {
    position: relative;
    padding: 10rem 0;
  }
  .about__hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about__hero-ttl {
    width: 100%;
    font-size: 3.4rem;
    line-height: 1.75;
    font-weight: 500;
    color: #fff;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.8));
    text-align: center;
  }
  .about__frame {
    max-width: 675px;
    margin: 0 auto 6.4rem;
  }
  .about__frame::before {
    content: "";
    width: 100%;
    height: 5.6rem;
    display: block;
    background: url(../images/deco_line01_sp.png) no-repeat top center;
    background-size: 100% auto;
  }
  .about__frame::after {
    content: "";
    width: 100%;
    height: 5.6rem;
    display: block;
    background: url(../images/deco_line01_sp.png) no-repeat bottom center;
    background-size: 100% 100%;
    transform: scale(1, -1);
    z-index: 0;
    position: relative;
  }
  .about__frame-inr {
    font-size: 3rem;
    line-height: 1.55;
    padding: 1rem 7% 0;
    background: url(../images/deco_line02_sp.png) repeat-y top center;
    background-size: 100% 100%;
  }
  .about__frame-hours {
    display: flex;
  }
  .about__frame-btn {
    text-align: right;
    margin-top: 3rem;
  }
  /* intro
  ---------------------------------------------------------------------- */
  .intro {
    padding: 5rem 0 9rem;
  }
  .intro .about__content {
    padding-top: 10rem;
  }
  .intro .about__hero {
    padding: 0;
    height: 65rem;
  }
  .intro .about__hero-ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -53%);
  }
  .intro__txt {
    font-size: 3.4rem;
    line-height: 2;
    text-align: center;
    margin: 0 -1vw 5rem;
  }
  .about__hero .slick-prev,
  .about__hero .slick-next {
    display: block;
    top: 50%;
    z-index: 100;
    transform: none;
    left: 5%;
    width: clamp(30px, 5vw, 50px);
    height: clamp(30px, 5vw, 50px);
    transform: translateY(-50%);
  }
  .about__hero .slick-next {
    left: initial;
    right: 5%;
  }
  .about__hero .slick-prev:before,
  .about__hero .slick-next:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/icon_arrow_w.svg) no-repeat center;
    background-size: contain;
  }
  .about__hero .slick-prev:before {
    transform: scale(-1, 1);
  }
  #contents.about .slick-slider {
    height: 100%;
  }
  #contents.about .slick-dots {
    bottom: 4rem;
  }
  #contents.about .slick-dots li {
    height: 4px;
    margin: 0 1.3333333333vw;
    background-color: #F2F2F2;
  }
  #contents.about .slick-dots li:hover,
  #contents.about .slick-dots li.slick-active {
    background-color: #DEC365;
  }
  /* overview-table
  ---------------------------------------------------------------------- */
  .overview-table {
    padding: 11rem 0 11rem;
    position: relative;
  }
  .overview-table::after {
    content: "";
    display: block;
    width: 100%;
    background: url(../../images/bg_deco01.png);
    mix-blend-mode: multiply;
    position: absolute;
    top: 420px;
    bottom: 0;
    left: 0;
    opacity: 0.15;
    z-index: -1;
  }
  .overview-table .about__ttl {
    padding-left: 5rem;
    margin-bottom: 5rem;
  }
  .overview-table .about__ttl::after {
    content: "";
    display: block;
    width: 100vw;
    height: 45vw;
    background: url(../images/deco_golf.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: -13vw;
    bottom: 1px;
    background-position: bottom 0px left -8vw;
    opacity: 0;
    -webkit-transition: all 2s;
    transition: all 2s;
  }
  .overview-table .about__ttl.upview::after {
    opacity: 1;
    left: -9vw;
  }
  /* club
  ---------------------------------------------------------------------- */
  .club {
    padding: 13.5rem 0 9.5rem;
    position: relative;
  }
  .club::after {
    content: "";
    display: block;
    width: 29.5rem;
    height: 24.3rem;
    background: url(../images/deco_golfbag.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
  }
  .club .about__ttl {
    margin-bottom: 8.3rem;
  }
  .club .about__hero {
    position: relative;
    padding: 10rem 0;
  }
  .club .about__hero img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* hotel
  ---------------------------------------------------------------------- */
  .hotel {
    padding-top: 13.5rem;
    position: relative;
  }
  .hotel .about__ttl {
    max-width: 1600px;
    margin: 0 auto 4rem;
    position: relative;
  }
  .hotel .about__ttl::after {
    content: "";
    display: block;
    width: 35.1rem;
    aspect-ratio: 351/207;
    background: url(../images/deco_golfer.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -23vw;
    z-index: -1;
    left: 0;
  }
  .hotel .about__hero {
    position: relative;
    padding: 10rem 0;
  }
  .hotel .about__hero img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .hotel__inr {
    padding: 4.4rem 0 0;
    position: relative;
  }
  .hotel__inr::after {
    content: "";
    display: block;
    width: 100%;
    background: url(../../images/bg_deco02.png);
    background-size: 120%;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0.15;
    z-index: -2;
  }
}

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