@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){
  /*必要ならばここにコードを書く*/
}

/* H2：セクションの大見出し */
h2.wp-block-heading {
  font-size: 1.5em; /* → 24px：本文16pxに対してしっかり目立つサイズ */
  background: #5E8B6D;
  padding: 0.6em 1em;
  color: #FFF;
  margin: 1.5em 0 1em;
  border: none;
  border-radius: 4px; /* 少し丸みを加えて柔らかい印象に */
}

/* H3：H2内の中見出し */
h3.wp-block-heading {
  font-size: 1.25em; /* → 20px：H2との階層差を明確に */
  border-bottom: 2px solid #5E8B6D;
  color: #323232;
  padding-bottom: 0.3em;
  margin: 1.2em 0 0.8em;
  border-top: none;
}

/* H4：ポイントや補足に使う小見出し */
h4.wp-block-heading {
  font-size: 1.1em; /* → 17.6px：本文と見出しの中間的な印象に */
  border-left: 4px solid #5E8B6D;
  padding: 0.5em 0.8em;
  background: rgba(94, 139, 109, 0.08);
  color: #323232;
  margin: 1em 0;
  border-top: none;
  border-bottom: none;
  border-radius: 3px;
}