@charset "UTF-8";
/* CSS Document */
	.border_bl{
		color: #fff;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #0070b8;
	}

	.border_gr{
		padding: 5px;
		background-color: #C8C8C8;
	}


	.border_or{
		color: #fff;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #daa520;

	}
	.border_pink{
		color: #fff;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #ff6666;
	}
table{
	border: solid 1px #9C9C9C;
}

table tbody th{
	border: solid 1px #9C9C9C;
	padding: 5px 0px 5px 30px;
}

table thead th{
	font-size: 20px;
	padding: 5px 10px;
	font-weight: 600;
	background: #0070b8;
	color: #fff;
	text-align: center;
}

table td{
	border: solid 1px #9c9c9c;
	padding: 5px 10px;
}

table td.pl50{
	padding-left: 50px;
}

.scenario p {
  font-size: 0.875rem;
  background: url("../img/sublease_system/kanri/img_graph02.png") left top no-repeat;
  background-size: 68px;
  padding-top: 16px;
  margin-top: 40px;
  line-height: 1.6;
}

.scenario p {
    margin-top: 20px;
  }

.scenario p span {
  font-weight: bold;
}

.scenario p + p {
  background-image: url("../img/sublease_system/kanri/img_graph03.png");
  margin-top: 30px;
}


/*------------PC設定--------------------------*/
h3.underline{
	line-height: 1.5;
}

