.field_area {
	width: 90%;
	margin: 0px auto 0px auto;
	word-break: break-all;

}

.field_area p {
	font-size: 90%;
	margin-top: 15px;
	margin-bottom: 15px;
}


.field {
	width: 95%;
	margin-left: 0px;
	margin-bottom: 15px;

}


.form_left {
	float: left;
	width: 45%;

}

.form_right {
	float: right;
	width: 45%;
}

.field__label {
  color: #2c8289;
  font-size: 12px;
  opacity: 0;
  padding: 2px 10px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  text-align: left;
  transition: all .2s ease-out;

}

.field--not-empty .field__label {
  opacity: 1;
}

.field__input {
  background-color: #f5f5f5;
  border: 2px solid #e9e9e9;
  color: #333;
  font-size: 14px;
  padding: 10px;
  transition: all .2s ease-out;
  width: 100%;

}

.field--not-empty .field__input {
  padding-bottom: 2px;
  padding-top: 28px;
}


.under {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
}


.tx08 { width: 100%; height: 180px; font-family:"verdana", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", sans-serif;}


.check_box {
	border: 1px solid #e9e9e9;
	padding: 10px;
	font-size: 90%;
	width: 98%;
	word-break: break-all;

}




.box_comment_form {
	width: 100%;
	word-break: break-all;

}

.box_comment_form p {
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 15px;
}

.submit_area {
	width: 98%;
	text-align: right;
	word-break: break-all;

}


.contact_comment {
	font-size: 85%;
	margin-top: 15px;
	margin-bottom: 15px;
}



/******************************************************************************
/* タブレットサイズ
*******************************************************************************/


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


.field_area {
	width: 60%;
	margin: 0px auto 0px auto;
	word-break: break-all;

}

.form_left {
	float: left;
	width: 46%;
	word-break: break-all;

}

.form_right {
	float: right;
	width: 46%;
	word-break: break-all;

}


.check_box {
	border: 1px solid #e9e9e9;
	padding: 10px;
	font-size: 90%;
	width: 100%;
	word-break: break-all;

}

.box_comment_form {
	width: 100%;
	word-break: break-all;

}



}

/******************************************************************************
/* スマートフォンサイズ
*******************************************************************************/


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



.field_area {
	float: left;
	display: block;
	width: 95%;
	background-color: #ffffff;

}


.field {
	width: 93%;
	margin-left: 0px;
	margin-bottom: 15px;

}

.field_area p {
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
}


.form_left {
	float: left;
	width: 100%;

}

.form_right {
	float: right;
	width: 100%;
}

.check_box {
	border: 1px solid #e9e9e9;
	padding: 10px;
	font-size: 80%;
	width: 100%;
}

.box_comment_form p {
	font-size: 75%;
	margin-top: 0px;
	margin-bottom: 15px;
}

p.form_comment {
	font-size: 80%;
	margin-top: 10px;
}

.submit_area {
	width: 100%;
	text-align: right;
	word-break: break-all;

}

.contact_comment {
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
}


}