@charset "UTF-8";
/*==========================================================================
Max Width
============================================================================*/
/*==========================================================================
Break Point
============================================================================*/
/*==========================================================================
Font
============================================================================*/
/*==========================================================================
Color
カラーコード変換 https://tech-unlimited.com/color.html
============================================================================*/
/*==========================================================================
box shadow
==========================================================================*/
/*==========================================================================
Line Height
==========================================================================*/
/*==========================================================================
Easing
Easingの動きが一覧でわかるチートシート https://easings.net/ja
Easingジェネレーター https://easings.co/
==========================================================================*/
.page--inquiry {
  font-size: 1rem;
  line-height: 2;
}
.page--inquiry hr {
  all: initial;
  padding: 2rem 0.75rem;
}
.page--inquiry hr::before {
  content: "";
  display: block;
  margin: auto;
  width: calc(100% - 1.5rem);
  height: 1px;
  background: rgba(5, 41, 70, 0.08);
}
.page--inquiry .flow {
  counter-reset: number 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.page--inquiry .flow::before, .page--inquiry .flow::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.25rem;
  width: calc((100% - 9rem) / 2 - 2rem);
  height: 1px;
  background: rgba(5, 41, 70, 0.08);
}
.page--inquiry .flow::before {
  left: 4rem;
}
.page--inquiry .flow::after {
  right: 4rem;
}
.page--inquiry .flow > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 0 0.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.71;
}
.page--inquiry .flow > *::before {
  counter-increment: number 1;
  content: counter(number);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  color: rgba(5, 41, 70, 0.5);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  border: 1px solid currentColor;
  border-radius: 100%;
}
.page--inquiry .flow > *.current::before {
  content: "";
  background: #70B5D2 url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.4579 0.653564L17.347 4.54265L4.7102 17.1795L0.654297 17.3463L0.821112 13.2904L13.4579 0.653564ZM13.4579 2.77488L11.5189 4.71389L13.2867 6.48166L15.2257 4.54265L13.4579 2.77488ZM12.226 7.54232L10.4583 5.77455L2.29578 13.937L2.21996 15.7806L4.06355 15.7048L12.226 7.54232Z" fill="white"/></svg>') no-repeat center;
  border-color: transparent;
}
.page--inquiry .related {
  margin-top: 2rem;
  padding: 1rem;
  background: #FAFAF9;
  border-radius: 0.5rem;
  font-size: 0.938rem;
  line-height: 1.6;
}
.page--inquiry .agreement {
  gap: 2rem;
  padding: 2rem;
}
.page--inquiry .agreement li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.page--inquiry .agreement label[for=agree] {
  font-weight: bold;
}
.page--inquiry .submit {
  flex-direction: row-reverse;
  gap: 2rem;
  padding: 0 2rem;
}
.page--inquiry .required {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.3125rem 0.357rem;
  background: #F488A6;
  color: rgb(255, 255, 255);
  border-radius: 1.5rem;
  font-family: "Fustat", sans-serif;
  font-weight: 600;
  font-size: 0.688rem;
  line-height: 1.818;
  text-box: trim-both cap alphabetic;
  vertical-align: text-bottom;
}
.page--inquiry .terms {
  padding: 0.5rem;
  height: 13rem;
  background: #FAFAF9;
  border: 1px solid rgba(5, 41, 70, 0.08);
  border-radius: 0.5rem;
  overflow-y: scroll;
  font-size: 0.875rem;
  line-height: 1.71;
}
.page--inquiry .terms dt {
  margin-top: 1rem;
  font-weight: bold;
}
.page--inquiry .terms li {
  padding: 0;
}
.page--inquiry .terms__heading {
  margin-bottom: 2rem;
  font-weight: normal;
  font-size: 1rem;
  line-height: 2;
}

@media print, screen and (max-width:915px) {
  .page--inquiry .contents {
    margin: 0 1rem;
  }
}

/*# sourceMappingURL=form.css.map */