@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap");
:root {
  --leading-trim: calc((1em - 1lh) / 2);
  --font-mincho: "Noto Serif JP", serif;
  --color-navy: #2a5694;
  --color-blue: #3973c6;
  --color-aqua: #a5ccfb;
  --color-navy--heading: #1b3963;
  --color-navy--text: #2a5694;
  --color-navy--text2: #3b7796;
  --color-aqua--text: #4991f7;
  --color-black--text: #333;
  --color-gray--text: #626262;
  --salon-color-header: linear-gradient(
    0deg,
    rgba(160, 212, 234, 1) 0%,
    rgba(95, 185, 233, 1) 50%,
    rgba(160, 212, 234, 1) 100%
  );
  --salon-color-btn: #5fb9e9;
  --salon-color-btn-shadow: #5fb9e9;
  --salon-color-heading: #3b7796;
  --salon-color-post-heading: #3b7796;
  --salon-color-post-bg: #ecf6fb;
  --salon-color-border: #3b7796;
  --salon-color-accordion-bg: #a0d4ea;
  --salon-color-accordion-icon: #468baf;
  --salon-color-footer: #5fb9e9;
  --salon-color-contact-btn: #a0d4ea;
  --salon-color-contact-btn-shadow: #626262;
  --salon-color-contact-btn-text: #333;
  --school-color-header: linear-gradient(
    0deg,
    rgba(230, 253, 165, 1) 0%,
    rgba(160, 201, 65, 1) 50%,
    rgba(230, 253, 165, 1) 100%
  );
  --school-color-btn: #8bb138;
  --school-color-btn-shadow: #8bb138;
  --school-color-heading: #50651e;
  --school-color-post-heading: #8bb138;
  --school-color-post-bg: #fbfff0;
  --school-color-post-cat: #a0c941;
  --school-color-border: #8bb138;
  --school-color-accordion-bg: #c7fc53;
  --school-color-accordion-icon: #50651e;
  --school-color-gradient-bg: radial-gradient(
    circle at 10% 0,
    rgba(212 252 108 / 0.1) 0%,
    rgba(199 252 83 / 0.7) 100%
  );
  --school-color-footer: #8bb138;
  --line-color-btn: #c7fc53;
  --line-color-btn-shadow: #626262;
  --line-color-text: #333;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --menu-width: 10.2564102564vw;
  --swl-fz--root: 4.1025641026vw;
  --swl-fz--content: 19px;
  --logo_size_sp: 12.8205128205vw;
}

@media (min-width: 801px) {
  :root {
    --swl-fz--root: 1.1118832523vw;
    --logo_size_pc: 4.169562196vw;
    --menu-width: 4.169562196vw;
    --swl-fz--content: 19px;
    --logo_size_sp: 5.7678943711vw;
  }
}
@media (min-width: 1440px) {
  :root {
    --swl-fz--content: 19px;
    --swl-fz--root: min(16px, 0.841vw);
    --swl-pad_container: 3rem;
    --menu-width: min(60px, 3.75rem);
    --logo_size_pc: min(60px, 3.75rem);
  }
}
body {
  font-weight: var(--weight-medium);
  font-feature-settings: "palt";
}

.u-thin {
  opacity: 1;
}

.l-section {
  padding-block: var(--section-padding, 3.125rem) !important;
}
@media screen and (max-width: 800px) {
  .l-section {
    padding-block: var(--section-padding-sp, 7.6923076923vw) !important;
  }
}

.p-postList__thumb:before {
  background: none;
}

.post_content {
  line-height: 1.8;
}

/**
 * Block
 */
@media screen and (max-width: 800px) {
  .wp-block-media-text {
    --swl-mediatext--gap: 0;
    --swl-mediatext--offsetX: 0;
    grid-template-columns: 100% !important;
  }
}
.wp-block-media-text .wp-block-media-text__media {
  align-self: flex-start;
}
@media screen and (max-width: 800px) {
  .wp-block-media-text .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1 !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 800px) {
  .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2 !important;
    padding: var(--swl-mediatext--space) !important;
  }
}

/**
 * swiper
 */
@media screen and (max-width: 800px) {
  .p-postListWrap {
    max-width: 82.0512820513vw;
  }
}
.p-postListWrap .p-postList {
  flex-wrap: nowrap;
  transition-timing-function: linear;
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}

/**
 * common
 */
.u-text-width--center {
  width: fit-content;
  margin: auto;
}

.u-weight--medium {
  font-weight: var(--weight-medium);
}

.u-weight--bold {
  font-weight: var(--weight-bold);
}

.c-margin--center {
  margin-inline: auto !important;
}

.c-button {
  filter: drop-shadow(-0.5rem 0.5rem 0.125rem rgb(from var(--btn-shadow, var(--color-navy--text)) r g b/0.5));
  padding: 0 0 0.5rem 0.5rem;
}

