@charset "utf-8";
/**monthlyリース料金で比較する**/	
section .monthly{
	background-image:url(../images/price/monthly_bg.jpg);
	background-repeat:no-repeat;
	background-position-y: 3px;
	width:710px;
	height:420px;
	position:relative;
}
section .monthly .monthly5000{
	position: absolute;
	left: 35px;
	bottom: 30px;
}
section .monthly .monthly8000{
	position: absolute;
	left: 165px;
	bottom: 30px;
}
section .monthly .monthly11000{
	position: absolute;
	left: 296px;
	bottom: 30px;
}
section .monthly .monthly14000{
	position: absolute;
	left: 428px;
	bottom: 30px;
}
section .monthly .monthly19000{
	position: absolute;
	right: 35px;
	bottom: 30px;
}
@media (max-width: 480px) {
	#contentsArea section .monthly{
		background:none;
		width: 100%;
		text-align: center;
		height: auto;
	}
	#contentsArea section .monthly .monthly5000,
	#contentsArea section .monthly .monthly8000,
	#contentsArea section .monthly .monthly11000,
	#contentsArea section .monthly .monthly14000,
	#contentsArea section .monthly .monthly19000{
		position: initial;
		width: 31%;
	}
}
/**priceリードエリア**/
.price_lead_area .detailtext {
	margin: 15px 0;
}
.price_lead_area .h3_cattitle {
	margin-bottom: 10px;
}
.price_lead_area .h3_cattitle + .detailtext {
	margin-top: 10px;
}
.price_lead_area .num_title {
	color: #003399;
	font-size: 110%;
	font-weight: bold;
	display:block;
	margin-bottom: 3px;
}
.price_lead_area .tbl_wrapper_note {
	display:none;
}
@media (max-width: 480px) {
	.price_lead_area .tbl_wrapper {
		overflow-x: scroll;
		width:100%;
	}
	.price_lead_area .tbl_wrapper::-webkit-scrollbar{
		width: 15px;
	}
	.price_lead_area .tbl_wrapper::-webkit-scrollbar-thumb{
		background: #003399;
	}
	.price_lead_area .tbl_wrapper::-webkit-scrollbar-track-piece:start{
		background: #ccc;
	}
	.price_lead_area .tbl_wrapper::-webkit-scrollbar-track-piece:end{
		background: #ccc;
	}
 .price_lead_area .tbl_wrapper > table {
  width:200%;
  margin-top: 0;
  margin-bottom: 0;
 }
 .price_lead_area .tbl_wrapper_note {
  display:block;
  margin-bottom: .3em;
  background-color:#003399;
  color:#fff;
  display:inline-block;
  padding:0 .5rem;
 }
 .price_lead_area .tbl_wrapper_note::before {
  content:'\02193';
 }
}
.price_data_table {
	border-collapse: collapse;
	width:100%;
	margin-bottom: 20px;
	line-height: 1.5;
	table-layout: fixed;
}
.price_data_table th{
	padding:.5em .5em;
	vertical-align: middle;
	text-align:center;
	font-weight: bold;
	border: 1px solid #ddd;
	background-color:#f5f5f5;
}
.price_data_table td{
	padding:.5em .5em;
	vertical-align: middle;
	border: 1px solid #ddd;
 text-align: center;
}
@media (max-width: 480px) {
	.price_data_table th{
		white-space:normal;
		height: auto;
		padding:.5em;
	}
	.price_data_table td{
		font-size: .857rem;
		height: auto;
		padding:.5em;
	}
}
.price_lead_area .price_data_table {
 margin:30px 0;
}
/**price使用リース料タブメニュー**/
#monthly_tab {
 margin:30px auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
 border-bottom: 3px solid #003399;
 list-style: none;
 padding: 0;
}
#monthly_tab > li {
 width: 100%;
 text-align: center;
 border-right: 2px solid #ffffff;
 list-style: none;
 background: rgba(204,203,203,0.5);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
 -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#monthly_tab > li.selected {
 background: #003399;
}
#monthly_tab > li:last-child {
 border-right: none;
}
#monthly_tab > li a {
 display: block;
 padding: 10px;
 text-decoration: none;
 color: #222;
 cursor: pointer;
}
#monthly_tab > li.selected a {
 color: #ffffff;
}
@media (max-width: 480px) {
 #monthly_tab {
  font-size: 90%;
  -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
 }
 #monthly_tab > li {
  width: calc(50% - 2px);
  border-top:2px solid #fff;
 }
}
/**月間使用リース料別エリア**/
.monthly_sheets .detailtext {
 margin: 15px 0;
}
#monthly_tab_contents .monthly_sheets {
 display:none;
}
#monthly_tab_contents .monthly_sheets:first-child {
 display:block;
}
.monthly_sheets .price_data_table {
 width:50%;
 table-layout: auto;
}
@media (max-width: 480px) {
 .monthly_sheets .price_data_table {
  width:100%;
  table-layout: auto;
 }
}