@charset "utf-8";
html {
  position: relative;
}
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  min-height: 100vh;
  padding-top: 85px;
}
header {
  background-color: #5280F2;
  color: #FFFFFF;
  height: 44px;
}
footer {
  background-color: #B3E5FC;
  color: #757575;
  font-size: 10px;
}
.btn-custom {
  background-color: #5280F2;
  color: #FFFFFF;
}
.btn-custom2 {
  background-color: #FFC000;
  color: #FFFFFF;
}
.btn-custom3 {
  background-color: #0070C0;
  color: #FFFFFF;
}
.input-label {
  padding-left: 30px;
  padding-right: 30px;
}
span.mark {
  background-color: inherit;
  border-radius: 5px;
  border: #ffffff solid 2px;
}
span.title {
  font-size: 21px;
  font-wight; 500;
  color: #FFFFFF;
}
.google-btn {
  background-color: #5280F2;
  color: #FFFFFF;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 2px;
  width: 180px;
  height: 38px;
}
.google-icon {
}
.sns-box {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 2px;
}
.sns-btn {
  width: 38px;
  height: 38px;
  border: #FF0000 solid 1px;
  margin-top: 3px;
  margin-bottom: 2px;
}
.facebook {
  background-color: #FFFFFF;
  color: #4B65B0;
  font-size: 44px;
  margin-bottom: 2px;
}
.twitter {
  background-color: #FFFFFF;
  color: #1DA1F2;
  font-size: 44px;
  margin-bottom: 2px;
}
.effective-date {
	color: red;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
/**
.g-recaptcha{
  margin: 15px auto !important;
  width: auto !important;
  height: auto !important;
  text-align: -webkit-center;
  text-align: -moz-center;
  text-align: -o-center;
  text-align: -ms-center;
}

.modal-dialog-logout{
   position: absolute;
   left: 50%;
   /* now you must set a margin left under zero - value is a half width your window */
   margin-left: -110px;
   /* this same situation is with height - example */
   height: 300px;
   top: 50%;
   margin-top: -80px;
}
*/