@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}




/* FAQセクションのデザイン改善 */
dl.faq {
  margin: 2em 0;
  padding: 0;
}

dl.faq dt {
  margin-top: 2em;
  font-weight: bold;
  font-size: 1.1em;
  color: #333;
  line-height: 1.6;
}

dl.faq dd {
  margin: 0.5em 0 2em 1.5em;
  line-height: 1.8;
  color: #555;
}

/* Q. と A. を自動で追加（オプション） */
dl.faq dt::before {
  content: "Q. ";
  color: #007acc;
  font-weight: bold;
}

dl.faq dd::before {
  content: "A. ";
  color: #cc3300;
  font-weight: bold;
}


/* 太字の赤 */
.bold-red {
  color: #cc0000;
  font-weight: bold;
}

/* 太字の黒*/
.bold-black {
  color: #000000;
  font-weight: bold;
 }


small {
  font-size: 0.85em;
  color: #666;
  display: inline-block;
  margin-top: 1em;
}


.policy-note {
  font-size: 0.85em;
  color: #666;
  margin-top: 2em;
}



/* ページ内リンク（アンカーリンク）にスムーズにスクロール移動させる  */
html {
  scroll-behavior: smooth;
}