@charset "UTF-8";

/* memo {
  font-family: "Dancing Script", cursive;
} */

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┃ 📱💻🖥️  レスポンシブ対応 タブレットサイズ 🖥️💻📱
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

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

    .space_160px {
        margin-top: 160px;
    }

/* ヘッダー */

.header_bottom ul li{
  display: inline;
  margin: 40px 0;
  font-size: 15px;
  letter-spacing: 3.5px;
  font-weight: 300;
  line-height: 5;
}

.header_menu_contents + .header_menu_contents:before {
  content: "｜";
  margin: 0 20px; /* 仕切りの間隔を調整 */
  color: #999; /* 仕切りの色 */
}

/* ----------------------------
ANOHETR MARRYING 
------------------------------*/

#top_hero {
  position: relative;
  width: 100%;
  height: 80vh;
  background: url(https://konkaturabo-kizuna.com/wp-content/uploads/2025/12/pc_mv-bg.jpg) no-repeat center center/cover;
}

#top_hero h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 20px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white; /* 白いシャドウを重ねて明るく見せる */
  font-family: "Marcellus", serif;
  font-weight: 400;
}

/* ----------------------------

絆・コンシェルで叶える、二人だけの特別な出会い 

------------------------------*/

#Top_thought .thought_top {
  text-align: center;
  padding-top: 150px;
  margin-top: 60px;
}
#Top_thought .thought_top h3 {
  font-family: "Dancing Script", cursive;
  color: rgb(221, 176, 41);
  font-size: 27px;
  letter-spacing: 2px;
}

#Top_thought .thought_top h2 {
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  padding-top: 15px;
  font-size: 32px;
  line-height: 1.25;
}


/* ----------------------------

ご縁を紡ぎ… 未来へつなぐお手伝い

------------------------------*/


.top_figure_right {
  width: 60%;

}


.top_figure_left img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.background_blok {
  width: 100%;
  height: 300px;
  top: 20px;
  left: 20px;
}

.top_figure_right h2 {
  font-size: 25px;
  line-height: 1.7;
  letter-spacing: 2.5px;
}

.top_figure_right p {
  margin-top: 20px;
  letter-spacing: 1.3px;
  line-height: 1.4;
  font-size: 15.5px;
} 

/* ----------------------------

サービスの特徴 

------------------------------*/

.about_sec {
  margin-top: 110px;
}

.about_containar {
  width: 90%;
  margin: 0 auto;
  background: url(./img/結婚イラスト_01.png) no-repeat 35% 0% /cover;
  background-size: 150px;
  animation: blurAnimation 3s infinite alternate;
}

.about_containar .about_left{
  width: 50%;
}

.about_containar .about_text h2 {
  font-family: "Dancing Script", cursive;
  font-size: 6.3rem;
  font-weight: 100;
  letter-spacing: 3px;
}

.about_containar .about_text h4 {
  font-size: 1.45rem;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-weight: bold; 
  margin-top: 25px;
  letter-spacing: 3px;

}

.about_containar .about_text h3 {
  font-size: 1.5rem;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-weight: 600;
  letter-spacing: 2.5px;
  margin-top: 20px;
}

.about_containar .about_text p {
  font-size: 15px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-weight: 300;
  letter-spacing: 1.8px;
  margin-top: 50px;
  line-height: 2.3;
}

.about_right {
  width: 45%;
}
.about_right img {
  width: 85%;
  margin-top: 90px;
}

.sukusyo {
  position: relative;
  right: 240px;
}

/* ----------------------------

絆コンシェルの強み 

------------------------------*/

#strengths {
  width: 100%;
  margin-top: 80px;
}
#strengths .strengths_container {
  width: 85%;
  margin: 0 auto;
  margin-top: 180px;

}

/* ===========  強み＿左側  ======== */

#strengths .strengths_left{
  width: 52%;
}

