@charset "UTF-8";
@font-face {
  font-family: "Kanata-kanji";
  src: url("../font/Kanata-kanji.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --scale: 0.0694444444vw;
  --max: 1;
}
@media screen and (max-width: 767px) {
  :root {
    --scale: 0.2666666667vw;
    --max: 10;
  }
}

/* リセットCSS
===================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 1.6;
  font-weight: 500;
  background: #fff;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

li, dd {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}

input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: #fff;
}

select {
  color: inherit;
  cursor: pointer;
}
select:focus {
  outline: none;
}

/*------------------------------
common
------------------------------*/
body {
  word-break: break-all;
  color: #3d3d3d;
  line-height: normal;
  font-family: "TsukuARdGothicStd-B";
}
body.is-active {
  position: fixed;
  width: 100%;
  left: 0;
  height: 100%;
  overflow-y: scroll; /* スクロールバー補完 */
}

html {
  font-size: 100%;
}

/* スマホ用の表示の時はis-pcは非表示 */
@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
/* PC用の表示の時はis-spは非表示 */
@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
main {
  background: #fbfaf6;
}
@media (max-width: 767px) {
  main {
    padding-top: 0;
  }
}

.content__wrap {
  overflow-y: clip;
}

/* コンテンツ幅
------------------------------*/
.inner {
  margin-inline: auto;
  width: min(calc(1120 * var(--scale)), calc(1120px * var(--max)));
}
@media screen and (max-width: 767px) {
  .inner {
    width: min(calc(340 * var(--scale)), calc(340px * var(--max)));
  }
}

/*------------------------------
header
------------------------------*/
header {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .header__inner {
    width: min(calc(1300 * var(--scale)), calc(1300px * var(--max)));
  }
}

.header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__logo {
  width: min(calc(420 * var(--scale)), calc(420px * var(--max)));
  padding-left: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  transform: translateY(3%);
  transition: transform 0.3s;
}
@media (hover: hover) {
  .header__logo:hover {
    transform: translateY(3%) scale(1.1);
  }
  .header__logo:hover a {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .header__logo {
    width: min(calc(150 * var(--scale)), calc(150px * var(--max)));
    width: min(calc(190 * var(--scale)), calc(190px * var(--max)));
    padding-left: 0;
    z-index: 300;
  }
}

.header__nav {
  width: calc(864 / 1300 * 100%);
  padding: min(calc(20 * var(--scale)), calc(20px * var(--max))) min(calc(60 * var(--scale)), calc(60px * var(--max)));
  padding-right: 0;
  border-radius: min(calc(50 * var(--scale)), calc(50px * var(--max)));
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .header__nav {
    display: none;
  }
}

.header__menu {
  display: flex;
  gap: 0 min(calc(18 * var(--scale)), calc(18px * var(--max)));
}

.header__item a {
  display: inline-block;
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  letter-spacing: 0.05em;
}

.header__item--top {
  color: #00685f;
}

.drawer-icon {
  width: min(calc(40 * var(--scale)), calc(40px * var(--max)));
  background: url(../img/common/drawer-icon.png) no-repeat center center/100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  box-shadow: 0 4px 4px rgba(187, 187, 187, 0.25);
  z-index: 300;
  display: none;
  transition: transform 0.5s ease 0s;
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  .drawer-icon {
    display: block;
    transform: translate(3%, 10%);
  }
}
.drawer-icon.is-active {
  background: url(../img/common/drawer-icon_close.png) no-repeat center center/100%;
  border-radius: unset;
  box-shadow: unset;
  width: min(calc(30 * var(--scale)), calc(30px * var(--max)));
}

.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background: #fff;
  z-index: 299;
  transform: translateX(105%);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain; /* scroll伝番防止 */
}
.drawer-content.is-active {
  transform: translateX(0);
}

.drawer-logo {
  width: min(calc(150 * var(--scale)), calc(150px * var(--max)));
  position: absolute;
  top: 0;
  left: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  display: none;
}

.drawer-content-body {
  position: relative;
  padding: min(calc(134 * var(--scale)), calc(134px * var(--max))) 0 min(calc(50 * var(--scale)), calc(50px * var(--max)));
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
}
.drawer-content-body::before {
  content: "";
  position: absolute;
  background: url(../img/common/line_drawer.png) no-repeat center center/100%;
  aspect-ratio: 950/1955;
  transform: translate(-1%, -10%);
  width: min(calc(480 * var(--scale)), calc(480px * var(--max)));
  right: 0%;
  top: 0%;
  pointer-events: none;
}

.drawer-menu {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: min(calc(40 * var(--scale)), calc(40px * var(--max))) 0;
}

.drawer__item a {
  display: inline-block;
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
}

.drawer__item--top {
  color: #00685f;
}

.drawer-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.8);
  z-index: 298;
  display: none;
}
.drawer-background.is-active {
  display: block;
}

/*------------------------------
footer
------------------------------*/
footer {
  background: #fbfaf6 url(../img/footer-bg.png) no-repeat center top/100%;
  position: relative;
  overflow-x: clip;
  z-index: 10;
}
footer > .inner {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  footer {
    background: url(../img/footer-bg.png) no-repeat min(calc(60 * var(--scale)), calc(60px * var(--max))) top/min(calc(493 * var(--scale)), calc(493px * var(--max))), linear-gradient(to bottom, #fbfaf6 0% 20%, #fff 20% 100%);
    padding-top: min(calc(205 * var(--scale)), calc(205px * var(--max)));
  }
  footer > .inner {
    position: relative;
    z-index: 10;
  }
}

.footer__content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0 min(calc(55 * var(--scale)), calc(55px * var(--max)));
  padding: min(calc(196 * var(--scale)), calc(196px * var(--max))) 0 0;
  padding-left: min(calc(560 * var(--scale)), calc(560px * var(--max)));
  padding-left: 0;
}
@media (min-width: 768px) {
  .footer__content {
    margin-left: min(calc(560 * var(--scale)), calc(560px * var(--max)));
  }
}
@media (max-width: 767px) {
  .footer__content {
    flex-direction: column;
    gap: min(calc(22 * var(--scale)), calc(22px * var(--max))) 0;
    padding: 0;
  }
}

