/*---------------------------------------------------------------*/
/*-- Default                                                   --*/
/*---------------------------------------------------------------*/
/*------------------------------
 ▼共通デザイン（モバイル向け）
 -------------------------------*/
#text01 {
	display:block;
	width:1000px;
	max-width:calc(100vw - 40px);
}

#dispArea {
	height: calc(100vh - 280px);
	min-height: calc(500px - 280px);
	overflow-y: auto;
}

/*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
@media screen and (min-width: 768px) {
	#dispArea {
		height: calc(100vh - 300px);
		min-height: calc(500px - 300px);
	}

}

/*-------------------------------
 ▼大型画面向けデザイン（PCなど）
 --------------------------------*/
@media screen and (min-width: 1024px) {
	#dispArea {
		height: calc(100vh - 375px);
		min-height: calc(500px - 375px);
	}
}

/*-------------------------------
 ▼高さのデザイン
 --------------------------------*/
@media screen and (max-height: 500px) {
	#dispArea {
		height: calc(500px - 300px);
		min-height: initial;
	}
}