@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）　　company【会社案内】のスタイルシート
------------------------------------------------------------------------------------------------------------*/
/*会社概要（スマホ）
*************************************************/
table.table_outline01{margin: 0 0 1rem 0;}
table.table_outline01 th{
	display: block;
	width: 100%;
	background: #5082bb;
	color: #fff;
	padding: 5px 10px 5px 10px;
}
table.table_outline01 td{
	display: block;
	width: 100%;
	background: #dfecf9;
	padding: 8px 10px 10px 20px;
}
table.table_outline01 tr:first-child th{
	padding: 10px 10px 5px 10px;
	border-radius: 10px 10px 0 0;
}
table.table_outline01 tr:last-child td{
	border-radius: 0 0 10px 10px;
}
/*沿革（スマホ）
*************************************************/
ul.ul_history01{
	position: relative;
	margin-bottom: 1rem;
}
ul.ul_history01::before{
	position:absolute;
	content: '';
	background: #1255a3;
	top: 10px;
	left: 6px;
	width: 1px;
	height: 100%;
}
ul.ul_history01 > li {
	padding: 0 0 1rem 0;
}
ul.ul_history01 > li .date{
	color: #1255a3;
	font-weight: bolder;
	font-size: 1rem;
	padding: 0 0 0 1.5rem;
	position: relative;
}
ul.ul_history01 > li .date::before{
	position: absolute;
	content: '';
	width: 13px;
	height: 13px;
	background: #1255a3;
	left: 0px;
	top: 6px;
	border-radius: 100%;
}
ul.ul_history01 > li .content{
	padding: 0 0 0 1.5rem;
}







/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

/*会社概要（タブレット）
*************************************************/
table.table_outline01 th{
	display: table-cell;
	width: 150px;
	padding: 0.75rem 0.75rem 0.75rem 1rem;
	border-bottom: 1px solid #fff;
}
table.table_outline01 td{
	display: table-cell;
	width: calc(100% - 150px);
	padding: 0.75rem 0.75rem 0.75rem 1rem;
	border-bottom: 1px solid #fff;
}

table.table_outline01 tr:first-child th{
	border-radius: 10px 0 0 0;
	padding: 0.75rem 0.75rem 0.75rem 1rem;
}
table.table_outline01 tr:first-child td{
	border-radius: 0 10px 0 0;
}
table.table_outline01 tr:last-child td{
	border-radius: 0 0 10px 0;
}
table.table_outline01 tr:last-child th{
	border-radius: 0 0 0 10px;
}
/*沿革（タブレット）
*************************************************/
ul.ul_history01{}
/********/
}






/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){
/*会社概要（PC）
*************************************************/
table.table_outline01 th{
	padding: 0.75rem 0.75rem 0.75rem 1.25rem;
	width: 180px;
}
table.table_outline01 td{
	padding: 0.75rem 0.75rem 0.75rem 1.25rem;
	width: calc(100% - 180px);
}
table.table_outline01 tr:first-child th{
	padding: 0.75rem 0.75rem 0.75rem 1.25rem;
	border-radius: 20px 0 0 0;
}
table.table_outline01 tr:first-child td{
	border-radius: 0 20px 0 0;
}
table.table_outline01 tr:last-child td{
	border-radius: 0 0 20px 0;
}
table.table_outline01 tr:last-child th{
	border-radius: 0 0 0 20px;
}
/*沿革（PC）
*************************************************/
ul.ul_history01{}
ul.ul_history01::before{
	left: 131px;
}
ul.ul_history01 > li {
	display:flex;
	flex-flow: row wrap;
}
ul.ul_history01 > li .date{
	padding: 0;
	width: 130px;
	font-size: 1.06rem;
}
ul.ul_history01 > li .date::before{
	left: 125px;
	top: 7px;
}
ul.ul_history01 > li .content{
	padding: 0 0 0 2rem;
	width: calc(100% - 130px);
}
/********/
}