@charset "UTF-8";
/*=================================================================================

　変数定義

=================================================================================*/
/*—————————————————————————————————————————————————————
　横幅／高さ／余白設定
—————————————————————————————————————————————————————*/
:root {
  /* 横幅【PC幅のみ】 */
  --width-side: 26rem;
  --width-contents_max: 92.5rem;
  --width-contents_max_l: 62.5rem;
  --width-modal_max: 90rem;
  --width-table_dt: 36%;
  --width-table_dd: 64%;
  /* 高さ【ヘッダのみ】 */
  --height-header_lg: 4.0625rem;
  --height-header_mdsm: 4.0625rem;
  /* グリッドシステムの余白 */
  --padding-grid_lgmd: 1.5rem;
  --padding-grid_sm: 0.8rem;
  --padding-grid-inner_lgmd: 3rem;
  --padding-grid-inner_sm: 1.6rem;
  /* コンテンツの左右余白 */
  --padding-contents-lr_lg: 3rem;
  --padding-contents-lr_mdsm: 1.6rem;
  --padding-section: clamp(2.5rem, 1.8932038835rem + 2.5889967638vw, 5rem);
}

/*—————————————————————————————————————————————————————
　カラー設定
—————————————————————————————————————————————————————*/
:root {
  --color-key:	#C19C7E;
  --color-key_l:	rgb(251.9, 250.05, 248.55);
  --color-body_bg:	#FFFFFF;
  /* テキスト */
  --color-txt:	#000000;
  --color-txt_tone:	#C19C7E;
  --color-txt_rgb:	42, 57, 68;
  --color-txt_contrast:	#FFFFFF;
  --color-txt_contrast_rgb:	255, 255, 255;
  --color-txt_l:	#333333;
  /* リンク */
  --color-link:	#C19C7E;
  --color-link_contrast:	#FFFFFF;
  --color-link_hover:	rgb(176.445026178, 129.5654450262, 91.554973822);
  --color-link_hover_bg:	rgba(193, 156, 126, 0.08);
  /* 罫線 */
  --color-border:	#000;
  --color-border_l:	#CFCFCF;
  /* ボタンやアラートなどエレメントカラー */
  --color-default:	#FFFFFF;
  --color-primary:	#C19C7E;
  --color-primary_rgb:	rgb(224.862434555, 223.0815366883, 221.637565445);
  --color-secondary:	#826AC5;
  --color-secondary_rgb:	130, 106, 197;
  --color-success:	#00aa6e;
  --color-success_rgb:	0, 170, 110;
  --color-info:	white;
  --color-info_rgb:	0, 175, 240;
  --color-danger:	#dd4b39;
  --color-danger_rgb:	221, 75, 57;
  --color-warning:	#f39c12;
  --color-warning_rgb:	243, 156, 18;
  --color-disable:	rgba(0, 0, 0, 0.1);
  --color-disable_rgb:	204, 204, 204;
  --color-disable_txt:	rgba(0, 0, 0, 0.5);
  /* ヘッダ */
  --color-header_txt:	#2A3944;
  --color-header_bg:	#FFFFFF;
  --color-body_icon:	#797E81;
  --color-body_dropdown_bg:	#2A3944;
  --color-body_dropdown_hover:	rgb(32.2636363636, 43.7863636364, 52.2363636364);
  /* サイド */
  --color-side_txt:	rgba(255, 255, 255, 0.8);
  --color-side_icon:	rgba(255, 255, 255, 0.4);
  --color-side_bg:	#2A3944;
  --color-side_hover:	rgb(32.2636363636, 43.7863636364, 52.2363636364);
  --color-side_open_bg:	rgb(36.1581818182, 49.0718181818, 58.5418181818);
  --color-side_active:	rgb(26.4218181818, 35.8581818182, 42.7781818182);
  --color-side_active_txt:	white;
  /* コンテンツボックス */
  --color-content-bg:	#FFFFFF;
  --color-content-bg_dark:	#000000;
  --color-content-border:	rgba(0, 0, 0, 0.8);
  --color-content-shadow:	rgb(234.6, 234.6, 234.6);
  /* タイトル */
  --color-ttl_bg:	rgb(234.6, 234.6, 234.6);
  --color-ttl_bg_dark:	#000000;
  /* テーブル */
  --color-table_thead_txt:	#FFFFFF;
  --color-table_thead_bg:	rgba(0, 0, 0, 0.8);
  --color-table_th_bg:	rgba(0, 0, 0, 0.08);
  --color-table_td_bg1:	#FFFFFF;
  --color-table_td_bg2:	#F5F5F5;
  --color-table_hover:	rgba(193, 156, 126, 0.03);
  --color-table_active:	rgba(193, 156, 126, 0.1);
  --color-progressbar_bg: rgb(178.5, 178.5, 178.5);
  /* オーバーレイ（モーダルやドロワーの背景） */
  --color-overlay-bg:	rgba(0, 0, 0, 0.8);
  --color-overlay-bg_l:	rgba(0, 0, 0, 0.4);
  /* モーダルウィンドウのコンテンツ背景 */
  --color-modal-bg:	#FFFFFF;
  /* チャート */
  --color-chart01:	#00AAF6;
  --color-chart02:	#2EC193;
  --color-chart03:	#767CDC;
  --color-chart04:	#E97DB3;
  --color-chart05:	#E59C23;
  --color-chart06:	#00C8E1;
  --color-chart07:	#00E0B5;
  /* その他ベーシックな色 */
  --color_black:	#000000;
  --color_white:	#FFFFFF;
  --color_darkgray:	#333333;
  --color_gray:	#ACACAC;
  --color_red:	#EB2D2D;
  --color_blue:	#0059ff;
}

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

