@charset "utf-8";

article {
	width: 100%;
	margin: 0  auto;
	text-align: left;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#main-content .comp {
	width: 80%;
	text-align: center;
}
#main-content {
	margin-bottom: 10rem;
	width: 75%;
	margin: 0 auto;
}
#main-content:before {
	 display: block;
	 width: 100%;
	 height: 150%;
	 content: " ";
	 position: absolute;
	background-image: url(/img/common/curve.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #ffffff;
	opacity: 0.2;
	z-index: -2;
	left: 0;
}
#contact {
	text-align: center;
}
#contact .c-t {
	color: #3F76BB;
	margin: 3rem auto;
	font-size: 3rem;
}
#contact .c-box {
	margin-bottom: 3rem;
}
#contact img {
	width: 12.307%;
}
#phone-box {
	width: 33.85%;
	margin: 0 auto;
}
#phone-box .p-2 {
	display: inline-block;
	color: #3F76BB;
	vertical-align: middle;
}
#phone-box p{
	font-size: 3.5rem;
}
#contact_form {
	text-align: center;
}
#contact_form div {
	border-bottom: 1px dotted #000000;
	vertical-align: middle;
	margin-bottom: 0.1rem;
}
#contact_form .hiss {
	border: none;
	background-color: #B41D23;
	padding: 0.3rem;
	display: block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 0.9rem;
	border-radius: 0.3rem;
	margin: 0.3rem 1rem 0.5rem 0;
}
#form .half-area {
	display: flex;
	justify-content: space-between;
}
#form label {
	display: flex;
}
#form input {
	width: 50%;
	margin: 0.1rem 0;
}
#form .select{
	width: 50%;
	text-align: left;
	border-bottom: none;
}
#form .radio {
	width: 50%;
	display: flex;
	vertical-align: middle;
	border-bottom: none;
}
#form .radio input {
	width: auto;
	margin: auto 0.4rem auto 0;
}
#form .radio p {
	margin-right: 2rem;
}
#form .mes {
	display: flex;
	justify-content: space-between;
}
#form .mes .mes-c{
	border-bottom: none;
}
#form .mes textarea {
	width: 50%;
}
#contact_form .dis{
	margin: 2rem auto;
	letter-spacing: 0.1rem;
}
#contact_form form {
	width: 53.38%;
	margin: 0 auto;
}
#form .c-submit {
}
@media screen and (max-width: 1024px) {
	#main-content {
	width: 100%;
	margin: 0 auto;
	}
	#main-content:before {
		height: 70%;
	}
}
@media screen and (max-width: 768px) {
	#main-content {
	width: 100%;
	margin: 0 auto;
	}
	#main-content:before {
		height: 70%;
	}
}
@media screen and (max-width: 414px) {
	#main-content {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	}
	#main-content:before {
		height: 90%;
	}
	#contact_form form {
		width: 100%;
		margin: 0 auto;
	}
	#phone-box {
		width: 90%;
	}
}
@media screen and (max-width: 375px) {
	#contact_form {
		font-size: 13px;
	}
	#phone-box {
		width: 90%;
		margin: 0 auto;
	}
}