/* ===========================
   セクション：フルブリード
=========================== */
.cta-section {
  background: #dbe6ec;
  padding: 0 0 50px;

  /* SnowMonkey幅制限突破 */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 中央制御（PC用） */
.cta-inner {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

/* ===========================
   画像：完全フル幅
=========================== */
.cta-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===========================
   カード：画像に重ねる
=========================== */
.cta-card {
  width: 88%;
  margin: -95px auto 25px;
  padding: 18px 16px;
　

  background: #fff;
  border-radius: 10px;
  border: 2px solid #3e6a7e;

  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* ===========================
   文字（やや小さめ）
=========================== */
.cta-lead {
  font-size: 13px;
  color: #355e72;
  margin-bottom: 4px;
}

.cta-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: #355e72;
  margin-bottom: 6px;
}

.cta-time {
  font-size: 12px;
  color: #6f8f9e;
  letter-spacing: 2px;
  margin-bottom: 6px;
}

.cta-tel {
  font-size: 22px;
  font-weight: bold;
  color: #1f5d77;
}

/* ===========================
   ボタン：カード幅に合わせる
=========================== */
.cta-button {
  width: 88%;
  margin: 0 auto;
}

.cta-button a {
  display: block;
  background: #184f68;
  color: #fff;
  text-align: center;
  padding: 16px;
  font-size: 15px;
  text-decoration: none;
  border-radius: 4px;
}

/* ===========================
   PC調整
=========================== */
@media (min-width: 768px) {

  .cta-card {
    width: 60%;
    margin-top: -130px;
    padding: 26px;
  }

  .cta-button {
    width: 60%;
  }

  .cta-title {
    font-size: 20px;
  }

  .cta-tel {
    font-size: 26px;
  }
}


/* 親を基準にする */
.cta-inner {
  position: relative;
}

/* 画像を基準レイヤーに */
.cta-image {
  position: relative;
  z-index: 1;
}

/* カードを前面へ */
.cta-card {
  position: relative;
  z-index: 2;   /* ← 画像より大きくするだけ */

  width: 88%;
  margin: -95px auto 25px;
  padding: 18px 16px;

  background: #ffffffa6;
  border-radius: 10px;
  border: 2px solid #3e6a7e;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
/* 電話行を横並びにする */
.cta-tel {
  display: flex;
  align-items: center;     /* 縦中央揃え */
  justify-content: center; /* 中央配置 */
  gap: 8px;                /* アイコンと文字の間 */

  font-size: 22px;
  font-weight: bold;
  color: #1f5d77;
  line-height: 1;          /* ← これも重要（ズレ防止） */
}

/* アイコン画像 */
.tel-icon img {
  width: 26px;
  height: auto;
  display: block;          /* 余白消す */
}



/* =========================
   セクション背景
========================= */
.media-section {
  background: #f6fcfd;
  padding: 50px 20px;

  /* SnowMonkeyでも全幅 */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 中央制御 */
.media-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* =========================
   見出し
========================= */
.media-heading {
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 30px;
  font-weight: 700;
}

.media-heading span {
  font-size: 26px;
  display: block;
  margin-top: 10px;
}

/* =========================
   ロゴ並び
========================= */
.media-logos {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 30px;
}

.media-item {
  flex: 1;
}

.media-item img {
  width: 100%;
  max-width: 160px;
  height: auto;
  margin-bottom: 10px;
}

.media-tv {
  font-weight: 700;
  margin-bottom: 5px;
}

.media-program {
  font-size: 14px;
  color: #444;
}

/* =========================
   ボタン
========================= */
.media-button a {
  display: inline-block;
  border: 2px solid #bbb;
  padding: 14px 30px;
  border-radius: 10px;
  color: #333;
  text-decoration: none;
  font-size: 16px;
}

/* =========================
   スマホ最適化
========================= */
@media (max-width: 600px) {

  .media-logos {
    gap: 6px;
  }

  .media-heading {
    font-size: 18px;
  }

  .media-heading span {
    font-size: 22px;
  }

  .media-item img {
    max-width: 100px;
  }
}
/* =========================
   ロゴを下揃いにする
========================= */
.media-logos {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 30px;
  align-items: flex-end; /* ← これで全カラムの下が揃う */
}

/* 各カラムを縦レイアウトに */
.media-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* ← 画像を下基準に */
  align-items: center;
  text-align: center;
}

/* 画像高さを揃える（重要） */
.media-item img {
  width: 100%;
  max-width: 150px;
  height: 90px;           /* ← 高さ固定で揃える */
  object-fit: contain;    /* ← ロゴを潰さない */
  margin-bottom: 12px;
}

/* =========================
   フォント少し小さく調整
========================= */
.media-heading {
  font-size: 20px;   /* 22 → 20 */
  line-height: 1.6;
  margin-bottom: 26px;
}

.media-heading span {
  font-size: 22px;   /* 26 → 22 */
}

.media-tv {
  font-size: 14px;   /* 少し小さく */
  font-weight: 700;
  margin-bottom: 4px;
}

.media-program {
  font-size: 9px;   /* 少し小さく */
  color: #444;
}

/* =========================
   スマホ微調整
========================= */
@media (max-width: 600px) {

  .media-item img {
    max-width: 95px;
    height: 70px;   /* スマホ用高さ */
  }

  .media-heading {
    font-size: 18px;
  }

  .media-heading span {
    font-size: 20px;
  }
}









/* =============================
   みはしコンセプト（専用）
============================= */

.mhs-concept{
  background:#f4f4f4;
  padding:40px 20px;
  position:relative;
  margin:0;
}

.mhs-concept-inner{
  max-width:820px;
  margin:0 auto;
  text-align:center;
  position:relative;
}

/* 見出し */
.mhs-title{
  font-size:18px;
  letter-spacing:.2em;
  color:#8c8366;
  margin-bottom:30px;
}

/* キャッチコピー */
.mhs-catch{
  font-size:28px;
  letter-spacing:.15em;
  color:#8c8366;
  margin-bottom:35px;
}

/* 本文 */
.mhs-text{
  font-size:15px;
  line-height:2.4;
  color:#555;
}

/* 左右装飾（画像不要・CSS描画） */
.mhs-concept-inner::before,
.mhs-concept-inner::after{
  content:"";
  position:absolute;
  top:50%;
  width:40px;
  height:160px;
  transform:translateY(-50%);
  background:
    linear-gradient(#b9b08f,#b9b08f) center/2px 100% no-repeat;
  opacity:.6;
}

.mhs-concept-inner::before{
  left:-60px;
}

.mhs-concept-inner::after{
  right:-60px;
}


/* =============================
   1枚画像表示（軽量版）
============================= */

.mhs-gallery{
  padding:0;
  margin:0;
}

.mhs-single{
  width:100%;
}

.mhs-single img{
  width:100%;
  height:auto;
  display:block;
}




/*追加*/


/* =========================
   コンセプト装飾レイアウト
========================= */

.mhs-message{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  max-width:900px;
  margin:18px auto;
  padding:0;
}

/* 装飾画像 */
.mhs-deco{
  width:60px;
  height:auto;
  flex-shrink:0;
}

/* テキスト */
.mhs-text{
  text-align:center;
  line-height:2.2;
  font-size:16px;
  color:#444;
}

/* ===== スマホ対応 ===== */
@media (max-width:768px){

  .mhs-message{
    gap:20px;
  }

  .mhs-deco{
    width:21px;
  }

  .mhs-text{
    font-size:15px;
    line-height:2;
  }
	
	.mhs-catch{
  font-size:19px;
  letter-spacing:.15em;
  color:#8c8366;
  margin-bottom:35px;
}
}


/**/

/* ===== 全体 ===== */
.mihashi-hero{
  margin:0;
  padding:0;
  background:#fff;
}

/* ===== タイトル帯 ===== */
.mihashi-hero__title{
  background:#1f3c88; /* ←画像と同じ濃紺 */
  border-top:6px solid #c9a85d; /* ←金ライン */
  text-align:center;
  padding:11px 20px 17px;
}

/* 英語 Funeral */
.mihashi-hero__en{
  color:#e5e5e5;
  font-size:18px;
  letter-spacing:0.08em;
  margin:0 0 8px;
  font-weight:500;
}

/* 日本語タイトル */
.mihashi-hero__jp{
  color:#ffffff;
  font-size:28px;
  margin:0;
  font-weight:600;
  letter-spacing:0.06em;
}

/* ===== 画像 ===== */
.mihashi-hero__image img{
  width:100%;
  height:auto;
  display:block;
}



/**/


.c-site-branding__title a {
  display: block;
  width: 200px; /* ← 実際のロゴ横幅に合わせて微調整可能 */
  height: 49px; /* ← 実際のロゴ高さに合わせて微調整可能 */
  background-image: url('https://mihashi-tokyo.jp/wp-content/uploads/2026/03/aea666a51d07eda5758e2a9cc690f85d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px; /* ← テキストを視覚的に隠す（SEOには残る） */
  overflow: hidden;
}

/* テーマが自動でロゴ画像を出力している場合（重複防止） */
.c-site-branding__title img {
  display: none !important;
}

@media (max-width: 767px) {
  .l-1row-header__branding,
  .c-site-branding {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .c-site-branding__title a {
    margin: 0 auto;
  }
}




/**/

/*コンタクトボックス*/

.funeral-contact{
  padding:30px 20px;
  background:#f7f7f7;
  margin-top: 0;
}

.funeral-contact__inner{
  max-width:800px;
  margin:auto;
  text-align:center;
}

.funeral-contact__title{
  font-size:20px;
  font-weight:700;
  margin-bottom:20px;
}
h2.funeral-contact__title {
    font-size: 20px;
}

.funeral-contact__badge{
  display:inline-block;
  background:#9fd0df;
  color:#fff;
  padding:10px 30px;
  border-radius:30px;
  font-size:16px;
  margin-bottom:35px;
}

.funeral-contact__tel-area{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
}

.funeral-contact__icon{
  width:70px;
  height:70px;
  border:3px solid #1f3c8f;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#1f3c8f;
  font-weight:bold;
  line-height:1.2;
}

.funeral-contact__tel{
  font-size:30px;
  font-weight:bold;
  color:#1f3c8f;
  text-decoration:none;
  letter-spacing:2px;
}

.funeral-contact__note{
  font-size:14px;
  color:#555;
}




/**/

/*仏壇の商品説明*/

.product-card-section {
  padding: 40px 20px;
}

.product-card {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

/* タイトル行 */
.product-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  margin-bottom: 10px;
}

/* 番号ボックス */
.product-card__number {
  width: 40px;
  height: 40px;
  background: #9DBA5A;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* タイトル */
.product-card__title {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

.product-card__title span {
  font-size: 18px;
  font-weight: normal;
  margin-left: 5px;
}

/* リード文 */
.product-card__lead {
  font-size: 16px;
  margin-bottom: 25px;
}

/* 画像 */
.product-card__image img {
  max-width: 100%;
  height: auto;
  margin-bottom: 25px;
}

/* 価格 */
.product-card__price {
  font-size: 32px;
  color: #c40000;
  font-weight: bold;
  margin-bottom: 15px;
}

.product-card__price span {
  font-size: 14px;
  color: #333;
  margin-left: 5px;
}

/* スペック */
.product-card__spec {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}


/* ===== スマホ最適化 ===== */
@media (max-width: 768px) {

  /* 全体の余白を削る */
  .product-card-section {
    padding: 10px 5px;
  }

  .product-card {
    padding: 0;
  }

  /* タイトル */
  .product-card__title {
    font-size: 20px;
  }

  .product-card__title span {
    font-size: 12px;
  }

  /* 番号 */
  .product-card__number {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  /* 説明文 */
  .product-card__lead {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.5;
  }

  /* 画像を小さく */
  .product-card__image img {
    max-width: 80%;
    margin: 0 auto 10px;
    display: block;
  }

  /* 価格 */
  .product-card__price {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .product-card__price span {
    font-size: 7px;
	margin-left:0;
	}

  /* スペック */
  .product-card__spec {
    font-size: 12px;
    line-height: 1.4;
  }

  /* Itemsの余白を消す（重要） */
  .smb-items__item {
    padding: 10px !important;
  }

  .smb-items__item__body {
    padding: 0 !important;
  }

}


/* ===== 価格（横並び＆税込を小さく） ===== */
.product-card__price {
  font-size: 28px;
  color: #c40000;
  font-weight: bold;
  margin: 8px 0 4px;
  line-height: 1.2;
}

.product-card__price span {
  font-size: 7px;
  font-weight: normal;
  color: #333;
  
}

/* ===== タイトル周りの余白圧縮 ===== */
.product-card__header {
  margin-bottom: 5px;
}

.product-card__title {
  margin: 0;
  line-height: 1.2;
}

/* ===== 説明文の余白圧縮 ===== */
.product-card__lead {
  font-size: 14px;
  margin: 5px 0 10px;
  line-height: 1.5;
}

/* ===== 画像の余白圧縮 ===== */
.product-card__image img {
  max-width: 85%;
  margin: 0 auto 10px;
  display: block;
}

/* ===== 詳細の余白圧縮 ===== */
.product-card__spec {
  font-size: 13px;
  line-height: 1.4;
}

.product-card__spec p {
  margin: 2px 0;
}

/* ===== セクション全体の圧縮 ===== */
.product-card-section {
  padding: 15px 10px;
}

/* ===== スマホさらに詰める ===== */
@media (max-width: 768px) {

  .product-card__price {
    font-size: 19px;
    margin: 5px 0 2px;
  }

  .product-card__lead {
    font-size: 12px;
  }

  .product-card__image img {
    max-width: 75%;
  }

}

.product-card__spec p:nth-child(2) {
  font-size: 11px;
}


_.product-c .c-row > .c-row__col {
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 768px) {
 .product-c .smb-items__item{
        padding: 5px !important;
    }
}





/* カラム全体をストレッチ */
.product-c .c-row {
  align-items: stretch;
}

/* 各カードを同じ高さに */
.product-c .c-row__col {
  display: flex;
}

/* カード本体 */
.product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* 画像高さ固定 */
.product-card__image {
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card__image img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
}

/* 価格を一番下に固定（←これが重要） */
.product-card__price {
  margin-top: auto;
}

.product-card__lead {
  min-height: 60px;
}


@media (max-width: 768px) {
.product-card__image {
  height: 140px;
	}


}
/**/

.page-id-206{
  background: #f6f3ee;
}

.section-bg {
  background: url('https://mihashi-tokyo.jp/wp-content/uploads/2026/04/22569605.webp') no-repeat center/cover;
  border-radius: 12px;
  padding: 40px;
}


/**/

.ribbon-title {
  display: inline-block;
  background: #f3e8d9;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: bold;
  color: #7a5c3e;
  position: relative;
}

/**/

.card-circle {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  padding: 20px;
}

/*******************************/



/* ===============================
FV 全体
=============================== */
#inher-fv {
  position: relative;
  padding: 80px 20px !important;
  color: #fff;
  background:
    linear-gradient(rgba(7,37,59,0.8), rgba(7,37,59,0.7)),
    url("https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat;
}

/* 中央寄せ */
#inher-fv .smb-section__body {
  text-align: center;
}

/* ===============================
タイトル
=============================== */
#inher-fv .smb-section__title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 4px 15px rgba(0,0,0,0.6);
  margin-bottom: 20px;
}

/* ===============================
サブタイトル（オレンジ）
=============================== */
#inher-fv .sme-text-color {
  font-size: 16px;
  font-weight: 700;
  color: #ffb74d !important;
}

/* ===============================
本文（カード風）
=============================== */
#inher-fv p {
  font-size: 14px;
  line-height: 1.9;
  margin-top: 20px;
}

/* カード化 */
#inher-fv p:last-of-type {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 20px;
  margin-top: 25px;
}

/* ===============================
ボタン
=============================== */
#inher-fv .smb-btn {
  background: #ff9800;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 26px;
  box-shadow: 0 8px 20px rgba(255,152,0,0.4);
  transition: 0.3s;
}

#inher-fv .smb-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(255,152,0,0.5);
}

/* ===============================
余白調整（スマホ）
=============================== */
@media (max-width: 768px) {
  #inher-fv {
    padding: 70px 15px !important;
  }

  #inher-fv .smb-section__title {
    font-size: 24px;
  }
}



/* ===============================
お悩みセクション全体
=============================== */
#inher-check {
  padding: 60px 20px !important;
  background: #f7faf9;
}

