@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
会社概要
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.page-header {
	background-image: url("../img/company/page-header.webp");
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- プロフィール
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.company-profile {
	--content-width: var(--content-width_small);
	padding-bottom: 0;
}

.company-profile-name {
	max-width: 700px;
	margin: 0 auto;
}

.company-profile-name .content {
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0.1em;
}

.company-profile-hr {
	height: 3px;
	margin: 2.3em 0;
	background: linear-gradient(90deg, var(--color_main) 25%, var(--color_base_light) 25%);
}

.company-profile-location-ul {
	max-width: 700px;
	margin: 0 auto var(--padding-height);
}

.company-profile-location-li:not(:last-child) {
	margin-bottom: 4em;
}

.company-profile-location-li .text {
	margin-bottom: 1.8em;
}

.company-profile-location-li .tel:hover {
	color: var(--color_main);
}

.company-profile-location-li iframe {
	width: 100%;
	height: 420px;
}

.company-profile-table {
	border-top: 1px solid #707070;
}

.company-profile-table th {
	width: 27%;
	padding: 1.7em 1em 1.7em 0;
	border-bottom: 1px solid #707070;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

.company-profile-table td {
	padding: 1.7em 0;
	border-bottom: 1px solid #707070;
}

.company-profile-table li:not(:last-child) {
	margin-bottom: 0.5em;
}

@media (min-width: 768px) {
.company-profile {
	font-size: 18px;
}

.company-profile-name {
	display: flex;
}

.company-profile-name .heading_skew {
	width: 210px;
}

.company-profile-name .content {
	font-size: 22px;
}

.company-profile-location-li .text {
	display: flex;
}

.company-profile-location-li .heading_skew {
	width: 210px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 代表挨拶
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.company-greeting .img {
	border-radius: 20px;
}

@media (min-width: 768px) {
.company-greeting .inner {
	display: flex;
	justify-content: space-between;
}

.company-greeting .img {
	width: 50%;
	height: 480px;
	border-radius: 35px;
	object-fit: cover;
}

.company-greeting .text {
	width: 45%;
	font-size: 16px;
	align-self: center;
}
}

@media (max-width: 767.9px) {
.company-greeting .img {
	margin-bottom: 1.5em;
}
}