@charset "utf-8";

/*=====================================================================================
	
	Document    : form.css
	Description : フォーム
 
=====================================================================================*/

textarea { width:98%; }
.ip_ss { width:10%; }
.ip_s2 { width:25%; }
.ip_s { width:45%; }
.ip_m { width:70%; }
.ip_l { width:98%; }
label { cursor:pointer; }
label:hover { color:#52c5eb; }
label { padding-left:0.5em; }

input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
	padding:4px;
	border:1px solid #c8c8c8;
	background-color:#fff;
}

@media screen and (max-width:640px) {
	input[type="text"],
  input[type="tel"],
  input[type="email"],
	select,
	textarea {
		margin-top: 10px;
	}
}
option {
	padding:2px 4px;
}

input[type="text"]:focus,
select:focus,
textarea:focus {
	border:2px solid #f9d395;
	margin:-1px;
}

.error input[type=text], 
.error textarea,
.error select {
	border:1px solid #ef9ea0;
	background-color:#fdf6f9;
}

.error input[type=text]:focus, 
.error textarea:focus,
.error selec:focus {
	margin:0;
}

.error p {
	margin:0 0 5px 0 !important;
	padding:2px 0 0 26px !important;
	width:auto !important;
	clear:both;
	background:url(../image/form/ic-error.gif) no-repeat left center;
}

.mailform-alart {
	border:1px solid #ef9ea0;
	background-color:#fdf6f9;
    width: 100%;
    padding: 1em;
    margin-bottom: 48px;
    box-sizing: border-box;
    text-align: center;
}

.ind {
	text-indent: 1em;
}


/*---------------------------------------------------------------------------

   入力フォーム

---------------------------------------------------------------------------*/

.fm-tb {
	width:100%;
	border-collapse:collapse;
}

.fm-tb th,
.fm-tb td {
	padding:15px;
	border:1px solid #c8c8c8;
}

.fm-tb th {
	width:25%;
	background-color:#fafad6;
	vertical-align:top;
	text-align:left;
}

.fm-tb th span {
	background-color:#b9b9b9;
	color:#fff;
	padding:2px 6px;
	float:right;
}

@media screen and (max-width:640px) {
	.fm-tb th span {
		margin-top: 20px;
		margin-right: 15px;
	}
}

.fm-tb th span.required {
	background-color:#f6bb5c;
}
/*---------------------------------------------------------------------------

   ボタン

---------------------------------------------------------------------------*/

.fm-bt {
	text-align:center;
	padding-top:35px;
}

.fm-bt input {
	border:0;
	margin:0;
	cursor:pointer;
	margin:0 5px;
    border-radius:2px;
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
	color:#fff;
	background-color:#b9b9b9;
	border-bottom:4px solid #aaa;
}
.ua-sp .fm-bt input {
	margin:5px;
}

.fm-bt input:hover {
	background-color:#d2d2d2;
	border-color:#c8c8c8;
}

.fm-btBack {
	background:url(../../image/form/back-white.png) no-repeat left 0.75em;
	padding:6px 25px 6px 50px;
}

.fm-btNext,
.fm-btSend {
	background:url(../../image/form/next-white.png) no-repeat right 0.75em;
	padding:6px 50px 6px 25px;
	border-color:#589cdf !important;
	background-color:#6babeb !important;
}

.fm-btNext:hover,
.fm-btSend:hover {
	border-color:#66c9e9 !important;
	background-color:#7fd2ee !important;
}