/* タイトル */
#inher-check .smb-section__title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 25px;
  color: #263238;
}
/* ===============================
バッジ（SOLUTION）
=============================== */
#inher-check .smb-section__subtitle {
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
/* ===============================
リスト全体
=============================== */
#inher-check ul {
  padding: 0;
  margin: 0;
}

/* ===============================
チェック項目（カード化）
=============================== */
#inher-check li {
  list-style: none;
  position: relative;
  padding: 16px 18px 16px 50px;
  margin-bottom: 12px;
  border-radius: 14px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(15,76,129,0.08);
  line-height: 1.6;
}

/* チェックアイコン */
#inher-check li::before {
  content: "✓";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #0f4c81;
  color: #fff;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* ===============================
中央寄せ調整
=============================== */
#inher-check .smb-container__body {
  margin: 0 auto;
}

/* ===============================
スマホ微調整
=============================== */
@media (max-width: 768px) {
  #inher-check {
    padding: 50px 15px !important;
  }

  #inher-check .smb-section__title {
    font-size: 20px;
  }

  #inher-check li {
    font-size: 13px;
    padding: 14px 15px 14px 45px;
  }
}


/* タイトル */


/* ===============================
全体
=============================== */
#inher-solution {
  padding: 70px 20px !important;
  background: #f4f6f8;
}

