@charset "UTF-8";
/* Base Scss Document */
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* Base Scss Document */
/* *** mixins *** */
/* break point */
/* hover */
/* ------------------------------------------------
  function関数改善版2025.11.20
------------------------------------------------ */
/* 1rem = 10px */
/* Scss Document */
/* Fonts */
/* Img Title Height */
/* 色設定 */
:root {
  --bg-yellow: #ffd05e;
  --bg-green: #cdd659;
  --bg-pink: #f5b9b1;
  --bg-blue: #8acfe6;
  --bg-gray: #f5f5ee;
  --radius30: 30px;
}

/* Components Scss Document */
/* Layouts Scss Document */
.pet2026 {
  background: var(--white);
  font-feature-settings: "palt";
}

.pet2026 {
  /* 改行位置調整 */
}
.pet2026 .no-break {
  display: inline-block;
}
@media (min-width: 769px) {
  .pet2026 .pc-no-break {
    display: inline-block;
  }
}
.pet2026 {
  /* hoverスタイル */
}
.pet2026 a.link-btn:hover {
  opacity: 0.7;
}
.pet2026 .bc-player-default_default .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.45);
}
.pet2026 {
  /* マーカー */
}
.pet2026 .marker {
  padding: 2px;
  background: url(/advertising/fundogouting/2026/images/bg/bg-emphasis_center.webp) center/contain repeat-x;
  border-radius: 6px;
}
.pet2026 {
  /* モーダル動画上書き */
}
.pet2026 .bc_modal_movie {
  margin-inline: 0;
}
.pet2026 .bc_modal_movie::after {
  background: url(/advertising/fundogouting/2026/images/icon/icn-play-brown.webp) center/contain no-repeat;
  width: 16.95%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pet2026 {
  /* 来店予約ボタン */
}
@media (min-width: 769px) {
  .pet2026 .cv-btn-wrap {
    margin-block: 4.8rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .cv-btn-wrap {
    margin-block: 3.2rem;
  }
}
.pet2026 .cv-btn-wrap .cv-btn {
  width: min(100%, 470px);
  margin-inline: auto;
}
.pet2026 .cv-btn-wrap p {
  font-size: 1.2rem;
  line-height: 2;
}
@media (min-width: 769px) {
  .pet2026 .cv-btn-wrap p {
    margin-block-start: 2rem;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .pet2026 .cv-btn-wrap p {
    margin-block-start: 1.8rem;
  }
}

.pet2026 {
  /* メインビジュアル */
}
.pet2026 .mv-section {
  position: relative;
}
.pet2026 .mv-section .h1ttl-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media (min-width: 769px) {
  .pet2026 .mv-section .h1ttl-logo {
    width: 38.19%;
    top: 5.57%;
  }
}
@media (max-width: 768px) {
  .pet2026 .mv-section .h1ttl-logo {
    width: 91.15%;
    top: 9.32%;
  }
}
.pet2026 .mv-section .swiper-slider-wrapper {
  display: flex;
  overflow: hidden;
}
@media (min-width: 769px) {
  .pet2026 .mv-section .swiper-container.slider-left, .pet2026 .mv-section .swiper-container.slider-right {
    flex-basis: 30.56%;
    aspect-ratio: 440/610;
  }
}
@media (max-width: 768px) {
  .pet2026 .mv-section .swiper-container.slider-left, .pet2026 .mv-section .swiper-container.slider-right {
    flex-basis: 50%;
    aspect-ratio: 384/1030;
  }
}
@media (min-width: 769px) {
  .pet2026 .mv-section .slider-center-wrapper {
    flex: 1;
    aspect-ratio: 560/610;
    display: flex;
  }
}
@media (max-width: 768px) {
  .pet2026 .mv-section .slider-center-wrapper {
    display: none;
  }
}
@media (min-width: 769px) {
  .pet2026 .mv-section .slider-center-left,
  .pet2026 .mv-section .slider-center-right {
    flex-basis: 50%;
  }
}
@media (max-width: 768px) {
  .pet2026 .mv-section .slider-center-left,
  .pet2026 .mv-section .slider-center-right {
    display: none;
  }
}
@media (max-width: 768px) {
  .pet2026 .mv-section .slider-center {
    display: none;
  }
}
.pet2026 .mv-section .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
}
.pet2026 {
  /* ページ内ナビゲーション */
}
.pet2026 .anchor-btns-wrap {
  display: flex;
  justify-content: center;
  gap: 1.2rem 2rem;
}
@media (max-width: 768px) {
  .pet2026 .anchor-btns-wrap {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 769px) {
  .pet2026 .anchor-btns-wrap .anchor-btn {
    flex-basis: min(100%, 320px);
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .pet2026 .anchor-btns-wrap .anchor-btn {
    width: min(100%, 560px);
  }
}
.pet2026 .anchor-btns-wrap .anchor-btn a {
  border: solid 1px var(--black);
  border-radius: 100px;
  font-family: "Zen Maru Gothic", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 769px) {
  .pet2026 .anchor-btns-wrap .anchor-btn a {
    flex: 1;
    padding: 5% 10%;
    font-size: clamp(1.2rem, 0.931rem + 0.35vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .pet2026 .anchor-btns-wrap .anchor-btn a {
    min-height: 75px;
    padding: 1.6rem 3.2rem;
    font-size: 1.6rem;
  }
}
.pet2026 .anchor-btns-wrap .anchor-btn a::after {
  content: "";
  aspect-ratio: 1/1;
  background: url("/advertising/fundogouting/2026/images/icon/icn-lower-triangle.webp") no-repeat center center/contain;
  display: block;
}
@media (min-width: 769px) {
  .pet2026 .anchor-btns-wrap .anchor-btn a::after {
    width: 8%;
  }
}
@media (max-width: 768px) {
  .pet2026 .anchor-btns-wrap .anchor-btn a::after {
    width: 20px;
  }
}
.pet2026 {
  /* イントロモーダル動画 */
}
.pet2026 .intro-mov-wrap {
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .pet2026 .intro-mov-wrap {
    max-width: 540px;
    margin-inline: auto;
    margin-block-start: 4.8rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-mov-wrap {
    margin-block-start: 3.2rem;
  }
}
.pet2026 {
  /* イントロ */
}
@media (max-width: 768px) {
  .pet2026 .intro-section {
    margin-block-start: 15%;
  }
}
.pet2026 .intro-section .bg-intro {
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .pet2026 .intro-section .bg-intro {
    margin-block-end: 17px;
    padding-block: 6.4rem 4rem;
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-intro_pc.webp");
    aspect-ratio: 1440/525;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section .bg-intro {
    margin-block-end: 4.2%;
    padding-block: 7.7rem 3.2rem;
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-intro_sp.webp");
    aspect-ratio: 770/1086;
    display: flex;
    align-items: center;
  }
}
.pet2026 .intro-section .align-center-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pet2026 .intro-section .lead-wrap {
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .pet2026 .intro-section .lead-wrap {
    width: 455px;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section .lead-wrap {
    max-width: 360px;
    margin-block-end: 6%;
  }
}
.pet2026 .intro-section .lead-wrap::before {
  content: "";
  aspect-ratio: 447/445;
  background: url("/advertising/fundogouting/2026/images/intro-illust-dog.webp") no-repeat center center/cover;
  position: absolute;
  z-index: -1;
}
@media (min-width: 769px) {
  .pet2026 .intro-section .lead-wrap::before {
    width: 140px;
    top: -90px;
    right: -100px;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section .lead-wrap::before {
    width: 40.42%;
    top: -54%;
    right: 0;
  }
}
.pet2026 .intro-section h2 {
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .pet2026 .intro-section h2 {
    width: 416px;
    margin-block-end: 1.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section h2 {
    width: min(70%, 300px);
    margin-block-end: 6%;
    padding-inline-end: 6%;
  }
}
.pet2026 .intro-section h2::after {
  content: "";
  aspect-ratio: 140/229;
  background: url("/advertising/fundogouting/2026/images/icon/icn-ashi.webp") no-repeat center center/contain;
  position: absolute;
  z-index: -1;
}
@media (min-width: 769px) {
  .pet2026 .intro-section h2::after {
    width: 50px;
    bottom: -54px;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section h2::after {
    width: 19%;
    top: 50%;
  }
}
.pet2026 .intro-section .lineup-wrap {
  position: relative;
}
@media (min-width: 769px) {
  .pet2026 .intro-section .lineup-wrap {
    width: 680px;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section .lineup-wrap {
    width: calc(100% + 32px);
    margin-inline: -16px;
  }
}
.pet2026 .intro-section p {
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 2;
  text-align: center;
}
@media (min-width: 769px) {
  .pet2026 .intro-section p {
    margin-block-end: 2rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section p {
    margin-block-end: 6%;
    font-size: clamp(1.4rem, 1.115rem + 0.89vw, 1.8rem);
  }
}
.pet2026 .intro-section .img-scroll {
  line-height: 0;
  position: relative;
}
@media (min-width: 769px) {
  .pet2026 .intro-section .img-scroll {
    width: 40px;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section .img-scroll {
    width: 8%;
  }
}
.pet2026 .intro-section .img-scroll::after {
  content: "";
  aspect-ratio: 15/146;
  background: url("/advertising/fundogouting/2026/images/icon/intro-arrow.webp") no-repeat center center/contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  .pet2026 .intro-section .img-scroll::after {
    width: 5px;
    top: 20px;
  }
}
@media (max-width: 768px) {
  .pet2026 .intro-section .img-scroll::after {
    width: 15%;
    top: 150%;
  }
}
.pet2026 {
  /* ポイント */
}
.pet2026 .point-section h2 {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .pet2026 .point-section h2 {
    width: 367px;
    margin-block-end: 3.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section h2 {
    width: 235px;
    margin-block-end: 2.4rem;
  }
}
.pet2026 .point-section h2 .img-point {
  margin-inline: auto;
  display: block;
}
@media (min-width: 769px) {
  .pet2026 .point-section h2 .img-point {
    width: 38px;
    margin-block-end: 3rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section h2 .img-point {
    width: 32px;
  }
}
.pet2026 .point-section ul.ls-point > li {
  border-radius: var(--radius30);
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li {
    padding-block: 5.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li {
    padding-block: 3.2rem;
  }
}
.pet2026 .point-section ul.ls-point > li {
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li.bg-point01 {
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-num1_pc.webp");
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li.bg-point01 {
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-num1_sp.webp");
  }
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li.bg-point02 {
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-num2_pc.webp");
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li.bg-point02 {
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-num2_sp.webp");
  }
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li.bg-point03 {
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-num3_pc.webp");
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li.bg-point03 {
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-num3_sp.webp");
  }
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li:not(:last-of-type) {
    margin-block-end: 3.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li:not(:last-of-type) {
    margin-block-end: 2.4rem;
  }
}
.pet2026 .point-section ul.ls-point > li h3 {
  font-family: "Zen Maru Gothic", sans-serif;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li h3 {
    margin-block-end: 2.8rem;
    font-size: 2.4rem;
    gap: 1.6rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li h3 {
    margin-block-end: 2rem;
    font-size: 2rem;
    gap: 1rem;
  }
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li h3 .num {
    width: 50px;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li h3 .num {
    width: 32px;
  }
}
.pet2026 .point-section ul.ls-point > li ul.ls-img {
  display: flex;
  border-radius: var(--radius30);
  overflow: hidden;
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li ul.ls-img {
    margin-block-end: 3.2rem;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li ul.ls-img {
    margin-block-end: 2.4rem;
    gap: 4px;
  }
}
.pet2026 .point-section ul.ls-point > li ul.ls-img > li {
  width: 100%;
}
.pet2026 .point-section ul.ls-point > li figure {
  position: relative;
}
.pet2026 .point-section ul.ls-point > li figcaption {
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.2;
  color: var(--white);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li figcaption {
    padding: 14px 16px;
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li figcaption {
    padding: 10px 12px;
    font-size: clamp(1rem, 0.856rem + 0.45vw, 1.2rem);
  }
}
.pet2026 .point-section ul.ls-point > li p {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
@media (min-width: 769px) {
  .pet2026 .point-section ul.ls-point > li p {
    font-size: 1.6rem;
    line-height: 2;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .pet2026 .point-section ul.ls-point > li p {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.pet2026 {
  /* 記事 */
}
.pet2026 .article-section {
  border: solid 3px #42210b;
  border-radius: var(--radius30);
  background-color: #f2f2eb;
  position: relative;
}
@media (min-width: 769px) {
  .pet2026 .article-section {
    margin-block-end: 6.4rem;
    padding: 2.4rem 4.2rem 6.4rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .article-section {
    margin-block-end: 5.6rem;
    padding: 3.2rem 1.6rem 5.6rem;
  }
}
.pet2026 .article-section h2 {
  text-align: center;
}
.pet2026 .article-section h2 img {
  max-height: 80px;
}
.pet2026 .article-section h3 {
  margin-block-start: 2.4rem;
  text-align: center;
}
.pet2026 .article-section h3 img {
  height: 24px;
}
.pet2026 .article-section .contents {
  margin-block-start: 2.4rem;
}
.pet2026 .article-section .img-wrap {
  border-radius: var(--radius30);
  overflow: hidden;
}
.pet2026 .article-section .avatar-wrap {
  border-radius: 200px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .pet2026 .article-section .avatar-wrap {
    max-width: 240px;
    margin-inline-start: auto;
  }
}
.pet2026 .article-section .txt {
  margin-block-start: 1.6rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.8;
  font-size: 1.4rem;
}
.pet2026 .article-section .name {
  margin-block-start: 0.8rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.2rem;
  display: block;
}
.pet2026 .article-section .comment {
  margin-block-start: 2rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 2;
  text-align: center;
}
@media (min-width: 769px) {
  .pet2026 .article-section .comment {
    font-size: clamp(1.6rem, 1.469rem + 0.17vw, 1.8rem);
  }
}
@media (max-width: 768px) {
  .pet2026 .article-section .comment {
    font-size: 1.4rem;
  }
}
.pet2026 .article-section .profile {
  line-height: 1.8;
}
@media (min-width: 769px) {
  .pet2026 .article-section .profile {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .article-section .profile {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .article-section .sp-border-end::after {
    content: "";
    padding-block-start: 1.6rem;
    display: block;
    height: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='4' height='1' fill='%23262626' rx='0.5'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-position: bottom;
  }
}
.pet2026 .article-section details summary {
  width: 200px;
  background-color: var(--white);
  border-radius: 100px;
  position: absolute;
  bottom: -27.5px;
  left: 50%;
  transform: translateX(-50%);
}
.pet2026 .article-section details summary .btn-open,
.pet2026 .article-section details summary .btn-close {
  cursor: pointer;
  transition: var(--transition);
}
.pet2026 .article-section details summary .btn-open:hover,
.pet2026 .article-section details summary .btn-close:hover {
  opacity: 0.7;
}
.pet2026 .article-section details summary .btn-open {
  display: block;
}
.pet2026 .article-section details summary .btn-close {
  display: none;
}
.pet2026 .article-section details[open] summary .btn-open {
  display: none;
}
.pet2026 .article-section details[open] summary .btn-close {
  display: block;
}
.pet2026 {
  /* イベント&キャンペーン */
}
.pet2026 .bg-ecp {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("/advertising/fundogouting/2026/images/bg/bg-interpets.webp");
  background-clip: content-box;
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .pet2026 .bg-ecp {
    padding-block: 10%;
    background-position: 10% top;
  }
}
@media (max-width: 768px) {
  .pet2026 .bg-ecp {
    padding-block: 20%;
    background-position: 20% top;
  }
}
.pet2026 .bg-ecp::before, .pet2026 .bg-ecp::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: -1;
}
.pet2026 .bg-ecp::before {
  top: 0;
  background-position: top;
}
@media (min-width: 769px) {
  .pet2026 .bg-ecp::before {
    aspect-ratio: 720/97;
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-interpets-top_pc.webp");
  }
}
@media (max-width: 768px) {
  .pet2026 .bg-ecp::before {
    aspect-ratio: 769/413;
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-interpets-top_sp.webp");
  }
}
.pet2026 .bg-ecp::after {
  bottom: 0;
  background-position: bottom;
}
@media (min-width: 769px) {
  .pet2026 .bg-ecp::after {
    aspect-ratio: 20/3;
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-interpets-btm_pc.webp");
  }
}
@media (max-width: 768px) {
  .pet2026 .bg-ecp::after {
    aspect-ratio: 770/423;
    background-image: url("/advertising/fundogouting/2026/images/bg/bg-interpets-btm_sp.webp");
  }
}
.pet2026 .ecp-section {
  font-family: "Zen Maru Gothic", sans-serif;
  background-color: var(--white);
  border-radius: var(--radius30);
  position: relative;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section {
    padding: 4.2rem 7.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section {
    padding: 2.4rem 2rem;
  }
}
@media (min-width: 769px) {
  .pet2026 .ecp-section:not(:last-of-type) {
    margin-block-end: 4.8rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section:not(:last-of-type) {
    margin-block-end: 2.4rem;
  }
}
.pet2026 .ecp-section h2 {
  margin-block-end: 2.4rem;
  text-align: center;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section h2 img {
    height: 22px;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section h2 img {
    height: 18px;
  }
}
@media (min-width: 769px) {
  .pet2026 .ecp-section h3 {
    margin-block-end: 2rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section h3 {
    margin-block-end: 1.6rem;
    font-size: 1.8rem;
  }
}
.pet2026 .ecp-section p {
  line-height: 1.8;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section p {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section p {
    font-size: 1.4rem;
  }
}
.pet2026 .ecp-section .panel-list .item .img {
  border-radius: var(--radius30);
  overflow: hidden;
}
.pet2026 .ecp-section .others-area:not(:first-of-type)::before {
  content: "";
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='5' height='2' fill='%2342210b' rx='1'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  display: block;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .others-area:not(:first-of-type)::before {
    margin-block-start: 4rem;
    padding-block-start: 3.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .others-area:not(:first-of-type)::before {
    margin-block-start: 2.4rem;
    padding-block-start: 2rem;
  }
}
.pet2026 .ecp-section .others-area figcaption {
  margin-block-start: 0.8rem;
  text-align: center;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .others-area figcaption {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .others-area figcaption {
    font-size: 1.2rem;
  }
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm {
  background-color: var(--white);
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .slider-btm-wrap {
  flex-direction: column;
  align-items: inherit;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .slider-btm-wrap {
    gap: var(--size16);
  }
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .relate-txt-slider .item {
  width: 100%;
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .relate-txt-slider .item p {
  line-height: 1.4;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .relate-txt-slider .item p {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .relate-txt-slider .item p {
    font-size: 1.2rem;
  }
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .btm-wrap {
  display: flex;
  justify-content: flex-end;
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .cmn-carousel-prev,
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .cmn-carousel-next {
  background-color: var(--white);
}
.pet2026 .ecp-section .others-area .cmn-img-slider-wrap.ver-with-btm .cmn-carousel-page:not(.is-active) {
  border-color: var(--white);
}
.pet2026 .ecp-section .interpets-area {
  display: flex;
  align-items: center;
  gap: 2.4rem 3.2rem;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .interpets-area {
    margin-block-start: clamp(6rem, 1.74rem + 5.54vw, 8rem);
    padding-inline: 5rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .interpets-area {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .interpets-area .logo {
    flex-basis: 32%;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .interpets-area .logo {
    width: min(100%, 226px);
  }
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .interpets-area .txt-wrap {
    flex: 1;
  }
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .interpets-area .schedule-balloon-wrap {
    width: 15%;
    position: absolute;
    top: 4.2rem;
    right: 7.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .interpets-area .schedule-balloon-wrap {
    width: 200px;
    margin-inline: auto;
  }
}
.pet2026 .ecp-section .shijo-cp-area .apply-period {
  max-width: 360px;
  margin-inline: auto;
  padding: 1rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 全方向に破線ボーダー */
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='5' height='2' fill='%2342210b' rx='1'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='8' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='5' height='2' fill='%2342210b' rx='1'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='2' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='2' height='5' fill='%2342210b' rx='1'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='2' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='2' height='5' fill='%2342210b' rx='1'/%3E%3C/svg%3E"); /* 右端 */
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: 0 0, 0 100%, 0 0, 100% 0; /* 上、下、左、右 */
  background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
  border-radius: 2px;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .shijo-cp-area .apply-period {
    margin-block-end: 2.4rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .shijo-cp-area .apply-period {
    margin-block-end: 2rem;
  }
}
.pet2026 .ecp-section .shijo-cp-area .apply-period dt {
  font-size: 1.6rem;
}
.pet2026 .ecp-section .shijo-cp-area .apply-period dd {
  font-size: 1.6rem;
}
.pet2026 .ecp-section .shijo-cp-area .cp-btn {
  width: min(100%, 320px);
  margin-inline: auto;
}
@media (min-width: 769px) {
  .pet2026 .ecp-section .shijo-cp-area .cp-btn {
    margin-block-start: 2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .ecp-section .shijo-cp-area .cp-btn {
    margin-block-start: 1.6rem;
  }
}
.pet2026 {
  /* ラインナップ */
}
.pet2026 .lineup-section h2 {
  text-align: center;
}
@media (min-width: 769px) {
  .pet2026 .lineup-section h2 img {
    height: 22px;
    margin-block-end: 0.8rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section h2 img {
    height: 18px;
    margin-block-end: 2.4rem;
  }
}
.pet2026 .lineup-section h3 {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .pet2026 .lineup-section h3 {
    width: min(100%, 430px);
    margin-block-end: 3.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section h3 {
    width: min(100%, 334px);
    margin-block-end: 1.2rem;
  }
}
.pet2026 .lineup-section .ls-lineup {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  .pet2026 .lineup-section .ls-lineup {
    gap: 4rem 7.83%;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section .ls-lineup {
    flex-direction: column;
    row-gap: 2.4rem;
  }
}
@media (min-width: 769px) {
  .pet2026 .lineup-section .ls-lineup .item {
    flex-basis: 46.085%;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section .ls-lineup .item {
    width: 100%;
  }
}
.pet2026 .lineup-section .model-wrap {
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: var(--radius30);
}
@media (min-width: 769px) {
  .pet2026 .lineup-section .model-wrap {
    margin-block-start: 15%;
    padding-block-start: clamp(5.6rem, -8.488rem + 18.32vw, 8rem);
    row-gap: 2.2rem;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section .model-wrap {
    max-width: 400px;
    margin-inline: auto;
    margin-block-start: clamp(4.2rem, -0.942rem + 16.07vw, 6rem);
    padding-block-start: clamp(6rem, 0.285rem + 17.86vw, 8rem);
    row-gap: 1.8rem;
  }
}
.pet2026 .lineup-section .model-wrap .img-model {
  width: min(80%, 400px);
  position: absolute;
}
@media (min-width: 769px) {
  .pet2026 .lineup-section .model-wrap .img-model {
    top: -28%;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section .model-wrap .img-model {
    top: -68px;
  }
}
@media (max-width: 768px) and (max-width: 432px) {
  .pet2026 .lineup-section .model-wrap .img-model {
    top: clamp(-68px, -68px + (432px - 100vw) * 0.1785714286, -48px);
  }
}
.pet2026 .lineup-section .model-wrap .img-logo {
  padding-inline: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .pet2026 .lineup-section .model-wrap .img-logo {
    height: 37px;
  }
}
@media (max-width: 768px) {
  .pet2026 .lineup-section .model-wrap .img-logo {
    max-height: 37px;
  }
}
.pet2026 .lineup-section .model-wrap p {
  padding-inline: 1.6rem;
  line-height: 1.8;
  text-align: center;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.6rem;
}
.pet2026 .lineup-section .model-wrap .lineup-btn {
  width: 100%;
}
.pet2026 .lineup-section .model-wrap .lineup-btn a {
  width: 100%;
  padding: 1.2em;
  background-color: rgba(255, 255, 255, 0.4);
  line-height: 1;
  text-align: center;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.4rem;
  display: block;
}
.pet2026 .lineup-section .model-wrap .lineup-btn a .arrow {
  padding-right: 1em;
  position: relative;
}
.pet2026 .lineup-section .model-wrap .lineup-btn a .arrow::before, .pet2026 .lineup-section .model-wrap .lineup-btn a .arrow::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.6em;
  height: 0.6em;
  border-right: 1px solid currentColor;
  border-top: 1px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.pet2026 .lineup-section .model-wrap .lineup-btn a .arrow::before {
  right: 4px;
}
.pet2026 .lineup-section .model-wrap.forester {
  background-image: url("/advertising/fundogouting/2026/images/bg/bg-forester.webp");
}
.pet2026 .lineup-section .model-wrap.crosstrek {
  background-image: url("/advertising/fundogouting/2026/images/bg/bg-crosstrek.webp");
}
.pet2026 .lineup-section .model-wrap.layback {
  background-image: url("/advertising/fundogouting/2026/images/bg/bg-layback.webp");
}
.pet2026 .lineup-section .model-wrap.trailseeker {
  background-image: url("/advertising/fundogouting/2026/images/bg/bg-trailseeker.webp");
}/*# sourceMappingURL=style.css.map */