@charset "UTF-8";
@font-face {
  font-family: 'A-OTF-UDShinMGoPro-Regular';
  src: url("../fonts/A-OTF-UDShinMGoPro-Regular.otf") format("opentype");
}

@font-face {
  font-family: 'A-OTF-UDShinMGoPro-Medium';
  src: url("../fonts/A-OTF-UDShinMGoPro-Medium.otf") format("opentype");
}

@font-face {
  font-family: 'A-OTF-UDShinMGoPro-Bold';
  src: url("../fonts/A-OTF-UDShinMGoPro-Bold.otf") format("opentype");
}

@font-face {
  font-family: 'A-OTF-UDShinMGoPro-DeBold';
  src: url("../fonts/A-OTF-UDShinMGoPro-DeBold.otf") format("opentype");
}

@font-face {
  font-family: 'Rounded-Medium';
  src: url("../fonts/rounded-mplus-1c-medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Rounded-Bold';
  src: url("../fonts/rounded-mplus-1c-bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Lato-Regular';
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Lato-Bold';
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
}

.wf-noto {
  font-family: 'Noto Serif', serif;
}

body {
  font-family: "A-OTF-UDShinMGoPro-Regular", "メイリオ", sans-serif;
}

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-family: "A-OTF-UDShinMGoPro-Medium", "メイリオ", sans-serif;
  letter-spacing: 0.84px;
}

section, header, footer {
  position: relative;
  width: 100vw;
}

section.index {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #303996;
}

section.index .index-head {
  width: 100vw;
  background-color: #303996;
  text-align: center;
}

@media (min-width: 1281px) {
  section.index .index-head {
    height: 11.02564vw;
  }
}

@media (max-width: 1280px) {
  section.index .index-head {
    height: 45.41667vw;
  }
}

@media (max-width: 799px) {
  section.index .index-head {
    height: 11.02564vw;
  }
}

section.index .index-head h1 {
  display: inline-block;
  width: auto;
  font-family: "A-OTF-UDShinMGoPro-Medium", "メイリオ", sans-serif;
  font-weight: normal;
  color: #fff;
}

@media (min-width: 1281px) {
  section.index .index-head h1 {
    height: 2.99145vw;
    margin-top: 4.61538vw;
    font-size: 3.07692vw;
    line-height: 1;
    letter-spacing: 2.16px;
    margin-left: 0.25641vw;
  }
}

@media (max-width: 1280px) {
  section.index .index-head h1 {
    height: 3.59375%;
    margin-top: 32.5vw;
    font-size: 6vw;
    line-height: 0.03083vw;
    letter-spacing: 2.16px;
    margin-left: 0.75vw;
  }
}

@media (max-width: 799px) {
  section.index .index-head h1 {
    height: 2.99145vw;
    margin-top: 4.61538vw;
    font-size: 3.07692vw;
    line-height: 1;
    letter-spacing: 2.16px;
    margin-left: 0.25641vw;
  }
}

section.index .form {
  width: 100vw;
  text-align: center;
  background-color: #fff;
}

@media (min-width: 1281px) {
  section.index .form {
    height: 18.80342vw;
    padding-top: 3.33333vw;
  }
}

@media (max-width: 1280px) {
  section.index .form {
    height: 41.16667vw;
    padding: 9.75vw 0 9vw;
  }
}

@media (max-width: 799px) {
  section.index .form {
    height: 18.80342vw;
    padding-top: 3.33333vw;
  }
}

section.index .form .title {
  font-size: 2.5vw;
  line-height: 3.33333vw;
  color: #303996;
}

section.index .form .input-id input {
  font-family: "Lato-Regular", "メイリオ", sans-serif;
  text-align: left;
  color: #6c757d;
  border: 0.16667vw #303996 solid;
}

@media (min-width: 1281px) {
  section.index .form .input-id input {
    width: 42.00855vw;
    height: 4.10256vw;
    font-size: 2.07265vw;
    border-radius: 0.42735vw;
    padding: 0 1.19658vw;
  }
}

@media (max-width: 1280px) {
  section.index .form .input-id input {
    width: 81.91667vw;
    height: 8vw;
    font-size: 4.04167vw;
    border-radius: 0.83333vw;
    padding: 0 2.33333vw;
  }
}

@media (max-width: 799px) {
  section.index .form .input-id input {
    width: 42.00855vw;
    height: 4.10256vw;
    font-size: 2.07265vw;
    border-radius: 0.42735vw;
    padding: 0 1.19658vw;
  }
}

section.index .form .input-id input:-ms-input-placeholder {
  color: #bdbdbd;
}

section.index .form .input-id input::placeholder {
  color: #bdbdbd;
}

section.index .form .input-id input:focus {
  border: 0;
}

section.index .form .input-submit {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1281px) {
  section.index .form .input-submit {
    width: 42.00855vw;
    margin-top: 0.64103vw;
  }
}

@media (max-width: 1280px) {
  section.index .form .input-submit {
    width: 81.91667vw;
    margin-top: 0.83333vw;
  }
}

@media (max-width: 799px) {
  section.index .form .input-submit {
    width: 42.00855vw;
    margin-top: 0.64103vw;
  }
}

section.index .form .input-submit button {
  position: relative;
  height: auto;
  color: #fff;
  border: 0px;
  background-color: #303996;
  letter-spacing: 1px;
  outline: none;
}

@media (min-width: 1281px) {
  section.index .form .input-submit button {
    width: 19.87179vw;
    font-size: 1.19658vw;
    border-radius: 0.42735vw;
  }
}

@media (max-width: 1280px) {
  section.index .form .input-submit button {
    width: 38.75vw;
    font-size: 2.33333vw;
    border-radius: 0.83333vw;
  }
}

@media (max-width: 799px) {
  section.index .form .input-submit button {
    width: 19.87179vw;
    font-size: 1.19658vw;
    border-radius: 0.42735vw;
  }
}

section.index .form .input-submit button:focus {
  border: 0;
}

section.index .form .input-submit button .next-icon {
  width: 100%;
}

section.index .form .errors {
  width: 42.00855vw;
  height: 2.33333vw;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1281px) {
  section.index .form .errors {
    width: 42.00855vw;
    margin-bottom: 0vw;
  }
}

@media (max-width: 1280px) {
  section.index .form .errors {
    width: 81.91667vw;
    height: 2.33333vw;
    margin-bottom: 3.41667vw;
  }
}

@media (max-width: 799px) {
  section.index .form .errors {
    width: 42.00855vw;
    margin-bottom: 0vw;
  }
}

section.index .form .errors .error {
  color: #e40707;
  text-align: left;
}

@media (min-width: 1281px) {
  section.index .form .errors .error {
    font-size: 1.19658vw;
  }
}

@media (max-width: 1280px) {
  section.index .form .errors .error {
    font-size: 2.33333vw;
  }
}

@media (max-width: 799px) {
  section.index .form .errors .error {
    font-size: 1.19658vw;
  }
}

section.index .sub-content {
  width: 100vw;
  height: auto;
  text-align: center;
}

@media (min-width: 1281px) {
  section.index .sub-content__btn-wrap {
    display: flex;
    width: 70%;
    margin: 0 auto;
  }
}

@media (min-width: 1281px) {
  section.index .sub-content {
    padding-top: 0.34188vw;
  }
}

@media (max-width: 1280px) {
  section.index .sub-content {
    padding: 4.58333vw 0;
  }
}

@media (max-width: 799px) {
  section.index .sub-content {
    padding-top: 0.34188vw;
  }
}

section.index .sub-content .input-submit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1281px) {
  section.index .sub-content .input-submit {
    justify-content: space-around;
  }
}