#strengths .strengths_left .strengths_text h2 {
  font-size: 27px;
  line-height: 1.5;
  letter-spacing: 2.5px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;

}
#strengths .strengths_left .strengths_text p {
  padding-top: 20px;
  line-height: 2.2;
  font-size: 15px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;

}

/* ===========  強み＿右側  ======== */

.strengths_right {
  width: 50%;
  position: relative;  /* 基準になる */
  display: inline-block;
}

.strengths_right img {
  width: 95%; /* もとの指定 */
  display: block;
}

.strengths_right .overlay-text {
  position: absolute;
  left: 5%;     /* 左からの位置（調整可） */
  bottom: -9%;    /* 下からの位置（調整可） */
  font-size: 150px;
  color: #ffd072;
  font-weight: bold;
  pointer-events: none; /* クリックを画像に通したい場合 */
  opacity: 0.4;   /* ← 0〜1で透明度を指定。0.5は50%透過 */
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}


/* 二つ目の反転CSS */

/* ===========  2_強み＿右側  ======== */

#strengths .strengths_left{
  width: 52%;
}

#strengths .strengths_right .strengths_text {
  padding-left: 70px;
  padding-top: 10px;
}

#strengths .strengths_right .strengths_text h2 {
  font-size: 27px;
  line-height: 1.5;
  letter-spacing: 2.4px;

}
#strengths .strengths_right .strengths_text p {
  padding-top: 20px;
  line-height: 2.2;
  font-size: 15px;

}

/* ===========  2_強み＿左側  ======== */


.strengths_left .overlay-text {
  position: absolute;
  left: 5%;     /* 左からの位置（調整可） */
  bottom: -9%;    /* 下からの位置（調整可） */
  font-size: 150px;
  color: #ffd072;
  font-weight: bold;
  pointer-events: none; /* クリックを画像に通したい場合 */
  opacity: 0.4;   /* ← 0〜1で透明度を指定。0.5は50%透過 */
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}


/* ----------------------------

成婚までの流れ 

------------------------------*/
.flow_icon_contact {
  position: relative;
  top: 110px;
  left: 75%;
  transform: rotate(30deg);
}

#Top_flow .Top_flow_container {
  width: 100%;
  margin: 0 auto;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  margin-top: 0px;
  margin-bottom: 140px;
  padding-bottom: 50px;
}

.Top_flow_box {
  width: 78%;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
  padding: 75px 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ここにボックスシャドウを追加 */
}


.Top_flow_container > * {
  margin-bottom: 85px;
}

/* 最後の子要素には `margin-bottom` を適用しない */
.Top_flow_container > *:last-child {
  margin-bottom: 20px;
}

.Top_flow_box h2 {
  position: relative;
  font-size: 30px;
  letter-spacing: 2px;
}


/*-----------------------------
 お問い合わせ 
 ----------------------------*/


/* バナー全体 */
.banner {
  text-align: center; /* 中央寄せ */
  margin: 20px 0;     /* 上下の余白調整 */
  margin-top: 60px;
}

/* 見出し */
.banner h3 {
  font-size: 22px;
  letter-spacing: 2.5px;
  font-weight: normal;
  margin-bottom: 25px;
  color: #333;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,
               "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
               "HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.parallax_contact {
  position: relative;
  height: 450px;
  background: url('./img/price_back.png') no-repeat center center fixed;
  background-size: cover;
  color: #020202;
  /* display: flex; */
}


.banner img {
  width: 40%;       /* 横幅30% */
  max-width: 550px; /* 大きすぎ防止 */
  height: auto;
  display: inline-block;
  transition: transform 0.3s ease;
  border-radius: 8px; /* 角を少し丸めても◎ */
}

/* ホバー演出（任意） */
.banner img:hover {
  transform: scale(1.05);
}




#Top_thought .thought_Tablet{
  padding-top: 60px;
  margin-top: 200px;
}


/* Q&A */

.Top_pa_container h2 {
  font-size: 23px;
  letter-spacing: 3px;
  font-weight: 200;
  padding-left: 10px;
}


