@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

/* =======================================

	CommonElements

======================================= */
body {
	min-width: 1280px;
	height: 100%;
	font-size: 1.0rem;
	line-height: 1.8;
	text-align: left;
	color: #666;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, YuGothicM, '游ゴシック', 'Yu Gothic',  'メイリオ', Meiryo, sans-serif;
	word-wrap : break-word;
	overflow-wrap : break-word;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}
a:link { text-decoration:none; color: #666;}
a:visited { text-decoration:none; color: #666;}
a:active { text-decoration:none; color: #666;}
a:hover { text-decoration:none; color: #666;}

@font-face {
  font-family: 'recruiting_plus';
  src:
    url('/2027/css/admin/fonts/recruiting_plus.ttf?dm5v39') format('truetype'),
    url('/2027/css/admin/fonts/recruiting_plus.woff?dm5v39') format('woff'),
    url('/2027/css/admin/fonts/recruiting_plus.svg?dm5v39#recruiting_plus') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-reaction_check:before {
  content: "\e912";
}
.icon-reaction_check2:before {
  content: "\e943";
}
.icon-reaction_like:before {
  content: "\e944";
}
.icon-reaction_like2:before {
  content: "\e945";
}
.icon-reaction_smile:before {
  content: "\e946";
}
.icon-reaction_smile2:before {
  content: "\e947";
}
.icon-plan:before {
  content: "\e900";
}
.icon-setting:before {
  content: "\e901";
}
.icon-arrow_down:before {
  content: "\e902";
}
.icon-arrow_top:before {
  content: "\e903";
}
.icon-applicant:before {
  content: "\e904";
}
.icon-appeal:before {
  content: "\e905";
}
.icon-article:before {
  content: "\e906";
}
.icon-dashboard:before {
  content: "\e907";
}
.icon-company_admin:before {
  content: "\e908";
}
.icon-exclam:before {
  content: "\e909";
}
.icon-arrow:before {
  content: "\e90a";
}
.icon-login:before {
  content: "\e90b";
}
.icon-visible:before {
  content: "\e90c";
}
.icon-caution:before {
  content: "\e90d";
}
.icon-help:before {
  content: "\e90e";
}
.icon-company:before {
  content: "\e90f";
}
.icon-admin:before {
  content: "\e910";
}
.icon-contact:before {
  content: "\e911";
}
.icon-gallery:before {
  content: "\e913";
}
.icon-phase:before {
  content: "\e914";
}
.icon-arrow2:before {
  content: "\e915";
}
.icon-mail:before {
  content: "\e916";
}
.icon-check:before {
  content: "\e917";
}
.icon-validated:before {
  content: "\e918";
}
.icon-qr:before {
  content: "\e919";
}
.icon-home:before {
  content: "\e91a";
}
.icon-humberger:before {
  content: "\e91b";
}
.icon-add:before {
  content: "\e91c";
}
.icon-uniE91D:before {
  content: "\e91d";
}
.icon-star:before {
  content: "\e91e";
}
.icon-search:before {
  content: "\e91f";
}
.icon-uniE920:before {
  content: "\e920";
}
.icon-logout:before {
  content: "\e921";
}
.icon-edit:before {
  content: "\e922";
}
.icon-invoice:before {
  content: "\e923";
}
.icon-batsu:before {
  content: "\e924";
}
.icon-card:before {
  content: "\e925";
}
.icon-circle:before {
  content: "\e926";
}
.icon-dots:before {
  content: "\e927";
}
.icon-rhombus:before {
  content: "\e928";
}
.icon-triangle:before {
  content: "\e929";
}
.icon-hidden:before {
  content: "\e92a";
}
.icon-category:before {
  content: "\e92b";
}
.icon-group:before {
  content: "\e92c";
}
.icon-message:before {
  content: "\e92d";
}
.icon-message_line:before {
  content: "\e92e";
}
.icon-candidate:before {
  content: "\e92f";
}
.icon-square_box:before {
  content: "\e930";
}
.icon-dbl_circle:before {
  content: "\e931";
}
.icon-activity:before {
  content: "\e932";
}
.icon-reload:before {
  content: "\e933";
}
.icon-ico_kv:before {
  content: "\e934";
}
.icon-ico_page:before {
  content: "\e935";
}
.icon-ico_rec:before {
  content: "\e936";
}
.icon-access:before {
  content: "\e937";
}
.icon-statistics:before {
  content: "\e938";
}
.icon-access_r:before {
  content: "\e939";
}
.icon-bell:before {
  content: "\e93a";
}
.icon-defeat:before {
  content: "\e93b";
}
.icon-questionnaire:before {
  content: "\e93c";
}
.icon-activity_check:before {
  content: "\e93d";
}
.icon-movie_square:before {
  content: "\e93e";
}
.icon-snap_square:before {
  content: "\e93f";
}
.icon-edit_square:before {
  content: "\e940";
}
.icon-open_check:before {
  content: "\e941";
}
.icon-open_exclamation:before {
  content: "\e942";
}


@media only screen and (max-width: 1280px){
	html,
	body {
		min-width: auto;
		min-width: none;
		min-width: initial;
	}
}

@media only screen and (max-width: 1000px){
	html {
		min-width: 1000px;
	}
}

@media only screen and (max-width: 768px){
html,
body {
	min-width: auto;
	min-width: none;
	min-width: initial;
}
}

@media only screen and (max-width: 320px) {
	body {
		min-width: 320px;
	}
}

/* ------------------------------------
	common parts
------------------------------------ */
.br_pc {display: block; font-size: 0 !important;}
.br_sp {display: none !important;}
.display_pc {display: block !important;}
.display_sp {display: none !important;}
.align_r {text-align: right !important;}
.align_c {text-align: center !important;}
.align_l {text-align: left !important;}
.v_align_t {vertical-align: top !important;}
.v_align_m {vertical-align: middle !important;}
.v_align_b {vertical-align: bottom !important;}
.font_b {font-weight: bold !important;}
.font_n {font-weight: normal !important;}

.main_color {color: #0FADC9;}

.indent {
	text-indent: -1.5rem;
	padding: 0 0 0 1.5rem;
	display: inline-block;
}
.no_br {
	white-space: nowrap;
	display: inline-block;
}
a.basic_link {
	color: #BFB59A;
	text-decoration: underline;
}
.no_icon:before {content: none !important;}
.no_border {border: none !important;}
.no_border_t {border-top: none !important;}
.no_border_b {border-bottom: none !important;}
span.tel a {color: #222;}

.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}

/* PC hover */
@media only screen and (min-width: 768px){
	.disable:hover {
		opacity: 1 !important;
		cursor: default;
	}
}

@media only screen and (max-width: 768px) {
	.br_pc {display: none !important;}
	.br_sp {display: block !important; font-size: 0 !important;}
	.display_pc {display: none !important;}
	.display_sp {display: block !important;}
}

/* ------------------------------------
	btn
------------------------------------ */
.btn_area.mt_large {
	margin: 65px auto 0;
}
a.basic_btn,
button.basic_btn {
	min-width: 240px;
	padding: 13px 30px;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #FFF;
	background: #0FADC9;
	border-radius: 25px;
	border: 1px solid #0FADC9;
}
.basic_btn span {
	padding: 0 0 0 23px;
	position: relative;
	vertical-align: middle;
}
.basic_btn span:before {
	font-family: 'recruiting_plus';
	font-size: 1.3rem;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.basic_btn span.icon_login:before {
	content: "\e90b";
}
.basic_btn span.icon_mail:before {
	content: "\e916";
	font-size: 1.1rem;
}
a.basic_btn.type_border,
button.basic_btn.type_border {
	color: #0FADC9;
	background: #FFF;
}

.btn_pgbk {
	font-size: 1.2rem;
	top: 93px;
	left: 50%;
	position: fixed;
	-webkit-transform: translateX(-520px);
	transform: translateX(-520px);
}
.btn_pgbk a {
	color: #FFF;
}
.btn_pgbk a:before {
	content: "";
	width: 36px;
	height: 36px;
	position: absolute;
	top: -45px;
	right: 0;
	display: block;
	border-radius: 50%;
	background: rgba(255,255,255,0.95);
}
.btn_pgbk a:after {
	margin: 0 5px 0 0;
	content: "\e90a";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	vertical-align: middle;
	color: #0FADC9;
	position: absolute;
	top: -36px;
	right: 0;
	-webkit-transform: rotate(180deg)scale(0.7);
	transform: rotate(180deg)scale(0.7);
}
.basic_btn .no_icon {
	padding: 0;
}
a.delete_btn,
button.delete_btn {
	min-width: 240px;
	padding: 13px 30px;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #C92700;
	background: #FFE8E6;
	border-radius: 25px;
	border: 1px solid #FFD9D6;
}

.sub_pgbk {
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.sub_pgbk a {
	color: #0FADC9;
	margin-left: 50px;
	display: block;
}
.sub_pgbk a:before {
	content: "";
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: #0FADC9;
	margin-left: -70px;
}
.sub_pgbk a:after {
	margin: 0 5px 0 0;
	content: "\e90a";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	vertical-align: middle;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%)rotate(180deg)scale(0.7);
	transform: translate(-50%,-50%)rotate(180deg)scale(0.7);
	margin-left: -70px;
}

@media only screen and (max-width: 1000px) {
	.btn_pgbk {
		left: 5px;
		position: fixed;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@media only screen and (max-width: 768px) {
	.btn_pgbk {
		width: 100%;
		height: 60px;
		display: block;
		font-size: 1.2rem;
		color: #FFF;
		text-align: right;
		top: 0;
		left: 0%;
		position: fixed;
		z-index: 10;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		background:rgba(0, 106, 175, .83);
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(0, 106, 175, .83)),to(rgba(106, 223, 227, .83)));
		background: linear-gradient(to right,  rgba(0, 106, 175, .83) 0%,rgba(106, 223, 227, .83) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 106, 175, .8)', endColorstr='rgba(106, 223, 227, .83)',GradientType=1 );
	}
	.btn_pgbk a {
		padding: 20px 5% 0 0;
		display: inline-block;
		position: relative;
	}
	.btn_pgbk a:before {
		content: "";
		width: 28px;
		height: 28px;
		position: absolute;
		top: 17px;
		right: auto;
		left: -40px;
		display: block;
		border-radius: 50%;
		background: rgba(255,255,255,0.95);
	}
	.btn_pgbk a:after {
		margin: 0 5px 0 0;
		content: "\e90a";
		font-family: 'recruiting_plus';
		font-size: 1rem;
		vertical-align: middle;
		color: #0FADC9;
		position: absolute;
		top: 22px;
		right: auto;
		left: -39px;
		-webkit-transform: rotate(180deg)scale(0.6);
		transform: rotate(180deg)scale(0.6);
	}
}

/* ------------------------------------
	icon
------------------------------------ */
a.icon_arrow:after {
	margin: 0 0 0 5px;
	content: "\e90a";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	color: #0FADC9;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
a.icon_back:before {
	margin: 0 5px 0 0;
	content: "\e90a";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	color: #0FADC9;
	-webkit-transform: scale(0.7) rotate(180deg);
	transform: scale(0.7) rotate(180deg);
}
.icon_help {
	padding: 0 0 0 25px;
	font-size: 1.2rem;
	position: relative;
}
.icon_help:before {
	content: "\e90e";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #A7A7A7;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon_mail:before {
	font-family: 'recruiting_plus';
	content: "\e916";
}
.icon_phase {
	padding: 0 0 0 15px;
	font-size: 1.3rem;
	color: #6E6E6E;
	position: relative;
}
.icon_phase:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon_phase.color0:before {background: #FFF; border: 1px solid #BEBEBE; border-radius: 50%;}
.icon_phase.color1:before {background: #E8307E; border: 1px solid #E8307E; border-radius: 50%;}
.icon_phase.color2:before {background: #1abc9c; border: 1px solid #1abc9c; border-radius: 50%;}
.icon_phase.color3:before {background: #FDFD15; border: 1px solid #FDFD15; border-radius: 50%;}
.icon_phase.color4:before {background: #3498db; border: 1px solid #3498db; border-radius: 50%;}
.icon_phase.color5:before {background: #ab79bf; border: 1px solid #ab79bf; border-radius: 50%;}
.icon_phase.color6:before {background: #34495e; border: 1px solid #34495e; border-radius: 50%;}
.icon_phase.color7:before {background: #ecf0f1; border: 1px solid #ecf0f1; border-radius: 50%;}
.icon_phase.color8:before {background: #d7ac00; border: 1px solid #d7ac00; border-radius: 50%;}
.icon_phase.color9:before {background: #880501; border: 1px solid #880501; border-radius: 50%;}
.icon_phase.color10:before {background: #95a5a6; border: 1px solid #95a5a6; border-radius: 50%;}
.icon_phase.color11:before {background: #F77479; border: 1px solid #F77479; border-radius: 50%;}
.icon_phase.color12:before {background: #FFECD1; border: 1px solid #FFECD1; border-radius: 50%;}
.icon_phase.color13:before {background: #FFFDAB; border: 1px solid #FFFDAB; border-radius: 50%;}
.icon_phase.color14:before {background: #F15BA6; border: 1px solid #F15BA6; border-radius: 50%;}
.icon_phase.color15:before {background: #E777FF; border: 1px solid #E777FF; border-radius: 50%;}
.icon_phase.color16:before {background: #8A3BC0; border: 1px solid #8A3BC0; border-radius: 50%;}
.icon_phase.color17:before {background: #8FDBF9; border: 1px solid #8FDBF9; border-radius: 50%;}
.icon_phase.color18:before {background: #F8C294; border: 1px solid #F8C294; border-radius: 50%;}
.icon_phase.color19:before {background: #BF7757; border: 1px solid #BF7757; border-radius: 50%;}
.icon_phase.color20:before {background: #0FA1D0; border: 1px solid #0FA1D0; border-radius: 50%;}
.icon_phase.color21:before {background: #0F7672; border: 1px solid #0F7672; border-radius: 50%;}
.icon_phase.color22:before {background: #B5A87E; border: 1px solid #B5A87E; border-radius: 50%;}
.icon_phase.color23:before {background: #71CFBD; border: 1px solid #71CFBD; border-radius: 50%;}
.icon_phase.color24:before {background: #DFDEB3; border: 1px solid #DFDEB3; border-radius: 50%;}
.icon_phase.color25:before {background: #82d78e; border: 1px solid #82d78e; border-radius: 50%;}
.icon_phase.color26:before {background: #e74c3c; border: 1px solid #e74c3c; border-radius: 50%;}
.icon_phase.color27:before {background: #FE8D7D; border: 1px solid #FE8D7D; border-radius: 50%;}
.icon_phase.color28:before {background: #172A69; border: 1px solid #172A69; border-radius: 50%;}
.icon_phase.color29:before {background: #FF7B00; border: 1px solid #FF7B00; border-radius: 50%;}
.icon_phase.color30:before {background: #2B5090; border: 1px solid #2B5090; border-radius: 50%;}
.icon_phase.color31:before {background: #F4C2D7; border: 1px solid #F4C2D7; border-radius: 50%;}
.icon_phase.color32:before {background: #B9D6F3; border: 1px solid #B9D6F3; border-radius: 50%;}
.icon_phase.color33:before {background: #18A8BB; border: 1px solid #18A8BB; border-radius: 50%;}
.icon_phase.color34:before {background: #FF5B47; border: 1px solid #FF5B47; border-radius: 50%;}
.icon_phase.color35:before {background: #3771A1; border: 1px solid #3771A1; border-radius: 50%;}
.icon_phase.color36:before {background: #F2C6C0; border: 1px solid #F2C6C0; border-radius: 50%;}
.icon_phase.color37:before {background: #FAF1F1; border: 1px solid #FAF1F1; border-radius: 50%;}
.icon_phase.color38:before {background: #e67e22; border: 1px solid #e67e22; border-radius: 50%;}
.icon_phase.color39:before {background: #603d3d; border: 1px solid #603d3d; border-radius: 50%;}
.icon_phase.color40:before {background: #6FFFE9; border: 1px solid #6FFFE9; border-radius: 50%;}
.icon_phase.color41:before {background: #A2F821; border: 1px solid #A2F821; border-radius: 50%;}
.icon_phase.color42:before {background: #FF008E; border: 1px solid #FF008E; border-radius: 50%;}
.icon_phase.color43:before {background: #06A51D; border: 1px solid #06A51D; border-radius: 50%;}
.icon_phase.color44:before {background: #0941E9; border: 1px solid #0941E9; border-radius: 50%;}
.icon_phase.color45:before {background: #FBC968; border: 1px solid #FBC968; border-radius: 50%;}
.icon_phase.color46:before {background: #FBE960; border: 1px solid #FBE960; border-radius: 50%;}
.icon_phase.color47:before {background: #C05095; border: 1px solid #C05095; border-radius: 50%;}
.icon_phase.color48:before {background: #FE0002; border: 1px solid #FE0002; border-radius: 50%;}
.icon_phase.color49:before {background: #DFFCAD; border: 1px solid #DFFCAD; border-radius: 50%;}
.icon_phase.color50:before {background: #84ACE1; border: 1px solid #84ACE1; border-radius: 50%;}

/* ------------------------------------
	fit img
------------------------------------ */
.fit_img img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.fit_img.land img {
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fit_img.port img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ------------------------------------------------------

	dashborad

------------------------------------------------------ */
/* ------------------------------------
	layout
------------------------------------ */
#container {
	min-height: 100%;
	overflow: hidden;
	background: #EDF3F7;
}
main {
	width: calc(100% - 245px);
	height: 100%;
	float: right;
	background: #EDF3F7;
	order: 2;
}
.hg_flexible main {
	height: 100%!important;
}
#wrapper {
	min-width: 1280px;
	min-height: 100%;
	padding: 66px 0 0 0;
}

@media only screen and (max-width: 1280px){
	#wrapper {
		min-width: none;
		min-width: auto;
		min-width: initial;
	}
}

@media only screen and (max-width: 768px){
	main {
		width: 100%;
		float: none;
	}
	#wrapper {
		min-width: none;
		min-width: auto;
		min-width: initial;
		width: 100%;
		padding: 60px 0 0 0;
	}
}

/* ------------------------------------
	header
------------------------------------ */
header {
	min-width: 1280px;
	width: 100%;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	color: #6E6E6E;
	border-bottom: 1px solid #EFEFEF;
	background: #FFF;
}
header h1 {
	width: 245px;
	height: 66px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	background: #FFF;
	-webkit-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.1);
	 box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.1);
}
header h1 a {
	padding: 17px 0;
	display: block;
}
header h1 img  {
	width: 150px;
	margin: 0 auto;
	display: block;
}
header .admin_status {
	width: calc(100% - 245px);
	height: 66px;
	float: right;
}
header .terms  {
	padding: 22px 0;
	display: inline-block;
	position: relative;
}
header .terms a {
	margin: 0 0 0 39px;
	padding: 0 30px 0 0;
	display: inline-block;
	font-size: 1.2rem;
}
header .preview_btn {
	padding: 6px 25px 6px 15px;
	line-height: 1.4;
	font-size: 1.2rem;
	color: #FFF;
	display: inline-block;
	background: #0FADC9;
	border-radius: 3px;
	position: absolute;
	top: 20px;
	right: 400px;
}
header .preview_btn:before {
	content: "\e902";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	position: absolute;
	right: 3px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(270deg) scale(0.6);
	transform: translateY(-50%) rotate(270deg) scale(0.6);
	transition: all 0.3s ease-out;
}
header .admin_status .label {
	padding: 0 11px;
	line-height: 1.4;
	font-size: 1.2rem;
	color: #FFF;
	display: inline-block;
	background: #7C7C7C;
	border-radius: 3px;
}
.admin_status .label.lbl_free {
	background: #0FADC9;
}
.admin_status .label.lbl_bronze {
	background: #D68A48;
}
.admin_status .label.lbl_silver {
	background: #527391;
}
.admin_status .label.lbl_gold {
	background: #F2C100;
}

/* IE */
@media all and (-ms-high-contrast:none){
	header .admin_status .label {
		padding: 3px 11px 0;
	}
}
header .admin_status .terms .label {
	margin: 0 9px 0 0;
}
header .admin_status .terms .expire {
	color: #000;
}
header .admin_status > ul {
	float: right;
}
header .admin_status > ul > li {
	height: 66px;
	line-height: 66px;
	float: left;
	padding: 0 20px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}
header .admin_status > ul > li:before {
	content: "";
	width: 1px;
	height: 14px;
	border-right: 1px solid #e2e2e2;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header .admin_status .manual a {
	vertical-align: middle;
	font-size: 1.2rem;
}
header .admin_status .manual a:before {
	margin: 0 7px 0 0;
	content: "\e90e";
	font-family: 'recruiting_plus';
	color: #A7A7A7;
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: middle
}
header .admin_status .message a:before {
	content: "\e916";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	display: inline-block;
}
header .admin_status .company .label {
	margin: 0 13px 0 0;
}
header .admin_status .company > .company_btn {
	display: inline-block;
	vertical-align: middle;
	padding: 0 22px 0 0;
	cursor: pointer;
	position: relative;
}
header .admin_status .company > .company_btn:before {
	content: "\e902";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(0.6);
	transform: translateY(-50%) scale(0.6);
	transition: all 0.3s ease-out;
}
header .admin_status .company .company_btn figure {
	width: 35px;
	height: 35px;
	overflow: hidden;
	border-radius: 50%;
	box-sizing: content-box;
	position: relative;
	border: 2px solid #E2E2E2;
	transition: all 0.3s ease-out;
}
header .admin_status .company .company_btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* active */
header .admin_status .company.active > .company_btn:before {
	color: #0FADC9;
	-webkit-transform: translateY(-50%) scale(0.6) rotateX(180deg);
	transform: translateY(-50%) scale(0.6) rotateX(180deg);
}
header .admin_status .company .company_btn:hover figure,
header .admin_status .company.active .company_btn figure {
	border: 2px solid #0FADC9;
}
header .admin_status .company_menu {
	opacity: 0;
	visibility: hidden;
	width: 174px;
	position: absolute;
	top: 54px;
	right: 10px;
	z-index: 2;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0 3px 20px rgba(0,0,0,0.34);
}
header .admin_status .company_menu:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 6px solid #FFF;
	border-left: 8px solid transparent;
	position: absolute;
	top: -15px;
	right: 42px;
}
header .admin_status .company_menu li {
	border-bottom: 1px solid #E2E2E2;
	background: #F4F4F4;
}
header .admin_status .company_menu li:first-child {
	line-height: 1.0;
	background: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	padding: 15px;
}
header .admin_status .company_menu figure {
	text-align: center;
}
header .admin_status .company_menu img {
	margin-bottom: 15px;
	max-width: 144px;
}
header .admin_status .company_menu li a {
	padding: 12px 10px 12px 55px;
	font-size: 1.3rem;
	font-weight: 500;
	display: block;
	color: #5D5F6F;
	line-height: normal;
	position: relative;
}
header .admin_status .company_menu li a:before {
	content: "\e902";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #0FADC9;
	position: absolute;
	left: 28px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header .admin_status .company_menu li.setting a:before {content: "\e90f";}
header .admin_status .company_menu li.logout a:before {content: "\e921";}

@media only screen and (max-width: 1280px){
	header {
		min-width: auto;
		min-width: none;
		min-width: initial;
	}
	header h1 {
		z-index: 11;
	}
}

@media only screen and (max-width: 1150px){
header .terms {
	padding: 14px 0;
}
header .admin_status .terms .label {
	width: 60px;
	text-align: center;
	display: block;
}
header .admin_status > ul > li {
	padding: 0 15px;
}
header .preview_btn {
	right: 365px;
}
}

@media only screen and (max-width: 768px){
	header {
		min-width: auto;
		min-width: none;
		min-width: initial;
		width: 100%;
		height: 60px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		-webkit-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.1);
		box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.1);
	}
	header h1 {
		width: 100px;
		height: 60px;
		margin: 0 auto;
		position: static;
		box-shadow: none;
		background: transparent;
	}
	header h1 img  {
		width: 130px;
	}
	header .admin_status .preview_btn {
		display: none;
	}
	header .admin_status {
		height: auto;
	}
	header .admin_status .terms,
	header .admin_status .manual,
	header .admin_status .message {
		display: none;
	}
	header .admin_status .company {
		height: 60px;
		line-height: 60px;
		float: none;
		position: absolute;
		top: 0;
		right: 5%;
		padding: 0;
	}
	header .admin_status .company .label {
		display: none;
	}
	header .admin_status .company .company_btn {
		padding: 0;
	}
	header .admin_status .company .company_btn:before {
		display: none;
	}
	header .admin_status .company_menu {
		right: -10px;
	}
	header .admin_status .company_menu:before {
		right: 22px;
	}
}

/* ------------------------------------
	SP Menu Button
------------------------------------ */
.sp_menu {
	display: none;
}

@media only screen and (max-width: 768px){
	.sp_menu {
		display: block;
		width: 60px;
		height: 60px;
		cursor: pointer;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 11;
		transition: all 0.15s linear;
		background: #1D5B83;
	}
	.sp_menuBox {
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.sp_menuinner {
		display: block;
		top: 7px;
		left: 50%;
		margin-top: 0;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%, -50%);
	}
	.sp_menuinner,
	.sp_menuinner:before,
	.sp_menuinner:after {
		width: 20px;
		height: 3px;
		background-color: #FFF;
		position: absolute;
		transition: all 0.15s ease;
	}
	.sp_menuinner:before,
	.sp_menuinner:after {
		content: "";
		display: block;
	}
	.sp_menuinner:before {
		width: 15px;
		top: 8px;
		transition: all 0.15s ease;
	}
	.sp_menuinner:after {
		width: 10px;
		top: 16px;
		bottom: -10px;
	}
}

/* ------------------------------------
	aside
------------------------------------ */
.sub {
	width: 245px;
	height: 100%;
	float: left;
	padding: 30px 0;
	margin-bottom: -32768px;
	padding-bottom: 32768px;
	color: #FFF;
	background: #1D5B83;
	-webkit-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.1);
	box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.1);
	order: 1;
	position: relative;
	z-index: 12;
}
.sub nav {
	padding: 0 0 60px;
	background: #1D5B83;
}
.sub a {
	color: #FFF;
}
.sub .dashboard a {
	display: block;
	padding: 0 19px 0 25px;
	font-size: 1.6rem;
	position: relative;
}
.sub .dashboard a:before {
	margin: 0 10px 0 0;
	content: "\e907";
	font-family: 'recruiting_plus';
	font-size: 2rem;
}
.sub .active a {
	color: #45F8FF;
}
.sub .active a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 4px;
	height: 30px;
	display: block;
	background: #45F8FF;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sub dl {
	margin: 0 0 20px;
}
.sub dl:first-of-type {
	margin: 35px 0 20px;
}
.sub dt {
	margin: 0 20px 0 25px;
	padding: 0 0 3px;
	font-size: 1.2rem;
	border-bottom: 1px solid #7BBEE2;
}
.sub dd {
	margin: 0px 0px 40px;
}
.sub dd ul {
	margin: 20px 0 0 0;
	overflow: hidden;
}
.sub dd li {
	margin: 0 0 0 25px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.sub dd li:last-child {
	margin: 0 0 0 25px;
}
.sub dd li a {
	padding: 10px 20px 10px 40px;
	display: block;
	position: relative;
}
.sub dd li a:before {
	font-family: 'recruiting_plus';
	font-size: 2rem;
	color: #FFF;
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sub dd .applicant a:before {content: "\e904"; font-size: 2.2rem;}
.sub dd .appeal a:before {content: "\e905";}
.sub dd .group a:before {content: "\e92c"; font-size: 1.4rem;}
.sub dd .phase a:before {content: "\e914";}
.sub dd .decline a:before {content: "\e93b";}
.sub dd .message a:before {content: "\e92e";}
.sub dd .message a > span {
	font-size: 1.1rem;
	font-weight: 600;
	margin-left: 10px;
	background: #fff;
	padding: 4px 10px;
	color: #1D5B83;
	border-radius: 15px;
}
.sub dd .activity a:before {content: "\e931";}
.sub dd .article a:before {content: "\e906";}
.sub dd .category a:before {content: "\e92b"; font-size: 1.8rem;}
.sub dd .template a:before {content: "\ea72"; font-size: 1.8rem;}
.sub dd .snap a:before {content: "\e913";}
.sub dd .admin a:before {content: "\e910";}
.sub dd .company a:before {content: "\e90f";}
.sub dd .qr a:before {content: "\e919";}
.sub dd .result_notification a:before {content: "\e93a";}
.sub dd .plan a:before {content: "\e900"; font-size: 1.7rem;}
.sub dd li.active a:before {
	color: #45F8FF;
}
.sub dd .site_key_visual a:before {content: "\e934"; font-size: 1.6rem; left: 0;}
.sub dd .fixed_page a:before {content: "\e935";}
.sub dd .employment_site a:before {content: "\e936";}
.sub dd .access a:before {content: "\e937";}
.sub dd .statistics a:before {content: "\e938";}
.other_menu {
	margin: 45px 0 0 0;
}
.other_menu li {
	margin: 0 0 0 25px;
}
.other_menu li a {
	padding: 3px 20px 3px 20px;
	font-size: 1.2rem;
	display: block;
	position: relative;
}
.other_menu li a:before {
	content: "";
	width: 4px;
	height: 4px;
	display: block;
	background: #7BBEE2;
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.other_menu li.active a:after {
	height: 20px;
}
.sub .admin_status {
	display: none;
}

@media only screen and (max-width: 1280px){
	.sub {
		z-index: 11;
	}
}

@media only screen and (max-width: 768px){
	.bg_layer {
		width: 100vw;
		height: 100vh;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
	}
	.sub {
		width: 320px;
		padding: 0 0 30px;
		float: none;
		position: fixed;
		top: 0;
		left: -340px;
		z-index: 11;
		box-shadow: 3px 1px 14px rgba(0, 0, 0, 0.3);
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	.sub nav {
		padding: 0 0 30px;
	}
	.sub.active .admin_status {
		display: block;
	}
	.sub .admin_status {
		background: #FFF;
	}
	.sub .terms {
		margin: 0 0 0 7%;
		padding: 20px 0;
		font-size: 1.2rem;
		color: #6E6E6E;
		display: inline-block;
		position: relative;
	}
	.sub .terms a {
		color: #000
	}
	.sub .admin_status .label {
		padding: 0 11px;
		line-height: 1.4;
		color: #FFF;
		display: inline-block;
		border-radius: 3px;
	}
	.sub .admin_status .terms .label {
		margin: 0 9px 0 0;
	}
	.sub .admin_status .terms .expire {
		color: #000;
	}
	.sub .admin_status .preview_btn {
		display: block;
		font-size: 1.2rem;
		text-align: center;
		position: relative;
		padding: 10px;
		color: #FFF;
		background: #0FADC9;
		border-top: 1px solid #E2E2E2;
	}
	.sub .admin_status .preview_btn:before {
		content: "\e902";
		font-family: 'recruiting_plus';
		font-size: 1rem;
		position: absolute;
		right: 95px;
		top: 50%;
		color: #FFF;
		-webkit-transform: translateY(-50%) rotate(270deg) scale(0.6);
		transform: translateY(-50%) rotate(270deg) scale(0.6);
		transition: all 0.3s ease-out;
	}
	.sub .admin_status > ul {
		overflow: hidden;
		border-top: 1px solid #E2E2E2;
	}
	.sub .admin_status > ul > li {
		width: 50%;
		height: 66px;
		text-align: center;
		float: left;
		display: inline-block;
		vertical-align: middle;
		position: relative
	}
	.sub .admin_status > ul > li a {
		height: 66px;
		display: block;
		padding: 35px 20px 0;
		color: #6E6E6E;
	}
	.sub .admin_status > ul > li:before {
		content: "";
		width: 1px;
		height: 47px;
		border-right: 1px solid #e2e2e2;
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.sub .admin_status > ul > li:last-child:before {
		content: none;
	}
	.sub .admin_status .manual a {
		vertical-align: middle;
		font-size: 1.2rem;
	}
	.sub .admin_status .manual a:before {
		margin: 0 7px 0 0;
		content: "\e90e";
		font-family: 'recruiting_plus';
		color: #A7A7A7;
		font-size: 1.7rem;
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 21px;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.sub .admin_status .message a {
		vertical-align: middle;
		font-size: 1.2rem;
	}
	.sub .admin_status .message a:before {
		content: "\e916";
		font-family: 'recruiting_plus';
		font-size: 1.4rem;
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 23px;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.sub .dashboard {
		padding: 36px 0 0;
	}
}

/* ------------------------------------
	footer
------------------------------------ */
footer {
	width: 100%;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 1.1rem;
	position: relative;
	background: #FFF;

}
footer small {
	padding: 40px 0;
	display: block;
	background: #FFF;
}

@media only screen and (max-width: 768px){
	footer {
		padding: 0 0 30px;
		background: #2e9dc6;
		background: -webkit-gradient(linear,  left top, right top,  from(#2e9dc6),to(#5dd1dd));
		background: linear-gradient(to right,  #2e9dc6 0%,#5dd1dd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9dc6', endColorstr='#5dd1dd',GradientType=1 );
	}
	.short_width footer {
		padding: 0;
	}
	.short_width.no_pgbk footer {
		padding: 0 0 30px;
		background: transparent;
	}
}

/* ------------------------------------
	Froala Editor page cont
------------------------------------ */
.fr-element.fr-view p {
	margin: 0 16px 24px;
	font-size: 1.4rem;
	line-height: 2.2;
}
.fr-element.fr-view a {
	display: inline-block;
	color: #0FADC9;
	text-decoration: underline;
}
@media only screen and (min-width: 768px) {
	.fr-element.fr-view p {
		margin: 0 20px 24px;
	}
}

/* heading */
.fr-element.fr-view h3,
.fr-element.fr-view h3:not(:first-child) {
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: 2px solid #222222;
	padding-bottom: 18px;
	margin: 24px 16px;
}
.fr-element.fr-view h4 {
	font-size: 1.5rem;
	font-weight: bold;
	background: #F5F5F5;
	padding: 15px;
	margin: 24px 16px;
}
.fr-element.fr-view h5 {
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 10px;
	margin: 36px 16px 18px;
	border-left: 3px solid #ccc;
}
.fr-element.fr-view h6 {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 24px 16px;
}
@media only screen and (min-width: 768px) {
	.post_details h3,
	.post_details h4,
	.post_details h5,
	.post_details h6 {
		margin: 24px 20px;
	}
}

/* list */
.fr-element.fr-view .basic_ol {
	margin: 0 20px 30px;
	counter-reset:list-count;
}
.fr-element.fr-view .basic_ol ol {
	margin: 20px 0 0 0;
	counter-reset:list-count;
}
.fr-element.fr-view .basic_ol li {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	padding: 0px 0px 20px 30px;
	font-size: 1.4rem;
}
.fr-element.fr-view .basic_ol li:before {
	counter-increment:list-count;
	content: counter(list-count)"";
	background: #2D9CC6;
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px 13px 20px -32px;
	text-align: center;
	border-radius: 50%;
	color: #FFFFFF;
	line-height: 20px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, arial;
}
.fr-element.fr-view .basic_ol ol li:before {
	margin: 0px 13px 20px -32px;
	background: transparent;
	color: #222;
	content: "("counter(list-count)")";
}
.fr-element.fr-view .basic_ol ol ol li:before {
	margin: 3px 13px 20px -32px;
	content: counter(list-count)".";
}
.fr-element.fr-view .basic_ul {
	margin: 0 20px 30px;
}
.fr-element.fr-view .basic_ul ul {
	margin: 20px 0 0;
}
.fr-element.fr-view .basic_ul li {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	padding: 0px 0px 20px 30px;
	font-size: 1.4rem;
	position: relative;
}
.fr-element.fr-view .basic_ul li:before {
	content: "";
	width: 13px;
	height: 2px;
	border-top: 2px solid #ADADAD;
	position: absolute;
	top: 10px;
	left: 0;
}
.fr-element.fr-view .basic_ul ul li {
	padding: 0 0 30px 20px;
}
.fr-element.fr-view .basic_ul ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: none;
	position: absolute;
	top: 10px;
	left: 0;
	background: #03A1CC;
	border-radius: 50%;
}
.fr-element.fr-view .basic_ul ul ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: none;
	position: absolute;
	top: 10px;
	left: 0;
	background: #ADADAD;
	border-radius: 0;
	transform: rotate(45deg);
}

/* table */
.fr-element.fr-view .fr_tbl_wrap {
	margin: 0 16px 30px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.fr-element.fr-view table {
	/* width: 730px !important; */
	font-size: 1.4rem;
	border-top: 1px solid #E2E2E3;
	border-left: 1px solid #E2E2E3;
}
.fr-element.fr-view table td,
.fr-element.fr-view table th {
	border: none;
}
.fr-element.fr-view table td {
	padding: 15px;
	border-right: 1px solid #E2E2E3;
	border-bottom: 1px solid #E2E2E3;
}
@media only screen and (min-width: 768px) {
	.fr-element.fr-view .fr_tbl_wrap {
		margin: 0 20px 30px;
	}
}

/* responsive table */
@media only screen and (max-width: 768px) {
	.fr-element.fr-view .fr_rsp_tbl {
		overflow: hidden;
	}
	.fr-element.fr-view .fr_rsp_tbl table {
		width: 100% !important;
	}
	.fr-element.fr-view .fr_rsp_tbl table td {
		width: 100% !important;
		display: block;
	}
}

/* alternate rows table */
.fr-element.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
	background: whitesmoke;
}

/* img */
.fr-element.fr-view img {
	box-sizing: border-box;
}
.fr-element.fr-view .img_wrap {
	margin: 0 0 24px;
}
.fr-element.fr-view img.fr-full-width {
	width: 100% !important;
	margin: 0 0 30px;
	display: block;
}
.fr-element.fr-view .fr-img-caption.fr-full-width {
	width: 100% !important;
	margin: 0 0 30px;
	display: block;
}
.fr-element.fr-view img.fr-dii.fr-fil {
	max-width: calc(100% - 5px);
	margin: 0 20px 20px 0;
	float: left;
}
.fr-element.fr-view img.fr-dii.fr-fir {
	max-width: calc(100% - 5px);
	margin: 0 0 20px 20px;
	float: right;
}
@media only screen and (max-width: 768px) {
	.fr-element.fr-view img.fr-dii.fr-fil,
	.fr-element.fr-view img.fr-dii.fr-fir  {
		max-width: 50% !important;
	}
	.fr-element.fr-view .fr-img-caption.fr-fil,
	.fr-element.fr-view .fr-img-caption.fr-fir {
		max-width: 50% !important;
	}
}

/* caption img */
.fr-element.fr-view .fr-img-caption.fr-dii.fr-fil {
	margin: 0 20px 20px 0;
	display: inline-block;
	float: left;
}
.fr-element.fr-view .fr-img-caption.fr-dii.fr-fir {
	margin: 0 0 20px 20px;
	display: inline-block;
	float: right;
}
.fr-element.fr-view .fr-img-caption .fr-img-wrap {
	padding: 0;
	display: inline-block;
	margin: auto;
	text-align: center;
	width: 100%;
}
.fr-element.fr-view .fr-img-caption .fr-img-wrap img {
	display: block;
	margin: auto;
	width: 100%;
}
.fr-element.fr-view .fr-img-caption .fr-img-wrap > span {
	margin: auto;
	display: block;
	padding: 5px 5px 10px;
	font-size: 1.4rem;
	font-weight: initial;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	line-height: 1.5;
}

/* video */
.fr-element.fr-view .fr-video {
	width: 100%;
	display: block;
	text-align: center;
	border: 1px solid #E8E8E8;
}
.fr-element.fr-view .fr-video video {
	width: 100% !important;
	margin: 0 auto;
	display: block;
}

/* ------------------------------------
	Froala Editor custom
------------------------------------ */
.fr-sticky-on {
	top: 0 !important;
}
.fr-box.fr-basic .fr-element.fr-view {
	padding: 20px 0;
}
#formatOLOptions-1,
#formatULOptions-1 {
	display: none;
}
.fr-element.fr-view .fr-file:after {
	content: none;
}
/* .fr-help-modal table:first-child tbody tr:nth-child(1),
.fr-help-modal table:first-child tbody tr:nth-child(2) {
	font-weight: bold;
} */

@media only screen and (max-width: 768px){
	.fr-sticky-on {
		top: 60px !important;
	}
	.fr-toolbar * {
		font-size: 1.6rem !important;
	}
	.fr-box.fr-basic .fr-element {
		min-height: 300px !important;
		font-size: 1.6rem !important;
	}
	.fr-toolbar #videoByURL-1,
	.fr-toolbar #videoEmbed-1,
	.fr-toolbar #videoUpload-1 {
		display: none;
	}
}

/* ------------------------------------
	scroll-hint
------------------------------------ */
@keyframes scroll-hint-appear {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	50%,
	100% {
		transform: translateX(-40px);
		opacity: 0;
	}
}
.scroll-hint.is-right-scrollable {
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
	position: absolute;
	top: 65px;
	left: calc(50% - 60px);
	box-sizing: border-box;
	width: 120px;
	height: 90px;
	border-radius: 5px;
	transition: opacity .3s;
	opacity: 0;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	padding: 20px 10px 10px 10px;
	-webkit-transform: perspective(0);
}
.tr1 .scroll-hint-icon {
	top: 10px;
}
.scroll-hint-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	pointer-events: none;
}
.scroll-hint-text {
	font-size: 14px;
	color: #FFF;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	opacity: .8;
}
.scroll-hint-icon:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
	content: "";
	width: 34px;
	height: 14px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
	opacity: 0;
	transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
	opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	animation: scroll-hint-appear 1.2s linear;
	animation-iteration-count: 2;
}
.scroll-hint-icon-white {
	background-color: #FFF;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
	color: #000;
}

/* ------------------------------------
	Opacity Hover
------------------------------------ */
.basic_btn,
.icon_arrow,
.icon_help,
.pass_wrap .icon_area,
.remind_area .save label,
.remind,
.btn_pgbk a,
.btn_nosave a,
.admin_status a,
.company_btn,
.sub a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
	body:not(.tab_view) .basic_btn:hover,
	body:not(.tab_view) .icon_arrow:hover,
	body:not(.tab_view) .icon_help:hover,
	body:not(.tab_view) .pass_wrap .icon_area:hover,
	body:not(.tab_view) .remind_area .save label:hover,
	body:not(.tab_view) .remind:hover,
	body:not(.tab_view) .btn_pgbk a:hover,
	body:not(.tab_view) .btn_nosave a:hover,
	body:not(.tab_view) .admin_status a:hover,
	body:not(.tab_view) .company_btn:hover,
	body:not(.tab_view) .sub a:hover {
		opacity: 0.7;
	}
}

/* ------------------------------------
	ClearFixElements
------------------------------------ */
.cf:before,
.cf:after,
header:before,
header:after,
#wrapper:before,
#wrapper:after {
	content: " ";
	display: table;
}
.cf:after,
header:after,
#wrapper:after {
	clear: both;
}