/*

theme Name: sugar-themes-chilled
version: 1.0.0

*/




@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cardo&family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

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

} */

/* 到達点の上にヘッダー分の余白を確保（ブラウザ標準のアンカー移動用） */
:target { scroll-margin-top: 80px; } /* 80pxはヘッダーの実高さに合わせて調整 */


.flex {
    display: flex;
}

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

.space {
  margin: 100px 0;
}

.space_white{
  padding: 50px 0;
  background-color: #ffffff;
}

.bold {
    font-weight: 500;
}

li {
  text-decoration: none;
  list-style: none;
}

body {
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;

    /* 背景画像 */
    background-image: url('https://konkaturabo-kizuna.com/wp-content/uploads/2024/12/bg1-pc.png');
    background-size: cover; /* 背景を画面全体にフィットさせる */
    background-repeat: no-repeat; /* 背景を繰り返さない */
    background-position: center; /* 背景を中央に配置 */
}

.jus {
    justify-content: space-between;
}

/* .back_color_yellow {
  background-color: #fcf9f5;
  width: 100%;
} */

.back_color_white {
  background-color: #ffffff;
  width: 100%;
  padding-bottom: 120px;
  margin-top: -200px;
}


/* ヘッダー右側の上部 */

#top_header .header_top_rogo {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

#top_header .header_bottom {
  width: 100%;
  border-bottom:solid
        #6c6c6c 1.5px 
}

#top_header .header_bottom ul {
  text-align: center;
}


.header_bottom ul li{
  display: inline;
  margin: 40px 0;
  font-size: 16px;
  letter-spacing: 3.5px;
  font-weight: 300;
  line-height: 5;
}
.header_menu_contents + .header_menu_contents:before {
  content: "｜";
  margin: 0 38px; /* 仕切りの間隔を調整 */
  color: #999; /* 仕切りの色 */
}

.header_bottom ul li a:hover {
  opacity: 0.5;
}

/*=================================== 
フッター/footer
===================================*/

#footer {
  height: 30vw;
  background-color: #fff8ef;
  padding-bottom: 30px;
  margin-top: 150px;
}

#footer .footer_container {
  text-align: center;
  padding-top: 5vw;
  font-weight: 600;
}

#footer .footer_container .footer_logo {
  height: 5wv;
  justify-content: center;
  margin-bottom: 40px;
}

#footer .footer_container .footer_logo img {
  object-fit: cover;
}

#footer .footer_container .footer_add h2 {
  font-size: 20px;
  letter-spacing: 1.5px;
}

#footer .footer_container .footer_add h3 {
  padding-top: 10px;
  font-size: 20px;
  letter-spacing: 1.5px;
}

#footer .footer_container .footer_privacy {
  padding-top: 30px;
}

#footer .footer_container .footer_privacy a {
  font-size: 17px;
  letter-spacing: 1.5px;
  color: #ba9421;
  border-bottom: solid 2px #ba9421;
}

#footer .footer_container .footer_copyright p {
  padding-top: 30px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.5px;
}

/*=================================== 
サブページタイトル 
===================================*/


#Page_title .page_Tiyle_container .page_Title_img img {
  object-fit:cover
  
}

#Page_title .page_Tiyle_container {
  position: relative;
}

#Page_title .page_Title_text h2 {
  position: absolute; 
  top: 40%;
  right: 100px;
  font-size: 80px;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: 3px;
}

#Page_title .page_Title_text h2 span {
  position: relative;
  top: -40px;
  font-size: 20px;
  line-height: 1;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}


#Page_title .page_Title_text h3 {
  position: absolute; 
  top: 70%;
  right: 230px;
  font-size: 18px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}


/* トップページ『ヒーロー』 */
#top_hero {
  position: relative;
  width: 100%;
  height: 100vh;
  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: 60px;
  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 {
  width: 100%;
  margin: 0 auto;
}

#Top_thought .thought_top {
  text-align: center;
  padding-top: 120px;
  margin-top: 200px;
}


#Top_thought .thought_top h3 {
  font-family: "Dancing Script", cursive;
  color: rgb(221, 176, 41);
  font-size: 30px;
  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: 37px;
  line-height: 1.25;
}


#Top_thought .thought_bottom {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  padding-top: 50px;
}

#Top_thought .thought_bottom p {
  font-size: 16px;
  width: 700px;
  line-height: 2.3;
  font-weight: 300;
}


/* トップページ【フィギュア】 */