/* ===============================
バッジ（SOLUTION）
=============================== */
#inher-solution .smb-section__subtitle {
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-solution .smb-section__title {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #263238;
}

/* ===============================
説明文
=============================== */
#inher-solution p {
  font-size: 15px;
  color: #455a64;
  margin-bottom: 35px;
}

/* ===============================
カード全体
=============================== */
#inher-solution .smb-panels__item {
  background: #ffffff;
  border-radius: 24px;
  padding: 28px 22px;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  position: relative;
}

/* ===============================
丸数字
=============================== */
#inher-solution .smb-panels__item::before {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #1f4f7a;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 個別番号 */
#inher-solution .c-row__col:nth-child(1) .smb-panels__item::before {
  content: "1";
}
#inher-solution .c-row__col:nth-child(2) .smb-panels__item::before {
  content: "2";
}
#inher-solution .c-row__col:nth-child(3) .smb-panels__item::before {
  content: "3";
}

/* ===============================
テキスト
=============================== */
#inher-solution .smb-panels__item__body p {
  margin-left: 65px;
  font-size: 18px;
  font-weight: 700;
  color: #263238;
}

/* ===============================
説明文追加（小さめ）
=============================== */
#inher-solution .smb-panels__item__body p::after {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #607d8b;
  margin-top: 8px;
}

