@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
/*----------------------------------------
  おすすめ観光地紹介
----------------------------------------*/
.p-destination {
  overflow-x: clip;
}

/* メインビジュアル
----------------------------------------*/
.p-destination-mv {
  position: relative;
  z-index: 0;
  height: min(33.8194444444vw, 487px);
  background: url(../images/destination/mv_bg.jpg) center/cover;
}
@media (max-width: 767px) {
  .p-destination-mv {
    height: min(171.0256410256vw, 667px);
  }
}
.p-destination-mv::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: calc(50% - min(1.3888888889vw, 20px));
  translate: -50% -50%;
  content: "";
  width: min(51.875vw, 747px);
  height: min(40.3472222222vw, 581px);
  border-radius: 50%;
  background: #fff;
  filter: blur(min(1.7361111111vw, 25px));
}
@media (max-width: 767px) {
  .p-destination-mv::before {
    top: min(38.2051282051vw, 149px);
    left: 50%;
    translate: -50% 0;
    width: min(118.2051282051vw, 461px);
    height: min(106.6666666667vw, 416px);
    filter: blur(min(3.8461538462vw, 15px));
  }
}
.p-destination-mv__inner {
  position: relative;
  display: grid;
  place-content: center;
  height: 100%;
}
@media (max-width: 767px) {
  .p-destination-mv__content {
    translate: 0 min(5.8974358974vw, 23px);
  }
}
.p-destination-mv__copy {
  position: absolute;
  top: 0;
  left: min(3.8888888889vw, 56px);
  width: min(23.9583333333vw, 345px);
}
@media (max-width: 767px) {
  .p-destination-mv__copy {
    top: min(26.1538461538vw, 102px);
    left: calc(50% - min(50vw, 195px));
    width: min(53.0769230769vw, 207px);
  }
}
.p-destination-mv__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.5vw, 36px);
}
@media (max-width: 767px) {
  .p-destination-mv__content {
    gap: min(6.1538461538vw, 24px);
  }
}
.p-destination-mv__title {
  font-size: min(3.75vw, 54px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--color-sub);
}
@media (max-width: 767px) {
  .p-destination-mv__title {
    font-size: min(8.2051282051vw, 32px);
  }
}
.p-destination-mv__title span {
  padding: 0 0.5em;
  background: linear-gradient(transparent, calc(100% - min(1.6666666667vw, 24px)), #FEF7A3 min(1.6666666667vw, 24px));
}
@media (max-width: 767px) {
  .p-destination-mv__title span {
    background: linear-gradient(transparent, calc(100% - min(3.5897435897vw, 14px)), #FEF7A3 min(3.5897435897vw, 14px));
  }
}
.p-destination-mv__title span:first-child {
  padding-right: 0;
}
.p-destination-mv__text {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media (max-width: 767px) {
  .p-destination-mv__text {
    font-size: min(3.8461538462vw, 15px);
    margin: 0 -1em;
  }
}
.p-destination-mv__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: min(109.0277777778vw, 1570px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .p-destination-mv__img {
    width: min(124.6153846154vw, 486px);
  }
}
.p-destination-mv__button.c-button {
  position: absolute;
  top: min(1.0416666667vw, 15px);
  right: min(1.3888888889vw, 20px);
  padding: min(1.0416666667vw, 15px) min(2.0833333333vw, 30px);
  color: var(--color-text);
  background: #FFC000;
}
@media (max-width: 767px) {
  .p-destination-mv__button.c-button {
    position: static;
    translate: 0;
    margin: 0 auto;
    padding: min(4.1025641026vw, 16px) min(5.1282051282vw, 20px);
    min-width: min(61.5384615385vw, 240px);
  }
}
.p-destination-mv__button.c-button:hover {
  background: rgb(229.5, 172.8, 0);
}

/* エリア紹介
----------------------------------------*/
.p-destination-area {
  margin: min(4.7222222222vw, 68px) 0 min(13.8888888889vw, 200px);
}
@media (max-width: 767px) {
  .p-destination-area {
    margin: min(15.3846153846vw, 60px) 0 min(25.641025641vw, 100px);
  }
}
.p-destination-area__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: min(3.8888888889vw, 56px);
}
@media (max-width: 767px) {
  .p-destination-area__inner {
    grid-template-columns: auto;
    justify-items: center;
    gap: min(7.1794871795vw, 28px);
  }
}
.p-destination-area__title {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: min(0.2083333333vw, 3px) solid var(--color-sub);
  font-size: min(3.4722222222vw, 50px);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .p-destination-area__title {
    border-width: min(0.5128205128vw, 2px);
    font-size: min(6.4102564103vw, 25px);
  }
}
.p-destination-area__title span {
  margin: 0 0.1em;
  font-family: "Roboto", sans-serif;
  font-size: min(5.5555555556vw, 80px);
  font-weight: 500;
  line-height: 1;
  color: var(--color-sub);
}
@media (max-width: 767px) {
  .p-destination-area__title span {
    font-size: min(10.2564102564vw, 40px);
  }
}
.p-destination-area__text {
  margin-top: 1em;
  font-size: min(1.3888888889vw, 20px);
  line-height: 2;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .p-destination-area__text {
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-destination-area__img {
  width: min(38.125vw, 549px);
}
@media (max-width: 767px) {
  .p-destination-area__img {
    order: -1;
    width: 80%;
    max-width: min(102.5641025641vw, 400px);
  }
}

.p-destination-campaign {
  margin-top: min(3.4722222222vw, 50px);
  border: 1px solid var(--color-sub);
}
@media (max-width: 767px) {
  .p-destination-campaign {
    margin-top: min(6.4102564103vw, 25px);
  }
}
.p-destination-campaign__head {
  padding: min(0.6944444444vw, 10px) 0;
  color: #fff;
  background: #0498CE;
}
@media (max-width: 767px) {
  .p-destination-campaign__head {
    padding: min(1.5384615385vw, 6px) 0;
  }
}
.p-destination-campaign__head h3 {
  font-size: min(1.6666666667vw, 24px);
  text-align: center;
}
@media (max-width: 767px) {
  .p-destination-campaign__head h3 {
    font-size: min(5.1282051282vw, 20px);
  }
}
.p-destination-campaign__body {
  padding: min(1.3888888889vw, 20px);
  background: #F5F5F5;
}
@media (max-width: 767px) {
  .p-destination-campaign__body {
    padding: min(5.1282051282vw, 20px);
  }
}
.p-destination-campaign__body ul {
  display: flex;
  flex-direction: column;
  gap: min(1.25vw, 18px);
}
@media (max-width: 767px) {
  .p-destination-campaign__body ul {
    gap: min(2.5641025641vw, 10px);
  }
}
.p-destination-campaign__body ul li {
  position: relative;
  padding-left: min(1.4583333333vw, 21px);
}
@media (max-width: 767px) {
  .p-destination-campaign__body ul li {
    padding-left: min(3.3333333333vw, 13px);
  }
}
.p-destination-campaign__body ul li::before {
  position: absolute;
  top: min(0.8333333333vw, 12px);
  left: 0;
  content: "";
  width: min(0.7638888889vw, 11px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--color-sub);
}
@media (max-width: 767px) {
  .p-destination-campaign__body ul li::before {
    top: min(3.0769230769vw, 12px);
    width: min(1.7948717949vw, 7px);
  }
}
.p-destination-campaign__body ul li p {
  font-size: min(1.0416666667vw, 15px);
  line-height: 1.9;
}
@media (max-width: 767px) {
  .p-destination-campaign__body ul li p {
    font-size: min(3.3333333333vw, 13px);
  }
}
.p-destination-campaign__body ul li p b {
  font-weight: bold;
  font-size: min(1.25vw, 18px);
}
@media (max-width: 767px) {
  .p-destination-campaign__body ul li p b {
    font-size: min(3.8461538462vw, 15px);
  }
}

.p-overview-schedule__col {
  display: flex;
  flex-wrap: wrap;
  gap: min(2.0833333333vw, 30px);
  margin-top: min(0.3472222222vw, 5px);
}
@media (max-width: 767px) {
  .p-overview-schedule__col {
    justify-content: start;
    flex-direction: column;
    gap: min(3.0769230769vw, 12px);
    margin-top: min(2.5641025641vw, 10px);
    width: -moz-fit-content;
    width: fit-content;
    font-size: min(2.5641025641vw, 10px);
  }
}

.p-campaign-discount {
  display: flex;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  --main-color: #45CDFF;
}
@media (max-width: 767px) {
  .p-campaign-discount {
    gap: min(2.5641025641vw, 10px);
  }
}
.p-campaign-discount__text {
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-sub);
  text-align: center;
}
@media (max-width: 767px) {
  .p-campaign-discount__text {
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-campaign-discount__text sup {
  color: #212121;
}
.p-campaign-discount__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-campaign-discount__amount {
  font-size: min(1.6666666667vw, 24px);
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.03em;
  color: var(--main-color);
  -webkit-text-stroke: min(0.1388888889vw, 2px) #000;
  paint-order: stroke;
  text-shadow: min(0.2083333333vw, 3px) min(0.2083333333vw, 3px) 0 #000;
}
@media (max-width: 767px) {
  .p-campaign-discount__amount {
    font-size: min(4.6153846154vw, 18px);
    -webkit-text-stroke: min(0.5128205128vw, 2px) #000;
    text-shadow: 1px 1px 0 #000;
  }
}
.p-campaign-discount__amount em {
  font-family: "Roboto", sans-serif;
  font-size: min(3.1944444444vw, 46px);
}
@media (max-width: 767px) {
  .p-campaign-discount__amount em {
    font-size: min(10.2564102564vw, 40px);
  }
}
.p-campaign-discount__caption {
  font-size: min(0.9722222222vw, 14px);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .p-campaign-discount__caption {
    font-size: min(3.0769230769vw, 12px);
  }
}

/* スポット紹介
----------------------------------------*/
.p-destination-spot {
  margin: min(13.8888888889vw, 200px) 0 min(4.1666666667vw, 60px);
}
@media (max-width: 767px) {
  .p-destination-spot {
    margin: min(20.5128205128vw, 80px) 0 min(15.3846153846vw, 60px);
  }
}
.p-destination-spot#history {
  --color-icon: #887507;
  --color-line: #C8BE8A;
  --color-copy: #EDE2A8;
  --color-parts: #FAF3CE;
  --color-bg: #FFFAE0;
}
.p-destination-spot#mystery {
  --color-icon: #029F9F;
  --color-line: #A0C5C4;
  --color-copy: #C7E8E6;
  --color-parts: #D7F4F3;
  --color-bg: #EAFEFD;
}
.p-destination-spot#activity {
  --color-icon: #357D07;
  --color-line: #90B975;
  --color-copy: #D5EBC7;
  --color-parts: #E3F8D6;
  --color-bg: #F0FBE9;
}
.p-destination-spot#healing {
  --color-icon: #4F519C;
  --color-line: #ADB7D3;
  --color-copy: #D6E0FE;
  --color-parts: #E0E4F0;
  --color-bg: #F0F4FF;
}
.p-destination-spot__head {
  position: relative;
  z-index: 0;
  margin-inline: calc(50% - 50vw);
  background: var(--color-bg);
}
.p-destination-spot__head::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(to right, var(--color-bg) 0%, var(--color-bg) 45%, rgba(255, 255, 255, 0.2) 100%);
}
.p-destination-spot__head.--reverse::before {
  background: linear-gradient(to left, var(--color-bg) 0%, var(--color-bg) 45%, rgba(255, 255, 255, 0.2) 100%);
}
@media (max-width: 767px) {
  .p-destination-spot__head.--reverse::before {
    background: linear-gradient(to right, var(--color-bg) 0%, var(--color-bg) 45%, rgba(255, 255, 255, 0.2) 100%);
  }
}
.p-destination-spot__head-inner {
  position: relative;
  z-index: 0;
  display: flex;
  min-height: min(20.8333333333vw, 300px);
  padding-top: min(4.5833333333vw, 66px);
  padding-bottom: min(2.7777777778vw, 40px);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .p-destination-spot__head-inner {
    padding-top: min(7.6923076923vw, 30px);
    padding-bottom: min(5.1282051282vw, 20px);
    min-height: min(38.4615384615vw, 150px);
  }
}
.p-destination-spot__head.--reverse .p-destination-spot__head-inner {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .p-destination-spot__head.--reverse .p-destination-spot__head-inner {
    justify-content: normal;
  }
}
.p-destination-spot__head-inner::before {
  position: absolute;
  top: max(-5.8333333333vw, -84px);
  left: min(16.3194444444vw, 235px);
  z-index: -1;
  content: "";
  width: min(14.9305555556vw, 215px);
  aspect-ratio: 215/117;
  background: var(--color-parts);
  -webkit-mask: url(../images/destination/spot_parts01.svg) no-repeat center/contain;
          mask: url(../images/destination/spot_parts01.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-destination-spot__head-inner::before {
    top: max(-10.7692307692vw, -42px);
    left: min(15.3846153846vw, 60px);
    width: min(33.0769230769vw, 129px);
  }
}
.p-destination-spot__head.--reverse .p-destination-spot__head-inner::before {
  top: max(-4.0277777778vw, -58px);
  left: initial;
  right: min(27.7777777778vw, 400px);
  width: min(9.0972222222vw, 131px);
  aspect-ratio: 131/103;
  -webkit-mask-image: url(../images/destination/spot_parts03.svg);
          mask-image: url(../images/destination/spot_parts03.svg);
}
@media (max-width: 767px) {
  .p-destination-spot__head.--reverse .p-destination-spot__head-inner::before {
    top: max(-6.6666666667vw, -26px);
    right: initial;
    left: min(30.7692307692vw, 120px);
    width: min(16.6666666667vw, 65px);
  }
}
.p-destination-spot__head-inner::after {
  position: absolute;
  bottom: max(-3.0555555556vw, -44px);
  left: max(-11.1111111111vw, -160px);
  z-index: -1;
  content: "";
  width: min(23.3333333333vw, 336px);
  aspect-ratio: 336/212;
  background: var(--color-parts);
  -webkit-mask: url(../images/destination/spot_parts02.svg) no-repeat center/contain;
          mask: url(../images/destination/spot_parts02.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-destination-spot__head-inner::after {
    bottom: max(-5.641025641vw, -22px);
    left: max(-20.5128205128vw, -80px);
    width: min(51.5384615385vw, 201px);
  }
}
.p-destination-spot__head.--reverse .p-destination-spot__head-inner::after {
  bottom: max(-3.6111111111vw, -52px);
  left: initial;
  right: 0;
  width: min(13.6111111111vw, 196px);
  aspect-ratio: 196/163;
  -webkit-mask-image: url(../images/destination/spot_parts04.svg);
          mask-image: url(../images/destination/spot_parts04.svg);
}
@media (max-width: 767px) {
  .p-destination-spot__head.--reverse .p-destination-spot__head-inner::after {
    bottom: max(-6.6666666667vw, -26px);
    right: initial;
    left: min(5.1282051282vw, 20px);
    width: min(25.1282051282vw, 98px);
  }
}
.p-destination-spot__content {
  width: 50%;
}
@media (max-width: 767px) {
  .p-destination-spot__content {
    width: 100%;
  }
}
.p-destination-spot__content h2 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.5416666667em;
  font-size: min(3.3333333333vw, 48px);
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .p-destination-spot__content h2 {
    font-size: min(6.1538461538vw, 24px);
  }
}
.p-destination-spot__content h2::before {
  content: "";
  display: block;
  width: min(2.8472222222vw, 41px);
  aspect-ratio: 41/58;
  background: var(--color-icon);
  -webkit-mask: url(../images/destination/icon_pin.svg) no-repeat center/contain;
          mask: url(../images/destination/icon_pin.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-destination-spot__content h2::before {
    width: min(5.1282051282vw, 20px);
  }
}
.p-destination-spot__content p {
  margin-top: 1.5em;
  font-size: min(1.3888888889vw, 20px);
  line-height: 2;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .p-destination-spot__content p {
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-destination-spot__img {
  position: absolute;
  z-index: -1;
}
#history .p-destination-spot__img:nth-of-type(1) {
  top: max(-8.6111111111vw, -124px);
  left: min(7.9166666667vw, 114px);
  width: min(7.2222222222vw, 104px);
  rotate: 22.11deg;
}
@media (max-width: 767px) {
  #history .p-destination-spot__img:nth-of-type(1) {
    top: max(-15.8974358974vw, -62px);
    left: min(10.2564102564vw, 40px);
    width: min(13.3333333333vw, 52px);
  }
}
#history .p-destination-spot__img:nth-of-type(2) {
  bottom: max(-2.2916666667vw, -33px);
  left: min(32.7777777778vw, 472px);
  width: min(6.8055555556vw, 98px);
}
@media (max-width: 767px) {
  #history .p-destination-spot__img:nth-of-type(2) {
    bottom: min(-4.1025641026vw, -16px);
    left: min(64.1025641026vw, 250px);
    width: min(12.5641025641vw, 49px);
  }
}
#mystery .p-destination-spot__img {
  bottom: max(-1.7361111111vw, -25px);
  right: min(47.2222222222vw, 680px);
  width: min(7.0833333333vw, 102px);
}
@media (max-width: 767px) {
  #mystery .p-destination-spot__img {
    bottom: max(-3.0769230769vw, -12px);
    right: initial;
    left: min(64.1025641026vw, 250px);
    width: min(13.0769230769vw, 51px);
  }
}
#activity .p-destination-spot__img {
  top: max(-5.2777777778vw, -76px);
  left: min(31.5972222222vw, 455px);
  width: min(20.9722222222vw, 302px);
}
@media (max-width: 767px) {
  #activity .p-destination-spot__img {
    top: initial;
    bottom: max(-9.7435897436vw, -38px);
    left: min(64.1025641026vw, 250px);
    width: min(38.7179487179vw, 151px);
  }
}
#healing .p-destination-spot__img {
  bottom: max(-3.1944444444vw, -46px);
  left: min(27.0833333333vw, 390px);
  width: min(12.9166666667vw, 186px);
}
@media (max-width: 767px) {
  #healing .p-destination-spot__img {
    top: initial;
    bottom: max(-5.8974358974vw, -23px);
    left: min(74.358974359vw, 290px);
    width: min(23.8461538462vw, 93px);
  }
}
.p-destination-spot__bg {
  position: absolute;
  z-index: -2;
  top: 0;
  bottom: 0;
  right: 0;
  width: 55.5555555556vw;
}
.p-destination-spot__head.--reverse .p-destination-spot__bg {
  right: initial;
  left: 0;
}
@media (max-width: 767px) {
  .p-destination-spot__head.--reverse .p-destination-spot__bg {
    right: 0;
    left: initial;
  }
}
.p-destination-spot__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .p-destination-spot__bg img {
    -o-object-position: left center;
       object-position: left center;
  }
}
.p-destination-spot__bg span {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  padding: 0.5em 1em;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .p-destination-spot__bg span {
    bottom: initial;
    top: 0;
    right: 0;
  }
}
.p-destination-spot__head.--reverse .p-destination-spot__bg span {
  right: initial;
  left: 0;
}
@media (max-width: 767px) {
  .p-destination-spot__head.--reverse .p-destination-spot__bg span {
    right: 0;
    left: initial;
  }
}
.p-destination-spot__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(4.5833333333vw, 66px) min(5.5555555556vw, 80px);
  max-width: min(77.0833333333vw, 1110px);
  margin: min(7.3611111111vw, 106px) auto 0;
}
@media (max-width: 767px) {
  .p-destination-spot__list {
    grid-template-columns: auto;
    gap: min(7.6923076923vw, 30px);
    max-width: min(102.5641025641vw, 400px);
    width: 88%;
    margin: min(15.3846153846vw, 60px) auto 0;
  }
}