.c-button a {
  font-weight: var(--weight-bold);
  font-size: 1.125rem;
  max-width: 20rem;
  width: 100%;
  --the-min-width: auto;
  --angle: 94%;
  background-color: var(--btn-bg, var(--color-navy--text));
  color: var(--btn-text, #fff);
  padding-block: 0.875rem;
  letter-spacing: 0.08em;
  clip-path: polygon(0 0, var(--angle) 0%, 100% 50%, var(--angle) 100%, 0 100%, calc(100% - var(--angle)) 50%);
}
@media screen and (max-width: 800px) {
  .c-button a {
    max-width: 129.2307692308vw;
  }
}

.c-button--line {
  --btn-bg: var(--line-color-btn);
  --btn-shadow: var(--line-color-btn-shadow);
  --btn-text: var(--line-color-text);
}

.c-button--contact {
  --btn-bg: var(--contact-color--btn);
  --btn-shadow: var(--contact-color--btn-shadow);
  --btn-text: var(--contact-color--btn-text);
}

.c-outline-button a {
  --the-btn-color: var(--color-ocher);
  border-radius: 0.1875rem;
}

.c-fill-button a {
  font-weight: var(--weight-medium);
  border-radius: 0.25rem;
}

/*--- post list --*/
.p-postList__meta :before {
  content: none;
}

/*--- blog --*/
.p-postList.-type-simple {
  border: none !important;
}
.p-postList.-type-simple .p-postList__link {
  border: none !important;
  padding-block: 0.3125rem;
}
.p-postList.-type-simple .p-postList__title {
  color: var(--color-navy--text2);
  text-shadow: 0 0.25rem 0.25rem rgba(from #000 r g b/0.25);
  font-weight: var(--weight-medium);
  text-decoration: underline;
}
.p-postList.-type-simple .p-postList__meta {
  color: var(--color-navy--text);
  font-size: 0.9375rem;
}

@media screen and (max-width: 800px) {
  .p-postList.-type-card .p-postList__item {
    width: 100%;
    max-width: 102.5641025641vw;
    margin-inline: auto;
    margin-block-end: 10.2564102564vw;
  }
}
.p-postList.-type-card .p-postList__item a {
  background-color: var(--post-bg-color);
  padding: 1.25rem;
  box-shadow: 0.25rem 0.25rem 0.625rem rgba(0, 0, 0, 0.25);
  border-radius: 1.5rem 0 1.5rem 0;
  display: grid;
}
.p-postList.-type-card .p-postList__link:hover .p-postList__body::after {
  background: none;
  color: var(--post-heading-color);
}
.p-postList.-type-card .p-postList__thumb {
  box-shadow: none;
  background: #fff;
}
.p-postList.-type-card .p-postList__body {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
.p-postList.-type-card .p-postList__body::after {
  content: "View More>>";
  font-weight: var(--weight-semibold);
  letter-spacing: 0.08em;
  color: var(--post-heading-color);
  margin-block-start: 1em;
  font-size: var(--swl-fz--content);
}
.p-postList.-type-card .p-postList__title {
  font-weight: var(--weight-bold);
  color: var(--post-heading-color);
  font-size: var(--swl-fz--content);
}
.p-postList.-type-card .p-postList__excerpt {
  font-weight: var(--weight-regular);
  font-size: var(--swl-fz--content);
  color: #000;
}
.p-postList.-type-card .p-postList__cat {
  color: var(--school-color-post-cat);
  font-size: var(--swl-fz--content);
}

/**
 * Header
 */
.l-header {
  z-index: 10000;
}

.home .l-header {
  --color_header_bg: linear-gradient(
    0deg,
    rgba(58, 129, 247, 1) 0%,
    rgba(42, 86, 148, 1) 50%,
    rgba(58, 129, 247, 1) 100%
  );
}

.l-header .l-container {
  max-width: 100%;
}

/** 固定ヘッダー **/
[data-scrolled=true] .l-fixHeader[data-ready] {
  opacity: 0;
}

.l-header[data-spfix="1"] {
  position: sticky !important;
}

@media not all and (min-width: 960px) {
  .l-header__inner {
    padding-inline: 1.75rem;
  }
}
@media screen and (max-width: 800px) {
  .l-header__inner {
    padding-inline: 3.8461538462vw;
  }
}

/* ロゴ */
@media not all and (min-width: 960px) {
  .l-header__logo {
    padding: 1rem;
  }
}
.l-header__logo {
  order: 2;
}
@media screen and (max-width: 800px) {
  .l-header__logo {
    padding: 2.5641025641vw 0;
  }
}

.c-headLogo {
  max-width: 100% !important;
}
@media screen and (max-width: 800px) {
  .c-headLogo {
    max-width: none !important;
  }
}
.c-headLogo .c-headLogo__link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  color: #fff;
  font-family: var(--font-mincho);
  font-weight: var(--weight-bold);
  gap: 2.0625rem;
  text-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.5);
  letter-spacing: 0.08em;
  padding: 0;
  line-height: 1.3;
}
@media screen and (max-width: 800px) {
  .c-headLogo .c-headLogo__link {
    font-size: 4.6153846154vw;
    gap: 4.358974359vw;
  }
}

.-series-right .c-gnavWrap {
  margin: 0;
}

.l-header__customBtn {
  width: 0;
}

.l-header__menuBtn {
  height: auto;
}

/* デフォルト閉じるボタン */
.p-spMenu__closeBtn {
  display: none;
}

/* ハンバーガーメニューボタン */
.l-header__menuBtn {
  color: var(--color-gray--text);
  width: var(--menu-width);
  height: var(--menu-width);
  background-color: #fff;
}

.l-header__menuBtn .c-iconBtn__icon {
  font-size: 2.875rem;
}
@media screen and (max-width: 800px) {
  .l-header__menuBtn .c-iconBtn__icon {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 960px) {
  .l-header__menuBtn.sp_ {
    display: block !important;
    position: relative;
    top: 1rem;
  }
  .p-spMenu {
    display: block !important;
  }
}
.l-header__menuBtn {
  --space: 0.75rem;
  --width: 2.5rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .l-header__menuBtn {
    --width: 6.1538461538vw;
    --space: 2.0512820513vw;
  }
}

.l-header__menuBtn .c-iconBtn:before, .l-header__menuBtn .c-iconBtn:after {
  content: "";
  position: absolute;
  width: var(--width);
  height: 2px;
  background-color: var(--color-gray--text);
  transition: transform 0.15s linear;
}
.l-header__menuBtn .c-iconBtn:after {
  transform: translateY(calc(var(--space) * -1)) rotate(0deg);
}
.l-header__menuBtn .c-iconBtn .c-iconBtn__icon.icon-menu-thin {
  position: absolute;
  width: var(--width);
  height: 2px;
  background-color: var(--color-gray--text);
  transform: translateY(var(--space)) rotate(0deg);
  transition: transform 0.15s linear;
}
.l-header__menuBtn .c-iconBtn .c-iconBtn__icon.icon-menu-thin:before {
  content: none;
}

[data-spmenu=opened] .l-header__menuBtn .c-iconBtn:before {
  opacity: 0;
}
[data-spmenu=opened] .l-header__menuBtn .c-iconBtn:after {
  transform: translateY(0) rotate(45deg);
}
[data-spmenu=opened] .l-header__menuBtn .c-iconBtn .c-iconBtn__icon.icon-menu-thin {
  transform: translateY(0) rotate(-45deg);
}

/**
 * Menu
 */
.p-spMenu__inner {
  max-width: 100%;
  width: 100%;
}

[data-spmenu=opened] body {
  overflow-y: hidden;
  touch-action: none;
}

/** 開閉時フェード **/
.-right .p-spMenu__inner {
  transform: translateX(0);
  opacity: 0;
  transition: opacity 0.5s;
}

[data-spmenu=opened] .p-spMenu__inner {
  transform: translateX(0);
  opacity: 1;
}

#body_wrap:not(.home) .l-header {
  position: relative !important;
}

.c-listMenu a {
  transition: none;
  padding-inline: 0;
}

.c-listMenu a:hover {
  padding-left: inherit;
  padding-right: inherit;
}

.c-widget__title.-spmenu {
  display: none;
}

[data-spmenu=opened] .icon-menu-thin:before {
  content: "\e91f";
}

.p-spMenu__inner::before {
  background-color: #fff;
}

.p-spMenu__inner {
  padding: 0;
}

.p-spMenu__body {
  padding: 0;
  padding-block-start: 12.5rem;
}
@media screen and (max-width: 800px) {
  .p-spMenu__body {
    padding: 30.7692307692vw 5.1282051282vw 0;
  }
}

.p-spMenu__nav,
.p-spMenu__bottom {
  max-width: 756px;
  margin: 0 auto 3.125rem;
}
@media screen and (max-width: 800px) {
  .p-spMenu__nav,
  .p-spMenu__bottom {
    margin-block-end: 7.6923076923vw;
  }
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  content: none;
}

.c-spnav a {
  --color_border: var(--color-black--text);
  padding: 1rem 0.5rem calc(1rem + var(--leading-trim));
}
.c-spnav a:hover {
  padding-inline: 0.5rem;
}
@media screen and (max-width: 800px) {
  .c-spnav a {
    font-size: 3.5897435897vw;
  }
}

/** メニュー下 **/
.p-spMenu__bottom .menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.625rem;
}
@media screen and (max-width: 800px) {
  .p-spMenu__bottom .menu {
    flex-direction: column;
  }
}
.p-spMenu__bottom .menu .menu-item {
  flex-basis: 45%;
}

