@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/




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

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

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

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

/* モバイル（画面幅1023px以下）での見出しサイズ調整 */
@media screen and (max-width: 1023px) {
  .article h3 {
    font-size: 20px; /* H3のサイズ（デフォルトは約18px） */
  }
  .article h4 {
    font-size: 18px; /* H4のサイズ（デフォルトは約16px） */
  }
  .article h5 {
    font-size: 16px; /* H5のサイズ */
  }
}