@charset "UTF-8";
/* CSS Document */
.caption {
	background-color:#FF008E;
}

.contact {
	border-top:solid 1px #666;
	margin-bottom:2em;
}
.contact dt,.contact dd {
	padding:1em 0.5em;
}
.contact dt {
	float:left;
}
.contact dd {
	padding-left:10em;
	border-bottom:solid 1px #666;
}
.contact input[type="text"] {
	width:90%;
	padding:.5em;
	font-size:18px;
	margin-bottom:.2em;
	
}
.contact select {
	font-size:18px;
	padding:.3em;
}
.contact textarea {
	height:8em;
	width:100%;
}
.policy {
	overflow:scroll;
	height:250px;
	font-size:16px;
	border:solid 2px #ccc;
	padding:1em;
	line-height:1.8;
}
.policy p {
	margin-bottom:1em;
	margin-left:1em;
}
.policy p.title {
	margin-bottom:0;
	margin-left:0;
}
.policy ol {
	margin-left:3em;
	margin-bottom:1em;
}
.agree {
	text-align:center;
}
.agree label {
	font-weight:bold;
	text-align:center;
	padding:.3em 3em;
	margin:1em 0;
	border:solid 1px #ccc;
	background-color:#efefef;
	display:block;
	cursor:pointer;
	transition:.5s;
}
.agree label:hover {
	background-color:#FFC7C8;
}

.agree input {
	margin-right:1em;
}
.submit {
	text-align:center;
	margin-bottom:50px;
}
.submit input {
	padding:.5em;
	font-size:18px;
	border-radius:5px;
	cursor:pointer;
	transition:.5s;

}
.submit input[type="submit"] {
	background-color:#FF008E;
	padding:.5em 3em;
	color:#fff;
	font-weight:bold;
	border:solid 2px #FF008E; 
	
}
.submit input[type="reset"]{
	border:solid 2px #ccc;
}
.submit input[type="submit"]:hover,
.submit input[type="submit"]:active {
	background-color:#fff;
	color:#FF008E;
}
.submit input[type="reset"]:hover {
	background-color:#999;
	color:#fff;
}
.required {
	border:solid 3px #999;
}
@media screen and (max-width: 767px) {
	.contact {
	border-top:solid 1px #666;
	margin-bottom:2em;
}

.contact dt {
	float:none;
	font-weight:bold;
	padding-bottom:.5em;
}
.contact dd {
	padding-left:0;
	border-bottom:solid 1px #666;
	padding-top:0;
}
}