@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Oooh+Baby&family=Playball&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Zen+Maru+Gothic:wght@500;700;900&display=swap");
/**
* Foundation
* ========================== */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: auto;
  color: #292929;
  font-size: 16px;
  line-height: 100%;
  font-family: "Noto Serif JP", "serif";
  text-size-adjust: 100%;
  letter-spacing: 0.1em;
  background-color: #ffffff;
  margin: 0;
  box-sizing: border-box;
}

p,
a {
  -webkit-font-smoothing: antialiased;
}

a {
  color: #292929;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  box-shadow: none;
  opacity: 0.95;
}

a,
button {
  cursor: pointer;
  transition: 0.3s;
}
a:hover,
button:hover {
  box-shadow: none;
  opacity: 0.95;
  transition: 0.3s;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: none;
}

select {
  transition: 0.3s;
}

.hidden {
  display: none;
}

.c-modalBg {
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  width: 100vw;
  height: 100vh;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
}

.js-modal-target {
  position: absolute;
  z-index: 9999;
}

.pc-none {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .pc-none {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .sp-none {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .tab-only-none {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .tab-only-none {
    display: block !important;
  }
}

/**
* Layout
* ========================== */
/* ===============================================
# Headerレイアウト
=============================================== */
.l-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-sizing: border-box;
}

/* ===============================================
# footerレイアウト
=============================================== */
.l-footer {
  width: 100%;
  box-sizing: border-box;
}

.line-template,
.line-template-cp,
.line-template-lp-cp {
  display: none;
}

/* ===============================================
# セクション背景
=============================================== */
.l-bg--subColor {
  background: #FFE9F0;
  box-sizing: border-box;
}
.l-bg--white {
  background: #ffffff;
  padding: 3rem 1rem;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .l-bg--white {
    padding: 2.5rem 1rem;
  }
}
.l-bg--base {
  position: relative;
  z-index: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  height: fit-content;
  width: 100%;
  background: #F6F6F6;
}
.l-bg--base:has(.p-flow) {
  overflow-x: hidden;
}
.l-bg--decoration {
  position: relative;
  width: 100%;
  height: fit-content;
  padding: 23% 0 25% 0;
  overflow-x: hidden;
  z-index: 1;
}
.l-bg--decoration::before, .l-bg--decoration::after {
  content: "";
  position: absolute;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
.l-bg--decoration::before {
  background-image: url(../public/img/reason_bg-top.webp);
  background-position: top;
  top: 0;
  left: 0;
  height: 45%;
  z-index: -1;
}
.l-bg--decoration::after {
  background-image: url(../public/img/reason_bg-bottom.webp);
  background-position: bottom;
  bottom: 0;
  left: 0;
  height: 45%;
  z-index: -1;
}
.l-bg--subPage {
  background: linear-gradient(107deg, #FFB0A3, #FFA6BD);
  position: relative;
  overflow: hidden;
}
.l-bg--subPage::before, .l-bg--subPage::after {
  content: "";
  position: absolute;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 502/700;
  width: 29%;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .l-bg--subPage::before, .l-bg--subPage::after {
    display: none;
  }
}
.l-bg--subPage::before {
  top: 0;
  right: -3.3%;
  background-image: url(../public/img/work/work-merit-decoration-top.svg);
  background-position: top;
}
.l-bg--subPage::after {
  bottom: 0;
  left: -2.3%;
  background-image: url(../public/img/work/work-merit-decoration-bottom.svg);
  background-position: bottom;
}
.l-bg--front {
  padding: 7.5rem 0;
}
@media screen and (max-width: 768px) {
  .l-bg--front {
    padding: 2.5rem 0;
    background-color: #F6F6F6;
  }
}
.l-bg--front + .c-bannerBlock .banner__area {
  margin-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .l-bg--front + .c-bannerBlock .banner__area {
    margin-top: 40px;
    margin-bottom: 24px;
  }
}
.l-bg--workScene {
  padding: 6rem 1rem;
  background-image: url(../public/img/workScene-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .l-bg--workScene {
    padding: 0 1rem 2.25rem;
  }
}

/*
Object
* ========================== */
/* Component ------------ */
/* ===============================================
# ボタン共通スタイル
=============================================== */
.c-buttonLink {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  font-weight: 700;
  font-size: 20px;
  width: 100%;
  height: auto;
  border-radius: 50px;
  border: none;
  font-weight: 700;
  box-shadow: 2px 8px 22.9px 0px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.8px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-buttonLink {
    width: fit-content;
    font-size: 16px;
  }
}
.c-buttonLink a {
  color: #ffffff;
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-buttonLink a {
    padding: 12px 32px;
  }
}
@media screen and (max-width: 376px) {
  .c-buttonLink a {
    padding: 12px 16px;
  }
}
.c-buttonLink--line {
  background: #06C755;
}
.c-buttonLink--line svg {
  min-width: 8px;
  object-fit: contain;
}
.c-buttonLink--line.c-buttonLink--s {
  font-size: 16px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.c-buttonLink--line.c-buttonLink--s a {
  padding: 12px 16px;
}
@media screen and (max-width: 376px) {
  .c-buttonLink--line.c-buttonLink--s a {
    padding: 8px 2px;
    font-size: 14px;
  }
}
.c-buttonLink--detail {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
}
.c-buttonLink--detail svg {
  fill: white;
}
.c-buttonLink--detail.c-buttonLink--s {
  font-size: 16px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.c-buttonLink--detail.c-buttonLink--s a {
  padding: 16px 16px;
}
@media screen and (max-width: 376px) {
  .c-buttonLink--detail.c-buttonLink--s a {
    padding: 12px 16px;
    font-size: 14px;
  }
}
.c-buttonLink {
  /*ホワイトの場合*/
}
.c-buttonLink--white {
  background: #ffffff;
  border-radius: 50px;
  width: fit-content;
  height: fit-content;
  border: 2px solid #FF4861;
}
.c-buttonLink--white svg {
  fill: url(#paint0_linear_1195_4904);
}
.c-buttonLink--white a {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  line-height: 100%;
  padding: 24px 16px;
}
@media screen and (max-width: 768px) {
  .c-buttonLink--white a {
    padding: 12px 16px;
    font-size: 16px;
  }
}
@media screen and (max-width: 376px) {
  .c-buttonLink--white a {
    padding: 12px 16px;
    font-size: 14px;
  }
}
.c-buttonLink--white.c-buttonLink--s {
  background: #ffffff;
  border-radius: 50px;
  width: fit-content;
  height: fit-content;
  border: 2px solid #FF4861;
}
.c-buttonLink--white.c-buttonLink--s a {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 48px;
}
@media screen and (max-width: 768px) {
  .c-buttonLink--white.c-buttonLink--s a {
    padding: 12px 16px;
    font-size: 14px;
  }
}
.c-buttonLink--toggle svg {
  transform: rotate(90deg);
}
.c-buttonLink--toggle.disabled {
  display: inline-block;
  opacity: 0.25;
  pointer-events: none;
}

.button__bg {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  border-radius: 30px;
  padding: 3px;
  width: fit-content;
  height: fit-content;
  margin: 0 auto;
}

/* ===============================================
# セクションタイトル
=============================================== */
.c-sectionTitle {
  text-align: center;
  margin-bottom: 3rem;
}
.c-sectionTitle__heading {
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Playball";
  font-size: clamp(48px, 8vw, 80px);
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 8px;
}
.c-sectionTitle__heading--white {
  background: white;
  color: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-sectionTitle__sub {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.72px;
}
.c-sectionTitle__sub--white {
  color: #ffffff;
}

/* ===============================================
# ハンバーガーボタン
=============================================== */
.c-hamburger {
  width: 32px;
  height: 32px;
  position: relative;
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
}
@media screen and (max-width: 376px) {
  .c-hamburger {
    width: 28px;
    height: 28px;
  }
}
.c-hamburger span {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #57CFBB;
  transition: all 0.5s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .c-hamburger span {
    background: #FFE9F0;
  }
}
.c-hamburger span::after, .c-hamburger span::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #57CFBB;
  transition: all 0.5s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .c-hamburger span::after, .c-hamburger span::before {
    background: #FFE9F0;
  }
}
.c-hamburger span::before {
  top: -8px;
}
.c-hamburger span::after {
  bottom: -8px;
}

/* ===============================================
# ハンバーガーボタンのアニメーション
=============================================== */
.js-hamburger.open span {
  background-color: transparent;
}
.js-hamburger.open span::before {
  top: 0;
  transform: rotate(45deg);
  background: #57CFBB;
}
.js-hamburger.open span::after {
  bottom: 0;
  transform: rotate(-45deg);
  background: #57CFBB;
}

/* ===============================================
# バナー + 開閉表示のキャンペーン案内
=============================================== */
.c-bannerBlock .bonus-banner {
  display: block;
  width: 606px;
  margin: 0 auto 1rem auto;
}
.c-bannerBlock .banner__area {
  margin-bottom: 4rem;
  text-align: center;
  background: transparent;
}
.c-bannerBlock .banner__area-base {
  background: #F6F6F6;
  margin-bottom: 0;
  padding-bottom: 2rem;
}
.c-bannerBlock .c-buttonLink {
  width: fit-content !important;
}
.c-bannerBlock__campaign {
  background-image: url(../public/img/campaign-detail__bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  z-index: 0;
  color: #ffffff;
  line-height: 100%;
  box-sizing: border-box;
  visibility: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
  position: fixed;
  opacity: 0;
  transition: all 400ms;
}
.c-bannerBlock__campaign.expanded {
  opacity: 1;
  visibility: visible;
  position: relative;
}
.c-bannerBlock__campaign img {
  width: 400px;
  height: 550px;
  object-fit: contain;
  transform: rotate(-4deg);
}
@media screen and (max-width: 1024px) {
  .c-bannerBlock__campaign img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}
.c-bannerBlock__campaign-lead-sub {
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: 700;
  line-height: 100%;
}
.c-bannerBlock__campaign-lead-sub span {
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 900;
  white-space: nowrap;
}
.c-bannerBlock__campaign-lead-big {
  font-size: clamp(20px, 3vw, 36px);
  font-weight: 700;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 auto;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign-lead-big {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.c-bannerBlock__campaign-lead-big span {
  color: #FF4861;
  display: inline-block;
  text-align: center;
  font-size: clamp(24px, 3vw, 48px);
  font-weight: 700;
  letter-spacing: 2.4px;
  background: #ffffff;
  padding: 8px 12px 10px 12px;
  line-height: 100%;
  white-space: nowrap;
  margin-right: 0.7rem;
}
.c-bannerBlock__campaign__content-steps {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .c-bannerBlock__campaign__content-steps {
    gap: 20px;
    margin-bottom: 24px;
  }
}
.c-bannerBlock__campaign__content-steps li {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign__content-steps li {
    flex-direction: column;
    gap: 8px;
  }
}
.c-bannerBlock__campaign__content-steps p {
  text-align: left;
  line-height: 150%;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  font-size: clamp(14px, 2.5vw, 20px);
  letter-spacing: 0.1;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign__content-steps p br {
    display: none;
  }
}
.c-bannerBlock__campaign__content-steps span {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 700;
  line-height: 100%;
  display: inline-block;
  width: 60px;
  height: fit-content;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  white-space: nowrap;
}
.c-bannerBlock__campaign-box-content-desc {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 20px;
  letter-spacing: 0.4;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign-box-content-desc {
    padding: 16px 20px;
    border-radius: 10px;
  }
}
.c-bannerBlock__campaign-box-content-desc p {
  line-height: 150%;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #FF4861;
  font-weight: 700;
  text-align: left;
  font-size: clamp(14px, 2vw, 16px);
}
.c-bannerBlock__campaign-box-micoCopy {
  text-align: left;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #ffffff;
  font-size: clamp(10px, 2.5vw, 12px);
  font-weight: 500;
  line-height: 150%;
}
.c-bannerBlock__campaign-box-contents {
  width: 100%;
  box-sizing: border-box;
}
.c-bannerBlock__campaign-picture__content {
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .c-bannerBlock__campaign-picture__content {
    position: static;
    margin: 32px auto 32px auto;
  }
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign-picture__content {
    scale: 0.9;
    margin-bottom: 20px;
  }
}
.c-bannerBlock__campaign-inner {
  padding-top: 8%;
  padding-bottom: 10%;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1150px;
  width: 100%;
}
.c-bannerBlock .c-sectionTitle {
  position: relative;
  width: fit-content;
  height: auto;
  padding-right: 7%;
  padding-left: 7%;
  display: inline-block;
  margin: 0 auto 5% auto !important;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock .c-sectionTitle {
    padding-right: 10%;
    padding-left: 10%;
  }
}
.c-bannerBlock .c-sectionTitle::before, .c-bannerBlock .c-sectionTitle::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: clamp(20px, 5vw, 48px);
  height: clamp(36px, 5vw, 72px);
  bottom: 12px;
  z-index: 999;
  border-radius: 10px;
}
.c-bannerBlock .c-sectionTitle::before {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='74' viewBox='0 0 41 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.28906 2.24902L38.5002 71.396' stroke='url(%23paint0_linear_1459_3819)' stroke-width='4' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1459_3819' x1='1.84612' y1='2.48098' x2='63.59' y2='60.0697' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.291653' stop-color='%23FF7CA6'/%3E%3Cstop offset='1' stop-color='%2337E4C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.c-bannerBlock .c-sectionTitle::after {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='74' viewBox='0 0 41 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.7109 2.24902L2.49978 71.396' stroke='url(%23paint0_linear_1459_3821)' stroke-width='4' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1459_3821' x1='39.1539' y1='2.48098' x2='-22.59' y2='60.0697' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.291653' stop-color='%23FF7CA6'/%3E%3Cstop offset='1' stop-color='%2337E4C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.c-bannerBlock__campaign-title-big {
  margin-bottom: 0 !important;
}
.c-bannerBlock__campaign-lead {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign-lead {
    gap: 20px;
  }
}
@media screen and (max-width: 376px) {
  .c-bannerBlock__campaign-lead {
    gap: 16px;
  }
}
.c-bannerBlock__campaign-primary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .c-bannerBlock__campaign-primary {
    flex-direction: column;
  }
}
.c-bannerBlock__campaign-primary img {
  position: relative;
  z-index: 2;
}
.c-bannerBlock__campaign-box {
  background: 255, 255, 255, 0.1;
  height: 100%;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  width: 100%;
  height: 100%;
  padding: 56px 64px 64px 260px;
}
@media screen and (max-width: 1024px) {
  .c-bannerBlock__campaign-box {
    padding: 24px 32px;
  }
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign-box {
    padding: 20px 24px;
  }
}
.c-bannerBlock__campaign-box-bg {
  border: 3px solid #ffffff;
  border-radius: 40px;
  box-sizing: border-box;
  overflow: hidden;
  width: 80%;
  margin: 0 40px;
}
@media screen and (max-width: 768px) {
  .c-bannerBlock__campaign-box-bg {
    width: 100%;
    margin: auto;
    border-radius: 30px;
  }
}
.c-bannerBlock__campaign-box-head {
  text-align: center;
  font-size: clamp(20px, 2.9vw, 32px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.6px;
  padding-bottom: 24px;
  border-bottom: 2px dashed #ffffff;
  margin-bottom: 32px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .c-bannerBlock__campaign-box-head {
    margin-bottom: 24px;
  }
}

/* ===============================================
# 在籍女性 プロフィールカード
=============================================== */
.c-profileCard {
  background: #ffffff;
  border-radius: 30px;
  padding: 2rem;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  text-align: center;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 1024px) {
  .c-profileCard {
    border-radius: 20px;
    padding: 24px 16px;
    width: 100%;
  }
}
.c-profileCard__title {
  color: #FF4861;
  font-family: "Oooh Baby";
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.5px;
  border-bottom: 1px dashed #FF4861;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.c-profileCard__img {
  display: flex;
  gap: 1rem;
  width: 100%;
  height: 217px;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 376px) {
  .c-profileCard__img {
    height: 146px;
  }
}
.c-profileCard__img img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .c-profileCard__img img {
    border-radius: 10px;
  }
}
.c-profileCard__img:has(:nth-of-type(2)) img {
  width: calc((100% - 1rem) / 2);
}
.c-profileCard .c-modalBg {
  padding-top: 80px;
  background-color: rgba(0, 0, 0, 0.8);
}
.c-profileCard__modal-content {
  display: block;
  margin: 40px auto auto;
  max-width: 90%;
  max-height: 90%;
}
.c-profileCard__info {
  line-height: 100%;
  color: #FF4861;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  padding: 1.5rem 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-profileCard__info {
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 1rem 0;
  }
}
.c-profileCard__head {
  line-height: 100%;
  display: flex;
  align-items: baseline;
  gap: 16px;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}
.c-profileCard__head-big {
  font-size: clamp(16px, 2.1vw, 24px);
  font-weight: 700;
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: fit-content;
  gap: 0.1rem;
}
.c-profileCard__head-big span {
  font-size: clamp(24px, 2.5vw, 36px);
  font-weight: 900;
}
.c-profileCard__head-small {
  font-weight: 700;
  font-size: 16px;
  width: fit-content;
}
.c-profileCard__name {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  font-size: clamp(12px, 2vw, 14px);
  text-align: center;
  margin: 0 auto;
}
.c-profileCard__tag-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 0 auto 1.2rem auto;
}
.c-profileCard__tag-list span {
  background: #FFE9F0;
  border-radius: 4px;
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 700;
  padding: 8px 4px;
  white-space: nowrap;
  text-align: center;
  width: 46%;
}
@media screen and (max-width: 768px) {
  .c-profileCard__tag-list span {
    padding: 4px 2px;
  }
}
.c-profileCard__message {
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
  transition: height 0.3s ease-in-out;
}
.c-profileCard__message p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 500;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: left;
}
.c-profileCard__message p.expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  height: auto;
}
.c-profileCard .c-buttonLink {
  width: 100%;
}

.p-staff__contents {
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 32px auto !important;
  max-width: 880px;
}
.p-staff__contents img {
  display: inline-block;
  width: 528px;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 1.7rem;
  aspect-ratio: 720/431;
}
.p-staff__contents-message {
  text-align: center;
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.4px;
  white-space: nowrap;
  margin-bottom: 2rem;
  width: 100%;
}
.p-staff__contents-message {
  margin-bottom: 1.5rem;
}
.p-staff__contents-img {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.p-staff__monthly-salary {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  width: clamp(76px, 15vw, 100px);
  aspect-ratio: 1;
  border-radius: 100%;
  position: absolute;
  top: -24px;
  left: -12px;
  display: grid;
  place-items: center;
}
.p-staff__monthly-salary::after {
  content: "";
  display: block;
  width: 92%;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 100%;
}
.p-staff__monthly-salary-text {
  display: block;
  position: absolute;
  line-height: 1;
  transform: rotate(-10deg);
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
  font-weight: 700;
  font-size: clamp(0.875rem, 0.654rem + 0.83vw, 1rem);
}
.p-staff__monthly-salary-text-detail {
  font-size: clamp(1.5rem, -0.076rem + 4.98vw, 2rem);
  display: flex;
  letter-spacing: 0.045rem;
  justify-content: center;
  align-items: baseline;
}
.p-staff__monthly-salary-text-detail span {
  writing-mode: vertical-rl;
  font-size: clamp(0.625rem, 0.183rem + 1.66vw, 0.875rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  letter-spacing: 0;
}
.p-staff__tag-list {
  max-width: 880px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-staff__tag-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.p-staff__tag-list::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -32px;
  background: #D8D8D8;
}
.p-staff__tag-list span {
  background: #FFE9F0;
  border-radius: 4px;
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-staff__tag-list span {
    width: fit-content;
  }
}
.p-staff__message {
  width: fit-content;
  max-width: 100%;
  margin-bottom: 12px;
  text-align: -webkit-right;
}
.p-staff__message p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  line-height: 150%;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.3s ease;
  font-size: clamp(12px, 2vw, 14px);
  padding-top: 1.5rem;
}
.p-staff__message p:not(:last-child) {
  margin-bottom: 24px;
}
.p-staff__message p {
  /* ボタンを押したときに全文表示 */
}
.p-staff__message p.expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.p-staff .c-buttonLink {
  text-align: end;
  width: fit-content;
}

/* ===============================================
# ブログ一覧
=============================================== */
.c-blogList {
  filter: drop-shadow(0px 10px 40px 0px rgba(0, 0, 0, 0.05));
}
.c-blogList-tail {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 36px;
}
@media screen and (max-width: 768px) {
  .c-blogList-tail {
    width: 32px;
    height: 24px;
  }
}
.c-blogList-body {
  background: #ffffff;
  max-width: 1024px;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 2rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-blogList-body {
    padding: 1.2rem;
  }
}
.c-blogList-head {
  display: flex;
  justify-content: space-between;
  font-size: clamp(14px, 4vw, 24px);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.72px;
  gap: 1rem;
  margin-bottom: 1.5rem;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-blogList-head .c-buttonLink {
    width: 100%;
  }
}
.c-blogList-head .c-buttonLink a {
  padding: 8px 16px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .c-blogList-head .c-buttonLink a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.c-blogList-head-list {
  display: flex;
  gap: 2rem;
}
.c-blogList-head h4 {
  position: relative;
  display: block;
  width: 100%;
  word-break: keep-all;
}
.c-blogList-head h4::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #D8D8D8;
  top: 158%;
  left: 0;
}
.c-blogList__list {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-blogList__list {
    flex-direction: column;
  }
}
.c-blogList__listItem {
  width: calc(100% - 0.3333333333rem);
}

/* ===============================================
# ブログ一覧 記事
=============================================== */
.c-blogListArticle {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-blogListArticle {
    flex-direction: row;
  }
}
.c-blogListArticle__image {
  width: clamp(30%, 30vw, 100%);
  height: auto;
  aspect-ratio: 276/157;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .c-blogListArticle__image {
    height: fit-content;
  }
}
.c-blogListArticle__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-blogListArticle__image img {
    border-radius: 8px;
  }
}
.c-blogListArticle__link {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.c-blogListArticle__textcontents {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  flex: 1;
}
.c-blogListArticle__textcontents-head {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 4px;
  padding-bottom: 8px;
  border-bottom: solid 1px #D8D8D8;
  align-items: center;
}
.c-blogListArticle__textcontents time {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  font-weight: 600;
  color: #BDBDBD;
}
.c-blogListArticle__textcontents h5 {
  font-size: clamp(12px, 3vw, 14px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.5;
}
@media screen and (max-width: 768px) {
  .c-blogListArticle__textcontents h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.c-blogListArticle__like-count {
  font-size: 12px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 1;
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.c-blogListArticle__like-count::before {
  content: "";
  display: block;
  background-image: url(../public/img/like-count.svg);
  width: 13px;
  height: 13px;
}

/* ===============================================
# フッター追従ボタン
=============================================== */
.c-stickyBtns {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0 16px 12px 16px;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .c-stickyBtns {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 12px 16px 12px 16px;
    z-index: 999;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
  }
}
.c-stickyBtns__btn-wrap {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: end;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .c-stickyBtns__btn-wrap {
    align-items: center;
    height: auto;
    flex-direction: column;
    justify-content: end;
    align-items: end;
  }
}
@media screen and (max-width: 768px) {
  .c-stickyBtns__btn-wrap {
    gap: 1rem;
    flex-direction: row;
    justify-content: center;
  }
}
.c-stickyBtns__qa {
  box-shadow: 2px 8px 22.9px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff !important;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  width: 108px;
  height: 108px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-stickyBtns__qa {
    border-radius: 8px;
    height: 55px;
    width: 160px;
    min-width: 84px;
    padding: 0.5rem;
    text-align: center;
    border: 2px solid #ffffff;
  }
}
.c-stickyBtns__qa-small {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.5;
}
@media screen and (max-width: 768px) {
  .c-stickyBtns__qa-small {
    font-size: 10px;
  }
}
.c-stickyBtns__qa-big {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .c-stickyBtns__qa-big {
    font-size: 24px;
  }
}
.c-stickyBtns__diagnosis img {
  width: 200px;
  min-width: 200px;
  height: auto;
  filter: drop-shadow(8px 8px 16px rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 1024px) {
  .c-stickyBtns__diagnosis img {
    min-width: 220px;
  }
}

.c-info__selectField-wrapper {
  text-align: center;
  padding-top: 0.5rem;
  margin-bottom: 3rem;
}
.c-info__selectField-wrapper span {
  font-size: 14px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.c-info__selectField {
  display: inline-block;
  position: relative;
}
.c-info__selectField::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #FF4861;
  pointer-events: none;
  line-height: 100%;
}
.c-info__selectField #store {
  width: fit-content;
  padding: 0.2rem 0.4rem;
  border-radius: 10px;
  border: 1px solid #FF4861;
  appearance: none;
  cursor: pointer;
  color: #FF4861;
  font-weight: 700;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-info__selectField #store {
    border-radius: 6px;
  }
}

/* ===============================================
# 店舗情報　アイコンリスト
=============================================== */
.c-info__icon {
  display: grid;
  grid-template-columns: repeat(5, 100px);
  box-sizing: border-box;
  width: 100%;
  row-gap: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .c-info__icon {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.3rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    row-gap: 1rem;
  }
}
.c-info__icon li {
  width: 100%;
  justify-items: center;
  align-items: center;
}
.c-info__icon p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(10px, 3vw, 12px);
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.5px;
  white-space: nowrap;
  width: 100%;
}
.c-info__icon-box {
  width: clamp(50px, 2vw, 60px);
  height: clamp(50px, 2vw, 60px);
  border-radius: 10px;
  background-color: #FFA6B2;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 8px auto;
}
@media screen and (max-width: 768px) {
  .c-info__icon-box {
    width: 50px;
    height: 50px;
  }
}
.c-info__icon-box::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 70%;
  height: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  display: inline-block;
}
.c-info__icon-pay::after {
  background-image: url(../public/img/info__icon-pay.svg);
}
.c-info__icon-cash::after {
  background-image: url(../public/img/info__icon-cash.svg);
}
.c-info__icon-transport::after {
  background-image: url(../public/img/info__icon-transport.svg);
}
.c-info__icon-bonus::after {
  background-image: url(../public/img/info__icon-bonus.svg);
}
.c-info__icon-office::after {
  background-image: url(../public/img/info__icon-office.svg);
}
.c-info__icon-room::after {
  background-image: url(../public/img/info__icon-room.svg);
}
.c-info__icon-dress::after {
  background-image: url(../public/img/info__icon-dress.svg);
}
.c-info__icon-wig::after {
  background-image: url(../public/img/info__icon-wig.svg);
}
.c-info__icon-staff::after {
  background-image: url(../public/img/info__icon-staff.svg);
}
.c-info__icon-shower::after {
  background-image: url(../public/img/info__icon-shower.svg);
}

.c-subPage-sectionTitle {
  text-align: center;
}
.c-subPage-sectionTitle__heading {
  color: #FF4861;
  font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
  font-weight: 600;
  line-height: 1;
  padding-inline: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: solid 1px #FF4861;
  display: inline-block;
  margin-bottom: 4.5rem;
  word-break: auto-phrase;
}
@media screen and (max-width: 768px) {
  .c-subPage-sectionTitle__heading {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    padding-inline: 1.25rem;
  }
}
.c-subPage-sectionTitle__heading:has(+ .c-subPage-sectionTitle__sub) {
  margin-bottom: 0;
}
.c-subPage-sectionTitle__sub {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-bottom: 4.5rem;
  margin-top: 1rem;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .c-subPage-sectionTitle__sub {
    margin-bottom: 2rem;
    margin-top: 0.75rem;
    gap: 2px;
  }
}
.c-subPage-sectionTitle__sub p {
  font-size: clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
}
.c-subPage-sectionTitle__sub span {
  font-size: clamp(1.5rem, 1.045rem + 1.94vw, 2.5rem);
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  font-weight: 600;
}

.c-archive-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  line-height: 1.5;
  padding-bottom: 1rem;
  width: 100%;
  font-weight: 700;
  color: #FF4861;
  border-bottom: solid 1px #FF4861;
}
.c-archive-title--white {
  color: #ffffff;
  border-bottom: solid 1px #ffffff;
}
.c-archive-title--black {
  color: #292929;
  border-bottom: solid 1px #292929;
}
@media screen and (max-width: 768px) {
  .c-archive-title {
    padding-bottom: 0.5rem;
    padding-left: 2px;
  }
}
.c-archive-title h2 {
  font-size: clamp(1.25rem, 0.795rem + 1.94vw, 2.25rem);
  padding-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-archive-title h2 {
    padding-left: 2px;
  }
}
.c-archive-title h3 {
  font-size: 1.25rem;
  padding-left: 2px;
}
.c-archive-title h2 + p {
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.c-archive-title h3 + p {
  font-size: 1rem;
}

.c-faq .c-sectionTitle {
  margin-bottom: 1rem;
}
.c-faq .c-sectionTitle__heading--faq {
  line-height: 1;
}
.c-faq .c-sectionTitle__heading--faq span {
  font-size: clamp(2.25rem, 1.455rem + 3.39vw, 4rem);
}
.c-faq {
  padding: 6rem 2rem 7.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-faq {
    padding: 2.25rem 1rem 4rem;
  }
}
.c-faq__list {
  max-width: 1200px;
  margin-top: 1rem;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .c-faq__list {
    padding-inline: 1rem;
  }
}
.c-faq__item {
  padding: 1.25rem 1rem;
  border-bottom: 1px solid #FFE9F0;
}
@media screen and (max-width: 768px) {
  .c-faq__item {
    padding: 1rem 0;
  }
}
.c-faq__item-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-faq__item-title {
  cursor: pointer;
  color: #FF4861;
  font-weight: 700;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
  width: 100%;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-faq__item-title {
    font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
    line-height: 1.5;
    font-weight: 500;
  }
}
.c-faq__item-title span {
  font-family: "Playball";
  font-weight: 500;
  font-size: clamp(1.25rem, 1.136rem + 0.48vw, 1.5rem);
  margin-right: 1rem;
}
.c-faq__item-title-button {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-faq__item-title-button {
    width: 18px;
    height: 18px;
  }
}
.c-faq__item-title-button::before, .c-faq__item-title-button::after {
  display: block;
  content: "";
  position: absolute;
  background-color: #FF4861;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-faq__item-title-button::before {
  width: inherit;
  height: 2px;
}
.c-faq__item-title-button::after {
  width: 2px;
  height: inherit;
}
.c-faq__item-answer-wrapper {
  background-color: #FFE9F0;
  border-radius: 10px;
  height: 0;
  opacity: 0;
  transition: height 0.4s;
  pointer-events: none;
}
.c-faq__item-answer {
  display: flex;
}
.c-faq__item-answer::before {
  content: "A";
  display: block;
  margin-right: 1rem;
  color: #FF4861;
  font-size: 1.5rem;
  font-family: "Roboto";
  line-height: 1;
}
.c-faq__item-text-wrapper {
  height: 0;
}
.c-faq__item-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1rem;
  height: 0;
}
.c-faq__item-text:first-child {
  margin-top: 0;
}
.c-faq__item-text--small {
  color: #808080;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.c-faq__item-text--mt0 {
  margin-top: 0;
}
.c-faq__item-text span {
  display: block;
}
.c-faq__item-list {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1rem;
}
.c-faq__item-list li {
  list-style: disc;
  margin-left: 1.5rem;
}
.c-faq__item-list li:has(span) {
  list-style: none;
  margin-left: 0;
}
.c-faq__item-list--number li {
  list-style: decimal;
}
.c-faq__item-movies {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.c-faq__item-movies img {
  width: 90px;
  height: auto;
}
.c-faq__item-button-wrapper {
  margin-top: 1.5rem;
  text-align: center;
}
.c-faq__item-button-wrapper .c-buttonLink {
  width: 316px;
}
@media screen and (max-width: 768px) {
  .c-faq__item-button-wrapper .c-buttonLink {
    width: 100%;
  }
}
.c-faq__item-button-wrapper .c-buttonLink a {
  padding: 11px;
}
.c-faq__item.is-open .c-faq__item-answer-wrapper {
  height: fit-content;
  padding: 1.5rem 1.25rem 2rem;
  margin-top: 1rem;
  opacity: 1;
  pointer-events: all;
}
.c-faq__item.is-open .c-faq__item-title-button::after {
  display: none;
}
.c-faq__item.is-open .c-faq__item-text-wrapper,
.c-faq__item.is-open .c-faq__item-text {
  height: fit-content;
}

.c-faq__item:nth-child(5) .c-faq__item-answer-wrapper {
  position: relative;
}
.c-faq__item:nth-child(5) .c-faq__item-answer-wrapper:after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-hold.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  aspect-ratio: 90/83;
  position: absolute;
  right: 0;
  bottom: 56px;
  transform: translate(50%, -100%);
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-faq__item:nth-child(5) .c-faq__item-answer-wrapper:after {
    width: 18.8%;
    max-width: 90px;
    top: clamp(4.438rem, 1.515rem + 12.47vw, 7.5rem);
    right: clamp(0.625rem, 0.029rem + 2.54vw, 1.25rem);
    bottom: unset;
  }
}

.c-modal {
  position: absolute;
  z-index: 9999;
}
.c-modal #umeda-toganocho rect {
  fill: #a4a4a4;
}
.c-modal__card {
  z-index: 1;
  position: fixed;
  width: 90%;
  max-width: 352px;
  min-width: 352px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  box-shadow: 0px 8px 24px rgba(51, 26, 26, 0.2);
  border-radius: 20px;
  background-color: #FFF;
  padding: 20px 16px;
}
.c-modal__card-content {
  display: grid;
  gap: 24px;
}
.c-modal__card-header {
  display: grid;
  gap: 8px;
}
.c-modal__card-header h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #FF4861;
  text-align: center;
}
.c-modal__card-subtxt {
  font-size: 14px;
  line-height: 1.2;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  text-align: center;
  text-wrap: balance;
  border-bottom: 1px dashed #FF4861;
  padding-bottom: 12px;
}
.c-modal__area-room-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.c-modal__area-room-wrap div {
  height: 104px;
}
.c-modal__area-room-wrap img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.c-modal__card-item {
  position: relative;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
}
.c-modal__card-item > * + * {
  margin-top: 8px;
}
.c-modal__card-item .c-info__icon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
}
.c-modal__card-item .c-info__icon svg {
  vertical-align: bottom;
}
.c-modal__card-item .c-info__icon li {
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
.c-modal__card-item .c-info__icon li .c-info__icon-box {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  margin: 0;
}
.c-modal__card-item .c-info__icon li p {
  font-size: 12px;
  vertical-align: bottom;
  padding-top: 1px;
  text-align-last: left;
}
.c-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.c-modal__close :hover {
  cursor: pointer;
}
.c-modal__modalLink {
  display: flex;
  justify-content: center;
}
.c-modal__modalLink .c-buttonLink {
  max-width: 288px;
}
.c-modal__modalLink .c-buttonLink a {
  padding: 8px 16px;
}

.c-panorama-modal {
  position: absolute;
  z-index: 9999;
}

.c-panorama__modalBg {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
}

.c-panorama__button {
  width: 140px;
  position: absolute;
  background: none;
  border: none;
  z-index: 1000;
  padding: 0;
  animation: shakeButton 2s ease-in-out infinite;
}
@media screen and (max-width: 768px) {
  .c-panorama__button {
    width: 116px;
  }
}
@keyframes shakeButton {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -58%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}

.c-panorama__modal {
  width: 90%;
  max-width: 1200px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-panorama__modal {
    border-radius: 10px;
  }
}
.c-panorama__modal-lead {
  padding: 26px 0 26px;
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 1;
  font-size: clamp(14px, 0.636rem + 0.48vw, 1rem);
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-panorama__modal-lead {
    padding: 12px 0 12px;
  }
}
.c-panorama__modal-close-button {
  position: absolute;
  right: 20px;
  top: 50%;
  display: block;
  border: none;
  background: none;
  width: 38px;
  height: auto;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-panorama__modal-close-button {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-panorama__modal-close-button img {
    width: 12px;
  }
}
.c-panorama__modal-container {
  position: relative;
}
.c-panorama__modal-item {
  width: 100%;
  height: auto;
  aspect-ratio: 1200/432;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}
.c-panorama__modal .c-panorama__nav {
  padding: 32px 0 32px;
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .c-panorama__modal .c-panorama__nav {
    padding: 12px 0 12px;
    gap: 8px;
  }
}
@media screen and (max-width: 768px) {
  .c-panorama__modal .c-panorama__nav-item {
    width: 32%;
  }
}
.c-panorama__modal .c-panorama__nav-item a {
  position: relative;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.c-panorama__modal .c-panorama__nav-item a::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  border-radius: 9px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .c-panorama__modal .c-panorama__nav-item a::after {
    border-radius: 4px;
  }
}
.c-panorama__modal .c-panorama__nav-item a::before {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #ffffff;
  font-size: clamp(0.75rem, 0.409rem + 1.45vw, 1.5rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  pointer-events: none;
}
.c-panorama__modal .c-panorama__nav-item a.is-show::after, .c-panorama__modal .c-panorama__nav-item a.is-show::before {
  display: none;
}
.c-panorama__modal .c-panorama__nav-item a[data-target=panorama_chatroom]::before {
  content: "チャットルーム";
}
.c-panorama__modal .c-panorama__nav-item a[data-target=panorama_interviewroom]::before {
  content: "面接部屋";
}
.c-panorama__modal .c-panorama__nav img {
  max-width: 304px;
  width: 100%;
  border-radius: 9px;
}
@media screen and (max-width: 768px) {
  .c-panorama__modal .c-panorama__nav img {
    border-radius: 4px;
  }
}

.c-subPage-card__list {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  margin-top: 4.5rem;
  margin-inline: auto;
  gap: 3rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__list {
    padding-inline: 0;
    margin-top: 2.25rem;
    gap: 1.5rem;
  }
}
.c-subPage-card__item {
  display: flex;
  padding: 3.5rem 2.25rem 3.5rem 0;
  background-color: #fff;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item {
    padding: 2rem 1rem 2rem 0;
    flex-direction: column;
    border-radius: 20px;
  }
}
.c-subPage-card__item--reverse {
  padding: 3.5rem 0 3.5rem 2.25rem;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item--reverse {
    padding: 2rem 1rem 2rem 0;
  }
}
.c-subPage-card__item-textcontent {
  width: 48.3%;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-textcontent {
    width: 95%;
    margin-left: auto;
  }
}
.c-subPage-card__item-textcontent--wide {
  width: 79%;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-textcontent--wide {
    width: 95%;
  }
}
.c-subPage-card__item-title {
  font-size: clamp(1rem, 0.545rem + 1.94vw, 2rem);
  font-family: "Noto Serif JP", "serif";
  color: #FF4861;
  align-items: end;
  display: flex;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: solid 1px #FFA6B2;
  word-break: auto-phrase;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-title {
    margin-top: 12px;
    padding-bottom: 0.5rem;
  }
}
.c-subPage-card__item-title-head {
  display: flex;
  flex-direction: column;
  line-height: 1;
  color: #FFA6B2;
  margin-right: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-title-head {
    margin-right: 0.5rem;
  }
}
.c-subPage-card__item-title-english {
  font-size: clamp(0.75rem, 0.523rem + 0.97vw, 1.25rem);
  font-family: "Noto Serif JP", "serif";
  letter-spacing: 0;
  font-weight: 500;
}
.c-subPage-card__item-title-number {
  font-size: clamp(2rem, 0.864rem + 4.85vw, 4.5rem);
  font-family: "Playball";
  vertical-align: top;
  font-weight: 400;
}
.c-subPage-card__item-img-wrapper {
  width: 48.3%;
}
.c-subPage-card__item-img-wrapper--reverse {
  order: 1;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-img-wrapper--reverse {
    order: unset;
  }
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-img-wrapper {
    width: 100%;
  }
}
.c-subPage-card__item-img {
  border-radius: 0 20px 20px 0;
}
.c-subPage-card__item-img--reverse {
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-img--reverse {
    border-radius: 0 20px 20px 0;
  }
}
.c-subPage-card__item-text-wrapper {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-text-wrapper {
    margin-top: 20px;
  }
}
.c-subPage-card__item-text {
  margin-top: 20px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 1.5;
  font-weight: 500;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-text {
    margin-top: 12px;
  }
}
.c-subPage-card__item-text:first-child {
  margin-top: 0;
}
.c-subPage-card__item-text span {
  color: #FF4861;
  font-weight: 700;
}
.c-subPage-card__item-text--small {
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem) !important;
  color: #BDBDBD !important;
  font-weight: 500 !important;
}
.c-subPage-card__item-desc {
  padding: 1.5rem 1.25rem 2.25rem;
  background-color: #FFE9F0;
  border-radius: 20px;
  margin-top: 20px;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-desc {
    padding: 1rem 0.75rem 1.25rem;
    border-radius: 10px;
  }
}
.c-subPage-card__item-desc-lead {
  text-align: center;
  background-color: #FFA6B2;
  border-radius: 40px;
  color: #ffffff;
  padding: 0.25rem;
  font-weight: 700;
}
.c-subPage-card__item-desc-icons {
  display: flex;
  margin-top: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .c-subPage-card__item-desc-icons {
    row-gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-desc-icons {
    gap: 1rem;
  }
}
.c-subPage-card__item-desc-icon img {
  margin: 0 auto;
  padding-inline: 15px;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-desc-icon img {
    width: 72px;
    padding-inline: 4px;
  }
}
.c-subPage-card__item-desc-icon p {
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  color: #FF4861;
  font-weight: 700;
  margin-top: 0.5rem;
  text-align: center;
  white-space: nowrap;
}
.c-subPage-card__item-movie {
  display: flex;
  align-items: center;
  width: 85%;
  padding-left: 2.5rem;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-movie {
    width: 100%;
    padding-left: 1rem;
    justify-content: center;
  }
}
.c-subPage-card__item-movie img {
  width: 148px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-subPage-card__item-movie img {
    width: 103px;
  }
}

/* ===============================================
# LINE応募 ポップアップ（jQuery UI）
=============================================== */
#dialogWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: 0;
  left: 0;
}

#dialog {
  display: none;
}

.ui-dialog *:focus {
  outline: none;
}
.ui-dialog {
  min-width: 320px !important;
  width: 90% !important;
  max-width: 352px !important;
  background-color: #ffffff !important;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.05);
  padding: 0px !important;
  line-height: 1;
  letter-spacing: normal;
  z-index: 9999 !important;
  text-align: center;
}
.ui-dialog-titlebar {
  display: none;
}
.ui-dialog-content {
  margin: 0;
  padding: 0 !important;
  font-size: 16px;
  overflow: visible !important;
}
.ui-dialog-content .c-dialog {
  outline: none !important;
}
.ui-dialog-content .c-dialog__balloon {
  position: absolute;
  top: -20px;
  background-color: #ffffff;
  transform: translateY(-100%);
  width: 100%;
  border-radius: 100px;
  padding: 0.75rem 2rem;
}
.ui-dialog-content .c-dialog__balloon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-top: 12px solid #ffffff;
  border-bottom: 0;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
}
.ui-dialog-content .c-dialog__balloon p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-dialog-content .c-dialog__balloon p::before {
  content: "";
  display: block;
  mask-image: url(../public/img/icon-check.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: #292929;
  width: 23px;
  height: 23px;
  margin-right: 8px;
}
.ui-dialog-content .c-dialog__balloon span {
  font-size: 2rem;
  margin-right: 2px;
  margin-left: 2px;
  font-family: "Noto Sans JP", sans-serif;
}
.ui-dialog-content .c-dialog__head {
  background-color: #06C755;
  border-radius: 20px 20px 0 0;
  padding: 16px 0;
  position: relative;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.ui-dialog-content .c-dialog__head h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin-bottom: 0;
}
.ui-dialog-content .c-dialog__close-button {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  right: 20px;
  border: none;
  background-color: transparent;
  padding: 0;
  transform: translate(-50%, -50%);
}
.ui-dialog-content .c-dialog__close-button span,
.ui-dialog-content .c-dialog__close-button span::after {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 100%;
  height: 2px;
  border-radius: 1px;
}
.ui-dialog-content .c-dialog__close-button span {
  rotate: 45deg;
}
.ui-dialog-content .c-dialog__close-button span::after {
  rotate: -90deg;
}
.ui-dialog-content .c-dialog__inner {
  padding-top: 0.75rem;
  padding-inline: 1rem;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ui-dialog-content .c-dialog__lead {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ui-dialog-content .c-dialog__lead p {
  padding-inline: 12px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.ui-dialog-content .c-dialog__lead p span {
  font-size: 1.25rem;
  color: #06C755;
}
.ui-dialog-content .c-dialog__lead::before, .ui-dialog-content .c-dialog__lead::after {
  content: "";
  display: block;
  background-color: #292929;
  width: 2px;
  height: 20px;
  transform-origin: 50% 100%;
}
.ui-dialog-content .c-dialog__lead::before {
  transform: rotate(-32deg);
}
.ui-dialog-content .c-dialog__lead::after {
  transform: rotate(32deg);
}
.ui-dialog-content .c-dialog .line-template {
  display: block;
  width: -webkit-fill-available;
  height: 107px;
  border: #D8D8D8 1px solid;
  border-radius: 10px;
  padding: 0.75rem;
  font-size: 12px;
  resize: none;
}
.ui-dialog-content .c-dialog .line-template::-webkit-scrollbar {
  width: 12px;
}
.ui-dialog-content .c-dialog .line-template-webkit-scrollbar-thumb {
  background-color: #888;
  /* スクロールバーの色 */
  border-radius: 10px;
  border: 3px solid #f1f1f1;
}
.ui-dialog-content .c-dialog__desc {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.ui-dialog-content .c-dialog__desc span {
  background-color: #FFFABE;
}
.ui-dialog textarea.line-template {
  overflow-y: scroll;
  scrollbar-width: auto;
  /* Firefox用 */
}
.ui-dialog textarea.line-template::-webkit-scrollbar {
  width: 6px !important;
}
.ui-dialog textarea.line-template::-webkit-scrollbar-thumb {
  background-color: #BDBDBD;
  /* スクロールバーの色 */
  border-radius: 8px;
  height: 50px;
}
.ui-dialog-buttonpane {
  padding: 12px 16px 16px 12px !important;
  text-align: center;
  margin-top: 0 !important;
  border-radius: 0 0 20px 20px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  margin: 0;
  padding: 8px 36px;
  font-size: 16px;
  border-radius: 50px;
  border: none;
  outline: none !important;
  background-color: #06C755 !important;
  color: #fff !important;
  width: -webkit-fill-available;
  transition: background-color 0.5s ease, color 0.5s ease;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button::after {
  content: "";
  background-image: url(../public/img/popup-line-icon.svg);
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 33px;
  order: -1;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.disabled {
  background: #D8D8D8 !important;
  color: #808080 !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.disabled::after {
  background-image: url(../public/img/popup-line-icon--disabled.svg);
}
.ui-dialog-buttonpane .ui-dialog-buttonset #copy-resume-btn {
  padding: 20px 36px;
  font-size: 24px;
  background: linear-gradient(0deg, #00AA61, #00E55E);
  border-radius: 10px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset #copy-resume-btn::after {
  content: "";
  background-image: url(../public/img/popup-copy-icon.svg);
  width: 24px;
  height: 24px;
  order: 1;
}
.ui-dialog-buttonpane .ui-dialog-buttonset #copy-resume-btn.disabled {
  background: #D8D8D8 !important;
  color: #808080 !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset #copy-resume-btn.disabled::after {
  display: none;
}
.ui-dialog .c-dialog__bottom {
  background-color: #D8D8D8;
  padding: 1rem 0.75rem 0.75rem;
  border-radius: 0 0 20px 20px;
  transition: background-color 0.3s;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.ui-dialog .c-dialog__bottom-title {
  color: #808080;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  transition: color 0.3s;
}
.ui-dialog .c-dialog__merit {
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0.5rem 0.75rem 0.75rem;
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.ui-dialog .c-dialog__merit-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui-dialog .c-dialog__merit-list-item {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 4px;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
}
.ui-dialog .c-dialog__merit-list-imgWrapper {
  width: 24px;
  height: 24px;
  background-color: #06C755;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.ui-dialog .c-dialog__merit-imgWrapper {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #FFE9F0;
  display: grid;
  place-items: center;
  display: flex;
  flex-direction: column;
}
.ui-dialog .c-dialog__merit-imgWrapper img {
  border-radius: 50%;
}
.ui-dialog .c-dialog__merit-img-text {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  padding: 2px 12px;
  background-color: #292929;
  transform: translateY(-10px);
  border-radius: 50px;
}

.ui-widget-content {
  border: none !important;
}

.ui-widget-overlay {
  background-color: #000 !important;
  opacity: 0.3 !important;
  z-index: 9998;
}

/* ===============================================
# Slickスライダー（slick.js）
=============================================== */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto -1rem auto;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: block;
}

.slick-dots2 {
  position: absolute;
  bottom: -60px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots2 li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .slick-dots2 li {
    margin: 0;
  }
}
.slick-dots2 li.slick-active button::before {
  color: red;
}
.slick-dots2 li button {
  background: transparent;
  border: 0;
  font-size: 0pt;
}
.slick-dots2 li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 32px;
  line-height: 20px;
  text-align: center;
  color: #BDBDBD;
  opacity: 0.25;
}

/* Project ------------ */
/* ===============================================
# Header
=============================================== */
.p-header {
  padding: 12px 32px 12px 32px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 14px;
  font-weight: 500;
  background: #ffffff;
  height: 64px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-header {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-header {
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.15);
    height: 57px;
  }
}
.p-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1376px;
  box-sizing: border-box;
  margin: 0 auto;
}
.p-header__logo img {
  width: 116px;
}
@media screen and (max-width: 768px) {
  .p-header__logo img {
    width: 100px;
  }
}
.p-header__logo--seasonal img {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .p-header__logo--seasonal img {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .p-header .c-buttonLink {
    width: 100% !important;
  }
}
.p-header .c-buttonLink svg {
  width: 40px;
  height: 40px;
}
.p-header.scroll {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body:has(.p-diagnosis) .p-header,
body:has(.p-diagnosis-result) .p-header {
  background: #ffffff;
  width: 100%;
  height: fit-content;
  padding: 8px 16px;
  box-sizing: border-box;
  position: absolute;
}
@media screen and (max-width: 768px) {
  body:has(.p-diagnosis) .p-header,
  body:has(.p-diagnosis-result) .p-header {
    padding: 8px 12px;
  }
}
body:has(.p-diagnosis) .p-header__inner,
body:has(.p-diagnosis-result) .p-header__inner {
  width: 100%;
  max-width: 1376px;
  height: fit-content;
  justify-content: space-between;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
body:has(.p-diagnosis) .p-header__logo-test,
body:has(.p-diagnosis-result) .p-header__logo-test {
  width: 250px;
}
@media screen and (max-width: 768px) {
  body:has(.p-diagnosis) .p-header__logo-test,
  body:has(.p-diagnosis-result) .p-header__logo-test {
    width: 111px;
  }
}
body:has(.p-diagnosis) .p-header__logo-test-bp img,
body:has(.p-diagnosis-result) .p-header__logo-test-bp img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
body:has(.p-diagnosis) .p-header__logo-mermaid,
body:has(.p-diagnosis-result) .p-header__logo-mermaid {
  width: 96px;
}
body:has(.p-diagnosis) .p-header__logo-mermaid img,
body:has(.p-diagnosis-result) .p-header__logo-mermaid img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

body:has(.p-diagnosis-result) .p-header {
  position: static;
}

body:has(.p-franchise) .p-header {
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .p-header {
    background: #ffffff;
  }
}
body:has(.p-franchise) .p-header .p-nav {
  padding: 64px 20px 12px;
  text-align: center;
  font-size: 16px;
}
body:has(.p-franchise) .p-header .p-nav__list {
  margin-bottom: 20px;
  gap: 0;
}
body:has(.p-franchise) .p-header .p-nav__listItem {
  padding: 12px;
  font-size: 14px;
}
body:has(.p-franchise) .p-header__BtnWrap {
  gap: 24px;
  display: flex;
}
body:has(.p-franchise) .p-header .c-hamburger span {
  background: #57CFBB;
}
body:has(.p-franchise) .p-header .c-hamburger span::before, body:has(.p-franchise) .p-header .c-hamburger span::after {
  background: #57CFBB;
}
body:has(.p-franchise) .p-header .c-hamburger.open span {
  background: transparent;
}

/* ===============================================
# ナビゲーション
=============================================== */
.p-nav__list {
  display: flex;
}
.p-nav--header {
  display: block;
  width: fit-content;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow-y: auto;
  transform: translateX(-100%);
  margin-right: calc(100% - 320px);
  padding: 16px;
  background: #ffffff;
  box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.p-nav--header .p-nav__list {
  flex-direction: column;
  margin-bottom: 24px;
}
.p-nav--header .p-nav__listItem {
  padding: 16px;
  border-bottom: 1px solid #F6F6F6;
}
.p-nav--header .p-nav__listItem:last-child {
  border: none;
}
.p-nav--footer {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 700;
  line-height: 100%;
}
.p-nav--footer .p-nav__list {
  gap: 12px;
}
.p-nav--footer .p-nav__listItem a {
  color: #ffffff;
}

/* ===============================================
# navのアニメーション
=============================================== */
.js-nav.open {
  transform: translateX(0);
}

/* ===============================================
# Footer
=============================================== */
.p-footer {
  height: 196px;
  padding: 2.5rem;
  color: #ffffff;
  background: #57CFBB;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-footer {
    padding: 3rem 2rem 2rem 2rem;
  }
}
@media screen and (max-width: 376px) {
  .p-footer {
    height: 172px;
  }
}
.p-footer__inner {
  width: 100%;
  height: 100%;
  max-width: 1376px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-footer__inner {
    justify-content: start;
    gap: 1rem;
  }
}
@media screen and (max-width: 376px) {
  .p-footer__inner {
    align-items: center;
    gap: 1.5rem;
  }
}
.p-footer__pagetop {
  background: #ffffff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: relative;
  box-shadow: 2px 8px 22.9px 0px rgba(0, 0, 0, 0.1);
  border: none;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .p-footer__pagetop {
    top: -75px;
  }
}
@media screen and (max-width: 376px) {
  .p-footer__pagetop {
    top: -57px;
    width: 51px;
    height: 51px;
  }
}
.p-footer__pagetop a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #57CFBB;
  color: #57CFBB;
  font-weight: 700;
  line-height: 100%;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  letter-spacing: 1.5;
}
.p-footer__copyright {
  font-family: "Roboto";
  font-size: clamp(10px, 2vw, 14px);
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}

body:has(.p-franchise) .p-footer {
  height: fit-content;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .p-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}
body:has(.p-franchise) .p-footer__inner {
  display: flex;
  align-items: end;
  gap: 20px;
  max-width: 1376px;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .p-footer__inner {
    gap: 20px;
  }
}
body:has(.p-franchise) .p-footer__p-nav-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .p-footer__p-nav-container {
    flex-direction: column;
    gap: 16px;
  }
}
body:has(.p-franchise) .p-footer__sns-container {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 16px;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .p-footer__sns-container {
    gap: 8px;
  }
}
body:has(.p-franchise) .p-footer__sns-items {
  display: flex;
  gap: 12px;
}

.p-footer-area-detail {
  line-height: 1;
  padding: 2.5rem;
  color: #ffffff;
  background: #57CFBB;
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
@media screen and (max-width: 768px) {
  .p-footer-area-detail {
    padding: 2.5rem 0 7.625rem 0;
  }
}
.p-footer-area-detail__inner {
  position: relative;
  max-width: 1376px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-footer-area-detail__inner {
    padding: 0 1.25rem;
  }
}
.p-footer-area-detail__list {
  text-align: left;
}
.p-footer-area-detail__ttl {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.p-footer-area-detail__content {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-height: 600px;
  max-width: 100vw;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5rem 0px 2rem;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-footer-area-detail__content {
    height: 52vh;
  }
}
.p-footer-area-detail__txtArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.p-footer-area-detail__prefectureName {
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: clamp(14px, 2vw, 16px);
}
.p-footer-area-detail__branchName {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  margin-bottom: 0.75rem;
}
.p-footer-area-detail__branchName a {
  color: #fff;
  display: block;
  font-size: clamp(12px, 2vw, 14px);
  margin-bottom: 0.65rem;
  letter-spacing: 0;
}
.p-footer-area-detail__branchName a:last-child {
  margin: 0;
}
.p-footer-area-detail__nav-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* ===============================================
# fv
=============================================== */
.p-fv__content {
  background-image: url(../public/img/fv-bg-img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 64px;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .p-fv__content {
    padding-top: 42px;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__content {
    padding-top: 24px;
    margin-top: -57px;
    background-position: 35% 100%;
  }
}
@media screen and (max-width: 376px) {
  .p-fv__content {
    padding-top: 18px;
  }
}
.p-fv__img {
  position: absolute;
  width: 748px;
  left: 47%;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .p-fv__img {
    width: 432px;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__img {
    width: clamp(400px, 83vw, 800px);
    left: auto;
    right: -68px;
  }
}
@media screen and (max-width: 376px) {
  .p-fv__img {
    right: -76px;
  }
}
.p-fv__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-fv__inner {
  display: flex;
  justify-content: center;
  max-width: 1344px;
  gap: 3rem;
  width: 100%;
  padding-left: 80px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-fv__inner {
    width: 84%;
    gap: 4rem;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__inner {
    margin: 0;
    width: 100%;
  }
}
.p-fv__text-contents {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: left;
  padding-bottom: 56px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .p-fv__text-contents {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__text-contents {
    align-items: start;
    padding: 46px 16px 16px;
  }
}
.p-fv__text {
  filter: drop-shadow(2px 2px 0px rgba(255, 93, 115, 0.9));
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #ffffff;
  font-size: clamp(20px, 4vw, 48px);
  font-weight: 700;
  line-height: 100%;
  transform: skewX(-10deg);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  padding: 0 20px 20px 30px;
  width: 32%;
  height: auto;
  align-items: center;
  white-space: nowrap;
  letter-spacing: 1;
}
@media screen and (max-width: 1024px) {
  .p-fv__text {
    width: 42%;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__text {
    flex-direction: row;
    align-items: baseline;
    gap: 0;
    padding: 0 8px 8px 8px;
    justify-content: start;
    width: fit-content;
    margin-left: 8px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }
}
@media screen and (max-width: 376px) {
  .p-fv__text {
    width: 80%;
    margin-left: 8px;
    padding-left: 8px !important;
  }
}
.p-fv__text:not(:has(.p-fv__text-flex)) {
  padding: 20px 20px 40px 30px;
}
@media screen and (max-width: 768px) {
  .p-fv__text:not(:has(.p-fv__text-flex)) {
    padding: 8px;
  }
}
.p-fv__text:has(.p-fv__text-listing) {
  width: 42%;
}
@media screen and (max-width: 1024px) {
  .p-fv__text:has(.p-fv__text-listing) {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__text:has(.p-fv__text-listing) {
    width: fit-content;
  }
}
.p-fv__text:has(.p-fv__text-listing-flex) {
  flex-direction: row;
  gap: 0;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .p-fv__text:has(.p-fv__text-listing-flex) {
    padding-top: 20px;
    padding-left: 20px;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-fv__text:has(.p-fv__text-listing-flex) {
    padding-top: 8px;
    gap: 8px;
    align-items: center;
  }
}
.p-fv__text span {
  padding: 2px;
}
.p-fv__text-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .p-fv__text-wrap {
    justify-content: space-between;
    padding-left: 12px;
  }
}
@media screen and (max-width: 376px) {
  .p-fv__text-wrap {
    padding-left: 0;
    margin-left: -12px;
  }
}
.p-fv__text-flex {
  display: flex;
  width: fit-content;
  align-items: flex-end;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .p-fv__text-flex {
    white-space: nowrap;
    padding-right: 0;
  }
}
.p-fv__text-listing {
  padding-top: 1rem;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .p-fv__text-listing {
    padding-top: 8px;
  }
}
.p-fv__text-listing-M {
  font-size: clamp(1rem, 0.296rem + 3vw, 3rem);
  letter-spacing: 0;
  padding: 0 !important;
}
.p-fv__text-listing-S {
  font-size: clamp(1.25rem, 0.222rem + 2.25vw, 2.25rem);
  letter-spacing: -0.02em;
}
.p-fv__text-listing-XS {
  font-size: clamp(0.75rem, 0.222rem + 2.25vw, 2.25rem);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-fv__text-listing-XS {
    padding-inline: 2px;
  }
}
.p-fv__text-listing-XXS {
  font-size: clamp(1.25rem, 0.648rem + 1.5vw, 2rem);
  padding: 0.75rem 1rem !important;
  border-radius: 10px;
  border: 3px solid #ffffff;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-fv__text-listing-XXS {
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px;
    border: 2px solid #ffffff;
  }
}
.p-fv__text-L {
  font-size: clamp(40px, 9vw, 72px);
  font-weight: 900;
  line-height: 100%;
}
.p-fv__text-M {
  font-weight: 700;
  line-height: 100%;
  font-size: clamp(16px, 5.5vw, 48px);
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .p-fv__text-M {
    white-space: nowrap;
  }
}
.p-fv__text-S {
  font-size: clamp(14px, 4vw, 36px);
  font-weight: 700;
  line-height: 100%;
}
.p-fv__tagline {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transform: skewX(-10deg);
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-fv__tagline {
    transform: skewX(0);
    flex-direction: row-reverse;
    width: fit-content;
    gap: 0.6rem;
    padding-top: 20px;
  }
}
@media screen and (max-width: 376px) {
  .p-fv__tagline {
    padding-top: 0;
  }
}
.p-fv__tagline-sub {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(20px, 5vw, 56px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.3;
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-sub {
    writing-mode: vertical-rl;
    display: inline-block;
    box-decoration-break: clone;
  }
}
.p-fv__tagline-sub-bg {
  background: #ffffff;
  padding: 12px 8px;
  width: fit-content;
  height: fit-content;
  margin-right: 116px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-sub-bg {
    margin: 0;
    padding: 8px;
    min-width: 32px;
  }
}
.p-fv__tagline-big {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(40px, 8vw, 96px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.01;
  display: block;
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-big {
    writing-mode: vertical-rl;
    display: inline-block;
    box-decoration-break: clone;
  }
}
.p-fv__tagline-big-bg {
  background: #ffffff;
  padding: 12px 0 12px 8px;
  width: fit-content;
  height: fit-content;
  margin-left: 20px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-big-bg {
    margin-left: 16px;
    margin-top: 36px;
    padding: 8px 4px;
    min-width: 40px;
    width: unset;
  }
}
.p-fv__tagline-listing {
  display: flex;
  align-items: flex-end;
  font-size: clamp(1.5rem, 0.62rem + 3.76vw, 4rem);
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-listing {
    align-items: center;
    gap: 2px;
  }
}
.p-fv__tagline-listing-bg {
  padding-right: 8px;
}
.p-fv__tagline-listing-bg .p-fv__tagline-sub {
  font-size: clamp(1.5rem, 0.62rem + 3.76vw, 4rem);
}
.p-fv__tagline-en, .p-fv__tagline-num {
  display: block;
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-en, .p-fv__tagline-num {
    writing-mode: lr;
    letter-spacing: 0;
  }
}
.p-fv__tagline-en {
  font-size: clamp(1rem, -0.056rem + 4.51vw, 4rem);
}
@media screen and (max-width: 768px) {
  .p-fv__tagline-symbol {
    display: none;
  }
}
@supports (-webkit-touch-callout: none) {
  .p-fv .fv__tagline-big-bg {
    width: auto;
  }
}
.p-fv__points {
  display: flex;
  gap: 12px;
  letter-spacing: 0.2;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-fv__points {
    width: 90%;
  }
}
.p-fv__points-point {
  width: clamp(118px, 30vw, 168px);
  height: clamp(118px, 30vw, 168px);
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.p-fv__points-point::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../public/img/fv-point-img.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  min-width: 110px;
  height: 100%;
  min-height: 110px;
  z-index: -1;
  filter: drop-shadow(0px 12px 20px rgba(114, 2, 0, 0.1));
}
.p-fv .point-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.p-fv .text {
  color: #292929;
  font-weight: 500;
  line-height: 100%;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p-fv .text {
    font-size: 18px;
  }
}
@media screen and (max-width: 376px) {
  .p-fv .text {
    font-size: 16px;
  }
}
.p-fv .text-small {
  font-size: 18px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 1024px) {
  .p-fv .text-small {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-fv .text-small {
    font-size: 14px;
  }
}
.p-fv .text-accent {
  color: #FF4861;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .p-fv .text-accent {
    font-size: clamp(24px, 7vw, 32px);
  }
}
.p-fv .text-accent-small {
  font-weight: 600;
  line-height: 100%;
  font-size: clamp(16px, 3.5vw, 24px);
}
.p-fv .text-accent--tight {
  letter-spacing: 0;
}
.p-fv .lp-shiga {
  display: flex;
  gap: 2px;
  align-items: baseline;
  justify-content: center;
}
.p-fv .lp-shiga .text-small {
  color: #292929;
}
.p-fv__appeal-items {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0.9rem;
  margin: 0 auto;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  color: #ffffff;
  max-width: 1320px;
}
.p-fv__appeal-items-bg {
  background: #ffffff;
  padding-top: 24px;
  padding-bottom: 40px;
  padding: 24px 24px 40px 24px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-fv__appeal-items-bg {
    display: none;
  }
}
.p-fv__appeal-items__item {
  background: linear-gradient(125deg, #FFB499 -11.18%, #FFA0C9 93.94%);
  border-radius: 10px;
  text-align: center;
  width: 100%;
  padding: 12px;
  white-space: nowrap;
  box-sizing: border-box;
}

.p-fv--movie .p-fv__content {
  overflow-y: hidden;
  background-image: unset;
}
.p-fv--movie .p-fv__inner {
  max-width: 1560px;
}
@media screen and (max-width: 1024px) {
  .p-fv--movie .p-fv__inner {
    width: 92%;
  }
}
.p-fv--movie .p-fv__movie {
  position: absolute;
  inset: 0;
  opacity: 0.8;
}
.p-fv--movie .p-fv__movie::after {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(141, 136, 136, 0.1);
  position: absolute;
}
.p-fv--movie .p-fv__movie-content {
  max-width: initial;
  min-width: 100%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-fv--movie .p-fv__movie-content {
    max-height: 100%;
    height: calc(100vh - 48px);
  }
}
.p-fv--movie .p-fv__points-point::after {
  background-image: url(../public/img/fv-point-img--movie.webp);
}

/* ===============================================
# campaign
=============================================== */
.p-campaign {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  gap: 0.05rem;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 96px;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .p-campaign {
    padding: 32px 20px 48px 20px;
  }
}
.p-campaign__left {
  width: clamp(90px, 17vw, 308px);
  transform: rotate(-4deg);
  min-width: 90px;
  max-width: 308px;
}
@media screen and (max-width: 1024px) {
  .p-campaign__left {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .p-campaign__left {
    display: none;
  }
}
.p-campaign__left img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-campaign__picture-content {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-campaign__picture-content::before {
    content: "";
    position: absolute;
    background-image: url(../public/img/campaign__phone.gif);
    background-size: contain;
    background-repeat: no-repeat;
    top: 18%;
    left: 10%;
    width: clamp(110px, 42vw, 175px);
    height: clamp(159px, 49vw, 413px);
    z-index: 999;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}
.p-campaign__right {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 796px;
}
@media screen and (max-width: 768px) {
  .p-campaign__right {
    width: 500px;
    position: relative;
    z-index: 1;
    gap: 2rem;
    width: 100%;
  }
}
.p-campaign__right img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0px 12px 20px rgba(114, 2, 0, 0.05));
}
.p-campaign__description {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0.2;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-campaign__description {
    gap: 0.6rem;
  }
}
.p-campaign .c-buttonLink {
  width: 364px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-campaign .c-buttonLink {
    width: 279px;
  }
}
.p-campaign__seasonal {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 5rem;
  padding-bottom: 6rem;
  padding-inline: 2rem;
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal {
    padding: 3rem 1rem;
  }
}
.p-campaign__seasonal .p-campaign {
  padding: 2rem 2.25rem 3rem;
  background-color: #ffffff;
  border-radius: 40px;
  max-width: 1200px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .p-campaign {
    border-radius: 20px;
    padding: 1.25rem 1rem 20px;
  }
}
.p-campaign__seasonal .p-campaign__left {
  width: clamp(78px, 17vw, 260px);
  min-width: 78px;
  max-width: 260px;
}
@media screen and (max-width: 1024px) {
  .p-campaign__seasonal .p-campaign__left {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .p-campaign__picture-content {
    margin-left: -1rem;
    margin-right: -1rem;
    width: auto;
  }
}
.p-campaign__seasonal .p-campaign__picture-content:before {
  height: clamp(163px, 46vw, 413px);
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .p-campaign__picture-content img {
    width: auto;
  }
}
.p-campaign__seasonal .p-campaign__right {
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .p-campaign__right {
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .c-buttonLink--line.c-buttonLink--s {
    margin-top: 0.75rem;
  }
}
.p-campaign__seasonal .c-buttonLink--line.c-buttonLink--s a {
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
}
.p-campaign__seasonal .p-campagin__counter {
  width: 100%;
  text-align: center;
  margin: 1.25rem auto 1.25rem auto;
  max-width: 464px;
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .p-campagin__counter {
    margin-top: 8px;
    margin-bottom: 0;
  }
}
.p-campaign__seasonal .p-campagin__counter-wrapper {
  width: 84%;
  margin: 0 auto;
  padding-top: 1.25rem;
  padding-bottom: 2rem;
  padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .p-campagin__counter-wrapper {
    margin-top: 8px;
    padding-bottom: 20px;
    width: 100%;
  }
}
.p-campaign__seasonal .p-campagin__counter-lead {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.743rem + 0.56vw, 1.25rem);
}
.p-campaign__seasonal .tick {
  font-size: 1rem;
  white-space: nowrap;
  font-family: "Roboto";
}
.p-campaign__seasonal .tick-flip,
.p-campaign__seasonal .tick-text-inline {
  font-size: 2.5em;
}
.p-campaign__seasonal .tick-label {
  margin-top: 0.75rem;
  font-size: clamp(0.625rem, 0.537rem + 0.38vw, 0.875rem);
  text-transform: uppercase;
  color: #000 !important;
  letter-spacing: 0.03em;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
@media screen and (max-width: 768px) {
  .p-campaign__seasonal .tick-label {
    margin-top: 0.5rem;
  }
}
.p-campaign__seasonal .tick-char {
  width: 1.5em;
}
.p-campaign__seasonal .tick-text-inline {
  display: inline-block;
  text-align: center;
  min-width: 1em;
}
.p-campaign__seasonal .tick-text-inline + .tick-text-inline {
  margin-left: -0.325em;
}
.p-campaign__seasonal .tick-group {
  margin: 0 0.5em;
  text-align: center;
}
.p-campaign__seasonal .tick-group:first-of-type {
  margin-left: 0;
}
.p-campaign__seasonal .tick-group:last-of-type {
  margin-right: 0;
}
.p-campaign__seasonal .tick-text-inline {
  color: rgb(90, 93, 99) !important;
}
.p-campaign__seasonal .tick-flip-panel {
  color: rgb(255, 255, 255) !important;
}
.p-campaign__seasonal .tick-flip-panel-text-wrapper {
  line-height: 1.45 !important;
}
.p-campaign__seasonal .tick-flip-panel {
  background-color: rgb(59, 61, 59) !important;
}
.p-campaign__seasonal .tick-flip {
  border-radius: 4px !important;
}
.p-campaign__seasonal .tick-credits {
  display: none;
}
.p-campaign__summer {
  background-image: url(../public/img/campaign-summer-bg.webp);
}
.p-campaign__autumn {
  overflow: hidden;
  background-image: url(../public/img/campaign-autumn-bg.webp);
}
@media screen and (max-width: 768px) {
  .p-campaign__autumn {
    background-image: url(../public/img/campaign-autumn-bg-sp.webp);
  }
}
.p-campaign__autumn .p-campaign {
  position: relative;
}
.p-campaign__autumn .p-campaign__decolation {
  width: 22%;
  aspect-ratio: 254/270;
  position: absolute;
  bottom: -32px;
  right: -77px;
}
@media screen and (max-width: 1440px) {
  .p-campaign__autumn .p-campaign__decolation {
    right: -35px;
    width: 18%;
  }
}
@media screen and (max-width: 768px) {
  .p-campaign__autumn .p-campaign__decolation {
    width: 29%;
    bottom: -22px;
    right: -24px;
  }
}
.p-campaign__10 {
  overflow: hidden;
  background-image: url(../public/img/monthly-campaign/bg-10.webp);
}
@media screen and (max-width: 768px) {
  .p-campaign__10 {
    background-image: url(../public/img/monthly-campaign/bg-10-sp.webp);
  }
}
.p-campaign__10 .p-campaign {
  position: relative;
}
.p-campaign__10 .p-campaign__decolation {
  width: 34%;
  position: absolute;
  bottom: -28px;
  right: -5.5%;
  rotate: -7deg;
}
@media screen and (max-width: 1440px) {
  .p-campaign__10 .p-campaign__decolation {
    width: 30%;
    right: -3.8%;
  }
}
@media screen and (max-width: 768px) {
  .p-campaign__10 .p-campaign__decolation {
    rotate: 1deg;
    width: 44%;
    right: -8%;
    bottom: -48px;
  }
}
.p-campaign__11 {
  overflow: hidden;
  background-image: url(../public/img/monthly-campaign/bg-11.webp);
}
@media screen and (max-width: 768px) {
  .p-campaign__11 {
    background-image: url(../public/img/monthly-campaign/bg-11-sp.webp);
  }
}
.p-campaign__11 .p-campaign {
  position: relative;
}
.p-campaign__11 .p-campaign__decolation {
  width: 22%;
  aspect-ratio: 254/270;
  position: absolute;
  bottom: -32px;
  right: -77px;
}
@media screen and (max-width: 1440px) {
  .p-campaign__11 .p-campaign__decolation {
    right: -35px;
    width: 18%;
  }
}
@media screen and (max-width: 768px) {
  .p-campaign__11 .p-campaign__decolation {
    width: 29%;
    bottom: -44px;
    right: -32px;
  }
}

/* ===============================================
# workScene
=============================================== */
.p-workScene {
  box-sizing: border-box;
  text-align: center;
}
.p-workScene__problem {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 30px;
  background-image: url(../public/img/problem-img.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    border-radius: 0;
  }
}
@media screen and (max-width: 440px) {
  .p-workScene__problem {
    background-image: url(../public/img/problem-img-sp.webp);
  }
}
.p-workScene__problem-lead {
  padding: 1.5rem 0 2rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  text-align: center;
  font-size: clamp(1.25rem, 0.986rem + 1.13vw, 2rem);
  line-height: 1;
  border-radius: 30px 30px 0 0;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem-lead {
    border-radius: 0;
    padding: 1.25rem 0;
  }
}
.p-workScene__problem-lead span {
  display: block;
  font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
  margin-bottom: 12px;
}
.p-workScene__problem-balloon {
  padding: 0.75rem 1.5rem;
  background-color: #ffffff;
  position: relative;
  width: fit-content;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem-balloon {
    border-radius: 10px;
    padding: 0.5rem 1rem;
  }
}
.p-workScene__problem-balloon-top, .p-workScene__problem-balloon-bottom {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem-balloon-top, .p-workScene__problem-balloon-bottom {
    padding-inline: 14px;
  }
}
.p-workScene__problem-balloon-top {
  max-width: 834px;
  padding-top: 55px;
  width: 96%;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem-balloon-top {
    padding-top: 31px;
    width: 100%;
  }
  .p-workScene__problem-balloon-top .p-workScene__problem-balloon:first-child {
    transform: translateY(-13px);
  }
}
.p-workScene__problem-balloon-bottom {
  max-width: 928px;
  padding-top: 40px;
  width: 96%;
  padding-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem-balloon-bottom {
    width: 100%;
    padding-top: 135px;
    padding-bottom: 37px;
  }
}
@media screen and (max-width: 440px) {
  .p-workScene__problem-balloon-bottom .p-workScene__problem-balloon::after {
    top: auto;
    bottom: calc(100% - 5px);
    scale: 1 -1;
  }
  .p-workScene__problem-balloon-bottom .p-workScene__problem-balloon:last-child {
    transform: translateY(-16px);
  }
}
.p-workScene__problem-balloon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 19px solid #ffffff;
  border-right: 0;
  position: absolute;
  top: 50%;
  left: calc(100% - 5px);
  transform: translateY(-50%);
}
@media screen and (max-width: 440px) {
  .p-workScene__problem-balloon::after {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 13px solid #ffffff;
    border-left: 0;
    transform: translateX(-50%) rotate(270deg);
    top: calc(100% - 5px);
    left: 50%;
  }
}
.p-workScene__problem-balloon:last-of-type::after {
  right: calc(100% - 5px);
  left: unset;
  transform: scaleX(-1) translateY(-50%);
}
@media screen and (max-width: 440px) {
  .p-workScene__problem-balloon:last-of-type::after {
    right: unset;
    transform: translateX(-50%) rotate(270deg);
    left: 50%;
  }
}
.p-workScene__problem-balloon p {
  display: inline-block;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  font-size: clamp(0.75rem, 0.662rem + 0.38vw, 1rem);
  line-height: 1.7;
  text-align: right;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-workScene__problem-balloon p {
    line-height: 1.3;
  }
}
.p-workScene__problem-balloon p span {
  font-size: clamp(0.875rem, 0.743rem + 0.56vw, 1.25rem);
  font-weight: 900;
}
.p-workScene__triangle {
  padding: 12px;
  background-color: #FF4861;
  text-align: center;
  width: 202px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-workScene__triangle {
    width: 34%;
    padding: 8px;
    min-width: 114px;
  }
}
.p-workScene__triangle p {
  color: #ffffff;
  font-size: clamp(0.875rem, 0.655rem + 0.94vw, 1.5rem);
  line-height: 1.7;
  letter-spacing: 0;
}
.p-workScene__triangle::after {
  content: "";
  display: block;
  width: 100%;
  /* 親幅に合わせる */
  height: 42px;
  background-color: #FF4861;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  /* 下向き三角形 */
  position: absolute;
  top: 100%;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-workScene__triangle::after {
    height: 24px;
  }
}
.p-workScene__img {
  display: grid;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  margin-top: 98px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-workScene__img {
    gap: 1rem;
    margin-top: 44px;
  }
}
.p-workScene__img figcaption {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .p-workScene__img figcaption {
    margin-bottom: 4px;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
}
.p-workScene__img-title {
  text-align: center;
  font-size: clamp(1.5rem, 0.972rem + 2.25vw, 3rem);
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 24px;
  letter-spacing: 0;
}
.p-workScene__img-title span {
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .p-workScene__img-title {
    margin-bottom: 16px;
    line-height: 1.5;
  }
}
.p-workScene__img-desc {
  line-height: 100%;
  font-size: clamp(0.875rem, 0.655rem + 0.94vw, 1.5rem);
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-workScene__img-desc {
    padding-inline: 1rem;
    line-height: 1.5;
  }
}
.p-workScene__img-desc span {
  color: #FF4861;
  font-weight: 700;
}
.p-workScene__img-tag {
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-workScene__img-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .p-workScene__img-tag {
    margin-top: 1rem;
  }
}
.p-workScene__img-tag p {
  font-size: 12px;
  line-height: 1.3;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgba(255, 72, 97, 0.6);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0;
}
.p-workScene__img-tag p span {
  font-size: 14px;
}
.p-workScene__img-slide-wrapper {
  display: flex;
  width: 100vw;
  overflow-x: hidden;
  justify-items: start;
  gap: 1rem;
}
.p-workScene__img-slide-wrapper:nth-of-type(2) {
  justify-content: end;
}
.p-workScene__img-slide-wrapper:nth-of-type(2) ul.is-animaton {
  animation: scroll-right 80s infinite linear -0.5s both;
}
.p-workScene__img-slide {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}
.p-workScene__img-slide ul {
  width: 164.5833333333vw;
  display: flex;
  gap: 2.5rem;
}
.p-workScene__img-slide ul.is-animaton {
  animation: scroll-left 80s infinite linear 0.5s both;
}
.p-workScene__img-slide ul li img {
  aspect-ratio: 280/210;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .p-workScene__img-slide ul li img {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .p-workScene__img-slide ul {
    width: 308.59375vw;
  }
}
@media screen and (max-width: 768px) {
  .p-workScene__img-slide ul {
    width: 411.4583333333vw;
    gap: 1rem;
  }
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scroll-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.p-workScene__img-slide-label {
  position: absolute;
  width: 190px;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: rgba(255, 72, 97, 0.6);
  display: grid;
  place-items: center;
  font-weight: 900;
}
@media screen and (max-width: 1440px) {
  .p-workScene__img-slide-label {
    width: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .p-workScene__img-slide-label {
    display: none;
  }
}
.p-workScene__img-slide-label:nth-of-type(3) {
  right: calc(50% - 681px);
  top: 0;
}
@media screen and (max-width: 1440px) {
  .p-workScene__img-slide-label:nth-of-type(3) {
    right: 0;
    top: 40px;
  }
}
.p-workScene__img-slide-label:nth-of-type(4) {
  left: calc(50% - 681px);
  bottom: -150px;
}
@media screen and (max-width: 1440px) {
  .p-workScene__img-slide-label:nth-of-type(4) {
    left: 0;
    bottom: -110px;
  }
}
.p-workScene__img-slide-label p {
  color: #ffffff;
  line-height: 1.3;
  font-size: 24px;
  letter-spacing: 0;
}
@media screen and (max-width: 1440px) {
  .p-workScene__img-slide-label p {
    font-size: 18px;
  }
}
.p-workScene__img-slide-label p span {
  font-size: 32px;
}
@media screen and (max-width: 1440px) {
  .p-workScene__img-slide-label p span {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .p-workScene__img-slide-label {
    display: none;
  }
}
.p-workScene__img-bottom {
  margin-top: 3.5rem;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-workScene__img-bottom {
    margin-top: 1.25em;
  }
}
.p-workScene__img-bottom-text {
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-workScene__img-bottom-text {
    font-weight: 500;
  }
}
.p-workScene__button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 4.5rem;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .p-workScene__button {
    gap: 1rem;
    margin-top: 1.25rem;
  }
}
.p-workScene__button-text {
  font-weight: 700;
  line-height: 1;
  font-size: clamp(0.875rem, 0.743rem + 0.56vw, 1.25rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  letter-spacing: 0;
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .p-workScene__button-text {
    gap: 0.75rem;
  }
}
.p-workScene__button-text::before, .p-workScene__button-text::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: #292929;
}
@media screen and (max-width: 768px) {
  .p-workScene__button-text::before, .p-workScene__button-text::after {
    height: 1px;
    width: 16px;
  }
}
.p-workScene__button-text::before {
  transform: rotate(70deg);
  transform-origin: right;
}
.p-workScene__button-text::after {
  transform: rotate(-70deg);
  transform-origin: left;
}
.p-workScene .c-buttonLink {
  width: 320px;
}
@media screen and (max-width: 376px) {
  .p-workScene .c-buttonLink {
    width: 100%;
  }
}

.p-recruitment-contact {
  padding: 6rem 1rem;
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact {
    padding: 2.25rem 1rem;
  }
}
.p-recruitment-contact__lead {
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  font-weight: 700;
}
.p-recruitment-contact__lead p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
}
.p-recruitment-contact__lead h2 {
  margin-top: 1.25rem;
  font-size: clamp(1.5rem, 1.148rem + 1.5vw, 2.5rem);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__lead h2 {
    line-height: 1.5;
    margin-top: 0.75rem;
  }
}
.p-recruitment-contact__card {
  max-width: 720px;
  padding: 0 3.5rem 2.5rem;
  background-color: #ffffff;
  margin: 0 auto;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  border-radius: 30px;
  margin-top: 6rem;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card {
    margin-top: 2.5rem;
    padding: 0 1rem 2rem;
    border-radius: 20px;
  }
}
.p-recruitment-contact__card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  transform: translateY(-28px);
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-top {
    flex-direction: column;
    align-items: center;
  }
}
.p-recruitment-contact__card-comment {
  padding-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-comment {
    padding-bottom: 0;
  }
}
.p-recruitment-contact__card-age {
  color: #FF4861;
  font-weight: 700;
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed #FF4861;
  margin-bottom: 8px;
  text-align: center;
}
.p-recruitment-contact__card-text {
  line-height: 1.5;
  font-weight: 700;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-text {
    font-weight: 500;
  }
}
.p-recruitment-contact__card-img {
  width: 164px;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-img {
    order: -1;
    width: 40%;
    width: 122px;
  }
}
.p-recruitment-contact__card-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: solid 14px #ffffff;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-img img {
    border: solid 10px #ffffff;
  }
}
.p-recruitment-contact__card-button {
  margin-top: -8px;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-button {
    text-align: center;
  }
}
.p-recruitment-contact__card-button p {
  font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .p-recruitment-contact__card-button p {
    margin-top: 0.75rem;
  }
}

/* ===============================================
# reason
=============================================== */
.p-reason {
  text-align: center;
  overflow: hidden;
}
.p-reason__list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.p-reason__listItem {
  display: block;
  text-align: center;
  padding-inline: 1.2rem;
}
.p-reason__listItem:first-of-type {
  padding-inline: 0;
}
.p-reason__content:has(.p-reasonBonus) {
  background: #FFE9F0;
  border-radius: 30px;
  text-align: center;
  padding: 80px 48px;
  width: fit-content;
  margin-inline: auto;
  box-sizing: border-box;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .p-reason__content:has(.p-reasonBonus) {
    border-radius: 0;
    width: 100%;
    padding: 48px 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-reason__content:has(.p-reasonBonus) {
    padding: 24px 16px;
    margin-bottom: 2rem;
  }
}
.p-reason__content-title {
  width: 100%;
  margin-inline: auto;
  margin-bottom: 2rem;
}
.p-reason__content-title-staff {
  margin-bottom: 36px;
}
.p-reason__content-title h3 {
  font-size: clamp(20px, 5vw, 36px);
  font-weight: 700;
  line-height: 100%;
  color: #FF4861;
}
.p-reason__content-title span {
  font-size: clamp(24px, 6vw, 48px);
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-reason__content-title img {
  width: clamp(132px, 40vw, 222px);
  height: auto;
  display: inline-block;
  margin-bottom: 2rem;
  justify-content: center;
}
.p-reason .c-bannerBlock .banner__area {
  margin-bottom: 0;
}
.p-reason .c-buttonLink {
  display: inline-block;
  width: 364px;
}
@media screen and (max-width: 768px) {
  .p-reason .c-buttonLink {
    width: 100%;
  }
}

/* ===============================================
# ボーナス
=============================================== */
.p-reasonBonus__list {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-reasonBonus__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: start;
    scroll-snap-type: x mandatory;
    gap: 1.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 376px) {
  .p-reasonBonus__list {
    flex-wrap: nowrap;
    justify-content: start;
    gap: 1rem;
  }
}
.p-reasonBonus {
  /*bonusカード*/
}
.p-reasonBonus__listItem {
  background: #ffffff;
  border-radius: 20px;
  padding: 1.2rem;
  max-width: 288px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-reasonBonus__listItem {
    min-width: 100%;
    scroll-snap-align: start;
  }
}
.p-reasonBonus__listItem h4 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 100%;
  color: #FF4861;
  margin-bottom: 1rem;
}
.p-reasonBonus__listItem h4 span {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.72px;
}
.p-reasonBonus__heading {
  background: linear-gradient(125deg, #FFB499 -11.18%, #FFA0C9 93.94%);
  color: #ffffff;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  gap: 2px;
  margin-bottom: 20px;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.p-reasonBonus__heading::before {
  font-family: "Oooh Baby";
  font-weight: 400;
  font-size: 1.1rem;
}
.p-reasonBonus__heading--day::before {
  content: "Day";
}
.p-reasonBonus__heading--month::before {
  content: "Month";
}
.p-reasonBonus__icon {
  width: 60px;
  height: 60px;
  margin-inline: auto;
}
.p-reasonBonus__example {
  position: relative;
  padding: 12px 20px;
  max-width: 100%;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
  width: 100%;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
}
.p-reasonBonus__example::before, .p-reasonBonus__example::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #FF4861 0, #FF4861 3px, transparent 3px, transparent 6px);
}
.p-reasonBonus__example::before {
  top: 0;
}
.p-reasonBonus__example::after {
  bottom: 0;
}
.p-reasonBonus__example p {
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  color: #FF4861;
  letter-spacing: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  white-space: nowrap;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-reasonBonus__example p {
    text-align: center;
  }
}
@media screen and (max-width: 376px) {
  .p-reasonBonus__example p {
    font-size: 14px;
  }
}
.p-reasonBonus__example p::before {
  content: "";
  display: inline-block;
  background-image: url(../public/img/icon-beginner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.p-reasonBonus__example p:nth-of-type(2)::before {
  content: "";
  display: inline-block;
  background-image: url(../public/img/Icon-crown.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.p-reasonBonus__desc {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 376px) {
  .p-reasonBonus__desc {
    font-size: 12px;
  }
}
.p-reasonBonus__desc p {
  white-space: normal;
}
.p-reasonBonus__arrow-down {
  display: inline-block;
  width: clamp(56px, 7vw, 84px);
  margin: 0 auto 36px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-reasonBonus__arrow-down {
    margin-bottom: 16px;
  }
}
.p-reasonBonus__arrow-down img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-reasonBonus__merit-box {
  background: #ffffff;
  border-radius: 30px;
  border: 2px solid #FF4861;
  padding: 2rem 1.7rem;
  width: fit-content;
  height: fit-content;
  margin-inline: auto;
  color: #FF4861;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-reasonBonus__merit-box {
    padding: 1.5rem 1.2rem;
    border-radius: 20px;
  }
}
@media screen and (max-width: 376px) {
  .p-reasonBonus__merit-box {
    width: 100%;
  }
}
.p-reasonBonus__merit-box__title {
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.72px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 1rem;
  margin-bottom: 1.2rem;
}
.p-reasonBonus__merit-box__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #FF4861 0, #FF4861 3px, transparent 3px, transparent 6px);
}
.p-reasonBonus__merit-box-items {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.p-reasonBonus__merit-box-items__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.p-reasonBonus__item-text {
  font-weight: 700;
  line-height: 100%;
  color: #FF4861;
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.9px;
  text-align: left;
  white-space: nowrap;
}
.p-reasonBonus__item-icon {
  width: clamp(20px, 3vw, 32px);
  height: auto;
}
.p-reasonBonus__item-icon img {
  object-fit: contain;
  width: 100%;
  height: auto;
  min-width: 20px;
  min-height: 20px;
}
.p-reasonBonus__item-text-marker {
  background: #FFFABE;
  letter-spacing: 0.2;
}
@media screen and (max-width: 768px) {
  .p-reasonBonus__item-text-marker {
    font-size: clamp(20px, 3vw, 24px);
  }
}
.p-reasonBonus__item-text-small {
  font-size: clamp(12px, 3vw, 20px);
  letter-spacing: 0.72px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  letter-spacing: 0.1px;
  white-space: nowrap;
}

/* ===============================================
# 待遇
=============================================== */
.p-reasonBenefit {
  text-align: center;
  max-width: 1024px;
  margin-inline: auto;
  margin-bottom: 4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.p-reasonBenefit img {
  display: block;
  margin-inline: auto;
  margin-bottom: 1.8rem;
}
.p-reasonBenefit p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-family: "Zen Maru Gothic";
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 2.5rem;
  text-align: center;
}
.p-reasonBenefit__title {
  font-weight: 600;
  line-height: 100%;
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-reasonBenefit__title {
    gap: 0.2rem;
    margin-bottom: 1.5rem;
  }
}
.p-reasonBenefit__title:nth-of-type(1) span {
  display: inline-block;
}
.p-reasonBenefit__title img {
  object-fit: contain;
  width: clamp(8px, 1.3vw, 36px);
  margin-bottom: 0;
}
.p-reasonBenefit__title-text {
  display: flex;
  align-items: baseline;
  font-size: clamp(16px, 3vw, 32px);
}
@media screen and (max-width: 768px) {
  .p-reasonBenefit__title-text {
    letter-spacing: 0.5;
  }
}
.p-reasonBenefit__title-big {
  font-size: clamp(24px, 5vw, 48px);
  font-weight: 700;
  line-height: 100%;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-bottom: 0.5rem;
}
.p-reasonBenefit__title-big::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 3px;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
}
@media screen and (max-width: 768px) {
  .p-reasonBenefit__title-big::after {
    height: 2px;
  }
}

/* ===============================================
# チャットルーム
=============================================== */
.p-reasonChatroom {
  position: relative;
}
.p-reasonChatroom__slider {
  max-width: 1024px;
  margin: 0 auto 3rem auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-reasonChatroom__slider {
    margin-bottom: 1.5rem;
  }
}
.p-reasonChatroom__slider .slick-slide {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  transform: scale(0.9);
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-reasonChatroom__slider .slick-slide {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.p-reasonChatroom__slider .is--active {
  transform: scale(1.25);
}
.p-reasonChatroom__slider .slick-slide img {
  width: 480px;
  border-radius: 30px;
}
@media screen and (max-width: 1024px) {
  .p-reasonChatroom__slider .slick-slide img {
    width: 88%;
  }
}
@media screen and (max-width: 768px) {
  .p-reasonChatroom__slider .slick-slide img {
    border-radius: 16px;
    width: 85%;
  }
}
.p-reasonChatroom__slider .prev-arrow,
.p-reasonChatroom__slider .next-arrow {
  border: none;
  background: transparent;
  z-index: 999;
}
.p-reasonChatroom__slider .prev-arrow {
  position: absolute;
  top: 50%;
  left: -80px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-reasonChatroom__slider .prev-arrow {
    left: 0;
  }
}
.p-reasonChatroom__slider .prev-arrow svg {
  width: 70%;
  height: 70%;
}
.p-reasonChatroom__slider .next-arrow {
  position: absolute;
  top: 50%;
  right: -80px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-reasonChatroom__slider .next-arrow {
    right: 0;
  }
}
.p-reasonChatroom__slider .next-arrow svg {
  width: 70%;
  height: 70%;
}
.p-reasonChatroom .c-panorama__button {
  top: 40px;
  left: calc(50% + 300px);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .p-reasonChatroom .c-panorama__button {
    left: 74%;
  }
}
@media screen and (max-width: 768px) {
  .p-reasonChatroom .c-panorama__button {
    top: 20px;
  }
}
.p-reasonChatroom__desc {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 3.5rem;
}
.p-reasonChatroom__desc p {
  font-size: clamp(14px, 3vw, 20px);
  letter-spacing: 0.5;
  line-height: 190%;
  word-break: keep-all;
  width: 100%;
}
@media screen and (max-width: 376px) {
  .p-reasonChatroom__desc p {
    letter-spacing: 0.2;
  }
}
.p-reasonChatroom__desc p span {
  color: #FF4861;
  font-weight: 700;
}

/* ===============================================
# スタッフ
=============================================== */
.p-reasonStaff__img {
  max-width: 1024px;
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto 2.5rem auto;
}
.p-reasonStaff__desc {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 3.5rem;
}
.p-reasonStaff__desc span {
  color: #FF4861;
  font-weight: 700;
}
.p-reasonStaff__desc p {
  font-size: clamp(14px, 3vw, 20px);
  letter-spacing: 0.5;
  line-height: 190%;
  word-break: keep-all;
}
@media screen and (max-width: 376px) {
  .p-reasonStaff__desc p {
    letter-spacing: 0.2;
  }
}

/* ===============================================
# Application
=============================================== */
.p-application {
  background-image: url(../public/img/application-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: fit-content;
  padding: 4rem 2rem;
  text-align: center;
  box-sizing: border-box;
}
.p-application__desc {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  padding: 1.5rem 2rem;
  width: fit-content;
  height: fit-content;
  margin: 0 auto 3rem auto;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 190%;
  text-align: left;
  gap: 1rem;
  box-sizing: border-box;
  letter-spacing: 1;
}
@media screen and (max-width: 768px) {
  .p-application__desc {
    border-radius: 20px;
    padding: 1rem 1.3rem;
    line-height: 150%;
    margin-bottom: 1.5rem;
  }
}
.p-application__desc span {
  color: #FF4861;
  font-weight: 700;
  padding: 0;
}
.p-application__desc p {
  font-size: clamp(14px, 1.6vw, 20px);
}
.p-application__inner {
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}
.p-application__movies {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .p-application__movies {
    margin-bottom: 1.5rem;
  }
}
.p-application__movies img {
  width: clamp(142px, 34vw, 320px);
  height: auto;
}
.p-application__movies span svg {
  width: clamp(24px, 3vw, 100px);
  height: auto;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .p-application .c-buttonLink {
    width: 100%;
  }
}

/* ===============================================
# インタビュー動画
=============================================== */
.p-movies__list {
  margin: 0 auto 6.5rem auto;
  max-width: 1440px;
  width: 100%;
  text-align: center;
  display: flex;
  gap: 16px;
}
.p-movies__listItem {
  width: 300px !important;
  margin-right: 1rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .p-movies__listItem {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
}
.p-movies__listItem-movie {
  position: relative;
  margin-bottom: 16px;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s ease-in;
  pointer-events: all;
}
.p-movies__listItem-movie iframe,
.p-movies__listItem-movie img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 376px) {
  .p-movies__listItem-movie iframe,
  .p-movies__listItem-movie img {
    border-radius: 16px;
  }
}
.p-movies__listItem-movie img {
  z-index: 10;
  cursor: pointer;
}
.p-movies__listItem-movie iframe {
  opacity: 0;
}
.p-movies__listItem-movie:not(.is-playing):hover {
  opacity: 0.7;
}
.p-movies__listItem-movie::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../public/img/icon-player.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  z-index: 20;
  transition: 0.3s ease-in;
}
.p-movies__listItem-movie.is-playing img, .p-movies__listItem-movie.is-playing::before {
  display: none;
}
.p-movies__listItem-movie.is-playing iframe {
  opacity: 1;
}
.p-movies__caption {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  line-height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: fit-content;
  justify-content: left;
  gap: 12px;
  white-space: nowrap;
}
.p-movies__text-head {
  display: flex;
  align-items: baseline;
  gap: 4px;
  width: fit-content;
}
.p-movies__user {
  font-size: 14px;
  letter-spacing: 0.5;
}
@media screen and (max-width: 768px) {
  .p-movies__user {
    font-size: 12px;
  }
}
.p-movies__money {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-movies__money {
    font-size: 16px;
  }
}
.p-movies__money span {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-movies__money span {
    font-size: 20px;
  }
}

/* ===============================================
# Interview
=============================================== */
.p-interview__desc {
  font-size: clamp(14px, 3vw, 20px);
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 376px) {
  .p-interview__desc {
    font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
    letter-spacing: 0.5;
  }
}
.p-interview__desc span {
  font-size: clamp(20px, 6vw, 40px);
  line-height: 150%;
  color: #FF4861;
}
@media screen and (max-width: 376px) {
  .p-interview__desc span {
    font-family: "Noto Serif JP", "serif";
  }
}
.p-interview__cardList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: fit-content;
  max-width: 1024px;
  row-gap: 2.3rem;
  column-gap: 1.5rem;
  margin: 0 auto 3rem auto;
}
@media screen and (max-width: 768px) {
  .p-interview__cardList {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.p-interview__cardList-wrap {
  text-align: center;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-interview__cardList-attention {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #FF4861;
  font-weight: 700;
  line-height: 100%;
  font-size: 14px;
  margin-bottom: 2rem;
  letter-spacing: 0.5;
}
@media screen and (max-width: 768px) {
  .p-interview__cardList-attention {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview__cardListItem {
    scroll-snap-align: start;
    min-width: 100%;
  }
}

/* ===============================================
# Answer
=============================================== */
.p-answer {
  background: linear-gradient(147deg, #FFE9F0 50.32%, #FFD6D8 50.44%);
  width: 100%;
  height: fit-content;
  padding-top: 3rem;
  padding-bottom: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-answer {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .p-answer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow-x: hidden;
  }
}
.p-answer .c-sectionTitle {
  margin-bottom: 2rem;
}
.p-answer__inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
}
.p-answer__cardList-title {
  color: #FF4861;
  font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
  font-weight: 600;
  line-height: 1;
  padding-inline: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: solid 1px #FF4861;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-answer__cardList-title {
    padding-bottom: 0.75rem;
    padding-inline: 1.25rem;
  }
}
.p-answer__cardList-head {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-bottom: 4.5rem;
  margin-top: 1rem;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .p-answer__cardList-head {
    margin-bottom: 2rem;
    margin-top: 0.75rem;
    gap: 2px;
    white-space: nowrap;
  }
}
.p-answer__cardList-head p {
  font-size: clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
}
.p-answer__cardList-head span {
  font-size: clamp(1.5rem, 1.045rem + 1.94vw, 2.5rem);
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  font-weight: 600;
}
.p-answer__cardList {
  display: flex;
  justify-content: center;
  gap: 1.3rem;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-answer__cardList {
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-answer__cardList {
    flex-direction: row;
    justify-content: start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}
.p-answer__cardListItem {
  border-radius: 30px 0;
  background: #ffffff;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  padding: 1.4rem;
  box-sizing: border-box;
  width: calc((100% - 2rem) / 2);
  height: 420px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-answer__cardListItem {
    width: 100%;
    height: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .p-answer__cardListItem {
    padding-bottom: 0.8rem;
    scroll-snap-align: start;
    min-width: 100%;
    height: 440px;
  }
}
@media screen and (max-width: 376px) {
  .p-answer__cardListItem {
    height: auto;
  }
}
.p-answer__cardListItem img {
  width: 32px;
  height: auto;
}
.p-answer__cardTitle {
  color: #292929;
  text-align: center;
  font-size: clamp(14px, 2.4vw, 20px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1;
  position: relative;
  z-index: 999;
  white-space: nowrap;
  margin-bottom: 2rem;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-answer__cardTitle {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.p-answer__cardTitle::after {
  content: "";
  width: 100%;
  height: 18px;
  position: absolute;
  bottom: -8px;
  left: 0;
  z-index: -1;
  background: #FFFABE;
}
.p-answer__cardListItem:nth-of-type(2n) .p-answer__cardTitle::after {
  background: #E3FFFA;
}
.p-answer__ranksList {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.p-answer__ranksListItem {
  font-size: clamp(14px, 2vw, 16px);
  text-align: left;
  letter-spacing: 0.8;
  display: flex;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 150%;
  justify-content: space-between;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #D8D8D8;
  align-items: center;
}
.p-answer__ranksListItem:first-child {
  font-weight: 700;
}
.p-answer__ranksListItem:first-child br {
  display: none;
}
.p-answer__ranksListItem:last-child {
  border: none;
}
.p-answer__ranksLabel {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .p-answer__ranksAmount {
    max-width: 260px;
  }
}
@media screen and (max-width: 376px) {
  .p-answer__ranksAmount {
    width: 162px;
  }
}

/* ===============================================
# Owner
=============================================== */
.p-owner {
  border-radius: 40px 40px 0 0;
  padding: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-owner {
    padding-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .p-owner {
    padding-top: 0;
    padding: 1.2rem;
  }
}
.p-owner__contents {
  text-align: center;
  margin-bottom: 2rem;
  box-sizing: border-box;
}
.p-owner__contents img {
  display: inline-block;
  width: 528px;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 1.7rem;
}
.p-owner__contents-message {
  text-align: center;
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.4px;
  white-space: nowrap;
  margin-bottom: 2rem;
  width: 100%;
}
.p-owner__contents__topics {
  background: #ffffff;
  border-radius: 20px;
  padding: 1.7rem 1.2rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 720px;
  box-sizing: border-box;
  margin: 0 auto 2.5rem auto;
  row-gap: 1rem;
  column-gap: 1rem;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-owner__contents__topics {
    border-radius: 10px;
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 376px) {
  .p-owner__contents__topics {
    max-width: 250px;
  }
}
.p-owner__contents__topics li {
  width: 205px;
  font-size: clamp(14px, 2.3vw, 20px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.6px;
  display: flex;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
  justify-content: left;
}
@media screen and (max-width: 768px) {
  .p-owner__contents__topics li {
    max-width: 160px;
  }
}
@media screen and (max-width: 376px) {
  .p-owner__contents__topics li {
    font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
    font-weight: 500;
  }
}
.p-owner__contents__topics li svg {
  width: clamp(16px, 3vw, 20px);
}
.p-owner .c-buttonLink {
  text-align: end;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-owner .c-buttonLink {
    width: 100%;
  }
}

.home .p-owner {
  max-width: 1020px;
  background-color: #F6F6F6;
  padding: 4.5rem 2.25rem 3.5rem;
  margin-bottom: 7.5rem;
  border-radius: 2.5rem;
}
@media screen and (max-width: 768px) {
  .home .p-owner {
    border-radius: 0;
    padding: 0 1rem;
    margin-bottom: 0;
  }
}

/* ===============================================
# Staff
=============================================== */
.p-staff {
  border-radius: 0 0 40px 40px;
  padding: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .p-staff {
    padding-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .p-staff {
    padding-top: 0;
    padding: 1.2rem;
  }
}

.home .p-staff {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .home .p-staff {
    padding: 2.5rem 0 0 0;
    margin-bottom: 0;
  }
}
.home .p-staff__inner {
  max-width: 1020px;
  background-color: #F6F6F6;
  padding: 4.5rem 2.25rem 3.5rem;
  border-radius: 2.5rem;
  margin: 0 auto 2rem auto;
}
@media screen and (max-width: 768px) {
  .home .p-staff__inner {
    border-radius: 0;
    padding: 0 1rem 2.5rem;
  }
}
.home .p-staff__inner + .c-buttonLink--detail {
  width: fit-content;
  text-align: center;
  display: block;
  margin: 0 auto;
}

/* ===============================================
# map
=============================================== */
.p-map {
  margin: 0 auto;
  max-width: 1024px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
}
.p-map .c-sectionTitle {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .p-map .c-sectionTitle {
    margin-bottom: 1.5rem;
  }
}
.p-map__heading {
  font-weight: 600;
  line-height: 100%;
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-map__heading {
    margin-bottom: 1rem;
  }
}
.p-map__heading:nth-of-type(1) span {
  display: inline-block;
}
.p-map__heading svg {
  width: clamp(12px, 1.5vw, 18px);
}
.p-map__heading-text {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: clamp(16px, 3vw, 32px);
}
.p-map__heading-big {
  font-size: clamp(24px, 5vw, 48px);
  font-weight: 700;
  line-height: 100%;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-bottom: 8px;
}
.p-map__heading-big::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
}
.p-map__heading-bold {
  font-size: clamp(24px, 5vw, 48px);
  font-weight: 700;
  line-height: 100%;
}
.p-map__container {
  position: relative;
  margin-top: -56px;
}
@media screen and (max-width: 768px) {
  .p-map__container {
    margin-top: 3rem;
  }
}
.p-map__guidance {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 100%;
  color: #BDBDBD;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  margin-bottom: 20px;
  font-size: clamp(12px, 2vw, 16px);
}
@media screen and (max-width: 768px) {
  .p-map__guidance {
    margin: 0 auto 12px auto;
  }
}
.p-map__guidance::before {
  content: "";
  display: inline-block;
  width: clamp(10px, 2.9vw, 14px);
  height: clamp(12px, 2.9vw, 18px);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='19' viewBox='0 0 14 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.466797C3.14041 0.466797 7.12633e-05 3.6969 7.12633e-05 7.6623C-0.0253035 13.4628 6.734 18.2724 7 18.4668C7 18.4668 14.0253 13.4628 13.9999 7.6668C13.9999 3.6969 10.8596 0.466797 7 0.466797ZM7 11.2668C5.06627 11.2668 3.50004 9.6558 3.50004 7.6668C3.50004 5.6778 5.06627 4.0668 7 4.0668C8.93373 4.0668 10.5 5.6778 10.5 7.6668C10.5 9.6558 8.93373 11.2668 7 11.2668Z' fill='%23808080'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-map__guidance-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 14px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-map__guidance-wrapper {
    gap: 0;
    align-items: center;
    left: 4%;
    top: -32px;
  }
}
@media screen and (max-width: 440px) {
  .p-map__guidance-wrapper {
    left: 0;
  }
}
.p-map__guidance-wrapper p {
  font-weight: 700;
  color: #57CFBB;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-map__guidance-wrapper p {
    font-size: 12px;
  }
}
.p-map__guidance-wrapper p::before {
  aspect-ratio: 30/39;
  height: auto;
  width: clamp(1.063rem, 0.578rem + 2.07vw, 2.438rem);
  background-image: unset;
  background-color: rgba(87, 207, 187, 0.45);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19'%3E%3Cpath d='M7 0.467C3.14 0.467 0 3.697 0 7.662C-0.0253 13.462 6.734 18.272 7 18.467C7 18.467 14.025 13.463 14 7.667C14 3.697 10.86 0.467 7 0.467ZM7 11.267C5.066 11.267 3.5 9.656 3.5 7.667C3.5 5.678 5.066 4.067 7 4.067C8.934 4.067 10.5 5.678 10.5 7.667C10.5 9.656 8.934 11.267 7 11.267Z' fill='white'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19'%3E%3Cpath d='M7 0.467C3.14 0.467 0 3.697 0 7.662C-0.0253 13.462 6.734 18.272 7 18.467C7 18.467 14.025 13.463 14 7.667C14 3.697 10.86 0.467 7 0.467ZM7 11.267C5.066 11.267 3.5 9.656 3.5 7.667C3.5 5.678 5.066 4.067 7 4.067C8.934 4.067 10.5 5.678 10.5 7.667C10.5 9.656 8.934 11.267 7 11.267Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}
.p-map__balloon {
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #F6F6F6;
  display: grid;
  place-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-map__balloon {
    width: 120px;
  }
}
.p-map__balloon::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 24px solid #F6F6F6;
  border-right: 0;
  right: 10px;
  bottom: 0;
  transform: rotate(43deg);
}
@media screen and (max-width: 768px) {
  .p-map__balloon::before {
    display: none;
  }
}
.p-map__img-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .p-map__img-wrapper {
    margin-left: -18px;
    gap: 4px;
  }
}
.p-map__img--blue {
  aspect-ratio: 90/120;
  width: clamp(3.125rem, 2.245rem + 3.76vw, 5.625rem);
  object-fit: cover;
  transform: rotate(6deg);
}
.p-map__img--pink {
  aspect-ratio: 35/48;
  width: clamp(2.188rem, 1.857rem + 1.41vw, 3.125rem);
  object-fit: cover;
  transform: rotate(-8deg);
}
.p-map__frame {
  position: relative;
  max-width: 912px;
  height: 492px;
  margin: 0 auto;
  overflow: hidden;
}
.p-map__frame p {
  position: absolute;
  z-index: 999;
}
.p-map__frame::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 912px;
  height: 492px;
}
.p-map__frame--mermaid, .p-map__frame--area {
  max-width: 1024px;
  height: 614px;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid, .p-map__frame--area {
    aspect-ratio: 343/301;
    width: 420px;
    height: auto;
  }
}
@media screen and (max-width: 440px) {
  .p-map__frame--mermaid, .p-map__frame--area {
    width: unset;
    height: 301px;
  }
}
.p-map__frame--mermaid::after, .p-map__frame--area::after {
  background-image: url(../public/img/map-mermaid.svg);
  max-width: 1024px;
  height: 614px;
  background-size: contain;
  background-position-y: 70%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid::after, .p-map__frame--area::after {
    background-image: url(../public/img/map-mermaid-sp.svg);
    aspect-ratio: 343/301;
    width: 420px;
    height: auto;
  }
}
@media screen and (max-width: 440px) {
  .p-map__frame--mermaid::after, .p-map__frame--area::after {
    width: unset;
    height: 301px;
  }
}
.p-map__frame--osaka::after {
  background-image: url(../public/img/map-osaka.webp);
}
.p-map__frame--hyogo::after {
  background-image: url(../public/img/map-hyogo.webp);
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo::after {
    width: 136%;
    background-position: right 31px bottom 26%;
    scale: 100%;
    background-image: url(../public/img/map-hyogo-sp.webp);
    background-size: 100%;
  }
}
@media screen and (max-width: 376px) {
  .p-map__frame--hyogo::after {
    scale: 100%;
  }
}
.p-map__frame--saitama::after {
  background-image: url(../public/img/map-saitama.webp);
}
@media screen and (max-width: 768px) {
  .p-map__frame--saitama::after {
    scale: 1.3;
  }
}
.p-map__frame--hiroshima::after {
  background-image: url(../public/img/map-hiroshima.webp);
}
.p-map__frame--kyoto::after {
  background-image: url(../public/img/map-kyoto.webp);
}
.p-map__frame--shiga::after {
  background-image: url(../public/img/map-shiga.webp);
}
@media screen and (max-width: 768px) {
  .p-map__frame--shiga::after {
    background-image: url(../public/img/map-shiga-sp.webp);
    background-position-x: 24%;
  }
}
.p-map__buttons {
  position: relative;
  z-index: 999;
  max-width: 100%;
  margin: auto;
}
.p-map__buttons button {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 600;
  border: 2px solid #FF4861;
  color: #FF4861;
  border-radius: 20px;
  padding: 2px 8px;
  background: #ffffff;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  white-space: nowrap;
  transition: 0.3s;
  font-size: clamp(12px, 1.7vw, 14px);
}
.p-map__buttons button:hover {
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  color: #ffffff;
  scale: 1.1;
  border: none;
}
.p-map__frame--mermaid .p-map__buttons, .p-map__frame--area .p-map__buttons {
  height: 614px;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons, .p-map__frame--area .p-map__buttons {
    height: 420px;
  }
}
@media screen and (max-width: 440px) {
  .p-map__frame--mermaid .p-map__buttons, .p-map__frame--area .p-map__buttons {
    height: 301px;
  }
}
.p-map__frame--mermaid .p-map__buttons button, .p-map__frame--area .p-map__buttons button {
  font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
  padding: 6px 0;
  width: clamp(56px, 2.62rem + 3.76vw, 96px);
  background-color: #ffffff;
  border: 2px solid transparent;
  border-radius: 20px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons button, .p-map__frame--area .p-map__buttons button {
    padding: 2px 0 4px;
  }
}
.p-map__frame--mermaid .p-map__buttons button p, .p-map__frame--area .p-map__buttons button p {
  position: static;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons button p, .p-map__frame--area .p-map__buttons button p {
    line-height: 1.5;
  }
}
.p-map__frame--mermaid .p-map__buttons button.is-focused, .p-map__frame--area .p-map__buttons button.is-focused {
  border: #ffffff 2px solid;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
}
.p-map__frame--mermaid .p-map__buttons button.is-focused p, .p-map__frame--area .p-map__buttons button.is-focused p {
  background: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-map__frame--mermaid .p-map__buttons #osaka, .p-map__frame--area .p-map__buttons #osaka {
  top: 74%;
  left: calc(50% - 103px);
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #osaka, .p-map__frame--area .p-map__buttons #osaka {
    top: 56%;
    left: 24%;
  }
}
.p-map__frame--mermaid .p-map__buttons #hyogo, .p-map__frame--area .p-map__buttons #hyogo {
  top: 68%;
  left: calc(50% - 212px);
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #hyogo, .p-map__frame--area .p-map__buttons #hyogo {
    top: 67%;
    left: 24%;
  }
}
.p-map__frame--mermaid .p-map__buttons #saitama, .p-map__frame--area .p-map__buttons #saitama {
  top: 52%;
  right: 13%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #saitama, .p-map__frame--area .p-map__buttons #saitama {
    top: 48%;
    right: 20%;
  }
}
.p-map__frame--mermaid .p-map__buttons #hiroshima, .p-map__frame--area .p-map__buttons #hiroshima {
  top: 74%;
  left: 15%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #hiroshima, .p-map__frame--area .p-map__buttons #hiroshima {
    top: 44%;
    left: 3%;
  }
}
.p-map__frame--mermaid .p-map__buttons #nara, .p-map__frame--area .p-map__buttons #nara {
  top: 81%;
  left: calc(50% - 55px);
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #nara, .p-map__frame--area .p-map__buttons #nara {
    top: 78%;
    left: 24%;
  }
}
.p-map__frame--mermaid .p-map__buttons #kyoto, .p-map__frame--area .p-map__buttons #kyoto {
  top: 67%;
  left: calc(50% - 106px);
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #kyoto, .p-map__frame--area .p-map__buttons #kyoto {
    top: 56%;
    left: 42%;
  }
}
.p-map__frame--mermaid .p-map__buttons #shiga, .p-map__frame--area .p-map__buttons #shiga {
  top: 64%;
  right: calc(50% - 111px);
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #shiga, .p-map__frame--area .p-map__buttons #shiga {
    top: 78%;
    left: 42%;
  }
}
.p-map__frame--mermaid .p-map__buttons #aichi, .p-map__frame--area .p-map__buttons #aichi {
  top: 71%;
  right: calc(50% - 186px);
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #aichi, .p-map__frame--area .p-map__buttons #aichi {
    top: 67%;
    left: 42%;
  }
}
.p-map__frame--mermaid .p-map__buttons #tokyo, .p-map__frame--area .p-map__buttons #tokyo {
  top: 60%;
  right: 14%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #tokyo, .p-map__frame--area .p-map__buttons #tokyo {
    top: 48%;
    right: 2%;
  }
}
.p-map__frame--mermaid .p-map__buttons #kanagawa, .p-map__frame--area .p-map__buttons #kanagawa {
  top: 66%;
  right: 16%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #kanagawa, .p-map__frame--area .p-map__buttons #kanagawa {
    top: 60%;
    right: 20%;
  }
}
.p-map__frame--mermaid .p-map__buttons #miyagi, .p-map__frame--area .p-map__buttons #miyagi {
  top: 40%;
  right: 5.7%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--mermaid .p-map__buttons #miyagi, .p-map__frame--area .p-map__buttons #miyagi {
    top: 20%;
    right: 6%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-shinsaibashi {
  top: 260px;
  left: 43%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-shinsaibashi {
    left: 39%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-umeda {
  top: 130px;
  left: 44%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-umeda {
    left: 40%;
  }
}
.p-map__frame--osaka .p-map__buttons #umeda-toganocho {
  top: 176px;
  right: 44%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #umeda-toganocho {
    right: 40%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-namba {
  top: 365px;
  left: 44%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-namba {
    left: 41%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-nipponbashi {
  top: 315px;
  right: 46%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-nipponbashi {
    right: 43%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-turuhashi {
  top: 350px;
  right: 30%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-turuhashi {
    right: 27%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-nishinakajima-minamigata {
  top: 69px;
  right: 44%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-nishinakajima-minamigata {
    right: 40%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-tennoji {
  top: 410px;
  left: 45%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-tennoji {
    left: 40%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-kyobashi {
  top: 93px;
  right: 20%;
}
.p-map__frame--osaka .p-map__buttons #osaka-sakai {
  top: 445px;
  left: 43%;
}
.p-map__frame--osaka .p-map__buttons #osaka-sakai-higashi {
  top: 445px;
  left: 35%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-sakai-higashi {
    left: 26%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-juso {
  top: 69px;
  left: 31%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-juso {
    top: 69px;
    left: 15%;
  }
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-juso {
    left: 8%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-kadoma {
  top: 38px;
  right: 14%;
}
.p-map__frame--osaka .p-map__buttons #osaka-hommachi {
  top: 223px;
  right: 48%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-hommachi {
    right: 47%;
  }
}
.p-map__frame--osaka .p-map__buttons #osaka-senri-chuo {
  top: 8px;
  right: 45%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--osaka .p-map__buttons #osaka-senri-chuo {
    right: 40%;
  }
}
.p-map__frame--hyogo .p-map__buttons #kobe-sannomiya {
  top: 317px;
  left: 59%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #kobe-sannomiya {
    top: 359px;
    left: 40%;
  }
}
.p-map__frame--hyogo .p-map__buttons #kobe-motomachi {
  top: 387px;
  left: 55%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #kobe-motomachi {
    top: 390px;
    left: 31%;
  }
}
.p-map__frame--hyogo .p-map__buttons #hyogo-akashi {
  top: 398px;
  left: 37%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #hyogo-akashi {
    top: 408px;
    left: 2%;
  }
}
.p-map__frame--hyogo .p-map__buttons #hyogo-nishinomiya {
  top: 250px;
  right: 13%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #hyogo-nishinomiya {
    right: 18%;
  }
}
.p-map__frame--hyogo .p-map__buttons #hyogo-takarazuka {
  top: 163px;
  right: 15%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #hyogo-takarazuka {
    top: 201px;
    right: 17%;
  }
}
.p-map__frame--hyogo .p-map__buttons #hyogo-amagasaki {
  top: 357px;
  right: 6%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #hyogo-amagasaki {
    top: 310px;
    right: 3%;
  }
}
.p-map__frame--hyogo .p-map__buttons #hyogo-himeji {
  top: 165px;
  left: 8%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hyogo .p-map__buttons #hyogo-himeji {
    top: 322px;
    left: 2%;
  }
}
.p-map__frame--saitama .p-map__buttons #urawa {
  top: 269px;
  left: 39%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--saitama .p-map__buttons #urawa {
    top: 268px;
    left: 30%;
  }
}
.p-map__frame--saitama .p-map__buttons #musashiurawa {
  top: 208px;
  left: 19%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--saitama .p-map__buttons #musashiurawa {
    top: 181px;
    left: 12%;
  }
}
.p-map__frame--saitama .p-map__buttons #kawaguchi {
  top: 384px;
  left: 39%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--saitama .p-map__buttons #kawaguchi {
    left: 30%;
  }
}
.p-map__frame--saitama .p-map__buttons #koshigaya {
  top: 208px;
  right: 21%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--saitama .p-map__buttons #koshigaya {
    top: 181px;
    right: 17%;
  }
}
.p-map__frame--saitama .p-map__buttons #minamikoshigaya {
  top: 348px;
  right: 21%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--saitama .p-map__buttons #minamikoshigaya {
    top: 341px;
    right: 15%;
  }
}
.p-map__frame--saitama .p-map__buttons #kasukabe {
  top: 52px;
  right: 25%;
}
.p-map__frame--hiroshima .p-map__buttons #hiroshima {
  top: 170px;
  right: 28%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hiroshima .p-map__buttons #hiroshima {
    right: 19%;
  }
}
.p-map__frame--hiroshima .p-map__buttons #yokogawa {
  top: 117px;
  left: 37%;
}
@media screen and (max-width: 768px) {
  .p-map__frame--hiroshima .p-map__buttons #yokogawa {
    left: 30%;
  }
}
.p-map__frame--hiroshima .p-map__buttons #hatchobori {
  top: 142px;
  left: 50%;
}
.p-map__frame--hiroshima .p-map__buttons #hiroshima-main {
  top: 67px;
  left: 47%;
}
.p-map__frame--kyoto .p-map__buttons #kyoto {
  left: 50%;
  transform: translateX(-50%);
  top: 382px;
}
.p-map__frame--kyoto .p-map__buttons #kyoto-kamasuma {
  left: 50%;
  transform: translateX(-50%);
  top: 176px;
}
.p-map__frame--kyoto .p-map__buttons #kyoto-nijo {
  left: 30%;
  top: 90px;
}
@media screen and (max-width: 768px) {
  .p-map__frame--kyoto .p-map__buttons #kyoto-nijo {
    left: 25%;
  }
}
.p-map__frame--shiga .p-map__buttons #kusatsu {
  left: 35%;
  transform: translateX(-50%);
  top: 420px;
}
@media screen and (max-width: 768px) {
  .p-map__frame--shiga .p-map__buttons #kusatsu {
    left: 39%;
    top: 378px;
  }
}
.p-map__frame--shiga .p-map__buttons #omihachiman {
  left: 74%;
  transform: translateX(-50%);
  top: 76px;
}
@media screen and (max-width: 768px) {
  .p-map__frame--shiga .p-map__buttons #omihachiman {
    top: 156px;
    left: 85%;
  }
}
.p-map__frame--shiga .p-map__buttons #otsu {
  left: 12%;
  transform: translateX(-50%);
  top: 400px;
}
@media screen and (max-width: 768px) {
  .p-map__frame--shiga .p-map__buttons #otsu {
    left: 10%;
    top: 380px;
  }
}

