/* ここでプレビューの文字を消しています */

.form-top .form-top-left  {

    display: none;

}

/* ここまでプレビューの文字を消しています */



/* ▼▼ 小見出し03 ここから ▼▼ */

:root {

  --underline-color-s: #ff5300; /* 下線の色はここのカラーコードを変更 */

}

 

h5.description-title {

  border-bottom: 4px solid var(--underline-color-s);

  background: transparent;

  color: #ffffff; /* 文字色はここのカラーコードを変更 */

  width: 100%;

  margin: 15px 0 0 0;

  padding: 0 0 10px 0;

  box-shadow: none;

  font-weight: 600;

  position: relative;

}

 

h5.description-title::after {

  content: "";

  position: absolute;

  bottom: -8px;

  left: 0;

  right: 0;

  border-bottom: 1px solid var(--underline-color-s);

}

 

.col-sm-4, .col-sm-8, .col-sm-12 {

  padding: 0;

}

/* ▲▲ 小見出し03 ここまで ▲▲ */

/* ▼▼ ボタン07 ここから ▼▼ */

:root {

  --btn-bg-color: #ff5300; /* 背景色はここのカラーコードを変更 */

  --btn-font-color: #ffffff; /* 文字色はここのカラーコードを変更 */

}

 

.btn-primary, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn-primary.active, .btn-primary:active, .btn-primary:hover,
.open>.btn-primary.dropdown-toggle {

  color: var(--btn-font-color);

  background: var(--btn-bg-color);

  border: none;

  width: 100%;

  height: 50px; /* ボタンの高さはここを変更 */

  position: relative;

  border-radius: 30px;

  padding: 0 45px 0 25px;

  font-size: 16px; /* 文字の大きさはここを変更 */

  letter-spacing: 0.1em;

  outline: none;

}

 

.btn-primary::before {

  content: '';

  position: absolute;

  top: 50%;

  right: 16px;

  transform: translateY(-50%);

  width: 25px;

  height: 25px;

  background: var(--btn-font-color);

  border-radius: 50vh;

}

 

.btn-primary:after {

  content: '';

  width: 8px;

  height: 8px;

  border: 0;

  border-top: 2px solid var(--btn-bg-color);

  border-right: 2px solid var(--btn-bg-color);

  position: absolute;

  top: 50%;

  right: 26px;

  transform: translateY(-50%) rotate(45deg);

}

/* ▲▲ ボタン07 ここまで ▲▲ */

/* ▼▼ラジオボタン横並び ここから ▼▼ */

.form-editor > div:nth-of-type(2) > .form-group > .form-text > .col-sm-8 > span > .radios {

    margin: 0;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

/* ▲▲ ラジオボタン横並び ここまで ▲▲ */


/* 「必須」という文字を赤い「※」に置き換える */
span.label.label-danger::before {
  content: "※";
  color: red;
  font-weight: bold;
  font-size: 14px;
}

/* 元の「必須」の文字を非表示にし、背景も透明にする */
span.label.label-danger {
  font-size: 0;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}


/* ▼▼ 全体のフォントを変更するCSS ここから ▼▼ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/* ▲▲ 全体のフォントを変更するCSS ここまで ▲▲ */

.text-break,
.form-text {
  color: #ffffff !important;
}

/* 各フォーム項目の上下のスペースを広げる */
.form-group {
  margin-bottom: 30px !important;  /* お好みで数字を増減してください */
}


/* ▼▼ スクロール時に背景画像を固定＋黒オーバーレイ追加CSS ここから ▼▼ */
.form-bottom::before,
.form-bottom::after {
    content: "";
    display: block;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

/* 背景画像 */
.form-bottom::before {
    background: transparent url('https://d27rnpuamwvieu.cloudfront.net/0eQUn7VgqXVb7Z2E1fedOvAXX/normal') no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}

/* 黒いオーバーレイ（40%透明） */
.form-bottom::after {
    background-color: rgba(0, 0, 0, 0.6);
}

/* 背景透過 */
.form-bottom {
    background: rgba(238, 238, 238, 0);
}

/* 以下PC表示用 */
@media (min-width: 768px) {
    .form-bottom::before,
    .form-bottom::after {
        width: 597px;
        left: 50%;
        transform: translateX(-50%);
    }
}
@media (min-width: 992px) {
    .form-bottom::before,
    .form-bottom::after {
        width: 778px;
    }
}
@media (min-width: 1200px) {
    .form-bottom::before,
    .form-bottom::after {
        width: 750px;
    }
}

/* フォーム内余白と影の調整 */
.form-box {
    padding-top: 0; 
}
.form-box form {
    box-shadow: none;
}
/* ▲▲ スクロール時に背景画像を固定＋黒オーバーレイ追加CSS ここまで ▲▲ */




.form-finish {
  color: #ffffff !important;
}