/* 各説明 */
#inher-solution .c-row__col:nth-child(1) p::after {
  content: "不要な手続きを減らします。";
}
#inher-solution .c-row__col:nth-child(2) p::after {
  content: "自分で進められる範囲を整理します。葬祭費の補助金・遺族年金・車の名義変更（軽自動車）・公共料金・生命保険・火災保険・地震保険・お墓の名義変更など";
}
#inher-solution .c-row__col:nth-child(3) p::after {
  content: "難しい部分だけ任せられます。相続人の調査（戸籍収集）、遺産の調査、遺産総額が3000万円以上ある（相続税の申告）、遺産分割協議書の作成、不動産の名義変更、住宅ローン返済に伴う抵当権の抹消手続き、預金口座の解約、株の名義変更、車（普通車以上）、故人が毎年確定申告を行っていた（準確定申告）";
}

/* ===============================
下のテキスト
=============================== */
#inher-solution p:last-of-type {
  text-align: center;
  font-weight: 700;
  color: #1f4f7a;
}

/* ===============================
スマホ調整
=============================== */
@media (max-width: 768px) {
  #inher-solution {
    padding: 60px 15px !important;
  }

  #inher-solution .smb-section__title {
    font-size: 24px;
  }

  #inher-solution .smb-panels__item {
    padding: 24px 18px;
  }

  #inher-solution .smb-panels__item__body p {
    font-size: 16px;
    margin-left: 60px;
  }
}


