@charset "utf-8";

/*==================================================================
    IPすまいる2026 ／ company.css
    運営会社（page-company.php） 専用スタイル

    テーブルの基本骨格は _component.css 由来。他ページでtableが
    必要になった場合は style.css の Object層へ引き上げる
==================================================================*/

/*------------------------------------------------------------------
    #profile ／ 会社概要
------------------------------------------------------------------*/
#profile {
	padding-block: var(--m6) var(--m4);
	background: var(--light-gray);
}
#profile .wrap {
	max-width: calc(960 * var(--px));
}
#profile .title {
	margin-block-end: var(--m3);
}

#profile table {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	font-size: var(--regular-size);
}
#profile tr {
	border-bottom: 1px solid var(--border);
}
#profile tr:first-of-type {
	border-top: 1px solid var(--border);
}
#profile :is(th, td) {
	padding-block: var(--m2);
	padding-inline: var(--m3);
	background: white;
	text-align: left;
	vertical-align: top;
	line-height: 1.9;
}
#profile th {
	width: calc(160 * var(--px));
	border-right: 1px solid var(--border);
	font-weight: 700;
}
#profile td {
	
}

@media screen and (max-width: 767px) {
	#profile {
		padding-block: var(--m3) var(--m2);
	}
	#profile table,
	#profile tbody,
	#profile tr,
	#profile th,
	#profile td {
		display: block;
		width: 100%;
	}
	#profile tr {
		border-top: 1px solid var(--border);
	}
	#profile tr:first-of-type {
		border-top: 1px solid var(--border);
	}
	#profile :is(th, td) {
		padding-inline: var(--m2);
	}
	#profile th {
		padding-block: 0.5lh 0.2lh;
	}
	#profile td {
		padding-block: 0 0.5lh;
	}
}