@charset "utf-8";



/* basic
――――――――――――――――――――― */
* {
	-webkit-appearance: none;
}
#wrap {
	background: url("../img/bg_f.png") no-repeat 360px 50px / contain rgba(0, 0, 0, 0);
}
#container {
	background: transparent;
}
.must {
	margin: 0 0 0 4px;
	color: crimson;
}



/* form
――――――――――――――――――――― */
form {
	margin: 0 0 32px;
}



/* div.form
――――――――――――――――――――― */
.form {
	margin: 45px auto;
	width: 640px;
}
.form .caption {
	margin: 0 auto 8px;
	padding: 0 0 8px;
	border-bottom: 2px solid #ff6a39;
	font-size: 16px;
}

.form dt {
	margin: 0 0 4px;
	font-size: 16px;
}
.form dd {
	margin: 0 0 16px;
}
.form dd select,
.form dd input,
.form dd textarea {
	padding: 8px 6px;
	width: 280px;
	border-radius: 2px;
	border: 1px solid #999;
	font-size: 12px;
	box-sizing: border-box;
}
.form dd textarea {
	margin: 0 auto 16px;
	width: 100%;
}

/* confirm
―――――――――――――――― */
.form table,
.form tbody,
.form th,
.form tr,
.form td {
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.form p {
	margin: 0 auto 24px;
}
.form td {
	margin: 0 0 16px 1.25em;
}

/* btn
――――――――――――――――――――― */
.btns {
	line-height: 1.5;
	text-align: center;
}
.form td.btns {
	margin: 32px auto 0;
}
.btns button,
.btns input {
	background: #ff6a39;
	padding: 8px 0;
	width: 160px;
	width: 240px;

	color: #fff;
	text-align: center;
	font-size: 16px;

	border: none;

	transition: all 0.4s ease-in 0s;
}
.btns input {
	cursor: pointer;
	border-radius: 0;
}
.btns button + button {
	margin: 0 0 0 16px;
}
.btns button#reset,
.btns input#back {
	background: #c4c4c4;
	color: #4c4c4c;
}
.btns button:hover,
.btns input:hover {
	background: #d9bc90;
	transition: all 0.2s ease-in 0s;
}
.btns button#reset:hover,
.btns input#back:hover {
	opacity: 0.7;
}



.note {
	text-align: justify;
}



/* ―――――――――― setting for smartPhone/Tablet ―――――――――― */

@media only screen and (max-width: 640px) {
	.form {
		padding: 0 10px;
		width: 300px;
	}
	.form table {
		width: 300px;
	}
	.form dd select,
	.form dd input,
	.form dd textarea {
		width: 100%;
	}
	.form td {
		font-size: 12px;
	}

	.btns button,
	.btns input {
		padding: 12px 0 8px;
		padding: 8px 0 6px;
		width: 200px;
		font-size: 16px;
	}
	.btns button + button {
		margin: 16px 0 0;
	}
	.btns input {
		display: block;
		margin: 0 auto;
	}

}