@charset "UTF-8";
/*
 * 関数定義用ファイル
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow-wrap: anywhere;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

summary {
  display: block;
  list-style: none;
}

/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
  display: none;
}

:root {
  --color-black: #000;
  --color-blue: #06307c;
  --color-gray: #c8c8c8;
  --color-green: #28ac98;
  --color-orange: #ec6c00;
  --color-pink: #ea6878;
  --font-family-common: "Noto Sans JP", serif;
  --font-family-en: "Poppins", sans-serif;
  --font-family-serif: "Noto Serif JP", serif;
  --duration: 0.3s;
  --header-height: 0px;
  --ls-small: 0.004em;
  --ls-regular: 0.005em;
  --ls-middle: 0.006em;
  --ls-large: 0.008em;
}

/*
 * 流体タイポ計算用 関数
 *
 * @use parts/_fonts.scssファイルを参照
 */
/*
 * 逆流体タイポ計算用 関数
 * PCでは小さく、スマホでは大きく表示する場合に使用
 */
/*
 * メディアクエリ用mixin
 */
body {
  background-color: #fff;
  font-family: var(--font-family-common);
  line-height: normal;
  color: var(--color-black);
  font-size: clamp(14px, 0.1877934272vw + 13.2957746479px, 16px);
  font-weight: 500;
  letter-spacing: var(--ls-middle);
}

img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

a,
button {
  display: inline-block;
  transition: opacity var(--duration);
}
a:hover,
button:hover {
  opacity: 0.7;
}

b,
strong,
th {
  font-weight: inherit;
}

.relative {
  position: relative;
}

.header-height {
  margin-top: var(--header-height);
}

.w-100 {
  width: 100%;
}

.text-center {
  text-align: center;
}

/* ===============================================
#inner
=============================================== */
.inner {
  width: 88.267%;
  margin-inline: auto;
}
.inner.max-1200 {
  max-width: 1200px;
}

/* ===============================================
#button
=============================================== */
.btn_arrow {
  display: block;
  width: 100%;
  max-width: 460px;
  padding: clamp(13px, 0.9389671362vw + 9.4788732394px, 23px) clamp(28px, 2.0657276995vw + 20.2535211268px, 50px);
  background-color: var(--color-blue);
  border-radius: 50vw;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  font-weight: 700;
  margin-inline: auto;
  transition: scale var(--duration);
}
.btn_arrow:hover {
  opacity: 1;
  scale: 0.96;
}
.btn_arrow:hover > img {
  scale: 1.2;
}
@media (width <= 767px) {
  .btn_arrow {
    max-width: 270px;
  }
}
.btn_arrow > img {
  position: absolute;
  top: 50%;
  right: clamp(13px, 1.0328638498vw + 9.1267605634px, 24px);
  translate: 0 -50%;
  width: clamp(15px, 0.9389671362vw + 11.4788732394px, 25px);
  transition: scale var(--duration);
}
.btn_arrow.white {
  background-color: #fff;
  color: var(--color-black);
}
.btn_arrow.border-blue {
  border: 4px solid var(--color-blue);
}
.btn_arrow.max-320 {
  max-width: clamp(190px, 12.20657277vw + 144.2253521127px, 320px);
}

.btn_blank {
  position: relative;
  background: var(--color-pink);
  padding: clamp(8px, 0.3755868545vw + 6.5915492958px, 12px);
  font-size: clamp(16px, 0.1877934272vw + 15.2957746479px, 18px);
  color: #fff;
  text-align: center;
  transition: scale var(--duration);
  width: 100%;
}
.btn_blank::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  translate: 0 -50%;
  width: clamp(13px, 0.2816901408vw + 11.9436619718px, 16px);
  aspect-ratio: 1;
  background: transparent url(./../image/icon-link.svg) no-repeat center center/contain;
  transition: scale var(--duration);
}
.btn_blank.green {
  background: var(--color-green);
}
.btn_blank.blue {
  background: #448aca;
}
.btn_blank:hover {
  opacity: 1;
  scale: 0.96;
}
.btn_blank:hover::after {
  scale: 1.2;
}

.splide__arrows {
  pointer-events: none;
}

.splide__arrow {
  width: clamp(30px, 1.8779342723vw + 22.9577464789px, 50px);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--color-blue);
  position: relative;
  pointer-events: auto;
}
.splide__arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 47%;
  translate: -50% -50%;
  rotate: 45deg;
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  height: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  border-top: clamp(1px, 0.0938967136vw + 0.6478873239px, 2px) solid var(--color-blue);
  border-right: clamp(1px, 0.0938967136vw + 0.6478873239px, 2px) solid var(--color-blue);
}

.splide__arrow--prev:after {
  rotate: -135deg;
  left: 53%;
}

.splide__pagination {
  gap: clamp(10px, 0.4694835681vw + 8.2394366197px, 15px);
}
.splide__pagination li {
  line-height: 0;
}
.splide__pagination li .splide__pagination__page {
  width: clamp(8px, 0.3755868545vw + 6.5915492958px, 12px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-gray);
}
.splide__pagination li .splide__pagination__page.is-active {
  background-color: var(--color-blue);
}

/* ===============================================
#見出し
=============================================== */
.heading_icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 0.7511737089vw + 5.1830985915px, 16px);
}
.heading_icon-text img {
  width: clamp(34px, 1.6901408451vw + 27.661971831px, 52px);
  flex-shrink: 1;
}
.heading_icon-text span {
  font-weight: 900;
  font-size: clamp(24px, 2.0657276995vw + 16.2535211268px, 46px);
  letter-spacing: 0.004em;
  text-align: center;
}

.heading_day {
  display: flex;
  align-items: center;
  gap: clamp(30px, 3.2863849765vw + 17.676056338px, 65px);
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 700;
  font-family: var(--font-family-serif);
  letter-spacing: 0.008em;
}
.heading_day::before, .heading_day::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-black);
  flex: 1;
}

/* ===============================================
#breadcrumb
=============================================== */
.breadcrumb {
  border-bottom: 1px solid var(--color-gray);
  padding: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px) 0;
  font-size: clamp(10px, 0.3755868545vw + 8.5915492958px, 14px);
  font-weight: 700;
}
.breadcrumb ul > li {
  display: inline;
  line-height: 1.8;
}
.breadcrumb ul > li:nth-of-type(n + 2):before {
  content: "＞";
  display: inline;
  margin-inline: clamp(6px, 0.7511737089vw + 3.1830985915px, 14px);
}

/* ===============================================
#デバイス非表示
=============================================== */
@media (768px <= width) {
  .c-sp {
    display: none !important;
  }
}

@media (1024px <= width) {
  .c-tb_sp {
    display: none !important;
  }
}

@media (width <= 767px) {
  .c-pc_tb {
    display: none !important;
  }
}

@media (width <= 1023px) {
  .c-pc {
    display: none !important;
  }
}

/* ===============================================
#padding
=============================================== */
.pt-140-60 {
  padding-top: clamp(60px, 7.5117370892vw + 31.8309859155px, 140px);
}

.pt-120-60 {
  padding-top: clamp(60px, 5.6338028169vw + 38.8732394366px, 120px);
}

.pt-100-40 {
  padding-top: clamp(40px, 5.6338028169vw + 18.8732394366px, 100px);
}

.pb-120-40 {
  padding-bottom: clamp(40px, 7.5117370892vw + 11.8309859155px, 120px);
}

.pb-120-60 {
  padding-bottom: clamp(60px, 5.6338028169vw + 38.8732394366px, 120px);
}

.pb-140-60 {
  padding-bottom: clamp(60px, 7.5117370892vw + 31.8309859155px, 140px);
}

/* ===============================================
#gap
=============================================== */
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-col.center {
  align-items: center;
}

.gap-20 {
  gap: 20px;
}

.gap-20-10 {
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
}

.gap-30-10 {
  gap: clamp(10px, 1.8779342723vw + 2.9577464789px, 30px);
}

.gap-30-20 {
  gap: clamp(20px, 0.9389671362vw + 16.4788732394px, 30px);
}

.gap-40 {
  gap: 40px;
}

.gap-40-10 {
  gap: clamp(10px, 2.8169014085vw + -0.5633802817px, 40px);
}

.gap-40-20 {
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}

.gap-60 {
  gap: 60px;
}

.gap-60-20 {
  gap: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
}

.gap-60-30 {
  gap: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
}

.gap-70 {
  gap: 70px;
}

.gap-70-30 {
  gap: clamp(30px, 3.7558685446vw + 15.9154929577px, 70px);
}

.gap-80 {
  gap: 80px;
}

.gap-80-40 {
  gap: clamp(40px, 3.7558685446vw + 25.9154929577px, 80px);
}

.gap-100-40 {
  gap: clamp(50px, 4.6948356808vw + 32.3943661972px, 100px);
}

.gap-120-60 {
  gap: clamp(60px, 5.6338028169vw + 38.8732394366px, 120px);
}

/* ===============================================
#背景
=============================================== */
.bg_beige {
  background-color: #fefee0;
}

.bg_blue {
  background-color: var(--color-blue);
}

.bg_dots {
  background-color: #fefee0;
  background-image: radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px), radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px);
  background-position: 0 0, 4px 8px;
  background-size: 8px 16px;
}

/* ===============================================
#テキスト
=============================================== */
/* font-weight */
.weight-700 {
  font-weight: 700;
}

/* font-size */
.fs-36-24 {
  font-size: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
}

/* line-height */
.lh-2 {
  line-height: 2;
}

/* ===============================================
#inview.js
=============================================== */
.js-fadeUp {
  opacity: 0;
  filter: blur(10px);
  transition: opacity 0.8s, filter 0.8s;
}
.js-fadeUp.is-inview {
  opacity: 1;
  filter: blur(0);
  transition-delay: 0.5s;
}

/* ===============================================
#ページネーション
=============================================== */
.archive_pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.archive_pagination .nav-links > .page-numbers {
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
}
.archive_pagination .nav-links > .page-numbers.prev::before, .archive_pagination .nav-links > .page-numbers.next::after {
  content: "";
  background: transparent url(./../image/icon-arrow_2.svg) no-repeat center center/contain;
  width: clamp(12px, 0.7511737089vw + 9.1830985915px, 20px);
  height: clamp(12px, 0.7511737089vw + 9.1830985915px, 20px);
  display: inline-block;
  position: relative;
  top: clamp(1px, 0.1877934272vw + 0.2957746479px, 3px);
}
.archive_pagination .nav-links > .page-numbers.prev::before {
  scale: -1;
  margin-right: clamp(7px, 0.7511737089vw + 4.1830985915px, 15px);
}
.archive_pagination .nav-links > .page-numbers.next::after {
  margin-left: clamp(7px, 0.7511737089vw + 4.1830985915px, 15px);
}
.archive_pagination .nav-links > .page-numbers.prev.hidden, .archive_pagination .nav-links > .page-numbers.next.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.archive_pagination .archive_numbers-box {
  display: flex;
  align-items: center;
  gap: clamp(5px, 1.4084507042vw + -0.2816901408px, 20px);
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
}
.archive_pagination .archive_numbers-box > a.page-numbers,
.archive_pagination .archive_numbers-box > span.page-numbers.current {
  font-family: var(--font-family-en);
  border: 1px solid var(--color-gray);
  border-radius: 50%;
  width: clamp(30px, 1.8779342723vw + 22.9577464789px, 50px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding-top: 1px;
}
.archive_pagination .archive_numbers-box > span.page-numbers.current {
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  color: #fff;
}
.archive_pagination .archive_numbers-box > span.page-numbers.dots {
  padding-inline: clamp(3px, 0.3755868545vw + 1.5915492958px, 7px);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  animation: DownAnime 0.5s forwards;
  background-color: #fff;
}
.header.UpMove {
  animation: UpAnime 0.5s forwards;
  pointer-events: none;
}
.header::before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1;
  width: 100%;
  height: clamp(9px, 0.7511737089vw + 6.1830985915px, 17px);
  background: transparent url(./../image/wave-object_1.svg) no-repeat center center/180% 100%;
}
@media (768px <= width) {
  .header::before {
    background: transparent url(./../image/wave-object_1.svg) no-repeat center center/100% 100%;
  }
}