/* ===============================
高さを詰める
=============================== */

/* カード余白を小さく */
#inher-solution .smb-panels__item {
  padding: 20px 20px;
}

/* タイトル */
#inher-solution .smb-panels__item__body p {
  margin-left: 55px;
  font-size: 17px;
  margin-bottom: 6px;
}

/* 説明文（高さの原因を調整） */
#inher-solution .smb-panels__item__body p::after {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.6;
}

/* 丸サイズを少し小さく */
#inher-solution .smb-panels__item::before {
  width: 38px;
  height: 38px;
  font-size: 16px;
}

/* 上の余白を詰める */
#inher-solution .smb-panels__item::before {
  top: 16px;
  left: 16px;
}

/* 全体バランス */
#inher-solution .smb-panels__item {
  border-radius: 20px;
}




/* ===============================
全体（スマホ前提）
=============================== */
#inher-important {
  padding: 60px 20px !important;
  background: #eef2f4;
}

/* ===============================
バッジ
=============================== */
#inher-important .smb-section__subtitle {
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-important .smb-section__title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #263238;
}

/* ===============================
カード共通（超重要）
=============================== */
#inher-important .smb-panels__item {
  border-radius: 26px;
  padding: 22px 20px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
}

/* ===============================
① 赤カード
=============================== */
#inher-important .c-row__col:nth-child(1) .smb-panels__item {
  background: #f2e7e7 !important;
}

/* 左の太ライン（丸みあり） */
#inher-important .c-row__col:nth-child(1) .smb-panels__item::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 12px;
  bottom: 12px;
  width: 8px;
  background: #d32f2f;
  border-radius: 10px;
}

/* 赤タイトル */
#inher-important .c-row__col:nth-child(1) strong {
  color: #c62828;
}

/* ===============================
② ベージュカード
=============================== */
#inher-important .c-row__col:nth-child(2) .smb-panels__item {
  background: #f3ecd9 !important;
}

/* 左ライン */
#inher-important .c-row__col:nth-child(2) .smb-panels__item::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 12px;
  bottom: 12px;
  width: 8px;
  background: #d89a2b;
  border-radius: 10px;
}

/* オレンジタイトル */
#inher-important .c-row__col:nth-child(2) strong {
  color: #9a6a00;
}

/* ===============================
テキスト
=============================== */
#inher-important strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}

#inher-important p {
  font-size: 14px;
  line-height: 1.8;
}

/* ===============================
リスト
=============================== */
#inher-important ul {
  margin-top: 12px;
  padding-left: 1.2em;
}

#inher-important li {
  font-size: 14px;
  margin-bottom: 6px;
}

/* ===============================
CTAボタン（スマホ用）
=============================== */
#inher-important::after {
  content: "早めに相談する";
  display: block;
  margin: 30px auto 0;
  width: 100%;
  max-width: 320px;
  text-align: center;
  padding: 16px;
  background: #e09b3d;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  border-radius: 40px;
  box-shadow: 0 10px 30px rgba(224,155,61,0.4);
}

/* ===============================
スマホ微調整
=============================== */
@media (max-width: 480px) {
  #inher-important {
    padding: 50px 15px !important;
  }

  #inher-important .smb-section__title {
    font-size: 24px;
  }

  #inher-important strong {
    font-size: 17px;
	  margin-bottom:0;
  }

  #inher-important p {
    font-size: 13px;
  }
}

#inher-important::after {
  content: none;
}

/* ===============================
赤カード 左デザイン（完全版）
=============================== */
/* カード */
#inher-important .c-row__col:nth-child(1) .smb-panels__item {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

/* 左ライン（これが正解） */
#inher-important .c-row__col:nth-child(1) .smb-panels__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #d32f2f;
  border-radius: 24px; /* ← カードと揃えるのがポイント */
}

/* 上のえぐれ */
#inher-important .c-row__col:nth-child(1) .smb-panels__item::after {
content: "";
    position: absolute;
    top: -30px;
    left: -33px;
    width: 42px;
    height: 50px;
    background: #eef2f4;
    border-radius: 50%;
}
#inher-important
.wp-block-snow-monkey-blocks-panels-item-free-is-layout-constrained {
    padding: 5px !important;
}
/* ===============================
② オレンジカード 左ライン
=============================== */
#inher-important .c-row__col:nth-child(2) .smb-panels__item {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #f3ecd9 !important;
}

