@charset "utf-8";


form#mail_form input[type="file"] {
	max-width: calc( 100% - 4% - 2px );
	margin: 0 0 10px;
	padding: 7px 2%;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 16px;
	font-family: inherit;
	line-height: normal;
}

form#mail_form dd input[type="file"]:last-child {
	margin-bottom: 5px;
}

form#mail_form ul li p.change_image img {
	display: block;
	max-width: 200px;
	margin: 20px 0 10px;
	border-radius: 3px;
}

form#mail_form ul li:nth-child(2) p.change_image img {
	margin-top: 0px;
}


form#mail_form dl dd p.accept_filetype {
}

form#mail_form dl dd span.error_filetype {
	display: block;
	color: #ff0000;
	margin-top: 5px;
}








/* -- 入力内容確認アドオンを併用している場合 ----------------------------------------------------------------------------------------- */

div#confirm_field dl dd p {
	word-wrap: break-word;
}

div#confirm_field dl dd p img {
	display: block;
	max-width: 200px;
	border-radius: 3px;
	margin: 30px 0 5px;
}

div#confirm_field dl dd p:first-child img {
	margin-top: 5px;
}