@charset "UTF-8";
/* CSS Document */

input,textarea {
	background-color: rgba(250,250,250,1);
	border: 1px solid rgba(200,200,200,1);
	border-radius: initial;
	transition: .2s ease;
}
input,textarea {
	padding: .75em 1em;
	line-height: inherit;
}
input:focus,textarea:focus { background-color: rgba(255,255,255,1); }
textarea { min-height: 8em; line-height: 2; }
label { letter-spacing: .03rem; }
input[type="submit"] {
	padding: .5em 7.5em;
	border: none;
	background-color: var(--gray);
	color: rgba(255,255,255,1);
	letter-spacing: .03rem;
	text-align: center;
}
input.active[type="submit"] { background-color: rgba(255,0,0,1); }

.notes {
	display: flex;
	margin: 0 0 40px 0;
}
.notes em {
	margin: 0 2px 0 0;
	font-size: var(--18pt);
	color: var(--orange);
}

.record {}
.record .land {
	padding: 40px 0;
	border-top: 1px solid var(--gray);
	border-bottom: 1px solid var(--gray);
}
.entry { display: block; }
.confirm { display: none; }

.record dl dd b:before {
	display: none;
	content: '';
	width: 15px;
	height: 15px;
	background-image: url(/images/common/ico-sup.svg);
	background-size: cover;
	background-position: center;
	position: absolute;
  top: 9px;
  left: -25px;
}

.verConfirm dl dt { margin: 0 0 8px 0; }

.thanks p { margin: 15px 0; }
.thanks a {
	letter-spacing: .03rem;
	text-decoration: underline;
}

/* Button ===================== */
.record div.operation {}
.record div.operation .back {
	display: block;
	margin: 55px 0 0 0;
}
.record div.operation .back:before {
	content: '<';
	padding: 0 .75em 0 0;
}

/* Range ===================== */
.col100 { width: 100%; }
.col95 { width: 95%; }
.col90 { width: 90%; }
.col85 { width: 85%; }
.col80 { width: 80%; }
.col75 { width: 75%; }
.col70 { width: 70%; }
.col65 { width: 65%; }
.col60 { width: 60%; }
.col55 { width: 55%; }
.col50 { width: 50%; }
.col45 { width: 45%; }
.col40 { width: 40%; }
.col35 { width: 35%; }
.col30 { width: 30%; }
.col25 { width: 25%; }
.col20 { width: 20%; }
.col15 { width: 15%; }
.col10 { width: 10%; }
.col05 { width: 5%; }


@media screen and (max-width:720px) {
input,textarea { padding: .65em .7em; }
input[type="submit"] {
	width: 100%;
	padding: .45em 5em;
	font-size: 11px;
}

.required dt:before { left: -10px; }
.record div.operation .back {
	margin: 30px 0 0 0;
	font-size: 10px;
}

.thanks {
	width: 70vw;
	margin: auto;
}
.thanks p br { display: none; }

.col100 { width: 100%; }
.col95 { width: 100%; }
.col90 { width: 100%; }
.col85 { width: 100%; }
.col80 { width: 100%; }
.col75 { width: 100%; }
.col70 { width: 100%; }
.col65 { width: 100%; }
.col60 { width: 100%; }
.col55 { width: 100%; }
.col50 { width: 100%; }
.col45 { width: 100%; }
.col40 { width: 100%; }
.col35 { width: 100%; }
.col30 { width: 100%; }
.col25 { width: 100%; }
.col20 { width: 100%; }
.col15 { width: 100%; }
.col10 { width: 100%; }
.col05 { width: 100%; }


}