<!-- 
BODY {BACKGROUND-COLOR:fffffe;
COLOR:#000000}
.text{LINE-HEIGHT:250%;}
-->
p {
    font-size: 16px;
    text-align: left;
    LINE-HEIGHT:200%;
  }
  table {
    margin: 1% auto;
  }
  .responsive01 th {
    background: #27acd9;
    color: #fff;
    padding: 10px;
  }
  .responsive01 td {
    padding: 10px;
  }
  .menu td {
    font-weight: bold;
    width: 20%;
    text-decoration: none;
    text-align: center;
  }
  .menu a {
    text-decoration: none;
  }
  a.customlink {
    display: block;
    text-decoration: none;
  }
  .invisible {
    COLOR:aaaaaa;
  }
  .center {
    text-align: center;
  }
  .centerbig {
    text-align: center;
    font-size: 22px;  
  }
  .right {
    text-align: right;
  }
  .big {
    font-size: 22px;  
  }
  .yellow {
    background-color: #FFFAEB;
  }
  .responsive02 th {
    background: #27acd9;
    color: #fff;
    padding: 10px;
  }
  .responsive02 td {
    padding: 10px;
  }
  .fontyellow {
    color: #FFFF00;
  }

  .responsivep {
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .responsivep2 {
    LINE-HEIGHT:100%;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .responsivep3 {
      LINE-HEIGHT:85%;
      font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      }
  
      .responsive05 td {
        padding: 10%;
      }


    .small {
      font-size: xx-small;
    }
    .larger {
      font-size: larger;
    }
    .point {
      font-size: 24pt;
    }
    .percent {
      font-size: 200%;
    }
    .percentred {
      font-size: 300%;
      color: red;
    }


    figure {
      float: right;
    }
    figure img {
      max-width: 100%;
    }

    .grandpa {
      width:600px;
      margin: 0 auto;
    }





   /* smartphone */
  @media screen and (max-width: 600px) {
    .last td:last-child {
      width: 100%;
    }
    .responsive01 {
      width: 95%;
    }
    .responsive01 th,
    .responsive01 td {
      display: block;
      width: 100%;
      font-size: 20px;
      font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
      font-weight: bold;
    }
  .responsivep {
    font-size: 19px;
    LINE-HEIGHT:200%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
  .responsivep2 {
    font-size: 19px;
    LINE-HEIGHT:100%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .responsivep3 {
    font-size: 19px;
    LINE-HEIGHT:85%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .responsivep4 {
      font-size: 19px;
      LINE-HEIGHT:200%;
      font-weight: bold;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      }
    .responsive04 td {
      font-size: 19px;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
    }
    .responsive05 {
      width: 95%;
    }
  
    .grandpa {
      width:90%;
      margin: 0 auto;
    }
    .grandma {
      width:93%;
      margin: 0 auto;
    }

  }
  @media only screen and (max-width: 750px) {
    img { max-width: 100%; }
}
  








/* circle?????{?` */
  .circle{
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: skyblue;
    text-align:center;
    line-height: 33px;
    font-size: 1.2em;
    text-decoration: none; 
  }
  

  .table_design02 {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
  }
  .table_design02 tr {
    background-color: #ffcc66;
  }
  .table_design02 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design02 th, .table_design02 td {
    padding: 0.3em;
  }
  .table_design02 th {
    font-weight: 500;
    text-align: left;
    width: 25%;
    min-width: 4em;
  }
  .table_design02 td {
    font-weight: 500;
    font-size: 1.0em;
    text-align: left;
    min-width: 4em;
  }





  .table_design03 {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
  }
  .table_design03 tr {
    background-color: #ffcc66;
  }
  .table_design03 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design03 th, .table_design03 td {
    padding: 0.3em;
  }
  .table_design03 th {
    font-weight: 500;
    text-align: right;
    width: 5%;
    min-width: 4em;
  }
  .table_design03 td {
    font-weight: 500;
    font-size: 1.0em;
    text-align: left;
    min-width: 4em;
  }





  .table_design04 {
    border-collapse: collapse;
    width: 100%;
    max-width: 390px;
  }
  .table_design04 tr {
    background-color: #ffcc66;
  }
  .table_design04 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design04 th, .table_design04 td {
    padding: 0.5em;
  }
  .table_design04 th {
    font-weight: bold;
    text-align: right;
    width: 1%;
  }
  .table_design04 td {
    font-size: 1.2em;
    text-align: left;
    min-width: 4em;
  }


  .table_design05 {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
  }
  .table_design05 tr {
    background-color: #ffcc66;
  }
  .table_design05 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design05 th, .table_design05 td {
    padding: 0.3em;
  }
  .table_design05 th {
    font-weight: 500;
    text-align: left;
    width: 40%;
    min-width: 4em;
  }
  .table_design05 td {
    font-size: 1.0em;
    text-align: left;
    min-width: 4em;
  }


  .table_design06 {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
  }
  .table_design06 tr {
    background-color: #ffcc66;
  }
  .table_design06 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design06 th, .table_design02 td {
    padding: 0.3em;
  }
  .table_design06 th {
    font-weight: 500;
    text-align: left;
    width: 25%;
    min-width: 4em;
  }
  .table_design06 td {
    font-weight: 500;
    font-size: 1.0em;
    text-align: left;
    min-width: 4em;
  }


  .table_design07 {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
  }
  .table_design07 tr {
    background-color: #ffcc66;
  }
  .table_design07 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design07 th, .table_design07 td {
    padding: 0.3em;
  }
  .table_design07 th {
    font-weight: 500;
    text-align: left;
    width: 50%;
    min-width: 4em;
  }
  .table_design07 td {
    font-weight: 500;
    font-size: 1.0em;
    text-align: left;
    min-width: 4em;
  }





     /* smartphone */
     @media screen and (max-width: 490px) {
  .table_design02 {
    width: 100%;
  }
  .table_design02 tr {
    background-color: #ffcc66;
  }
  .table_design02 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design02 th, .table_design02 td {
    padding: 0.3em;
  }
  .table_design02 th {
    font-weight: bold;
    text-align: left;
  }
  .table_design02 td {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
  }


  .table_design03 {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
  }
  .table_design03 tr {
    background-color: #ffcc66;
  }
  .table_design03 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design03 th, .table_design03 td {
    padding: 0.5em;
  }
  .table_design03 th {
    font-weight: bold;
    text-align: right;
    width: 5%;
  }
  .table_design03 td {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
  }

  .table_design06 {
    width: 100%;
  }
  .table_design06 tr {
    background-color: #ffcc66;
  }
  .table_design06 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design06 th, .table_design06 td {
    padding: 0.3em;
  }
  .table_design06 th {
    font-weight: bold;
    text-align: left;
    width: 50%;
  }
  .table_design06 td {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
  }

  .table_design07 {
    width: 100%;
  }
  .table_design07 tr {
    background-color: #ffcc66;
  }
  .table_design07 tr:nth-child(odd) {
    background-color: #fff;
  }
  .table_design07 th, .table_design07 td {
    padding: 0.3em;
  }
  .table_design07 th {
    font-weight: bold;
    text-align: right;
    width: 50%;
  }
  .table_design07 td {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
  }


}