@charset "utf-8";

/* ----------------------------------------------------
common
---------------------------------------------------- */
body {
  font-family: Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	background: #fff;
	color: #000;
	font-size: 16px;
	line-height: 1.7;
}

@media screen and (max-width: 960px) {
    body {
		font-size: 14px;
	}
}

a {
	color:#000;
	text-underline-offset: 3px;
}

.content {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.content_inner {
    padding: 2em 1.5em;
}

/* ----------------------------------------------------
header & footer
---------------------------------------------------- */
header {
	width: 100%;
	background: #333;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
header h1 {
	text-wrap: unset;
}
.header_inner {
	padding: 2em 1.5em;
}

footer {
	width: 100%;
	background: #000;
	margin: 0 auto;
	text-align: center;
	color: #fff;
    font-size: 0.8em;
}
.footer_inner {
	padding: 1em 1.5em;
}

/* ----------------------------------------------------
main
---------------------------------------------------- */
.sec_box {
	margin-bottom: 2em;
}

.sec_box div{
	margin-bottom: 1em;
}

.sec_box h1,h2,h3,h4,h5,h6 {
	margin: 1em 0 0.5em;
	text-wrap: unset;
}

.sec_box h2{
  font-size: 1.1rem;
}
.sec_box h3{
  font-size: 1rem;
}

.list_box {
	margin-bottom: 1em;
	padding-left: 1.5em;
}
.list_box li {
	list-style-type: disc;
}
.list_box li > ul li{
	margin: 0 0 0 1.5em;
}

td .list_box {
  margin: 0.5em 0;
}

.note {
	margin-bottom: 1em;
}

.copyright_box {
	margin: 1em 0;
	padding: 1em;
	border-top: 1px dashed;
  border-bottom: 1px dashed;
	display: inline-block;
}

.dl_box {
	margin-bottom: 1em;
}
.dl_box dt {
	font-weight: bold;
}
.dl_box dd {
	margin-bottom: 1em;
}

.reg_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    text-align: center;
    margin: 4em 0;
}

/* tab */
.tabs-list {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin: 0 0 1.5em;
    border-bottom: solid 1px #5d5d5d;
    padding-bottom: 1em;
}

.tabs-list-item a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.tabs-list-item a:hover {
    opacity: 0.6;
}

.tabs-list-item {
    margin: 0 0.5em 0.5em;
}

a.is-current {
    pointer-events: none;
    cursor: default;
    text-decoration: none !important;
}

table{
	margin:0.5em auto;
	border-collapse:collapse;
  width: 100%;
	font-size: 14px;
	line-height:1.4;
}
table th ,table td {
	padding: 2px 4px;
	border: 1px solid #000;
	vertical-align: middle;
}
table th{
	background: #000;
	color: #FFF;
}

@media screen and (max-width:700px) {
	.responsiveTable {
		width: 100%;
		overflow-y: hidden;
		margin-bottom: 14px;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.responsiveTable::-webkit-scrollbar {
		width: 3px;
		background: #dddddd;
	}

	.responsiveTable::-webkit-scrollbar-thumb:horizontal {
		background: #8b8b8b;
		border-radius: 2px;
	}

}