@charset "utf-8";

.contents{
	text-align: center;
	margin-bottom: 50px;
}
main .icon{
	background-image: url(../images/form/form_icon.png) ;
	background-position: calc(50% - 4.6rem) ;
}
main h2{
	margin-top: 65.2px;
	padding-top: 4.8px;
}
.message{
	font-size: 1.125rem;
	text-align: center;
	line-height: 2;
	width: 69%;
	float: left;
	margin-top: 2rem;
}
.message1{
	margin-bottom: 1rem;
}

.banner{
	width: 30%;
	float: right;
	margin-bottom: 5px;
	text-align: left;
}

table{
	width: 100%;
	line-height: 3;
	border-top: 2px solid #eee;
	margin-top: 2rem;
	clear: both;
}

input,
select,
textarea{
	border: 2px solid #cae0ca;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing:border-box;
}
input:focus ,
select:focus ,
textarea:focus{
	background-color: #cae0ca/*#ffecad*/;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
}

table th{
	text-align: left;
	width: 35%;
	padding-left: 7%;
	font-size: 1rem;
}
table td{
	text-align: left;
	width: 65%;
}

table tr:nth-child(even) td,
table tr:nth-child(even) th{
	background: #eee;
}

table tr td input:not(input[type="checkbox"]){
	width: 85%;
	line-height: 2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing:border-box;
}
input[type="checkbox"]{
	outline: none;
	accent-color: #cae0ca/*#c0b283*/;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing:border-box;
	cursor: pointer;
}
td select{
	width: 85%;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 2rem;
}
.when ,
.period{
	display: block;
	padding-left: 2%;
	font-size: 1rem;
	cursor: pointer;
}

table tr td textarea{
	width: 85%;
	vertical-align: middle;
	margin: 0.5rem 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0.3rem 0.5rem;
	box-sizing:border-box;
}

dl{
	text-align: left;
	padding-left: 5%;
	line-height: 1.5;
	margin: 10px 0;
	font-size: 1rem;
}
dl dt{
	font-weight: bold;
}
.agree{
	cursor: pointer;
}
.must{
	color: #d4145a;
	font-size: 1rem;
	cursor: pointer;
}

.submit{
	margin-bottom: 2rem;
	padding-top: 1rem;
	border-top: 2px solid #eee;
}
.btn{
	font-size: 1.25rem;
	border: 1px solid #1d1a11;
	padding: 8px 5%;
	display: inline-block;
	text-decoration: none;
	color: #1d1a11;
	outline: note;
	background: #fff;
	letter-spacing: 1rem;
	text-indent: 1rem;
	box-shadow: 4px 4px 2px #c0b283;
	cursor: pointer;
}
.btn:hover{
	background: #c0b283;
	color: #fff;
	box-shadow: none;
}

.waiting{
	font-family:'KTEGAKI';
	padding-right: 40%;
	letter-spacing: .2rem;
}



#thanks{
	font-size: 2rem;
}
#thanksTxt{
	font-size: 1rem;
	margin-bottom: 2rem;
}


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

	main h2{
		margin-top: 40.2px;
		padding-top: 4.8px;
	}

	main .icon{
		background-position: calc(50% - 3.5rem) ;
	}
	.message{
		float: none;
		width: auto;
		text-align: center;
		font-size: 1rem;
	}
		.banner{
		float: none;
		width: 25%;
		margin: 0 auto;
	}

	table th ,
	table td ,
	.must{
		font-size: .875rem;
	}
	table tr td input:not(input[type="checkbox"]),
	td select{
		text-indent: .2rem;
	}
	dl{
		font-size: .875rem;
	}
	.agree{
		font-size: 1rem;
	}
	.waiting{
		font-size: 1rem;
		padding-right: 30%;
		letter-spacing: 0;
	}
	.btn{
		background: #c0b283;
		box-shadow: 2px 2px 1px #c0b283;
		color: #fff;
	}
}