.case-main-img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	margin-bottom:40px;
}

table{
	width:100%;
	font-size:18px;
	line-height:180%;
}
	
th{
	padding:20px;
	background:#E8EEF4;
	border: 1px solid #B6BBBF;
	vertical-align:middle;
}
	
td{
	padding:20px;
	border: 1px solid #B6BBBF;
	background:#FFF;
	vertical-align:middle;
}

.with_16{
	width:16%;
}

.with_21{
	width:21%;
}

.with_28{
	width:28%;
}

.t_right{
	text-align:right;
}

.num_color{
	color:#c62828;
}

.title_back{
	background:#E8EEF4;
}

/*スマホ時のコンテンツCSS */
/*------------------------------------------------------*/
@media only screen and ( max-width : 768px ) {

	h3{
		font-size:24px;
		font-weight:bold;
		margin-bottom:5px;
	}
	
	.sample_area {
		margin: 40px auto 0;
		padding:0;
	}
	
	.sample_data{
		text-align: center;
		width:100%;
		box-sizing: border-box;
		margin-bottom:40px;
	}
	
	.sample_data:last-child {
		margin-bottom: 0;
	}
	
	.table_area {
		margin-inline: auto;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		white-space: nowrap; /* テキストの折り返しなし */
		width: 100%;
	}
	
	.table_area table {
		width: 120%; /* tableタグの親要素より広く */
	}
	
	.highlight_font{
		font-weight:bold;
		font-size:24px;
	}
	
	.highlight_font br{
		display:block;
	}
	
	td br{
		display:block;
	}
	
	.point_area {
		margin:40px 0 0 0;
		padding:0;
	}
	
	.point_data{
		width:100%;
		box-sizing: border-box;
		margin-bottom:40px;
	}
	
	/*.point_data:last-child {
		margin-bottom: 0;
	}*/
	
	.concerns_title{
		font-weight:bold;
		font-size:20px;
	}
	
}
/*------------------------------------------------------*/

/* PC時のコンテンツCSS */
/*------------------------------------------------------*/
@media print, screen and ( min-width : 769px ) {
	
	h3{
		font-size:24px;
		font-weight:bold;
		margin-bottom:5px;
	}
	
	.sample_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 40px;      /* 要素間の隙間 */
		margin-top:40px;
	}
	
	.sample_data{
		text-align: center;
		width:600px;
		box-sizing: border-box;
	}
	
	.sample_data:last-child {
		margin-bottom: 0;
	}
	
	.table_area {
		margin-inline: auto;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		white-space: nowrap; /* テキストの折り返しなし */
		width: 100%;
	}
	
	.table_area table {
		width: 1200px; /* tableタグの親要素より広く */
	}
	
	.highlight_font{
		font-weight:bold;
		font-size:30px;
	}
	
	.highlight_font br{
		display:none;
	}
	
	td br{
		display:none;
	}
	
	.point_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 20px;      /* 要素間の隙間 */
		margin-top:40px;
	}
	
	.point_data{
		width:600px;
		box-sizing: border-box;
	}
	
	/*.point_data:last-child {
		margin-bottom: 0;
	}*/
	
	.concerns_title{
		font-weight:bold;
		font-size:24px;
	}

}
/*------------------------------------------------------*/