@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.header_inner {
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(85px, 5.4460093897vw + 64.5774647887px, 143px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.header_logo {
  max-width: clamp(200px, 7.5117370892vw + 171.8309859155px, 280px);
  width: 100%;
}

.header_nav-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (width <= 1560px) {
  .header_nav {
    display: none;
  }
}

.header_nav-list {
  display: flex;
  align-items: center;
}

.header_nav-item {
  padding: 0 20px;
}
.header_nav-item:nth-child(n+2) {
  border-left: 1px solid #c8c8c8;
}
.header_nav-item:nth-child(1) .header_nav-link:hover > span {
  color: #ea6878;
}
.header_nav-item:nth-child(2) .header_nav-link:hover > span {
  color: #28ac98;
}
.header_nav-item:nth-child(3) .header_nav-link:hover > span {
  color: #448aca;
}
.header_nav-item:nth-child(4) .header_nav-link:hover > span {
  color: #947abe;
}
.header_nav-item:nth-child(5) .header_nav-link:hover > span {
  color: #e4b23a;
}

.header_nav-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 64px;
}
.header_nav-link:hover {
  opacity: 1;
}
.header_nav-link:hover > img {
  scale: 1.2;
}
.header_nav-link > img {
  width: 35px;
  transition: scale var(--duration);
}
.header_nav-link > span {
  letter-spacing: var(--ls-regular);
  font-weight: 700;
  transition: color var(--duration);
}

/* ===============================================
#ハンバーガーメニュー
=============================================== */
.header_hamburger-btn {
  position: fixed;
  top: clamp(10px, 0.6572769953vw + 7.5352112676px, 17px);
  right: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  z-index: 101;
  width: clamp(60px, 2.2535211268vw + 51.5492957746px, 84px);
  aspect-ratio: 1;
  padding-top: 5px;
  background: var(--color-blue);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(3px, 0.2816901408vw + 1.9436619718px, 6px);
  cursor: pointer;
  transition: opacity var(--duration);
}
.header_hamburger-btn.active {
  background: var(--color-gray);
}
.header_hamburger-btn.active .header_hamburger-line > span {
  background-color: var(--color-black);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.header_hamburger-btn.active .header_hamburger-line > span:nth-child(1) {
  rotate: -45deg;
}
.header_hamburger-btn.active .header_hamburger-line > span:nth-child(2) {
  opacity: 0;
}
.header_hamburger-btn.active .header_hamburger-line > span:nth-child(3) {
  rotate: 45deg;
}
.header_hamburger-btn.active .header_hamburger-text {
  color: var(--color-black);
}

.header_hamburger-line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: clamp(20px, 0.9389671362vw + 16.4788732394px, 30px);
  height: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  position: relative;
}
.header_hamburger-line > span {
  background: #fff;
  width: 100%;
  height: clamp(1px, 0.0938967136vw + 0.6478873239px, 2px);
}

.header_hamburger-text {
  font-size: clamp(11px, 0.2816901408vw + 9.9436619718px, 14px);
  letter-spacing: 0.0015em;
  font-weight: 500;
  color: #fff;
  font-family: var(--font-family-en);
}

.header_hamburger-menu {
  display: none;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  height: calc(100svh - var(--header-height));
  z-index: 99;
  background-color: var(--color-blue);
  overflow-y: scroll;
}
.header_hamburger-menu.active {
  display: block;
}

.header_hamburger-nav {
  padding: clamp(60px, 3.7558685446vw + 45.9154929577px, 100px) 0;
  color: #fff;
}

@media (width <= 767px) {
  .header_hamburger-nav-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}

.header_hamburger-nav-list {
  width: 100%;
}
@media (width <= 1279px) {
  .header_hamburger-nav-list {
    border-bottom: 1px solid var(--color-gray);
    max-width: 680px;
    margin-inline: auto;
  }
}
@media (1280px <= width) {
  .header_hamburger-nav-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 0 60px;
  }
}

@media (1280px <= width) {
  .header_hamburger-item:nth-child(1) {
    grid-area: 1/1/5/2;
  }
  .header_hamburger-item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .header_hamburger-item:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .header_hamburger-item:nth-child(4) {
    grid-area: 3/2/4/3;
  }
  .header_hamburger-item:nth-child(5) {
    grid-area: 4/2/5/3;
    border-bottom: 1px solid var(--color-gray);
  }
}

.header_hamburger-link {
  display: flex;
  align-items: center;
  gap: clamp(20px, 0.3755868545vw + 18.5915492958px, 24px);
  padding: clamp(15px, 0.2816901408vw + 10.9436619718px, 12px) clamp(20px, 0.9389671362vw + 16.4788732394px, 30px) clamp(15px, 0.2816901408vw + 10.9436619718px, 12px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border-top: 1px solid var(--color-gray);
  transition: opacity var(--duration);
  position: relative;
}
.header_hamburger-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  translate: 0 -50%;
  width: clamp(8px, 0.1877934272vw + 7.2957746479px, 10px);
  height: clamp(8px, 0.1877934272vw + 7.2957746479px, 10px);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}

.header_hamburger-icon {
  width: clamp(30px, 0.7511737089vw + 27.1830985915px, 38px);
}

.header_hamburger-link-text {
  flex: 1;
  letter-spacing: var(--ls-regular);
  font-size: clamp(15px, 1.0328638498vw + 11.1267605634px, 26px);
  font-weight: 700;
  color: #fff;
  font-family: var(--font-family-common);
}

.header_hamburger-submenu {
  padding: clamp(10px, 0.7511737089vw + 7.1830985915px, 18px) 0 clamp(10px, 0.7511737089vw + 7.1830985915px, 18px) clamp(54px, 1.6901408451vw + 47.661971831px, 72px);
  border-top: 1px solid var(--color-gray);
}
@media (1280px <= width) {
  .header_hamburger-submenu.pc-row {
    display: flex;
    gap: 50px;
  }
}
.header_hamburger-submenu > li > a {
  display: flex;
  align-items: center;
  gap: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding: clamp(7px, 0.4694835681vw + 5.2394366197px, 12px) 0 clamp(7px, 0.4694835681vw + 5.2394366197px, 12px) clamp(7px, 0.4694835681vw + 5.2394366197px, 12px);
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  color: #fff;
  transition: opacity var(--duration);
}
.header_hamburger-submenu > li > a > span {
  flex: 1;
}

.header_hamburger-submenu-arrow {
  width: clamp(15px, 0.8450704225vw + 11.8309859155px, 24px);
}

.header_hamburger-book {
  display: none;
}
@media (width <= 767px) {
  .header_hamburger-book {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

.header_hamburger-book-img {
  max-width: 150px;
  width: 100%;
}

/* ===============================================
#フッター
=============================================== */
.footer {
  position: relative;
}
.footer::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
  z-index: 1;
  width: 100%;
  height: clamp(9px, 0.7511737089vw + 6.1830985915px, 17px);
  background: transparent url(./../image/wave-object_2.svg) no-repeat center center/180% 100%;
}
@media (768px <= width) {
  .footer::before {
    background: transparent url(./../image/wave-object_2.svg) no-repeat center center/100% 100%;
  }
}

.footer_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  color: #fff;
}
@media (width <= 1023px) {
  .footer_container {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(30px, 0.9389671362vw + 26.4788732394px, 40px);
  }
}
@media (width <= 767px) {
  .footer_container {
    align-items: center;
  }
}

.footer_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 90px;
}

.footer_logo {
  max-width: clamp(280px, 9.3896713615vw + 244.7887323944px, 380px);
}

.footer_copyright {
  font-family: var(--font-family-en);
}
@media (width <= 1023px) {
  .footer_copyright {
    width: 100%;
    text-align: center;
  }
}

.footer_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1lh;
  text-align: right;
  line-height: 2;
  letter-spacing: var(--ls-regular);
}
@media (width <= 1023px) {
  .footer_right {
    align-items: flex-start;
    text-align: left;
    gap: clamp(30px, 0.9389671362vw + 26.4788732394px, 40px);
  }
}
@media (width <= 767px) {
  .footer_right {
    text-align: center;
    align-items: center;
  }
}

.footer_text {
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
}

.footer_address {
  font-size: clamp(12px, 0.3755868545vw + 10.5915492958px, 16px);
}

/* ===============================================
#ページトップボタン
=============================================== */
.page-top_btn {
  position: fixed;
  bottom: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  right: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  z-index: 10;
  width: clamp(60px, 2.3474178404vw + 51.1971830986px, 85px);
  aspect-ratio: 1;
  background-color: #fee8aa;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(3px, 0.1877934272vw + 2.2957746479px, 5px);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration), visibility var(--duration);
}
.page-top_btn.is-visible {
  opacity: 1;
  visibility: visible;
}

.page-top_arrow {
  width: clamp(7px, 0.2816901408vw + 5.9436619718px, 10px);
  height: clamp(7px, 0.2816901408vw + 5.9436619718px, 10px);
  border-top: 2px solid var(--color-black);
  border-right: 2px solid var(--color-black);
  rotate: -45deg;
}

.page-top_text {
  font-family: var(--font-family-en);
  font-size: clamp(10px, 0.3755868545vw + 8.5915492958px, 14px);
  line-height: 1.42;
  font-weight: 600;
}

/* ===============================================
#追従リンク
=============================================== */
.fixed-nav {
  background: #fff;
  border-radius: 20px 0 0 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 10;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--duration), visibility var(--duration);
}
@media (width <= 767px) {
  .fixed-nav {
    display: none;
  }
}
.fixed-nav.is-visible {
  opacity: 1;
  visibility: visible;
}
.fixed-nav img {
  max-width: 100px;
}
.fixed-nav span {
  text-align: center;
  font-size: 14px;
  letter-spacing: var(--ls-small);
  line-height: 1.285;
}

/* ===============================================
#ファーストビュー
=============================================== */
.top-mv_slide .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 1.4084507042vw + 14.7183098592px, 35px);
  margin-top: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}

/* ===============================================
#News
=============================================== */
.top-news_container {
  display: flex;
  align-items: flex-start;
  gap: 20px clamp(60px, 3.1924882629vw + 48.0281690141px, 94px);
}
@media (width <= 767px) {
  .top-news_container {
    flex-direction: column;
  }
}

.top-news_title {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.8779342723vw + 2.9577464789px, 30px);
}
@media (width <= 767px) {
  .top-news_title {
    padding-left: 15px;
  }
}

.top-news_title-en {
  max-width: clamp(160px, 4.3192488263vw + 143.8028169014px, 206px);
}

.top-news_title-ja {
  font-size: clamp(24px, 0.5633802817vw + 21.8873239437px, 30px);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.top-news_list {
  flex: 1;
  width: 100%;
  border-bottom: 1px solid var(--color-gray);
}

.top-news_item {
  padding: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px) 0;
  border-top: 1px solid var(--color-gray);
}
.top-news_item > a {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (width <= 767px) {
  .top-news_item > a {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}

.top-news_item-meta {
  display: flex;
  align-items: center;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  flex: 1;
}

.top-news_date {
  white-space: nowrap;
  font-family: var(--font-family-en);
}
@media (768px <= width) {
  .top-news_date {
    margin-bottom: -4px;
  }
}

.top-news_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 100%;
  flex: 1;
}
@media (width <= 767px) {
  .top-news_text {
    -webkit-line-clamp: 2;
  }
}

.top-news_arrow {
  width: clamp(18px, 0.3755868545vw + 16.5915492958px, 22px);
}

/* ===============================================
#おすすめモデルコース
=============================================== */
.top-recommend-model_container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.top-recommend-model_head-img {
  max-width: clamp(200px, 11.2676056338vw + 157.7464788732px, 320px);
}

.top-recommend-model_lead {
  text-align: center;
  font-size: clamp(14px, 0.3755868545vw + 12.5915492958px, 18px);
  font-weight: 700;
  line-height: 1.6;
}

.top-recommend-model_slide .splide__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1320px;
  padding: 0 clamp(20px, -1.3145539906vw + 38.9295774648px, 34px);
}
.top-recommend-model_slide .splide__arrows .splide__arrow {
  background: var(--color-blue);
}
.top-recommend-model_slide .splide__arrows .splide__arrow:after {
  border-color: #fff;
}

.top-recommend-model_item {
  display: flex;
  flex-direction: column;
  border-radius: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  width: 100%;
  overflow: hidden;
  height: 100%;
  transition: scale var(--duration);
}
.top-recommend-model_item:hover {
  scale: 0.95;
  opacity: 1;
}
.top-recommend-model_item:hover .top-recommend-model_item-arrow {
  scale: 1.3;
}
.top-recommend-model_item.orange {
  background-color: #fed280;
}
.top-recommend-model_item.orange .top-recommend-model_item-badge {
  background-color: var(--color-orange);
}
.top-recommend-model_item.orange .top-recommend-model_item-image {
  border-color: var(--color-orange);
}
.top-recommend-model_item.orange .top-recommend-model_item-title {
  color: var(--color-orange);
}
.top-recommend-model_item.green {
  background-color: #cce288;
}
.top-recommend-model_item.green .top-recommend-model_item-badge {
  background-color: #00a83c;
}
.top-recommend-model_item.green .top-recommend-model_item-image {
  border-color: #00a83c;
}
.top-recommend-model_item.green .top-recommend-model_item-title {
  color: #00a83c;
}
.top-recommend-model_item.pink {
  background-color: #fcd4d8;
}
.top-recommend-model_item.pink .top-recommend-model_item-badge {
  background-color: #e63278;
}
.top-recommend-model_item.pink .top-recommend-model_item-image {
  border-color: #e63278;
}
.top-recommend-model_item.pink .top-recommend-model_item-title {
  color: #e63278;
}
.top-recommend-model_item.purple {
  background-color: #e2cce4;
}
.top-recommend-model_item.purple .top-recommend-model_item-badge {
  background-color: #a64a98;
}
.top-recommend-model_item.purple .top-recommend-model_item-image {
  border-color: #a64a98;
}
.top-recommend-model_item.purple .top-recommend-model_item-title {
  color: #a64a98;
}

.top-recommend-model_item-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px;
}

.top-recommend-model_item-meta {
  width: clamp(90px, 2.8169014085vw + 79.4366197183px, 120px);
  text-align: center;
  flex-shrink: 0;
}

.top-recommend-model_item-badge {
  height: clamp(28px, 1.1267605634vw + 23.7746478873px, 40px);
  display: grid;
  place-items: center;
  color: #fff;
  letter-spacing: var(--ls-small);
  font-weight: 700;
  font-family: var(--font-family-en);
  font-size: clamp(12px, 0.3755868545vw + 10.5915492958px, 16px);
}

.top-recommend-model_item-period {
  height: clamp(28px, 1.1267605634vw + 23.7746478873px, 40px);
  display: grid;
  place-items: center;
  background-color: #fefaae;
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  border-radius: 0 0 clamp(15px, 0.4694835681vw + 13.2394366197px, 20px) 0;
}

