@charset "utf-8";

/*
 *
 *	form style
 *
 */

/*======================================
	formBox
======================================*/
input, select, textarea {
	font-family: 'Helvetica Neue', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Helvetica, Meiryo, 'メイリオ', sans-serif;
	outline: none;
}

.formBox sup {
	vertical-align: top;
	margin-left: .3em;
	font-size: .7em;
	color: #ff6464;
}


/****** formTable ******/
.formBox .formTable {
	width: 100%;
	margin-bottom: .5em;
}
.formBox .formTable th {
	width: 12em;
}
.formBox .formTable .txtForm {
	width: 100%;
	max-width: 600px;
	line-height: 1.5em;
	padding: .3em .5em;
	border: #ddd solid 1px;
}
.formBox .formTable select {
	width: 200px;
	padding: .3em;
	font-size: 1.1em;
	line-height: 1.5em;
	border: #ddd solid 1px;
}
.formBox .formTable label {
	cursor: pointer;
}

/* point */
.formBox .point{
	margin-bottom: .5em;
	font-size: .8em;
}

/* sendBtn */
.formBox .sendBtn {
	-webkit-appearance: none;
	margin: 0 1em;
	padding: .4em 1.2em;
	border: none;
	border-bottom: #ff4b4b solid 3px;
	background: #ff6464;
	border-radius: 5px;
	font-size: 1.2em;
	color: #fff;
	cursor: pointer;
	transition: all .4s ease;
}
.formBox .sendBtn:hover {
	background: #ff7e7e;
}
.formBox .sendBtn:active {
	margin-top: 2px;
	border-bottom-width: 1px;
}

/* backBtn */
.formBox .backBtn {
	-webkit-appearance: none;
	margin: 0 1em;
	padding: .4em 1.2em;
	border: none;
	border-bottom: #ccc solid 3px;
	background: #f4f4f4;
	border-radius: 5px;
	font-size: 1.2em;
	color: #000;
	cursor: pointer;
	transition: all .4s ease;
}
.formBox .backBtn:hover {
	background: #f9f9f9;
}
.formBox .backBtn:active {
	margin-top: 2px;
	border-bottom-width: 1px;
}

/* err */
.formBox .err {
	font-size: .8em;
	color: #ff6464;
}

.formBox .memo {
	font-size: .85em;
}
.formBox .btn{
	margin: 2em 0;
}





/*============================================================================

	responsive

============================================================================*/
@media screen and (max-width:960px) {

}



@media screen and (max-width:767px) {

}



@media screen and (max-width:480px) {

}