@charset "UTF-8";
/* =======================================================
* form.php
* ======================================================= */
#form-container h4 {
	font-size: 20px;
}

.form-top {
	border-bottom: 2px solid #AFAFAF;
}

.form-top p,
.under-inner p {
	padding: 2% 0 3%;
}

.form-bottom {
	border-top: 2px solid #AFAFAF;
	padding: 4% 0;
	margin-top: 2%;
}

.form-bottom p {
	max-width: 800px;
	font-size: 12px;
	margin: 0 auto;
}

.form-inner {
	padding: 2% 0;
}

input,
textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
}

dl {
	max-width: 800px;
	padding: 1.5% 0;
	margin: 0 auto;
}

dt {
	padding-bottom: 1%;
}

dd textarea {
	height: calc( 1.6em * 8 );
  line-height: 1.6;
}

dd.txt-center {
	border-top: 3px dotted #282728;
	border-right: 2px solid #282728;
	border-bottom: 3px dotted #282728;
	border-left: 2px solid #282728;
	padding: 5%;
}

dd.txt-center span {
	display: inline-block;
  font-size: 18px;
  padding-bottom: 1%;
}

form button.blu {
	background: none;
	padding-bottom: 0.5%;
}

form button.btnMosgrn,
form button.btnDrkgry {
	padding: 1.5% 8%;
	margin: 0 4%;
}

#submit.submit1 {
	margin: 0 auto;
}

.under-inner #submit.submit1 {
	width: 272px;
	padding: 2.45% 8%;
}

.under-inner .btnMosgrn {
	width: 272px;
	padding: 15.5px 8%;
	margin: 0 auto;
}

/* =======================================================
* registration-form.php
* ======================================================= */
.pull-down {
	padding-top: 3%;
}

select {
	width: 100%;
}

.birth {
	display: inline-block;
	width: 25%;
}

.birth select {
	width: 80%;
}

dd span {
	padding: 0 5px;
}

.registration-btn .btn {
	width: 190px;
	margin: 0 4%;
}

.registration-btn .btn a {
	padding: 15px 40px;
}

/* =======================================================
* max-width: 768px
* ======================================================= */
@media screen and (max-width: 768px) {
	.form-top,
	.form-inner,
	.pull-down {
		padding: 0 4%;
	}

	.form-top {
		margin-bottom: 8%;
	}

	.form-top p {
		padding-bottom: 8%;
	}

	.form-bottom {
		padding: 8% 0;
		margin-top: 8%;
	}

	dl {
		padding: 4% 0;
	}

	dd.txt-center span {
		font-size: 16px;
	}

	dd.txt-center {
		font-size: 12px;
	}

	dd.birth {
    width: 100%;
	}

	dd.birth select {
    width: 60% !important;
    margin-bottom: 10px;
	}

	form button.btnMosgrn,
	form button.btnDrkgry,
	.under-inner #submit.submit1,
	.under-inner .btnMosgrn {
		padding: 10px 8%;
	}

	.under-inner .btnMosgrn a {
		padding: 0;
	}

	.birth {
		width: 33%;
	}

	.registration-btn .btn a {
		padding: 15px 5px;
	}

}

/* =======================================================
* max-width: 320px
* ======================================================= */
@media screen and (max-width: 320px) {

}