html,
body {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

:root {
  --txt-color: ;
  --main-color: ;
  --sub-color: ;
  --main--bg: ;
  --white: ;
}

address {
  font-style: normal;
}

body {
  overflow-x: hidden;
  color: #000;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-family: "Roboto", "Noto Sans Jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.875;
  letter-spacing: 0.1em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: url("../img/common/bg.jpg") center/contain repeat;
}
@media screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

a[href^="tel:"] {
  pointer-events: none;
  cursor: default;
}
@media screen and (max-width: 600px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}

a {
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (hover: hover) {
  a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
}

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

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

ul,
ol {
  list-style: none;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

th,
td {
  padding: 4px 6px;
  vertical-align: top;
  text-align: left;
}

blockquote,
q {
  quotes: none;
}

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

form {
  margin: 0;
  padding: 0;
}

form button {
  display: inline-block;
  margin: 0;
  padding: 0.6em 2em;
  width: auto;
  border: none;
  border-radius: 0;
  background-color: #2281b8;
  background-image: none;
  -webkit-box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-appearance: none;
}

form button:hover,
form button:focus {
  outline: none;
}

form button:hover {
  opacity: 0.6;
}

form button ::-moz-focus-inner {
  padding: 0;
  border: none;
}

input,
textarea {
  padding: 0.40625rem 1rem;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 0.25rem;
  background-image: none;
  background-color: #F5F5F5;
  font-size: 1em;
  font-family: inherit;
  -webkit-appearance: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #848484;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #848484;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #848484;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #848484;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input::placeholder,
textarea::placeholder {
  color: #848484;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
@media screen and (max-width: 600px) {
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 0.875rem;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 0.875rem;
  }
  input::placeholder,
  textarea::placeholder {
    font-size: 0.875rem;
  }
}

textarea:hover,
textarea:focus {
  outline: none;
}

textarea:focus {
  outline: none;
  border-color: #e2e2e2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea ::-moz-focus-inner {
  padding: 0;
  border: none;
}

input::-webkit-input-placeholder {
  color: #848484;
}

input::-moz-placeholder {
  color: #848484;
}

input::-ms-input-placeholder {
  color: #848484;
}

input:-ms-input-placeholder {
  color: #848484;
}

input::placeholder {
  color: #848484;
}

input:focus {
  outline: none;
  border-color: #e2e2e2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=submit],
input[type=button] {
  display: inline-block;
  margin: 0;
  padding: 0.6em 2em;
  width: auto;
  border: none;
  border-radius: 0;
  background-color: #2281b8;
  background-image: none;
  -webkit-box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-appearance: none;
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus {
  outline: none;
}

input[type=submit]:hover,
input[type=button]:hover {
  opacity: 0.6;
}

input[type=submit] ::-moz-focus-inner,
input[type=button] ::-moz-focus-inner {
  padding: 0;
  border: none;
}

input[type=radio] {
  display: none;
}

input[type=radio] + span {
  position: relative;
  display: inline-block;
  margin: 0 16px 0 0;
  padding: 0 0 0 30px;
  cursor: pointer;
}

input[type=radio] + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  background: #fff;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

input[type=radio] + span::after {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

input[type=radio]:checked + span::after {
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  content: "";
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  margin: 0 16px 0 0;
  padding: 0 0 0 30px;
  cursor: pointer;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

input[type=checkbox] + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  border-radius: 2px;
  background: #fff;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

input[type=checkbox] + span::after {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

input[type=checkbox]:checked + span::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -0.2em;
  width: 26px;
  height: 15.6px;
  border-bottom: 4px solid #0078D4;
  border-left: 4px solid #0078D4;
  content: "";
  opacity: 1;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

select {
  padding: 0.625rem 0.625rem 0.625rem 0.75rem;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  background-image: url(../img/common/select-arrow.svg);
  background-position: right 11px top 55%;
  background-size: 13px;
  background-repeat: no-repeat;
  background-color: #F5F5F5;
  color: #1D1D1D;
  font-size: 1em;
  font-family: inherit;
  cursor: pointer;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select:focus {
  outline: none;
  border-color: #e2e2e2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

option {
  color: #1D1D1D;
}

@font-face {
  font-family: "Noto Sans Jp";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Jp";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Jp";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Jost-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "Sawarabi";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SawarabiMincho-Regular.ttf") format("truetype");
}
.p-editorContents {
  margin-top: 5rem;
}
@media screen and (max-width: 600px) {
  .p-editorContents {
    margin-top: 2.5rem;
  }
}
.p-editorContents h2.wp-block-heading {
  font-size: 1.5rem;
  font-weight: 700;
}
.p-editorContents h3.wp-block-heading {
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
}
.p-editorContents * + * {
  margin-top: 16px;
}
.p-editorContents * + h2.wp-block-heading {
  margin-top: 96px;
}
.p-editorContents * + h3.wp-block-heading {
  margin-top: 56px;
}
.p-editorContents * + p {
  margin-top: 16px;
}
.p-editorContents * + .wp-block-image {
  margin-top: 32px;
}
.p-editorContents ul,
.p-editorContents ol {
  padding-left: 32px;
}
.p-editorContents * + ul,
.p-editorContents * + ol {
  margin-top: 32px;
}
.p-editorContents ul {
  list-style: disc;
}
.p-editorContents ol {
  list-style: trad-chinese-informal;
}
.p-editorContents li {
  position: relative;
}
.p-editorContents * + li {
  margin-top: 16px;
}
.p-editorContents * + .wp-block-table {
  margin-top: 16px;
}
.p-editorContents figcaption {
  font-size: 0.75rem;
  color: #787878;
  margin-top: 16px;
}
.p-editorContents .wp-block-table table th {
  border: unset;
  padding: 24px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 21%;
}
.p-editorContents .wp-block-table table td {
  border: unset;
  padding: 24px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 79%;
}

.attachment-post-thumbnail {
  width: 100%;
  aspect-ratio: 332/187;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.c-pagePostTitle {
  font-size: 2rem;
  font-weight: 700;
}

.wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}
@media screen and (max-width: 600px) {
  .wp-block-gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.wp-block-gallery {
  width: 100% !important;
}
.wp-block-gallery .wp-block-image {
  aspect-ratio: 1/1;
  width: 100% !important;
}

.l-section__bg--change {
  background-color: var(--color-key_l);
}
.l-section__noPadding > div {
  padding: 0;
}
.l-section__news {
  background-color: var(--color-key_l);
}
.l-section__banner {
  padding: var(--padding-section) 0 0;
}
.l-section__instagram {
  width: 90%;
  max-width: var(--width-contents_max_l);
  margin: 0 auto;
  padding: var(--padding-section) 0;
}
.l-section__banner--inner {
  width: 90%;
  max-width: var(--width-contents_max_l);
  margin: 0 auto;
  padding: var(--padding-section) 0;
}

.l-pageContents, .l-pageContents--reduction {
  width: 90%;
  max-width: var(--width-contents_max);
  margin: 0 auto;
  padding: var(--padding-section) 0;
}
.l-pageContents--reduction {
  max-width: var(--width-contents_max_l);
}
.l-pageContents--full {
  width: 100%;
  padding: var(--padding-section) 0;
}

.l-inner--1100 {
  width: 1100px;
  max-width: 100%;
}

.l-inner {
  margin: 0 auto;
  max-width: 90%;
}

.s-work__linkBox {
  width: 90%;
  max-width: var(--width-contents_max);
  margin: 0 auto;
  padding-top: var(--padding-section);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-header {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: var(--height-header_lg);
  padding: 0.75rem var(--padding-contents-lr_lg);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: var(--color-header_bg);
  gap: 2rem;
}
.l-header--float {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 90%;
  margin-top: 1rem;
  border-radius: 0.375rem;
  padding-right: 1.125rem;
}
.l-header--fixed {
  position: sticky;
  top: 0;
}
.l-header--bg_transparent {
  background-color: transparent;
}
.l-header h1 {
  height: 100%;
}
.l-header h1 img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .l-header {
    height: var(--height-header_mdsm);
    padding: 0.75rem var(--padding-contents-lr_mdsm);
  }
}

.l-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.5rem, 0.4393203883rem + 0.2588996764vw, 0.75rem);
}
@media screen and (max-width: 1368px) {
  .l-header__nav {
    display: none;
  }
  .js-overlay .l-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: -0.0625rem;
    background-color: var(--color_white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 23.4375rem;
    width: 100%;
    padding: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding-bottom: 5rem;
  }
  .js-overlay .l-header__nav .l-header__navList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media screen and (max-width: 1368px) and (max-width: 480px) {
  .js-overlay .l-header__nav {
    max-width: 100%;
  }
}
@media screen and (max-width: 1368px) {
  .l-header__nav .c-btn__nav--header,
  .l-header__nav .c-btn__nav--tel {
    margin: 0 auto;
  }
}

.l-header__navList {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 50rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .l-header__navList {
    width: 100%;
    gap: 1.5rem;
  }
}
.l-header__navList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .l-header__navList li {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.l-header__navList li::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  border-bottom: 1px solid var(--color-primary);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
@media screen and (max-width: 1024px) {
  .l-header__navList li::before {
    content: none;
  }
}
.l-header__navList li:hover::before {
  width: 100%;
}
.l-header__navList li.menu-item-has-children::after {
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.375rem;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid var(--color-primary);
  border-bottom: 0;
  margin-left: 0.5rem;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .l-header__navList li.menu-item-has-children::after {
    position: absolute;
    right: 0;
    top: 0.625rem;
  }
}
.l-header__navList li.menu-item-has-children:hover .l-header__navListChild {
  visibility: visible;
  /*Gナビメニューにホバーしたら表示*/
  opacity: 1;
  /*不透明度1*/
}
@media screen and (max-width: 1024px) {
  .l-header__navList li.menu-item-has-children:hover .l-header__navListChild {
    visibility: unset;
    opacity: unset;
  }
}
.l-header__navList li.current-menu-item::before, .l-header__navList li.current_page_parent::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid var(--color-primary);
}
@media screen and (max-width: 1024px) {
  .l-header__navList li.current-menu-item::before, .l-header__navList li.current_page_parent::before {
    content: none;
  }
}
.l-header__navList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.l-header__navList li a::after {
  content: attr(data-desc);
  font-size: clamp(0.625rem, 0.5946601942rem + 0.1294498382vw, 0.75rem);
  font-weight: 300;
  line-height: 1;
}
.l-header__navList li a i {
  color: var(--color-primary);
}

.l-header__navListChild {
  min-width: 100%;
  position: absolute;
  top: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: var(--color-header_bg);
  padding: 0.5rem 1rem;
  visibility: hidden;
  /*デフォルトでは非表示の状態にしておく*/
  opacity: 0;
  /*不透明度0*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*表示の変化を0.3秒に指定*/
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .l-header__navListChild {
    display: none;
    position: relative;
    visibility: visible;
    /*Gナビメニューにホバーしたら表示*/
    opacity: 1;
    /*不透明度1*/
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    min-width: unset;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    padding: 0;
    -webkit-transition: unset;
    transition: unset;
  }
}
.l-header__navListChild ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.l-header__navListChild ul .current-menu-item {
  border-bottom: none;
}
.l-header__navListChild ul li::before {
  content: none !important;
}
@media screen and (max-width: 1024px) {
  .l-header__navListChild ul li {
    padding: 0 1rem;
  }
}

.l-header__nav--item__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color_white);
  background-color: var(--color-primary);
  width: 6.25rem;
  height: 1.8125rem;
  font-size: clamp(0.625rem, 0.5946601942rem + 0.1294498382vw, 0.75rem);
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: bold;
  border-radius: 0.125rem;
  padding: 0.3125rem;
  position: relative;
  border: none;
}
@media screen and (max-width: 1368px) {
  .l-header__nav--item__switch {
    width: 10.375rem;
    height: 3rem;
    font-size: 0.9375rem;
    padding: 0.3125rem 0.6875rem;
    margin: 0 auto;
  }
}
.l-header__nav--item__switch.is_open .l-header__nav--item__switch-btn {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.l-header__nav--item__switch .l-header__nav--item__switch-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.625rem, 0.5643203883rem + 0.2588996764vw, 0.875rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .l-header__nav--item__switch .l-header__nav--item__switch-title {
    width: 100%;
  }
}
.l-header__nav--item__switch .l-header__nav--item__switch-title .l-header__nav--item__switch-text {
  display: block;
  font-family: "Montserrat";
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.l-header__nav--item__switch .l-header__nav--item__switch-btn {
  display: block;
  position: relative;
  width: 0.5625rem;
  height: 0.375rem;
  background-image: url(../img/common/icon_arrow-line-down.svg);
  background-size: cover;
  -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;
}
.l-header__nav--item__switch .l-header__nav--item__switch-selectWrap {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 110%;
  display: none;
  padding: 0.3125rem;
  background-color: var(--color-primary);
  line-height: 1.8125;
  border-radius: 0.125rem;
}
@media screen and (max-width: 1024px) {
  .l-header__nav--item__switch .l-header__nav--item__switch-selectWrap {
    top: unset;
    bottom: 110%;
  }
}
.l-header__nav--item__switch .l-header__nav--item__switch-selectWrap .l-header__nav--item__switch-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.l-header__nav--item__switch .l-header__nav--item__switch-selectWrap .l-header__nav--item__switch-select li {
  text-align: center;
}
.l-header__nav--item__switch .l-header__nav--item__switch-selectWrap .l-header__nav--item__switch-select li:hover {
  opacity: 0.7;
}

.l-header__nav--item__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  position: relative;
  margin: 0 auto;
}
.l-header__nav--item__search input[type=text] {
  width: 9.375rem;
  padding: 0.3125rem 1.5rem 0.3125rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.1538461538;
  letter-spacing: 0.03em;
  border-radius: 12.5px;
  border: 1px solid #B0B0B0;
}
.l-header__nav--item__search input[type=text]::-webkit-input-placeholder {
  font-size: 0.8125rem;
  line-height: 1.1538461538;
  letter-spacing: 0.03em;
  color: var(--color_gray);
}
@media screen and (max-width: 1024px) {
  .l-header__nav--item__search input[type=text] {
    width: 21.4375rem;
    padding: 0.875rem 4rem 0.75rem 2rem;
    border-radius: 28.5px;
    font-size: 0.9375rem;
    border: none;
  }
  .l-header__nav--item__search input[type=text]::-webkit-input-placeholder {
    font-size: 0.9375rem;
  }
}
.l-header__nav--item__search button {
  position: absolute;
  top: 50%;
  right: 0.375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  background-image: url(../img/common/icon_search.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding: 0;
  width: 1rem;
  height: 1.0625rem;
  border: none;
  border-radius: 0;
}
@media screen and (max-width: 1024px) {
  .l-header__nav--item__search button {
    right: 1.5rem;
    width: 1.4375rem;
    height: 1.4375rem;
  }
}

.l-footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1rem, -0.2742718447rem + 5.4368932039vw, 6.25rem);
  padding: calc(var(--padding-section) * 0.5) 0;
}
@media screen and (max-width: 600px) {
  .l-footer__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.l-footer__upper {
  border-top: 1px solid var(--color-border_l);
}

.l-footer__bottom {
  width: 100%;
  min-height: 4.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--color-key_l);
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  border-top: 1px solid var(--color-border_l);
}
.l-footer__bottom .l-footer__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1280px) {
  .l-footer__bottom .l-footer__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.l-footer__bottom .l-footer__box--right {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .l-footer__bottom .l-footer__box--right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.l-footer__box--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1.125rem;
}
.l-footer__box--left svg {
  color: var(--color-primary) !important;
}
@media screen and (max-width: 600px) {
  .l-footer__box--left {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.l-footer__box--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
@media screen and (max-width: 600px) {
  .l-footer__box--right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.l-footer__box--right .l-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.5904126214rem + 1.7475728155vw, 2.6875rem);
}
.l-footer__box--right .l-footer__nav--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.125rem;
}
.l-footer__box--right .l-footer__nav--right .c-btn__nav--footer {
  max-width: 100%;
  width: 14rem;
}
.l-footer__box--right .l-footer__nav--right svg {
  color: var(--color-primary) !important;
}
@media screen and (max-width: 768px) {
  .l-footer__box--right .l-footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-footer__box--right .l-footer__nav nav ul {
  display: grid;
  grid-template-columns: auto auto;
  grid-auto-flow: column;
  gap: 1.125rem clamp(1rem, 0.5904126214rem + 1.7475728155vw, 2.6875rem);
}
@media screen and (max-width: 991px) {
  .l-footer__box--right .l-footer__nav nav ul {
    grid-auto-flow: dense;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__box--right .l-footer__nav nav ul {
    grid-template-columns: auto;
  }
}
.l-footer__box--right .l-footer__nav nav ul li.menu-item-has-children {
  grid-row: 1/7;
}
@media screen and (max-width: 991px) {
  .l-footer__box--right .l-footer__nav nav ul li.menu-item-has-children {
    grid-row: 2/7;
  }
}
.l-footer__box--right .l-footer__nav nav ul li.menu-item-has-children .sub-menu {
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  margin-top: 1rem;
  grid-template-columns: auto auto;
  grid-auto-flow: dense;
  gap: 0.875rem clamp(1rem, 0.5904126214rem + 1.7475728155vw, 2.6875rem);
}
.l-footer__box--right .l-footer__nav nav ul li.menu-item-has-children .sub-menu a::before {
  content: "";
  display: inline-block;
  width: 0.375rem;
  height: 0.625rem;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid var(--color-primary);
  border-right: 0;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.l-footer__box--right .l-footer__nav nav ul i {
  color: var(--color-primary);
}

.l-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  padding: clamp(1rem, 0.6055825243rem + 1.6828478964vw, 2.625rem);
  border-bottom: 1px solid var(--color-primary);
}
.l-box:first-child {
  border-top: 1px solid var(--color-primary);
}
.l-box > div {
  width: 100%;
}
.l-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, 0.5376213592rem + 0.9061488673vw, 1.625rem);
}
.l-box__img img {
  margin: 0 auto;
}
.l-box__map {
  aspect-ratio: 550/400;
}
.l-box__map iframe {
  width: 100%;
  height: 100%;
}
.l-box--number {
  color: var(--color-primary);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.l-box--title {
  font-family: "Sawarabi";
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  letter-spacing: 0.1em;
  line-height: 1.25;
}
.l-box--title span {
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  letter-spacing: 0.1em;
  line-height: 1.6666666667;
}
.l-box--text {
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.l-box--text__right {
  text-align: right;
}
.l-box--text__center {
  text-align: center;
}
.l-box.l-box__reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 600px) {
  .l-box.l-box__reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-box.l-box__column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.l-box.l-box__column--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (max-width: 600px) {
  .l-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.l-editor .wp-block-heading {
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.l-editor .wp-block-separator {
  border-top: 1px solid var(--color-border_l);
}
.l-editor p {
  letter-spacing: 0.1em;
  line-height: 1.875;
}

.c-pageHead {
  padding: 5rem 0 3.125rem;
  background-color: var(--color-key);
  position: relative;
}
@media screen and (max-width: 600px) {
  .c-pageHead {
    padding: 2.5rem;
  }
}

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

.c-pageHead--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  position: relative;
  max-width: var(--width-contents_max_l);
  margin: 0 auto;
  width: 90%;
}

.c-pageTitle__ja {
  font-size: clamp(1.375rem, 1.1626213592rem + 0.9061488673vw, 2.25rem);
  font-weight: 400;
  line-height: 0.8333333333;
  letter-spacing: 0.1em;
  color: var(--color_white);
  font-family: "Sawarabi";
}

.c-pageTitle__en {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-size: clamp(4.375rem, 3.6165048544rem + 3.2362459547vw, 7.5rem);
  font-weight: 400;
  line-height: 0.6;
  letter-spacing: 0.04em;
  color: var(--color-key_l);
  opacity: 0.18;
}
@media screen and (max-width: 1024px) {
  .c-pageTitle__en {
    right: 0;
    word-break: break-word;
  }
}

.c-pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5.375rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.c-pagination .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.375rem;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-primary);
}
.c-pagination .page-numbers.current {
  background-color: var(--color-primary);
  color: var(--color_white);
}

.c-single__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.5rem, 1.2572815534rem + 1.0355987055vw, 2.5rem);
  margin-top: clamp(1.5rem, 1.2572815534rem + 1.0355987055vw, 2.5rem);
}
.c-single__content .wp-block-separator {
  border-top: 0.125rem solid #cfcfcf;
}

.c-single__content.news {
  margin-bottom: 4rem;
}

.c-single__title {
  font-size: clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem);
  position: relative;
  padding-bottom: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.c-single__title::before, .c-single__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0.5rem;
}
.c-single__title::before {
  width: 100%;
  background-color: var(--color-border_l);
  z-index: 1;
}
.c-single__title::after {
  width: 30%;
  background-color: var(--color-key);
  left: 0;
  z-index: 2;
}

.c-single__works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
}
@media screen and (max-width: 600px) {
  .c-single__works {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-single__works .attachment-post-thumbnail {
  aspect-ratio: 332/250;
  width: 60%;
}
@media screen and (max-width: 600px) {
  .c-single__works .attachment-post-thumbnail {
    width: 100%;
  }
}

.c-single__works-list {
  margin-top: 0;
}
.c-single__works-list tr {
  border-bottom: 1px solid var(--color-border_l);
}
.c-single__works-list tr:first-child {
  border-top: 1px solid var(--color-border_l);
}
.c-single__works-list tr th,
.c-single__works-list tr td {
  padding: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem) 0.75rem;
}
.c-single__works-list tr th {
  width: 6.25rem;
}

.c-single__works-bottom {
  margin-top: 0;
  border-top: 1px solid var(--color-border_l);
  padding: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem) 0;
}

.post-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.5rem, 0.0145631068rem + 2.071197411vw, 2.5rem);
  margin-top: 1rem;
}
.post-navigation .previous-post,
.post-navigation .next-post {
  width: 100%;
  max-width: 11.25rem;
  border-radius: 1.8125rem;
  border: 1px solid var(--color-primary);
}
.post-navigation .previous-post a,
.post-navigation .next-post a {
  padding: clamp(0.5rem, 0.3938106796rem + 0.4530744337vw, 0.9375rem) clamp(0.5rem, 0.1814320388rem + 1.359223301vw, 1.8125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-navigation .previous-post:empty,
.post-navigation .next-post:empty {
  visibility: hidden;
}

.toArchive {
  width: 100%;
  max-width: 15.875rem;
}
.toArchive a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.8125rem;
  background-color: var(--color-primary);
  color: var(--color_white);
  padding: clamp(0.5rem, 0.3938106796rem + 0.4530744337vw, 0.9375rem) clamp(0.75rem, 0.4921116505rem + 1.1003236246vw, 1.8125rem);
}

.toArchive.center {
  margin: 0.3rem auto;
}

.c-archive__catList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
}

.c-archive__catList--item a::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.0625rem;
  background-color: var(--color-primary);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.c-archive__catList--item a:hover::after {
  width: 100%;
}
.c-archive__catList--item.is_active a::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-primary);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.news-list {
  background-color: var(--color-body_bg);
  padding: 1rem 0;
  border-radius: 0.5rem;
}
.news-list ul {
  height: 16rem;
  overflow: scroll;
  padding: 0 clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
}
.news-list ul li {
  margin-top: 30px;
  border-bottom: 1px solid var(--color-border_l);
  margin-bottom: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.news-list ul li span {
  padding-right: 13px;
  color: var(--color-txt_tone);
}
.news-list ul li:first-child {
  margin-top: 22px;
}

ul::-webkit-scrollbar {
  height: 100%;
  width: 0;
}

.c-btn, .c-btn__tel, .c-btn__contact, .c-btn--inversion {
  width: 100%;
  max-width: 29.6875rem;
  aspect-ratio: 380/80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3.75rem;
  background-color: var(--color-primary);
  color: var(--color_white);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  gap: 0.5rem;
  position: relative;
}
.c-btn::before, .c-btn__tel::before, .c-btn__contact::before, .c-btn--inversion::before {
  content: "";
  background-image: url(../img/common/btn_user.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(1.25rem, 1.1589805825rem + 0.3883495146vw, 1.625rem);
  aspect-ratio: 26/33;
}
.c-btn--inversion {
  color: var(--color-primary);
  background-color: var(--color_white);
}
.c-btn--inversion::after {
  background-image: url(../img/common/btn_user.svg);
}

.c-btn__contact::before {
  background-image: url(../img/common/icon_search.svg);
}

.c-btn__tel::before {
  background-image: url(../img/common/icon_tel_wh.svg);
}
.c-btn__tel--inversion {
  background-color: var(--color_white);
  color: var(--color-primary);
}

.c-btn__nav, .c-btn__nav--footer, .c-btn__nav--header {
  background-color: var(--color-primary);
  color: var(--color_white);
  min-width: clamp(15rem, 14.0898058252rem + 3.8834951456vw, 18.75rem);
  aspect-ratio: 300/65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.375rem;
  border-radius: 5rem;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
}
.c-btn__nav::before, .c-btn__nav--footer::before, .c-btn__nav--header::before {
  content: "";
  background-image: url(../img/common/icon_contact.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1875rem;
  height: 1.5rem;
}
.c-btn__nav--user {
  background-color: var(--color_white);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.c-btn__nav--user::before {
  background-image: url(../img/common/btn_user.svg);
}
.c-btn__nav--search::before {
  background-image: url(../img/common/icon_search.svg);
}
.c-btn__nav--tel {
  background-color: transparent;
}
.c-btn__nav--tel::before {
  background-image: url(../img/common/icon_tel_br.svg);
}
.c-btn__nav--tel .c-contact__tel--number {
  font-size: clamp(1rem, 0.7876213592rem + 0.9061488673vw, 1.875rem);
  color: var(--color-primary);
  font-weight: 500;
  letter-spacing: 0.06em;
}
.c-btn__nav--tel .c-contact__tel--hours {
  color: var(--color-primary);
}
.c-btn__nav--header {
  height: 4.0625rem;
  max-width: 15.375rem;
  min-width: unset;
  line-height: normal;
}
.c-btn__nav--footer {
  height: 4.0625rem;
  max-width: 14rem;
}
.c-btn__nav.form-btn, .form-btn.c-btn__nav--header, .form-btn.c-btn__nav--footer {
  aspect-ratio: auto;
}

.s-btn__work {
  width: 100%;
  max-width: 29.6875rem;
  aspect-ratio: 380/80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3.75rem;
  background-color: var(--color_white);
  color: var(--color-primary);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  gap: 0.5rem;
  position: relative;
}

.c-instagram__btn {
  width: 100%;
  max-width: 29.6875rem;
  aspect-ratio: 380/80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3.75rem;
  background-color: var(--color-primary);
  color: var(--color_white);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  gap: 0.5rem;
  position: relative;
  margin: 0 auto;
  margin-top: 1.25rem;
}
.c-instagram__btn::before {
  content: "";
  background-image: url(../img/common/webp/Instagram_Glyph_White.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(1.25rem, 1.1589805825rem + 0.3883495146vw, 1.625rem);
  aspect-ratio: 26/33;
}

.c-mainVisual--full, .c-mainVisual--full .wp-custom-header {
  height: 100vh;
}
.c-mainVisual--full__noInclude, .c-mainVisual--full__noInclude .wp-custom-header {
  height: calc(100vh - var(--height-header_lg));
  position: relative;
  top: var(--height-header_lg);
}
@media screen and (max-width: 991px) {
  .c-mainVisual--full__noInclude, .c-mainVisual--full__noInclude .wp-custom-header {
    height: calc(100vh - var(--height-header_mdsm));
    top: var(--height-header_lg);
  }
}
.c-mainVisual--full__noInclude .wp-custom-header {
  top: 0;
}
.c-mainVisual--auto, .c-mainVisual--auto .wp-custom-header {
  height: auto;
}
.c-mainVisual--auto__noInclude, .c-mainVisual--auto__noInclude .wp-custom-header {
  height: auto;
  position: relative;
}
@media screen and (max-width: 991px) {
  .c-mainVisual--auto__noInclude, .c-mainVisual--auto__noInclude .wp-custom-header {
    height: calc(100vh - var(--height-header_mdsm));
  }
}
.c-mainVisual--auto__noInclude .wp-custom-header img {
  width: auto;
  margin: 0 auto;
}
.c-mainVisual--slider, .c-mainVisual--slider .wp-custom-header {
  height: auto;
}
.c-mainVisual--slider__noInclude, .c-mainVisual--slider__noInclude .wp-custom-header {
  height: auto;
  position: relative;
}
.c-mainVisual--slider__noInclude .wp-custom-header img {
  width: auto;
  margin: 0 auto;
}
.c-mainVisual img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1000/619;
}

.c-mainVisual__slider {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.c-mainVisual__slider--wrap {
  height: 100%;
  overflow: visible !important;
}
.c-mainVisual__slider .swiper-slide:not(.swiper-slide-active) {
  position: relative;
}
.c-mainVisual__slider .swiper-slide:not(.swiper-slide-active)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-overlay-bg_l);
}
.c-mainVisual__slider .swiper-button-prev,
.c-mainVisual__slider .swiper-button-next {
  z-index: 2;
  background-color: #FFF;
  width: 2.5625rem;
  height: 2.5625rem;
  border-radius: 50%;
}
.c-mainVisual__slider .swiper-button-prev::after,
.c-mainVisual__slider .swiper-button-next::after {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-txt);
}
.c-mainVisual__slider .swiper-button-prev {
  left: -1.3125rem;
}
@media screen and (max-width: 1024px) {
  .c-mainVisual__slider .swiper-button-prev {
    left: 0;
  }
}
.c-mainVisual__slider .swiper-button-next {
  right: -1.3125rem;
}
@media screen and (max-width: 1024px) {
  .c-mainVisual__slider .swiper-button-next {
    right: 0;
  }
}

.c-post, .c-post__patternD, .c-post__patternC, .c-post__patternB, .c-post__patternA {
  display: grid;
  gap: 0 clamp(1rem, -0.2742718447rem + 5.4368932039vw, 6.25rem);
}
.c-post__patternA {
  grid-template-columns: 1fr 67%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  background-color: var(--color_white);
}
.c-post__patternA .c-post__box {
  grid-column: 2/3;
  grid-row: 1/3;
}
.c-post__patternA .c-btn {
  margin-top: clamp(1rem, 0.6814320388rem + 1.359223301vw, 2.3125rem);
}
@media screen and (max-width: 768px) {
  .c-post__patternA {
    grid-template-columns: 1fr auto;
  }
  .c-post__patternA .c-post__box {
    grid-column: 1/3;
    grid-row: 2/3;
    margin-top: clamp(1rem, 0.6814320388rem + 1.359223301vw, 2.3125rem);
  }
  .c-post__patternA .c-btn {
    margin-top: 0;
  }
}
.c-post__patternB {
  grid-template-columns: 1fr auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.c-post__patternB .c-post__box {
  grid-column: 1/3;
  grid-row: 2/3;
  margin-top: clamp(1rem, 0.6814320388rem + 1.359223301vw, 2.3125rem);
}
.c-post__patternC {
  grid-template-columns: 1fr;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem) 0;
}
.c-post__patternC .c-btn {
  margin: 0 auto;
  max-width: 15rem;
}
.c-post__patternC .c-btn::before {
  content: none;
}
.c-post__patternD {
  display: block;
  overflow: hidden;
}
.c-post__patternD .c-btn {
  margin: 0 auto;
}

.c-post__box--list {
  display: grid;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
}
.c-post__box--card {
  display: grid;
  gap: 1.25rem;
}

.c-post__box__link--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1rem, 0.0291262136rem + 4.142394822vw, 5rem);
  padding-bottom: clamp(0.5rem, 0.3634708738rem + 0.5825242718vw, 1.0625rem);
  border-bottom: 1px solid var(--color-border_l);
}
@media screen and (max-width: 600px) {
  .c-post__box__link--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.25rem;
  }
}
.c-post__box__link--list time {
  color: var(--color-txt_tone);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
}
.c-post__box__link--card {
  height: 100%;
  display: grid;
}

.c-title {
  margin-bottom: clamp(2rem, 1.5449029126rem + 1.9417475728vw, 3.875rem);
}
.c-title--center {
  text-align: center;
}

.c-title--inner {
  font-family: "Sawarabi";
}

.c-title__en {
  font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
  line-height: 1.1538461538;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.c-title__ja {
  font-size: clamp(1.5rem, 1.2117718447rem + 1.2297734628vw, 2.6875rem);
  line-height: 1.3953488372;
  letter-spacing: 0.1em;
}
.c-title__ja .sp-only {
  display: none;
}
@media screen and (max-width: 600px) {
  .c-title__ja .sp-only {
    display: inline;
  }
}
.c-title__ja span {
  font-size: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
}

.c-contact--bg {
  background-color: var(--color-txt_tone);
  color: var(--color_white);
}
.c-contact--bg .c-title__en {
  color: var(--color_white);
}
.c-contact--bg .c-btn__contact {
  background-color: var(--color-primary_rgb);
}

.c-contact__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.c-contact__box--left {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 600px) {
  .c-contact__box--left {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.c-contact__box--right {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 600px) {
  .c-contact__box--right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.c-contact__box--text {
  margin-top: clamp(0.5rem, 0.4089805825rem + 0.3883495146vw, 0.875rem);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
.c-contact__box .c-title {
  margin-bottom: 0;
}

.c-contact__linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.c-contact__linkBox--column {
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (max-width: 600px) {
  .c-contact__linkBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.c-contact__telBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-contact__telBox .c-contact__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-contact__telBox .c-contact__tel--number {
  font-size: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  font-weight: 700;
  line-height: 0.9375;
  letter-spacing: 0.1em;
}
.c-contact__telBox .c-contact__tel--hours {
  white-space: nowrap;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 500;
  line-height: 1.3571428571;
  letter-spacing: 0.1em;
}

.c-hamburger {
  display: none;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  z-index: 200;
}
@media screen and (max-width: 1368px) {
  .c-hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-hamburger.is-active span {
    width: 1.875rem;
  }
  .c-hamburger.is-active span:first-child {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .c-hamburger.is-active span:nth-child(2) {
    opacity: 0;
  }
  .c-hamburger.is-active span:last-child {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
.c-hamburger span {
  height: 3px;
  width: 100%;
  border-radius: 3px;
  background-color: var(--color-primary);
  -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: left center 0;
          transform-origin: left center 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.c-card {
  background-color: var(--color_white);
  -webkit-box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.09);
}

.c-card__img {
  aspect-ratio: 337/280;
}
.c-card__img img {
  aspect-ratio: unset;
  height: 100%;
}

.c-card__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-card__box--title {
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  color: var(--color-txt_l);
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  word-break: auto-phrase;
}
.c-card__box--title__color {
  color: var(--color-primary);
}
.c-card__box--title::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid var(--color-primary);
  border-right: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-card__box--title__en {
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 400;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
  color: var(--color-primary);
}
.c-card__box--cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-card__box--cat li {
  background-color: var(--color-primary_rgb);
  color: var(--color_white);
  padding: 0.1875rem clamp(0.375rem, 0.2536407767rem + 0.5177993528vw, 0.875rem);
}
.c-card__box--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.c-card__box--noArrow .c-card__box--title::after {
  content: none !important;
}
.c-card__box--text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
}

.c-card__works {
  border-radius: 0.375rem;
  overflow: hidden;
}
.c-card__works .c-card__box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.c-card__works .c-card__img {
  aspect-ratio: 310/235;
}
.c-card__works .c-card__works--box {
  border-bottom: 1px solid var(--color-border_l);
  width: 100%;
  padding: 0.3125rem;
}
.c-card__works .c-card__works--box:last-child {
  border: none;
}
.c-card__works .c-card__works--box li {
  background-color: transparent;
  color: var(--color-txt);
  padding: 0;
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  font-weight: 700;
}
.c-card__works .c-card__works--price {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--color-danger);
}
.c-card__works .c-card__works--price span {
  font-size: clamp(1.375rem, 1.192961165rem + 0.7766990291vw, 2.125rem);
  font-weight: 700;
  line-height: 1.3529411765;
}
.c-card__works .c-card__works--text {
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 500;
  letter-spacing: 0.05em;
}

.c-banner {
  margin: var(--padding-section) 0;
  display: grid;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.c-banner img {
  margin: 0 auto;
}
.c-banner--mbNone {
  margin-bottom: 0;
}

.c-banner--full {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}
.c-banner--full img {
  width: 100%;
  margin: 0 auto;
}

.c-banner--content {
  width: 100%;
  max-width: var(--width-contents_max);
  margin-left: auto;
  margin-right: auto;
}
.c-banner--content img {
  width: 100%;
  margin: 0 auto;
}

.c-banner__original {
  background-image: url(../img/common/flow_bg.png);
  background-size: contain;
  background-repeat: round;
  background-color: var(--color-primary);
}
.c-banner__original .l-pageContents--reduction {
  padding: 0;
}
.c-banner__original .c-banner__original__flow {
  position: relative;
  padding: clamp(1.5rem, 0.5746359223rem + 3.9482200647vw, 5.3125rem) clamp(0rem, -1.2894417476rem + 5.501618123vw, 5.3125rem);
}
@media screen and (max-width: 600px) {
  .c-banner__original .c-banner__original__flow {
    padding-bottom: 5rem;
  }
}
.c-banner__original .c-banner__original__flow .c-banner__original__flow--box {
  width: 100%;
  max-width: 23.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.5rem, 1.2572815534rem + 1.0355987055vw, 2.5rem);
}
.c-banner__original .c-banner__original__flow .c-banner__original__flow--text {
  color: var(--color_white);
}
.c-banner__original .c-banner__original__flow .c-banner__original__flow--img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 23.75rem;
  width: 30vw;
}

.c-flow--patternA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
@media screen and (max-width: 768px) {
  .c-flow--patternA {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-flow--patternA li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .c-flow--patternA li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-flow--patternB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-flow--patternB li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-flow--patternC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-flow--patternC li {
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 0.625rem;
  border: 1px solid var(--color-primary);
  background-color: var(--color_white);
}
@media screen and (max-width: 600px) {
  .c-flow--patternC li {
    gap: 0 !important;
  }
}
.c-flow li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.5rem, 0.2572815534rem + 1.0355987055vw, 1.5rem);
  position: relative;
}
@media screen and (max-width: 600px) {
  .c-flow li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-flow__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.c-flow--patternC .c-flow__inner {
  padding: clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem);
  padding-left: 0;
}
@media screen and (max-width: 600px) {
  .c-flow--patternC .c-flow__inner {
    padding: clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem);
  }
}

.c-flow__img {
  width: 100%;
}

.c-flow__number {
  position: absolute;
  width: clamp(2rem, 1.7269417476rem + 1.1650485437vw, 3.125rem);
  aspect-ratio: 1/1;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  background-color: var(--color_white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: clamp(-1rem, -0.8634708738rem - 0.5825242718vw, -1.5625rem);
  left: clamp(-1rem, -0.8634708738rem - 0.5825242718vw, -1.5625rem);
  padding: 0.25rem 0;
}
.c-flow--patternC .c-flow__number {
  position: relative;
  top: unset;
  left: unset;
  aspect-ratio: unset;
  width: 15%;
  border: none;
  border-radius: unset;
  background-color: var(--color-primary);
  color: var(--color_white);
}
@media screen and (max-width: 600px) {
  .c-flow--patternC .c-flow__number {
    width: 100%;
  }
}

.c-table th, .c-table td {
  padding: clamp(0.5rem, 0.4393203883rem + 0.2588996764vw, 0.75rem) clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-table th, .c-table td {
    padding: clamp(0.5rem, 0.4393203883rem + 0.2588996764vw, 0.75rem) 0;
  }
}
.c-table th {
  width: 30%;
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .c-table--column th, .c-table--column td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .c-table--column th {
    padding-bottom: 0;
  }
}

.c-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 47.5rem;
  width: 100%;
  margin: clamp(1.5rem, 1.2572815534rem + 1.0355987055vw, 2.5rem) auto 0;
}
.c-form input[type=submit] {
  width: 100%;
  max-width: 14.375rem;
  background-color: var(--color-primary);
  height: 2.9375rem;
  border-radius: 0.125rem;
  font-family: "Noto Sans JP";
}
.c-form input[type=submit][name=submitBack] {
  background-color: var(--color-default);
  color: var(--color-txt);
}

.c-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}
.c-form__wrap--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__wrap.check-02 p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .c-form__wrap.check-02 p {
    grid-template-columns: 1fr;
  }
}
.c-form__wrap.check-02 p .horizontal-item {
  margin: 0;
}
.c-form__wrap.check-02 p .horizontal-item .mwform-checkbox-field-text {
  margin: 0;
}
.c-form__wrap.check-03 p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .c-form__wrap.check-03 p {
    grid-template-columns: 1fr;
  }
}
.c-form__wrap.check-03 p .horizontal-item {
  margin: 0;
}
.c-form__wrap.check-03 p .horizontal-item .mwform-checkbox-field-text {
  margin: 0;
}
.c-form__wrap.check-04 p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .c-form__wrap.check-04 p {
    grid-template-columns: 1fr;
  }
}
.c-form__wrap.check-04 p .horizontal-item {
  margin: 0;
}
.c-form__wrap.check-04 p .horizontal-item .mwform-checkbox-field-text {
  margin: 0;
}

.mwform-checkbox-field-text::after {
  top: 49% !important;
  left: 0.0625rem !important;
  width: 1.25rem !important;
  height: 0.6625rem !important;
}

.c-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__label--required::after {
  content: "必須";
  width: 3.75rem;
  height: 1.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color_white);
  background-color: var(--color-danger);
}

.c-form__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-form__btnWrap br {
  display: none;
}

.mw_wp_form_confirm .c-form__privacy {
  display: none;
}

.c-form__text--center {
  text-align: center;
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}

.c-form__hot-paper-beauty-button {
  width: 100%;
  max-width: 25rem;
  white-space: nowrap;
  text-align: center;
  background-color: var(--color-primary);
  height: 2.9375rem;
  border-radius: 0.125rem;
  font-family: "Noto Sans JP";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 0.6em 2em;
  -webkit-box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: clamp(0.75rem, 0.6893203883rem + 0.2588996764vw, 1rem);
}

.c-form__tel-button {
  width: 100%;
  max-width: 16.25rem;
  white-space: nowrap;
  text-align: center;
  background-color: var(--color-primary);
  height: 2.9375rem;
  border-radius: 0.125rem;
  font-family: "Noto Sans JP";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 0.6em 2em;
  -webkit-box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
  color: #fff;
}

.c-form__title-under-text {
  max-width: 47.5rem;
  margin: 0 auto;
}
.c-form__title-under-text .sp-only {
  display: none;
}
@media screen and (max-width: 600px) {
  .c-form__title-under-text .sp-only {
    display: inline;
  }
}

.c-form__title-top-text {
  max-width: 47.5rem;
  margin: 0 auto;
}
.c-form__title-top-text .sp-only {
  display: none;
}
@media screen and (max-width: 600px) {
  .c-form__title-top-text .sp-only {
    display: inline;
  }
}

.adult_child-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.875rem, 1.4199029126rem + 1.9417475728vw, 3.75rem);
}

