/* reset */

body {
	display: flex;
	flex-direction: column;
}

/* Chromeのみ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	body, html {
		height: 100%;
	}

	main {
		height: 100%;
	}
}

/* IEのみ */
@media all and (-ms-high-contrast: none) {
	main {
		min-height: calc(94vh - 108px - 52px);
	}
}

header.row.header {
	height: 108px;
	min-height: 108px;
}

main.container {
	margin-top: 0;
	flex: 1;
	flex-basis: auto;
}

div.content {
	margin: 0;
}

footer {
	display: flex;
	justify-content: space-around;
}

/* contents */

h3.main-color {
	color: #FFFFFF;
	font-size: 20px;
	padding: 14px 0;
	text-align: center;
	width: 100%;
}

h3.sub-color {
	color: #FFFFFF;
	font-size: 18px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}