@charset "UTF-8";

/*お問い合わせ
------------------------------------*/

.content_visual {
	background-image:url("../images/low/bg_hd_contact.png");
}

.container .page {
    position: relative;
    background: #CEECD7;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(249, 253, 244, 1) 80%, rgba(206, 236, 215, 1) 100%);
    z-index: auto;
}
.content_wrap {
	max-width:1000px;
}
.text_wrap {
	padding:3rem 0;
	display: flex;
	justify-content:center;
}
.text_wrap p {
	line-height:2;
}
.form {
	
}
.form dl {
	display:flex;
	justify-content:space-between;
	margin-bottom:2rem;
}
.form dl dt {
	width: 30%;
	display:flex;
}
.form dl dt p {
	line-height:2;
	font-weight:600;
}
.form dl dt p.label {
	
}
.form dl dt p.label span {
	display:inline-block;
	position:relative;
	padding-left:20px;
}
.form dl dt p.label span::before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width: 10px;
	height:100%;
	background: #5EBC7B;
background: linear-gradient(90deg,rgba(94, 188, 123, 1) 0%, rgba(143, 221, 140, 1) 100%);
}
.form dl dt span.required {
	font-size:14px;
	color:#fff;
	background:#F6A131;
	border-radius:20px;
	padding: 0.1rem 0.4rem 0.2rem;
	margin-left:20px;
}
.form dl dd {
	width: 68%;
}
.form dl dd a {
	color: #179243;
	border-bottom:solid 1px #179243;
	font-weight: 600;
}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea {
	width: 100%;
	box-shadow: 0 0 6px rgb(0,0,0,0.16);
	border-radius: 8px;
	line-height:2;
}
.btn_area input[type="submit"] {
	background: #179243;
	border: solid 1px  #179243;
	color:#fff;
	padding: 1rem 3rem;
	border-radius:50px;
	transition:0.5s;
}

.btn_area input[type="submit"]:hover {
	background:#fff;
	color: #179243;
}

@media screen and (max-width: 1200px) {
	.content_wrap {
		padding: 0 1rem;
	}
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 960px) {
	.form dl {
		flex-flow: column;
	}
	.form dl dt {
		width:100%;
		margin-bottom:1rem;
	}
	.form dl dd {
		width:100%;
	}
	
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 560px) {
	
}
@media screen and (max-width: 428px) {
	
}
@media screen and (max-width: 375px) {
	
}