.adult_child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}
.adult_child input {
  width: 4.375rem;
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.c-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}

.c-accordion__box {
  border: 1px solid var(--color-primary);
  border-radius: 0.625rem;
  padding: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
  background-color: var(--color_white);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-accordion__box--title {
  padding-left: clamp(0rem, -0.6067961165rem + 2.5889967638vw, 2.5rem);
  position: relative;
  display: grid;
  grid-template-columns: 1.75rem auto 1.25rem;
  gap: clamp(0.5rem, 0.2876213592rem + 0.9061488673vw, 1.375rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-accordion__box--title.is_open {
  padding-bottom: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
}
.c-accordion__box--title span {
  text-align: center;
  color: var(--color-primary);
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.1em;
}

.c-accordion__box--text {
  display: none;
  padding: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem) 0 0 clamp(0rem, -0.6067961165rem + 2.5889967638vw, 2.5rem);
  border-top: 1px solid var(--color-primary);
}
.c-accordion__box--text div {
  display: grid;
  grid-template-columns: 1.75rem auto;
  gap: clamp(0.5rem, 0.2876213592rem + 0.9061488673vw, 1.375rem);
}
.c-accordion__box--text div span {
  text-align: center;
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.1em;
}

.c-accordion__box--btn {
  background-image: url(../img/common/arrow.svg);
  background-size: cover;
  width: 1.25rem;
  height: 0.625rem;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  cursor: pointer;
}
.c-accordion__box--btn.is_open {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.c-gallery {
  width: 100%;
  margin: 0 auto;
}

.c-gallery__wrap {
  overflow: hidden;
}

.c-gallery__wrap.swiper {
  overflow: visible;
}

.c-gallery__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-gallery__list a:hover {
  opacity: 1;
}

.c-gallery__btnGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(4rem, 3.302184466rem + 2.9773462783vw, 6.875rem);
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.c-gallery__btnGroup .swiper-button-prev,
.c-gallery__btnGroup .swiper-button-next {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  width: clamp(3.125rem, 2.3665048544rem + 3.2362459547vw, 6.25rem);
  height: clamp(3.125rem, 2.3665048544rem + 3.2362459547vw, 6.25rem);
  border-radius: 50%;
  border: 1px solid var(--color_white);
  margin-top: 0;
}
.c-gallery__btnGroup .swiper-button-prev::after {
  content: "";
  border-style: solid;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 12px solid var(--color_white);
  border-left: 0;
  vertical-align: middle;
}
.c-gallery__btnGroup .swiper-button-next::after {
  content: "";
  border-style: solid;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 12px solid var(--color_white);
  border-right: 0;
  vertical-align: middle;
}

.c-gallery__wrap { /* スライダー非活性時 */ }
.c-gallery__wrap.swiper:not(.swiper-initialized) {
  padding: 0;
}
.c-gallery__wrap.swiper:not(.swiper-initialized) .swiper-button-prev,
.c-gallery__wrap.swiper:not(.swiper-initialized) .swiper-button-next {
  display: none;
}
.c-gallery__wrap.swiper:not(.swiper-initialized) .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
}
.c-gallery__wrap.swiper:not(.swiper-initialized) .swiper-wrapper li {
  width: 100%;
  max-width: 19.375rem;
}

.c-slider {
  width: 100%;
  margin: 0 auto;
}

.c-slider__wrap {
  overflow: hidden;
}

.c-slider__wrap.swiper {
  overflow: visible;
}

.c-slider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-slider__list a:hover {
  opacity: 1;
}
.c-slider__list .swiper-slide {
  max-width: 19.375rem;
}

.c-slider__btnGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(4rem, 3.302184466rem + 2.9773462783vw, 6.875rem);
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.c-slider__btnGroup .swiper-button-prev,
.c-slider__btnGroup .swiper-button-next {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  width: clamp(3.125rem, 2.3665048544rem + 3.2362459547vw, 6.25rem);
  height: clamp(3.125rem, 2.3665048544rem + 3.2362459547vw, 6.25rem);
  border-radius: 50%;
  border: 1px solid var(--color_white);
  margin-top: 0;
}
.c-slider__btnGroup .swiper-button-prev::after {
  content: "";
  border-style: solid;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 12px solid var(--color_white);
  border-left: 0;
  vertical-align: middle;
}
.c-slider__btnGroup .swiper-button-next::after {
  content: "";
  border-style: solid;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 12px solid var(--color_white);
  border-right: 0;
  vertical-align: middle;
}

.c-slider__wrap { /* スライダー非活性時 */ }
.c-slider__wrap.swiper:not(.swiper-initialized) {
  padding: 0;
}
.c-slider__wrap.swiper:not(.swiper-initialized) .swiper-button-prev,
.c-slider__wrap.swiper:not(.swiper-initialized) .swiper-button-next {
  display: none;
}
.c-slider__wrap.swiper:not(.swiper-initialized) .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
}
.c-slider__wrap.swiper:not(.swiper-initialized) .swiper-wrapper li {
  width: 100%;
  max-width: 19.375rem;
}

.l-section__instagram #sbi_images {
  gap: clamp(1.25rem, 0.7949029126rem + 1.9417475728vw, 3.125rem) !important;
}