/*--------------------------
 フッター 
 --------------------------*/

 #footer {
    height: auto;          /* ← 固定高さをやめて自動に */
    min-height: unset;     /* 念のため固定の下限も無効化 */
    padding: 40px 0 32px;  /* 上下の余白で見た目を整える */
    background-color: #fff8ef; /* 念のため指定を保持 */
    overflow: visible;     /* 念のため（はみ出し抑止） */
    margin-top: 0;
  }

  #footer .footer_container {
    padding-top: 0;        /* 上で余白を持たせたのでゼロでもOK */
  }

  /* ロゴ周り：高さ固定をやめる */
  #footer .footer_container .footer_logo {
    /* 元にあった height: 5wv は誤記なので上書き */
    height: auto;          /* ← 固定しない */
    justify-content: center;
    margin-bottom: 24px;
  }

  #footer .footer_container .footer_logo img {
    max-width: min(60vw, 220px); /* 画面に応じて縮む */
    height: auto;                /* 縦横比維持 */
    object-fit: contain;         /* 念のため */
  }

  /* タイポグラフィ微調整（任意） */
  #footer .footer_container .footer_add h2,
  #footer .footer_container .footer_add h3 {
    font-size: 18px;
    letter-spacing: 1.2px;
  }



}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┃ 📱💻🖥️  レスポンシブ対応 スマートフォンサイズ 🖥️💻📱
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

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

.header_bottom {
    display: none;
}

 .space_160px {
     margin-top: 0px;
 }

/* ----------------------------
ANOHETR MARRYING 
------------------------------*/

#top_hero {
  position: relative;
  width: 100%;
  height: 60vh;
  background: url(https://konkaturabo-kizuna.com/wp-content/uploads/2025/12/pc_mv-bg.jpg) no-repeat center center/cover;
}

#top_hero h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 20px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white; /* 白いシャドウを重ねて明るく見せる */
  font-family: "Marcellus", serif;
  font-weight: 400;
}


/* ----------------------------

絆・コンシェルで叶える、二人だけの特別な出会い 

------------------------------*/

#Top_thought .thought_top {
  text-align: center;
  padding-top: 60px;
  margin-top: 60px;
}
#Top_thought .thought_top h3 {
  font-family: "Dancing Script", cursive;
  color: rgb(221, 176, 41);
  font-size: 22px;
  letter-spacing: 2px;
}

#Top_thought .thought_top h2 {
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  padding-top: 15px;
  font-size: 24px;
  line-height: 1.25;
}
#Top_thought .thought_bottom p {
  font-size: 12px;
  width: 90%;
  line-height: 2.3;
  font-weight: 300;
}

/* ---------------------------
ご縁を紡ぎ…未来へつなぐお手伝い 
------------------------------*/

  /* 画面端のはみ出し・余白対策 */
  html, body {
    overflow-x: hidden;
  }

  /* コンテナの左右余白を“内部パディング”に置き換え */
  #top_main_figure .top_main_figure_container {
    width: 100%;            /* 85% → 100%にして外側余白を無くす */
    padding: 0 16px;        /* 必要な左右余白は内側で付ける */
    box-sizing: border-box;
    flex-direction: column; /* 縦並び */
    align-items: center;
  }

  /* フィギュアを縦並びに変更 */
  #top_main_figure .top_main_figure_container {
    flex-direction: column;
    align-items: center; /* 中央寄せにしたい場合 */
  }

  .top_figure_left,
  .top_figure_right {
    width: 100%;
  }

