@charset "utf-8";
/* ===================================================
	Other CSS
	スタイルが極端に少なくなるページ等、このCSSにまとめて記述する。
====================================================== */

th { font-weight: normal; text-align: left; }
.list_sq li::before { content: '■'; }

/* ---------------------------------------------------
	PRIVACY
------------------------------------------------------ */
#privacy [id^="sec_"] {
	padding-top: 100px;
}
#privacy [id^="sec_"]:last-of-type {
	padding-bottom: 100px;
}
#privacy [id^="sec_"] .cmn_tit_01 {
	margin-bottom: 35px;
	font-size: 34px;
	text-align: center;
}
#sec_privacy .section_list {
	padding: 30px 0 0 33px;
	line-height: 1.8;
}
#sec_privacy .section_list h3 {
	text-indent: -33px;
	font-size: 22px;
	color: var(--color-06);
}
#sec_privacy .section_list p,
#sec_privacy .section_list .list_dots {
	margin-top: 1em;
}
#sec_privacy .section_list .list_sq {
	margin-top: 0.5em;
}
#sec_privacy .section_list a {
	text-decoration: underline;
}
#sec_cancel .table_wrapper {
	display: flex;
	margin-top: 30px;
}
#sec_cancel table {
	width: 100%;
}
#sec_cancel th,
#sec_cancel td {
	border: 1px solid #aaa;
	padding: 12px 15px;
}
#sec_cancel thead th {
	color: #fff;
	background-color: var(--color-02);
}
#sec_cancel tbody {
	background-color: #fff;
}
#sec_cancel tbody td {
	text-align: center;
}

@media screen and (min-width: 601px) {
	#sec_cancel .table_wrapper {
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 50px;
	}
	#sec_cancel table {
		width: 22.5%;
	}
}
@media screen and (max-width: 600px) {
	#privacy [id^="sec_"] {
		padding-top: 50px;
	}
	#privacy [id^="sec_"]:last-of-type {
		padding-bottom: 50px;
	}
	#privacy [id^="sec_"] .cmn_tit_01 {
		margin-bottom: 25px;
		font-size: min(6.5vw, 24px);
	}
	#sec_privacy .section_list {
		padding: 30px 0 0 25px;
	}
	#sec_privacy .section_list h3 {
		text-indent: -25px;
		font-size: 18px;
	}
	#sec_cancel .table_wrapper {
		flex-direction: column;
	}
	#sec_cancel thead th {
		border: none;
	}
}


/* ---------------------------------------------------
	ERROR
------------------------------------------------------ */
#error section { text-align: center;}

@media screen and (max-width: 600px) {}
