@charset "UTF-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0px;
  text-align: center;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  background: #fff; }

#container {
  width: 600px;
  margin: 0 auto;
  padding-top: 30px; }
  @media only screen and (max-width: 767px) {
    #container {
      width: 100%;
      padding: 10px; } }

#body {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc; }
  @media only screen and (max-width: 767px) {
    #body {
      border: none;
      padding: 0; } }

#header {
  text-align: left;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    #header img {
      width: 75px;
      height: auto; } }

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px; }
  table th, table td {
    border: 1px #ccc solid;
    padding: 5px;
    font-size: 14px;
    width: 20%; }
    @media only screen and (max-width: 767px) {
      table th, table td {
        font-size: 12px; } }
  table thead th {
    background-color: #f8f8f8; }
  table tbody td {
    font-size: 16px; }
    table tbody td a {
      color: #000;
      text-decoration: none; }
    @media only screen and (max-width: 767px) {
      table tbody td {
        font-size: 12px; }
        table tbody td a {
          color: #0073F7;
          text-decoration: underline; } }

p {
  text-align: left;
  font-size: 15px;
  margin: 0;
  margin-bottom: 2px; }
  @media only screen and (max-width: 767px) {
    p {
      font-size: 11px; } }
  p span {
    font-weight: bold; }
  p span.underline {
    text-decoration: underline; }

p.name {
  text-align: right;
  margin-top: 20px; }

.red {
  color: #ff0000; }

.underline {
  text-decoration: underline; }

.big_text {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px; }

.kakomi {
  padding: 30px;
  border: 1px #ccc solid;
  margin-bottom: 20px; }
  .kakomi ul {
    padding: 0 0 0 20px; }
    .kakomi ul li {
      text-align: left;
      margin-bottom: 10px; }

p .center {
  text-align: center;
  display: block; }

.pc {
  display: block; }
  @media only screen and (max-width: 767px) {
    .pc {
      display: none; } }
