@charset "utf-8";

/*----------------------------
         company
-----------------------------*/
#company main section{
	padding: 100px 0;
}
#company .pageTitle + section{
	padding-top: 70px;
}

/*#companyCredo*/
#companyCredo{
	background: url("../images/company_bg_credo.jpg") no-repeat left bottom / cover;
}
#companyCredo .inner > div{
	padding-left: 2.3%;
	padding-right: 2.3%;
}
#companyCredo .credo{
	width: 100%;
	max-width: 439px;
}
#companyCredo .txt{
	width: 100%;
	max-width: 570px;
}
#companyCredo .txt p{
	line-height: 1.8;
}
#companyCredo .txt figure{
	margin-top: 25px;
	text-align: center;
}
@media screen and (max-width: 768px) {
#company main section{
	padding: 12vw 0;
}
}/*-SP only-*/
@media screen and (min-width: 769px) {
#companyCredo .txt{
	margin-top: 50px;
}
}/*-PC only-*/

/*#companyOverview*/
#companyOverview .defaultTable{
	margin-bottom: 55px;
}
#companyOverview .defaultTable th{
	width: 210px;
}
#companyOverview .defaultTable td{
	width: 340px;
}
#companyOverview .dataBox{
	max-width: 515px;
}
#companyOverview .dataBox div{
	background: #fff;
	padding: calc(40px - (16px * 1.7 - 16px) / 2) 40px;
}
#companyOverview .dataBox .logoS{
	margin-bottom: 5px;
	width: 27px;
}
#companyOverview .dataBox:nth-child(1) figure{
	margin: 60px auto;
	max-width: 364px;
}
#companyOverview .dataBox:nth-child(2) figure{
	margin: 20px auto;
	max-width: 143px;
}
@media screen and (max-width: 768px) {
#companyOverview .defaultTable{
	margin-bottom: 10vw;
}
#companyOverview .defaultTable th,
#companyOverview .defaultTable td{
	display: block;
	width: 100%;
}
}/*-SP only-*/
@media screen and (min-width: 769px) {}/*-PC only-*/

/*#companyHistory*/
#companyHistory table th{
	background: #f6f6f6;
	color: #333;
	font-weight: normal;
	padding: calc(12px - (16px * 1.7 - 16px) / 2) 30px;
}
#companyHistory table td{
	padding: calc(12px - (16px * 1.7 - 16px) / 2) 30px;
}
@media screen and (max-width: 768px) {
#companyOverview .dataBox:not(:last-child){
	margin-bottom: 10vw;
}
#companyHistory table th{
	width: 32%;
}
#companyHistory table th,
#companyHistory table td{
	padding: calc(12px - (16px * 1.7 - 16px) / 2) 5%;
}
}/*-SP only-*/
@media screen and (min-width: 769px) {
#companyHistory table th{
	width: 210px;
}
}/*-PC only-*/

#companyNetwork .pcFlex li{
	width: 48%;
}
#companyNetwork .pcFlex li a.btnArrowLine{
	height: auto;
}