@charset "utf-8";

.pagehead.terms{
	/*background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("../images/facilities/pagehead.jpg");*/
	background-image:url("../images/terms/pagehead.jpg");
	background-position:center center;
}
.pageintro{
	padding:80px 15px 0;
}
.pageintro p{
	font-family:var(--sans_serif);
}
#sec_terms{
	padding:100px 0;
}
#sec_terms article{
	border-top:1px dotted var(--darkgray);
	padding:40px 0 20px;
}
#sec_terms article h3{
	font-size:2.1rem;
	color:var(--gold);
	font-weight:normal;
	margin-bottom:30px;
}
#sec_terms article h4{
	font-size:1.8rem;
	font-weight:normal;
	font-family:var(--sans_serif);
	margin-bottom:20px;
}
#sec_terms article ol *,
#sec_terms article p{
	font-family:var(--sans_serif);
}
#sec_terms article>ol>li:not(:last-child){
	margin-bottom:1em;
}
ol.ol2{
	margin-top:15px;
}
ol.ol2>li {
  position: relative;
  list-style-type: none;
}

ol.ol2>li:before {
  position: absolute;
  right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
  content: "(" counter(list-item) ")";
}

ol.ol3 {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
	margin-top:15px;
}
ol.ol3>li {
  padding-left: 30px;
  position: relative;
}
ol.ol3>li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: 0;
}
.annex_bloc{
	display:flex;
	gap:30px;
	align-items:center;
}
.annex_bloc *{
	font-family:var(--sans_serif);
	font-size:1.4rem;
}
.annex_bloc h4{
	margin:20px 0 8px;
	font-weight:normal;
}
.annex_bloc table{
	border-collapse:collapse;
}
.annex_bloc table th{
	background:#EFEFEF;
}
.annex_bloc table th,
.annex_bloc table td{
	white-space:nowrap;
	padding:10px 30px;
	border:1px solid #959595;
}

@media screen and (max-width:767px){
	.pageintro{
		padding:40px 15px 0;
	}
	#sec_terms{
		padding:40px 0;
	}

	#sec_terms article h3{
		font-size:1.7rem;
	}
	#sec_terms article h4{
		font-size:1.5rem;
	}
	#sec_terms article ol *,
	#sec_terms article p{
		font-size:1.3rem;
	}

	ol.ol3>li:before {
	  height: 16px;
	  width: 16px;
	  font-size: 80%;
	  top: 4px;
	}


	.annex_bloc{
		flex-direction:column;
		gap:10px;
	}
	.annex_bloc table{
		width:100%;
	}
	.annex_bloc table th,
	.annex_bloc table td{
		padding:10px;
	}
	.annex_bloc .bikou{
		padding-inline:15px;
	}
}
@media screen and (max-width:480px){

}