@charset "UTF-8";
/* CSS Document */
body {width:100%;}
#formWrap {
	width:100%;
	margin:0 auto;
	line-height:120%;
	font-size:100%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.form-style {
  margin: 0 auto 30px;
  width:100%;
}
.form-style dt {
  margin-bottom: 4px;
}
.form-style dd {
  margin-bottom: 4px;
  width:100%;
}
.send {
  width:100%;
	margin:0 auto 50px;
}
.margin-r10 {margin-right: 10px;}
.w50p {width:50%!important;}
.w100p {width:100%!important;}
.w48p {width:48%!important;}
/* ボタンのスタイル */
.buttonRound {
  display: flex;
  align-items: center;
  border: none;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  height: 64px;
  padding: 8px 24px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #69959c;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}
.buttonRound:hover {
  background-color: #8cb3b9;
  cursor: pointer;
  }
.error_messe {color:red;}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (min-width:751px) {
  #formWrap {
    width:95%;
    margin:0 auto;
  }
  table.formTable th, table.formTable td {
    width:auto;
    display:block;
  }
  table.formTable th {
    margin-top:5px;
    border-bottom:0;
  }
  form input[type="text"], form textarea {
    width:80%;
    padding:5px;
    font-size:110%;
    display:block;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    display:block;
    width:100%;
    height:40px;
  }
  .form-style {width:640px;}
  .send {width:640px;}
  .w48p {width:48%!important;}
}