/* kiyaku
-------------------------------------------------*/
.kiyaku {
	background: #CBE8EC;
	padding-bottom: 8em;
}
.kiyaku h2 {
	background: #F3F5C4;
	padding: 1em 0 0.5em;
	text-align: center;
	font-weight: 700;
	margin-bottom: 1.228em;
}
.kiyaku .bg_white {
	background: #fff;
	border-radius: 4em;
	width: 55em;
	margin: 0 auto;
	padding: 2.333em 2.5em 4.533em;
	box-sizing: border-box;
}
.kiyaku .bg_white h3 {
	text-align: center;
	margin-bottom: 2.333em;
}
.kiyaku .bg_white p {
	margin-bottom: 1.5em;
}
.kiyaku .bg_white ul {
	margin-bottom: 1.5em;
}
.kiyaku .bg_white .m0 {
	margin: 0;
}
.kiyaku .bg_white ul li::before {
	content: "●";
}
@media only screen and (max-width:640px) {
	.kiyaku {
		padding-bottom: 6vw;
		margin-top: 12.5vw;
	}
	.kiyaku h2 {
		padding: 5vw 0;
		margin-bottom: 1.228em;
	}
	.kiyaku .bg_white {
		border-radius: 9.375vw;
		width: 100%;
		padding: 8vw 4vw 10vw;
	}
	.kiyaku .bg_white h3 {
		text-align: center;
		margin-bottom: 6vw;
	}
	.kiyaku .bg_white p {
		margin-bottom: 4vw;
		font-size: 2.65625vw;
	}
	.kiyaku .bg_white ul {
		margin-bottom: 4vw;
		font-size: 2.65625vw;
	}
}