.top-recommend-model_item-icons {
  display: flex;
  gap: clamp(4px, 0.3755868545vw + 2.5915492958px, 8px);
  padding-top: clamp(10px, 0.5633802817vw + 7.8873239437px, 16px);
  padding-right: clamp(10px, 0.5633802817vw + 7.8873239437px, 16px);
}
.top-recommend-model_item-icons img {
  max-width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  -o-object-fit: contain;
     object-fit: contain;
}

.top-recommend-model_item-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  padding: 3px clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  flex: 1;
}

.top-recommend-model_item-image {
  width: 100%;
  max-width: 308px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: clamp(4px, 0.3755868545vw + 2.5915492958px, 8px);
  border-width: 2px;
  border-style: solid;
}
@media (768px <= width) {
  .top-recommend-model_item-image {
    width: calc(100% - 40px);
  }
}
.top-recommend-model_item-image img {
  width: 100%;
  border-radius: 50%;
}

.top-recommend-model_item-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: clamp(16px, 0.7511737089vw + 13.1830985915px, 24px);
  font-family: var(--font-family-serif);
  font-weight: 900;
  letter-spacing: -0.05em;
}
.top-recommend-model_item-title span {
  background: #fff;
  padding: 4px 10px;
}

.top-recommend-model_item-text {
  font-size: clamp(13px, 0.4694835681vw + 11.2394366197px, 18px);
  font-weight: 700;
  line-height: 2;
  text-align: center;
}

.top-recommend-model_item-arrow {
  width: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
  margin-top: auto;
  margin-left: auto;
  transition: scale var(--duration);
}

/* ===============================================
#旬を楽しむモデルコース
=============================================== */
.top-seasonal-model_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.top-seasonal-model_head-img {
  max-width: clamp(300px, 16.9014084507vw + 236.6197183099px, 480px);
}

.top-seasonal-model_blocks {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 3.7558685446vw + 25.9154929577px, 80px);
}

.top-seasonal-model_block {
  display: flex;
  align-items: flex-start;
  gap: 30px 60px;
  padding: clamp(40px, 3.7558685446vw + 25.9154929577px, 80px) 0;
  position: relative;
}
@media (width <= 1023px) {
  .top-seasonal-model_block {
    flex-direction: column;
  }
}
.top-seasonal-model_block:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #fefee0;
  background-image: radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px), radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px);
  background-position: 0 0, 4px 8px;
  background-size: 8px 16px;
  z-index: 1;
}
@media (width <= 1023px) {
  .top-seasonal-model_block:before {
    left: calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 100);
  }
}
@media (1024px <= width) {
  .top-seasonal-model_block:before {
    right: calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 50 - 50% + 75%);
  }
}
@media (1024px <= width) {
  .top-seasonal-model_block:nth-of-type(odd):before {
    right: calc(50% - var(--vw) * 50);
    border-radius: 60px 0 0 60px;
  }
}
.top-seasonal-model_block:nth-of-type(odd) .top-seasonal-model_image-sub {
  margin: -18% 0 0 auto;
}
.top-seasonal-model_block:nth-of-type(odd) .top-seasonal-model_image-box {
  margin-left: calc(50% - var(--vw) * 50);
}
.top-seasonal-model_block:nth-of-type(odd) .top-seasonal-model_image-main {
  border-radius: 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0;
}
@media (1024px <= width) {
  .top-seasonal-model_block:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .top-seasonal-model_block:nth-of-type(even):before {
    left: calc(50% - var(--vw) * 50);
    border-radius: 0 60px 60px 0;
  }
}
.top-seasonal-model_block:nth-of-type(even) .top-seasonal-model_image-sub {
  margin: -18% auto 0 0;
}
.top-seasonal-model_block:nth-of-type(even) .top-seasonal-model_image-box {
  margin-right: calc(50% - var(--vw) * 50);
}
.top-seasonal-model_block:nth-of-type(even) .top-seasonal-model_image-main {
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  margin-left: auto;
}

.top-seasonal-model_image-box {
  position: relative;
  z-index: 2;
}
@media (width <= 1023px) {
  .top-seasonal-model_image-box {
    width: calc(var(--vw) * 50 - 50% + 100%);
  }
}
@media (1024px <= width) {
  .top-seasonal-model_image-box {
    width: calc(var(--vw) * 50 - 50% + 48.3%);
  }
}

.top-seasonal-model_image-main {
  aspect-ratio: 3/2;
  width: 82%;
  display: block;
  position: relative;
  overflow: hidden;
}
@media (width <= 1023px) {
  .top-seasonal-model_image-main {
    border-radius: 0 40px 40px 0;
  }
}
.top-seasonal-model_image-main img {
  width: 100%;
  height: 100%;
}
.top-seasonal-model_image-main img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.top-seasonal-model_image-main img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.top-seasonal-model_image-sub {
  aspect-ratio: 3/2;
  border-radius: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  width: 41%;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.top-seasonal-model_image-sub img {
  width: 100%;
  height: 100%;
}
.top-seasonal-model_image-sub img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.top-seasonal-model_image-sub img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.top-seasonal-model_text-box {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}
@media (1024px <= width) {
  .top-seasonal-model_text-box {
    width: calc(51.7% - 60px);
  }
}

.top-seasonal-model_text-box-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
}

.top-seasonal-model_tag,
.seasonal-single_head-tag {
  position: relative;
  padding: clamp(3px, 0.6572769953vw + 0.5352112676px, 10px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  color: #28ac98;
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-family: var(--font-family-serif);
  font-weight: 900;
  background: #fff;
  border: solid 2px currentColor;
  border-radius: 50vw;
}
.top-seasonal-model_tag:before,
.seasonal-single_head-tag:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  z-index: 1;
  background: currentColor;
  width: 20px;
  height: 11px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.top-seasonal-model_tag:after,
.seasonal-single_head-tag:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  translate: -50% 0;
  left: 50%;
  z-index: 2;
  background: #fff;
  width: 17px;
  height: 9px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.top-seasonal-model_block-title {
  color: #fff;
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 700;
}
.top-seasonal-model_block-title span {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  line-height: 2.1;
  background: var(--color-green);
  padding: clamp(3px, 0.1877934272vw + 2.2957746479px, 5px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
}

.top-seasonal-model_block-text {
  font-size: clamp(12px, 0.7511737089vw + 9.1830985915px, 20px);
  font-weight: 700;
  line-height: 2;
}

.top-seasonal-model_block-detail {
  display: flex;
  flex-wrap: wrap;
}

.top-seasonal-model_block-detail-item {
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) 0 clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  width: 50%;
  position: relative;
}
.top-seasonal-model_block-detail-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: clamp(16px, 1.1267605634vw + 11.7746478873px, 28px);
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-green);
}
.top-seasonal-model_block-detail-item:nth-of-type(2) {
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) 0 clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(12px, 2.6291079812vw + 2.1408450704px, 40px);
  border-left: 1px solid var(--color-black);
}
.top-seasonal-model_block-detail-item:nth-of-type(2):before {
  left: clamp(4px, 1.220657277vw + -0.5774647887px, 17px);
}
.top-seasonal-model_block-detail-item:nth-of-type(3) {
  width: 100%;
  border-top: none;
  border-bottom: 1px solid var(--color-black);
  display: flex;
  align-items: center;
  gap: 10px clamp(5px, 0.9389671362vw + 1.4788732394px, 15px);
}
.top-seasonal-model_block-detail-item:nth-of-type(3):before {
  top: clamp(30px, 0.3755868545vw + 28.5915492958px, 34px);
}
@media (width <= 1279px) {
  .top-seasonal-model_block-detail-item:nth-of-type(3):before {
    top: clamp(20px, 1.3145539906vw + 15.0704225352px, 34px);
  }
}
.top-seasonal-model_block-detail-item:nth-of-type(3) > span {
  flex-shrink: 0;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area {
  display: flex;
  align-items: center;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  flex: 1;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area span {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area span:nth-of-type(1) {
  background-color: #e63278;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area span:nth-of-type(2) {
  background-color: #ec6c00;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area span:nth-of-type(3) {
  background-color: #a64a98;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area span:nth-of-type(4) {
  background-color: #00a83c;
}
.top-seasonal-model_block-detail-item .top-seasonal-model_block-detail-item-area span:nth-of-type(n + 2):before {
  content: "";
  position: absolute;
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  height: clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--color-black);
  top: 50%;
  left: calc(clamp(10px, 0.7511737089vw + 7.1830985915px, 18px) * -1);
  translate: 0 -50%;
}

/* ===============================================
#地元民がそっと教える“とっておき”
=============================================== */
.top-local-knowledge_sec {
  background: transparent url(./../image/top-local-knowledge-bg_1.avif) no-repeat top center/cover;
}
@media (768px <= width) {
  .top-local-knowledge_sec {
    background: transparent url(./../image/top-local-knowledge-bg_1.avif) no-repeat top center/100% 100%;
  }
}

.top-local-knowledge_text-img {
  max-width: clamp(180px, 9.3896713615vw + 144.7887323944px, 280px);
}

.top-local-knowledge_blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(20px, 2.3474178404vw + 11.1971830986px, 45px);
}

.top-local-knowledge_block {
  width: calc(33.3333333333% - clamp(20px, 2.3474178404vw + 11.1971830986px, 45px) * 2 / 3);
  position: relative;
}
.top-local-knowledge_block:hover {
  opacity: 1;
}
.top-local-knowledge_block:hover img {
  scale: 1.1;
}
@media (width <= 1023px) {
  .top-local-knowledge_block {
    width: calc(50% - clamp(20px, 2.3474178404vw + 11.1971830986px, 45px) * 1 / 2);
  }
}
.top-local-knowledge_block:nth-of-type(1) .top-local-knowledge_block-inner {
  border-color: var(--color-green);
}
.top-local-knowledge_block:nth-of-type(1) .top-local-knowledge_block-badge {
  background-image: url(./../image/top-local-knowledge-bg_2.avif);
}
.top-local-knowledge_block:nth-of-type(2) .top-local-knowledge_block-inner {
  border-color: #f68040;
}
.top-local-knowledge_block:nth-of-type(2) .top-local-knowledge_block-badge {
  background-image: url(./../image/top-local-knowledge-bg_3.avif);
}
.top-local-knowledge_block:nth-of-type(3) .top-local-knowledge_block-inner {
  border-color: #ea6878;
}
.top-local-knowledge_block:nth-of-type(3) .top-local-knowledge_block-badge {
  background-image: url(./../image/top-local-knowledge-bg_4.avif);
}
.top-local-knowledge_block:nth-of-type(4) .top-local-knowledge_block-inner {
  border-color: #448aca;
}
.top-local-knowledge_block:nth-of-type(4) .top-local-knowledge_block-badge {
  background-image: url(./../image/top-local-knowledge-bg_5.avif);
}
.top-local-knowledge_block:nth-of-type(5) .top-local-knowledge_block-inner {
  border-color: #947abe;
}
.top-local-knowledge_block:nth-of-type(5) .top-local-knowledge_block-badge {
  background-image: url(./../image/top-local-knowledge-bg_6.avif);
}
.top-local-knowledge_block img {
  border-radius: 50%;
  transition: scale var(--duration);
}

.top-local-knowledge_block-inner {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-width: clamp(3px, 0.2816901408vw + 1.9436619718px, 6px);
  border-style: solid;
  border-radius: 50%;
}

.top-local-knowledge_block-badge {
  position: absolute;
  top: clamp(-40px, -0.9389671362vw + -26.4788732394px, -30px);
  left: clamp(-40px, -0.9389671362vw + -26.4788732394px, -30px);
  z-index: 2;
  width: clamp(120px, 8.9201877934vw + 86.5492957746px, 215px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 900;
  font-family: var(--font-family-serif);
  letter-spacing: 0.01em;
  color: #fff;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.top-local-knowledge_block-badge span::first-letter {
  font-size: clamp(26px, 2.0657276995vw + 18.2535211268px, 48px);
}

/* ===============================================
#アクセス
=============================================== */
.top-access_map-container {
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  background: #fff;
  padding: 10px;
  width: 100%;
  border: clamp(3px, 0.2816901408vw + 1.9436619718px, 6px) solid #fee8aa;
}

.top-access_map-scroll {
  overflow-x: auto;
  width: 100%;
}

@media (width <= 767px) {
  .top-access_map {
    min-width: 600px;
    display: block;
  }
}

/* ===============================================
#新着情報 slide
=============================================== */
.top-news-slide_title {
  display: flex;
  align-items: flex-end;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  padding-bottom: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border-bottom: 1px solid var(--color-gray);
}

.top-news-slide_title-en {
  max-width: clamp(150px, 5.2582159624vw + 130.2816901408px, 206px);
}

.top-news-slide_title-ja {
  font-size: clamp(24px, 0.5633802817vw + 21.8873239437px, 30px);
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
@media (width <= 767px) {
  .top-news-slide_title-ja {
    margin-bottom: -2px;
  }
}

.top-news-slide_slide .splide__arrows {
  position: absolute;
  top: 44%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100% + clamp(30px, 1.8779342723vw + 22.9577464789px, 50px));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (1380px <= width) {
  .top-news-slide_slide .splide__arrows {
    width: calc(100% + 160px);
  }
}
.top-news-slide_slide .splide__arrows .splide__arrow {
  background: var(--color-blue);
}
.top-news-slide_slide .splide__arrows .splide__arrow:after {
  border-color: #fff;
}
.top-news-slide_slide .splide__pagination {
  margin-top: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}

.top-news-slide_item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid var(--color-gray);
}
.top-news-slide_item:hover {
  opacity: 1;
}
.top-news-slide_item:hover .top-news-slide_item-image img {
  scale: 1.1;
}

.top-news-slide_item-image {
  border-radius: 10px;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.top-news-slide_item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: scale var(--duration);
}

.top-news-slide_item-body {
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  flex: 1;
  height: 100%;
}

.top-news-slide_item-title {
  font-size: clamp(16px, 0.1877934272vw + 15.2957746479px, 18px);
  line-height: 2;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.top-news-slide_item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.top-news-slide_item-date {
  font-family: var(--font-family-en);
  white-space: nowrap;
  font-size: clamp(14px, 0.1877934272vw + 13.2957746479px, 16px);
}

.top-news-slide_item-logo-box {
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.7511737089vw + 5.1830985915px, 16px);
}

.top-news-slide_item-logo-img {
  max-width: clamp(60px, 1.8779342723vw + 52.9577464789px, 80px);
}

.top-news-slide_item-logo-arrow {
  max-width: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
}

/* ===============================================
#SNS公式アカウント
=============================================== */
@media (width <= 767px) {
  .top-follow_container {
    padding: 20px;
    background: #fee8aa;
    border-radius: 20px;
  }
}

.top-follow_title-en {
  max-width: clamp(180px, 16.9014084507vw + 116.6197183099px, 360px);
}

.top-follow_title-ja {
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 700;
}

.top-follow_blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  width: 100%;
}
@media (width <= 1279px) {
  .top-follow_blocks {
    grid-template-columns: repeat(1, 1fr);
    max-width: 580px;
    margin-inline: auto;
  }
}

.top-follow_block {
  background-color: #fefaae;
  border-radius: 10px;
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  display: flex;
  align-items: center;
  gap: clamp(35px, 1.4084507042vw + 29.7183098592px, 50px);
}
.top-follow_block.in-text {
  gap: clamp(16px, 0.2816901408vw + 14.9436619718px, 19px);
}
.top-follow_block.in-text .top-follow_links {
  gap: clamp(25px, 2.3474178404vw + 16.1971830986px, 50px);
}
.top-follow_block.in-text .top-follow_link span {
  font-family: "DIN Alternate", sans-serif;
  letter-spacing: 0.002em;
  font-size: clamp(10px, 0.5633802817vw + 7.8873239437px, 16px);
}
.top-follow_block img {
  width: clamp(35px, 2.3474178404vw + 26.1971830986px, 60px);
}

.top-follow_block-label {
  white-space: nowrap;
  padding-right: clamp(15px, 0.9389671362vw + 11.4788732394px, 25px);
  height: clamp(60px, 1.8779342723vw + 52.9577464789px, 80px);
  border-right: 1px solid var(--color-black);
  font-size: clamp(16px, 0.7511737089vw + 13.1830985915px, 24px);
  font-weight: 700;
  display: flex;
  align-items: center;
}

.top-follow_links {
  display: flex;
  align-items: center;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
}

.top-follow_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
}
.top-follow_link.row-text {
  flex-direction: row;
  align-items: center;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  font-size: clamp(12px, 0.3755868545vw + 10.5915492958px, 16px);
}

