@charset "utf-8";
/**
 * setUp.html用css
 */
*{
	box-sizing:border-box;
}
body {
	font-size:16px;
	font-family: "Noto Sans JP";
	margin:0;
	padding:0;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(223, 232, 216, 1) 3px, rgba(223, 232, 216, 1) 6px );
	height: 100dvh;
	display: flex;
	justify-content: center;
	align-items: center;
}
h1{
	font-size:20px;
	text-align:center;
	font-weight:normal;
	position:relative;
	z-index:1;
	padding:0;
	margin:10px 10px 40px 10px;
	word-break: keep-all;
}
h1 > span{
	display:block;
	padding:10px;
	background-color:#e0e8d8;
}
h1:before,
h1:after{
	position:absolute;
	display:block;
	content:'';
	height:30px;
	width:30px;
	background-color:#95b774;
	z-index:-1;
}
h1:before{
	top:-5px;
	left:-5px;
}
h1:after{
	bottom:-5px;
	right:-5px;
}
article{
	background-color:#FFF;
	box-shadow:0px 0px 3px 2px #95bf6e;
	margin-top:0;
	margin-bottom: 0;
	display: block;
}
form{
	border:3px solid #95bf6e;
	background-color:#f6fdf0;
	padding:20px;
	border-radius:20px;
	margin:0;
}
.formWrap{
	margin-top:0;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.formWrap dt,
.formWrap dd{
	margin:0;
}
.formWrap dt{
	width:160px;
	color:#355c12;
}
.formWrap dd{
	width:calc(100% - 160px - 10px);
}
input{
	width:100%;
	padding:10px;
	font-size:18px;
	border-radius:4px;
	outline:0px;
	border:1px solid #355c12;
}
@media screen and (min-width:641px){
	article{
		margin-left:calc((100% - 640px) / 2);
		margin-right:calc((100% - 640px) / 2);
		padding: 30px;
	}
}
@media screen and (max-width:640px){
	article{
		margin-left:10px;
		margin-right:10px;
		padding: 10px;
	}
}
@media screen and (max-width:480px){
	.formWrap dt,
	.formWrap dd{
		width:100%;
	}
}
[type=submit]{
	border: 2px ridge #91c06f;
	width:200px;
	display:block;
	margin:0 auto;
	background-color:#cae9b7;
	outline:1px solid #FFF;
	outline-offset:-4px;
	font-size:16px;
	letter-spacing:1em;
	padding-left:1.5em;
	cursor:pointer;
	transition:.3s;
}
[type=submit]:hover{
	color:#5d9b31;
}
.newRegistBtnWra {
	text-align: right;
}