@charset "UTF-8";
/* カラー */
/* フォント */
:root {
  --story-contentM: 6.2rem;
  --bg-story-content-intro: #f3ede1;
  --wave-height: 30px;
}

/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* *** mixins *** */
/* break point */
/* hover */
/* -----------------------------------------------
  ① clamp関数（function関数改善版2025.11.20）
----------------------------------------------- */
/* 1rem = 10px */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
body {
  height: auto;
}

.f-mPlus {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.f-zenMaru {
  font-family: "Zen Maru Gothic", sans-serif;
}

.no-break {
  display: inline-block;
}

.marker {
  background: linear-gradient(transparent 0%, #fff 0%);
  display: inline;
}

.flex {
  display: flex;
}
@media (max-width: 768px) {
  .flex {
    flex-direction: column;
  }
}

@media (min-width: 769px) {
  .experience2026-contents {
    --bg-borderRadius: 50%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents {
    --bg-borderRadius: 50% 30%;
  }
}
.experience2026-contents {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  /* MV */
}
.experience2026-contents .mv-wrap {
  background-color: #faf5f2;
}
@media (min-width: 769px) {
  .experience2026-contents .mv-wrap {
    padding-block-start: 4.8rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .mv-wrap {
    padding-block-start: 1.6rem;
  }
}
.experience2026-contents {
  /* リード */
}
.experience2026-contents .txt-lead-area {
  --bg-color: #de8831;
  position: relative;
}
@media (min-width: 769px) {
  .experience2026-contents .txt-lead-area {
    padding-block: 4rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .txt-lead-area {
    padding-block: 4rem;
  }
}
.experience2026-contents .txt-lead-area:before {
  content: "";
  position: absolute;
  top: calc(var(--wave-height) * -1);
  left: 0;
  background-color: var(--bg-color);
  width: 100%;
  height: 30px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 30 A 56.667 56.667 0 0 1 100 30 Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: repeat-x;
  mask-size: 100px 30px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 30 A 56.667 56.667 0 0 1 100 30 Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-size: 100px 30px;
}
.experience2026-contents .txt-lead-area::after {
  content: "";
  height: 100%;
  border-bottom-left-radius: var(--bg-borderRadius);
  border-bottom-right-radius: var(--bg-borderRadius);
  background-color: var(--bg-color);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}
@media (min-width: 769px) {
  .experience2026-contents .txt-lead-area::after {
    width: 133.13%;
    aspect-ratio: 1920/590;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .txt-lead-area::after {
    width: 160%;
    aspect-ratio: 768/1715;
  }
}
.experience2026-contents .txt-lead-area .txt-lead {
  color: var(--white);
  text-align: center;
  word-break: auto-phrase;
}
@media (min-width: 769px) {
  .experience2026-contents .txt-lead-area .txt-lead {
    line-height: 3.4;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .txt-lead-area .txt-lead {
    line-height: 2.8;
  }
}
.experience2026-contents {
  /* タブ切り替えボタン */
}
.experience2026-contents .tab-btn-wrap {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(var(--column), var(--tab-btn-width));
  gap: 2rem;
}
@media (min-width: 769px) {
  .experience2026-contents .tab-btn-wrap {
    --column: 4;
    --tab-btn-width: min(22.74%, 166px);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .tab-btn-wrap {
    --column: 2;
    --tab-btn-width: min(48.4%, 166px);
    width: calc(100% - 32px);
    margin-inline: auto;
  }
}
.experience2026-contents .tab-btn-wrap .tab .tab-img .on {
  display: none;
}
.experience2026-contents .tab-btn-wrap .tab .tab-img .off {
  display: block;
}
.experience2026-contents .tab-btn-wrap .tab.active a {
  cursor: default;
  pointer-events: none;
}
.experience2026-contents .tab-btn-wrap .tab.active .tab-img .on, .experience2026-contents .tab-btn-wrap .tab:hover .tab-img .on {
  display: block;
}
.experience2026-contents .tab-btn-wrap .tab.active .tab-img .off, .experience2026-contents .tab-btn-wrap .tab:hover .tab-img .off {
  display: none;
}
.experience2026-contents {
  /* タブコンテンツ */
}
.experience2026-contents .story-area {
  background-image: linear-gradient(var(--tab_theme_color_primary), var(--tab_theme_color_primary)), linear-gradient(var(--bg-story-content-intro), var(--bg-story-content-intro));
  background-position: top, bottom;
  background-size: 100% 26%, 100% 74%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}
.experience2026-contents .story-area:not(.active) {
  display: none;
}
.experience2026-contents .story-area.tab-content01 .story-content-intro-wrap {
  --overflow-inline: max(40px, calc((100% - var(--contentCol8)) / 2));
}
@media (min-width: 769px) {
  .experience2026-contents .story-area.tab-content01 .story-content-intro-wrap .img-main {
    width: calc(100% + min(15.22%, var(--overflow-inline)));
    margin-inline-start: calc(-1 * min(15.22%, var(--overflow-inline)));
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area.tab-content03 .dog-profile-box {
    padding-inline: 0 6.8%;
  }
  .experience2026-contents .story-area.tab-content03 .dog-profile-box .avatar-wrap {
    flex-basis: 38.55%;
  }
  .experience2026-contents .story-area.tab-content03 .dog-profile-box .profile-wrap {
    flex-basis: 33%;
    margin-block-end: 0;
  }
  .experience2026-contents .story-area.tab-content03 .dog-profile-box .profile-wrap .profile-box .name,
  .experience2026-contents .story-area.tab-content03 .dog-profile-box .profile-wrap .profile-box .desc {
    font-size: clamp(1.2rem, 0.931rem + 0.35vw, 1.6rem);
  }
  .experience2026-contents .story-area.tab-content03 .dog-profile-box > .img-wrap {
    flex: 1;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area.tab-content03 .story-content-intro-wrap .img-main,
  .experience2026-contents .story-area.tab-content03 .story-content-intro-wrap .img-variety:nth-of-type(3) {
    padding-inline-start: 12%;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area.tab-content03 .story-content-intro-wrap .img-variety {
    transform: translateY(-20%);
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area.tab-content03 .story-content-wrap .img-main {
    width: 83.26%;
    margin-inline: auto;
  }
}
.experience2026-contents .story-area .story-head {
  color: var(--white);
  position: relative;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-head {
    padding-block: 5.6rem 3.2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-head {
    padding-block: 3.2rem 6rem;
  }
}
.experience2026-contents .story-area .story-head:before {
  content: "";
  position: absolute;
  top: calc(var(--wave-height) * -1);
  left: 0;
  background-color: var(--tab_theme_color_primary);
  width: 100%;
  height: 30px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 30 A 56.667 56.667 0 0 1 100 30 Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: repeat-x;
  mask-size: 100px 30px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 30 A 56.667 56.667 0 0 1 100 30 Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-size: 100px 30px;
}
.experience2026-contents .story-area .story-head-inner {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-head-inner {
    max-width: 860px;
    width: calc(100% - 80px);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-head-inner {
    max-width: 100%;
    width: calc(100% - 32px);
  }
}
.experience2026-contents .story-area .story-head-ttl {
  text-align: center;
  margin-block-end: 2.4rem;
}
.experience2026-contents .story-area .dog-profile-box {
  border: solid 1px;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .dog-profile-box {
    gap: 3.2rem;
    padding-block: 4rem;
    padding-inline: 8.85%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .dog-profile-box {
    gap: 1.6rem;
    flex-direction: column;
    padding: 4rem 3rem 4.2rem;
    width: fit-content;
    margin-inline: auto;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .dog-profile-box .avatar-wrap {
    flex-basis: 45.32%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .dog-profile-box .avatar-wrap {
    max-width: 320px;
  }
}
.experience2026-contents .story-area .dog-profile-box .avatar-wrap .avatar-ttl {
  text-align: center;
  margin-block-end: 1rem;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .dog-profile-box .intro-wrap {
    flex: 1;
  }
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap {
  border-top: solid 1px;
  border-bottom: solid 1px;
  text-align: center;
  margin-block-end: 2.4rem;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box {
  padding-block: 1rem;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box:not(:last-of-type) {
  border-bottom: solid 1px;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box.row {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box.row .img-wrap {
  flex-basis: 40%;
  max-width: 110px;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box.row .txt-wrap {
  flex: 1;
  text-align: left;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box.row .desc {
  padding-inline: 0;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box .name {
  font-size: 1.6rem;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box .desc {
  font-size: 1.6rem;
  word-break: auto-phrase;
  padding-inline: 1rem;
}
.experience2026-contents .story-area .dog-profile-box .profile-wrap .profile-box .desc::before {
  content: "";
  width: 100%;
  height: 4px;
  margin-block: 1rem;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.7) 1px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 12px 4px;
  display: block;
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .dog-profile-box > .img-wrap {
    max-width: 320px;
  }
}
.experience2026-contents .story-area .scroll {
  width: 4.2rem;
  margin-inline: auto;
  margin-block-start: 2rem;
  position: relative;
}
.experience2026-contents .story-area .scroll::before {
  content: "";
  width: 2px;
  background-color: currentColor;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .scroll::before {
    height: 50px;
    bottom: 24px;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .scroll::before {
    height: 64px;
    top: 36px;
  }
}
.experience2026-contents .story-area .story-content {
  margin-block-end: var(--story-contentM);
}
.experience2026-contents .story-area .story-content .story-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box {
    gap: 3.2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box {
    flex-direction: column;
    gap: 2rem;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box > .img-main {
    width: 68.6%;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-img-wrap,
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .pc-img-wrap,
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap {
    display: contents;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-img-wrap {
    flex-basis: 53.49%;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap {
    flex: 1;
  }
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap {
  position: relative;
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 60%;
  z-index: 1;
  background-color: var(--tab_theme_color_primary);
  width: 100%;
  aspect-ratio: 335/15;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 335 15' width='100%25'%3E%3Cpath d='M 0 13.5 Q 8.38 13.5 16.75 7.5 Q 33.5 -4.5 50.25 7.5 Q 58.63 13.5 67 13.5 Q 75.38 13.5 83.75 7.5 Q 100.5 -4.5 117.25 7.5 Q 125.63 13.5 134 13.5 Q 142.38 13.5 150.75 7.5 Q 167.5 -4.5 184.25 7.5 Q 192.63 13.5 201 13.5 Q 209.38 13.5 217.75 7.5 Q 234.5 -4.5 251.25 7.5 Q 259.63 13.5 268 13.5 Q 276.38 13.5 284.75 7.5 Q 301.5 -4.5 318.25 7.5 Q 326.63 13.5 335 13.5' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 335 15' width='100%25'%3E%3Cpath d='M 0 13.5 Q 8.38 13.5 16.75 7.5 Q 33.5 -4.5 50.25 7.5 Q 58.63 13.5 67 13.5 Q 75.38 13.5 83.75 7.5 Q 100.5 -4.5 117.25 7.5 Q 125.63 13.5 134 13.5 Q 142.38 13.5 150.75 7.5 Q 167.5 -4.5 184.25 7.5 Q 192.63 13.5 201 13.5 Q 209.38 13.5 217.75 7.5 Q 234.5 -4.5 251.25 7.5 Q 259.63 13.5 268 13.5 Q 276.38 13.5 284.75 7.5 Q 301.5 -4.5 318.25 7.5 Q 326.63 13.5 335 13.5' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap.pos-left .img-illust {
  margin-inline-start: -32px;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap.pos-right::before {
    left: -32px;
  }
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap.pos-right .img-illust {
  margin-inline-start: auto;
  margin-inline-end: -32px;
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap .img-illust {
  position: relative;
  z-index: 2;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap .img-illust {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-illust-wrap .img-illust {
    width: 50%;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .img-line::before {
    content: "";
    margin-block: 2% calc(2rem + 2%);
    display: block;
    background-color: var(--tab_theme_color_primary);
    width: 100%;
    aspect-ratio: 335/15;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 335 15' width='100%25'%3E%3Cpath d='M 0 13.5 Q 8.38 13.5 16.75 7.5 Q 33.5 -4.5 50.25 7.5 Q 58.63 13.5 67 13.5 Q 75.38 13.5 83.75 7.5 Q 100.5 -4.5 117.25 7.5 Q 125.63 13.5 134 13.5 Q 142.38 13.5 150.75 7.5 Q 167.5 -4.5 184.25 7.5 Q 192.63 13.5 201 13.5 Q 209.38 13.5 217.75 7.5 Q 234.5 -4.5 251.25 7.5 Q 259.63 13.5 268 13.5 Q 276.38 13.5 284.75 7.5 Q 301.5 -4.5 318.25 7.5 Q 326.63 13.5 335 13.5' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 335 15' width='100%25'%3E%3Cpath d='M 0 13.5 Q 8.38 13.5 16.75 7.5 Q 33.5 -4.5 50.25 7.5 Q 58.63 13.5 67 13.5 Q 75.38 13.5 83.75 7.5 Q 100.5 -4.5 117.25 7.5 Q 125.63 13.5 134 13.5 Q 142.38 13.5 150.75 7.5 Q 167.5 -4.5 184.25 7.5 Q 192.63 13.5 201 13.5 Q 209.38 13.5 217.75 7.5 Q 234.5 -4.5 251.25 7.5 Q 259.63 13.5 268 13.5 Q 276.38 13.5 284.75 7.5 Q 301.5 -4.5 318.25 7.5 Q 326.63 13.5 335 13.5' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
  }
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .ttl-h3 {
  font-weight: var(--fwBold);
  color: var(--tab_theme_color_primary);
  text-align: center;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .ttl-h3 {
    font-size: clamp(2rem, -1.384rem + 4.4vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .ttl-h3 {
    font-size: 2.4rem;
  }
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .txt {
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.9;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .txt {
    font-size: clamp(1.4rem, -0.292rem + 2.2vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .txt {
    font-size: 1.6rem;
  }
}
.experience2026-contents .story-area .story-content .story-box .pc-txt-wrap .txt .emp {
  color: var(--tab_theme_color_primary);
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item01 {
    order: 2;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item02 {
    order: 4;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item03 {
    order: 1;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item04 {
    order: 3;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item05 {
    order: 20;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item06 {
    order: 6;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content .story-box .item07 {
    order: 5;
  }
}
.experience2026-contents .story-area .story-content-intro-wrap {
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content-intro-wrap {
    padding-block-start: 12%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content-intro-wrap {
    padding-block-start: 7.2rem;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content-intro-wrap .story-content-intro-inner {
    background-color: var(--bg-story-content-intro);
  }
}
.experience2026-contents .story-area .story-content-intro-wrap::before {
  content: "";
  background-color: var(--bg-story-content-intro);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content-intro-wrap::before {
    border-top-left-radius: var(--bg-borderRadius);
    border-top-right-radius: var(--bg-borderRadius);
    width: 124%;
    aspect-ratio: 1756/828;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .story-content-intro-wrap::before {
    border-radius: 999px;
    width: 100%;
    height: 100%;
  }
}
.experience2026-contents .story-area .story-content-intro-wrap::after {
  content: "";
  display: block;
  background-color: var(--tab_theme_color_secondary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' width='100%25'%3E%3Cpath d='M 0 0 Q 18 0 36 28 Q 72 84 108 28 Q 126 0 144 0 Q 162 0 180 28 Q 216 84 252 28 Q 270 0 288 0 Q 306 0 324 28 Q 360 84 396 28 Q 414 0 432 0 Q 450 0 468 28 Q 504 84 540 28 Q 558 0 576 0 Q 594 0 612 28 Q 648 84 684 28 Q 702 0 720 0 Q 738 0 756 28 Q 792 84 828 28 Q 846 0 864 0 Q 882 0 900 28 Q 936 84 972 28 Q 990 0 1008 0 Q 1026 0 1044 28 Q 1080 84 1116 28 Q 1134 0 1152 0 Q 1170 0 1188 28 Q 1224 84 1260 28 Q 1278 0 1296 0 Q 1314 0 1332 28 Q 1368 84 1404 28 Q 1422 0 1440 0 Q 1458 0 1476 28 Q 1512 84 1548 28 Q 1566 0 1584 0 L 1440 0 L 0 0 Z' fill='%23f3ede1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  aspect-ratio: 1440/56;
  margin-block-start: var(--story-contentM);
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .story-content-intro-wrap .img-variety {
    width: 83.26%;
  }
}
.experience2026-contents .story-area .story-content-wrap {
  background-color: var(--tab_theme_color_secondary);
  padding-block-start: var(--story-contentM);
  position: relative;
  z-index: 0;
}
.experience2026-contents .story-area .hotel-info {
  outline: solid 2px var(--tab_theme_color_primary);
  border: solid 1px var(--tab_theme_color_primary);
  outline-offset: 4px;
  border-radius: 50px;
  margin: 6px;
  position: relative;
}
.experience2026-contents .story-area .hotel-info .img-check {
  position: absolute;
  aspect-ratio: 100/100;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .hotel-info .img-check {
    top: -8%;
    left: 7.21%;
    width: 11.63%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info .img-check {
    top: -42px;
    left: -16px;
    width: 86px;
  }
}
.experience2026-contents .story-area .hotel-info .row {
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .hotel-info .row {
    column-gap: 3.72%;
    padding: 3.72%;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info .row {
    row-gap: 1.6rem;
    flex-direction: column;
    padding: 2.4rem;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .hotel-info .img-wrap {
    flex-basis: 39%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info .img-wrap {
    order: 2;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .hotel-info .pc-txt-wrap {
    flex-basis: 39%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info .pc-txt-wrap {
    display: contents;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .hotel-info .ttl-h3 {
    margin-block-end: 1.2rem;
    font-size: 2.3rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info .ttl-h3 {
    margin-inline: auto;
    order: 1;
    font-size: 2rem;
    text-align: center;
  }
}
.experience2026-contents .story-area .hotel-info .ttl-h3::after {
  content: "";
  width: 100%;
  height: 4px;
  margin-block-start: 1.2rem;
  background-image: radial-gradient(circle, var(--tab_theme_color_primary) 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 11px 4px;
  display: block;
}
.experience2026-contents .story-area .hotel-info p {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.experience2026-contents .story-area .hotel-info p.txt {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info p.txt {
    order: 3;
  }
}
.experience2026-contents .story-area .hotel-info p.adress {
  font-size: 1.2rem;
  margin-block-start: 2.4rem;
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .hotel-info p.adress {
    order: 4;
  }
}
.experience2026-contents .story-area .epilogue-content {
  margin-block: var(--story-contentM) 5.6rem;
}
.experience2026-contents .story-area .epilogue-content .img-main-wrap {
  margin-block-end: 3.2rem;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .epilogue-content .img-main-wrap {
    width: min(100%, 690px);
    margin-inline: auto;
  }
}
.experience2026-contents .story-area .epilogue-content .img-txt-wrap p {
  color: #4d4d4d;
  font-weight: var(--fwBold);
  line-height: 1.64;
  text-align: center;
}
@media (min-width: 769px) {
  .experience2026-contents .story-area .epilogue-content .img-txt-wrap p {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .story-area .epilogue-content .img-txt-wrap p {
    font-size: 2rem;
  }
}
.experience2026-contents {
  /* ポイント */
}
.experience2026-contents .point-area {
  background-color: #faf5f2;
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .experience2026-contents .point-area {
    padding-block: 11.6rem 5.6rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area {
    padding-block: 7.2rem 4.2rem;
  }
}
.experience2026-contents .point-area::before {
  content: "";
  background: url("/advertising/fundogouting/special10days/experience2026/images/icon/icn-check3.webp") no-repeat top/contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1/1;
}
@media (min-width: 769px) {
  .experience2026-contents .point-area::before {
    top: -40px;
    width: 130px;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area::before {
    top: -54px;
    width: min(108px, (100% - 32px) * 0.32);
  }
}
.experience2026-contents .point-area:after {
  content: "";
  position: absolute;
  bottom: calc(var(--wave-height) * -1);
  left: 0;
  background-color: #faf5f2;
  width: 100%;
  height: 30px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 0 A 56.667 56.667 0 0 0 100 0 Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: repeat-x;
  mask-size: 100px 30px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 0 A 56.667 56.667 0 0 0 100 0 Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-size: 100px 30px;
}
.experience2026-contents .point-area .ttl-h2 {
  max-width: 400px;
  margin-inline: auto;
  margin-block-end: calc(4.8rem + var(--wave-height));
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .ttl-h2 {
    width: 71.43%;
    margin-block-end: calc(2.4rem + var(--wave-height));
  }
}
@media (min-width: 769px) {
  .experience2026-contents .point-area .point-list {
    margin-block-end: 7.2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .point-list {
    margin-block-end: 4.2rem;
  }
}
.experience2026-contents .point-area .point-content {
  background-color: var(--point_theme_color);
  position: relative;
}
@media (min-width: 769px) {
  .experience2026-contents .point-area .point-content {
    padding-block: 3.2rem 7.2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .point-content {
    padding-block: 2.4rem 5.6rem;
  }
}
.experience2026-contents .point-area .point-content .ttl-h3 {
  width: fit-content;
  margin-inline: auto;
  color: var(--point_title_color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 769px) {
  .experience2026-contents .point-area .point-content .ttl-h3 {
    margin-block-end: 2.4rem;
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .point-content .ttl-h3 {
    margin-block-end: 2rem;
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .point-area .point-content .ttl-h3 span.num {
    width: 5.2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .point-content .ttl-h3 span.num {
    width: 4.2rem;
  }
}
.experience2026-contents .point-area .point-content .ttl-h3 span.ttl {
  flex: 1;
}
@media (min-width: 769px) {
  .experience2026-contents .point-area .point-content .main-img {
    margin-block-end: 0.8rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .point-content .main-img {
    margin-block-end: 2rem;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .point-area .point-content .txt {
    text-align: center;
    line-height: 2;
    word-break: auto-phrase;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .point-area .point-content .txt {
    line-height: 1.8;
  }
}
.experience2026-contents .point-area .point-content:before {
  content: "";
  position: absolute;
  top: calc(var(--wave-height) * -1);
  left: 0;
  background-color: var(--point_theme_color);
  width: 100%;
  height: 30px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 30 A 56.667 56.667 0 0 1 100 30 Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: repeat-x;
  mask-size: 100px 30px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M 0 30 A 56.667 56.667 0 0 1 100 30 Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-size: 100px 30px;
}
.experience2026-contents .point-area .point-content.point-01 {
  --point_theme_color: #f4d1cc;
}
.experience2026-contents .point-area .point-content.point-01 .ttl-h3 {
  --point_title_color: #d74d37;
}
.experience2026-contents .point-area .point-content.point-02 {
  --point_theme_color: #ffefcf;
}
.experience2026-contents .point-area .point-content.point-02 .ttl-h3 {
  --point_title_color: #e67700;
}
.experience2026-contents .point-area .point-content.point-03 {
  --point_theme_color: #d8edd6;
}
.experience2026-contents .point-area .point-content.point-03 .ttl-h3 {
  --point_title_color: #368f32;
}
.experience2026-contents {
  /* 増田教授 */
}
.experience2026-contents .professor-content {
  outline: solid 2px #b54d43;
  border: solid 1px #d74d37;
  outline-offset: 4px;
  border-radius: 999px;
  margin: 6px;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .experience2026-contents .professor-content {
    width: fit-content;
    margin-inline: auto;
  }
}
.experience2026-contents .professor-content::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 18%;
  right: 12%;
  width: 65px;
  height: 67px;
  background: url("/advertising/fundogouting/special10days/experience2026/images/point/img_nikukyu.webp") no-repeat center center/cover;
}
.experience2026-contents .professor-content .marker {
  background: linear-gradient(transparent 70%, #f4d1cc 70%);
  display: inline;
}
.experience2026-contents .professor-content .row {
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .experience2026-contents .professor-content .row {
    column-gap: 4%;
    padding: 4% 8%;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .professor-content .row {
    row-gap: 1.6rem;
    flex-direction: column;
    padding: 12% 5% 20%;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .professor-content .txt-wrap {
    flex-basis: auto;
  }
}
.experience2026-contents .professor-content .txt-wrap .ttl {
  font-weight: var(--fwBold);
  text-align: center;
  margin-block-end: 1.6rem;
}
@media (min-width: 769px) {
  .experience2026-contents .professor-content .txt-wrap .ttl {
    font-size: clamp(2rem, -2.699rem + 6.11vw, 2.8rem);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .professor-content .txt-wrap .ttl {
    font-size: 2.4rem;
  }
}
.experience2026-contents .professor-content .txt-wrap .txt {
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.8;
  text-align: center;
  word-break: auto-phrase;
}
@media (min-width: 769px) {
  .experience2026-contents .professor-content .txt-wrap .txt {
    font-size: clamp(1.4rem, 0.223rem + 1.53vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .professor-content .txt-wrap .txt {
    font-size: 1.4rem;
  }
}
.experience2026-contents .professor-content .profile-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
@media (min-width: 769px) {
  .experience2026-contents .professor-content .profile-wrap {
    flex-basis: auto;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .professor-content .profile-wrap ol li {
    font-size: clamp(1.2rem, 0.023rem + 1.53vw, 1.4rem);
  }
}
@media (max-width: 768px) {
  .experience2026-contents .professor-content .profile-wrap ol li {
    font-size: 1.2rem;
  }
}
.experience2026-contents .professor-content .profile-wrap ol li.name {
  margin-block-start: 2em;
}
.experience2026-contents {
  /* style2.scss */
  /* CROSSTREK */
  /* こんなクルマも愛犬とのお出かけにおすすめ！ */
}
.experience2026-contents .car-model-wrap {
  color: #f3ede1;
  position: relative;
  z-index: 1;
  padding: 7.2rem 0;
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap {
    padding-block: 7.2rem 10rem;
  }
}
.experience2026-contents .car-model-wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  height: 100%;
  background-color: var(--tab_theme_color_primary);
}
@media (min-width: 769px) {
  .experience2026-contents .car-model-wrap::before {
    width: auto;
    aspect-ratio: 2.8/1;
    min-width: 140vw;
    border-radius: 50%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap::before {
    width: 100vw;
    border-radius: 999px;
  }
}
.experience2026-contents .car-model-wrap::after {
  content: "";
  width: 100vw;
  height: 50%;
  background-color: #faf5f2;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -2;
  margin: 0 calc(50% - 50vw);
}
.experience2026-contents .car-model-wrap .car-model-inner {
  display: flex;
  flex-direction: column;
  max-width: 700px;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .experience2026-contents .car-model-wrap .car-model-inner {
    gap: 5rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap .car-model-inner {
    gap: 3rem;
  }
}
.experience2026-contents .car-model-wrap .car-model-inner > div.flex {
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 769px) {
  .experience2026-contents .car-model-wrap .car-model-01 > * {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .car-model-wrap .car-model-01 .img-title-wrap {
    align-items: flex-end;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .car-model-wrap .car-model-01 .img-title-wrap .img-title {
    width: 67.5%;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap .car-model-01 .img-title-wrap .img-title {
    width: 64%;
    margin-inline: auto;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .car-model-wrap .car-model-01 .img-car-model-groupe .img-logo {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap .car-model-01 .img-car-model-groupe .img-logo {
    width: min(85.8%, 300px);
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap .car-model-01 .img-car-model-groupe .img-car {
    width: min(100%, 345px);
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap .car-model-03 .img-dog {
    width: 31rem;
  }
}
.experience2026-contents .car-model-wrap .car-model-03 > div:first-child {
  flex: 1 1 51%;
}
.experience2026-contents .car-model-wrap .car-model-03 > div:last-child {
  flex: 1 1 49%;
}
.experience2026-contents .car-model-wrap .car-model-03 .ttl {
  font-size: 2rem;
  font-weight: var(--fwBold);
  text-align: center;
  margin-block-end: 2rem;
}
.experience2026-contents .car-model-wrap .car-model-03 .txt {
  font-size: 1.4rem;
  line-height: 2;
}
@media (max-width: 768px) {
  .experience2026-contents .car-model-wrap .car-model-03 .txt {
    margin-block-end: 2rem;
  }
}
.experience2026-contents .car-model-wrap .btn-nml {
  background-color: #f3ede1;
}
.experience2026-contents .models-wrap .heading {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .experience2026-contents .models-wrap .heading {
    max-width: 450px;
    margin-block-end: 1.6rem;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .models-wrap .heading {
    max-width: 330px;
    margin-block-end: 2.4rem;
  }
}
.experience2026-contents .models-wrap .models-block {
  margin-block-end: 4.2rem;
  gap: 2.4rem 3.2rem;
}
@media (min-width: 769px) {
  .experience2026-contents .models-wrap .models-block {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .models-wrap .models-block {
    align-items: center;
    flex-direction: column;
  }
}
.experience2026-contents .models-wrap .model-item-01 {
  background-color: #95cce4;
}
.experience2026-contents .models-wrap .model-item-02 {
  background-color: #edbbb1;
}
.experience2026-contents .models-wrap .model-item-01,
.experience2026-contents .models-wrap .model-item-02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  padding: 3.2rem;
  border-radius: 40px;
  width: 342px;
}
@media (max-width: 768px) {
  .experience2026-contents .models-wrap .model-item-01,
  .experience2026-contents .models-wrap .model-item-02 {
    padding: 7.4rem 3.5rem;
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .experience2026-contents .models-wrap .model-item-01 .car,
  .experience2026-contents .models-wrap .model-item-02 .car {
    flex: 1;
  }
}

/* タブ別カラー、画像設定 */
.theme_color_primary01 {
  --tab_theme_color_primary: #477da6;
  --tab_theme_color_secondary: #d6dfde;
}
@media (min-width: 769px) {
  .theme_color_primary01 .pc-txt-wrap::before {
    background-image: url(/advertising/fundogouting/special10days/experience2026/images/01/story_divider_pc.webp);
  }
}

.theme_color_primary02 {
  --tab_theme_color_primary: #407a3e;
  --tab_theme_color_secondary: #d0dfcd;
}
@media (min-width: 769px) {
  .theme_color_primary02 .pc-txt-wrap::before {
    background-image: url(/advertising/fundogouting/special10days/experience2026/images/02/story_divider_pc.webp);
  }
}

.theme_color_primary03 {
  --tab_theme_color_primary: #d5604e;
  --tab_theme_color_secondary: #f7dcd2;
}
@media (min-width: 769px) {
  .theme_color_primary03 .pc-txt-wrap::before {
    background-image: url(/advertising/fundogouting/special10days/experience2026/images/03/story_divider_pc.webp);
  }
}

.theme_color_primary04 {
  --tab_theme_color_primary: #de8831;
  --tab_theme_color_secondary: #f2decb;
}
@media (min-width: 769px) {
  .theme_color_primary04 .pc-txt-wrap::before {
    background-image: url(/advertising/fundogouting/special10days/experience2026/images/03/story_divider_pc.webp);
  }
}
.theme_color_primary04 .car-model-wrap .btn-nml.rev.c-lp {
  background-color: #ffffbd;
  color: #de8831;
}

.experience2026-contents {
  /* 共通試乗予約ボタン */
}
@media (min-width: 769px) {
  .experience2026-contents .btn-wrap {
    margin-block-start: 0;
  }
}
@media (max-width: 768px) {
  .experience2026-contents .btn-wrap {
    width: min(100%, 280px);
    margin-inline: auto;
  }
}
.experience2026-contents .btn-nml.rev.c-lp {
  background-color: #de8831;
  border-color: #de8831;
  color: var(--white);
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 75px;
}
@media (min-width: 769px) {
  .experience2026-contents .btn-nml.rev.c-lp:hover {
    opacity: 0.7;
  }
}
.experience2026-contents .btn-nml.rev.c-lp::before, .experience2026-contents .btn-nml.rev.c-lp::after {
  content: "";
  width: 25px;
  height: 15px;
  margin-inline: 1rem;
  background-image: url(/advertising/fundogouting/special10days/experience2026/images/icon/icn-hone.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
.experience2026-contents .btn-nml.rev.c-lp.icon-yellow::before, .experience2026-contents .btn-nml.rev.c-lp.icon-yellow::after {
  background-image: url(/advertising/fundogouting/special10days/experience2026/images/icon/icn-hone2.webp);
}
.experience2026-contents {
  /* 共通試乗予約モーダルボタン */
}
.experience2026-contents button[data-action=on_modal] {
  width: min(100%, 330px);
  margin-inline: auto;
  color: var(--tab_theme_color_primary, #4d4d4d);
  border-color: var(--white);
  background-color: var(--white);
  position: relative;
}
@media (min-width: 769px) {
  .experience2026-contents button[data-action=on_modal]:hover {
    opacity: 0.7;
  }
}
.experience2026-contents button[data-action=on_modal]::before, .experience2026-contents button[data-action=on_modal]::after {
  content: "";
  background-color: currentColor;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.experience2026-contents button[data-action=on_modal]::before {
  width: 17px;
  height: 3px;
  right: 18px;
  left: auto;
}
.experience2026-contents button[data-action=on_modal]::after {
  width: 3px;
  height: 17px;
  right: 25px;
  transition: var(--transition);
  border: none;
}/*# sourceMappingURL=style.css.map */