.p-home__firstView {
  overflow: hidden;
  position: relative;
  height: calc(100% + var(--height-header_lg));
}
.p-home__firstView--box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  width: 80%;
}
.p-home__firstView--box img {
  margin: 0 auto;
}
.p-home__firstView--comment {
  position: absolute;
  right: clamp(1.25rem, -1.4805825243rem + 11.6504854369vw, 12.5rem);
  bottom: clamp(1.25rem, -0.7220873786rem + 8.4142394822vw, 9.375rem);
  background-image: url(../img/home/firstViewComment.png);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 46.5rem;
  width: calc(95% - clamp(1.25rem, -1.4805825243rem + 11.6504854369vw, 12.5rem));
  padding: clamp(0.625rem, 0.276092233rem + 1.4886731392vw, 2.0625rem) clamp(0.625rem, 0.0940533981rem + 2.2653721683vw, 2.8125rem);
  aspect-ratio: 744/196;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 480px) {
  .p-home__firstView--comment {
    background-size: 100% 100%;
  }
}
.p-home__firstView--comment p {
  color: var(--color-primary);
  font-size: clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem);
  font-weight: 500;
  line-height: 2.03125;
  letter-spacing: 0.04em;
}

.p-home__section, .p-home__section--works, .p-home__section--about {
  position: relative;
}
.p-home__section::before, .p-home__section--works::before, .p-home__section--about::before {
  position: absolute;
  content: "";
  color: var(--color-key_l);
  font-size: clamp(3.75rem, 1.0194174757rem + 11.6504854369vw, 15rem);
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.04em;
  z-index: -1;
}
.p-home__section--about::before {
  top: 0;
  left: 0;
  content: "ABOUT";
}
.p-home__section--works {
  padding: var(--padding-section) 0 clamp(2.5rem, 1.8932038835rem + 2.5889967638vw, 5rem);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-key_l)), color-stop(43%, var(--color-key_l)), color-stop(43%, var(--color-key)), to(var(--color-key)));
  background: linear-gradient(180deg, var(--color-key_l) 0%, var(--color-key_l) 43%, var(--color-key) 43%, var(--color-key) 100%);
  border-radius: 0 0 clamp(1.25rem, -1.2378640777rem + 10.6148867314vw, 11.5rem) clamp(1.25rem, -1.2378640777rem + 10.6148867314vw, 11.5rem);
}

