@charset "UTF-8";
/* media query */
.stepArea {
  background-color: #F5F5F5;
  padding: 30px 20px;
}
.stepArea ul {
  display: flex;
  justify-content: center;
}
.stepArea ul li {
  color: #aaa;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 668px) {
  .stepArea ul li {
    font-size: 1.3rem;
  }
}
.stepArea ul li:not(:last-child)::after {
  content: "▶";
  display: inline-block;
  margin: 0 50px;
}
@media screen and (max-width: 668px) {
  .stepArea ul li:not(:last-child)::after {
    margin: 0 10px;
  }
}
.stepArea ul li.on {
  color: #00A0E9;
}

.formArea .skyBg {
  background-color: #EEFAFF;
  padding: 35px 20px 80px;
}
@media screen and (max-width: 960px) {
  .formArea .skyBg {
    padding: 0 0 35px;
  }
}
.formArea .skyBg .formMain {
  background-color: #fff;
  max-width: 1000px;
  margin: 0 auto;
  padding: 70px 20px;
}
@media screen and (max-width: 668px) {
  .formArea .skyBg .formMain {
    padding: 35px 20px;
  }
}
.formArea .skyBg .formMain h2 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  color: #00A0E9;
  text-align: center;
  font-size: 3.2rem;
  margin-bottom: 50px;
}
.formArea .skyBg .formMain .formTable {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}
@media screen and (max-width: 668px) {
  .formArea .skyBg .formMain .formTable {
    width: 100%;
  }
}
.formArea .skyBg .formMain .formTable tr th, .formArea .skyBg .formMain .formTable tr td {
  padding: 0 0 40px;
  vertical-align: top;
  text-align: left;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr th, .formArea .skyBg .formMain .formTable tr td {
    display: block;
  }
}
.formArea .skyBg .formMain .formTable tr.marginS th, .formArea .skyBg .formMain .formTable tr.marginS td {
  padding-bottom: 15px;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr.marginS th {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr.marginS td {
    padding-bottom: 20px;
  }
}
.formArea .skyBg .formMain .formTable tr th {
  padding-right: 20px;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr th {
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.formArea .skyBg .formMain .formTable tr th p {
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
  padding-right: 60px;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr th p {
    padding-right: 0;
  }
}
.formArea .skyBg .formMain .formTable tr th p.required::after {
  content: "必須";
  color: #fff;
  font-size: 1.3rem;
  line-height: 100%;
  background-color: #E4007F;
  padding: 3px 5px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr th p.required::after {
    display: inline-block;
    position: static;
    margin-left: 20px;
  }
}
.formArea .skyBg .formMain .formTable tr td {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .formTable tr td {
    padding-bottom: 20px;
  }
}
.formArea .skyBg .formMain .formTable tr td * {
  font-size: 1.6rem;
  font-weight: 500;
  word-break: break-all;
}
.formArea .skyBg .formMain .formTable tr td p.ex {
  font-size: 1.3rem;
  color: #646464;
  margin-top: 3px;
}
.formArea .skyBg .formMain .formTable tr td:has(input[type=text]) {
  display: flex;
  flex-wrap: wrap;
}
.formArea .skyBg .formMain .okArea {
  padding-top: 70px;
}
@media screen and (max-width: 668px) {
  .formArea .skyBg .formMain .okArea {
    padding-top: 40px;
  }
}
.formArea .skyBg .formMain .okArea p {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.formArea .skyBg .formMain .okArea p:not(:last-child) {
  margin-bottom: 35px;
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .skyBg .formMain .okArea p {
    text-align: left;
  }
}
.formArea .formBtn {
  padding: 120px 20px;
  display: flex;
  justify-content: center;
}
.formArea .formBtn input[type=submit] {
  margin: 0 10px;
}
@media screen and (max-width: 960px) {
  .formArea .formBtn {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 668px) and (orientation: portrait) {
  .formArea .formBtn {
    display: block;
  }
  .formArea .formBtn input[type=submit] {
    margin: 0 0 20px;
  }
}/*# sourceMappingURL=index.css.map */