/* 縦ライン */
#inher-important .c-row__col:nth-child(2) .smb-panels__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #d89a2b;
  border-radius: 24px;
}

/* 上のえぐれ */
#inher-important .c-row__col:nth-child(2) .smb-panels__item::after {
  content: "";
  position: absolute;
  top: -30px;
    left: -33px;
    width: 42px;
  height: 50px;
  background: #eef2f4; /* セクション背景色 */
  border-radius: 50%;
}

/* ===============================
全体
=============================== */
#inher-target {
  padding: 70px 20px !important;
  background: #eef2f4;
}

/* ===============================
バッジ
=============================== */
#inher-target .smb-section__subtitle {
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-target .smb-section__title {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 40px;
  color: #263238;
}

/* ===============================
リスト → グリッド化
=============================== */
#inher-target ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 0;
  margin: 0;
}

/* ===============================
カード
=============================== */
#inher-target li {
  list-style: none;
  background: #ffffff;
  border-radius: 24px;
  padding: 40px 20px 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #263238;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  position: relative;
}

/* ===============================
アイコン（疑似要素）
=============================== */
#inher-target li::before {
  display: block;
  font-size: 34px;
  margin-bottom: 15px;
}

/* 個別アイコン */
.inher-target li:nth-child(1)::before { content: "🏦"; }
.inher-target li:nth-child(2)::before { content: "🏠"; }
.inher-target li:nth-child(3)::before { content: "🚗"; }
.inher-target li:nth-child(4)::before { content: "💼"; }
.inher-target li:nth-child(5)::before { content: "🏢"; }
.inher-target li:nth-child(6)::before { content: "⚠️"; }
/* 個別アイコン */
.inher-target2 li:nth-child(1)::before { content: "📦"; }
.inher-target2 li:nth-child(2)::before { content: "🌿"; }
.inher-target2 li:nth-child(3)::before { content: "💰"; }
.inher-target2 li:nth-child(4)::before { content: "♻️"; }
.inher-target2 li:nth-child(5)::before { content: "🧹"; }
.inher-target2 li:nth-child(6)::before { content: "✨"; }

/* ===============================
スマホ調整
=============================== */
@media (max-width: 768px) {
  #inher-target {
    padding: 60px 15px !important;
  }

  #inher-target .smb-section__title {
    font-size: 24px;
  }

  #inher-target li {
    padding: 35px 15px 25px;
    font-size: 14px;
	  margin:0;
  }
}


/* ===============================
全体
=============================== */
#inher-service {
  padding: 70px 20px !important;
  background: #eef2f4;
}

/* ===============================
バッジ
=============================== */
#inher-service .smb-section__subtitle {
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-service .smb-section__title {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.6;
  margin-bottom: 40px;
  color: #263238;
}

/* ===============================
カード（groupをボックス化）
=============================== */
#inher-service .wp-block-group {
  background: transparent;
  border: 2px solid #d6e0e5;
  border-radius: 28px;
  padding: 28px 24px;
  margin-bottom: 24px;
}

/* ===============================
見出し（青）
=============================== */
#inher-service .wp-block-heading {
  font-size: 20px;
  font-weight: 800;
  color: #1f4f7a;
  margin-bottom: 12px;
}

/* ===============================
本文
=============================== */
#inher-service .wp-block-group p {
  font-size: 15px;
  line-height: 1.8;
  color: #455a64;
}

/* ===============================
計算ボックス
=============================== */
.calc-box {
  background: #ffffff;
  border-radius: 20px;
  padding: 18px;
  margin: 10px 0 30px;
  text-align: center;
  font-weight: 700;
  color: #263238;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.calc-box span {
  margin: 0 6px;
}

.calc-box strong {
  color: #d89a2b;
  font-size: 18px;
}

/* ===============================
スマホ調整
=============================== */
@media (max-width: 768px) {
  #inher-service {
    padding: 60px 15px !important;
  }

  #inher-service .smb-section__title {
    font-size: 24px;
  }

  #inher-service .wp-block-group {
    padding: 24px 18px;
  }

  #inher-service .wp-block-heading {
    font-size: 18px;
  }
	  #inher-service .wp-block-heading span.sme-font-size.has-sm-l-font-size {
    font-size: 16px ! IMPORTANT;
		  color:#E40139;
}

  #inher-service .wp-block-group p {
    font-size: 14px;
  }
	#inher-service .wp-block-group li {
    font-size: 14px;
		color: #455a64;
		    line-height: 1.8;
	
}



/* ===============================
全体背景
=============================== */
#inher-onestop {
  padding: 80px 20px !important;
  background: linear-gradient(180deg, #1f4f7a, #183e63);
  color: #fff;
}

/* ===============================
バッジ
=============================== */
#inher-onestop .smb-section__subtitle::before {
  content: "ONE STOP";
  display: inline-block;
  background: rgba(255,255,255,0.15);
  color: #fff;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}


