@charset "UTF-8";

.notes {
	margin: 1rem 0 2rem;
	text-align:center;
}
.form {
	background:#fff;
	box-shadow: 0 0 16px rgb(0,0,0,0.16);
	border-radius: 16px;
	margin: 1rem;
	padding: 2rem;
}
.form dl {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:2rem;
}
.form dt,.form dd {
	line-height:2;
	font-size:18px;
}
.form dt{
	color:#3C4C8F;
	font-weight:600;
	position:relative;
	padding-left:1.5rem;
	width:30%;
}
.form dt span {
	font-size:12px;
	vertical-align: super;
	padding: 0 3px;
	color:#F75200;
}
.form dt::before {
	position:absolute;
	content:"";
	top:10px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#3C4C8F;
}
.form dd {
	width: 68%;
}
.form dd input,.form dd textarea {
	box-shadow:0 0 3px rgba(0,0,0,0.32);
	padding:0.5rem;
}
.submit_btn {
	text-align:center;
	margin: 5rem 0 3rem;
}
input.submit {
	background:#3C4C8F;
	color:#fff;
	padding: 1rem 4rem;
	border-radius:50px;
	box-shadow:0 0 12px rgba(0,0,0,0.16);
	transition:0.5s;
}
input.submit:hover {
	background:#6077DB;
}
input.submit:disabled {
	background:#ddd;
	color:#bbb;
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 768px) {
	.form {
		margin:0;
		padding:1rem;
	}
	.form dd input,.form dd textarea {
		width:100%;
	}
	.form dl {
		flex-flow:column;
		align-items:flex-start;
	}
	.form dl dt,.form dl dd {
		width:100%;
	}
	.form dl dt {
		margin-bottom:0.5rem;
	}
}
@media screen and (max-width: 560px) {
	
}
@media screen and (max-width: 428px) {
	
}
@media screen and (max-width: 375px) {
	
}