.footer__brand {
  background: #f9f6e0;
  box-shadow: 0px 0px 18.4824px rgba(231, 208, 171, 0.2);
  border-radius: 0 min(calc(167 * var(--scale)), calc(167px * var(--max))) min(calc(167 * var(--scale)), calc(167px * var(--max))) 0;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(-24%, 4%);
  width: min(calc(660 * var(--scale)), calc(660px * var(--max)));
  padding: min(calc(20 * var(--scale)), calc(20px * var(--max))) 0 min(calc(65 * var(--scale)), calc(65px * var(--max)));
  padding-left: min(calc(146 * var(--scale)), calc(146px * var(--max)));
}
.footer__brand::before {
  content: "";
  position: absolute;
  background: url(../img/common/line_footer.png) no-repeat center center/100%;
  aspect-ratio: 2674/1835;
  width: min(calc(1331 * var(--scale)), calc(1331px * var(--max)));
  transform: translate(0.4%, -25.5%);
  left: 0%;
  top: 0%;
  pointer-events: none;
  z-index: 8;
}
.footer__brand > * {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .footer__brand {
    width: min(calc(277 * var(--scale)), calc(277px * var(--max)));
    padding: min(calc(16 * var(--scale)), calc(16px * var(--max))) min(calc(22 * var(--scale)), calc(22px * var(--max))) min(calc(22 * var(--scale)), calc(22px * var(--max)));
    transform: translate(-6%, -111%);
    border-radius: 0 min(calc(88 * var(--scale)), calc(88px * var(--max))) min(calc(88 * var(--scale)), calc(88px * var(--max))) 0;
  }
  .footer__brand::before {
    background: url(../img/common/line_footer_sp.png) no-repeat center top/cover;
    aspect-ratio: 724/1823;
    left: 0;
    top: 0%;
    width: min(calc(362 * var(--scale)), calc(362px * var(--max)));
    transform: translate(0%, -13.7%);
  }
}

.footer__name {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  font-size: min(calc(23 * var(--scale)), calc(23px * var(--max)));
  font-weight: 700;
  padding: 0.5em;
  padding-left: 6.4em;
  background: #f3c359;
}
.footer__name::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #f3c359;
  width: 100vw;
  height: 100%;
  display: none;
}
.footer__name span {
  position: relative;
  color: #fff;
}
@media (max-width: 767px) {
  .footer__name {
    font-size: min(calc(12 * var(--scale)), calc(12px * var(--max)));
    letter-spacing: -0.03em;
    padding: 0.6em 1em;
    padding-left: 1.5em;
    transform: translateY(-13%);
  }
}

.footer__catch {
  position: relative;
  width: min(calc(383 * var(--scale)), calc(383px * var(--max)));
}
@media (max-width: 767px) {
  .footer__catch {
    width: min(calc(206 * var(--scale)), calc(206px * var(--max)));
  }
}

