@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@500;700&Libre+Baskerville:wght@700&display=swap");
.ttlArea::before {
  background: url(../img/ttlbg-sp.jpg) center/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .ttlArea {
    background: url(../img/ttlbg-pc.jpg) right center/cover no-repeat;
  }
}

.secIntro {
  padding: 40px 0 0;
}
@media screen and (min-width: 768px) {
  .secIntro {
    padding-top: 64px;
  }
}
.secIntro__txt {
  color: #004681;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .secIntro__txt {
    text-align: center;
  }
}

.secFlow {
  padding: 28px 0 42px;
}
@media screen and (min-width: 768px) {
  .secFlow {
    padding: 108px 0 62px;
  }
}
@media screen and (min-width: 768px) {
  .secFlow__inner {
    max-width: 880px;
  }
}
.secFlow__txt {
  padding-bottom: 24px;
  margin-bottom: 37px;
  font-weight: 400;
  line-height: 1.9;
  position: relative;
}
.secFlow__txt::before, .secFlow__txt::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #E5E5E5;
  position: absolute;
  bottom: 0;
  left: 0;
}
.secFlow__txt::after {
  width: 61px;
  background-color: #505050;
}
@media screen and (min-width: 768px) {
  .secFlow__txt {
    padding-bottom: 39px;
    margin-bottom: 58px;
  }
  .secFlow__txt::after {
    width: 138px;
  }
}
.secFlow__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 23px;
}
.secFlow__navigation li {
  width: 88px;
  height: 88px;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.secFlow__navigation li.current {
  color: #FAA49B;
}
.secFlow__navigation li.current::before {
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(192, 222, 237, 0.4);
  border-radius: 50%;
  filter: blur(20px);
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.secFlow__navigation li:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 11px;
  margin: auto 0;
  background: url('data:image/svg+xml;charset=utf8,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.349227 11.0952C-0.0700992 10.7358 -0.118661 10.1045 0.240761 9.68513L3.68294 5.66925L0.240761 1.65338C-0.118661 1.23405 -0.0700996 0.602753 0.349226 0.24333C0.768552 -0.116092 1.39985 -0.0675307 1.75927 0.351795L5.75927 5.01846C6.08027 5.39295 6.08027 5.94555 5.75927 6.32004L1.75927 10.9867C1.39985 11.406 0.768553 11.4546 0.349227 11.0952Z" fill="%23505050"/></svg>') center/contain no-repeat;
  display: block;
  position: absolute;
  top: 5px;
  bottom: 0;
  right: -17px;
}
@media screen and (min-width: 768px) {
  .secFlow__navigation {
    grid-gap: 13px;
  }
}
@media screen and (min-width: 768px) {
  .secFlow--complete {
    padding: 51px 0 62px;
  }
}

.secForm {
  padding: 48px 0 100px;
  margin-bottom: 93px;
  background-color: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .secForm {
    padding: 102px 0 100px;
    margin-bottom: 0;
    border-radius: 60px;
  }
}
@media screen and (min-width: 768px) {
  .secForm__inner {
    max-width: 880px;
  }
}
.secForm__formWrap {
  display: grid;
  grid-gap: 38px;
}
@media screen and (min-width: 768px) {
  .secForm__formWrap {
    grid-gap: 42px;
  }
}
.secForm__inputWrap {
  width: 100%;
  display: grid;
  grid-gap: 5px;
}
.secForm__inputWrap .inputHeader {
  margin-bottom: 17px;
  color: #004681;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  grid-gap: 13px;
}
.secForm__inputWrap .inputHeader::before {
  content: "";
  width: 4px;
  height: 20px;
  background-color: #FAA49B;
  border-radius: 2px;
  display: block;
}
.secForm__inputWrap .inputHeader__required {
  margin: 2px 0 -2px auto;
  color: #FAA49B;
  font-size: 14px;
}
.secForm__inputWrap .inputBody {
  font-weight: 400;
}
.secForm__inputWrap .inputBody input[type=text], .secForm__inputWrap .inputBody input[type=tel], .secForm__inputWrap .inputBody input[type=email], .secForm__inputWrap .inputBody textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #505050;
  border-radius: 4px;
  font-weight: 400;
}
.secForm__inputWrap .inputBody input[type=text]::-moz-placeholder, .secForm__inputWrap .inputBody input[type=tel]::-moz-placeholder, .secForm__inputWrap .inputBody input[type=email]::-moz-placeholder, .secForm__inputWrap .inputBody textarea::-moz-placeholder {
  color: #D9D9D9;
  font-size: 14px;
}
.secForm__inputWrap .inputBody input[type=text]::placeholder, .secForm__inputWrap .inputBody input[type=tel]::placeholder, .secForm__inputWrap .inputBody input[type=email]::placeholder, .secForm__inputWrap .inputBody textarea::placeholder {
  color: #D9D9D9;
  font-size: 14px;
}
.secForm__inputWrap .inputBody input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: -4px 5px 0 -19px;
  background-color: #fff;
  border: 1px solid #004681;
  display: inline-block;
}
.secForm__inputWrap .inputBody input[type=checkbox]:checked {
  background: #004681 url('data:image/svg+xml;charset=utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.766 5.643L7.12184 12.3661L3.4021 9.59102L4.59805 7.98798L6.80423 9.63391L11.2342 4.35706L12.766 5.643Z" fill="%23fff"/></svg>') center/contain no-repeat;
}
.secForm__inputWrap .inputBody textarea {
  height: 320px;
}
.secForm__inputWrap .inputBody--checkbox {
  padding-bottom: 10px;
  color: #004681;
  font-size: 18px;
  line-height: 1.9;
}
.secForm__inputWrap .inputBody--checkbox .wpcf7-list-item {
  width: 100%;
}
.secForm__inputWrap .inputBody .policyTxt {
  margin: 20px 0 0;
  color: #505050;
  font-size: 14px;
  line-height: 1.7;
}
.secForm__inputWrap .inputBody .policyTxt a {
  text-decoration: underline;
}
.secForm__inputWrap .inputBody .policyTxt a:hover {
  text-decoration: none;
}
.secForm__inputWrap .inputBody--submit {
  padding-top: 27px;
}
.secForm__inputWrap .inputBody--submit p {
  display: contents;
}
.secForm__inputWrap .inputBody--submit .btn {
  margin: 0 auto;
}
.secForm__inputWrap .inputBody--submit input[type=submit] {
  width: 100%;
  height: 100%;
  padding-left: 27px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .secForm__inputWrap .inputHeader {
    font-size: 18px;
  }
  .secForm__inputWrap .inputBody--checkbox {
    padding-bottom: 23px;
    font-size: 16px;
  }
  .secForm__inputWrap .inputBody--checkbox .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 25px;
  }
  .secForm__inputWrap .inputBody--checkbox .wpcf7-list-item {
    width: auto;
  }
  .secForm__inputWrap .inputBody--submit {
    padding-top: 100px;
  }
}
.secForm--confirm .secForm__inputWrap .inputBody {
  color: #004681;
}
.secForm--confirm .secForm__inputWrap .inputBody--checkbox {
  padding-bottom: 0;
}
.secForm--complete {
  padding: 114px 20px;
  text-align: center;
}
.secForm--complete .ttl {
  margin-bottom: 23px;
  color: #81BDDB;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
.secForm--complete .txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6667;
}
@media screen and (min-width: 768px) {
  .secForm--complete .ttl {
    font-size: 30px;
  }
}

.returnBtn {
  margin: 60px auto 100px;
}
@media screen and (min-width: 768px) {
  .returnBtn {
    margin-top: 120px;
  }
}