/* ===============================
タイトル
=============================== */
#inher-onestop .smb-section__title {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #fff;
}

/* ===============================
説明文
=============================== */
#inher-onestop p {
  color: rgba(255,255,255,0.85);
  font-size: 16px;
}

/* ===============================
ボックス
=============================== */
.one-stop-box {
  margin-top: 40px;
  padding: 35px 25px;
  border-radius: 28px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.2);
  text-align: center;
}

/* タイトル */
.one-stop-title {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 25px;
  color: #fff;
}

/* ===============================
職種ボタン
=============================== */
.one-stop-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.one-stop-list span {
  background: rgba(255,255,255,0.2);
  padding: 10px 18px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
}

/* 弁護士だけ下段中央 */
.one-stop-list .full {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

/* ===============================
スマホ調整
=============================== */
@media (max-width: 768px) {

  #inher-onestop {
    padding: 70px 15px !important;
  }

  #inher-onestop .smb-section__title {
    font-size: 26px;
  }

  .one-stop-title {
    font-size: 18px;
  }

  .one-stop-list span {
    font-size: 13px;
    padding: 8px 14px;
	  width:47%;
  }
}


/* ===============================
全体
=============================== */
#inher-flow {
  padding: 70px 20px !important;
  background: #eef2f4;
}

/* ===============================
バッジ
=============================== */
#inher-flow .smb-section__subtitle::before {
  content: "FLOW";
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-flow .smb-section__title {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 40px;
  color: #263238;
}

/* ===============================
カード化
=============================== */
#inher-flow .smb-section__body > p {
  position: relative;
  background: #ffffff;
  border-radius: 40px;
  padding: 20px 25px 20px 80px;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 700;
  color: #263238;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* ===============================
丸番号
=============================== */
#inher-flow .smb-section__body > p::before {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: #1f4f7a;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 番号 */
#inher-flow .smb-section__body > p:nth-of-type(1)::before { content: "01"; }
#inher-flow .smb-section__body > p:nth-of-type(2)::before { content: "02"; }
#inher-flow .smb-section__body > p:nth-of-type(3)::before { content: "03"; }
#inher-flow .smb-section__body > p:nth-of-type(4)::before { content: "04"; }
#inher-flow .smb-section__body > p:nth-of-type(5)::before { content: "05"; }
.inher-flow2 .smb-section__body > p:nth-of-type(6)::before { content: "06"; }
/* ===============================
スマホ
=============================== */
@media (max-width: 768px) {

  #inher-flow {
    padding: 60px 15px !important;
  }

  #inher-flow .smb-section__title {
    font-size: 24px;
  }

  #inher-flow .smb-section__body > p {
    font-size: 16px;
    padding: 18px 20px 18px 70px;
  }

  #inher-flow .smb-section__body > p::before {
    width: 45px;
    height: 45px;
    font-size: 14px;
  }
}

/* ===============================
全体背景
=============================== */
#inher-contact {
  padding: 80px 20px !important;
  background: linear-gradient(180deg, #1f4f7a, #183e63);
  color: #fff;
  text-align: left;
}

/* ===============================
バッジ
=============================== */
#inher-contact .smb-section__subtitle {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  color: #fff;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-contact .smb-section__title {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #fff;
}

/* ===============================
説明文
=============================== */
#inher-contact .smb-section__lede,
#inher-contact p {
  color: rgba(255,255,255,0.85);
  font-size: 16px;
  line-height: 1.8;
}

/* ===============================
電話番号
=============================== */
#inher-contact p span {
  display: block;
  margin-top: 25px;
  font-size: 40px !important;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 2px;
}

/* ===============================
ボタン
=============================== */
#inher-contact .smb-btn {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 40px auto 0;
  padding: 20px;
  background: #ffffff;
  color: #1f4f7a;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  transition: 0.3s;
}

/* ホバー */
#inher-contact .smb-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.25);
}

/* ===============================
中央寄せ（スマホ）
=============================== */
#inher-contact .has-text-align-center {
  text-align: center;
}

/* ===============================
スマホ調整
=============================== */
@media (max-width: 768px) {

  #inher-contact {
    padding: 70px 15px !important;
    text-align: center;
  }

  #inher-contact .smb-section__title {
    font-size: 26px;
  }

  #inher-contact p span {
    font-size: 32px !important;
  }

  #inher-contact .smb-btn {
    font-size: 16px;
    padding: 18px;
  }
}


/* ===============================
全体
=============================== */
#inher-preparation {
  padding: 70px 20px !important;
  background: #eef2f4;
}

/* ===============================
バッジ（PREPARATION）
=============================== */
#inher-preparation .smb-section__subtitle {
  display: inline-block;
  background: #d9dee3;
  color: #2c3e50;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ===============================
タイトル
=============================== */
#inher-preparation .smb-section__title {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #263238;
}

/* ===============================
説明文
=============================== */
#inher-preparation .smb-section__lede,
#inher-preparation p {
  font-size: 15px;
  color: #455a64;
  margin-bottom: 35px;
}