@media screen and (max-width: 768px) {
  .home .p-map,
  .p-area .p-map {
    padding-inline: 0;
  }
}

/* ===============================================
# SNS
=============================================== */
.p-sns {
  padding: 2rem 1.5rem 3.5rem 1.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-sns {
    padding: 1rem 1rem 2.5rem 1rem;
  }
}
.p-sns__inner {
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}
.p-sns__title {
  margin-bottom: 2rem;
}
.p-sns__title-sub {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 8px;
}
.p-sns__title-primary {
  color: #FF4861;
  font-size: clamp(24px, 3.5vw, 32px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.96px;
  box-sizing: border-box;
}
.p-sns__button {
  display: flex;
  width: fit-content;
  justify-content: space-around;
  align-items: center;
  gap: 1rem;
  border-radius: 10px;
  border: none;
  color: #ffffff;
  font-family: "Roboto";
  font-size: clamp(16px, 3vw, 20px);
  font-weight: 700;
  line-height: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-sns__button {
    margin: 0 auto;
  }
}
.p-sns__button span {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-sns__button::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88131 5.52344L13.0957 11.3896L7.88131 17.2558' stroke='%23FFE9F0' stroke-width='1.83318' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  right: 32px;
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
  background-position: center;
}
.p-sns__button-list {
  display: flex;
  gap: 2.5rem;
  justify-content: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-sns__button-list {
    flex-direction: column;
    gap: 1rem;
  }
}
.p-sns__button-x a, .p-sns__button-instagram a {
  color: #ffffff;
  display: inline-block;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 72px 16px 48px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-sns__button-x a, .p-sns__button-instagram a {
    padding: 12px 56px 12px 32px;
  }
}
.p-sns__button-x {
  background: #292929;
}
.p-sns__button-instagram {
  background: linear-gradient(263deg, #7638FA -4.7%, #D300C5 36.14%, #FF0069 66.93%, #FF7A00 97.83%, #FFD600 138.43%);
}

/* ===============================================
# madam
=============================================== */
.p-madam {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.p-madam__lead {
  padding: 2.25rem 0;
  background-image: url(../public/img/madam-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .p-madam__lead {
    padding: 2rem 1rem;
  }
}
.p-madam__lead-text {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p-madam__lead-text span {
  display: inline-block;
  font-size: clamp(1.25rem, 1.162rem + 0.38vw, 1.5rem);
  line-height: 1.5;
}
.p-madam__lead-note {
  padding: 2rem 2rem;
  border-radius: 10px;
  background-color: #ffffff;
  max-width: 424px;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-madam__lead-note {
    padding: 1.25rem 1.5rem;
  }
}
.p-madam__lead-note::before {
  content: "Check!";
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-family: "Oooh Baby";
  color: #ffffff;
  width: 105px;
  padding: 4px 0;
  rotate: 6deg;
  background-color: #FFA6B2;
  display: inline-block;
  position: absolute;
  top: -6px;
  right: -25px;
}
@media screen and (max-width: 768px) {
  .p-madam__lead-note::before {
    width: 82px;
    right: -4px;
  }
}
.p-madam__lead-note ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.p-madam__lead-note li {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  line-height: 1;
  font-weight: 700;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-madam__lead-note li {
    gap: 4px;
  }
}
.p-madam__lead-note li::before {
  content: "";
  display: block;
  background-image: url(../public/img/icon-check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 768px) {
  .p-madam__lead-note li::before {
    width: 14px;
    height: 14px;
  }
}
.p-madam__text-container {
  text-align: center;
  margin-top: 3.5rem;
  margin-bottom: 3rem;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-madam__text-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.p-madam__text-head {
  color: #FF4861;
  line-height: 100%;
  margin-bottom: 32px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-madam__text-head {
    margin-bottom: 1.25rem;
  }
}
.p-madam__text-head-lead {
  font-size: clamp(0.875rem, 0.743rem + 0.56vw, 1.25rem);
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.p-madam__text-head-lead::before, .p-madam__text-head-lead::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: #FF4861;
}
@media screen and (max-width: 768px) {
  .p-madam__text-head-lead::before, .p-madam__text-head-lead::after {
    width: 16px;
  }
}
.p-madam__text-head-lead::before {
  rotate: 68deg;
  transform-origin: left;
}
.p-madam__text-head-lead::after {
  rotate: -68deg;
  transform-origin: right;
}
.p-madam__text-head-body {
  font-size: clamp(16px, 3vw, 24px);
  margin-top: 0.75rem;
  line-height: 1.5;
}
.p-madam__text-head-body span {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 900;
  line-height: 100%;
  margin-inline: 8px;
}
@media screen and (max-width: 768px) {
  .p-madam__text-head-body span {
    margin-left: 0;
    margin-right: 4px;
  }
}
.p-madam__text-desc {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 190%;
  font-size: clamp(14px, 2vw, 16px);
  display: flex;
  flex-direction: column;
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .p-madam__text-desc {
    word-break: normal;
  }
}
@media screen and (max-width: 376px) {
  .p-madam__text-desc br,
  .p-madam__text-desc wbr {
    display: none;
  }
}
.p-madam__text-desc span {
  color: #FF4861;
  text-align: center;
  font-weight: 700;
  line-height: 100%;
}
.p-madam__img-items {
  display: flex;
  gap: 2rem;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-madam__img-items {
    gap: 1.5rem;
  }
}
.p-madam__img-items img {
  width: calc(32% - 2rem);
  height: auto;
  object-fit: cover;
  display: inline-block;
  border-radius: 20px;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-madam__img-items img {
    gap: 1.5rem;
    width: calc(50% - 1.5rem);
    border-radius: 10px;
  }
}
.p-madam__img-items img:nth-of-type(2) {
  width: calc(38% - 2rem);
  height: auto;
  margin-bottom: 0;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-madam__img-items img:nth-of-type(2) {
    display: none;
  }
}
.p-madam__chart {
  display: flex;
  justify-content: space-between;
  max-width: 680px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-madam__chart {
    flex-direction: column;
    width: fit-content;
    margin-inline: auto;
  }
}
.p-madam__chart__wrap {
  position: relative;
  display: grid;
  place-items: center;
  row-gap: 24px;
  width: fit-content;
  height: fit-content;
}
.p-madam__chart__title {
  position: absolute !important;
  background: none;
  text-align: center;
  font-weight: 700;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 150%;
  letter-spacing: 0.6px;
  padding: 12px;
}
.p-madam .c-buttonLink {
  width: fit-content;
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .p-madam .c-buttonLink {
    margin-top: 2rem;
  }
}

/* ===============================================
# info
=============================================== */
.p-info .c-sectionTitle {
  margin-bottom: 2.5rem;
}
.p-info__content.hidden {
  display: none;
}
.p-info__inner-column {
  display: flex;
  gap: 2rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 1024px;
}
@media screen and (max-width: 768px) {
  .p-info__inner-column {
    flex-direction: column;
  }
}
.p-info__store-select {
  text-align: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  align-items: center;
  font-size: 14px;
  margin-bottom: 48px;
}
.p-info__left {
  width: calc(50% - 1.5rem);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-info__left {
    width: 100%;
  }
}
.p-info__swiper-container {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}
.p-info__swiper-container::before {
  content: "";
  background-image: url(../public/img/koala_haihai.webp);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 20%;
  right: -16px;
  position: absolute;
  z-index: 999;
  width: clamp(64px, 10vw, 96px);
  height: clamp(55px, 10vw, 80px);
  transform: rotate(8deg);
}
.p-info__text-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-info__text-head {
  color: #FF4861;
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.5px;
  word-break: keep-all;
}
.p-info__text-desc p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 4vw, 16px);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.1;
}
.p-info__block {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  width: 100%;
  border-collapse: separate;
  border: 2.5px solid #FFA6B2;
  border-radius: 10px;
  overflow: hidden;
  font-size: clamp(14px, 2vw, 16px);
}
.p-info__block-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.p-info__block-head {
  background: #FFA6B2;
  font-weight: 700;
  color: #ffffff;
  padding: 1.5rem;
  width: 118px;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
}
.p-info__block-head-small {
  padding: 12px 20px;
}
.p-info__block-text {
  padding: 12px 20px;
  max-width: 100%;
  background: #ffffff;
  border-radius: 10px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  box-sizing: border-box;
  width: fit-content;
  vertical-align: middle;
}
.p-info__block-text-big {
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  padding: 12px 20px;
  width: 100%;
}
.p-info__block-text-big span {
  font-family: "Noto Serif JP", "serif";
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 700;
  letter-spacing: 0.72px;
}
.p-info__right {
  width: calc(50% - 1.5rem);
  background: #FFE9F0;
  border-radius: 20px;
  padding: 1.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-info__right {
    width: 100%;
    padding: 1rem;
  }
}
.p-info__detail {
  width: 100%;
  table-layout: fixed;
}
.p-info__detail-wrap {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  width: 100%;
}
.p-info__detail tr {
  border-bottom: 1px solid #BDBDBD;
  width: 100%;
  font-size: clamp(14px, 2vw, 16px);
}
.p-info__detail th {
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 120px;
}
@media screen and (max-width: 768px) {
  .p-info__detail th {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.p-info__detail td {
  text-align: left;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-info__detail td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.p-info__contact-block {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 20px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-info__contact-block {
    padding: 1.2rem;
  }
}
.p-info__contact-head {
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.72px;
  position: relative;
  display: flex;
  justify-content: center;
  padding-right: 1.9rem;
  word-break: keep-all;
  width: fit-content;
  margin: 0 auto 1.5rem auto;
}
.p-info__contact-head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 16px solid #292929;
  pointer-events: none;
  line-height: 100%;
}
.p-info__contact-lists {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-info__contact-lists-wrap:nth-child(3) {
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}
.p-info__contact-lists-wrap .c-buttonLink--line {
  margin-bottom: 1rem;
  width: 100%;
}
.p-info__cta-copy {
  color: #06C755;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
}
.p-info__tell-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 600;
  font-size: clamp(14px, 2vw, 16px);
}
.p-info__tell-text-color {
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 1.8vw, 14px);
  font-weight: 600;
  line-height: 150%;
}
.p-info__tellNumber {
  text-align: center;
  font-size: clamp(24px, 3.8vw, 40px);
  font-weight: 600;
  line-height: 100%;
  position: relative;
  padding-left: 2.4rem;
  margin: 0 auto 8px auto;
  box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-info__tellNumber {
    padding-left: 1.7rem;
  }
}
.p-info__tellNumber::before {
  position: absolute;
  content: "";
  background-image: url(../public/img/info__icon-tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(20px, 3.5vw, 36px);
  height: clamp(20px, 3.5vw, 36px);
  bottom: 0;
  left: 0;
  display: inline-block;
}
.p-info__contact-microCopy {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(10px, 2vw, 12px);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.5;
}
@media screen and (max-width: 376px) {
  .p-info__contact-microCopy {
    line-height: 170%;
  }
}

.p-info__content .swiper {
  width: 100%;
}
.p-info__content .swiper img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.p-info__content .swiper-wrapper {
  height: auto;
}
.p-info__content .swiper_thumbnail, .p-info__content .swiper-slide {
  cursor: pointer;
}
.p-info__content .swiper_thumbnail img {
  width: 90%;
  height: auto;
  border-radius: 10px;
}
.p-info__content .swiper_thumbnail, .p-info__content .swiper-slide-thumb-active {
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}
.p-info__content .swiper_thumbnail img, .p-info__content .swiper-slide-thumb-active img {
  transition: 0.3s;
}
.p-info__content .swiper_thumbnail img:hover, .p-info__content .swiper-slide-thumb-active img:hover {
  opacity: 0.8;
}
.p-info__content .swiper_main {
  margin-bottom: 16px;
  width: 100%;
}
.p-info__content .swiper_main img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.p-info__content .swiper-button-prev::after, .p-info__content .swiper-button-next::after {
  color: #ffffff !important;
}

/* ===============================================
# Flow
=============================================== */
.p-flow {
  max-width: 1024px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (max-width: 768px) {
  .p-flow {
    padding-left: 52px;
    padding-right: 52px;
  }
}
.p-flow__title {
  font-size: clamp(16px, 3vw, 32px);
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  margin-bottom: 3rem;
  box-sizing: border-box;
  white-space: nowrap;
}
.p-flow__title span {
  color: #FF4861;
  font-size: clamp(20px, 4vw, 40px);
  font-weight: 700;
  position: relative;
  padding-right: 4px;
  padding-left: 4px;
  letter-spacing: 0.3;
}
.p-flow__title span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FF4861;
  bottom: -4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-flow__title span::after {
    height: 1px;
  }
}
.p-flow__step-items {
  display: flex;
  gap: 4.5rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-flow__step-items {
    gap: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__step-items {
    flex-direction: column;
  }
}
@media screen and (max-width: 376px) {
  .p-flow__step-items {
    gap: 3.5rem;
  }
}
.p-flow__step-items::after {
  content: "";
  position: absolute;
  background-image: url(../public/img/flow__step-koala.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(70px, 3vw, 103px);
  height: clamp(70px, 3vw, 103px);
  bottom: 0;
  right: -4%;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-flow__step-items::after {
    z-index: 1;
    right: -18px;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__step-items::after {
    right: -40px;
    z-index: 1;
  }
}
.p-flow__step-item {
  background: #ffffff;
  padding: 1rem;
  border-radius: 20px;
  box-sizing: border-box;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.02);
  width: calc((100% - 9rem) / 3);
  height: 461px;
  text-align: center;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .p-flow__step-item {
    width: 100%;
    max-width: 420px;
    height: fit-content;
    border-radius: 20px;
    padding-bottom: 2rem;
    gap: 12px;
  }
}
.p-flow__step-item:nth-child(2) {
  position: relative;
}
.p-flow__step-item:nth-child(2)::before, .p-flow__step-item:nth-child(2)::after {
  position: absolute;
  content: "";
  background-image: url(../public/img/flow__step-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: clamp(29px, 4vw, 46px);
  height: clamp(29px, 4vw, 46px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.p-flow__step-item:nth-child(2)::before {
  left: -20%;
}
@media screen and (max-width: 1024px) {
  .p-flow__step-item:nth-child(2)::before {
    left: -17%;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__step-item:nth-child(2)::before {
    left: 50%;
    top: -8%;
    transform: translateX(-55%) rotate(90deg);
  }
}
@media screen and (max-width: 376px) {
  .p-flow__step-item:nth-child(2)::before {
    top: -11%;
  }
}
.p-flow__step-item:nth-child(2)::after {
  right: -21%;
}
@media screen and (max-width: 1024px) {
  .p-flow__step-item:nth-child(2)::after {
    right: -18%;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__step-item:nth-child(2)::after {
    left: 50%;
    top: 102%;
    transform: translateX(-55%) rotate(90deg);
  }
}
@media screen and (max-width: 376px) {
  .p-flow__step-item:nth-child(2)::after {
    top: 104%;
  }
}
.p-flow__item-head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.p-flow__item-head-num {
  color: #FF4861;
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 400;
  line-height: 100%;
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: baseline;
  position: relative;
  width: fit-content;
  box-sizing: border-box;
  margin: 0 auto;
}
.p-flow__item-head-num::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #FFE9F0;
  bottom: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-flow__item-head-num::after {
    bottom: 0;
  }
}
.p-flow__item-head-num span {
  font-family: "Playball";
  font-size: clamp(24px, 3.5vw, 40px);
  line-height: 150%;
}
.p-flow__item-head-caption {
  color: #FF4861;
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 700;
  line-height: 100%;
}
.p-flow__item-img {
  width: calc(100% + 2rem);
  max-width: unset;
  margin-left: -1rem;
}
.p-flow__item-desc {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  font-size: clamp(14px, 1.2vw, 16px);
  text-align: left;
  letter-spacing: 0;
}
.p-flow__item-line {
  display: block;
  margin: 0 auto;
  width: 74px;
  height: 74px;
  padding: 5px;
  object-fit: contain;
  position: absolute;
  top: -22px;
  right: -19px;
}
@media screen and (max-width: 768px) {
  .p-flow__item-line {
    width: 72px;
    height: 72px;
    padding: 4px;
  }
}
.p-flow .c-panorama__button {
  top: 26%;
  right: 4px;
  transform: translate(50%, -50%);
  animation: FlowShakeButton 2s ease-in-out infinite;
}
.p-flow .c-panorama__button img {
  width: 100%;
  padding: 0;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .p-flow .c-panorama__button {
    top: 22%;
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-flow .c-panorama__button {
    top: 25%;
    right: -5px;
  }
}
@keyframes FlowShakeButton {
  0% {
    transform: translate(50%, -50%);
  }
  50% {
    transform: translate(50%, -58%);
  }
  100% {
    transform: translate(50%, -50%);
  }
}

/* ===============================================
# contact
=============================================== */
.p-contact {
  max-width: 1024px;
  margin: 0 auto;
}
.p-contact .c-sectionTitle {
  margin-bottom: 2.5rem;
}
.p-contact__message {
  text-align: center;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-contact__message br {
    display: none;
  }
}
.p-contact__box {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .p-contact__box {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.p-contact__box-line, .p-contact__box-tel {
  width: calc(50% - 1.5rem);
}
@media screen and (max-width: 768px) {
  .p-contact__box-line, .p-contact__box-tel {
    width: 100%;
  }
}
.p-contact__box-top {
  color: #ffffff;
  text-align: center;
  font-size: clamp(14px, 2vw, 24px);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.72px;
  padding: 1.5rem;
  align-items: center;
  gap: 8px;
  background: #FFA6B2;
  border-radius: 20px 20px 0 0;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-contact__box-top {
    padding: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-contact__box-top {
    border-radius: 10px 10px 0 0;
  }
}
.p-contact__box-body {
  padding: 2rem;
  background: #F6F6F6;
  width: 100%;
  height: 210px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 768px) {
  .p-contact__box-body {
    padding: 1rem;
    height: fit-content;
  }
}
.p-contact__box-tel-Number {
  text-align: center;
  font-size: clamp(24px, 4vw, 48px);
  font-weight: 600;
  line-height: 100%;
  position: relative;
  padding-left: 46px;
  width: fit-content;
  box-sizing: border-box;
  margin: 0 auto 0.7rem auto;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .p-contact__box-tel-Number {
    padding-left: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-contact__box-tel-Number {
    padding-left: 24px;
  }
}
.p-contact__box-tel-Number::before {
  position: absolute;
  content: "";
  background-image: url(../public/img/info__icon-tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(20px, 3vw, 38px);
  height: clamp(20px, 3vw, 38px);
  bottom: 0;
  left: 0;
  display: inline-block;
}
.p-contact__box-tel-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 12px;
  font-size: clamp(12px, 2vw, 16px);
}
.p-contact__box-microCopy {
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 376px) {
  .p-contact__box-microCopy br {
    display: none;
  }
}
.p-contact .c-buttonLink {
  margin-bottom: 1rem;
  width: 100%;
}
.p-contact__cta-copy {
  color: #06C755;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
}
.p-contact__banner-area {
  text-align: center;
}
.p-contact__banner-sub {
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 600;
  line-height: 100%;
  position: relative;
  padding-left: 12px;
  padding-right: 8px;
  display: inline-block;
  width: fit-content;
  margin-bottom: 12px;
}
.p-contact__banner-sub::before, .p-contact__banner-sub::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 9px;
  height: 18px;
  top: 0;
  display: block;
}
.p-contact__banner-sub::before {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' viewBox='0 0 9 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41797 1.26953L7.0003 16.2641' stroke='%23292929' stroke-width='2' stroke-linecap='round' stroke-dasharray='2 4'/%3E%3C/svg%3E%0A");
  left: -16px;
}
.p-contact__banner-sub::after {
  right: -16px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' viewBox='0 0 9 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.58203 1.26953L1.9997 16.2641' stroke='%23292929' stroke-width='2' stroke-linecap='round' stroke-dasharray='2 4'/%3E%3C/svg%3E%0A");
  background-position: right center;
}
.p-contact__banner-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
.p-contact__banner-title span {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.96px;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-bottom: 8px;
}
.p-contact__banner-title span::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: linear-gradient(120deg, #FF7847 24.54%, #FF2F6A 86.04%);
}

.p-diagnosis {
  position: relative;
  overflow-x: hidden;
}
.p-diagnosis html,
.p-diagnosis body {
  width: 100%;
  padding: 0;
  height: 100%;
  color: #292929;
  font-size: 16px;
  line-height: 100%;
  font-family: "Noto Serif JP", "serif";
  text-size-adjust: 100%;
  letter-spacing: 0.1em;
  background-color: #ffffff;
  margin: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
.p-diagnosis a {
  text-decoration-line: none;
  transition: all 0.3s;
}
.p-diagnosis a:hover {
  box-shadow: none;
  cursor: pointer;
}
.p-diagnosis button {
  transition: all 0.3s;
}
.p-diagnosis button:hover {
  box-shadow: none;
  cursor: pointer;
}
.p-diagnosis-top {
  background-size: 450px auto;
  background-repeat: repeat;
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  padding: 84px 32px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.p-diagnosis-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../public/img/diagnosis/animal-bg.webp);
  background-size: 450px auto;
  background-repeat: repeat;
  animation: cloudmove 40s linear infinite;
  z-index: -1;
}
.p-diagnosis-top::after {
  content: "";
  position: absolute;
  background-image: url(../public/img/diagnosis/bg-gradient.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -2;
}
.p-diagnosis-top__inner {
  background: #ffffff;
  border-radius: 50px;
  width: 100%;
  padding: 32px 24px 56px 24px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__inner {
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.p-diagnosis-top__inner-bg {
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
  border-radius: 55px;
  padding: 6px;
  width: 100%;
  box-sizing: border-box;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__inner-bg {
    border-radius: 24px;
    padding: 4px;
  }
}
.p-diagnosis-top__logo {
  width: 100%;
  box-sizing: border-box;
  padding-left: 8%;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__logo {
    text-align: center;
    padding: 0;
    margin-bottom: 16px;
  }
}
.p-diagnosis-top__logo img {
  width: clamp(104px, 15vw, 140px);
  height: auto;
  object-fit: contain;
}
.p-diagnosis-top__title {
  text-align: center;
  margin: 0 auto 32px auto;
  box-sizing: border-box;
}
.p-diagnosis-top__title-primary {
  width: clamp(240px, 60vw, 380px);
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-diagnosis-top__title-primary img {
  width: 100%;
  height: auto;
}
.p-diagnosis-top__title-sub {
  color: #FF719E;
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 700;
  position: relative;
  padding-left: 32px;
  padding-right: 34px;
  width: fit-content;
  line-height: 100%;
  margin: 0 auto 12px auto;
  box-sizing: border-box;
  letter-spacing: 1;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__title-sub {
    padding-left: 24px;
    padding-right: 26px;
  }
}
.p-diagnosis-top__title-sub::before, .p-diagnosis-top__title-sub::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom bottom;
  bottom: -2px;
  width: 18px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__title-sub::before, .p-diagnosis-top__title-sub::after {
    width: 16px;
    height: 24px;
  }
}
.p-diagnosis-top__title-sub::before {
  background-image: url(../public/img/diagnosis/slash-left.svg);
  left: 0;
}
.p-diagnosis-top__title-sub::after {
  background-image: url(../public/img/diagnosis/slash-right.svg);
  right: 0;
}
.p-diagnosis-top__title-sub__big {
  font-size: clamp(36px, 3vw, 48px);
  margin-right: 2px;
}
.p-diagnosis-top__button-area {
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.p-diagnosis-top__button-area__items {
  color: #FF719E;
  display: flex;
  font-weight: 700;
  margin: 0 auto;
  justify-content: center;
  font-size: clamp(16px, 2vw, 20px);
  gap: 2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__button-area__items {
    gap: 1rem;
    flex-direction: column;
  }
}
.p-diagnosis-top__button-area__items-item {
  background: #FFE9F0;
  padding: 12px 12px 12px 40px;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__button-area__items-item {
    width: 100%;
    padding: 8px 8px 8px 40px;
  }
}
.p-diagnosis-top__button-area__items-item::before {
  content: "";
  position: absolute;
  background-image: url(../public/img/diagnosis/icon-check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 26px;
  height: 26px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__button-area__items-item::before {
    width: 20px;
    height: 20px;
    left: 12px;
  }
}
.p-diagnosis-top__button-start {
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
  max-width: 430px;
  width: 100%;
  color: #ffffff;
  padding: 24px 40px;
  border-radius: 100px;
  font-weight: 700;
  font-size: clamp(20px, 3vw, 24px);
  border: 4px solid #ffffff;
  box-shadow: 2px 8px 22.9px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-top__button-start {
    padding: 20px 16px;
    border: 2px solid #ffffff;
  }
}
.p-diagnosis .is-hidden {
  transform: translateX(-100%);
  transition: transform 0.4s ease-in-out;
}
@keyframes cloudmove {
  0% {
    background-position: -200% -200%;
  }
  100% {
    background-position: 100% 100%;
  }
}

.p-diagnosis-question__wrapper {
  margin: 0 auto;
  background: #ffffff;
  border-radius: 30px;
  padding: 80px 32px 96px;
  width: 100%;
  max-width: 1024px;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__wrapper {
    border-radius: 20px;
    padding: 32px 16px 64px;
    gap: 36px;
  }
}
.p-diagnosis-question__wrapper-bg {
  background-image: url(../public/img/diagnosis/default-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: calc(100vh - 47.08px);
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-left: 32px;
  padding-right: 32px;
  position: absolute;
  left: 0;
  top: 47px;
  transform: translateX(100vw);
  transition: transform 0.4s ease-in-out;
}
.p-diagnosis-question__wrapper-bg.is-active {
  transform: translateX(0);
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__wrapper-bg {
    top: 55px;
    align-items: start;
    padding: 32px 16px;
    height: calc(100vh - 56.63px);
  }
}
.p-diagnosis-question__content {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  color: #FF719E;
  display: flex;
  flex-direction: column;
  gap: 56px;
  box-sizing: border-box;
  width: 100%;
  transition: opacity 0.4s ease-in-out;
}
.p-diagnosis-question__content.is-transparent {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__content {
    gap: 24px;
  }
}
.p-diagnosis-question__content p {
  font-size: clamp(20px, 4vw, 32px);
  display: flex;
  gap: 12px;
  justify-content: center;
  position: relative;
  border-bottom: 2px dashed #FF719E;
  padding: 0 16px 20px;
  line-height: 130%;
  width: fit-content;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
  font-weight: 700;
}
.p-diagnosis-question__content p:last-child {
  border-bottom: 0;
  font-size: clamp(24px, 4vw, 40px);
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__content p {
    flex-direction: column;
    padding-bottom: 12px;
    text-align: center;
  }
}
.p-diagnosis-question__content-list {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  width: 1300%;
}
.p-diagnosis-question__content-list.is-active {
  transition: transform 0.4s ease-in-out;
}
.p-diagnosis-question__num {
  font-family: "Playball";
  font-size: clamp(36px, 5vw, 48px);
  color: #FF719E;
  font-weight: 500;
  box-sizing: border-box;
}
.p-diagnosis-question__btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__btn-container {
    gap: 12px;
  }
}
.p-diagnosis-question-btn {
  font-size: clamp(20px, 4vw, 32px);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #FF719E;
  font-weight: 700;
  background: #ffffff;
  border: 2px solid #FFE9F0;
  border-radius: 10px;
  padding: 8px 24px;
  transition: all 0.3s;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question-btn {
    padding: 6px 16px;
  }
}
.p-diagnosis-question-btn:hover {
  cursor: pointer;
  border: 2px solid #FF719E;
}
.p-diagnosis-question-btn:hover:visited {
  background: #FF719E;
}
.p-diagnosis-question-btn-container {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  color: #FF719E;
  letter-spacing: 1;
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  box-sizing: border-box;
}
.p-diagnosis-question__page-btn {
  font-size: clamp(16px, 3vw, 24px);
  box-shadow: 2px 8px 22.9px 0px rgba(0, 0, 0, 0.1);
  border: 4px solid #ffffff;
  border-radius: 100px;
  padding: 24px 32px 24px 72px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  box-sizing: border-box;
  max-width: 307px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__page-btn {
    padding: 16px 20px;
    justify-content: center;
    max-width: unset;
  }
}
.p-diagnosis-question__page-btn.is-none {
  display: none;
}
.p-diagnosis-question__page-btn::before, .p-diagnosis-question__page-btn::after {
  content: "";
  position: absolute;
  width: clamp(12px, 2vw, 12px);
  height: clamp(10px, 2vw, 23px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__page-btn::before, .p-diagnosis-question__page-btn::after {
    width: 10px;
    height: 20px;
  }
}
.p-diagnosis-question__page-btn::after {
  background-image: url(../public/img/diagnosis/icon-next.svg);
  right: 26%;
}
.p-diagnosis-question__page-btn__prev {
  background: #FFE9F0;
  color: #FF719E;
  justify-content: center;
  max-width: 307px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__page-btn__prev {
    max-width: unset;
  }
}
.p-diagnosis-question__page-btn__prev::after {
  content: none;
}
.p-diagnosis-question__page-btn__prev::before {
  background-image: url(../public/img/diagnosis/icon-prev.svg);
  left: 36%;
}
.p-diagnosis-question__page-btn-container {
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-question__page-btn-container {
    flex-direction: column;
    align-items: center;
  }
}

.p-diagnosis-result {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  max-width: 1024px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  margin: 0 auto;
}
.p-diagnosis-result html,
.p-diagnosis-result body {
  width: 100%;
  padding: 0;
  height: 100%;
  color: #292929;
  font-size: 16px;
  line-height: 100%;
  font-family: "Noto Serif JP", "serif";
  text-size-adjust: 100%;
  letter-spacing: 0.1em;
  background-color: #ffffff;
  margin: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
.p-diagnosis-result a {
  text-decoration-line: none;
  transition: all 0.3s;
}
.p-diagnosis-result a:hover {
  box-shadow: none;
  cursor: pointer;
}
.p-diagnosis-result button {
  transition: all 0.3s;
}
.p-diagnosis-result button:hover {
  box-shadow: none;
  cursor: pointer;
}
.p-diagnosis-result__top-bg {
  background-image: url(../public/img/diagnosis/default-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: fit-content;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 32px 32px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__top-bg {
    padding: 32px 20px;
  }
}
.p-diagnosis-result__head {
  color: #ffffff;
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 700;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  line-height: 100%;
  width: 100%;
  border-radius: 20px 20px 0 0;
  padding: 12px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__head {
    border-radius: 10px 10px 0 0;
  }
}
.p-diagnosis-result__container {
  background: #ffffff;
  border-radius: 0 0 30px 30px;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__container {
    border-radius: 0 0 20px 20px;
  }
}
.p-diagnosis-result__message {
  font-size: clamp(16px, 3.5vw, 24px);
  color: #FF719E;
  font-weight: 700;
  line-height: 100%;
  position: relative;
  width: fit-content;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__message {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.p-diagnosis-result__message::before, .p-diagnosis-result__message::after {
  content: "";
  position: absolute;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 24px;
  bottom: -2px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__message::before, .p-diagnosis-result__message::after {
    width: 16px;
    height: 16px;
  }
}
.p-diagnosis-result__message::before {
  background-image: url(../public/img/diagnosis/slash-left.svg);
  left: 0;
}
.p-diagnosis-result__message::after {
  background-image: url(../public/img/diagnosis/slash-right.svg);
  right: 0;
}
.p-diagnosis-result__primary {
  display: flex;
  justify-content: center;
  gap: clamp(1.5rem, 1.008rem + 2.1vw, 3.5rem);
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding-left: 32px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__primary {
    padding-left: 0;
  }
}
.p-diagnosis-result__chart_container {
  font-weight: 700;
  color: #FF719E;
  text-align: center;
  line-height: 100%;
  position: relative;
  box-sizing: border-box;
}
.p-diagnosis-result__chart {
  aspect-ratio: 1/1;
  width: 214px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__chart {
    width: clamp(7.5rem, 1.894rem + 23.92vw, 13.375rem);
    min-width: 120px;
  }
}
.p-diagnosis-result__chart-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  align-items: center;
  box-sizing: border-box;
}
.p-diagnosis-result__text {
  font-size: clamp(1rem, 0.69rem + 1.32vw, 1.25rem);
  line-height: 100%;
}
.p-diagnosis-result__percent {
  font-size: clamp(1.25rem, 0.319rem + 3.97vw, 2rem);
  line-height: 100%;
}
.p-diagnosis-result__percent span {
  font-size: clamp(3rem, 0.517rem + 10.6vw, 5rem);
  line-height: 100%;
  font-weight: 700;
}
.p-diagnosis-result__type-content {
  width: clamp(97px, 27vw, 180px);
  min-width: 97px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.p-diagnosis-result__type-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-diagnosis-result__type-name {
  font-size: clamp(16px, 4vw, 24px);
  color: #808080;
  font-weight: 700;
  line-height: 100%;
  width: fit-content;
  white-space: nowrap;
}
.p-diagnosis-result__type-name span {
  color: #FF719E;
  font-weight: 900;
  line-height: 100%;
  font-size: clamp(20px, 5vw, 32px);
}
.p-diagnosis-result__monthly-sallary {
  color: #FF719E;
  font-weight: 700;
  line-height: 100%;
  font-size: clamp(20px, 5vw, 24px);
  background: #FFE9F0;
  width: fit-content;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0 auto;
}
.p-diagnosis-result__monthly-sallary span {
  font-size: clamp(32px, 5vw, 32px);
  font-weight: 700;
}
.p-diagnosis-result__page-btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__page-btn-container {
    gap: 12px;
  }
}
.p-diagnosis-result__page-btn-container .c-buttonLink--line {
  max-width: 360px;
  font-size: clamp(16px, 4vw, 20px);
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__page-btn-container .c-buttonLink--line {
    max-width: unset;
    width: 100%;
  }
}
.p-diagnosis-result__page-btn {
  font-size: clamp(16px, 4vw, 20px);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #ffffff;
  font-weight: 700;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  border: 2px solid #ffffff;
  border-radius: 100px;
  padding: 16px 20px;
  transition: all 0.3s;
  box-sizing: border-box;
  box-shadow: 2px 8px 22.9px 0px rgba(0, 0, 0, 0.1);
  max-width: 360px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__page-btn {
    padding: 16px;
    max-width: 100%;
  }
}
.p-diagnosis-result__page-btn--describe {
  position: relative;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__page-btn--describe {
    padding-right: 48px;
  }
}
.p-diagnosis-result__page-btn--describe::after {
  content: "";
  position: absolute;
  width: clamp(12px, 2vw, 12px);
  height: clamp(10px, 2vw, 23px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  background-image: url(../public/img/diagnosis/icon-next.svg);
  right: 26%;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result__page-btn--describe::after {
    width: 10px;
    height: 20px;
  }
}
.p-diagnosis-result #diagnosisResultChart {
  width: 100% !important;
  height: 100% !important;
}

/* ===============================================
# 診断解説
=============================================== */
.p-diagnosis-result-describe {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  padding: 48px 16px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result-describe {
    padding: 32px 16px;
  }
}
.p-diagnosis-result-describe__title {
  color: #808080;
  font-weight: 700;
  font-size: clamp(20px, 3vw, 32px);
  text-align: center;
  margin-bottom: 48px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result-describe__title {
    margin-bottom: 24px;
  }
}
.p-diagnosis-result-describe__title span {
  font-size: clamp(24px, 5vw, 40px);
  color: #FF719E;
  font-weight: 700;
}
.p-diagnosis-result-describe__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
  row-gap: 32px;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto 48px auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result-describe__items {
    grid-template-columns: repeat(1, 1fr);
    margin: 0 auto 24px auto;
  }
}
.p-diagnosis-result-describe__items-item {
  box-sizing: border-box;
}
.p-diagnosis-result-describe__item-name {
  background: #FFE9F0;
  color: #FF719E;
  font-size: clamp(20px, 3vw, 24px);
  padding: 8px 12px;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  line-height: 100%;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result-describe__item-name {
    margin-bottom: 8px;
  }
}
.p-diagnosis-result-describe__star5-rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #FFE9F0;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 8px;
  display: inline-block;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .p-diagnosis-result-describe__star5-rating {
    font-size: 16px;
    letter-spacing: 6px;
  }
}
.p-diagnosis-result-describe__star5-rating::before, .p-diagnosis-result-describe__star5-rating::after {
  content: "★★★★★";
}
.p-diagnosis-result-describe__star5-rating::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #FF719E;
}
.p-diagnosis-result-describe__star5-rating[data-rate="5"]::after {
  width: 100%;
}
.p-diagnosis-result-describe__star5-rating[data-rate="4"]::after {
  width: 80%;
}
.p-diagnosis-result-describe__star5-rating[data-rate="3"]::after {
  width: 60%;
}
.p-diagnosis-result-describe__star5-rating[data-rate="2"]::after {
  width: 40%;
}
.p-diagnosis-result-describe__star5-rating[data-rate="1"]::after {
  width: 20%;
}
.p-diagnosis-result-describe__text {
  font-size: clamp(14px, 3vw, 16px);
  line-height: 150%;
  letter-spacing: 0.7px;
  text-align: left;
}
.p-diagnosis-result-describe__result-message {
  color: #FF719E;
  margin: 0 auto;
  font-size: clamp(20px, 4vw, 36px);
  line-height: 150%;
}
.p-diagnosis-result-describe__result-message-top {
  font-weight: 700;
  line-height: 120%;
}
.p-diagnosis-result-describe__result-message-top span {
  font-size: clamp(32px, 6vw, 64px);
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 700;
}
.p-diagnosis-result-describe__result-message-bottom {
  font-weight: 700;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  z-index: 99;
}
.p-diagnosis-result-describe__result-message-bottom::after {
  position: absolute;
  content: "";
  background: #FFFABE;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  z-index: -1;
}

/* ===============================================
# CTA
=============================================== */
.p-cta-primary {
  background: #FFE9F0;
  width: 100%;
  padding: 80px 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-cta-primary {
    padding: 36px 16px;
  }
}
.p-cta-primary__message {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  color: #FF719E;
  margin: 0 auto 16px auto;
  text-align: center;
  font-size: clamp(14px, 3vw, 24px);
  width: 100%;
  line-height: 150%;
  box-sizing: border-box;
  letter-spacing: 0.7px;
}
.p-cta-primary__message span {
  font-size: clamp(16px, 5vw, 36px);
  font-weight: 700;
}
.p-cta-primary__img {
  max-width: 736px;
  display: block;
  margin: 0 auto 36px auto;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-cta-primary__img {
    margin-bottom: 24px;
  }
}
.p-cta-primary__img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-cta-primary__balloon {
  box-sizing: border-box;
  text-align: center;
}
.p-cta-primary__balloon-body {
  box-sizing: border-box;
  background: #ffffff;
  padding: 20px 24px;
  border-radius: 20px;
  position: relative;
  display: inline-block;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-cta-primary__balloon-body {
    border-radius: 10px;
  }
}
.p-cta-primary__balloon-body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 12px 16px 12px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
}
@media screen and (max-width: 768px) {
  .p-cta-primary__balloon-body {
    padding: 12px 16px;
  }
}
.p-cta-primary__balloon-text {
  font-size: clamp(14px, 3vw, 20px);
  text-align: center;
  font-weight: 500;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #808080;
  line-height: 150%;
}
.p-cta-primary__balloon-text span {
  color: #FF719E;
  font-weight: 700;
}

.p-cta-button-area {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  background: #FF719E;
  color: #ffffff;
  padding: 72px 32px 80px;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area {
    padding: 48px 20px 64px;
  }
}
.p-cta-button-area__head {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area__head {
    margin-bottom: 20px;
  }
}
.p-cta-button-area__head-sub {
  font-weight: 700;
  line-height: 100%;
  font-size: clamp(16px, 4vw, 20px);
  position: relative;
  width: fit-content;
  margin: 0 auto 16px auto;
  padding-left: 32px;
  padding-right: 32px;
  letter-spacing: 0.7px;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area__head-sub {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 24px;
  }
}
.p-cta-button-area__head-sub::before, .p-cta-button-area__head-sub::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom bottom;
  bottom: -2px;
  width: 18px;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area__head-sub::before, .p-cta-button-area__head-sub::after {
    width: 12px;
    height: 20px;
  }
}
.p-cta-button-area__head-sub::before {
  background-image: url(../public/img/diagnosis/slash-left-wh.svg);
  left: 0;
}
.p-cta-button-area__head-sub::after {
  background-image: url(../public/img/diagnosis/slash-right-wh.svg);
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area__head-sub {
    margin-bottom: 8px;
  }
}
.p-cta-button-area__head-big {
  font-weight: 700;
  line-height: 100%;
  font-size: clamp(16px, 4vw, 24px);
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area__head-big {
    margin-bottom: 16px;
  }
}
.p-cta-button-area__head-big span {
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 700;
}
.p-cta-button-area__head-text {
  font-weight: 500;
  line-height: 150%;
  font-size: clamp(14px, 2vw, 16px);
}
.p-cta-button-area__banner {
  max-width: 604px;
  height: auto;
  margin: 0 auto 36px auto;
}
@media screen and (max-width: 768px) {
  .p-cta-button-area__banner {
    margin-bottom: 20px;
  }
}
.p-cta-button-area__banner img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-cta-button-area .c-buttonLink--line {
  max-width: 360px;
  margin: 0 auto;
  display: block;
  font-size: clamp(16px, 4vw, 20px);
}

.p-work {
  letter-spacing: 0;
}
.p-work-fv picture,
.p-work-fv img {
  width: 100%;
}
.p-work-merit {
  padding: 4rem 2rem 6rem;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
@media screen and (max-width: 768px) {
  .p-work-merit {
    padding: 1.5rem 1rem 2.25rem;
  }
}
.p-work-merit__lead-text {
  text-align: center;
  margin-top: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.5;
}
.p-work-merit__lead-text:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-work-merit__lead-text {
    font-size: 0.875rem;
  }
}
.p-work-merit__item-desc {
  padding: 1.5rem 1.25rem 2.25rem;
  background-color: #FFE9F0;
  border-radius: 20px;
  margin-top: 20px;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
@media screen and (max-width: 768px) {
  .p-work-merit__item-desc {
    padding: 1rem 0.75rem 1.25rem;
    border-radius: 10px;
  }
}
.p-work-merit__item-desc-lead {
  text-align: center;
  background-color: #FFA6B2;
  border-radius: 40px;
  color: #ffffff;
  padding: 0.25rem;
  font-weight: 700;
}
.p-work-merit__item-desc-icons {
  display: flex;
  margin-top: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .p-work-merit__item-desc-icons {
    row-gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-work-merit__item-desc-icons {
    gap: 1rem;
  }
}
.p-work-merit__item-desc-icon img {
  margin: 0 auto;
  padding-inline: 15px;
}
@media screen and (max-width: 768px) {
  .p-work-merit__item-desc-icon img {
    width: 72px;
    padding-inline: 4px;
  }
}
.p-work-merit__item-desc-icon p {
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  color: #FF4861;
  font-weight: 700;
  margin-top: 0.5rem;
  text-align: center;
  white-space: nowrap;
}
.p-work-merit .c-subPage-card__list .c-subPage-card__item:nth-of-type(4) .c-subPage-card__item-textcontent {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .p-work-merit .c-subPage-card__list .c-subPage-card__item:nth-of-type(4) .c-subPage-card__item-textcontent {
    width: 95%;
    margin-left: auto;
  }
}
.p-work-merit .c-subPage-card__list .c-subPage-card__item:nth-of-type(4) .c-subPage-card__item-img-wrapper {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .p-work-merit .c-subPage-card__list .c-subPage-card__item:nth-of-type(4) .c-subPage-card__item-img-wrapper {
    width: 100%;
  }
}
.p-work-experience {
  padding: 4rem 2rem;
  background: #FFE9F0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-work-experience {
    padding: 2.25rem 1rem;
    text-align-last: left;
  }
}
.p-work-experience__text-wrapper {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-work-experience__text-wrapper {
    margin-bottom: 32px;
  }
}
.p-work-experience__text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 1.5;
  margin-top: 24px;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.p-work-experience__text:first-child {
  margin-top: 0;
}
.p-work-experience__text span {
  color: #FF4861;
  font-weight: 700;
}
.p-work-experience .c-buttonLink {
  width: 316px;
}
@media screen and (max-width: 768px) {
  .p-work-experience .c-buttonLink {
    width: 100%;
  }
}

.p-work .c-subPage-card__item:first-of-type {
  position: relative;
}
.p-work .c-subPage-card__item:first-of-type:after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-sleep.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 81px;
  position: absolute;
  right: 37px;
  top: -50px;
  z-index: 10;
  aspect-ratio: 81/68;
}
@media screen and (max-width: 768px) {
  .p-work .c-subPage-card__item:first-of-type:after {
    width: 14%;
    max-width: 81px;
    top: clamp(-3.625rem, 0.039rem - 7.63vw, -1.75rem);
    right: 8px;
  }
}

.p-salary {
  letter-spacing: 0;
}
.p-salary__inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-salary__inner--large {
  max-width: 1200px;
  margin: 0 auto;
}
.p-salary__inner .p-reasonBenefit,
.p-salary__inner .p-reasonBenefit p {
  margin-bottom: 0;
}
.p-salary__answer {
  text-align: center;
  padding: 6rem 2rem;
  background-color: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-salary__answer {
    padding: 2.5rem 1rem;
  }
}
.p-salary__answer .p-answer {
  background: unset;
  padding: 0;
}
.p-salary__answer .c-sectionTitle__heading,
.p-salary__answer .c-sectionTitle__sub {
  display: none;
}
.p-salary__reasonBonus {
  text-align: center;
  padding: 6rem 2rem;
  background-color: #FFE9F0;
}
@media screen and (max-width: 768px) {
  .p-salary__reasonBonus {
    padding: 2.5rem 1rem;
  }
}
.p-salary__reasonBenefits {
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  .p-salary__reasonBenefits {
    padding: 2.25rem 1rem;
  }
}
.p-salary__policy {
  background-image: url(../public/img/salary/salary-bg.webp);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  padding: 3.5rem 2rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-salary__policy {
    background-size: 800%;
    background-position: right center;
  }
}
@media screen and (max-width: 768px) {
  .p-salary__policy {
    padding: 2.25rem 1.25rem;
  }
}
.p-salary__policy::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.p-salary__policy-inner {
  max-width: 1055px;
  width: 54%;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .p-salary__policy-inner {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
}
.p-salary__policy-title {
  line-height: 1.5;
  font-weight: 700;
  font-size: clamp(1.5rem, 1.159rem + 1.45vw, 2.25rem);
  padding-bottom: 1rem;
  display: flex;
  align-items: flex-end;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-salary__policy-title {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-salary__policy-title {
    gap: 4px;
    padding-inline: 9px;
  }
}
.p-salary__policy-title::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 775px;
  height: 1px;
  background-color: #292929;
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-salary__policy-title::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-shining.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 80px;
  aspect-ratio: 80/72;
}
@media screen and (max-width: 768px) {
  .p-salary__policy-title::after {
    width: 16%;
    max-width: 80px;
  }
}
.p-salary__policy-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  line-height: 1.5;
  margin-top: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-salary__policy-text {
    margin-top: 0.75rem;
  }
}
.p-salary__policy-text:first-of-type {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-salary__policy-text:first-of-type {
    margin-top: 1.25rem;
  }
}
.p-salary__policy-text span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-salary__policy-text {
    text-align-last: left;
  }
}
.p-salary__policy-button-wrapper {
  margin-top: 2rem;
  max-width: 396px;
}
@media screen and (max-width: 1024px) {
  .p-salary__policy-button-wrapper {
    margin: 2rem auto 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-salary__policy-button-wrapper {
    margin-top: 1.25rem;
    width: 100%;
  }
}
.p-salary__interview {
  padding: 6rem 2rem;
  text-align: center;
  background-color: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-salary__interview {
    padding: 2.25rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-salary__interview .p-interview__cardList-attention {
    margin-bottom: 1.25rem;
    font-size: 0.75rem;
    font-weight: 500;
  }
}
.p-salary__interview .p-interview__cardListItem:nth-child(n+5) {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-salary__interview .p-interview__cardListItem:nth-child(n+5) {
    display: block;
  }
}
.p-salary__chatStyle {
  padding: 6rem 2rem 7.5rem;
  text-align: center;
  background-color: #FFE9F0;
}
@media screen and (max-width: 768px) {
  .p-salary__chatStyle {
    padding: 2.25rem 1rem 4rem;
  }
}
.p-salary__card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .p-salary__card-wrapper {
    gap: 2rem;
  }
}
.p-salary__card {
  padding: 3.5rem 2.25rem 2.25rem 0;
  background-color: #ffffff;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-salary__card {
    padding: 1.25rem 1rem 1.25rem 0;
    border-radius: 10px;
  }
}
.p-salary__card--reverse {
  padding: 3.5rem 0 2.25rem 2.25rem;
}
@media screen and (max-width: 768px) {
  .p-salary__card--reverse {
    padding: 1.25rem 1rem 1.25rem 0;
  }
}
.p-salary__card--reverse .p-salary__card-img {
  order: 1;
}
@media screen and (max-width: 768px) {
  .p-salary__card--reverse .p-salary__card-img {
    order: unset;
  }
}
.p-salary__card--reverse .p-salary__card-img img {
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p-salary__card--reverse .p-salary__card-img img {
    border-radius: 0 10px 10px 0;
  }
}
.p-salary__card--reverse .p-salary__note {
  margin-right: 2.25rem;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .p-salary__card--reverse .p-salary__note {
    margin-left: 1rem;
    margin-right: 0;
  }
}
.p-salary__card-head {
  display: flex;
  gap: 2.5rem;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-salary__card-head {
    flex-direction: column;
    gap: 0.75rem;
  }
}
.p-salary__card-img {
  width: 48.3%;
}
@media screen and (max-width: 768px) {
  .p-salary__card-img {
    width: 100%;
  }
}
.p-salary__card-img img {
  border-radius: 0 20px 20px 0;
}
@media screen and (max-width: 768px) {
  .p-salary__card-img img {
    border-radius: 0 10px 10px 0;
  }
}
.p-salary__card-textarea {
  width: 48.3%;
}
@media screen and (max-width: 1024px) {
  .p-salary__card-textarea {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .p-salary__card-textarea {
    padding-left: 1rem;
    width: 90%;
  }
}
.p-salary__card-title {
  display: flex;
  gap: 0.75rem;
  font-size: clamp(1.25rem, 0.795rem + 1.94vw, 2.25rem);
  color: #FF4861;
  line-height: 1.5;
  align-items: baseline;
  font-weight: 700;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #FFA6B2;
}
@media screen and (max-width: 768px) {
  .p-salary__card-title {
    padding-bottom: 0.5rem;
  }
}
.p-salary__card-title span {
  font-size: clamp(2.5rem, 0.909rem + 6.79vw, 6rem);
  font-family: "Playball";
  color: #FFA6B2;
  line-height: 1;
  font-weight: normal;
}
.p-salary__card-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 1.5;
  text-align-last: left;
  margin-top: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
@media screen and (max-width: 768px) {
  .p-salary__card-text {
    margin-top: 0.5rem;
    width: 100%;
  }
}
.p-salary__card-text--pink {
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
  color: #FF4861;
  margin-top: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-salary__card-text--pink {
    margin-top: 0.75rem;
  }
}
.p-salary__note {
  background-color: #F6F6F6;
  border-radius: 1.25rem;
  border: 1px solid #FFA6B2;
  position: relative;
  margin-top: 4rem;
  padding: 4rem 2.8% 2rem;
  margin-left: 2.25rem;
}
@media screen and (max-width: 768px) {
  .p-salary__note {
    padding: 2rem 1rem 1rem;
    border-radius: 10px;
    margin-top: 2.25rem;
    margin-left: 1rem;
  }
}
.p-salary__note-head {
  color: #ffffff;
  background-color: #FFA6B2;
  padding: 0.75rem 35px;
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
  display: inline-block;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  line-height: 1;
  position: absolute;
  top: 0;
  left: 50%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-salary__note-head {
    padding: 0.5rem 1rem;
  }
}
.p-salary__note-inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-salary__note-inner {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
}
.p-salary__note-item {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 1.5rem 1.8%;
  width: 48.5%;
}
@media screen and (max-width: 768px) {
  .p-salary__note-item {
    width: 89%;
    padding: 1rem;
  }
}
.p-salary__note-title {
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 700;
  color: #FF4861;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #FF4861;
}
@media screen and (max-width: 768px) {
  .p-salary__note-title {
    font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
    padding-bottom: 0.5rem;
  }
}
.p-salary__note-title--big {
  font-size: clamp(1.25rem, 0.909rem + 1.45vw, 2rem);
}
@media screen and (max-width: 768px) {
  .p-salary__note-title--big {
    font-family: "Noto Serif JP", "serif";
  }
}
.p-salary__note-icon {
  display: flex;
  align-items: flex-end;
  gap: 9px;
  margin-right: 1rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .p-salary__note-icon {
    gap: 2px;
    align-items: center;
  }
}
.p-salary__note-icon::before {
  content: "";
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .p-salary__note-icon::before {
    width: 22px;
    height: 24px;
  }
}
.p-salary__note-icon--train::before {
  background-image: url(../public/img/salary/salary-icon-train.svg);
}
.p-salary__note-icon--home::before {
  background-image: url(../public/img/salary/salary-icon-home.svg);
}
.p-salary__note-describe {
  margin-top: 1rem;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-salary__note-describe {
    margin-top: 0.75rem;
  }
}
.p-salary__note-describe span {
  font-weight: 700;
  color: #FF4861;
}
.p-salary__note-describe--small {
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  color: #BDBDBD;
  line-height: 1;
}

/* ========================================
   ▼ experience
======================================== */
.p-experience {
  letter-spacing: 0;
  overflow-x: hidden;
}
.p-experience__inner--large {
  max-width: 1200px;
  margin: 0 auto;
}
.p-experience__inner--small {
  max-width: 1024px;
  margin: 0 auto;
}
.p-experience__introduction {
  padding: 6rem 2rem 4.5rem;
  background-image: url(../public/img/bg-bright.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-experience__introduction {
    padding: 2.25rem 1rem 2.5rem;
  }
}
.p-experience__introduction-title {
  line-height: 1;
  font-family: "Noto Serif JP", "serif";
  font-size: clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
}
.p-experience__introduction-title span {
  color: #FF4861;
  font-size: clamp(1.5rem, 1.045rem + 1.94vw, 2.5rem);
  padding-bottom: 20px;
  border-bottom: solid 1px #FF4861;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .p-experience__introduction-title span {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
.p-experience__introduction-text {
  margin-top: 48px;
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-experience__introduction-text {
    margin-top: 32px;
  }
}
.p-experience__introduction-text p {
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  margin-top: 20px;
  line-height: 1.5;
}
.p-experience__introduction-text p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-experience__introduction-text p {
    margin-top: 12px;
  }
}
.p-experience__introduction-text span {
  color: #FF4861;
}
.p-experience__worstCase {
  padding: 4rem 2rem 4.5rem;
  background-image: url(../public/img/experience/experience-bg-paper.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase {
    padding: 2.5rem 1rem 2.25rem;
  }
}
.p-experience__worstCase-text {
  text-align: center;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase-text {
    margin-top: 12px;
  }
}
.p-experience__worstCase-text:first-child {
  margin-top: 0;
}
.p-experience__worstCase-text--small {
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.p-experience__worstCase-text--large {
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
}
.p-experience__worstCase-text--underLine {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 4%;
}
.p-experience__worstCase-card-wrapper {
  position: relative;
}
.p-experience__worstCase-card-head {
  display: flex;
  width: 268px;
  background-color: #292929;
  padding: 0.5rem 1.25rem;
  justify-content: space-between;
  color: #ffffff;
  line-height: 1;
  align-items: baseline;
  position: absolute;
  top: 0;
  left: -22px;
  transform: skewX(-10deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase-card-head {
    width: 205px;
    left: -6px;
    padding: 0.25rem 0.75rem;
  }
}
.p-experience__worstCase-card-head--english {
  font-family: "Oooh Baby";
  font-size: clamp(1.5rem, 1.273rem + 0.97vw, 2rem);
  letter-spacing: 0.05em;
}
.p-experience__worstCase-card-head--japanese {
  font-size: clamp(0.75rem, 0.636rem + 0.48vw, 1rem);
}
.p-experience__worstCase-card {
  display: flex;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase-card {
    flex-direction: column;
    margin-top: 2rem;
  }
}
.p-experience__worstCase-card-text {
  width: 71%;
  background-color: #ffffff;
  padding: 3rem 0 2rem;
  display: grid;
  place-items: center;
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase-card-text {
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 2.25rem 0 1.25rem;
  }
}
.p-experience__worstCase-card-text p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  width: 91%;
  display: inline-block;
}
.p-experience__worstCase-card-img {
  width: 29%;
  align-self: stretch;
  aspect-ratio: 296/176;
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase-card-img {
    aspect-ratio: 343/156;
    width: 100%;
    height: 45%;
  }
}
.p-experience__worstCase-card-img img {
  border-radius: 0 20px 20px 0;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-experience__worstCase-card-img img {
    border-radius: 0 0 10px 10px;
  }
}
.p-experience__discount-head {
  padding: 1rem 0;
  background-color: #808080;
  color: #ffffff;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-experience__discount-head {
    padding: 0.75rem 0;
  }
}
.p-experience__discount-head span {
  color: #FFE9F0;
}
.p-experience__discount-content {
  padding: 2.5rem 0 6rem;
  background-color: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-experience__discount-content {
    padding: 1.5rem 1rem 2.25rem;
  }
}
.p-experience__discount-content-title {
  font-size: clamp(1.25rem, 1.136rem + 0.48vw, 1.5rem);
  line-height: 1.7;
  font-weight: 700;
  text-align: center;
}
.p-experience__discount-content-text {
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0.75rem;
}
.p-experience__discount-content-text:first-of-type {
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-experience__discount-content-text:first-of-type {
    margin-top: 0.75rem;
  }
}
.p-experience__discount-content-text span {
  color: #FF4861;
  font-weight: 700;
}
.p-experience__discount-content-body {
  padding: 2.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 47.4%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-experience__discount-content-body {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .p-experience__discount-content-body {
    width: 100%;
    padding: 1.25rem 0;
    gap: 1rem;
  }
}
.p-experience__discount-content-baloon {
  display: flex;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .p-experience__discount-content-baloon {
    gap: 22px;
  }
}
.p-experience__discount-content-baloon p {
  background-color: #ffffff;
  width: 100%;
  padding: 0.5rem 0 0.5rem 0.75rem;
  border-radius: 10px;
  line-height: 1.5;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-experience__discount-content-baloon p {
    padding: 0.5rem 0.25rem;
  }
}
.p-experience__discount-content-baloon p::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 16px solid #ffffff;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
}
@media screen and (max-width: 768px) {
  .p-experience__discount-content-baloon img {
    width: 26px;
  }
}
.p-experience__message {
  position: relative;
  padding: 4rem 2rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-experience__message {
    padding: 3rem 1rem 2.25rem;
  }
}
.p-experience__message-bg {
  background-image: url(../public/img/experience/experience-people-pc.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-experience__message-bg {
    background-image: url(../public/img/experience/experience-people-sp.webp);
    background-position: center top;
  }
}
.p-experience__message-bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-experience__message-bg::before {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
.p-experience__message-lead {
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
  text-align: center;
  line-height: 1.7;
  font-weight: 700;
}
.p-experience__message-lead p {
  line-height: 1.7;
}
.p-experience__message-lead--medium {
  font-size: clamp(1.25rem, 0.909rem + 1.45vw, 2rem);
  line-height: 1.5;
}
.p-experience__message-lead--pink {
  color: #FF4861;
}
.p-experience__message-lead--large {
  font-size: clamp(1.25rem, 0.682rem + 2.42vw, 2.5rem);
}
.p-experience__message-body {
  padding: 2rem 2rem;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.45);
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .p-experience__message-body {
    border-radius: 10px;
    margin-top: 1.25rem;
    padding: 1.25rem 1rem;
  }
}
.p-experience__message-body-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 1.5;
  color: #ffffff;
  margin-top: 1rem;
  text-align: center;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
}
.p-experience__message-body-text--large {
  font-family: "Noto Serif JP", "serif";
  line-height: 1.5;
  font-weight: 500;
  color: #FFE9F0;
  font-size: clamp(1.25rem, 0.909rem + 1.45vw, 2rem);
  text-decoration: underline;
  text-align: center;
  text-underline-offset: 0.25rem;
  vertical-align: top;
  margin-top: 24px;
  text-underline-offset: 23%;
  text-decoration-thickness: 4%;
}
.p-experience__message-card-wrapper {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .p-experience__message-card-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}
.p-experience__message-card {
  background-color: #ffffff;
  padding: 1.5rem 1.5rem;
  border-radius: 20px;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-experience__message-card {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .p-experience__message-card {
    border-radius: 10px;
    padding: 1rem;
    width: 100%;
  }
}
.p-experience__message-card::before {
  display: block;
  content: "";
  background-image: url(../public/img/experience/experience-icon-check.svg);
  width: 38px;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -11px;
  left: -10px;
}
@media screen and (max-width: 768px) {
  .p-experience__message-card::before {
    width: 24px;
    top: -4px;
    left: -5px;
  }
}
.p-experience__message-card p {
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  line-height: 1.5;
  font-weight: 500;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.p-experience__earnWoman {
  padding: 4.5rem 2rem;
}
@media screen and (max-width: 768px) {
  .p-experience__earnWoman {
    padding: 2.25rem 1rem;
  }
}
.p-experience__earnWoman-title {
  font-size: clamp(1.25rem, 0.909rem + 1.45vw, 2rem);
  line-height: 1.7;
  text-align: center;
  font-weight: 700;
}
.p-experience__earnWoman-title span {
  color: #FF4861;
}
.p-experience__earnWoman-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  line-height: 1.5;
  text-align: center;
  margin-top: 1.25rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-experience__earnWoman-text {
    margin-top: 0.85rem;
  }
}
.p-experience__voice {
  padding: 3.5rem 2rem;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-experience__voice {
    padding: 2.25rem 1rem;
  }
}
.p-experience__voice-head {
  background-color: #808080;
  padding: 0.75rem 0;
  color: #ffffff;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.5;
  margin-inline: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .p-experience__voice-head {
    padding: 0.5rem 0;
  }
}
.p-experience__voice-lead {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-lead {
    margin-top: 1.5rem;
  }
}
.p-experience__voice-lead-text {
  text-align: center;
  margin-top: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  line-height: 1.5;
}
.p-experience__voice-baloon-wrapper {
  display: flex;
  justify-content: center;
  gap: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-baloon-wrapper {
    flex-direction: column;
    width: 76.4%;
    margin: 0 auto;
    gap: 0.75rem;
  }
}
.p-experience__voice-baloon-wrapper--woman {
  flex-direction: column;
  margin-top: 2.5rem;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-baloon-wrapper--woman {
    width: 100%;
    gap: 1rem;
    margin-top: 1.5rem;
    align-items: center;
  }
}
.p-experience__voice-baloon {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-baloon {
    gap: 26px;
    align-items: center;
  }
}
.p-experience__voice-baloon p {
  background-color: #F6F6F6;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  border-radius: 10px;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  position: relative;
  text-align-last: left;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-baloon p {
    padding: 0.5rem 0.75rem;
    width: 100%;
  }
}
.p-experience__voice-baloon p::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid #f6f6f6;
  border-left: 0;
  transform: translate(-100%, -50%);
}
@media screen and (max-width: 768px) {
  .p-experience__voice-baloon--woman {
    width: 100%;
    gap: 22px;
    max-width: 560px;
  }
}
.p-experience__voice-baloon--woman p {
  background-color: #FFE9F0;
  color: #FF4861;
}
.p-experience__voice-baloon--woman p::before {
  border-right: 14px solid #FFE9F0;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-baloon--woman img {
    width: 26px;
    height: 26px;
  }
}
.p-experience__voice-body-text {
  text-align: center;
  margin-top: 2.5rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-experience__voice-body-text {
    margin-top: 1.5rem;
  }
}
.p-experience__reason {
  padding: 4rem 3rem 4.5rem;
  background-color: #FFE9F0;
}
@media screen and (max-width: 768px) {
  .p-experience__reason {
    padding: 2.25rem 1rem;
  }
}
.p-experience__reason-lead {
  text-align: center;
}
.p-experience__reason-lead-title {
  font-weight: 700;
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
  line-height: 1.7;
}
.p-experience__reason-lead-text {
  font-weight: 500;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  margin-top: 1.25rem;
}
.p-experience__reason-lead-text:last-child {
  margin-top: 0;
}
.p-experience__reason-body-wrapper {
  position: relative;
}
.p-experience__reason-body-wrapper::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala_haihai.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 80px;
  position: absolute;
  top: -10px;
  right: 32px;
  aspect-ratio: 80/70;
}
@media screen and (max-width: 768px) {
  .p-experience__reason-body-wrapper::after {
    width: 14.4%;
    right: 7px;
    top: -12px;
    max-width: 80px;
  }
}
.p-experience__reason-body {
  background-color: #ffffff;
  padding: 3rem 7% 2.25rem;
  margin-top: 4.5rem;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-experience__reason-body {
    padding: 2.5rem 1rem 2rem;
    border-radius: 20px;
    margin-top: 2.5rem;
  }
}
.p-experience__reason-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 68.2%;
  margin: 0 auto;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-experience__reason-list-wrapper {
    width: 100%;
    gap: 1rem;
  }
}
.p-experience__reason-list-wrapper p {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
@media screen and (max-width: 768px) {
  .p-experience__reason-list-wrapper p {
    text-align: center;
  }
}
.p-experience__reason-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.p-experience__reason-list-item {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #FF4861;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
  line-height: 1.5;
  padding-bottom: 0.5rem;
  border-bottom: dashed 1px #FFA6B2;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-experience__reason-list-item {
    font-weight: 700;
    gap: 0.5rem;
  }
}
.p-experience__reason-list-item::before {
  content: "";
  display: block;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../public/img/icon-check.svg);
  background-color: #FFA6B2;
  width: 20px;
  height: 20px;
}
.p-experience__reason-note {
  background-color: #F6F6F6;
  border-radius: 20px;
  padding: 1.5rem 1rem 1.5rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-experience__reason-note {
    margin-top: 1.5rem;
  }
}
.p-experience__reason-note-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #ffa6b2;
  border-bottom: 0;
}
.p-experience__reason-note-text {
  font-weight: 700;
  line-height: 1.7;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .p-experience__reason-note-text {
    text-align-last: left;
  }
}
.p-experience__reason-note-text--emphasis {
  font-size: clamp(1.25rem, 1.136rem + 0.48vw, 1.5rem);
  color: #FF4861;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  line-height: 1.7;
  font-weight: 700;
  text-underline-offset: 23%;
  text-decoration-thickness: 4%;
}
@media screen and (max-width: 768px) {
  .p-experience__reason-note-text--emphasis {
    text-align: center !important;
  }
}
.p-experience__cta {
  padding: 4rem 2rem 4.25rem;
  background-image: url(../public/img/bg-bright.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-experience__cta {
    padding: 2.25rem 1rem 4rem;
  }
}
.p-experience__cta-title {
  font-weight: 700;
  line-height: 1.7;
  font-size: clamp(1.25rem, 1.136rem + 0.48vw, 1.5rem);
  text-align: center;
}
.p-experience__cta-title span {
  color: #FF4861;
}
.p-experience__cta-body {
  margin-top: 1.25rem;
}
.p-experience__cta-body p {
  margin-top: 1.25rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-experience__cta-body p {
    text-align: left;
  }
}
.p-experience__cta-body p:first-child {
  margin-top: 0;
}
.p-experience__cta-banner-area {
  margin-top: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-experience__cta-banner-area img {
  width: 604px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-experience__cta-banner-area img {
    width: 100%;
  }
}
.p-experience__cta-banner-area .c-buttonLink {
  width: 404px;
  margin-top: 2.25rem;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-experience__cta-banner-area .c-buttonLink {
    width: 100%;
  }
}
.p-experience__section-baloon {
  position: relative;
}
.p-experience__section-baloon::before {
  content: "しかし";
  background-color: #292929;
  color: #ffffff;
  border-radius: 10px;
  position: absolute;
  height: 60px;
  width: 164px;
  left: 50%;
  top: 5px;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1;
  display: grid;
  place-items: center;
  box-shadow: 2px 8px 23px 0 rgba(0, 0, 0, 0.1);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-experience__section-baloon::before {
    width: 100px;
    height: 40px;
    font-size: 1.25rem;
  }
}
.p-experience__section-baloon::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #292929;
  border-bottom: 0;
  left: 50%;
  top: 35px;
  transform: translateX(-50%);
  position: absolute;
  box-shadow: 2px 8px 23px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .p-experience__section-baloon::after {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #292929;
    top: 25px;
  }
}
.p-experience__section-baloon--message::before {
  content: "でも、安心してください";
  width: 432px;
  background-color: rgba(255, 72, 97, 0.8);
}
@media screen and (max-width: 768px) {
  .p-experience__section-baloon--message::before {
    width: 260px;
  }
}
.p-experience__section-baloon--message::after {
  border-top: 10px solid rgba(255, 72, 97, 0.8);
}
.p-experience__section-baloon--reason::before {
  content: "その理由として";
  background-color: rgba(255, 72, 97, 0.8);
  width: 298px;
}
@media screen and (max-width: 768px) {
  .p-experience__section-baloon--reason::before {
    width: 180px;
  }
}
.p-experience__section-baloon--reason::after {
  border-top: 10px solid rgba(255, 72, 97, 0.8);
}
.p-experience__card {
  display: flex;
  align-items: center;
  margin-top: 48px;
  margin-inline: auto;
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  .p-experience__card {
    flex-direction: column;
    margin-top: 32px;
  }
}
.p-experience__card-text-wrapper {
  padding: 4rem 0 2.25rem;
  width: 50%;
  border-radius: 30px 0 0 30px;
  line-height: 1.5;
  background-color: #ffffff;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 768px) {
  .p-experience__card-text-wrapper {
    width: 100%;
    border-radius: 0 0 10px 10px;
    order: 1;
    padding: 2.5rem 0 1.25rem;
    margin: 0 auto;
  }
}
.p-experience__card-title {
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
  padding-bottom: 8px;
  border-bottom: solid 0.5px #808080;
  font-weight: 700;
  position: relative;
  padding-left: 0.5rem;
  display: inline-block;
  width: 86.6%;
}
@media screen and (max-width: 768px) {
  .p-experience__card-title {
    padding-bottom: 4px;
    width: 90.6%;
  }
}
.p-experience__card-title::before {
  content: "";
  display: block;
  background-image: url(../public/img/experience/experience-introduction-titleSmall.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 152px;
  aspect-ratio: 152/42;
  position: absolute;
  top: -40px;
  left: -7px;
  transform: rotate(-5deg);
}
@media screen and (max-width: 768px) {
  .p-experience__card-title::before {
    width: 103px;
    aspect-ratio: 103/27;
    left: -5px;
    top: -25px;
  }
}
.p-experience__card-title span {
  color: #FF4861;
}
.p-experience__card-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  margin-top: 16px;
  font-weight: 500;
  display: inline-block;
  width: 86.6%;
}
@media screen and (max-width: 768px) {
  .p-experience__card-text {
    margin-top: 12px;
    width: 90.6%;
  }
}
.p-experience__card-img {
  width: 50%;
  align-self: stretch;
}
@media screen and (max-width: 768px) {
  .p-experience__card-img {
    width: 100%;
  }
}
.p-experience__card-img img {
  border-radius: 0 30px 30px 0;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-experience__card-img img {
    border-radius: 10px 10px 0 0;
    aspect-ratio: 343/146;
  }
}
.p-experience__card--earnWoman {
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  .p-experience__card--earnWoman {
    margin-top: 2rem;
  }
}
.p-experience__card--earnWoman .p-experience__card-text-wrapper {
  background-color: #F6F6F6;
  padding: 2rem 0;
}
@media screen and (max-width: 768px) {
  .p-experience__card--earnWoman .p-experience__card-text-wrapper {
    padding: 0.75rem 0 1.25rem;
  }
}
.p-experience__card--earnWoman .p-experience__card-title::before {
  display: none;
}
.p-experience__card--earnWoman .p-experience__card-img img {
  object-position: left center;
}

.p-subStaff {
  letter-spacing: 0;
}
.p-subStaff__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.p-subStaff__coala-img {
  width: 91px;
  position: absolute;
  left: 14%;
  bottom: 0;
  z-index: 10;
  aspect-ratio: 91/78;
  z-index: 20;
}
@media screen and (max-width: 1024px) {
  .p-subStaff__coala-img {
    left: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-subStaff__coala-img {
    left: 1rem;
    width: 16%;
    bottom: -8px;
  }
}
.p-subStaff__coala-img::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-tea.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.p-subStaff__blogList {
  padding: 4rem 2rem 7.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-subStaff__blogList {
    padding: 1.5rem 1rem 2.25rem;
  }
}
.p-subStaff__blogList::before {
  right: -113px;
  top: -7px;
  aspect-ratio: 387/700;
  max-height: 700px;
}
.p-subStaff__blogList::after {
  left: -106px;
  aspect-ratio: 387/700;
  max-height: 700px;
}
.p-subStaff__blogList-head {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #ffffff;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0.25rem;
  text-align: center;
  padding-inline: 3rem;
}
@media screen and (max-width: 1024px) {
  .p-subStaff__blogList-head {
    padding-inline: 0;
  }
}
.p-subStaff__blogList-head--bold {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-subStaff__blogList-head--bold {
    font-weight: 500;
  }
}
.p-subStaff__blogList-head:first-child {
  margin-top: 0;
}
.p-subStaff__blogList-body {
  margin-top: 4.5rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-subStaff__blogList-body {
    margin-top: 2.25rem;
  }
}
.p-subStaff__blogList-body .c-blogList-body {
  position: relative;
  padding: 0;
}
.p-subStaff__blogList-body .c-blogList-body .c-buttonLink {
  position: absolute;
  bottom: -24px;
  right: 0;
  transform: translateY(100%);
}
@media screen and (max-width: 768px) {
  .p-subStaff__blogList-body .c-blogList-body .c-buttonLink {
    bottom: -0.75rem;
    width: fit-content;
  }
}
.p-subStaff__blogList-body .c-blogList-body .c-buttonLink a {
  padding: 12px 24px;
}
.p-subStaff .p-staff {
  display: flex;
  background-color: #ffffff;
  padding: 3rem;
  border-radius: 50px;
  justify-content: space-between;
  margin-top: 3.5rem;
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff {
    margin-top: 1rem;
    border-radius: 20px;
    flex-direction: column;
    padding: 1rem 1rem 6.5rem 1rem;
    gap: 0.75rem;
  }
}
.p-subStaff .p-staff .c-sectionTitle {
  display: none;
}
.p-subStaff .p-staff .p-staff__contents {
  width: 47.8%;
  margin: unset !important;
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff .p-staff__contents {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff .p-staff__contents-img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff .p-staff__contents-img img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff .p-staff__monthly-salary {
    top: -10px;
    left: -12px;
  }
}
.p-subStaff .p-staff .p-staff__contents-message {
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.p-subStaff .p-staff .p-staff__tag-list {
  flex-wrap: wrap;
  justify-content: center;
}
.p-subStaff .p-staff .p-staff__tag-list span {
  width: 170px;
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff .p-staff__tag-list span {
    width: 136px;
  }
}
.p-subStaff .p-staff .c-blogList {
  width: 47.8%;
}
@media screen and (max-width: 768px) {
  .p-subStaff .p-staff .c-blogList {
    width: 100%;
  }
}
.p-subStaff .p-staff .c-blogList-tail {
  display: none;
}
.p-subStaff .p-staff .c-blogList-head {
  margin-bottom: 3rem;
}
.p-subStaff .p-staff .c-blogList__list {
  flex-direction: column;
}
.p-subStaff .p-staff .c-blogList__listItem {
  width: 100%;
}
.p-subStaff .p-staff .c-blogListArticle {
  flex-direction: row;
}
.p-subStaff .p-staff .c-blogListArticle__image {
  aspect-ratio: 219/135;
  width: 41.4%;
}
.p-subStaff__relatedBlogs {
  padding: 6rem 2rem;
  background-color: #FFE9F0;
}
@media screen and (max-width: 768px) {
  .p-subStaff__relatedBlogs {
    padding: 1.5rem 1rem 4rem;
  }
}
.p-subStaff__relatedBlogs .c-relatedBlogs__wrapper {
  width: 48%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-subStaff__relatedBlogs .c-relatedBlogs__wrapper {
    width: unset;
  }
}
.p-subStaff__relatedBlogs .c-relatedBlogs__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-subStaff__relatedBlogs .c-relatedBlogs__body {
    flex-direction: column;
  }
}
.p-subStaff__relatedBlogs .c-relatedBlogs__item {
  flex-direction: column;
}
.p-subStaff__relatedBlogs .c-blogList__list {
  flex-direction: column;
}
.p-subStaff__relatedBlogs .c-blogList__list__listItem {
  width: 100%;
}
.p-subStaff__relatedBlogs .c-blogListArticle {
  flex-direction: row;
}
.p-subStaff__relatedBlogs .c-blogListArticle__image {
  width: 41.4%;
}

.p-category {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .p-category {
    margin-top: 1.5rem;
  }
}
.p-category__list-item {
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #D8D8D8;
}
@media screen and (max-width: 768px) {
  .p-category__list-item {
    margin-top: 0.75rem;
  }
}
.p-category__list-item a {
  font-weight: 700;
  color: #808080;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}

/* ========================================
   ▼ 期間限定（7/25-8/31まで）
======================================== */
.p-limited_illust {
  position: absolute;
  bottom: -48px;
  right: 0;
  z-index: 1;
  width: 60px;
  aspect-ratio: 60/58;
}
@media screen and (max-width: 1024px) {
  .p-limited_illust {
    bottom: -86px;
  }
}
@media screen and (max-width: 768px) {
  .p-limited_illust {
    bottom: -38px;
    width: 15%;
    max-width: 60px;
  }
}
.p-limited_illust::after {
  content: "";
  display: block;
  background-image: url(../public/img/mameko.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.p-staff:has(.p-limited_illust) {
  padding-bottom: 115px;
}
.p-staff:has(.p-limited_illust) .c-buttonLink {
  bottom: -44px;
}
@media screen and (max-width: 1024px) {
  .p-staff:has(.p-limited_illust) .c-buttonLink {
    bottom: -82px;
  }
}
@media screen and (max-width: 768px) {
  .p-staff:has(.p-limited_illust) .c-buttonLink {
    bottom: -34px;
  }
}

.p-area {
  letter-spacing: 0;
}
.p-area__inner--small {
  max-width: 1024px;
  margin: 0 auto;
}
.p-area__inner--large {
  max-width: 1200px;
  margin: 0 auto;
}
.p-area__modal {
  position: relative;
  z-index: 0;
  padding: 6rem 2rem;
}
@media screen and (max-width: 768px) {
  .p-area__modal {
    padding: 2.25rem 1rem;
  }
}
.p-area__modal-frame {
  margin-top: 2rem;
  display: block;
  padding: 1.25rem 1rem;
  border-radius: 1.25rem;
  border: 1px solid #D8D8D8;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-area__modal-frame {
    grid-template-rows: repeat(11, auto);
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-area__modal-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.p-area__modal-item.is-hidden {
  display: none;
}
.p-area__modal-item-prefectureName {
  background-color: #F6F6F6;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  border: none;
  border-radius: 0.25rem;
  padding: 10px 0;
  line-height: 1;
  color: #292929;
  text-align: center;
  cursor: unset;
}
.p-area__modal-item-branchName {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .p-area__modal-item-branchName {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-area__modal-item-branchName button {
  border: 1px solid #D8D8D8;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  background-color: #ffffff;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  padding: 0.5rem 1rem 0.75rem;
  line-height: 1;
  color: #292929;
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .p-area__modal-item-branchName button {
    width: 100%;
  }
}
.p-area__desc {
  margin-bottom: 3rem;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .p-area__desc {
    text-align: left;
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.p-area__desc p {
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  line-height: 190%;
}
@media screen and (max-width: 768px) {
  .p-area__desc p {
    line-height: 1.5;
  }
}
.p-area__desc span {
  color: #FF4861;
  font-weight: 700;
}
.p-area__chatroom {
  padding: 6rem 2rem 0;
  background-color: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-area__chatroom .p-area__desc {
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-area__chatroom {
    padding: 2.25rem 1rem;
  }
}
.p-area__chatroom .p-reasonChatroom__slider .slick-slide {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.p-area__chatroom-icon-list {
  display: grid;
  grid-template-columns: repeat(4, 177px);
  justify-content: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .p-area__chatroom-icon-list {
    grid-template-columns: repeat(2, 120px);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 1.5rem;
    row-gap: 1rem;
    margin-bottom: 2rem;
  }
}
.p-area__chatroom-icon-item img {
  padding-inline: 23px;
}
@media screen and (max-width: 768px) {
  .p-area__chatroom-icon-item img {
    padding-inline: 15px;
    width: 90px;
  }
}
.p-area__chatroom-icon-item p {
  text-align: center;
  margin-top: 0.75rem;
  color: #FF4861;
  font-weight: 700;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
@media screen and (max-width: 768px) {
  .p-area__chatroom-icon-item p {
    margin-top: 0.5rem;
  }
}
.p-area__chatroom-button-wrapper {
  display: flex;
  gap: 3rem;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-area__chatroom-button-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}
.p-area__chatroom-button-wrapper .c-buttonLink {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-area__chatroom-button-wrapper .c-buttonLink {
    width: 100%;
  }
}
.p-area__chatroom-button-wrapper .c-buttonLink a {
  padding: 1.5rem 3rem;
  line-height: 1;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .p-area__chatroom-button-wrapper .c-buttonLink a {
    padding: 1rem 0;
  }
}
.p-area__grooming {
  padding: 6rem 2rem;
  background-color: #F6F6F6;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-area__grooming {
    padding: 2.25rem 1rem;
  }
}
.p-area__grooming-img-list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .p-area__grooming-img-list {
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.p-area__grooming-img-item {
  max-width: 384px;
}
.p-area__grooming-img-item img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-area__grooming-img-item img {
    border-radius: 10px;
  }
}
.p-area__grooming-img-item:last-of-type {
  position: relative;
}
.p-area__grooming-img-item:last-of-type:after {
  content: "";
  display: block;
  background-image: url(../public/img/flow__step-koala.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 91px;
  position: absolute;
  right: -46px;
  bottom: -10px;
  z-index: 10;
  aspect-ratio: 91/94;
}
@media screen and (max-width: 1024px) {
  .p-area__grooming-img-item:last-of-type:after {
    right: -25px;
  }
}
@media screen and (max-width: 768px) {
  .p-area__grooming-img-item:last-of-type:after {
    width: 30%;
    right: -16px;
    max-width: 91px;
  }
}
@media screen and (max-width: 768px) {
  .p-area__grooming .p-area__desc {
    margin-bottom: 0;
  }
}
.p-area .p-application {
  padding: 6rem 2rem;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-area .p-application {
    padding: 2.25rem 1rem 4rem;
  }
}
.p-area .p-application__desc {
  padding: 1.25rem 2rem;
}
.p-area .p-application__desc p {
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.p-area #nara-ikoma {
  padding-top: 0.5rem;
}

/* ===============================================
# lead リード文
=============================================== */
.p-remote {
  letter-spacing: 0;
}
.p-remote__inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-remote__lead {
  background: #ffffff;
  padding: 64px 32px 72px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-remote__lead {
    padding: 24px 16px;
  }
}
.p-remote__lead-head {
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-remote__lead-head {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 12px;
    letter-spacing: 0.4px;
    word-break: keep-all;
  }
}
.p-remote__lead-head span {
  color: #FF4861;
}
.p-remote__lead-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .p-remote__lead-body {
    gap: 12px;
  }
}
.p-remote__lead-text {
  font-size: clamp(14px, 3vw, 16px);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-remote__lead-text {
    text-align: left;
  }
}
.p-remote__lead-text-bold {
  font-weight: 700;
}
.p-remote__details {
  background: #F6F6F6;
  padding: 96px 32px;
}
@media screen and (max-width: 768px) {
  .p-remote__details {
    padding: 36px 16px;
  }
}
.p-remote__details-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
.p-remote__details-list::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala_haihai.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 80px;
  position: absolute;
  top: 12px;
  right: 16px;
  transform: translateY(-100%);
  aspect-ratio: 80/70;
}
@media screen and (max-width: 768px) {
  .p-remote__details-list::after {
    width: 14.5%;
    right: 5px;
    top: 8px;
    max-width: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-remote__details-list {
    gap: 24px;
  }
}
.p-remote__details-box-list-item {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}
.p-remote__details-box-head {
  text-align: center;
  background: #57CFBB;
  color: #ffffff;
  padding: 12px;
  border-radius: 0 10px 0 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.72px;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-head {
    font-size: 16px;
    padding: 8px;
  }
}
.p-remote__details-box-body {
  padding: 32px 40px;
  background: #ffffff;
  border-radius: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-body {
    padding: 12px 16px;
  }
}
.p-remote__details-box-row {
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  border-bottom: 1px solid #D8D8D8;
}
.p-remote__details-box-row:last-child {
  border: none;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-row {
    font-size: 14px;
  }
}
.p-remote__details-box-name {
  color: #FF4861;
  width: 120px;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-name {
    padding: 8px 0;
    width: 68px;
  }
}
.p-remote__details-box-data {
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-data {
    padding: 8px 0;
  }
}
.p-remote__details-box-text {
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
}
.p-remote__details-box-textSmall {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #808080;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-textSmall {
    font-size: 12px;
  }
}
.p-remote__details-box-desc {
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 10px;
  border-bottom: 1px solid #D8D8D8;
  padding: 16px 0;
}
.p-remote__details-box-desc:last-of-type {
  border: none;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-desc {
    padding: 12px 0;
  }
}
.p-remote__details-box-desc-wrap {
  margin-bottom: 24px;
}
.p-remote__details-box-desc-title {
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .p-remote__details-box-desc-title {
    margin-bottom: 8px;
  }
}
.p-remote__details-box-desc-title::before {
  content: "";
  background: #FFA6B2;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  vertical-align: baseline;
  margin-right: 8px;
}
.p-remote__details-box-desc-title.is-step1::before {
  content: "1";
}
.p-remote__details-box-desc-title.is-step2::before {
  content: "2";
}
.p-remote__details-box-desc-title.is-step3::before {
  content: "3";
}
.p-remote__details-box-desc-text span {
  color: #FF4861;
  font-weight: 700;
}
.p-remote__cta {
  background-image: url(../public/img/bg-bright.webp);
  background-position: center;
  background-size: cover;
  padding: 64px 16px 72px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-remote__cta {
    padding: 36px 16px 64px;
  }
}
.p-remote__cta-head {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
.p-remote__cta-text-wrap {
  margin-bottom: 56px;
}
.p-remote__cta-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-remote__cta-text {
    font-size: 14px;
    text-align: left;
  }
}
.p-remote__cta-text span {
  color: #FF4861;
  font-style: normal;
  font-weight: 700;
}
.p-remote__cta-button {
  max-width: 364px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-remote__cta-button {
    width: 100%;
  }
}
.p-remote__cta-button .c-buttonLink {
  width: 100%;
}

.p-workRoom__enviroment {
  padding: 96px 32px;
  background: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-workRoom__enviroment {
    padding: 36px 16px;
  }
}
.p-workRoom__inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-workRoom__inner--message {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-workRoom__inner--message {
    gap: 24px;
  }
}
.p-workRoom__enviroment-lead {
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 48px;
  font-size: clamp(14px, 3vw, 16px);
}
@media screen and (max-width: 768px) {
  .p-workRoom__enviroment-lead {
    gap: 12px;
    margin-bottom: 32px;
    text-align: left;
  }
}
.p-workRoom__environment-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-workRoom__environment-list {
    gap: 36px;
  }
}
.p-workRoom__details-box {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  border-radius: 0 10px 0 10px;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-box {
    margin-bottom: 16px;
  }
}
.p-workRoom__details-box-head {
  text-align: center;
  background: #57CFBB;
  color: #ffffff;
  padding: 12px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.72px;
}
.p-workRoom__details-box-head--pink {
  background: #FFA6B2;
}
.p-workRoom__details-box-head::before {
  content: "";
  width: 32px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: sub;
  margin-right: 8px;
}
.p-workRoom__details-box-head.head--pc::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='31'%20viewBox='0%200%2032%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.2895%2025.4297H27.4474M22.8684%2021.144V25.4297M6.07895%2016.8583V16.8725M6.07895%2021.144V21.1583M1.5%205.42969H10.6579V25.4297H1.5V5.42969ZM15.2368%2011.144H30.5V21.144H15.2368V11.144Z'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}
.p-workRoom__details-box-head.head--monitor::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='33'%20height='31'%20viewBox='0%200%2033%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.3613%2023.249V24.3457C20.4094%2024.7533%2020.5431%2025.1463%2020.7529%2025.499C20.9629%2025.8517%2021.2447%2026.1569%2021.5801%2026.3936H22.9941C23.1049%2026.3869%2023.216%2026.4026%2023.3203%2026.4404C23.4245%2026.4783%2023.5199%2026.5372%2023.6006%2026.6133C23.6812%2026.6893%2023.7452%2026.7811%2023.7891%2026.8828C23.8329%2026.9847%2023.8557%2027.0951%2023.8555%2027.2061C23.8654%2027.3152%2023.8508%2027.4253%2023.8135%2027.5283C23.7762%2027.6314%2023.7171%2027.7252%2023.6396%2027.8027C23.5621%2027.8802%2023.4683%2027.9393%2023.3652%2027.9766C23.2622%2028.0138%2023.1521%2028.0285%2023.043%2028.0186H9.94531C9.72986%2028.0186%209.52346%2027.9326%209.37109%2027.7803C9.21875%2027.6279%209.13285%2027.4215%209.13281%2027.2061C9.13281%2026.9906%209.21877%2026.7842%209.37109%2026.6318C9.52347%2026.4795%209.72982%2026.3936%209.94531%2026.3936H11.4082C11.7417%2026.1587%2012.0226%2025.8566%2012.2324%2025.5068C12.4423%2025.1571%2012.5767%2024.7671%2012.627%2024.3623V23.249H20.3613ZM28.2812%202.83594C28.6045%202.83594%2028.915%202.9648%2029.1436%203.19336C29.3718%203.42188%2029.5%203.73166%2029.5%204.05469V21.1172C29.5%2021.4404%2029.3721%2021.7509%2029.1436%2021.9795C28.915%2022.208%2028.6045%2022.3359%2028.2812%2022.3359H4.71875C4.39573%2022.3359%204.08594%2022.2078%203.85742%2021.9795C3.62886%2021.7509%203.5%2021.4404%203.5%2021.1172V4.05469C3.5%203.73146%203.62886%203.42192%203.85742%203.19336C4.08598%202.9648%204.39552%202.83594%204.71875%202.83594H28.2812ZM5.9375%206.08594V18.1357H27.0625V6.08594H5.9375Z'%20fill='white'/%3e%3c/svg%3e");
}
.p-workRoom__details-box-head.head--webcam::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='33'%20height='31'%20viewBox='0%200%2033%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.4971%201.51562C22.5924%201.51569%2027.6462%206.16368%2027.6465%2012.0303C27.6465%2015.6018%2025.7713%2018.7188%2022.9307%2020.6133L26.8008%2027.8701C26.966%2028.18%2026.956%2028.5543%2026.7754%2028.8555C26.5946%2029.1566%2026.2692%2029.3408%2025.918%2029.3408H7.07031C6.7192%2029.3407%206.39358%2029.1565%206.21289%2028.8555C6.03244%2028.5544%206.02231%2028.1799%206.1875%2027.8701L10.0586%2020.6104C7.22089%2018.7156%205.34866%2015.5997%205.34863%2012.0303C5.3489%206.16378%2010.4018%201.51584%2016.4971%201.51562ZM8.7373%2027.3408H24.252L21.1748%2021.5723C19.7473%2022.1957%2018.1617%2022.5449%2016.4971%2022.5449C14.8303%2022.5449%2013.2424%2022.1953%2011.8135%2021.5703L8.7373%2027.3408ZM16.4971%203.51562C11.3829%203.51584%207.3489%207.38796%207.34863%2012.0303C7.34866%2015.009%209.01044%2017.6692%2011.5518%2019.1943C11.6671%2019.2096%2011.7819%2019.2448%2011.8906%2019.3027C12.0066%2019.3646%2012.1049%2019.4472%2012.1846%2019.542C13.4641%2020.1802%2014.9296%2020.5449%2016.4971%2020.5449C18.0606%2020.5449%2019.5225%2020.182%2020.7998%2019.5469C20.8802%2019.4499%2020.9797%2019.3657%2021.0977%2019.3027C21.2085%2019.2436%2021.3257%2019.2072%2021.4434%2019.1924C23.9841%2017.6671%2025.6465%2015.0085%2025.6465%2012.0303C25.6462%207.38787%2021.6114%203.51568%2016.4971%203.51562ZM16.5%206.95312C19.3926%206.95317%2021.8496%209.16715%2021.8496%2012.0312C21.8493%2014.8951%2019.3924%2017.1083%2016.5%2017.1084C13.6077%2017.1082%2011.1507%2014.895%2011.1504%2012.0312C11.1504%209.16722%2013.6075%206.95328%2016.5%206.95312Z'%20fill='white'/%3e%3c/svg%3e");
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-box-head {
    font-size: 16px;
    padding: 8px;
  }
}
.p-workRoom__details-box-body {
  padding: 32px 40px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-box-body {
    padding: 12px 16px;
  }
}
.p-workRoom__details-box-inner {
  width: 100%;
}
.p-workRoom__details-box-row {
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  border-bottom: 1px solid #D8D8D8;
}
.p-workRoom__details-box-row:last-child {
  border: none;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-box-row {
    font-size: 14px;
    letter-spacing: 0.75px;
  }
}
.p-workRoom__details-box-name {
  color: #FF4861;
  width: 120px;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-box-name {
    padding: 8px 4px 8px 0;
    width: 84px;
  }
}
.p-workRoom__details-box-data {
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-box-data {
    padding: 8px 0;
  }
}
.p-workRoom__details-comment {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-comment {
    gap: 24px;
  }
}
.p-workRoom__details-comment-img {
  width: clamp(64px, 100vw, 88px);
  min-width: 64px;
}
.p-workRoom__details-comment-img img {
  width: 100%;
}
.p-workRoom__details-comment-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 739px;
  border-radius: 20px;
  background: #D8D8D8;
  padding: 24px 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-comment-body {
    padding: 16px;
  }
}
.p-workRoom__details-comment-body::after {
  content: "";
  position: absolute;
  left: 0;
  top: 30%;
  border-style: solid;
  border-color: transparent #D8D8D8 transparent transparent;
  border-width: 16px 22px 16px 0;
  translate: -100% -50%;
}
@media screen and (max-width: 768px) {
  .p-workRoom__details-comment-body {
    gap: 8px;
  }
}
.p-workRoom__details-comment-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(12px, 3vw, 14px);
  font-weight: 500;
  line-height: 150%;
}
.p-workRoom__details-comment-text span {
  font-weight: 700;
}
.p-workRoom__message {
  background-image: url(../public/img/bg-bright.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 64px 32px 72px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-workRoom__message {
    padding: 36px 16px 64px;
  }
}
.p-workRoom__message-head {
  text-align: center;
  font-weight: 700;
}
.p-workRoom__message-head--main {
  color: #FF4861;
  font-size: clamp(20px, 4.5vw, 32px);
  margin-bottom: 2px;
  line-height: 170%;
}
.p-workRoom__message-head--sub {
  color: #292929;
  font-size: clamp(16px, 3.5vw, 20px);
  line-height: 100%;
}
.p-workRoom__message-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  text-align: center;
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-workRoom__message-text {
    letter-spacing: 0.5px;
    margin-bottom: 8px;
  }
}
.p-workRoom__message-img {
  max-width: 692px;
  margin-top: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-workRoom__message-img {
    margin-top: 20px;
  }
}
.p-workRoom__message-img::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala_haihai.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 22px;
  right: 64px;
  width: 80px;
  aspect-ratio: 80/70;
}
@media screen and (max-width: 768px) {
  .p-workRoom__message-img::after {
    width: 14.6%;
    right: 35px;
    bottom: 10px;
    max-width: 80px;
  }
}
.p-workRoom__message-img img {
  width: 100%;
}

.p-chatRoom {
  letter-spacing: 0;
}
.p-chatRoom__enviroment {
  padding: 96px 32px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__enviroment {
    padding: 36px 16px;
  }
}
.p-chatRoom__inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-chatRoom__inner--message {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__inner--message {
    gap: 20px;
  }
}
.p-chatRoom__enviroment-lead {
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: clamp(14px, 3vw, 16px);
}
.p-chatRoom__enviroment-lead-text--pink {
  color: #FF4861;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__enviroment-lead {
    gap: 12px;
    text-align: left;
  }
}
.p-chatRoom__bg-message {
  background: #57CFBB;
  padding: 12px 16px;
  position: relative;
}
.p-chatRoom__bg-message::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-shining.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 80px;
  position: absolute;
  top: 0;
  right: 23%;
  transform: translateY(-100%);
  aspect-ratio: 80/73;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__bg-message::after {
    width: 50px;
    top: 0;
    right: 16px;
    max-width: 80px;
  }
}
.p-chatRoom__bg-message-text {
  color: #ffffff;
  text-align: center;
  font-size: clamp(16px, 4vw, 24px);
  font-weight: 700;
  line-height: 150%;
}
.p-chatRoom__point {
  background: #FFE9F0;
  padding: 72px 32px 96px 32px;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point {
    padding: 36px 16px;
  }
}
.p-chatRoom__point-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 56px;
  column-gap: 32px;
  justify-content: center;
  margin-top: 32px;
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point-list {
    gap: 48px;
    margin-top: 1.5rem;
  }
}
.p-chatRoom__point-list-item {
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 30px;
  padding: 56px 32px 32px;
  width: 496px;
  text-align: center;
  position: relative;
  z-index: 1;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point-list-item {
    border-radius: 20px;
    padding: 40px 16px 36px 16px;
  }
}
.p-chatRoom__point-list-item::before {
  content: "";
  background: linear-gradient(125deg, #FFB499 -11.18%, #FFA0C9 93.94%);
  font-family: "Playball";
  display: inline-block;
  width: 60px;
  height: 60px;
  color: #ffffff;
  border-radius: 50%;
  font-size: clamp(32px, 4vw, 36px);
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point-list-item::before {
    width: 56px;
    height: 56px;
  }
}
.p-chatRoom__point-list-item.is-point1::before {
  content: "1";
}
.p-chatRoom__point-list-item.is-point2::before {
  content: "2";
}
.p-chatRoom__point-list-item.is-point3::before {
  content: "3";
}
.p-chatRoom__point-list-item.is-point4::before {
  content: "4";
}
.p-chatRoom__point-list-item-head {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point-list-item-head {
    margin-bottom: 16px;
  }
}
.p-chatRoom__point-list-item-head-text {
  color: #FF4861;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point-list-item-head-text {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.p-chatRoom__point-list-item-head-img {
  width: 110px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__point-list-item-head-img {
    width: 80px;
  }
}
.p-chatRoom__point-list-item-head-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-chatRoom__pointlist-item-textWrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__pointlist-item-textWrap {
    gap: 12px;
  }
}
.p-chatRoom__pointlist-item-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  line-height: 150%;
  text-align: left;
  font-weight: 500;
}
.p-chatRoom__pointlist-item-text span {
  font-weight: 700;
}
.p-chatRoom__message {
  background-image: url(../public/img/bg-bright.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 64px 32px 72px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__message {
    padding: 36px 16px 64px;
  }
}
.p-chatRoom__message-head {
  text-align: center;
  font-weight: 700;
  font-size: clamp(20px, 3vw, 32px);
  margin-bottom: 2px;
  line-height: 170%;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__message-head {
    text-align-last: left;
  }
}
.p-chatRoom__message-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  text-align: center;
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 20px;
}
.p-chatRoom__message-text span {
  font-weight: 700;
  color: #FF4861;
}
@media screen and (max-width: 768px) {
  .p-chatRoom__message-text {
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    text-align: left;
  }
}

.p-knowHow {
  letter-spacing: 0;
  background-color: #F6F6F6;
}
.p-knowHow-body {
  padding: 6rem 2rem;
}
@media screen and (max-width: 768px) {
  .p-knowHow-body {
    padding: 2.25rem 1rem 4rem;
  }
}
.p-knowHow .c-subPage-sectionTitle {
  position: relative;
}
.p-knowHow .c-subPage-sectionTitle::after {
  content: "";
  display: block;
  background-image: url(../public/img/flow__step-koala.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -63px;
  width: 90px;
  aspect-ratio: 90/94;
}
@media screen and (max-width: 768px) {
  .p-knowHow .c-subPage-sectionTitle::after {
    width: 14.4%;
    max-width: 90px;
    left: clamp(-2.813rem, -1.103rem - 3.56vw, -1.938rem);
  }
}

.p-age-reaon {
  letter-spacing: 0;
}
.p-age-reaon-body {
  padding: 4rem 2rem 6rem;
}
@media screen and (max-width: 768px) {
  .p-age-reaon-body {
    padding: 1.5rem 1rem;
  }
}
.p-age-reaon-body .c-subPage-card__list {
  margin-top: 0;
}
.p-age-reaon-chart {
  padding: 4rem 2rem 4.5rem;
  background-color: #FFE9F0;
}
@media screen and (max-width: 768px) {
  .p-age-reaon-chart {
    padding: 1.5rem 1rem 2rem;
  }
}
.p-age-reaon-chart__lead {
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
  font-weight: 700;
  text-align: center;
  line-height: 1.7;
}
.p-age-reaon-chart__body {
  padding: 3rem 0;
  background-color: #ffffff;
  max-width: 1200px;
  border-radius: 30px;
  margin: 4.5rem auto 0 auto;
}
@media screen and (max-width: 768px) {
  .p-age-reaon-chart__body {
    padding: 1.25rem 1rem;
    border-radius: 10px;
    margin-top: 1.5rem;
  }
}
.p-age-reaon-chart__body-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 869px;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-age-reaon-chart__body-inner {
    flex-direction: column;
    gap: 2rem;
    width: 100%;
  }
}
.p-age-reaon-chart__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-age-reaon-chart__content-text {
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
  color: #FF4861;
  padding-bottom: 0.5rem;
  border-bottom: #FF4861 1px solid;
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
}
.p-age-reaon-chart__img-wrapper {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
  align-items: center;
}
.p-age-reaon-chart__img-wrapper img {
  width: 198px;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-age-reaon-chart__img-wrapper img {
    width: 120px;
  }
}
.p-age-reaon-chart__img-wrapper p {
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 1.5;
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.p-age-reaon-chart__img-wrapper p::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #FF4861;
  border-radius: 50%;
}
.p-age-reaon-chart__img-wrapper p:first-of-type {
  margin-top: 0;
}
.p-age-reaon-chart__img-wrapper p:nth-of-type(2)::before {
  background-color: #FF7285;
}
.p-age-reaon-chart__img-wrapper p:nth-of-type(3)::before {
  background-color: #FFAAB6;
}
.p-age-reaon-chart__img-wrapper p:nth-of-type(4)::before {
  background-color: #FFCFD6;
}
.p-age-reaon-chart__img-wrapper p:nth-of-type(5)::before {
  background-color: #FFE9F0;
}
.p-age-reaon-interview {
  padding: 6rem 2rem 10rem;
  background-color: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-age-reaon-interview {
    padding: 2.25rem 1rem 4rem;
  }
}

.p-age-reaon-interview .c-subPage-sectionTitle {
  position: relative;
}
.p-age-reaon-interview .c-subPage-sectionTitle::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-tea.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -54px;
  width: 80px;
  aspect-ratio: 80/69;
  transform: rotate(58deg);
}
@media screen and (max-width: 768px) {
  .p-age-reaon-interview .c-subPage-sectionTitle::after {
    width: 14.4%;
    max-width: 80px;
    left: clamp(-2.5rem, -0.79rem - 3.56vw, -1.625rem);
  }
}

.p-results {
  letter-spacing: 0;
}
.p-results__philosophy {
  padding: 6rem 2rem;
  background-image: url(../public/img/bg-bright.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-results__philosophy {
    padding: 2.25rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-results__philosophy .c-subPage-sectionTitle__heading {
    width: 64%;
    padding-inline: 0;
  }
}
.p-results__contents {
  background: #ffffff;
  padding: 96px 32px;
}
@media screen and (max-width: 768px) {
  .p-results__contents {
    padding: 36px 16px;
  }
}
.p-results__saralyReason {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-results__saralyReason {
    margin-bottom: 72px;
  }
}
.p-results__inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-results__saralyReason-contents {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 768px) {
  .p-results__saralyReason-contents {
    gap: 32px;
  }
}
.p-results__saralyReason-content-titleJp {
  font-size: clamp(20px, 4.5vw, 32px);
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-results__saralyReason-content-titleJp {
    text-align: center;
  }
}
.p-results__saralyReason-content-titleEn {
  font-family: "Playball";
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  background: linear-gradient(125deg, #FFB499 -11.18%, #FFA0C9 93.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .p-results__saralyReason-content-titleEn {
    display: none;
  }
}
.p-results__saralyReason-content-head {
  margin-bottom: 32px;
  border-bottom: 1px solid #808080;
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .p-results__saralyReason-content-head {
    margin-bottom: 20px;
    border: none;
    padding-bottom: 0;
  }
}
.p-results__saralyReason-content-head-inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-results__saralyReason-content-head-inner {
    justify-content: center;
  }
}
.p-results__textWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .p-results__textWrap {
    gap: 12px;
  }
}
.p-results__text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  font-size: clamp(14px, 3vw, 16px);
}
@media screen and (max-width: 768px) {
  .p-results__text {
    letter-spacing: 0.5px;
  }
}
.p-results__text span {
  font-weight: 700;
}
.p-results__text--pink {
  font-weight: 700;
  color: #FF4861;
}
.p-results__text a {
  text-decoration: underline;
  color: lightseagreen;
}
.p-results__manual {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-results__manual {
    margin-bottom: 72px;
  }
}
.p-results__manual-knowHow {
  background: #F6F6F6;
  padding: 36px 64px;
  border-radius: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .p-results__manual-knowHow {
    padding: 20px 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    gap: 12px;
  }
}
.p-results__manual-knowHow-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 500;
  line-height: 150%;
  font-size: clamp(14px, 3vw, 16px);
  letter-spacing: 0.7px;
}
.p-results__manual-knowHow-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .p-results__manual-knowHow-list {
    gap: 8px;
    letter-spacing: 0.5px;
  }
}
.p-results__manual-knowHow-list-item {
  padding-bottom: 8px;
  border-bottom: 1px dashed #FFA6B2;
}
@media screen and (max-width: 768px) {
  .p-results__manual-knowHow-list-item {
    padding-bottom: 4px;
  }
}
.p-results__manual-knowHow-list-text {
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 20px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.7px;
}
.p-results__manual-knowHow-list-text::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%2020.4297C11.3132%2020.4297%2012.6136%2020.171%2013.8268%2019.6685C15.0401%2019.1659%2016.1425%2018.4293%2017.0711%2017.5008C17.9997%2016.5722%2018.7362%2015.4698%2019.2388%2014.2565C19.7413%2013.0433%2020%2011.7429%2020%2010.4297C20%209.11647%2019.7413%207.81611%2019.2388%206.60285C18.7362%205.3896%2017.9997%204.28721%2017.0711%203.35862C16.1425%202.43003%2015.0401%201.69344%2013.8268%201.19089C12.6136%200.688345%2011.3132%200.429687%2010%200.429688C7.34784%200.429688%204.8043%201.48326%202.92893%203.35862C1.05357%205.23398%200%207.77752%200%2010.4297C0%2013.0819%201.05357%2015.6254%202.92893%2017.5008C4.8043%2019.3761%207.34784%2020.4297%2010%2020.4297ZM9.74222%2014.4741L15.2978%207.80747L13.5911%206.38524L8.81333%2012.1175L6.34111%209.64413L4.77%2011.2152L8.10333%2014.5486L8.96333%2015.4086L9.74222%2014.4741Z'%20fill='%23FFA6B2'/%3e%3c/svg%3e");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .p-results__manual-knowHow-list-text::before {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    letter-spacing: 0.5px;
  }
}
.p-results__timeLine {
  background-image: url(../public/img/bg-bright.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 96px 32px 120px;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine {
    overflow-x: hidden;
    padding: 36px 16px 72px;
  }
}
.p-results__timeLine-bg {
  background: #ffffff;
  padding: 56px 32px;
  border-radius: 30px;
  max-width: 720px;
  margin: 0 auto;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 128px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-bg {
    margin-bottom: 48px;
    padding: 32px 20px;
    border-radius: 20px;
  }
}
.p-results__timeLine-bg::before, .p-results__timeLine-bg::after {
  content: "";
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
.p-results__timeLine-bg::before {
  background-image: url(../public/img/flow__step-koala.webp);
  top: 85px;
  right: -24px;
  width: 80px;
  aspect-ratio: 80/84;
  transform: rotate(-23deg);
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-bg::before {
    width: 14.6%;
    max-width: 80px;
    top: 71px;
    right: -16px;
  }
}
.p-results__timeLine-bg::after {
  background-image: url(../public/img/koala-tea.webp);
  bottom: 0;
  right: 62px;
  width: 80px;
  aspect-ratio: 80/69;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-bg::after {
    width: 14.6%;
    max-width: 80px;
    right: 20px;
  }
}
.p-results__timeLine-list {
  max-width: 460px;
  margin: 0 auto 0 146px;
  border-left: 1px solid #57CFBB;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 56px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-list {
    gap: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 auto;
  }
}
.p-results__timeLine-list::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-thankyou.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 80px;
  right: -40px;
  top: 535px;
  aspect-ratio: 80/73;
  transform: translateY(-100%) rotate(10deg);
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-list::after {
    width: 16.5%;
    max-width: 80px;
    top: 336px;
    right: 0;
    transform: translateY(0) rotate(10deg);
  }
}
.p-results__timeLine-list-item {
  padding-left: 36px;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-list-item {
    padding-left: 20px;
  }
}
.p-results__timeLine-list-item:nth-child(3) .p-results__timeLine-newsList {
  margin-bottom: 12px;
}
.p-results__timeLine-item-head {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-item-head {
    gap: 12px;
    margin-bottom: 12px;
  }
}
.p-results__timeLine-num {
  color: #FFA6B2;
  font-family: "Playball";
  font-size: clamp(24px, 5vw, 40px);
  line-height: 100%;
}
.p-results__timeLine-year {
  color: #FF4861;
  font-size: clamp(16px, 3vw, 20px);
  font-weight: 700;
  line-height: 150%;
}
.p-results__timeLine-newsList {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-newsList-month {
    width: 32px;
  }
}
.p-results__timeLine-newsList-item {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
  display: flex;
  gap: 16px;
  align-items: center;
  position: relative;
  z-index: 1;
  letter-spacing: 0.75px;
}
.p-results__timeLine-newsList-item::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #57CFBB;
  position: absolute;
  top: 50%;
  left: -41px;
  transform: translateY(-50%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-newsList-item::before {
    left: -25px;
  }
}
.p-results__timeLine-newsList-text span {
  font-weight: 700;
  color: #FF4861;
}
.p-results__timeLine-bgPink {
  padding: 8px 12px;
  background: #FFE9F0;
  border-radius: 6px;
  color: #FF4861;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 700;
  line-height: 150%;
  width: fit-content;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-bgPink {
    padding: 8px;
  }
}
.p-results__timeLine-message-head {
  text-align: center;
  font-size: clamp(16px, 4.5vw, 20px);
  font-weight: 700;
  line-height: 170%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-message-head {
    text-align: left;
  }
}
.p-results__timeLine-message-text {
  text-align: center;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-results__timeLine-message-text {
    text-align: left;
  }
}
.p-results__timeLine-message-text span {
  font-weight: 700;
}

.p-archive .c-blogList-body {
  background-color: transparent;
  padding: 0;
}
.p-archive .c-blogList-tail, .p-archive .c-blogList-head {
  display: none;
}
.p-archive .c-blogList__list {
  display: grid;
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .p-archive .c-blogList__list {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-blogList .c-blogListArticle {
    gap: 0.5rem;
  }
}
.p-archive .c-blogList .c-blogListArticle__textcontents h5 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.p-archive.p-owner {
  padding: 0;
  border-radius: 0;
}
.p-archive__staff {
  padding: 4.25rem 2rem 0;
}
.p-archive__owner {
  background-color: #F6F6F6;
  padding: 4rem 2rem 4.5rem;
}
@media screen and (max-width: 768px) {
  .p-archive__owner {
    padding: 2.25rem 1rem;
  }
}
.p-archive__owner .p-owner__contents {
  margin-bottom: 0;
}
.p-archive .p-interview__cardList-wrap {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .p-archive .p-interview__cardList {
    flex-direction: column;
    gap: 1rem;
  }
}
.p-archive .p-employee {
  background-color: #F6F6F6;
  padding: 6rem 2rem;
}
@media screen and (max-width: 768px) {
  .p-archive .p-employee {
    padding: 2.25rem 1rem 4rem;
  }
}
.p-archive .c-archive-blogList {
  padding: 6rem 2rem 192px 2rem;
  background-color: #ffffff;
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList {
    padding: 2.25rem 1rem 4rem;
  }
}
.p-archive .c-archive-blogList-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  column-gap: 3.3%;
  grid-template-columns: auto 343px;
  margin-top: 72px;
}
@media screen and (max-width: 1024px) {
  .p-archive .c-archive-blogList-inner {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 114px;
    column-gap: 0;
    margin-top: 48px;
  }
}
.p-archive .c-archive-blogList__recommend {
  max-width: 1200px;
  margin: 0 auto;
}
.p-archive .c-archive-blogList__recommend .c-blogList__list {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__recommend .c-blogList__list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    row-gap: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__recommend .c-blogListArticle {
    flex-direction: column;
  }
}
.p-archive .c-archive-blogList__recommend .c-blogListArticle__image {
  width: 100%;
}
.p-archive .c-archive-blogList__button-wrapper {
  margin-top: 27px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-archive .c-archive-blogList__button {
  padding: 11px 1.5rem;
  font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
  color: #FF4861;
  border: 1px solid #FFA6B2;
  border-radius: 30px;
  transition: 0.3s ease-in;
  line-height: 1;
  font-weight: 700;
  background-color: #ffffff;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__button {
    padding: 0.5rem 1rem;
  }
}
.p-archive .c-archive-blogList__button.is-active {
  color: #ffffff;
  background-color: #FF4861;
  border: #FF4861;
}
.p-archive .c-archive-blogList__newPost .c-blogList__list {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.25rem;
  row-gap: 2.5rem;
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .p-archive .c-archive-blogList__newPost .c-blogList__list {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__newPost .c-blogList__list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    row-gap: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__newPost .c-blogList .c-blogListArticle {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__newPost .c-blogList .c-blogListArticle__image {
    width: 100%;
  }
}
.p-archive .c-archive-blogList__sidebar {
  min-width: 270px;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs:not(:first-of-type) {
  margin-top: 2rem;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs__body {
  margin-top: 0;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs__wrapper {
  padding: 1rem;
}
@media screen and (max-width: 1024px) {
  .p-archive .c-archive-blogList__sidebar .c-relatedBlogs__wrapper {
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__sidebar .c-relatedBlogs__wrapper {
    padding: 1rem;
  }
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs__item {
  flex-direction: column;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs__item-head {
  justify-content: space-between;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs__item-title {
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs .c-blogListArticle {
  flex-direction: row;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs .c-blogListArticle__image {
  width: 138px;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .p-archive .c-archive-blogList__sidebar .c-relatedBlogs .c-blogListArticle__image {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__sidebar .c-relatedBlogs .c-blogListArticle__image {
    width: 138px;
  }
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs .c-blogListArticle__image img {
  aspect-ratio: 138/85;
  height: auto;
}
.p-archive .c-archive-blogList__sidebar .c-relatedBlogs .c-blogListArticle__textcontents h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.p-archive .c-archive-blogList__sidebar .c-buttonLink {
  width: 157px !important;
  height: fit-content;
}
.p-archive .c-archive-blogList__sidebar .c-buttonLink a {
  line-height: 1;
}
.p-archive .c-archive-blogList__sidebar .c-blogList__list {
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.p-archive .c-archive-blogList__sidebar .c-blogList__listItem {
  width: 100%;
}
.p-archive .c-archive-blogList__sidebar .c-blogList .c-blogListArticle {
  flex-direction: row;
}
.p-archive .c-archive-blogList__sidebar .c-blogList .c-blogListArticle__image {
  width: 48%;
  aspect-ratio: 130/92;
}
@media screen and (max-width: 768px) {
  .p-archive .c-archive-blogList__sidebar .c-blogList .c-blogListArticle__image {
    width: 27%;
  }
}
.p-archive .c-archive-blogList__sidebar .p-category {
  margin-top: 2rem;
}
.p-archive .c-archive-blogList__card {
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 20px;
  margin-top: 1.5rem;
}
.p-archive .c-archive-blogList .pagination {
  padding-bottom: 0;
  margin-top: 3.5rem;
}
@media screen and (max-width: 1024px) {
  .p-archive .c-archive-blogList .pagination {
    margin-top: 36px;
  }
}
.p-archive__owner-card {
  padding-bottom: 6rem;
  padding-inline: 2rem;
}
@media screen and (max-width: 768px) {
  .p-archive__owner-card {
    padding-inline: 1rem;
    padding-bottom: 4rem;
  }
}
.p-archive__owner-card-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.5rem 3rem;
  background-color: #F6F6F6;
  border-radius: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-archive__owner-card-inner {
    padding: 0.75rem 1rem 2rem;
    border-radius: 10px;
  }
}
.p-archive__owner-card-top {
  border-bottom: 1px solid #BDBDBD;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-archive__owner-card-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 440px) {
  .p-archive__owner-card-top {
    align-items: flex-end;
  }
}
.p-archive__owner-card-top img {
  width: 28%;
}
@media screen and (max-width: 768px) {
  .p-archive__owner-card-top img {
    width: clamp(4.625rem, 0.768rem + 14.02vw, 7.5rem);
    position: absolute;
    right: clamp(-1.5rem, -3.512rem + 7.32vw, 0rem);
    top: clamp(-3.125rem, 4.192rem - 15.24vw, 0rem);
  }
}
@media screen and (max-width: 440px) {
  .p-archive__owner-card-top img {
    position: static;
    width: 28%;
  }
}
.p-archive__owner-card-title {
  font-size: clamp(1.25rem, 1.162rem + 0.38vw, 1.5rem);
  font-weight: 700;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  padding-bottom: 1.5rem;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-archive__owner-card-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 0;
    line-height: 1.5;
  }
}
@media screen and (max-width: 440px) {
  .p-archive__owner-card-title {
    text-align: right;
    align-items: center;
  }
}
.p-archive__owner-card-title::before {
  content: "Profile";
  position: absolute;
  display: block;
  font-size: clamp(3.5rem, 2.972rem + 2.25vw, 5rem);
  color: #FFA6B2;
  font-family: "Oooh Baby";
  font-weight: 500;
  left: 14px;
  bottom: 35px;
  transform: skew(-2deg, -8deg);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-archive__owner-card-title::before {
    position: static;
  }
}
.p-archive__owner-card-title .tab-show {
  display: none;
}
@media screen and (max-width: 440px) {
  .p-archive__owner-card-title .tab-show {
    display: block;
  }
}
.p-archive__owner-card-body {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}
.p-archive__owner-card-body img {
  width: 160px;
}
.p-archive__owner-card-content {
  margin-top: 1.25rem;
}
.p-archive__owner-card-content p,
.p-archive__owner-card-content dl {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
}
.p-archive__owner-card-content p,
.p-archive__owner-card-content dt {
  margin-top: 1rem;
}
.p-archive__owner-card-content p:first-child,
.p-archive__owner-card-content p:last-child {
  margin-top: 0;
}

.p-author .c-archive-blogList {
  background-color: #F6F6F6;
}

.c-relatedBlogs .c-archive-title--black {
  border-bottom: 1px solid #BDBDBD;
}
.c-relatedBlogs__body {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
@media screen and (max-width: 1024px) {
  .c-relatedBlogs__body {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-relatedBlogs__body {
    margin-top: 1.5rem;
  }
}
.c-relatedBlogs__wrapper {
  padding: 3.5rem 2rem 2rem;
  background-color: #ffffff;
  border-radius: 20px;
  border: #FFA6B2 2px solid;
}
.c-relatedBlogs__wrapper--owner {
  border: #57CFBB 2px solid;
}
.c-relatedBlogs__wrapper--owner .c-buttonLink {
  background: linear-gradient(130deg, #A5F5D2 17.73%, #3DC9CE 93.04%) !important;
}
@media screen and (max-width: 768px) {
  .c-relatedBlogs__wrapper {
    padding: 1rem;
  }
}
.c-relatedBlogs__item {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
  align-items: flex-start;
}
.c-relatedBlogs__item-head {
  display: flex;
  justify-content: space-between;
}
.c-relatedBlogs__item-head .c-buttonLink {
  width: 187px;
}
.c-relatedBlogs__item-head .c-buttonLink a {
  line-height: 1;
}
.c-relatedBlogs__item-title {
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: solid 1px #D8D8D8;
  line-height: 1;
  width: 61%;
  align-self: flex-end;
}
@media screen and (max-width: 768px) {
  .c-relatedBlogs__item-title {
    padding-bottom: 0.5rem;
  }
}
.c-relatedBlogs .c-blogList-tail {
  display: none;
}
.c-relatedBlogs .c-blogList-head {
  margin-bottom: 3rem;
}
.c-relatedBlogs .c-blogListArticle {
  width: 100%;
}
.c-relatedBlogs .c-blogListArticle__image {
  aspect-ratio: 219/135;
}
.c-relatedBlogs .c-blogListArticle__textcontents time::after {
  display: none;
}

.p-author .c-relatedBlogs__wrapper:nth-of-type(2),
.p-archive .c-relatedBlogs__wrapper:nth-of-type(2) {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .p-author .c-relatedBlogs__wrapper:nth-of-type(2),
  .p-archive .c-relatedBlogs__wrapper:nth-of-type(2) {
    margin-top: 1rem;
  }
}

.pagination {
  align-items: flex-end;
  margin: 0;
  gap: 0.75rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
@media screen and (max-width: 768px) {
  .pagination {
    padding-bottom: 4rem;
    gap: 0.5rem;
  }
}
.pagination span.page_num {
  display: none;
}
.pagination .pager,
.pagination .last {
  padding: 0;
  margin: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #808080;
  color: #808080;
  background-color: #ffffff;
  width: 40px !important;
  height: 40px !important;
}
@media screen and (max-width: 768px) {
  .pagination .pager,
  .pagination .last {
    width: 34px;
    height: 34px;
  }
}
.pagination a:hover,
.pagination .current {
  color: #ffffff;
  background-color: #808080;
}
.pagination a.next,
.pagination a.prev {
  padding: 0;
  margin: 0;
  background-color: transparent;
  width: 1rem;
  height: auto;
  border: none;
}

.p-chatlady-knowledge .pagination,
.p-woman-staff .pagination,
.category-owner .pagination {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 96px;
}
@media screen and (max-width: 1024px) {
  .p-chatlady-knowledge .pagination,
  .p-woman-staff .pagination,
  .category-owner .pagination {
    bottom: unset;
  }
}

.p-chatlady-knowledge .pagination::after,
.p-woman-staff .pagination::after,
.category-owner .pagination::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala_haihai.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 81px;
  position: absolute;
  right: -18px;
  bottom: 0;
  z-index: 10;
  aspect-ratio: 81/70;
}
@media screen and (max-width: 768px) {
  .p-chatlady-knowledge .pagination::after,
  .p-woman-staff .pagination::after,
  .category-owner .pagination::after {
    width: 13%;
    right: -12px;
    max-width: 81px;
  }
}

.p-employee .p-interview__cardList {
  position: relative;
}
.p-employee .p-interview__cardList::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-sleep.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  position: absolute;
  top: -50px;
  right: 20px;
  aspect-ratio: 90/76;
}
@media screen and (max-width: 768px) {
  .p-employee .p-interview__cardList::after {
    width: 17%;
    position: absolute;
    top: 0;
    transform: translateY(-60%);
    right: 8px;
    max-width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .p-employee .p-interview__cardList {
    overflow-x: visible;
  }
}

.p-single {
  letter-spacing: 0;
  overflow-x: hidden;
  padding: 4rem 2rem 6rem;
  background-color: #F6F6F6;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-single {
    background-color: #ffffff;
    padding: 0 1rem 4rem 1rem;
  }
}
.p-single::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-thankyou.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 16%;
  width: 90px;
  aspect-ratio: 90/83;
}
@media screen and (max-width: 768px) {
  .p-single::after {
    width: 13%;
    max-width: 90px;
    right: 16px;
  }
}
.p-single-inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-single-post {
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  padding: 3rem 3.5rem;
}
@media screen and (max-width: 768px) {
  .p-single-post {
    box-shadow: none;
    padding: 1.25rem 0 2.25rem;
  }
}
.p-single-post__contents {
  text-align: left;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  line-height: 1.5;
  font-weight: 500;
}
.p-single-post__title {
  font-size: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
}
.p-single-post__category-name {
  font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
  padding: 0.5rem 0.75rem;
  background-color: #F6F6F6;
  display: inline-block;
  margin-top: 1.25rem;
  border-radius: 0.25rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-single-post__category-name {
    margin-top: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}
.p-single-post__detail {
  display: flex;
  justify-content: space-between;
  font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
  color: #808080;
  margin-top: 1.25rem;
  align-items: center;
}
.p-single-post__detail:not(:has(.p-single-post__author)) {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-single-post__detail {
    margin-top: 0.75rem;
  }
}
.p-single-post__author {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.p-single-post__icon {
  width: 30px;
  height: 30px;
}
.p-single-post__icon img {
  object-fit: cover;
  height: 100%;
  border-radius: 50%;
}
.p-single-post__thumbnail {
  width: 100%;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-single-post__thumbnail {
    margin-top: 1.25rem;
  }
}
.p-single-post__thumbnail img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  aspect-ratio: 912/554;
}
@media screen and (max-width: 768px) {
  .p-single-post__thumbnail img {
    border-radius: 10px;
  }
}
.p-single-nav {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .p-single-nav {
    margin-top: 2.5rem;
  }
}
.p-single-nav:not(:has(.p-single-nav__prev)) {
  justify-content: flex-end;
}
.p-single-nav__prev, .p-single-nav__next {
  color: #BDBDBD;
  font-weight: 700;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.p-single-nav__prev-arrow, .p-single-nav__next-arrow {
  display: flex;
  width: 40px;
  height: 40px;
  border: solid 1px #BDBDBD;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.p-single-nav__prev-arrow::before, .p-single-nav__next-arrow::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-right: solid 2px #BDBDBD;
  border-top: solid 2px #BDBDBD;
  border-radius: 2px;
}
.p-single-nav__prev-arrow::before {
  transform: translateX(25%) rotate(-135deg);
}
.p-single-nav__next-arrow::before {
  transform: translateX(-25%) rotate(45deg);
}
.p-single .c-relatedBlogs__wrapper--woman-staff {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .p-single .c-relatedBlogs__item {
    flex-direction: column;
  }
}
.p-single .c-relatedBlogs__item .c-blogListArticle__textcontents {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.category-chatlady-knowledge .p-single-post__thumbnail img {
  aspect-ratio: unset;
}

.p-single-post-contents p {
  font-size: 16px;
}

.p-single-post-contents p small {
  font-size: 14px;
}

.p-single-post-contents ul li {
  font-size: 16px;
}

.p-single-post-contents ol li {
  font-size: 16px;
}

.p-single-post-contents ol li::before {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.p-single-post__likeButton-wrapper {
  position: relative;
}
.p-single-post__likeButton-wrapper .heart {
  background-image: url(../public/img/single/likebutton-heart.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  opacity: 0;
}
.p-single-post__likeButton-wrapper .heart--season {
  width: 20px;
  height: 20px;
}
.p-single-post__likeButton-wrapper .heart--medium {
  width: 20px;
  height: 20px;
}
.p-single-post__likeButton-wrapper .heart--medium-season {
  width: 32px;
  height: 32px;
}
.p-single-post__likeButton-wrapper .heart--large {
  width: 60px;
  height: 60px;
  z-index: 10;
  background-image: url(../public/img/single/likebutton-heart--large.png);
}
.p-single-post__likeButton-wrapper .heart--large-season {
  width: 80px;
  height: 80px;
  z-index: 10;
}
.p-single-post__likeButton-wrapper .heart.is-show {
  animation: heartUp 2s infinite linear;
}
@keyframes heartUp {
  0% {
    transform: translateY(0) rotate(-20deg);
    opacity: 0.2;
  }
  50% {
    transform: translateY(-100px) rotate(0deg);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(-200px) rotate(20deg);
    opacity: 0.8;
  }
}
.p-single-post__likeButton-wrapper .balloon-wrapper {
  position: fixed;
  inset: 0;
  width: 100%;
  pointer-events: none;
  z-index: 100;
}
.p-single-post__likeButton-wrapper .balloon {
  position: absolute;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transition: 0.5s opacity;
}
.p-single-post__likeButton-wrapper .balloon.is-show {
  animation: floatUp linear 1 forwards;
  opacity: 1;
}
.p-single-post__likeButton-wrapper .balloon.fade-out {
  opacity: 0;
}
.p-single-post__likeButton-wrapper .balloon--large {
  z-index: 100;
}
.p-single-post__likeButton-wrapper .balloon-inner {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 240px;
  height: 240px;
  will-change: transform;
  animation: sway 4s ease-in-out 1 forwards;
  --sway-amplitude: 10px;
}
@media screen and (max-width: 768px) {
  .p-single-post__likeButton-wrapper .balloon-inner {
    width: 160px;
    height: 160px;
  }
}
.p-single-post__likeButton-wrapper {
  /* 上昇アニメーション */
}
@keyframes floatUp {
  0% {
    transform: translateY(0) rotate(15deg);
  }
  100% {
    transform: translateY(-200vh) rotate(15deg);
  }
}
.p-single-post__likeButton-wrapper {
  /* キーフレームは固定で、変数を使う */
}
@keyframes sway {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(var(--sway-amplitude));
  }
  75% {
    transform: translateX(calc(var(--sway-amplitude) * -1));
  }
  100% {
    transform: translateX(0);
  }
}
.p-single-post__likeButton-wrapper .tsumutsumu-wrapper {
  position: fixed;
  width: 100%;
  height: 100dvh;
  inset: 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity 0.5s;
}
.p-single-post__likeButton-wrapper .tsumutsumu-wrapper.is-show {
  opacity: 1;
  overflow: hidden;
}
.p-single-post__likeButton-wrapper body.no-scroll {
  overflow: hidden;
}
.p-single-post__likeButton-wrapper #container {
  position: relative;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}
.p-single-post__likeButton-wrapper .ball {
  width: 160px;
  height: 160px;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  user-select: none;
  will-change: transform;
  opacity: 1;
  transition: opacity 1s;
}
@media screen and (max-width: 768px) {
  .p-single-post__likeButton-wrapper .ball {
    width: 80px;
    height: 80px;
  }
}
.p-single-post__likeButton-wrapper .ball.fade-out {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .p-single-post__likeButton-wrapper .ball {
    width: 80px;
    height: 80px;
  }
}
.p-single-post__likeButton-wrapper .tumutumu-img {
  background-image: url(../public/img/single/mameo-face.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}
.p-single-post__likeButton-wrapper .fade-out {
  opacity: 0;
}
.p-single-post__likeButton-wrapper .airBalloon-wrapper {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
.p-single-post__likeButton-wrapper .koala-air-balloon {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(100%, 100%);
  animation-name: airBalloonFloatUp;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-duration: 6s;
}
@media screen and (max-width: 768px) {
  .p-single-post__likeButton-wrapper .koala-air-balloon {
    animation-duration: 4s;
  }
}
.p-single-post__likeButton-wrapper .koala-air-balloon:has(.airBalloon-inner--blue) {
  bottom: 300px;
}
@media screen and (max-width: 768px) {
  .p-single-post__likeButton-wrapper .koala-air-balloon:has(.airBalloon-inner--blue) {
    bottom: 180px;
  }
}
@keyframes airBalloonFloatUp {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-100vw, -100vh);
  }
}
.p-single-post__likeButton-wrapper .airBalloon-inner {
  background-image: url(../public/img/balloon-pink.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  animation: swayUpDown 4s ease-in-out infinite;
}
.p-single-post__likeButton-wrapper .airBalloon-inner--pink {
  background-image: url(../public/img/balloon-pink.webp);
}
.p-single-post__likeButton-wrapper .airBalloon-inner--blue {
  background-image: url(../public/img/balloon-blue.webp);
}
@keyframes swayUpDown {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(calc(var(--sway-amplitude) * -1));
  }
  75% {
    transform: translateY(var(--sway-amplitude));
  }
  100% {
    transform: translateY(0);
  }
}
.p-single-post__likeButton-wrapper .present-wrapper {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s;
}
.p-single-post__likeButton-wrapper .present-wrapper.is-show {
  opacity: 1;
}
.p-single-post__likeButton-wrapper .present-img {
  position: absolute;
  left: 50%;
  top: 100%;
  /* 初期位置は画面の下の外 */
  transform: translate(-50%, 0);
  background-image: url(../public/img/koala-present.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 350/366;
  width: 18%;
  max-width: 240px;
  z-index: 9999;
  display: none;
}
@media screen and (max-width: 1024px) {
  .p-single-post__likeButton-wrapper .present-img {
    width: 30%;
  }
}
.p-single-post__likeButton-wrapper .present-img.is-show {
  display: block;
  animation: scaleKoala 1.5s linear forwards;
}
@keyframes scaleKoala {
  0% {
    transform: translate(-50%, 0) scale(1);
  }
  50% {
    transform: translate(-50%, -25vh) scale(1.4);
  }
  100% {
    top: 50%;
    transform: translate(-50%, -50%) scale(1.8);
  }
}
.p-single-post__likeButton-wrapper .present-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: fit-content;
  height: auto;
  width: 6%;
}
@media screen and (max-width: 1024px) {
  .p-single-post__likeButton-wrapper .present-content {
    width: 12%;
  }
}
.p-single-post__likeButton-wrapper .present-star,
.p-single-post__likeButton-wrapper .present-heart {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: auto;
  opacity: 0;
}
.p-single-post__likeButton-wrapper .present-star {
  background-image: url(../public/img/single/star.svg);
  aspect-ratio: 112/96;
}
.p-single-post__likeButton-wrapper .present-heart {
  background-image: url(../public/img/single/heart.svg);
  aspect-ratio: 112/106;
}
.p-single-post__likeButton-wrapper .moveTopRight {
  animation: moveTopRight 2s linear 1.5s;
}
@media screen and (max-width: 1024px) {
  .p-single-post__likeButton-wrapper .moveTopRight {
    animation: moveTopRight-tab 2s linear 1.5s;
  }
}
@keyframes moveTopRight {
  0% {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(25vw, -25vh);
    opacity: 0;
  }
}
@keyframes moveTopRight-tab {
  0% {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(40vw, -40vh);
    opacity: 0;
  }
}
.p-single-post__likeButton-wrapper .moveTopLeft {
  animation: moveTopLeft 2s linear 1.5s;
}
@media screen and (max-width: 1024px) {
  .p-single-post__likeButton-wrapper .moveTopLeft {
    animation: moveTopLeft-tab 2s linear 1.5s;
  }
}
@keyframes moveTopLeft {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(-25vw, -25vw) scale(0.8);
    opacity: 0;
  }
}
@keyframes moveTopLeft-tab {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(-40vw, -40vw) scale(0.8);
    opacity: 0;
  }
}
.p-single-post__likeButton-wrapper .moveBottomRight {
  animation: moveBottomRight 2s linear 1.5s;
}
@media screen and (max-width: 1024px) {
  .p-single-post__likeButton-wrapper .moveBottomRight {
    animation: moveBottomRight-tab 2s linear 1.5s;
  }
}
@keyframes moveBottomRight {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(25vw, 25vw) scale(0.8);
    opacity: 0;
  }
}
@keyframes moveBottomRight-tab {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(40vw, 40vw) scale(0.8);
    opacity: 0;
  }
}
.p-single-post__likeButton-wrapper .moveBottomLeft {
  animation: moveBottomLeft 2s linear 1.5s;
}
@media screen and (max-width: 1024px) {
  .p-single-post__likeButton-wrapper .moveBottomLeft {
    animation: moveBottomLeft-tab 2s linear 1.5s;
  }
}
@keyframes moveBottomLeft {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(-25vw, 25vw) scale(0.8);
    opacity: 0;
  }
}
@keyframes moveBottomLeft-tab {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translate(-40vw, 40vw) scale(0.8);
    opacity: 0;
  }
}
.p-single-post__likeButton {
  display: flex;
  gap: 8px;
}
.p-single-post__bottom {
  display: flex;
  gap: 3rem;
  align-items: center;
  margin-top: 59px;
}
@media screen and (max-width: 440px) {
  .p-single-post__bottom {
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-single-post__bottom {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 376px) {
  .p-single-post__bottom {
    gap: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-single-post__rare-banner {
  display: flex;
  gap: 29px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-single-post__rare-banner {
    gap: 0.75rem;
  }
}
.p-single-post__rare-banner-img {
  width: 87px;
  aspect-ratio: 87/91;
}
@media screen and (max-width: 440px) {
  .p-single-post__rare-banner-img {
    width: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-single-post__rare-banner-img {
    width: 50px;
  }
}
.p-single-post__rare-banner-text {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-weight: 700;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  color: #292929;
  padding: 10px 17px;
  background-color: #FFE9F0;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 440px) {
  .p-single-post__rare-banner-text {
    padding: 8px 12px;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-single-post__rare-banner-text {
    padding-inline: 8px;
  }
}
.p-single-post__rare-banner-text::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 19px solid #FFE9F0;
  border-left: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
}
@media screen and (max-width: 768px) {
  .p-single-post__rare-banner-text::before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #FFE9F0;
  }
}
.p-single-post .wpulike-heart .wp_ulike_general_class {
  box-shadow: none;
  padding: 0;
}
.p-single-post .wpulike button.wp_ulike_btn {
  padding: 0;
  transform: none !important;
  animation: none;
}
.p-single-post .wpulike-heart .count-box {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
  color: #292929;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.p-single-post .wpulike .wp_ulike_is_loading .wp_ulike_btn {
  background-image: unset;
}
.p-single-post .wpulike .wp_ulike_is_loading .wp_ulike_btn::after {
  content: "";
  background-image: url(../public/img/like-count-after.svg);
  transform: none !important;
  width: 24px !important;
  height: 24px !important;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-single-post .wpulike-heart .wp_ulike_put_image:after {
  content: "";
  display: block;
  width: 24px !important;
  height: 24px !important;
  background-image: url(../public/img/like-count.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: static;
  transform: none;
  transform: none !important;
}
.p-single-post {
  /* liked状態で背景画像切替 */
}
.p-single-post .wpulike-heart.liked-bg .wp_ulike_put_image:after {
  background-image: url(../public/img/like-count-after.svg);
  width: 24px !important;
  height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-single-post .wpulike-heart .wp_ulike_put_image:disabled:hover {
  padding: 0;
}

.classic-editor .p-single-post__text {
  margin-top: 2.75rem;
  line-height: 1.5;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.classic-editor .p-single-post__text figure {
  max-width: 100%;
}
.classic-editor .p-single-post__text pre {
  white-space: pre-wrap;
}
.classic-editor .p-single-post__text img {
  display: unset;
}
.classic-editor .p-single-post__text p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.classic-editor .p-single-post__text p small {
  color: #807f7f;
  font-size: 12px;
}
.classic-editor .p-single-post__text p + p {
  margin-top: 24px;
}
.classic-editor .p-single-post__text h2 {
  border-bottom: 2px dotted #FFC8C4;
  font-size: 16px;
  padding: 0 0 6px;
}
.classic-editor .p-single-post__text h2 + * {
  margin-top: 16px;
}
.classic-editor .p-single-post__text h3,
.classic-editor .p-single-post__text h4 {
  border-bottom: 1px solid #FFC8C4;
  font-size: 16px;
  padding: 0 0 3px;
  max-width: none;
}
.classic-editor .p-single-post__text h3 + *,
.classic-editor .p-single-post__text h4 + * {
  margin-top: 16px;
}
.classic-editor .p-single-post__text strong {
  font-weight: bold;
}
.classic-editor .p-single-post__text em {
  color: #ff8181;
  font-style: normal;
}
.classic-editor .p-single-post__text em::before {
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #FF8181;
  content: "";
  display: inline-block;
  margin-right: 8px;
}
.classic-editor .p-single-post__text ul {
  margin-top: 24px;
}
.classic-editor .p-single-post__text ul li {
  font-size: 16px;
  line-height: 1.8;
  padding: 0 0 0 16px;
  position: relative;
}
.classic-editor .p-single-post__text ul li::before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.classic-editor .p-single-post__text ul li:nth-of-type(2n+1)::before {
  background: #FFA6B2;
}
.classic-editor .p-single-post__text ul li:nth-of-type(2n)::before {
  background: #57CFBB;
}
.classic-editor .p-single-post__text ul li + li {
  margin-top: 8px;
}
.classic-editor .p-single-post__text ol {
  counter-reset: single-counter;
  margin-top: 24px;
}
.classic-editor .p-single-post__text ol li {
  font-size: 16px;
  line-height: 1.8;
  padding: 0 0 0 24px;
  position: relative;
}
.classic-editor .p-single-post__text ol li::before {
  border-radius: 50%;
  color: #ffffff;
  counter-increment: single-counter;
  content: counter(single-counter);
  display: inline-block;
  height: 16px;
  position: absolute;
  left: 0;
  line-height: 16px;
  text-align: center;
  top: 4px;
  width: 16px;
}
.classic-editor .p-single-post__text ol li:nth-of-type(2n+1)::before {
  background: #FFC8C4;
}
.classic-editor .p-single-post__text ol li:nth-of-type(2n)::before {
  background: #AAE6CA;
}
.classic-editor .p-single-post__text ol li + li {
  margin-top: 8px;
}
.classic-editor .p-single-post__text * + p {
  margin-top: 24px;
}
.classic-editor .p-single-post__text * + h2 {
  margin-top: 60px;
}
.classic-editor .p-single-post__text * + h3 {
  margin-top: 32px;
}
.classic-editor .p-single-post__text * + h4 {
  margin-top: 24px;
}
.classic-editor .p-single-post__text * + ul {
  margin-top: 24px;
}
.classic-editor .p-single-post__text * + div {
  margin-top: 24px;
}
.classic-editor .p-single-post__text #ez-toc-container ul li::before,
.classic-editor .p-single-post__text .sd-content ul li::before {
  display: none !important;
}

.block-editor .p-single-post__text ul li {
  font-size: 16px;
  line-height: 1.8;
  padding-left: 16px;
  position: relative;
}
.block-editor .p-single-post__text ul li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 26%;
  transform: translateY(-50%);
  background: #1acbd5;
}
.block-editor .p-single-post__text ol {
  counter-reset: single-counter;
}
.block-editor .p-single-post__text ol li {
  font-size: 16px;
  line-height: 1.8;
  padding-left: 24px;
  position: relative;
}
.block-editor .p-single-post__text ol li::before {
  background: #1acbd5;
  border-radius: 50%;
  color: #ffffff;
  counter-increment: single-counter;
  content: counter(single-counter);
  display: inline-block;
  height: 16px;
  position: absolute;
  left: 0;
  line-height: 14px;
  text-align: center;
  top: 6px;
  width: 16px;
}
.block-editor .p-single-post__text {
  /*
  画像中央よせ
  ---------------
  */
}
.block-editor .p-single-post__text .aligncenter {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.block-editor {
  /*
       テキスト中央よせ
      ---------------
      */
}
.block-editor .has-text-align-center {
  text-align: center;
}
.block-editor {
  /*
       h2装飾---------------
      */
}
.block-editor h2.wp-block-heading {
  padding: 16px;
  border-left: 8px solid #263f1f;
  background: #ffb6cd;
  font-size: 20px;
  font-weight: bold;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .block-editor h2.wp-block-heading {
    padding: 12px;
    border-left: 4px solid #263f1f;
    font-size: 20px;
    font-weight: bold;
    margin-top: 24px;
  }
}
.block-editor {
  /*
       h3装飾---------------
      */
}
.block-editor h3.wp-block-heading {
  border-bottom: 3px solid #FFC8C4;
  border-top: 3px solid #FFC8C4;
  font-size: 20px;
  padding: 12px;
  font-weight: bold;
  max-width: none;
  margin: 50px 0 30px 0;
}
@media screen and (max-width: 767px) {
  .block-editor h3.wp-block-heading {
    border-bottom: 2px solid #FFC8C4;
    border-top: 2px solid #FFC8C4;
    font-size: 16px;
    padding: 8px;
    font-weight: bold;
    max-width: none;
    margin: 24px 0 18px 0;
  }
}
.block-editor {
  /*
       吹き出しサイズM---------------
      */
}
.block-editor .w_b_size_M {
  width: 80px;
  height: 80px;
}
.block-editor .w_b_bal_box > div:nth-child(1) {
  display: none;
}
.block-editor .w_b_bal_box {
  margin: auto;
}
.block-editor div.w_b_talk:before {
  top: 50%;
}
.block-editor div.w_b_talk:after {
  top: 52%;
}
.block-editor {
  /*
  テーブルスクロースカスタマイズ---------------
  */
}
.block-editor .wp-block-flexible-table-block-table table th:first-child:before {
  width: calc(100% + 2px);
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  height: 100%;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  z-index: -1;
}

.p-company {
  letter-spacing: 0;
}
.p-company__details {
  padding: 96px 32px;
  background: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .p-company__details {
    padding: 36px 16px 72px 16px;
  }
}
.p-company__inner {
  max-width: 1024px;
  margin: 0 auto;
}
.p-company__inner--message {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-company__inner--message {
    gap: 24px;
  }
}
.p-company__details-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-company__details-list {
    gap: 24px;
  }
}
.p-company__details-box {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  border-radius: 0 10px 0 10px;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-company__details-box {
    margin-bottom: 16px;
  }
}
.p-company__details-list:first-of-type {
  position: relative;
}
.p-company__details-list:first-of-type::after {
  content: "";
  display: block;
  background-image: url(../public/img/koala-thankyou.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 68px;
  right: 0;
  width: 80px;
  aspect-ratio: 80/74;
}
@media screen and (max-width: 768px) {
  .p-company__details-list:first-of-type::after {
    width: 14.5%;
    max-width: 80px;
    right: 16px;
    bottom: 18px;
  }
}
.p-company__details-box-head {
  text-align: center;
  background: #57CFBB;
  color: #ffffff;
  padding: 12px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.72px;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-head {
    font-size: 16px;
    padding: 8px;
  }
}
.p-company__details-box-body {
  padding: 32px 40px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-body {
    padding: 12px 16px;
  }
}
.p-company__details-box-inner {
  width: 100%;
}
.p-company__details-box-row {
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
  border-bottom: 1px solid #D8D8D8;
  letter-spacing: 0.7px;
}
.p-company__details-box-row:last-child {
  border: none;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-row {
    letter-spacing: 0.5px;
  }
}
.p-company__details-box-name {
  color: #FF4861;
  width: 140px;
  padding: 16px 0;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-name {
    padding: 8px 4px 8px 0;
    width: 84px;
  }
}
.p-company__details-box-data {
  padding: 16px 0;
}
.p-company__details-box-data img {
  width: 218px;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-data {
    padding: 8px 0;
  }
}
.p-company__details-box-desc {
  color: #292929;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 10px;
  border-bottom: 1px solid #D8D8D8;
  padding: 16px 0;
}
.p-company__details-box-desc-list {
  padding-left: 24px;
  font-size: clamp(14px, 3vw, 16px);
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-desc-list {
    letter-spacing: 0.5px;
  }
}
.p-company__details-box-desc:last-of-type, .p-company__details-box-desc:first-of-type {
  border: none;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-desc {
    padding: 12px 0;
  }
}
.p-company__details-box-desc-wrap {
  margin-bottom: 24px;
}
.p-company__details-box-desc-title {
  font-weight: 700;
  margin-bottom: 8px;
  color: #FF4861;
  font-size: clamp(14px, 3vw, 16px);
}
@media screen and (max-width: 768px) {
  .p-company__details-box-desc-title {
    margin-bottom: 4px;
  }
}
.p-company__details-box-desc-text {
  padding-left: 24px;
}
.p-company__details-box-desc-text:first-child {
  padding-left: 0;
}
.p-company__details-box-textSmall {
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
  color: #808080;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-company__details-box-textSmall {
    font-size: 12px;
  }
}
.p-company #privacy {
  margin-top: -60px;
  padding-top: 60px;
}

/* ===============================================
# 共通
=============================================== */
html:has(.p-franchise) {
  scroll-behavior: smooth;
}

body:has(.p-franchise) {
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: normal;
  overflow-x: hidden;
}
body:has(.p-franchise) .c-buttonLink {
  font-family: "Noto Sans JP", sans-serif;
}
body:has(.p-franchise) .c-buttonLink--xs {
  font-size: 14px;
  max-width: 230px;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .c-buttonLink--xs {
    width: 100%;
    max-width: 100%;
  }
}
body:has(.p-franchise) .c-buttonLink--xs svg {
  width: 20px;
  height: 20px;
}
body:has(.p-franchise) .c-buttonLink--xs a {
  padding: 8px;
  gap: 6px;
}
body:has(.p-franchise) .c-buttonLink--s {
  font-size: 16px;
  width: 280px;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .c-buttonLink--s {
    width: 100%;
  }
}
body:has(.p-franchise) .c-buttonLink--s a {
  background: #292929;
  -webkit-background-clip: text;
  padding: 8px;
}
body:has(.p-franchise) .c-buttonLink--s a svg {
  fill: #292929;
}
body:has(.p-franchise) .c-buttonLink--s--blog {
  width: 288px;
  height: 46px;
  border: 2px solid #ffffff;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .c-buttonLink--s--blog {
    width: 100%;
    height: auto;
  }
}
body:has(.p-franchise) .c-buttonLink--s--blog a {
  background: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
body:has(.p-franchise) .c-buttonLink--s--blog a svg {
  fill: #ffffff;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
body:has(.p-franchise) .c-buttonLink--l {
  font-size: 16px;
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .c-buttonLink--l {
    width: 100% !important;
    max-width: 100%;
  }
}
body:has(.p-franchise) .c-buttonLink--l svg {
  width: 26px;
  height: 26px;
}
body:has(.p-franchise) .c-buttonLink--l a {
  padding: 16px;
  gap: 12px;
}
body:has(.p-franchise) .c-buttonLink--xl {
  font-size: 24px;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .c-buttonLink--xl {
    max-width: 100%;
    width: 100%;
    font-size: 20px;
  }
}
body:has(.p-franchise) .c-buttonLink--xl svg {
  width: 32px;
  height: 32px;
}
body:has(.p-franchise) .c-buttonLink--xl a {
  padding: 16px;
  gap: 12px;
}
body:has(.p-franchise) .c-buttonLink--white {
  width: 100%;
  height: 46px;
  border: 1px solid #292929;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .c-buttonLink--white {
    height: 38px;
  }
}
body:has(.p-franchise) .p-floating-cta {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  padding: 16px;
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(41, 41, 41, 0.85);
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
body:has(.p-franchise) .p-floating-cta__inner {
  max-width: 1376px;
  margin: 0 auto;
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  body:has(.p-franchise) .p-floating-cta__inner {
    gap: 2px;
  }
}
body:has(.p-franchise) .p-floating-cta__message {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  body:has(.p-franchise) .p-floating-cta__message {
    font-size: 14px;
  }
}
body:has(.p-franchise) .p-floating-cta__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  body:has(.p-franchise) .p-floating-cta__contact {
    width: 100%;
  }
}
body:has(.p-franchise) .p-floating-cta__contact-tel {
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
body:has(.p-franchise) .p-floating-cta__contact-tel__top {
  text-align: center;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 800;
  line-height: 100%;
}
body:has(.p-franchise) .p-floating-cta__contact-tel__top::before {
  content: "";
  background: url(../public/img/franchises/tel-icon.svg) no-repeat center/contain;
  width: 14px;
  height: 14px;
  display: inline-block;
  padding-right: 8px;
}
body:has(.p-franchise) .p-floating-cta__contact-tel__bottom {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}
body:has(.p-franchise) .js-floating-cta.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.p-franchise figcaption {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
.p-franchise .inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 1120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-franchise .inner {
    gap: 32px;
  }
}
.p-franchise .inner--KnowHow {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-franchise .inner--KnowHow {
    gap: 48px;
    width: 100%;
  }
}
.p-franchise .title {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .title {
    gap: 12px;
  }
}
@media screen and (max-width: 440px) {
  .p-franchise .title {
    gap: 8px;
  }
}
.p-franchise .title--left {
  text-align: left;
  gap: 16px;
  flex-direction: row;
  align-items: baseline;
}
.p-franchise .title--sub {
  font-family: "Roboto";
  font-size: clamp(14px, 3vw, 20px);
  font-weight: 500;
  letter-spacing: 9.6px;
  line-height: 100%;
}
.p-franchise .title--sub--left {
  text-align: left;
}
.p-franchise .title--main {
  font-family: "Noto Serif JP";
  font-size: clamp(24px, 5vw, 40px);
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 8px;
}
.p-franchise .title--main--left {
  text-align: left;
  margin-bottom: 0;
}
.p-franchise .title--copy {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 100%;
}
.p-franchise {
  /* ===============================================
  # FV
  =============================================== */
}
.p-franchise .fv img {
  width: 100%;
}
.p-franchise {
  /* ===============================================
  # lead
  =============================================== */
}
.p-franchise .p-lead {
  background: linear-gradient(180deg, #FFE5ED 20%, #FFF 75%);
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding-bottom: 96px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-lead {
    gap: 12px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-lead {
    padding-bottom: 40px;
  }
}
.p-franchise {
  /* ===============================================
  # お悩み PROBLEM
  =============================================== */
}
.p-franchise .p-problem {
  width: 100%;
  box-sizing: border-box;
}
.p-franchise .p-problem img {
  width: 100%;
}
.p-franchise .p-know-how {
  position: relative;
  padding-right: 32px;
  padding-left: 32px;
  box-sizing: border-box;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how {
    margin-top: -40px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.p-franchise .p-know-how::after {
  content: "Know How";
  background: linear-gradient(90deg, rgba(255, 156, 187, 0.12) 33.51%, rgba(67, 255, 239, 0.12) 114.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(64px, 13vw, 258px);
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 0.07em;
  position: absolute;
  z-index: 0;
  top: 74px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  width: 100%;
}
.p-franchise .p-know-how__main {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__main {
    gap: 16px;
  }
}
@media screen and (max-width: 440px) {
  .p-franchise .p-know-how__main {
    gap: 0;
  }
}
.p-franchise .p-know-how__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__title {
    gap: 16px;
  }
}
.p-franchise .p-know-how__title-sub {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #FF719E;
  width: fit-content;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  margin-bottom: 8px;
  border-radius: 100px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__title-sub {
    padding: 12px;
    flex-direction: column;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-franchise .p-know-how__title-sub {
    font-size: 14px;
  }
}
.p-franchise .p-know-how__title-sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #FF719E transparent transparent;
  translate: -50% 100%;
}
.p-franchise .p-know-how__title-sub-AccentWrap {
  display: flex;
  gap: 8px;
}
.p-franchise .p-know-how__title-sub-AccentWrap span {
  background: #ffffff;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  color: #FF719E;
  width: fit-content;
}
.p-franchise .p-know-how__title-sub-AccentWrap-items {
  display: flex;
  gap: 4px;
  align-items: center;
}
.p-franchise .p-know-how__title-main {
  transform: skewX(-12deg);
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 4vw, 24px);
  font-weight: 600;
  line-height: 100%;
  display: flex;
  align-items: center;
}
.p-franchise .p-know-how__title-main-big {
  display: flex;
  align-items: center;
}
.p-franchise .p-know-how__title-main-big span {
  font-size: clamp(28px, 7vw, 48px);
  font-weight: 900;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 100%;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-know-how__title-main {
    font-weight: 600;
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .p-franchise .p-know-how__title-main {
    gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-know-how__title-main span {
    font-weight: 900;
    line-height: 100%;
  }
}
.p-franchise .p-know-how__title-main .scroll-hint-shadow-wrap {
  overflow: none;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__title-main .scroll-hint-shadow-wrap {
    overflow: auto;
  }
}
.p-franchise .p-know-how__items {
  display: flex;
  gap: 40px;
  justify-content: center;
  padding-top: 32px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-know-how__items {
    flex-wrap: wrap;
    row-gap: 56px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__items {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 32px;
    padding-left: 32px;
    padding-top: 40px;
    scroll-snap-type: x mandatory;
  }
}
.p-franchise .p-know-how__items-item {
  position: relative;
  display: flex;
  width: 260px;
  height: auto;
  padding: 56px 32px 32px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 4px 8px 12px rgba(0, 0, 0, 0.08);
  z-index: 0;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__items-item {
    min-width: 200px;
    padding: 40px 32px 24px;
  }
}
.p-franchise .p-know-how__items-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
  -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.p-franchise .p-know-how__items-item::after {
  content: "";
  background: url(../public/img/franchises/know-how-cheackicon.webp) no-repeat center/contain;
  top: -30px;
  left: -30px;
  width: 84px;
  height: 84px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__items-item::after {
    width: 64px;
    height: 64px;
  }
}
.p-franchise .p-know-how__item-icon {
  width: 116px;
  height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__item-icon {
    width: 100px;
    height: 100px;
  }
}
.p-franchise .p-know-how__item-description {
  color: #292929;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 700;
  line-height: 150%;
}
.p-franchise .p-know-how__item-description span {
  color: #FF4861;
}
.p-franchise .p-know-how__beginner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 42px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__beginner {
    gap: 32px;
  }
}
.p-franchise .p-know-how__beginner-TitleWrap {
  display: flex;
  flex-direction: column;
}
.p-franchise .p-know-how__beginner-title {
  font-style: italic;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(12px, 5vw, 48px);
  font-weight: 600;
  line-height: 100%;
  display: flex;
  gap: 2px;
  justify-content: center;
  margin-bottom: 12px;
}
.p-franchise .p-know-how__beginner-title span {
  font-size: clamp(16px, 5vw, 32px);
}
.p-franchise .p-know-how__beginner-title::before {
  content: "";
  background: url(../public/img/franchises/icon-beginner.webp) no-repeat center/contain;
  width: clamp(16px, 6vw, 35px);
  height: clamp(24px, 6vw, 56px);
  transform: rotate(-10.563deg);
  padding-right: 16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-know-how__beginner-title::before {
    padding-right: 8px;
  }
}
.p-franchise .p-know-how__beginner-desc {
  text-align: center;
  font-weight: 700;
  line-height: 150%;
  font-size: clamp(14px, 3vw, 16px);
}
.p-franchise .p-know-how__beginner-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.p-franchise .p-know-how__beginner-gallery-img {
  border-radius: 20px;
  box-shadow: 23px 19px 16px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.p-franchise .p-know-how__beginner-gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-franchise .p-know-how__beginner-gallery-img--small {
  width: 227px;
  height: 177px;
}
.p-franchise .p-know-how__beginner-gallery-img--big {
  width: 433px;
  height: 251px;
}
.p-franchise {
  /* ===============================================
  # マーメイドが選ばれる理由 REASON
  =============================================== */
}
.p-franchise .p-reason {
  padding: 96px 32px;
  background: url(../public/img/franchises/reason-bg.webp) no-repeat center/cover;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason {
    padding: 40px 24px;
  }
}
.p-franchise .p-reason__items {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__items {
    gap: 36px;
  }
}
.p-franchise .p-reason__items-item {
  display: flex;
  justify-content: space-between;
}
.p-franchise .p-reason__items-item--reverse {
  flex-direction: row-reverse;
  position: relative;
  z-index: 0;
}
.p-franchise .p-reason__item-body {
  width: 100%;
  max-width: 830px;
  display: flex;
  gap: 36px;
  background: #ffffff;
  padding: 20px 100px 20px 40px;
  align-items: center;
  gap: 24px;
  border-radius: 0 10px 0 10px;
  box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
}
.p-franchise .p-reason__item-body--reverse {
  padding: 20px 20px 20px 100px;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-body {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-head {
    display: flex;
    flex-direction: row;
    padding: 16px;
    text-align: left;
    width: 100%;
    border-radius: 0 10px 0 0;
    box-sizing: border-box;
    gap: 12px;
    align-items: center;
  }
}
@media screen and (max-width: 440px) {
  .p-franchise .p-reason__item-head {
    padding: 12px;
  }
}
.p-franchise .p-reason__item-num {
  font-family: Playball;
  font-size: 176px;
  font-weight: 400;
  line-height: 100%;
  background: linear-gradient(90deg, rgba(255, 156, 187, 0.3) 33.51%, rgba(67, 255, 239, 0.3) 114.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-reason__item-num {
    font-size: 120px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-num {
    font-size: 92px;
    margin-top: -32px;
  }
}
.p-franchise .p-reason__item-TextBox {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 600px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-TextBox {
    width: 100%;
    border-radius: 0 0 10px 0;
    padding: 16px;
    max-width: 100%;
  }
}
.p-franchise .p-reason__item-TextBox-title {
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
.p-franchise .p-reason__item-TextBox-title span {
  color: #FF4861;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-TextBox-title {
    font-size: 20px;
  }
}
.p-franchise .p-reason__item-TextBox-desc {
  font-weight: 500;
  line-height: 150%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-TextBox-desc {
    font-size: 14px;
  }
}
.p-franchise .p-reason__item-TextBox-desc span {
  color: #FF4861;
}
.p-franchise .p-reason__item-img {
  max-width: 340px;
  width: 30%;
  height: fit-content;
  border-radius: 0 20px 0 20px;
  border: 6px solid #ffffff;
  overflow: hidden;
  flex-shrink: 0;
  margin-left: -96px;
  margin-top: -32px;
  box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 768px) {
  .p-franchise .p-reason__item-img {
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0;
  }
  .p-franchise .p-reason__item-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}
.p-franchise .p-reason__item-img--reverse {
  margin-left: 0;
  margin-right: -96px;
  z-index: 2;
}
.p-franchise .p-reason__item-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.p-franchise {
  /* ===============================================
  # 加盟店様の実績 RESULT
  =============================================== */
}
.p-franchise .p-result {
  padding: 96px 32px;
  background: #FFE9F0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result {
    padding: 40px 16px;
  }
}
.p-franchise .p-result__main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__main {
    gap: 24px;
  }
}
.p-franchise .p-result__main-title {
  display: flex;
  align-items: baseline;
  width: fit-content;
  gap: 4px;
  font-family: "Noto Serif JP";
  font-size: clamp(14px, 3vw, 24px);
  font-weight: 700;
}
.p-franchise .p-result__main-title::before {
  content: "";
  background: url(../public/img/franchises/Line-left.svg) no-repeat center/contain;
  padding-right: 40px;
  width: 8px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__main-title::before {
    width: 4px;
    height: 20px;
    padding-right: 20px;
  }
}
.p-franchise .p-result__main-title::after {
  content: "";
  background: url(../public/img/franchises/Line-right.svg) no-repeat center/contain;
  padding-left: 40px;
  width: 8px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__main-title::after {
    width: 4px;
    height: 20px;
    padding-left: 20px;
  }
}
.p-franchise .p-result__title-big {
  font-size: clamp(16px, 3vw, 32px);
  line-height: 100%;
}
.p-franchise .p-result__title-bigger {
  font-size: clamp(20px, 4vw, 40px);
  line-height: 100%;
}
.p-franchise .p-result__items {
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-result__items {
    gap: 36px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__items {
    flex-direction: column;
    gap: 32px;
    width: 90%;
  }
}
.p-franchise .p-result__items-item {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.07);
}
.p-franchise .p-result__item-head {
  width: 100%;
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: baseline;
  gap: 2px;
  align-self: stretch;
  border-radius: 0 20px 0 0;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  color: #ffffff;
  font-family: "Noto Serif JP";
  text-align: center;
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 900;
  box-sizing: border-box;
}
.p-franchise .p-result__item-head span {
  color: #FFFABE;
  font-size: clamp(20px, 3vw, 32px);
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__item-head {
    padding: 8px 12px;
    border-radius: 0 10px 0 0;
  }
}
.p-franchise .p-result__item-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  height: 100%;
  padding: 32px;
  gap: 40px;
  align-self: stretch;
  border-radius: 0 0 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-result__item-body {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__item-body {
    gap: 20px;
    padding: 20px 16px;
    border-radius: 0 0 0 10px;
  }
}
.p-franchise .p-result__item-img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__item-img {
    width: 100%;
  }
}
.p-franchise .p-result__item-img img {
  width: 100%;
}
.p-franchise .p-result__item-TextBox-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__item-TextBox-desc {
    font-size: 14px;
  }
}
.p-franchise .p-result__BottomMessage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-family: "Noto Serif JP";
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__BottomMessage {
    padding-top: 16px;
    gap: 24px;
    position: relative;
  }
  .p-franchise .p-result__BottomMessage::after {
    content: "";
    background: url(../public/img/franchises/reslut-bg-illust.svg) no-repeat center/contain;
    width: 200px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
}
.p-franchise .p-result__BottomMessage-top {
  font-size: clamp(16px, 3vw, 20px);
  line-height: 150%;
  z-index: 1;
}
.p-franchise .p-result__BottomMessage-center {
  font-size: clamp(16px, 3vw, 24px);
  line-height: 210%;
}
.p-franchise .p-result__BottomMessage-center span {
  font-style: italic;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: clamp(24px, 5vw, 36px);
  padding-right: 4px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__BottomMessage-center span {
    font-style: normal;
  }
}
.p-franchise .p-result__BottomMessage-bottom {
  font-size: clamp(16px, 4vw, 24px);
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-result__BottomMessage-bottom {
    margin-top: -18px;
  }
}
.p-franchise {
  /* ===============================================
  # 加盟店様の声 USER'S VOICE
  =============================================== */
}
.p-franchise .p-voice {
  padding: 96px 32px;
  background: linear-gradient(180deg, #FFF -34.79%, #EBEBEB 71.41%);
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice {
    padding: 40px 16px;
  }
}
.p-franchise .p-voice::before {
  content: "User’s";
  background: linear-gradient(90deg, rgba(255, 156, 187, 0.12) 33.51%, rgba(67, 255, 239, 0.12) 114.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Serif JP";
  font-size: clamp(64px, 17vw, 240px);
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 0.07em;
  position: absolute;
  z-index: 0;
  top: 900px;
  left: -35px;
  white-space: nowrap;
  transform: rotate(-90deg);
  transform-origin: top left;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice::before {
    transform: rotate(0deg);
    top: 52px;
    left: 0;
  }
}
.p-franchise .p-voice::after {
  content: "Voice";
  background: linear-gradient(90deg, rgba(255, 156, 187, 0.12) 33.51%, rgba(67, 255, 239, 0.12) 114.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Serif JP";
  font-size: clamp(64px, 17vw, 240px);
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 0.07em;
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -26px;
  white-space: nowrap;
  transform: translateX(100%) rotate(-90deg);
  transform-origin: bottom left;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice::after {
    transform: rotate(0deg);
    top: 146px;
    right: 0;
  }
}
.p-franchise .p-voice__title {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  z-index: 1;
}
.p-franchise .p-voice__title-sub {
  display: flex;
  padding: 16px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 64px;
  background: #FF719E;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__title-sub {
    font-size: 14px;
    padding: 12px 24px;
  }
}
.p-franchise .p-voice__title-sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #FF719E transparent transparent;
  translate: -50% 100%;
}
.p-franchise .p-voice__title-main {
  color: #292929;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 3vw, 32px);
  font-style: italic;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-franchise .p-voice__title-main-top {
  display: flex;
  align-items: baseline;
}
.p-franchise .p-voice__title-main-top span {
  font-size: clamp(32px, 5.5vw, 48px);
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  line-height: 100%;
  margin-right: -16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__title-main-top {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
}
.p-franchise .p-voice__title-main-top-wrap {
  display: flex;
  align-items: flex-end;
}
.p-franchise .p-voice__title-main-top-small {
  display: inline-block;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__title-main-top-small {
    padding-bottom: 0;
  }
}
.p-franchise .p-voice__title-main-top1 {
  display: inline-block;
  padding-left: 32px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__title-main-top1 {
    padding-left: 0;
  }
}
.p-franchise .p-voice__title-main-top2 {
  display: inline-block;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__title-main-top2 {
    padding-left: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__title-main-bottom {
    line-height: 200%;
    text-align: right;
  }
}
.p-franchise .p-voice__items {
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  row-gap: 64px;
  column-gap: 32px;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__items {
    row-gap: 40px;
  }
}
.p-franchise .p-voice__items-item {
  display: flex;
  background: #ffffff;
  padding: 64px 32px 48px;
  border-radius: 20px;
  box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.07);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  position: relative;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-voice__items-item {
    max-width: 544px;
    padding: 32px 24px;
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__items-item {
    padding: 24px 20px;
  }
}
.p-franchise .p-voice__items-item:first-child .p-voice__item__TimeLine {
  display: flex;
  justify-content: space-between;
}
.p-franchise .p-voice__items-item--column {
  flex-direction: column;
  gap: 24px;
  height: auto;
  width: 48.2%;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-voice__items-item--column {
    width: 100%;
    max-width: 544px;
  }
}
@media screen and (max-width: 440px) {
  .p-franchise .p-voice__items-item--column {
    gap: 20px;
  }
}
.p-franchise .p-voice__items-item--column .p-voice__item__TimeLine-item-month {
  width: 112px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__items-item--column .p-voice__item__TimeLine-item-month {
    width: 96px;
  }
}
.p-franchise .p-voice__items-item::before {
  content: "";
  position: absolute;
  top: -35px;
  left: -20px;
  width: 85px;
  height: 85px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__items-item::before {
    width: 72px;
    height: 72px;
    top: -20px;
    left: -16px;
  }
}
.p-franchise .p-voice__items-item--01::before {
  background: url(../public/img/franchises/voice-num01.svg) no-repeat center/contain;
}
.p-franchise .p-voice__items-item--02::before {
  background: url(../public/img/franchises/voice-num02.svg) no-repeat center/contain;
}
.p-franchise .p-voice__items-item--03::before {
  background: url(../public/img/franchises/voice-num03.svg) no-repeat center/contain;
}
.p-franchise .p-voice__item-img {
  width: 480px;
  height: 340px;
  border-radius: 10px;
  overflow: hidden;
}
.p-franchise .p-voice__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-franchise .p-voice__item-img--column {
  width: 100%;
  height: auto;
}
.p-franchise .p-voice__item-text-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item-text-content {
    gap: 12px;
  }
}
.p-franchise .p-voice__item-text-content--column {
  width: 100%;
}
.p-franchise .p-voice__item__head {
  display: flex;
  gap: 12px;
  justify-content: baseline;
  align-items: baseline;
}
.p-franchise .p-voice__item__head--column {
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-voice__item__head {
    flex-direction: column;
    align-items: center;
  }
}
.p-franchise .p-voice__item-tag {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #808080;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  border-radius: 4px;
  border: 1px solid #BDBDBD;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item-tag {
    font-size: 12px;
    padding: 4px 8px;
  }
}
.p-franchise .p-voice__item-tag--beginner::before {
  content: "";
  background: url(../public/img/franchises/voice-icon-beginner.svg) no-repeat center/contain;
  width: 12px;
  height: 16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item-tag--beginner::before {
    width: 10px;
    height: 14px;
  }
}
.p-franchise .p-voice__item-UserName {
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 700;
  line-height: 100%;
  display: flex;
  gap: 4px;
  align-items: baseline;
}
.p-franchise .p-voice__item-UserName span {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item-UserName span {
    font-size: 16px;
  }
}
.p-franchise .p-voice__item__TimeLine {
  font-size: 14px;
  line-height: 150%;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item__TimeLine {
    font-size: 12px;
  }
}
.p-franchise .p-voice__item__TimeLine:first-child {
  border: none;
  padding-bottom: 0;
}
.p-franchise .p-voice__item__TimeLine-head {
  font-weight: 700;
}
.p-franchise .p-voice__item__TimeLine-item {
  display: flex;
  gap: 12px;
  font-weight: 500;
}
.p-franchise .p-voice__item__TimeLine-item--accent {
  color: #FF4861;
  font-weight: 700;
  display: contents;
}
.p-franchise .p-voice__item__TimeLine-item-month {
  display: block;
  width: 82px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item__TimeLine-item-month {
    width: 96px;
    min-width: 96px;
  }
}
.p-franchise .p-voice__item-message {
  width: 100%;
  height: fit-content;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  line-height: 150%;
  margin-bottom: 8px;
}
.p-franchise .p-voice__item-text {
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 500;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: left;
}
.p-franchise .p-voice__item-text.expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-voice__item-text {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 1024px) {
  .p-franchise .pc-none-voice {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .p-franchise .tab-none-voice {
    display: flex !important;
    gap: 20px !important;
  }
}
.p-franchise {
  /* ===============================================
  # 代表より OWNER
  =============================================== */
}
.p-franchise .p-owner {
  padding: 96px 32px;
  background-color: #F6F6F6;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner {
    padding: 40px 32px;
  }
}
.p-franchise .p-owner__inner {
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner__inner {
    gap: 24px;
  }
}
.p-franchise .p-owner__title--copy {
  text-align: center;
  letter-spacing: 0;
  line-height: 1.5;
}
.p-franchise .p-owner__body {
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: solid 6px #ffffff;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner__body {
    border-radius: 10px;
    flex-direction: column;
  }
}
.p-franchise .p-owner__body-img {
  aspect-ratio: 434/245;
  width: 38.7%;
  border-radius: 20px 0 0 20px;
  min-width: 276px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner__body-img {
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
}
.p-franchise .p-owner__body-img img {
  object-fit: cover;
  border-radius: inherit;
}
.p-franchise .p-owner__contents, .p-franchise .p-owner__contents__topics {
  margin-bottom: 0;
}
.p-franchise .p-owner__contents__topics {
  column-gap: 64px;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-owner__contents__topics {
    padding-inline: 0;
    column-gap: 12px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner__contents__topics {
    gap: 12px;
  }
}
.p-franchise .p-owner__contents__topics li {
  padding-bottom: 8px;
  border-bottom: 4px solid #FFE9F0;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-owner__contents__topics li {
    width: 190px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner__contents__topics li {
    width: 200px;
    border-bottom: 2px solid #FFE9F0;
    max-width: unset;
  }
}
.p-franchise .p-owner__button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-owner__button-wrapper {
    margin-top: 24px;
  }
}
.p-franchise {
  /* ===============================================
  # 代表ブログ BLOG
  =============================================== */
}
.p-franchise .p-blog {
  background: linear-gradient(147deg, #FFE9F0 50.32%, #FFD6D8 50.44%);
  padding: 96px 32px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-blog {
    padding: 64px 20px 40px;
  }
}
.p-franchise .p-blog__box {
  border-radius: 0 30px;
  background: #ffffff;
  width: 100%;
  padding: 56px 36px 64px;
  box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-blog__box {
    padding: 40px 20px 24px;
    gap: 20px;
    border-radius: 0 20px;
  }
}
.p-franchise .p-blog__box-BalloonHead {
  display: flex;
  padding: 16px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 64px;
  background: #292929;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  width: fit-content;
  position: relative;
  position: absolute;
  top: -20px;
  left: -30px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-blog__box-BalloonHead {
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    padding: 12px 24px;
  }
}
.p-franchise .p-blog__box-BalloonHead::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #292929 transparent transparent;
  translate: -50% 100%;
}
.p-franchise .p-blog__box-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-blog__box-top {
    padding-bottom: 16px;
  }
}
.p-franchise {
  /* ===============================================
  # 主な業務内容 works
  =============================================== */
}
.p-franchise .p-works {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.p-franchise .p-works__head {
  font-family: "Noto Serif JP";
  width: 100%;
  padding: 167px 16px 16px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__head {
    padding-top: 76px;
  }
}
.p-franchise .p-works__head__inner {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  max-width: 1376px;
  width: 100%;
  margin: 0 auto;
}
.p-franchise .p-works__head-title-en {
  background: linear-gradient(90deg, rgba(255, 156, 187, 0.3) 33.51%, rgba(67, 255, 239, 0.3) 114.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: clamp(98px, 23vw, 256px);
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 0.07em;
  position: absolute;
  left: 17px;
  bottom: -18px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__head-title-en {
    top: unset;
    left: 10px;
    bottom: -10px;
  }
}
.p-franchise .p-works__head-title {
  position: relative;
  z-index: 1;
  color: #292929;
  font-size: clamp(20px, 5vw, 36px);
  font-weight: 700;
  line-height: 100%;
  white-space: nowrap;
  margin-left: -236px;
}
.p-franchise .p-works__example-bg {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -6.3%, rgba(0, 0, 0, 0.2) 62.79%), linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), url(../public/img/franchises/works-example-bg.webp) lightgray 50%/cover no-repeat;
  background-size: auto;
  width: 100%;
  height: fit-content;
  padding: 56px 32px 96px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-bg {
    padding: 20px 24px 72px;
    background-size: cover;
  }
}
.p-franchise .p-works__example-container {
  margin: 0 auto;
  max-width: 1120px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-container {
    gap: 12px;
    max-width: 560px;
  }
}
.p-franchise .p-works__example-text {
  color: #292929;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-text {
    font-size: 16px;
  }
}
.p-franchise .p-works__example-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  justify-content: left;
  max-width: 724px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}
.p-franchise .p-works__example-items-item {
  display: flex;
  flex-direction: column;
  box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.07);
}
.p-franchise .p-works__example-item-head {
  color: #ffffff;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-weight: 900;
  line-height: 100%;
  border-radius: 0 10px 0 0;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  padding: 16px 12px;
  white-space: nowrap;
  letter-spacing: normal;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-item-head {
    font-size: 16px;
    padding: 8px 12px;
  }
}
.p-franchise .p-works__example-item-body {
  border-radius: 0 0 0 10px;
  background: #ffffff;
  padding: 16px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-item-body {
    min-height: 50px;
    padding: 12px 16px;
  }
}
.p-franchise .p-works__example-desc {
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__example-desc {
    font-size: 14px;
  }
}
.p-franchise .p-works__support {
  background: url(../public/img/franchises/works-support-bg.webp) no-repeat center/cover;
  width: 100%;
  height: fit-content;
  position: relative;
  padding: 72px 32px;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-works__support {
    padding: 48px 16px 32px;
  }
}
.p-franchise .p-works__support-BalloonHead {
  display: flex;
  padding: 16px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 64px;
  background: #292929;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  width: fit-content;
  position: relative;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__support-BalloonHead {
    border-radius: 10px;
    padding: 8px 20px;
    line-height: 130%;
    font-size: 14px;
    top: -32px;
  }
}
.p-franchise .p-works__support-BalloonHead::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #292929 transparent transparent;
  translate: -50% 100%;
}
.p-franchise .p-works__support__inner {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.p-franchise .p-works__support__stuff-img {
  position: absolute;
  bottom: 0;
  left: 9.8%;
  width: 17.5%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__support__stuff-img {
    left: 3.6%;
    width: 94px;
    bottom: -42px;
    z-index: 1;
  }
}
.p-franchise .p-works__support__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__support__content {
    gap: 20px;
    position: relative;
  }
}
.p-franchise .p-works__support__content-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__support__content-top {
    gap: 8px;
  }
}
.p-franchise .p-works__support__content-SubTitle {
  text-align: center;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 700;
  line-height: 100%;
}
.p-franchise .p-works__support__content-SubTitle::before {
  content: "";
  background: url(../public/img/franchises/Line-left.svg) no-repeat center/contain;
  padding-right: 48px;
  width: 4px;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__support__content-SubTitle::before {
    width: 2px;
    height: 14px;
  }
}
.p-franchise .p-works__support__content-SubTitle::after {
  content: "";
  background: url(../public/img/franchises/Line-right.svg) no-repeat center/contain;
  padding-left: 48px;
  width: 8px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-works__support__content-SubTitle::after {
    width: 2px;
    height: 14px;
  }
}
.p-franchise .p-works__support__content-title {
  display: flex;
  align-items: baseline;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 2.5vw, 32px);
  font-weight: 700;
  line-height: 100%;
  gap: 2px;
}
.p-franchise .p-works__support__content-title span {
  text-align: center;
  font-size: clamp(20px, 4.5vw, 48px);
  line-height: 100%;
  background: linear-gradient(90deg, #FF7CA6 45%, #37E4C8 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-franchise .p-works__support-items {
  display: flex;
  gap: clamp(16px, 3vw, 48px);
  justify-content: center;
}
.p-franchise .p-works__support__items-item {
  display: flex;
  width: clamp(100px, 10vw, 200px);
  height: clamp(100px, 10vw, 200px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #F6F6F6;
}
.p-franchise .p-works__support__item-img {
  width: clamp(100px, 9vw, 126px);
  height: clamp(62px, 9vw, 110px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p-franchise .p-works__support__item-img img {
  width: clamp(40px, 5vw, 96px);
  height: clamp(40px, 5vw, 96px);
}
.p-franchise .p-works__support__item-name {
  color: #292929;
  text-align: center;
  font-size: clamp(14px, 1.5vw, 20px);
  font-weight: 700;
  line-height: 100%;
}
.p-franchise .p-works__support__content-message {
  text-align: center;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  font-size: clamp(14px, 1vw, 16px);
  width: clamp(200px, 30vw, 342px);
}
@media screen and (max-width: 440px) {
  .p-franchise .p-works__support__content-message {
    text-align: left;
    margin-left: auto;
    width: 71%;
    font-weight: 500;
  }
}
.p-franchise {
  /* ===============================================
  # 支援内容 RoadMap
  =============================================== */
}
.p-franchise .p-road-map {
  position: relative;
  z-index: 3;
  overflow-x: hidden;
  width: 100%;
  height: fit-content;
  padding: 96px 32px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -3.36%, rgba(255, 255, 255, 0.6) 48.32%), url(../public/img/franchises/roadmap-bg.webp) lightgray 50%/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map {
    padding: 40px 16px;
  }
}
.p-franchise .p-road-map__inner {
  gap: 32px;
}
.p-franchise .p-road-map__title {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  align-items: baseline;
  transform: skewX(-12deg);
  color: #ffffff;
  text-align: center;
  font-family: "Noto Serif JP";
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-road-map__title {
    flex-direction: column;
    gap: 8px;
    width: fit-content;
    margin: 0 auto;
    transform: skewX(-7deg);
  }
}
.p-franchise .p-road-map__title-small {
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 4vw, 36px);
  line-height: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__title-small {
    align-items: baseline;
  }
}
.p-franchise .p-road-map__title-small span {
  background: #ffffff;
  color: #292929;
  display: inline-block;
  width: fit-content;
  height: fit-content;
  padding: 8px;
  font-size: clamp(20px, 5vw, 40px);
}
.p-franchise .p-road-map__title-big {
  font-size: clamp(56px, 12vw, 96px);
  line-height: 100%;
}
.p-franchise .p-road-map__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__container {
    gap: 32px;
  }
}
.p-franchise .p-road-map__container .scroll-hint-shadow-wrap {
  overflow: none;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-road-map__container .scroll-hint-shadow-wrap {
    width: 100%;
  }
}
.p-franchise .p-road-map__head {
  color: #ffffff;
  text-align: center;
  font-size: clamp(14px, 4vw, 24px);
  font-weight: 600;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  white-space: nowrap;
}
.p-franchise .p-road-map__head-inner {
  display: flex;
  gap: 2px;
  padding-left: 12px;
  padding-right: 12px;
  align-items: baseline;
}
.p-franchise .p-road-map__head::before {
  content: "";
  background: #ffffff;
  width: 100%;
  height: 1px;
}
.p-franchise .p-road-map__head::after {
  content: "";
  background: #ffffff;
  width: 100%;
  height: 1px;
}
.p-franchise .p-road-map__head span {
  font-size: clamp(20px, 5.5vw, 32px);
  line-height: 100%;
  font-weight: 700;
}
.p-franchise .p-road-map__items {
  display: flex;
  gap: 32px;
  box-sizing: border-box;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-road-map__items {
    flex-wrap: nowrap;
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
    width: 100%;
    gap: 24px;
  }
}
.p-franchise .p-road-map__items-item {
  display: flex;
  width: calc((100% - 48px) / 3);
  height: auto;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 20px;
  background: linear-gradient(0deg, #FFFADE -45.99%, #FFF 105.03%);
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-road-map__items-item {
    padding: 32px 20px;
    gap: 20px;
    min-width: 370px;
  }
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__items-item {
    min-width: 300px;
  }
}
.p-franchise .p-road-map__items-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 31.5px 0 31.5px 19px;
  border-color: transparent transparent transparent #16A189;
  translate: 100% -50%;
}
.p-franchise .p-road-map__items-item:last-of-type::after {
  display: none;
}
.p-franchise .p-road-map__item-top {
  display: flex;
  padding-bottom: 20px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #57CFBB;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__item-top {
    padding-bottom: 12px;
    gap: 12px;
  }
}
.p-franchise .p-road-map__item-top-NumTag {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: linear-gradient(90deg, #7DEAD8 0%, #21B9A0 100%);
  color: #ffffff;
  text-align: center;
  font-family: Playball;
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 400;
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__item-top-NumTag {
    padding: 8px 16px;
    width: 96px;
  }
}
.p-franchise .p-road-map__item-name {
  color: #292929;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 700;
  line-height: 100%;
}
.p-franchise .p-road-map__item__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__item__list {
    gap: 12px;
  }
}
.p-franchise .p-road-map__item__text-box {
  display: flex;
  gap: 12px;
  align-items: start;
}
.p-franchise .p-road-map__item__text-box span {
  color: #FF4861;
}
.p-franchise .p-road-map__item__text-box::before {
  content: "";
  background: url(../public/img/franchises/road-map-check.svg) no-repeat center/contain;
  min-width: 24px;
  min-height: 24px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__item__text-box::before {
    min-width: 20px;
    min-height: 20px;
  }
}
.p-franchise .p-road-map__item__text-box-desc {
  color: #292929;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__item__text-box-desc {
    font-size: 14px;
  }
}
.p-franchise .p-road-map__BottomMessage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: var(--color-txt, #292929);
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 3vw, 24px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-road-map__BottomMessage {
    text-align: center;
  }
}
.p-franchise .p-road-map__BottomMessage-top span {
  font-size: clamp(20px, 4vw, 36px);
  font-weight: 700;
  line-height: 100%;
  background: linear-gradient(125deg, #FF8F9E -11.18%, #FF4A77 93.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-franchise .p-road-map__BottomMessage-bottom span {
  text-align: center;
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 900;
  line-height: 100%;
}
.p-franchise {
  /* ===============================================
  # 料率について RATE
  =============================================== */
}
.p-franchise .p-rate {
  display: flex;
  padding: 96px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 100%;
  background: #F6F6F6;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-rate {
    padding: 40px 16px;
  }
}
.p-franchise .p-rate__rate-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  row-gap: 40px;
  column-gap: 32px;
  width: 100%;
  max-width: 1120px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-rate__rate-items {
    column-gap: 20px;
  }
}
@media screen and (max-width: 440px) {
  .p-franchise .p-rate__rate-items {
    column-gap: 16px;
  }
}
.p-franchise .p-rate__rate-items-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .p-franchise .p-rate__rate-items-item {
    flex-direction: column;
    gap: 12px;
  }
}
.p-franchise .p-rate__rate-item-img {
  width: 96px;
  height: 96px;
}
.p-franchise .p-rate__rate-item-img img {
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-rate__rate-item-img {
    width: 76px;
    height: 76px;
  }
}
.p-franchise .p-rate__rate-item-TextContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-rate__rate-item-TextContent {
    gap: 8px;
    align-items: center;
  }
}
.p-franchise .p-rate__rate-item-name {
  color: #BDBDBD;
  text-align: center;
  font-size: clamp(12px, 2.5vw, 16px);
  font-weight: 500;
  line-height: 100%;
}
.p-franchise .p-rate__rate-item-num {
  font-family: "Noto Serif JP";
  font-size: clamp(20px, 3.5vw, 32px);
  font-weight: 600;
  line-height: 100%;
}
.p-franchise .p-rate__text {
  text-align: center;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-rate__text {
    font-size: 14px;
  }
}
.p-franchise {
  /* ===============================================
  # よくある質問 FAQ
  =============================================== */
}
.p-franchise .p-faq {
  display: flex;
  padding: 96px 32px;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  width: 100%;
  background: #FFE9F0;
  box-sizing: border-box;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq {
    padding: 40px 16px;
  }
}
.p-franchise .p-faq__faq-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq__faq-items {
    gap: 16px;
  }
}
.p-franchise .p-faq__faq-item {
  display: flex;
  padding: 20px 24px;
  flex-direction: column;
  align-items: left;
  gap: 0;
  width: 100%;
  border-radius: 10px;
  background: #ffffff;
  box-sizing: border-box;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq__faq-item {
    padding: 8px 16px;
  }
}
.p-franchise .p-faq__faq-item.is-open {
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq__faq-item.is-open {
    gap: 8px;
  }
}
.p-franchise .p-faq__faq-item.is-open .p-faq__faq-answer {
  display: flex;
  height: auto;
  opacity: 1;
}
.p-franchise .p-faq__faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: none;
  background: transparent;
  padding: 0;
  align-self: stretch;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq__faq-question {
    gap: 8px;
  }
}
.p-franchise .p-faq__faq-q-container {
  font-size: 20px;
  font-weight: 900;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
  color: #292929;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq__faq-q-container {
    font-size: 14px;
    gap: 8px;
  }
}
.p-franchise .p-faq__faq-q {
  color: #FF719E;
  font-family: "Roboto";
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 700;
  line-height: 100%;
}
.p-franchise .p-faq-icon {
  font-family: "Roboto";
  font-size: 28px;
  text-align: center;
  color: #292929;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq-icon {
    font-size: 20px;
  }
}
.p-franchise .p-faq__faq-answer {
  width: 100%;
  height: 0;
  opacity: 0;
  font-weight: 500;
  line-height: 150%;
  text-align: left;
  display: flex;
  gap: 24px;
  align-items: start;
  align-self: stretch;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-franchise .p-faq__faq-answer {
    gap: 16px;
    padding-left: 8px;
    font-size: 14px;
  }
}
.p-franchise .p-faq__faq-a {
  font-family: "Roboto";
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 700;
  line-height: 100%;
}
.p-franchise {
  /* ===============================================
  # CTA
  =============================================== */
}
.p-franchise .p-cta img {
  width: 100%;
}

.error404 .not-found-wrap {
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error404 .not-found {
  text-align: center;
  line-height: 2;
  padding: 0 20px;
  font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial";
}
.error404 .not-found h2 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  margin: 1% 0;
}

/* Utility ------------ */