/* ===============================================
#関連リンク
=============================================== */
.top-link_links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(5px, 3.2863849765vw + -7.323943662px, 40px);
}
@media (1024px <= width) {
  .top-link_links {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ===============================================
#下層ページ共通
=============================================== */
.sub-mv_sec {
  position: relative;
}

.sub-mv_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.sub-mv_inner {
  display: grid;
  place-items: center;
  min-height: clamp(200px, 11.2676056338vw + 157.7464788732px, 320px);
  position: relative;
  z-index: 2;
}

.sub-mv_title {
  font-size: clamp(26px, 1.8779342723vw + 18.9577464789px, 46px);
  letter-spacing: var(--ls-small);
  color: #fff;
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-bottom: clamp(25px, 1.4084507042vw + 19.7183098592px, 40px);
}
.sub-mv_title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-mv_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: clamp(100px, 5.0704225352vw + 80.985915493px, 154px);
  border-bottom: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px) dotted #fee8aa;
}

/* ===============================================
#るるぶ編集部おすすめモデルコース メインビュー
=============================================== */
.rurubu-mv_logo {
  width: clamp(80px, 4.5070422535vw + 63.0985915493px, 128px);
  display: inline-block;
  margin-right: clamp(10px, 0.4694835681vw + 8.2394366197px, 15px);
}

/* ===============================================
#るるぶ編集部おすすめモデルコース メインブロック
=============================================== */
.rurubu-main_block {
  display: flex;
  align-items: center;
  position: relative;
  padding: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px) 0;
}
@media (width <= 1023px) {
  .rurubu-main_block {
    flex-direction: column;
    gap: 20px;
    padding: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0 clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
  }
  .rurubu-main_block .btn_arrow {
    max-width: clamp(220px, 9.3896713615vw + 184.7887323944px, 320px);
  }
}
.rurubu-main_block:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fefee0;
  background-image: radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px), radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px);
  background-position: 0 0, 4px 8px;
  background-size: 8px 16px;
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  z-index: 1;
}
@media (width <= 1023px) {
  .rurubu-main_block:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
  }
}
@media (1024px <= width) {
  .rurubu-main_block:before {
    width: 66.7%;
    height: 100%;
    top: 0;
  }
}
@media (1024px <= width) {
  .rurubu-main_block:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .rurubu-main_block:nth-of-type(even):before {
    left: 0;
  }
  .rurubu-main_block:nth-of-type(even) .rurubu-main_date {
    left: 0;
    border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0;
  }
  .rurubu-main_block:nth-of-type(even) .rurubu-main_icon-box {
    right: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  }
  .rurubu-main_block:nth-of-type(even) .btn_arrow {
    margin-right: 0;
  }
  .rurubu-main_block:nth-of-type(odd):before {
    right: 0;
  }
  .rurubu-main_block:nth-of-type(odd) .rurubu-main_date {
    right: 0;
    border-radius: 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  }
  .rurubu-main_block:nth-of-type(odd) .rurubu-main_icon-box {
    left: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  }
  .rurubu-main_block:nth-of-type(odd) .btn_arrow {
    margin-left: 0;
  }
}

.rurubu-main_date {
  position: absolute;
  top: 0;
  width: clamp(80px, 7.5117370892vw + 51.8309859155px, 160px);
  height: clamp(23px, 2.1596244131vw + 14.9014084507px, 46px);
  background-color: var(--color-pink);
  color: #fff;
  font-size: clamp(14px, 0.7511737089vw + 11.1830985915px, 22px);
  display: grid;
  place-items: center;
  z-index: 2;
}
@media (width <= 1023px) {
  .rurubu-main_date {
    border-radius: 0 clamp(20px, 0.9389671362vw + 16.4788732394px, 30px) 0 clamp(20px, 0.9389671362vw + 16.4788732394px, 30px);
    right: 0;
  }
}

.rurubu-main_img-box {
  position: relative;
  z-index: 2;
}
@media (width <= 1023px) {
  .rurubu-main_img-box {
    margin-inline: auto;
    width: 90%;
  }
}
@media (1024px <= width) {
  .rurubu-main_img-box {
    width: 48.4%;
  }
}
.rurubu-main_img-box img {
  border-radius: clamp(20px, 0.9389671362vw + 16.4788732394px, 30px);
}

.rurubu-main_block-body {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  padding-inline: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
  z-index: 2;
}
@media (1024px <= width) {
  .rurubu-main_block-body {
    width: 51.6%;
  }
}

.rurubu-main_icon-box {
  position: absolute;
  top: calc(clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) * -1);
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  z-index: 2;
}
@media (width <= 1023px) {
  .rurubu-main_icon-box {
    left: 20px;
  }
}
.rurubu-main_icon-box img {
  width: clamp(40px, 3.7558685446vw + 25.9154929577px, 80px);
}

.rurubu-main_block-head {
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
}
.rurubu-main_block-head img {
  width: clamp(60px, 5.6338028169vw + 38.8732394366px, 120px);
}

.rurubu-main_block-title {
  font-size: clamp(18px, 1.3145539906vw + 13.0704225352px, 32px);
  font-family: var(--font-family-serif);
  font-weight: 900;
  color: var(--color-pink);
  flex: 1;
}
.rurubu-main_block-title:after {
  content: "コース";
  position: relative;
  display: inline-block;
  margin-left: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border: 2px solid var(--color-pink);
  font-family: var(--font-family-common);
  font-size: clamp(14px, 1.1267605634vw + 9.7746478873px, 26px);
  font-weight: 500;
  padding: 0 clamp(4px, 0.3755868545vw + 2.5915492958px, 8px);
}

.rurubu-main_block-text {
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  padding: clamp(10px, 0.4694835681vw + 8.2394366197px, 15px) 0;
  font-size: clamp(14px, 0.9389671362vw + 10.4788732394px, 24px);
  font-weight: 700;
}

.rurubu-main_block-area {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rurubu-main_block-area-label {
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-weight: 700;
}
.rurubu-main_block-area-label::before {
  content: "";
  display: inline-block;
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  height: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  background-color: var(--color-pink);
  border-radius: 50%;
  margin-right: clamp(5px, 0vw + 5px, 5px);
  margin-bottom: 2px;
}

.rurubu-main_block-area-item {
  display: flex;
  align-items: center;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  flex: 1;
}
.rurubu-main_block-area-item span {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.rurubu-main_block-area-item span.pink {
  background-color: #e63278;
}
.rurubu-main_block-area-item span.orange {
  background-color: #ec6c00;
}
.rurubu-main_block-area-item span.purple {
  background-color: #a64a98;
}
.rurubu-main_block-area-item span.green {
  background-color: #00a83c;
}
.rurubu-main_block-area-item span:nth-of-type(n + 2):before {
  content: "";
  position: absolute;
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  height: clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--color-black);
  top: 50%;
  left: calc(clamp(10px, 0.7511737089vw + 7.1830985915px, 18px) * -1);
  translate: 0 -50%;
}

/* ===============================================
#るるぶコース 上部パーツ
=============================================== */
.rurubu-course-head_container {
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  position: relative;
  padding: clamp(40px, 5.6338028169vw + 18.8732394366px, 100px) clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}

.rurubu-course-head_number {
  position: absolute;
  top: calc(clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) * -1);
  left: calc(clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) * -1);
  width: clamp(55px, 11.7370892019vw + 10.985915493px, 180px);
}

.rurubu-main_date.course-head_date {
  left: auto;
  right: 0;
  border-radius: 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px) 0 clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}

.rurubu-course-head_title {
  font-size: clamp(22px, 1.8779342723vw + 14.9577464789px, 42px);
  font-family: var(--font-family-serif);
  font-weight: 900;
  color: var(--color-pink);
  text-align: center;
}
.rurubu-course-head_title:after {
  content: "コース";
  position: relative;
  display: inline-block;
  margin-left: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border: 2px solid var(--color-pink);
  font-family: var(--font-family-common);
  font-size: clamp(16px, 1.1267605634vw + 11.7746478873px, 28px);
  font-weight: 500;
  padding: 0 clamp(4px, 0.3755868545vw + 2.5915492958px, 8px) 3px;
  line-height: 1.1;
  bottom: 4px;
}

.rurubu-course-head_lead {
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 700;
  text-align: center;
}
.rurubu-course-head_lead span {
  background: linear-gradient(transparent 70%, #fef200 70%);
}

.rurubu-course-head_chart-text {
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-weight: 700;
  text-align: center;
}

.rurubu-course-head_chart-box {
  overflow-x: auto;
  width: 100%;
  padding-bottom: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
}
.rurubu-course-head_chart-box::-webkit-scrollbar {
  height: 12px;
}
.rurubu-course-head_chart-box::-webkit-scrollbar-track {
  background: #dcdcdc;
  border-radius: 50vw;
}
.rurubu-course-head_chart-box::-webkit-scrollbar-thumb {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #787878 20%, #787878 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  border-radius: 100px;
}
.rurubu-course-head_chart-box img {
  width: auto;
  height: clamp(300px, 11.2676056338vw + 257.7464788732px, 420px);
}
@media (1024px <= width) {
  .rurubu-course-head_chart-box.w-100 img {
    width: 100%;
    height: auto;
  }
}

/* ===============================================
#るるぶコース 旅マエコラム
=============================================== */
.rurubu-course-column_container {
  background: #fee8aa;
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
}

.rurubu-course-column_logo {
  max-width: clamp(200px, 15.9624413146vw + 140.1408450704px, 370px);
}

.rurubu-course-column_title {
  font-size: clamp(20px, 1.6901408451vw + 13.661971831px, 38px);
  color: var(--color-pink);
  font-family: var(--font-family-serif);
  font-weight: 700;
  letter-spacing: 0.008em;
  text-align: center;
}

.rurubu-course-column_text {
  line-height: 2;
  letter-spacing: 0em;
}

.rurubu-course-column_img-box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(15px, 1.9718309859vw + 7.6056338028px, 36px);
}
@media (768px <= width) {
  .rurubu-course-column_img-box {
    grid-template-columns: repeat(2, 1fr);
  }
}
.rurubu-course-column_img-box img {
  border-radius: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
}

