@charset "UTF-8";

/*----------------------------------------------------------
 *      メインビジュアル
 *---------------------------------------------------------- */

.main-visual {
	background: url("../../company/images/mv.jpg") center center/cover;
}
@media only screen and (max-width: 768px) {
	.main-visual {
		background: url("../../company/images/mv_sp.jpg") center center/cover;
	}
}

/*----------------------------------------------------------
 *      会社概要
 *---------------------------------------------------------- */
.area h1 {
	margin: 9px 0 0 0;
	font-weight: bold;
	letter-spacing: 0.05rem;
}
.area .description {
	margin: 0 0 52px 0;
	line-height: 1.8;
	text-align: center;
}
.area .company__wrap {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0 58px 0;
	border-bottom: 1px solid #463632;
	
	max-width: 1120px;
	margin: 0 auto 90px;
}
.area .company__wrap:last-child {
	border-bottom: none;
}
.area h2 {
	flex-basis: 240px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
}
.area dl {
	display: flex;
	flex-wrap: wrap;
	flex-basis: calc(100% - 240px);
	line-height: 1.8;
}
.area dt {
	flex-basis: 170px;
	margin: 0 0 8px 0;
}
.area dd {
	flex-basis: calc(100% - 170px);
	margin: 0 0 8px 0;
}
.area .privacy__wrap {
	flex-basis: calc(100% - 240px);
	line-height: 1.8;
}
.area .privacy__wrap p {
	margin: 0 0 2em 0;
}
.kiyaku {
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 768px) {
	.area h1 {
		margin: 6px 0 0 0;
		font-size: 0.769rem;
	}
	.area .description {
		margin: 0 20px 29px 20px;
		line-height: 1.53;
		text-align: left;
	}
	.area .company__wrap {
		display: block;
		margin: 0 30px 0 30px;
		padding: 32px 0 13px 0;
	}
	.area h2 {
		margin: 0 0 15px 0;
		font-size: 1.153rem;
	}
	.area dl {
		display: block;
	}
	.area dt {
		margin: 0 0 0 0; 
	}
	.area dd {
		margin: 0 0 16px 0;
	}
}