@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　ここまで　=========================================== */

/* tableデザイン
----------------------------------------------------------------------*/
/.table_design02 {
border-collapse: collapse;
width: 100%;
max-width: 700px;
}
.table_design02 tr {
background-color: #fff;
}
.table_design02 tr:nth-child(odd) {
background-color: #F3F0EE; /* 変更前の色は#e6f1f6（青系） */
}
.table_design02 th, .table_design02 td {
border: 1px solid #333; /* 罫線を追加 */
padding: 1em;
}
.table_design02 th {
font-weight: bold;
text-align: center;
width: 30%;
min-width: 4em;
}