/* ===============================================
##るるぶコース メインパーツ
=============================================== */
.rurubu-course_day-block {
  position: relative;
}
.rurubu-course_day-block::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 15px;
  z-index: -1;
  width: 1px;
  height: calc(100% - 2px);
  background: var(--color-black);
}
@media (768px <= width) {
  .rurubu-course_day-block::before {
    left: 23px;
  }
}

.rurubu-course_day-point {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (768px <= width) {
  .rurubu-course_day-point {
    gap: 13px;
  }
}

.rurubu-course_day-point-number {
  border-radius: 50%;
  width: 30px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-family: var(--font-family-serif);
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  padding-bottom: 2px;
}
.rurubu-course_day-point-number.red {
  background: #e60012;
}
.rurubu-course_day-point-number.blue {
  background: var(--color-blue);
}
.rurubu-course_day-point-number.text {
  font-size: 12px;
}
.rurubu-course_day-point-number.mark {
  font-size: clamp(20px, 0.7511737089vw + 17.1830985915px, 28px);
  color: #fef200;
}
@media (768px <= width) {
  .rurubu-course_day-point-number {
    width: 47px;
    font-size: 26px;
  }
  .rurubu-course_day-point-number.text {
    font-size: 16px;
  }
}

.rurubu-course_day-point-spot {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.rurubu-course_day-point-spot.pink {
  background-color: #e63278;
}
.rurubu-course_day-point-spot.orange {
  background-color: #ec6c00;
}
.rurubu-course_day-point-spot.purple {
  background-color: #a64a98;
}
.rurubu-course_day-point-spot.green {
  background-color: #00a83c;
}

.rurubu-course_day-point-text {
  font-size: clamp(16px, 0.7511737089vw + 13.1830985915px, 24px);
  font-weight: 700;
  flex: 1;
}

.rurubu-course_day-car {
  margin-left: 38px;
  background-color: #f8d2d6;
  min-height: clamp(42px, 1.6901408451vw + 35.661971831px, 60px);
  border-radius: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  position: relative;
  padding: 4px 20px;
}
@media (768px <= width) {
  .rurubu-course_day-car {
    margin-left: 60px;
  }
}
.rurubu-course_day-car::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  translate: 0 -50%;
  width: 23px;
  height: 1px;
  background: var(--color-black);
}
@media (768px <= width) {
  .rurubu-course_day-car::before {
    width: 37px;
  }
}

.rurubu-course_day-car-icon {
  width: clamp(30px, 1.3145539906vw + 25.0704225352px, 44px);
}

.rurubu-course_day-walk-icon {
  width: clamp(20px, 0.9389671362vw + 16.4788732394px, 30px);
}

.rurubu-course_day-car-text {
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
}

.rurubu-course_title {
  margin-left: 38px;
  font-size: clamp(20px, 1.6901408451vw + 13.661971831px, 38px);
  color: var(--color-pink);
  font-family: var(--font-family-serif);
  font-weight: 700;
  letter-spacing: 0.008em;
}
@media (768px <= width) {
  .rurubu-course_title {
    margin-left: 60px;
  }
}

.rurubu-course_content {
  margin-left: 38px;
  display: flex;
  align-items: flex-start;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}
@media (width <= 1023px) {
  .rurubu-course_content {
    flex-direction: column;
  }
}
@media (768px <= width) {
  .rurubu-course_content {
    margin-left: 60px;
  }
}

.rurubu-course_content-gallery {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.4694835681vw + 8.2394366197px, 15px);
}
@media (1024px <= width) {
  .rurubu-course_content-gallery {
    width: calc(56% - clamp(20px, 1.8779342723vw + 12.9577464789px, 40px));
  }
}

.rurubu-course_content-gallery-main {
  border-radius: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  aspect-ratio: 3/2;
  overflow: hidden;
}

.rurubu-course_content-gallery-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
}
@media (width <= 767px) {
  .rurubu-course_content-gallery-thumb:has(.rurubu-course_content-gallery-thumb-btn:nth-of-type(3)) {
    justify-content: flex-start;
  }
}
@media (768px <= width) {
  .rurubu-course_content-gallery-thumb:has(.rurubu-course_content-gallery-thumb-btn:nth-of-type(5)) {
    justify-content: flex-start;
  }
}

.rurubu-course_content-gallery-thumb-btn {
  border-radius: clamp(6px, 0.1877934272vw + 5.2957746479px, 8px);
  aspect-ratio: 3/2;
  width: calc(33.3333333333% - clamp(5px, 0.4694835681vw + 3.2394366197px, 10px) * 2 / 3);
  overflow: hidden;
  cursor: pointer;
}
.rurubu-course_content-gallery-thumb-btn.is-active {
  border: 3px solid var(--color-pink);
}
@media (768px <= width) {
  .rurubu-course_content-gallery-thumb-btn {
    width: calc(20% - clamp(5px, 0.4694835681vw + 3.2394366197px, 10px) * 4 / 5);
  }
}

.rurubu-course_content-text-box {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}
@media (1024px <= width) {
  .rurubu-course_content-text-box {
    width: 44%;
  }
}

.rurubu-course_content-text {
  line-height: 2;
}

.rurubu-course_content-lists {
  padding-left: 1em;
}

.rurubu-course_content-list {
  position: relative;
  line-height: 2;
}
.rurubu-course_content-list strong {
  font-weight: 700;
  font-size: clamp(16px, 0.1877934272vw + 15.2957746479px, 18px);
}
.rurubu-course_content-list::before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: -1em;
  width: clamp(8px, 0.1877934272vw + 7.2957746479px, 10px);
  aspect-ratio: 1;
  background: var(--color-pink);
  border-radius: 50%;
}

.rurubu-course_content-btn {
  position: relative;
  background: var(--color-pink);
  padding: clamp(8px, 0.3755868545vw + 6.5915492958px, 12px);
  font-size: clamp(16px, 0.1877934272vw + 15.2957746479px, 18px);
  color: #fff;
  text-align: center;
  transition: scale var(--duration);
}
.rurubu-course_content-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  translate: 0 -50%;
  width: clamp(13px, 0.2816901408vw + 11.9436619718px, 16px);
  aspect-ratio: 1;
  background: transparent url(./../image/icon-link.svg) no-repeat center center/contain;
  transition: scale var(--duration);
}
.rurubu-course_content-btn:hover {
  opacity: 1;
  scale: 0.96;
}
.rurubu-course_content-btn:hover::after {
  scale: 1.2;
}

.rurubu-course_pickup-title {
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  padding: clamp(5px, 0.1877934272vw + 4.2957746479px, 7px) 0;
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  text-align: center;
}

.rurubu-course_pickup-container {
  margin-left: 38px;
  border-radius: 20px;
  background-color: #fefaae;
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
}
@media (768px <= width) {
  .rurubu-course_pickup-container {
    margin-left: 60px;
  }
}
.rurubu-course_pickup-container .rurubu-course_title,
.rurubu-course_pickup-container .rurubu-course_content {
  margin-left: 0;
}
@media (1024px <= width) {
  .rurubu-course_pickup-container .rurubu-course_content {
    flex-direction: row-reverse;
  }
  .rurubu-course_pickup-container .rurubu-course_content-gallery {
    width: calc(51% - clamp(20px, 1.8779342723vw + 12.9577464789px, 40px));
  }
  .rurubu-course_pickup-container .rurubu-course_content-text-box {
    width: 49%;
  }
  .rurubu-course_pickup-container .rurubu-course_content-gallery-thumb:has(.rurubu-course_content-gallery-thumb-btn:nth-of-type(4)) {
    justify-content: flex-start;
  }
  .rurubu-course_pickup-container .rurubu-course_content-gallery-thumb-btn {
    width: calc(25% - clamp(5px, 0.4694835681vw + 3.2394366197px, 10px) * 3 / 4);
  }
}

/* ===============================================
#旬を楽しむモデルコース 詳細ページ
=============================================== */
.seasonal-single_head-container {
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) 0 clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
}
@media (width <= 767px) {
  .seasonal-single_head-container {
    border-radius: 0;
    margin-left: calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 100);
  }
}

.seasonal-single_head-title {
  color: #fff;
  font-size: clamp(22px, 1.1267605634vw + 17.7746478873px, 34px);
  font-weight: 700;
  font-family: var(--font-family-serif);
  background-color: var(--color-green);
  padding: clamp(8px, 0.7511737089vw + 5.1830985915px, 16px) clamp(22px, 1.6901408451vw + 15.661971831px, 40px);
  text-align: center;
  width: 100%;
}

.seasonal-single_head-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
  padding: 0 clamp(22px, 3.5680751174vw + 8.6197183099px, 60px);
}

.seasonal-single_head-lead {
  font-size: clamp(16px, 0.7511737089vw + 13.1830985915px, 24px);
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
}
.seasonal-single_head-lead span {
  background: linear-gradient(transparent 70%, #fef200 70%);
}

.seasonal-single_head-img {
  aspect-ratio: 3/2;
  position: relative;
  overflow: hidden;
  border-radius: clamp(20px, 0.9389671362vw + 16.4788732394px, 30px);
}
.seasonal-single_head-img img {
  width: 100%;
  height: 100%;
}
.seasonal-single_head-img img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.seasonal-single_head-img img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.seasonal-single_head-info-container {
  display: flex;
  width: 100%;
}
@media (width <= 1023px) {
  .seasonal-single_head-info-container {
    flex-wrap: wrap;
  }
}

.seasonal-single_head-info-item {
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  padding: clamp(8px, 0.1877934272vw + 7.2957746479px, 10px) 5px clamp(8px, 0.1877934272vw + 7.2957746479px, 10px) 0;
  vertical-align: middle;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  display: grid;
  align-items: center;
}
.seasonal-single_head-info-item:nth-of-type(n + 2) {
  padding-left: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border-left: 1px solid var(--color-black);
}
.seasonal-single_head-info-item:nth-of-type(-n + 2) {
  flex: 1;
  width: 100%;
}
@media (width <= 1023px) {
  .seasonal-single_head-info-item {
    width: 50%;
  }
  .seasonal-single_head-info-item:nth-last-of-type(1) {
    width: 100%;
    border-top: none;
    border-left: none;
    padding-left: 0;
  }
}

.seasonal-single_head-info-table-label {
  white-space: nowrap;
}

.seasonal-single_head-info-block-area {
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.4694835681vw + 8.2394366197px, 15px);
  padding-left: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  position: relative;
}
.seasonal-single_head-info-block-area:before {
  content: "";
  position: absolute;
  left: 0;
  top: clamp(6px, 0.2816901408vw + 4.9436619718px, 9px);
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-green);
}
.seasonal-single_head-info-block-area:has(.seasonal-single_head-info-area-list):before {
  top: clamp(10px, 0.3755868545vw + 8.5915492958px, 14px);
}

.seasonal-single_head-info-area-list {
  display: flex;
  align-items: center;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
}
.seasonal-single_head-info-area-list span {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.seasonal-single_head-info-area-list span.pink {
  background-color: #e63278;
}
.seasonal-single_head-info-area-list span.orange {
  background-color: #ec6c00;
}
.seasonal-single_head-info-area-list span.purple {
  background-color: #a64a98;
}
.seasonal-single_head-info-area-list span.green {
  background-color: #00a83c;
}
.seasonal-single_head-info-area-list span:nth-of-type(n + 2):before {
  content: "";
  position: absolute;
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  height: clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--color-black);
  top: 50%;
  left: calc(clamp(10px, 0.7511737089vw + 7.1830985915px, 18px) * -1);
  translate: 0 -50%;
}

/* コースチャート */
.seasonal-single_chart-title {
  text-align: center;
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 700;
  color: var(--color-green);
  border-top: 1px solid var(--color-green);
  border-bottom: 1px solid var(--color-green);
  padding: clamp(5px, 0.1877934272vw + 4.2957746479px, 7px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  width: 100%;
  position: relative;
}

.seasonal-single_chart-btn {
  width: clamp(30px, 0.9389671362vw + 26.4788732394px, 40px);
  aspect-ratio: 1;
  background-color: var(--color-blue);
  position: absolute;
  top: 50%;
  right: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  translate: 0 -50%;
  transition: opacity var(--duration);
}
.seasonal-single_chart-btn::before, .seasonal-single_chart-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  height: clamp(3px, 0.0938967136vw + 2.6478873239px, 4px);
  background-color: #fff;
}
.seasonal-single_chart-btn::after {
  rotate: 90deg;
}
.seasonal-single_chart-btn.open::after {
  opacity: 0;
}

.seasonal-single_chart-container {
  border: 2px solid var(--color-green);
  border-radius: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) clamp(0px, 13.1455399061vw + -49.2957746479px, 140px);
  overflow: hidden;
}
@media (width <= 1023px) {
  .seasonal-single_chart-container {
    padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  }
}

.seasonal-single_chart-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  padding-left: 60px;
}
@media (width <= 767px) {
  .seasonal-single_chart-inner {
    padding-left: 30px;
  }
}
.seasonal-single_chart-inner::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 83px;
  z-index: -1;
  width: 1px;
  height: calc(100% - 2px);
  background: var(--color-black);
}
@media (width <= 767px) {
  .seasonal-single_chart-inner::before {
    left: 45px;
  }
}
.seasonal-single_chart-inner.day1-only {
  padding-left: 0;
}
.seasonal-single_chart-inner.day1-only::before {
  left: 23px;
}
@media (width <= 767px) {
  .seasonal-single_chart-inner.day1-only::before {
    left: 15px;
  }
}
.seasonal-single_chart-inner.day1-only .seasonal-single_chart-day:before {
  display: none;
}