.figure_right_text {
    text-align: center; /* ✅ 全体を中央寄せに */
    margin: 0 auto;     /* ✅ コンテナ自体も中央寄せ */
    width: 90%;         /* ✅ 横幅を少し縮めて左右余白を確保 */
  }

  /* 背景ブロックの位置を調整（スマホでずれないように） */
  .background_blok {
    position: absolute;
    top: 5px;
    height: 280px;
  }

  .top_figure_left img {
    width: 100%;
    height: auto;
  }

  .top_figure_right h2 {
    padding-top: 30px;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    margin: 0 auto; /* ✅ 念のため中央寄せ補強 */
  }

  .top_figure_right p {
    font-size: 13px;
    line-height: 2;
    text-align: center; /* ✅ 念のため中央寄せ補強 */
  }
    /* 左右カラムは全幅に */
  .top_figure_left,
  .top_figure_right {
    width: 100%;
  }

  /* 右テキストの右寄り原因：左パディングを打ち消し、中央に */
  .top_figure_right .figure_right_text {
    padding-left: 0;        /* ← ここが右寄りの主因 */
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    width: 90%;
  }

    .top_figure_right .figure_right_text p {
        font-size: 13px;
    }


 /* <!--========================= 

 カウンセラー紹介

 ===========================--> */
.about_sec {
  margin-top: 110px;
}

  /* 横並びを縦並びに変更 */
  .about_containar {
    flex-direction: column;  /* ← これで縦並びに */
    align-items: center;     /* 真ん中寄せ */
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .about_containar {
  width: 90%;
  margin: 0 auto;
  background: url(./img/結婚イラスト_01.png) no-repeat 95% 0% /cover;
  background-size: 110px;
  animation: blurAnimation 3s infinite alternate;
}

  /* 要素の順番を変更（画像を下に） */
  .about_right {
    order: 2;   /* 画像を下に */
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .about_left {
    order: 1;   /* テキストを上に */
    width: 100%;
  }

  .about_containar .about_left{
  width: 95%;
}


  /* テキストの中央寄せと余白調整 */
  .about_containar .about_text {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }

  .about_containar .about_text h2 {
    font-size: 4.5rem; /* 少し小さく */
  }

  .about_containar .about_text h3 {
    font-size: 0.95rem;
    margin-top: 10px;
  }

  .about_containar .about_text p {
    font-size: 0.86rem;
    padding-top: 45px;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 0;
  }

  /* 画像を全幅に */
  .about_right img {
    width: 90%;
    height: auto;
    margin-top: 10px;
  }

  

 /* <!--========================= 

絆コンシェルの強み

 ===========================--> */
#strengths .strengths_right .strengths_text {
  padding-left: 0px;
  padding-top: 50px;
}


  /* 各コンテナを縦並びに変更 */
  #strengths .strengths_container {
    flex-direction: column !important;
    align-items: center;
    width: 100%;
    margin-top: 100px;
    gap: 20px;
  }

  /* 左右の要素を全幅化 */
  #strengths .strengths_left,
  #strengths .strengths_right {
    width: 100% !important;
    text-align: center;
  }

  /* 1つ目・3つ目（テキスト先） */
  #strengths .strengths_container:nth-of-type(1) .strengths_left,
  #strengths .strengths_container:nth-of-type(3) .strengths_left {
    order: 1;
  }
  #strengths .strengths_container:nth-of-type(1) .strengths_right,
  #strengths .strengths_container:nth-of-type(3) .strengths_right {
    order: 2;
  }

  /* 2つ目（反転しているものを修正） */
  #strengths .strengths_container:nth-of-type(2) .strengths_left {
    order: 2;
  }
  #strengths .strengths_container:nth-of-type(2) .strengths_right {
    order: 1;
  }

  /* テキスト全体の整列とサイズ */
  #strengths .strengths_text {
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }

  /* ✅ h2を確実に18pxに固定（!important付き） */
  #strengths .strengths_text h2 {
    font-size: 22px !important;
    line-height: 1.5;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
  }

  #strengths .strengths_text p {
    font-size: 12.5px !important;
    line-height: 1.7;
    letter-spacing: 0.8px;
  }

  /* 画像サイズの調整 */
  #strengths .strengths_right img,
  #strengths .strengths_left img {
    width: 95%;
    height: auto;
    margin-top: 10px;
  }

  /* オーバーレイ文字の調整 */
  #strengths .overlay-text {
    font-size: 100px;
    bottom: -5%;
    left: 8%;
    opacity: 0.35;
  }


  /*------------------ 料金表 ------------------*/


