/* CSS Document */
/* ysfarm.jp */
/* 2021/10 Rev0.1 */


#mailContainer {
	width:100%;
	margin:auto;
}

h1 {
	font-size:18px;
	font-weight:bold;
	line-height:2em;
	padding: 0.5em 0;
	border-bottom:solid 3px #0000FF;
}

.form-control {
	Position: relative;
	width: 27.33%;
	margin: 40px 3%;
}

.form-group	{
	width:100%;
}

.form-group > input {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 70%;
	padding: 0.3em;
	padding-left: 40px;
	letter-spacing: 1px;
}
.form-group > input:focus {
	border-color: #da3c41;
}
.form-group > input:after {
	display: block;
	width: 100%;
	height: 4px;
	margin-top: -1px;
	content: '';
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #da3c41;
}
.form-group > select {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 70%;
	padding: 0.3em;
	padding-left: 40px;
	letter-spacing: 1px;
}
.form-group > textarea {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 70%;
	padding: 0.3em;
	padding-left: 40px;
	letter-spacing: 1px;
}
.label {
	width:250px;
	display:inline-block;
	float:left;
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
/* モーダルウィンドウ */
.modal-window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  background-color: #dfdddd;
  border-radius: 5px;
  z-index: 11;
  padding: 2rem;
}
/* 閉じるボタン */
.button-close {
  position: absolute;
  top: 90%;
  left: 80%;
  transform: translate(-50%, -50%);
  width: 200px;
  padding: 1em;
  background-color: #c96931;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
}
/* Sendボタン */
.buttonSend {
  position: absolute;
  top: 90%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 200px;
  padding: 1em;
  background-color: #55F;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
}

.btn  {
  width: 200px;
  padding: 1em;
  background-color: #55F;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
}