.flex-2 div.table-scroll{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.flex-2 div.table-scroll table{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	line-height: 1.9;
}

@media screen and (min-width: 1240px) {
	.main {
		margin-top: 10px;
		margin-bottom: 20px;
		display: flex;
		flex-direction: row;
		flex-grow: 1;
		font-size: 16px;
	}
	
	.sidebar {
		width: 24.5%;
		padding: 10px;
		box-sizing: border-box;
	}
	
	#system ol._main,#system ol._main_2{
		position: relative;
		border:  solid 1px #999;
		margin: 0;
		padding: 5px 0;
		background-color: #0070b8;
		color: #fff;
	} 

	#system ol._main li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.8em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._main li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.8em;
		text-align: justify;
		border-bottom: solid 0px #999;
		font-weight: 600;
	}	
	
	#system ol._main_2 li:last-child  {
		list-style: none;
		list-style-position: outside;
		padding: 5px 0px;
		text-align: center;
		border-bottom: solid 0px #999;
		font-weight: 600;
	}	

	._main > li > a::before ,._main_2 > li > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 12px;
	}
	
	
	._main > li.second > a::before,._main_2 > li.second > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 28px;
	}

	#system ol._main li a,#system ol._main_2 li a{
		color: #fff;
	}
	
	#system ol._sub{
		position: relative;
		margin: 0;
		padding: 5px 0;
		background-color:#ffd6d6;
		color: #333;
		border: solid 1px #999;
	} 
	
	#system ol._sub li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._sub li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
		/*padding-bottom: 50px;
		padding-top: 50px;*/
		font-weight: 600;
	}
	
	#system ol._sub li a{
		color: #333;
	}
	
	._sub > li > a::before,._sub > li > p::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 12px;
	}
	
	._sub > li.second > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 30px;
	}
	
	#system ol._sub2{
		position: relative;
		border: solid 1px #999;
		text-align: center;
		margin: 10px 0 0;
		padding: 5px 0;
		margin-top: -1px;
		background-color: #d6ffff ;
		color: #333;
		line-height: 2.4;
	} 
	
	#system ol._sub2 li  {
		list-style: none;
		list-style-position: outside;
		margin: 0px;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		font-weight: 600;
	}
	
	#system ol._sub2 li:last-child{
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
	}

	._sub2 > li > a::before,._sub2 > li > p::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 15px;
	}
	
	#system ol._sub2 a{
		color: #333;
	}
	
	#system ol._sub3{
		position: relative;
		margin: 0;
		padding: 5px 0;
		background-color: #ffd6d6;
		color: #333;
	} 
	
	
	#system ol._sub3 li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._sub3 li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
		font-weight: 600;
	}	
	
	#system ol._sub3 li a{
		color: #333;
	}
	._sub3 > li > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 12px;
	}
	
	._sub3 > li._now > a::before {
		border-top: 2px solid #be0018;
		border-left: 2px solid #be0018;
	}
	
	._sub3 > li.second > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 28px;
	}
	
	#system .content_system {
		width: 70%;
		flex-grow: 1;
		box-sizing: border-box;
		padding: 10px;
	}
	
	#system .content_system h4{
		color: #FFFFFF;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #0070b8;
		margin-top: 0;
		margin-bottom: 0;
	}

	#system .content_system h5{
		color: #FFFFFF;
		margin-top: 0px;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #daa520;
		margin-bottom: 0;
	}	


	#system div.flex-sp{
		margin-bottom: 20px;
	}
	
	#system div.flex-2 div.border{
		border: solid 1px #666;
		padding: 10px;
	}
	
	#system div.flex-2 div.border_1{
		border: solid 1px #666;
		padding: 10px;
	}
	
	#system div.flex-2 div.border_top{
		border: solid 1px #666;
		padding: 10px;
		height: 230px;
		text-align: center;
	}
	
	#system div.flex-2 div.border_top_2{
		border: solid 1px #666;
		padding: 10px;
		height: 270px;
		text-align: center;
	}
	
	.border_top img,.border_top_2 img{
		width: 45%;
	}
	
	#system div.border_red{
		border: solid 2px #be0018;
		padding: 10px;
	}
	
	#system div.border_red_70{
		border: solid 2px #be0018;
		padding: 10px;
		width: 70%;
		margin: 0 auto;
	}
	
	
	
	#system div.border_blue{
		border: solid 2px #0070b8;
		padding: 10px;
	}

	#system div.border_blue_70{
		border: solid 2px #0070b8;
		padding: 10px;
		width: 70%;
		margin: 0 auto;
	}
	

	#system p.back::after,
	#system p.ago::before{
		content: "■";
		color:#0070b8 !important;
	}
	
	#system div.flex-2 div.border_1{
		border: solid 1px #666;
		padding: 10px;
	}
	#system div.flex-2 div.border_2{
		border: solid 2px #666;
		padding: 10px;
	}
	
	#system div.border{
		border: solid 1px #999;
		margin-right:	auto;
	}
	
	#system div.flex-2 a{
		color: #333;
	}
	
	#system img.system{
		width: 95%;
		border: solid 1px #999;
		padding: 10px;
	}

	#system table._sublease{
		border: solid 4px #999;
	}

	#system table._sublease thead tr th{
		font-size: 20px;
		font-weight: 600;
	}

	#system table._sublease tr.heyamei_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		border-bottom: none;
		padding: 0;
		text-align: center;
	}
	
	#system table._sublease tr.heyamei_02 td{
		border-top: none;
		border-bottom: none;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
		padding: 0;
	}
	
	#system table._sublease tr.rent_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		border-bottom: none;
		text-align: center;
		color: #0070b8 !important;
		padding: 0;
	}
	

	#system table._sublease tr.rent_02 td{
		border-top: none;
		border-bottom: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-size:12px;
		color:  #be0018 !important;
		text-align: center;
		padding: 0;
	}
	#system table._sublease tr.rent_03 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
		color: #333 !important;
		background: #eaf4ff !important;
		padding: 0;
	}
	
	
	#system table._sublease tr.fee_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
		color: #333 !important;
		background: #ffeaea !important;
		padding: 0;
	}
	
	#system table._sublease tr.pay_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
		color: #333 !important;
		background: #eaffea !important;
		padding: 0;
	}
	

	#system table._sublease-01{
		border: none;
		margin-bottom: 0px;
	}

	#system table._sublease-01 th{
		border: none;
	}
	
	#system table._sublease-01 tr.rent_01 td{
		padding-left: 10px;
		background: #eaf4ff !important;
		color: #333 !important;
		border: none;
	}
	
	#system table._sublease-01 tr.fee_01 td{
		padding-left: 10px;
		color: #333 !important;
		background: #ffeaea !important;
		border: none;
	}

	#system table._sublease-01 tr.pay_01 td{
		padding-left: 10px;
		color: #333 !important;
		background: #eaffea !important;
		border: none;
	}
	
	#system table{
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px rgba(219,219,219,1.00);padding: 10px;
		max-width: 1200px;
	}
	
	
	#system table thead th{	
		border: solid 1px rgba(219,219,219,1.00);padding: 10px; 
		background-color: #0070b8 ;
		color: #fff;
		text-align: center;
		vertical-align: middle; 
	}
	
	#system table thead th.or{
		background-color:  #daa520;
		border: 1px solid #9C9C9C;
	}

	table thead th.or{
		background-color:  #daa520;
		border: 1px solid #9C9C9C;
	}

	#system table tbody th{
		border: solid 1px rgba(219,219,219,1.00);
		padding: 8px;
		color: #0070b8;
		vertical-align: middle;
	}
	
	#system table thead th a{
		color: #fff;
	}
	
	#system table td{
		border: solid 1px rgba(219,219,219,1.00);
	}
	
	#system table._none{
		border: none;
	}
	
	#system table._none td{
		border: solid 1px #fff;
	}
	
	#system div.flex-3_1 img.img_25{
		display: block;
		width: 25%;
		margin: 20px auto 0;
		
	}
}
/*------------PC設定完了------------------------*/

