@charset "UTF-8";

@media screen and (max-width: 768px) {
/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */


/* L1 ######################################## お客様 お問い合わせ ######################################## */

/* L2 **************************************** フォーム **************************************** */

/* L3 ======================================== 注意書き ======================================== */

#notice p {
	text-align: left;
}

#notice ul {
	margin-left: 5%;
}


/* L3 ======================================== フォームパーツ ======================================== */

#form fieldset {
	padding-left: 4%;
	padding-right: 4%;
}

#form fieldset legend {
	padding-left: 2%;
	padding-right: 2%;
}

#form fieldset label {
	letter-spacing: 0;
}

#form fieldset div.error p {
	text-align: left;
}

#form input#username,
#form input#email {
	width: 100%;
	box-sizing: border-box;
}

#form textarea {
	width: 100%;
	box-sizing: border-box;
}

#form #gender li {
	display: block;
}
#form #gender li::after {
	display: none;
}

#form fieldset div.counter {
	display: block;
	margin-top: 0.5em;
	text-align: center;
}

/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 ここまで #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */
}