form#mailformpro {
	font: 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;
	padding: 10px 0px;
	color: #333;
}
form#mailformpro dl dt, form#mailformpro dl dd {
	font: 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;
	color: #333;
}
form#mailformpro dl dd ul,form#mailformpro dl dd ol {
	margin: 0px;
	padding: 0px;
}
form#mailformpro dl dd ul li,form#mailformpro dl dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.must {
	font-size: 10px;
	color: #F00;
	margin-left: 10px;
}
.optional {
	font-size: 10px;
    margin-left: 10px;
}


/*-------------------------------------------*/
/* iPhone(320px)
/*-------------------------------------------*/

form#mailformpro dl dt {
	float: none;
	width: 100%;
	clear: both;
	padding: 10px 0px;
	border-top: solid 1px #D8CD9D;
	margin: 0px;
}
form#mailformpro dl dd {
	border-top: solid 1px #D8CD9D;
	margin: 0px;
	padding: 15px 5px 15px 5px;
}
form#mailformpro label {
	position: relative;
	cursor: pointer;
}
form#mailformpro label span.fukidashi {
  display: block;
  margin-left: 15px;
  opacity: 0;
  width: 95%;
  padding: 5px;
  border: 2px solid #157EA6;
  border-radius: 2px;
  background: #fff;
  color: #157EA6;
  font-size: 12px;
  line-height: 1.4;
  position: relative;
}
form#mailformpro label span.fukidashi:after,
form#mailformpro label span.fukidashi:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

form#mailformpro label span.fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 5px;
	margin-top: -5px;
}
form#mailformpro label span.fukidashi:before {
	border-color: rgba(21, 126, 166, 0);
	border-right-color: #157EA6;
	border-width: 8px;
	margin-top: -8px;
}
form#mailformpro label:hover .fukidashi{
  opacity: 1;
}
form#mailformpro img {
	vertical-align: middle;
}
.mt10 {
	margin-top: 10px !important;
}
form#mailformpro label span.fukidashi {
  margin-left: 20px;
  opacity: 1;
  border: none;
}
form#mailformpro label span.fukidashi:after,
form#mailformpro label span.fukidashi:before {
	border: none;
}


#content form input[type=text],
#content form input[type=email],
#content form textarea	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:90%;}


/*-------------------------------------------*/
/* Android(480px)
/*-------------------------------------------*/
@media (min-width: 468px) { /* スクロール分余裕に20px */

form#mailformpro dl dt {
	float: none;
	width: 100%;
	clear: both;
	padding: 10px 0px;
	border-top: solid 1px #D8CD9D;
	margin: 0px;
}
form#mailformpro dl dd {
	border-top: solid 1px #D8CD9D;
	margin: 0px;
	padding: 15px 5px 15px 5px;
}

form#mailformpro label span.fukidashi {
  margin-left: 20px;
  opacity: 1;
  border: none;
}
form#mailformpro label span.fukidashi:after,
form#mailformpro label span.fukidashi:before {
	border: none;
}

#content form input[type=text],
#content form input[type=email],
#content form textarea	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:90%;}


}


/*-------------------------------------------*/
/* iPad(768px)
/*-------------------------------------------*/
@media (min-width: 760px) {
form#mailformpro label span.fukidashi {
	display: inline-block;
  opacity: 1;
}

form#mailformpro dl dt {
	float: left;
	width: 200px;
	clear: both;
	padding: 10px 0px;
	border-top: solid 1px #D8CD9D;
	margin: 0px;
}
form#mailformpro dl dd {
	border-top: solid 1px #D8CD9D;
	margin: 0px;
	padding: 15px 5px 15px 200px;
}
#content form input[type=text],
#content form input[type=email],
#content form textarea	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:auto;}

}


@media (min-width: 769px) {
form#mailformpro label span.fukidashi {
	display: inline-block;
	width: auto;
  margin-left: 15px;
  opacity: 0;
  border: 2px solid #157EA6;
}
form#mailformpro label span.fukidashi:after,
form#mailformpro label span.fukidashi:before {
	border: solid transparent;
}
form#mailformpro label span.fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 5px;
	margin-top: -5px;
}
form#mailformpro label span.fukidashi:before {
	border-color: rgba(21, 126, 166, 0);
	border-right-color: #157EA6;
	border-width: 8px;
	margin-top: -8px;
}
}

/*-------------------------------------------*/
/* pc iPad3より大きい場合
/*-------------------------------------------*/
@media (min-width: 970px) { /* スクロール分余裕に20px */


form#mailformpro dl dt {
	float: left;
	width: 200px;
	clear: both;
	padding: 10px 0px;
	border-top: solid 1px #D8CD9D;
	margin: 0px;
}
form#mailformpro dl dd {
	border-top: solid 1px #D8CD9D;
	margin: 0px;
	padding: 15px 5px 15px 200px;
}


#content form input[type=text],
#content form input[type=email],
#content form textarea	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:auto;}

/*-------- header -----------------------------*/

}