@charset "UTF-8";
/* トップページ --------------------------------------------------------------- */


/* wrapper --------------------------------------------------------------- */
#wrapper {
	padding-top: 150px;
	}

@media(max-width: 1024px){
	#wrapper {
		padding-top: 120px;
		}
	}



/* h2 --------------------------------------------------------------- */
h2 {
	color: #3a5e85;
	text-align: center;
	margin-bottom: 70px;
	padding: 40px 0;
	background-color: #ffffff;

	font-size: 40px;
	font-weight: 400;
	font-family: "Jost", sans-serif;
	letter-spacing: 1px;
	}

	h2 span {
		color: #3a5e85;
		font-size: 16px;
		font-family: "Noto Serif JP", serif;
		}

@media(max-width: 1024px){
	}

@media(max-width: 990px){
	}

@media(min-width: 1px) and (max-width: 660px){
	}



/* form --------------------------------------------------------------- */
#form {
	width: 100%;
	margin: 0 auto 100px auto;
	padding: 50px 0 0 0;
	color: #3a5e85;
	background-color: #ebf1f5;
	}

	iframe {
		width: 100%;
		border: 0;
		}

	.form {
		width: 850px;
		margin: 0 auto;
		}

	.form p {
		line-height: 1.8;
		text-align: center;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		}
	
	.form p:first-of-type {
		margin-bottom: 50px;
		}

	.form p:last-of-type {
		margin-bottom: 30px;
		}

		.form p .dsk {
			display: inline-block !important;
			}

		.form p a {
			color: #3a5e85;
			font-size: inherit;	
			display: inline-block;
			text-decoration: underline;
			}

	.form dl {
		width: 100%;
		display: table;
		margin-bottom: 20px;
		}

		.form dl dt,
		.form dl dd {
			display: table-cell;
			vertical-align: middle;
			line-height: 1.5;
			}

		.form dl dt {
			width: 12em;
			font-family: "Noto Serif JP", serif;
			font-weight: 400;
			}

			.form dl dt span {
				display: inline-block;
				font-size: 85%;
				opacity: 0.5;
				}

		.form dl dd {
			}

			.form dl dd select,
			.form dl dd input[type="text"],
			.form dl dd textarea {
				width: 100%;
				padding: 20px;
				border-radius: 10px;
				border: 0;
				box-sizing: border-box;
				font-family: "Noto Serif JP", serif;
				font-weight: 400;
				}
				
			::placeholder {
				color: #3a5e85;
				opacity: 0.7;
				}

			.form dl dd label {
				display: block;
				margin: 3px 0;
				}

			.form dl dd textarea {
				width: 100%;
				height: 15em;
				}

	.form #check {
		text-align: center;
		margin: 0 auto;
		}

		.form #check label {
			cursor: pointer;
			margin: 0 auto;
			padding: 10px 20px;
			border-radius: 7px;
			background-color: #ffffff;
			}

@media(max-width: 1024px){
	#form {
		margin: 0 auto 70px auto;
		}

		.form {
			width: 90%;
			}

		.form dl {
			display: block;
			}

			.form dl dt,
			.form dl dd {
				display: block;
				}

			.form dl dt {
				width: 100%;
				margin-bottom: 10px;
				}
			
			.form dl dd {
				width: 100%;
				margin-inline-start: 0;
				}

		.form #check {
			text-align: center;
			margin: 0 auto;
			}

			.form #check label {
				cursor: pointer;
				margin: 0 auto;
				padding: 10px 20px;
				border-radius: 7px;
				background-color: #ffffff;
				}
	}



/* send --------------------------------------------------------------- */
#center {
	text-align: center;
	}

#check,
#error,
#back,
#send {
	color: #3a5e85;
	cursor: pointer;
	font-size: 16px;
	border: 0;
	background-color: transparent;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	}

#check,
#error,
#back {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px auto;
	}

#send {
	padding-right: 25px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px auto;
	}

#check,
#send {
	background-image: url("../../img/common/next.png");
	}

#error,
#back {
	background-image: url("../../img/common/prev.png");
	}

@media(max-width: 700px){
	}



/* error --------------------------------------------------------------- */
p.error {
	padding: 10px 0;
	border-top: #ddd solid 1px;
	}

p.error:last-of-type {
	border-bottom: #ddd solid 1px;
	}