@charset "UTF-8";
/* =====================================
	history
===================================== */

.ttlArea{
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:60px 0;
	font-size:40px;
}

.ttlArea h1{
	width:100%;
	max-width:1220px;
	margin:0 auto;
	display:block;
}

.ttlArea h1 span{
	font-size:18px;
	display:block;
}

.color{
	width:100%;
	border-bottom:1px solid #ccc;
}

.color table{
	width:100%;
	max-width:1220px;
	margin:10px auto;
}

.color table th{
	width:14%;
	font-size:18px;
	padding:18px 0;
	border-right:1px solid #ccc;
	vertical-align:top;
}

.color table td{
	width:26%;
	font-size:16px;
	line-height:42px;
	color:#595959;
	vertical-align:middle;
	padding-top:7px;
}

.color table td:nth-child(3){
	width:31%;
}

.color table td:nth-child(4){
	width:29%;
}

.color table tr:last-child td{
	padding:0 0 7px 0;
}

.color table tr:first-child td:nth-child(2){
	background:url(../img/company/history/icon01.jpg) no-repeat bottom left 38px;
	padding-left:10.8%;
}

.color table tr:first-child td:nth-child(3){
	background:url(../img/company/history/icon06.jpg) no-repeat bottom left 38px;
	padding-left:8.2%;
}

.color table tr:first-child td:nth-child(4){
	background:url(../img/company/history/icon03.jpg) no-repeat bottom left 38px;
	padding-left:9.2%;
}

.color table tr:last-child td:nth-child(2){
	background:url(../img/company/history/icon04.jpg) no-repeat top left 38px;
	padding-left:8.2%;
}

.color table tr:last-child td:nth-child(3){
	background:url(../img/company/history/icon05.jpg) no-repeat top left 38px;
	padding-left:9.2%;
}

.color table td img{
	display:inline;
}

.color table td span{
	font-weight:bold;
}

.history table{
	width:100%;
	max-width:1220px;
	margin:60px auto 105px;
}

.history th{
	vertical-align:top;
	width:104px;
}

.history th img{
	width:83px;
}

.history td{
	padding:0 0 15px 30px;
	color:#595959;
}

.history td.last{
	padding:0 0 40px 30px;
}

.history td.group{
	background:url(../img/company/history/point05.jpg) top 4px left no-repeat,
	url(../img/company/history/line.jpg) center left 6px repeat-y;
	background-size:14px 14px, 2px 1px;
}

.history td.ueda{
	background:url(../img/company/history/point01.jpg) top 4px left no-repeat,
	url(../img/company/history/line.jpg) center left 6px repeat-y;
	background-size:14px 14px, 2px 1px;
}

.history td.ubm{
	background:url(../img/company/history/point02.jpg) top 4px left no-repeat,
	url(../img/company/history/line.jpg) center left 6px repeat-y;
	background-size:14px 14px, 2px 1px;
}

.history td.upl{
	background:url(../img/company/history/point03.jpg) top 4px left no-repeat,
	url(../img/company/history/line.jpg) center left 6px repeat-y;
	background-size:14px 14px, 2px 1px;
}

.history td.uml{
	background:url(../img/company/history/point04.jpg) top 4px left no-repeat,
	url(../img/company/history/line.jpg) center left 6px repeat-y;
	background-size:14px 14px, 2px 1px;
}

.nav02{
	width:100%;
	max-width:1470px;
	border-top:1px solid #cccccc;
	padding-top:95px;
	margin:0 auto;
}

.nav02 ul{
	width:100%;
	max-width:1220px;
	margin:0 auto 115px;
}

.nav02 ul li{
	width:43.77%;
	float:left;
	margin-bottom:60px;
}

.nav02 ul li:nth-child(even){
	float:right;
}

.nav02 ul li a{
	width:100%;
	padding:13px 0 10px 30px;
	line-height:1;
	border-left:4px solid #097429;
	box-sizing:border-box;
	font-size:25px;
	color:#595959;
	display:block;
}

.nav02 ul li a:hover{
	color:#097429;
}

.nav02 ul li a span{
	font-size:15px;
	display:block;
	width:100%;
	border-top:1px solid #cccccc;
	padding-top:14px;
	margin-top:17px;
}