.parallax {
  position: relative;
  height: 2330px;
  background: url('./img/price_back.png') no-repeat center center fixed;
  background-size: cover;
  color: #020202;
  /* display: flex; */
}


.price_container {
  width: 75%;
  height: 550px;
  background-color: #fff;
  margin: 0 auto;
  display: flex; /* 追加 */
  align-items: center; /* 追加 */
  justify-content: center; /* 追加 */
}

.price_container h2 {
  text-align: center; /* 不要なら削除可 */
  font-size: 30px;

}



#price_catch_copy .catch_copy {
  text-align: center;
  padding-top: 50px;
  margin-top: 0px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 500;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  color: rgb(26, 26, 26);
}

#price_catch_copy .catch_copy h2 span {
  color: #f9406e;
  margin-bottom: 200px;
}

#price_plan_sec .price_sec_container {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  padding-top: 30px;
}

#price_plan_sec .price_box {
  margin-top: 20px;
  background-color: #ffffff;
  width: 1000px;
  height: 600px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ここにボックスシャドウを追加 */
}

  #price_plan_sec .price_box .price_system h2 {
    width: 100%;
    background-color: #f2f2f2;
    padding: 18px 0;
    margin-top: 20px;
    font-size: 20px;
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  }

  #price_plan_sec .price_box h3 {
    padding: 30px 0;
    font-size: 14.5px;
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    letter-spacing: 1px;

  }

  .price-table {
    width: 100%;
    max-width: 650px;
    border-collapse: collapse;
    margin: 20px auto;
    font-size: 18px;
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.price-table td {
    padding: 15px;
    border: 1px solid #e0e0e0;
    text-align: left;
    vertical-align: top;
    line-height: 1.45;
}

.price-table td:nth-child(2) {
    text-align: right;
    font-weight: bold;
}

.price-table td .tax {
    font-size: 14px;
    color: gray;
}

.price-table td span {
  color: #c80000;
}

.price-title {
    background-color: #feeded;
    font-weight: bold;
}

.system_point {
  text-align: left;
  padding-left: 0px;
  padding-top: 40px;
  font-size: 13px;
  line-height: 1.7;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; 
}

   /* Responsive Design */
   @media (max-width: 768px) {
    .price-table {
        font-size: 15px;
    }
}

#trial_plan_sec .price_sec_container {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  padding-top: 30px;
}

/* 料金ボックスの白背景の大きさ */
#trial_plan_sec .price_box {
  margin-top: 20px;
  background-color: #ffffff;
  width: 1000px;
  height: 570px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 料金ボックスの白背景の大きさ */
#price_plan_sec .price_box {
  height: 630px;
}

#trial_plan_sec .price_box .price_system h2 {
  width: 100%;
  background-color: #f2f2f2;
  padding: 18px 0;
  margin-top: 20px;
  font-size: 20px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

#trial_plan_sec .price_box h3 {
  padding: 30px 0;
  font-size: 15px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  letter-spacing: 1.4px;
}


/*<!----------------- 規約と注意情報 --------------------->*/


.container_terms {
  max-width: 85%;
  margin: 0 auto;
  margin-top: 50px;
  padding: 20px;
  padding-bottom: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; 
  font-weight: 600;
  letter-spacing: 1.5px;
}

.section_terms_terms {
  margin-bottom: 30px;
}

.section-title_terms {
  font-size: 0.9em;
  margin-bottom: 0px;
  padding-bottom: 8px;
  margin-top: 45px;
}

.container_terms .terms_space_none {
  margin-top: 10px; /* 一つ目の要素だけ適用 */
}

.highlight-title_terms {
  color: #f7749b;
  font-weight: bold;
}


.list_terms {
  margin: 0 0 10px 10px;
  padding: 0;
  list-style: disc;
}

.list-item_terms {
  margin-bottom: 5px;
  font-size: 13px;
}

