/* dl-form-fix — app_dl.html 申込ページの書体調整（PC・スマホ共通） */
#S_main, #S_main p, #S_main li, #S_main div, #S_main a,
.myForm, .myForm label, .myForm input{
  font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,sans-serif !important;
}
#S_main p, #S_main li{font-size:16px !important; line-height:1.9 !important}
#S_main{color:#333}
.myForm .form_input_label{font-size:15px !important; font-weight:700}
.myForm input[type="text"]{font-size:16px !important; padding:9px 10px !important}
.form_input_submit{text-align:center}
.form_input_submit input{
  font-size:18px !important; font-weight:700; cursor:pointer;
  padding:16px 60px !important;
  color:#fff !important;
  background:linear-gradient(180deg,#ff9d3c,#f2760a) !important;
  border:0 !important; border-radius:40px !important;
  box-shadow:0 4px 10px rgba(220,120,20,.4), inset 0 1px 0 rgba(255,255,255,.4);
  text-shadow:0 1px 1px rgba(150,70,0,.35);
  transition:.15s;
}
.form_input_submit input:hover{filter:brightness(1.07); box-shadow:0 6px 14px rgba(220,120,20,.5), inset 0 1px 0 rgba(255,255,255,.4)}
.form_input_submit input:active{transform:translateY(1px)}

/* 注意書き・個人情報ブロックはやや小さめに */
#S_main .dl-intro,
#S_main .dl-note p, #S_main .dl-note li,
#S_main .dl-privacy p, #S_main .dl-privacy li{
  font-size:13.5px !important; line-height:1.8 !important;
}

/* sp-form-layout: スマホはラベル上・入力欄下の統一レイアウト */
@media (max-width:920px){
  .myForm .input_unit{display:block !important;width:100% !important;margin:0 0 18px !important;overflow:visible !important}
  .myForm .my_column{float:none !important;display:block !important;width:100% !important;max-width:100% !important;text-align:left !important;padding:0 !important;margin:0 !important}
  .myForm .my_left{margin:0 0 6px !important}
  .myForm .label_frame{width:auto !important;text-align:left !important;padding:0 !important}
  .myForm .form_input_label{display:block !important;text-align:left !important;width:auto !important}
  .myForm input[type="text"],.myForm textarea{width:100% !important;max-width:100% !important;box-sizing:border-box !important}
  .myForm .textarea_frame,.myForm .select_frame{width:100% !important;max-width:100% !important}
  .myForm select{max-width:100% !important}
}

/* ------------------------------------------------------------
　　★2026-08-13：お問い合わせ・申込フォームのページは
　　　入力欄が画面いっぱいに広がるため、左右の余白を少し広くとる
　　　（inq.html / form.html / app_dl.html）
------------------------------------------------------------ */
@media screen and (max-width: 920px) {
	#main {
		padding-left: 22px !important;
		padding-right: 22px !important;
	}
	/* 「確認する」ボタンの下にも余裕をもたせる */
	#main form { margin-bottom: 10px; }
}