@charset "utf-8";



/* 会社概要 -------------------------------------------------------------------------------------*/
/* コンテナー */
.main .container:first-of-type { padding-top: var(--margin-ll); }
.main .container:not(:first-of-type) { margin-top: var(--margin-m); }
.main .container:not(:first-of-type)::before { content: none; }
.main .container .contents { margin-top: var(--margin-s); }

/* 会社概要 */
.main #company .contents {
	border-bottom: var(--color-border) solid 1px;
	/*display: table;*/
	/*width: 100%;*/
}
.main #company .contents > dl {
	border-top: var(--color-border) solid 1px;
	display: flex;/*table-row;*/
	column-gap: var(--margin-s);
	font-size: var(--font-m);
	line-height: var(--line-m);
}
.main #company .contents > dl > dt {
	/*border-top: var(--color-border) solid 1px;*/
	/*display: table-cell;*/
	padding: 16px 0 15px;/*16px var(--margin-s) 15px 0;*/
	text-align-last: justify;
	/*white-space: nowrap;*/
	width: 4em;
}
.main #company .contents > dl > dd {
	flex: 1;
	/*border-top: var(--color-border) solid 1px;*/
	/*display: table-cell;*/
	padding: 16px 0 15px;
	text-align: justify;
}

.main #company .contents p:not(:first-of-type) { margin-top: var(--margin-s); }
.main #company .contents li {
	padding-left: 1em;
	text-indent: -1em;
}
.main #company .contents li:not(:first-child) { margin-top: var(--margin-xxs); }

/* 沿革 */
.main .history { display: block !important; }
.main .history > dt { padding-bottom: 0 !important; }
.main .history dl { display: flex; }
.main .history dl:not(:first-of-type) { margin-top: var(--margin-ss); }
.main .history dt { width: 65px; }
.main .history dd { flex: 1; }

/* スタッフ */
.main #staff ul {
	display: flex;
	flex-direction: column;
	row-gap: var(--margin-m);
}
.main #staff ul + ul { margin-top: var(--margin-l); }

.main #staff .name {
	font-size: var(--font-l);
	margin-top: var(--margin-ss);
}
.main #staff .name span {
	font-size: var(--font-ss);
	padding-left: var(--margin-xs);
}
.main #staff .post {
	font-size: var(--font-s);
	line-height: var(--line-s);
	margin-top: var(--margin-xs);
}
.main #staff .comment {
	line-height: var(--line-m);
	margin-top: var(--margin-ss);
}
/*-----------------------------------------------------------------------------------------------*/





@media(min-width: 530px) {
}



@media(min-width: 768px) {
	/* 会社概要 -------------------------------------------------------------------------------------*/
	.main br.sp { display: none; }
	/* コンテナー */
	.main .container { margin-top: var(--margin-m); }
	.main .container:not(:first-of-type) { margin-top: var(--margin-ll); }
	/* 見出し、会社概要 */
	.main .midashi .swrapper,
	.main #company .swrapper { display: flex; }
	.main .midashi h1,
	.main #company h2 { width: 200px; }
	.main .midashi .read {
		flex: 1;
		margin-top: -5px;
	}
	.main #company .contents {
		flex: 1;
		margin-top: 0;
	}
	/* 沿革 */
	.main .history { display: flex !important; }
	/* スタッフ */
	.main #staff ul {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--margin-m) var(--margin-s);
	}
	.main #staff li { width: calc((100% - var(--margin-s)) / 2); }
}



@media(min-width: 1024px) {
	/* 会社概要 -------------------------------------------------------------------------------------*/
	/* スタッフ */
	.main #staff ul { gap: var(--margin-l) var(--margin-ms); }
	.main #staff li { width: calc((100% - (var(--margin-ms) * 2)) / 3); }
}



@media(min-width: 1280px) {
}