.footer__company {
  padding-left: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  position: relative;
}
.footer__company::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, #d9d9d9 0 80%, #e49f00 80% 100%);
  width: min(calc(2 * var(--scale)), calc(2px * var(--max)));
  left: 2.6%;
  height: 80%;
}
@media (max-width: 767px) {
  .footer__company {
    padding-left: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
}

.footer__logo {
  display: block;
  width: min(calc(350 * var(--scale)), calc(350px * var(--max)));
  transition: transform 0.3s;
}
@media (min-width: 768px) and (hover: hover) {
  .footer__logo:hover {
    transform: scale(1.1);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .footer__logo {
    width: min(calc(170 * var(--scale)), calc(170px * var(--max)));
    transform: translateX(5%);
  }
}

.footer__operator {
  font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  font-weight: 700;
  color: #e49f00;
  padding-left: 1.3em;
  margin-top: -0.6em;
  display: block;
}
@media (max-width: 767px) {
  .footer__operator {
    font-size: min(calc(12 * var(--scale)), calc(12px * var(--max)));
  }
}

.footer__body {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer__body {
    width: 100%;
    flex-direction: column;
    gap: min(calc(20 * var(--scale)), calc(20px * var(--max))) 0;
  }
}

.footer__area {
  width: min(calc(160 * var(--scale)), calc(160px * var(--max)));
  display: block;
  transition: transform 0.3s;
}
@media (min-width: 768px) and (hover: hover) {
  .footer__area:hover {
    transform: scale(1.1);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .footer__area {
    width: min(calc(104 * var(--scale)), calc(104px * var(--max)));
    margin: 0 auto;
  }
}

.footer__nav {
  display: flex;
  justify-content: flex-start;
  gap: 0 min(calc(66 * var(--scale)), calc(66px * var(--max)));
  width: 62%;
}
@media (max-width: 767px) {
  .footer__nav {
    width: 91%;
    margin: 0 auto;
    gap: 0 min(calc(50 * var(--scale)), calc(50px * var(--max)));
  }
}

.footer__menu {
  display: flex;
  flex-direction: column;
  gap: min(calc(28 * var(--scale)), calc(28px * var(--max))) 0;
}
.footer__menu li {
  line-height: 1;
}
.footer__menu li a {
  display: block;
}
@media (max-width: 767px) {
  .footer__menu {
    gap: min(calc(22 * var(--scale)), calc(22px * var(--max))) 0;
  }
}

.footer__item a {
  display: inline-block;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 400;
  font-family: "DNPShueiGoGinStd-L";
}
@media (max-width: 767px) {
  .footer__item a {
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
    letter-spacing: 0.05em;
  }
}

.footer__item--top a {
  color: #00685f;
}

.footer__bottom {
  padding: min(calc(114 * var(--scale)), calc(114px * var(--max))) 0 min(calc(80 * var(--scale)), calc(80px * var(--max)));
  background: #fff;
}
@media (max-width: 767px) {
  .footer__bottom {
    padding: min(calc(22 * var(--scale)), calc(22px * var(--max))) 0;
    padding: 4% 0;
  }
}

.footer__instagram {
  width: calc(28 / 1120 * 100%);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .footer__instagram {
    width: min(calc(33 * var(--scale)), calc(33px * var(--max)));
  }
}

.footer__links {
  margin-top: min(calc(26 * var(--scale)), calc(26px * var(--max)));
  display: flex;
  justify-content: center;
  gap: 0 min(calc(36 * var(--scale)), calc(36px * var(--max)));
}
.footer__links li a {
  display: inline-block;
  font-size: min(calc(12 * var(--scale)), calc(12px * var(--max)));
  font-weight: 400;
  font-family: "DNPShueiGoGinStd-L";
}
@media (max-width: 767px) {
  .footer__links {
    flex-direction: column;
    align-items: center;
    gap: min(calc(5 * var(--scale)), calc(5px * var(--max))) 0;
  }
}

.footer__copyright {
  font-size: min(calc(8 * var(--scale)), calc(8px * var(--max)));
  font-weight: 400;
  font-family: "DNPShueiGoGinStd-L";
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 2em;
}
@media (max-width: 767px) {
  .footer__copyright {
    margin-top: min(calc(30 * var(--scale)), calc(30px * var(--max)));
    font-size: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
}

.totop {
  position: absolute;
  background: url(../img/common/totop.svg) no-repeat center center/100%;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%);
  width: min(calc(90 * var(--scale)), calc(90px * var(--max)));
  position: fixed;
  right: 50%;
  transform: translate(770%, 0%);
  bottom: 10px;
  z-index: 500;
  transition: opacity 0.3s;
  opacity: 1;
}
.totop.act {
  opacity: 0;
}
@media (max-width: 767px) {
  .totop {
    transform: translate(70%, 0%);
    width: min(calc(65 * var(--scale)), calc(65px * var(--max)));
    right: 13.9%;
  }
}

/* 下層ページタイトル
------------------------------*/
.c-page-hero {
  background: var(--page-hero-bg) no-repeat center center/cover;
  padding: min(calc(200 * var(--scale)), calc(200px * var(--max))) 0 min(calc(0 * var(--scale)), calc(0px * var(--max)));
  aspect-ratio: 1440/460;
}
@media (max-width: 767px) {
  .c-page-hero {
    padding: min(calc(74 * var(--scale)), calc(74px * var(--max))) 0 min(calc(0 * var(--scale)), calc(0px * var(--max)));
    aspect-ratio: 375/188;
  }
}
.c-page-hero--experiences-oita {
  --page-hero-bg: url("../img/experiences/hero_experiences-oita.webp");
  z-index: 50;
  position: relative;
}
@media (max-width: 767px) {
  .c-page-hero--experiences-oita {
    --page-hero-bg: url("../img/experiences/hero_experiences-oita_sp.webp");
  }
}
.c-page-hero--partners-oita {
  --page-hero-bg: url("../img/hero_partners-oita.webp");
  z-index: 10;
  position: relative;
}
@media (min-width: 768px) {
  .c-page-hero--partners-oita {
    padding-top: min(calc(180 * var(--scale)), calc(180px * var(--max)));
  }
}
.c-page-hero--stories-oita {
  --page-hero-bg: url("../img/hero_stories-oita.webp");
}
@media (max-width: 767px) {
  .c-page-hero--stories-oita {
    padding-top: min(calc(60 * var(--scale)), calc(60px * var(--max)));
  }
}
.c-page-hero--hosts-oita {
  --page-hero-bg: url("../img/hero_hosts-oita.webp");
  z-index: 10;
  position: relative;
}
@media (min-width: 768px) {
  .c-page-hero--about {
    --page-hero-bg: url("../img/hero_about.webp");
    background-size: 139% auto;
    background-position: bottom calc(min(calc(35 * var(--scale)), calc(35px * var(--max))) * -1) left calc(min(calc(258 * var(--scale)), calc(258px * var(--max))) * -1);
    z-index: 10;
    position: relative;
  }
}
@media (max-width: 767px) {
  .c-page-hero--about {
    --page-hero-bg: url("../img/hero_about_sp.webp");
    position: relative;
    z-index: 10;
    background-position: left calc(min(calc(104 * var(--scale)), calc(104px * var(--max))) * -1) center;
  }
}

.c-page-title {
  font-size: min(calc(45 * var(--scale)), calc(45px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  color: #fff;
  text-align: center;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  .c-page-title {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  }
}

.c-page-lead {
  font-size: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  color: #fff;
  text-align: center;
  margin-top: 0.6em;
}
@media (max-width: 767px) {
  .c-page-lead {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

.c-bg-page {
  position: relative;
  overflow-x: clip;
}
.c-bg-page::before {
  content: "";
  position: absolute;
  background: url(../img/line/rep.png) repeat-y top center/100% auto;
  transform: translate(-50%, 0%);
  width: min(calc(1440 * var(--scale)), calc(1440px * var(--max)));
  height: 100%;
  left: 50%;
  top: 0%;
  pointer-events: none;
}
.c-bg-page > * {
  position: relative;
}
.c-bg-page ~ footer {
  margin-top: calc(min(calc(90 * var(--scale)), calc(90px * var(--max))) * -1);
  background: url(../img/footer-bg.png) no-repeat center top/100%;
}
@media (max-width: 767px) {
  .c-bg-page::before {
    background-image: url(../img/line/rep_sp.png);
    aspect-ratio: 751/2126;
    width: 100%;
    transform: translate(-49%, 0%);
  }
  .c-bg-page ~ footer {
    margin-top: calc(min(calc(36 * var(--scale)), calc(36px * var(--max))) * -1);
    background: url(../img/footer-bg.png) no-repeat min(calc(60 * var(--scale)), calc(60px * var(--max))) top/min(calc(493 * var(--scale)), calc(493px * var(--max))), linear-gradient(to bottom, transparent 0% 20%, #fff 20% 100%);
  }
}

.c-page-eclipse {
  position: relative;
}
.c-page-eclipse::after {
  content: "";
  position: absolute;
  background: #fff;
  left: 0%;
  top: 0%;
  width: 100%;
  aspect-ratio: 1440/540; /*  */
  -webkit-mask: linear-gradient(#000 0 0), url("../img/sitemap/mask01.png") center bottom/100% no-repeat;
          mask: linear-gradient(#000 0 0), url("../img/sitemap/mask01.png") center bottom/100% no-repeat;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: 5;
}
.c-page-eclipse > * {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .c-page-eclipse::after {
    max-height: 540px;
  }
}
@media (max-width: 767px) {
  .c-page-eclipse::after {
    -webkit-mask: linear-gradient(#000 0 0), url("../img/sitemap/mask02.png") center bottom/100% no-repeat;
            mask: linear-gradient(#000 0 0), url("../img/sitemap/mask02.png") center bottom/100% no-repeat;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    aspect-ratio: 1/1;
  }
}

.c-page-main-padding {
  padding-top: min(calc(180 * var(--scale)), calc(180px * var(--max)));
}
@media (max-width: 767px) {
  .c-page-main-padding {
    padding-top: min(calc(60 * var(--scale)), calc(60px * var(--max)));
  }
}

/* パンくずリスト
------------------------------*/
.c-breadcrumbs {
  padding-top: min(calc(36 * var(--scale)), calc(36px * var(--max)));
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  .c-breadcrumbs > .inner {
    width: min(calc(1100 * var(--scale)), calc(1100px * var(--max)));
  }
}
@media (max-width: 767px) {
  .c-breadcrumbs {
    padding-top: 2%;
    padding-top: 5%;
  }
}

.c-breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: min(calc(16 * var(--scale)), calc(16px * var(--max))) 0;
}
@media (max-width: 767px) {
  .c-breadcrumbs__list {
    gap: min(calc(2 * var(--scale)), calc(2px * var(--max))) 0;
  }
}

.c-breadcrumbs__item {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  position: relative;
}
.c-breadcrumbs__item:nth-child(n+2) {
  text-indent: min(calc(30 * var(--scale)), calc(30px * var(--max)));
}
.c-breadcrumbs__item:nth-child(n+2)::before {
  content: ">";
  position: absolute;
  top: 0.6em;
  left: -1em;
  transform: translate(0%, -60%);
  font-size: 1.2em;
  color: #000;
}
.c-breadcrumbs__item:last-child {
  color: #00685f;
  pointer-events: none;
}
.c-breadcrumbs__item.c-breadcrumbs__item--clamp {
  flex-shrink: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-breadcrumbs__item {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  }
  .c-breadcrumbs__item:nth-child(n+2) {
    text-indent: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

/* お知らせ一覧
------------------------------*/
@media (max-width: 767px) {
  .c-news-list {
    width: 100%;
    box-shadow: 0 0 10px rgba(231, 208, 171, 0.2);
    background: #fff;
    border-radius: min(calc(30 * var(--scale)), calc(30px * var(--max)));
    padding: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    margin-top: 3%;
  }
}

.c-news-item {
  font-family: "DNPShueiGoGinStd-B";
}
.c-news-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #aaa;
}
@media (max-width: 767px) {
  .c-news-item:last-child a {
    border: none;
  }
  .c-news-item a {
    flex-direction: column;
    gap: min(calc(15 * var(--scale)), calc(15px * var(--max))) 0;
    padding: min(calc(10 * var(--scale)), calc(10px * var(--max))) 0 min(calc(18 * var(--scale)), calc(18px * var(--max)));
  }
}

.c-news-item__date {
  width: calc(154 / 836 * 100%);
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  line-height: 2.8125;
  flex-shrink: 0;
  padding: 0.15em 0;
}
@media (max-width: 767px) {
  .c-news-item__date {
    width: 100%;
    line-height: 1;
    color: #00685f;
  }
}

.c-news-item__heading {
  width: calc(100% - (154 / 836 * 100%));
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  line-height: 2.8125;
  padding-left: 2.4em;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .c-news-item__heading {
    width: 100%;
    line-height: 1;
    padding-left: 0;
  }
}

/* ページネーション
------------------------------*/
.c-pagination {
  margin-top: min(calc(60 * var(--scale)), calc(60px * var(--max)));
  display: flex;
  gap: min(calc(32 * var(--scale)), calc(32px * var(--max)));
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  position: relative;
}
.c-pagination a, .c-pagination span {
  font-family: "TsukuARdGothicStd-B";
}
@media (max-width: 767px) {
  .c-pagination {
    gap: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
}

@media (max-width: 767px) {
  .js .c-pagination--01:not(.is-show) { /* ２ページ目以降は必ず表示 */
    display: none;
  }
}

.page-numbers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  text-decoration: none;
  color: #3d3d3d;
  transition: all 0.2s;
}
@media (max-width: 767px) {
  .page-numbers {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  }
}
.page-numbers:not(.next):not(.prev):not(.dots) {
  color: #fff;
  background: #f6cd5d;
  -webkit-mask: url(../img/experiences/pickup_icon04.svg) center/100% no-repeat;
          mask: url(../img/experiences/pickup_icon04.svg) center/100% no-repeat;
  aspect-ratio: 1/1;
  min-width: 2.5em;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-numbers:not(.next):not(.prev):not(.dots).current {
  background: #dba326;
}
.page-numbers.dots {
  align-self: flex-end;
}
.page-numbers.next, .page-numbers.prev {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: min(calc(10 * var(--scale)), calc(10px * var(--max)));
}
.page-numbers.next::after, .page-numbers.prev::after {
  display: inline-block;
  content: "";
  position: relative;
  background: #3d3d3d;
  -webkit-mask: url(../img/img-arrow.png) center/100% no-repeat;
          mask: url(../img/img-arrow.png) center/100% no-repeat;
  width: 0.4em;
  aspect-ratio: 12/18;
}
@media (max-width: 767px) {
  .page-numbers.next, .page-numbers.prev {
    gap: min(calc(5 * var(--scale)), calc(5px * var(--max)));
  }
}
.page-numbers.prev {
  left: 0%;
  flex-direction: row-reverse;
}
.page-numbers.prev::after {
  transform: scale(-1, 1);
}
.page-numbers.next {
  right: 0;
}

/* 記事本文エリア全体のスタイル
------------------------------*/
.post-style {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}

/* 記事内の見出し */
.post-style h1,
.post-style h2,
.post-style h3,
.post-style h4,
.post-style h5,
.post-style h6,
.post-style strong {
  font-weight: bold;
  margin-top: 1em;
}
.post-style h2 {
  font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
}
.post-style h3 {
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
}
.post-style h4 {
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
}
.post-style h5 {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
}
.post-style h6 {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}

/* 画像・リンク */
.post-style figure {
  margin-top: min(calc(15 * var(--scale)), calc(15px * var(--max)));
}
.post-style figure img {
  width: auto;
}

/* リンク */
.post-style a {
  color: #2271b1;
  text-decoration: underline;
}

/* リスト */
.post-style ol {
  counter-reset: count 0;
}
.post-style ol li {
  text-indent: -1em;
  padding-left: 1em;
}
.post-style ol li::before {
  content: counter(count) ".";
  counter-increment: count 1;
}
.post-style ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.post-style ul li::before {
  content: "・";
}

/* ボタン
------------------------------*/
.c-btn {
  cursor: pointer;
  display: inline-block;
  border: 2px solid #00685f;
  border-radius: 2.2em;
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 700;
  padding: 0.8em 0;
  text-align: center;
  background: #fff;
  color: #00685f;
  transition: background 0.3s;
}
@media (hover: hover) {
  .c-btn:hover {
    opacity: 1;
    background: #b7cecb;
  }
}
@media (max-width: 767px) {
  .c-btn {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  }
}

.c-flower-link {
  /* hoverで浮き上がる下線のボタン */
  position: relative;
}
.c-flower-link::before {
  content: "";
  position: absolute;
  background: url(../img/dec_btn01.png) no-repeat center center/100%;
  aspect-ratio: 545/101;
  transform: translate(min(calc(38 * var(--scale)), calc(38px * var(--max))), min(calc(18 * var(--scale)), calc(18px * var(--max))));
  width: 115%;
  right: 0;
  bottom: 0%;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .c-flower-link.c-flower-link-02_pc::before {
    background: url(../img/dec_btn01-02.png) no-repeat center center/100%;
    aspect-ratio: 448/95;
    width: 125%;
  }
}
@media (hover: hover) {
  .c-flower-link:hover {
    opacity: 1;
  }
  .c-flower-link:hover::before {
    transform: translate(min(calc(38 * var(--scale)), calc(38px * var(--max))), min(calc(14 * var(--scale)), calc(14px * var(--max))));
  }
}
@media (max-width: 767px) {
  .c-flower-link::before {
    width: 112%;
    transform: translate(min(calc(28 * var(--scale)), calc(28px * var(--max))), min(calc(18 * var(--scale)), calc(18px * var(--max))));
  }
}

.c-arrow-btn {
  /* 左の矢印の丸がhoverでにゅいっと伸びる */
  --color: #ecae25;
}
.c-arrow-btn.c-arrow-btn-gr {
  --color: #00685f;
}
.c-arrow-btn.c-arrow-btn-bk {
  --color: #3d3d3d;
}
@media (min-width: 768px) {
  .c-arrow-btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  }
  .c-arrow-btn > span {
    position: relative;
  }
  .c-arrow-btn .c-arrow-btn-dec {
    position: absolute;
    display: block;
    top: 50%;
    left: -2.65em;
    transform: translate(0%, -50%);
    width: 2.4em;
    height: 2.4em;
    border-radius: min(calc(24.5 * var(--scale)), calc(24.5px * var(--max)));
    background: transparent;
    transition: background 0.8s, width 0.3s;
  }
  .c-arrow-btn .c-arrow-btn-dec::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    background: url(../img/dec_btn02.png) no-repeat center/cover;
    height: 100%;
    aspect-ratio: 1/1;
    pointer-events: none;
    transition: all 0.8s;
  }
  .c-arrow-btn .c-arrow-btn-dec::after {
    content: "";
    position: absolute;
    background: var(--color);
    -webkit-mask: url(../img/icon_arrow.svg) center/100% no-repeat;
            mask: url(../img/icon_arrow.svg) center/100% no-repeat;
    aspect-ratio: 8/12;
    transform: translate(0%, -50%);
    width: 0.4em;
    left: 1em;
    top: 50%;
    transition: all 0.3s;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .c-arrow-btn:hover {
    opacity: 1;
  }
  .c-arrow-btn:hover .c-arrow-btn-dec {
    background: #fff;
    width: calc(100% + 2.65em + 1.5em);
  }
  .c-arrow-btn:hover .c-arrow-btn-dec::before {
    opacity: 0;
  }
  .c-arrow-btn:hover .c-arrow-btn-dec::after {
    left: 1.5em;
  }
}

@media (min-width: 768px) {
  .c-arrow-btn[style*="--colorTx"] {
    color: var(--colorTx);
  }
  .c-arrow-btn[style*="--colorTx"] .c-arrow-btn-dec::after {
    background: var(--colorTx);
  }
}
@media (min-width: 768px) {
  .c-arrow-btn[style*="--colorBg"] .c-arrow-btn-dec::before {
    -webkit-mask: url(../img/dec_btn02.png) center/100% no-repeat;
            mask: url(../img/dec_btn02.png) center/100% no-repeat;
    background: var(--colorBg);
  }
}
@media (min-width: 768px) and (hover: hover) {
  .c-arrow-btn[style*="--colorBg"]:hover .c-arrow-btn-dec {
    background: var(--colorBg);
  }
}

.c-underline-link {
  color: #00685f;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (hover: hover) {
  .c-underline-link:hover {
    opacity: 1;
    text-decoration: underline;
  }
}

.c-card-link {
  /* aタグ */
}
@media (hover: hover) {
  .c-card-link:hover {
    opacity: 1;
  }
  .c-card-link:hover .c-card-link-thumbnail img {
    transform: scale(1.2);
  }
  .c-card-link:hover .c-card-link-info {
    background: #dba326;
  }
  .c-card-link:hover .c-card-link-title {
    color: #717171;
  }
}

@media (min-width: 768px) {
  .c-card-link-thumbnail img,
.c-card-link-info,
.c-card-link-title {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.c-card-link-thumbnail {
  overflow: hidden;
}
.c-card-link-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-card-link-info {
  position: absolute;
  background: #f6cd5d;
  -webkit-mask: url(../img/experiences/pickup_icon04.svg) center/100% no-repeat;
          mask: url(../img/experiences/pickup_icon04.svg) center/100% no-repeat;
  aspect-ratio: 1/1;
  transform: translate(0%, -50%);
  width: 20%;
  right: 0%;
  top: 50%;
  transition: background 0.3s;
}
.c-card-link-info::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/pickup_icon05.svg) no-repeat center center/100%;
  aspect-ratio: 9/14;
  transform: translate(-50%, -50%);
  width: 20%;
  left: 50%;
  top: 50%;
}

.c-faq-q {
  position: relative;
}
.c-faq-q::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1.5%;
  transform: translateY(80%);
  -webkit-mask: url(../img/common/introduction-tail.png) center/100% no-repeat;
          mask: url(../img/common/introduction-tail.png) center/100% no-repeat;
  width: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  aspect-ratio: 241/69;
}
@media (max-width: 767px) {
  .c-faq-q::after {
    right: 6.5%; /*  */
  }
}

.c-faq-a {
  position: relative;
}
.c-faq-a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1.5%;
  transform: translateY(80%) scale(-1, 1);
  width: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  aspect-ratio: 241/69;
  display: none;
  -webkit-mask: url(../img/common/introduction-tail.png) center/100% no-repeat;
          mask: url(../img/common/introduction-tail.png) center/100% no-repeat;
}
@media (max-width: 767px) {
  .c-faq-a::after {
    left: 6.5%; /*  */
  }
}

.c-faq-wh::after {
  background: #fff;
}

.c-faq-br::after {
  background: #fbfaf6;
}

.faq__icon {
  /* noedit */
  width: 1em;
  position: absolute;
  right: 1.7em;
  top: 50%;
  transform: translateY(-50%);
}
.faq__icon.is-open .faq__bar2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (max-width: 767px) {
  .faq__icon {
    right: 1em;
  }
}

.faq__icon-or .faq__bar1,
.faq__icon-or .faq__bar2 {
  background: #dba326;
}

.faq__bars {
  position: relative;
}

.faq__bar1,
.faq__bar2 {
  width: 1em;
  height: 2px;
  background: #209068;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.faq__bar2 {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.3s;
}

.is-open .c-faq-a::after {
  display: block;
}
.is-open .faq__bar2 {
  transform: translate(-50%, -50%) rotate(0deg);
}

.c-accordion-panel {
  display: none;
}

.c-accordion-toggle {
  cursor: pointer;
}

.c-anchor {
  scroll-margin-top: calc(min(calc(148 * var(--scale)), calc(148px * var(--max))) * 1);
}

/*------------------------------
selection
------------------------------*/
.selection__content {
  width: calc(876 / 1120 * 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: min(calc(180 * var(--scale)), calc(180px * var(--max))) 0;
}
@media (max-width: 767px) {
  .selection__content {
    width: 93%;
    gap: min(calc(210 * var(--scale)), calc(210px * var(--max)));
  }
}

.selection__group--experiences {
  --heading-bg: url(../img/common/selection-heading_orange.png);
  --accent-color: #dba326;
}
.selection__group--experiences .selection__card-area::before {
  display: none;
}
.selection__group--stories {
  --heading-bg: url(../img/common/selection-heading_green.png);
  --accent-color: #5aaf7e;
}

.selection__group {
  position: relative;
}

.selection__heading {
  position: absolute;
  top: 0;
  left: 0;
  width: min(calc(226 * var(--scale)), calc(226px * var(--max)));
  transform: translate(-53%, -74%);
  background: var(--heading-bg) no-repeat center center/cover;
  aspect-ratio: 452/458;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  text-align: center;
}
.selection__heading.selection__heading--gr {
  background-image: url(../img/common/selection-heading_green.png);
}
@media (max-width: 767px) {
  .selection__heading {
    width: min(calc(195 * var(--scale)), calc(195px * var(--max)));
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
    transform: translate(-7%, -74%);
  }
}

.selection__cards {
  display: flex;
  gap: 0 min(calc(27 * var(--scale)), calc(27px * var(--max)));
  position: relative;
}
@media (max-width: 767px) {
  .selection__cards {
    flex-direction: column;
    gap: min(calc(48 * var(--scale)), calc(48px * var(--max)));
  }
}

.selection__card {
  width: calc(33.3% - min(calc(27 * var(--scale)), calc(27px * var(--max))) * 2 / 3);
  background: #fff;
  padding: min(calc(25 * var(--scale)), calc(25px * var(--max))) min(calc(15 * var(--scale)), calc(15px * var(--max)));
  box-shadow: 2px 4px 12px rgba(223, 203, 158, 0.3);
  border-radius: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}
@media (max-width: 767px) {
  .selection__card {
    width: 100%;
    padding: 9% 5% 6%;
  }
}

.selection__card-thumbnail {
  aspect-ratio: 244/146;
  border-radius: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}

.selection__card-body {
  position: relative;
  margin-top: min(calc(20 * var(--scale)), calc(20px * var(--max)));
}
@media (max-width: 767px) {
  .selection__card-body {
    margin-top: 0;
    padding-top: 1.9em;
  }
}

.selection__card-area {
  background: var(--accent-color);
  top: -2.7em;
  left: -1em;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  color: #fff;
  min-width: 11em;
  line-height: 1.8666666667;
  text-align: center;
  padding: 0.2em 3em;
  padding-right: 2em;
}
.selection__card-area::before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: 1em;
  transform: translate(-50%, -50%);
  background: url(../img/common/icon_book03.png) no-repeat center center/contain;
  width: 3em;
  aspect-ratio: 41/33;
  top: 50%;
  width: auto;
  height: 109%;
}
@media (max-width: 767px) {
  .selection__card-area {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding-right: 2em;
    top: -1.1em;
  }
}

.selection__card-title {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  text-align: center;
  font-family: "TsukuARdGothicStd-B";
}

.selection--ranking {
  counter-reset: number 0;
}
.selection--ranking .selection__card {
  position: relative;
}
.selection--ranking .selection__card::before {
  counter-increment: number 1; /* number カウンタの増加数をセット */
  content: counter(number) " "; /* 表示形式を指定 */
  position: absolute;
  font-family: Arial, sans-serif;
  color: #dba326;
  text-align: center;
  font-weight: 700;
  font-size: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  padding-top: 1.1em;
  background: url(../img/common/rank.png) no-repeat center center/100%;
  aspect-ratio: 91/136;
  transform: translate(-37%, -24%);
  top: 0;
  right: 0;
  width: min(calc(44 * var(--scale)), calc(44px * var(--max)));
  z-index: 10;
}

/*------------------------------
voices
------------------------------*/
.voices {
  background: #fbfaf6;
  padding: 6% 4.5% 5%;
  margin: 0 auto;
  width: 92%;
  font-family: "TsukuARdGothicStd-R";
}
.voices:not(:has(div)) {
  display: none;
}
.voices:not(:has(.voices__item)):not(:has(.voices__local-content)) {
  display: none;
}
.voices > div:nth-child(n+2) {
  margin-top: min(calc(60 * var(--scale)), calc(60px * var(--max)));
}
@media (max-width: 767px) {
  .voices {
    width: 95%;
    margin: 20% auto 0;
    padding: 20% 4% 14%;
    border-radius: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
}

.voices__local:not(:has(.voices__local-content)) {
  display: none;
}

.heading__bubble {
  position: absolute;
  background: url(../img/experiences/dec07.svg) no-repeat center center/100%;
  aspect-ratio: 232/92;
  font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  padding-top: 1.7em;
  padding-left: 3.4em;
  width: min(calc(233 * var(--scale)), calc(233px * var(--max)));
}
.heading__bubble span {
  font-family: "TsukuARdGothicStd-B";
  display: inline-block;
  font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  color: #ecae25;
  transform: rotate(-5deg);
}

.voices__local-heading {
  left: 0;
  top: 0;
  transform: translate(-24%, -84%);
}
.voices__local-content-wrap {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  position: relative;
}
.voices__local-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .voices__local-content {
    flex-direction: column;
  }
}

.voices__local-body {
  background: #fff;
  padding: min(calc(27 * var(--scale)), calc(27px * var(--max))) 4.5%;
  border-radius: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  position: relative;
  width: 74%;
}
.voices__local-body::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  background: #fff;
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
          clip-path: polygon(100% 0, 0 50%, 100% 100%);
  width: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .voices__local-body {
    width: 100%;
    padding: 14% 6% 9%;
  }
  .voices__local-body::before {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    background: #fff;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  }
}

.voices__local-comment {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
}
@media (max-width: 767px) {
  .voices__local-comment {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    line-height: 1.5;
  }
}

.voices__local-reviewer {
  text-align: right;
  margin-top: min(calc(5 * var(--scale)), calc(5px * var(--max)));
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  margin-right: 1em;
}
@media (max-width: 767px) {
  .voices__local-reviewer {
    margin-right: 2.4em;
  }
}

.voices__local-image {
  position: relative;
  width: 18.4%;
  transform: translateX(16%);
}
.voices__local-image img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .voices__local-image {
    width: 50%;
    transform: translateX(0%);
  }
}

.voices__reviews {
  padding: 0 3%;
  position: relative;
}
@media (max-width: 767px) {
  .voices__reviews {
    padding: 0 2%;
  }
}

.voices__reviews-heading {
  top: 0;
  left: 0;
  transform: translate(-23%, -16%);
}
.voices__summary {
  display: inline-block;
  font-family: "TsukuARdGothicStd-B";
  background: linear-gradient(transparent 60%, #fbe7b2 60%);
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  margin-left: 10.4em;
  padding-bottom: 0.4em;
  padding-right: 0.7em;
  padding-left: 1em;
}
.voices__summary span {
  padding-left: 1em;
}
@media (max-width: 767px) {
  .voices__summary {
    margin: 0;
    padding: 0;
    text-align: right;
    display: block;
    background: none;
  }
  .voices__summary span {
    background: linear-gradient(transparent 40%, #fbe7b2 40%);
    padding: 0 0em 0.6em;
  }
}

.voices__list {
  margin-top: min(calc(20 * var(--scale)), calc(20px * var(--max)));
}
@media (max-width: 767px) {
  .voices__list {
    margin-top: 1%;
  }
}

.voices__item {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  border-bottom: 1px dashed #3d3d3d;
  padding: min(calc(18 * var(--scale)), calc(18px * var(--max))) 0;
  padding-left: min(calc(30 * var(--scale)), calc(30px * var(--max)));
}
@media (min-width: 768px) {
  .voices__item:first-child {
    border-top: 1px dashed #3d3d3d;
  }
}
@media (max-width: 767px) {
  .voices__item {
    padding: 7% 0 6%;
  }
}

.voices__rating {
  color: #dba326;
  position: relative;
  aspect-ratio: 80/22;
  width: min(calc(80 * var(--scale)), calc(80px * var(--max)));
  display: block;
}
.voices__rating::before {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%;
  left: 50%;
  top: 50%;
}

.voices__rating[data-star="0"]::before {
  content: "☆☆☆☆☆";
}

.voices__rating[data-star="1"]::before {
  content: "★☆☆☆☆";
}

.voices__rating[data-star="2"]::before {
  content: "★★☆☆☆";
}

.voices__rating[data-star="3"]::before {
  content: "★★★☆☆";
}

.voices__rating[data-star="4"]::before {
  content: "★★★★☆";
}

.voices__rating[data-star="5"]::before {
  content: "★★★★★";
}

.voices__comment {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 400;
  line-height: normal;
  margin-top: 0.2em;
}
@media (max-width: 767px) {
  .voices__comment {
    margin-top: 0.2em;
    line-height: 1.5;
  }
}

.voices__reviewer {
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 400;
  text-align: right;
  margin-top: 0.3em;
  margin-right: -0.4em;
}

/*------------------------------
archive_more
------------------------------*/
@media (min-width: 768px) {
  #archive_more {
    display: none;
  }
}
/*------------------------------
search
------------------------------*/
.search {
  padding: min(calc(70 * var(--scale)), calc(70px * var(--max))) 0 min(calc(90 * var(--scale)), calc(90px * var(--max)));
  padding: min(calc(70 * var(--scale)), calc(70px * var(--max))) 0 min(calc(180 * var(--scale)), calc(180px * var(--max)));
  background: #fbfaf6;
}
@media (max-width: 767px) {
  .search {
    padding-bottom: min(calc(83 * var(--scale)), calc(83px * var(--max)));
    padding-bottom: min(calc(119 * var(--scale)), calc(119px * var(--max)));
  }
}

.search__body {
  position: relative;
}

.search__content {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  width: 57%;
  padding-top: 3.8%;
}
@media (max-width: 767px) {
  .search__content {
    width: 100%;
    flex-direction: column;
    padding-top: 27.8%;
  }
}

.search__heading {
  background: #fff;
  border-radius: 0 min(calc(45 * var(--scale)), calc(45px * var(--max))) min(calc(45 * var(--scale)), calc(45px * var(--max))) 0;
  width: min(calc(576 * var(--scale)), calc(576px * var(--max)));
  padding: min(calc(42 * var(--scale)), calc(42px * var(--max))) min(calc(0 * var(--scale)), calc(0px * var(--max)));
  padding-left: min(calc(230 * var(--scale)), calc(230px * var(--max)));
}
@media (min-width: 768px) {
  .search__heading {
    position: absolute;
    top: 0%;
    left: 0%;
    left: calc(min( 0 * var(--scale),0px) +  max(0px, (100vw - 1440px)/2));
    transform: translate(0%, 0%);
  }
}
@media (max-width: 767px) {
  .search__heading {
    position: relative;
    padding: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    width: 90%;
    padding: 6% 8%;
  }
}

.search__label {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(61%, -24%);
  width: min(calc(158 * var(--scale)), calc(158px * var(--max)));
}
@media (max-width: 767px) {
  .search__label {
    left: unset;
    right: 0;
    transform: translate(17%, -10%);
    width: min(calc(88 * var(--scale)), calc(88px * var(--max)));
  }
}

.search__heading-ja {
  position: relative;
  display: block;
  font-size: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.5;
}
@media (max-width: 767px) {
  .search__heading-ja {
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

.search__heading-en {
  position: relative;
  display: block;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-family: "DNPShueiGoGinStd-B";
  color: #dba326;
}
@media (max-width: 767px) {
  .search__heading-en {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin-top: 0.5em;
  }
}

.search__lead {
  font-family: "TsukuARdGothicStd-R";
  color: #000;
  position: absolute;
  bottom: -1.8em;
  left: 14.1em;
  padding-left: 1em;
  transform: translate(0%, 100%);
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: 0;
  padding-left: 1.1em;
  text-indent: -1em;
}
@media (max-width: 767px) {
  .search__lead {
    padding-left: 0;
    left: 2.9em;
    bottom: -0.9em;
    letter-spacing: normal;
  }
}

.search__categories {
  display: flex;
  flex-direction: column;
  gap: min(calc(60 * var(--scale)), calc(60px * var(--max))) 0;
  width: 100%;
}
@media (max-width: 767px) {
  .search__categories {
    margin-top: min(calc(28 * var(--scale)), calc(28px * var(--max)));
    width: 100%;
  }
}

.search__group-headline {
  width: 12.5em;
  font-size: min(calc(21 * var(--scale)), calc(21px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  color: #eca300;
  border: 1px solid #eca300;
  text-align: center;
  padding: 0.3em 0;
  position: relative;
}
.search__group-headline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  background: #eca300;
  width: 1.8em;
  height: 1px;
}

.search__list {
  font-family: "TsukuARdGothicStd-R";
  margin-top: 2%;
  display: flex;
  flex-wrap: wrap;
  gap: min(calc(14 * var(--scale)), calc(14px * var(--max))) min(calc(34 * var(--scale)), calc(34px * var(--max)));
}
.search__list li {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  letter-spacing: 0.05em;
  font-weight: 400;
  color: #717171;
}
@media (max-width: 767px) {
  .search__list {
    padding-left: 2.4%;
    padding-top: 2%;
  }
  .search__list li {
    position: relative;
    padding-left: 1.75em;
  }
  .search__list li::before {
    content: "";
    position: absolute;
    top: 0.7em;
    left: 0;
    transform: translateY(-50%);
    background: #f3c359;
    width: 1em;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
}

@media (max-width: 767px) {
  .search__list--area {
    flex-direction: column;
    gap: min(calc(15 * var(--scale)), calc(15px * var(--max))) 0;
  }
}

@media (max-width: 767px) {
  .search__list--theme {
    gap: min(calc(12 * var(--scale)), calc(12px * var(--max)));
  }
  .search__list--theme li {
    min-width: 48%;
    padding-left: 1.2em;
    letter-spacing: normal;
  }
}

/* テキストクランプ
------------------------------*/
.c-textclamp-01 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.c-textclamp-02 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 767px) {
  .c-textclamp-02_sp {
    display: -webkit-box; /* 必須: フレックスボックスのような挙動 */
    -webkit-box-orient: vertical; /* ボックスの並び順を垂直に */
    -webkit-line-clamp: 2; /* ここで「2行」を指定 */
    overflow: hidden; /* はみ出た部分を隠す */
  }
  .c-textclamp-03_sp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
/* 
------------------------------*/
.c-hov-scale {
  transition: transform 0.3s;
}
@media (hover: hover) {
  .c-hov-scale:hover {
    transform: scale(1.1);
  }
}

@media (hover: hover) {
  .c-noop:hover {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  a, button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);
  }
  .c-card-link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .c-card-link:active {
    opacity: 0.5;
  }
  .c-sptap {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .c-sptap:active {
    opacity: 0.5;
  }
}
.grecaptcha-badge {
  display: none !important;
}
/*# sourceMappingURL=common.css.map */