@charset "utf-8";

input{
	padding: 5px;
}

input,
select{
	vertical-align:middle;
}

input[type=text]{
	width: 450px;
}
input[type=email],
input[type=tel]{
	width: 250px;
	ime-mode: disabled;
}
textarea{
	padding: 5px;
	width: 100%;
	height: 8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.medium{
	width: 240px !important;
}
.small{
	width: 100px !important;
}
.ssmall{
	width: 80px !important;
}
input[type="submit"],
input[type="button"]{
	margin:5px;
	width: 200px;
	height: 50px;
	background-color: #666;
	border: none;
	color: #fff;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
input[type="submit"]:hover{
	background-color: #ea7f00;
}
input[type="submit"][disabled]{
	background-color: #ccc;
	cursor: default;
}
input[type="submit"].back,
input[type="button"]{
	background-color: #CCC;
}
input[type="reset"]{
	margin:5px;
	width: 200px;
	height: 50px;
	background-color: #CCC;
	border: none;
	color: #fff;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.frameBtn{
	text-align:center;
}

@media screen and (max-width: 979px) {
/*tablet*/
}
@media screen and (max-width: 768px){
/*smart phone*/
}
@media screen and (max-width: 620px) {
/*sp*/

input[type=text],
input[type=email],
input[type=tel]{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.medium{
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

}
@media screen and (max-width: 480px){
/*sp*/
}