@charset "UTF-8";
/* ========================================================================
   companyprofile.css : 会社概要ページ
   ======================================================================== */


/* ---------- ページ固有の mvLower 背景画像 ---------- */
.mvLower {
	background-image: url("/img/company/companyprofile/bg_mv.jpg");
}


/* ============================================================
   会社情報セクション
   ============================================================ */
.profile__info {
	padding: 100px 0 100px;
}

.profile__defs {
	margin: 0;
}

.profile__defs-row {
	display: flex;
	padding: 20px 0;
}

.profile__defs-label {
	flex-shrink: 0;
	width: 155px;
	font-size: 15px;
	font-weight: 700;
	color: #333;
	border-right: 1px solid #DDD;
	padding-right: 15px;
	line-height: 2;
}

.profile__defs-value {
	flex: 1;
	margin: 0;
	font-size: 15px;
	color: #333;
	line-height: 2;
	padding-left: 30px;
}


/* ============================================================
   SP（〜767px）
   ============================================================ */
@media screen and (max-width: 767px){
	.profile__info {
		padding: 60px 0 60px;
	}
	.profile__defs-row {
		flex-direction: column;
		gap: 6px;
		padding: 14px 0;
	}
	.profile__defs-label {
		width: auto;
		border-right: none;
		border-bottom: 1px dashed #DDD;
		padding: 0 0 6px 0;
		font-size: 14px;
	}
	.profile__defs-value {
		font-size: 14px;
		line-height: 1.8;
		padding-left: 0;
	}
}