/* 余白トークン（XS〜5XL） */
/* :root {
  --global-kb-spacing-none: 0;
  --global-kb-spacing-2xs: 4px;
  --global-kb-spacing-xs:  8px;
  --global-kb-spacing-s:   12px;
  --global-kb-spacing-m:   16px;
  --global-kb-spacing-l:   clamp(24px, 3vw, 32px);
  --global-kb-spacing-xl:  clamp(32px, 4vw, 48px);
  --global-kb-spacing-2xl: clamp(40px, 5vw, 64px);   
  --global-kb-spacing-3xl: clamp(56px, 6vw, 80px);   
  --global-kb-spacing-4xl: clamp(72px, 7vw, 104px);
  --global-kb-spacing-5xl: clamp(96px, 8vw, 128px);
} */


/* br-sp/br-sm/br-tb/br-pc … ショートコード用のデバイス別改行 */
/* すべて非表示スタート */
.br-sp,
.br-sm,
.br-tb,
.br-pc {
  display: none;
}

/* スマホ小（〜500px） */
@media (max-width: 500px) {
  .br-sp {
    display: inline;
  }
}

/* スマホ大（501〜767px） */
@media (min-width: 501px) and (max-width: 767px) {
  .br-sm {
    display: inline;
  }
}

/* タブレット（768〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  .br-tb {
    display: inline;
  }
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  .br-pc {
    display: inline;
  }
}

/* 均等配列スマホ */
@media (max-width: 767px) {
.text-justify-sp {
  text-align: justify !important;
  text-justify: inter-ideograph; /* 日本語両端揃えを安定させる */
}
}

/* 幅関連 */
.u-w-100   { width: 100%; }
.u-max-500 { max-width: 500px; width: 100%; margin: 0 auto; }
.u-max-800 { max-width: 800px; width: 100%; margin: 0 auto; }

/* インライン／インラインブロック */
.u-inline       { display: inline !important; }
.u-inline-block { display: inline-block !important; }

/* 画像を inline → block にして上下の余白ズレを防ぐ
 * 変な余白があるときに、適応させる。 */
/* インライン要素をブロック化（画像など） */
.img-block > img,
.u-img-block {
  display: block;
}

/* ===========================
   モバイルだけ画像を16:9にする
   =========================== */
@media (max-width: 768px) {
  .sp-16x9.kb-image-is-ratio-size .kb-is-ratio-image {
    position: relative;
    width: 100%;
    padding-bottom: 56.25% !important; /* 16:9 = 9/16 = 0.5625 */
    height: 0 !important;
    overflow: hidden;
  }

  /* 画像をラッパーにフィットさせる */
  .sp-16x9.kb-image-is-ratio-size .kb-is-ratio-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}


/* 矢印ボタンのCSS */
.btn-arrow {
    position: relative;
}

.btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.6em; /* 画像の表示位置 */
    transform: translateY(-50%);
    width: 40px;   /* 画像サイズ */
    height: 40px;
    background-image: url('https://kame-noko.conohawing.com/wp-content/uploads/2025/11/button-arrow.svg');
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}
/* メールボタンのCSS */
.btn-mail {
  display: inline-flex;      /* 横並び＆センター寄せ */
  align-items: center;
  justify-content: center;
  gap: .6em;                 /* アイコンと文字の間隔 */
/* 	  white-space: nowrap;   */

}
/* .btn-mail,
.btn-mail span {
  white-space: nowrap;
} */

.btn-mail.kb-button::before {
  content: "";
  background-image: url("https://kame-noko.conohawing.com/wp-content/uploads/2025/11/material-symbols_mail.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.4em;
  height: 1.4em;
  flex-shrink: 0;

  /* ここがポイント：absolute をやめる */
  position: static;
  inset: auto;
  transform: none;
  opacity: 1 !important;
}

@media (max-width: 768px) {
	.btn-mail {
 padding-inline: 1em; 
	}
	}

/*フッター メールボタンのCSS */
/* ボタン本体をflexにする */
.btn-footer-mail.kb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  white-space: nowrap;
  padding: .9em 2.5em;
}

/* 左アイコン */
.btn-footer-mail.kb-button::before {
  content: "";
  width: 1.3em;
  height: 1.3em;
  background-image: url("https://kame-noko.conohawing.com/wp-content/uploads/2025/11/material-symbols_mail.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;

  /* Kadenceデフォルトを打ち消すポイント */
  position: static !important;
  inset: auto !important;
  margin: 0;
  padding: 0;
  opacity: 1 !important;
}

/* 右アイコン */
.btn-footer-mail.kb-button::after {
  content: "";
  width: 1.8em;
  height: 1.8em;
  flex-shrink: 0;
  background-image: url("https://kame-noko.conohawing.com/wp-content/uploads/2025/11/Group-5492.svg");
  background-repeat: no-repeat;
  background-position: center;
	  background-size: contain;
  
  position: static !important;
  inset: auto !important;
  margin: 0 0 0 2em;
  padding: 0;
  opacity: 1 !important;
}

/*フッター 電話ボタンのCSS */
/* ボタン本体をflexにする */
.btn-footer-call.kb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  white-space: nowrap;
  padding: .9em 2.5em;
}

/* 左アイコン */
.btn-footer-call.kb-button::before {
  content: "";
  width: 1.3em;
  height: 1.3em;
  background-image: url("https://kame-noko.conohawing.com/wp-content/uploads/2025/11/ion_call.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;

  /* Kadenceデフォルトを打ち消すポイント */
  position: static !important;
  inset: auto !important;
  margin: 0;
  padding: 0;
  opacity: 1 !important;
}

/* 右アイコン */
.btn-footer-call.kb-button::after {
  content: "";
  width: 1.8em;
  height: 1.8em;
  flex-shrink: 0;
  background-image: url("https://kame-noko.conohawing.com/wp-content/uploads/2025/11/Group-5492.svg");
  background-repeat: no-repeat;
  background-position: center;
	  background-size: contain;
  
  position: static !important;
  inset: auto !important;
  margin: 0 0 0 1.8em;
  padding: 0;
  opacity: 1 !important;
}

@media (max-width: 768px) {
	.btn-footer-mail.kb-button, .btn-footer-call.kb-button {
		width: 100%;
	}
}

/* リスト「・」の位置調整 アイコンCircleを選択肢、サイズを5程度にする。 */

.list-bullet span.kb-svg-icon-wrap{
      margin-top: 1.5em;

}