.p-home__post {
  padding: clamp(1rem, 0.1808252427rem + 3.4951456311vw, 4.375rem);
  position: relative;
}
.p-home__post::before {
  position: absolute;
  content: "NEWS";
  color: var(--color-key_l);
  font-size: clamp(3.75rem, 1.0194174757rem + 11.6504854369vw, 15rem);
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.04em;
  bottom: 0;
  right: 0;
  line-height: 0.6;
}
.p-home__post--bg__white {
  background-color: var(--color_white);
}
.p-home__post .c-title {
  margin-bottom: 0;
}

.p-home__box, .p-home__box--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2rem, 1.4235436893rem + 2.4595469256vw, 4.375rem);
  width: 100%;
  max-width: 65.75rem;
  margin: 0 auto;
  padding: 0;
}
.p-home__box--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: var(--width-contents_max);
}

.p-home__about {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.p-home__about .c-title {
  margin-bottom: 0;
}
.p-home__about .c-title__en {
  color: var(--color_white);
}
.p-home__about .p-home__about__inner {
  padding: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem) 0;
  max-width: 51.875rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.5rem, 1.1055825243rem + 1.6828478964vw, 3.125rem);
}
@media screen and (max-width: 600px) {
  .p-home__about .p-home__about__inner {
    width: 100%;
    max-width: 100%;
  }
}
.p-home__about .p-home__about__inner--title {
  font-family: "Sawarabi";
  text-align: center;
  font-size: clamp(1.5rem, 1.1966019417rem + 1.2944983819vw, 2.75rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.1em;
  word-break: auto-phrase;
}
.p-home__about .p-home__about__inner--title .sp-only {
  display: none;
}
@media screen and (max-width: 600px) {
  .p-home__about .p-home__about__inner--title .sp-only {
    display: inline;
  }
}
.p-home__about .p-home__about__inner--text {
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-home__about .p-home__about__inner {
    background-color: var(--color_white);
    padding: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-row: 1;
    grid-column: 1/3;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-home__about {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-home__about .p-home__about__img {
  width: 26%;
}
@media screen and (max-width: 768px) {
  .p-home__about .p-home__about__img {
    width: 100%;
    grid-row: 2;
  }
}

.p-home__service {
  display: grid;
  grid-template-columns: 32.8% 7.9% 15.4% 7.9% 32.8%;
  /* 1行目の幅を指定 */
  gap: clamp(0.125rem, 0.0339805825rem + 0.3883495146vw, 0.5rem);
}
.p-home__service > a:nth-child(1) {
  grid-column: 1/4;
  aspect-ratio: 577/300;
}
.p-home__service > a:nth-child(2) {
  grid-column: 4/6;
  aspect-ratio: 415/300;
}
.p-home__service > a:nth-child(3) {
  grid-column: 1/3;
  aspect-ratio: 415/300;
}
.p-home__service > a:nth-child(4) {
  grid-column: 3/6;
  aspect-ratio: 577/300;
}
.p-home__service > a:nth-child(6),
.p-home__service > a:nth-child(9) {
  grid-column: 2/5;
}
.p-home__service .c-card {
  height: 100%;
  aspect-ratio: 328/240;
  position: relative;
}
.p-home__service .c-card .c-card__box {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  .p-home__service .c-card .c-card__box {
    padding: 0.5rem;
  }
}
.p-home__service .c-card .c-card__box--title, .p-home__service .c-card .c-card__box--title__en {
  color: var(--color_white);
  padding: 0;
  text-align: center;
  word-break: auto-phrase;
  font-family: "Sawarabi";
}
.p-home__service .c-card .c-card__box--title {
  font-size: clamp(0.875rem, 0.7536407767rem + 0.5177993528vw, 1.375rem);
  letter-spacing: 0.18em;
}
@media screen and (max-width: 600px) {
  .p-home__service .c-card .c-card__box--title {
    font-size: 0.75rem;
  }
}
.p-home__service .c-card .c-card__box--title__en {
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
}
@media screen and (max-width: 600px) {
  .p-home__service .c-card .c-card__box--title__en {
    font-size: 0.625rem;
  }
}
.p-home__service .c-card .c-card__img {
  aspect-ratio: unset;
  height: 100%;
}

.p-home__works {
  margin: 0 auto clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  width: 90%;
  max-width: 41.4375rem;
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
}

.p-home__method {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.p-service .l-box {
  padding: 0;
  border: none;
}

.p-service__note .c-card {
  border-radius: 0.625rem;
}
.p-service__note .c-card .c-card__box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.5rem, 0.2421116505rem + 1.1003236246vw, 1.5625rem);
}
.p-service__note .c-card .c-card__box .c-card__box--title {
  width: unset;
  padding-right: 0;
}
.p-service__note .c-card .c-card__box .c-card__box--text {
  overflow: visible;
  display: block;
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
}
.p-service__note .c-card .c-card__box .c-card__box--text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
}
.p-service__note .c-card .c-card__box .c-card__img {
  width: 100%;
}
.p-service__note .c-card .c-card__box .c-card__img img {
  aspect-ratio: 337/280;
}

.p-service__purchase-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
@media screen and (max-width: 600px) {
  .p-service__purchase-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .p-service__purchase-list {
    grid-template-columns: 1fr;
  }
}

.p-service__purchase-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.375rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.09);
}
.p-service__purchase-item p {
  padding: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}