#top_main_figure {
  width: 100%;
  margin-top: 120px;
}
#top_main_figure .top_main_figure_container {
  width: 85%;
  margin: 0 auto;

}

.top_figure_left {
  width: 50%;
  position: relative;
}

.top_figure_right {
  width: 50%;
}


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

.background_blok {
  width: 100%;
  height: 350px;
  background-color: rgb(252, 244, 231);
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
}

.top_figure_right h2 {
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 2.5px;
}

.top_figure_right p {
  margin-top: 20px;
  letter-spacing: 1.3px;
  line-height: 2.4;
  font-size: 14.5px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;

} 

@media (max-width: 1400px) {
  .figure_right_text br {
    display: none;
  }
}

.top_figure_right .figure_right_text {
  padding-left: 80px;
  padding-top: 10px;
}

/* ========================
トップページ『絆コンシェルの強み』
========================= */

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

}

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

#strengths .strengths_left{
  width: 52%;
}

#strengths .strengths_left .strengths_text h2 {
  font-size: 32px;
  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: 18px;
  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: 200px;
  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: 50px;
}

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

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

}

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

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

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

.strengths_left .overlay-text {
  position: absolute;
  left: 5%;     /* 左からの位置（調整可） */
  bottom: -9%;    /* 下からの位置（調整可） */
  font-size: 200px;
  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;
}

/* ======================
Aboutエリア 
========================*/

.about_sec {
  margin-top: 280px;
}

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

.about_containar .about_left{
  width: 50%;
}

.about_containar .about_text h2 {
  font-family: "Dancing Script", cursive;
  font-size: 7.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: 1rem;
  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: 83%;
  margin-top: 90px;
}

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


/* ======================
Price_エリア 
========================*/


.parallax {
  position: relative;
  height: 2750px;
  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;

}

/* ======================
Flowエリア 
========================*/

.flow_icon_contact {
  position: relative;
  top: 220px;
  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: 100px;
  margin-bottom: 140px;
  padding-bottom: 50px;
}

.Top_flow_box {
  width: 60%;
  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;
}

.Top_flow_box .step_1::before {
  content: "STEP1";
  background-color: #aa0a0a; /* 赤色の背景 */
  color: #FFFFFF; /* 白文字 */
  margin-right: 25px;
  padding: 15px 30px; /* パディングを調整 */
  font-size: 18px; /* フォントサイズを調整 */
  font-weight:200 /* 太字にする */
}

.Top_flow_box .step_2::before {
  content: "STEP2";
  background-color: #aa0a0a; /* 赤色の背景 */
  color: #FFFFFF; /* 白文字 */
  margin-right: 25px;
  padding: 15px 30px; /* パディングを調整 */
  font-size: 18px; /* フォントサイズを調整 */
  font-weight:200 /* 太字にする */
}

.Top_flow_box .step_3::before {
  content: "STEP3";
  background-color: #aa0a0a; /* 赤色の背景 */
  color: #FFFFFF; /* 白文字 */
  margin-right: 25px;
  padding: 15px 30px; /* パディングを調整 */
  font-size: 18px; /* フォントサイズを調整 */
  font-weight:200 /* 太字にする */
}

.Top_flow_box .step_4::before {
  content: "STEP4";
  background-color: #aa0a0a; /* 赤色の背景 */
  color: #FFFFFF; /* 白文字 */
  margin-right: 25px;
  padding: 15px 30px; /* パディングを調整 */
  font-size: 18px; /* フォントサイズを調整 */
  font-weight:200 /* 太字にする */
}


.Top_flow_box p {
  font-size: 15px;
  letter-spacing: 1.5px;
  padding: 50px 80px 0 0px; /*上/右/下/左*/
  line-height: 2.5;
}


.Top_flow_box {
  display: flex;
  justify-content: space-between;
  align-items: center; /* 子要素を上下中央に配置 */
}

.Top_flow_text {
  flex: 1; /* テキスト部分をフレキシブルに広げる */
}

.Top_flow_text h3 {
  font-size: 22px;
}

.Top_flow_text h2 {
  font-size: 26px;
}

.Top_flow_img {
  flex: 0 0 auto; /* 画像部分のサイズを固定 */
}

.Top_flow_img img {
  display: block; /* 画像がボックスの外にはみ出さないようにする */
  max-width: 100%; /* 画像の最大幅を100%にする（必要に応じて調整） */
  height: auto; /* 画像の高さを自動調整 */
}



