@charset "UTF-8";

html {
	max-height: 100vh;
	max-height: -webkit-fill-available;
}

body {
	height: 100vh;
}

#page-main {
	height: 0;
	max-height: calc(100% - 80px);
}

#page-main .contents-area {
	height: 0;
	max-height: 100%;
}

.box-col {
	flex: 1;
	width: 100%;
	max-width: 1000px;
	height: 0;
	max-height: 100%;
}

.box {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 0;
	max-height: 100%;
}

#tos-box {
	flex: 1;
	padding: 10px;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	overflow-y: scroll;
}

#tos-box h2 {
	font-size: 17px;
}

#tos-box p,
#tos-box ol {
	/* font-size: 14px; */
	line-height: 1.6em;
}

.sub-list {
	margin-left: 0.1em;
}

.sub-list li {
	list-style-type: none;
	counter-increment: cnt;
}

.sub-list li::before {
	content: "(" counter(cnt) ")";
	display:inline-block;
	margin-left:-1.8em; /* サイトに合せて調整 */
	width: 1.8em; /* サイトに合せて調整 */
}

/* スマートフォン版 */
@media (max-width:767px) {
	#page-main {
		max-height: calc(100% - 100px);
	}

	#tos-box {
		font-size: 13px;
	}

	#tos-box h2 {
		font-size: 14px;
	}
}