.rental_data img{
	margin:0 auto;
	padding:0;
	width:100px;
}

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_20{
	width:20%;
}

.with_30{
	width:30%;
}

.with_40{
	width:40%;
}

.with_60{
	width:60%;
}

.with_70{
	width:70%;
}


.flow_area {
	display: flex;  /* 子要素を横並びにする */
	gap: 2px;      /* 要素間の隙間 */
	align-items: stretch;
	min-height: 200px; /* 好みで調整 */
}

.flow_num_data{
	text-align: center;
	width:20%;
	box-sizing: border-box;
	background:#013B7E;
	color:#FFFFFF;
	display: flex;
	align-items: center;      /* 左右中央 */
	justify-content: center;  /* 上下中央 */
	flex-direction: column;   /* 中身を縦並び */
}
	
.flow_text_data{
	padding: 40px 20px;
	text-align:left;
	width:80%;
	box-sizing: border-box;
	background:#F3F6F8;
	justify-content: center; /* 上下中央 */
}

/*スマホ時のコンテンツCSS */
/*------------------------------------------------------*/
@media only screen and ( max-width : 768px ) {
	
	.strengths-title {
		font-size:22px;
		font-weight:bold;
		line-height:120%;
		margin-bottom:20px;
		text-align:center;
	}
	
	.rental_area {
		margin:0 auto;
		padding:0;
	}
	
	.rental_data{
		padding: 40px 20px;
		text-align: center;
		width:100%;
		box-sizing: border-box;
		background:#F3F6F8;
		margin-bottom:20px;
	}
	
	.point_area {
		margin:0 auto;
		padding:0;
	}
	
	.point_area.mb_80 {
		margin-bottom:80px;
	}
	
	.point_data{
		width:100%;
		box-sizing: border-box;
		margin-bottom:20px;
	}
	
	.reminder_area {
		margin:0 auto;
		padding:0;
	}
	
	.reminder_area.mt_30 {
		margin-top:30px;
	}
	
	.reminder_data{
		padding: 30px;
		text-align: center;
		width:100%;
		box-sizing: border-box;
		background:#FFF;
		margin-bottom:20px;
		border-top:5px solid #003C87;
		border-bottom:5px solid #003C87;
	}
	
	.concerns_title{
		font-weight:bold;
		font-size:20px;
	}
	
	.table_area {
		margin-inline: auto;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		white-space: nowrap; /* テキストの折り返しなし */
		width: 100%;
	}
	
	.table_area table {
		width: 120%; /* tableタグの親要素より広く */
	}
	
	.step-text{
		font-weight:bold;
		font-size:16px;
	}
	
	.step-num{
		font-weight:bold;
		font-size:30px;
	}
}
/*------------------------------------------------------*/

/* PC時のコンテンツCSS */
/*------------------------------------------------------*/
@media print, screen and ( min-width : 769px ) {
	
	.strengths-title {
		font-size:42px;
		font-weight:bold;
		line-height:120%;
		margin-bottom:40px;
		text-align:center;
	}
	
	.rental_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 2px;      /* 要素間の隙間 */
	}
	
	.rental_data{
		padding: 40px 20px;
		text-align: center;
		width:400px;
		box-sizing: border-box;
		background:#F3F6F8;
	}
	
	.point_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 20px;      /* 要素間の隙間 */
	}
	
	.point_data{
		width:600px;
		box-sizing: border-box;
	}
	
	.reminder_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 2px;      /* 要素間の隙間 */
	}
	
	.reminder_data{
		padding: 30px;
		text-align: center;
		width:400px;
		box-sizing: border-box;
		background:#FFF;
		border-top:5px solid #003C87;
		border-bottom:5px solid #003C87;
	}
	
	.concerns_title{
		font-weight:bold;
		font-size:24px;
	}
	
	.table_area {
		margin-inline: auto;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		white-space: nowrap; /* テキストの折り返しなし */
		width: 100%;
	}
	
	.table_area table {
		width: 1200px; /* tableタグの親要素より広く */
	}
	
	.step-text{
		font-weight:bold;
		font-size:18px;
	}
	
	.step-num{
		font-weight:bold;
		font-size:40px;
	}
}
/*------------------------------------------------------*/