/* contact
-------------------------------------------------*/
.contact .bg_yellow {
	background: #F3F5C4;
	padding: 3em 0 1.467em;
}
.contact .bg_yellow h2 {
	text-align: center;
	font-weight: 700;
	margin-bottom: 0.2em;
}
.contact .bg_yellow p {
	font-weight: 500;
	text-align: center;
	margin-bottom: 1em;
}
.line {
	width: 9.733em;
	margin: 0 auto;
}
.line.large {
	width: 11.867em;
}
.contact .form_area {
	background: url("../img/contact/bg01.jpg") no-repeat top center #E5F3F4;
	background-size: 100% auto;
	padding: 2.533em 0 5.2em;
}
.contact .form_area .bg_white {
	background: #fff;
	border-radius: 1.8em;
	width: 55em;
	margin: 0 auto;
	padding: 4.333em 5.333em 3em;
	box-sizing: border-box;
}
.contact .form_area .bg_white dl {
	display: flex;
	align-items: center;
	border-top: 1px dashed #898989;
	padding: 1em 0;
	width: 100%;
}
.contact .form_area .bg_white dl span.red {
	color: #E7211A;
}
.contact .form_area .bg_white dl dt {
	font-weight: 500;
	width: 15.667em;
	text-align: center;
}
.contact .form_area .bg_white .btn_area {
	display: flex;
	justify-content: center;
}
.contact .form_area .bg_white .message {
	padding: 5.333em 0 2em;
	text-align: center;
}
.contact .form_area .bg_white .message h3 {
	color: #3F7476;
	font-weight: 700;
	border-bottom: 1px solid #3F7476;
	display: inline-block;
	margin-bottom: 1em;
}
.contact .form_area .bg_white .message h4 {
	font-weight: 500;
	margin-bottom: 0.5em;
}
.contact .form_area .bg_white .message .mess {
	margin-bottom: 1em
}
.contact .form_area .bg_white .message .com {
	color: #3F7476;
	font-weight: 700;
}
@media only screen and (max-width:640px) {
	.contact .bg_yellow {
		padding: 4vw 0;
		margin-top: 12.5vw;
	}
	.contact .bg_yellow h2 {
		margin-bottom: 4vw;
	}
	.contact .bg_yellow p {
		margin-bottom: 2vw;
	}
	.line {
		width: 33.281vw;
	}
	.line.large {
		width: 33.281vw;
	}
	.contact .form_area {
		background: url("../img/contact/bg01.jpg") no-repeat top left -32vw #E5F3F4;
		background-size: 200% auto;
		padding: 21.875vw 0 6.875vw;
	}
	.contact .form_area .bg_white {
		background: #fff;
		border-radius: 9.375vw;
		width: 100%;
		margin: 0 auto;
		padding: 9vw 3vw 7.5vw;
		box-sizing: border-box;
	}
	.contact .form_area .bg_white dl {
		padding: 2vw 0;
		width: 100%;
	}
	.contact .form_area .bg_white dl span.red {
		color: #E7211A;
	}
	.contact .form_area .bg_white dl dt {
		width: 22vw;
		text-align: center;
	}
	.contact .form_area .bg_white .btn_area {
		display: flex;
		justify-content: center;
	}
	.contact .form_area .bg_white .message {
		padding: 15.625vw 0 8vw;
		text-align: center;
	}
	.contact .form_area .bg_white .message h3 {
		color: #3F7476;
		font-weight: 700;
		border-bottom: 1px solid #3F7476;
		display: inline-block;
		margin-bottom: 1em;
	}
	.contact .form_area .bg_white .message h4 {
		font-weight: 500;
		margin-bottom: 0.5em;
	}
	.contact .form_area .bg_white .message .mess {
		margin-bottom: 1em
	}
	.contact .form_area .bg_white .message .com {
		color: #3F7476;
		font-weight: 700;
	}
}
input[id="name1"],
input[id="name2"],
input[id="tel"],
input[id="email"] {
	width: 257px;
	height: 22px;
	border: 1px solid #040000;
	margin-right: 1em;
}
textarea {
	border: 1px solid #040000;
	width: 372px;
	height: 118px;
	margin-bottom: 1em;
}
input[type="submit"],
input[type="reset"],
input[id="back"] {
	width: 79px;
	height: 29px;
	background : linear-gradient(0deg, rgba(227, 222, 206, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border: 1px solid #040000;
	border-radius : 6px;
	cursor: pointer;
	font-size: 12px;
}
input[type="submit"] {
	margin-right: 1.5em;
}
@media only screen and (min-width:641px) and (max-width:1400px) {
	input[id="name1"],
	input[id="name2"],
	input[id="tel"],
	input[id="mail"] {
		width: 18.357vw;
		height: 1.571vw;
	}
	textarea {
		width: 26.571vw;
		height: 8.429vw;
	}
	input[type="submit"],
	input[type="reset"] {
		width: 5.643vw;
		height: 2.071vw;
		font-size: 0.857vw;
	}
}
@media only screen and (max-width:640px) {
	input[id="name1"],
	input[id="name2"],
	input[id="tel"],
	input[id="mail"] {
		width: 55vw;
		height: 6.25vw;
		border: 1px solid #040000;
		margin: 0;
	}
	textarea {
		border: 1px solid #040000;
		width: 55vw;
		height: 18.4375vw;
		margin-bottom: 0;
	}
	input[type="submit"],
	input[type="reset"] {
		width: 15.625vw;
		height: 6.25vw;
		background : linear-gradient(0deg, rgba(227, 222, 206, 1) 0%, rgba(255, 255, 255, 1) 100%);
		border: 1px solid #040000;
		border-radius : 8px;
		cursor: pointer;
		font-size: 2.34375vw;
	}
	input[type="submit"] {
		margin-right: 1.5em;
	}
}


/* confirm
-------------------------------------------------*/
.contact .form_area .bg_white dl:last-of-type {
	margin-bottom: 2em;
}
.contact .form_area .bg_white .ERR {
	font-size: 15px;
	font-weight: 700;
	color: red;
}
@media only screen and (min-width:641px) and (max-width:1400px) {
	.contact .form_area .bg_white .ERR {
		font-size: 1.071vw;
	}
}
@media only screen and (max-width:640px) {
	.contact .form_area .bg_white .ERR {
		font-size: 3.733vw;
	}
}

/* completion
-------------------------------------------------*/
.contact .return {
	text-align: center;
}
.contact .return a {
	text-decoration: underline;
}
.contact .return a:hover {
	text-decoration: none;
}