body {
  text-align: center;
  background-image: url(/img/main-visual-11.jpg);
  background-position: cover; }

.container {
  float: none;
  display: inline-block;
  width: 1002px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  margin: 80px 0;
  border: 1px solid white;
  min-height: auto; }
  .container .login {
    width: 400px;
    height: auto;
    padding: 32px; }
    .container .login form {
      float: left;
      width: 100%;
      height: 100%;
      border-radius: 3px;
      padding: 32px;
      text-align: center; }
      .container .login form img.logo {
        width: 40%;
        margin: 0 30%; }
      .container .login form input {
        width: 100%; }
      .container .login form button {
        float: none;
        display: inline-block;
        width: 40%; }
      .container .login form .link {
        width: 100%;
        color: white;
        text-decoration: none; }
        .container .login form .link:hover {
          text-decoration: underline; }
  .container .explanation {
    float: left;
    width: 600px;
    padding: 32px; }
    .container .explanation .box {
      width: 100%;
      background-color: white;
      padding: 64px;
      border-radius: 3px;
      line-height: 24px;
      box-shadow: 0 0 4px rgba(255, 255, 255, 0.7); }
      .container .explanation .box ol {
        list-style-type: decimal; }
        .container .explanation .box ol > li {
          list-style: decimal; }
      .container .explanation .box .mailicon {
        width: 32px;
        height: 32px;
        position: relative; }
        .container .explanation .box .mailicon::before {
          content: "";
          width: 20px;
          height: 20px;
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20preserveAspectRatio%3D%22xMinYMid%22%20fill%3D%22%23fff%22%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M510.746%2C110.361c-2.128-10.754-6.926-20.918-13.926-29.463c-1.422-1.794-2.909-3.39-4.535-5.009%20c-12.454-12.52-29.778-19.701-47.531-19.701H67.244c-17.951%2C0-34.834%2C7-47.539%2C19.708c-1.608%2C1.604-3.099%2C3.216-4.575%2C5.067%20c-6.97%2C8.509-11.747%2C18.659-13.824%2C29.428C0.438%2C114.62%2C0%2C119.002%2C0%2C123.435v265.137c0%2C9.224%2C1.874%2C18.206%2C5.589%2C26.745%20c3.215%2C7.583%2C8.093%2C14.772%2C14.112%2C20.788c1.516%2C1.509%2C3.022%2C2.901%2C4.63%2C4.258c12.034%2C9.966%2C27.272%2C15.45%2C42.913%2C15.45h377.51%20c15.742%2C0%2C30.965-5.505%2C42.967-15.56c1.604-1.298%2C3.091-2.661%2C4.578-4.148c5.818-5.812%2C10.442-12.49%2C13.766-19.854l0.438-1.05%20c3.646-8.377%2C5.497-17.33%2C5.497-26.628V123.435C512%2C119.06%2C511.578%2C114.649%2C510.746%2C110.361z%20M34.823%2C99.104%20c0.951-1.392%2C2.165-2.821%2C3.714-4.382c7.689-7.685%2C17.886-11.914%2C28.706-11.914h377.51c10.915%2C0%2C21.115%2C4.236%2C28.719%2C11.929%20c1.313%2C1.327%2C2.567%2C2.8%2C3.661%2C4.272l2.887%2C3.88l-201.5%2C175.616c-6.212%2C5.446-14.21%2C8.443-22.523%2C8.443%20c-8.231%2C0-16.222-2.99-22.508-8.436L32.19%2C102.939L34.823%2C99.104z%20M26.755%2C390.913c-0.109-0.722-0.134-1.524-0.134-2.341V128.925%20l156.37%2C136.411L28.199%2C400.297L26.755%2C390.913z%20M464.899%2C423.84c-6.052%2C3.492-13.022%2C5.344-20.145%2C5.344H67.244%20c-7.127%2C0-14.094-1.852-20.142-5.344l-6.328-3.668l159.936-139.379l17.528%2C15.246c10.514%2C9.128%2C23.922%2C14.16%2C37.761%2C14.16%20c13.89%2C0%2C27.32-5.032%2C37.827-14.16l17.521-15.253L471.228%2C420.18L464.899%2C423.84z%20M485.372%2C388.572%20c0%2C0.803-0.015%2C1.597-0.116%2C2.304l-1.386%2C9.472L329.012%2C265.409l156.36-136.418V388.572z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          background-size: 100%;
          background-position: center;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          left: 0;
          right: 0; }
  .container .temporary > h2, .container .registration > h2 {
    color: #fff;
    width: 100%;
    text-align: center; }
    .container .temporary > h2 > span, .container .registration > h2 > span {
      position: relative;
      padding-left: 56px;
      font-size: 28px;
      z-index: 10; }
      .container .temporary > h2 > span::before, .container .registration > h2 > span::before {
        content: "";
        width: 64px;
        height: 64px;
        background: url(/img/logo_icon.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        z-index: -1; }
      .container .temporary > h2 > span.failure, .container .registration > h2 > span.failure {
        padding-left: 72px; }
        .container .temporary > h2 > span.failure::before, .container .registration > h2 > span.failure::before {
          background: url(/img/caution01.png) no-repeat;
          background-size: 100%; }
  .container .temporary > .box, .container .registration > .box {
    width: 80%;
    margin: 0 10%;
    background-color: white;
    padding: 64px;
    border-radius: 3px;
    line-height: 24px;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    position: relative; }
    .container .temporary > .box > h3, .container .registration > .box > h3 {
      width: 100%;
      text-align: center;
      color: #1dadd9;
      font-weight: bold;
      font-size: 20px; }
    .container .temporary > .box > .tanks-img, .container .registration > .box > .tanks-img {
      width: 200px;
      position: absolute;
      bottom: -48px;
      right: -98px; }

/*# sourceMappingURL=d--members--login.css.map */