@charset "utf-8";

.content {
	background-color: #fff;
	padding-bottom: 16px;
}

.h1style {
	padding: 16px 18px;
	margin-bottom: 24px;
	border-left: 6px solid #295e71;
	border-bottom: 1px solid #cbd2d7;
	text-align: left;
	font-weight: bold;
	font-size: 167%;
}

.attention {
	font-size: 1.1rem;
	padding-left: 2rem;
	margin-bottom: 16px;
}

.license {
	margin-bottom: 20px;
	height: 300px;
	overflow-y: scroll;
}

.contract {
	padding: 0 1rem 0 2rem;
	margin-bottom: 16px;
}

.ol_num {
	list-style-type: decimal;
}

.provision {
	padding: 0 2rem 0 4rem;
}

.provision li {
	margin-bottom: 16px;
}

.button_area {
	display: flex;
	justify-content: center;
}

.button_area a,
.button_area a:hover,
.button_area a:checked {
	
}

.button_area a {
	display: block;
	padding: 20px 30px;
	background-color: #5b6771;
	color: #fff;
}



.button_area a:hover {
	opacity: 0.8;
}

.lbutton {
	margin-right: 3rem;
}

.rbutton {
	margin-left: 3rem;
}


@media (max-width: 480px) {
	
.button_area {
	padding: 0px 5px;
}
.button_area a {
	padding: 20px 10px;
}

.lbutton {
	margin-right: 10px;
	font-size:85%;
}

.rbutton {
	margin-left: 0.5rem;
	font-size:93%;
}
}




.h2style {
	margin-bottom: 15px;
	padding: 16px 12px;
	border-left: 6px solid #295e71;
	background-color: #ebeef0;
}

.appendix {
	padding: 20px;
}

.appendixContents {
	padding: 20px;
	height: 300px;
	overflow-y: scroll;
}




ol.list_parentheses{
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1.5em;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  padding-left:1.5em;
  text-indent:-1.3em;
}
ol.list_parentheses li:before{
  display: marker;
  content: counter(cnt, lower-alpha) ") ";
}