.p-menu-link--outline a {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .p-menu-link--outline a {
    max-width: 76.9230769231vw;
    margin-inline: auto;
    padding: 3.5897435897vw;
  }
}

.p-menu-link--text a {
  border: none;
  text-align: center;
}

/* 下層ページ */
#body_wrap:not(.home) .l-header .l-container {
  max-width: 100%;
  background: var(--header-color);
}

.c-pageTitle__inner {
  color: var(--color-navy--heading);
  font-weight: var(--weight-semibold);
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.08em !important;
}
@media screen and (max-width: 800px) {
  .c-pageTitle__inner {
    font-size: 6.6666666667vw;
  }
}
.c-pageTitle__inner::before {
  content: "【";
}
.c-pageTitle__inner::after {
  content: "】";
}

.l-mainContent__inner > .post_content {
  margin-block-start: 5rem;
}
@media screen and (max-width: 800px) {
  .l-mainContent__inner > .post_content {
    margin-block-start: 12.8205128205vw;
  }
}

/**
 * Footer
 */
.l-footer {
  --swl-block-margin: 1em;
  letter-spacing: 0.08em;
  font-weight: var(--weight-regular);
  font-size: 0.875rem;
}
@media screen and (max-width: 800px) {
  .l-footer {
    font-size: 3.0769230769vw;
  }
}
.l-footer .post_content {
  margin-block: 0;
}
.l-footer .menu {
  text-align: center;
}
.l-footer .menu a {
  border: none;
}
.l-footer__foot {
  background-color: var(--footer-color);
  padding-block-end: 9rem;
}
@media screen and (max-width: 800px) {
  .l-footer__foot {
    padding-block: 5.1282051282vw;
    padding-block-end: 29.4871794872vw;
  }
}

.w-beforeFooter {
  margin-block-start: 0;
}

.l-footer__widgetArea {
  background-color: var(--color-aqua);
  color: var(--color-gray--text);
  padding-block: 3.75rem;
}
@media screen and (max-width: 800px) {
  .l-footer__widgetArea {
    padding-block: 10.7692307692vw;
  }
}

.w-footer__box {
  padding: 0;
}
@media screen and (max-width: 800px) {
  .w-footer__box {
    max-width: 115.3846153846vw;
    margin-inline: auto;
  }
}

