@charset "UTF-8";

.form_block{
	background-image: url(/images/form_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	padding:5% 2%;
}

.form_block .container{
	padding: 3%;
	border-radius: 20px;
	text-align: center;
}
.form_block .container img{
	margin: 0 auto;
}

.form-contents{
	padding:3%;
	background-color: #feffa5;
	border:solid 3px #485975;
	border-radius: 15px;
}

.form-control {
	padding: 2%;
	height: 60px;

}
.form-group label{
	font-weight: bold;
	padding-top: 0;
	text-align: left;
	display: block;
	margin-bottom: .5rem;
}
.form-group label span{
	display: inline-block;
	color: white;
	background-color: red;
	font-size: 80%;
	padding:1px 10px;
	border-radius: 5px;
	margin-left: 5px;
}
.attention03{
	font-size: 80%
}


.btn{
	background:#62132f;
	color: #fff;
	padding: 3% 10%;
	margin-top: 2rem;
	font-weight: bold;
}
a.btn:hover{
	color: white;
	background:#b5295a;
	text-decoration: none;
}


.error-box{
	padding: 3% 3% 2%;
	border: solid 2px red;
	background: white;
	color: red;
	font-weight: bold;
	margin: 2% auto;
	font-size: 95%;
}
.error-box p{
	margin: 1% 0;
	font-size: 95%;
}


.tel-box{
	display: inline-block;
	vertical-align: bottom;
	width: 32%;
}

.position input{
	position:relative;
	top:-2px;
}

.result {
	text-align: center;
	background: #fff;
	padding: 2%;
	font-size: 130%;
	font-weight: bold;
	border: 4px solid red;
	color: red;
	margin-bottom: 2%;
}
.accbox{
	font-size: 85%;
}
.accbox h3{
	border-bottom: 1px dotted;
	margin-bottom: 0;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 1.3rem;
}
.accbox h4{
	font-weight: bold;
	margin-top:3%;
	font-size: 1.3rem;
}
.accbox p{
	font-weight: normal;
	margin: 0;
}

/*****thanks****/

.thanks p,.tel p{
	font-weight: normal;
	font-size: 100%;
}

/****ここからレスポンシブcss*****/




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

}

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

.sp_view {
	  display: block;
}
.pc_view {
	 display:none;
}
.error-box{
	width: 100%;
}
.tel-box{
	width: 31.5%;
}
.form-control {
	height: 50px;
}
.btn{
	width: 100%;
}
}
@media (max-width: 576px){
.form-inline label {
	display: block;
}
.result {
	font-size: 100%;
}

}