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


.table_01{
	width: 100%;
	border-bottom:#464136 1px solid;
	border-right:#464136 1px solid;	
}
.table_01 th,
.table_01 td{
	padding: 15px;
	box-sizing: border-box;
}
.table_01 th{
	background:#464136;
	color: #fff;
	border-top:#fff 1px solid;
	border-left:#464136 1px solid;
	width: 35%;
}
.table_01 th.first{
	border-top:#464136 1px solid;
}

.table_01 td{
	background:#fff;
	border-top:#464136 1px solid;
	border-left:#464136 1px solid;
	width: 65%;
}

@media screen and (max-width: 767px) {
.table_01{
	width: 100%;
	border-bottom:#464136 1px solid;
	border-right:#464136 1px solid;	
}
.table_01 th,
.table_01 td{
	padding: 15px;
	box-sizing: border-box;
}
.table_01 th{
	background:#464136;
	color: #fff;
	border-top:#fff 1px solid;
	border-left:#464136 1px solid;
	display: block;
	width: 100%;
}
.table_01 th.first{
	border-top:#464136 1px solid;
}

.table_01 td{
	display: block;
	width: 100%;
	background:#fff;
	border-top:#464136 1px solid;
	border-left:#464136 1px solid;		
}
	
	
}

.list_01 li{
	display: inline-block;
	margin-right: 15px;
}

.area_01{
	padding: 0 50px;
}
.area_01 .left_area{
	float: left;
	width: 390px;
}

.area_01 .right_area{
	float: right;
	width: 270px;
}
@media screen and (max-width: 767px) {
.area_01{
	padding: 0;
}
.area_01 .left_area{
	float: none;
	width: 100%;
}

.area_01 .right_area{
	float: none;
	width: 100%;

}	
}



.bg_01{
	background: url(../img/company/bg_01.png) left top no-repeat;
	height: 748px;
    padding: 45px 30px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.bg_01{
	background: url( ../img/common/bg_ptn01.jpg) left top repeat;
	height: auto;
    padding: 10px;
	box-sizing: border-box;
}
}
.bg_02{
	background: url(../img/company/bg_note.png) left top repeat;
	padding: 25px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.bg_02{
	background: url(../img/company/bg_note.png) left top repeat;
	padding: 10px;
	box-sizing: border-box;
}

}

.area_02 .left_area{
	float: left;
	width: 430px;
}

.area_02 .right_area{
	float: right;
	width: 230px;
}
@media screen and (max-width: 767px) {
.area_02 .left_area{
	float: none;
	width: 100%;
}

.area_02 .right_area{
	float: none;
	width: 100%;

}	
}



.area_03 .left_area{
	float: left;
	width: 230px;
}

.area_03 .right_area{
	float: right;
	width: 430px;
}
@media screen and (max-width: 767px) {
.area_03 .left_area{
	float: none;
	width: 100%;
}

.area_03 .right_area{
	float: none;
	width: 100%;

}	
}