.l-footer .copyright {
  font-size: 0.8125rem;
}
@media screen and (max-width: 800px) {
  .l-footer .copyright {
    font-size: 3.0769230769vw;
  }
}

.p-footer__logo {
  display: flex;
  align-items: center;
  font-weight: var(--weight-bold);
  gap: 0.5rem;
  font-size: 1.5rem;
}
@media screen and (max-width: 800px) {
  .p-footer__logo {
    font-size: 4.1025641026vw;
  }
}
.p-footer__logo img {
  max-width: 5rem;
}
@media screen and (max-width: 800px) {
  .p-footer__logo img {
    max-width: 20.5128205128vw;
  }
}
@media screen and (max-width: 800px) {
  .p-footer__logo {
    max-width: 103.8461538462vw;
  }
}

.p-footer-contact__btn {
  margin-block-end: 1.25rem;
}
.p-footer-contact__btn a {
  background-color: #fff;
  padding-block: 0.625rem;
  border-radius: 0.125rem;
  border-color: var(--color-gray--text);
  --the-min-width: none;
  --the-width: 100%;
  max-width: 22.8125rem;
}

/**
 * Floating Banner
 */
.page-id-316 .p-floating-banner__area,
.page-id-19 .p-floating-banner__area,
.page-id-258 .p-floating-banner__area,
.page-id-699 .p-floating-banner__area,
.page-id-1034 .p-floating-banner__area {
  display: none;
}
.page-id-316 .l-footer__foot,
.page-id-19 .l-footer__foot,
.page-id-258 .l-footer__foot,
.page-id-699 .l-footer__foot,
.page-id-1034 .l-footer__foot {
  padding-block-end: 1em;
}

.p-floating-banner__area {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 800px) {
  .p-floating-banner__area {
    padding-block: 5.1282051282vw !important;
  }
}

.p-floating__banner {
  max-width: 42.8125rem;
  margin-inline: auto;
  --wp-column-gap: 2.8125rem;
}
@media screen and (max-width: 800px) {
  .p-floating__banner {
    --wp-column-gap: 4.6153846154vw;
  }
}