.seasonal-single_chart-day {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.8779342723vw + 2.9577464789px, 30px);
  position: relative;
}
.seasonal-single_chart-day:before {
  content: "1日目";
  position: absolute;
  top: 0;
  left: -60px;
  width: 40px;
  height: 100%;
  border: 1px solid var(--color-black);
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: grid;
  place-items: center;
  font-family: var(--font-family-serif);
  font-weight: 700;
  font-size: clamp(12px, 1.1267605634vw + 7.7746478873px, 24px);
  letter-spacing: 0.1em;
}
@media (width <= 767px) {
  .seasonal-single_chart-day:before {
    width: 25px;
    left: -30px;
  }
}
.seasonal-single_chart-day.day2:before {
  content: "2日目";
}

.seasonal-single__day-point-text {
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-weight: 700;
  flex: 1;
}

.seasonal-single_chart-travel-time {
  margin-left: 38px;
  background-color: #dcf2ee;
  min-height: clamp(32px, 1.3145539906vw + 27.0704225352px, 46px);
  border-radius: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 4px 20px;
  font-size: clamp(14px, 0.3755868545vw + 12.5915492958px, 18px);
}
@media (768px <= width) {
  .seasonal-single_chart-travel-time {
    margin-left: 60px;
  }
}
.seasonal-single_chart-travel-time::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  translate: 0 -50%;
  width: 23px;
  height: 1px;
  background: var(--color-black);
}
@media (768px <= width) {
  .seasonal-single_chart-travel-time::before {
    width: 37px;
  }
}

.seasonal-single_point-block {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media (768px <= width) {
  .seasonal-single_point-block {
    gap: 13px;
  }
}

.seasonal-single_point-block-inner {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 1.8779342723vw + 2.9577464789px, 30px);
}
@media (width <= 767px) {
  .seasonal-single_point-block-inner {
    flex-direction: column-reverse;
    padding-top: 3px;
  }
}

.seasonal-single_point-img {
  aspect-ratio: 3/2;
  position: relative;
  overflow: hidden;
  border-radius: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  width: clamp(100px, 7.5117370892vw + 71.8309859155px, 180px);
}
@media (width <= 767px) {
  .seasonal-single_point-img {
    width: 100%;
  }
}
.seasonal-single_point-img img {
  width: 100%;
  height: 100%;
}
.seasonal-single_point-img img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.seasonal-single_point-img img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.seasonal-single_point-area {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.seasonal-single_point-area.pink {
  background-color: #e63278;
}
.seasonal-single_point-area.orange {
  background-color: #ec6c00;
}
.seasonal-single_point-area.purple {
  background-color: #a64a98;
}
.seasonal-single_point-area.green {
  background-color: #00a83c;
}

.seasonal-single_point-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(5px, 1.4084507042vw + -0.2816901408px, 20px);
}

.seasonal-single_point-link {
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-weight: 700;
}
.seasonal-single_point-link::after {
  content: "";
  display: inline-block;
  width: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
  aspect-ratio: 1;
  background: transparent url(./../image/icon-arrow.svg) no-repeat center center/contain;
  margin-left: 8px;
  top: clamp(4px, 0vw + 4px, 4px);
  position: relative;
}

.seasonal-single_main-start-end {
  font-size: clamp(16px, 0.7511737089vw + 13.1830985915px, 24px);
  font-weight: 700;
  padding: clamp(10px, 2.0657276995vw + 2.2535211268px, 32px) 10px;
  text-align: center;
  background: #dcf2ee;
  border-radius: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
}

.seasonal-single_main-travel-time {
  width: 50%;
  margin-left: auto;
  border-left: clamp(2px, 0.1877934272vw + 1.2957746479px, 4px) solid var(--color-green);
  font-size: clamp(12px, 0.7511737089vw + 9.1830985915px, 20px);
  padding: clamp(15px, 0.9389671362vw + 11.4788732394px, 25px) 0 clamp(15px, 0.9389671362vw + 11.4788732394px, 25px) clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
}

.seasonal-single_main-block {
  background: #dcf2ee;
  border-radius: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}
@media (width <= 1023px) {
  .seasonal-single_main-block {
    display: flex;
    flex-direction: column;
  }
}
@media (1024px <= width) {
  .seasonal-single_main-block {
    display: grid;
    align-items: flex-start;
    grid-template-columns: calc(50% - clamp(20px, 1.8779342723vw + 12.9577464789px, 40px)) 50%;
    grid-template-rows: repeat(3, auto);
  }
}

@media (1024px <= width) {
  .seasonal-single_main-block-head {
    grid-area: 1/1/2/2;
  }
}

.seasonal-single_main-block-text-box {
  width: calc(50% - clamp(20px, 1.8779342723vw + 12.9577464789px, 40px));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
}

.seasonal-single_main-block-head-text {
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.5633802817vw + 7.8873239437px, 16px);
}

.seasonal-single_main-block-area {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.seasonal-single_main-block-area.pink {
  background-color: #e63278;
}
.seasonal-single_main-block-area.orange {
  background-color: #ec6c00;
}
.seasonal-single_main-block-area.purple {
  background-color: #a64a98;
}
.seasonal-single_main-block-area.green {
  background-color: #00a83c;
}

.seasonal-single_main-block-name {
  font-size: clamp(16px, 0.7511737089vw + 13.1830985915px, 24px);
  font-weight: 700;
  flex: 1;
}

.seasonal-single_main-block-img-box {
  aspect-ratio: 3/2;
  position: relative;
  overflow: hidden;
  border-radius: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
}
@media (1024px <= width) {
  .seasonal-single_main-block-img-box {
    grid-area: 1/2/4/3;
  }
}
.seasonal-single_main-block-img-box img {
  width: 100%;
  height: 100%;
}
.seasonal-single_main-block-img-box img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.seasonal-single_main-block-img-box img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.seasonal-single_main-block-title {
  font-size: clamp(18px, 0.7511737089vw + 15.1830985915px, 26px);
  font-weight: 700;
  color: var(--color-green);
}

.seasonal-single_main-block-text {
  line-height: 2;
}
@media (1024px <= width) {
  .seasonal-single_main-block-text {
    grid-area: 2/1/3/2;
  }
}

@media (1024px <= width) {
  .seasonal-single_main-block-btn {
    grid-area: 3/1/4/2;
  }
}

/* ===============================================
#旬を楽しむモデルコース 一覧ページ
=============================================== */
.seasonal-archive_pickup-container {
  display: flex;
  align-items: center;
  gap: 30px clamp(30px, 2.0657276995vw + 22.2535211268px, 52px);
  padding: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px) 0;
  position: relative;
  width: 100%;
}
@media (width <= 1023px) {
  .seasonal-archive_pickup-container {
    flex-direction: column;
  }
}
.seasonal-archive_pickup-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 66.7%;
  height: 100%;
  background-color: #fefee0;
  background-image: radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px), radial-gradient(circle, rgba(200, 200, 200, 0.2) 1.5px, transparent 1.5px);
  background-position: 0 0, 4px 8px;
  background-size: 8px 16px;
  z-index: 1;
}
@media (1024px <= width) {
  .seasonal-archive_pickup-container:before {
    border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  }
}
@media (width <= 1023px) {
  .seasonal-archive_pickup-container:before {
    left: calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 100);
  }
}

.seasonal-archive_pickup-image {
  position: relative;
  z-index: 2;
  display: block;
}
@media (1024px <= width) {
  .seasonal-archive_pickup-image {
    width: 49%;
  }
}
.seasonal-archive_pickup-image > img {
  position: absolute;
  top: calc(clamp(48px, 3.0046948357vw + 36.7323943662px, 80px) * -1);
  left: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
  width: clamp(60px, 3.7558685446vw + 45.9154929577px, 100px);
  z-index: 3;
}

.seasonal-archive_pickup-image-inner {
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  position: relative;
}
.seasonal-archive_pickup-image-inner > img {
  width: 100%;
  height: 100%;
}
.seasonal-archive_pickup-image-inner > img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.seasonal-archive_pickup-image-inner > img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.seasonal-archive_pickup-text-box {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  width: 100%;
}
@media (1024px <= width) {
  .seasonal-archive_pickup-text-box {
    padding-right: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
    width: calc(51% - clamp(30px, 2.0657276995vw + 22.2535211268px, 52px));
  }
}

.seasonal-archive_pickup-text-box-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
}

