@charset "UTF-8";
/* CSS Document */

#formWrap {
	width:80%;
  padding: 0 0 50px 0;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:14px;
}
#formWrap table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
  border: none;
border-top-color: gray;
  /*border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;*/
  margin: 30px 0;
}
#formWrap table.formTable tr{
  border: none;
}
#formWrap table.formTable td,#formWrap table.formTable th{
  margin: 0;
	border-bottom:1px dotted #ccc;
	padding:2em 1em;
  font-size: 16px;
  box-sizing: border-box;
  display: table-cell;
}
#formWrap table.formTable th{
	width:30%;
	font-weight:normal;
	/*background:#efefef;*/
	text-align:left;
}
#formWrap table.formTable td {
  vertical-align: middle;
	line-height: 1.6;
}

#formWrap table.formTable td .w80 {
  width: 100%;
}
#formWrap table.formTable td input,
#formWrap table.formTable td textarea {
  background-color: #fcfcfc;
  border: #ccc solid 1px;
  border-radius: 5px;
  padding: 0.5em;
  /*box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;*/
	font-size: 16px;
}
#contact span.must,
#formWrap span.must {
  color: #FF0004;
	font-size:80%;
	margin: 0 0.3em;
}
#formWrap #btnWrap {
	text-align: center;
}
#formWrap .button {
  min-width: 100px;
  font-family: inherit;
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
	margin-bottom: 10px;
}

#formWrap .button.btnR {
  background: #ccc;
}
 
#formWrap .button:hover {
  background: #777;
}
 
#formWrap .button:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

/*======確認画面/*======*/

p.error_messe {
    margin: 5px 0;
    color: red;
    padding: 2em 0;
    font-size: 16px;
}

@media screen and (max-width: 959px) {}
@media screen and (max-width: 599px) {
	#formWrap {
		width: 90%;
		padding: 0 0 50px 0;
		margin: 0 auto;
		color: #555;
		line-height: 120%;
		font-size: 14px;
	}
	#formWrap table.formTable {
		border: none;
	}
	#formWrap table.formTable td,#formWrap table.formTable th{
		margin: 0;
		border-bottom:1px solid #ccc;
		padding:1em;
		font-size: 14px;
		box-sizing: border-box;
		display: block;
		width: 100%;
		border:none;
	}
	#formWrap table.formTable th{
		padding: 0.3em 1em;
	}
	#formWrap table.formTable td {
		padding: 0.3em 0 1em;
	}
	#formWrap table.formTable td input, #formWrap table.formTable td textarea {
		font-size: 14px;
		width: 100%;
	}
	#formWrap .button {
		font-size: 16px;
	}
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
/*@media screen and (max-width:572px) {
#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;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}*/



.thanks {} 
.thanks #descWrap {
	padding: 6% 0;
	max-width: 800px;
	text-align: center;
} 
.thanks #descWrap h3 {
	font-size: 5vw;
	font-size: clamp(30px, 5vw, 46px);
	letter-spacing: 0.5em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
}
.thanks #descWrap p {
	text-align: center;
	font-size: 16px;
	line-height: 2.4;
}
.thanks #descWrap h4 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background-color: #8e0000;
	padding: 1em;
	border-radius: 15px;
	margin-bottom: 1em;
	margin-top: 2em;
}


@media screen and (max-width: 959px) {}
@media screen and (max-width: 599px) {
	.thanks #descWrap h3 {
		font-size: 10vw;
		font-size: clamp(28px, 10vw, 34px);
		
	}
	.thanks #descWrap p {
		font-size: 4vw;
		font-size: clamp(13px, 4vw, 16px);
		padding: 1em;
	}
	.thanks #descWrap p br {
		/*display: none;*/
	}
	.thanks #descWrap h4 {
	font-size: 4.6vw;
		font-size: clamp(16px, 4.6vw, 18px);
	}
}