@charset "utf-8";
body {
	font-family: "Noto Sans JP", sans-serif;
	font-style: normal;
	font-weight: 600;
}
#container {
	max-width: 900px;
	margin: 0 auto;
	background: #a4000a;
}
#date {
	position: relative;
}
.dateDeco {
	position: absolute;
	top: -26px;
	left: 68px;
}
#formWrap {
	padding: 0 30px;
}
#formWrap form {
	background: #ffffff;
	height: 660px;
	padding: 55px 58px;
	color: #a4000a;
}
#formWrap th,
#formWrap td {
	display: block;
	width: 100%;
}
#formWrap tbody tr:nth-child(2) th {
	letter-spacing: 0px;
	padding-top: 67px;
}
#formWrap th {
	font-size: 34px;
	letter-spacing: 0px;
}
#formWrap th span {
	font-size: 22px;
	letter-spacing: 1.6px;
}
#formWrap th span.orderNumText {
	float: right;
	margin-top: 10px;
	margin-right: -14px;
	letter-spacing: 0.9px;
}
#formWrap th span.mailText {
	float: left;
	padding-top: 14px;
	padding-bottom: 10px;
	margin-left: -3px;
}
#formWrap td .textInput {
	border: 2px solid #a4000a;
	width: 100%;
	border-radius: 2px;
	margin-top: 13px;
	font-size: 25px;
	padding: 19px 10px;
	color: black;
}
#formWrap .buttonWrap {
	text-align: center;
	margin-top: 73px;
}
#formWrap #button {
	width: 620px;
	height: 100px;
	background-image: url("../img/sendBtn.png");
	background-size: 100%;
}
.center {
	text-align: center;
}
#send {
	width: 500px;
	height: 100px;
	background-image: url("../img/sendBtn_w.png");
	background-size: 100%;
	margin-top: 125px;
}
footer {
	height: 150px;
	background: #000000;
	color: #ffffff;
	font-size: 25px;
}
footer .copyRight {
	font-weight: bold;
	text-align: center;
	padding-top: 56px;
}
#confirm, #error, #thanks {
	padding: 95px 29px;
}
h2 {
	color: #ffffff;
	text-align: center;
	font-size: 49px;
	letter-spacing: 1px;
	margin: 0 auto;
	height: 97px;
	width: 85.7%;
	border-bottom: 3px solid #ffffff;
}
.textWrap {
	color: #ffffff;
	text-align: center;
	font-size: 39px;
	font-weight: 100 !important;
	padding: 26px 0;
	line-height: 60px;
	letter-spacing: 1.3px;
}
#error .textWrap,
#thanks .textWrap {
	padding: 204px 0;
}
.textWrap p {
	margin-left: 31px;
}
hr {
	border-top: 3px solid #ffffff;
	width: 85.7%;
	margin: 0 auto;
}
#confirm ul {
	background: #ffffff;
	margin-top: 61px;
	color: #000000;
	text-align: left;
	padding: 70px 20px;
	font-size: 34px;
}
#confirm ul li p:first-child {
	font-weight: 600;
}
#confirm ul li:last-child {
	margin-top: 30px;
}
#topBack {
	width: 500px;
	height: 100px;
	margin: 307px auto 0px;
}
#confirm #topBack {
	margin: 70px auto 0px;
}
#error .textWrap ul li::before {
	content: "・";
	font-size: 36px;
}

@media screen and (max-width:900px) {
	#container {
		width: 100%;
		margin: 0;
	}
	.dateDeco {
		top: -2.9vw;
		left: 7.6vw;
		width: 25vw;
		}
	#formWrap {
		padding: 0 3.3vw;
	}
	#formWrap form {
		height: 73.3vw;
		padding: 6.1vw 6.5vw;
	}
	#formWrap th,
	#formWrap td {
		width: 100%;
	}
	#formWrap tbody tr:nth-child(2) th {
		letter-spacing: -0.05vw;
		padding-top: 7.1vw;
	}
	#formWrap th {
		font-size: 3.8vw;
		letter-spacing: -0.05vw;
	}
	#formWrap th span {
		font-size: 2.6vw;
		letter-spacing: 0.07vw;
	}
	#formWrap th span.orderNumText {
		margin-top: 1.1vw;
		letter-spacing: -0.04vw;
		margin-right: -1.6vw;
	}
	#formWrap th span.mailText {
		padding-top: 1.7vw;
		padding-bottom: 1.4vw;
		margin-left: -0.3vw;
	}
	#formWrap td .textInput {
		border: 0.3vw solid #a4000a;
		width: 100%;
		border-radius: 0.3vw;
		margin-top: 1.4vw;
		font-size: 2.8vw;
		padding: 2.1vw 1vw;
	}
	#formWrap .buttonWrap {
		margin-top: 7.8vw;
	}
	#formWrap #button {
		width: 68.9vw;
		height: 11vw;
	}
	#send {
		width: 56vw;
		height: 11.2vw;
		margin-top: 14vw;
	}
	footer {
		height: 17vw;
		font-size: 2.8vw;
	}
	footer .copyRight {
		padding-top: 6vw;
	}
	#confirm, #error, #thanks  {
		padding: 10.6vw 3.3vw;
	}
	h2 {
		font-size: 5.5vw;
		letter-spacing: 0.1vw;
		height: 10.5vw;
		width: 85.7%;
		border-bottom: 0.3vw solid #ffffff;
	}
	.textWrap {
		font-size: 4.3vw;
		padding: 3vw 0;
		line-height: 6.7vw;
		letter-spacing: 0.2vw;
	}
	#error .textWrap,
    #thanks .textWrap {
	    padding: 22.8vw 0;
	   }
	.textWrap p {
		margin-left: 3.6vw;
	}
	hr {
		border-top: 0.3vw solid #ffffff;
	}
	#confirm ul {
		margin-top: 6.8vw;
		padding: 8vw 2vw;
		font-size: 3.8vw;
	}
	#confirm ul li:last-child {
		margin-top: 3vw;
	}
	#topBack {
		width: 56vw;
		height: auto;
		margin: 34vw auto 0;
	}
	#confirm #topBack {
		margin: 7.4vw auto 0;
	}
	#error .textWrap ul li::before {
		font-size: 3.7vw;
	}
}