/* formSP ver.20230801
----------------------------*/
@media screen and (max-width:639px) {

	/* フォーム行
	----------------------------*/
	.smp_tmpl dl {
		width: 100%;
		margin: 0 auto 0.7em auto;
	    padding: 1em 0.5em 1em 0.5em;
	}

	/* 項目名
	----------------------------*/
	.smp_tmpl dt.title {
		display: block;
		width: 100%;
	}

	/* 項目入力部
	----------------------------*/
	.smp_tmpl dd.data {
		display: block;
		width: 100%;
		margin: 0 0 0.7em 0;
	}

	/* inputタグ
	----------------------------*/
	.smp_tmpl .input {
		width: 95%;
	}

	/* 入力欄を２つ並べる場合 */
	.input_line ul li {
		width: 48%;
		display: inline-block;
		font-weight: normal;
		vertical-align: top;
	}
	.input_line ul li input {
		width: 95% !important;
	}


	/* フィールドごとのデザイン
	----------------------------*/
	.smp_tmpl .multi1 li {
		display: block;
		float: none;
		margin: 0 0 0.5em 0;
		padding: 0 5px 2px 0;
	}	
	.smp_tmpl .multi1 label {
		display: block;
		background: var(--secondary-color, #e6f0f9);
		border-radius: 4px 4px 4px 4px;
		text-align: left;
		margin: 0 0 0.5em 0;
		padding: 0.5em 0.7em;
	}
	.smp_tmpl .multi1 label input {
		width: 20px;
		text-align: left;
		margin: 0.2em 0 0 0;
	}
	.smp_tmpl .multi1 label span {
		margin: 0 0 0 25px;
	}	

	.smp_tmpl .multi2 li {
		display: block;
		float: none;
		margin: 0 0 0.5em 0;
		padding: 0 5px 2px 0;		
	}
	.smp_tmpl .multi2 label {
		display: block;
		background: var(--secondary-color, #e6f0f9);
		border-radius: 4px 4px 4px 4px;
		text-align: left;
		margin: 0 0 0.5em 0;
		padding: 0.5em 0.7em;
	}
	.smp_tmpl .multi2 label input {
		width: 20px;
		text-align: left;
		margin: 0.2em 0 0 0;
	}
	.smp_tmpl .multi2 label span {
		margin: 0 0 0 25px;
	}

	.smp_tmpl select {
		width: 95%;
		min-width: 0px;
	}

	.smp_tmpl textarea {
		width: 95%;
	}

	/* 送信ボタン
	----------------------------*/
	.smp_tmpl input.submit {
		width: 90%;
		margin: 1em auto 1.5em auto;
	}
	/* 確認ページの戻るボタン */
	.smp_tmpl input[name="SMPFORM_BACK"] {
		width: 90%;
		margin: 1em auto 1em auto;
	}

	/* エラーメッセージ
	　(入力チェック時)
	----------------------------*/
	.smp_tmpl .msg {
		font-size: 1.4rem;
	}

	/* エラーメッセージ
	　(サンキュー・締め切り・システムエラー)
	----------------------------*/
	.smp_tmpl .sub_text {
		width: 95%;
		max-width: 1000px;
		font-weight: normal;
		text-align: left;
		padding: 0;
		margin: 0.7em auto 2.5em auto;
	}

}