.p-service__purchase-item p span {
  font-weight: bold;
  font-size: 1.125rem;
}

.p-about .l-box {
  padding: 0;
  border: none;
}

.p-about__access .l-box {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}

.p-about__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.p-about__gallery--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.p-about__gallery img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .p-about__gallery {
    grid-template-columns: 1fr;
  }
}

.p-forGuest__worries {
  position: relative;
  margin-bottom: 25.75rem;
}
@media screen and (max-width: 1024px) {
  .p-forGuest__worries {
    margin-bottom: clamp(12.5rem, 7.0830123267rem + 23.1124807396vw, 21.875rem);
  }
}
@media screen and (max-width: 600px) {
  .p-forGuest__worries {
    margin-bottom: clamp(18.75rem, 8.3333333333rem + 44.4444444444vw, 25rem);
  }
}
.p-forGuest__worries picture {
  max-width: 100%;
}
.p-forGuest__worries picture img {
  max-width: 36.375rem;
  max-height: 24.25rem;
  width: 100%;
}
.p-forGuest__worries picture.for_guest01 {
  position: relative;
  display: block;
  width: 59%;
}
.p-forGuest__worries picture.for_guest02 {
  position: absolute;
  top: 106%;
  left: 6.0625rem;
  width: 59%;
}
@media screen and (max-width: 1024px) {
  .p-forGuest__worries picture.for_guest02 {
    left: unset;
    right: 0;
  }
}
.p-forGuest__worries ul {
  display: inline-block;
  background-color: #E8FEF7;
  padding: clamp(0.9375rem, 0.468027735rem + 2.0030816641vw, 1.75rem) clamp(1.5625rem, 1.1291409861rem + 1.8489984592vw, 2.3125rem);
  position: absolute;
  bottom: -7.25rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.1875rem, -0.1375192604rem + 1.3867488444vw, 0.75rem);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .p-forGuest__worries ul {
    bottom: -9.375rem;
    right: 65%;
    -webkit-transform: translateX(65%);
            transform: translateX(65%);
  }
}
@media screen and (max-width: 768px) {
  .p-forGuest__worries ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: clamp(0.625rem, 0.3268129771rem + 1.272264631vw, 0.9375rem) clamp(0.3125rem, -0.8802480916rem + 5.0890585242vw, 1.5625rem);
  }
}
@media screen and (max-width: 600px) {
  .p-forGuest__worries ul {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    bottom: calc(-1 * clamp(19.0625rem, 7.0833333333rem + 51.1111111111vw, 26.25rem));
  }
}
@media screen and (max-width: 480px) {
  .p-forGuest__worries ul {
    width: 100%;
  }
}
.p-forGuest__worries ul li {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4444444444;
  /* 166.667% */
  letter-spacing: 0.05em;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-forGuest__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
@media screen and (max-width: 600px) {
  .p-forGuest__list {
    grid-template-columns: 1fr;
  }
}

.p-forGuest_inner {
  grid-template-columns: 1fr;
  max-width: 700px;
  margin: 0 auto;
}

.p-forGuest__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.375rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.09);
}
.p-forGuest__item p {
  padding: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-grid {
  display: grid;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-capitalize {
  text-transform: capitalize;
}

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

.u-bold {
  font-weight: bold;
}

.u-justify-center.u-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.js-overlay {
  display: none;
}
.js-overlay.is-active {
  display: block;
  background-color: var(--color-overlay-bg);
  width: 100vw;
  height: calc(100vh - var(--height-header_lg));
  position: fixed;
  z-index: 5;
  overflow-y: scroll;
}

.g-col {
  display: grid;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.g-col__1 {
  grid-template-columns: repeat(1, 1fr);
}
.g-col__2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .g-col__2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-col__3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 991px) {
  .g-col__3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .g-col__3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-col__4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 991px) {
  .g-col__4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .g-col__4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-col__5 {
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 991px) {
  .g-col__5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .g-col__5 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-col__6 {
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 991px) {
  .g-col__6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .g-col__6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .is-pcOnly {
    display: none;
  }
}

.is-spOnly {
  display: none;
}
@media screen and (max-width: 600px) {
  .is-spOnly {
    display: block;
  }
}

@media screen and (max-width: 1368px) {
  .is-overPc {
    display: none;
  }
}

.is-underPc {
  display: none;
}
@media screen and (max-width: 1368px) {
  .is-underPc {
    display: block;
  }
}

@media screen and (max-width: 1280px) {
  .is-overXxl {
    display: none;
  }
}

.is-underXxl {
  display: none;
}
@media screen and (max-width: 1280px) {
  .is-underXxl {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .is-overXl {
    display: none;
  }
}

.is-underXl {
  display: none;
}
@media screen and (max-width: 1024px) {
  .is-underXl {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .is-overMd {
    display: none;
  }
}

.is-underMd {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-underMd {
    display: block;
  }
}

.is-fixed {
  overflow: hidden !important;
}/*# sourceMappingURL=style.css.map */