/* 自動生成: style.css を役割別に分割 (STEP2). 手動編集は各パーシャルで. */

/* ============================================================
   dexweb — 新規お取引ご登録
   ============================================================ */

.dw { padding: 56px 0 104px; }

.dw-msg { text-align: center; padding: 96px 0; }

.dw-msg p { font-size: 18px; line-height: 2.1; color: var(--black); }

.dw-line { border: 0; border-top: 1px solid var(--black); margin: 0 0 88px; }

.dw-form { margin-top: 0; }

/* ---------- オーダーはこちら（FAX用紙ダウンロード） ---------- */

.dw-order { margin-bottom: 72px; }

.dw-order .sec-head { margin-bottom: 24px; }

.dw-order__lead {
  font-size: 15px;
  line-height: 2;
  color: var(--black);
  margin-bottom: 28px;
}

.dw-order__btn { align-self: auto; }

.ico-dl { width: 16px; height: 16px; flex-shrink: 0; }

@media (max-width: 768px) {
  .dw-order { margin-bottom: 44px; }
  .dw-order .sec-head { margin-bottom: 18px; }
  .dw-order__lead { font-size: 14px; margin-bottom: 22px; }
  .dw-order__btn { width: 100%; justify-content: space-between; }
}

@media (max-width: 768px) {
  .dw { padding: 40px 0 72px; }
  .dw-msg { padding: 56px 0; }
  .dw-msg p { font-size: 16px; }
  .dw-line { margin-bottom: 56px; }
}