section.index .sub-content .input-submit.-single {
  justify-content: center;
}

@media (min-width: 1281px) {
  section.index .sub-content .input-submit.-single {
    width: 33%;
  }
}

@media (min-width: 1281px) {
  section.index .sub-content .input-submit {
    width: 42.00855vw;
    width: 66%;
    margin-top: 0.81197vw;
  }
}

@media (max-width: 1280px) {
  section.index .sub-content .input-submit {
    width: 81.91667vw;
    margin-top: 0.83333vw;
  }
}

@media (max-width: 799px) {
  section.index .sub-content .input-submit {
    width: 42.00855vw;
    margin-top: 0.81197vw;
  }
}

section.index .sub-content .input-submit button {
  color: #fff;
  border: 0px;
  background-color: #303996;
  outline: none;
}

@media (min-width: 1281px) {
  section.index .sub-content .input-submit button {
    width: 19.91453vw;
    height: 4.18803vw;
    font-size: 1.19658vw;
    border-radius: 0.42735vw;
  }
}

@media (max-width: 1280px) {
  section.index .sub-content .input-submit button {
    width: 38.83333vw;
    height: 8.16667vw;
    font-size: 2.33333vw;
    border-radius: 0.83333vw;
  }
}

@media (max-width: 799px) {
  section.index .sub-content .input-submit button {
    width: 19.91453vw;
    height: 4.18803vw;
    font-size: 1.19658vw;
    border-radius: 0.42735vw;
  }
}

section.index .sub-content .input-submit button .next-icon {
  width: 100%;
}

section.index .sub-content .resetting {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1281px) {
  section.index .sub-content .resetting {
    margin-top: 3.80342vw;
    width: 42.00855vw;
  }
}

@media (max-width: 1280px) {
  section.index .sub-content .resetting {
    margin-top: 9.83333vw;
    width: 81.91667vw;
  }
}

@media (max-width: 799px) {
  section.index .sub-content .resetting {
    margin-top: 3.80342vw;
    width: 42.00855vw;
  }
}

section.index .sub-content .resetting div {
  display: table;
  width: 100%;
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
}

@media (min-width: 1281px) {
  section.index .sub-content .resetting div {
    height: 4.10256vw;
    font-size: 1.19658vw;
    border-radius: 0.42735vw;
  }
}

@media (max-width: 1280px) {
  section.index .sub-content .resetting div {
    height: 8vw;
    font-size: 2.33333vw;
    border-radius: 0.83333vw;
  }
}

@media (max-width: 799px) {
  section.index .sub-content .resetting div {
    height: 4.10256vw;
    font-size: 1.19658vw;
    border-radius: 0.42735vw;
  }
}

section.index .sub-content .resetting div p {
  display: table-cell;
  vertical-align: middle;
}

section.index footer {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 1281px) {
  section.index footer {
    display: none;
  }
}

@media (max-width: 1280px) {
  section.index footer {
    display: block;
  }
}

@media (max-width: 799px) {
  section.index footer {
    display: none;
  }
}

section.index footer.d-b {
  display: block;
  height: auto;
}

section.index footer.d-b p {
  padding-bottom: 4.52991vw;
  padding-right: 1.02564vw;
}

section.index footer p {
  text-align: center;
}

@media (max-width: 1280px) {
  section.index footer p {
    padding-bottom: 4.83333vw;
  }
}

section.index footer p img {
  height: auto;
}

@media (min-width: 1281px) {
  section.index footer p img {
    width: 7.30769vw;
    margin-left: 0.17094vw;
  }
}

@media (max-width: 1280px) {
  section.index footer p img {
    width: 14.25vw;
    margin-left: 0.33333vw;
  }
}

@media (max-width: 799px) {
  section.index footer p img {
    width: 7.30769vw;
    margin-left: 0.17094vw;
  }
}
/*# sourceMappingURL=index-new.css.map */