/*------------tablet設定--------------------------*/
@media screen and (min-width: 640px)  and (max-width: 1239px) {
	.main {
		margin-top: 10px;
		margin-bottom: 20px;
		display: flex;
		flex-direction: row;
		flex-grow: 1;
		font-size: 16px;
	}
	
	.sidebar {
		display: none;
/*		width: 40%;
		padding: 10px;
		box-sizing: border-box;*/
	}

	#system table._none{
		border: none;
	}
	#system table._none td{
		border: solid 1px #fff;
	}	
	#system ol._main,#system ol._main_2{
		position: relative;
		border:  solid 1px #999;
		margin: 0;
		padding: 5px 0;
		background-color: #0070b8;
		color: #fff;
	} 

	#system ol._main li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.8em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._main li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.8em;
		text-align: justify;
		border-bottom: solid 0px #999;
		font-weight: 600;
	}	
	
	#system ol._main_2 li:last-child  {
		list-style: none;
		padding: 0;
		list-style-position: outside;
		text-align: center;
		border-bottom: solid 0px #999;
		font-weight: 600;
	}	

	._main > li > a::before ,._main_2 > li > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 12px;
	}
	
	
	._main > li.second > a::before,._main_2 > li.second > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 28px;
	}

	#system ol._main li a,#system ol._main_2 li a{
		color: #fff;
	}
	
	#system ol._sub{
		position: relative;
		margin: 0;
		padding: 5px 0;
		background-color:#ffd6d6;
		color: #333;
		border: solid 1px #999;
	} 
	
	#system ol._sub li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._sub li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
		/*padding-bottom: 50px;
		padding-top: 50px;*/
		font-weight: 600;
	}
	
	#system ol._sub li a{
		color: #333;
	}
	
	._sub > li > a::before,._sub > li > p::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 12px;
	}
	
	._sub > li.second > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 30px;
	}
	
	#system ol._sub2{
		position: relative;
		border: solid 1px #999;
		text-align: center;
		margin: 10px 0 0;
		padding: 5px 0;
		margin-top: -1px;
		background-color: #d6ffff ;
		color: #333;
		line-height: 2.4;
	} 
	
	#system ol._sub2 li  {
		list-style: none;
		list-style-position: outside;
		margin: 0px;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		font-weight: 600;
	}
	
	#system ol._sub2 li:last-child{
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
	}

	._sub2 > li > a::before,._sub2 > li > p::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 15px;
	}
	
	#system ol._sub2 a{
		color: #333;
	}
	
	#system ol._sub3{
		position: relative;
		margin: 0;
		padding: 5px 0;
		background-color: #ffd6d6;
		color: #333;
	} 
	
	
	#system ol._sub3 li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._sub3 li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
		font-weight: 600;
	}	
	
	#system ol._sub3 li a{
		color: #333;
	}
	._sub3 > li > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 12px;
	}
	
	._sub3 > li._now > a::before {
		border-top: 2px solid #be0018;
		border-left: 2px solid #be0018;
	}
	
	._sub3 > li.second > a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #333;
		border-left: 2px solid #333;
		transform: rotate(135deg);
		position: absolute;
		right: 15px;
		margin-top: 28px;
	}
	
	#system .content_system {
		width: 70%;
		flex-grow: 1;
		box-sizing: border-box;
		padding: 10px;
	}
	#system div.flex-sp{
		margin-bottom: 20px;
	}
	
	#system div.flex-2 div.border{
		border: solid 1px #666;
		height:	200px;
		padding: 10px;
	}
	#system div.flex-2 div.border_1{
		border: solid 1px #666;
		padding: 10px;
	}

	#system p.back::after,
	#system p.ago::before{
		content: "■";
		color:#0070b8 !important;
	}
	
	#system div.flex-2{
		width: 100%;
		margin-bottom: 20px;
	}
	
	#system div.border{
		border: solid 1px #999;
		margin-right:	auto;
	}
	
	#system div.flex-2 div.border_top{
		border: solid 1px #666;
		padding: 10px;
		height: 230px;
		text-align: center;
	}
	
	#system div.flex-2 div.border_top_2{
		border: solid 1px #666;
		padding: 10px;
		height: 270px;
		text-align: center;
	}
	
	.border_top img,.border_top_2 img{
		width: 35%;
	}

	.border_top img{
		width: 35%;
	}
	
	#system div.flex-2 a{
		color: #333;
	}

	#system div.border img{
		width: 55%;
		margin-top: 10px;
		margin-right: 10px;
	}
	
	#system .content_system h4{
		color: #FFFFFF;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #0070b8;
		margin-top: 0;
		margin-bottom: 0;
	}

	#system .content_system h5{
		color: #FFFFFF;
		margin-top: 0px;
		padding: 10px; 
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		background-color: #daa520;
		margin-bottom: 0;
	}

	
	#system img.system{
		border: solid 1px #999;
		padding: 10px;
	}

	#system table._sublease{
		border: solid 4px #999;
	}

	#system table._sublease th{
		padding: 5px;
	}

	#system table._sublease tr.heyamei_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		border-bottom: none;
		padding: 0;
		text-align: center;
	}
	
	#system table._sublease tr.heyamei_02 td{
		border-top: none;
		border-bottom: none;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
		padding: 0;
	}
	
	#system table thead th.or{
		background-color:  #daa520;
		border: 1px solid #9C9C9C;
	}

	table thead th.or{
		background-color:  #daa520;
		border: 1px solid #9C9C9C;
	}
	#system div.flex-3_1 img{
		width: 30%;
		margin-right: 20px;
	}
	
	#system div.flex-3_1 img.img100{
		width: 100%;
	}
	#system div.flex-4 img{
		width: 30%;
	}
	
	#system div.border img.img100{
		width: 100%
	}

}
/*------------tablet設定完了------------------------*/


