@charset "utf-8";
@import url("pc.css");
@import url("mobile.css");
@import url("color_light.css");
@import url("color_dark.css");

* {
  margin: 0;
}

body {
  font-size: 12pt;
  text-align: center;
  line-height: 1.5em;
  font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro",
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

section {
  text-align: center;
}

section h1 {
  margin: 32px;
  line-height: 1.5em;
}

section h1 span {
  display: block;
  font-size: 60%;
  line-height: 1.5em;
}

article {
  padding: 32px 8px;
}
article li {
  list-style-type: circle;
}
article h3 {
  margin-bottom: 16px;
}
article table {
  width: 100%;
}

aside {
  font-size: 80%;
}

header a,
header a:link,
header a:visited {
  display: inline;
  text-decoration: none;
}

.link_inverted a,
.link_inverted a:link,
.link_inverted a:visited {
  text-decoration: none;
}
.link_inverted a:hover,
.link_inverted a:active {
  text-decoration: none;
}

footer nav ul {
  padding: 0;
}

input {
  padding: 4px;
  font-size: 100%;
  border-radius: 3px;
}
input[type="radio"] {
  margin: 0 4px 0 0;
}
.button {
  padding: 4px 16px;
  margin-right: 32px;
  border-radius: 3px;
  font-size: 100%;
}

#logo {
  margin: 16px;
}

#logo_img {
  height: 32px;
  vertical-align: middle;
}

#logo_name {
  display: inline;
  vertical-align: middle;
  max-height: 100%;
}

#logo_big {
  margin: 32px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 80%;
}

#logo_explanation {
  display: inline-block;
  padding: 16px;
  line-height: 1.5em;
}

.no_wrap {
  display: inline-block;
}

.number {
  text-align: right;
}

.example {
  margin-left: 8px;
  font-size: 80%;
}

.error_detail{
  font-size: 80%;
}