@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/


@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  overflow-x: hidden; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.error-msg {
  font-size: 80%;
  color: red;
  margin-bottom: 5px;
  text-align: left;
  display: block; }

table th {
  background: #88BA68;
  color: #fff;
  font-size: 80%;
  font-weight: normal; }

@charset "UTF-8";
body.login {
  font-size: 80%;
  line-height: 1.6em; }
  body.login header {
    display: none; }
  body.login .box {
    display: -ms-flexbox;
    display: flex;
    /* 左右中央寄せ */
    -ms-flex-pack: center;
    justify-content: center;
    /* 上下中央寄せ */
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    background: #442195;
    padding: 15px;
    box-sizing: border-box; }
  body.login .page {
    height: 100vh;
    overflow: scroll; }
  body.login section.login-form {
    padding: 10px 10px 3px 10px;
    width: 90%;
    max-width: 500px;
    background: #fafafa; }
    body.login section.login-form div.alert {
      padding: 6px 15px;
      font-size: 90%; }
    body.login section.login-form div.go-login {
      font-size: 80%;
      margin-bottom: 20px; }
    body.login section.login-form h1 {
      margin-bottom: 5px;
      font-size: 90%; }
    body.login section.login-form h2 {
      margin-bottom: 15px;
      padding-bottom: 7px; }
      body.login section.login-form h2 span {
        font-size: 150%;
        color: #442195;
        line-height: 2em; }
      body.login section.login-form h2 small {
        color: #a22d39; }
    body.login section.login-form table {
      margin-bottom: 5px; }
      body.login section.login-form table td.agreement label {
        font-weight: normal; }
        body.login section.login-form table td.agreement label span {
          text-align: left;
          display: inline-block;
          float: right;
          width: 90%; }
  body.login .more-menu {
    width: 100%;
    background: #000;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 200%;
    padding: 10px 0; }
    body.login .more-menu a {
      color: #fff;
      display: block;
      width: 100%;
      height: 100%; }
  body.login footer {
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff; }
    body.login footer ul li {
      padding: 10px 6px;
      border-bottom: 1px solid #ccc; }
      body.login footer ul li a {
        display: block;
        width: 100%;
        height: 100%; }
    body.login footer div.copyright {
      padding: 10px 0;
      text-align: center;
      background: #001d00;
      color: #fff; }
  @media screen and (min-width: 960px) {
    body.login div.more-menu {
      display: none; }
    body.login footer ul {
      display: none; }
    body.login footer div.copyright {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center; }
    body.login header {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      background: rgba(255, 255, 255, 0.8);
      /* Safari */
      display: -ms-flexbox;
      display: flex;
      /* Safari */
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 10px 20px; }
      body.login header ul li {
        float: left;
        padding: 10px; }
      body.login header ul li.login {
        border-radius: 5px;
        background: #1F9294; }
        body.login header ul li.login a {
          color: #fff; }
    body.login table td.agreement label {
      display: inline; } }

.navbar {
  margin-bottom: 0; }

div.content {
  padding: 0 10px;
  line-height: 1.6em;
  color: #666;
  overflow-x: hidden; }
  div.content h1 {
    text-align: center;
    font-weight: normal;
    font-size: 170%;
    margin: 0 -200% 25px -200%;
    padding: 20px 200%;
    background: #289293;
    color: #fff; }
    div.content h1 small {
      color: #fff; }
  div.content h2 {
    text-align: center;
    font-weight: normal;
    font-size: 150%;
    margin-bottom: 25px;
    color: #461E05; }
  div.content h3 {
    text-align: left;
    font-weight: normal;
    font-size: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: solid 4px #156465;
    border-bottom: solid 2px #156465;
    padding: 5px 0 5px 10px;
    background: #5EA4A5;
    color: #fff; }
  div.content div.about-section01 {
    margin-bottom: 20px;
    border-bottom: 1px solid #1F9294;
    padding-bottom: 15px; }
  div.content div.go-register {
    text-align: center;
    margin: 50px 0; }
    div.content div.go-register div {
      color: #8b4513;
      font-size: 110%;
      text-align: center;
      margin-bottom: 10px; }
h1 img {
  max-height:60px;
}
/*# sourceMappingURL=login.css.map */