@charset "utf-8";
/* =========================================================
   SILVER BACK GYM
   assets/style.css
   ---------------------------------------------------------
   1. 基本設定（リセット / フォント）
   2. 共通レイアウト部品
   3. 各パーツのスタイル（HTMLのclass名と対応）
   4. タブレット（840px以下） / スマホ（540px以下）
   ========================================================= */

/* ---------- 1. 基本設定 ---------- */
:root{
  /* 見出し用フォント（元：ゴシックMB101 B） */
  --font-head: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  /* 本文用フォント（元：ゴシックMB101 M） */
  --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  /* 補足テキスト用フォント（元：ゴシックMB101 R） */
  --font-note: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  /* 英数字の装飾テキスト */
  --font-en: "Montserrat", sans-serif;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; scroll-padding-top: 70px; }
body{ margin:0; padding:0; background:#fff; }

:where(.render-canvas),
:where(.render-canvas *){
  margin:0; padding:0; border:0; outline:0;
  font-size:100%; font-family: sans-serif; line-height:1;
  vertical-align: baseline; background: transparent;
  -webkit-font-smoothing: antialiased;
}
.render-canvas{
  color:#333;
  display:flex; flex-direction:column; min-height:100dvh;
}
:where(.render-canvas) ul,:where(.render-canvas) ol{ list-style:none; }
:where(.render-canvas) a{ color:inherit; text-decoration:none; }
:where(.render-canvas) img{ display:block; max-width:100%; }
:where(.render-canvas) button{ cursor:pointer; background:none; }
:where(.render-canvas) input:not([type="checkbox"]):not([type="radio"]),
:where(.render-canvas) textarea,
:where(.render-canvas) select{ -webkit-appearance:none; appearance:none; border-radius:0; }
/* チェックボックスは標準の見た目を残す（消すと表示されなくなる） */
:where(.render-canvas) input[type="checkbox"]{ -webkit-appearance:auto; appearance:auto; }
:where(.render-canvas) textarea{ resize:vertical; }

/* ---------- 2. 共通レイアウト部品 ---------- */
/* .sd = すべてのボックスの初期値（縦並び・中央揃え） */
:where(.sd){
  position:relative;
  display:flex; flex-direction:column; flex-wrap:nowrap;
  align-items:center; align-content:center;
  flex:none; max-width:100%; z-index:0;
}
/* .text = テキスト要素 */
:where(.sd.text),:where(.sd.icon){
  flex-direction:row; justify-content:center; align-items:center;
  overflow:visible; overflow-wrap:anywhere; word-break:break-word;
}
/* .image = 背景画像ボックス（::before に画像を敷く） */
:where(.image){ position:relative; }
:where(.image)::before{
  content:""; position:absolute; inset:0;
  width:100%; height:100%;
  background-position:50%; background-size:cover; background-repeat:no-repeat;
  border-radius:inherit; pointer-events:none; z-index:-2;
}
:where(.richText){ display:block; word-break:break-word; }
:where(.richText p){ margin:0; }
.link{ cursor:pointer; }
.button{ cursor:pointer; transition:.4s cubic-bezier(.4,.4,0,1); }
.embed{ width:100%; }
.embed iframe{ width:100%; height:100%; border:0; display:block; }

/* Googleマテリアルアイコン */
.material-icons{
  font-family:"Material Icons"; font-weight:normal; font-style:normal;
  line-height:1; letter-spacing:normal; text-transform:none; white-space:nowrap;
  word-wrap:normal; direction:ltr; -webkit-font-feature-settings:"liga";
  -webkit-font-smoothing:antialiased;
}

/* ふわっと表示するアニメーション */
.appear{ opacity:0; transform:translateY(24px); transition:opacity .8s cubic-bezier(.4,.4,0,1), transform .8s cubic-bezier(.4,.4,0,1); }
.appear.is-shown{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .appear{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
}

/* モーダル（スマホメニュー / 送信完了） */
[data-modal]{
  position:fixed; inset:0; z-index:100;
  opacity:0; visibility:hidden; transition:opacity .3s ease;
}
[data-modal].is-open{ opacity:1; visibility:visible; }
body.is-modal-open{ overflow:hidden; }


/* ===== elements ===== */
.base { align-content: center; align-items: center; background: #ffffff; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; width: 100%; max-width: 100%; }
.box { align-content: center; align-items: center; background: #202020; flex: none; flex-direction: row; flex-wrap: nowrap; height: 70px; justify-content: space-between; left: 0; margin: 0 0 0 0; padding: 0px 0px 0px 24px; position: fixed; top: 0; width: 100%; z-index: 2; max-width: 100%; }
.g { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; padding: 0px; }
.img { flex: none; height: auto; width: 230px; max-width: 100%; }
.box-2 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); display: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; margin: 0px 0px 0px 0px; width: 70px; max-width: 100%; }
.ic { color: rgba(255, 255, 255, 0.9); font-size: 24px; margin: 0px 0px 2px 0px; }
.g-2 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; height: 100%; justify-content: center; padding: 0px; }
.txt { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt:hover { background: rgba(255, 255, 255, 0.5); }
.txt-2 { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt-2:hover { background: rgba(255, 255, 255, 0.5); }
.txt-3 { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt-3:hover { background: rgba(255, 255, 255, 0.5); }
.txt-4 { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt-4:hover { background: rgba(255, 255, 255, 0.5); }
.txt-5 { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt-5:hover { background: rgba(255, 255, 255, 0.5); }
.txt-6 { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt-6:hover { background: rgba(255, 255, 255, 0.5); }
.txt-7 { color: #ffffffff; font-family: var(--font-head); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 24px 0px 0px; padding: 4px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: calc(100% - 24px); }
.txt-7:hover { background: rgba(255, 255, 255, 0.5); }
.box-3 { align-content: center; align-items: center; background: #000000; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; width: 110px; max-width: 100%; }
.box-3:hover { background: #FFFFFF; }
.txt-8 { color: #FFFFFF; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 12px; font-weight: 400; height: auto; line-height: 1.1; margin: 0px 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.box-3:hover .txt-8 { color: #333333; }
.box-4 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; width: 100%; max-width: 100%; }
.img-2 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: 800px; justify-content: center; width: 100%; max-width: 100%; }
.img-2::before { filter: brightness(0.9); }
.img-2::before { background-image: url("../images/hero.jpg?v=6"); }
.g-3 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 64px 24px 0px; padding: 0px; width: 600px; max-width: calc(100% - 48px); }
.txt-9 { color: #ffffffff; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 48px; font-weight: 400; height: auto; line-height: 1.1; margin: 0px 0px 24px 0px; text-align: left; text-shadow: 3px 3px 0px rgba(0,0,0,0.2); width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.service { align-content: center; align-items: center; background: linear-gradient(315deg, #dddddd, #f2f2f2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 72px 32px 0px; width: 100%; max-width: 100%; }
.sec-title { align-content: center; align-items: center; background: rgba(245, 245, 245, 0); flex: none; height: auto; margin: 0px 16px 32px; width: 800px; max-width: calc(100% - 32px); }
.txt-10 { color: #333; font-family: var(--font-head); font-size: 28px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.g-4 { align-content: flex-start; align-items: flex-start; border-bottom: 0px solid #333333; border-left: 6px solid #333333; border-right: 0px solid #333333; border-top: 0px solid #333333; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 72px; padding: 8px 0px 8px 24px; width: 700px; max-width: 100%; }
.txt-11 { color: #333; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 24px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.3; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.txt-12 { color: #333; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 24px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-13 { color: #333; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 24px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.3; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.txt-14 { color: #333; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.6; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.gallery { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; height: 200px; justify-content: center; padding: 0px; width: 100%; max-width: 100%; }
.img-3 { flex: 1; height: 100%; width: auto; max-width: 100%; }
.img-3::before { background-image: url("../images/gallery-01.jpg?v=6"); }
.img-4 { flex: 1; height: 100%; width: auto; max-width: 100%; }
.img-4::before { background-image: url("../images/gallery-02.webp?v=6"); }
.img-5 { flex: 1; height: 100%; width: auto; max-width: 100%; }
.img-5::before { background-image: url("../images/gallery-03.webp?v=6"); }
.profile { align-content: center; align-items: center; background: #EEEEEE; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 96px 16px 96px; width: 100%; max-width: 100%; }
.sec-title-2 { align-content: center; align-items: center; background: rgba(245, 245, 245, 0); flex: none; height: auto; margin: 0px 16px 32px; width: 800px; max-width: calc(100% - 32px); }
.txt-15 { color: #333; font-family: var(--font-head); font-size: 28px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.box-5 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 6px solid #333333; border-left: 0px solid #333333; border-right: 0px solid #333333; border-top: 0px solid #333333; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 0px; padding: 32px; width: 800px; max-width: 100%; }
.img-6 { flex: none; height: 350px; margin: 0px 0px 24px 0px; transform-origin: center center; width: 350px; max-width: 100%; }
.img-6::before { background-position: center top; }
.img-6::before { background-image: url("../images/profile.jpg?v=6"); }
.txt-16 { color: #333; font-family: var(--font-head); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.txt-17 { color: #333; font-family: var(--font-note); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: 100%; }
.txt-18 { color: #333; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 24px 0px; text-align: center; width: auto; font-weight: 500; justify-content: center; max-width: 100%; }
.txt-19 { color: #333; flex: none; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 24px 0px; text-align: left; width: 584px; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.price { align-content: center; align-items: center; background: #333333; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 96px 16px 96px; width: 100%; gap: 0px; max-width: 100%; }
.g-5 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; width: 800px; gap: 0px; max-width: 100%; }
.sec-title-3 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 32px 0px; padding: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
.txt-20 { background: rgba(245, 245, 245, 0); color: #ffffff; font-family: var(--font-head); font-size: 28px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.txt-21 { color: rgba(255, 255, 255, 0.8); font-family: var(--font-body); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 30px; text-align: center; width: auto; font-weight: 500; justify-content: center; max-width: calc(100% - 30px); }
.box-6 { align-content: center; align-items: center; background: rgba(245, 245, 245, 0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 10px 0px; width: 100%; max-width: 100%; }
.txt-22 { background: rgba(245, 245, 245, 0); color: #ffffff; font-family: var(--font-head); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.list { flex: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: auto; max-width: 100%; }
.row { align-content: center; align-items: center; background: #FFFFFF; flex: none; flex-direction: row; flex-wrap: wrap; height: auto; justify-content: center; margin: 0px 0px 4px 0px; width: 100%; max-width: 100%; }
.box-7 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; flex: 1; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 10px 0px 10px 20px; width: auto; max-width: 100%; }
.txt-23 { color: #4a4a4a; font-family: var(--font-head); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.box-8 { align-content: flex-end; align-items: flex-end; background: rgba(0,0,0,0.0); border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 20px 20px 20px 20px; width: auto; max-width: 100%; }
.txt-24 { color: #4a4a4a; font-family: var(--font-body); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-25 { color: #FFFFFF; flex: none; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 0px 0px; text-align: left; width: 100%; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.box-9 { align-content: stretch; align-items: stretch; background: rgba(245, 245, 245, 0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 10px 0px; width: 800px; max-width: 100%; }
.txt-26 { background: rgba(245, 245, 245, 0); color: #ffffff; font-family: var(--font-head); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 0px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.flow { align-content: center; align-items: center; background: #EEEEEE; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 96px 16px 96px; width: 100%; max-width: 100%; }
.flow-bg { background: #EEEEEE; bottom: 32px; flex: none; height: auto; left: 0; margin: 0 0 0 0; position: absolute; top: 32px; width: 50%; z-index: -1; max-width: 50%; }
.flow-bg::before { filter: brightness(0.3); }
.flow-bg::before { background-image: url("../images/flow-bg.jpg?v=6"); }
.sec-title-4 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 32px; padding: 0px; width: 800px; z-index: 1; max-width: 100%; }
.txt-27 { background: rgba(0,0,0,0.0); color: #FFFFFF; flex: none; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 28px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.3; margin: 0px 0px 0px 0px; mix-blend-mode: normal; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.flow-steps { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: wrap; margin: 0px 0px 0px; overflow-x: hidden; overflow-y: auto; padding: 0px; width: 800px; max-width: 100%; }
.box-10 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 0px solid #c3c3c3; border-left: 0px solid #c3c3c3; border-radius: 4px; border-right: 0px solid #c3c3c3; border-top: 0px solid #c3c3c3; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 16px; padding: 24px; width: 100%; max-width: 100%; }
.g-6 { align-content: flex-start; align-items: flex-start; flex: 1; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 24px 0px 0px; padding: 0px; width: auto; max-width: calc(100% - 24px); }
.g-7 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; margin: 0px 0px 10px 0px; padding: 0px; }
.txt-28 { border-bottom: 2px solid #6a6a6a; border-left: 0px solid #6a6a6a; border-right: 0px solid #6a6a6a; border-top: 0px solid #6a6a6a; color: #6a6a6a; font-family: var(--font-en); font-size: 16px; font-weight: 700; height: auto; line-height: 1; margin: 0px 0px 8px 0px; padding: 0px 0px 2px 0px; text-align: left; width: auto; justify-content: flex-start; max-width: 100%; }
.txt-29 { color: #333; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 20px; font-weight: 400; height: auto; line-height: 1.1; margin: 0px 0px 0px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.txt-30 { color: #333; font-family: var(--font-body); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.img-7 { border-radius: 4px; flex: none; height: 120px; margin: 0px 0px 0px; width: 230px; max-width: 100%; }
.bg-01::before { background-image: url("../images/flow-01.jpg?v=6"); }
.bg-02::before { background-image: url("../images/flow-02.jpg?v=6"); }
.bg-03::before { background-image: url("../images/flow-03.jpg?v=6"); }
.bg-04::before { background-image: url("../images/flow-04.jpg?v=6"); }
.bg-05::before { background-image: url("../images/flow-05.jpg?v=6"); }
.faq { align-content: center; align-items: center; background: #EEEEEE; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.11); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 96px 16px 96px; width: 100%; z-index: 0; max-width: 100%; }
.sec-title-5 { background: rgba(245, 245, 245, 0); flex: none; height: auto; margin: 0px 0px 32px; width: 800px; max-width: 100%; }
.txt-31 { color: #333; font-family: var(--font-head); font-size: 28px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.list-2 { flex: none; margin: 0px 0px 0px; padding: 0px; width: 800px; max-width: 100%; }
.row-2 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-radius: 4px; box-shadow: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 30px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
.box-11 { align-content: flex-start; align-items: flex-start; background: #c3c3c3; border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-radius: 0; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 24px 24px 24px; width: 100%; max-width: 100%; }
.g-8 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
.txt-32 { background: #333333; border-bottom: 1px solid rgba(51, 51, 51, 0.5); border-left: 1px solid rgba(51, 51, 51, 0.5); border-radius: 2px; border-right: 1px solid rgba(51, 51, 51, 0.5); border-top: 1px solid rgba(51, 51, 51, 0.5); color: #FFFFFF; flex: none; font-family: var(--font-head); font-size: 16px; font-weight: 400; height: 28px; line-height: 1.4; margin: 0px 8px 0px 0px; text-align: center; width: 28px; font-weight: 700; justify-content: center; max-width: calc(100% - 8px); }
.txt-33 { border-bottom: 0px solid rgba(151, 170, 198, 0.6); border-left: 0px solid rgba(151, 170, 198, 0.6); border-right: 0px solid rgba(151, 170, 198, 0.6); border-top: 0px solid rgba(151, 170, 198, 0.6); color: #333333; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 2px 0px 0px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.box-12 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 24px 24px 24px; width: 100%; max-width: 100%; }
.txt-34 { background: rgba(0,0,0,0.0); border-bottom: 1px solid rgba(51, 51, 51, 0.5); border-left: 1px solid rgba(51, 51, 51, 0.5); border-radius: 2px; border-right: 1px solid rgba(51, 51, 51, 0.5); border-top: 1px solid rgba(51, 51, 51, 0.5); color: #333333; flex: none; font-family: var(--font-head); font-size: 16px; font-weight: 400; height: 28px; line-height: 1.4; margin: 0px 8px 0px 0px; text-align: center; width: 28px; font-weight: 700; justify-content: center; max-width: calc(100% - 8px); }
.txt-35 { color: #333333; flex: 1; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 2px 0px 0px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.access { align-content: center; align-items: center; background: #FFFFFF; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 96px 16px 96px; width: 100%; max-width: 100%; }
.g-9 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 24px; padding: 0px; width: 800px; max-width: 100%; }
.sec-title-6 { color: #333; flex: none; font-family: var(--font-head); font-size: 28px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 8px; padding: 0px 0px 0px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.shop { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-bottom: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; border-radius: 4px; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 24px; padding: 32px; width: 800px; max-width: 100%; }
.g-10 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin: 0px 0px 24px 0px; padding: 0px; width: 100%; max-width: 100%; }
.g-11 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 32px 0px 0px; padding: 0px; width: 367px; max-width: calc(100% - 32px); }
.txt-36 { color: #333; flex: none; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 20px; font-weight: 400; height: 56px; line-height: 1.4; margin: 0px 0px 8px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.g-12 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin: 0px 0px 8px 0px; padding: 0px; }
.txt-37 { background: #FFFFFF; border-bottom: 0px solid #000; border-left: 0px solid #000; border-right: 0px solid #000; border-top: 0px solid #000; color: #333; flex: none; font-family: var(--font-body); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 15px 0px 0px; padding: 4px 16px 4px; text-align: center; width: 100px; font-weight: 500; justify-content: center; max-width: calc(100% - 15px); }
.txt-38 { color: #333; flex: 1; font-family: var(--font-body); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 4px 0px 0px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.g-13 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; height: 30px; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; max-width: 100%; }
.txt-39 { background: #FFFFFF; border-bottom: 0px solid #000; border-left: 0px solid #000; border-right: 0px solid #000; border-top: 0px solid #000; color: #333; flex: none; font-family: var(--font-body); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 15px 0px 0px; padding: 4px 16px 4px; text-align: center; width: 100px; font-weight: 500; justify-content: center; max-width: calc(100% - 15px); }
.txt-40 { color: #333; font-family: var(--font-body); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 4px 0px 0px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.img-8 { border-radius: 4px; flex: 1; height: 190px; width: auto; max-width: 100%; }
.img-8::before { background-image: url("../images/gym.jpg?v=6"); }
.iframe { flex: none; height: 400px; width: 100%; max-width: 100%; }
.g-14 { align-content: center; align-items: center; background: linear-gradient(315deg, #dddddd, #f2f2f2); flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 96px 16px 96px; width: 100%; max-width: 100%; }
.sec-title-7 { color: #333; flex: none; font-family: var(--font-head); font-size: 28px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 32px; padding: 0px 0px 0px 0px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.line { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-bottom: 1px solid rgba(106, 106, 106, 0.5); border-left: 1px solid rgba(106, 106, 106, 0.5); border-radius: 4px; border-right: 1px solid rgba(106, 106, 106, 0.5); border-top: 1px solid rgba(106, 106, 106, 0.5); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 32px 0px; padding: 24px; width: 600px; max-width: 100%; }
.g-15 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 8px 0px; padding: 0px; }
.ic-2 { background: #FFFFFF; border-radius: 64px; color: #333; flex: none; font-size: 18px; height: 30px; margin: 0px 8px 0px 0px; width: 30px; max-width: calc(100% - 8px); }
.txt-41 { color: #333; font-family: var(--font-body); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: center; width: auto; font-weight: 500; justify-content: center; max-width: 100%; }
.g-16 { align-content: center; align-items: center; background: #333333; border-radius: 128px; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 4px 16px 4px 24px; }
.g-16:hover { background: #FFFFFF; }
.txt-42 { background: rgba(0,0,0,0.0); border-bottom: 0px solid #cecece; border-left: 0px solid #cecece; border-radius: 0; border-right: 0px solid #cecece; border-top: 0px solid #cecece; color: #FFFFFF; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 8px 0px 0px; padding: 0px 0px 0px; text-align: center; width: auto; font-weight: 500; justify-content: center; max-width: calc(100% - 8px); }
.g-16:hover .txt-42 { color: #333333; }
.ic-3 { background: rgba(0,0,0,0.0); border-radius: 0; color: rgba(255, 255, 255, 0.8); flex: none; font-size: 18px; height: auto; margin: 0px 0px 0px 0px; width: auto; max-width: 100%; }
.g-16:hover .ic-3 { color: #333333; }
.form { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; justify-content: center; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px; width: 600px; max-width: 100%; }
.box-13 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; height: auto; margin: 0px 0px 32px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; }
.g-17 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 4px 0px; padding: 0px; }
.txt-43 { border-radius: 0; color: #333; font-family: var(--font-head); font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; font-weight: 700; justify-content: center; }
.txt-44 { background: #333333; border-radius: 128px; color: #FFFFFF; font-family: var(--font-body); font-size: 12px; font-weight: 700; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 8px; opacity: 1; padding: 3px 8px 4px; text-align: center; font-weight: 500; justify-content: center; }
.txt-45 { color: #828282; font-family: var(--font-note); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 8px 0px; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: 100%; }
.input { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 4px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-shadow: none; color: #333; font-family: var(--font-body); font-size: 15px; font-weight: 400; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 10px 10px 10px 10px; text-align: left; width: 100%; font-weight: 500; max-width: 100%; }
.input::placeholder { color: #cccccc; }
.box-14 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; height: auto; margin: 0px 0px 32px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; }
.g-18 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 4px 0px; padding: 0px; }
.txt-46 { border-radius: 0; color: #333; font-family: var(--font-head); font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; font-weight: 700; justify-content: center; }
.txt-47 { background: #333333; border-radius: 128px; color: #FFFFFF; font-family: var(--font-body); font-size: 12px; font-weight: 700; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 8px; opacity: 1; padding: 3px 8px 4px; text-align: center; font-weight: 500; justify-content: center; }
.txt-48 { color: #828282; font-family: var(--font-note); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 8px 0px; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: 100%; }
.input-2 { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 4px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-shadow: none; color: #333; font-family: var(--font-body); font-size: 15px; font-weight: 400; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 10px 10px 10px 10px; text-align: left; width: 100%; font-weight: 500; max-width: 100%; }
.input-2::placeholder { color: #cccccc; }
.box-15 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; height: auto; margin: 0px 0px 32px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; }
.g-19 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 4px 0px; padding: 0px; }
.txt-49 { border-radius: 0; color: #333; font-family: var(--font-head); font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; font-weight: 700; justify-content: center; }
.txt-50 { background: #333333; border-radius: 128px; color: #FFFFFF; font-family: var(--font-body); font-size: 12px; font-weight: 700; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 8px; opacity: 1; padding: 3px 8px 4px; text-align: center; font-weight: 500; justify-content: center; }
.txt-51 { color: #828282; font-family: var(--font-note); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 8px 0px; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: 100%; }
.input-3 { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 4px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-shadow: none; color: #333; font-family: var(--font-body); font-size: 15px; font-weight: 400; height: 160px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 10px 10px 10px 10px; text-align: left; text-shadow: none; width: 100%; font-weight: 500; max-width: 100%; }
.input-3::placeholder { color: #cccccc; }
.box-16 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; height: auto; margin: 0px 0px 32px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; }
.g-20 { align-content: center; align-items: center; border-bottom: 1px solid #000; border-left: 0px solid #000; border-right: 0px solid #000; border-top: 0px solid #000; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 16px 0px; padding: 0px; }
.txt-52 { color: #333; flex: 1; font-family: var(--font-body); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 8px 0px 0px; text-align: center; width: auto; font-weight: 500; justify-content: center; max-width: calc(100% - 8px); }
.ic-4 { color: #333; font-size: 20px; }
.label { flex-direction: row; flex-wrap: nowrap; margin: 0px 0px 0px 0px; }
.checkbox { margin: 0px 10px 0px 0px; width: auto; max-width: calc(100% - 10px); }
.txt-53 { color: #333333; font-family: var(--font-body); font-size: 14px; line-height: 1.4; font-weight: 500; }
.input-4 { background: #333333; border-radius: 4px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); color: #333; font-family: var(--font-body); font-size: 15px; font-weight: 400; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 20px 0px 0px 0px; opacity: 1; padding: 15px; text-align: left; width: 100%; font-weight: 500; max-width: 100%; }
.txt-54 { border-radius: 0; color: #FFFFFF; font-family: var(--font-body); font-size: 18px; font-weight: 700; letter-spacing: 0em; line-height: 1; margin: 0 0 0 0; opacity: 1; padding: 0px 0px 2px 0px; text-align: center; font-weight: 500; justify-content: center; }
.footer { align-content: center; align-items: center; background: #333333; flex: none; flex-wrap: nowrap; gap: 60px; justify-content: center; margin: 0px 0px 0px 0px; padding: 64px 40px 24px 40px; width: 100%; max-width: 100%; }
.box-17 { align-content: center; align-items: center; background: transparent; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 64px; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1280px; max-width: 100%; }
.g-21 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
.list-3 { align-content: flex-start; align-items: flex-start; flex: none; gap: 16px; justify-content: flex-start; padding: 0px; width: 25%; max-width: calc(25% - 30px); }
.g-22 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
.g-23 { align-content: center; align-items: center; border-radius: 0; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; justify-content: flex-start; padding: 4px 12px 4px 12px; width: auto; max-width: 100%; }
.g-23:hover { opacity: 1; }
.txt-55 { color: #ffffffe6; height: auto; text-align: left; width: auto; justify-content: flex-start; max-width: 100%; }
.box-18 { background: #222222ff; flex: none; height: 1px; width: 0%; max-width: 0%; }
.g-23:hover .box-18 { flex: none; width: 100%; }
.list-4 { align-content: flex-start; align-items: flex-start; flex: none; gap: 16px; justify-content: flex-start; padding: 0px; width: 25%; max-width: calc(25% - 30px); }
.g-24 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
.g-25 { align-content: center; align-items: center; border-radius: 0; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; justify-content: flex-start; padding: 4px 12px 4px 12px; width: auto; max-width: 100%; }
.g-25:hover { opacity: 1; }
.txt-56 { color: #ffffffe6; height: auto; text-align: left; width: auto; justify-content: flex-start; max-width: 100%; }
.box-19 { background: #222222ff; flex: none; height: 1px; width: 0%; max-width: 0%; }
.g-25:hover .box-19 { flex: none; width: 100%; }
.ic-5 { color: #ffffffe6; flex: none; font-size: 50px; height: 72px; width: 57px; max-width: 100%; }
.ic-6 { color: #ffffffe6; flex: none; font-size: 50px; height: 72px; width: 57px; max-width: 100%; }
.g-26 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
.box-20 { background: #e6e6e6; flex: none; height: 1px; margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
.g-27 { align-content: center; align-items: center; flex: none; flex-direction: row-reverse; flex-wrap: nowrap; gap: 32px; justify-content: space-between; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; max-width: 100%; }
.g-28 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 24px; justify-content: flex-start; padding: 0px; }
.txt-57 { color: #666666ff; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.txt-57:hover { opacity: 0.7; }
.txt-58 { color: #666666ff; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.base-2 { background: #fff; border-radius: 0; box-shadow: ; height: 100%; margin: 0 0 0 0; opacity: 1; padding: 70px 0px 0px 0px; width: 100%; max-width: 100%; }
.g-29 { align-content: center; align-items: center; flex-wrap: nowrap; justify-content: center; padding: 0px; width: 100%; max-width: 100%; }
.box-21 { background: #333333; flex: none; flex-direction: row; flex-wrap: nowrap; height: 330px; justify-content: center; margin: 0px 0px 0px 0px; padding: 0px 16px 0px; width: 100%; max-width: 100%; }
.box-21::before { background-size: 190px; }
.box-22 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); bottom: auto; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; left: 24px; margin: 0 0 0 0; position: absolute; right: auto; top: 24px; width: auto; max-width: 100%; }
.txt-59 { color: #FFFFFF; font-family: var(--font-note); font-size: 13px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 12px 0px 0px; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: calc(100% - 12px); }
.txt-60 { color: #FFFFFF; font-family: var(--font-note); font-size: 13px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 12px 0px 0px; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: calc(100% - 12px); }
.txt-61 { color: #FFFFFF; font-family: var(--font-note); font-size: 13px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; font-weight: 400; justify-content: center; max-width: 100%; }
.txt-62 { color: #FFFFFF; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 32px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.7; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.box-23 { align-content: center; align-items: center; background: linear-gradient(90deg, #EEEEEE, #e6e6e6); flex: none; height: auto; margin: 0px 0px 0px 0px; padding: 24px; width: 100%; max-width: 100%; }
.box-23::before { background-size: 190px; }
.box-24 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0px; box-shadow: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; width: 800px; max-width: 100%; }
.g-30 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 40px; width: 100%; max-width: 100%; }
.rich { color: #333; font-family: var(--font-note); font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0 10px 0; text-align: left; width: 100%; font-weight: 400; justify-content: flex-start; max-width: 100%; }
.rich a { color: #2a2a2a; font-family: var(--font-body); font-size: 15px; font-weight: 500; }
.rich h2 { font-family: var(--font-head); font-size: 15px; margin: 30px 0px 10px 0px; font-weight: 700; }
.rich ol { font-size: 15px; }
.rich p { font-size: 15px; line-height: 1.7; }
.footer-2 { align-content: center; align-items: center; background: #333333; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-end; padding: 96px 0px 16px 0px; width: 100%; max-width: 100%; }
.box-25 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 20px 54px; width: 1200px; max-width: calc(100% - 40px); }
.box-26 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-bottom: 0px solid rgba(255, 255, 255, 0.35); border-left: 0px solid rgba(255, 255, 255, 0.35); border-right: 0px solid rgba(255, 255, 255, 0.35); border-top: 0px solid rgba(255, 255, 255, 0.35); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 0px 45px 0px 0px; width: auto; max-width: 100%; }
.g-31 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; padding: 0px; }
.txt-63 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-64 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-65 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-66 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-67 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-68 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-69 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-70 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.txt-71 { color: rgba(255, 255, 255, 0.9); font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.g-32 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; }
.box-27 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 0px 0px; width: auto; max-width: 100%; }
.ic-7 { background: rgba(255, 255, 255, 0.15); border-bottom: 0px solid #dfdfdf; border-left: 0px solid #dfdfdf; border-radius: 128px; border-right: 0px solid #dfdfdf; border-top: 0px solid #dfdfdf; color: #FFFFFF; flex: none; font-size: 18px; height: 40px; margin: 0px 16px 0px 0px; padding: 0px 0px 0px 0px; width: 40px; max-width: calc(100% - 16px); }
.ic-8 { background: rgba(255, 255, 255, 0.15); border-bottom: 0px solid #dfdfdf; border-left: 0px solid #dfdfdf; border-radius: 128px; border-right: 0px solid #dfdfdf; border-top: 0px solid #dfdfdf; color: #FFFFFF; flex: none; font-size: 18px; height: 40px; margin: 0px 16px 0px 0px; padding: 0px 0px 0px 0px; width: 40px; max-width: calc(100% - 16px); }
.txt-72 { color: rgba(255, 255, 255, 0.5); font-family: var(--font-en); font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; justify-content: center; max-width: 100%; }
.base-3 { background: #fff; border-radius: 0; box-shadow: ; height: 100%; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; }
.box-28 { align-content: center; align-items: center; background: #EEEEEE; flex: none; flex-direction: column; flex-wrap: nowrap; height: 70vh; justify-content: center; padding: 70px 0px 0px 0px; width: 100%; max-width: 100%; }
.g-33 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 24px 0px; padding: 0px; width: 600px; max-width: calc(100% - 48px); }
.txt-73 { color: #6a6a6a; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 64px; font-weight: 400; height: auto; line-height: 1.1; margin: 0px 0px 16px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.txt-74 { color: #333333; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 24px; font-weight: 400; height: auto; line-height: 1.1; margin: 0px 0px 24px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.txt-75 { color: #333333; font-family: var(--font-body); font-feature-settings: 'palt' 1; font-size: 16px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.6; text-align: left; width: auto; font-weight: 500; justify-content: flex-start; max-width: 100%; }
.backdrop { background: rgba(0,0,0,0.16); height: 100%; justify-content: center; width: 100%; max-width: 100%; }
.modal { background: rgba(0,0,0,0.0); border-radius: 0; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); height: 100%; margin: 0px; width: 100%; max-width: 100%; }
.box-29 { align-content: flex-start; align-items: flex-start; background: #333333; border-radius: 2px; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; margin: 0px; overflow-x: hidden; overflow-y: auto; padding: 96px 32px 96px 32px; width: 100%; max-width: 100%; }
.g-34 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; }
.list-5 { align-content: flex-start; align-items: flex-start; margin: 0px 0px 24px 0px; padding: 0px; }
.g-35 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 32px 0px; padding: 0px; }
.txt-76 { color: #FFFFFF; font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 20px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; font-weight: 700; justify-content: flex-start; max-width: 100%; }
.sns { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: wrap; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; width: auto; max-width: 100%; }
.ic-9 { background: rgba(255, 255, 255, 0.15); border-bottom: 0px solid #848484; border-left: 0px solid #848484; border-radius: 128px; border-right: 0px solid #848484; border-top: 0px solid #848484; color: #FFFFFF; flex: none; font-size: 18px; height: 40px; margin: 0px 16px 16px 0px; padding: 0px 0px 0px 0px; width: 40px; max-width: calc(100% - 16px); }
.ic-10 { background: rgba(255, 255, 255, 0.15); border-bottom: 0px solid #848484; border-left: 0px solid #848484; border-radius: 128px; border-right: 0px solid #848484; border-top: 0px solid #848484; color: #FFFFFF; flex: none; font-size: 18px; height: 40px; margin: 0px 16px 16px 0px; padding: 0px 0px 0px 0px; width: 40px; max-width: calc(100% - 16px); }
.modal-close { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: 70px; justify-content: flex-end; left: 0; margin: 0 0 0 0; padding: 0px 16px 0px; position: fixed; top: 0; width: 100%; z-index: 2; max-width: 100%; }
.box-30 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; margin: 0px 0px 0px 0px; width: 70px; max-width: 100%; }
.ic-11 { color: rgba(255, 255, 255, 0.9); font-size: 24px; margin: 0px 0px 2px 0px; }
.backdrop-2 { background: rgba(0, 0, 0, 0.1); height: 100%; justify-content: center; width: 100%; max-width: 100%; }
.modal-2 { align-content: center; align-items: center; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14); flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; margin: 24px; overflow-x: visible; overflow-y: visible; padding: 0px 56px 0px; width: 490px; max-width: calc(100% - 48px); }
.g-36 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; overflow-x: hidden; overflow-y: auto; padding: 56px 0px 56px 0px; width: 100%; max-width: 100%; }
.txt-77 { background: #333333; color: #FFFFFF; font-family: var(--font-head); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 24px 0px; padding: 8px 16px 8px; text-align: center; width: auto; font-weight: 700; justify-content: center; max-width: 100%; }
.txt-78 { color: #333; font-family: var(--font-body); font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; font-weight: 500; justify-content: center; max-width: 100%; }
.box-31 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 50%; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; bottom: auto; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.14); flex: none; flex-direction: column; flex-wrap: nowrap; height: 45px; justify-content: center; left: auto; margin: 0 0 0 0; position: absolute; right: -20px; top: -22px; width: 45px; max-width: 100%; }
.ic-12 { color: #333; font-size: 24px; }

@media screen and (max-width: 840px){
.box { padding: 0px 16px 0px; }
.box-2 { background: rgba(0,0,0,0.0); border-radius: 2px; display: flex; flex: none; height: 50px; margin: 0 0 0 0; width: 50px; }
.ic { color: #333333; }
.g-2 { display: none; }
.img-2 { flex: none; height: 80vh; }
.sec-title { flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 32px; padding: 0px 0px 0px 0px; max-width: 100%; }
.sec-title-2 { flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 32px; padding: 0px 0px 0px 0px; max-width: 100%; }
.box-5 { margin: 0px 0px 0px; }
.txt-22 { font-size: 20px; }
.row { flex: none; }
.txt-26 { font-size: 20px; }
.flow-steps { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; overflow-x: hidden; overflow-y: auto; }
.box-10 { flex: none; }
.img-7 { flex: none; }
.sec-title-5 { flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px 0px 0px 0px; }
.list-2 { flex: none; }
.row-2 { flex: none; }
.box-11 { flex: none; }
.txt-33 { text-align: left; justify-content: flex-start; }
.box-12 { flex: none; }
.g-10 { flex-direction: row; flex-wrap: wrap; }
.txt-36 { font-size: 16px; }
.g-12 { flex-direction: row; flex-wrap: nowrap; }
.txt-37 { font-size: 16px; }
.txt-38 { flex: 1; width: auto; }
.g-13 { flex-direction: row; flex-wrap: nowrap; }
.txt-39 { font-size: 16px; }
.txt-40 { flex: 1; width: auto; }
.iframe { flex: none; height: 320px; }
.footer { padding: 64px 32px 24px 32px; }
.box-17 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; }
.g-21 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
.list-3 { flex: none; width: 50%; max-width: calc(50% - 20px); }
.g-22 { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 50px; justify-content: flex-start; }
.g-23 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; }
.list-4 { flex: none; width: 50%; max-width: calc(50% - 20px); }
.g-24 { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 50px; justify-content: flex-start; }
.g-25 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; }
.g-26 { align-content: flex-start; align-items: flex-start; flex-direction: column; justify-content: flex-start; }
.g-27 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 24px; justify-content: space-around; }
.g-28 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; }
.box-21 { padding: 0px 0px 0px 0px; }
.txt-62 { font-size: 32px; }
.box-24 { flex: none; }
.footer-2 { flex: none; height: auto; }
.box-25 { flex: none; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 85%; max-width: calc(85% - 40px); }
.box-26 { border-bottom: 0px solid rgba(255, 255, 255, 0.35); border-left: 0px solid rgba(255, 255, 255, 0.35); border-right: 0px solid rgba(255, 255, 255, 0.35); border-top: 0px solid rgba(255, 255, 255, 0.35); flex: none; padding: 0px 0px 0px 0px; width: 30%; max-width: 30%; }
.box-29 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; }
.modal-close { justify-content: flex-end; }
.box-30 { background: rgba(0,0,0,0.0); border-radius: 2px; display: flex; flex: none; height: 50px; margin: 0 0 0 0; width: 50px; }
.ic-11 { margin: 0px 0px 0px 0px; }
}

@media screen and (max-width: 540px){
.box { flex: none; height: 56px; }
.img { flex: none; width: 180px; }
.box-2 { display: flex; flex: none; height: 40px; margin: 0 0 0 0; padding: 0px 0px 0px 0px; width: 40px; }
.ic { font-size: 24px; margin: 0px 0px 0px 0px; }
.g-2 { display: none; }
.img-2 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: 680px; justify-content: flex-end; width: 100%; }
.g-3 { margin: 0px 24px 24px; }
.txt-9 { font-size: 28px; }
.sec-title { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 24px 0px; width: 100%; }
.txt-10 { font-feature-settings: 'palt' 1; font-size: 24px; margin: 0px 0px 0px 0px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; justify-content: flex-start; }
.txt-12 { font-size: 14px; }
.txt-14 { font-size: 14px; }
.gallery { flex: none; height: 160px; }
.img-3 { flex: 1; }
.img-4 { flex: 1; }
.img-5 { display: none; }
.profile { padding: 72px 16px 72px; }
.sec-title-2 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 24px 0px; width: 100%; }
.txt-15 { font-feature-settings: 'palt' 1; font-size: 24px; margin: 0px 0px 0px 0px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; justify-content: flex-start; }
.box-5 { padding: 16px; }
.txt-18 { font-size: 14px; }
.txt-19 { font-size: 14px; }
.price { flex: none; justify-content: flex-start; padding: 72px 16px 72px; }
.sec-title-3 { align-content: flex-end; align-items: flex-end; flex: none; height: auto; justify-content: space-between; margin: 0px 0px 24px 0px; width: 100%; }
.txt-20 { font-size: 24px; }
.txt-21 { font-size: 11px; }
.box-6 { flex: none; height: auto; width: 100%; }
.txt-22 { font-size: 16px; }
.list { flex: none; width: 100%; }
.row { background: #FFFFFF; flex: none; justify-content: space-between; margin: 0px 0px 4px 0px; width: 100%; }
.box-7 { background: rgba(0,0,0,0.0); box-shadow: none; flex: none; margin: 0px 3px 0px 0px; padding: 18px 0px 18px 15px; width: 30%; max-width: calc(30% - 3px); }
.txt-23 { font-size: 13px; letter-spacing: 0.03em; text-align: left; justify-content: flex-start; }
.box-8 { background: rgba(0,0,0,0.0); border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; box-shadow: none; flex: none; height: 100%; padding: 20px 15px 20px 0px; width: 70%; max-width: 70%; }
.txt-24 { font-feature-settings: 'palt' 1; font-size: 13px; letter-spacing: 0.03em; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; justify-content: flex-start; }
.txt-25 { font-size: 14px; }
.box-9 { flex: none; height: auto; width: 100%; }
.txt-26 { font-size: 16px; }
.flow { padding: 72px 16px 72px; width: 100%; }
.txt-27 { flex: none; font-size: 24px; }
.box-10 { flex: none; margin: 0px 0px 8px; padding: 16px; }
.g-6 { margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }
.g-7 { justify-content: flex-start; z-index: 1; }
.txt-28 { flex: none; font-feature-settings: 'palt' 1; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; justify-content: flex-start; }
.txt-29 { flex: none; font-feature-settings: 'palt' 1; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; justify-content: flex-start; }
.txt-30 { font-size: 12px; text-align: left; justify-content: flex-start; }
.img-7 { flex: none; height: 100px; width: 140px; }
.faq { align-content: center; align-items: center; padding: 72px 16px 72px; }
.sec-title-5 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 24px 0px; width: 100%; }
.txt-31 { font-feature-settings: 'palt' 1; font-size: 24px; margin: 0px 0px 0px 0px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; justify-content: flex-start; }
.list-2 { flex: none; }
.row-2 { background: #FFFFFF; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 18px 0px; width: 100%; }
.box-11 { border-radius: 0; flex: none; padding: 16px; }
.txt-32 { font-size: 14px; }
.txt-33 { font-size: 14px; letter-spacing: 0.03em; line-height: 1.5; margin: 4px 0px 0px 0px; text-align: left; justify-content: flex-start; }
.box-12 { background: rgba(0,0,0,0.0); border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; box-shadow: none; flex: none; height: 100%; padding: 16px; }
.txt-34 { font-size: 14px; }
.txt-35 { font-size: 14px; letter-spacing: 0.03em; line-height: 1.5; margin: 4px 0px 0px 0px; text-align: left; justify-content: flex-start; }
.access { padding: 72px 16px 72px; }
.sec-title-6 { font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 24px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; font-weight: 700; justify-content: flex-start; }
.shop { padding: 24px; }
.g-10 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; }
.g-11 { flex: none; margin: 0px 0px 16px 0px; width: 100%; max-width: 100%; }
.txt-36 { text-align: left; justify-content: flex-start; }
.txt-37 { border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; flex: none; font-size: 14px; width: 90px; }
.txt-38 { font-size: 14px; }
.txt-39 { border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; flex: none; font-size: 14px; width: 90px; }
.txt-40 { font-size: 14px; }
.img-8 { flex: none; width: 100%; }
.g-14 { padding: 72px 16px 72px; }
.sec-title-7 { font-family: var(--font-head); font-feature-settings: 'palt' 1; font-size: 24px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; font-weight: 700; justify-content: flex-start; }
.txt-53 { text-align: left; justify-content: flex-start; }
.footer { padding: 48px 16px 24px 16px; }
.g-21 { gap: 32px; }
.g-21 { gap: 48px 20px; }
.list-3 { gap: 0px; max-width: calc(50% - 10px); }
.g-23 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 8px; justify-content: flex-start; }
.box-18 { max-width: calc(0% - 8px); }
.list-4 { gap: 0px; max-width: calc(50% - 10px); }
.g-25 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 8px; justify-content: flex-start; }
.box-19 { max-width: calc(0% - 8px); }
.txt-57 { font-size: 11px; }
.txt-58 { font-size: 11px; }
.base-2 { padding: 56px 0px 0px 0px; }
.box-21 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: 250px; justify-content: center; }
.box-22 { left: 13px; top: 13px; }
.txt-59 { font-size: 11px; }
.txt-60 { font-size: 11px; }
.txt-61 { font-size: 11px; }
.txt-62 { font-feature-settings: 'palt' 1; font-size: 22px; text-orientation: mixed; writing-mode: horizontal-tb; }
.box-23 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; }
.box-24 { flex: none; z-index: 1; }
.g-30 { border-radius: 2px; padding: 8px; }
.rich a { font-size: 14px; }
.rich h2 { font-size: 14px; }
.rich ol { font-size: 14px; }
.rich p { font-size: 14px; }
.footer-2 { flex: none; height: auto; padding: 72px 0px 16px 0px; width: 100%; }
.box-25 { flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; width: 100%; max-width: calc(100% - 40px); }
.box-26 { flex: none; margin: 0px 0px 32px 0px; width: auto; max-width: 100%; }
.txt-63 { font-size: 14px; }
.txt-64 { font-size: 14px; }
.txt-65 { font-size: 14px; }
.txt-66 { font-size: 14px; }
.txt-67 { font-size: 14px; }
.txt-68 { font-feature-settings: 'palt' 1; font-size: 14px; text-orientation: mixed; writing-mode: horizontal-tb; }
.txt-69 { font-size: 14px; }
.txt-70 { font-size: 14px; }
.txt-71 { font-size: 14px; }
.ic-7 { flex: none; font-size: 16px; height: 32px; width: 32px; }
.ic-8 { flex: none; font-size: 16px; height: 32px; width: 32px; }
.g-33 { margin: 0px 24px 24px; }
.txt-73 { font-size: 48px; }
.txt-75 { font-size: 14px; }
.modal { align-content: flex-end; align-items: flex-end; background: rgba(0, 0, 0, 0); border-radius: 0px; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; margin: 0px; width: 100%; }
.box-29 { flex: none; }
.ic-9 { font-size: 16px; }
.ic-10 { font-size: 16px; }
.modal-close { flex: none; height: 56px; }
.box-30 { display: flex; flex: none; height: 40px; margin: 0 0 0 0; padding: 0px 0px 0px 0px; width: 40px; }
.ic-11 { font-size: 24px; margin: 0px 0px 0px 0px; }
.modal-2 { margin: 16px; padding: 24px; max-width: calc(100% - 32px); }
.txt-77 { font-size: 16px; }
.txt-78 { font-size: 12px; }
.box-31 { flex: none; height: 35px; right: -15px; top: -16px; width: 35px; }
.ic-12 { font-size: 18px; }
}

/* =========================================================
   5. カスタマイズ（あとから調整した箇所）
   ---------------------------------------------------------
   ここに書いたスタイルが最優先されます。
   元に戻したいときは、この項目ごと削除してください。
   ========================================================= */

/* ヘッダーのメニュー文字を白にする */
/* （.txt などの自動生成クラスより優先されるよう指定を強めています） */
.render-canvas header nav a,
.render-canvas header nav p{
  color: #FFFFFF;
  opacity: 1;
}

/* スマホのメニューアイコン（三本線）を白にする */
.render-canvas header .material-icons{
  color: #FFFFFF;
}

/* SNSアイコン・LINEボタンにマウスを乗せたとき */
.render-canvas a.icon:hover{ opacity: .65; }
.render-canvas a.icon{ transition: opacity .25s ease; }