:root {
  --red: #be3f4f;
  --green: #8fa241;
  --orange: #e97936;
  --lightgreen: #4fb7ad;
  --blue: #3c97bc;
  --blue2: #3c64aa;
  --purple: #ad4b78;
  --purple2: #685a96;
  --brown: #a67851;
  --black: #413732;
  --font: "Quicksand-Bold";
}

/*
@include animation(animationSample 1.2s ease 0.15s);
*/
@-webkit-keyframes modal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(1);
            transform: translateY(-10px) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}
@keyframes modal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(1);
            transform: translateY(-10px) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}
@-webkit-keyframes modal_bg {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes modal_bg {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
[class^=cl-re-] {
  color: var(--red) !important;
}

[class^=cl-gr-] {
  color: var(--green) !important;
}

[class^=cl-or-] {
  color: var(--orange) !important;
}

[class^=cl-lg-] {
  color: var(--lightgreen) !important;
}

[class^=cl-pu-] {
  color: var(--purple) !important;
}

[class^=cl-bl-] {
  color: var(--blue) !important;
}

[class^=cl-br-] {
  color: var(--brown) !important;
}

[class^=cl-bk-] {
  color: var(--black) !important;
}

@media screen and (min-width: 766px) {
  .pctb-none {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .pc-none {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tb-none {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

.enjoy .mv-sns {
  position: absolute;
  height: 100%;
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  right: 0;
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.7857142857rem;
}
.enjoy .mv-sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.enjoy .mv-sns ul li {
  position: relative;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.enjoy .mv {
  background-image: url("../images/enjoy/enjoy_mv_bg.png");
  margin-bottom: 0 !important;
  background-color: #fffaf0;
  height: 420px !important;
  background-position: bottom center !important;
  background-size: cover !important;
}
@media screen and (max-width: 767px) {
  .enjoy .mv {
    background-image: url("../images/enjoy/enjoy_mv_bg_sp.png");
    height: 150vw !important;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

._enjoy_nav .bg {
  background: #fffaf0;
  padding: 8.9285714286rem 0 8.5714285714rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .bg {
    padding: 2.5rem 0 3.5714285714rem;
  }
}
._enjoy_nav .__block {
  width: 86%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .__block {
    padding: 0 1.7857142857rem;
  }
}
._enjoy_nav .__block h3 {
  position: absolute;
  width: 40%;
  top: 0;
  left: 0;
  -webkit-transform: translate(-25%, -5rem);
          transform: translate(-25%, -5rem);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .__block h3 {
    -webkit-transform: translate(-15%, 0);
            transform: translate(-15%, 0);
    width: 100%;
    position: relative;
  }
}
._enjoy_nav .__block h3 img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: auto;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .__block h3 img {
    position: relative;
  }
}
._enjoy_nav .__block p {
  padding-left: 35%;
  font-size: 1rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .__block p {
    margin-top: 1.7857142857rem;
    padding-left: 0;
  }
}
._enjoy_nav .__nav {
  position: absolute;
  width: 100%;
  padding-top: 2.5rem;
}
._enjoy_nav .__nav ul {
  width: 65%;
  max-width: 800px;
  margin: 2.5rem auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.2857142857rem 2.5rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .__nav ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 0;
  }
}
._enjoy_nav .__nav ul a {
  position: relative;
  border: 1px solid #333;
  display: block;
  background: #fff;
  padding: 0.5714285714rem 0;
  line-height: 1;
}
._enjoy_nav .__nav ul a img {
  width: auto;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_nav .__nav ul a img {
    height: 1.5714285714rem;
  }
}
._enjoy_nav .__nav ul a i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

._enjoy_headline {
  margin-top: 12.8571428571rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_headline {
    margin-top: 4.2857142857rem;
  }
}
._enjoy_headline > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.9285714286rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_headline > div {
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
._enjoy_headline h2 {
  line-height: 1;
}
@media screen and (max-width: 767px) {
  ._enjoy_headline h2 img {
    width: auto;
    height: 2.7142857143rem;
  }
}
._enjoy_headline p {
  width: 86%;
  max-width: 500px;
  margin: 3.9285714286rem auto 0;
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  ._enjoy_headline i img {
    width: auto;
    height: 5.5714285714rem;
  }
}
._enjoy_headline.--mgn {
  margin-top: 12.8571428571rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_headline.--mgn {
    margin-top: 17.8571428571rem;
  }
}

._enjoy_contents {
  position: relative;
}
._enjoy_contents .__bg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(8%);
          transform: translateY(8%);
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__bg {
    width: 90%;
  }
}
._enjoy_contents .__headline {
  margin: 6.0714285714rem auto 0;
  position: relative;
  z-index: 1;
  width: 86%;
  max-width: 490px;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__headline {
    margin-top: 3.5714285714rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2.5fr 7.5fr;
    grid-template-columns: 2.5fr 7.5fr;
  }
  ._enjoy_contents .__headline.--gridnone {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
._enjoy_contents .__headline > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._enjoy_contents .__headline.--mgn {
  margin-top: 2.5rem;
}
._enjoy_contents .__headline i {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__headline i {
    position: relative;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
._enjoy_contents .__headline h3 {
  font-size: 3.5714285714rem;
  font-weight: bold;
  text-align: left;
  color: var(--blue);
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__headline h3 {
    font-size: 2rem;
  }
}
._enjoy_contents .__headline p {
  font-size: 1rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__headline p {
    margin-top: 0.5714285714rem;
    font-size: 0.8571428571rem;
  }
}
._enjoy_contents .__list {
  width: 90%;
  max-width: 1000px;
  margin: 3.9285714286rem auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
  z-index: 1;
  gap: 3.2142857143rem 2.5rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__list {
    margin-top: 2.5rem;
    gap: 1.5714285714rem 1.2857142857rem;
    -ms-grid-columns: 1fr 1.2857142857rem 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
._enjoy_contents .__list > div {
  position: relative;
}
._enjoy_contents .__list > div.none {
  display: none;
}
._enjoy_contents .__list figure img {
  width: 100%;
}
._enjoy_contents .__list h4 {
  font-size: 1.4285714286rem;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 1.0714285714rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__list h4 {
    letter-spacing: 0;
    margin-top: 0.5714285714rem;
    font-size: 0.8571428571rem;
  }
}
._enjoy_contents .__list p {
  background: var(--blue);
  font-size: 0.8571428571rem;
  position: absolute;
  letter-spacing: 0;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 1;
  padding: 0.3571428571rem 0.5714285714rem;
  -webkit-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__list p {
    padding: 0.3571428571rem 0.2142857143rem;
    -webkit-transform: translate(-0.6rem, -50%);
            transform: translate(-0.6rem, -50%);
    font-size: 0.4285714286rem;
  }
}
._enjoy_contents .__list p.--re {
  background: #fffaf0;
  color: var(--blue);
}
._enjoy_contents .__list span {
  font-size: 1.1428571429rem;
  display: block;
  text-align: left;
  margin-top: 1.2857142857rem;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__list span {
    margin-top: 0.3571428571rem;
    font-size: 0.7142857143rem;
  }
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__list span + h4 {
    margin-top: 0.3571428571rem;
  }
}
._enjoy_contents.--tourist .__headline h3 {
  color: var(--orange);
}
._enjoy_contents.--tourist .__list p {
  background: var(--orange);
}
._enjoy_contents.--tourist .__list p.--re {
  background: #fffaf0;
  color: var(--orange);
}
._enjoy_contents.--tradition .__headline h3 {
  color: var(--purple2);
}
._enjoy_contents.--tradition .__list p {
  background: var(--purple2);
}
._enjoy_contents.--tradition .__list p.--re {
  background: #fffaf0;
  color: var(--purple2);
}
._enjoy_contents.--learn .__headline h3 {
  color: var(--brown);
}
._enjoy_contents.--learn .__list p {
  background: var(--brown);
}
._enjoy_contents.--learn .__list p.--re {
  background: #fffaf0;
  color: var(--brown);
}
._enjoy_contents.--hotspa .__headline h3 {
  color: var(--green);
}
._enjoy_contents.--hotspa .__list p {
  background: var(--green);
}
._enjoy_contents.--hotspa .__list p.--re {
  background: #fffaf0;
  color: var(--green);
}
._enjoy_contents.--eat .__headline h3 {
  color: var(--red);
}
._enjoy_contents.--eat .__list p {
  background: var(--red);
}
._enjoy_contents.--eat .__list p.--re {
  background: #fffaf0;
  color: var(--red);
}
._enjoy_contents.--stay .__headline h3 {
  color: var(--lightgreen);
}
._enjoy_contents.--stay .__list span {
  color: var(--lightgreen);
}
._enjoy_contents.--stay .__list p {
  background: var(--lightgreen);
}
._enjoy_contents.--stay .__list p.--re {
  background: #fffaf0;
  color: var(--lightgreen);
}
._enjoy_contents.--specialty .__headline h3 {
  color: var(--purple);
}
._enjoy_contents.--specialty .__list p {
  background: var(--purple);
}
._enjoy_contents.--specialty .__list p.--re {
  background: #fffaf0;
  color: var(--purple);
}
._enjoy_contents.--store .__headline h3 {
  color: var(--blue2);
}
._enjoy_contents.--store .__list p {
  background: var(--blue2);
}
._enjoy_contents.--store .__list p.--re {
  background: #fffaf0;
  color: var(--blue2);
}
._enjoy_contents .__button {
  width: 75%;
  max-width: 576px;
  margin: 3.9285714286rem auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__button {
    margin-top: 1.7857142857rem;
  }
}
._enjoy_contents .__button a {
  line-height: 1;
  padding: 1.2857142857rem 0;
  display: block;
  background: #fff;
  font-size: 1.2857142857rem;
  border: 1px solid var(--purple2);
  color: var(--purple2);
  position: relative;
}
@media screen and (max-width: 767px) {
  ._enjoy_contents .__button a {
    font-size: 0.9285714286rem;
    padding: 0.8571428571rem 0;
  }
}
._enjoy_contents .__button a i {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
._enjoy_contents .__button a i svg path {
  fill: var(--purple2);
}