.p-destination-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: min(1.3888888889vw, 20px);
  box-shadow: min(0.1388888889vw, 2px) min(0.2777777778vw, 4px) min(0.4166666667vw, 6px) rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .p-destination-card {
    border-radius: min(3.8461538462vw, 15px);
    box-shadow: min(0.2564102564vw, 1px) min(0.5128205128vw, 2px) min(0.7692307692vw, 3px) rgba(0, 0, 0, 0.1);
  }
}
.p-destination-card__area {
  position: absolute;
  top: max(-1.8055555556vw, -26px);
  left: max(-3.125vw, -45px);
  display: grid;
  place-content: center;
  width: min(6.6666666667vw, 96px);
  height: min(6.6666666667vw, 96px);
  border-radius: 50%;
  font-size: min(1.5277777778vw, 22px);
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #fff;
}
@media (max-width: 767px) {
  .p-destination-card__area {
    top: -1em;
    left: -1em;
    width: min(16.4102564103vw, 64px);
    height: min(16.4102564103vw, 64px);
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-destination-card__area.--north {
  background: #00BD6B;
}
.p-destination-card__area.--coast {
  background: #2889C0;
}
.p-destination-card__area.--south {
  background: #ED849B;
}
.p-destination-card__area.--central {
  background: #F4A108;
}
.p-destination-card__tags {
  position: absolute;
  top: min(1.1111111111vw, 16px);
  right: min(1.5277777778vw, 22px);
  display: flex;
  align-items: flex-start;
  gap: min(0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .p-destination-card__tags {
    top: min(2.5641025641vw, 10px);
    right: min(3.8461538462vw, 15px);
  }
}
.p-destination-card__tags li {
  width: min(5.2777777778vw, 76px);
  filter: drop-shadow(min(0.0694444444vw, 1px) min(0.1388888889vw, 2px) min(0.2083333333vw, 3px) rgba(0, 0, 0, 0.25));
}
@media (max-width: 767px) {
  .p-destination-card__tags li {
    width: min(12.3076923077vw, 48px);
    filter: drop-shadow(min(0.2564102564vw, 1px) min(0.5128205128vw, 2px) min(0.7692307692vw, 3px) rgba(0, 0, 0, 0.25));
  }
}
.p-destination-card__img {
  overflow: hidden;
  aspect-ratio: 515/288;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.p-destination-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-destination-card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: min(2.0833333333vw, 30px);
  background: var(--color-bg);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
@media (max-width: 767px) {
  .p-destination-card__body {
    padding: min(5.1282051282vw, 20px);
  }
}
.p-destination-card__copy {
  width: -moz-fit-content;
  width: fit-content;
  padding: min(0.3472222222vw, 5px) min(1.0416666667vw, 15px);
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.02em;
  background: var(--color-copy);
}
@media (max-width: 767px) {
  .p-destination-card__copy {
    padding: min(1.2820512821vw, 5px) min-sP(15);
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-destination-card__title {
  margin-top: min(0.3472222222vw, 5px);
  font-size: min(1.9444444444vw, 28px);
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .p-destination-card__title {
    margin-top: min(1.2820512821vw, 5px);
    font-size: min(5.1282051282vw, 20px);
  }
}
.p-destination-card__text {
  flex-grow: 1;
  margin-top: min(0.3472222222vw, 5px);
  padding-top: min(0.8333333333vw, 12px);
  line-height: 1.8;
  letter-spacing: 0.02em;
  border-top: 1px dashed var(--color-line);
}
@media (max-width: 767px) {
  .p-destination-card__text {
    margin-top: min(1.2820512821vw, 5px);
    padding-top: min(1.2820512821vw, 5px);
  }
}
.p-destination-card__text span {
  display: block;
  font-size: 0.875em;
  line-height: 2.2;
  color: rgba(0, 0, 0, 0.6);
}
.p-destination-card__address {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1em;
  padding: 0.3125em 0.625em;
  border-radius: 0.3125em;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-icon);
  border: 1px solid;
}
.p-destination-card__addressWrap {
  display: flex;
  gap: 0.625em;
}

.p-destination-bnr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
  max-width: min(52.0833333333vw, 750px);
  margin: min(5.5555555556vw, 80px) auto min(11.1111111111vw, 160px);
  padding: min(2.7777777778vw, 40px) min(3.1944444444vw, 46px);
  border-radius: min(1.3888888889vw, 20px);
  background: #fff;
  border: 1px solid #B3C9E2;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .p-destination-bnr {
    gap: min(3.8461538462vw, 15px);
    max-width: min(128.2051282051vw, 500px);
    margin: min(10.2564102564vw, 40px) auto min(20.5128205128vw, 80px);
    padding: min(7.6923076923vw, 30px) min(5.1282051282vw, 20px);
  }
  .p-destination-bnr .c-button {
    line-height: 1.4;
  }
}
.p-destination-bnr:hover .c-button {
  background: rgb(0, 58.178807947, 125.5);
}

.p-overview__text {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-overview__text {
    font-size: 1.25em;
    text-align: left;
  }
}
.p-overview__text span {
  font-weight: bold;
  background: linear-gradient(to top, #FFEE69 min(0.6944444444vw, 10px), transparent min(0.6944444444vw, 10px));
}
@media (max-width: 767px) {
  .p-overview__text span {
    background: linear-gradient(to top, #FFEE69 min(1.2820512821vw, 5px), transparent min(1.2820512821vw, 5px));
  }
}
.p-overview__caption {
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-overview__caption {
    text-align: left;
  }
}

.p-overview-usage {
  display: flex;
  flex-direction: column;
  gap: min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .p-overview-usage {
    gap: min(7.6923076923vw, 30px);
  }
}
.p-overview-usage__info {
  padding: min(2.0833333333vw, 30px) min(4.1666666667vw, 60px);
  border-radius: min(0.6944444444vw, 10px);
  background: #FFFBDE;
}
@media (max-width: 767px) {
  .p-overview-usage__info {
    padding: min(5.1282051282vw, 20px);
  }
}
.p-overview-usage__info-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #896500;
}
@media (max-width: 767px) {
  .p-overview-usage__info-title {
    font-size: 1.25em;
  }
}
.p-overview-usage__info-note {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  line-height: 1.8;
}
.p-overview-usage__info-note li {
  position: relative;
  padding-left: 1.25em;
}
.p-overview-usage__info-note li::before {
  position: absolute;
  top: calc(0.5lh - 0.3125em);
  left: 0;
  content: "";
  width: 0.625em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #E2C700;
}

.p-overview-coupon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .p-overview-coupon {
    gap: min(7.6923076923vw, 30px);
  }
}
.p-overview-coupon__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .p-overview-coupon__title {
    flex-direction: column;
    gap: min(2.5641025641vw, 10px);
  }
}
.p-overview-coupon__title dt {
  min-width: min(10.7638888889vw, 155px);
  padding: min(0.5555555556vw, 8px) 1em;
  border: 1px solid;
  border-radius: 100vmax;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: var(--color-main);
}
@media (max-width: 767px) {
  .p-overview-coupon__title dt {
    min-width: min(28.2051282051vw, 110px);
    padding: min(1.0256410256vw, 4px) 1em;
    font-size: 1.125em;
  }
}
.p-overview-coupon__title dd {
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .p-overview-coupon__title dd {
    font-size: 1em;
  }
}
.p-overview-coupon__title dd em {
  font-size: 1.5em;
}
@media (max-width: 767px) {
  .p-overview-coupon__title dd em {
    font-size: 1.25em;
  }
}
.p-overview-coupon__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em 1.25em;
}
@media (max-width: 767px) {
  .p-overview-coupon__list {
    position: relative;
    gap: min(2.5641025641vw, 10px);
  }
  .p-overview-coupon__list::before, .p-overview-coupon__list::after {
    order: 1;
    content: "";
    width: min(38.4615384615vw, 150px);
    height: 0;
  }
}
.p-overview-coupon__item {
  width: min(16.1111111111vw, 232px);
}
@media (max-width: 767px) {
  .p-overview-coupon__item {
    width: min(38.4615384615vw, 150px);
  }
}
.p-overview-coupon__link {
  overflow: hidden;
  display: block;
  border: 1px solid var(--color-border);
  border-radius: min(0.6944444444vw, 10px);
  transition: opacity 0.3s;
}
.p-overview-coupon__link:hover {
  opacity: 0.6;
}
.p-overview-coupon__link[aria-disabled] {
  pointer-events: none;
}
.p-overview-coupon__link[aria-disabled] img {
  opacity: 0.2;
}
.p-overview-coupon__caption {
  margin-top: 0.5em;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.p-overview-coupon__caption span {
  font-size: 0.8571428571em;
  display: block;
  color: #e00;
}

.l-footer {
  margin-top: min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .l-footer {
    margin-top: min(7.6923076923vw, 30px);
  }
}/*# sourceMappingURL=destination.css.map */