/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 21 2025 | 06:03:08 */
/* 無料オンライン相談 */
#feature .p-online_appointment-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#feature .p-online_appointment-hero__media img {
  display: block;
  width: 100%;
  height: auto;
}

/* ZOOMのご利用について */
.p-zoom_main{
  padding: 0;
  background: url("/wp-content/uploads/bg_main.jpg") repeat;
}
.p-zoom_main > .wp-block-columns{
  justify-content: center;
}
.p-zoom_inner-column{
  position:relative;
  max-width: 95%;
  box-sizing: border-box;
  flex: 0 0 auto;
  overflow:visible;
}
.p-zoom_inner-column .img_intro_pc{
	position:absolute;
	top:60px;
	right:5px;
	z-index:999;
}
.p-zoom_inner-column .img_intro_sp{
	position:absolute;
	top:-30px;
	right:5px;
	z-index:999;
}

/* =========================================
   SWELL アンカー風ナビボタン（FA版）
   SP：省略なし＋高さ共通＋上下余白縮小
   追加CSSクラス：
   is-anchorNavBtn -pc / -sp / -alert
========================================= */

.swell-block-button.is-anchorNavBtn{
  width: 100%;
}

/* 色変数 */
.swell-block-button.is-anchorNavBtn.-pc    > .swell-block-button__link{ --btn-color:#0aa6c8; }
.swell-block-button.is-anchorNavBtn.-sp    > .swell-block-button__link{ --btn-color:#f5a623; }
.swell-block-button.is-anchorNavBtn.-alert > .swell-block-button__link{ --btn-color:#ff6fae; }

/* ===============================
   PC（現状維持）
=============================== */
.swell-block-button.is-anchorNavBtn > .swell-block-button__link{
  background:#fff !important;
  box-shadow:none !important;

  border:2px solid var(--btn-color) !important;
  border-radius:12px !important;

  width:100% !important;
  height:92px !important;
  padding:0 !important;

  color:var(--btn-color) !important;
  font-weight:400 !important;
  text-decoration:none !important;

  display:grid !important;
  grid-template-columns:40px 1fr 40px !important;
  grid-template-rows:22px auto !important;
  row-gap:6px !important;

  place-content:center !important;
  justify-items:center !important;

  overflow:hidden !important;
  transition: box-shadow .18s ease, color .18s ease;
}

/* PC文字（2行まで） */
.swell-block-button.is-anchorNavBtn > .swell-block-button__link > span{
  grid-column:2 !important;
  grid-row:2 !important;

  margin:0 !important;
  padding:0 !important;

  text-align:center !important;
  line-height:1.25 !important;
  font-weight:inherit !important;

  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
}

/* span疑似要素を無効 */
.swell-block-button.is-anchorNavBtn > .swell-block-button__link > span::before{
  content:none !important;
  display:none !important;
}

/* Font Awesome アイコン */
.swell-block-button.is-anchorNavBtn > .swell-block-button__link::before{
  grid-column:2 !important;
  grid-row:1 !important;

  width:22px !important;
  height:22px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1 !important;

  color:var(--btn-color) !important;
}

/* アイコン種別 */
.swell-block-button.is-anchorNavBtn.-pc > .swell-block-button__link::before{ content:"\f108"; }
.swell-block-button.is-anchorNavBtn.-sp > .swell-block-button__link::before{ content:"\f3cd"; }
.swell-block-button.is-anchorNavBtn.-alert > .swell-block-button__link::before{ content:"\f06a"; }

/* 矢印（PC） */
.swell-block-button.is-anchorNavBtn > .swell-block-button__link::after{
  content:"" !important;
  grid-column:3 !important;
  grid-row:1 / span 2 !important;

  width:10px !important;
  height:10px !important;
  transform:rotate(45deg) !important;

  border-right:2px solid var(--btn-color) !important;
  border-bottom:2px solid var(--btn-color) !important;

  align-self:center !important;
  justify-self:center !important;
}

/* hover */
.swell-block-button.is-anchorNavBtn > .swell-block-button__link:hover{
  box-shadow:inset 0 0 0 9999px var(--btn-color) !important;
  color:#fff !important;
}
.swell-block-button.is-anchorNavBtn > .swell-block-button__link:hover > span{
  color:#fff !important;
}
.swell-block-button.is-anchorNavBtn > .swell-block-button__link:hover::before{
  color:#fff !important;
}
.swell-block-button.is-anchorNavBtn > .swell-block-button__link:hover::after{
  border-color:#fff !important;
}

/* ===============================
   SP（スマホ：上下余白を縮小）
=============================== */
@media (max-width:767px){

  .swell-block-button.is-anchorNavBtn > .swell-block-button__link{
    grid-template-columns:1fr !important;
    grid-template-rows:22px auto 14px !important;

    height:80px !important;

    /* ★上下を左右と同程度に縮小 */
    padding: 4px !important;

    row-gap:6px !important;
    place-content:center !important;
    justify-items:center !important;

    overflow:hidden !important;
  }

  /* アイコン */
  .swell-block-button.is-anchorNavBtn > .swell-block-button__link::before{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:18px !important;
  }

  /* 矢印 */
  .swell-block-button.is-anchorNavBtn > .swell-block-button__link::after{
    grid-column:1 !important;
    grid-row:3 !important;

    width:9px !important;
    height:9px !important;

    justify-self:center !important;
    align-self:center !important;
  }

  /* 文字（省略なし） */
  .swell-block-button.is-anchorNavBtn > .swell-block-button__link > span{
    grid-column:1 !important;
    grid-row:2 !important;

    display:block !important;
    overflow:visible !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    text-align:center !important;
    line-height:1.15 !important;
    letter-spacing:-0.02em !important;

    max-width:100% !important;
    margin:0 auto !important;
  }

  .swell-block-button.is-anchorNavBtn.-pc > .swell-block-button__link > span{
    font-size:clamp(10px, 2.8vw, 12px) !important;
  }
  .swell-block-button.is-anchorNavBtn.-sp > .swell-block-button__link > span{
    font-size:clamp(8px, 2vw, 10px) !important;
  }
  .swell-block-button.is-anchorNavBtn.-alert > .swell-block-button__link > span{
    font-size:clamp(10px, 2.8vw, 12px) !important;
  }
}


/* ==========================
   ZOOM案内 見出し（h2単体）
   ※ 追加CSSクラスで切り替え
   - PC        : p-pcGuide
   - SP/Tablet: p-spGuide
   - Attention: p-attnGuide
   英文段落共通 : p-Guide__en
========================== */


/* =========================================================
   1) PCをご利用の方
========================================================= */
.p-pcGuide{
  position: relative;
  width: 100%;

  background-image: url("/wp-content/uploads/zoom_bg_h2.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 70% !important;

  min-height: 160px;
  padding: 105px 16px 44px;

  text-align: center;
  color: #fff !important;

  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;

  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;

  box-sizing: border-box;
}


/* =========================================================
   2) スマートフォン・タブレットをご利用の方
========================================================= */
.p-spGuide{
  position: relative;
  width: 100%;

  background-image: url("/wp-content/uploads/zoom_bg_h2_sphone.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 70% !important;

  min-height: 160px;
  padding: 105px 16px 44px;

  text-align: center;
  color: #fff !important;

  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;

  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;

  box-sizing: border-box;
}


/* =========================================================
   3) ご注意事項
========================================================= */
.p-attnGuide{
  position: relative;
  width: 100%;

  background-image: url("/wp-content/uploads/zoom_bg_h2_attention.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 70% !important;

  min-height: 160px;
  padding: 105px 16px 44px;

  text-align: center;
  color: #fff !important;

  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;

  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;

  box-sizing: border-box;
}


/* =========================================================
   英文段落（3種共通）
========================================================= */
.p-Guide__en{
  margin-top: -10px;
  text-align: center;
  font-size: 14px;
  color: #1aa7c0;
}


/* =========================================================
   SP表示 共通
========================================================= */
@media (max-width: 767px){
  .p-pcGuide,
  .p-spGuide,
  .p-attnGuide{
    background-size: auto 75% !important;

    min-height: 120px;
    padding: 88px 12px 34px;

    font-size: 18px;
    line-height: 1.25;
  }

  .p-Guide__en{
    margin-top: -6px;
    font-size: 12px;
  }
}