@media screen and (max-width:1280px){

.ttlArea h1{
	width:92.2%;
	margin:0 3.9%;
}

.color table{
	width:92.2%;
	margin:30px 3.9%;
}

.color table th{
	width:100%;
	border-right:none;
	border-bottom:1px solid #ccc;
	display:block;
	padding:18px 2.6%;
}

.color table td{
	width:100%;
	display:block;
	padding:7px 0;
}

.color table td:nth-child(3){
	width:100%;
}

.color table td:nth-child(4){
	width:100%;
}

.color table tr:last-child td{
	padding:7px 0;
}

.color table tr:first-child td:nth-child(2){
	background:url(../img/company/history/sp/icon01.jpg) no-repeat top 20px left 2.6%;
	background-size:81px 42px;
	padding:20px 0 7px 10.6%;
}

.color table tr:first-child td:nth-child(3){
	background:url(../img/company/history/sp/icon02.jpg) no-repeat center left 2.6%;
	background-size:81px 42px;
	padding-left:10.6%;
}

.color table tr:first-child td:nth-child(4){
	background:url(../img/company/history/sp/icon03.jpg) no-repeat center left 2.6%;
	background-size:81px 42px;
	padding-left:10.6%;
}

.color table tr:last-child td:nth-child(2){
	background:url(../img/company/history/sp/icon04.jpg) no-repeat center left 2.6%;
	background-size:81px 42px;
	padding-left:10.6%;
}

.color table tr:last-child td:nth-child(3){
	background:url(../img/company/history/sp/icon05.jpg) no-repeat center left 2.6%;
	background-size:81px 42px;
	padding-left:10.6%;
}

.history table{
	width:92.2%;
	margin:60px 3.9% 105px;
}

.nav02{
	padding-top:14vw;
}

.nav02 ul{
	width:92.2%;
	margin:0 3.9% 19.27vw;
}

.nav02 ul li{
	width:45.762%;
	margin-bottom:11vw;
}

.nav02 ul li a{
	padding:0 0 2.6vw;
	border-left:none;
	border-bottom:4px solid #097429;
	font-size:25px;
	text-align:center;
}

.nav02 ul li a span{
	display:none;
}

}

@media screen and (max-width:768px){

.ttlArea{
	padding:7.8125vw 0;
	font-size:6.38vw;
}

.ttlArea h1 span{
	font-size:2.8645vw;
}

.color{
	width:100%;
	border-bottom:1px solid #ccc;
}

.color table{
	margin:9.11vw 3.9%;
}

.color table th{
	font-size:3.9vw;
	padding:2.6vw 2.6%;
}

.color table td{
	font-size:3.6458;
	line-height:8.33vw;
	padding:2.6vw 2.6%;
}

.color table tr:last-child td{
	padding:2.6vw 2.6%;
}

.color table tr:first-child td:nth-child(2){
	background:url(../img/company/history/sp/icon01.jpg) no-repeat top 5.725vw left 2.6%;
	background-size:15.88vw 8.33vw;
	padding:5.725vw 0 2.6vw 21%;
}

.color table tr:first-child td:nth-child(3){
	background:url(../img/company/history/sp/icon06.jpg) no-repeat center left 2.6%;
	background-size:14.0625vw 8.33vw;
	padding-left:21%;
}

.color table tr:first-child td:nth-child(4){
	background:url(../img/company/history/sp/icon03.jpg) no-repeat center left 2.6%;
	background-size:15.88vw 8.33vw;
	padding-left:21%;
}

.color table tr:last-child td:nth-child(1){
	display:none;
}

.color table tr:last-child td:nth-child(2){
	background:url(../img/company/history/sp/icon04.jpg) no-repeat center left 2.6%;
	background-size:15.88vw 8.33vw;
	padding-left:21%;
}

.color table tr:last-child td:nth-child(3){
	background:url(../img/company/history/sp/icon05.jpg) no-repeat center left 2.6%;
	background-size:15.88vw 8.33vw;
	padding-left:21%;
}

.history table{
	margin:9.11vw 3.9% 20vw;
}

.history th{
	width:100%;
	display:block;
	padding:0 0 2.6vw 4.557vw;
	background:url(../img/company/history/line.jpg) center left 1.15vw repeat-y;
	background-size:1px 1px;
}

.history th.first{
	background:none;
}

.history th img{
	width:15.36vw;
}

.history td{
	font-size:3.38vw;
	padding:0 0 2vw 4.557vw;
	width:100%;
	display:block;
}

.history td.last{
	padding:0 0 9.11vw 4.557vw;
}

.history td.group{
	background:url(../img/company/history/point05.jpg) top 0.9vw left no-repeat,
	url(../img/company/history/line.jpg) center left 1.15vw repeat-y;
	background-size:2.6vw 2.6vw, 1px 1px;
}

.history td.ueda{
	background:url(../img/company/history/point01.jpg) top 0.9vw left no-repeat,
	url(../img/company/history/line.jpg) center left 1.15vw repeat-y;
	background-size:2.6vw 2.6vw, 1px 1px;
}

.history td.ubm{
	background:url(../img/company/history/point02.jpg) top 0.9vw left no-repeat,
	url(../img/company/history/line.jpg) center left 1.15vw repeat-y;
	background-size:2.6vw 2.6vw, 1px 1px;
}

.history td.upl{
	background:url(../img/company/history/point03.jpg) top 0.9vw left no-repeat,
	url(../img/company/history/line.jpg) center left 1.15vw repeat-y;
	background-size:2.6vw 2.6vw, 1px 1px;
}

.history td.uml{
	background:url(../img/company/history/point04.jpg) top 0.9vw left no-repeat,
	url(../img/company/history/line.jpg) center left 1.15vw repeat-y;
	background-size:2.6vw 2.6vw, 1px 1px;
}

.nav02 ul li a:hover{
	color:#595959;
}

.nav02 ul li a{
	font-size:4.296875vw;
}

}