/* ===============================
リスト → グリッド化
=============================== */
#inher-preparation ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 0;
  margin: 0 0 30px;
}

/* ===============================
カード
=============================== */
#inher-preparation li {
  list-style: none;
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #263238;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}

/* ===============================
CTAテキスト
=============================== */
#inher-preparation p:last-of-type {
  text-align: center;
  font-weight: 700;
  color: #1f4f7a;
  margin-bottom: 20px;
}


/* ===============================
スマホ調整
=============================== */
@media (max-width: 768px) {

  #inher-preparation {
    padding: 60px 15px !important;
  }

  #inher-preparation .smb-section__title {
    font-size: 24px;
  }

  #inher-preparation ul {
    gap: 14px;
  }

  #inher-preparation li {
    padding: 25px 15px;
    font-size: 14px;
	  margin:0;
  }

  #inher-preparation p:last-of-type::after {
    font-size: 16px;
    padding: 16px;
  }
}

/* ===============================
このページだけ（page-id-206）
スマホ調整
=============================== */
@media (max-width: 768px) {

  body.page-id-206 .smb-section__header {
    text-align: left !important;
  }

  body.page-id-206 .smb-section__subtitle {
    margin-bottom: 8px !important;
  }

  body.page-id-206 .smb-section__title {
    text-align: left !important;
    margin-bottom: 10px !important;
  }

  body.page-id-206 .smb-section__lede,
  body.page-id-206 .smb-section__lede-wrapper,
  body.page-id-206 .smb-section__body p {
    text-align: left !important;
  }

  body.page-id-206 .smb-section__title::after {
    display: none !important;
  }

  /* ===============================
  ボタン
  =============================== */

  body.page-id-206 .smb-buttons {
    display: flex;
    justify-content: center;
  }

  body.page-id-206 .smb-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  body.page-id-206 .smb-btn {
    display: block;
    width: 100%;
    max-width: 320px;

    text-align: center;
    margin: 20px auto;

    background: #E0A13A !important;
    color: #fff !important;

    border-radius: 50px !important;

    padding: 18px 20px;
    font-size: 16px;
    font-weight: 700;

    box-shadow: 0 10px 25px rgba(224,161,58,0.35);

    border: none;
  }

  body.page-id-206 .smb-btn:active {
    transform: translateY(2px);
    box-shadow: 0 6px 15px rgba(224,161,58,0.3);
  }

}


	
/* ===============================
このページだけ（.mihashi-lp）
スマホ調整
=============================== */
@media (max-width: 768px) {

 .mihashi-lp.smb-section__header {
    text-align: left !important;
  }
	 .mihashi-lp .smb-section__header {
    text-align: left !important;
  }

  .mihashi-lp .smb-section__subtitle {
    margin-bottom: 8px !important;

  }

 .mihashi-lp .smb-section__title {
    text-align: left !important;
    margin-bottom: 10px !important;
  }

 .mihashi-lp .smb-section__lede,
  .mihashi-lp .smb-section__lede-wrapper,
  .mihashi-lp .smb-section__body p {
    text-align: left !important;
  }

 .mihashi-lp .smb-section__title::after {
    display: none !important;
  }

  /* ===============================
  ボタン
  =============================== */

 .mihashi-lp .smb-buttons {
    display: flex;
    justify-content: center;
  }

  .mihashi-lp .smb-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }

 .mihashi-lp .smb-btn {
    display: block;
    width: 100%;
    max-width: 320px;

    text-align: center;
    margin: 20px auto;

    background: #E0A13A !important;
    color: #fff !important;

    border-radius: 50px !important;

    padding: 18px 20px;
    font-size: 16px;
    font-weight: 700;

    box-shadow: 0 10px 25px rgba(224,161,58,0.35);

    border: none;
  }

 .mihashi-lp .smb-btn:active {
    transform: translateY(2px);
    box-shadow: 0 6px 15px rgba(224,161,58,0.3);
  }

}	
	
	
	
	
/**/
#inher-flow
span.sme-font-size.has-sm-xs-font-size {
    font-weight: lighter;
}
	
	
	
.mihashi-lp
	{
		            text-align: left !important;
	}

	
	
	
	/**/
	
	.h-shot-h-s p.product-card__lead {
    min-height: 22px !important;
}
	
	
	
/**/	
	
	
/* =========================
縦長仏壇
SP限定
========================= */

/* =========================
縦長仏壇
SP限定
========================= */

/* =========================
縦長仏壇
SP限定
========================= */

@media (max-width:768px){

  .product-popup--tall .product-popup__inner{
    width:92vw;
    max-height:85vh;
  }

  /* メイン */
  .product-popup--tall .popup-swiper-main{
    width:100%;
    max-height:75vh;
  }

  .product-popup--tall .popup-swiper-main .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .product-popup--tall .popup-swiper-main img{
    width:auto;
    max-width:100%;
    max-height:75vh;
    object-fit:contain;
	  
  }
	.product-popup__overlay{
  backdrop-filter:blur(6px);
}

}