@charset "UTF-8";

#company-header {background-image: url("../img/company-header.jpg");}
#contents{padding: 0 0 120px;}

#company-01{padding: 0;position: relative;}
#company-01 h2{margin-bottom: 70px;text-align: center;line-height: 1;}
#c01-img {width: 50%;padding-top: 50%;background: url("../img/company-01.jpg") no-repeat center center;background-size: cover;}
#c01-txt {width: 50%;padding: 6.944444444444%;background-color: #042275;color: #fff;}
#c01-txt h2{margin-bottom: 28px;padding-bottom: 30px;border-bottom: 1px solid #fff;line-height: 1;text-align: left;}
@media (max-width: 960px) {
	#c01-txt {width: 100%;}
	#c01-txt h2{margin-bottom: 18px;padding-bottom: 20px;}
	#c01-img {width: 100%;padding-top: 85%;}
}
@media (max-width: 767px) {
	#contents{padding: 0 0 80px;}
	#company-01 h2{margin-bottom: 50px;}
	#c01-txt {padding: 10%;}
	#c01-txt h2{margin-bottom: 15px;}
}

#company-02{padding: 120px 0 0;position: relative;}
#company-02 h2{margin-bottom: 30px;line-height: 1;}
#c02-img {width: 50%;background: url("../img/company-02.jpg") no-repeat center center;background-size: cover;}
#c02-txt {width: 50%;padding: 60px 40px;background-color: #fff;}
#company-02 th{width: 100px;}
@media (max-width: 960px) {
	#company-02 th{display: block;width: 100%;padding: 15px 15px 0;}
	#company-02 td{display: block;width: 100%;padding: 10px 15px 15px;}
	#company-02 th{border: none;}
}
@media (max-width: 767px) {
	#company-02{padding: 80px 0 0;}
	#c02-img {width: 100%;padding-top: 85%;}
	#c02-txt{width: 100%;padding: 30px 15px;}
	#company-02 h2{text-align: center;}
}


#company-03{padding: 120px 0 0;text-align: center;}
#company-03 .container{background-color: #fff;}
#company-03 h2{margin-bottom: 60px;line-height: 1;}
#company-03 .map{width: 100%;padding-top: 40%;position: relative}
#company-03 .map iframe{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#company-03 #maplink{padding: 10px 30px 15px;}
@media (max-width: 767px) {
	#company-03 {padding-top: 80px;text-align: justify;}
	#company-03 h2{margin-bottom: 45px;}
	#company-03 .map{padding-top: 100%;}
/* 	#company-03 #maplink{padding-bottom: 15px;} */
}

.panel{background-color: #fff;padding: 90px 5.555555555556%;}
@media (max-width: 960px) {
	.panel{padding: 60px 5.555555555556%;}
}