@charset "UTF-8";
/* @content */
#header {
  margin-bottom: 40px; }
  #header img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 350px;
    height: auto; }

#content #top_content {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  /* ol 内の li */
  /* ul 内の li */
  /* ol 内に入れ子の ul */
  /* ul 内に入れ子の ol */
  /* ネストが深くなる場合のスタイル調整 */
  /* .non_style クラスのスタイル */
  /* .non_style 内の li スタイル */ }
  #content #top_content h1, #content #top_content h2, #content #top_content h3, #content #top_content h4, #content #top_content h5, #content #top_content h6 {
    font-family: 'Noto Serif Japanese',Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo, serif;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
    color: #333333; }
  #content #top_content h1 {
    font-size: 20px; }
  #content #top_content h2 {
    font-size: 19px; }
  #content #top_content h3 {
    font-size: 18px; }
  #content #top_content h4 {
    font-size: 17px; }
  #content #top_content h5 {
    font-size: 16px; }
  #content #top_content h6 {
    font-size: 15px; }
  #content #top_content p {
    color: #555555;
    line-height: 1.7em;
    font-size: 14px;
    margin-bottom: 20px; }
  #content #top_content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px; }
    #content #top_content table td {
      color: #555555;
      line-height: 1.7em;
      font-size: 14px; }
    #content #top_content table th {
      color: #555555;
      line-height: 1.7em;
      font-size: 14px; }
  #content #top_content table.table_border {
    border: 1px solid #ccc;
    background-color: #fff;
    border-collapse: collapse; }
    #content #top_content table.table_border th, #content #top_content table.table_border td {
      padding: 15px;
      border: 1px solid #ccc;
      background-color: #fff; }
    #content #top_content table.table_border th {
      font-weight: bold; }
  #content #top_content ol {
    font-size: 14px;
    color: #555555;
    list-style-type: decimal;
    /* デフォルトの番号スタイルを適用 */
    margin: 0;
    padding: 20px 20px 20px 40px;
    /* 適度なインデント */
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 10px; }
  #content #top_content ol li {
    margin-bottom: 5px;
    /* 各項目の間隔を調整 */
    line-height: 1.7em; }
  #content #top_content ul {
    font-size: 14px;
    color: #555555;
    list-style-type: disc;
    /* デフォルトの箇条書きスタイルを適用 */
    margin: 0;
    padding: 20px 20px 20px 40px;
    /* 適度なインデント */
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 10px; }
  #content #top_content ul li {
    margin-bottom: 5px;
    line-height: 1.7em; }
  #content #top_content ol li ul, #content #top_content ul li ul {
    list-style-type: disc;
    /* ul の箇条書きスタイルを維持 */
    margin: 0;
    padding: 0 0 0 20px; }
  #content #top_content ul li ol, #content #top_content ol li ol {
    list-style-type: decimal;
    /* ol の番号スタイルを維持 */
    margin: 0;
    padding: 0 0 0 20px; }
  #content #top_content ol li ul, #content #top_content ul li ol {
    margin-top: 5px;
    /* 入れ子間の間隔を調整 */ }
  #content #top_content ol li ol, #content #top_content ul li ul {
    margin-top: 5px;
    /* 入れ子間の間隔を調整 */ }
  #content #top_content ol li ul li, #content #top_content ul li ol li {
    margin-bottom: 5px;
    /* 項目間の間隔を調整 */ }
  #content #top_content .non_style {
    list-style-type: none;
    /* 箇条書きや番号を非表示に */
    padding-left: 20px;
    /* インデントを維持 */ }
  #content #top_content .non_style li {
    margin-bottom: 5px;
    /* 各項目の間隔を調整 */
    line-height: 1.7em;
    /* 行間を既存スタイルに合わせる */ }
  #content #top_content img {
    max-width: 100%;
    height: auto; }
    #content #top_content img.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    #content #top_content img.alignleft {
      display: block;
      margin-left: 0;
      margin-right: auto; }
    #content #top_content img.alignright {
      display: block;
      margin-left: auto;
      margin-right: 0; }
  #content #top_content hr {
    clear: both;
    /*フロート配置をクリアする*/
    width: 100%;
    /*幅の指定*/
    border: 1px solid #cccccc;
    /*内容の区切りをグレーの線表示にする*/
    margin-bottom: 20px; }
  #content #top_content .under_line {
    border-bottom: 4px solid #dddddd;
    padding-bottom: 5px;
    margin-bottom: 10px; }
  #content #top_content .under_line2 {
    border-bottom: 3px solid #dddddd;
    padding-bottom: 5px;
    margin-bottom: 10px; }
  #content #top_content .under_line3 {
    border-bottom: 2px solid #dddddd;
    padding-bottom: 5px;
    margin-bottom: 10px; }

/* ------------------------------------------
  Android 360pxSTYLE
--------------------------------------------- */
/* ------------------------------------------
  iPhone6 375pxSTYLE
--------------------------------------------- */
/* ------------------------------------------
  iPad768pxSTYLE
--------------------------------------------- */
@media all and (min-width: 768px) {
  /* @content */
  #content #top_content {
    width: 640px; }
    #content #top_content h1 .main {
      font-size: 48px;
      letter-spacing: 0px; }
    #content #top_content h1 .sub {
      font-size: 30px;
      letter-spacing: 12px;
      margin-left: 12px; }
    #content #top_content p {
      font-size: 14px; }
    #content #top_content ul li {
      font-size: 14px; } }
/* ------------------------------------------
  pc980pxSTYLE
--------------------------------------------- */
@media all and (min-width: 980px) {
  /* @content */
  #content #top_content {
    width: 700px; } }
/* ------------------------------------------
  pc1200pxSTYLE
--------------------------------------------- */
@media all and (min-width: 1200px) {
  /* @sitestyle */
  /* @header */ }