@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*フォントの乱れ対策ここから*/
.site-description {
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
  font-weight: 400;
}

.site-description {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif !important;
  font-weight: 400;
}
/*フォントの乱れ対策ここまで*/


/*日付を消す*/

.post-3073 .date-tags,
.post-3066 .date-tags,
.post-2277 .date-tags,
.post-2188 .date-tags,
.post-2221 .date-tags,
.post-771 .date-tags,
.post-387 .date-tags,
.post-301 .date-tags,
.post-472 .date-tags,
.post-37 .date-tags,
.post-3 .date-tags,
.post-991 .date-tags,
.post-100 .date-tags,
.post-2150 .date-tags,
.post-954 .date-tags,
.post-754 .date-tags,
.post-2134 .date-tags,
.post-2136 .date-tags,
.post-8031 .date-tags,
.post-3052 .date-tags,
.post-88 .date-tags, 
.post-2186.date-tags,
.post-2163 .date-tags,

.post-22 .date-tags,

.post-671 .date-tags,
.post-387 .date-tags,
.post-97 .date-tags,

.post-85 .date-tags,

.post-226 .date-tags,
.post-253 .date-tags,

 {
display: none;
}


/* 例：表のセル(td)の背景色を変える */
table td {
  background-color: #ffffff;
}


/* 左カラムのメニューを追従させる */
.wp-block-columns {
  overflow: visible;
}

.sticky-menu {
  position: sticky;
  top: 100px;
}

@media screen and (max-width: 768px) {
  .sticky-menu {
    position: static;
  }
}

/* 左カラムのメニューを追従させる ここまで*/

/* アピール欄のボタンを消す */
.appeal-content {
	display: none;
}
/* アピール欄を消す */
.page-id-97 .appeal {
display:none;
}

/*テーブルをレスポンシブ化する */ 
.agn-center{
  text-align: center;/*thはセンター揃えなので中央揃えにしたいthセルに適用*/
}
.pc-tablehead th{
  white-space: nowrap;/*セル内で改行しない*/
}
/*スマホ表示用*/
  @media screen and (max-width: 480px) {
    .pc-tablehead{
      display: none;/*【1】PCで1行目に表示されているタイトルを非表示に*/
    }
    .vertical-table th{
      border-bottom: none;/*【2】上下の枠線が二重になるのを防止*/
      display: block;/*【3】PCの一列目を縦積みにする*/
      width: 100%;
    }
    .vertical-table td {
      border-bottom: none;/*【2】上下の枠線が二重になるのを防止*/
      display: block;/*【3】PCの2列目以降も縦積みにする*/
      width: 100%;
    }
      .last td:last-child {
        border-bottom: solid 1px #FFFFFF;/*【4】表の一番下になるセルだけ下線を引く*/
     }
    .vertical-table td:before {
      content: attr(aria-label);/*【5】aria-labelで指定した値を表示させる*/
      display: inline-block;
      font-weight: bold;
      float: center;
      text-align: center;
      padding-right: 1em;
      white-space: nowrap;
    }
    .label br {
      display: none;/*【6】PCでセル内改行した箇所を改行させない*/
    }
/*スマホ表示用ここまで*/
}

/*テーブルをレスポンシブ化するここまで */

/*背景ここから */
body,
#body-in {
  background-color: #FBF4E8 !important;
  background-image: url("https://anclinic.jp/wp-content/uploads/2026/04/漆喰２.png") !important;
  background-repeat: repeat !important;
  background-size: 180px auto !important;
  background-position: top left !important;
}

#contents,
#main,
.content,
.content-in,
.main,
.main-scroll {
  background: transparent !important;
}

/*背景ここまで */