/* ======================
お問い合わせエリア 
========================*/

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

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

/* 見出し */
.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;
}

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

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

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


/* ======================
Q&Aエリア 
========================*/



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

.Top_pa_container {
  margin: 0 auto;
  margin-top: 140px;
  padding-top: 40px;
  border-top: solid 2px #c99c14;
  width: 75%;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;

}


.Top_container_qa {
  margin-top: 60px;
}

.Top_container_qa h4 {
  font-size: 17px;
  letter-spacing: 1.4px;
}

.Top_container_qa p {
  font-size: 15px;
  letter-spacing: 1.7px;
  padding-bottom: 30px;
  border-bottom: solid 1.5px #c80000;
}

.Top_container_qa > * {
  margin-bottom: 25px;
}

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

.faq_q {
  color: blue;
  font-size: 27px; /* 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: 27px; /* 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: 17px;
  padding-bottom: 30px;
  border-bottom: solid 1.5px #c80000;
  position: relative;
  font-weight: bold;
  padding-left: 2.5em;     /* 1行目の開始位置を右にずらす */
  text-indent: -2.5em;     /* 1行目だけ戻して「A」を先頭に */
  line-height: 1.8;      /* 行間の調整（任意） */
}


/* ================================================================
================================================================
絆コンシェルについてページ
==================================================================
==================================================================*/


/* ======================
キャッチコピーエリア 
========================*/


#about_catch_copy .catch_copy {
  text-align: center;
  padding-top: 100px;
  font-size: 25px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgb(195, 127, 10);
}




/* ======================
フィギュアエリア 
========================*/

#about_figure .about_figure_containar {
  display: flex;
  align-items: center; /* 中央に配置 */
  justify-content: center;
  gap: 80px; /* 画像と文章の間隔 */
}


#about_figure .about_figure_containar img {
  max-width: 50%; /* 画像の幅を調整 */
  height: auto;
  object-fit: cover;
}

#about_figure .about_figure_containar figcaption {
  max-width: 40%; /* 文章の幅を調整 */
  padding-left: 20px; /* 画像と文章の間隔 */
  position: relative;
  top: -40px; /* 30px 上に移動 */
}

#about_figure .about_figure_containar h2 {
  font-size: 28px;
  color: darkgoldenrod;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-weight: 500;
}

#about_figure .about_figure_containar p {
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}

/* ここからフィギュアの下側 */

#about_figure .figure_reverse {
  flex-direction: row-reverse; /* 子要素の順序を逆にする（右に画像） */

}

/* ======================
無料ご相談エリア 
========================*/

#sarvice_contact .sarvice_contact_container {
  background-image: url('https://konkaturabo-kizuna.com/wp-content/uploads/2024/12/Service_conntact.png');
  background-size: cover; /* 背景画像をコンテナ全体にフィット */
  background-position: center; /* 背景画像を中央に配置 */
  height: 350px; /* 高さを指定 */
  display: flex; /* 中央寄せのためのフレックスボックス */
  flex-direction: column; /* 要素を縦に並べる */
  justify-content: center; /* 垂直方向に中央寄せ */
  align-items: center; /* 水平方向に中央寄せ */
  padding: 20px; /* 内側の余白を調整 */
}

#sarvice_contact .sarvice_contact_caption {
  text-align: center; /* テキストを中央寄せ */
  margin-bottom: 20px; /* 下の要素との余白 */
}

#sarvice_contact .sarvice_contact_caption h3,#sarvice_contact .sarvice_contact_caption h2 {
  font-size: 27px;
  color: #fff;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-weight: 500;
  letter-spacing: 2px;
}

#sarvice_contact .sarvice_contact_caption h2 {
  font-size: 38px;
  padding-top: 20px;
}

#sarvice_contact .sarvice_contact_block {
  text-align: center; /* 必要に応じて追加 */
  width: 950px;
  margin-top: 30px;
}

#sarvice_contact .sarvice_contact_block h2 {
  padding-top: 30px;
}

.sarvice_contact_block.flex {
  display: flex; /* フレックスボックスで左右配置 */
  gap: 60px; /* 左右の間隔を60pxに設定 */
}

.contact_block_left,
.contact_block_right {
  flex: 1; /* 左右のブロックを均等に配置 */
  transition: all 0.3s ease; /* スムーズなトランジションを設定 */
  border: 2px solid #f78da7; /* 黒い境界線を追加 */

}