.p-floating__button {
  --the-min-width: none;
  --the-width: 100%;
}
.p-floating__button a {
  --the-btn-bg: #fff;
  border: 0.375rem solid #2a5694;
  box-shadow: 0.4375rem 0.25rem 0.0625rem rgba(from #2a5694 r g b/0.5);
  --the-padding: 1rem;
  color: #2a5694;
  font-weight: var(--weight-bold);
  max-width: 20rem;
}
@media screen and (max-width: 800px) {
  .p-floating__button a {
    max-width: 82.0512820513vw;
    border: 1.5384615385vw solid #2a5694;
    --the-padding: 2.5641025641vw;
    box-shadow: 1.7948717949vw 1.0256410256vw 0.2564102564vw rgba(from #2a5694 r g b/0.5);
  }
}
.p-floating__button--line a {
  color: #00a355;
}

/**
 * Top
 */
.top #content {
  padding: 0;
}

.home .l-content {
  margin: 0 auto;
}

.home .l-section {
  --section-padding: 4rem;
  --section-padding-sp: 12.8205128205vw;
  --btn-bg: var(--color-blue);
  --btn-shadow: var(--color-aqua--text);
}

/*--- heading --*/
.post_content h2.p-top__heading {
  --mark-width: 3.125rem;
  position: relative;
  margin-block-end: 3.75rem;
}
@media screen and (max-width: 800px) {
  .post_content h2.p-top__heading {
    margin-block-end: 7.6923076923vw;
  }
}
.post_content h2.p-top__heading__text {
  font-size: 3rem;
  color: var(--color-navy--heading);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.08em;
}
.post_content h2.p-top__heading__text::before {
  content: "【";
}
.post_content h2.p-top__heading__text::after {
  content: "】";
}
@media screen and (max-width: 800px) {
  .post_content h2.p-top__heading__text {
    font-size: 8.9743589744vw;
  }
}
.post_content h2.p-top__heading__text--jp {
  margin-block-start: 0;
  color: var(--color-aqua--text);
  font-size: 2rem;
  font-weight: var(--weight-regular);
  letter-spacing: 0.08em;
}
.post_content h2.p-top__heading__text--jp::before, .post_content h2.p-top__heading__text--jp::after {
  position: relative;
  display: inline;
  content: "ー";
  top: 0;
}
@media screen and (max-width: 800px) {
  .post_content h2.p-top__heading__text--jp {
    font-size: 5.641025641vw;
  }
}

/*--- FV ---*/
.p-mainVisual__slideTitle {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 3.125rem;
  background-color: rgba(255, 255, 255, 0.2);
  text-shadow: 2px 2px 2px rgb(201, 174, 123);
  text-align: center;
}
@media screen and (max-width: 800px) {
  .p-mainVisual__slideTitle {
    font-size: 7.6923076923vw;
  }
}

/*--- voice --*/
/*.l-top-voice__section {
  & .p-top__heading__text--jp {
    color: var(--color-black--text) !important;
  }
}*/
.p-top-voice__list li {
  --post-bg-color: #fff;
}
.p-top-voice__list li .p-postList__body {
  padding-block-start: 1.3125rem;
}
.p-top-voice__list li .p-postList__body::after {
  content: none !important;
}
.p-top-voice__list li a {
  padding: 1.5rem 1.625rem 1.25rem !important;
  border-radius: 0 !important;
}
.p-top-voice__list li .p-postList__title {
  display: none;
}
.p-top-voice__list li .p-postList__excerpt {
  font-size: 1rem;
  color: var(--color-gray--text);
  font-weight: var(--weight-regular);
  margin: 0;
}

/*--- info --*/
.p-top-info__list .p-postList {
  border: none !important;
}
.p-top-info__list .p-postList__link {
  border: none !important;
  padding-block: 0.3125rem;
}
.p-top-info__list .p-postList__title {
  color: var(--color-navy--text);
  text-decoration: underline;
  text-shadow: 0 0.25rem 0.25rem rgba(from #000 r g b/0.25);
  font-weight: var(--weight-medium);
}

/*--- service --*/
.p-top-service__list .swell-block-columns__inner {
  justify-content: center;
  --swl-clmn-mrgn--y: 4.75rem;
  --swl-clmn-mrgn--x: 1.875rem;
}
@media screen and (max-width: 800px) {
  .p-top-service__list .swell-block-columns__inner {
    --swl-clmn-mrgn--y: 7.6923076923vw;
  }
}

.p-top-service__item {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.1) 100%);
  --swl-clmn-pddng: 2rem 2rem;
}
@media screen and (max-width: 800px) {
  .p-top-service__item {
    --clmn-w: var(--clmn-w--mobile, 100%);
    max-width: 30rem;
    margin-inline: auto;
    --swl-clmn-pddng: 5.1282051282vw 2.5641025641vw;
  }
}
.p-top-service__item__name {
  text-shadow: 1px 1px 0 rgba(from #000 r g b/0.25);
  font-size: 1.5rem;
  font-family: var(--font-mincho);
  font-weight: var(--weight-bold);
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .p-top-service__item__name {
    font-size: 5.1282051282vw;
  }
}
.p-top-service__item img {
  max-width: 18.75rem;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .p-top-service__item img {
    max-width: 82.0512820513vw;
  }
}
.p-top-service__item--salon {
  --btn-bg: var(--salon-color-btn);
  --btn-shadow: var(--salon-color-btn-shadow);
}
.p-top-service__item--school {
  --btn-bg: var(--school-color-btn);
  --btn-shadow: var(--school-color-btn-shadow);
}
.p-top-service__item .c-button {
  margin-block-start: 1.25rem !important;
}
@media screen and (max-width: 800px) {
  .p-top-service__item .c-button {
    margin-block-start: 5.1282051282vw !important;
  }
}

/**
 * LP
 */
.page-template-template-lp .l-content {
  padding: 0;
  margin-block: 0;
}
.page-template-template-lp .l-section {
  --section-padding: 5rem;
  --section-padding-sp: 12.8205128205vw;
}
.page-template-template-lp .c-headLogo .c-headLogo__link {
  color: var(--color-black--text);
}

.slug-salon {
  --header-color: var(--salon-color-header);
  --heading-color: var(--salon-color-heading);
  --btn-bg: var(--salon-color-btn);
  --contact-color--btn: var(--salon-color-contact-btn);
  --contact-color--btn-shadow: var(--salon-color-contact-btn-shadow);
  --contact-color--btn-text: var(--salon-color-contact-btn-text);
  --btn-shadow: var(--salon-color-btn-shadow);
  --post-heading-color: var(--salon-color-post-heading);
  --post-bg-color: var(--salon-color-post-bg);
  --border-color: var(--salon-color-border);
  --accordion-bg-color: var(--salon-color-accordion-bg);
  --accordion-icon-color: var(--salon-color-accordion-icon);
  --footer-color: var(--salon-color-footer);
}

.slug-school {
  --border01: solid 1px #333;
  --header-color: var(--school-color-header);
  --heading-color: var(--school-color-heading);
  --btn-bg: var(--school-color-btn);
  --btn-shadow: var(--school-color-btn-shadow);
  --post-heading-color: var(--school-color-post-heading);
  --post-bg-color: var(--school-color-post-bg);
  --border-color: var(--school-color-border);
  --accordion-bg-color: var(--school-color-accordion-bg);
  --accordion-icon-color: var(--school-color-accordion-icon);
  --footer-color: var(--school-color-footer);
}

.post_content h2.p-lp__heading__text {
  font-size: 2.5rem;
  font-weight: var(--weight-bold);
  color: var(--heading-color);
  margin-block-end: 2.0625rem;
}
@media screen and (max-width: 800px) {
  .post_content h2.p-lp__heading__text {
    font-size: 6.6666666667vw;
  }
}
.post_content h2.p-lp__heading__text::before, .post_content h2.p-lp__heading__text::after {
  position: relative;
  display: inline;
}
.post_content h2.p-lp__heading__text::before {
  content: "【";
}
.post_content h2.p-lp__heading__text::after {
  content: "】";
}

/*--- message --*/
.l-lp-message__section {
  padding-block: 6.25rem !important;
}
@media screen and (max-width: 800px) {
  .l-lp-message__section {
    padding-block: 20.5128205128vw !important;
  }
}

.p-lp__message {
  padding: 5.875rem 4.75rem;
  font-weight: var(--weight-regular);
  letter-spacing: 0.08em;
  overflow: visible;
}
@media screen and (max-width: 800px) {
  .p-lp__message {
    padding: 12.8205128205vw 12.8205128205vw;
  }
}
.p-lp__message .wp-block-cover__background {
  border-radius: 5rem 0 5rem 0;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(from #000 r g b/0.25);
}
.p-lp__message::before, .p-lp__message::after {
  content: "";
  background: url(./images/salon_tree_img.webp) no-repeat center center/contain;
  display: block;
  position: absolute;
  z-index: 100;
  aspect-ratio: 147/209;
}
.p-lp__message::before {
  top: -4.1875rem;
  left: -0.625rem;
  width: 6.25rem;
}
@media screen and (max-width: 800px) {
  .p-lp__message::before {
    width: 17.9487179487vw;
    top: -11.5384615385vw;
    left: 0;
  }
}
.p-lp__message::after {
  bottom: -2.0625rem;
  right: -0.1875rem;
  width: 6.25rem;
}
@media screen and (max-width: 800px) {
  .p-lp__message::after {
    width: 17.9487179487vw;
    bottom: -4.358974359vw;
    right: -3.3333333333vw;
  }
}

/*--- door --*/
.l-lp-door__section {
  font-size: 1.5rem;
}
@media screen and (max-width: 800px) {
  .l-lp-door__section {
    font-size: 4.1025641026vw;
  }
}
.l-lp-door__section .wp-block-cover {
  padding: 0;
}
.l-lp-door__section .wp-block-cover > img {
  object-fit: contain;
  max-width: 62.5rem;
  margin-inline: auto;
  margin-block-start: 12.5rem;
}
@media screen and (max-width: 800px) {
  .l-lp-door__section .wp-block-cover > img {
    --width: 143.5897435897vw;
    width: var(--width);
    margin-inline-start: calc((100% - var(--width)) / 2);
    margin-block-start: 12.8205128205vw;
  }
}

.p-lp-door__img {
  max-width: 21.25rem;
  margin-inline: auto;
}
@media screen and (max-width: 800px) {
  .p-lp-door__img {
    max-width: 51.2820512821vw;
  }
}

/*--- nayami --*/
@media screen and (max-width: 800px) {
  .l-lp-nayami__section {
    padding-block-end: 0 !important;
  }
}

.p-lp-nayami__text {
  width: fit-content;
  margin: auto;
}

.p-lp-nayami__img {
  max-width: 31.25rem;
  margin-inline: auto;
  margin-block-start: 2.5rem;
}
@media screen and (max-width: 800px) {
  .p-lp-nayami__img {
    max-width: 200vw;
  }
}

/*--- answer --*/
.l-lp-answer__section {
  padding-block-start: calc(var(--section-padding) + 7.5rem) !important;
  background-position: top center;
  font-size: 1.25rem;
}
@media screen and (max-width: 800px) {
  .l-lp-answer__section {
    padding-block-start: calc(var(--section-padding) + 7.6923076923vw) !important;
  }
}

.p-lp-answer__text {
  font-weight: var(--weight-bold);
}

/*--- greeting --*/
.p-lp-greeting__body {
  --swl-mediatext--space: 4.4375rem;
}
@media screen and (max-width: 800px) {
  .p-lp-greeting__body {
    --swl-mediatext--space: 12.8205128205vw 2.5641025641vw 0;
  }
}
.p-lp-greeting__body .wp-block-media-text__media {
  box-shadow: 0.8125rem 0.75rem 0.5rem rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 800px) {
  .p-lp-greeting__body .wp-block-media-text__media {
    max-width: 102.5641025641vw;
  }
}
.p-lp-greeting__body .wp-block-media-text__content {
  font-weight: var(--weight-regular);
  line-height: 1.5;
}

/*--- feature --*/
.p-lp-feature__list {
  font-weight: var(--weight-regular);
  border-radius: 1.25rem;
  max-width: 880px;
  margin: auto;
  padding: 1.25rem !important;
}
@media screen and (max-width: 800px) {
  .p-lp-feature__list {
    border-radius: 2.5641025641vw;
  }
}

/*--- commit --*/
.p-lp-commit__list {
  counter-reset: number 0;
  gap: 3.125rem;
}
@media screen and (max-width: 800px) {
  .p-lp-commit__list {
    margin-inline: 0;
    gap: 7.6923076923vw;
  }
}
.p-lp-commit__list .p-lp-commit__item {
  counter-increment: number 1;
}
.p-lp-commit__list .p-lp-commit__item__title {
  padding-block: 1rem;
  margin-block-end: 0.8125rem !important;
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
}
@media screen and (max-width: 800px) {
  .p-lp-commit__list .p-lp-commit__item__title {
    font-size: 5.1282051282vw;
  }
}
.p-lp-commit__list .p-lp-commit__item__title::before {
  content: counter(number) ",";
  width: auto;
  height: auto;
  background: none;
  display: inline;
  position: relative;
}

/*--- flow --*/
.l-lp-flow__section {
  --border01: 3px solid var(--border-color) !important;
}
.l-lp-flow__section .c-button--app {
  --btn-bg: #00a036;
  --btn-shadow: #fff491;
}

.p-lp-flow__item__title {
  margin-block-end: 0.8125rem !important;
  padding: 0.8125rem 2.375rem !important;
  font-size: 1.25rem !important;
  font-weight: var(--weight-bold) !important;
}
@media screen and (max-width: 800px) {
  .p-lp-flow__item__title {
    font-size: 5.1282051282vw !important;
  }
}

.p-lp-flow__price {
  --swl-box_padding: 1.75rem !important;
}

.p-lp-flow__price__text {
  font-weight: var(--weight-bold);
  font-size: 1.25rem;
}
@media screen and (max-width: 800px) {
  .p-lp-flow__price__text {
    font-size: 4.1025641026vw;
  }
}

.p-lp-flow__reserve__text {
  font-weight: var(--weight-regular);
}

.p-lp-flow__prepare {
  --swl-box_padding: 1.75rem !important;
}
.p-lp-flow__prepare__body {
  padding: 2.3125rem 3.875rem;
  font-weight: var(--weight-semibold);
}
@media screen and (max-width: 800px) {
  .p-lp-flow__prepare__body {
    padding: 5.1282051282vw 5.1282051282vw;
  }
}
.p-lp-flow__prepare__text {
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
  margin-block-end: 0.8125rem;
}
@media screen and (max-width: 800px) {
  .p-lp-flow__prepare__text {
    font-size: 4.1025641026vw;
  }
}

.p-lp-flow__accordion {
  font-weight: var(--weight-medium);
}
.p-lp-flow__accordion .cap_box_ttl {
  color: var(--color-navy--text2);
  background-color: #fff491;
}
.p-lp-flow__accordion .cap_box_content {
  background-color: #fffdeb;
  padding: 2.3125rem 0.9375rem;
  font-weight: var(--weight-regular);
  border: none;
}
@media screen and (max-width: 800px) {
  .p-lp-flow__accordion .cap_box_content {
    padding: 5.1282051282vw 3.8461538462vw;
  }
}
.p-lp-flow__accordion .cap_box_content img {
  max-width: 33.125rem;
  width: 100%;
}

.p-lp-flow__prepare__item {
  font-weight: var(--weight-bold);
}

.p-lp-flow__note__list {
  font-weight: var(--weight-regular);
}

.p-lp-flow__attention {
  font-weight: var(--weight-regular);
}
.p-lp-flow__attention__body {
  padding: 3.25rem 1.25rem;
}
@media screen and (max-width: 800px) {
  .p-lp-flow__attention__body {
    padding: 5.1282051282vw 5.1282051282vw;
  }
}

/*--- faq --*/
.p-lp-faq__accordion {
  font-weight: var(--weight-regular);
  --padding-left: 1.75rem;
  --padding-top: 0.9375rem;
  --gap: 1.6875rem;
}
@media screen and (max-width: 800px) {
  .p-lp-faq__accordion {
    font-size: 4.1025641026vw;
    --padding-left: 4.1025641026vw;
    --padding-top: 2.5641025641vw;
    --gap: 4.1025641026vw;
  }
}
.p-lp-faq__accordion summary {
  background-color: var(--accordion-bg-color);
  padding: var(--padding-top) var(--padding-left);
  border-bottom: 1px solid #b2b2b2;
  gap: var(--gap);
}
.p-lp-faq__accordion summary::before {
  content: "Q";
  font-family: var(--font-eng);
  font-weight: var(--weight-semibold);
  color: var(--accordion-icon-color);
}
.p-lp-faq__accordion summary .swell-block-accordion__label {
  padding-inline-end: 0;
}
.p-lp-faq__accordion .swell-block-accordion__body {
  background-color: #fff;
  position: relative;
  padding: var(--padding-top) var(--padding-left);
  display: flex;
  gap: var(--gap);
}
.p-lp-faq__accordion .swell-block-accordion__body::before {
  content: "A";
  font-family: var(--font-eng);
  font-weight: var(--weight-semibold);
  color: rgb(from #c01414 r g b/0.54);
}

/*--- last message --*/
.p-lp__lastmessage {
  font-weight: var(--weight-regular);
  padding: 4.5rem 2.125rem;
  letter-spacing: 0.08em;
  overflow: visible;
}
@media screen and (max-width: 800px) {
  .p-lp__lastmessage {
    margin-inline: 3.8461538462vw;
    padding: 10.2564102564vw 7.6923076923vw;
  }
}

.slug-salon .l-lp-nayami__section {
  background: linear-gradient(0deg, #fff 0%, #e7f7ff 70%);
  padding-block-end: 0 !important;
}

.slug-salon .l-lp-answer__section::after {
  content: "";
  background-color: #fff;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  display: block;
  width: 100%;
  --height: 7.5rem;
  height: var(--height);
  top: -1px;
  z-index: 100;
  position: absolute;
}
@media screen and (max-width: 800px) {
  .slug-salon .l-lp-answer__section::after {
    --height: 15.3846153846vw;
  }
}

.slug-salon .p-lp-commit__list .p-lp-commit__item__text {
  font-weight: var(--weight-regular);
}

.slug-salon .p-lp__lastmessage::before, .slug-salon .p-lp__lastmessage::after {
  content: "";
  background: no-repeat center center/contain;
  display: block;
  position: absolute;
  z-index: 100;
  aspect-ratio: 147/209;
}
.slug-salon .p-lp__lastmessage::before {
  background-image: url("./images/salon_bird_img.webp");
  top: -6.25rem;
  left: -4.375rem;
  width: 9.1875rem;
}
@media screen and (max-width: 800px) {
  .slug-salon .p-lp__lastmessage::before {
    width: 17.9487179487vw;
    top: -10.2564102564vw;
    left: -7.6923076923vw;
  }
}
.slug-salon .p-lp__lastmessage::after {
  background-image: url("./images/salon_tree_img.webp");
  bottom: -1.5rem;
  right: -2.875rem;
  width: 11.25rem;
}
@media screen and (max-width: 800px) {
  .slug-salon .p-lp__lastmessage::after {
    width: 17.9487179487vw;
    bottom: -6.4102564103vw;
    right: -5.1282051282vw;
  }
}

.slug-school .l-lp-nayami__section {
  padding-block-end: 12.5rem !important;
}
@media screen and (max-width: 800px) {
  .slug-school .l-lp-nayami__section {
    padding-block-end: 6.25rem !important;
  }
}
.slug-school .l-lp-nayami__section .p-lp-nayami__text {
  border-width: 2px;
  max-width: 55.125rem;
  padding: 2.3125rem 2.9375rem;
}
@media screen and (max-width: 800px) {
  .slug-school .l-lp-nayami__section .p-lp-nayami__text {
    padding: 7.6923076923vw 5.1282051282vw;
  }
}
.slug-school .l-lp-nayami__section .p-lp-nayami__text::after {
  content: "";
  background: no-repeat url("./images/paper_plane_img.webp") center center/contain;
  display: block;
  position: absolute;
  bottom: -5.25rem;
  right: 14.125rem;
  width: 23.125rem;
  aspect-ratio: 37/18;
}
@media screen and (max-width: 800px) {
  .slug-school .l-lp-nayami__section .p-lp-nayami__text::after {
    bottom: -12.8205128205vw;
    right: 0;
    width: 51.2820512821vw;
  }
}

.slug-school .l-lp-greeting__section {
  background: var(--school-color-gradient-bg);
}

.slug-school .l-lp-commit__section {
  background: var(--school-color-gradient-bg);
}
.slug-school .l-lp-commit__section .p-lp-commit__list {
  gap: 2.9375rem;
}
@media screen and (max-width: 800px) {
  .slug-school .l-lp-commit__section .p-lp-commit__list {
    gap: 5.1282051282vw;
  }
}
.slug-school .l-lp-commit__section .p-lp-commit__item {
  padding: 1rem;
}
.slug-school .l-lp-commit__section .p-lp-commit__item .p-lp-commit__item__text {
  font-weight: var(--weight-regular);
}
.slug-school .l-lp-commit__section .p-lp-commit__item .p-lp-commit__item__text--note {
  font-weight: var(--weight-regular);
  margin-block-start: 1em;
}

.slug-school .p-lp-flow__title {
  background: linear-gradient(90deg, rgba(180, 227, 74, 0) 0%, rgb(180, 227, 74) 50%, rgba(180, 227, 74, 0) 100%);
  font-weight: var(--weight-bold);
  font-size: 1.625rem;
  padding-block: 0.5rem;
  margin-block-end: 1.125rem !important;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 1em;
}
@media screen and (max-width: 800px) {
  .slug-school .p-lp-flow__title {
    font-size: 5.1282051282vw;
  }
}

.slug-school .p-lp-flow__course__body {
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .slug-school .p-lp-flow__course__body .wp-block-media-text__media {
    max-width: 102.5641025641vw;
  }
}

.slug-school .p-lp-flow__course__accordion {
  font-weight: var(--weight-regular);
}
.slug-school .p-lp-flow__course__accordion summary {
  background-color: #fff491;
  padding-block: 0.75rem;
  text-align: center;
}
.slug-school .p-lp-flow__course__accordion .swell-block-accordion__body {
  background-color: #f3fed1;
  padding: 3.75rem 8.3125rem;
}
@media screen and (max-width: 800px) {
  .slug-school .p-lp-flow__course__accordion .swell-block-accordion__body {
    padding: 5.1282051282vw 5.1282051282vw;
  }
}

.slug-school .p-lp-flow__course__note {
  padding: 0.875rem;
}

.slug-school .l-lp-lastmessage__section {
  background: var(--school-color-gradient-bg);
  padding-block-end: 12.5rem !important;
}
@media screen and (max-width: 800px) {
  .slug-school .l-lp-lastmessage__section {
    padding-block: 0 12.8205128205vw !important;
  }
}
.slug-school .l-lp-lastmessage__section .wp-block-cover > img {
  object-fit: contain;
  max-width: 75rem;
  margin: 12.5rem auto 0;
}
@media screen and (max-width: 800px) {
  .slug-school .l-lp-lastmessage__section .wp-block-cover > img {
    margin: 25.641025641vw auto 0;
  }
}

.slug-school .p-lp__lastmessage {
  line-height: 2;
}
.slug-school .p-lp__lastmessage .p-lp__lastmessage__text {
  width: fit-content;
  margin-inline: auto;
}

/**
 * Archive
 */
.post-type-archive-voice {
  --post-bg-color: #e8f2ff;
  --post-heading-color: var(--color-navy);
}

.p-cat__buttons {
  margin-block-end: 5rem;
}
@media screen and (max-width: 800px) {
  .p-cat__buttons {
    margin-block-end: 7.6923076923vw;
  }
}
.p-cat__buttons .swell-block-linkList.-flex {
  --the-gap: 1.25rem;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .p-cat__buttons .swell-block-linkList.-flex {
    --the-gap: 2.5641025641vw;
  }
}
.p-cat__buttons .swell-block-linkList__link {
  font-size: 1.25rem;
  font-weight: var(--weight-semibold);
  padding: 0.625rem 1.25rem;
}
@media screen and (max-width: 800px) {
  .p-cat__buttons .swell-block-linkList__link {
    font-size: 4.1025641026vw;
  }
}

/**
 * single
 */
.single-voice .c-postTitle__date {
  display: none;
}
.single-voice .p-articleThumb__img {
  max-width: 300px;
  margin-inline: auto;
}

/**
 * form
 */
.smf-action .smf-button-control__control {
  background-color: var(--color-navy--heading);
  background-image: none;
  color: #fff;
  max-width: 260px;
  width: 100%;
  letter-spacing: 0.8px;
  font-weight: var(--weight-bold);
  border: none;
}

/**
 * もっと見る
 */
.more__list .swell-block-columns__inner {
  gap: 0;
}

.more__list .swell-block-column {
  opacity: 1;
  height: auto;
  margin-block-end: var(--swl-clmn-mrgn--y);
}

.more__list .swell-block-column.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}