@charset "UTF-8";

.form_block{
	background-image: url(/images/contact/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;
	background-color:rgba(255, 251, 212, 0.73)!important;
	padding-top: 0;
}
.form_block .container img{
	margin: 0 auto;
}

.form-contents{
	padding:3%;
	background-color: #fff;
	border:solid 4px #881A36;
	border-radius: 15px;


}
p.question_p{
	font-weight: bold;
	font-size: 120%;
}

form input.step-radio {
	display: none;
}
form .col-sm-6 label{
	display: block;
	margin-bottom: 1.5rem;
}
form .form-group{
	text-align: left;
}
form .form-group label{
	display: block;
	margin:1.3rem 0 .2rem;
	font-weight: bold;
}
.form-contents .form-control{
	height: 50px;
}

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


.btn{
	background:#0093BD;
	color: #fff;
	padding:5% 15%;
	font-weight: bold;
	box-shadow: 0px 2px 2px 0px #0d2f15d9;
}
.btn:hover{
	color: white;
	background:#15406f;
}
.submit-btn{
	padding:3%;
	margin: 5% 0 5%;
}

.error-box{
	padding: 3% 3% 2%;
	border: solid 2px red;
	border-radius: 10px;
	background: white;
	color: red;
	font-weight: bold;
	margin: 2% auto;
	font-size: 95%;
}
.result {
	text-align: center;
	/*background: #fff;*/
	padding: 2%;
	/*border-radius: 15px;
	border: 2px solid red;
	margin: 3% 0 2%;*/
	font-weight: bold;
}
.result p{
	font-size: 130%;
	margin-bottom: 1rem;
}


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

a.tel-btn{
	padding:2% 10%;
	margin: 1.5rem;
	background: #3d5977;
	box-shadow: 0px 2px 2px 0px #9E9E9E;
}

.end-btn img{
	width: 100%;
	padding-bottom: 3%;
}

a.end-btn img:hover{
	opacity: 0.7;
}

.attention04{
	text-align:center;
	padding-top: 3%;
}
/****ここからレスポンシブ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%;
}
a.tel-btn {
	margin: 1.5rem 0 0;
	width: 100%;
}
.attention03{
	text-align:left;
}
.attention04{
	font-size: 80%;
	text-align:left;
	padding-top: 3%;
}

}
@media (max-width: 576px){
form .col-sm-6 label {
	display: block;
	margin-bottom: .5rem;
}
p.question_p{
	font-weight: bold;
	font-size: 100%;
}
.result p{
	font-size: 115%;
}


}