.contact_block_left h2,
.contact_block_right h2 {
  margin: 0; /* 不要な外部余白をリセット */
  padding: 35px 40px;
  background-color: #fff;
  color: rgb(19, 132, 2);
  font-weight: 600;
}


.contact_block_left:hover {
  opacity: 0.75; /* 半透明に設定 */
}

.contact_block_right:hover {
  opacity: 0.75; /* 半透明に設定 */
}

.contact_block_right h2 {
  margin: 0; /* 不要な外部余白をリセット */
  padding: 35px 40px;
  background-color: #fff;
  color: rgb(45, 45, 45);
  font-weight: 600;
}

.contact_block_left h2::before {
  content: '';
  display: inline-block;
  background-image: url('https://konkaturabo-kizuna.com/wp-content/uploads/2024/12/icons8-チャット-100.png');
  background-size: contain; /* アイコンをコンテナ内に収める */
  background-repeat: no-repeat; /* 背景画像を繰り返さない */
  width: 18px; /* アイコンの幅を調整 */
  height: 18px; /* アイコンの高さを調整 */
  margin-right: 10px; /* アイコンとテキストの間隔 */
  vertical-align: middle; /* テキストとの縦位置を中央揃え */
}

.contact_block_right h2::before {
  content: '';
  display: inline-block;
  background-image: url('https://konkaturabo-kizuna.com/wp-content/uploads/2024/12/icons8-メッセージ-90.png');
  background-size: contain; /* アイコンをコンテナ内に収める */
  background-repeat: no-repeat; /* 背景画像を繰り返さない */
  width: 18px; /* アイコンの幅を調整 */
  height: 18px; /* アイコンの高さを調整 */
  position: relative;
  top: -1px;
  margin-right: 7px; /* アイコンとテキストの間隔 */
  vertical-align: middle; /* テキストとの縦位置を中央揃え */
}



/* ================================================================
================================================================
プラン料金についてページ
==================================================================
==================================================================*/


/* ======================
料金システムエリア 
========================*/


#price_catch_copy .catch_copy {
  text-align: center;
  padding-top: 50px;
  margin-top: 0px;
  font-size: 20px;
  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: 18px;
    font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    letter-spacing: 1.4px;

  }

  .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: 175px;
  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: 16px;
    }
}

#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: 600px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#price_plan_sec .price_box {
  height: 750px;
}

#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: 18px;
  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: 65%;
  margin: 0 auto;
  margin-top: 120px;
  padding: 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: 1.1em;
  margin-bottom: 0px;
  padding-bottom: 8px;
  margin-top: 60px;
}

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

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


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

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

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

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

}

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


/* ================================================================
================================================================
初めての方へについてページ
==================================================================
==================================================================*/

.before_flow_title {
  display: flex;
  justify-content: center;
  padding-top: 100px;
}

.before_flow_title h2 {
  width: 350px;
  text-align: center;
  font-size: 35px;
  color: #232323;
  padding-bottom: 15px;
  font-family: "Hannari","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  border-bottom:solid #232323 3px 
}



#before_flow .before_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: 130px;
  margin-bottom: 100px;
}

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


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

#before_flow .before_flow_container .before_img{
  width: 600px;
  text-align: center;
  padding-top: 30px;
}

#before_flow .before_flow_container .before_img h2{
  font-size: 25px;
  margin-top: 20px;
}

#before_flow .before_flow_container .before_img h2 span{
  font-size: 18px;
  margin-top: 10px;
  color: #6a6a6a;
}

#before_flow .before_flow_container .before_flow_text{
  padding-left: 50px;
  font-size: 16px;
  line-height: 2;
}

#before_flow .before_flow_container{}

#before_flow .before_flow_container{}

.dli-caret-down {
  display: flex;
  vertical-align: middle;
  justify-content: center;
  margin: 80px auto;
  color: #ff8f8f;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1.94856em 1.125em; /* 計算後の値 */
  border-top-color: currentColor;
  border-bottom: 0;
}

/* ご入会後の背景色の変更 */
.before_second_backcolor {
    background-color: rgb(247, 255, 254);

}



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

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

/* 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: 120px;
  margin-top: 60px;
}

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


.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 25% 0% /cover;
  background-size: 180px;
  animation: blurAnimation 3s infinite alternate;
}

.about_containar .about_left{
  width: 50%;
}

.about_containar .about_text h2 {
  font-family: "Dancing Script", cursive;
  font-size: 7.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: 1rem;
  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: 75%;
  margin-top: 50px;
}

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



}