@charset "UTF-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype"); }

html {
  background-color: transparent;
  background-image: none; }

body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans Japanese',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em; }

a:hover {
  opacity: 0.6; }

@media screen and (min-width: 0px) and (max-width: 768px) {
  img {
    width: 100%; }
  .firstview {
    margin: auto; }
  .form {
    margin: 3.5vw auto 1.5vw;
    width: 70vw; }
    .form form {
      padding: 0;
      text-align: center; }
      .form form input {
        font-size: 3.5vw;
        color: #4f5c36;
        border: 1px solid #3d2700;
        width: 63.7vw;
        height: 6vw;
        padding: 0 2vw; }
        .form form input:-ms-input-placeholder {
          color: #4f5c36; }
        .form form input:placeholder-shown {
          color: #4f5c36; }
        .form form input::-webkit-input-placeholder {
          color: #4f5c36; }
        .form form input:-moz-placeholder {
          color: #4f5c36;
          opacity: 1; }
        .form form input::-moz-placeholder {
          color: #4f5c36;
          opacity: 1; }
        .form form input:-ms-input-placeholder {
          color: #4f5c36; }
      .form form a {
        display: inline-block; }
  footer {
    text-align: center; }
    footer small {
      display: inline-block;
      width: 55.5vw;
      padding: 1vw 0; } }

@media screen and (min-width: 769px) {
  .firstview {
    margin: auto;
    max-width: 1000px; }
  .form {
    margin: 35px auto 15px;
    width: 700px; }
    .form form {
      padding: 0;
      text-align: center; }
      .form form input {
        font-size: 35px;
        color: #4f5c36;
        border: 1px solid #3d2700;
        width: 637px;
        height: 60px;
        padding: 0 18px; }
        .form form input:-ms-input-placeholder {
          color: #4f5c36; }
        .form form input:placeholder-shown {
          color: #4f5c36; }
        .form form input::-webkit-input-placeholder {
          color: #4f5c36; }
        .form form input:-moz-placeholder {
          color: #4f5c36;
          opacity: 1; }
        .form form input::-moz-placeholder {
          color: #4f5c36;
          opacity: 1; }
        .form form input:-ms-input-placeholder {
          color: #4f5c36; }
      .form form a {
        display: inline-block; }
  footer {
    text-align: center; }
    footer small {
      display: inline-block;
      padding: 10px 0; } }