@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template, [hidden] {
  display: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:active, a:hover {
    outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit;
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button, input, select, textarea {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: 700; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

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

input::-ms-clear {
	display: none;
}

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-family: "latoregular","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS PGothic",Verdana,sans-serif;
  background-color: #fff;
  padding: 0 0 40px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem; }
  @media (min-width: 480px) {
    body {
      padding: 0 0 60px; } }
  @media (min-width: 872px) and (min-height: 769px) {
    body {
      padding: 0 0 80px; } }
  body.login-layout {
    background-color: #f9f9f9; }

.container {
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .container {
      width: calc(100% - 40px); } }
  @media (min-width: 872px) {
    .container {
      width: 832px; } }

.login-container {
  width: 600px;
  margin: 100px auto 0; }
  .login-container .header__logo {
    margin-top: 0;
    margin-bottom: 25px;
    text-indent: -9999px; }
  .login-container .btn {
    padding: 2px 12px; }

@media only screen and (max-width: 480px) {
  .login-container {
    width: 98%; } }

.text-center {
  text-align: center;
}

.header {
  padding: 23px 0 33px;
  text-align: center; }
  .header__logo {
    display: inline-block;
    width: 150px;
    height: 218px;
    background-image: url("../images/logo_bownow_gray.png");
    background-size: 150px 218px;
    background-repeat: no-repeat;
    background-position: center;
  }

.main-text {
  text-align: center;
  margin: 50px 0 0;
  font-size: 14px;
  line-height: 21px;
  color: #585858;
}

.main-text .main-text-title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 27px;
}
.main-text .main-text-paragraph {
}
.main-text .main-text-paragraph + .main-text-paragraph {
  margin-top: 20px;
}

@media (min-width: 680px) {
  .phone-break {
    display: none; } }


/* spaces */
.space-32, .space-30, .space-28, .space-26, .space-24, .space-22, .space-20, .space-18, .space-16, .space-14, .space-12, .space-10, .space-8, .space-6, .space-4, .space-2, .space {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0; }

.vspace-32,
.vspace-xs-32,
.vspace-sm-32,
.vspace-md-32,
.vspace-lg-32, .vspace-30,
.vspace-xs-30,
.vspace-sm-30,
.vspace-md-30,
.vspace-lg-30, .vspace-28,
.vspace-xs-28,
.vspace-sm-28,
.vspace-md-28,
.vspace-lg-28, .vspace-26,
.vspace-xs-26,
.vspace-sm-26,
.vspace-md-26,
.vspace-lg-26, .vspace-24,
.vspace-xs-24,
.vspace-sm-24,
.vspace-md-24,
.vspace-lg-24, .vspace-22,
.vspace-xs-22,
.vspace-sm-22,
.vspace-md-22,
.vspace-lg-22, .vspace-20,
.vspace-xs-20,
.vspace-sm-20,
.vspace-md-20,
.vspace-lg-20, .vspace-18,
.vspace-xs-18,
.vspace-sm-18,
.vspace-md-18,
.vspace-lg-18, .vspace-16,
.vspace-xs-16,
.vspace-sm-16,
.vspace-md-16,
.vspace-lg-16, .vspace-14,
.vspace-xs-14,
.vspace-sm-14,
.vspace-md-14,
.vspace-lg-14, .vspace-12,
.vspace-xs-12,
.vspace-sm-12,
.vspace-md-12,
.vspace-lg-12, .vspace-10,
.vspace-xs-10,
.vspace-sm-10,
.vspace-md-10,
.vspace-lg-10, .vspace-8,
.vspace-xs-8,
.vspace-sm-8,
.vspace-md-8,
.vspace-lg-8, .vspace-6,
.vspace-xs-6,
.vspace-sm-6,
.vspace-md-6,
.vspace-lg-6, .vspace-4,
.vspace-xs-4,
.vspace-sm-4,
.vspace-md-4,
.vspace-lg-4, .vspace-2,
.vspace-xs-2,
.vspace-sm-2,
.vspace-md-2,
.vspace-lg-2, .vspace,
.vspace-xs,
.vspace-sm,
.vspace-md,
.vspace-lg {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  display: none;
  margin: 12px 0; }

.space-32 {
  margin: 32px 0 31px; }

.vspace-32,
.vspace-xs-32,
.vspace-sm-32,
.vspace-md-32,
.vspace-lg-32 {
  margin: 32px 0 31px 0; }

.space-30 {
  margin: 30px 0 29px; }

.vspace-30,
.vspace-xs-30,
.vspace-sm-30,
.vspace-md-30,
.vspace-lg-30 {
  margin: 30px 0 29px 0; }

.space-28 {
  margin: 28px 0 27px; }

.vspace-28,
.vspace-xs-28,
.vspace-sm-28,
.vspace-md-28,
.vspace-lg-28 {
  margin: 28px 0 27px 0; }

.space-26 {
  margin: 26px 0 25px; }

.vspace-26,
.vspace-xs-26,
.vspace-sm-26,
.vspace-md-26,
.vspace-lg-26 {
  margin: 26px 0 25px 0; }

.space-24 {
  margin: 24px 0 23px; }

.vspace-24,
.vspace-xs-24,
.vspace-sm-24,
.vspace-md-24,
.vspace-lg-24 {
  margin: 24px 0 23px 0; }

.space-22 {
  margin: 22px 0 21px; }

.vspace-22,
.vspace-xs-22,
.vspace-sm-22,
.vspace-md-22,
.vspace-lg-22 {
  margin: 22px 0 21px 0; }

.space-20 {
  margin: 20px 0 19px; }

.vspace-20,
.vspace-xs-20,
.vspace-sm-20,
.vspace-md-20,
.vspace-lg-20 {
  margin: 20px 0 19px 0; }

.space-18 {
  margin: 18px 0 17px; }

.vspace-18,
.vspace-xs-18,
.vspace-sm-18,
.vspace-md-18,
.vspace-lg-18 {
  margin: 18px 0 17px 0; }

.space-16 {
  margin: 16px 0 15px; }

.vspace-16,
.vspace-xs-16,
.vspace-sm-16,
.vspace-md-16,
.vspace-lg-16 {
  margin: 16px 0 15px 0; }

.space-14 {
  margin: 14px 0 13px; }

.vspace-14,
.vspace-xs-14,
.vspace-sm-14,
.vspace-md-14,
.vspace-lg-14 {
  margin: 14px 0 13px 0; }

.space-12 {
  margin: 12px 0 11px; }

.vspace-12,
.vspace-xs-12,
.vspace-sm-12,
.vspace-md-12,
.vspace-lg-12 {
  margin: 12px 0 11px 0; }

.space-10 {
  margin: 10px 0 9px; }

.vspace-10,
.vspace-xs-10,
.vspace-sm-10,
.vspace-md-10,
.vspace-lg-10 {
  margin: 10px 0 9px 0; }

.space-8 {
  margin: 8px 0 7px; }

.vspace-8,
.vspace-xs-8,
.vspace-sm-8,
.vspace-md-8,
.vspace-lg-8 {
  margin: 8px 0 7px 0; }

.space-6 {
  margin: 6px 0 5px; }

.vspace-6,
.vspace-xs-6,
.vspace-sm-6,
.vspace-md-6,
.vspace-lg-6 {
  margin: 6px 0 5px 0; }

.space-4 {
  margin: 4px 0 3px; }

.vspace-4,
.vspace-xs-4,
.vspace-sm-4,
.vspace-md-4,
.vspace-lg-4 {
  margin: 4px 0 3px 0; }

.space-2 {
  margin: 2px 0 1px; }

.vspace-2,
.vspace-xs-2,
.vspace-sm-2,
.vspace-md-2,
.vspace-lg-2 {
  margin: 2px 0 1px 0; }