@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: contents.css
 * Summary:   各コンテンツ用スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    form
 * ===============================================================
*/

/** =1
 * ========================================
 * form
 * ========================================
 */
/* フロー表示部分 */
.entryFlow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin-bottom: clamp(20px, calc(40 / 768 * 100vw), 40px);
  font-size: clamp(12px, calc(16 / 768 * 100vw), 16px);
}
.entryFlow li {
  position: relative;
  list-style-type: none;
  width: calc(1 / 3 * 100%);
  color: rgb(from #fff r g b / 0.6);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  counter-increment: steps;
}
.entryFlow li::before {
  display: grid;
  place-items: center;
  position: relative;
  z-index: 10;
  width: calc(32 / 16 * 1em);
  aspect-ratio: 1;
  margin-block-end: calc(8 / 16 * 1em);
  margin-inline: auto;
  border-radius: 100vmax;
  background-color: #55657c;
  font-size: calc(16 / 12 * 1em);
  text-align: center;
  content: counter(steps);
}
.entryFlow li:not(:first-child)::after {
  position: absolute;
  z-index: 0;
  inset-block-start: calc(16 / 12 * 1em);
  inset-inline-start: -50%;
  width: 100%;
  height: 2px;
  margin-block-start: -1px;
  background-color: #55657c;
  content: "";
}
.entryFlow li.active,
.entryFlow li.complete {
  color: #e5b346;
}
.entryFlow li.active::before,
.entryFlow li.complete:before {
  background: linear-gradient(0deg, #7f6427 0%, #e5b346 100%);
  color: #fff;
}
.entryFlow li.active::after,
.entryFlow li.complete::after {
  background-color: #e5b346;
}

/* フォーム上テキスト */
.entryFormDescription {
  margin-block-end: clamp(20px, calc(40 / 768 * 100vw), 40px);
  font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .entryFormDescription {
    text-align: center;
  }
}

/** =2
 * ========================================
 * terms
 * ========================================
 */
body[id="terms"] [id="contents"] {
  margin-block-end: clamp(40px, calc(60 / 768 * 100lvw), 60px);
}

.sectionTerms:not(:last-child) {
  margin-block-end: clamp(30px, calc(50 / 768 * 100lvw), 50px);
}
.sectionTermsTitle {
  margin-block-end: 1em;
  padding-block: calc(4 / 20 * 1em) calc(6 / 20 * 1em);
  padding-inline: calc(16 / 20 * 1em);
  /* border-radius: 100vmax; */
  border-radius: 4px;
  background-color: #003f76;
  color: #fff;
  font-weight: bold;
  font-size: clamp(1.6rem, calc(20 / 768 * 100lvw), 2rem);
}