/* ========================================
COMPANY
======================================== */

.company-page{
	background:#f5f3ee;
	color:#222;
}


/* ========================================
INTRO
======================================== */

.company-intro{
	text-align:center;
}

.company-intro .sub-intro-inner{
	max-width:900px;
	margin:0 auto;
}

.company-intro .sub-intro-title{
	margin-bottom:25px;
}

.company-intro .sub-intro-text{
	line-height:2.2;
}


/* ========================================
COMMON
======================================== */

.company-inner{
	width:90%;
	max-width:1100px;
	margin:0 auto;
}

.company-section-heading{
	margin-bottom:40px;
	text-align:center;
}

.company-section-heading .section-en{
	margin:0 0 10px;
}

.company-section-heading h2{
	margin:0;
	font-size:30px;
	font-weight:400;
	line-height:1.6;
}


/* ========================================
COMPANY PROFILE
======================================== */

.company-profile{
	position:relative;
	padding:50px 0;
}

.company-table{
	margin:0;
	border-top:1px solid #c9c5ba;
}

.company-table-row{
	display:grid;
	grid-template-columns:240px 1fr;
	border-bottom:1px solid #c9c5ba;
}

.company-table-row dt,
.company-table-row dd{
	margin:0;
	padding:22px 25px;
	font-size:15px;
	line-height:1.8;
}

.company-table-row dt{
	display:flex;
	align-items:center;
	font-weight:400;
}

.company-table-row dd{
	border-left:1px solid #c9c5ba;
}


/* ========================================
HISTORY
======================================== */

.company-history{
	position:relative;
	padding:50px 0;
}

.history-list{
	position:relative;
	margin:0;
	border-top:1px solid #c9c5ba;
}

.history-item{
	display:grid;
	grid-template-columns:240px 1fr;
	border-bottom:1px solid #c9c5ba;
}

.history-date{
	position:relative;
	padding:25px;
	font-size:15px;
	line-height:1.8;
}

.history-content{
	padding:25px;
	border-left:1px solid #c9c5ba;
}

.history-content p{
	margin:0;
	font-size:15px;
	line-height:2;
}


/* ========================================
TABLET
======================================== */

@media(max-width:1024px){

	.company-inner{
		width:92%;
	}

	.company-section-heading{
		margin-bottom:35px;
	}

	.company-section-heading h2{
		font-size:27px;
	}

	.company-table-row,
	.history-item{
		grid-template-columns:200px 1fr;
	}

	.company-table-row dt,
	.company-table-row dd{
		padding:20px;
	}

	.history-date,
	.history-content{
		padding:22px 20px;
	}

}


/* ========================================
MOBILE
======================================== */

@media(max-width:767px){

	.company-intro .sub-intro-inner{
		width:88%;
	}

	.company-profile,
	.company-history{
		padding:40px 0;
	}

	.company-inner{
		width:88%;
	}

	.company-section-heading{
		margin-bottom:30px;
	}

	.company-section-heading h2{
		font-size:24px;
	}


	/* COMPANY PROFILE */

	.company-table-row{
		display:grid;
		grid-template-columns:105px 1fr;
	}

	.company-table-row dt,
	.company-table-row dd{
		padding:16px 12px;
		font-size:13px;
		line-height:1.8;
	}

	.company-table-row dt{
		padding-left:0;
	}

	.company-table-row dd{
		padding-right:0;
	}


	/* HISTORY */

	.history-item{
		display:block;
		padding:22px 0;
	}

	.history-date{
		padding:0 0 8px;
		font-size:13px;
	}

	.history-content{
		padding:0;
		border-left:0;
	}

	.history-content p{
		font-size:14px;
		line-height:2;
	}

}