@charset "UTF-8";


#subpage {
	font-family: 'Noto Sans JP', sans-serif;
}

#subpage table {
  width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}

#subpage table th {
  text-align: left;
	padding: 0.5rem;
	background: #efefef;
	border: 1px solid #ccc;
}

#subpage table td {
	padding: 0.5rem;
	background: #fff;
	border: 1px solid #ccc;
}

#subpage p {
  margin: 1.5em 0;
}

#subpage p.note {
  text-indent: -1em;
  margin-left: 1em;
}

#subpage .modal .modal-dialog {
	width: 80% !important;
	max-width: 600px;
	margin:  1em auto 0;
}

#subpage .modal .modal-header {
	padding: 0 10px;
}

#subpage .modal .close {
	font-size: clamp(1.8rem, 2.2vw, 3rem);
}

#subpage .modal h5 {
	border: none;
}

#subpage .modal .btn {
  flex-wrap: wrap;
  max-width: 600px;
	gap: 5px 10px;
}

#subpage .modal .btn li {
  width: 100%;
  position: relative;
	margin: 0;
	padding: 0;
}

#subpage .modal .btn a {
  width: 100% !important;
	font-size: clamp(0.9rem, 1.8vw, 1.1rem);
  text-align: left;
}

#subpage .modal .btn a:after {
  position: absolute;
  right: 2.5em;
  margin-top: 0.5em;
}


@media screen and (max-width: 580px) {
	#subpage .modal .modal-dialog {
		display: flex;
		justify-content: center;
		margin-left: 5%;
	}
	#subpage table td {
		font-size: 90%;
	}
	#subpage .modal .btn a:after {
		right: 1.3em;
	}
}