/*ラインマーカーここから */
.marker-under {
background: linear-gradient(transparent 60%, #ede3bf  60%);

}
/*ラインマーカーここまで */

/* モバイル下部フッターメニュー全体ここから */
/* モバイルフッターメニュー：黒透過 背景復活版 */
.mobile-footer-menu-buttons,
.mobile-footer-menu-buttons .menu-button {
  background-color: rgba(0, 0, 0, 0.40) !important;
}

/* 文字とアイコンを白に */
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button a,
.mobile-footer-menu-buttons .menu-icon,
.mobile-footer-menu-buttons .menu-caption,
.mobile-footer-menu-buttons .menu-button-caption {
  color: #ffffff !important;
}

/* アイコンがSVGや疑似要素の場合も白に寄せる */
.mobile-footer-menu-buttons svg,
.mobile-footer-menu-buttons i,
.mobile-footer-menu-buttons .fa {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 境界線 */
.mobile-footer-menu-buttons .menu-button {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
/* モバイル下部フッターメニュー全体ここまで */

/* LPのヘッダー下画像消すここから */

.page-id-3784 .appeal,
.page-id-3819 .appeal,
.page-id-3912 .appeal {
    display: none !important;
}

/* LPのヘッダー下画像消すここまで */

/* LPだけパンくずを非表示ここから */
.page-id-3784 .breadcrumb,
.page-id-3819 .breadcrumb,
.page-id-3912 .breadcrumb,
.page-id-3784 .breadcrumbs,
.page-id-3819 .breadcrumbs,
.page-id-3912 .breadcrumbs {
    display: none !important;
}

/* LPだけパンくずを非表示ここまで */


/* しおりここから */
/* 右上しおりタブ全体 */
.side-bookmark-tabs {
  position: fixed;
  top: 120px;
  right: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* 右↓しおりタブ全体 */
.side-tab-instagram {
  position: fixed;
  right: 0;
  bottom: 120px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
}




/* 共通デザイン */
.side-bookmark-tabs .side-bookmark-tab  {
  display: block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: #fff;
  text-decoration: none;
  padding: 18px 9px 20px;
  border-radius: 10px 0 0 10px;
  font-size: 14px;
  letter-spacing: 0.12em;
  line-height: 1.2;
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
}

.side-tab-instagram  {
  display: block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: #fff;
  text-decoration: none;
  padding: 18px 9px 20px;
  border-radius: 10px 0 0 10px;
  font-size: 14px;
  letter-spacing: 0.12em;
  line-height: 1.2;
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
}




/* ご予約タブ */
.side-bookmark-tabs .reserve-tab {
  background: rgba(0, 0, 0, 0.62);
}

/* キャンペーンタブ */
.side-bookmark-tabs .price-tab {
  background: rgba(122, 101, 86, 0.82);
}

/* インスタタブ */
.side-tab-instagram {
  background: rgba(122, 101, 86, 0.82);
}




/* ホバー時：ご予約 */
.side-bookmark-tabs .reserve-tab:hover {
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
}

/* ホバー時：キャンペーン */
.side-bookmark-tabs .price-tab:hover {
  background: rgba(122, 101, 86, 0.95);
  color: #fff;
}

/* ホバー時：インスタ */
.side-tab-instagram:hover {
  background: rgba(122, 101, 86, 0.95);
  color: #fff;
}



/* しおりここまで */




/* スマホでは右上しおりタブを非表示ここから */
@media screen and (max-width: 768px) {
  .side-bookmark-tab{
    display: none !important;
  }
}
/* スマホでは右上しおりタブを非表示ここまで */


/* スマホでは右下しおりタブを非表示ここから */
@media screen and (max-width: 768px) {
  .side-tab-instagram{
    display: none !important;
  }
}
/* スマホでは右下しおりタブを非表示ここまで */





/* カルーセル画像を大きくする（縦幅重視） */
.carousel-box {
  .carousel-item {
    a {
      height: 100px; /* ★お好みの高さに変更してください */
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 画像を枠に合わせてトリミング */
    }
  }
}


/* 施術の流れ */

.flow-steps {
  position: relative;
  margin: 40px 0;
}

.flow-step {
  display: flex;
  align-items: center; /* ←これにすると完全に横一直線 */
  position: relative;
  padding-bottom: 50px;
}

.flow-step:last-child {
  padding-bottom: 0;
}

.flow-step-number {
  position: relative;
  z-index: 2;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  background: #8d8766;
  color: #fff;
  text-align: center;
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
}

.flow-step-number span {
  font-size: 10px;
  letter-spacing: 0.05em;
}

.flow-step-number strong {
  font-size: 28px;
  font-weight: 700;
}

.flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 27px;
  top: 56px;
  width: 1px;
  height: calc(100% - 20px);
  background: #ddd;
}

.flow-step-content {
  flex: 1;
  padding-top: 6px;
}

.flow-step-content h3 {
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

.flow-step-content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  color: #444;
}

@media (max-width: 767px) {
  .flow-step {
    gap: 16px;
    padding-bottom: 36px;
  }

  .flow-step-number {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 0;
  }

  .flow-step-number strong {
    font-size: 22px;
  }

  .flow-step:not(:last-child)::after {
    left: 23px;
    top: 48px;
  }

  .flow-step-content h6 {
    font-size: 22px;
  }

  .flow-step-content p {
    font-size: 15px;
  }
}




/* 施術の流れ ここまで*/

/* リンクの下線消す ここから*/
.no-link-line a,
.no-link-line a:hover,
.no-link-line a:visited {
  text-decoration: none;
}
/* リンクの下線消す ここまで*/

/* フォント改善 ここから*/
body {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
  color: #3F3732;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

p,
.entry-content,
.article {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
}
/* フォント改善 ここまで*/


/* Cocoonスマホ下部メニューの4番目だけ色を変える　ここから */
.mobile-menu-buttons .menu-button:nth-child(4),
.mobile-menu-buttons .menu-button:nth-child(4) a {
  background-color: #6FBF73  !important;

}

.mobile-menu-buttons .menu-button:nth-child(4) a,
.mobile-menu-buttons .menu-button:nth-child(4) .menu-icon,
.mobile-menu-buttons .menu-button:nth-child(4) .menu-caption {
  color: #ffffff !important;
}

/* Cocoonスマホ下部メニューの4番目だけ色を変える ここまで */



/* googlemapアイコン挿入 ここから */

.footer-map-link {
  display: inline-block;
  padding: 2px 14px;
  border-radius: 999px;
  background: #928C86;
  color: #ffffff !important;
  font-size: 10.5px;
  letter-spacing: 0.04em;
  text-decoration: none !important;
}

.footer-map-link:hover {
  opacity: 0.85;
}
/* googlemapアイコン挿入 ここまで */

/* お知らせのカラムのマージンをとる ここから */
.an-news-banner {
  width: calc(100% - 120px) !important;
  margin: 0 auto !important;
}

.an-news-banner img {
  width: 100% !important;
  display: block;
}

@media screen and (max-width: 768px) {
  .an-news-banner {
    width: calc(100% - 32px) !important;
  }
}

/* お知らせのカラムのマージンをとる ここまで */

/* 価格表：スマホのみ縦並びここから */
@media screen and (max-width: 600px) {

  .page-id-4319 .entry-content table,
  .page-id-4319 .entry-content tbody,
  .page-id-4319 .entry-content tr,
  .page-id-4319 .entry-content td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  .page-id-4319 .entry-content thead {
    display: none;
  }

  .page-id-4319 .entry-content table {
    border: none;
  }

  .page-id-4319 .entry-content tr {
    margin-bottom: 12px;
    border: 1px solid #e4e1da;
    background: #fff;
  }

  .page-id-4319 .entry-content td {
    border: none;
    padding: 10px 14px;
    text-align: left;
    line-height: 1.7;
  }

  .page-id-4319 .entry-content td:first-child {
    padding-bottom: 3px;
  }

  .page-id-4319 .entry-content td:last-child {
    padding-top: 3px;
    text-align: right;
    font-weight: 600;
    white-space: nowrap;
  }
}
/* 価格表：スマホのみ縦並びここまで */

@media screen and (max-width: 600px) {

  .morpheus-compare {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  .morpheus-compare table,
  .morpheus-compare tbody {
    display: block;
    width: 100% !important;
    max-width: none !important;
  }

  .morpheus-compare thead {
    display: none;
  }

  .morpheus-compare tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 14px;
    border: 1px solid #e2dfd7;
    background: #fff;
  }

  .morpheus-compare td {
    display: block;
    width: auto !important;
    padding: 11px 13px !important;
    border: 0 !important;
    font-size: 16px;
    line-height: 1.6;
    word-break: normal;
  }

  .morpheus-compare td:first-child {
    grid-column: 1 / -1;
    background: #f3f1eb;
    border-bottom: 1px solid #e2dfd7 !important;
    font-weight: 600;
  }

  .morpheus-compare td:nth-child(3) {
    border-left: 1px solid #e2dfd7 !important;
  }

  .morpheus-compare td:nth-child(2)::before {
    content: "ナース照射";
  }

  .morpheus-compare td:nth-child(3)::before {
    content: "ドクター照射";
  }

  .morpheus-compare td:nth-child(n+2)::before {
    display: block;
    margin-bottom: 4px;
    color: #6a6d58;
    font-size: 13px;
    font-weight: 600;
  }
}
/* モフィウス比較表：スマホ表示ここまで */

/* モフィウス照射部位表：スマホ表示ここから */
@media screen and (max-width: 600px) {

  .morpheus-area {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  .morpheus-area table,
  .morpheus-area tbody {
    display: block;
    width: 100% !important;
    table-layout: auto !important;
  }

  .morpheus-area tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #e2dfd7;
    background: #fff;
  }

  .morpheus-area td {
    display: block;
    width: auto !important;
    padding: 12px 14px !important;
    border: none !important;
    font-size: 16px !important;
    line-height: 1.6;
  }

  .morpheus-area td:first-child {
    grid-column: 1 / -1;
    background: #f3f1eb;
    border-bottom: 1px solid #e2dfd7 !important;
    font-weight: 600;
  }

  .morpheus-area td:not(:first-child) {
    border-bottom: 1px solid #e2dfd7 !important;
  }

  .morpheus-area td:nth-child(odd):not(:first-child) {
    border-left: 1px solid #e2dfd7 !important;
  }

  .morpheus-area td span {
    font-size: 16px !important;
  }

  .morpheus-area td span.fz-12px {
    display: block;
    margin-top: 2px;
    color: #777;
    font-size: 13px !important;
  }
}

/* モフィウス照射部位表：スマホ表示ここから */

/* モフィウスLP冒頭：スマホ表示 */
@media screen and (max-width: 600px) {

  /* 最初の見出し */
  .page-id-301 .entry-content > h1.wp-block-heading:first-of-type {
    width: 100%;
    box-sizing: border-box;
    margin: 28px 0 32px !important;
    padding: 24px 20px !important;
    text-align: center;
    line-height: 1.55 !important;
    letter-spacing: 0.06em !important;
  }

  .page-id-301 .entry-content > h1.wp-block-heading:first-of-type span {
    font-size: 22px !important;
  }

  /* 冒頭のPC用空白列をスマホでは非表示ここから */
  .page-id-301 .entry-content > .wp-block-columns:first-of-type {
    gap: 0 !important;
    margin-top: 0 !important;
  }

  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(1),

  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(4),

  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(5) {
    display: none !important;
  }

  /* 冒頭の写真 */
  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(2) {
    flex-basis: 100% !important;
    margin: 0 !important;
  }

  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(2) figure {
    width: 88%;
    margin: 0 auto 28px !important;
  }

  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(2) p {
    display: none !important;
  }

  /* 説明文 */
  .page-id-301 .entry-content > .wp-block-columns:first-of-type
  > .wp-block-column:nth-child(3) {
    flex-basis: 100% !important;
    margin: 0 !important;
  }
}

  /* 冒頭のPC用空白列をスマホでは非表示ここまで */
  /* chatbotの調整ここから */
@media (max-width: 767px) {
  .line-chat-guide {
    box-sizing: border-box !important;
    width: calc(100vw - 40px) !important;
    max-width: 560px !important;
    margin: 32px 0 !important;
    padding: 24px 20px !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .line-chat-guide p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.04em !important;
    word-break: normal !important;
  }
}
  /* chatbotの調整ここまで */
  /* スマホで見た時の横幅のの調整ここから */
@media screen and (max-width: 767px) {
  .mobile-full-title {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* スマホで見た時の横幅のの調整ここまで */


/* 埋もれ鼻ここから */


:root {
  --ink: #2d2825;
  --ink-soft: #655c56;
  --paper: #fbf6ed;
  --paper-deep: #f2e8db;
  --white: #fffdf9;
  --clay: #a48673;
  --clay-dark: #6d4436;
  --clay-deep: #3b302b;
  --sage: #7c8073;
  --line: rgba(72, 58, 49, 0.18);
  --line-strong: rgba(72, 58, 49, 0.34);
  --shadow: 0 24px 70px rgba(65, 45, 33, 0.11);
  --radius-sm: 14px;
  --radius-md: 24px;
  --radius-lg: 38px;
  --serif: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  --sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;
}

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 32rem),
    var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.85;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
textarea,
select {
  font: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.part-mount {
  display: contents;
}

.nose-container {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

.nose-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: var(--clay-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.nose-eyebrow::before {
  width: 28px;
  height: 1px;
  background: currentColor;
  content: "";
}

.nose-heading {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(34px, 5vw, 60px);
  font-weight: 500;
  letter-spacing: 0.035em;
  line-height: 1.38;
}

.nose-lead {
  color: var(--ink-soft);
  font-size: clamp(16px, 1.7vw, 19px);
  line-height: 2;
}

.nose-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--clay-dark);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.nose-button::after {
  content: "→";
  font-family: Georgia, serif;
  font-size: 18px;
}

.nose-button:hover {
  transform: translateY(-2px);
  background: #563529;
  box-shadow: 0 12px 28px rgba(84, 50, 38, 0.22);
}

.nose-button:focus-visible,
.nose-text-link:focus-visible,
.nose-header a:focus-visible,
.nose-header summary:focus-visible {
  outline: 3px solid #d8a271;
  outline-offset: 4px;
}

.nose-text-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid currentColor;
  color: var(--clay-dark);
  font-weight: 700;
}

.nose-text-link::after {
  content: "↗";
}

.skip-link {
  position: fixed;
  z-index: 9999;
  top: 12px;
  left: 12px;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--ink);
  color: #fff;
  transform: translateY(-160%);
  transition: transform 150ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

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

  body {
    font-size: 15px;
  }

  .nose-container {
    width: min(100% - 32px, 1120px);
  }

  .nose-heading {
    font-size: clamp(30px, 10vw, 42px);
    line-height: 1.45;
  }

  .nose-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.nose-page,
:where(
  .nose-header,
  .nose-hero,
  .nose-overview,
  .nose-check,
  .nose-consult,
  .nose-cases,
  .nose-price,
  .nose-doctor,
  .nose-treatment,
  .nose-private,
  .nose-final,
  .nose-footer
) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
}

.nose-page {
  display: block !important;
  columns: auto !important;
}

.nose-consult .nose-consult__copy h2 {
  color: #d9bda4 !important;
}

.nose-consult .nose-consult__copy h2 strong {
  color: #fbf6ed !important;
}
.nose-hero .nose-hero__copy h1 {
  color: #d9bda4 !important;
}

.nose-hero .nose-hero__copy h1 strong {
  color: #fbf6ed !important;
}

.nose-treatment .nose-treatment__copy h3  {
  color: #fbf6ed !important;
}

/* 埋もれ鼻ここまで */

/* たるみページここから */
:root {
  --lift-ink: #2d2825;
  --lift-ink-soft: #655c56;
  --lift-paper: #fbf6ed;
  --lift-paper-deep: #f2e8db;
  --lift-white: #fffdf9;
  --lift-clay: #a48673;
  --lift-clay-dark: #6d4436;
  --lift-clay-deep: #3b302b;
  --lift-line: rgba(72, 58, 49, 0.18);
  --lift-line-strong: rgba(72, 58, 49, 0.34);
  --lift-shadow: 0 24px 70px rgba(65, 45, 33, 0.11);
  --lift-radius-sm: 14px;
  --lift-radius-md: 24px;
  --lift-radius-lg: 38px;
  --lift-serif: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  --lift-sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;
}

.lift-page,
:where(
  .lift-header,
  .lift-hero,
  .lift-overview,
  .lift-needs,
  .lift-line-analysis,
  .lift-concept,
  .lift-treatments,
  .lift-maintenance,
  .lift-final,
  .lift-footer
) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
}

.lift-page {
  display: block !important;
  overflow: clip;
  columns: auto !important;
  background: var(--lift-paper);
  color: var(--lift-ink);
  font-family: var(--lift-sans);
  font-size: 16px;
  line-height: 1.85;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.lift-page *,
.lift-page *::before,
.lift-page *::after {
  box-sizing: border-box;
}

.lift-page :is(h1, h2, h3, h4) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

.lift-page :is(h1, h2, h3, h4)::before,
.lift-page :is(h1, h2, h3, h4)::after {
  display: none !important;
  content: none !important;
}

.lift-page img,
.lift-page svg {
  display: block;
  max-width: 100%;
}

.lift-page a {
  color: inherit;
  text-decoration: none;
}

.lift-part-mount {
  display: contents;
}

.lift-container {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

.lift-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: var(--lift-clay-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.lift-eyebrow::before {
  width: 28px;
  height: 1px;
  background: currentColor;
  content: "";
}

.lift-heading {
  color: var(--lift-ink) !important;
  font-family: var(--lift-serif) !important;
  font-size: clamp(34px, 4vw, 46px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.42 !important;
  white-space: nowrap !important;
}

.lift-lead {
  color: var(--lift-ink-soft);
  font-size: clamp(16px, 1.7vw, 19px);
  line-height: 2;
}

.lift-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--lift-clay-dark);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.lift-button::after {
  content: "→";
  font-family: Georgia, serif;
  font-size: 18px;
}

.lift-button:hover {
  transform: translateY(-2px);
  background: #563529;
  box-shadow: 0 12px 28px rgba(84, 50, 38, 0.22);
}

.lift-button:focus-visible,
.lift-page a:focus-visible,
.lift-page summary:focus-visible {
  outline: 3px solid #d8a271;
  outline-offset: 4px;
}

.lift-skip-link {
  position: fixed;
  z-index: 9999;
  top: 12px;
  left: 12px;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--lift-ink);
  color: #fff !important;
  transform: translateY(-160%);
  transition: transform 150ms ease;
}

.lift-skip-link:focus {
  transform: translateY(0);
}

@media (max-width: 720px) {
  .lift-page {
    font-size: 15px;
  }

  .lift-container {
    width: min(100% - 32px, 1120px);
  }

  .lift-heading {
    font-size: clamp(30px, 10vw, 42px) !important;
    white-space: normal !important;
  }

  .lift-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lift-page *,
  .lift-page *::before,
  .lift-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
/* ==========================================
   リフトアップページ
   WordPress・Cocoon競合修正
========================================== */

/* WordPress側に既存ヘッダー・フッターがあるため非表示 */
.lift-header,
.lift-footer {
  display: none !important;
}

/* 各セクションを横幅100％・1列表示に固定 */
:is(
  .lift-hero,
  .lift-overview,
  .lift-needs,
  .lift-line-analysis,
  .lift-concept,
  .lift-treatments,
  .lift-maintenance,
  .lift-final
) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
  columns: auto !important;
}

/* Cocoonのh1・h2・h3・h4装飾を解除 */
:is(
  .lift-hero,
  .lift-overview,
  .lift-needs,
  .lift-line-analysis,
  .lift-concept,
  .lift-treatments,
  .lift-maintenance,
  .lift-final
) :is(h1, h2, h3, h4) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Cocoonが見出しへ追加する疑似要素を解除 */
:is(
  .lift-hero,
  .lift-overview,
  .lift-needs,
  .lift-line-analysis,
  .lift-concept,
  .lift-treatments,
  .lift-maintenance,
  .lift-final
) :is(h1, h2, h3, h4)::before,
:is(
  .lift-hero,
  .lift-overview,
  .lift-needs,
  .lift-line-analysis,
  .lift-concept,
  .lift-treatments,
  .lift-maintenance,
  .lift-final
) :is(h1, h2, h3, h4)::after {
  display: none !important;
  content: none !important;
}

/* カード見出しの本来の余白を戻す */
.lift-overview__concerns h3,
.lift-needs__grid h3 {
  margin-top: 44px !important;
}

.lift-concept__steps h3 {
  margin-top: 52px !important;
}

.lift-treatment-card h3 {
  margin-top: 54px !important;
}

/* たるみページここまで */

/*   AN CLINIC MENU / 共通スタイル　ここから*/
.an-menu-page,
.an-menu-page * {
  box-sizing: border-box;
}

.an-menu-page {
  --an-ink: #302b27;
  --an-sub: #756d66;
  --an-cream: #f7f4ef;
  --an-sand: #e8e0d8;
  --an-taupe: #a68e7b;
  --an-deep: #352d29;
  --an-white: #fffdf9;
  --an-line: #d9d0c8;
  width: 100%;
  margin: 0;
  color: var(--an-ink);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

.an-menu-page img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.an-menu-page a {
  color: inherit;
  text-decoration: none;
}

.an-menu-page h1,
.an-menu-page h2,
.an-menu-page h3,
.an-menu-page p,
.an-menu-page figure,
.an-menu-page ul {
  margin: 0;
}

.an-menu-page ul {
  padding: 0;
  list-style: none;
}

.an-menu-container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.an-menu-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px !important;
  color: var(--an-taupe);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.an-menu-kicker::before {
  width: 32px;
  height: 1px;
  background: currentColor;
  content: "";
}

.an-menu-title {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(34px, 4.6vw, 64px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.08em;
}

.an-menu-lead {
  max-width: 640px;
  color: var(--an-sub);
  font-size: 15px;
}

.an-menu-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 14px 28px;
  border: 1px solid var(--an-deep);
  background: var(--an-deep);
  color: var(--an-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.09em;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.an-menu-button:hover {
  background: transparent;
  color: var(--an-deep) !important;
  transform: translateY(-2px);
}

.an-menu-text-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-block: 8px;
  border-bottom: 1px solid currentColor;
  font-size: 13px;
  font-weight: 700;
}

.an-menu-photo {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ddd3ca, #f3ece6);
}

.an-menu-photo img {
  transition: transform 0.7s ease;
}

.an-menu-photo:hover img {
  transform: scale(1.025);
}

.an-menu-photo figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 8px 12px;
  background: rgba(48, 43, 39, 0.78);
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.12em;
}

@media (max-width: 720px) {
  .an-menu-page {
    font-size: 15px;
  }

  .an-menu-container {
    width: min(100% - 32px, 1180px);
  }

  .an-menu-title {
    font-size: clamp(32px, 10vw, 46px);
  }

  .an-menu-button {
    width: 100%;
  }
}

/* Cocoonの見出し装飾を解除 */
.an-menu-page .an-menu-chapter__head h3,
.an-menu-page .an-menu-service h4 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.an-menu-page .an-menu-chapter__head h3::before,
.an-menu-page .an-menu-chapter__head h3::after,
.an-menu-page .an-menu-service h4::before,
.an-menu-page .an-menu-service h4::after {
  display: none !important;
  content: none !important;
}

/* 濃色背景の見出しを明るく */
.an-menu-page .an-menu-chapter--deep h3,
.an-menu-page .an-menu-chapter--deep h4,
.an-menu-page .an-menu-chapter--warm h3,
.an-menu-page .an-menu-chapter--warm h4 {
  color: #E5E0D3 !important;
}

/* 明るい背景の見出し */
.an-menu-page .an-menu-chapter--light h3,
.an-menu-page .an-menu-chapter--light h4 {
  color: #302b27 !important;
}

/* COMFORT & WELLNESS部分を濃い文字に */
.an-menu-page .an-menu-chapter--warm {
  color: #3b302b !important;
}

.an-menu-page .an-menu-chapter--warm .an-menu-chapter__head h3,
.an-menu-page .an-menu-chapter--warm .an-menu-service h4,
.an-menu-page .an-menu-chapter--warm .an-menu-service p,
.an-menu-page .an-menu-chapter--warm .an-menu-service a,
.an-menu-page .an-menu-chapter--warm .an-menu-chapter__head small,
.an-menu-page .an-menu-chapter--warm .an-menu-chapter__head > span,
.an-menu-page .an-menu-chapter--warm .an-menu-service > span {
  color: #3b302b !important;
}

/* 区切り線も濃い色へ */
.an-menu-page .an-menu-chapter--warm .an-menu-service {
  border-color: rgba(59, 48, 43, 0.25) !important;
}

/* 料金・治療前確認ブロックの見出しを整える */
.an-menu-page .an-menu-info h2 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.an-menu-page .an-menu-info h2::before,
.an-menu-page .an-menu-info h2::after {
  display: none !important;
  content: none !important;
}

/* 左側・料金見出し */
.an-menu-page .an-menu-info__price h2 {
  color: #fffdf9 !important;
}

/* 左側・説明文も少し明るく */
.an-menu-page .an-menu-info__price > p:not(.an-menu-kicker) {
  color: rgba(255, 253, 249, 0.78) !important;
}

/* 右側は濃いブラウン */
.an-menu-page .an-menu-info__safety h2 {
  color: #3b302b !important;
}
/*   AN CLINIC MENU / 共通スタイル　ここまで*/


/*    AN CLINIC BOTOX LP / 共通スタイル ここから*/
.an-botox-page,
.an-botox-page * {
  box-sizing: border-box;
}

.an-botox-page {
  --bt-ink: #302b27;
  --bt-sub: #746b64;
  --bt-cream: #f7f4ef;
  --bt-sand: #e8dfd6;
  --bt-taupe: #a68e7b;
  --bt-warm: #b49c8b;
  --bt-deep: #352d29;
  --bt-white: #fffdf9;
  --bt-line: #d9d0c8;
  width: 100%;
  margin: 0;
  color: var(--bt-ink);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

/* WordPressテーマ側の見出し装飾を解除 */
.an-botox-page h1,
.an-botox-page h2,
.an-botox-page h3,
.an-botox-page h4,
.an-botox-page h5,
.an-botox-page h6 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.an-botox-page h1::before,
.an-botox-page h1::after,
.an-botox-page h2::before,
.an-botox-page h2::after,
.an-botox-page h3::before,
.an-botox-page h3::after,
.an-botox-page h4::before,
.an-botox-page h4::after,
.an-botox-page h5::before,
.an-botox-page h5::after,
.an-botox-page h6::before,
.an-botox-page h6::after {
  display: none !important;
  content: none !important;
}

.an-botox-page p,
.an-botox-page figure,
.an-botox-page ul,
.an-botox-page ol,
.an-botox-page dl,
.an-botox-page dd {
  margin: 0;
}

.an-botox-page ul,
.an-botox-page ol {
  padding: 0;
  list-style: none;
}

.an-botox-page img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.an-botox-page a {
  color: inherit;
  text-decoration: none;
}

.an-botox-container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.an-botox-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px !important;
  color: var(--bt-taupe);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.an-botox-kicker::before {
  display: block !important;
  width: 32px;
  height: 1px;
  background: currentColor;
  content: "" !important;
}

.an-botox-title {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(34px, 4.5vw, 62px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.an-botox-lead {
  max-width: 650px;
  color: var(--bt-sub);
  font-size: 14px;
}

.an-botox-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 14px 28px;
  border: 1px solid var(--bt-deep);
  background: var(--bt-deep);
  color: var(--bt-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.an-botox-button:hover {
  background: transparent;
  color: var(--bt-deep) !important;
  transform: translateY(-2px);
}

.an-botox-text-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-block: 7px;
  border-bottom: 1px solid currentColor;
  font-size: 12px;
  font-weight: 700;
}

.an-botox-photo {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ddd3ca, #f3ece6);
}

.an-botox-photo img {
  transition: transform 0.7s ease;
}

.an-botox-photo:hover img {
  transform: scale(1.025);
}

.an-botox-photo figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 8px 12px;
  background: rgba(48, 43, 39, 0.8);
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.12em;
}

@media (max-width: 720px) {
  .an-botox-page {
    font-size: 15px;
  }

  .an-botox-container {
    width: min(100% - 32px, 1180px);
  }

  .an-botox-title {
    font-size: clamp(32px, 10vw, 45px);
  }

  .an-botox-button {
    width: 100%;
  }
}


/*    AN CLINIC BOTOX LP / 共通スタイル ここまで*/


/*  AN CLINIC MORPHEUS8 ここから*/
.an-m8-page,
.an-m8-page * {
  box-sizing: border-box;
}

.an-m8-page {
  --m8-ink: #302b27;
  --m8-sub: #746b64;
  --m8-cream: #f7f4ef;
  --m8-sand: #e8dfd6;
  --m8-taupe: #a68e7b;
  --m8-rose: #b7837b;
  --m8-deep: #352d29;
  --m8-white: #fffdf9;
  --m8-line: #d9d0c8;
  width: 100%;
  margin: 0;
  color: var(--m8-ink);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

/* Cocoon・WordPressテーマ側の見出し装飾を解除 */
.an-m8-page h1,
.an-m8-page h2,
.an-m8-page h3,
.an-m8-page h4,
.an-m8-page h5,
.an-m8-page h6 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.an-m8-page h1::before,
.an-m8-page h1::after,
.an-m8-page h2::before,
.an-m8-page h2::after,
.an-m8-page h3::before,
.an-m8-page h3::after,
.an-m8-page h4::before,
.an-m8-page h4::after,
.an-m8-page h5::before,
.an-m8-page h5::after,
.an-m8-page h6::before,
.an-m8-page h6::after {
  display: none !important;
  content: none !important;
}

.an-m8-page p,
.an-m8-page figure,
.an-m8-page ul,
.an-m8-page ol,
.an-m8-page dl,
.an-m8-page dd {
  margin: 0;
}

.an-m8-page ul,
.an-m8-page ol {
  padding: 0;
  list-style: none;
}

.an-m8-page img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.an-m8-page a {
  color: inherit;
  text-decoration: none;
}

.an-m8-page table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.an-m8-container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.an-m8-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px !important;
  color: var(--m8-taupe);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.an-m8-kicker::before {
  display: block !important;
  width: 32px;
  height: 1px;
  background: currentColor;
  content: "" !important;
}

.an-m8-title {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(34px, 4.5vw, 62px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.an-m8-lead {
  max-width: 650px;
  color: var(--m8-sub);
  font-size: 14px;
}

.an-m8-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 14px 28px;
  border: 1px solid var(--m8-deep);
  background: var(--m8-deep);
  color: var(--m8-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.an-m8-button:hover {
  background: transparent;
  color: var(--m8-deep) !important;
  transform: translateY(-2px);
}

.an-m8-button--light {
  border-color: var(--m8-white);
  background: var(--m8-white);
  color: var(--m8-deep) !important;
}

.an-m8-button--light:hover {
  background: transparent;
  color: var(--m8-white) !important;
}

.an-m8-photo {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #d7ccc2, #f3ece6);
}

.an-m8-photo img {
  transition: transform 0.7s ease;
}

.an-m8-photo:hover img {
  transform: scale(1.025);
}

.an-m8-photo figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 8px 12px;
  background: rgba(48, 43, 39, 0.82);
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.12em;
}

@media (max-width: 720px) {
  .an-m8-page { font-size: 15px; }
  .an-m8-container { width: min(100% - 32px, 1180px); }
  .an-m8-title { font-size: clamp(32px, 10vw, 45px); }
  .an-m8-button { width: 100%; }
}

.an-m8-mechanism__photo {
  display: grid;
  place-items: center;
  background: #fff;
}

.an-m8-mechanism__photo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

.an-m8-mechanism__photo:hover img {
  transform: none !important;
}

/*  AN CLINIC MORPHEUS8 ここまで*/


/*    AN CLINIC ANESTHESIA PAGE / 共通スタイル ここから*/

.an-ane-page,
.an-ane-page * {
  box-sizing: border-box;
}

.an-ane-page {
  --ane-ink: #302b27;
  --ane-sub: #746b64;
  --ane-cream: #f7f4ef;
  --ane-sand: #e8dfd6;
  --ane-taupe: #a68e7b;
  --ane-rose: #b7837b;
  --ane-deep: #352d29;
  --ane-white: #fffdf9;
  --ane-line: #d9d0c8;
  --ane-green: #7f8878;
  width: 100%;
  margin: 0;
  color: var(--ane-ink);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

/* Cocoon・WordPressテーマ側の見出し装飾を解除 */
.an-ane-page h1,
.an-ane-page h2,
.an-ane-page h3,
.an-ane-page h4,
.an-ane-page h5,
.an-ane-page h6 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.an-ane-page h1::before,
.an-ane-page h1::after,
.an-ane-page h2::before,
.an-ane-page h2::after,
.an-ane-page h3::before,
.an-ane-page h3::after,
.an-ane-page h4::before,
.an-ane-page h4::after,
.an-ane-page h5::before,
.an-ane-page h5::after,
.an-ane-page h6::before,
.an-ane-page h6::after {
  display: none !important;
  content: none !important;
}

.an-ane-page p,
.an-ane-page figure,
.an-ane-page ul,
.an-ane-page ol,
.an-ane-page dl,
.an-ane-page dd {
  margin: 0;
}

.an-ane-page ul,
.an-ane-page ol {
  padding: 0;
  list-style: none;
}

.an-ane-page img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
}

.an-ane-page a {
  color: inherit;
  text-decoration: none;
}

.an-ane-page table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.an-ane-container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.an-ane-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px !important;
  color: var(--ane-taupe);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.an-ane-kicker::before {
  display: block !important;
  width: 32px;
  height: 1px;
  background: currentColor;
  content: "" !important;
}

.an-ane-title {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(34px, 4.5vw, 62px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.an-ane-lead {
  max-width: 650px;
  color: var(--ane-sub);
  font-size: 14px;
}

.an-ane-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 14px 28px;
  border: 1px solid var(--ane-deep);
  background: var(--ane-deep);
  color: var(--ane-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.an-ane-button:hover {
  background: transparent;
  color: var(--ane-deep) !important;
  transform: translateY(-2px);
}

.an-ane-button--light {
  border-color: var(--ane-white);
  background: var(--ane-white);
  color: var(--ane-deep) !important;
}

.an-ane-button--light:hover {
  background: transparent;
  color: var(--ane-white) !important;
}

.an-ane-photo {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #d7ccc2, #f3ece6);
}

.an-ane-photo img {
  transition: transform 0.7s ease;
}

.an-ane-photo:hover img {
  transform: scale(1.025);
}

.an-ane-photo figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 8px 12px;
  background: rgba(48, 43, 39, 0.82);
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.12em;
}

.an-ane-note {
  color: var(--ane-sub);
  font-size: 11px;
  line-height: 1.8;
}

@media (max-width: 720px) {
  .an-ane-page { font-size: 15px; }
  .an-ane-container { width: min(100% - 32px, 1180px); }
  .an-ane-title { font-size: clamp(32px, 10vw, 45px); }
  .an-ane-button { width: 100%; }
}



/*    AN CLINIC ANESTHESIA PAGE / 共通スタイル ここまで*/


/*    AN CLINIC SHORT THREAD ここから */
.an-st-lp,
.an-st-lp * {
  box-sizing: border-box;
}

.an-st-lp {
  --st-paper: #f7f4ef;
  --st-white: #fffdf9;
  --st-ink: #302b27;
  --st-sub: #756d66;
  --st-line: #ded6cf;
  --st-accent: #a68e7b;
  --st-light: #eee5dd;
  --st-dark: #342e2a;
  --st-olive: #5f6239;
  --st-rose: #b86f60;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: var(--st-ink);
  background: var(--st-paper);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .035em;
}

.an-st-lp img {
  display: block;
  width: 100%;
}

.an-st-lp a {
  color: inherit;
  text-decoration: none;
}

.an-st-inner {
  width: min(80%, 1180px);
  margin-inline: auto;
}

.an-st-section {
  position: relative;
  padding: clamp(72px, 8vw, 116px) 0;
}

.an-st-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 20px;
  color: var(--st-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.an-st-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

.an-st-title {
  margin: 0;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(32px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: .08em;
}

.an-st-lead {
  margin: 24px 0 0;
  color: var(--st-sub);
  font-size: 15px;
  line-height: 2.05;
}

.an-st-button {
  display: inline-flex;
  min-width: 240px;
  min-height: 62px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 16px 26px;
  border: 1px solid var(--st-dark);
  background: var(--st-dark);
  color: var(--st-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  transition: .25s ease;
}

.an-st-button::after {
  content: "↗";
  font-size: 15px;
}

.an-st-button:hover {
  background: transparent;
  color: var(--st-dark) !important;
}

.an-st-note {
  color: var(--st-sub);
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .an-st-lp {
    font-size: 15px;
  }

  .an-st-inner {
    width: 90%;
  }

  .an-st-section {
    padding: 68px 0;
  }

  .an-st-title {
    font-size: clamp(29px, 9vw, 40px);
    line-height: 1.5;
  }

  .an-st-button {
    width: 100%;
    min-width: 0;
  }
}


.an-st-difference__card h3 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.an-st-difference__card--short h3,
.an-st-difference__card--short li {
  color: #eee7e1 !important;
}

.an-st-difference__card--long h3,
.an-st-difference__card--long li {
  color: #534a43 !important;
}

/*    AN CLINIC SHORT THREAD ここまで */




/*    AN CLINIC SHORT THREAD ここから */
.an-st-lp,
.an-st-lp * {
  box-sizing: border-box;
}

.an-st-lp {
  --st-paper: #f7f4ef;
  --st-white: #fffdf9;
  --st-ink: #302b27;
  --st-sub: #756d66;
  --st-line: #ded6cf;
  --st-accent: #a68e7b;
  --st-light: #eee5dd;
  --st-dark: #342e2a;
  --st-olive: #5f6239;
  --st-rose: #b86f60;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: var(--st-ink);
  background: var(--st-paper);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .035em;
}

.an-st-lp img {
  display: block;
  width: 100%;
}

.an-st-lp a {
  color: inherit;
  text-decoration: none;
}

.an-st-inner {
  width: min(80%, 1180px);
  margin-inline: auto;
}

.an-st-section {
  position: relative;
  padding: clamp(72px, 8vw, 116px) 0;
}

.an-st-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 20px;
  color: var(--st-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.an-st-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

.an-st-title {
  margin: 0;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(32px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: .08em;
}

.an-st-lead {
  margin: 24px 0 0;
  color: var(--st-sub);
  font-size: 15px;
  line-height: 2.05;
}

.an-st-button {
  display: inline-flex;
  min-width: 240px;
  min-height: 62px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 16px 26px;
  border: 1px solid var(--st-dark);
  background: var(--st-dark);
  color: var(--st-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  transition: .25s ease;
}

.an-st-button::after {
  content: "↗";
  font-size: 15px;
}

.an-st-button:hover {
  background: transparent;
  color: var(--st-dark) !important;
}

.an-st-note {
  color: var(--st-sub);
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .an-st-lp {
    font-size: 15px;
  }

  .an-st-inner {
    width: 90%;
  }

  .an-st-section {
    padding: 68px 0;
  }

  .an-st-title {
    font-size: clamp(29px, 9vw, 40px);
    line-height: 1.5;
  }

  .an-st-button {
    width: 100%;
    min-width: 0;
  }
}


.an-st-difference__card h3 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.an-st-difference__card--short h3,
.an-st-difference__card--short li {
  color: #eee7e1 !important;
}

.an-st-difference__card--long h3,
.an-st-difference__card--long li {
  color: #534a43 !important;
}

/*    AN CLINIC SHORT THREAD ここまで */


/*    AN CLINIC THREAD LIFT / COMMON CSSここから*/
.an-tl-lp,
.an-tl-lp * {
  box-sizing: border-box;
}

.an-tl-lp {
  --tl-paper: #f7f4ef;
  --tl-white: #fffdf9;
  --tl-ink: #302b27;
  --tl-sub: #756d66;
  --tl-line: #ded6cf;
  --tl-accent: #a68e7b;
  --tl-light: #eee5dd;
  --tl-dark: #342e2a;
  --tl-olive: #5f6239;
  --tl-rose: #b86f60;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: var(--tl-ink);
  background: var(--tl-paper);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .035em;
}

.an-tl-lp img {
  display: block;
  width: 100%;
}

.an-tl-lp a {
  color: inherit;
  text-decoration: none;
}

/* WordPressテーマ側の見出し装飾を、このページ内だけリセット */
.an-tl-lp h1,
.an-tl-lp h2,
.an-tl-lp h3 {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit;
}

.an-tl-inner {
  width: min(80%, 1180px);
  margin-inline: auto;
}

.an-tl-section {
  position: relative;
  padding: clamp(72px, 8vw, 116px) 0;
}

.an-tl-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 20px;
  color: var(--tl-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.an-tl-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

.an-tl-title {
  margin: 0;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(32px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: .08em;
}

.an-tl-lead {
  margin: 24px 0 0;
  color: var(--tl-sub);
  font-size: 15px;
  line-height: 2.05;
}

.an-tl-button {
  display: inline-flex;
  min-width: 240px;
  min-height: 62px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 16px 26px;
  border: 1px solid var(--tl-dark);
  background: var(--tl-dark);
  color: var(--tl-white) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  transition: .25s ease;
}

.an-tl-button::after {
  content: "↗";
  font-size: 15px;
}

.an-tl-button:hover {
  background: transparent;
  color: var(--tl-dark) !important;
}

.an-tl-note {
  color: var(--tl-sub);
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .an-tl-lp {
    font-size: 15px;
  }

  .an-tl-inner {
    width: 90%;
  }

  .an-tl-section {
    padding: 68px 0;
  }

  .an-tl-title {
    font-size: clamp(29px, 9vw, 40px);
    line-height: 1.5;
  }

  .an-tl-button {
    width: 100%;
    min-width: 0;
  }
}



/*    AN CLINIC THREAD LIFT / COMMON CSSここまで*/


/* ==================================================
   AN CLINIC LINE PAGE / COMMON CSS
   最初に1回だけ追加してください
================================================== */
.an-line-lp,
.an-line-lp * {
  box-sizing: border-box;
}

.an-line-lp {
  --ln-paper: #f7f4ef;
  --ln-white: #fffdf9;
  --ln-ink: #302b27;
  --ln-sub: #756d66;
  --ln-line: #ded6cf;
  --ln-accent: #a68e7b;
  --ln-light: #eee5dd;
  --ln-dark: #342e2a;
  --ln-olive: #5f6239;
  --ln-rose: #b86f60;
  --ln-green: #6fbf73;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: var(--ln-ink);
  background: var(--ln-paper);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .035em;
}

.an-line-lp img {
  display: block;
  width: 100%;
}

.an-line-lp a {
  color: inherit;
  text-decoration: none;
}

/* WordPressテーマ側の見出し装飾を、このページ内だけリセット */
.an-line-lp h1,
.an-line-lp h2,
.an-line-lp h3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit;
}

.an-line-lp h1::before,
.an-line-lp h1::after,
.an-line-lp h2::before,
.an-line-lp h2::after,
.an-line-lp h3::before,
.an-line-lp h3::after {
  display: none !important;
  content: none !important;
}

.an-line-inner {
  width: min(82%, 1180px);
  margin-inline: auto;
}

.an-line-section {
  position: relative;
  padding: clamp(74px, 8vw, 116px) 0;
}

.an-line-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 20px;
  color: var(--ln-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.an-line-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

.an-line-title {
  margin: 0 !important;
  color: inherit !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: .075em;
}

.an-line-lead {
  margin: 24px 0 0;
  color: var(--ln-sub);
  font-size: 14px;
  line-height: 2.05;
}

.an-line-button {
  display: inline-flex;
  min-width: 250px;
  min-height: 64px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 28px;
  border: 1px solid #4f8955;
  background: #5b9d62;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  transition: .25s ease;
}

.an-line-button::before {
  content: "LINE";
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: .08em;
}

.an-line-button::after {
  content: "↗";
  font-size: 15px;
}

.an-line-button:hover {
  transform: translateY(-2px);
  background: #4f8955;
}

.an-line-note {
  color: var(--ln-sub);
  font-size: 11px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .an-line-lp { font-size: 15px; }
  .an-line-inner { width: 90%; }
  .an-line-section { padding: 68px 0; }
  .an-line-title { font-size: clamp(29px, 9vw, 40px); }
  .an-line-button { width: 100%; min-width: 0; }
}





/* =========================================================
   AN CLINIC TOP｜共通CSS
   このCSSは最初に1回だけ追加してください
========================================================= */
.an-top-page {
  --an-ink: #352d29;
  --an-deep: #2f2824;
  --an-deep-2: #413733;
  --an-olive: #5b5b38;
  --an-rose: #b97969;
  --an-beige: #d5c0b0;
  --an-cream: #f6f2ec;
  --an-paper: #fbf9f5;
  --an-line: rgba(53, 45, 41, .16);
  position: relative;
  width: 100vw;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  color: var(--an-ink);
  background: var(--an-paper);
  overflow: hidden;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  -webkit-font-smoothing: antialiased;
}

.an-top-page,
.an-top-page * {
  box-sizing: border-box;
}

.an-top-page h1,
.an-top-page h2,
.an-top-page h3,
.an-top-page h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: inherit !important;
  font-family: inherit !important;
}

.an-top-page p,
.an-top-page figure,
.an-top-page ul,
.an-top-page ol {
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  background: none;
  color: inherit;
}

.an-top-page h1::before,
.an-top-page h1::after,
.an-top-page h2::before,
.an-top-page h2::after,
.an-top-page h3::before,
.an-top-page h3::after {
  content: none !important;
  display: none !important;
}

.an-top-page a {
  color: inherit;
  text-decoration: none;
}

.an-top-page img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  border: 0;
}

.an-top-page ul,
.an-top-page ol {
  list-style: none;
}

.an-top-page p,
.an-top-page li,
.an-top-page a {
  font-size: 15px;
  line-height: 2;
}

.an-top-inner {
  width: min(88%, 1180px);
  margin-inline: auto;
}

.an-top-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.an-top-eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: currentColor;
  opacity: .65;
}

.an-top-heading {
  font-size: clamp(32px, 4.1vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: .06em !important;
}

.an-top-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-width: 220px;
  padding: 13px 20px 13px 24px;
  border: 1px solid currentColor;
  font-size: 16px !important;
  letter-spacing: .08em;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.an-top-button::after {
  content: "↗";
  font-family: Georgia, serif;
  font-size: 17px;
}

.an-top-button--line {
  color: #fff;
  border-color: #706f48;
  background: #706f48;
}

.an-top-button--line:hover {
  color: #fff;
  border-color: #5b5b38;
  background: #5b5b38;
}

.an-top-button--light {
  color: var(--an-deep);
  border-color: var(--an-cream);
  background: var(--an-cream);
}

.an-top-button--light:hover {
  color: var(--an-cream);
  border-color: var(--an-cream);
  background: transparent;
}

.an-top-button--outline:hover {
  color: var(--an-paper);
  background: var(--an-deep);
}

@media (max-width: 900px) {
  .an-top-inner {
    width: min(90%, 680px);
  }
}

@media (max-width: 640px) {
  .an-top-page p,
  .an-top-page li,
  .an-top-page a {
    font-size: 16px;
    line-height: 1.9;
  }

  .an-top-button {
    width: 100%;
    min-width: 0;
  }

  .an-top-heading {
    font-size: clamp(29px, 9vw, 40px) !important;
  }
}
/*　TOPCSSここまで*/

/* =========================================================
   AN CLINIC 美肌治療｜共通CSS
   このCSSはページ内に1回だけ追加してください
========================================================= */
.an-skin-page {
  --skin-ink: #3b302b;
  --skin-deep: #332a26;
  --skin-deep-2: #433833;
  --skin-olive: #51502c;
  --skin-rose: #b97866;
  --skin-sand: #d6beac;
  --skin-cream: #f7f1e8;
  --skin-paper: #fcfaf6;
  --skin-stone: #e7e0d7;
  --skin-line: rgba(59, 48, 43, .17);
  position: relative;
  width: 100vw;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  color: var(--skin-ink);
  background: var(--skin-paper);
  overflow: hidden;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  -webkit-font-smoothing: antialiased;
}

.an-skin-page,
.an-skin-page * {
  box-sizing: border-box;
}

.an-skin-page h1,
.an-skin-page h2,
.an-skin-page h3,
.an-skin-page h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: inherit !important;
  font-family: inherit !important;
}

.an-skin-page h1::before,
.an-skin-page h1::after,
.an-skin-page h2::before,
.an-skin-page h2::after,
.an-skin-page h3::before,
.an-skin-page h3::after,
.an-skin-page h4::before,
.an-skin-page h4::after {
  content: none !important;
  display: none !important;
}

.an-skin-page p,
.an-skin-page figure,
.an-skin-page ul,
.an-skin-page ol,
.an-skin-page dl,
.an-skin-page dd {
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  background: none;
  color: inherit;
}

.an-skin-page ul,
.an-skin-page ol {
  list-style: none;
}

.an-skin-page a {
  color: inherit;
  text-decoration: none;
}

.an-skin-page img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  border: 0;
}

.an-skin-page p,
.an-skin-page li,
.an-skin-page dd,
.an-skin-page a {
  font-size: 16px;
  line-height: 2;
}

.an-skin-inner {
  width: min(88%, 1180px);
  margin-inline: auto;
}

.an-skin-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.an-skin-eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: currentColor;
  opacity: .65;
}

.an-skin-heading {
  font-size: clamp(33px, 4.1vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: .06em !important;
}

.an-skin-button {
  display: inline-flex;
  min-width: 224px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 13px 20px 13px 24px;
  border: 1px solid currentColor;
  font-size: 14px !important;
  letter-spacing: .08em;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.an-skin-button::after {
  content: "↗";
  font-family: Georgia, serif;
  font-size: 17px;
}

.an-skin-button--line {
  color: #fff;
  border-color: #6fbf73;
  background: #6fbf73;
}

.an-skin-button--line:hover {
  border-color: #589d5d;
  background: #589d5d;
}

.an-skin-button--light {
  color: var(--skin-deep);
  border-color: var(--skin-cream);
  background: var(--skin-cream);
}

.an-skin-button--light:hover {
  color: var(--skin-cream);
  background: transparent;
}

.an-skin-button--outline:hover {
  color: var(--skin-paper);
  background: var(--skin-deep);
}

@media (max-width: 900px) {
  .an-skin-inner {
    width: min(90%, 680px);
  }
}

@media (max-width: 640px) {
  .an-skin-page p,
  .an-skin-page li,
  .an-skin-page dd,
  .an-skin-page a {
    font-size: 16px;
    line-height: 1.95;
  }

  .an-skin-heading {
    font-size: clamp(29px, 9vw, 40px) !important;
  }

  .an-skin-button {
    width: 100%;
    min-width: 0;
  }
}
/*美肌ここまで*/



/* =========================================================
   AN CLINIC Morpheus8 LP｜共通CSS
   このCSSはページ内に1回だけ追加してください
========================================================= */
.an-morph-page {
  --morph-ink: #342d29;
  --morph-deep: #302925;
  --morph-deep-2: #443a35;
  --morph-greige: #7b6d65;
  --morph-rose: #b98373;
  --morph-gold: #c8ab8f;
  --morph-cream: #f4eee7;
  --morph-paper: #fcfaf6;
  --morph-mist: #e9e3dd;
  --morph-line: rgba(52, 45, 41, .18);
  position: relative;
  width: 100vw;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  overflow: hidden;
  color: var(--morph-ink);
  background: var(--morph-paper);
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  -webkit-font-smoothing: antialiased;
}

.an-morph-page,
.an-morph-page * { box-sizing: border-box; }

.an-morph-page h1,
.an-morph-page h2,
.an-morph-page h3,
.an-morph-page h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: inherit !important;
  font-family: inherit !important;
}

.an-morph-page h1::before,
.an-morph-page h1::after,
.an-morph-page h2::before,
.an-morph-page h2::after,
.an-morph-page h3::before,
.an-morph-page h3::after,
.an-morph-page h4::before,
.an-morph-page h4::after {
  content: none !important;
  display: none !important;
}

.an-morph-page p,
.an-morph-page figure,
.an-morph-page figcaption,
.an-morph-page ul,
.an-morph-page ol,
.an-morph-page dl,
.an-morph-page dt,
.an-morph-page dd {
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  background: none;
  color: inherit;
}

.an-morph-page ul,
.an-morph-page ol { list-style: none; }
.an-morph-page a { color: inherit; text-decoration: none; }

.an-morph-page img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  border: 0;
}

.an-morph-page p,
.an-morph-page li,
.an-morph-page dt,
.an-morph-page dd,
.an-morph-page a,
.an-morph-page button,
.an-morph-page summary,
.an-morph-page figcaption,
.an-morph-page small {
  font-size: 16px;
  line-height: 2;
}

.an-morph-inner { width: min(80%, 1180px); margin-inline: auto; }

.an-morph-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px !important;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.an-morph-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
  opacity: .65;
}

.an-morph-heading {
  font-size: clamp(34px, 4.2vw, 60px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: .06em !important;
}

.an-morph-button {
  display: inline-flex;
  width: min(100%, 500px);
  min-height: 60px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 22px 14px 26px;
  border: 1px solid currentColor;
  border-radius: 14px;
  font-size: 16px !important;
  letter-spacing: .06em;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.an-morph-button::after { content: "↗"; font-family: Georgia, serif; font-size: 18px; }
.an-morph-button:hover { transform: translateY(-2px); }
.an-morph-button--line { color: #fff; border-color: #6b493d; background: #6b493d; box-shadow: 0 12px 30px rgba(107, 73, 61, .18); }
.an-morph-button--line:hover { background: #54382f; }
.an-morph-button--light { color: var(--morph-deep); border-color: var(--morph-cream); background: var(--morph-cream); }
.an-morph-button--outline:hover { color: var(--morph-paper); background: var(--morph-deep); }

@media (max-width: 760px) {
  .an-morph-page p,
  .an-morph-page li,
  .an-morph-page dt,
  .an-morph-page dd,
  .an-morph-page a,
  .an-morph-page button,
  .an-morph-page summary,
  .an-morph-page figcaption,
  .an-morph-page small { font-size: 16px; line-height: 1.9; }
  .an-morph-inner { width: 80%; }
  .an-morph-heading { font-size: clamp(30px, 9vw, 42px) !important; }
  .an-morph-button { width: 100%; }
}
  /*モフィLPここまで*/

/* =========================================================
   AN CLINIC 二重・目元治療ページ｜共通CSS
   このCSSはページ内に1回だけ追加してください
========================================================= */
.an-eye-page {
  --eye-ink: #3a332f;
  --eye-deep: #312b28;
  --eye-deep-2: #463d38;
  --eye-greige: #756b65;
  --eye-blush: #b88d82;
  --eye-gold: #c8a98a;
  --eye-ivory: #f8f4ee;
  --eye-paper: #fcfaf7;
  --eye-beige: #e9ded5;
  --eye-mist: #f0ebe6;
  --eye-line: rgba(58, 51, 47, .17);
  position: relative;
  width: 100vw;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  overflow: hidden;
  color: var(--eye-ink)
  background: var(--eye-paper);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.an-eye-page,
.an-eye-page * { box-sizing: border-box; }

.an-eye-page h1,
.an-eye-page h2,
.an-eye-page h3,
.an-eye-page h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: inherit !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
}

.an-eye-page h1::before,
.an-eye-page h1::after,
.an-eye-page h2::before,
.an-eye-page h2::after,
.an-eye-page h3::before,
.an-eye-page h3::after,
.an-eye-page h4::before,
.an-eye-page h4::after {
  content: none !important;
  display: none !important;
}

.an-eye-page p,
.an-eye-page figure,
.an-eye-page figcaption,
.an-eye-page ul,
.an-eye-page ol,
.an-eye-page dl,
.an-eye-page dt,
.an-eye-page dd,
.an-eye-page blockquote {
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  background: none;
  color: inherit;
}

.an-eye-page ul,
.an-eye-page ol { list-style: none; }
.an-eye-page a { color: inherit; text-decoration: none; }

.an-eye-page img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  border: 0;
}

.an-eye-page p,
.an-eye-page li,
.an-eye-page dt,
.an-eye-page dd,
.an-eye-page a,
.an-eye-page button,
.an-eye-page summary,
.an-eye-page figcaption,
.an-eye-page small {
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .03em;
}

.an-eye-inner {
  width: min(80%, 1180px);
  margin-inline: auto;
}

.an-eye-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--eye-blush);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}

.an-eye-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: .72;
}

.an-eye-heading {
  font-size: clamp(34px, 4.3vw, 60px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: .065em !important;
}

.an-eye-button {
  display: inline-flex;
  width: min(100%, 500px);
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 22px 14px 26px;
  border: 1px solid currentColor;
  border-radius: 2px;
  font-size: 16px !important;
  letter-spacing: .06em;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}

.an-eye-button::after {
  content: "↗";
  font-family: Georgia, serif;
  font-size: 19px;
}

.an-eye-button:hover { transform: translateY(-2px); }
.an-eye-button--line { color: #fff; border-color: var(--eye-deep); background:#D1D4CF; box-shadow: 0 14px 34px rgba(49, 43, 40, .16); }
.an-eye-button--line:hover { background: var(--eye-deep-2); }
.an-eye-button--light { color: var(--eye-deep); border-color: var(--eye-ivory); background: var(--eye-ivory); }
.an-eye-button--outline:hover { color: var(--eye-paper); background: var(--eye-deep); }

@media (max-width: 760px) {
  .an-eye-page p,
  .an-eye-page li,
  .an-eye-page dt,
  .an-eye-page dd,
  .an-eye-page a,
  .an-eye-page button,
  .an-eye-page summary,
  .an-eye-page figcaption,
  .an-eye-page small { font-size: 16px; line-height: 1.9; }
  .an-eye-inner { width: 80%; }
  .an-eye-heading { font-size: clamp(30px, 9vw, 43px) !important; }
  .an-eye-button { width: 100%; }
}

/*二重ここまで*/
/* =========================================================
   AN CLINIC ヒアルロン酸治療ページ｜共通CSS
   このCSSはページ内に1回だけ追加してください
========================================================= */
.an-ha-page {
  --ha-ink: #3a332f;
  --ha-deep: #302a27;
  --ha-deep-2: #443a35;
  --ha-greige: #756b65;
  --ha-blush: #b58d82;
  --ha-gold: #c7aa8c;
  --ha-ivory: #f8f4ee;
  --ha-paper: #fcfaf7;
  --ha-beige: #e8ddd4;
  --ha-mist: #f0ebe6;
  --ha-line: rgba(58, 51, 47, .17);
  position: relative;
  width: 100vw;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  overflow: hidden;
  color: var(--ha-ink);
  background: var(--ha-paper);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.an-ha-page,
.an-ha-page * { box-sizing: border-box; }

.an-ha-page h1,
.an-ha-page h2,
.an-ha-page h3,
.an-ha-page h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: inherit !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
}

.an-ha-page h1::before,
.an-ha-page h1::after,
.an-ha-page h2::before,
.an-ha-page h2::after,
.an-ha-page h3::before,
.an-ha-page h3::after,
.an-ha-page h4::before,
.an-ha-page h4::after {
  content: none !important;
  display: none !important;
}

.an-ha-page p,
.an-ha-page figure,
.an-ha-page figcaption,
.an-ha-page ul,
.an-ha-page ol,
.an-ha-page dl,
.an-ha-page dt,
.an-ha-page dd,
.an-ha-page blockquote {
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  background: none;
  color: inherit;
}

.an-ha-page ul,
.an-ha-page ol { list-style: none; }
.an-ha-page a { color: inherit; text-decoration: none; }

.an-ha-page img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  border: 0;
}

.an-ha-page p,
.an-ha-page li,
.an-ha-page dt,
.an-ha-page dd,
.an-ha-page a,
.an-ha-page button,
.an-ha-page summary,
.an-ha-page figcaption,
.an-ha-page small {
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .03em;
}

.an-ha-inner {
  width: min(80%, 1180px);
  margin-inline: auto;
}

.an-ha-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--ha-blush);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}

.an-ha-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: .72;
}

.an-ha-heading {
  font-size: clamp(34px, 4.3vw, 60px) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  letter-spacing: .065em !important;
}

.an-ha-button {
  display: inline-flex;
  width: min(100%, 500px);
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 22px 14px 26px;
  border: 1px solid currentColor;
  border-radius: 2px;
  font-size: 16px !important;
  letter-spacing: .06em;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}

.an-ha-button::after { content: "↗"; font-family: Georgia, serif; font-size: 19px; }
.an-ha-button:hover { transform: translateY(-2px); }
.an-ha-button--line { color: #fff; border-color: var(--ha-deep); background: var(--ha-deep); box-shadow: 0 14px 34px rgba(48,42,39,.16); }
.an-ha-button--line:hover { background: var(--ha-deep-2); }
.an-ha-button--light { color: var(--ha-deep); border-color: var(--ha-ivory); background: var(--ha-ivory); }

@media (max-width: 760px) {
  .an-ha-page p,
  .an-ha-page li,
  .an-ha-page dt,
  .an-ha-page dd,
  .an-ha-page a,
  .an-ha-page button,
  .an-ha-page summary,
  .an-ha-page figcaption,
  .an-ha-page small { font-size: 16px; line-height: 1.9; }
  .an-ha-inner { width: 80%; }
  .an-ha-heading { font-size: clamp(30px, 9vw, 43px) !important; }
  .an-ha-button { width: 100%; }
}
/*ヒアルロン酸ここまで*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
/*@media screen and (max-width: 834px){*/
  /*必要ならばここにコードを書く*/
/*834px以下*/
@media screen and (max-width: 767px) {
  .mobile-full-title {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
