@charset "utf-8";

/* 共通のCSS======================================================= */

/* h3のデザインを変更する
----------------------------*/

h3 {
    padding: 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    background-color: #e6d9cf;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
	line-height: 2.5; /* 数値のみの指定がおすすめ（フォントサイズの2.5倍） */
}

/* 行間を詰めるクラス 
---------------------------*/
.tight-line {
    line-height: 1.3; /* 数値のみの指定がおすすめ（フォントサイズの1.3倍） */
}

/* 文字サイズを大きくするクラス 
-----------------------------------*/
.text-bigger12 {
    font-size: 1.2rem; /* 元のサイズの1.2倍 */
}

/* 文字の色を変え、太字にするクラス 
----------------------------------------*/
.text-red {
  color: red; /* 色の指定 */
  font-weight: bold; /* 太字 */
}

/* 共通のCSS　ここまで　=========================================== */