/* リセットCSS（気にしないでください） */
* {
  margin: 0;
  padding: 0;
}
 
/* 大枠（気にしないでください） */
body {
  width: 100%;
}
#wrapper {
  width: 100%;      /* 幅をウィンドウサイズに合わせて100％に指定*/
  max-width: 1000px; /* 追加：幅は最大で800pxまで広がるようにする */
  min-width: 300px; /* 追加：幅は最小で300pxまで狭まるようにする */
  margin: 0 auto;　 /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */
  line-height: 1.7;		
}
 
/* 見出し ここから */
p {
  color: #000;
  font-size: 20px;
}
a {
  color: #000;
  font-size: 22px;
}

h1 {
    height: auto;
    margin: 40px 0 0 0px;
    padding: 0;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    border-top: 0;
    line-height: 1.5;
}
 
h2 {
  margin: 60px 0 35px 0;
  padding: 0 0 0 15px;
  font-size: 26px;
  font-weight: bold;
  border-width: 0 0 0 4px;
  border-style: solid;
  border-color: #0f5296;
}
 
h3 {
    padding-bottom: 10px;
  font-size: 22px;
    font-weight: bold;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e6e6e6;
}
ol{
  margin: 30px 0 35px 0;
  padding: 0 0 0 15px;
  font-size: 20px;
}

table {
  width: 100%; /* テーブルの横幅を指定する */
  }
  table th, table td {
  padding: 10px; /* セルの余白を指定する(上下左右) */
  border: 1px solid #666; /* セルの境界線を実線で指定する */
  }
  table td {
    background-color: rgb(205, 229, 243); /* ボックスの背景色を指定する */
    }
  table th {
  background-color: rgb(182, 211, 228); /* ボックスの背景色を指定する */
  width: 10%; /* テーブルの見出しの横幅を指定する */
  text-align: center; /* セル内のテキストの位置を指定（真ん中）する */
  }

  @media only screen and (max-width:480px){
    table {
    margin: 10px 5px; /* テーブルの余白を指定する */
    }
    table th, table td {
    width: 90%; /* テーブルの見出しの横幅を指定する */
    display: block;	/* ブロックレベル要素化する */
    border-top: 1px solid #666; /* セルの境界線を実線で指定する */
    }
    }

/* ここまで */
 
/* アコーディオン ここから */
/* ここまで */