/*------------スマホ設定--------------------------*/
@media screen and (max-width:639px) {
	h3 {
		font-size: 20px;
	}
	.main {
		margin-top: 10px;
		display: flex;
		flex-direction: row;
		flex-grow: 1;
		font-size: 2vw;
		line-height: 2;
	}
	#system div p{
		font-size: 12px;
		line-height: 1.5;
	}
	.sidebar {
		display: none;
	}

	#system table._none{
		border: none;
	}

	#system table._none td{
		border: solid 1px #fff;
	}
	
	#system ol._main a{
		color: #333;
	}
	
	#system ol._main{
		position: relative;
		margin: 10px 0 0;
		padding: 0;
		margin-top: -1px;
		background-color: #0070b8 ;
		color: #333;
		line-height: 2.4;
	} 

	
	#system .content_system {
		width: 100%;
	}

	#system ol._main li  {
		list-style: none;
		list-style-position: outside;
		margin: 0px;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		font-weight: 600;
	}
	
	#system ol._main li:last-child{
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
	}
	
	#system ol._main li.center:last-child{
		list-style: none;
		list-style-position: outside;
		margin: 0;
		text-align: center;
		border-bottom: solid 0px #999;
	}
	
	
	

	#system ol._sub{
		position: relative;
		margin: 0;
		padding: 5px 0;
		background-color:#DAF1FF;
		color: #333;
	} 
	
	#system ol._sub2{
		position: relative;
		margin: 0;
		padding: 5px 0;
		background-color: #dbffff;
		color: #333;
	} 
	
	#system ol._sub li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._sub li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 0.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
		/*padding-bottom: 50px;
		padding-top: 50px;*/
		font-weight: 600;
	}
	
	#system ol._sub2 li  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
		text-align: justify;
		border-bottom: solid 1px #999;
		padding-right: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: 600;
	}
	
	#system ol._sub2 li:last-child  {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
		text-align: justify;
		border-bottom: solid 0px #999;
		/*padding-bottom: 50px;
		padding-top: 50px;*/
		font-weight: 600;
	}
		
	#system ol._sub li._now{
		color:#0070b8;
	}
	
	#system ol._sub2 li._now  {
		color:#0070b8;
	}

	#system ol._sub li a{
		color: #333;
	}
	
	#system ol._sub2 li a{
		color: #333;
	}
	

	#system ol._sub li._now a{
		color: #be0018;
	}

	#system ol._main li._now a{
		color: #be0018;
	}

	#system ol._sub2 li._now a{
		color: #be0018;
	}

	#system div.flex-sp{
		margin-bottom: 20px;
	}
	
	#system div.flex-2 div.border{
		border: solid 1px #666;
		padding: 10px;
		height: 130px;
	}
	#system div.flex-2 div.border_1{
		border: solid 1px #666;
		padding: 10px;
	}
	
	#system div.flex-2 div.border_1{
		border: solid 1px #666;
		padding: 10px;
	}

	#system p.back::after,
	#system p.ago::before{
		content: "■";
		color:#0070b8 !important;
	}
	
	#system div.flex-2{
		width: 98%;
	}
	
	#system div.border{
		border: solid 1px #999;
		margin-left:	auto;
		margin-right:	auto;

	}

	#system div.border_top{
		border: solid 1px #999;
		max-width:	100%;
		text-align: center;
		margin-left:	auto;
		margin-right:	auto;

	}
	
	#system div.flex-2 a{
		color: #333;
	}

	#system div.border img{
		width:70%;
		margin-left: auto;
		margin-right: auto;
	}

	.border_top img{
		width: 45%;
	}
	
	
	#system .content_system h4{
		color: #FFFFFF;
		padding: 10px; 
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		background-color: #0070b8;
		margin-top: 0;
		margin-bottom: 0;
	}

	#system .content_system h5{
		color: #FFFFFF;
		margin-top: 0px;
		padding: 10px; 
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		background-color: #daa520;
		margin-bottom: 0;
	}

	
	#system img.system{
		width: 100%;
		border: solid 1px #999;
		padding: 10px;
	}

	#system table._sublease{
		border: solid 4px #999;
		margin-bottom: 20px;
	}

	#system table._sublease th{
		font-size: 12px;
	}

	#system table._sublease tr.heyamei_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		padding: 0px;
		text-align: center;
	}
	
	#system table._sublease tr.heyamei_02 td{
		border-bottom: none;
		border-top: none;
		padding: 0px;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
	}
	
	#system table._sublease tr.rent_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
	}
	
	#system table._sublease tr.rent_02 td{
		border-bottom: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		text-align: center;
	}

	#system table._sublease tr.rent_02 td span{
		font-size:2vw;
		line-height: 0.5;
		color:  #be0018 !important;
	}
	#system table._sublease tr.rent_03 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-weight: 600;
		text-align: center;
		font-size: 2vw;
		color: #fff !important;
		background:  #0070b8 !important;
	}
	
	#system table._sublease tr.rent_04 td{
		border-bottom: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-weight: 600;
		text-align: center;
		font-size: 2vw;
		color: #fff !important;
		background:  #0070b8 !important;
	}
	
	#system table._sublease tr.fee_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-weight: 600;
		text-align: center;
		font-size: 2vw;
		color: #fff !important;
		background: #be0018 !important;
	}
	
	#system table._sublease tr.fee_02 td{
		border-bottom: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-weight: 600;
		text-align: center;
		font-size: 2vw;
		color: #fff !important;
		background: #be0018 !important;
	}
	
	#system table._sublease tr.pay_01 td{
		border-top: solid 2px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-weight: 600;
		text-align: center;
		font-size: 2vw;
		color: #fff !important;
		background: #148c28 !important;
	}
	
	#system table._sublease tr.pay_02 td{
		border-bottom: solid 4px #999;
		border-left: solid 2px #999;
		border-right: solid 2px #999;
		font-weight: 600;
		text-align: center;
		font-size: 2vw;
		color: #fff !important;
		background: #148c28 !important;
	}

	#system table._sublease-01{
		border: none;
		margin-top: 20px;
	}

	#system table._sublease-01 th{
		border: none;
	}
	
	#system table._sublease-01 tr.rent_01 td{
		padding-left: 10px;
		background: #eaf4ff !important;
		color: #333 !important;
		border: none;
	}
	
	#system table._sublease-01 tr.fee_01 td{
		padding-left: 10px;
		color: #333 !important;
		background: #ffeaea !important;
		border: none;
	}

	#system table._sublease-01 tr.pay_01 td{
		padding-left: 10px;
		color: #333 !important;
		background: #eaffea !important;
		border: none;
	}
	
		#system div.flex-2 div.border_top_2{
		border: solid 1px #666;
		padding: 10px;
		height: 160px;
		text-align: center;
	}
	
	.border_top img,.border_top_2 img{
		width: 45%;
	}
	
	table thead th{
		font-size: 2vw;
		font-weight: 600;
		background: #0070b8;
		color: #fff;
		text-align: center;
	}
	
	#system table thead th.or{
		background-color:  #daa520;
		border: 1px solid #9C9C9C;
	}

	table thead th.or{
		background-color:  #daa520;
		border: 1px solid #9C9C9C;
	}
	
	#system div.flex-3_1 img{
		width: 30%;
		margin-right: 20px;
	}
	#system div.flex-4 img{
		width: 50%;
	}

}
/*------------スマホ設定完了------------------------*/
