@charset "UTF-8";
/*
     下層ページ共通
     ※数値は「デザイン（幅400px）上のpx」＝ calc(N * var(--u))
========================================================================== */
/* mv ============================ */
.low_mv {
    position: relative;
}
.low_mv .mv_img img {
    display: block;
    width: 100%;
}
.low_mv .breadcrumb {
    position: absolute;
    top: calc(22 * var(--u));
    left: calc(30 * var(--u));
    font-size: calc(12 * var(--u));
    letter-spacing: 0.04em;
}
/* 本文 ============================ */
.txt_A {
    width: calc(340 * var(--u));
    margin-left: auto;
    margin-right: auto;
    font-size: calc(14 * var(--u));
    line-height: 1.714;
    letter-spacing: 0.02em;
}
.txt_A p + p {
    margin-top: calc(24 * var(--u));
}
/* 見出しエリア ============================ */
.low_head {
    padding: calc(17 * var(--u)) 0 0;
    border-top: calc(2 * var(--u)) solid #948049;
    text-align: center;
}
.low_head .breadcrumb {
    padding-left: calc(30 * var(--u));
    font-size: calc(12 * var(--u));
    letter-spacing: 0.04em;
    text-align: left;
}
.low_head .sec_ttl {
    margin-top: calc(73 * var(--u));
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(26 * var(--u));
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
}
.low_head .ttl_deco {
    margin-top: calc(20 * var(--u));
}
/* カード型バナー（幅360px・影つき） ============================ */
.card_bnr a {
    display: block;
    width: calc(360 * var(--u));
    margin: 0 auto;
    border-radius: calc(7 * var(--u));
    box-shadow: 0 calc(2 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .25);
    overflow: hidden;
}
.card_bnr img {
    width: 100%;
}
/* c_salon（笑顔けんこう村） ============================ */
#c_salon {
    padding: calc(40 * var(--u)) 0 calc(60 * var(--u));
    text-align: center;
}
/* デザイン上、見出し・本文・ボタンはカラム中央より約10px左に置かれている */
#c_salon .salon_ttl {
    margin-top: calc(45.5 * var(--u));
    padding-right: calc(19 * var(--u));
    font-size: calc(26 * var(--u));
    font-weight: 400;
    line-height: calc(31 * var(--u));
    letter-spacing: 0.02em;
}
#c_salon .salon_txt {
    width: calc(341 * var(--u));
    margin: calc(25 * var(--u)) auto 0 calc(20.5 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(20 * var(--u));
    letter-spacing: 0.02em;
    text-align: left;
}
#c_salon .salon_btn {
    margin-top: calc(28 * var(--u));
    padding-right: calc(17 * var(--u));
}
/*
     ホリスティックケア3ページ共通
     （身体を整える／エネルギーを整える／心を整える）
========================================================================== */
/* 見出しエリア（2行の明朝見出し＋大きめの花飾り） */
.low_head_l .sec_ttl {
    margin-top: calc(65 * var(--u));
    line-height: calc(41 * var(--u));
    letter-spacing: 0.02em;
}
.low_head_l .ttl_deco {
    margin-top: calc(14 * var(--u));
}
.low_head_l .ttl_deco img {
    display: block;
    width: calc(183.5 * var(--u));
    margin: 0 auto;
}
/* MV画像（左右いっぱい） */
.care_mv {
    margin-top: calc(29.5 * var(--u));
}
.care_mv img {
    display: block;
    width: 100%;
}
/* 見出し（緑文字＋黄色マーカー） */
.ttl_B {
    width: calc(340 * var(--u));
    margin: calc(53 * var(--u)) auto 0;
    color: #19a069;
    font-size: calc(26 * var(--u));
    font-weight: 400;
    /* デザインは文字ツメ10%＋トラッキング0.1emで実質1em送り。ブラウザでは字送り0で合う */
    line-height: calc(36 * var(--u));
    letter-spacing: 0;
}
.txt_B + .ttl_B {
    margin-top: calc(39 * var(--u));
}
/* マーカー（デザインの黄色は文字の高さぶんだけ敷かれている） */
.ttl_B .mk {
    background-image: linear-gradient(#ffff32, #ffff32);
    background-repeat: no-repeat;
    background-size: 100% calc(24 * var(--u));
    background-position: 0 calc(8 * var(--u));
}
/* 本文（強調＝22px／下線あり） */
.txt_B {
    width: calc(340 * var(--u));
    margin: calc(21 * var(--u)) auto 0;
    font-size: calc(16 * var(--u));
    line-height: calc(36 * var(--u));
    letter-spacing: 0;
}
.txt_B .lg {
    /* 行送りを22pxに引きずられないよう line-height:0 にしている */
    font-size: calc(22 * var(--u));
    line-height: 0;
}
/* 段落の1行目が16pxで始まるもの（デザインの行位置に合わせる） */
.txt_B_16 {
    margin-top: calc(15.5 * var(--u));
}
.txt_B u {
    text-decoration-thickness: calc(1 * var(--u));
    text-underline-offset: calc(4 * var(--u));
}
/* 本文中の画像（横340px） */
.img_A {
    /* 支給画像は2倍サイズ（681px→340.5px）。高さがデザイン通りになるよう0.5px単位で指定 */
    width: calc(340.5 * var(--u));
    margin: calc(25.5 * var(--u)) auto 0;
}
.img_A img {
    display: block;
    width: 100%;
}
/* 画像の上にボタンを重ねる */
.img_btn {
    position: relative;
}
.img_btn .btn_A {
    position: absolute;
    left: 0;
    right: 0;
}
/* メニュー見出しの花飾り */
/* 太字の見出し（中央） */
.ttl_C {
    width: calc(340 * var(--u));
    margin: calc(53 * var(--u)) auto 0;
    color: #19a069;
    font-size: calc(26 * var(--u));
    font-weight: 700;
    /* デザインは文字ツメ10%＋トラッキング0.1emで実質1em送り。ブラウザでは字送り0で合う */
    line-height: calc(36 * var(--u));
    letter-spacing: 0;
    text-align: center;
}
/* メニュー見出し（中央） */
.ttl_D {
    margin-top: calc(13 * var(--u));
    font-size: calc(26 * var(--u));
    font-weight: 400;
    /* デザインは文字ツメ10%＋トラッキング0.1emで実質1em送り。ブラウザでは字送り0で合う */
    line-height: calc(36 * var(--u));
    letter-spacing: 0;
    text-align: center;
}
.care_deco {
    margin-top: calc(96 * var(--u));
    text-align: center;
}
.care_deco img {
    width: calc(114.2 * var(--u));
}
/* メニュー一覧（金色の帯・タップで開閉） ============================ */
.care_menu {
    margin-top: calc(49 * var(--u));
}
.care_menu > li + li {
    margin-top: calc(2 * var(--u));
}
.care_menu_btn {
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100 * var(--u));
    padding: 0 calc(29 * var(--u)) 0 calc(30 * var(--u));
    background: #948049 url("../images/common/bg_A.webp") repeat top center;
    background-size: calc(400 * var(--u)) auto;
    border: 0;
    color: #fff;
    font-family: inherit;
    font-size: calc(18 * var(--u));
    letter-spacing: 0.1em;
    text-align: left;
    cursor: pointer;
    transition: filter 0.3s ease;
}
.care_menu_btn::after {
    content: "";
    width: calc(11 * var(--u));
    height: calc(21 * var(--u));
    margin-left: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 21'%3E%3Cpath d='M1 1L10 10.5L1 20' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.3s ease;
}
.care_menu_btn[aria-expanded="true"]::after {
    transform: rotate(90deg);
}
.care_menu_btn:hover {
    filter: brightness(1.1);
}
/* 開いた中身 ============================ */
.care_menu_body {
    display: none;
    padding: calc(34 * var(--u)) 0 calc(98 * var(--u));
    background: #fff;
}
.care_menu_body .menu_lead,
.care_menu_body .menu_txt,
.care_menu_body .menu_note {
    width: calc(340 * var(--u));
    margin: 0 auto;
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
    letter-spacing: 0;
}
.care_menu_body .menu_lead {
    color: #948049;
}
#healing .care_menu_body .menu_lead {
    color: #19a069;
}
.care_menu_body .menu_txt {
    margin-top: calc(10 * var(--u));
}
.care_menu_body .menu_txt + .menu_txt {
    /* デザインの1行アキ */
    margin-top: calc(24 * var(--u));
}
.care_menu_body .menu_txt_gold {
    color: #948049;
}
.care_menu_body .menu_note {
    margin-top: calc(24 * var(--u));
    line-height: calc(20 * var(--u));
    text-align: center;
}
/* Step見出し */
.care_menu_body .menu_step {
    display: flex;
    position: relative;
    width: calc(340 * var(--u));
    margin: calc(30 * var(--u)) auto 0;
    padding-left: calc(14 * var(--u));
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 500;
    line-height: calc(28 * var(--u));
    letter-spacing: 0;
}
.care_menu_body .menu_step::before {
    content: "";
    position: absolute;
    top: calc(5 * var(--u));
    left: 0;
    width: calc(5 * var(--u));
    height: calc(18 * var(--u));
    background: #948049;
}
.care_menu_body .menu_step_no {
    flex-shrink: 0;
    width: calc(80 * var(--u));
}
.care_menu_body .menu_step_ttl {
    width: calc(246 * var(--u));
}
/* 画像 */
.care_menu_body .menu_img {
    margin-top: calc(16 * var(--u));
    text-align: center;
}
.care_menu_body .menu_img img {
    display: block;
    width: calc(170.5 * var(--u));
    margin: 0 auto 0 calc(30 * var(--u));
}
.care_menu_body .menu_img_c img {
    margin: 0 auto;
}
.care_menu_body .menu_img_l img {
    width: calc(340.5 * var(--u));
}
.care_menu_body .menu_img_m img {
    width: calc(185 * var(--u));
}
.care_menu_body .menu_img_s img {
    width: calc(133.5 * var(--u));
}
.care_menu_body .menu_imgs {
    display: flex;
    justify-content: space-between;
    width: calc(342.5 * var(--u));
    margin: calc(16 * var(--u)) auto 0;
}
.care_menu_body .menu_imgs img {
    display: block;
    width: calc(170.5 * var(--u));
}
.care_menu_body .menu_img + .menu_txt,
.care_menu_body .menu_imgs + .menu_txt {
    margin-top: calc(14 * var(--u));
}
/* 色つきボックス */
.care_menu_body .menu_box {
    width: calc(340 * var(--u));
    margin: calc(36 * var(--u)) auto 0;
    padding: calc(21.5 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u));
    background: #e0e095;
}
.care_menu_body .menu_box_blue {
    background: #cadae8;
}
.care_menu_body .menu_box_purple {
    background: #d1d2e4;
}
.care_menu_body .menu_box_gray {
    background: #c8d6dd;
}
.care_menu_body .menu_box_line {
    padding: calc(16.5 * var(--u)) calc(20 * var(--u)) calc(16 * var(--u));
    background: #fff;
    border: calc(10 * var(--u)) solid #e0e095;
    border-radius: calc(10 * var(--u));
}
.care_menu_body .menu_box_ttl {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(20 * var(--u));
    font-weight: 500;
    line-height: calc(25 * var(--u));
    letter-spacing: 0;
    text-align: center;
}
.care_menu_body .menu_box_ttl_s {
    font-family: inherit;
    font-size: calc(16 * var(--u));
    font-weight: 500;
    line-height: calc(21 * var(--u));
}
.care_menu_body .menu_box_ttl_s .red {
    color: #d93a26;
}
.care_menu_body .menu_box .menu_txt,
.care_menu_body .menu_box_list {
    width: auto;
    margin-top: calc(18 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
}
.care_menu_body .menu_box .menu_txt + .menu_box_list,
.care_menu_body .menu_box .menu_box_list + .menu_txt {
    /* デザインの1行アキ */
    margin-top: calc(24 * var(--u));
}
.care_menu_body .menu_box_list li {
    position: relative;
    padding-left: calc(18 * var(--u));
}
.care_menu_body .menu_box_list li::before {
    content: "";
    position: absolute;
    top: calc(10 * var(--u));
    left: calc(2 * var(--u));
    width: calc(4 * var(--u));
    height: calc(4 * var(--u));
    border-radius: 50%;
    background: #191919;
}
.care_menu_body .menu_box_line .menu_box_list {
    margin-top: calc(12.5 * var(--u));
}
.care_menu_body .menu_box_list_none li {
    padding-left: 0;
}
.care_menu_body .menu_box_list_none li::before {
    content: none;
}
.care_menu_body .menu_box .menu_img {
    margin-top: calc(16 * var(--u));
}
/* 金枠の帯 */
.care_menu_body .menu_frame {
    width: calc(340 * var(--u));
    margin: calc(54 * var(--u)) auto 0;
    padding: calc(3.5 * var(--u)) 0 calc(7.5 * var(--u));
    border: calc(2 * var(--u)) solid #948049;
    color: #948049;
    font-size: calc(18 * var(--u));
    font-weight: 700;
    line-height: calc(23 * var(--u));
    letter-spacing: 0;
    text-align: center;
}
.care_menu_body .menu_frame + .menu_txt {
    margin-top: calc(29 * var(--u));
}
/* ピンクのボタン */
.btn_pink {
    margin-top: calc(34 * var(--u));
    line-height: 0;
    text-align: center;
}
.btn_pink a {
    display: inline-block;
    min-width: calc(200 * var(--u));
    padding: 0 calc(20 * var(--u));
    background: #f14a91;
    /* デザインではボタンの下にグレーのラインが入る */
    box-shadow: 0 calc(2 * var(--u)) 0 #969696;
    color: #fff;
    font-size: calc(14 * var(--u));
    line-height: calc(40 * var(--u));
    letter-spacing: 0.1em;
}
.btn_pink_m a {
    min-width: calc(250 * var(--u));
}
.btn_pink_l a {
    min-width: calc(260 * var(--u));
}
.btn_pink_w a {
    min-width: calc(320 * var(--u));
}
.btn_pink a:hover {
    opacity: 1;
    filter: brightness(1.08);
}
.btn_pink + .btn_pink {
    margin-top: calc(22 * var(--u));
}
/* 電話番号 */
.care_menu_body .menu_tel {
    margin-top: calc(24 * var(--u));
    font-size: calc(40 * var(--u));
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
}
.care_menu_body .menu_tel_mark {
    font-size: calc(34 * var(--u));
}
.care_menu_body .menu_tel + .btn_A {
    margin-top: calc(30 * var(--u));
}
.care_menu_body .btn_A a {
    box-shadow: 0 calc(2 * var(--u)) 0 #969696;
}
/* 外部サイトへの誘導 */
.care_menu_body .menu_link_ttl {
    width: calc(340 * var(--u));
    margin: calc(54 * var(--u)) auto 0;
    color: #948049;
    font-size: calc(18 * var(--u));
    line-height: calc(28 * var(--u));
    letter-spacing: 0;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: calc(4 * var(--u));
}
.care_menu_body .menu_company {
    position: relative;
    width: calc(340 * var(--u));
    margin: calc(34 * var(--u)) auto 0;
    padding-left: calc(15 * var(--u));
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 500;
    line-height: calc(28 * var(--u));
    letter-spacing: 0;
    white-space: nowrap;
}
.care_menu_body .menu_company::before {
    content: "";
    position: absolute;
    top: calc(5 * var(--u));
    left: 0;
    width: calc(5 * var(--u));
    height: calc(18 * var(--u));
    background: #948049;
}
.care_menu_body .menu_company small {
    font-size: calc(14 * var(--u));
}
.care_menu_body .menu_logo {
    margin-top: calc(34 * var(--u));
    text-align: center;
}
.care_menu_body .menu_logo img {
    display: block;
    margin: 0 auto;
}
.care_menu_body .menu_logo_e4l img {
    width: calc(300 * var(--u));
}
.care_menu_body .menu_logo_ajax img {
    width: calc(140.5 * var(--u));
}
/* 余白の調整（数値はデザイン上の空き） */
.care_menu_body .mt_20 {
    margin-top: calc(14 * var(--u));
}
.care_menu_body .mt_30 {
    margin-top: calc(24 * var(--u));
}
.care_menu_body .mt_40 {
    margin-top: calc(34 * var(--u));
}
.care_menu_body .mt_60 {
    margin-top: calc(54 * var(--u));
}
/* 直前がボックスや画像など（行の余白がないぶん広く取る） */
.care_menu_body .mt_60b {
    margin-top: calc(60 * var(--u));
}
/*
     concept（サトワについて）
========================================================================== */
/* c_concept ============================ */
#concept #c_concept {
    position: relative;
    padding: calc(32 * var(--u)) 0 calc(52 * var(--u));
    background: #fff;
}
#concept #c_concept .concept_ttl {
    width: calc(340 * var(--u));
    margin: 0 auto;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(26 * var(--u));
    font-weight: 400;
    line-height: calc(41 * var(--u));
    letter-spacing: 0.06em;
}
#concept #c_concept .concept_ttl .mk {
    /* 「」の字面がA1明朝より内側に寄るぶんを、字間と負マージンで合わせている */
    margin-left: calc(-12 * var(--u));
    background: linear-gradient(#ffff32, #ffff32) no-repeat calc(17 * var(--u)) calc(8 * var(--u)) / calc(100% - 31 * var(--u)) calc(24 * var(--u));
    letter-spacing: 0.163em;
}
#concept #c_concept .concept_deco {
    position: absolute;
    top: calc(88 * var(--u));
    left: calc(225 * var(--u));
    width: calc(145 * var(--u));
}
#concept #c_concept .txt_A {
    margin-top: calc(32 * var(--u));
}
/* c_message ============================ */
#concept #c_message {
    padding: calc(51 * var(--u)) 0 0;
}
#concept #c_message .message_ttl {
    width: calc(360 * var(--u));
    margin: 0 auto;
    padding-bottom: calc(20 * var(--u));
    border-bottom: calc(2 * var(--u)) solid #fff;
}
#concept #c_message .message_ttl {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(26 * var(--u));
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.18em;
    text-indent: 0.18em;
    text-align: center;
}
#concept #c_message .message_img {
    margin-top: calc(30 * var(--u));
    text-align: center;
}
#concept #c_message .message_img img {
    width: calc(220.5 * var(--u));
}
#concept #c_message .message_catch {
    width: calc(340 * var(--u));
    margin: calc(33 * var(--u)) auto 0;
}
#concept #c_message .message_catch {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 400;
    line-height: calc(28 * var(--u));
}
#concept #c_message .message_catch .mk {
    /* マーカーは文字の天地をしっかり覆う位置（デザイン実測：文字のインク上端〜下端） */
    background: linear-gradient(#ffff32, #ffff32) no-repeat calc(1 * var(--u)) calc(5 * var(--u)) / calc(100% - 2 * var(--u)) calc(17 * var(--u));
}
#concept #c_message .message_catch .mk_kagi {
    /* 行頭の「 は字面が内側に寄るので負マージンで左端を揃える */
    margin-left: calc(-8 * var(--u));
    background-position: calc(11 * var(--u)) calc(5 * var(--u));
    background-size: calc(100% - 17 * var(--u)) calc(17 * var(--u));
}
#concept #c_message .txt_A {
    margin-top: calc(21 * var(--u));
}
#concept #c_message .message_name {
    text-align: right;
}
/* 経歴 */
#concept #c_message .message_career {
    position: relative;
    width: calc(335 * var(--u));
    margin: calc(50 * var(--u)) auto 0;
    padding: calc(24 * var(--u)) calc(10.5 * var(--u)) calc(23 * var(--u));
    background: #fff;
}
#concept #c_message .message_signature {
    position: absolute;
    top: calc(-35 * var(--u));
    right: calc(-15 * var(--u));
    width: calc(180.5 * var(--u));
}
#concept #c_message .message_career_box {
    font-size: calc(14 * var(--u));
    line-height: 1.66;
    letter-spacing: 0;
}
/* c_bnr ============================ */
#concept #c_bnr {
    padding: calc(60 * var(--u)) 0;
}
/*
     news（お知らせ）
========================================================================== */
/* 見出しエリア ============================ */
#news .low_head {
    padding-bottom: calc(56 * var(--u));
}
#news .low_head .sec_ttl {
    letter-spacing: 0.09em;
}
#news .low_head .ttl_deco {
    margin-top: calc(18.5 * var(--u));
}
/* c_news ============================ */
#news #c_news .news_list {
    width: calc(340 * var(--u));
    margin: 0 auto;
}
#news #c_news .news_list_date {
    display: inline-block;
    background: linear-gradient(#fff, #fff) no-repeat 0 calc(4 * var(--u)) / 100% calc(13 * var(--u));
    color: #19a069;
    font-size: calc(14 * var(--u));
    font-weight: 700;
    line-height: calc(20 * var(--u));
    letter-spacing: 0.04em;
}
#news #c_news .news_list_txt {
    margin-top: calc(7 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(20 * var(--u));
    letter-spacing: 0.02em;
}
#news #c_news .news_list_txt + .news_list_date {
    margin-top: calc(33 * var(--u));
}
#news #c_news .news_list_more {
    display: inline-block;
    color: #19a069;
    font-weight: 500;
    letter-spacing: 0.1em;
}
/* c_bnr ============================ */
#news #c_bnr {
    padding: calc(59 * var(--u)) 0 calc(60 * var(--u));
}
.bnr_list_card a {
    width: calc(360 * var(--u));
    margin: 0 auto;
    border-radius: calc(7 * var(--u));
    box-shadow: 0 calc(2 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .25);
}
.bnr_list_card img {
    width: 100%;
}
/*
     menu（メニュー・料金表）
========================================================================== */
/* c_lead ============================ */
#menu #c_lead {
    padding: calc(58 * var(--u)) 0 calc(56 * var(--u));
    text-align: center;
}
#menu #c_lead .menu_tax {
    font-size: calc(14 * var(--u));
    line-height: 1;
    letter-spacing: 0.04em;
}
#menu #c_lead .menu_lead {
    margin-top: calc(34 * var(--u));
    padding: calc(20 * var(--u)) 0;
    /* 背景の丸いグラデーション（デザイン実測：中心 rgb(255,255,200)／半径約135px） */
    background: radial-gradient(circle calc(135 * var(--u)) at 50% 50%, rgba(255, 255, 199, 1) 0%, rgba(255, 255, 199, .85) 48%, rgba(255, 255, 199, .38) 70%, rgba(255, 255, 199, 0) 100%);
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 400;
    line-height: calc(34 * var(--u));
    letter-spacing: 0.04em;
}
/* 各メニューセクション ============================ */
#menu .c_menu .menu_ttl {
    display: flex;
    align-items: center;
    height: calc(78 * var(--u));
    padding-left: calc(30 * var(--u));
    background: #fff;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 400;
    letter-spacing: 0.06em;
}
#menu .c_menu .menu_body {
    padding: calc(33 * var(--u)) calc(30 * var(--u)) calc(60 * var(--u));
}
#menu .c_menu .menu_txt {
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
    letter-spacing: 0.02em;
}
/* 料金リスト */
#menu .price_list {
    margin-top: calc(51 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
    letter-spacing: 0.02em;
}
#menu .price_item + .price_item {
    margin-top: calc(51 * var(--u));
}
#menu .price_ttl {
    margin-bottom: calc(9 * var(--u));
    color: #19a069;
    font-weight: 700;
}
/* リンクにしても見出しの色・太さはそのまま */
#menu .price_ttl a {
    color: inherit;
    font-weight: inherit;
}
#menu .price_row {
    display: flex;
    justify-content: space-between;
}
#menu .price_row + .price_row,
#menu .price_sub + .price_row {
    margin-top: calc(10 * var(--u));
}
#menu .price_yen {
    flex: none;
    padding-left: calc(10 * var(--u));
}
/* 画像・ボタン */
#menu .menu_img {
    margin-top: calc(37 * var(--u));
}
#menu .menu_img_gap {
    margin-top: calc(58 * var(--u));
}
#menu .menu_img img {
    width: calc(340.5 * var(--u));
}
#menu .menu_img_s img {
    width: calc(169.5 * var(--u));
}
#menu .btn_A_wide {
    margin-top: calc(40 * var(--u));
}
#menu .btn_A_gap {
    margin-top: calc(60 * var(--u));
}
#menu .menu_img + .price_list {
    margin-top: calc(32 * var(--u));
}
#menu .btn_A_wide + .price_list {
    margin-top: calc(54 * var(--u));
}
/* c_note ============================ */
#menu #c_note {
    padding: calc(40 * var(--u)) 0 calc(60 * var(--u));
    background: #fff;
}
#menu #c_note .note_ttl {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
}
#menu #c_note .note_ttl .tsume {
    /* デザイン（A1明朝＋文字ツメ）に合わせて約物を詰める */
    margin: 0 calc(-4 * var(--u));
}
#menu #c_note .txt_A {
    margin-top: calc(30 * var(--u));
}
#menu #c_note .note_cancel {
    width: calc(340 * var(--u));
    margin: calc(16 * var(--u)) auto 0;
    padding: calc(19 * var(--u)) calc(18 * var(--u));
    background: #ffff32;
    font-size: calc(12 * var(--u));
    font-weight: 500;
    line-height: calc(22 * var(--u));
    letter-spacing: 0.02em;
}
/* c_bnr ============================ */
#menu #c_bnr {
    padding: calc(39 * var(--u)) 0 calc(60 * var(--u));
}
/*
     media（メディア出演・執筆）
========================================================================== */
/* ページ内リンク ============================ */
#media #c_anchor {
    width: calc(340 * var(--u));
    margin: calc(38 * var(--u)) auto 0;
    padding: calc(12 * var(--u)) 0 calc(34 * var(--u));
}
#media .anchor_list li a {
    display: block;
    position: relative;
    padding-left: calc(30 * var(--u));
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    line-height: calc(38 * var(--u));
    letter-spacing: 0.06em;
}
#media .anchor_list li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(15 * var(--u));
    width: calc(5 * var(--u));
    height: calc(20 * var(--u));
    margin-top: calc(-10 * var(--u));
    background: #948049;
}
/* 各セクション ============================ */
#media .c_media .media_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(38 * var(--u));
    margin-top: calc(17 * var(--u));
    background: #948049 url("../images/common/bg_A.webp") repeat top center;
    background-size: calc(400 * var(--u)) auto;
    color: #fff;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(18 * var(--u));
    font-weight: 400;
    letter-spacing: 0.16em;
    text-indent: 0.16em;
}
#media .c_media .media_body {
    padding: calc(55 * var(--u)) calc(30 * var(--u)) calc(60 * var(--u));
}
#media .media_item + .media_item {
    margin-top: calc(80 * var(--u));
}
#media .media_date {
    display: inline-block;
    /* 日付の背後にマーカー（デザイン実測：高さ12px・文字の天地に合わせて敷く） */
    background: linear-gradient(#ffff64, #ffff64) no-repeat 0 calc(5 * var(--u)) / 100% calc(12 * var(--u));
    color: #19a069;
    font-size: calc(14 * var(--u));
    font-weight: 700;
    line-height: calc(20 * var(--u));
    letter-spacing: 0.04em;
}
#media .media_img {
    margin-top: calc(17 * var(--u));
}
#media .media_img img {
    width: calc(170.5 * var(--u));
}
#media .media_img_m img {
    width: calc(340.5 * var(--u));
}
#media .media_img_l img {
    width: calc(340.5 * var(--u));
}
#media .media_img + .media_img {
    margin-top: calc(20 * var(--u));
}
#media .media_item_ttl {
    margin-top: calc(12 * var(--u));
    color: #19a069;
    font-size: calc(26 * var(--u));
    font-weight: 400;
    line-height: calc(38 * var(--u));
    letter-spacing: 0.02em;
}
#media .media_txt {
    margin-top: calc(4 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
    letter-spacing: 0.02em;
}
#media .media_txt_b {
    margin-top: calc(24 * var(--u));
}
/* ポッドキャストのリンク */
#media .media_pod {
    display: flex;
    align-items: flex-start;
    margin-top: calc(14 * var(--u));
}
#media .media_pod_img {
    flex: none;
    width: calc(170.5 * var(--u));
}
#media .media_pod_link {
    padding-left: calc(17.5 * var(--u));
}
#media .media_pod_link li + li {
    margin-top: calc(14 * var(--u));
}
#media .media_pod_link a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: calc(14 * var(--u));
    font-weight: 700;
    letter-spacing: 0.02em;
}
#media .media_pod_link img {
    flex: none;
    width: calc(22.5 * var(--u));
    margin-right: calc(8 * var(--u));
}
/* c_bnr ============================ */
#media #c_bnr {
    padding: calc(37 * var(--u)) 0 calc(70 * var(--u));
    border-bottom: calc(8 * var(--u)) solid #948049;
}
/*
     salon（サロン概要・アクセス）
========================================================================== */
/* 概要リスト ============================ */
#salon #c_info {
    margin-top: calc(58 * var(--u));
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
}
#salon .info_list dt {
    display: flex;
    align-items: center;
    height: calc(39 * var(--u));
    padding-left: calc(30 * var(--u));
    background: #19a069 url("../images/common/bg_A.webp") repeat top center;
    background-size: calc(400 * var(--u)) auto;
    color: #fff;
    font-size: calc(18 * var(--u));
    letter-spacing: 0.06em;
}
#salon .info_list dd {
    padding: calc(19.5 * var(--u)) calc(30 * var(--u));
    background: #fff;
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
    letter-spacing: 0.04em;
}
/* MAP・アクセス ============================ */
#salon #c_access {
    padding: calc(58 * var(--u)) calc(30 * var(--u)) calc(49 * var(--u));
}
#salon .info_label {
    color: #19a069;
    font-size: calc(14 * var(--u));
    font-weight: 700;
    line-height: calc(24 * var(--u));
    letter-spacing: 0.04em;
}
#salon .info_label_mt {
    margin-top: calc(24 * var(--u));
}
#salon .info_body {
    font-size: calc(14 * var(--u));
    line-height: calc(24 * var(--u));
    letter-spacing: 0.02em;
}
#salon .info_body + .info_body {
    margin-top: calc(24 * var(--u));
}
#salon .salon_map {
    margin-top: calc(2 * var(--u));
    margin-bottom: calc(34 * var(--u));
    line-height: 0;
}
#salon .salon_map iframe {
    width: calc(340 * var(--u));
    height: calc(243 * var(--u));
    border: 0;
}
/*
     humic-fulvic（身体を整える：フミン酸・フルボ酸）
========================================================================== */
/* 野菜の栄養価（白背景） ============================ */
#humic-fulvic #c_vegetable {
    margin-top: calc(26.5 * var(--u));
    padding: calc(40 * var(--u)) 0;
    background: #fff;
}
#humic-fulvic .veg_ttl,
#humic-fulvic .veg_comment {
    width: calc(340.5 * var(--u));
    margin: 0 auto;
}
#humic-fulvic .veg_comment {
    margin-top: calc(19.5 * var(--u));
}
#humic-fulvic .veg_img {
    width: calc(280.5 * var(--u));
    margin: calc(19.5 * var(--u)) auto 0;
}
#humic-fulvic .veg_ttl img,
#humic-fulvic .veg_comment img,
#humic-fulvic .veg_img img {
    display: block;
    width: 100%;
}
/* NAFMeS ============================ */
#humic-fulvic #c_nafmes {
    position: relative;
    z-index: 0;
    text-align: center;
}
#humic-fulvic #c_nafmes::before {
    /* デザインの淡い光（Illustratorのぼかし）をグラデーションで再現 */
    content: "";
    position: absolute;
    top: calc(-96 * var(--u));
    left: 50%;
    z-index: -1;
    width: calc(300 * var(--u));
    height: calc(300 * var(--u));
    margin-left: calc(-150 * var(--u));
    background: radial-gradient(closest-side, rgba(255, 255, 190, .95), rgba(255, 255, 190, .7) 45%, rgba(255, 255, 190, 0) 78%);
    pointer-events: none;
}
#humic-fulvic .nafmes_ttl {
    margin-top: calc(103.5 * var(--u));
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN", serif;
    font-size: calc(24 * var(--u));
    font-weight: 500;
    line-height: calc(36 * var(--u));
    letter-spacing: 0;
}
#humic-fulvic .nafmes_ttl u {
    text-decoration-thickness: calc(1 * var(--u));
    text-underline-offset: calc(4 * var(--u));
}
#humic-fulvic .nafmes_logo {
    width: calc(340.5 * var(--u));
    margin: calc(21 * var(--u)) auto 0;
}
#humic-fulvic .nafmes_logo img {
    display: block;
    width: 100%;
}
/* おススメアイテム ============================ */
#humic-fulvic .item_01 {
    margin-top: calc(46 * var(--u));
}
#humic-fulvic .item_01 .btn_A {
    top: calc(347.5 * var(--u));
}
#humic-fulvic .item_02 {
    margin-top: calc(35.5 * var(--u));
}
#humic-fulvic .item_02 .btn_A {
    top: calc(448 * var(--u));
}
#humic-fulvic .bnr_more {
    margin-top: calc(40.5 * var(--u));
}
/* c_salon ============================ */
#humic-fulvic #c_salon {
    padding-top: calc(99.5 * var(--u));
    padding-bottom: calc(59.5 * var(--u));
}
/* 活用事例バナー ============================ */
#humic-fulvic #c_case .img_A {
    margin-top: 0;
}
/* こんな症状で ============================ */
#humic-fulvic #c_symptom .ttl_B {
    margin-top: calc(33 * var(--u));
}
#humic-fulvic #c_symptom .ttl_B:first-child {
    margin-top: calc(50 * var(--u));
}
#humic-fulvic .symptom_img {
    margin-top: calc(16 * var(--u));
}
#humic-fulvic .symptom_img img {
    display: block;
    width: 100%;
}
/* バナー ============================ */
#humic-fulvic #c_bnr {
    padding-bottom: calc(70.5 * var(--u));
}
#humic-fulvic #c_bnr .card_bnr {
    margin-top: calc(69.5 * var(--u));
}
#humic-fulvic #c_bnr .card_bnr + .card_bnr {
    margin-top: calc(50 * var(--u));
}
/*
     bws（エネルギーを整える：周波数（波動）調整）
========================================================================== */
#bws .txt_B {
    margin-top: calc(11 * var(--u));
}
#bws .txt_B_16 {
    margin-top: calc(5.5 * var(--u));
}
#bws .txt_B + .ttl_B {
    margin-top: calc(47 * var(--u));
}
#bws .img_A {
    margin-top: calc(33.5 * var(--u));
}
#bws .img_A_02 {
    margin-top: calc(38.5 * var(--u));
}
#bws .img_A + .txt_B {
    margin-top: calc(34 * var(--u));
}
#bws .care_deco {
    margin-top: calc(99 * var(--u));
}
#bws .bnr_awgx {
    margin-top: calc(60 * var(--u));
}
#bws #c_salon {
    padding-top: calc(60 * var(--u));
}
/*
     healing（心を整える：ヒーリングケア）
========================================================================== */
#healing .txt_B {
    margin-top: calc(11 * var(--u));
}
#healing #c_bnr {
    padding: calc(60 * var(--u)) 0;
}
/*
     preparing（準備中・白紙のページ）
========================================================================== */
#preparing #content {
    /* 白紙ページなのでウインドウが高いときもメインカラムが下まで伸びるように */
    box-sizing: border-box;
    min-height: 100vh;
    background: #fff;
}