.seasonal-archive_pickup-tag {
  position: relative;
  padding: clamp(3px, 0.6572769953vw + 0.5352112676px, 10px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  color: #28ac98;
  font-size: clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-family: var(--font-family-serif);
  font-weight: 900;
  background: #fff;
  border: solid 2px currentColor;
  border-radius: 50vw;
}
.seasonal-archive_pickup-tag:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  z-index: 1;
  background: currentColor;
  width: 20px;
  height: 11px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.seasonal-archive_pickup-tag:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  translate: -50% 0;
  left: 50%;
  z-index: 2;
  background: #fff;
  width: 17px;
  height: 9px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.seasonal-archive_pickup-title {
  color: #fff;
  font-size: clamp(18px, 0.9389671362vw + 14.4788732394px, 28px);
  font-weight: 700;
}
.seasonal-archive_pickup-title span {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  line-height: 2.1;
  background: var(--color-green);
  padding: clamp(3px, 0.1877934272vw + 2.2957746479px, 5px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
}

.seasonal-archive_pickup-text {
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  line-height: 2;
}

.seasonal-archive_pickup-detail {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.seasonal-archive_pickup-detail-item {
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) 0 clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  width: 50%;
  position: relative;
}
.seasonal-archive_pickup-detail-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: clamp(16px, 1.1267605634vw + 11.7746478873px, 28px);
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-green);
}
.seasonal-archive_pickup-detail-item:nth-of-type(2) {
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) 0 clamp(10px, 0.9389671362vw + 6.4788732394px, 20px) clamp(12px, 2.6291079812vw + 2.1408450704px, 40px);
  border-left: 1px solid var(--color-black);
}
.seasonal-archive_pickup-detail-item:nth-of-type(2):before {
  left: clamp(4px, 1.220657277vw + -0.5774647887px, 17px);
}
.seasonal-archive_pickup-detail-item:nth-of-type(3) {
  width: 100%;
  border-top: none;
  border-bottom: 1px solid var(--color-black);
  display: flex;
  align-items: center;
  gap: 10px clamp(5px, 0.9389671362vw + 1.4788732394px, 15px);
}
.seasonal-archive_pickup-detail-item:nth-of-type(3):before {
  top: clamp(30px, 0.3755868545vw + 28.5915492958px, 34px);
}
@media (width <= 1279px) {
  .seasonal-archive_pickup-detail-item:nth-of-type(3):before {
    top: clamp(20px, 1.3145539906vw + 15.0704225352px, 34px);
  }
}
.seasonal-archive_pickup-detail-item:nth-of-type(3) > span {
  flex-shrink: 0;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area {
  display: flex;
  align-items: center;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  flex: 1;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area span {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(1px, 0.0938967136vw + 0.6478873239px, 2px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  position: relative;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area span:nth-of-type(1) {
  background-color: #e63278;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area span:nth-of-type(2) {
  background-color: #ec6c00;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area span:nth-of-type(3) {
  background-color: #a64a98;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area span:nth-of-type(4) {
  background-color: #00a83c;
}
.seasonal-archive_pickup-detail-item .seasonal-archive_pickup-detail-item-area span:nth-of-type(n + 2):before {
  content: "";
  position: absolute;
  width: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  height: clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--color-black);
  top: 50%;
  left: calc(clamp(10px, 0.7511737089vw + 7.1830985915px, 18px) * -1);
  translate: 0 -50%;
}

.seasonal-archive_pickup-btn {
  padding: clamp(13px, 0.2816901408vw + 11.9436619718px, 16px) clamp(33px, 0.6572769953vw + 30.5352112676px, 40px);
  font-size: clamp(14px, 0.3755868545vw + 12.5915492958px, 18px);
  font-weight: 500;
  max-width: 320px;
}
@media (1024px <= width) {
  .seasonal-archive_pickup-btn {
    margin-left: 0;
  }
}
.seasonal-archive_pickup-btn > img {
  right: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  width: clamp(18px, 0.1877934272vw + 17.2957746479px, 20px);
}

.seasonal-archive_blocks {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) clamp(10px, 1.8779342723vw + 2.9577464789px, 30px);
}

.seasonal-archive_item {
  background: #dcf2ee;
  padding: 10px;
  border-radius: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (768px <= width) {
  .seasonal-archive_item {
    width: calc(50% - clamp(10px, 1.8779342723vw + 2.9577464789px, 30px) * 1 / 2);
  }
}
@media (1024px <= width) {
  .seasonal-archive_item {
    width: calc(33.3333333333% - clamp(10px, 1.8779342723vw + 2.9577464789px, 30px) * 2 / 3);
  }
}

.seasonal-archive_item-img {
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  position: relative;
}
.seasonal-archive_item-img img {
  width: 100%;
  height: 100%;
}
.seasonal-archive_item-img img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.seasonal-archive_item-img img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.seasonal-archive_item-body {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  flex: 1;
  height: 100%;
}

.seasonal-archive_item-tag-box {
  padding-right: clamp(50px, 0.9389671362vw + 46.4788732394px, 60px);
  position: relative;
}

.seasonal-archive_item-tag {
  font-family: var(--font-family-serif);
  color: #fff;
  background: var(--color-green);
  border-radius: 50vw;
  padding: clamp(2px, 0.1877934272vw + 1.2957746479px, 4px) clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  font-weight: 900;
  width: -moz-fit-content;
  width: fit-content;
}

.seasonal-archive_item-tag-pickup {
  width: clamp(50px, 0.9389671362vw + 46.4788732394px, 60px);
  position: absolute;
  top: calc(clamp(32px, 1.4084507042vw + 26.7183098592px, 47px) * -1);
  right: 0;
  z-index: 2;
}

.seasonal-archive_item-title {
  font-size: clamp(16px, 0.3755868545vw + 14.5915492958px, 20px);
  font-weight: 700;
  color: var(--color-green);
}

.seasonal-archive_item-text {
  line-height: 2;
}

.seasonal-archive_item-detail {
  display: flex;
  flex-wrap: wrap;
}

.seasonal-archive_item-detail-item {
  width: 50%;
  border-top: 1px solid var(--color-black);
  padding-block: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  font-weight: 700;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
}
.seasonal-archive_item-detail-item:nth-of-type(-n + 2) {
  padding-inline: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
}
.seasonal-archive_item-detail-item:nth-of-type(2) {
  border-left: 1px solid var(--color-black);
}
.seasonal-archive_item-detail-item:nth-of-type(3) {
  width: 100%;
  border-bottom: 1px solid var(--color-black);
}

.seasonal-archive_item-detail-item-area {
  display: flex;
  align-items: center;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  flex: 1;
}
.seasonal-archive_item-detail-item-area span {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 1.3145539906vw + 45.0704225352px, 64px);
  height: clamp(20px, 0.7511737089vw + 17.1830985915px, 28px);
  padding-bottom: clamp(2px, 0.0938967136vw + 1.6478873239px, 3px);
  display: grid;
  place-items: center;
  font-size: clamp(10px, 0.3755868545vw + 8.5915492958px, 14px);
  padding-top: 1px;
  font-weight: 700;
  position: relative;
}
.seasonal-archive_item-detail-item-area span:nth-of-type(1) {
  background-color: #e63278;
}
.seasonal-archive_item-detail-item-area span:nth-of-type(2) {
  background-color: #ec6c00;
}
.seasonal-archive_item-detail-item-area span:nth-of-type(3) {
  background-color: #a64a98;
}
.seasonal-archive_item-detail-item-area span:nth-of-type(4) {
  background-color: #00a83c;
}
.seasonal-archive_item-detail-item-area span:nth-of-type(n + 2):before {
  content: "";
  position: absolute;
  width: clamp(4px, 0.3755868545vw + 2.5915492958px, 8px);
  height: clamp(8px, 0.4694835681vw + 6.2394366197px, 13px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--color-black);
  top: 50%;
  left: calc(clamp(7px, 0.5633802817vw + 4.8873239437px, 13px) * -1);
  translate: 0 -50%;
}

.seasonal-archive_item-btn {
  margin-top: auto;
  padding: clamp(13px, 0.2816901408vw + 11.9436619718px, 16px) clamp(33px, 0.6572769953vw + 30.5352112676px, 40px);
  font-size: clamp(14px, 0.3755868545vw + 12.5915492958px, 18px);
  font-weight: 500;
  max-width: 100%;
}
.seasonal-archive_item-btn > img {
  right: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  width: clamp(18px, 0.1877934272vw + 17.2957746479px, 20px);
}

/* ===============================================
#アクセスページ
=============================================== */
.access_map-container {
  width: 100%;
}

.access_map-scroll {
  overflow-x: auto;
  width: 100%;
}

.access_map {
  border-radius: clamp(20px, 1.8779342723vw + 12.9577464789px, 40px);
  width: 100%;
}
@media (width <= 767px) {
  .access_map {
    min-width: 600px;
    display: block;
  }
}

.access_heading {
  padding-bottom: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  border-bottom: clamp(3px, 0.2816901408vw + 1.9436619718px, 6px) solid #eae4f2;
  font-size: clamp(18px, 1.1267605634vw + 13.7746478873px, 30px);
  font-weight: 700;
  position: relative;
}
.access_heading::after {
  content: "";
  position: absolute;
  bottom: calc(clamp(3px, 0.2816901408vw + 1.9436619718px, 6px) * -1);
  left: 0;
  display: block;
  width: clamp(100px, 9.3896713615vw + 64.7887323944px, 200px);
  height: clamp(3px, 0.2816901408vw + 1.9436619718px, 6px);
  background: #947abe;
}

.access_train-container {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (width <= 1023px) {
  .access_train-container {
    flex-direction: column;
    max-width: 400px;
    margin-inline: auto;
  }
}

.access_train-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex: 1;
  width: 100%;
}
@media (width <= 1023px) {
  .access_train-block {
    flex-direction: row;
    justify-content: space-between;
  }
}

.access_train-item {
  display: flex;
}
@media (width <= 1023px) {
  .access_train-item {
    flex-direction: column;
    width: 80px;
  }
}

.access_train-station {
  background: #fff;
  border: 2px solid #947abe;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
}
@media (1024px <= width) {
  .access_train-station {
    width: 53.6%;
  }
}
@media (width <= 1023px) {
  .access_train-station {
    height: clamp(210px, 3.7558685446vw + 195.9154929577px, 250px);
    flex-direction: column;
  }
}
.access_train-station small {
  font-size: clamp(14px, 0.3755868545vw + 12.5915492958px, 18px);
}
@media (width <= 1023px) {
  .access_train-station small {
    writing-mode: vertical-rl;
  }
}

.access_train-time-box {
  position: relative;
}
@media (1024px <= width) {
  .access_train-time-box {
    width: 46.4%;
  }
}
@media (width <= 1023px) {
  .access_train-time-box {
    height: clamp(180px, 6.5727699531vw + 155.3521126761px, 250px);
  }
}

.access_train-time-text {
  position: absolute;
  top: 0;
  font-size: clamp(12px, 0.3755868545vw + 10.5915492958px, 16px);
  font-weight: 700;
  color: #947abe;
  white-space: nowrap;
  text-align: center;
}
@media (1024px <= width) {
  .access_train-time-text {
    left: 50%;
    translate: -50% 0;
    width: 100%;
  }
}
@media (width <= 1023px) {
  .access_train-time-text {
    writing-mode: vertical-rl;
    text-orientation: upright;
    height: 100%;
    right: 0;
  }
}

.access_train-time {
  position: absolute;
  font-size: clamp(12px, 0.3755868545vw + 10.5915492958px, 16px);
  font-weight: 700;
  background-color: #eae4f2;
  text-align: center;
  padding: 1px 0 2px;
}
@media (1024px <= width) {
  .access_train-time {
    width: 100%;
    top: 50%;
    left: 0;
    translate: 0 -50%;
  }
}
@media (width <= 1023px) {
  .access_train-time {
    writing-mode: vertical-rl;
    text-orientation: upright;
    top: 0;
    left: 50%;
    translate: -50% 0;
    height: 100%;
    padding-block: 3px;
  }
}

.access_train-center-block {
  background: #fff;
  border: 2px solid #947abe;
  width: 80px;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
}
@media (width <= 1023px) {
  .access_train-center-block {
    width: 100%;
    height: 50px;
    flex-direction: row;
  }
}

.access_train-center-area {
  background-color: #e63278;
  color: #fef200;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  padding: clamp(2px, 0.1877934272vw + 1.2957746479px, 4px) clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  height: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  width: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media (width <= 1023px) {
  .access_train-center-area {
    writing-mode: horizontal-tb;
    width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
    height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  }
}

.access_train-center-text {
  font-size: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
}
@media (1024px <= width) {
  .access_train-center-text {
    writing-mode: vertical-rl;
  }
}

.access_train-station-area {
  color: #fef200;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
  padding: clamp(2px, 0.1877934272vw + 1.2957746479px, 4px) clamp(10px, 0.7511737089vw + 7.1830985915px, 18px);
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media (width <= 1023px) {
  .access_train-station-area {
    height: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
    width: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
    writing-mode: vertical-rl;
  }
}
.access_train-station-area.green {
  background-color: #00a83c;
}
.access_train-station-area.orange {
  background-color: #ec6c00;
}
.access_train-station-area.purple {
  background-color: #a64a98;
}

.access_train-station-text {
  font-size: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
}
@media (width <= 1023px) {
  .access_train-station-text {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}

/* ===============================================
#とっておき一覧ページ
=============================================== */
.local-filter_tab-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(10px, 2.8169014085vw + -0.5633802817px, 40px);
  justify-content: center;
  padding: 0 clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
}

.local-filter_tab-btn {
  font-size: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  font-weight: 700;
  color: #448aca;
  background: #dceaf6;
  border-radius: 10px 10px 0 0;
  padding: clamp(10px, 0.4694835681vw + 8.2394366197px, 15px);
  text-align: center;
  transition: background var(--duration), color var(--duration);
}
.local-filter_tab-btn:hover {
  opacity: 1;
  background: #448aca;
  color: #fff;
}
.local-filter_tab-btn.active {
  background: #448aca;
  color: #fff;
}

.local-filter_contents {
  border: 2px solid #448aca;
  border-radius: clamp(8px, 0.1877934272vw + 7.2957746479px, 10px);
}

.local-filter_contents-item {
  display: none;
}
.local-filter_contents-item.active {
  display: block;
}

.local-filter_contents-tags {
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, 2.8169014085vw + -0.5633802817px, 40px);
  justify-content: center;
}

.local-filter_contents-tag {
  width: calc(20% - clamp(10px, 2.8169014085vw + -0.5633802817px, 40px) * 4 / 5);
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
}
@media (width <= 767px) {
  .local-filter_contents-tag {
    width: calc(33.3333333333% - clamp(10px, 2.8169014085vw + -0.5633802817px, 40px) * 2 / 3);
  }
}

.local-filter_contents-tag-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(4px, 0.5633802817vw + 1.8873239437px, 10px);
  background: #fff;
  color: #448aca;
  border: 2px solid #448aca;
  border-radius: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  padding: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  transition: background var(--duration), color var(--duration);
}
.local-filter_contents-tag-text svg {
  width: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
}
.local-filter_contents-tag-text:hover, .local-filter_contents-tag-text[data-select=true] {
  opacity: 1;
  background: #448aca;
  color: #fff;
}

.local-filter_contents-area-box {
  padding: 40px 0;
  position: relative;
}
@media (width <= 767px) {
  .local-filter_contents-area-box {
    padding: 30px 0;
    max-width: 320px;
    margin-inline: auto;
  }
}

.local-filter_contents-area-image {
  width: 177px;
  display: block;
}
@media (768px <= width) {
  .local-filter_contents-area-image {
    width: clamp(177px, 16.6197183099vw + 114.676056338px, 354px);
    margin-inline: auto;
  }
}

.local-filter_contents-area-btn {
  font-size: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  font-weight: 700;
  padding: clamp(2px, 0.7511737089vw + -0.8169014085px, 10px);
  border-radius: clamp(4px, 0.5633802817vw + 1.8873239437px, 10px);
  width: clamp(100px, 13.1455399061vw + 50.7042253521px, 240px);
  text-align: center;
  transition: background-color var(--duration), color var(--duration);
  background-color: #fff;
  position: absolute;
}
@media (width <= 767px) {
  .local-filter_contents-area-btn {
    width: 100px;
    right: 10px;
    padding: 2px 2px 3px;
  }
}
.local-filter_contents-area-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  height: 2px;
}
@media (width <= 767px) {
  .local-filter_contents-area-btn:before {
    right: 100%;
  }
}
.local-filter_contents-area-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: clamp(6px, 0.5633802817vw + 3.8873239437px, 12px);
  aspect-ratio: 1;
  border-radius: 50%;
}
.local-filter_contents-area-btn:hover, .local-filter_contents-area-btn[data-select=true] {
  opacity: 1;
}
.local-filter_contents-area-btn:hover.pink, .local-filter_contents-area-btn:hover.orange, .local-filter_contents-area-btn:hover.purple, .local-filter_contents-area-btn:hover.green, .local-filter_contents-area-btn[data-select=true].pink, .local-filter_contents-area-btn[data-select=true].orange, .local-filter_contents-area-btn[data-select=true].purple, .local-filter_contents-area-btn[data-select=true].green {
  color: #fef200;
}
.local-filter_contents-area-btn.pink {
  border: 2px solid #e63278;
  color: #e63278;
}
.local-filter_contents-area-btn.pink::before, .local-filter_contents-area-btn.pink::after {
  background-color: #e63278;
}
@media (width <= 767px) {
  .local-filter_contents-area-btn.pink {
    top: 122px;
  }
  .local-filter_contents-area-btn.pink:before {
    width: 180px;
  }
  .local-filter_contents-area-btn.pink::after {
    left: -180px;
  }
}
@media (768px <= width) {
  .local-filter_contents-area-btn.pink {
    top: 80px;
    left: calc(50% - clamp(180px, 30.0469483568vw + 67.323943662px, 500px));
  }
  .local-filter_contents-area-btn.pink:before {
    left: 100%;
    width: clamp(100px, 18.779342723vw + 29.5774647887px, 300px);
  }
  .local-filter_contents-area-btn.pink::after {
    right: calc(clamp(100px, 18.779342723vw + 29.5774647887px, 300px) * -1);
  }
}
.local-filter_contents-area-btn.pink:hover, .local-filter_contents-area-btn.pink[data-select=true] {
  background-color: #e63278;
}
.local-filter_contents-area-btn.orange {
  border: 2px solid #ec6c00;
  color: #ec6c00;
}
.local-filter_contents-area-btn.orange::before, .local-filter_contents-area-btn.orange::after {
  background-color: #ec6c00;
}
@media (width <= 767px) {
  .local-filter_contents-area-btn.orange {
    top: 83px;
  }
  .local-filter_contents-area-btn.orange:before {
    width: 90px;
  }
  .local-filter_contents-area-btn.orange::after {
    left: -90px;
  }
}
@media (768px <= width) {
  .local-filter_contents-area-btn.orange {
    top: clamp(100px, 3.7558685446vw + 85.9154929577px, 140px);
    right: calc(50% - clamp(220px, 26.2910798122vw + 121.4084507042px, 500px));
  }
  .local-filter_contents-area-btn.orange:before {
    right: 100%;
    width: clamp(100px, 5.6338028169vw + 78.8732394366px, 160px);
  }
  .local-filter_contents-area-btn.orange::after {
    left: calc(clamp(100px, 5.6338028169vw + 78.8732394366px, 160px) * -1);
  }
}
.local-filter_contents-area-btn.orange:hover, .local-filter_contents-area-btn.orange[data-select=true] {
  background-color: #ec6c00;
}
.local-filter_contents-area-btn.purple {
  border: 2px solid #a64a98;
  color: #a64a98;
}
.local-filter_contents-area-btn.purple::before, .local-filter_contents-area-btn.purple::after {
  background-color: #a64a98;
}
@media (width <= 767px) {
  .local-filter_contents-area-btn.purple {
    top: 44px;
  }
  .local-filter_contents-area-btn.purple:before {
    width: 48px;
  }
  .local-filter_contents-area-btn.purple::after {
    left: -48px;
  }
}
@media (768px <= width) {
  .local-filter_contents-area-btn.purple {
    top: clamp(60px, 1.8779342723vw + 52.9577464789px, 80px);
    right: calc(50% - clamp(220px, 26.2910798122vw + 121.4084507042px, 500px));
  }
  .local-filter_contents-area-btn.purple:before {
    right: 100%;
    width: clamp(50px, 5.6338028169vw + 28.8732394366px, 110px);
  }
  .local-filter_contents-area-btn.purple::after {
    left: calc(clamp(50px, 5.6338028169vw + 28.8732394366px, 110px) * -1);
  }
}
.local-filter_contents-area-btn.purple:hover, .local-filter_contents-area-btn.purple[data-select=true] {
  background-color: #a64a98;
}
.local-filter_contents-area-btn.green {
  color: #00a83c;
  border: 2px solid #00a83c;
}
.local-filter_contents-area-btn.green::before, .local-filter_contents-area-btn.green::after {
  background-color: #00a83c;
}
@media (width <= 767px) {
  .local-filter_contents-area-btn.green {
    top: 161px;
  }
  .local-filter_contents-area-btn.green:before {
    width: 180px;
  }
  .local-filter_contents-area-btn.green::after {
    left: -180px;
  }
}
@media (768px <= width) {
  .local-filter_contents-area-btn.green {
    bottom: 80px;
    left: calc(50% - clamp(180px, 30.0469483568vw + 67.323943662px, 500px));
  }
  .local-filter_contents-area-btn.green:before {
    left: 100%;
    width: clamp(40px, 10.3286384977vw + 1.2676056338px, 150px);
  }
  .local-filter_contents-area-btn.green::after {
    right: calc(clamp(40px, 10.3286384977vw + 1.2676056338px, 150px) * -1);
  }
}
.local-filter_contents-area-btn.green:hover, .local-filter_contents-area-btn.green[data-select=true] {
  background-color: #00a83c;
}

