/****************************
  greeting
****************************/

#greeting {
	background-color: #fff;
}

#greeting dt {
	padding: 1rem 0 0;
	font-size: 14px;
}

#greeting dd {
	padding: 0.75rem 0 0;
	font-size: 14px;
}

@media (min-width: 1000px) {
	#greeting dt {
		font-size: 16px;
	}

	#greeting dd {
		font-size: 16px;
	}
}

/****************************
  philosophy
****************************/

#philosophy {
	background-color: var(--blue_1_bg);
}

#philosophy dl {
	margin: 0;
	padding: 0.5em 0 0 0.5em;
	font-size: 14px;
}

#philosophy dl > dt {
	margin: 0;
	padding: 0.5em 0 0;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.3;
}

#philosophy dl > dt > strong {
	padding-left: 0.4em;
	font-weight: bold;
	color: rgba(37, 169, 201, 1);
}

#philosophy dl > dd {
	margin: 0;
	padding: 0.3em 0 0 1.3em;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.3;
}

@media (min-width: 1000px) {
	#philosophy dl {
		margin: 0;
		padding: 0.5em 0 0 0.5em;
		font-size: 16px;
	}

	#philosophy dl > dt {
		margin: 0;
		padding: 0.5em 0 0;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 1.3;
	}

	#philosophy dl > dt > strong {
		padding-left: 0.4em;
		font-weight: bold;
		color: rgba(37, 169, 201, 1);
	}

	#philosophy dl > dd {
		margin: 0;
		padding: 0.3em 0 0 1.3em;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 1.3;
	}
}

#history {
	background-color: #fff;
}

#overview {
	background-color: var(--blue_1_bg);
}

#history dl,
#overview dl {
	display: table;
	width: 100%;
	margin: 7px 0 0;
	padding: 0.5em 0.5em;
}

#history dl {
	background-color: var(--blue_1_bg);
}

#overview dl {
	background-color: #fff;
}

#history dl > dt,
#overview dl > dt {
	width: 7em;
	display: table-cell;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 1.3;
	white-space: nowrap;
}

#history dl > dd,
#overview dl > dd {
	display: table-cell;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 1.3;
}

#history dl.first,
#overview dl.first {
	margin-top: 25px;
}

@media (min-width: 1000px) {
	#history dl > dt,
	#overview dl > dt {
		width: 7em;
		display: table-cell;
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 16px;
		line-height: 1.3;
		white-space: nowrap;
	}

	#history dl > dd,
	#overview dl > dd {
		display: table-cell;
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: 16px;
		line-height: 1.3;
	}

	#history dl.first,
	#overview dl.first {
		margin-top: 25px;
	}
}

/****************************
  visual_top
****************************/

.visual_top {
	background-image: url(../../files/profile/vt.jpg);
}