@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%;
}

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

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

#information-box p {
	font-size: 14px;
	line-height: 1.6em;
}

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