.local-filter_btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 4.6948356808vw + -7.6056338028px, 60px);
}

.local-filter_reset-btn {
  font-size: clamp(15px, 0.2816901408vw + 13.9436619718px, 18px);
  max-width: 240px;
  padding: clamp(10px, 0.6572769953vw + 7.5352112676px, 17px);
  margin: 0;
  font-weight: 500;
  color: var(--color-black);
  background-color: #dcdcdc;
}

.local-filter_search-btn {
  font-size: clamp(16px, 0.1877934272vw + 15.2957746479px, 18px);
  max-width: 240px;
  padding: clamp(10px, 0.6572769953vw + 7.5352112676px, 17px);
  margin: 0;
  font-weight: 500;
  background-color: #e60012;
}

.local-archive_results-box {
  font-family: var(--font-family-serif);
  font-weight: 700;
  font-size: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
  letter-spacing: var(--ls-large);
  padding-bottom: clamp(10px, 0.3755868545vw + 8.5915492958px, 14px);
  border-bottom: 1px solid var(--color-black);
}
.local-archive_results-box b {
  color: #e60012;
}

.local-archive_item-box {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px) clamp(10px, 1.8779342723vw + 2.9577464789px, 30px);
}

.local-archive_item {
  background: #dceaf6;
  padding: 10px;
  border-radius: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (768px <= width) {
  .local-archive_item {
    width: calc(50% - clamp(10px, 1.8779342723vw + 2.9577464789px, 30px) * 1 / 2);
  }
}
@media (1024px <= width) {
  .local-archive_item {
    width: calc(33.3333333333% - clamp(10px, 1.8779342723vw + 2.9577464789px, 30px) * 2 / 3);
  }
}

.local-archive_item-img {
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: clamp(5px, 0.4694835681vw + 3.2394366197px, 10px);
  position: relative;
}
.local-archive_item-img img {
  width: 100%;
  height: 100%;
}
.local-archive_item-img img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.local-archive_item-img img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}

.local-archive_area {
  position: absolute;
  top: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  right: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  z-index: 3;
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(1px, 0.0938967136vw + 0.6478873239px, 2px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
}
.local-archive_area.pink {
  background: #e63278;
}
.local-archive_area.orange {
  background: #ec6c00;
}
.local-archive_area.purple {
  background: #a64a98;
}
.local-archive_area.green {
  background: #00a83c;
}

.local-archive_item-body {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 1.4084507042vw + 9.7183098592px, 30px);
  padding: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  flex: 1;
  height: 100%;
}

.local-archive_item-tag-box {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(6px, 0.3755868545vw + 4.5915492958px, 10px);
  position: relative;
  padding-right: clamp(50px, 0.9389671362vw + 46.4788732394px, 60px);
}

.local-archive_item-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(4px, 0.5633802817vw + 1.8873239437px, 10px);
  background: #448aca;
  color: #fff;
  border-radius: 50vw;
  padding: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px) clamp(14px, 0.5633802817vw + 11.8873239437px, 20px);
  font-family: var(--font-family-serif);
  font-weight: 900;
  white-space: nowrap;
}
.local-archive_item-tag svg {
  width: clamp(16px, 0.1877934272vw + 15.2957746479px, 18px);
}
.local-archive_item-tag span {
  flex: 1;
  position: relative;
  bottom: 1px;
}

.local-archive_item-title {
  font-size: clamp(16px, 0.3755868545vw + 14.5915492958px, 20px);
  font-weight: 700;
  color: #448aca;
}

.local-archive_item-btn {
  margin-top: auto;
  padding: clamp(13px, 0.2816901408vw + 11.9436619718px, 16px) clamp(33px, 0.6572769953vw + 30.5352112676px, 40px);
  font-size: clamp(14px, 0.3755868545vw + 12.5915492958px, 18px);
  font-weight: 500;
  max-width: 100%;
}
.local-archive_item-btn img {
  right: clamp(15px, 0.4694835681vw + 13.2394366197px, 20px);
  width: clamp(18px, 0.1877934272vw + 17.2957746479px, 20px);
}

.local-archive_pickup {
  position: absolute;
  top: 0;
  right: 38px;
  width: clamp(50px, 3.7558685446vw + 35.9154929577px, 90px);
  z-index: 2;
}
@media (768px <= width) {
  .local-archive_pickup {
    right: 25px;
  }
}

/* ===============================================
#とっておき詳細モーダル
=============================================== */
.local-archive_contents {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.749);
  z-index: 200;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding-block: clamp(40px, 5.6338028169vw + 18.8732394366px, 100px);
  transition: opacity var(--duration), visibility var(--duration);
  opacity: 0;
  visibility: hidden;
}
.local-archive_contents:not(:nth-of-type(2)) {
  display: none;
}
.local-archive_contents.is-show {
  opacity: 1;
  visibility: visible;
}

.local-archive_content {
  background: #fff;
  border-radius: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  padding: clamp(20px, 3.7558685446vw + 5.9154929577px, 60px);
  width: 88.267%;
  max-width: clamp(600px, 22.5352112676vw + 515.4929577465px, 840px);
  position: relative;
}

.local-archive_content-body {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 2.8169014085vw + 19.4366197183px, 60px);
}
.local-archive_content-body .local-archive_item-tag-box {
  padding-right: clamp(90px, 3.2863849765vw + 77.676056338px, 125px);
}

.local-archive_content-close-icon {
  position: absolute;
  top: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  right: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  width: clamp(40px, 1.8779342723vw + 32.9577464789px, 60px);
  aspect-ratio: 1;
  background: #c8c8c8;
  border-radius: 50%;
  cursor: pointer;
}
.local-archive_content-close-icon::before, .local-archive_content-close-icon::after {
  content: "";
  position: absolute;
  width: clamp(16px, 1.3145539906vw + 11.0704225352px, 30px);
  height: 2px;
  background: #000;
  top: 50%;
  translate: -50% -50%;
  left: 50%;
}
.local-archive_content-close-icon::before {
  transform: rotate(45deg);
}
.local-archive_content-close-icon::after {
  transform: rotate(-45deg);
}

.local-archive_content-title {
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 0.5633802817vw + 7.8873239437px, 16px);
  padding-right: clamp(90px, 3.2863849765vw + 77.676056338px, 125px);
}

.local-archive_content-area {
  color: #fef200;
  border-radius: clamp(4px, 0.1877934272vw + 3.2957746479px, 6px);
  width: clamp(50px, 2.8169014085vw + 39.4366197183px, 80px);
  height: clamp(24px, 1.1267605634vw + 19.7746478873px, 36px);
  padding-bottom: clamp(1px, 0.0938967136vw + 0.6478873239px, 2px);
  display: grid;
  place-items: center;
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
  font-weight: 700;
}
.local-archive_content-area.pink {
  background: #e63278;
}
.local-archive_content-area.orange {
  background: #ec6c00;
}
.local-archive_content-area.purple {
  background: #a64a98;
}
.local-archive_content-area.green {
  background: #00a83c;
}

.local-archive_content-title-text {
  font-size: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
  font-weight: 700;
  flex: 1;
}

.local-archive_content-slide .splide__slide {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
}
.local-archive_content-slide .local-archive_content-slide-img {
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: clamp(10px, 0.9389671362vw + 6.4788732394px, 20px);
  position: relative;
}
.local-archive_content-slide .local-archive_content-slide-img img {
  width: 100%;
  height: 100%;
}
.local-archive_content-slide .local-archive_content-slide-img img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  filter: blur(10px);
}
.local-archive_content-slide .local-archive_content-slide-img img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
}
.local-archive_content-slide .splide__arrows {
  position: absolute;
  top: clamp(160px, 1.4084507042vw + 154.7183098592px, 175px);
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 767px) {
  .local-archive_content-slide .splide__arrows {
    left: -15px;
    width: calc(100% + 32px);
    top: clamp(86px, 23.8497652582vw + -3.4366197183px, 340px);
  }
}
.local-archive_content-slide .splide__arrows .splide__arrow {
  background: var(--color-blue);
}
.local-archive_content-slide .splide__arrows .splide__arrow:after {
  border-color: #fff;
}

.local-archive_content-slide-caption {
  color: #448aca;
  text-align: center;
  font-size: clamp(15px, 0.2816901408vw + 13.9436619718px, 18px);
  font-weight: 700;
}

.local-archive_content-slide-caption-description {
  font-size: clamp(12px, 0.1877934272vw + 11.2957746479px, 14px);
  text-align: center;
  line-height: 2;
}

.local-archive_detail-title {
  border-top: 1px solid #448aca;
  border-bottom: 1px solid #448aca;
  color: #448aca;
  font-size: clamp(18px, 0.5633802817vw + 15.8873239437px, 24px);
  padding: clamp(8px, 0.3755868545vw + 6.5915492958px, 12px) 0;
  text-align: center;
}

.local-archive_detail-table th,
.local-archive_detail-table td {
  border: 4px solid #fff;
  padding: clamp(10px, 0.3755868545vw + 8.5915492958px, 14px) clamp(8px, 0.7511737089vw + 5.1830985915px, 16px);
  vertical-align: middle;
}
.local-archive_detail-table th {
  background: #dceaf6;
  width: 28%;
  white-space: nowrap;
}
.local-archive_detail-table th span::before {
  content: "";
  width: clamp(6px, 0.1877934272vw + 5.2957746479px, 8px);
  aspect-ratio: 1;
  background: #448aca;
  border-radius: 50%;
  display: inline-block;
  margin-right: clamp(3px, 0.0938967136vw + 2.6478873239px, 4px);
  position: relative;
  top: -2px;
}
.local-archive_detail-table td {
  background: #f0f0f0;
  width: 72%;
}
.local-archive_detail-table td .btn_blank {
  font-size: clamp(12px, 0.5633802817vw + 9.8873239437px, 18px);
}

/* ===============================================
#エラーページ
=============================================== */
.error_inner {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

.error_text {
  text-align: center;
  font-size: clamp(24px, 0.7511737089vw + 21.1830985915px, 32px);
  font-weight: 700;
  color: var(--color-blue);
}