@charset "UTF-8";
/* CSS Document */

#form {
	max-width:720px;
	margin:0 auto 120px;
	font-size:18px;
	padding:0 20px;
}


#form .read {
	margin-bottom:50px;
}
#form .read em{
	font-style:normal;
	color:#E61F1A;
}

#form.thanks .title {
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
}
#form.thanks .read {
	margin-bottom:30px;
}
#form.thanks .read a,#form.thanks .link a{
	color:#00ABEA;
	text-decoration:underline;
	position:relative;
}
#form.thanks .link a{
	padding:0 0 0 17px;
}
#form.thanks a:hover{
	text-decoration:none;
}
#form.thanks .link a:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
	margin:auto 0;
	width: 6px;
	height: 6px;
	border-top: 1px solid #00ABEA;
	border-right: 1px solid #00ABEA;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#form.thanks .caution {
	font-size:14px;
}


#form form h3 {
	margin-bottom:10px;
}
#form form h3 span{
	font-size:12px;
	color:#E61F1A;
	padding:2px 12px;
	display:inline-block;
	border:1px solid #E61F1A;
	margin-left:10px;
}
#form form h3+p,#form form li dl {
	font-size:18px;
}
#form form input[type="text"],#form form input[type="email"] {
	font-size:16px;
	padding:15px 20px;
	box-shadow:none;
	border:1px solid #ccc;
	vertical-align:bottom;
	background-color: #FFE8B4;
}
input:focus {
background-color: #fff;
}
input.white-input {
background-color: #fff !important;
}
#form form .point input[type="text"],#form form .tel input[type="text"] {
	max-width:178px;
}

#form form li {
	margin-bottom:40px;
}
#form form dl.line {
	display:inline-block;
	margin:0 5px 5px 0;
}
#form form .address dl {
	margin-bottom:30px;
}
#form form .address dl.mb5 input[type="text"],#form form .mail input[type="email"] {
	width:100%;
	box-sizing:border-box;
	max-width:532px;
}
#form form dl dt{
	margin-bottom:5px;
}

#form .caution {
	font-size:14px;
}

#form .form_submit {
	text-align:center;
}
#form input[type="submit"] {
	background:#01ACE8;
	border:none;
	color:#fff;
	font-size:24px;
	padding:15px 30px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
}
#form input[type="submit"]:hover {
	opacity:0.8;
}

.parsley-required,#form form .parsley-errors-list li,.invalid-form-error-message2,.invalid-form-error-message {
	font-size:12px;
	color:#E61F1A;
	margin:5px 0;
}
.mb30+p .parsley-errors-list {
	margin:-30px 0 30px;
}
.invalid-form-error-message {
	margin:-10px 0 10px;
}

#form span.link a {
	color:#335fb9;
	margin:0 0 0 10px;
	position:relative;
	display:inline-block;
	font-size: 13px;
}
#form span.link a:after {
	content: "";
	position: absolute;
	top: 4px;
	right: -17px;
	width: 14px;
	height: 14px;
	background: url(../img/form/window.gif) no-repeat;
}

#form .cautiontxt{
	border:1px solid #ee0000;
	padding:20px 30px 5px 30px;
	margin: 0 0 40px 0;
	
}

#form .cautiontxt p{
	margin: 0 0 20px 0;
	font-size:16px;
	
}


@media screen and (max-width:768px){
#form {
	font-size:16px;
}
#form form h3+p, #form form li dl {
	font-size:12px;
}
#form form li dl {
	width:100%;
}
#form form input[type="text"], #form form input[type="email"]{
	width:100%;
	box-sizing:border-box;
}
#form form .tel input[type="text"] {
	max-width:none;
}
#form form .point input[type="text"], #form form .address dl:nth-child(3) input[type="text"] {
	max-width:95px;
}
}