@charset "UTF-8";
/*--------------------------------------------
companyPage
---------------------------------------------*/
.companyPage{

}
.pageTitle{
	font-weight : 700;
}
.companyPage table{
	table-layout:fixed
}
.companyPage table th,
.companyPage table td{
	border : solid 1px #d5d5d5;
	text-align : left;
	vertical-align : top;
}
.companyPage table th{
	background : #f4eaf3;
	font-weight : 700;
}
.companyPage table th.mid,
.companyPage table td.mid{
	vertical-align : middle;
}
.companyPage table a{
	color : #802077;
	font-weight : 700;
	text-decoration : underline;
}
.companyPage table a:hover{
	text-decoration : none;
}
.companyPage table td .pos{
	display : inline-block;
}
@media screen and (max-width: 768px){
	.companyPage{
		padding-left : calc( 40 * 100vw / 750 );
	    padding-right : calc( 40 * 100vw / 750 );
	    padding-bottom : calc( 250 * 100vw / 750 );
	}
	.pageTitle{
		font-size: calc( 60 * 100vw / 750 );
		padding-top : calc( 75 * 100vw / 750 );
		padding-bottom : calc( 100 * 100vw / 750 );
	}
	.companyPage .tblWrap{
		border-left : solid 1px #d5d5d5;
		border-right : solid 1px #d5d5d5;
		overflow :scroll;
	}
	.companyPage table{
		position : relative;
		width: 100%;
	}
	.companyPage table th,
	.companyPage table td{
		font-size: calc( 28 * 100vw / 750 );
		line-height : calc( 42 / 28 );
		padding : calc( 20 * 100vw / 750 );
	}
	.companyPage table th{
		border-left : none;
		width : calc( 180 * 100vw / 750 );
		position : sticky;
		left : 0;
	}
	.companyPage table td{
		word-wrap: break-word;
	/*	width : calc( 710 * 100vw / 750 ); */
	}
	.companyPage table td:last-child{
		border-right : none;
	}
	.companyPage table td:nth-child(2) .pos{
		width : calc( 255 * 100vw / 750 );
	}
	.companyPage table td:nth-child(3) .pos{
		width : calc( 410 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.companyPage{
		padding-left: calc( 193 * 100% / 1366 );
		padding-right: calc( 193 * 100% / 1366 );
		padding-bottom: calc( 120 * 100% / 1366 );
	}
	.pageTitle{
		font-size: calc( 36 * 100vw / 1366 );
		padding-top : calc( 88 * 100vw / 1366 );
		padding-bottom : calc( 88 * 100vw / 1366 );
	}
	.companyPage table th,
	.companyPage table td{
		font-size: calc( 16 * 100vw / 1366 );
		line-height : calc( 24 / 16 );
		padding : calc( 16 * 100vw / 1366 ) calc( 20 * 100vw / 1366 );
	}
	.companyPage table th{
		width : calc( 138 * 100vw / 1366 );
	}
	.companyPage table td:nth-child(2) .pos{
		width : calc( 145 * 100vw / 1366 );
	}
	.companyPage table td:nth-child(3) .pos{
		width : calc( 235 * 100vw / 1366 );
	}
}

.companyPage .tblWrap .recruit {
	display: flex;
}
.companyPage .tblWrap .btn {
  background-color: #ffd800;
  background-image: url(/ren1909/images/ui/icon/arrow_gray.png);
  background-repeat: no-repeat;
  background-position-y: center;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity .3s ease-in;
	text-decoration: none;
}
@media print,screen and (max-width: 768px){
	.companyPage .tblWrap .recruit {
		flex-wrap: wrap;
	}
	.companyPage .tblWrap .btn {
		background-size: calc( 19 * 100vw / 750 ) calc( 30 * 100vw / 750 );
		background-position-x: calc( 541 * 100vw / 750 );
		margin: auto;
		margin-top: calc( 35 * 100vw / 750 );
		font-size: calc( 40 * 100vw / 750 );
		width: calc( 590 * 100vw / 750 );
		height: calc( 90 * 100vw / 750 );
		border-radius: calc( 45 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px) {
	.companyPage .tblWrap .btn {
		background-position-x: calc( 212 * 100vw / 1366 );
		font-size: calc( 24 * 100vw / 1366 );
		width: calc( 250 * 100vw / 1366 );
		height: calc( 70 * 100vw / 1366 );
		border-radius: calc( 35 * 100vw / 1366 );
		margin-right: 1em;
	}
}