/*--------------------------------
header
--------------------------------*/
header{
	background-color:#20B2D3;
	margin: 0px;
	overflow: hidden;
}

/*--------------------------------
body
--------------------------------*/
.main{}
/* CONTENT01 ******************/
.content1{
	padding-top:150px;
}
/* CONTENT02 ******************/
.borderBottom{border-bottom: 1px solid #ECECEC;}
.head{
	border-left:4px solid #20B2D3;
	background:#F6F8FB;
	display:flex;
	align-items:center;
	padding:1rem;
	width:20%;
	margin-right:2rem;
	font-weight:bold;
}
.head span{}
.body{
	padding:1rem 0;
	width:calc(80% - 2rem);
}
.body th{
	padding:.5rem 1rem .5rem 0;
	font-weight:normal;
}
.body th span{
	border:1px solid #CCCCCC;
	border-radius:50px;
	display:inline-block;
	padding:0 15px;
	width:100%;
	text-align:center;
}
.body td{}

/* LOW ******************/
.bgBlack{
	background:url("../images/bg.png")repeat top left;
}

/* CONTENT03 ******************/
.content3{
	padding-top:100px;
	padding-bottom:200px;
}
.recruitBtn{
	background:#20B2D3;
	border-radius:100px;
	box-shadow:0 20px 30px rgb(32 178 211/50%);
	color:#FFF;
	display:inline-block;
	font-weight:bold;
	width:100%;
	max-width:450px;
	text-decoration:none;
	padding:2rem;
	position:relative;
	transition:.5s;
}
.recruitBtn::before{
	background:url("../../images/newsarrow.png")no-repeat top center/100%;
	content:"";
	width:25px;
	height:25px;
	top:50%;
	right:7%;
	position:absolute;
	transition:.5s;
	transform:translate(0,-50%);
}
.recruitBtn:hover{
	background:#FFF;
	color:#20B2D3;
}
.recruitBtn:hover::before{
	right:4%;
}

/*--------------------------------
PARALUX
--------------------------------*/
.para01,.para02,.para03,.para04,.para05,
.para06,.para07,.para08,.para09,.para10,
.para11,.para12,.para13{
	position:absolute;
	z-index:5;
}
/* CONTENT01 ******************/
.para01{top:0;right:5%;max-width:311px;margin:auto;}
.para02{top:0;right:-9%;max-width:219px;margin:auto;}
/* CONTENT03 LEFT ******************/
.para03{top:0;left:-10%;max-width:212px;margin:auto;}
.para04{top:0;left:5%;max-width:148px;margin:auto;}
/* CONTENT03 RIGHT ******************/
.para05{top:0;right:18%;max-width:435px;margin:auto;}
.para06{top:0;right:5%;max-width:104px;margin:auto;}
.para07{top:0;right:-5%;max-width:122px;margin:auto;}

/*--------------------------------
media
--------------------------------*/

@media (max-width: 991px) {
	/** CONTENT2 **/
	.head{width:30%;margin-right:1rem;}
	.body{padding:0;width:calc(70% - 1rem);}
	.body td,.body th{width:100%;display:block;}
	.min{width:auto!important;min-width:145px;}
}
@media (max-width: 767px) {
	header{padding-top:2rem;}
	/** CONTENT1 **********************/
	.content1 .container{
		padding-left:0!important;
		padding-right:0!important;
	}
	/** CONTENT2 **********************/
	.content2 .d-flex li:first-child{padding-top:0!important;}
	/** Paralux ************************/
	.para01{width:50%;right:0;left:0;margin:auto;}
	.para02{width:30%;right:-12%;}
	/* CONTENT03 LEFT ******************/
	.para03{width:30%;left:-21%;}
	.para04{width:30%;}
	/* CONTENT03 RIGHT ******************/
	.para05{width:10%;right:14%;}
	.para06{width:35%;right:-5%;}
	.para07{display:none;}
}
@media (max-width: 575px) {
}