/* 会社概要ページ（page-company.php）専用
   親テーマ contents.css の .tablearea（青い見出しセル）より優先させるため .companypage で限定する。
   見た目は「私たちについて」の会社情報ブロック（page.css .aboutus .companydata）に揃える。 */

.companypage .contentarea.companydata {padding:4vh 10vh 12vh;background:#fff;}
.companypage .companydata .content {max-width:1000px;margin:0 auto;}

.companypage .companydata .lead {margin-bottom:4rem;}
.companypage .companydata .lead p {color:#000;font-size:max(14px, 1.2rem);line-height:2em;text-align:center;}

.companypage .companydata h2 {color:#000;text-align:center;font-size:max(14px, 3rem);margin:6rem 0 0.8em;}

.companypage .tablearea table {border-collapse:collapse;width:100%;margin-bottom:1rem;}
.companypage .tablearea table th {background:none;border:solid #000 0.1rem;color:#000;font-size:max(14px, 1.0rem);font-weight:600;text-align:left;vertical-align:top;width:30%;padding:1.2rem 3rem;line-height:1.7em;}
.companypage .tablearea table td {background:none;border:solid #000 0.1rem;color:#000;font-size:max(14px, 1.0rem);width:70%;padding:1.2rem 3rem;line-height:1.7em;}

.companypage .maparea {width:100%;}
.companypage .maparea iframe {display:block;width:100%;height:40vh;border:0;filter:grayscale(70%);}

.companypage .linkarea {text-align:center;margin-top:6rem;}

/*SP*/
@media (max-width: 896px){
	.companypage .contentarea.companydata {padding:2vh 3vh 8vh;}
	.companypage .companydata .content {width:100%;}
	.companypage .companydata .lead p {font-size:max(14px, 1.4rem);text-align:left;}
	.companypage .companydata h2 {font-size:max(14px, 2.4rem);margin-top:5rem;}
	.companypage .tablearea table th,
	.companypage .tablearea table td {display:block;width:100%;border:none;font-size:max(14px, 1.6rem);}
	.companypage .tablearea table th {padding:1.2rem 1rem 0.4rem;}
	.companypage .tablearea table td {padding:0 1rem 1.2rem;border-bottom:solid #000 1px;}
	.companypage .maparea iframe {height:32vh;}
}