@charset "UTF-8";

/* 
Theme Name: ◆◆◆site_name◆◆◆
Author: ◆◆◆site_name◆◆◆
Author URI: https://◆◆◆◆◆◆/
Version: 1.0
*/
/* CSS Document */
:root {
  --font-jp: "Noto Sans JP", sans-serif;
  --font-en: "Marcellus", serif;
  --font-ns: "Noto Serif JP", serif;
  --color-gray: #F2F2F2;
  --color-black: #584D4A;
  --color-brown: #8E7F7A;
  --swiper-theme-color: #fff;
}

.font-jp {
  font-family: var(--font-jp);
}

.font-en {
  font-family: var(--font-en);
}

.font-ns {
  font-family: var(--font-ns);
}

html {
  font-size: 62.5%;
  scroll-padding-top: 100px;
  scroll-behavior: smooth;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

html body {
  font-size: 1.7rem;
  line-height: 1.6;
  color: var(--color-black);
  background-color: #ffffff;
  font-weight: 400;
  font-family: var(--font-jp);
  container: body/normal;
}

html body p {
  line-height: 2;
}

html body main {
  margin-top: 100px;
}

@media (max-width: 1280px) {
  html {
    scroll-padding-top: 70px;
  }

  html body main {
    margin-top: 70px;
  }
}

@media (max-width: 768px) {
  html body {
    font-size: 1.6rem;
    padding-bottom: 50px;
  }

  html body p {
    line-height: 1.8;
  }
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}

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

/* ------------------------------------- /
/   共通
/* ------------------------------------- */
.taC {
  text-align: center;
}

.taR {
  text-align: right;
}

.taL {
  text-align: left;
}

.iB {
  display: inline-block;
}

.inner {
  width: min(100%, 1364px);
  margin: 0 auto;
  padding: 0 min(6cqi, 82px);
}

@container body (max-width: 1280px) {
  .inner {
    padding: 0 4cqi;
  }
}

.sp768 {
  display: none;
}

@media (max-width: 768px) {
  .sp768 {
    display: block;
  }
}

/* ------------------------------------- /
/   menu-trigger
/* ------------------------------------- */
.menu-trigger {
  display: none;
  width: 40px;
  height: 24px;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 23px;
  z-index: 100001;
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
}

.menu-trigger span {
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: calc(50% - 15px);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.menu-trigger span:nth-of-type(1) {
  top: calc(50% - 8px);
}

.menu-trigger span:nth-of-type(2) {
  top: calc(50% + 8px);
}

.menu-trigger span:nth-of-type(3) {
  top: 50%;
}

.menu-trigger.opened span {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-trigger.opened span:nth-of-type(1) {
  -webkit-animation-name: menu-close_01;
  animation-name: menu-close_01;
}

.menu-trigger.opened span:nth-of-type(2) {
  -webkit-animation-name: menu-close_02;
  animation-name: menu-close_02;
}

.menu-trigger.opened span:nth-of-type(3) {
  -webkit-animation-name: menu-close_03;
  animation-name: menu-close_03;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-animation-name: menu-open_01;
  animation-name: menu-open_01;
}

.menu-trigger.active span:nth-of-type(2) {
  -webkit-animation-name: menu-open_02;
  animation-name: menu-open_02;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-animation-name: menu-open_03;
  animation-name: menu-open_03;
}

@media (max-width: 1280px) {
  .menu-trigger {
    display: block;
  }
}

@media (max-width: 600px) {
  .menu-trigger {
    right: 10px;
  }
}

@-webkit-keyframes menu-open_01 {
  0% {
    top: calc(50% - 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  33.3333% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-open_01 {
  0% {
    top: calc(50% - 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  33.3333% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-close_01 {
  0% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  33.3333% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% - 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close_01 {
  0% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  33.3333% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% - 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% - 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes menu-open_03 {
  0% {
    width: 30px;
    left: calc(50% - 15px);
  }

  66.6666% {
    width: 30px;
    left: calc(50% - 15px);
  }

  70% {
    width: 0;
    left: calc(50% - 0px);
  }

  100% {
    width: 0;
    left: calc(50% - 0px);
  }
}

@keyframes menu-open_03 {
  0% {
    width: 30px;
    left: calc(50% - 15px);
  }

  66.6666% {
    width: 30px;
    left: calc(50% - 15px);
  }

  70% {
    width: 0;
    left: calc(50% - 0px);
  }

  100% {
    width: 0;
    left: calc(50% - 0px);
  }
}

@-webkit-keyframes menu-close_03 {
  0% {
    width: 0;
    left: calc(50% - 0px);
  }

  66.6666% {
    width: 30px;
    left: calc(50% - 15px);
  }

  70% {
    width: 30px;
    left: calc(50% - 15px);
  }

  100% {
    width: 30px;
    left: calc(50% - 15px);
  }
}

@keyframes menu-close_03 {
  0% {
    width: 0;
    left: calc(50% - 0px);
  }

  66.6666% {
    width: 30px;
    left: calc(50% - 15px);
  }

  70% {
    width: 30px;
    left: calc(50% - 15px);
  }

  100% {
    width: 30px;
    left: calc(50% - 15px);
  }
}

@-webkit-keyframes menu-open_02 {
  0% {
    top: calc(50% + 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  33.3333% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes menu-open_02 {
  0% {
    top: calc(50% + 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  33.3333% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes menu-close_02 {
  0% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  33.3333% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% + 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes menu-close_02 {
  0% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  33.3333% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  66.6666% {
    top: calc(50% + 0px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    top: calc(50% + 8px);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/* ------------------------------------- /
/  header
/* ------------------------------------- */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100px;
  padding: 0 3.6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  --webkit-backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.15);
}

header .header__logo img {
  height: 100%;
  width: auto;
}

header .header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
  color: #584D4A;
  font-weight: 500;
  font-size: 1.6rem;
}

header .header__menu .reservation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  width: 160px;
  height: 50px;
  border-radius: 25px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(50%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 50%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 50%, #ffc85f 100%);
}

@media (max-width: 1400px) {
  header .header__menu {
    gap: 15px;
  }
}

@media (max-width: 1280px) {
  header {
    z-index: 1001;
    height: 70px;
  }

  header .header__logo {
    height: 50px;
  }

  header .header__menu {
    display: none;
  }
}

.nav {
  display: none;
}

@media (max-width: 1280px) {
  .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: min(100%, 400px);
    height: 100vh;
    background: #fff;
    color: #000;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1001;
    padding-top: 70px;
    transform: translateX(100%);
    /* 初期は右に隠す */
    transition: transform 0.4s ease;
    /* スライドアニメーション */
  }


  .nav.active {
    transform: translateX(0);
    /* active で画面内に表示 */
  }


  .nav .wrapper .btn__wrapper {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav .wrapper .btn__wrapper .nav__sp__logo {
    display: block;
    width: min(100%, 150px);
  }

  .nav .wrapper .header__menu {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: unset;
  }

  .nav .wrapper .header__menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
  }

  .nav .wrapper .header__menu li .reservation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 160px;
    height: 50px;
    border-radius: 25px;
    background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
    background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
    background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
    color: #fff;
  }
}

@media (max-width: 1280px) {

  /* ハンバーガーボタンを表示 */
  .menu-trigger {
    display: block;
  }

  .nav {
    position: fixed;
    top: 0;
    right: 0;
    /* 右端に固定 */
    width: 80%;
    /* 画面幅の80% */
    max-width: 400px;
    /* 最大幅 */
    height: 100vh;
    background: #fff;
    color: #000;
    overflow-y: auto;
    transform: translateX(100%);
    /* 初期は右に隠す */
    transition: transform 0.4s ease;
    z-index: 1001;
    padding-top: 70px;
  }

  .nav.active {
    transform: translateX(0);
    /* 右端に表示 */
  }

  /* メニューリスト縦並び */
  .nav .header__menu {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .nav .header__menu li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .nav .header__menu li a {
    color: #000;
    /* リンク文字色は黒 */
    text-decoration: none;
  }

  .nav .header__menu li .reservation {
    width: 160px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
    color: #fff;
  }

  /* マスク */
  #mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    /* 半透明黒 */
    z-index: 1000;
    /* メニューより背面 */
  }

  #mask.active {
    display: block;
  }
}



@media (max-width: 768px) {
  .nav {
    height: calc(100vh - 50px);
  }
}

.nav.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.nav.active .wrapper {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 1;
}

.sp__cta {
  display: none;
}

/* 共通SP～1280px用 */
@media (max-width: 1280px) {

  /* ハンバーガーボタン表示 */
  .menu-trigger {
    display: block;
    z-index: 1002;
    /* メニューより前面 */
  }

  /* ナビゲーション */
  .nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 50vw;
    /* 幅60% */
    max-width: 50vw;
    /* 必要に応じて上限 */
    height: 100vh;
    background: #fff;
    color: #000;
    overflow-y: auto;
    transform: translateX(100%);
    /* 初期は右に隠す */
    transition: transform 0.4s ease;
    z-index: 1001;
    padding-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* メニューが開いた状態 */
  .nav.active {
    transform: translateX(0);
  }

  /* 内部ラッパー */
  .nav .wrapper {
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .nav.active .wrapper {
    opacity: 1;
  }

  /* メニューリスト */
  .nav .header__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .nav .header__menu li {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    /* テキスト中央揃え */
    align-items: center;
    border-bottom: 1px solid #eee;
    text-align: center;
  }

  .nav .header__menu li a {
    width: 100%;
    display: block;
    text-align: center;
    /* リンクテキスト中央揃え */
    color: #000;
    text-decoration: none;
  }

  .nav .header__menu li .reservation {
    width: 160px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
    color: #fff;
    margin: 10px auto;
    /* 中央に寄せる */
  }

  /* マスク */
  #mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* 半透明黒 */
    z-index: 1000;
  }

  #mask.active {
    display: block;
  }
}


@media (max-width: 768px) {
  .sp__cta {
    position: fixed;
    z-index: 1001;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .sp__cta a {
    color: #fff;
    font-weight: 500;
    width: 50%;
    background: #778673;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.7rem;
  }

  .sp__cta a:hover {
    opacity: unset;
  }

  .sp__cta a .sm {
    font-size: 1.5rem;
  }

  .sp__cta a:nth-of-type(2) {
    background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
    background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
    background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  }
}

/* ------------------------------------- /
/  footer
/* ------------------------------------- */
footer .studio__list {
  position: relative;
  z-index: 1;
}

footer .studio__list::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/features_bg.webp) center top/cover no-repeat;
}

footer .studio__list::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  background: rgba(255, 239, 208, 0.88);
}

footer .studio__list .inner .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}

footer .studio__list .inner .wrapper .region__container {
  width: calc((100% - 80px) / 3);
}

footer .studio__list .inner .wrapper .region__container p {
  font-size: 2.4rem;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-black);
}

footer .studio__list .inner .wrapper .region__container .region .studio__btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1280px) {
  footer .studio__list .inner .wrapper {
    gap: 30px;
  }

  footer .studio__list .inner .wrapper .region__container {
    width: calc((100% - 60px) / 3);
  }
}

@media (max-width: 768px) {
  footer .studio__list .inner .wrapper {
    gap: 20px;
  }

  footer .studio__list .inner .wrapper .region__container {
    width: 100%;
  }

  footer .studio__list .inner .wrapper .region__container .region {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
}

footer .middle .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}

footer .middle .inner .logo {
  width: 165px;
}

footer .middle .inner .footer__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px 35px;
}

footer .middle .inner .reservation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  width: 160px;
  height: 50px;
  border-radius: 25px;
  font-size: 1.6rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
}

@media (max-width: 1280px) {
  footer .middle .inner {
    gap: 40px;
  }

  footer .middle .inner .logo {
    width: 150px;
  }

  footer .middle .inner .footer__menu {
    gap: 15px 25px;
  }
}

@media (max-width: 768px) {
  footer .middle .inner {
    gap: 30px;
  }

  footer .middle .inner .logo {
    width: 130px;
  }

  footer .middle .inner .footer__menu {
    gap: 10px 15px;
  }

  footer .middle .inner .reservation {
    font-size: 1.5rem;
  }
}

footer .bottom {
  height: 74px;
  background: #778673;
  font-family: var(--font-en);
  color: #fff;
}

footer .bottom .inner {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

footer .bottom .inner .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

footer .bottom .ig {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: relative;
}

footer .bottom .ig::before {
  content: "";
  display: block;
  width: 21px;
  aspect-ratio: 1;
  background: url(../img/common/ig_wh.svg) center center/100% 100% no-repeat;
}

@media (max-width: 768px) {
  footer .bottom {
    font-size: 1.4rem;
  }

  footer .bottom .inner .left {
    gap: 10px;
  }

  footer .bottom .ig {
    gap: 5px;
  }

  footer .bottom .ig::before {
    width: 16px;
  }
}

/* ------------------------------------- /
/  共通ブロック
/* ------------------------------------- */
.h2__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h2__box.fs {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.h2__box .txt {
  font-family: var(--font-en);
  font-size: 6rem;
  color: var(--color-brown);
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1;
}

.h2__box h2 {
  font-size: 2.1rem;
  line-height: 1.3;
}

@media (max-width: 1280px) {
  .h2__box .txt {
    font-size: 4.8rem;
  }

  .h2__box h2 {
    font-size: 1.7rem;
  }
}

@media (max-width: 768px) {
  .h2__box .txt {
    font-size: 3.4rem;
  }

  .h2__box h2 {
    font-size: 1.6rem;
  }
}

h3 {
  font-size: 3.5rem;
  line-height: 1.5;
  font-family: var(--font-ns);
}

@media (max-width: 1280px) {
  h3 {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  h3 {
    font-size: 2.2rem;
  }
}

.outer {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 2.6%;
}

.outer .outer__inner {
  border-radius: 30px;
  position: relative;
  z-index: 1;
}

.outer .outer__inner::before,
.outer .outer__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.outer .outer__inner::before {
  z-index: -2;
  border-radius: inherit;
  background: url(../img/top/features_bg.webp) center center/100% repeat;
}

.outer .outer__inner::after {
  z-index: -1;
  mix-blend-mode: screen;
  background: rgba(255, 239, 208, 0.88);
}

.outer .outer__inner .inner {
  position: relative;
}

@media (max-width: 1280px) {
  .outer .outer__inner {
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  .outer .outer__inner {
    border-radius: 10px;
  }
}

.breadcrumb {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  font-size: 1.5rem;
  gap: 5px;
}

.breadcrumb li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  gap: 5px;
}

.breadcrumb li:not(:first-child)::before {
  content: ">";
  display: block;
}

.lower__ttl__box {
  text-align: center;
  line-height: 1;
}

.lower__ttl__box p {
  color: var(--color-brown);
  font-family: var(--font-en);
  font-size: 6rem;
  line-height: 1 !important;
}

.lower__ttl__box h1 {
  color: #584D4A;
  font-size: 2.1rem;
  margin-top: 15px;
}

@media (max-width: 1280px) {
  .lower__ttl__box p {
    font-size: 4rem;
  }

  .lower__ttl__box h1 {
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  .lower__ttl__box p {
    font-size: 2.6rem;
  }

  .lower__ttl__box h1 {
    font-size: 1.7rem;
  }
}

@media (max-width: 768px) {
  .trial__campaign__sm .inner {
    padding: 0;
  }
}

.trial__campaign__sm .inner .wrapper {
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecf8f3), to(#f9f6ee));
  background: -webkit-linear-gradient(#ecf8f3 0%, #f9f6ee 100%);
  background: linear-gradient(#ecf8f3 0%, #f9f6ee 100%);
  -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
  font-size: 2.1rem;
  text-align: center;
}

.trial__campaign__sm .inner .wrapper p {
  line-height: 1.3;
}

.trial__campaign__sm .inner .wrapper .h2__en {
  font-family: var(--font-en);
  font-size: 6rem;
  color: var(--color-brown);
  line-height: 1;
}

.trial__campaign__sm .inner .wrapper h3 {
  font-family: var(--font-ns);
  font-size: 3.5rem;
}

.trial__campaign__sm .inner .wrapper h3 .sm {
  font-size: 2.8rem;
}

.trial__campaign__sm .inner .wrapper .price__container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: left;
  font-size: 1.7rem;
}

.trial__campaign__sm .inner .wrapper .price__container .normal {
  position: relative;
}

.trial__campaign__sm .inner .wrapper .price__container .normal .price {
  font-family: var(--font-en);
  color: var(--color-brown);
  font-size: 3rem;
}

.trial__campaign__sm .inner .wrapper .price__container .normal .price .tax {
  font-family: var(--font-jp);
  color: var(--color-black);
  font-size: 1.7rem;
}

.trial__campaign__sm .inner .wrapper .price__container .normal::after {
  content: "";
  display: block;
  width: 210px;
  aspect-ratio: 210/11;
  background: url(../img/common/price_line.svg) center center/100% 100% no-repeat;
}

.trial__campaign__sm .inner .wrapper .price__container .trial .price {
  font-family: var(--font-en);
  font-size: 6.5rem;
  color: #778673;
  position: relative;
}

.trial__campaign__sm .inner .wrapper .price__container .trial .price .sm {
  font-size: 4.5rem;
}

.trial__campaign__sm .inner .wrapper .price__container .trial .price .tax {
  font-family: var(--font-jp);
  color: var(--color-black);
  font-size: 2.4rem;
}

.trial__campaign__sm .inner .wrapper .price__container .trial .price::before {
  content: "";
  position: absolute;
  bottom: 47%;
  right: 0;
  width: 125px;
  aspect-ratio: 1;
  background: url(../img/common/price_off.svg) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {
  .trial__campaign__sm .inner .wrapper {
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    font-size: 1.9rem;
  }

  .trial__campaign__sm .inner .wrapper .h2__en {
    font-size: 4.8rem;
  }

  .trial__campaign__sm .inner .wrapper h3 {
    font-size: 2.8rem;
  }

  .trial__campaign__sm .inner .wrapper h3 .sm {
    font-size: 2.4rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container {
    font-size: 1.6rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .normal .price {
    font-size: 2.4rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .normal .price .tax {
    font-size: 1.5rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .normal::after {
    width: 180px;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price {
    font-size: 5.2rem;
    position: relative;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price .sm {
    font-size: 3.6rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price .tax {
    font-size: 1.9rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price::before {
    bottom: 47%;
    right: 0;
    width: 100px;
  }
}

@media (max-width: 768px) {
  .trial__campaign__sm .inner .wrapper {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    font-size: 1.6rem;
  }

  .trial__campaign__sm .inner .wrapper .h2__en {
    font-size: 3.8rem;
  }

  .trial__campaign__sm .inner .wrapper h3 {
    font-size: 2.2rem;
  }

  .trial__campaign__sm .inner .wrapper h3 .sm {
    font-size: 1.9rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container {
    font-size: 1.3rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .normal .price {
    font-size: 1.8rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .normal .price .tax {
    font-size: 1.4rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .normal::after {
    width: 120px;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price {
    font-size: 3rem;
    position: relative;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price .sm {
    font-size: 2.2rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price .tax {
    font-size: 1.6rem;
  }

  .trial__campaign__sm .inner .wrapper .price__container .trial .price::before {
    bottom: 59%;
    right: -16px;
    width: 60px;
  }
}

.campaign .outer {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 2.6%;
  text-align: center;
}

.campaign .outer .outer__inner {
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecf8f3), to(#f9f6ee));
  background: -webkit-linear-gradient(#ecf8f3 0%, #f9f6ee 100%);
  background: linear-gradient(#ecf8f3 0%, #f9f6ee 100%);
  -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
  padding: 0 20px;
}

.campaign .outer .outer__inner::before,
.campaign .outer .outer__inner::after {
  display: none;
}

.campaign .outer .outer__inner .limited {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--color-black);
  border-radius: 3px;
  height: 40px;
  padding: 0 35px;
}

.campaign .outer .outer__inner .wakaba {
  margin: 0 auto;
  width: 30px;
  aspect-ratio: 30/42;
  background: url(../img/features/wakaba.svg) center center/100% 100% no-repeat;
}

.campaign .outer .outer__inner .txt {
  font-family: var(--font-ns);
}

.campaign .outer .outer__inner .txt h3 {
  font-size: 3.5rem;
  line-height: 1.5;
}

.campaign .outer .outer__inner .txt h3 .sm {
  font-size: 2.8rem;
  line-height: 1.9;
}

.campaign .outer .outer__inner .circle__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 39px;
}

.campaign .outer .outer__inner .circle__container .circle {
  position: relative;
  max-width: 175px;
  line-height: 1.25;
}

.campaign .outer .outer__inner .circle__container .circle span {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15%;
}

.campaign .outer .outer__inner .price {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px;
  text-align: left;
}

.campaign .outer .outer__inner .price .left {
  position: relative;
}

.campaign .outer .outer__inner .price .left p {
  line-height: 1;
}

.campaign .outer .outer__inner .price .left p .font30 {
  font-family: var(--font-en);
  font-size: 3rem;
  color: var(--color-brown);
}

.campaign .outer .outer__inner .price .left::after {
  content: "";
  display: block;
  width: 210px;
  aspect-ratio: 210/11;
  background: url(../img/common/price_line.svg) center center/100% 100% no-repeat;
}

.campaign .outer .outer__inner .price .right {
  position: relative;
  z-index: 1;
}

.campaign .outer .outer__inner .price .right::before {
  content: "";
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: -1;
  width: 125px;
  aspect-ratio: 1;
  background: url(../img/common/price_off.svg) center center/100% 100% no-repeat;
}

.campaign .outer .outer__inner .price .right p {
  line-height: 1;
}

.campaign .outer .outer__inner .price .right p .font-en {
  font-size: 4.5rem;
  color: #778673;
}

.campaign .outer .outer__inner .price .right p .font-en .bg {
  font-size: 6.5rem;
}

.campaign .outer .outer__inner .price .right p .tax {
  font-size: 2.4rem;
}

.campaign .outer .outer__inner .btn__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 80px;
}

.campaign .outer .outer__inner .btn__container .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 2.4rem;
  width: 560px;
  height: 100px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.campaign .outer .outer__inner .btn__container .btn.gr {
  background: #96B98E;
}

@media (max-width: 1280px) {
  .campaign .outer .outer__inner {
    border-radius: 20px;
  }

  .campaign .outer .outer__inner .limited {
    padding: 0 25px;
  }

  .campaign .outer .outer__inner .txt h3 {
    font-size: 2.8rem;
  }

  .campaign .outer .outer__inner .txt h3 .sm {
    font-size: 2.2rem;
  }

  .campaign .outer .outer__inner .circle__container {
    gap: 25px;
  }

  .campaign .outer .outer__inner .circle__container .circle {
    font-size: 1.6rem;
  }

  .campaign .outer .outer__inner .price .left p .font30 {
    font-size: 2.4rem;
  }

  .campaign .outer .outer__inner .price .left::after {
    width: 170px;
  }

  .campaign .outer .outer__inner .price .right::before {
    width: 100px;
  }

  .campaign .outer .outer__inner .price .right p .font-en {
    font-size: 3.6rem;
  }

  .campaign .outer .outer__inner .price .right p .font-en .bg {
    font-size: 5.2rem;
  }

  .campaign .outer .outer__inner .price .right p .tax {
    font-size: 1.9rem;
  }

  .campaign .outer .outer__inner .btn__container {
    gap: 40px;
  }

  .campaign .outer .outer__inner .btn__container .btn {
    width: 300px;
    height: 80px;
    border-radius: 40px;
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .campaign .outer .outer__inner {
    border-radius: 10px;
    padding: 0 10px;
  }

  .campaign .outer .outer__inner .limited {
    padding: 0 15px;
  }

  .campaign .outer .outer__inner .txt h3 {
    font-size: 2.4rem;
  }

  .campaign .outer .outer__inner .txt h3 .sm {
    font-size: 1.8rem;
  }

  .campaign .outer .outer__inner .circle__container {
    gap: 5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .campaign .outer .outer__inner .circle__container .circle {
    font-size: 1.4rem;
    max-width: 140px;
  }

  .campaign .outer .outer__inner .price {
    gap: 10px;
  }

  .campaign .outer .outer__inner .price .left p .font30 {
    font-size: 1.6rem;
  }

  .campaign .outer .outer__inner .price .left::after {
    width: 120px;
  }

  .campaign .outer .outer__inner .price .right::before {
    width: 70px;
  }

  .campaign .outer .outer__inner .price .right p {
    font-size: 1.5rem;
  }

  .campaign .outer .outer__inner .price .right p .font-en {
    font-size: 2.8rem;
  }

  .campaign .outer .outer__inner .price .right p .font-en .bg {
    font-size: 3.8rem;
  }

  .campaign .outer .outer__inner .price .right p .tax {
    font-size: 1.6rem;
  }

  .campaign .outer .outer__inner .btn__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
  }

  .campaign .outer .outer__inner .btn__container .btn {
    width: 300px;
    height: 70px;
    border-radius: 35px;
    font-size: 1.8rem;
  }
}

.faq__main .inner .qa__box {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  margin-bottom: 40px;
  padding: 50px 120px 50px 50px;
  position: relative;
}

.faq__main .inner .qa__box .qa__q,
.faq__main .inner .qa__box .qa__a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.faq__main .inner .qa__box .qa__q .q,
.faq__main .inner .qa__box .qa__q .a,
.faq__main .inner .qa__box .qa__a .q,
.faq__main .inner .qa__box .qa__a .a {
  font-family: var(--font-en);
  font-size: 4.5rem;
  color: #D3BA9A;
  line-height: 1.3;
}

.faq__main .inner .qa__box .qa__q {
  font-size: 2.1rem;
}

.faq__main .inner .qa__box .qa__a {
  margin-top: 20px;
}

.faq__main .inner .qa__box .circle {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #8E7F7A;
}

.faq__main .inner .qa__box .circle::before,
.faq__main .inner .qa__box .circle::after {
  content: "";
  position: absolute;
  width: 32%;
  height: 1px;
  background: #8E7F7A;
  top: 50%;
  left: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.faq__main .inner .qa__box .circle::after {
  -webkit-transform: translate(-50%, 0) rotate(90deg);
  transform: translate(-50%, 0) rotate(90deg);
}

.faq__main .inner .qa__box.active .circle::after {
  -webkit-transform: translate(-50%, 0) rotate(0);
  transform: translate(-50%, 0) rotate(0);
}

@media (max-width: 1280px) {
  .faq__main .inner .qa__box {
    margin-bottom: 30px;
    padding: 30px 90px 30px 30px;
  }

  .faq__main .inner .qa__box .qa__q .q,
  .faq__main .inner .qa__box .qa__q .a,
  .faq__main .inner .qa__box .qa__a .q,
  .faq__main .inner .qa__box .qa__a .a {
    font-size: 3.6rem;
  }

  .faq__main .inner .qa__box .qa__q {
    font-size: 1.9rem;
  }

  .faq__main .inner .qa__box .circle {
    top: 30px;
    right: 30px;
    width: 40px;
  }
}

@media (max-width: 768px) {
  .faq__main .inner .qa__box {
    margin-bottom: 20px;
    padding: 20px 65px 20px 20px;
  }

  .faq__main .inner .qa__box .qa__q,
  .faq__main .inner .qa__box .qa__a {
    gap: 10px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }

  .faq__main .inner .qa__box .qa__q .q,
  .faq__main .inner .qa__box .qa__q .a,
  .faq__main .inner .qa__box .qa__a .q,
  .faq__main .inner .qa__box .qa__a .a {
    font-size: 2.6rem;
  }

  .faq__main .inner .qa__box .qa__q {
    font-size: 1.8rem;
  }

  .faq__main .inner .qa__box .circle {
    top: 20px;
    right: 20px;
    width: 35px;
  }
}

.flow .inner .ttl {
  margin: 0 auto;
  text-align: center;
}

.flow .inner .ttl p {
  font-size: 6rem;
  color: var(--color-brown);
  line-height: 1;
  font-family: var(--font-en);
}

.flow .inner .ttl h3 {
  font-size: 2.1rem;
}

.flow .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
}

.flow .inner .container .box {
  position: relative;
  width: calc((100% - 120px) / 3);
}

.flow .inner .container .box .num {
  position: absolute;
  top: 0;
  right: 0;
  color: #96B98E;
  font-size: 10rem;
  font-family: var(--font-en);
  line-height: 1;
}

.flow .inner .container .box .heading {
  font-size: 2.4rem;
  font-family: var(--font-ns);
}

.flow .inner .container .box .img {
  border-radius: 0 100px 0 0;
}

.flow .inner .container .box p {
  line-height: 1.65;
}

.flow .inner .container .box a {
  text-decoration: underline;
}

@media (max-width: 1280px) {
  .flow .inner .ttl p {
    font-size: 4.8rem;
  }

  .flow .inner .ttl h3 {
    font-size: 1.8rem;
  }

  .flow .inner .container {
    gap: 30px;
  }

  .flow .inner .container .box {
    width: calc((100% - 60px) / 3);
  }

  .flow .inner .container .box .num {
    font-size: 8rem;
  }

  .flow .inner .container .box .heading {
    font-size: 1.9rem;
  }

  .flow .inner .container .box .img {
    border-radius: 0 80px 0 0;
  }
}

@media (max-width: 768px) {
  .flow .inner .ttl p {
    font-size: 3.6rem;
  }

  .flow .inner .ttl h3 {
    font-size: 1.7rem;
  }

  .flow .inner .container {
    gap: 30px;
  }

  .flow .inner .container .box {
    width: 100%;
  }

  .flow .inner .container .box .num {
    font-size: 6rem;
  }

  .flow .inner .container .box .heading {
    font-size: 1.8rem;
  }

  .flow .inner .container .box .img {
    border-radius: 0 40px 0 0;
  }
}

.support {
  background: url(../img/studio/point_bg.webp) center center/cover no-repeat;
}

.support .inner h2 {
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--font-ns);
  color: #778673;
  text-align: center;
}

.support .inner h5 {
  font-size: 2.4rem;
  text-align: center;
}

.support .inner .container {
  margin: 0 auto;
  max-width: 1020px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px;
}

.support .inner .container .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.support .inner .container .box .img {
  width: 239px;
}

.support .inner .container .box .txt {
  width: calc(100% - 239px);
}

.support .inner .container .box .txt .heading {
  padding-left: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  height: 119.5px;
  border-bottom: 1px solid #707070;
}

.support .inner .container .box .txt .heading .num {
  font-family: var(--font-en);
  font-size: 4.5rem;
  color: var(--color-brown);
  letter-spacing: 0.08em;
}

.support .inner .container .box .txt .heading .ttl {
  font-size: 2.4rem;
}

.support .inner .container .box .txt p {
  padding: 30px 0 30px 35px;
}

.support .inner .container .box:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.support .inner .container .box:nth-child(2n) .txt p {
  padding: 30px 35px 30px 0;
}

@media (max-width: 1280px) {
  .support .inner h2 {
    font-size: 3.6rem;
  }

  .support .inner h5 {
    font-size: 1.9rem;
  }

  .support .inner .container {
    row-gap: 30px;
  }

  .support .inner .container .box .img {
    width: 200px;
  }

  .support .inner .container .box .txt {
    width: calc(100% - 200px);
  }

  .support .inner .container .box .txt .heading {
    padding-left: 25px;
    gap: 10px;
    height: 100px;
  }

  .support .inner .container .box .txt .heading .num {
    font-size: 3.6rem;
  }

  .support .inner .container .box .txt .heading .ttl {
    font-size: 1.9rem;
  }

  .support .inner .container .box .txt p {
    padding: 20px 0 20px 25px;
  }

  .support .inner .container .box:nth-child(2n) .txt p {
    padding: 20px 25px 20px 0;
  }
}

@media (max-width: 768px) {
  .support .inner h2 {
    font-size: 2.8rem;
  }

  .support .inner h5 {
    font-size: 1.7rem;
  }

  .support .inner .container .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .support .inner .container .box .img {
    width: 100%;
  }

  .support .inner .container .box .txt {
    width: 100%;
  }

  .support .inner .container .box .txt .heading {
    padding-left: 15px;
    height: unset;
  }

  .support .inner .container .box .txt .heading .num {
    font-size: 2.8rem;
  }

  .support .inner .container .box .txt .heading .ttl {
    font-size: 1.7rem;
  }

  .support .inner .container .box .txt p {
    padding: 10px 0 10px 15px;
  }

  .support .inner .container .box:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .support .inner .container .box:nth-child(2n) .txt p {
    padding: 10px 15px 10px 0;
  }
}

.member .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 40px;
}

.member .inner .container .box {
  width: calc((100% - 40px) / 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.member .inner .container .box .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.member .inner .container .box .header h3 {
  font-size: 2.4rem;
  font-family: var(--font-jp);
}

.member .inner .container .box .header .circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8C6257;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #CB9A5B;
  font-size: 2.1rem;
  font-weight: 500;
  padding: 0 20px;
}

.member .inner .container .box dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  color: #778673;
}

.member .inner .container .box dl p {
  line-height: 1.4;
}

.member .inner .container .box dl dt,
.member .inner .container .box dl dd {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #96B98E;
  width: 50%;
}

.member .inner .container .box dl dt:first-child,
.member .inner .container .box dl dt:nth-child(2),
.member .inner .container .box dl dd:first-child,
.member .inner .container .box dl dd:nth-child(2) {
  border-bottom: 1px solid #778673;
  color: #778673;
}

.member .inner .container .box dl dt:not(:first-child):not(:nth-child(2)),
.member .inner .container .box dl dd:not(:first-child):not(:nth-child(2)) {
  height: 130px;
}

.member .inner .container .box dl dt {
  color: var(--color-black);
}

.member .inner .container .box dl dt .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.member .inner .container .box dl dd .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
}

.member .inner .container .box dl dd .wrapper .good__deal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  width: 140px;
  border-radius: 3px;
  background: #96B98E;
  color: #fff;
  font-size: 1.5rem;
}

.member .inner .container .box dl dd .wrapper .sm {
  font-size: 1.6rem;
}

.member .inner .container .box dl dd .wrapper .bg {
  font-size: 2.1rem;
}

@media (max-width: 1280px) {
  .member .inner .container {
    gap: 20px;
  }

  .member .inner .container .box {
    width: calc((100% - 20px) / 2);
  }

  .member .inner .container .box .header h3 {
    font-size: 2.2rem;
  }

  .member .inner .container .box .header .circle {
    height: 30px;
    border-radius: 15px;
    font-size: 1.9rem;
    padding: 0 15px;
  }

  .member .inner .container .box dl {
    font-size: 1.6rem;
  }

  .member .inner .container .box dl dd .wrapper .good__deal {
    width: 120px;
    height: 22px;
    font-size: 1.4rem;
  }

  .member .inner .container .box dl dd .wrapper .sm {
    font-size: 1.5rem;
  }

  .member .inner .container .box dl dd .wrapper .bg {
    font-size: 1.9rem;
  }
}

@media (max-width: 768px) {
  .member .inner .container {
    gap: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .member .inner .container .box {
    width: 100%;
  }

  .member .inner .container .box .header h3 {
    font-size: 1.8rem;
  }

  .member .inner .container .box .header .circle {
    height: 24px;
    border-radius: 12px;
    font-size: 1.7rem;
    padding: 0 12px;
  }

  .member .inner .container .box dl dd .wrapper .sm {
    font-size: 1.4rem;
  }

  .member .inner .container .box dl dd .wrapper .bg {
    font-size: 1.7rem;
  }
}

div#ez-toc-container {
  margin-top: 60px;
  border: none;
  width: 100%;
  background: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

div#ez-toc-container .ez-toc-title-container {
  border-bottom: 1px solid #D3BA9A;
  margin-bottom: 30px;
}

div#ez-toc-container .ez-toc-title {
  text-align: center;
  color: #8C6257;
  font-family: var(--font-ns);
  font-size: 2.8rem;
  width: 100%;
  display: block;
  padding: 10px 15px;
}

@media (max-width: 768px) {
  div#ez-toc-container .ez-toc-title {
    font-size: 2rem;
    padding: 5px 10px;
  }
}

div#ez-toc-container ul li {
  font-weight: 400;
}

.pagination-list {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-family: var(--font-en);
  color: #778673;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .pagination-list {
    font-size: 1.6rem;
  }
}

.pagination-list li {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 3px;
  border: 1px solid #96B98E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination-list li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  .pagination-list li {
    width: 40px;
  }
}

.pagination-list li.current {
  color: #fff;
  background: #96B98E;
}

/* ------------------------------------- /
/  トップページ
/* ------------------------------------- */
.page-template-front-page main {
  margin-top: unset;
}

.page-template-front-page .mv {
  position: relative;
  z-index: 1000;
  font-size: 1.6rem;
}

.page-template-front-page .mv picture {
  display: block;
  margin-top: -50px;
}

.page-template-front-page .mv .mv__header {
  background: #fff;
  position: relative;
  height: 100px;
  width: 100%;
  padding: 0 3.6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.page-template-front-page .mv .mv__header .logo {
  width: 89px;
}

.page-template-front-page .mv .mv__header .menu {
  margin-top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  font-weight: 500;
}

.page-template-front-page .mv .mv__header .menu .reservation {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  width: 160px;
  height: 50px;
  border-radius: 25px;
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(50%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 50%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 50%, #ffc85f 100%);
}

.page-template-front-page .mv .mv__counter {
  position: absolute;
  left: 57px;
  bottom: 27px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.page-template-front-page .mv .mv__counter::after {
  content: "";
  position: absolute;
  width: 18.9%;
  aspect-ratio: 90/87;
  bottom: 25%;
  left: 39%;
  background: url(../img/top/str_ampersand.svg) center/100%;
}

.page-template-front-page .mv .mv__counter .studio__circle,
.page-template-front-page .mv .mv__counter .member__circle {
  width: 231px;
  aspect-ratio: 1;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: var(--font-ns);
  font-size: 2.3rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.page-template-front-page .mv .mv__counter .studio__circle::before,
.page-template-front-page .mv .mv__counter .member__circle::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#778673), to(#ffbd62));
  background: -webkit-linear-gradient(#778673 0%, #ffbd62 100%);
  background: linear-gradient(#778673 0%, #ffbd62 100%);
  opacity: 0.9;
  -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.16));
}

.page-template-front-page .mv .mv__counter .studio__circle .bottom .num,
.page-template-front-page .mv .mv__counter .member__circle .bottom .num {
  font-family: var(--font-en);
  font-weight: 400;
}

.page-template-front-page .mv .mv__counter .studio__circle::after {
  content: "";
  position: absolute;
  width: 67%;
  aspect-ratio: 153/91;
  top: -8%;
  left: -6%;
  background: url(../img/top/str_studio.svg) center/100%;
}

.page-template-front-page .mv .mv__counter .studio__circle .bottom .num {
  font-size: 5.1rem;
  line-height: 1.2;
}

.page-template-front-page .mv .mv__counter .member__circle::after {
  content: "";
  position: absolute;
  width: 76%;
  aspect-ratio: 175/102;
  top: -9%;
  left: -6%;
  background: url(../img/top/str_member.svg) center/100%;
}

.page-template-front-page .mv .mv__counter .member__circle .bottom .num {
  font-size: 4.5rem;
  line-height: 1.4;
}

@media (max-width: 1520px) {
  .page-template-front-page .mv .mv__header .menu {
    gap: 20px;
  }
}

@media (max-width: 1400px) {
  .page-template-front-page .mv .mv__header {
    height: 100px;
    padding: 0 2%;
  }

  .page-template-front-page .mv .mv__header .menu {
    gap: 20px;
    font-size: 1.5rem;
  }

  .page-template-front-page .mv .mv__header .menu .reservation {
    width: 120px;
    height: 40px;
    border-radius: 20px;
  }
}

@media (max-width: 1280px) {
  .page-template-front-page .mv {
    margin-top: 70px;
  }

  .page-template-front-page .mv picture {
    margin-top: unset;
  }

  .page-template-front-page .mv .mv__header {
    display: none;
  }

  .page-template-front-page .mv .mv__counter {
    left: 30px;
    bottom: 15px;
  }

  .page-template-front-page .mv .mv__counter .studio__circle,
  .page-template-front-page .mv .mv__counter .member__circle {
    width: 170px;
    font-size: 1.8rem;
  }

  .page-template-front-page .mv .mv__counter .studio__circle .bottom .num {
    font-size: 4rem;
  }

  .page-template-front-page .mv .mv__counter .member__circle .bottom .num {
    font-size: 3.6rem;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .mv {
    padding-bottom: 90px;
  }

  .page-template-front-page .mv .mv__counter {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .page-template-front-page .mv .mv__counter .studio__circle,
  .page-template-front-page .mv .mv__counter .member__circle {
    width: 150px;
    font-size: 1.5rem;
  }

  .page-template-front-page .mv .mv__counter .studio__circle .bottom .num {
    font-size: 3.6rem;
  }

  .page-template-front-page .mv .mv__counter .member__circle .bottom .num {
    font-size: 3.4rem;
  }
}

@media (max-width: 500px) {
  .page-template-front-page .mv .mv__counter {
    gap: 12px;
  }

  .page-template-front-page .mv .mv__counter .studio__circle,
  .page-template-front-page .mv .mv__counter .member__circle {
    width: 126px;
    font-size: 1.1rem;
  }

  .page-template-front-page .mv .mv__counter .studio__circle .bottom .num {
    font-size: 3rem;
  }

  .page-template-front-page .mv .mv__counter .member__circle .bottom .num {
    font-size: 3rem;
  }
}

.page-template-front-page .features {
  position: relative;
  z-index: 1;
}

.page-template-front-page .features::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/features_bg.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .features::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  background: rgba(255, 239, 208, 0.88);
}

.page-template-front-page .features .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5vw;
}

.page-template-front-page .features .inner .container .left,
.page-template-front-page .features .inner .container .right {
  width: 50%;
}

.page-template-front-page .features .inner .container .left {
  position: relative;
}

.page-template-front-page .features .inner .container .left img {
  padding-right: 3%;
}

.page-template-front-page .features .inner .features__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}

.page-template-front-page .features .inner .features__list .box {
  width: calc((100% - 120px) / 3);
}

.page-template-front-page .features .inner .features__list .box h4 {
  font-family: var(--font-ns);
  font-size: 2.4rem;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

.page-template-front-page .features .inner .features__list .box h4 .num {
  position: absolute;
  z-index: -1;
  top: -37px;
  left: -17px;
  font-size: 10rem;
  color: #E1F0E9;
  font-family: var(--font-en);
  line-height: 1;
}

.page-template-front-page .features .inner .features__list .box h4::before {
  content: "";
  position: absolute;
  top: 36%;
  left: 0;
  width: 143px;
  aspect-ratio: 143/14;
  background: url(../img/top/features_1_line.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .features .inner .features__list .box img {
  border-radius: 5px;
}

.page-template-front-page .features .inner .features__list .box:nth-child(2) h4::before {
  width: 74px;
  aspect-ratio: 74/9;
  top: 40%;
  background: url(../img/top/features_2_line.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .features .inner .features__list .box:nth-child(3) h4::before {
  width: 211px;
  aspect-ratio: 211/23;
  top: 28%;
  background: url(../img/top/features_3_line.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .features .inner .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  background: #96B98E;
  max-width: 500px;
  height: 90px;
  border-radius: 45px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 1400px) {
  .page-template-front-page .features .inner .features__list {
    gap: 30px;
  }

  .page-template-front-page .features .inner .features__list .box {
    width: calc((100% - 60px) / 3);
  }

  .page-template-front-page .features .inner .features__list .box h4 {
    font-size: 2.2rem;
  }
}

@media (max-width: 1280px) {
  .page-template-front-page .features .inner .container {
    margin-left: -2vw;
  }

  .page-template-front-page .features .inner .features__list .box h4 {
    font-size: 1.9rem;
  }

  .page-template-front-page .features .inner .features__list .box h4 .num {
    font-size: 8rem;
    top: -25px;
    left: -12px;
  }

  .page-template-front-page .features .inner .btn {
    max-width: 400px;
    height: 80px;
    border-radius: 40px;
    font-size: 2rem;
  }
}

@media (max-width: 1000px) {
  .page-template-front-page .features .inner .features__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }

  .page-template-front-page .features .inner .features__list .box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .features .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: unset;
  }

  .page-template-front-page .features .inner .container .left,
  .page-template-front-page .features .inner .container .right {
    width: 100%;
  }

  .page-template-front-page .features .inner .container .left img {
    padding-right: 0;
  }

  .page-template-front-page .features .inner .btn {
    max-width: 300px;
    height: 60px;
    border-radius: 30px;
    font-size: 1.6rem;
  }
}

.page-template-front-page .what {
  position: relative;
  z-index: 1;
  padding-bottom: 160px;
  background: url(../img/top/what_bg.webp) center center/cover no-repeat;
}

.page-template-front-page .what .bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: -40px;
  width: 100%;
  background: url(../img/top/what.webp) right bottom/55% auto no-repeat;
  z-index: -1;
}

@media (max-width: 1280px) {
  .page-template-front-page .what {
    padding-bottom: 120px;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .what {
    padding-bottom: unset;
  }

  .page-template-front-page .what .bg {
    display: none;
  }

  .page-template-front-page .what .inner p br {
    display: none;
  }
}

.page-template-front-page .who {
  background: -webkit-gradient(linear, left top, left bottom, from(#faf1ea), color-stop(72.41%, #fefaf2), to(rgba(255, 253, 245, 0)));
  background: -webkit-linear-gradient(#faf1ea 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
  background: linear-gradient(#faf1ea 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
}

.page-template-front-page .who .inner {
  text-align: center;
}

.page-template-front-page .who .inner p {
  line-height: 1.65;
}

.page-template-front-page .who .inner .h2__box .txt {
  line-height: 1;
}

.page-template-front-page .who .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-template-front-page .who .inner .container .left,
.page-template-front-page .who .inner .container .right {
  width: 50%;
  border-radius: 10px;
  padding: 0 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-front-page .who .inner .container .left {
  background: #F8F7F5;
  margin: 25px 0;
}

.page-template-front-page .who .inner .container .right {
  background: #FFFCEF;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}

.page-template-front-page .who .inner .container .right .logo {
  width: 210px;
}

.page-template-front-page .who .inner .container h4 {
  font-size: 2.4rem;
  font-weight: 500;
}

.page-template-front-page .who .inner .container .table {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-front-page .who .inner .container .table .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.1rem;
  font-weight: 500;
  background: #fff;
  min-height: 40px;
  border-radius: 20px;
  padding: 0 20px;
}

.page-template-front-page .who .inner .container .table p {
  font-size: 1.6rem;
}

.page-template-front-page .who .inner .container .table .border {
  height: 1px;
  width: 100%;
  background: #A2A2A2;
}

.page-template-front-page .who .inner .container .right .table .head {
  color: #8C6257;
  border: 1px solid #CB9A5B;
}

@media (max-width: 1280px) {

  .page-template-front-page .who .inner .container .left,
  .page-template-front-page .who .inner .container .right {
    padding: 0 20px;
  }

  .page-template-front-page .who .inner .container .right .logo {
    width: 180px;
  }

  .page-template-front-page .who .inner .container h4 {
    font-size: 2rem;
  }

  .page-template-front-page .who .inner .container .table .head {
    font-size: 1.8rem;
    padding: 0 15px;
  }
}

@media (max-width: 1000px) {
  .page-template-front-page .who .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .page-template-front-page .who .inner .container .left,
  .page-template-front-page .who .inner .container .right {
    width: 100%;
  }

  .page-template-front-page .who .inner .container .left {
    margin: 0 auto;
    width: calc(100% - 50px);
  }
}

@media (max-width: 768px) {
  .page-template-front-page .who .inner>p br {
    display: none;
  }

  .page-template-front-page .who .inner .container .left,
  .page-template-front-page .who .inner .container .right {
    padding: 0 10px;
  }

  .page-template-front-page .who .inner .container .left {
    width: calc(100% - 30px);
  }

  .page-template-front-page .who .inner .container .right .logo {
    width: 130px;
  }

  .page-template-front-page .who .inner .container h4 {
    font-size: 1.8rem;
  }

  .page-template-front-page .who .inner .container .table .head {
    font-size: 1.6rem;
    padding: 0 10px;
  }

  .page-template-front-page .who .inner .container .table p {
    font-size: 1.5rem;
  }
}

.page-template-front-page .pickup .inner {
  text-align: center;
}

.page-template-front-page .pickup .inner>.txt {
  line-height: 1.65;
}

.page-template-front-page .pickup .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.page-template-front-page .pickup .inner .container .box {
  width: calc((100% - 60px) / 3);
  padding: 60px 20px 45px;
  background: #FFFCEF;
  border-radius: 10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.page-template-front-page .pickup .inner .container .box::before {
  content: "";
  position: absolute;
}

.page-template-front-page .pickup .inner .container .box:nth-child(1)::before {
  width: 91px;
  aspect-ratio: 91/101;
  top: -5%;
  left: -5%;
  background: url(../img/top/pickup_1.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .pickup .inner .container .box:nth-child(2)::before {
  width: 52px;
  aspect-ratio: 52/128;
  bottom: -5%;
  right: -2%;
  background: url(../img/top/pickup_2.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .pickup .inner .container .box:nth-child(3)::before {
  width: 63px;
  aspect-ratio: 63/128;
  top: -10%;
  right: 5%;
  background: url(../img/top/pickup_3.webp) center center/100% 100% no-repeat;
}

.page-template-front-page .pickup .inner .container .box .bg {
  font-size: 2.4rem;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

.page-template-front-page .pickup .inner .container .box .bg::before {
  content: "“";
  position: absolute;
  font-family: var(--font-en);
  color: #F0D8B9;
  font-size: 10rem;
  top: 30%;
  left: 0;
  line-height: 0.55;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  z-index: -1;
}

.page-template-front-page .pickup .inner .container .box .bg::after {
  content: "”";
  position: absolute;
  font-family: var(--font-en);
  color: #F0D8B9;
  font-size: 10rem;
  top: 60%;
  right: 0;
  line-height: 0.55;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  z-index: -1;
}

.page-template-front-page .pickup .inner .container .box .sm {
  line-height: 1.65;
}

.page-template-front-page .pickup .inner .btn {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 420px;
  height: 90px;
  border-radius: 45px;
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  background: #96B98E;
}

@media (max-width: 1280px) {
  .page-template-front-page .pickup .inner .container {
    gap: 20px;
  }

  .page-template-front-page .pickup .inner .container .box {
    width: calc((100% - 40px) / 3);
    gap: 10px;
  }

  .page-template-front-page .pickup .inner .container .box:nth-child(1)::before {
    width: 73px;
  }

  .page-template-front-page .pickup .inner .container .box:nth-child(2)::before {
    width: 42px;
  }

  .page-template-front-page .pickup .inner .container .box:nth-child(3)::before {
    width: 50px;
  }

  .page-template-front-page .pickup .inner .container .box .bg {
    font-size: 1.8rem;
  }

  .page-template-front-page .pickup .inner .container .box .bg::before,
  .page-template-front-page .pickup .inner .container .box .bg::after {
    font-size: 8rem;
  }

  .page-template-front-page .pickup .inner .btn {
    max-width: 360px;
    height: 80px;
    border-radius: 40px;
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .pickup .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-front-page .pickup .inner .container .box {
    width: 100%;
  }

  .page-template-front-page .pickup .inner .container .box:nth-child(1)::before {
    left: -10px;
  }

  .page-template-front-page .pickup .inner .container .box:nth-child(2)::before {
    right: -10px;
  }

  .page-template-front-page .pickup .inner .container .box:nth-child(3)::before {
    top: -5px;
    right: 10px;
  }

  .page-template-front-page .pickup .inner .btn {
    max-width: 280px;
    height: 70px;
    border-radius: 35px;
    font-size: 1.7rem;
  }
}

.page-template-front-page .before-after .outer .outer__inner {
  background: url(../img/top/bg_bg.webp) center center/cover no-repeat;
}

.page-template-front-page .before-after .outer .outer__inner::before,
.page-template-front-page .before-after .outer .outer__inner::after {
  display: none;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper {
  position: relative;
  padding: 70px 30px;
  left: -30px;
  width: calc(100% + 60px);
  right: -30px;
  overflow: hidden;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper {
  position: relative;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .before,
.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .after {
  width: calc((100% - 25px) / 2);
  position: relative;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .before .txt,
.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .after .txt {
  position: absolute;
  color: #fff;
  font-family: var(--font-en);
  font-size: 1.8rem;
  top: 15px;
  left: 15px;
  border-radius: 3px;
  border: 1px solid #fff;
  padding: 1px 10px;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .before img,
.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .after img {
  border-radius: 5px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-active .slide-container img,
.page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-next .slide-container img {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-prev,
.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-next {
  width: 50px;
  height: unset;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--color-black);
  background: rgba(255, 255, 255, 0.8);
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-prev::after,
.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-next::after {
  color: var(--color-black);
  font-size: 1.4rem;
  text-rendering: initial;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-prev {
  left: 0;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-next {
  right: 0;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-pagination-bullets {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: unset;
  width: 65px;
  height: 1px;
  background: #C6CBC5;
  opacity: unset;
}

.page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #778673;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper {
  position: relative;
  padding: 70px 35px;
  left: -35px;
  width: calc(100% + 70px);
  right: -35px;
  overflow: hidden;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper {
  position: relative;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide {
  background: #fff;
  padding: 40px 35px;
  border-radius: 5px;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper img {
  width: 40%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1;
  border-radius: 5px;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right {
  width: calc(60% - 30px);
  position: relative;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl {
  font-family: var(--font-jp);
  font-size: 2.2rem;
  line-height: 1.6;
  display: inline;
  position: relative;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::before,
.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::after {
  content: "“";
  position: absolute;
  z-index: -1;
  font-family: var(--font-en);
  color: #E1F0E9;
  font-size: 10rem;
  line-height: 1;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::before {
  top: -20px;
  left: -20px;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::after {
  bottom: -60px;
  right: -20px;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .sm {
  font-size: 1.5rem;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .border {
  position: relative;
  width: calc(100% + 60px);
  right: 0;
  left: -60px;
  height: 1px;
  background: #707070;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem;
  height: 30px;
  border-radius: 15px;
  border: 1px solid var(--color-black);
  padding: 0 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-active,
.page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-next {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-prev,
.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-next {
  width: 50px;
  height: unset;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--color-black);
  background: rgba(255, 255, 255, 0.8);
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-prev::after,
.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-next::after {
  color: var(--color-black);
  font-size: 1.4rem;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-prev {
  left: 0;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-next {
  right: 0;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-pagination-bullets {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: unset;
  width: 65px;
  height: 1px;
  background: #C6CBC5;
  opacity: unset;
}

.page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #778673;
}

@media (max-width: 1280px) {
  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide {
    padding: 30px 25px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl {
    font-size: 2rem;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::before,
  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::after {
    font-size: 8rem;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::before {
    top: -15px;
    left: -15px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::after {
    bottom: -50px;
    right: -15px;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .before-after .outer .outer__inner .bf-swiper {
    padding: 40px 10px;
    left: -10px;
    width: calc(100% + 20px);
    right: -10px;
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container {
    gap: 15px;
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .before,
  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .after {
    width: calc((100% - 15px) / 2);
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .before .txt,
  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide .slide-container .after .txt {
    font-size: 1.6rem;
    top: 10px;
    left: 10px;
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-active .slide-container img,
  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-next .slide-container img {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-prev,
  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-next {
    width: 35px;
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-prev::after,
  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-button-next::after {
    font-size: 1.2rem;
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-pagination-bullets {
    gap: 5px;
  }

  .page-template-front-page .before-after .outer .outer__inner .bf-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper {
    padding: 40px 10px;
    left: -10px;
    width: calc(100% + 20px);
    right: -10px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide {
    padding: 20px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper img {
    width: 100%;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right {
    width: 100%;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl {
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::before,
  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::after {
    font-size: 6rem;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::before {
    top: -10px;
    left: -10px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .ttl::after {
    bottom: -40px;
    right: -10px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .sm {
    font-size: 1.4rem;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .border {
    width: 100%;
    left: unset;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide .upper .right .course {
    font-size: 1.4rem;
    height: 20px;
    border-radius: 10px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-active,
  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .wrapper .swiper-wrapper .swiper-slide.swiper-slide-next {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-prev,
  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-next {
    width: 35px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-prev::after,
  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-button-next::after {
    font-size: 1.2rem;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-pagination-bullets {
    gap: 5px;
  }

  .page-template-front-page .before-after .outer .outer__inner .voice-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px;
  }
}

.magazine h2 {
  color: #598D4C;
  font-size: 3.4rem;
  font-weight: 700;
  text-align: center;
  font-family: var(--font-ns);
  line-height: 1.26;
}

.magazine .inner .banner__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}

.magazine img {
  max-width: 400px;
}

@media (max-width: 1280px) {
  .magazine h2 {
    font-size: 2.5rem;
  }

  .magazine .inner .banner__container {
    gap: 30px;
  }

  .magazine img {
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .magazine h2 {
    font-size: 2.0rem;
  }

  .magazine .inner .banner__container {
    gap: 15px;
  }

  .magazine img {
    width: calc((100% - 15px) / 2);
  }
}

.page-template-front-page .news--bnr__area__wrapper {
  background: url(../img/top/news_bg.webp) center center/cover no-repeat;
}

.page-template-front-page .news .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 120px;
}

.page-template-front-page .news .inner .container .left {
  width: 180px;
}

.page-template-front-page .news .inner .container .news__upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-template-front-page .news .inner .container .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 160px;
  height: 60px;
  border-radius: 30px;
  background: #96B98E;
  color: #fff;
  font-weight: 500;
  font-size: inherit;
}

.page-template-front-page .news .inner .container .news__list ul li {
  border-bottom: 1px solid var(--color-brown);
  padding: 30px 0;
}

.page-template-front-page .news .inner .container .news__list ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.page-template-front-page .news .inner .container .news__list ul li a .category {
  margin-left: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 76px;
  height: 25px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 500;
}

.page-template-front-page .news .inner .container .news__list ul li a .category.news {
  color: #584D4A;
  border: 1px solid #584D4A;
}

.page-template-front-page .news .inner .container .news__list ul li a .category.column {
  color: #778673;
  border: 1px solid #96B98E;
}

.page-template-front-page .news .inner .container .news__list ul li a .category.recruit {
  color: #3A6EA5;
  border: 1px solid #3A6EA5;
  padding-bottom: 1px;
}

.page-template-front-page .news .inner .container .news__list ul li a .category.seitai {
  color: #96B98E;
  border: 1px solid #96B98E;
  padding-bottom: 1px;
}

.page-template-front-page .news .inner .container .news__list ul li a .ttl {
  margin-left: 35px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.page-template-front-page .news .inner .container .right {
  flex: 1 1;
}

@media (max-width: 1280px) {
  .page-template-front-page .news .inner .container {
    gap: 40px;
  }

  .page-template-front-page .news .inner .container .news__upper {
    gap: 40px;
  }

  .page-template-front-page .news .inner .container .news__list ul li {
    padding: 25px 0;
  }

  .page-template-front-page .news .inner .container .news__list ul li a .category {
    margin-left: 25px;
  }

  .page-template-front-page .news .inner .container .news__list ul li a .ttl {
    margin-left: 20px;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .news .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .page-template-front-page .news .inner .container .left,
  .page-template-front-page .news .inner .right {
    width: 100%;
  }

  .page-template-front-page .news .inner .container .news__upper {
    flex-direction: row;
  }

  .page-template-front-page .news .inner .container .news__list ul li {
    padding: 15px 0;
  }

  .page-template-front-page .news .inner .container .news__list ul li a {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .page-template-front-page .news .inner .container .news__list ul li a .ttl {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 100%;
    margin-left: unset;
  }
}

.page-template-front-page .bnr__area .inner .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  background: url(../img/top/studio_list.webp) center center/cover no-repeat;
  color: #fff;
}

.page-template-front-page .bnr__area .inner .btn:nth-child(2) {
  background: url(../img/top/instructor_recruit.webp) center center/cover no-repeat;
}

.page-template-front-page .bnr__area .inner .btn .en {
  font-family: var(--font-en);
  font-size: 6rem;
  line-height: 1;
}

.page-template-front-page .bnr__area .inner .btn .jp {
  font-size: 2.4rem;
  line-height: 1.5;
}

@media (max-width: 1280px) {
  .page-template-front-page .bnr__area .inner .btn .en {
    font-size: 4.8rem;
  }

  .page-template-front-page .bnr__area .inner .btn .jp {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .page-template-front-page .bnr__area .inner .btn {
    height: 250px;
    gap: 5px;
    border-radius: 5px;
  }

  .page-template-front-page .bnr__area .inner .btn .en {
    font-size: 3.2rem;
  }

  .page-template-front-page .bnr__area .inner .btn .jp {
    font-size: 1.8rem;
  }
}

/* ------------------------------------- /
/  お知らせ共通
/* ------------------------------------- */
.single-post main p,
.page-template-home main p,
.category main p {
  line-height: 1.65;
}

.single-post .column__wrapper .inner,
.page-template-home .column__wrapper .inner,
.category .column__wrapper .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}

.single-post .column__wrapper .inner .main__column,
.page-template-home .column__wrapper .inner .main__column,
.category .column__wrapper .inner .main__column {
  width: calc(100% - 300px - 80px);
}

.single-post .column__wrapper .inner .main__column .related__posts .posts__list,
.page-template-home .column__wrapper .inner .main__column .related__posts .posts__list,
.category .column__wrapper .inner .main__column .related__posts .posts__list {
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

@media (max-width: 768px) {

  .single-post .column__wrapper .inner .main__column .related__posts .posts__list,
  .page-template-home .column__wrapper .inner .main__column .related__posts .posts__list,
  .category .column__wrapper .inner .main__column .related__posts .posts__list {
    gap: 20px;
  }
}

.single-post .column__wrapper .inner .main__column .related__posts .posts__list .post__item,
.page-template-home .column__wrapper .inner .main__column .related__posts .posts__list .post__item,
.category .column__wrapper .inner .main__column .related__posts .posts__list .post__item {
  width: calc((100% - 60px) / 3);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

@media (max-width: 768px) {

  .single-post .column__wrapper .inner .main__column .related__posts .posts__list .post__item,
  .page-template-home .column__wrapper .inner .main__column .related__posts .posts__list .post__item,
  .category .column__wrapper .inner .main__column .related__posts .posts__list .post__item {
    width: calc((100% - 20px) / 2);
  }
}

.single-post .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__thumbnail img,
.page-template-home .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__thumbnail img,
.category .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__thumbnail img {
  aspect-ratio: 4/3;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-post .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content,
.page-template-home .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content,
.category .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content {
  padding: 10px 15px;
}

.single-post .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content .post__title,
.page-template-home .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content .post__title,
.category .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content .post__title {
  font-size: 1.6rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #584D4A;
}

.single-post .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content .post__date,
.page-template-home .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content .post__date,
.category .column__wrapper .inner .main__column .related__posts .posts__list .post__item .post__content .post__date {
  font-size: 1.4rem;
  color: #584D4A;
}

.single-post .column__wrapper .inner .right__column,
.page-template-home .column__wrapper .inner .right__column,
.category .column__wrapper .inner .right__column {
  width: 300px;
}

.single-post .column__wrapper .inner .right__column h2,
.page-template-home .column__wrapper .inner .right__column h2,
.category .column__wrapper .inner .right__column h2 {
  color: #778673;
  font-size: 2.1rem;
  font-weight: 500;
  border-bottom: 1px solid #778673;
}

.single-post .column__wrapper .inner .right__column .category__column,
.page-template-home .column__wrapper .inner .right__column .category__column,
.category .column__wrapper .inner .right__column .category__column {
  font-size: 1.8rem;
}

.single-post .column__wrapper .inner .right__column .category__column a,
.page-template-home .column__wrapper .inner .right__column .category__column a,
.category .column__wrapper .inner .right__column .category__column a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #707070;
}

.single-post .column__wrapper .inner .right__column ul li,
.page-template-home .column__wrapper .inner .right__column ul li,
.category .column__wrapper .inner .right__column ul li {
  padding: 20px 0;
  border-bottom: 2px dotted #707070;
}

.single-post .column__wrapper .inner .right__column .bnr,
.page-template-home .column__wrapper .inner .right__column .bnr,
.category .column__wrapper .inner .right__column .bnr {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

@media (max-width: 1280px) {

  .single-post .column__wrapper .inner,
  .page-template-home .column__wrapper .inner,
  .category .column__wrapper .inner {
    gap: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .single-post .column__wrapper .inner .main__column,
  .page-template-home .column__wrapper .inner .main__column,
  .category .column__wrapper .inner .main__column {
    width: 100%;
  }

  .single-post .column__wrapper .inner .right__column,
  .page-template-home .column__wrapper .inner .right__column,
  .category .column__wrapper .inner .right__column {
    width: 100%;
  }
}

@media (max-width: 768px) {

  .single-post .column__wrapper .inner,
  .page-template-home .column__wrapper .inner,
  .category .column__wrapper .inner {
    gap: 30px;
  }

  .single-post .column__wrapper .inner .main__column .posts__container .post,
  .page-template-home .column__wrapper .inner .main__column .posts__container .post,
  .category .column__wrapper .inner .main__column .posts__container .post {
    width: 100%;
  }

  .single-post .column__wrapper .inner .main__column .posts__container .post .detail,
  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail,
  .category .column__wrapper .inner .main__column .posts__container .post .detail {
    padding: 15px;
  }

  .single-post .column__wrapper .inner .main__column .posts__container .post .detail .ttl,
  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .ttl,
  .category .column__wrapper .inner .main__column .posts__container .post .detail .ttl {
    font-size: 1.8rem;
  }

  .single-post .column__wrapper .inner .main__column .posts__container .post .detail .cat-day,
  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day,
  .category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day {
    gap: 10px;
  }
}

/* ------------------------------------- /
/  お知らせ一覧ページ
/* ------------------------------------- */
.page-template-home .column__wrapper .inner .main__column .posts__container,
.category .column__wrapper .inner .main__column .posts__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px 30px;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post,
.category .column__wrapper .inner .main__column .posts__container .post {
  width: calc((100% - 30px) / 2);
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .thumbnail img,
.category .column__wrapper .inner .main__column .posts__container .post .thumbnail img {
  border-radius: 5px 5px 0 0;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail,
.category .column__wrapper .inner .main__column .posts__container .post .detail {
  padding: 30px;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .ttl,
.category .column__wrapper .inner .main__column .posts__container .post .detail .ttl {
  font-size: 2.1rem;
  line-height: 1.2;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 76px;
  height: 25px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 700;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.news,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.news {
  color: #584D4A;
  border: 1px solid #584D4A;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.column,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.column {
  color: #CB9A5B;
  border: 1px solid #CB9A5B;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.recruit,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.recruit {
  color: #3A6EA5;
  border: 1px solid #3A6EA5;
  padding-bottom: 1px;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.seitai,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .category.seitai {
  color: #96B98E;
  border: 1px solid #96B98E;
  padding-bottom: 1px;
}

.page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .day,
.category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .day {
  font-size: 1.8rem;
}

@media (max-width: 768px) {

  .page-template-home .column__wrapper .inner .main__column .posts__container,
  .category .column__wrapper .inner .main__column .posts__container {
    gap: 20px;
  }

  .page-template-home .column__wrapper .inner .main__column .posts__container .post,
  .category .column__wrapper .inner .main__column .posts__container .post {
    width: 100%;
  }

  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail,
  .category .column__wrapper .inner .main__column .posts__container .post .detail {
    padding: 20px;
  }

  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .ttl,
  .category .column__wrapper .inner .main__column .posts__container .post .detail .ttl {
    font-size: 1.8rem;
  }

  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day,
  .category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day {
    gap: 10px;
  }

  .page-template-home .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .day,
  .category .column__wrapper .inner .main__column .posts__container .post .detail .cat-day .day {
    font-size: 1.6rem;
  }
}

/* ------------------------------------- /
/  お知らせ単体ページ
/* ------------------------------------- */
.single-post .main__column .post--header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.single-post .main__column .post--header .category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-post .main__column .post--header .category span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 25px;
  padding: 0 10px;
  font-size: 1.4rem;
  font-weight: 500;
  border: 1px solid #96B98E;
  color: #778673;
  border-radius: 3px;
}

.single-post .main__column .post--header .category span.news {
  color: #584D4A;
  border: 1px solid #584D4A;
}

.single-post .main__column .post--header .category span.column {
  color: #CB9A5B;
  border: 1px solid #CB9A5B;
}

.single-post .main__column .post--header .category span.recruit {
  color: #3A6EA5;
  border: 1px solid #3A6EA5;
  padding-bottom: 1px;
}

.single-post .main__column .post--header .category span.seitai {
  color: #96B98E;
  border: 1px solid #96B98E;
  padding-bottom: 1px;
}

.single-post .main__column .post--header .date {
  font-size: 1.8rem;
  color: #707070;
}

.single-post .main__column h1 {
  font-size: 3.5rem;
  font-family: var(--font-ns);
  color: #8C6257;
  line-height: 1.5;
  border-bottom: 1px solid #8C6257;
}

.single-post .main__column h2 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #778673;
  border-radius: 3px;
  background: #F8F7F5;
  padding: 10px 20px;
  border-left: 6px solid #778673;
  margin: 100px 0 50px;
}

.single-post .main__column h2.toc {
  color: #8C6257;
  text-align: center;
  background: unset;
  border-left: unset;
  font-size: 3.5rem;
  font-weight: 400;
  font-family: var(--font-ns);
  border-bottom: 1px solid #D3BA9A;
}

.single-post .main__column h3 {
  font-size: 2.4rem;
  color: #778673;
  font-weight: 500;
  font-family: var(--font-jp);
  border-bottom: 1px solid #96B98E;
  margin: 75px 0 50px;
  padding-bottom: 20px;
}

.single-post .main__column h4,
.single-post .main__column h5 {
  font-size: 2.1rem;
  color: #584D4A;
  font-family: var(--font-jp);
  margin: 80px 0 25px;
  position: relative;
  padding-left: 15px;
}

.single-post .main__column h4::before,
.single-post .main__column h5::before {
  content: "";
  position: absolute;
  width: 9px;
  aspect-ratio: 1;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #778673;
}

.single-post .main__column .post--detail p {
  margin-bottom: 20px;
}

.single-post .main__column .post--detail p .red {
  color: #CE6C6C;
}

.single-post .main__column .post--detail .reservation__btn {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 2.4rem;
  width: min(100%, 400px);
  height: 80px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.2));
}

@media (max-width: 1280px) {
  .single-post .main__column .post--detail .reservation__btn {
    font-size: 2rem;
    height: 70px;
    border-radius: 35px;
  }
}

@media (max-width: 768px) {
  .single-post .main__column .post--detail .reservation__btn {
    font-size: 1.8rem;
    height: 60px;
    border-radius: 30px;
    width: min(100%, 300px);
  }
}

.single-post .main__column .post--detail ol {
  list-style-position: inside;
}

.single-post .main__column .post--detail ol ul {
  padding-left: 25px;
  font-size: 1.6rem;
}

.single-post .main__column .return_to_top .btn__return {
  margin: 0 auto;
  max-width: 160px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #778673;
  color: #fff;
  border-radius: 3px;
}

@media (max-width: 1280px) {
  .single-post .main__column .post--header {
    gap: 15px;
  }

  .single-post .main__column .post--header .date {
    font-size: 1.6rem;
  }

  .single-post .main__column h1 {
    font-size: 2.8rem;
  }

  .single-post .main__column h2 {
    font-size: 2.2rem;
    padding: 10px 15px;
    border-left: 4px solid #778673;
    margin: 80px 0 30px;
  }

  .single-post .main__column h2.toc {
    font-size: 2.8rem;
  }

  .single-post .main__column h3 {
    font-size: 2.2rem;
    margin: 50px 0 30px;
    padding-bottom: 15px;
  }

  .single-post .main__column h4,
  .single-post .main__column h5 {
    font-size: 1.8rem;
    margin: 50px 0 15px;
  }
}

@media (max-width: 768px) {
  .single-post .main__column h1 {
    font-size: 2.2rem;
  }

  .single-post .main__column h2 {
    font-size: 2rem;
    padding: 5px 10px;
    border-left: 2px solid #778673;
    margin: 30px 0 10px;
  }

  .single-post .main__column h2.toc {
    font-size: 2.2rem;
  }

  .single-post .main__column h3 {
    font-size: 2rem;
    margin: 30px 0 15px;
    padding-bottom: 10px;
  }

  .single-post .main__column h4,
  .single-post .main__column h5 {
    font-size: 1.7rem;
    margin: 30px 0 10px;
  }
}

/* ------------------------------------- /
/  スタジオ一覧ページ
/* ------------------------------------- */
.post-type-archive-studio .studio__region__btn .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}

.post-type-archive-studio .studio__region__btn .inner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  border-radius: 25px;
  width: 160px;
  color: #fff;
  background: #778673;
  font-weight: 500;
}

@media (max-width: 1280px) {
  .post-type-archive-studio .studio__region__btn .inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .post-type-archive-studio .studio__region__btn .inner a {
    height: 40px;
    border-radius: 20px;
    width: 140px;
  }
}

@media (max-width: 600px) {
  .post-type-archive-studio .studio__region__btn .inner a {
    width: calc((100% - 15px) / 2);
  }
}

.post-type-archive-studio .contents .inner .region__en {
  text-align: center;
  font-family: var(--font-ns);
  font-size: 2.1rem;
  color: #8E7F7A;
}

@media (max-width: 768px) {
  .post-type-archive-studio .contents .inner .region__en {
    font-size: 1.7rem;
  }
}

.post-type-archive-studio .contents .inner h2 {
  text-align: center;
  font-family: var(--font-ns);
  font-size: 3.5rem;
}

@media (max-width: 768px) {
  .post-type-archive-studio .contents .inner h2 {
    font-size: 2.4rem;
  }
}

.post-type-archive-studio .contents .inner .region {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px 40px;
}

.post-type-archive-studio .contents .inner .region .studio {
  width: calc((100% - 80px) / 3);
}

.post-type-archive-studio .contents .inner .region .studio .thumbnail img {
  border-radius: 5px;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
  object-fit: cover;
}

.post-type-archive-studio .contents .inner .region .studio .detail .prefecture__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.post-type-archive-studio .contents .inner .region .studio .detail .prefecture__ttl .prefecture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 76px;
  height: 25px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #778673;
  border: 1px solid #96B98E;
}

.post-type-archive-studio .contents .inner .region .studio .detail .prefecture__ttl .ttl {
  font-size: 2.1rem;
  font-family: var(--font-jp);
}

.post-type-archive-studio .contents .inner .region .studio .detail .detail__btn,
.detail__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  height: 50px;
  border-radius: 25px;
  background: #778673;
  font-weight: 500;
}

.post-type-archive-studio .contents .inner .region .studio .detail .btn__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.post-type-archive-studio .contents .inner .region .studio .detail .btn__container .btn,
.btn {
  width: calc((100% - 10px) / 2);
  background: #96B98E;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  height: 50px;
  border-radius: 25px;
}

.btn {
  width: calc((100% - -35px) / 2);
}

.store-main-ttl {
  font-size: 1.5em;
}

.txt-border {
  border-bottom: 1px #725954 solid;
  margin-top: 1.5em;
  margin-bottom: 1em;
}


/* サムネイル専用 */
.store-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 12px;
}

.store-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.post-type-archive-studio .contents .inner .region .studio .detail .btn__container .btn.web,
.btn.web {
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(50%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 50%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 50%, #ffc85f 100%);
}

@media (max-width: 1280px) {
  .post-type-archive-studio .contents .inner .region {
    gap: 50px 30px;
  }

  .post-type-archive-studio .contents .inner .region .studio {
    width: calc((100% - 30px) / 2);
  }

  .post-type-archive-studio .contents .inner .region .studio .detail .prefecture__ttl .ttl {
    font-size: 1.9rem;
  }
}

@media (max-width: 768px) {
  .post-type-archive-studio .contents .inner .region {
    gap: 30px;
  }

  .post-type-archive-studio .contents .inner .region .studio {
    width: 100%;
  }
}

/* ------------------------------------- /
/  スタジオ単体ページ
/* ------------------------------------- */
.single-studio p {
  line-height: 1.65;
}

.single-studio .ttl__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-studio .ttl__box .en {
  font-family: var(--font-en);
  font-size: 2.1rem;
  color: var(--color-brown);
}

.single-studio .ttl__box h2 {
  font-family: var(--font-ns);
  font-size: 3.5rem;
}

@media (max-width: 1280px) {
  .single-studio .ttl__box .en {
    font-size: 1.7rem;
  }

  .single-studio .ttl__box h2 {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .single-studio .ttl__box .en {
    font-size: 1.5rem;
  }

  .single-studio .ttl__box h2 {
    font-size: 2.2rem;
  }
}

.single-studio .lower__ttl__box .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

.single-studio .lower__ttl__box .tags span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
  height: 25px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #778673;
  border: 1px solid #96B98E;
}

.single-studio .lower__ttl__box h1 {
  color: #584D4A;
  font-size: 5rem;
}

@media (max-width: 1280px) {
  .single-studio .lower__ttl__box .tags {
    gap: 15px;
  }

  .single-studio .lower__ttl__box h1 {
    font-size: 4rem;
  }
}

@media (max-width: 768px) {
  .single-studio .lower__ttl__box .tags {
    gap: 10px;
  }

  .single-studio .lower__ttl__box .tags span {
    height: 20px;
    font-size: 1.3rem;
    padding: 0 15px;
  }

  .single-studio .lower__ttl__box h1 {
    font-size: 3.2rem;
  }
}

.single-studio .studio__info .inner {
  text-align: center;
}

.single-studio .studio__info .inner .en__sm {
  font-family: var(--font-en);
  color: var(--color-brown);
  font-size: 2.1rem;
}

.single-studio .studio__info .inner h2 {
  font-size: 3.5rem;
  font-family: var(--font-ns);
}

@media (max-width: 1280px) {
  .single-studio .studio__info .inner .en__sm {
    font-size: 1.7rem;
  }

  .single-studio .studio__info .inner h2 {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .single-studio .studio__info .inner .en__sm {
    font-size: 1.5rem;
  }

  .single-studio .studio__info .inner h2 {
    font-size: 2.2rem;
  }
}

.single-studio .studio__info__content {
  background: url(../img/studio/studio_bg.webp) center center/cover no-repeat;
}

.single-studio .studio__info__content .inner .wrapper {
  max-width: 900px;
  margin: 0 auto;
}

.single-studio .studio__info__content .inner .wrapper h2 {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 30px;
}

.single-studio .studio__info__content .inner .thumbnail {
  max-width: 800px;
  margin: 0 auto;
  aspect-ratio: 700/487;
}

.single-studio .studio__info__content .inner .thumbnail img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1280px) {
  .single-studio .studio__info__content .inner .wrapper h2 {
    font-size: 1.9rem;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .single-studio .studio__info__content .inner .wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }

  .single-studio .studio__info__content .inner .thumbnail img {
    border-radius: 5px;
  }
}

.single-studio .studio__detail .inner .column__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
}

.single-studio .studio__detail .inner .column__wrapper dl {
  width: calc((100% - 40px) / 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 20px;
}

.single-studio .studio__detail .inner .column__wrapper dl dt,
.single-studio .studio__detail .inner .column__wrapper dl dd {
  padding: 20px 0;
  border-bottom: 1px solid #778673;
}

.single-studio .studio__detail .inner .column__wrapper dl dt {
  width: 160px;
  color: #778673;
  font-weight: 500;
}

.single-studio .studio__detail .inner .column__wrapper dl dd {
  width: calc(100% - 20px - 160px);
}

.single-studio .studio__detail .inner .column__wrapper dl dd.sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.single-studio .studio__detail .inner .column__wrapper dl dd.sns a img {
  height: 32px;
}

@media (max-width: 1280px) {
  .single-studio .studio__detail .inner .column__wrapper {
    gap: 30px;
  }

  .single-studio .studio__detail .inner .column__wrapper dl {
    width: calc((100% - 30px) / 2);
  }

  .single-studio .studio__detail .inner .column__wrapper dl dt {
    width: 100px;
  }

  .single-studio .studio__detail .inner .column__wrapper dl dd {
    width: calc(100% - 20px - 100px);
  }
}

@media (max-width: 768px) {
  .single-studio .studio__detail .inner .column__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }

  .single-studio .studio__detail .inner .column__wrapper dl {
    width: 100%;
    gap: 5px 15px;
  }

  .single-studio .studio__detail .inner .column__wrapper dl dt,
  .single-studio .studio__detail .inner .column__wrapper dl dd {
    padding: 15px 0;
  }

  .single-studio .studio__detail .inner .column__wrapper dl dt {
    width: 90px;
  }

  .single-studio .studio__detail .inner .column__wrapper dl dd {
    width: calc(100% - 15px - 90px);
  }
}

.single-studio .btn__container .inner h3 {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: 2.4rem;
  font-weight: 500;
  color: #778673;
  padding: 0 30px;
  position: relative;
}

.single-studio .btn__container .inner h3::before,
.single-studio .btn__container .inner h3::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  background: #96B98E;
}

.single-studio .btn__container .inner h3::before {
  left: 0;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.single-studio .btn__container .inner h3::after {
  right: 0;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.single-studio .btn__container .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}

.single-studio .btn__container .inner .container .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 500;
  color: #fff;
  width: 500px;
  height: 100px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.single-studio .btn__container .inner .container .btn.grad {
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
}

.single-studio .btn__container .inner .container .btn.line {
  background: #06c755;
}

@media (max-width: 1280px) {
  .single-studio .btn__container .inner h3 {
    font-size: 2rem;
  }

  .single-studio .btn__container .inner .container {
    gap: 30px;
  }

  .single-studio .btn__container .inner .container .btn {
    font-size: 2rem;
    height: 80px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 768px) {
  .single-studio .btn__container .inner h3 {
    font-size: 1.7rem;
  }

  .single-studio .btn__container .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .single-studio .btn__container .inner .container .btn {
    font-size: 1.7rem;
    height: 70px;
    border-radius: 35px;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
    width: 100%;
  }
}

.single-studio .access .inner .map__wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.single-studio .access .inner .map__wrapper iframe {
  width: 100%;
  aspect-ratio: 600/450;
}

.single-studio .access .inner .map__wrapper img {
  border-radius: 10px;
}

.single-studio .access .inner .access__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
}

.single-studio .access .inner .access__container .box {
  position: relative;
  width: calc((100% - 120px) / 3);
}

.single-studio .access .inner .access__container .box .num {
  position: absolute;
  top: -40px;
  right: 20px;
  line-height: 1;
  font-size: 10rem;
  color: #96B98E;
  font-family: var(--font-en);
}

.single-studio .access .inner .access__container .box img {
  border-radius: 0 100px 0 0;
  aspect-ratio: 360/460;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1280px) {
  .single-studio .access .inner .access__container {
    gap: 40px;
  }

  .single-studio .access .inner .access__container .box {
    position: relative;
    width: calc((100% - 80px) / 3);
  }

  .single-studio .access .inner .access__container .box .num {
    top: -30px;
    right: 15px;
    font-size: 8rem;
  }

  .single-studio .access .inner .access__container .box img {
    border-radius: 0 80px 0 0;
  }
}

@media (max-width: 768px) {
  .single-studio .access .inner .map__wrapper img {
    border-radius: 5px;
  }

  .single-studio .access .inner .access__container {
    row-gap: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .single-studio .access .inner .access__container .box {
    width: 100%;
  }
}

.single-studio .point .inner .ttl__box h2 {
  color: var(--color-black);
  font-weight: 400;
}

.single-studio .point .inner .container .box .txt .heading .ttl {
  position: relative;
  z-index: 0;
}

.single-studio .point .inner .container .box .txt .heading .ttl::before,
.single-studio .point .inner .container .box .txt .heading .ttl::after {
  position: absolute;
  color: #E1F0E9;
  font-family: var(--font-en);
  font-size: 10rem;
  letter-spacing: 0.08em;
  line-height: 1;
  z-index: -1;
}

.single-studio .point .inner .container .box .txt .heading .ttl::before {
  content: "“";
  top: -50%;
  left: -10px;
}

.single-studio .point .inner .container .box .txt .heading .ttl::after {
  content: "”";
  top: 0;
  right: -30px;
}

@media (max-width: 1280px) {

  .single-studio .point .inner .container .box .txt .heading .ttl::before,
  .single-studio .point .inner .container .box .txt .heading .ttl::after {
    font-size: 8rem;
  }

  .single-studio .point .inner .container .box .txt .heading .ttl::after {
    right: -20px;
  }
}

@media (max-width: 768px) {

  .single-studio .point .inner .container .box .txt .heading .ttl::before,
  .single-studio .point .inner .container .box .txt .heading .ttl::after {
    display: none;
  }
}

.single-studio .staff {
  overflow: hidden;
}

.single-studio .staff .inner .message {
  border-radius: 10px;
  background: #fffcef;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  padding: 40px 90px 80px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 90px;
  z-index: 0;
}

.single-studio .staff .inner .message::before {
  content: "";
  position: absolute;
  top: -12%;
  left: -2%;
  width: 37%;
  aspect-ratio: 443/252;
  background: url(../img/studio/message.svg) center center/100% 100% no-repeat;
  z-index: -1;
}

.single-studio .staff .inner .message .txt {
  width: calc(100% - 90px - 340px);
}

.single-studio .staff .inner .message .txt .name {
  font-size: 2.2rem;
}

.single-studio .staff .inner .message img {
  width: 340px;
  border-radius: 50%;
}

@media (max-width: 1280px) {
  .single-studio .staff .inner .message {
    padding: 30px 40px 60px;
    gap: 50px;
  }

  .single-studio .staff .inner .message .txt {
    width: calc(100% - 50px - 280px);
  }

  .single-studio .staff .inner .message .txt .name {
    font-size: 2rem;
  }

  .single-studio .staff .inner .message img {
    width: 280px;
  }
}

@media (max-width: 768px) {
  .single-studio .staff .inner .message {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
  }

  .single-studio .staff .inner .message .txt {
    width: 100%;
  }

  .single-studio .staff .inner .message .txt .name {
    font-size: 1.8rem;
  }

  .single-studio .staff .inner .message img {
    width: 100%;
    max-width: 340px;
  }
}

.single-studio .staff .inner .staff__swiper {
  overflow: hidden;
  padding: 15px;
}

.single-studio .staff .inner .staff__swiper .swiper-slide {
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.single-studio .staff .inner .staff__swiper .swiper-slide .slide-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.single-studio .staff .inner .staff__swiper .swiper-slide .slide-inner img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  aspect-ratio: 280/322;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-studio .staff .inner .staff__swiper .swiper-slide .slide-inner .right {
  padding: 15px 30px;
}

.single-studio .staff .inner .staff__swiper .swiper-slide .slide-inner .right .ttl {
  font-size: 2.2rem;
}

@media (max-width: 1280px) {
  .single-studio .staff .inner .staff__swiper .swiper-slide {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  }

  .single-studio .staff .inner .staff__swiper .swiper-slide .slide-inner .right .ttl {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .single-studio .staff .inner .staff__swiper .swiper-slide .slide-inner .right .ttl {
    font-size: 1.8rem;
  }
}

.single-studio .staff .inner .staff__swiper .swiper-pagination-bullets {
  bottom: 0;
}

.single-studio .staff .inner .staff__swiper .swiper-pagination-bullet-active {
  background: #000;
}

.single-studio .menu {
  background: -webkit-gradient(linear, left top, left bottom, from(#faf1ea), color-stop(72.41%, #fefaf2), to(rgba(255, 253, 245, 0)));
  background: -webkit-linear-gradient(#faf1ea 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
  background: linear-gradient(#faf1ea 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
}

.single-studio .menu .inner>h3 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 2.4rem;
  font-family: var(--font-jp);
  position: relative;
  z-index: 0;
}

.single-studio .menu .inner>h3::before,
.single-studio .menu .inner>h3::after {
  position: absolute;
  font-size: 10rem;
  letter-spacing: 0.08em;
  color: #F0D8B9;
  font-family: var(--font-en);
  line-height: 1;
  z-index: -1;
}

.single-studio .menu .inner>h3::before {
  content: "“";
  top: -30%;
  left: -20px;
}

.single-studio .menu .inner>h3::after {
  content: "”";
  top: 10%;
  right: -30px;
}

.single-studio .menu .inner .general {
  max-width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  color: #778673;
}

.single-studio .menu .inner .general dt,
.single-studio .menu .inner .general dd {
  width: 50%;
  padding: 15px 0;
  border-bottom: 1px solid #778673;
}

.single-studio .menu .inner .general dt:not(:first-child):not(:nth-child(2)),
.single-studio .menu .inner .general dd:not(:first-child):not(:nth-child(2)) {
  border-bottom: 1px solid #96B98E;
}

.single-studio .menu .inner .general dt:not(:first-child):not(:nth-child(2)) {
  color: var(--color-black);
}

.single-studio .menu .inner .general dd {
  font-weight: 500;
}

.single-studio .menu .inner .general dd .bg {
  font-weight: 700;
  font-size: 2.1rem;
}

@media (max-width: 1280px) {
  .single-studio .menu .inner>h3 {
    font-size: 2rem;
  }

  .single-studio .menu .inner>h3::before,
  .single-studio .menu .inner>h3::after {
    font-size: 8rem;
  }

  .single-studio .menu .inner>h3::after {
    right: -20px;
  }

  .single-studio .menu .inner .general dd .bg {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .single-studio .menu .inner>h3 {
    font-size: 1.8rem;
  }

  .single-studio .menu .inner>h3::before,
  .single-studio .menu .inner>h3::after {
    font-size: 6rem;
  }

  .single-studio .menu .inner>h3::before {
    top: -20%;
    left: -10px;
  }

  .single-studio .menu .inner>h3::after {
    right: -15px;
  }

  .single-studio .menu .inner .general dd .bg {
    font-size: 1.8rem;
  }
}

.single-studio .voice .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
}

.single-studio .voice .inner .container .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 90px;
}

.single-studio .voice .inner .container .box .popup {
  width: calc(100% - 90px - 220px);
  border-radius: 10px;
  background: #fffcef;
  padding: 50px 65px;
  position: relative;
}

.single-studio .voice .inner .container .box .popup::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
  width: 64px;
  height: 56px;
  background: #fffcef;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.single-studio .voice .inner .container .box img {
  width: 220px;
}

.single-studio .voice .inner .container .box:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.single-studio .voice .inner .container .box:nth-child(2n) .popup::before {
  right: unset;
  -webkit-transform: translate(-80%, -50%);
  transform: translate(-80%, -50%);
  left: 0;
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

@media (max-width: 1280px) {
  .single-studio .voice .inner .container {
    gap: 50px;
  }

  .single-studio .voice .inner .container .box {
    gap: 70px;
  }

  .single-studio .voice .inner .container .box .popup {
    padding: 40px;
    width: calc(100% - 70px - 180px);
  }

  .single-studio .voice .inner .container .box img {
    width: 180px;
  }
}

@media (max-width: 768px) {
  .single-studio .voice .inner .container {
    gap: 30px;
  }

  .single-studio .voice .inner .container .box:nth-child(n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }

  .single-studio .voice .inner .container .box:nth-child(n) .popup {
    padding: 20px;
    width: 100%;
  }

  .single-studio .voice .inner .container .box:nth-child(n) .popup::before {
    top: unset;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
  }
}

.single-studio .faq__main a {
  color: #168CCB;
  text-decoration: underline;
}

.single-studio .faq__wrapper {
  background: url(../img/studio/faq_bg.webp) left bottom/100% auto no-repeat;
}

/* ------------------------------------- /
/  特商法ページ
/* ------------------------------------- */
.page-template-page-law .law__info__main .inner dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 50px;
}

.page-template-page-law .law__info__main .inner dl dt,
.page-template-page-law .law__info__main .inner dl dd {
  border-bottom: 1px solid #8E7F7A;
  padding: 25px 0;
}

.page-template-page-law .law__info__main .inner dl dt {
  width: 200px;
  color: #778673;
}

.page-template-page-law .law__info__main .inner dl dd {
  width: calc(100% - 50px - 200px);
  word-break: break-all;
}

.page-template-page-law .law__info__main .inner .bottom {
  text-align: right;
}

@media (max-width: 768px) {
  .page-template-page-law .law__info__main .inner dl {
    gap: 5px 15px;
  }

  .page-template-page-law .law__info__main .inner dl dt,
  .page-template-page-law .law__info__main .inner dl dd {
    padding: 15px 0;
  }

  .page-template-page-law .law__info__main .inner dl dt {
    width: 120px;
  }

  .page-template-page-law .law__info__main .inner dl dd {
    width: calc(100% - 15px - 120px);
  }
}

/* ------------------------------------- /
/  プライバシーポリシーページ
/* ------------------------------------- */
.page-template-page-policy .policy__main .inner h2 {
  font-size: 2.4rem;
  color: #778673;
}

.page-template-page-policy .policy__main .inner .policy__bottom {
  text-align: right;
}

@media (max-width: 1280px) {
  .page-template-page-policy .policy__main .inner h2 {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-policy .policy__main .inner h2 {
    font-size: 1.8rem;
  }
}

/* ------------------------------------- /
/  会社概要ページ
/* ------------------------------------- */
.page-template-page-company .company__main .inner .h2__container {
  text-align: center;
}

.page-template-page-company .company__main .inner .h2__container .en {
  font-family: var(--font-en);
  font-size: 2.1rem;
  color: #8E7F7A;
}

.page-template-page-company .company__main .inner .h2__container h2 {
  font-family: var(--font-ns);
  font-size: 3.5rem;
}

.page-template-page-company .company__main .inner dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 50px;
}

.page-template-page-company .company__main .inner dl dt,
.page-template-page-company .company__main .inner dl dd {
  padding: 35px 0;
  border-bottom: 1px solid #8E7F7A;
}

.page-template-page-company .company__main .inner dl dt {
  width: 200px;
  font-weight: 500;
  color: #778673;
}

.page-template-page-company .company__main .inner dl dd {
  width: calc(100% - 50px - 200px);
  word-break: break-all;
}

@media (max-width: 768px) {
  .page-template-page-company .company__main .inner .h2__container .en {
    font-size: 1.7rem;
  }

  .page-template-page-company .company__main .inner .h2__container h2 {
    font-size: 2.4rem;
  }

  .page-template-page-company .company__main .inner dl {
    gap: 5px 15px;
  }

  .page-template-page-company .company__main .inner dl dt,
  .page-template-page-company .company__main .inner dl dd {
    padding: 20px 0;
  }

  .page-template-page-company .company__main .inner dl dt {
    width: 110px;
  }

  .page-template-page-company .company__main .inner dl dd {
    width: calc(100% - 15px - 110px);
  }
}

/* ------------------------------------- /
/  よくある質問ページ
/* ------------------------------------- */
/* ------------------------------------- /
/  メニュー料金ページ
/* ------------------------------------- */
.page-template-page-menu .menu__bg__wrapper {
  background: url(../img/menu/menu_bg.webp) center top 15%/100% auto no-repeat;
}

.page-template-page-menu .trial__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 2.4rem;
  margin: 0 auto;
  width: 560px;
  height: 100px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#89ac6b), color-stop(51.23%, #d9c556), to(#ffc85f));
  background: -webkit-linear-gradient(left, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  background: linear-gradient(90deg, #89ac6b 0%, #d9c556 51.23%, #ffc85f 100%);
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1280px) {
  .page-template-page-menu .trial__btn {
    font-size: 2rem;
    width: 450px;
    height: 80px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 768px) {
  .page-template-page-menu .trial__btn {
    font-size: 1.7rem;
    width: 300px;
    height: 70px;
    border-radius: 35px;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  }
}

.page-template-page-menu .h2__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-page-menu .h2__container .en {
  font-family: var(--font-en);
  font-size: 2.1rem;
  color: var(--color-brown);
  letter-spacing: 0.08em;
}

.page-template-page-menu .h2__container h2 {
  font-family: var(--font-ns);
  font-size: 3.5rem;
}

@media (max-width: 1280px) {
  .page-template-page-menu .h2__container .en {
    font-size: 1.9rem;
  }

  .page-template-page-menu .h2__container h2 {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-menu .h2__container .en {
    font-size: 1.8rem;
  }

  .page-template-page-menu .h2__container h2 {
    font-size: 2.2rem;
  }
}

.page-template-page-menu .bg__fffcef {
  background: #FFFCEF;
}

.page-template-page-menu .lesson .inner h3 {
  font-family: var(--font-jp);
  font-size: 2.4rem;
}

@media (max-width: 1280px) {
  .page-template-page-menu .lesson .inner h3 {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-menu .lesson .inner h3 {
    font-size: 1.7rem;
  }
}

.page-template-page-menu .lesson .inner p {
  line-height: 1.6;
}

.page-template-page-menu .lesson .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px 100px;
}

.page-template-page-menu .lesson .inner .container .box {
  width: calc((100% - 100px) / 2);
  border-radius: 10px;
}

.page-template-page-menu .lesson .inner .container .box .header {
  background: #FFFCEF;
  border-radius: 10px 10px 0 0;
  height: 160px;
  padding: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  position: relative;
}

.page-template-page-menu .lesson .inner .container .box .header::before {
  content: "";
  position: absolute;
}

.page-template-page-menu .lesson .inner .container .box .header .circle {
  font-size: 1.5rem;
  height: 30px;
  border-radius: 15px;
  border: 1px solid var(--color-black);
  padding: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-page-menu .lesson .inner .container .box .header h3 {
  font-size: 2.4rem;
  font-weight: 500;
  font-family: var(--font-ns);
  position: relative;
  z-index: 0;
}

.page-template-page-menu .lesson .inner .container .box .header h3::before,
.page-template-page-menu .lesson .inner .container .box .header h3::after {
  position: absolute;
  color: #F0D8B9;
  font-size: 10rem;
  font-family: var(--font-en);
  line-height: 1;
  z-index: -1;
}

.page-template-page-menu .lesson .inner .container .box .header h3::before {
  content: "“";
  top: -17px;
  left: -19px;
}

.page-template-page-menu .lesson .inner .container .box .header h3::after {
  content: "”";
  bottom: -66px;
  right: -19px;
}

.page-template-page-menu .lesson .inner .container .box .img img {
  border-radius: 0 0 10px 10px;
}

.page-template-page-menu .lesson .inner .container div:nth-of-type(1) .header::before {
  width: 63px;
  aspect-ratio: 63/128;
  left: 20px;
  bottom: -20px;
  background: url(../img/menu/lesson_1_2.webp) center center/100% 100% no-repeat;
}

.page-template-page-menu .lesson .inner .container div:nth-of-type(2) .header::before {
  width: 91px;
  aspect-ratio: 91/101;
  left: 20px;
  bottom: -30px;
  background: url(../img/menu/lesson_2_2.webp) center center/100% 100% no-repeat;
}

.page-template-page-menu .lesson .inner .container div:nth-of-type(3) .header::before {
  width: 52px;
  aspect-ratio: 52/128;
  right: 20px;
  bottom: -30px;
  background: url(../img/menu/lesson_3_2.webp) center center/100% 100% no-repeat;
}

.page-template-page-menu .lesson .inner .container div:nth-of-type(4) .header::before {
  width: 152px;
  aspect-ratio: 152/125;
  right: -15px;
  bottom: -40px;
  background: url(../img/menu/lesson_4_2.webp) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {
  .page-template-page-menu .lesson .inner .container div:nth-of-type(1) .header::before {
    width: 50px;
    left: 16px;
    bottom: -16px;
  }

  .page-template-page-menu .lesson .inner .container div:nth-of-type(2) .header::before {
    width: 73px;
    left: 16px;
    bottom: -24px;
  }

  .page-template-page-menu .lesson .inner .container div:nth-of-type(3) .header::before {
    width: 41px;
    right: 16px;
    bottom: -24px;
  }

  .page-template-page-menu .lesson .inner .container div:nth-of-type(4) .header::before {
    width: 121px;
    right: -12px;
    bottom: -32px;
  }
}

@media (max-width: 768px) {
  .page-template-page-menu .lesson .inner .container div:nth-of-type(1) .header::before {
    width: 40px;
    left: 12px;
    bottom: -12px;
  }

  .page-template-page-menu .lesson .inner .container div:nth-of-type(2) .header::before {
    width: 46px;
    left: 12px;
    bottom: -19px;
  }

  .page-template-page-menu .lesson .inner .container div:nth-of-type(3) .header::before {
    width: 33px;
    right: 12px;
    bottom: -19px;
  }

  .page-template-page-menu .lesson .inner .container div:nth-of-type(4) .header::before {
    width: 95px;
    right: -10px;
    bottom: -25px;
  }
}

@media (max-width: 1280px) {
  .page-template-page-menu .lesson .inner .container {
    gap: 50px 40px;
  }

  .page-template-page-menu .lesson .inner .container .box {
    width: calc((100% - 40px) / 2);
  }

  .page-template-page-menu .lesson .inner .container .box .header {
    padding: 30px;
  }

  .page-template-page-menu .lesson .inner .container .box .header h3 {
    font-size: 2rem;
  }

  .page-template-page-menu .lesson .inner .container .box .header h3::before,
  .page-template-page-menu .lesson .inner .container .box .header h3::after {
    font-size: 7rem;
  }

  .page-template-page-menu .lesson .inner .container .box .header h3::before {
    top: -10px;
    left: -15px;
  }

  .page-template-page-menu .lesson .inner .container .box .header h3::after {
    content: "”";
    bottom: -50px;
    right: -15px;
  }
}

@media (max-width: 768px) {
  .page-template-page-menu .lesson .inner .container {
    gap: 30px;
  }

  .page-template-page-menu .lesson .inner .container .box {
    width: 100%;
    border-radius: 5px;
  }

  .page-template-page-menu .lesson .inner .container .box .header {
    border-radius: 5px 5px 0 0;
    padding: 20px;
    height: 120px;
    gap: 5px;
  }

  .page-template-page-menu .lesson .inner .container .box .header .circle {
    font-size: 1.4rem;
    padding: 0 10px;
    height: 24px;
    border-radius: 12px;
  }

  .page-template-page-menu .lesson .inner .container .box .header h3 {
    font-size: 1.8rem;
  }

  .page-template-page-menu .lesson .inner .container .box .img img {
    border-radius: 0 0 5px 5px;
  }
}

.page-template-page-menu .join .inner h4 {
  background: #96B98E;
  color: #fff;
  border-radius: 3px;
  padding: 3px 5px;
  font-weight: 500;
}

.page-template-page-menu .join .inner table {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.page-template-page-menu .join .inner table tr th,
.page-template-page-menu .join .inner table tr td {
  border-bottom: 1px solid #96B98E;
  padding: 15px 0;
  text-align: center;
}

.page-template-page-menu .join .inner table tr:first-child th,
.page-template-page-menu .join .inner table tr:first-child td {
  border-bottom: 1px solid #778673;
  color: #778673;
}

.page-template-page-menu .join .inner table tr:not(:first-child) td {
  font-weight: 500;
  color: #778673;
  font-size: 2.1rem;
}

.page-template-page-menu .join .inner table tr:not(:first-child) td .tax {
  font-size: 1.7rem;
}

@media (max-width: 768px) {

  .page-template-page-menu .join .inner table tr th,
  .page-template-page-menu .join .inner table tr td {
    padding: 10px 0;
  }

  .page-template-page-menu .join .inner table tr:not(:first-child) td {
    font-size: 1.8rem;
  }

  .page-template-page-menu .join .inner table tr:not(:first-child) td .tax {
    font-size: 1.6rem;
  }
}

.page-template-page-menu .general .inner dl,
.page-template-page-menu .option .inner dl {
  max-width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  color: #778673;
}

.page-template-page-menu .general .inner dl dt,
.page-template-page-menu .general .inner dl dd,
.page-template-page-menu .option .inner dl dt,
.page-template-page-menu .option .inner dl dd {
  width: 50%;
  padding: 15px 0;
  border-bottom: 1px solid #778673;
}

.page-template-page-menu .general .inner dl dt:not(:first-child):not(:nth-child(2)),
.page-template-page-menu .general .inner dl dd:not(:first-child):not(:nth-child(2)),
.page-template-page-menu .option .inner dl dt:not(:first-child):not(:nth-child(2)),
.page-template-page-menu .option .inner dl dd:not(:first-child):not(:nth-child(2)) {
  border-bottom: 1px solid #96B98E;
}

.page-template-page-menu .general .inner dl dt:not(:first-child):not(:nth-child(2)),
.page-template-page-menu .option .inner dl dt:not(:first-child):not(:nth-child(2)) {
  color: var(--color-black);
}

.page-template-page-menu .general .inner dl dd,
.page-template-page-menu .option .inner dl dd {
  font-weight: 500;
}

.page-template-page-menu .general .inner .circle,
.page-template-page-menu .option .inner .circle {
  margin: 0 auto;
  width: 140px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #8E7F7A;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: var(--font-en);
  font-size: 2.1rem;
  color: #8E7F7A;
}

.page-template-page-menu .general .inner .circle .plus,
.page-template-page-menu .option .inner .circle .plus {
  margin: 5px 0;
  width: 16px;
  aspect-ratio: 1;
  background: url(../img/common/plus_br.svg) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {

  .page-template-page-menu .general .inner .circle,
  .page-template-page-menu .option .inner .circle {
    width: 120px;
    font-size: 2rem;
  }

  .page-template-page-menu .general .inner .circle .plus,
  .page-template-page-menu .option .inner .circle .plus {
    width: 14px;
  }
}

@media (max-width: 768px) {

  .page-template-page-menu .general .inner .circle,
  .page-template-page-menu .option .inner .circle {
    width: 100px;
    font-size: 1.8rem;
  }

  .page-template-page-menu .general .inner .circle .plus,
  .page-template-page-menu .option .inner .circle .plus {
    margin: 2px 0;
    width: 10px;
  }
}

/* ------------------------------------- /
/  ラピラティスの特徴ページ
/* ------------------------------------- */
.page-template-page-features .bg__circle {
  background: url(../img/features/bg.webp) center center/100% 100% no-repeat;
  overflow: hidden;
}

.page-template-page-features .feature .inner .ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-page-features .feature .inner .ttl .feature__num {
  font-family: var(--font-en);
  font-size: 2.1rem;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-brown);
  position: relative;
  z-index: 0;
}

.page-template-page-features .feature .inner .ttl .feature__num::before,
.page-template-page-features .feature .inner .ttl .feature__num::after {
  position: absolute;
  font-family: var(--font-en);
  font-size: 10rem;
  color: #E1F0E9;
  line-height: 1;
  z-index: -1;
}

.page-template-page-features .feature .inner .ttl .feature__num::before {
  content: "“";
  top: -20px;
  left: -20px;
}

.page-template-page-features .feature .inner .ttl .feature__num::after {
  content: "”";
  top: 0px;
  right: -20px;
}

.page-template-page-features .feature .inner .ttl h2 {
  font-size: 3.5rem;
  font-family: var(--font-ns);
  line-height: 1.5;
  text-align: center;
}

.page-template-page-features .feature .inner .container {
  position: relative;
}

.page-template-page-features .feature .inner .container .img {
  width: calc(100% - 530px);
}

.page-template-page-features .feature .inner .container .img img {
  border-radius: 5px;
}

.page-template-page-features .feature .inner .container .txt {
  position: absolute;
  width: 670px;
  right: -70px;
  top: 60px;
  padding: 70px;
  background: #fff;
  border-radius: 5px;
}

.page-template-page-features .feature .inner .container .txt h3 {
  font-size: 2.4rem;
}

.page-template-page-features .feature .inner .container .txt p {
  line-height: 1.65;
}

.page-template-page-features .feature .inner .container.rev .img {
  margin: 0 0 0 auto;
}

.page-template-page-features .feature .inner .container.rev .txt {
  right: unset;
  left: -70px;
}

@media (max-width: 1280px) {
  .page-template-page-features .feature .inner .ttl .feature__num {
    font-size: 2rem;
  }

  .page-template-page-features .feature .inner .ttl .feature__num::before,
  .page-template-page-features .feature .inner .ttl .feature__num::after {
    font-size: 8rem;
  }

  .page-template-page-features .feature .inner .ttl h2 {
    font-size: 3rem;
  }

  .page-template-page-features .feature .inner .container {
    padding-bottom: 100px;
  }

  .page-template-page-features .feature .inner .container .img {
    width: calc(100% - 540px);
  }

  .page-template-page-features .feature .inner .container .txt {
    width: 610px;
    padding: 40px;
    right: -40px;
    top: 30px;
  }

  .page-template-page-features .feature .inner .container .txt h3 {
    font-size: 2rem;
  }

  .page-template-page-features .feature .inner .container.rev .txt {
    left: -40px;
  }
}

@media (max-width: 1000px) {
  .page-template-page-features .feature .inner .container {
    padding-bottom: 260px;
  }
}

@media (max-width: 768px) {
  .page-template-page-features .feature .inner .ttl .feature__num {
    font-size: 1.8rem;
  }

  .page-template-page-features .feature .inner .ttl .feature__num::before,
  .page-template-page-features .feature .inner .ttl .feature__num::after {
    font-size: 6rem;
  }

  .page-template-page-features .feature .inner .ttl h2 {
    font-size: 2rem;
  }

  .page-template-page-features .feature .inner .container {
    padding-bottom: unset;
  }

  .page-template-page-features .feature .inner .container .img {
    width: 100%;
  }

  .page-template-page-features .feature .inner .container .txt {
    margin-top: 30px;
    position: unset;
    width: 100%;
    padding: 20px;
  }

  .page-template-page-features .feature .inner .container .txt h3 {
    font-size: 1.8rem;
  }
}

.page-template-page-features .reason {
  background: -webkit-gradient(linear, left top, left bottom, from(#faf1ea), color-stop(72.41%, #fefaf2), to(rgba(255, 253, 245, 0)));
  background: -webkit-linear-gradient(#faf1ea 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
  background: linear-gradient(#faf1ea 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
  margin-bottom: -100px;
  padding-bottom: 240px;
}

.page-template-page-features .reason .inner h2 {
  font-family: var(--font-ns);
  font-size: 3.5rem;
  text-align: center;
}

.page-template-page-features .reason .inner .h3__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-page-features .reason .inner .h3__container .en {
  font-family: var(--font-en);
  font-size: 10rem;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #fff;
}

.page-template-page-features .reason .inner .h3__container h3 {
  margin-top: -40px;
  font-family: var(--font-ns);
  font-size: 2.4rem;
  font-weight: 500;
}

.page-template-page-features .reason .inner p {
  line-height: 1.65;
}

.page-template-page-features .reason .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 60px;
}

.page-template-page-features .reason .inner .container .box {
  width: calc((100% - 60px) / 2);
}

.page-template-page-features .reason .inner .container .box .header {
  position: relative;
  padding-bottom: 10px;
}

.page-template-page-features .reason .inner .container .box .header .num {
  color: #fff;
  font-size: 10rem;
  font-family: var(--font-en);
  line-height: 1;
  letter-spacing: 0.08em;
}

.page-template-page-features .reason .inner .container .box .header h4 {
  position: absolute;
  left: 0;
  bottom: 20%;
  font-size: 2.4rem;
  font-family: var(--font-ns);
  font-weight: 500;
}

.page-template-page-features .reason .inner .container .box .img img {
  border-radius: 10px;
  aspect-ratio: 66/37;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-page-features .reason .inner .anxiety {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  background: url(../img/features/reason_circle.webp) center center/contain no-repeat;
}

@media (max-width: 1280px) {
  .page-template-page-features .reason {
    margin-bottom: -80px;
    padding-bottom: 200px;
  }

  .page-template-page-features .reason .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-features .reason .inner .h3__container .en {
    font-size: 8rem;
  }

  .page-template-page-features .reason .inner .h3__container h3 {
    margin-top: -30px;
    font-size: 2rem;
  }

  .page-template-page-features .reason .inner .container {
    gap: 30px;
  }

  .page-template-page-features .reason .inner .container .box {
    width: calc((100% - 30px) / 2);
  }

  .page-template-page-features .reason .inner .container .box .header .num {
    font-size: 8rem;
  }

  .page-template-page-features .reason .inner .container .box .header h4 {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-features .reason {
    margin-bottom: -50px;
    padding-bottom: 150px;
  }

  .page-template-page-features .reason .inner h2 {
    font-size: 2.2rem;
  }

  .page-template-page-features .reason .inner .h3__container .en {
    font-size: 6rem;
  }

  .page-template-page-features .reason .inner .h3__container h3 {
    margin-top: -20px;
    font-size: 1.6rem;
  }

  .page-template-page-features .reason .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-page-features .reason .inner .container .box {
    width: 100%;
  }

  .page-template-page-features .reason .inner .container .box .header .num {
    font-size: 6rem;
  }

  .page-template-page-features .reason .inner .container .box .header h4 {
    font-size: 1.8rem;
  }

  .page-template-page-features .reason .inner .container .box .img img {
    border-radius: 5px;
  }

  .page-template-page-features .reason .inner .anxiety br {
    display: none;
  }
}

.page-template-page-features .flow {
  background: url(../img/features/flow_bg.webp) bottom right/74% auto no-repeat;
}

@media (max-width: 768px) {
  .page-template-page-features .flow {
    background: url(../img/features/flow_bg.webp) bottom right/100% auto no-repeat;
  }
}

/* ------------------------------------- /
/  正社員募集ページ
/* ------------------------------------- */
.page-template-page-recruit .line__btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 530px;
  height: 100px;
  border-radius: 50px;
  background: #4cc764;
  -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.16);
  font-family: var(--font-ns);
  font-size: 3rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.page-template-page-recruit .line__btn::before {
  content: "";
  display: block;
  width: 41px;
  aspect-ratio: 1;
  background: url(../img/recruit/line_gr.svg) center center/100% 100% no-repeat;
}

.page-template-page-recruit .line__btn .popup {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
  width: 330px;
  height: 60px;
  border-radius: 30px;
  background: -webkit-gradient(linear, right top, left top, from(#fffddf), to(#fff));
  background: -webkit-linear-gradient(right, #fffddf 0%, #fff 100%);
  background: linear-gradient(270deg, #fffddf 0%, #fff 100%);
  -webkit-filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.12));
  color: var(--color-black);
  font-size: 2.4rem;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .line__btn {
    height: 80px;
    border-radius: 40px;
    font-size: 2.4rem;
  }

  .page-template-page-recruit .line__btn::before {
    width: 34px;
  }

  .page-template-page-recruit .line__btn .popup {
    font-size: 2rem;
    height: 50px;
    border-radius: 25px;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .line__btn {
    width: 320px;
    height: 60px;
    border-radius: 30px;
    font-size: 2rem;
  }

  .page-template-page-recruit .line__btn .popup {
    font-size: 1.8rem;
    width: 280px;
    height: 40px;
    border-radius: 20px;
  }
}

.page-template-page-recruit .h2__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-page-recruit .h2__box .h2__en {
  font-size: 4.5rem;
  color: #D17F15;
  font-family: var(--font-en);
  letter-spacing: 0.08em;
  line-height: 1;
}

.page-template-page-recruit .h2__box .h2__ja {
  font-size: 2.5rem;
  font-family: var(--font-ns);
  margin-top: 15px;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .h2__box .h2__en {
    font-size: 3.6rem;
  }

  .page-template-page-recruit .h2__box .h2__ja {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .h2__box .h2__en {
    font-size: 2.8rem;
  }

  .page-template-page-recruit .h2__box .h2__ja {
    font-size: 1.6rem;
  }
}

.page-template-page-recruit .recruit__bg__wrapper {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.page-template-page-recruit .recruit__bg__wrapper .bg__object {
  position: absolute;
  opacity: 0.49;
  z-index: -2;
}

.page-template-page-recruit .recruit__bg__wrapper.top .bg__01 {
  top: -5%;
  left: -3%;
  width: 30%;
  aspect-ratio: 580/520;
  background: url(../img/recruit/bg_01.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.top .bg__02 {
  right: -4%;
  top: 30%;
  width: 35%;
  aspect-ratio: 681/646;
  background: url(../img/recruit/bg_02.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.top .bg__03 {
  top: 44%;
  left: -5%;
  width: 50%;
  aspect-ratio: 964/802;
  background: url(../img/recruit/bg_03.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.middle .bg__04 {
  top: -8%;
  right: -15%;
  width: 99%;
  aspect-ratio: 1910/1318;
  background: url(../img/recruit/bg_04.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.middle .bg__05 {
  top: 21%;
  left: -10%;
  width: 76.7%;
  aspect-ratio: 1473/1465;
  background: url(../img/recruit/bg_05.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.middle .bg__06 {
  top: 36%;
  left: 32%;
  width: 77%;
  aspect-ratio: 1480/1408;
  background: url(../img/recruit/bg_06.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.middle .bg__07 {
  top: 56%;
  left: -12%;
  width: 64%;
  aspect-ratio: 1233/1116;
  background: url(../img/recruit/bg_07.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.bottom .bg__08 {
  top: 14%;
  right: -6%;
  width: 44.5%;
  aspect-ratio: 856/889;
  background: url(../img/recruit/bg_08.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper.bottom .bg__09 {
  top: 30%;
  left: -8%;
  width: 64%;
  aspect-ratio: 1233/1116;
  background: url(../img/recruit/bg_09.svg) no-repeat;
}

.page-template-page-recruit .recruit__bg__wrapper .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  --webkit-backdrop-filter: blur(50px);
  background-color: rgba(255, 255, 255, 0.13);
  z-index: -1;
}

.page-template-page-recruit .fv {
  position: relative;
  z-index: 1;
  margin: 50px 90px 0 60px;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .fv {
    margin: 30px 30px 0;
  }
}

.page-template-page-recruit .fv .wrapper {
  position: relative;
  max-width: 1770px;
  margin: 0 auto;
  z-index: 0;
}

.page-template-page-recruit .fv .img {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 80%;
  margin-top: 60px;
}

.page-template-page-recruit .fv .img img {
  border-radius: 40px;
}

.page-template-page-recruit .fv .img .circle__container {
  position: absolute;
  left: 40px;
  bottom: 8%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  font-family: var(--font-ns);
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
}

.page-template-page-recruit .fv .img .circle__container .circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 141px;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  z-index: 0;
}

.page-template-page-recruit .fv .img .circle__container .circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: -webkit-linear-gradient(225deg, #fffddf 0%, #fff 100%);
  background: linear-gradient(225deg, #fffddf 0%, #fff 100%);
  opacity: 0.95;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  z-index: -1;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .fv .img {
    position: relative;
    width: 100%;
  }

  .page-template-page-recruit .fv .img img {
    border-radius: 20px;
  }

  .page-template-page-recruit .fv .img .circle__container {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 3%;
    gap: 10px;
    font-size: 2rem;
  }

  .page-template-page-recruit .fv .img .circle__container .circle {
    width: 110px;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .fv .img img {
    border-radius: 10px;
  }

  .page-template-page-recruit .fv .img .circle__container {
    font-size: 1.8rem;
    gap: 5px;
  }

  .page-template-page-recruit .fv .img .circle__container .circle {
    width: 90px;
  }
}

@media (max-width: 500px) {
  .page-template-page-recruit .fv .img .circle__container {
    font-size: 1.4rem;
  }

  .page-template-page-recruit .fv .img .circle__container .circle {
    width: 65px;
  }
}

.page-template-page-recruit .fv .fv__right {
  margin-left: auto;
  width: 34%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.page-template-page-recruit .fv .fv__right .instructor__recruit {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  background: #fff;
  border-radius: 0 0 0 40px;
  padding: 20px;
  font-family: var(--font-ns);
  font-size: clamp(2.4rem, 0.2rem + 1.72vw, 3.5rem);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-template-page-recruit .fv .fv__right .instructor__recruit img {
  width: 100%;
  position: relative;
}

.page-template-page-recruit .fv .fv__right .income {
  background: #fff;
  border-radius: 21px;
  padding: 40px 20px;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: clamp(2.4rem, 0.2rem + 1.72vw, 3.5rem);
  -webkit-box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1);
}

.page-template-page-recruit .fv .fv__right .income p {
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.page-template-page-recruit .fv .fv__right .income p .bg {
  font-weight: 500;
  color: #CB9A5B;
  font-size: clamp(4rem, 2rem + 1.56vw, 5rem);
  line-height: 1.2;
}

.page-template-page-recruit .fv .fv__right .income .working__place {
  margin: 0 auto;
  background: #F8F1EC;
  border-radius: 10px;
  padding: 15px 30px;
  max-width: 440px;
}

.page-template-page-recruit .fv .fv__right .income .working__place .heading {
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  z-index: 0;
}

.page-template-page-recruit .fv .fv__right .income .working__place .heading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  background: #584D4A;
  z-index: -1;
}

.page-template-page-recruit .fv .fv__right .income .working__place .heading p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  padding: 0 13px;
  background: #F8F1EC;
}

.page-template-page-recruit .fv .fv__right .income .working__place .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2px;
}

.page-template-page-recruit .fv .fv__right .income .working__place .container p,
.page-template-page-recruit .fv .fv__right .income .working__place .container .place {
  font-size: 1.7rem;
  font-family: var(--font-jp);
}

.page-template-page-recruit .fv .fv__right .income .line__btn {
  bottom: -50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 88%;
  margin: 0 auto;
  height: 100px;
  border-radius: 50px;
  background: #4CC764;
  color: #fff;
  font-size: clamp(2.4rem, 1.2rem + 0.94vw, 3rem);
  position: relative;
}

.page-template-page-recruit .fv .fv__right .income .line__btn::before {
  content: "";
  display: block;
  width: 2.1vw;
  aspect-ratio: 1;
  background: url(../img/recruit/line_gr.svg) center center/100% 100% no-repeat;
}

.page-template-page-recruit .fv .fv__right .income .line__btn .popup {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: clamp(2rem, 1.2rem + 0.62vw, 2.4rem);
  font-weight: 500;
  color: var(--color-black);
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
  width: 85%;
  max-width: 330px;
  height: 60px;
  border-radius: 30px;
  background: -webkit-gradient(linear, right top, left top, from(#fffddf), to(#fff));
  background: -webkit-linear-gradient(right, #fffddf 0%, #fff 100%);
  background: linear-gradient(270deg, #fffddf 0%, #fff 100%);
  -webkit-filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.12));
}

.page-template-page-recruit .fv .fv__right .income .line__btn .popup::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 19px;
  aspect-ratio: 19/17;
  background: -webkit-gradient(linear, right top, left top, from(#fffddf), to(#fff));
  background: -webkit-linear-gradient(right, #fffddf 0%, #fff 100%);
  background: linear-gradient(270deg, #fffddf 0%, #fff 100%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

@media (max-width: 1280px) {
  .page-template-page-recruit .fv .fv__right {
    margin-top: 40px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .page-template-page-recruit .fv .fv__right .instructor__recruit {
    border-radius: 20px;
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    font-size: clamp(1.9rem, 1.15rem + 0.98vw, 2.4rem);
  }

  .page-template-page-recruit .fv .fv__right .instructor__recruit img {
    right: unset;
  }

  .page-template-page-recruit .fv .fv__right .income {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    font-size: clamp(2rem, 1.4rem + 0.78vw, 2.4rem);
  }

  .page-template-page-recruit .fv .fv__right .income p .bg {
    font-size: clamp(3rem, 1.499rem + 1.95vw, 4rem);
  }

  .page-template-page-recruit .fv .fv__right .income .line__btn {
    bottom: -40px;
    width: 100%;
    height: 80px;
    border-radius: 40px;
  }

  .page-template-page-recruit .fv .fv__right .income .line__btn::before {
    width: 18px;
  }

  .page-template-page-recruit .fv .fv__right .income .line__btn .popup {
    font-size: clamp(1.8rem, 1.5rem + 0.39vw, 2rem);
    height: 40px;
    border-radius: 20px;
  }

  .page-template-page-recruit .fv .fv__right .income .line__btn .popup::before {
    width: 16px;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .fv .fv__right {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .page-template-page-recruit .fv .fv__right .instructor__recruit {
    border-radius: 10px;
  }

  .page-template-page-recruit .fv .fv__right .income {
    border-radius: 10px;
    font-size: 1.8rem;
  }

  .page-template-page-recruit .fv .fv__right .income .line__btn {
    bottom: -30px;
    height: 70px;
    border-radius: 35px;
  }

  .page-template-page-recruit .fv .fv__right .income .line__btn .popup {
    font-size: 1.6rem;
  }
}

.page-template-page-recruit .breadcrumb__wrapper {
  font-family: var(--font-ns);
  font-size: 1.6rem;
  position: relative;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .breadcrumb__wrapper {
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .breadcrumb__wrapper {
    margin-top: 50px;
  }
}

.page-template-page-recruit .mission {
  position: relative;
}

.page-template-page-recruit .mission .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-template-page-recruit .mission .inner .txt {
  width: 50%;
}

.page-template-page-recruit .mission .inner .txt h2 {
  color: #D17F15;
  font-size: 4.5rem;
  font-family: var(--font-en);
}

.page-template-page-recruit .mission .inner .txt p {
  font-size: 2.1rem;
}

.page-template-page-recruit .mission .inner .img {
  width: 42.5%;
}

.page-template-page-recruit .mission .inner .img img {
  border-radius: 10px;
}

.page-template-page-recruit .mission .inner .img img:nth-child(2) {
  width: 22vw;
  max-width: 428px;
  position: relative;
  right: -40%;
  bottom: 10%;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .mission .inner .txt h2 {
    font-size: 3.6rem;
  }

  .page-template-page-recruit .mission .inner .txt p {
    font-size: 1.8rem;
  }

  .page-template-page-recruit .mission .inner .img {
    width: 45%;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .mission .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .page-template-page-recruit .mission .inner .txt {
    width: 100%;
  }

  .page-template-page-recruit .mission .inner .txt h2 {
    font-size: 2.8rem;
  }

  .page-template-page-recruit .mission .inner .txt p {
    font-size: 1.6rem;
  }

  .page-template-page-recruit .mission .inner .img {
    width: 100%;
    position: relative;
  }

  .page-template-page-recruit .mission .inner .img img {
    border-radius: 5px;
  }

  .page-template-page-recruit .mission .inner .img img:first-child {
    width: 90%;
  }

  .page-template-page-recruit .mission .inner .img img:nth-child(2) {
    position: absolute;
    width: 50%;
    right: 0;
    bottom: -10px;
  }
}

.page-template-page-recruit .point .inner h2 {
  font-size: 4.5rem;
  font-family: var(--font-en);
  color: #D17F15;
  text-align: center;
  letter-spacing: 0.08em;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .point .inner h2 {
    font-size: 3.6rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .point .inner h2 {
    font-size: 2.8rem;
  }
}

.page-template-page-recruit .h2__section {
  border-radius: 40px 40px 0px 0px;
  background: -webkit-linear-gradient(225deg, #ffece8 0%, #f9f6c6 100%);
  background: linear-gradient(225deg, #ffece8 0%, #f9f6c6 100%);
}

.page-template-page-recruit .h2__section .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 22px;
  text-align: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page-template-page-recruit .h2__section .inner .container p {
  font-size: 2.1rem;
  line-height: 1.3;
}

.page-template-page-recruit .h2__section .inner .container .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc((100% - 88px - 170px) / 3);
}

.page-template-page-recruit .h2__section .inner .container .box .circle {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  position: relative;
}

.page-template-page-recruit .h2__section .inner .container .box .circle .num {
  position: absolute;
  width: 73px;
  aspect-ratio: 1;
  border-radius: 50px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3rem;
  font-family: var(--font-en);
  background: -webkit-linear-gradient(225deg, #ffae9a 0%, #ffb70d 100%);
  background: linear-gradient(225deg, #ffae9a 0%, #ffb70d 100%);
}

.page-template-page-recruit .h2__section .inner .container .box .circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%;
}

.page-template-page-recruit .h2__section .inner .container .cross {
  margin-top: calc((100% - 88px - 170px) / 3 / 2 - 42.5px);
  width: 85px;
  aspect-ratio: 1;
  background: url(../img/recruit/point_x.webp) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .h2__section {
    border-radius: 30px 30px 0 0;
  }

  .page-template-page-recruit .h2__section .inner .container {
    gap: 18px;
  }

  .page-template-page-recruit .h2__section .inner .container p {
    font-size: 1.6rem;
  }

  .page-template-page-recruit .h2__section .inner .container .box {
    width: calc((100% - 72px - 136px) / 3);
  }

  .page-template-page-recruit .h2__section .inner .container .box .circle .num {
    width: 56px;
    font-size: 2.4rem;
  }

  .page-template-page-recruit .h2__section .inner .container .cross {
    margin-top: calc((100% - 72px - 136px) / 3 / 2 - 34px);
    width: 68px;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .h2__section {
    border-radius: 10px 10px 0 0;
  }

  .page-template-page-recruit .h2__section .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .page-template-page-recruit .h2__section .inner .container .box {
    width: 100%;
  }

  .page-template-page-recruit .h2__section .inner .container .cross {
    margin-top: 0;
    width: 20%;
  }
}

.page-template-page-recruit .message .inner h2 {
  font-size: 4.5rem;
  font-family: var(--font-en);
  color: #D17F15;
  text-align: center;
  letter-spacing: 0.08em;
}

.page-template-page-recruit .message .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}

.page-template-page-recruit .message .inner .container .box {
  width: calc((100% - 60px) / 2);
  font-family: var(--font-ns);
  font-size: clamp(1.9rem, 0.9rem + 0.78vw, 2.4rem);
  font-weight: 500;
  text-align: center;
}

.page-template-page-recruit .message .inner .container .box iframe {
  width: 100%;
  aspect-ratio: 560/315;
}

.page-template-page-recruit .message .inner .container .box .underline {
  width: calc(100% - 12px);
  margin: 0 auto;
  height: 1px;
  background: #D17F15;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .message .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-recruit .message .inner .container {
    gap: 30px;
  }

  .page-template-page-recruit .message .inner .container .box {
    width: calc((100% - 30px) / 2);
    font-size: clamp(1.5rem, 0.9rem + 0.78vw, 1.9rem);
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .message .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-recruit .message .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-page-recruit .message .inner .container .box {
    width: 100%;
  }
}

.page-template-page-recruit .reason .inner .wrapper {
  padding: 0 90px 180px;
  border-radius: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fffddf), to(#fff));
  background: -webkit-linear-gradient(#fffddf 0%, #fff 100%);
  background: linear-gradient(#fffddf 0%, #fff 100%);
  -webkit-box-shadow: 0px 0px 58px rgba(88, 77, 74, 0.12);
  box-shadow: 0px 0px 58px rgba(88, 77, 74, 0.12);
  position: relative;
}

.page-template-page-recruit .reason .inner .wrapper h2 {
  font-size: 4.5rem;
  font-family: var(--font-en);
  color: #D17F15;
  text-align: center;
  letter-spacing: 0.08em;
}

.page-template-page-recruit .reason .inner .wrapper .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  gap: 20px;
}

.page-template-page-recruit .reason .inner .wrapper .container .box {
  width: calc((100% - 60px) / 4);
}

.page-template-page-recruit .reason .inner .wrapper .container .box .circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
}

.page-template-page-recruit .reason .inner .wrapper .container .box:nth-child(1) .circle img {
  width: 62.8%;
}

.page-template-page-recruit .reason .inner .wrapper .container .box:nth-child(2) .circle img {
  width: 61.5%;
}

.page-template-page-recruit .reason .inner .wrapper .container .box:nth-child(3) .circle img {
  width: 59.3%;
}

.page-template-page-recruit .reason .inner .wrapper .container .box:nth-child(4) .circle img {
  width: 62.3%;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .reason .inner .wrapper {
    padding: 0 40px 140px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 30px rgba(88, 77, 74, 0.12);
    box-shadow: 0px 0px 30px rgba(88, 77, 74, 0.12);
  }

  .page-template-page-recruit .reason .inner .wrapper h2 {
    font-size: 3.6rem;
  }

  .page-template-page-recruit .reason .inner .wrapper .container {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .reason .inner .wrapper {
    padding: 0 20px 140px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(88, 77, 74, 0.12);
    box-shadow: 0px 0px 10px rgba(88, 77, 74, 0.12);
  }

  .page-template-page-recruit .reason .inner .wrapper h2 {
    font-size: 2.8rem;
  }

  .page-template-page-recruit .reason .inner .wrapper .container {
    font-size: 1.5rem;
  }

  .page-template-page-recruit .reason .inner .wrapper .container .box {
    width: calc((100% - 40px) / 2);
  }
}

.page-template-page-recruit .reason__list .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 100px;
}

.page-template-page-recruit .reason__list .inner .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-template-page-recruit .reason__list .inner .box .txt {
  width: 50%;
}

.page-template-page-recruit .reason__list .inner .box .txt .num {
  font-size: 4.5rem;
  font-family: var(--font-en);
  color: #D17F15;
}

.page-template-page-recruit .reason__list .inner .box .txt p {
  line-height: 1.65;
}

.page-template-page-recruit .reason__list .inner .box .img {
  width: 50%;
  padding-left: 5%;
}

.page-template-page-recruit .reason__list .inner .box .img img {
  border-radius: 10px;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .reason__list .inner {
    gap: 80px;
  }

  .page-template-page-recruit .reason__list .inner .box .txt .num {
    font-size: 3.6rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .reason__list .inner {
    gap: 40px;
  }

  .page-template-page-recruit .reason__list .inner .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-page-recruit .reason__list .inner .box .txt {
    width: 100%;
  }

  .page-template-page-recruit .reason__list .inner .box .img {
    width: 100%;
    padding-left: 0;
  }

  .page-template-page-recruit .reason__list .inner .box .img img {
    border-radius: 5px;
  }
}

.page-template-page-recruit .platform .inner .wrapper {
  padding: 0 90px 180px;
  border-radius: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fffddf), to(#fff));
  background: -webkit-linear-gradient(#fffddf 0%, #fff 100%);
  background: linear-gradient(#fffddf 0%, #fff 100%);
  -webkit-box-shadow: 0px 0px 58px rgba(88, 77, 74, 0.12);
  box-shadow: 0px 0px 58px rgba(88, 77, 74, 0.12);
  position: relative;
}

.page-template-page-recruit .platform .inner .wrapper .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-template-page-recruit .platform .inner .wrapper .container .txt {
  width: 50%;
}

.page-template-page-recruit .platform .inner .wrapper .container .img {
  width: 50%;
  padding-left: 7%;
}

.page-template-page-recruit .platform .inner .wrapper .container .img img {
  border-radius: 10px;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .platform .inner .wrapper {
    padding: 0 40px 140px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 30px rgba(88, 77, 74, 0.12);
    box-shadow: 0px 0px 30px rgba(88, 77, 74, 0.12);
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .platform .inner .wrapper {
    padding: 0 20px 100px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(88, 77, 74, 0.12);
    box-shadow: 0px 0px 10px rgba(88, 77, 74, 0.12);
  }

  .page-template-page-recruit .platform .inner .wrapper .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-page-recruit .platform .inner .wrapper .container .txt {
    width: 100%;
  }

  .page-template-page-recruit .platform .inner .wrapper .container .img {
    width: 100%;
    padding-left: 0;
  }

  .page-template-page-recruit .platform .inner .wrapper .container .img img {
    border-radius: 5px;
  }
}

.page-template-page-recruit .studio__list .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
}

.page-template-page-recruit .studio__list .inner .container .studio {
  width: calc((100% - 120px) / 3);
}

.page-template-page-recruit .studio__list .inner .container .studio .img img {
  border-radius: 10px;
  aspect-ratio: 360/240;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-page-recruit .studio__list .inner .container .studio .studio__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  font-family: var(--font-ns);
}

.page-template-page-recruit .studio__list .inner .container .studio .studio__heading .area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  padding: 0 5px;
  height: 38px;
  border-radius: 5px;
  background: -webkit-linear-gradient(225deg, #fcf8bf 0%, #ffece8 0%, #f9f6c6 100%);
  background: linear-gradient(225deg, #fcf8bf 0%, #ffece8 0%, #f9f6c6 100%);
}

.page-template-page-recruit .studio__list .inner .container .studio .studio__heading .name {
  font-size: 2rem;
}

.page-template-page-recruit .studio__list .inner .container .studio .address {
  line-height: 1.65;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .studio__list .inner .container {
    gap: 40px;
  }

  .page-template-page-recruit .studio__list .inner .container .studio {
    width: calc((100% - 80px) / 3);
  }

  .page-template-page-recruit .studio__list .inner .container .studio .studio__heading {
    gap: 15px;
  }

  .page-template-page-recruit .studio__list .inner .container .studio .studio__heading .area {
    font-size: 1.6rem;
    height: 32px;
  }

  .page-template-page-recruit .studio__list .inner .container .studio .studio__heading .name {
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .studio__list .inner .container {
    gap: 20px;
  }

  .page-template-page-recruit .studio__list .inner .container .studio {
    width: 100%;
  }

  .page-template-page-recruit .studio__list .inner .container .studio .studio__heading {
    gap: 10px;
  }

  .page-template-page-recruit .studio__list .inner .container .studio .studio__heading .area {
    font-size: 1.5rem;
    height: 28px;
  }

  .page-template-page-recruit .studio__list .inner .container .studio .studio__heading .name {
    font-size: 1.6rem;
  }

  .page-template-page-recruit .studio__list .inner .container .studio .address {
    font-size: 1.5rem;
  }
}

.page-template-page-recruit .step .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.page-template-page-recruit .step .inner .container .box {
  width: calc((100% - 30px - 189px) / 4);
}

.page-template-page-recruit .step .inner .container .box .circle .num {
  width: 61px;
  font-size: 3.3rem;
}

.page-template-page-recruit .step .inner .container .box h3 {
  font-size: 2.4rem;
  font-family: var(--font-ns);
}

.page-template-page-recruit .step .inner .container p {
  font-size: 1.6rem;
}

.page-template-page-recruit .step .inner .container :nth-child(1 of .box) .circle img {
  width: 63%;
}

.page-template-page-recruit .step .inner .container :nth-child(2 of .box) .circle img {
  width: 52%;
}

.page-template-page-recruit .step .inner .container :nth-child(3 of .box) .circle img {
  width: 66%;
}

.page-template-page-recruit .step .inner .container :nth-child(4 of .box) .circle img {
  width: 35%;
}

.page-template-page-recruit .step .inner .container .arrow {
  margin-top: calc((100% - 30px - 189px) / 4 / 2 - 4.7014925373px);
  width: 63px;
  aspect-ratio: 63/6.7;
  background: url(../img/recruit/step_arrow.svg) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .step .inner .container .box .circle .num {
    width: 45px;
    font-size: 2.2rem;
  }

  .page-template-page-recruit .step .inner .container .box h3 {
  font-size: 1.8rem;
  }

  .page-template-page-recruit .step .inner .container p {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .step .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-page-recruit .step .inner .container .box {
    width: 100%;
  }

  .page-template-page-recruit .step .inner .container .arrow {
    display: none;
  }
}

.page-template-page-recruit .job__description .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 100px;
}

.page-template-page-recruit .job__description .inner .container .left,
.page-template-page-recruit .job__description .inner .container .right {
  width: calc((100% - 100px) / 2);
}

.page-template-page-recruit .job__description .inner .container dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px 30px;
}

.page-template-page-recruit .job__description .inner .container dl dt,
.page-template-page-recruit .job__description .inner .container dl dd {
  padding: 10px 0;
}

.page-template-page-recruit .job__description .inner .container dl dt {
  width: 120px;
  color: #D17F15;
  border-bottom: 1px solid #D17F15;
  font-family: var(--font-ns);
  font-size: 2rem;
}

.page-template-page-recruit .job__description .inner .container dl dd {
  width: calc(100% - 30px - 120px);
  border-bottom: 1px solid var(--color-black);
}

.page-template-page-recruit .job__description .inner .line__btn {
  position: relative;
}

@media (max-width: 1280px) {
  .page-template-page-recruit .job__description .inner .container {
    gap: 60px;
  }

  .page-template-page-recruit .job__description .inner .container .left,
  .page-template-page-recruit .job__description .inner .container .right {
    width: calc((100% - 60px) / 2);
  }

  .page-template-page-recruit .job__description .inner .container dl {
    gap: 10px 20px;
  }

  .page-template-page-recruit .job__description .inner .container dl dt {
    font-size: 1.9rem;
    width: 100px;
  }

  .page-template-page-recruit .job__description .inner .container dl dd {
    width: calc(100% - 20px - 100px);
  }
}

@media (max-width: 768px) {
  .page-template-page-recruit .job__description .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }

  .page-template-page-recruit .job__description .inner .container .left,
  .page-template-page-recruit .job__description .inner .container .right {
    width: 100%;
  }

  .page-template-page-recruit .job__description .inner .container dl {
    gap: 10px 15px;
  }

  .page-template-page-recruit .job__description .inner .container dl dt {
    font-size: 1.8rem;
    width: 80px;
  }

  .page-template-page-recruit .job__description .inner .container dl dd {
    width: calc(100% - 15px - 80px);
  }
}

.page-template-page-recruit .related__posts {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .page-template-page-recruit .related__posts {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.page-template-page-recruit .related__posts .inner h2 {
  font-size: 4rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-recruit .related__posts .inner .posts__list {
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}

@media (max-width: 768px) {
  .page-template-page-recruit .related__posts .inner .posts__list {
    gap: 20px;
  }
}

.page-template-page-recruit .related__posts .inner .posts__list .post__item {
  width: calc((100% - 120px) / 4);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

@media (max-width: 768px) {
  .page-template-page-recruit .related__posts .inner .posts__list .post__item {
    width: calc((100% - 20px) / 2);
  }
}

.page-template-page-recruit .related__posts .inner .posts__list .post__item .post__thumbnail img {
  aspect-ratio: 4/3;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-page-recruit .related__posts .inner .posts__list .post__item .post__content {
  padding: 10px 15px;
}

.page-template-page-recruit .related__posts .inner .posts__list .post__item .post__content .post__title {
  font-size: 1.6rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #584D4A;
}

/* ------------------------------------- /
/  フランチャイズ募集ページ
/* ------------------------------------- */
.page-template-page-franchise .btn__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}

.page-template-page-franchise .btn__container .btn {
  width: calc((100% - 40px) / 2);
  max-width: 500px;
  height: 100px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#ffae9a), to(#ffb70d));
  background: -webkit-linear-gradient(left, #ffae9a 0%, #ffb70d 100%);
  background: linear-gradient(90deg, #ffae9a 0%, #ffb70d 100%);
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 500;
  color: #fff;
  padding: 0 50px;
}

.page-template-page-franchise .btn__container .btn.line {
  background: #4CC764;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .btn__container {
    gap: 20px;
  }

  .page-template-page-franchise .btn__container .btn {
    width: calc((100% - 20px) / 2);
    max-width: 500px;
    height: 80px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .btn__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .page-template-page-franchise .btn__container .btn {
    width: 280px;
    height: 70px;
    border-radius: 35px;
    font-size: 1.7rem;
    text-align: center;
  }
}

.page-template-page-franchise .franchise__header {
  padding: 250px 0;
  background: url(../img/franchise/header.webp) center center/cover no-repeat;
}

.page-template-page-franchise .franchise__header .contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  padding: 0 6%;
}

.page-template-page-franchise .franchise__header .contents h1 {
  font-size: clamp(3rem, 2.34vw, 4.5rem);
  font-family: var(--font-ns);
  font-weight: 600;
  line-height: 1.56;
}

.page-template-page-franchise .franchise__header .contents .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4%;
  width: 44%;
}

.page-template-page-franchise .franchise__header .contents .container .circle {
  width: 30.6666666667%;
  max-width: 200px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-ns);
  font-size: clamp(2rem, 1.2rem + 0.62vw, 2.4rem);
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .franchise__header {
    padding: 150px 0;
  }

  .page-template-page-franchise .franchise__header .contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 30px;
  }

  .page-template-page-franchise .franchise__header .contents .container {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .franchise__header {
    padding: 100px 0;
  }

  .page-template-page-franchise .franchise__header .contents {
    padding: 0 4%;
  }

  .page-template-page-franchise .franchise__header .contents h1 {
    font-size: clamp(1.7rem, 0.46rem + 3.31vw, 3rem);
  }

  .page-template-page-franchise .franchise__header .contents .container .circle {
    font-size: clamp(1.5rem, 1.023rem + 1.27vw, 2rem);
  }
}

.page-template-page-franchise .about__wrapper {
  background: url(../img/franchise/about_bg.webp) center center/cover no-repeat;
}

.page-template-page-franchise .about .inner h2 {
  font-size: 4.5rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .about .inner p {
  max-width: 1000px;
  margin: 0 auto;
}

.page-template-page-franchise .about .inner p .yellow {
  background: #FFEFD0;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .about .inner h2 {
    font-size: 3.6rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .about .inner h2 {
    font-size: 2.8rem;
  }
}

.page-template-page-franchise .bg__yellow {
  background: -webkit-gradient(linear, left top, left bottom, from(#fffcef), color-stop(72.41%, #fefaf2), to(rgba(255, 253, 245, 0)));
  background: -webkit-linear-gradient(#fffcef 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
  background: linear-gradient(#fffcef 0%, #fefaf2 72.41%, rgba(255, 253, 245, 0) 100%);
}

.page-template-page-franchise .chance .inner h2 {
  font-family: var(--font-ns);
  font-size: 4.5rem;
  font-weight: 500;
  color: #778673;
  text-align: center;
  line-height: 1.4;
}

.page-template-page-franchise .chance .inner p {
  text-align: center;
  line-height: 1.65;
}

.page-template-page-franchise .chance .inner .demand {
  background: #fff;
  border-radius: 30px;
  border: 2px solid #96B98E;
  text-align: center;
  padding: 0 8%;
}

.page-template-page-franchise .chance .inner .demand h3 {
  font-size: 3.5rem;
}

.page-template-page-franchise .chance .inner .demand h4 {
  font-size: 2.1rem;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .chance .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .chance .inner .demand {
    border-radius: 20px;
    padding: 0 6%;
  }

  .page-template-page-franchise .chance .inner .demand h3 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .chance .inner .demand h4 {
    font-size: 1.9rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .chance .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .chance .inner .demand {
    border-radius: 10px;
    padding: 0 4%;
  }

  .page-template-page-franchise .chance .inner .demand h3 {
    font-size: 2.2rem;
  }

  .page-template-page-franchise .chance .inner .demand h4 {
    font-size: 1.7rem;
  }
}

.page-template-page-franchise .appeal .inner {
  text-align: center;
}

.page-template-page-franchise .appeal .inner h2 {
  font-size: 4.5rem;
  font-family: var(--font-ns);
  color: #778673;
  font-weight: 500;
}

.page-template-page-franchise .appeal .inner p {
  line-height: 1.65;
}

.page-template-page-franchise .appeal .inner h3 {
  font-family: var(--font-ns);
  font-weight: 500;
  font-size: 2.4rem;
}

.page-template-page-franchise .appeal .inner h3 .line__1 {
  position: relative;
  display: inline-block;
}

.page-template-page-franchise .appeal .inner h3 .line__1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1%;
  width: 102%;
  aspect-ratio: 271/10;
  background: url(../img/franchise/appeal_line_1.svg) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner h3 .line__2 {
  position: relative;
  display: inline-block;
}

.page-template-page-franchise .appeal .inner h3 .line__2::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  aspect-ratio: 247/13;
  background: url(../img/franchise/appeal_line_2.svg) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.page-template-page-franchise .appeal .inner .container .box {
  width: calc((100% - 60px) / 3);
  background: #fff;
  border-radius: 10px;
  padding: 40px 40px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
}

.page-template-page-franchise .appeal .inner .container .box h4 {
  font-size: 2.1rem;
  height: 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-page-franchise .appeal .inner .container .box p {
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  line-height: 1.65;
}

.page-template-page-franchise .appeal .inner :nth-child(1 of .container) :nth-child(1 of .box)::before {
  content: "";
  position: absolute;
  bottom: 5%;
  left: -6%;
  width: 22%;
  aspect-ratio: 170/150;
  background: url(../img/franchise/appeal_01.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(1 of .container) :nth-child(2 of .box)::before {
  content: "";
  position: absolute;
  top: -6%;
  right: 11%;
  width: 20.4%;
  aspect-ratio: 155/150;
  background: url(../img/franchise/appeal_02.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(1 of .container) :nth-child(3 of .box)::before {
  content: "";
  position: absolute;
  bottom: -4%;
  right: 4%;
  width: 23%;
  aspect-ratio: 176/121;
  background: url(../img/franchise/appeal_03.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(2 of .container) :nth-child(1 of .box)::before {
  content: "";
  position: absolute;
  bottom: -6%;
  left: -2%;
  width: 20.9%;
  aspect-ratio: 159/120;
  background: url(../img/franchise/appeal_04.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(2 of .container) :nth-child(2 of .box)::before {
  content: "";
  position: absolute;
  top: -3%;
  right: -3%;
  width: 17.5%;
  aspect-ratio: 133/115;
  background: url(../img/franchise/appeal_05.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(2 of .container) :nth-child(3 of .box)::before {
  content: "";
  position: absolute;
  bottom: -4%;
  right: 7%;
  width: 17.9%;
  aspect-ratio: 136/152;
  background: url(../img/franchise/appeal_06.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(3 of .container) :nth-child(1 of .box)::before {
  content: "";
  position: absolute;
  top: -6%;
  left: -5%;
  width: 20.4%;
  aspect-ratio: 155/167;
  background: url(../img/franchise/appeal_07.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(3 of .container) :nth-child(2 of .box)::before {
  content: "";
  position: absolute;
  bottom: 8%;
  right: -2%;
  width: 23.9%;
  aspect-ratio: 182/147;
  background: url(../img/franchise/appeal_08.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner :nth-child(3 of .container) :nth-child(3 of .box)::before {
  content: "";
  position: absolute;
  top: -6%;
  right: 11%;
  width: 18.6%;
  aspect-ratio: 141/165;
  background: url(../img/franchise/appeal_09.webp) center center/100% 100% no-repeat;
}

.page-template-page-franchise .appeal .inner .map__wrapper {
  background: #fff;
  border-radius: 30px;
  padding: 0 30px;
}

.page-template-page-franchise .appeal .inner .map__wrapper img {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .appeal .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .appeal .inner h3 {
    font-size: 1.9rem;
  }

  .page-template-page-franchise .appeal .inner .container {
    gap: 20px;
  }

  .page-template-page-franchise .appeal .inner .container .box {
    width: calc((100% - 40px) / 3);
    padding: 30px 20px 60px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  }

  .page-template-page-franchise .appeal .inner .container .box h4 {
    font-size: 1.8rem;
  }

  .page-template-page-franchise .appeal .inner .map__wrapper {
    border-radius: 20px;
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .appeal .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .appeal .inner h3 {
    font-size: 1.6rem;
  }

  .page-template-page-franchise .appeal .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 50px;
  }

  .page-template-page-franchise .appeal .inner .container .box {
    width: 100%;
    padding: 20px 40px 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }

  .page-template-page-franchise .appeal .inner .container .box h4 {
    font-size: 1.6rem;
    height: 80px;
  }

  .page-template-page-franchise .appeal .inner :nth-child(1 of .container) :nth-child(1 of .box)::before {
    bottom: -15%;
    left: 0;
    width: 13%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(1 of .container) :nth-child(2 of .box)::before {
    top: -10%;
    right: 4%;
    width: 12%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(1 of .container) :nth-child(3 of .box)::before {
    bottom: -7%;
    right: 3%;
    width: 12%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(2 of .container) :nth-child(1 of .box)::before {
    bottom: -8%;
    left: 0%;
    width: 11%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(2 of .container) :nth-child(2 of .box)::before {
    top: -5%;
    right: 2%;
    width: 9%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(2 of .container) :nth-child(3 of .box)::before {
    bottom: -5%;
    right: 2%;
    width: 9%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(3 of .container) :nth-child(1 of .box)::before {
    top: -3%;
    left: 0%;
    width: 9%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(3 of .container) :nth-child(2 of .box)::before {
    bottom: -1%;
    right: -1%;
    width: 12%;
  }

  .page-template-page-franchise .appeal .inner :nth-child(3 of .container) :nth-child(3 of .box)::before {
    top: -4%;
    right: 1%;
    width: 9%;
  }
}

.fc__message {
  padding: 100px 80px;
  background: #FFFCEF;
  border-radius: 10px;
}
.fc__message__container {
  display: flex;
  justify-content: space-between;
}
.fc__message__img {
  width: 33%;
}
.fc__message__img img {
  border-radius: 10px;
}
.fc__message__txt {
  width: 60%;
  text-align: left;
}
.fc__message__txt h3 {
  color: #778673;
  font-family: var(--font-jp)!important;
}
.fc__message__link {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.fc__message__link > a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  height: 80px;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  width: calc((100% - 30px * 2) / 3);
  font-size: 2.4rem;
  font-weight: 500;
}
.fc__message__link > a img {
  max-width: 50px;
}
.fc__message__link > a img.mw42 {
  max-width: 42px;
}
.fc__message__link > a img.mw36 {
  max-width: 36px;
  margin-right: 18px;
}
@media (max-width: 1280px) {
  .fc__message {
    padding: 60px 40px;
  }
  .fc__message__link {
    gap: 15px;
  }
  .fc__message__link > a {
    gap: 12px;
    height: 60px;
    border-radius: 30px;
    width: calc((100% - 15px * 2) / 3);
    font-size: 2.0rem;
  }
  .fc__message__link > a img {
    max-width: 40px;
  }
  .fc__message__link > a img.mw42 {
    max-width: 34px;
  }
  .fc__message__link > a img.mw36 {
    max-width: 30px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .fc__message {
    padding: 40px 6%;
  }
  .fc__message__container {
    flex-direction: column;
    row-gap: 40px;
  }
  .fc__message__img, .fc__message__txt {
    width: 100%;
  }
  .fc__message__img img {
    max-width: 300px;
    margin: 0 auto;
    border-radius: 5px;
  }
  .fc__message__link {
    flex-direction: column;
    align-items: center;
  }
  .fc__message__link > a {
    width: min(100%, 300px);
  }
}

.page-template-page-franchise .sample {
  width: 1800px;
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecf8f3), to(#f9f6ee));
  background: -webkit-linear-gradient(#ecf8f3 0%, #f9f6ee 100%);
  background: linear-gradient(#ecf8f3 0%, #f9f6ee 100%);
  -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
  margin: 0 60px;
  width: calc(100% - 120px);
}

.page-template-page-franchise .sample .wrapper {
  padding: 0 6%;
  position: relative;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner h2 {
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--font-ns);
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner p {
  max-width: 1000px;
  margin: 0 auto;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model {
  background: #fff;
  border-radius: 10px;
  padding: 0 90px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model h4 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box {
  width: calc((100% - 120px) / 3);
  text-align: center;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .heading {
  font-size: 2.1rem;
  color: #778673;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .line {
  margin-top: 10px;
  width: 100%;
  height: 1px;
  background: #96B98E;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .price {
  font-size: 2.4rem;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .price .bg {
  font-size: 3.5rem;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case {
  width: calc((100% - 40px) / 2);
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case p {
  text-align: center;
  font-size: 2.4rem;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table {
  width: 100%;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr th {
  background: #96B98E;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 15px 20px;
  white-space: nowrap;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr td {
  background: #fff;
  padding: 15px 30px;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr:first-child th {
  border-radius: 10px 0 0 0;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr:first-child td {
  border-radius: 0 10px 0 0;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr:last-child th {
  border-radius: 0 0 0 10px;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr:last-child td {
  border-radius: 0 0 10px 0;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

.page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #E8E8E8;
}

.page-template-page-franchise .sample .wrapper .btn__container {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 100%;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .sample {
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    margin: 0 40px;
    width: calc(100% - 80px);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model {
    padding: 0 50px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model h4 {
    font-size: 1.9rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container {
    gap: 15px;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box {
    width: calc((100% - 30px) / 3);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .heading {
    font-size: 1.6rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .price {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box .price .bg {
    font-size: 2.2rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container {
    gap: 20px;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case {
    width: calc((100% - 20px) / 2);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case p {
    font-size: 1.9rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr th {
    padding: 15px 15px;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr td {
    padding: 15px 20px;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .sample {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin: 0 20px;
    width: calc(100% - 40px);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model {
    padding: 0 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model h4 {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .model .container .box {
    width: 100%;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case {
    width: 100%;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case p {
    font-size: 1.8rem;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr th {
    padding: 10px 10px;
  }

  .page-template-page-franchise .sample .wrapper .wrapper__inner .case__container .case table tbody tr td {
    padding: 10px 10px;
  }

  .page-template-page-franchise .sample .wrapper .btn__container {
    margin-top: 50px;
    position: unset;
    -webkit-transform: unset;
    transform: unset;
  }
}

.page-template-page-franchise .condition .inner .wrapper {
  border-radius: 30px;
  background: #fffcef;
  padding: 0 60px;
}

.page-template-page-franchise .condition .inner .wrapper h2 {
  font-size: 3.5rem;
  font-weight: 500;
  font-family: var(--font-ns);
  color: #778673;
  text-align: center;
  line-height: 1.5;
}

.page-template-page-franchise .condition .inner .wrapper ul {
  max-width: 700px;
  margin: 0 auto;
  font-size: 2.4rem;
}

.page-template-page-franchise .condition .inner .wrapper ul li {
  position: relative;
  padding-left: 47px;
}

.page-template-page-franchise .condition .inner .wrapper ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 27px;
  aspect-ratio: 27/24;
  background: url(../img/franchise/check.svg) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .condition .inner .wrapper {
    border-radius: 20px;
    padding: 0 40px;
  }

  .page-template-page-franchise .condition .inner .wrapper h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .condition .inner .wrapper ul {
    font-size: 1.9rem;
  }

  .page-template-page-franchise .condition .inner .wrapper ul li {
    padding-left: 40px;
  }

  .page-template-page-franchise .condition .inner .wrapper ul li::before {
    width: 22px;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .condition .inner .wrapper {
    border-radius: 10px;
    padding: 0 20px;
  }

  .page-template-page-franchise .condition .inner .wrapper h2 {
    font-size: 2.2rem;
  }

  .page-template-page-franchise .condition .inner .wrapper ul {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .condition .inner .wrapper ul li {
    padding-left: 32px;
  }

  .page-template-page-franchise .condition .inner .wrapper ul li::before {
    width: 18px;
  }
}

.page-template-page-franchise .investment .inner h2 {
  font-size: 4.5rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .investment .inner table {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.page-template-page-franchise .investment .inner table tbody tr td {
  padding: 15px;
  text-align: center;
  width: 50%;
}

.page-template-page-franchise .investment .inner table tbody tr:last-child {
  background: -webkit-gradient(linear, right top, left top, from(#ffae9a), to(#ffb70d));
  background: -webkit-linear-gradient(right, #ffae9a 0%, #ffb70d 100%);
  background: linear-gradient(270deg, #ffae9a 0%, #ffb70d 100%);
  color: #fff;
  font-weight: 700;
}

.page-template-page-franchise .investment .inner table tbody tr:last-child :first-child {
  border-radius: 0 0 0 10px;
}

.page-template-page-franchise .investment .inner table tbody tr:last-child :last-child {
  border-radius: 0 0 10px 0;
  border-left: 1px solid #fff;
}

.page-template-page-franchise .investment .inner table tbody tr:not(:last-child) :first-child {
  background: #96B98E;
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #fff;
}

.page-template-page-franchise .investment .inner table tbody tr:not(:last-child) :last-child {
  border-bottom: 1px solid #E8E8E8;
}

.page-template-page-franchise .investment .inner table tbody tr:first-child :first-child {
  border-radius: 10px 0 0 0;
}

.page-template-page-franchise .investment .inner table tbody tr:first-child :last-child {
  border-radius: 0 10px 0 0;
}

.page-template-page-franchise .investment .inner img {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

@media (max-width: 1280px) {
  .page-template-page-franchise .investment .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .investment .inner table {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .investment .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .investment .inner table {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }

  .page-template-page-franchise .investment .inner table tbody tr td {
    padding: 10px;
  }

  .page-template-page-franchise .investment .inner table tbody tr:last-child :first-child {
    border-radius: 0 0 0 5px;
  }

  .page-template-page-franchise .investment .inner table tbody tr:last-child :last-child {
    border-radius: 0 0 5px 0;
  }

  .page-template-page-franchise .investment .inner table tbody tr:first-child :first-child {
    border-radius: 5px 0 0 0;
  }

  .page-template-page-franchise .investment .inner table tbody tr:first-child :last-child {
    border-radius: 0 5px 0 0;
  }
}

.page-template-page-franchise .strength {
  background: -webkit-gradient(linear, left top, left bottom, from(#fffcef), to(#fff));
  background: -webkit-linear-gradient(#fffcef 0%, #fff 100%);
  background: linear-gradient(#fffcef 0%, #fff 100%);
}

.page-template-page-franchise .strength .inner h2 {
  text-align: center;
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--font-ns);
  color: #778673;
}

.page-template-page-franchise .strength .inner .box {
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 0 80px;
}

.page-template-page-franchise .strength .inner .box h3 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #778673;
  font-family: var(--font-jp);
}

.page-template-page-franchise .strength .inner .box h3 .line {
  display: inline-block;
  position: relative;
}

.page-template-page-franchise .strength .inner .box h3 .line.line__1::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  aspect-ratio: 274/11;
  background: url(../img/franchise/strength_line_1.svg) center center/100% 100% no-repeat;
}

.page-template-page-franchise .strength .inner .box h3 .line.line__2::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  aspect-ratio: 174/11;
  background: url(../img/franchise/strength_line_2.svg) center center/100% 100% no-repeat;
}

.page-template-page-franchise .strength .inner .box h3 .line.line__3::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  aspect-ratio: 151/11;
  background: url(../img/franchise/strength_line_3.svg) center center/100% 100% no-repeat;
}

.page-template-page-franchise .strength .inner .box .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.page-template-page-franchise .strength .inner .box .container .left,
.page-template-page-franchise .strength .inner .box .container .right {
  width: calc((100% - 40px) / 2);
}

.page-template-page-franchise .strength .inner h3 {
  font-size: 3rem;
  color: #778673;
  font-weight: 500;
  text-align: center;
}

.page-template-page-franchise .strength .inner .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}

.page-template-page-franchise .strength .inner .wrapper .left,
.page-template-page-franchise .strength .inner .wrapper .right {
  width: calc((100% - 80px) / 2);
}

.page-template-page-franchise .strength .inner .wrapper .left h4,
.page-template-page-franchise .strength .inner .wrapper .right h4 {
  text-align: center;
  font-size: 2.1rem;
  color: var(--color-black);
}

.page-template-page-franchise .strength .inner .popup {
  width: 100%;
  aspect-ratio: 1000/18.6;
  background: url(../img/franchise/popup_line.svg) center center/100% 100% no-repeat;
}

.page-template-page-franchise .strength .inner h5 {
  text-align: center;
  font-size: 2.1rem;
}

.page-template-page-franchise .strength .inner .result {
  margin: 0 auto;
  max-width: 160px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #D17F15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #D17F15;
  font-size: 3rem;
  font-family: var(--font-ns);
}

.page-template-page-franchise .strength .inner .result h3 {
  color: inherit;
  font-size: 1.7rem;
  font-family: var(--font-jp);
}

.page-template-page-franchise .strength .inner h4 {
  font-size: 3.5rem;
  font-weight: 600;
  color: #D17F15;
  font-family: var(--font-ns);
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .strength .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .strength .inner .box {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 0 40px;
  }

  .page-template-page-franchise .strength .inner .box h3 {
    font-size: 1.9rem;
  }

  .page-template-page-franchise .strength .inner .box .container {
    gap: 30px;
  }

  .page-template-page-franchise .strength .inner .box .container .left,
  .page-template-page-franchise .strength .inner .box .container .right {
    width: calc((100% - 30px) / 2);
  }

  .page-template-page-franchise .strength .inner h3 {
    font-size: 2.4rem;
  }

  .page-template-page-franchise .strength .inner .wrapper {
    gap: 40px;
  }

  .page-template-page-franchise .strength .inner .wrapper .left,
  .page-template-page-franchise .strength .inner .wrapper .right {
    width: calc((100% - 40px) / 2);
  }

  .page-template-page-franchise .strength .inner .wrapper .left h4,
  .page-template-page-franchise .strength .inner .wrapper .right h4 {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .strength .inner h5 {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .strength .inner h4 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .strength .inner .result {
    font-size: 2.4rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .strength .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .strength .inner .box {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    border-radius: 5px;
  }

  .page-template-page-franchise .strength .inner .box h3 {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .strength .inner .box .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .page-template-page-franchise .strength .inner .box .container .left,
  .page-template-page-franchise .strength .inner .box .container .right {
    width: 100%;
  }

  .page-template-page-franchise .strength .inner h3 {
    font-size: 1.9rem;
  }

  .page-template-page-franchise .strength .inner .wrapper {
    row-gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-template-page-franchise .strength .inner .wrapper .left,
  .page-template-page-franchise .strength .inner .wrapper .right {
    width: 100%;
  }

  .page-template-page-franchise .strength .inner .wrapper .left h4,
  .page-template-page-franchise .strength .inner .wrapper .right h4 {
    font-size: 1.6rem;
  }

  .page-template-page-franchise .strength .inner h5 {
    font-size: 1.6rem;
  }

  .page-template-page-franchise .strength .inner .result {
    max-width: 120px;
    font-size: 2rem;
  }

  .page-template-page-franchise .strength .inner .result h3 {
    font-size: 1.6rem;
  }

  .page-template-page-franchise .strength .inner h4 {
    font-size: 2.2rem;
  }
}

.page-template-page-franchise .franchise__flow {
  background: url(../img/franchise/flow_bg.webp) center top/100% auto no-repeat;
}

.page-template-page-franchise .franchise__flow .inner h2 {
  font-family: var(--font-ns);
  font-weight: 500;
  font-size: 4.5rem;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .franchise__flow .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
}

.page-template-page-franchise .franchise__flow .inner .container .box {
  width: calc((100% - 120px) / 3);
}

.page-template-page-franchise .franchise__flow .inner .container .box .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
  position: relative;
}

.page-template-page-franchise .franchise__flow .inner .container .box .heading .num {
  color: #96B98E;
  font-family: var(--font-en);
  font-size: 5rem;
}

.page-template-page-franchise .franchise__flow .inner .container .box .heading .ttl {
  font-family: var(--font-ns);
  font-weight: 500;
  font-size: 2.4rem;
}

.page-template-page-franchise .franchise__flow .inner .container .box .heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 361/14.6;
  background: url(../img/franchise/flow_arrow.svg) center center/100% 100% no-repeat;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .franchise__flow .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .franchise__flow .inner .container {
    gap: 40px;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box {
    width: calc((100% - 80px) / 3);
  }

  .page-template-page-franchise .franchise__flow .inner .container .box .heading {
    gap: 15px;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box .heading .num {
    font-size: 4rem;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box .heading .ttl {
    font-size: 1.9rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .franchise__flow .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .franchise__flow .inner .container {
    gap: 30px;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box {
    width: 100%;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box .heading {
    gap: 15px;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box .heading .num {
    font-size: 3.2rem;
  }

  .page-template-page-franchise .franchise__flow .inner .container .box .heading .ttl {
    font-size: 1.7rem;
  }
}

.page-template-page-franchise .owner .inner h2 {
  font-size: 4.5rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .owner .inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.page-template-page-franchise .owner .inner .container .box {
  width: calc((100% - 40px) / 2);
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  padding: 40px 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}

.page-template-page-franchise .owner .inner .container .box img {
  width: 220px;
  border-radius: 5px;
}

.page-template-page-franchise .owner .inner .container .box .txt {
  width: calc(100% - 30px - 220px);
  line-height: 1.65;
}

.page-template-page-franchise .owner .inner .container .box .txt .line {
  height: 1px;
  background: #707070;
  margin-left: -70px;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .owner .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .owner .inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .page-template-page-franchise .owner .inner .container .box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .owner .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .owner .inner .container .box {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    padding: 20px;
    gap: 20px;
  }

  .page-template-page-franchise .owner .inner .container .box img {
    width: 120px;
  }

  .page-template-page-franchise .owner .inner .container .box .txt {
    width: calc(100% - 20px - 120px);
  }
}

.page-template-page-franchise .faq__main .inner h2 {
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--font-ns);
  color: #778673;
  text-align: center;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .faq__main .inner h2 {
    font-size: 3.6rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .faq__main .inner h2 {
    font-size: 2.8rem;
  }
}

.page-template-page-franchise .contact .inner h2 {
  font-family: var(--font-ns);
  font-size: 4.5rem;
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .contact .inner dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 50px;
}

.page-template-page-franchise .contact .inner dl dt {
  height: 40px;
  font-size: 2.1rem;
  width: 250px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.page-template-page-franchise .contact .inner dl dt .required {
  background: #778673;
  color: #fff;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 25px;
  border-radius: 3px;
  font-weight: 500;
}

.page-template-page-franchise .contact .inner dl dd {
  width: calc(100% - 40px - 250px);
}

.page-template-page-franchise .contact .inner dl dd .wpcf7-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}

.page-template-page-franchise .contact .inner dl dd label:has(input[type=radio]) {
  padding-left: 31px;
  position: relative;
}

.page-template-page-franchise .contact .inner dl dd label:has(input[type=radio]) input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.page-template-page-franchise .contact .inner dl dd label:has(input[type=radio]) input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 21px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #707070;
}

.page-template-page-franchise .contact .inner dl dd label:has(input[type=radio]) input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 10.5px;
  width: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #707070;
}

.page-template-page-franchise .contact .inner dl dd .wpcf7-list-item.first {
  margin-left: 0;
}

.page-template-page-franchise .contact .inner dl dd input[type=text],
.page-template-page-franchise .contact .inner dl dd input[type=email],
.page-template-page-franchise .contact .inner dl dd input[type=tel],
.page-template-page-franchise .contact .inner dl dd textarea {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #707070;
  font-size: 1.7rem;
  font-family: var(--font-jp);
}

.page-template-page-franchise .contact .inner dl dd input[type=text],
.page-template-page-franchise .contact .inner dl dd input[type=email],
.page-template-page-franchise .contact .inner dl dd input[type=tel] {
  height: 40px;
}

.page-template-page-franchise .contact .inner .acceptance__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-template-page-franchise .contact .inner label:has(input[type=checkbox]) {
  position: relative;
  padding-left: 41px;
}

.page-template-page-franchise .contact .inner label:has(input[type=checkbox]) input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.page-template-page-franchise .contact .inner label:has(input[type=checkbox]) input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  aspect-ratio: 1;
  border: 1px solid #707070;
}

.page-template-page-franchise .contact .inner label:has(input[type=checkbox]) input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 15px;
  height: 9px;
  border-left: 3px solid #707070;
  border-bottom: 3px solid #707070;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.page-template-page-franchise .contact .inner .submit__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.page-template-page-franchise .contact .inner input[type=submit] {
  margin: 0 auto;
  display: block;
  width: min(500px, 100%);
  height: 100px;
  border-radius: 50px;
  background: #778673;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: 500;
  font-size: 2.4rem;
  border: unset;
}

@media (max-width: 1280px) {
  .page-template-page-franchise .contact .inner h2 {
    font-size: 3.6rem;
  }

  .page-template-page-franchise .contact .inner dl {
    gap: 30px;
    margin-bottom: 40px;
  }

  .page-template-page-franchise .contact .inner dl dt {
    font-size: 1.8rem;
    width: 200px;
  }

  .page-template-page-franchise .contact .inner dl dd {
    width: calc(100% - 30px - 200px);
  }

  .page-template-page-franchise .contact .inner input[type=submit] {
    width: min(400px, 100%);
    height: 80px;
    border-radius: 40px;
    font-size: 1.9rem;
  }
}

@media (max-width: 768px) {
  .page-template-page-franchise .contact .inner h2 {
    font-size: 2.8rem;
  }

  .page-template-page-franchise .contact .inner dl {
    margin-bottom: 30px;
  }

  .page-template-page-franchise .contact .inner dl dt {
    font-size: 1.7rem;
  }

  .page-template-page-franchise .contact .inner dl dd input[type=text],
  .page-template-page-franchise .contact .inner dl dd input[type=email],
  .page-template-page-franchise .contact .inner dl dd input[type=tel],
  .page-template-page-franchise .contact .inner dl dd textarea {
    font-size: 1.6rem;
  }

  .page-template-page-franchise .contact .inner input[type=submit] {
    width: min(300px, 100%);
    height: 70px;
    border-radius: 35px;
    font-size: 1.8rem;
  }
}

@media (max-width: 600px) {
  .page-template-page-franchise .contact .inner dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }

  .page-template-page-franchise .contact .inner dl dt {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .page-template-page-franchise .contact .inner dl dd {
    width: 100%;
  }
}

.page-template-page-franchise .related__posts {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .page-template-page-franchise .related__posts {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.page-template-page-franchise .related__posts .inner h2 {
  font-size: 4rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #778673;
  text-align: center;
}

.page-template-page-franchise .related__posts .inner .posts__list {
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}

@media (max-width: 768px) {
  .page-template-page-franchise .related__posts .inner .posts__list {
    gap: 20px;
  }
}

.page-template-page-franchise .related__posts .inner .posts__list .post__item {
  width: calc((100% - 120px) / 4);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

@media (max-width: 768px) {
  .page-template-page-franchise .related__posts .inner .posts__list .post__item {
    width: calc((100% - 20px) / 2);
  }
}

.page-template-page-franchise .related__posts .inner .posts__list .post__item .post__thumbnail img {
  aspect-ratio: 4/3;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-page-franchise .related__posts .inner .posts__list .post__item .post__content {
  padding: 10px 15px;
}

.page-template-page-franchise .related__posts .inner .posts__list .post__item .post__content .post__title {
  font-size: 1.6rem;
  font-family: var(--font-ns);
  font-weight: 500;
  color: #584D4A;
}

/*# sourceMappingURL=style.css.map */

.contact__box {
  max-width: 1000px;
  margin: 0 auto;
  background: #FFFCEF;
  border-radius: 30px;
  padding: 100px;
  text-align: center;
}
.contact__box__h2 {
  color: #778673;
  font-size: 4.5rem;
  font-family: var(--font-ns);
  line-height: 1.44;
  text-align: center;
}
.contact__box__type__container {
  display: flex;
  justify-content: center;
  gap: 19px;
}
.contact__box__type__container span {
  width: 117px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D17F15;
  color: #fff;
  border-radius: 21px;
  font-size: 2.3rem;
  font-weight: 500;
}
a[href^="tel:"].contact__box__tel {
  font-size: 6.0rem;
  color: #778673;
  font-family: var(--font-ns);
  font-weight: 500;
  width: fit-content;
  margin: 0 auto;
  pointer-events: auto;
}
@media (max-width: 1280px) {
  .contact__box {
    padding: 70px;
    border-radius: 20px;
  }
  .contact__box__h2 {
    font-size: 3.6rem;
  }
  .contact__box__type__container {
    gap: 15px;
  }
  .contact__box__type__container span {
    width: 100px;
    height: 36px;
    border-radius: 18px;
    font-size: 2.0rem;
  }
  a[href^="tel:"].contact__box__tel {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  .contact__box {
    padding: 40px 20px;
    border-radius: 10px;
  }
  .contact__box__h2 {
    font-size: 2.2rem;
  }
  .contact__box__type__container {
    gap: 12px;
  }
  .contact__box__type__container span {
    width: 80px;
    height: 30px;
    border-radius: 15px;
    font-size: 1.8rem;
  }
  a[href^="tel:"].contact__box__tel {
    font-size: 3.5rem;
  }
}

.contact__form__row {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  font-size: 2.1rem;
}
@media (max-width: 1280px) {
  .contact__form__row {
    font-size: 1.9rem;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .contact__form__row {
    font-size: 1.6rem;
    flex-direction: column;
    row-gap: 10px;
  }
}
.contact__form__row.ai-c {
  align-items: center;
}
@media (max-width: 768px) {
  .contact__form__row.ai-c {
    align-items: unset;
  }
}
.error.false {
  display: none;
}
.error {
  display: block;
  color: red;
}
.contact__form__row dt {
  width: 280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1280px) {
  .contact__form__row dt {
    width: 260px;
  }
}
@media (max-width: 768px) {
  .contact__form__row dt {
    gap: 10px;
    width: fit-content;
  }
}
.contact__form__row dt .required {
  font-size: 1.4rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  border-radius: 3px;
  background: #778673;
  font-weight: 500;
}
@media (max-width: 768px) {
  .contact__form__row dt .required {
    font-size: 1.2rem;
    width: 32px;
    height: 20px;
  }
}
.contact__form__row dd {
  flex: 1 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 20px;
}
@media (max-width: 768px) {
  .contact__form__row dd {
    width: 100%;
  }
}
.contact__form__row input[type="text"],
.contact__form__row input[type="tel"],
.contact__form__row input[type="email"],
textarea {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #707070;
  padding: 3px 5px;
}
.input_file__wrapper {
  border-radius: 3px;
  border: 1px solid #707070;
  padding: 8px;
  width: fit-content;
  display: flex;
  gap: 30px;
  align-items: center;
  max-width: 480px;
}
.input_file__wrapper p {
  padding-right: 20px;
}
.upload_button,.upload_delete {
  display: block;
  width: fit-content;
  background: #E5E5E5;
  border-radius: 3px;
  padding: 5px 13px;
  cursor: pointer;
}
.input_file__wrapper .thumb_a {
  flex: 1 1;
}
.contact__form__policy {
  display: flex;
  justify-content: center;
  font-size: 2.1rem;
}
@media (max-width: 1280px) {
  .contact__form__policy {
    font-size: 1.9rem;
  }
}
@media (max-width: 768px) {
  .contact__form__policy {
    font-size: 1.6rem;
  }
}
.contact__form__policy input[type="checkbox"] {
  appearance: none;
}
.contact__form__policy label {
  position: relative;
  padding-left: 41px;
}
.contact__form__policy label::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  aspect-ratio: 1;
  border: 1px solid #707070;
}
.contact__form__policy input[type="checkbox"]:checked + label::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-70%) rotate(315deg);
  left: 4px;
  border-left: 2px solid #707070;
  border-bottom: 2px solid #707070;
  width: 16px;
  height: 8px;
}
.contact__form__submit__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.contact__form__submit {
  width: 500px;
  height: 100px;
  border-radius: 50px;
  background: #778673;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1280px) {
  .contact__form__submit {
    width: 380px;
    height: 80px;
    border-radius: 40px;
    font-size: 2.0rem;
  }
}
@media (max-width: 768px) {
  .contact__form__submit {
    width: min(100%, 300px);
    height: 60px;
    border-radius: 30px;
    font-size: 1.8rem;
  }
}