@charset "utf-8";
/* CSS Document */
/* =======================================

	conditions.css

========================================== */

.conditions_tabs{
	margin-top:50px;
	text-align:center;}

.conditions_tabs li{
	display:inline-block;
	margin:0 10px;}

.conditions_tabs li a{
	display:block;
	padding:10px 15px;
	color:#333;
	text-decoration:none;
	border-top:2px solid #163B5F;
	border-right:2px solid #163B5F;
	border-left:2px solid #163B5F;}


.conditions_tabs li.tabs01 a.active,
.conditions_tabs li.tabs02 a.active{
	background-color:#163B5F;
	color:#fff;}

.conditions_tabs li.tabs01 a:hover,
.conditions_tabs li.tabs02 a:hover{
	background-color:#163B5F;
	color:#fff;}

.conditions_panels > .panel{
	display: none;
	padding:20px;
	border:2px solid #163B5F;}

.conditions_panels > .panel.active{
	display: block;}

@media screen and (max-width:599px){
	.conditions_tabs{
		margin:0 auto 10px;
		padding:0;}
	
	.conditions_tabs li{
		margin:0 auto 10px;
		padding:0;
		width:100%;}

	.conditions_tabs li a{
		border:2px solid #163B5F;}

	.conditions_panels > .panel{
		padding:0;
		border:none;}

}



/* table
========================================== */

.conditions_table01{
	width:100%;
	margin-bottom:10px;
	border-collapse: separate;
	border-spacing: 3px;
}

.conditions_table01 th,
.conditions_table01 td{
	text-align:left;
	vertical-align:middle;
	padding:15px;
}

.conditions_table01 th{
	background-color:#D1DEEA;
	font-weight:normal;
	width:200px;}

.conditions_table01 td{
	border-bottom:1px solid #D3D3D3;}


@media screen and (max-width: 768px) {
	.conditions_table01,
	.conditions_table01 tbody,
	.conditions_table01 tr,
	.conditions_table01 th,
	.conditions_table01 td{
		display:block;
		width:100%;
	}

}