.subtext_terms {
  font-size: 0.8em;
  color: #555;
  margin-top: 5px;
  letter-spacing: 2px;
  line-height: 1.4;
}

.list-item_terms .paragraph_terms {
  margin-bottom: 15px;
  font-size: 13px;

}

.paragraph_terms {
  font-size: 12px;
  line-height: 1.4;
}

/* ーーーーーーーーーーーー成婚までの流れーーーーーーーーーーー */

 /* 飾りアイコンがはみ出すのを防止し、上に小さく表示 */
  .flow_icon_contact {
    position: static;
    transform: none;
    display: block;
    width: 110px;
    margin: 0 auto 30px;
  }

  /* コンテナの左右に安全域 */
  #Top_flow .Top_flow_container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    margin-top: 60px;
    margin-bottom: 80px;
  }

  /* 各ボックスを縦並び化＆パディング縮小 */
  .Top_flow_box {
    width: 100%;
    display: flex;
    flex-direction: column;   /* ← 縦並び */
    align-items: center;
    gap: 18px;
    padding: 24px 16px;       /* 75px 50px → スマホ向けに縮小 */
    box-sizing: border-box;
  }

  /* 並び順：テキスト → 画像（全ボックス共通） */
  .Top_flow_text { order: 1; width: 100%; }
  .Top_flow_img  { order: 2; width: 100%; }

  /* 画像は枠にフィット */
  .Top_flow_img img {
    display: block;
    width: 95%;
    height: auto;
    max-width: 420px;   /* 画像の実サイズに合わせて上限調整可 */
    margin: 8px auto 0;
  }

  /* 見出し＝読みやすいサイズに統一（h3もh2も） */
  .Top_flow_text h3,
  .Top_flow_text h2 {
    font-size: 18px;      /* ✅ モバイル見出しを18pxで統一 */
    line-height: 1.7;
    letter-spacing: 1.2px;
    margin-bottom: 12px;
    text-align: center;
  }

  /* STEPバッジを小ぶりに、行間に馴染ませる */
  .Top_flow_box .step_1::before,
  .Top_flow_box .step_2::before,
  .Top_flow_box .step_3::before ,
  .Top_flow_box .step_4::before 
    {
    font-size: 12px;      /* 18px → 12px */
    padding: 10px 16px;    /* 15px 30px → 軽量化 */
    margin-right: 17px;
    border-radius: 10%;
  }

  /* 本文：右パディングでのはみ出しを打消し、行幅を適正化 */
  .Top_flow_box p {
    font-size: 13px;
    line-height: 1.9;
    letter-spacing: 0.6px;
    padding: 12px 0 0 0 !important;    /* ← 右80pxを無効化 */
    margin: 0 auto;
    max-width: 36rem;                   /* 読みやすい行幅（任意） */
    text-align: left;                   /* 可読性重視。中央にしたい場合は center に変更可 */
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* STEPと見出しの縦位置を微調整（480px以下でも共通OK） */
#Top_flow .Top_flow_text h2{
  position: relative;
  top: 5px; /* ✅ これで2px下に配置 */
}



/*-----------------------------
 お問い合わせ 
 ----------------------------*/


/* バナー全体 */
.banner {
  text-align: center; /* 中央寄せ */
  margin: 20px 0;     /* 上下の余白調整 */
  margin-top: 50px;
}

/* 見出し */
.banner h3 {
  font-size: 17px;
  letter-spacing: 2.5px;
  font-weight: normal;
  margin-bottom: 25px;
  color: #333;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,
               "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
               "HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

/* バナー画像リンク */

.back_color_beige {
  width: 100%;
  background-color: #fffcf3;
  padding-bottom: 170px;
}

.banner img {
  width: 70%;       /* 横幅30% */
  max-width: 550px; /* 大きすぎ防止 */
  height: auto;
  display: inline-block;
  transition: transform 0.3s ease;
  border-radius: 8px; /* 角を少し丸めても◎ */
}

/* ホバー演出（任意） */
.banner img:hover {
  transform: scale(1.05);
}

/* お問い合わせの上の余白 */
#Top_thought .thought_Tablet{
  padding-top: 60px;
  margin-top: 100px;
}


