@charset "UTF-8";

.agreement_box {
	height:300px;
	overflow-y:scroll;
}

.agreement_box .inner {
	width:90%;
	margin:0 auto;
}

.agreement_box .inner p {
	font-size: 0.875rem;
}

.agreement_box .inner ol {
	margin:0; }
.agreement_box .inner > ol > li {
	padding-bottom:1.5rem;
}
.agreement_box .inner ol > li > ul {
	margin:0;
	list-style-type:disc;
}

.agreement_box .inner ol.alp_type {
	list-style-type:lower-alpha;
}


label {
	font-size:1.1rem;
}


/* チェックボックス*/


#interlock{
	opacity:0.5;
  pointer-events: none;　/*クリックをキャンセル*/
}
#agree:checked ~  #interlock {
	opacity:1.0;
  pointer-events: auto;　/*キャンセルを解除*/
}


.agreement_check {
	padding-top:1.5rem;
	text-align:center; }
.agreement_check a {
	display:block;
	width:400px;
	margin:1.5rem auto 0;
	padding:0.5rem 0;
	text-align:center;
	background:#2e8dd4;
	border-radius:5px;
	border:1px solid #0464ab;
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width:767px)  {
	.agreement_box .inner {
		width:100%; }
	.agreement_box .inner ol,
	.agreement_box .inner ol > li > ul {
		margin:0 0 0 0;
		padding: 0 0 0 1.0rem; }
	.agreement_check a {
		width: 100%;
		font-size:0.875rem; }
}