@charset "UTF-8";
/* CSS Document */
html, body {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
  overflow-x: hidden;
  height: 100%;
  background-color: #fdfdfd;
}
h1, h2 {
  color: #333333 !important;
}
footer {
  font-size: 0.7rem;
}
nav {
  height: 60px;
  margin-bottom: 80px;
  background-color: #ffffff !important;
}
.form-signin {
  max-width: 330px;
  padding: 3rem 1rem 3rem 1rem;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-radius: 5px;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 5px;
}
.form-img {
  margin-bottom: 40px;
}
.form_info {
  font-size: 10px;
  color: var(--bs-gray);
}
.header {
  margin: 0 auto 30px;
  argin: 0 auto 30px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  padding-top: 10px;
  margin-bottom: 100px;
}
.btn {
  background-color: #00aea9 !important;
  border-color: #00aea9 !important;
}
.btn:hover {
  background-color: #029590 !important;
  border-color: #029590 !important;
}

/* footer */
.content {
  padding-bottom: 40px;
}
.wrapper {
width: 100%;
     position: relative;
     min-height: 100%;
}

footer {
  background-color: #0386c7;
  color: #fff;
  font-size: 11px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed; /* フッターをページの下部に固定 */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
}


footer p {
  margin-bottom: 0px;
}

@media screen and (max-width: 700px) and (orientation: landscape) {
  footer {
    position: relative; /* フッターの位置を通常の位置に戻す */
	  width: auto; /* 横向きビューポートではフッターを固定幅にしない */
  }
}

/* footer end*/
/* header */
@media screen and (max-width:700px) {
  .header {
    margin-bottom: 10px;
  }
}
/* header end */