@charset "utf-8";
/*
 * ホームのスタイルシート
 * ======= ====== ||    \\    ====
 * ||        ||   ||  \\    ||    ||
 * ||=====   ||   ||\\     ||      ||
 * ||        ||   ||  \\    ||    ||
 * ======= ====== ||    \\    ====
 *
 * モバイルファースト
 * => 基本の CSS は、モバイル用のデザインとする
 * => PC対応 (768px以上) は、スマートフォン、タブレット用と異なる部分だけを下部に記述する
 *
 * できるだけシンプルに分かりやすくする
 * => 複雑にしない
 */
/*--------------------------------------------------
>>> 見出し
--------------------------------------------------*/
h2 {
  margin: 1rem 0 0.3rem 0;
  padding: 0.5rem 0 0.3rem 0.5rem;
  font-size: 1.2em;
  color: antiquewhite;
  /* border-bottom: double 5px green; */
  background-color: green;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}
.content a:link, a:visited {
  text-decoration: none;
}
.content p {
  margin: 0;
  padding: 0 0 0 1em;
}
.content ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}
/*--------------------------------------------------
>>> テーブル
--------------------------------------------------*/
table {
  width: 100%;
  border-collapse: collapse;  /* セルの線を重ねる */
  table-layout: fixed;  /* セルの幅を均等にする */
}
th,td {
  border: solid 1px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
/*--------------------------------------------------
>>> はじめに
--------------------------------------------------*/
.preface {
  margin-top: 1rem !important;
}