/* ボディの背景色を調整 */
body {
  background-color: #f8f9fa !important;
}

/* ステップバーのスタイル調整 */
.step-wrapper {
  display: flex;
  width: 100%;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));
}
.step-item {
  flex: 1;
  position: relative;
  background: #e2e8f0;
  color: #718096;
  padding: 15px 10px;
  text-align: center;
  /* 矢印の形状 */
  clip-path: polygon(calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 15px 50%, 0% 0%);
  margin-right: -12px; /* 重なりを作って隙間を消す */
}
.step-item:first-child {
  clip-path: polygon(calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 0% 0%);
}
.step-item:last-child {
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 15px 50%, 0% 0%);
  margin-right: 0;
}
.step-item.active {
  background: #4a5568;
  color: #ffffff;
}
.step-num { display: block; font-size: 0.75rem; font-weight: bold; }
.step-title { display: block; font-size: 0.85rem; }

/* プレースホルダーの色を薄く */
.vinput_text.form-control::placeholder {
    color: rgba(33, 37, 41, 0.4) !important;
    opacity: 1 !important;
}
.vinput_text.form-control::-webkit-input-placeholder {
    color: rgba(33, 37, 41, 0.4) !important;
}
.vinput_text.form-control::-moz-placeholder {
    color: rgba(33, 37, 41, 0.4) !important;
    opacity: 1 !important;
}