/* ======================

Q&Aエリア 

========================*/

/* 見出しブロック */
  .Top_pa_container {
    width: 92%;
    margin-top: 80px;
    padding-top: 24px;
    border-top-width: 1.5px;
    box-sizing: border-box;
  }

  .Top_pa_container h2 {
    font-size: 20px;          /* 30px → 読みやすい20px */
    letter-spacing: 1.5px;    /* 詰める */
    padding-left: 0;          /* 左余白をカット */
    text-align: center;       /* モバイルは中央寄せが読みやすい */
    margin: 0;
    line-height: 1.4;
  }

  /* 各QAブロック */
  .Top_container_qa {
    margin-top: 28px;         /* 60px → 控えめに */
  }

  .Top_container_qa > * {
    margin-bottom: 18px;      /* 25px → 少し詰める */
  }

  .Top_container_qa > *:last-child {
    margin-bottom: 0;
  }

  /* 質問見出し（Q + テキスト） */
  .Top_container_qa h4 {
    font-size: 15px;          /* 17px → 15px */
    letter-spacing: 1px;
    line-height: 1.6;
    margin: 0;
    overflow-wrap: anywhere;  /* 長語のはみ出し防止 */
    word-break: break-word;
  }

  /* 回答本文（A + テキスト） */
  .Top_container_qa p {
    font-size: 13px;          /* 15px → 13px */
    letter-spacing: .6px;
    line-height: 1.9;         /* 2.5 → 読みやすい1.9 */
    padding-bottom: 18px;     /* 30px → 18px */
    border-bottom-width: 1px; /* 1.5px → 1px */
    margin: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Q / A ラベル（サイズを下げて上下センターに見える微調整） */
.faq_q {
  color: blue;
  font-size: 20px; /* h4が17pxなので+10px */
  font-weight: bold;
  margin-right: 8px;
  font-weight: 300;
    font-family: "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;

}

.faq_a {
  color: red;
  font-size: 20px; /* pが17pxなので+10px */
  margin-right: 8px;
  font-weight: 300;
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;

}

  /* 回答段落の行頭記号の吊り下げ（配置は維持） */
  .faq_icon02 {
    font-size: 15px;          /* 見出しと整合 */
    padding-left: 2em;        /* 吊り下げ幅を少しだけ戻す */
    text-indent: -2em;
    line-height: 1.9;         /* p と揃える */
  }

  /* --------------------フッター -----------------*/
 #footer {
    height: auto; /* 高さを可変に */
    padding: 40px 0 20px;
    margin-top: 0;
  }

  #footer .footer_container {
    padding-top: 0;
    width: 90%;
    margin: 0 auto;
  }

  /* ロゴサイズを少し小さく中央 */
  #footer .footer_container .footer_logo img {
    width: 150px;  /* 200px → 150px */
    height: auto;
    margin-bottom: 20px;
  }

  /* 店名 */
  #footer .footer_container .footer_add h2 {
    font-size: 16px;  /* 20px → 16px */
    letter-spacing: 1.2px;
    line-height: 1.5;
  }

  /* 電話番号 */
  #footer .footer_container .footer_add h3 {
    font-size: 14px;  /* 20px → 14px */
    padding-top: 8px;
    letter-spacing: 1.2px;
    line-height: 1.4;
  }

  /* 個人情報保護方針リンク */
  #footer .footer_container .footer_privacy {
    padding-top: 20px;
  }
  #footer .footer_container .footer_privacy a {
    font-size: 14px; /* 17px → 14px */
    border-bottom-width: 1.5px;
  }

  /* コピーライト */
  #footer .footer_container .footer_copyright p {
    padding-top: 20px;
    font-size: 12px; /* 14px → 12px */
    letter-spacing: 1px;
    line-height: 1.6;
  }
}