@charset "UTF-8";
body {
	font-family: ヒラギノ角ゴシック;

	margin: 0;
}

body::before {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;

	width: 100vw;
	height: 100vh;

	content: "";

	background-image: url("../../img/contact-img.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

header li:nth-child(3) {
	background-color: #549546;
}
header li:nth-child(3):hover {
	background-color: #6db75d;
}
header li:nth-child(3) a {
	color: #fff;
}
header li:nth-child(3) a:hover {
	color: #fff;
}

.body {
	background-color: #fff;
}
.body h2 {
	font-size: 24px;

	display: inline-block;

	padding: 10px 30px;

	color: #549546;
	border-bottom: solid 1px #549546;
}
.body .form-group .input-style {
	border: none;
	background-color: #f4f4f4;
}
.body .form-group .radio-group {
	padding: 0;
}
.body .scroll {
	overflow: auto;

	height: 300px;
	padding: 10px;

	border: solid 1px #c3c3c3;
}
.body .scroll .title {
	font-weight: bold;

	padding-bottom: 15px;

	text-align: center;

	color: #fff;
	background-color: #3e3e3e;
}
.body .scroll .title-red {
	font-weight: bold;

	padding-bottom: 15px;

	text-align: center;

	color: #fff;
	background-color: #e56565;
}
.body .scroll .explanation {
	background-color: #f4f4f4;
}
.body .scroll .sub-group {
	margin-top: 20px;
}
.body .scroll .sub-group p:first-child {
	border-bottom: dotted 1px #3e3e3e;
}
.body .scroll .sub-group p:last-child {
	width: 85%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
}
.body .submit-group {
	margin: 60px auto;
}
.body .submit-group .submit-button {
	padding: 20px 0;

	border: solid 1px #549546;
	border-radius: 40px;
	background-color: #549546;
}
.body .submit-group .submit-button:disabled {
	color: #fff;
	border: solid 1px #ccc;
	background-color: #ccc;
}
.body .submit-group .submit-button:hover {
	border: solid 1px #6db75d;
	background-color: #6db75d;
}
.body .submit-group .submit-button:hover:disabled {
	color: #fff;
	border: solid 1px #ccc;
	background-color: #ccc;
}

@media screen and (max-width: 768px) {
	.body {
		margin: 40px 20px 0;
	}
	.body > div {
		padding: 0 30px;
	}
	.body .form-group label {
		padding: 0;
	}
}