@charset "UTF-8";

/* CSS INDEX for TOP page */
#content {
	&:is(h1, h2, h3, h4, h5, h6) {
		margin: 10px 0;
		font-weight: bold;
		line-height: initial;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	.tright {
		text-align: right;
	}

	.tcenter {
		text-align: center;
	}

	.terms_box p,
	.terms_box ul {
		line-height: 1.8;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}

	.terms_box #terms_speed {
		border: #999 1px solid;
		padding: 10px;
	}

	hr.blue {
		border-top: 1px solid var(--primary);
		margin: 0 auto 5px auto;
	}

	.spacer_top-xs {
		margin-top: 16px !important;
	}

	.spacer_top-sm {
		margin-top: 29px !important;
	}

	.spacer_top-lg {
		margin-top: 74px !important;
	}

	.terms_index h3 {
		background: #eee;
		padding: 10px 12px;
		font-size: 20px !important;
	}

	.terms_index h4 {
		border-left: 6px solid #ccc;
		padding: 5px 0 5px 10px;
	}

	.detail_menu {
		font-size: 1.3em;
		list-style: none;
		margin: 0;
		font-weight: bold;
		padding: 15px 25px 35px;
		border: #ccc 1px dotted;
		margin-bottom: 50px;
	}

	.terms_index li {
		line-height: 3em;
		font-size: 1.2em;
		display: block;
		list-style: none;
		margin-bottom: 2em;
		border: 1px solid var(--background-blue);
	}

	.terms_index li a {
		display: block;
		height: 100%;
		width: 100%;
		padding-left: 2em;
	}

	.terms_index li span.terms_caution {
		font-size: 80%;
		color: #ff0000;
	}

	.terms_index li:hover {
		background-color: var(--background-blue);
	}

	.terms_box ul li {
		line-height: 1.5em;
		padding-left: 1em;
		text-indent: -1em;
	}

	.terms_box p>span,
	.terms_box ul>li>span {
		padding-left: 1em;
		text-indent: -1em;
		display: block;
	}

	.terms_box #terms_speed {
		border: #999 1px solid;
		padding: 10px;
	}

	.terms_box #terms_speed ul {
		list-style: none;
	}

	.terms_box #terms_speed li {
		margin-bottom: 1em;
	}

	.underline {
		text-decoration: underline;
	}

	p.inner {
		padding-left: 10px;
	}

	.default_table {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid;
	}

	.default_table th {
		padding: 10px;
		background-color: #eee;
	}

	.default_table td,
	.default_table th {
		border: 1px solid #333;
		padding: 10px;
	}

	#card_list {
		display: flex;
		gap: 16px;
		text-align: center;

		.imgBox {
			width: 80px;
			height: 80px;
			line-height: 80px;
			margin: 0 auto;
			/* text-align: center; */
		}

		p {
			margin: auto;
		}

		img {
			width: 100%;
			vertical-align: middle;
		}

		>div {
			display: inline-block;
			padding: 8px 16px;
			border: 1px solid #eee;
		}

		@media (max-width: 767px) {
			flex-direction: column;
		}
	}

	.contact-box {
		border: 1px solid #333;
		padding: 0px;
	}

	.contact-box ul {
		padding-bottom: 20px;
	}

	.contact-box ul li {
		text-align: center;
	}

	.contact-box ul li:nth-child(3) {
		margin-top: 30px;
	}

	.terms_box p.contact-box-title {
		margin-left: 0;
	}

	.contact-box-title {
		text-align: center;
		border-bottom: 1px solid #333;
		padding: 10px 0;
	}

	.contactBox02 {
		padding: 15px;
		width: 50%;
		margin: 0 auto;
	}

	@media (max-width: 767px) {
		.table-area {
			overflow-x: scroll;

			.default_table {
				width: 600px;
			}
		}

		.default_table {
			width: 100%;
			margin: 0 auto;
			border-collapse: collapse;
			margin-bottom: 20px;
		}

		.default_table th {
			padding: 1%;
		}

		.default_table td {
			position: relative;
			padding: 1%;
		}

		.default_table .none {
			height: 1px;
			padding: 0;
			margin: 0;
			border: 0;
			display: none;
		}

	}
}