@charset "utf-8";
/* =======================================

	ContentsElements

======================================= */
/* ------------------------------------------------------

	short_width

------------------------------------------------------ */
/* ------------------------------------
	layout
------------------------------------ */
.short_width {
	min-width: auto;
	min-width: initial;
	background:rgba(0, 106, 175, .83);
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(0, 106, 175, .8)),to(rgba(106, 223, 227, .83)));
	background: linear-gradient(to right,  rgba(0, 106, 175, .8) 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 );
}
.short_width #container {
	height: 100%;
	overflow: visible;
	background: transparent;
}
.short_width .outer {
	width: 750px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	background: #FFF;
}
.short_width .outer_wide {
	width: 1080px;
	margin: 0 auto;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	background: #FFF;
}
.short_width #wrapper {
	width: 100%;
	min-width: none;
	min-width: auto;
	min-width: initial;
	height: auto;
	min-height: auto;
	min-height: none;
	min-height: initial;
	padding: 0;
	position: relative;
}
.short_width main {
	width: 100%;
	height: auto;
	float: none;
	background: #FFF;
}
.short_width h1 {
	width: 750px;
	margin: 0 auto;
	padding: 39px 0 0 44px;
}
.short_width h1 a {
	display: inline-block;
}
.short_width h1 img {
	width: 190px;
	vertical-align: bottom;
}
.short_width .outer_wide h1 {
	width: 1080px;
}

/*@media only screen and (max-width: 1280px){
	.short_width .outer_wide,
	.short_width .outer_wide h1 {
		width: 90%;
	}
}*/
@media only screen and (max-width: 1000px){
	.short_width {
		min-width: 1000px;
	}
}
@media only screen and (max-width: 768px){
	.short_width {
		min-width: auto;
		min-width: none;
		min-width: initial;
		width: 100%;
		padding: 60px 0 0;
		background: transparent;
	}
	.short_width.no_pgbk {
		padding: 30px 0 0;
		background:rgba(0, 106, 175, .83);
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(0, 106, 175, .8)),to(rgba(106, 223, 227, .83)));
		background: linear-gradient(to right,  rgba(0, 106, 175, .8) 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 );
	}
	.short_width .outer {
		width: auto;
	}
	.short_width h1 {
		width: 100%;
		padding: 44px 0 0 0;
		text-align: center;
	}
	.short_width .outer_wide,
	.short_width .outer_wide h1 {
		width: 90%;
	}
}

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

	form

------------------------------------------------------ */
.form_area {
	width: 400px;
	margin: 50px auto 0;
}
.form_area.type_long {
	width: 550px;
	margin: 50px auto 0;
}
.form_area.type_morelong {
	width: 950px;
	margin: 50px auto 0;
}
.form_area h2 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	color: #1D1E24;
	text-align: center;
	margin: 0 0 35px;
}
.form_area h2.type_mb {
	margin: 0 0 85px;
}
.form_area .error_ttl {
	margin: 0 0 25px;
	text-align: center;
}
.form_area .error_ttl .inner {
	padding: 5px 20px 5px 50px;
	font-size: 1.4rem;
	color: #FF3B00;
	display: inline-block;
	background: #FFEFEB;
	border-radius: 5px;
	position: relative;
}
.form_area .error_ttl .inner:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.form_area dt {
	margin: 10px 0 0;
	display: inline-block;
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: 500;
	color: #1D1E24;
	position: relative;
}
.form_area .optional,
.form_area .required {
	margin: 0 10px 0 6px;
	padding: 2px 7px;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: normal;
	color: #FFF;
	border-radius: 24px;
	background: #CCC;
}
.form_area .required {
	background: #FF4351;
}
.form_area dt small {
	font-size: 1.3rem;
	color: #6E6E6E;
	font-weight: normal;
}
.form_area dt .help {
	display: inline-block;
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	color: #6E6E6E;
	font-size: 1.3rem;
	position: relative;
}
.form_area dt .help:before {
	content: "\e90e";
	font-family: 'recruiting_plus';
	font-size: 1.4rem;
	color: #A7A7A7;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.form_area dd {
	margin: 0 0 20px;
}
.form_area dd > a {
	color: #0FADC9;
}
.form_area dd .note {
	margin: 10px 0 0 0;
	display: inline-block;
	font-size: 1.3rem;
	color: #6E6E6E;
}
.form_area .error dd .note {
	margin: 5px 0 0 0;
}
.form_area dd .input_wrap {
	/* display: block; */
	position: relative;
}

/* regist_plan */
.regist_plan {
	width: 390px;
	margin: 10px auto 0;
	display: table;
	border: 1px solid #E2E2E2;
}
.regist_plan .plan {
	width: 230px;
	height: 77px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.regist_plan.free .plan {
	background: url(/2027/img/admin/regist/free_confirm.png) no-repeat left center;
	background-size: 90% auto;
}
.regist_plan.bronze .plan {
	background: url(/2027/img/admin/regist/bronze_confirm.png) no-repeat left center;
	background-size: 90% auto;
}
.regist_plan.silver .plan {
	background: url(/2027/img/admin/regist/silver_confirm.png) no-repeat left center;
	background-size: 90% auto;
}
.regist_plan.gold .plan {
	background: url(/2027/img/admin/regist/gold_confirm.png) no-repeat left center;
	background-size: 90% auto;
}
.regist_plan .plan .ttl {
	margin-left: -30px;
	color: #FFF;
	line-height: 1.8;
	font-weight: 500;
	font-size: 1.4rem;
}
.regist_plan .plan .ttl span {
	padding: 0 0 0 25px;
	position: relative;
}
.regist_plan .plan .ttl span:before {
	content: "\e900";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.regist_plan .plan .regist_name {
	margin-left: -30px;
	line-height: 1.1;
	font-weight: 500;
	font-size: 3.2rem;
	font-family: 'Roboto', sans-serif;
}
.regist_plan.free .regist_name {color: #00647C;}
.regist_plan.bronze .regist_name {color: #953900;}
.regist_plan.silver .regist_name {color: #183B6A;}
.regist_plan.gold .regist_name {color: #A76D00;}

.regist_plan .price {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #1D1E24;
	letter-spacing: -1px;
	font-weight: 600;
	font-size: 2.7rem;
	font-family: 'Roboto', sans-serif;
}
.regist_plan .price small {
	font-size: 1.4rem;
}
.regist_plan .price small:last-child {
	font-size: 1.1rem;
	font-weight: normal;
}

@media only screen and (max-width: 768px){
	.regist_plan {
		width: 100%;
		overflow: hidden;
	}
	.regist_plan .plan {
		width: 105%;
		background-size: 100% auto !important;
		height: auto;
		padding: 10px 0;
		display: block;
	}
	.regist_plan .plan .ttl {
		font-size: 1.4rem;
		margin-left: -5%;
	}
	.regist_plan .plan .regist_name {
		font-size: 3.2rem;
		margin-left: -5%;
	}
	.regist_plan .price {
		padding: 15px 8%;
		display: block;
		position: relative;
	}
}

/* .select_plan */
.form_area .select_plan.error .error_msg {
	padding: 0 30px 0 0;
}
.form_area .select_plan.error .input_wrap:before {
	top: auto;
	bottom: -50px;
}
.select_plan .radio_wrap {
	margin: 0;
	padding: 5px;
	display: block;
	float: left;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}
.select_plan .radio_wrap:last-of-type {
	margin: 0;
}
.select_plan .radio_wrap.valid {
	background: #DBF3F7;
}
.select_plan .radio_wrap label {
	height: 100%;
	display: block;
}
.select_plan .radio_wrap label > span {
	padding: 15px 0 0 0;
}
.select_plan .radio_wrap i {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.select_plan ul {
	margin: 15px 0 0;
}
.select_plan .plan_cont {
	width: 87px;
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	background: #FFF;
	border-radius: 2px;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.p_color.free {color: #00647C; }
.p_color.bronze {color: #953900;}
.p_color.silver {color: #183B6A;}
.p_color.gold {color: #A76D00;}
.select_plan .plan_cont .figure {
	padding: 0;
	display: block;
	text-align: center;
	position: relative;
}
.select_plan .plan_cont .figure img {
	width: 100%;
	vertical-align: top;
}
.select_plan .plan_cont .figure span {
	padding: 0;
	font-size: 1.8rem;
	line-height: 1;
	display: block;
	position: absolute;
	top: 22px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.select_plan .plan_cont .figure .figcaption {
	padding: 10px 0;
	font-size: 1.6rem;
	font-weight: 600;
	color: #1D1E24;
	position: static;
	-webkit-transform: translate(0);
	transform: translate(0);
}
.select_plan .plan_cont .figure .figcaption small {
	font-size: 1.1rem;
}

@media only screen and (max-width: 1280px){
	.form_area.type_morelong {
		width: auto;
	}
}
@media only screen and (max-width: 768px){
	.select_plan .radio_wrap {
		width: 25%;
	}
	.select_plan .plan_cont {
		width: 100%;
	}
	.select_plan .plan_cont .figure .figcaption {
		font-size: 1.3rem;
	}
	.select_plan .plan_cont .figure span {
		font-size: 1.6rem;
		top: 22%;
	}
	.select_plan .plan_cont .figure .figcaption {
		padding: 15px 0;
	}
}

/* selected_plan */
.selected_plan {
	width: 510px;
	margin: 0 auto 50px;
	display: table;
	border: 1px solid #E2E2E2;
}
.selected_plan .plan {
	width: 295px;
	height: 110px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.selected_plan.free .plan {
	background: url(/2027/img/admin/regist/free_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.selected_plan.bronze .plan {
	background: url(/2027/img/admin/regist/bronze_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.selected_plan.silver .plan {
	background: url(/2027/img/admin/regist/silver_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.selected_plan.gold .plan {
	background: url(/2027/img/admin/regist/gold_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.selected_plan .plan .ttl {
	color: #FFF;
	line-height: 1.8;
	font-weight: 500;
	font-size: 1.6rem;
}
.selected_plan .plan .ttl span {
	padding: 0 0 0 25px;
	position: relative;
}
.selected_plan .plan .ttl span:before {
	content: "\e900";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.selected_plan .plan .selected_name {
	line-height: 1.1;
	font-weight: 500;
	font-size: 3.8rem;
	font-family: 'Roboto', sans-serif;
}
.selected_plan.free .selected_name {color: #00647C;}
.selected_plan.bronze .selected_name {color: #953900;}
.selected_plan.silver .selected_name {color: #183B6A;}
.selected_plan.gold .selected_name {color: #A76D00;}

.selected_plan .price {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #1D1E24;
	font-weight: 600;
	font-size: 2.8rem;
	font-family: 'Roboto', sans-serif;
}
.selected_plan .price small {
	font-size: 1.4rem;
}
.selected_plan .price small:last-child {
	font-size: 1.1rem;
	font-weight: normal;
}

@media only screen and (max-width: 768px){
	.selected_plan {
		width: 100%;
		overflow: hidden;
	}
	.selected_plan .plan {
		width: 105%;
		height: auto;
		padding: 10px 0;
		display: block;
	}
	.selected_plan .plan .ttl {
		font-size: 1.4rem;
		margin-left: -5%;
	}
	.selected_plan .plan .selected_name {
		font-size: 3.2rem;
		margin-left: -5%;
	}
	.selected_plan .price {
		padding: 15px 8%;
		display: block;
		position: relative;
	}
}

/* plan */
.plan_lead {
	text-align: center;
	font-size: 1.6rem;
	color: #333333;
}
.plan_table {
	margin: 70px auto 40px;
}
.plan_table table {
	min-width: 950px;
}
.plan_table thead th,
.plan_table tbody tr:last-child th,
.plan_table tbody tr:last-child td {
	border-bottom: 2px solid #E2E2E2;
}
/* thead */
.plan_table thead th {
	position: relative;
	width: 191px;
}
.plan_table thead th:first-child {
	width: 186px;
}
.plan_table thead th a {
	display: block;
	margin: 10px;
	padding: 10px;
}
/* .recommend */
.plan_table thead .recommend {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
	font-size: 1.4rem;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	background: #FCC42D;
	padding: 10px 6px 6px;
	position: absolute;
	top: -5px;
	left: -5px;
}
.plan_table thead .recommend:before {
	content: '';
	filter: drop-shadow(0 5px 3px rgba(0,0,0,0.16));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 36px 0 0;
	border-color: #FCC42D transparent transparent transparent;
	position: absolute;
	left: 0;
	bottom: -15px;
}
.plan_table thead .recommend:after {
	content: '';
	filter: drop-shadow(0 5px 3px rgba(0,0,0,0.16));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 36px 16px 0;
	border-color: transparent #FCC42D transparent transparent;
	position: absolute;
	right: 0;
	bottom: -15px;
}
.plan_table thead .ttl {
	font-family: 'Roboto', sans-serif;
	font-size: 2.8rem;
	font-weight: 600;
	text-align: center;
	position: relative;
	margin-top: 45px;
	line-height: 1.5;
}
.plan_table thead .icon_ttl:before {
	font-family: 'recruiting_plus';
	font-size: 1.9rem;
	font-weight: normal;
	content: '\e900';
	position: absolute;
	top: -24px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.plan_table thead .icon_ttl:after {
	content: url(/2027/img/admin/regist/deco_kira.png);
	display: inline-block;
	width: 14px;
	height: 20;
	position: absolute;
	top: -42px;
	right: 50px;
}
.plan_table thead .plan_free a {
	background: -moz-linear-gradient(36deg, #B7E6DD, #56B0D8);
	background: -webkit-linear-gradient(39deg, #B7E6DD, #56B0D8);
	background: linear-gradient(39deg, #B7E6DD, #56B0D8);
}
.plan_table thead .plan_free .ttl,
.plan_table thead .plan_free .price + span {
	color: #00647C;
}
.plan_table thead .plan_bronze a {
	background: -moz-linear-gradient(36deg, #F2CFAC, #CB7023);
	background: -webkit-linear-gradient(39deg, #F2CFAC, #CB7023);
	background: linear-gradient(39deg, #F2CFAC, #CB7023);
}
.plan_table thead .plan_bronze .ttl,
.plan_table thead .plan_bronze .price + span  {
	color: #953900;
}
.plan_table thead .plan_silver a {
	background: -moz-linear-gradient(36deg, #A9C4E0, #52728D);
	background: -webkit-linear-gradient(39deg, #A9C4E0, #52728D);
	background: linear-gradient(39deg, #A9C4E0, #52728D);
}
.plan_table thead .plan_silver .ttl,
.plan_table thead .plan_silver .price + span  {
	color: #183B6A;
}
.plan_table thead .plan_gold a {
	background: -moz-linear-gradient(36deg, #FFE590, #C9A200);
	background: -webkit-linear-gradient(39deg, #FFE590, #C9A200);
	background: linear-gradient(39deg, #FFE590, #C9A200);
}
.plan_table thead .plan_gold .ttl,
.plan_table thead .plan_gold .price + span  {
	color: #A76D00;
}
.plan_table thead .price {
	text-align: center;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.025em;
	white-space: nowrap;
}
.plan_table thead .price small {
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, YuGothicM, '游ゴシック', 'Yu Gothic',  'メイリオ', Meiryo, sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
}
.plan_table thead .price small.yen {
	font-size: 1.5rem;
	margin-right: 3px;
}
.plan_table thead .price + span {
	display: block;
	background: rgba(255, 255, 255, 0.49);
	border-radius: 20px;
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
	padding: 10px 0;
	margin-top: 15px;
}
/* .is-fixed */
.plan_table .plan_head.is-fixed {
	position: fixed;
	/*position: sticky;*/
	top: 0;
	z-index: 3;
	background: #fff;
	box-shadow: 0px 3px 3px -3px rgba(0, 56, 113, 0.08);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0, 56, 113, 0.08);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0, 56, 113, 0.08);
}
.plan_table .plan_head.is-fixed.active {
	-webkit-transform: translateX(5.7%);
	transform: translateX(5.7%);
}
/* tbody */
.plan_table tbody .fontM th,
.plan_table tbody .fontM td {
	font-size: 1.4rem;
}
.plan_table tbody .fontL th,
.plan_table tbody .fontL td {
	font-size: 1.6rem;
}
.plan_table tbody th {
	font-weight: 600;
	font-size: 1.4rem;
	color: #1D1E24;
	padding: 20px 0;
	width: 186px;
}
.plan_table tbody td {
	font-size: 1.3rem;
	width: 191px;
	position: relative;
}
.plan_table tbody td aside {
	display: none;
	color: #5D5F6F;
	width: 286px;
	background: rgba(255,255,255, 0.9);
	box-shadow: 0 0px 8px rgba(0,0,0,0.16);
	padding: 16px;
	text-align: left;
	position: absolute;
	left: 45%;
	z-index: 2;
}
.plan_table tbody td aside:before {
	content: '';
	filter: drop-shadow(0 5px 3px rgba(0,0,0,0.16));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: rgba(255,255,255, 0.9) transparent transparent transparent;
	position: absolute;
	left: 18px;
	bottom: -9px;
	z-index: 2;
}
.plan_table tbody td aside:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 0;
	border-color: rgba(226,226,226, 0.3) transparent transparent transparent;
	position: absolute;
	left: 17px;
	bottom: -12px;
	z-index: 1;
}
.plan_table tbody tr td:last-child aside {
	left: auto;
	right: 0;
}
.plan_table tbody tr td:last-child aside:before {
	border-width: 10px 10px 0 0;
	left: auto;
	right: 70px;
}
.plan_table tbody th ,
.plan_table tbody td {
	text-align: center;
	border-bottom: 1px solid #E2E2E2;
}
.plan_table thead th:nth-child(4),
.plan_table tbody td:nth-of-type(3) {
	background: rgba(255, 212, 212, 0.2);
}
.plan_table .icon:before {
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	font-style: normal;
}
.plan_table .icon-circle:before {
	content: "\e926";
	color: #0FADC9;
}
.plan_table .icon-icon_remove:before {
	content: "\e924";
	color: #A7A7A7;
}
.plan_table .icon-triangle:before {
	content: "\e929";
	color: rgba(15, 173, 173, 0.5);
}
.plan_table .icon-bdl-circle:before {
	content: "\e931";
	color: #0FADC9;
}
.plan_table tbody .description td {
	text-align: left;
	padding: 15px;
}
.plan_table .period {
	background-color: #fff;
}
.plan_table .period th {
	color: #088EE8;
}
.plan_table .period td {
	font-weight: bold;
	color: #333333;
}
.plan_table .plan_note {
	margin: 0 0 0 5px;
	font-weight: bold;
	color:#A7A7A7;
}
.plan_table .plan_body th a {
	color: #1D1E24;
	cursor: pointer;
	display: inline-block;
	text-decoration: underline;
}
/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .plan_table .plan_body th a:hover {
		text-decoration: none;
	}
}
.plan_note_list {
	margin: -30px 0 0 0;
	font-size: 1.2rem;
}
.plan_note_list li {
	position: relative;
	margin: 0px 0 0 2rem;
}
.plan_note_list li small {
	font-weight: bold;
	position: absolute;
	top: 2px;
	left: -2rem;
	color: #A7A7A7;
}
.plan_btn {
	display: none;
}

/* type_plan_selected */
.type_plan_selected .plan_note {
	margin: 0 0 0 5px;
	font-weight: bold;
	color:#A7A7A7;
}
.type_plan_selected .plan_note_list {
	margin: 15px 0;
}

@media only screen and (max-width: 1280px){
	.plan_table {
		width: 90%;
	}
}
@media only screen and (max-width: 768px){
	.plan_img {
		margin: 30px auto;
	}
	.plan_img img {
		width: 100%;
	}
.plan_btn {
	display: block;
	margin: 40px 0 0;
}
.plan_btn li {
	margin: 0 0 10px;
	padding: 15px;
	border-radius: 2px;
	position: relative;
}
.plan_btn li .plan_info {
	font-size: 2rem;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	line-height: 1.2;
}
.plan_btn li.free {
	background: #b7e6dd;
	background: -moz-linear-gradient(left,  #b7e6dd 0%, #56b0d8 100%);
	background: -webkit-linear-gradient(left,  #b7e6dd 0%,#56b0d8 100%);
	background: linear-gradient(to right,  #b7e6dd 0%,#56b0d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e6dd', endColorstr='#56b0d8',GradientType=1 );
	opacity: 0.9;
}
.plan_btn li.bronze {
	background: #f2cfac;
	background: -moz-linear-gradient(left,  #f2cfac 0%, #cb7023 100%);
	background: -webkit-linear-gradient(left,  #f2cfac 0%,#cb7023 100%);
	background: linear-gradient(to right,  #f2cfac 0%,#cb7023 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cfac', endColorstr='#cb7023',GradientType=1 );
	opacity: 0.9;
}
.plan_btn li.silver {
	background: #a9c4e0;
	background: -moz-linear-gradient(left,  #a9c4e0 0%, #52728d 100%);
	background: -webkit-linear-gradient(left,  #a9c4e0 0%,#52728d 100%);
	background: linear-gradient(to right,  #a9c4e0 0%,#52728d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c4e0', endColorstr='#52728d',GradientType=1 );
	opacity: 0.9;
}
.plan_btn li.gold {
	background: #ffe590;
	background: -moz-linear-gradient(left,  #ffe590 0%, #c9a200 100%);
	background: -webkit-linear-gradient(left,  #ffe590 0%,#c9a200 100%);
	background: linear-gradient(to right,  #ffe590 0%,#c9a200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe590', endColorstr='#c9a200',GradientType=1 );
	opacity: 0.9;
}
.plan_btn li .plan_info .name {
	padding: 0 0 0 22px;
	position: relative;
}
.plan_btn li.free .plan_info .name {color: #00647C; padding: 0;}
.plan_btn li.bronze .plan_info .name {color: #953900;}
.plan_btn li.silver .plan_info .name {color: #183B6A;}
.plan_btn li.gold .plan_info .name {color: #A76D00;}
.plan_btn li .plan_info .name:before {
	content: "\e900";
	font-family: 'recruiting_plus';
	font-weight: normal;
	font-size: 1.3rem;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.plan_btn li.free .plan_info .name:before {
	content: none;
}
.plan_btn li.bronze .plan_info .name:before {color: #953900;}
.plan_btn li.silver .plan_info .name:before {color: #183B6A;}
.plan_btn li.gold .plan_info .name:before {color: #A76D00;}
.plan_btn li.free .plan_info .name:after {
	content: none;
}
.plan_btn li .plan_info .name:after {
	content: "";
	width: 20px;
	height: 12px;
	background: url(/2027/img/admin/regist/sp_plan_btn_star.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0px;
	left: 90px;
}
.plan_btn li .price_line {
	display: block;
}
.plan_btn li .small {
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
}
.plan_btn li .price {
	color: #FFF;
	font-weight: bold;
	font-size: 1.8rem;
	letter-spacing: 1px;
}
.plan_btn li .btn {
	padding: 13px 22px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 1px;
	background: rgba(255,255,255,0.5);
	border-radius: 25px;
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.plan_btn li.free .btn {color: #00647C;}
.plan_btn li.bronze .btn {color: #953900;}
.plan_btn li.silver .btn {color: #183B6A;}
.plan_btn li.gold .btn {color: #A76D00;}








}

/* invoice_box */
.invoice_box {
	width: 236px;
	margin: 0 auto 30px;
	text-align: center;
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.invoice_box a {
	padding: 100px 0 20px 0;
	display: block;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
	border-radius: 15px;
	background: #0FADC9;
}
.invoice_box a:before {
	content: "\e923";
	font-family: 'recruiting_plus';
	font-size: 6rem;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

input[type="text"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="email"],
textarea {
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, YuGothicM, '游ゴシック', 'Yu Gothic',  'メイリオ', Meiryo, sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
}
.form_area dd input {
	width: 100%;
	padding: 15px 8px 10px 8px;
	line-height: 1.2;
	font-size: 1.6rem;
	outline: none;
	border: none;
	-webkit-appearance: none;
	border-radius: none;
	border-bottom: 1px solid #BEBEBE;
	transition: all 0.3s ease-out;
}
.form_area dl dd input.focus_in {
	border-bottom: 1px solid #2AB6CF;
}
.pass_wrap {
	position: relative;
}
.form_area .pass_wrap input {
	padding: 15px 75px 15px 8px;
}
.form_area .error .pass_wrap input {
	padding: 15px 96px 15px 8px;
}
.pass_wrap .icon_area {
	position: absolute;
	top: 13px;
	right: 15px;
}
.pass_wrap .icon_area span {
	color: #A7A7A7;
	font-size: 1.3rem;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}
.pass_wrap .icon_area span:before {
	margin: 0 5px 0 0;
	content: "\e90c";
	font-family: 'recruiting_plus';
	font-size: 1.8rem;
	position: absolute;
	top: -9px;
	left: -24px;
}
.pass_wrap .icon_area span.active {
	left: 13px;
}
.pass_wrap .icon_area span.active:before {
	content: "\e92a";
}
::-webkit-input-placeholder {
	color:#ccc;
	font-size: 1.6rem;
	line-height: 26px;
}
:-ms-input-placeholder {
	color:#ccc;
	font-size: 1.6rem;
	line-height: 26px;
}
::-ms-input-placeholder {
	color:#ccc;
	font-size: 1.6rem;
	line-height: 26px;
}
::placeholder {
	color:#ccc;
	font-size: 1.6rem;
	line-height: 26px;
}
::-ms-clear {display: none;}
::-ms-reveal {display: none;}

/* IE */
@media all and (-ms-high-contrast:none){
	.form_area .optional, .form_area .required {
		padding: 3px 7px 1px;
	}
	.form_area dd .pass_wrap input {
		height: 44px;
	}
}

@media only screen and (max-width: 768px){
	.form_area dd .pass_wrap input {
		height: 44px;
	}
}

/* remind_area */
.remind_area {
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.remind_area li {
	font-size: 1.3rem;
}
.remind_area .check_wrap {
	border-right: 1px solid #E2E2E2;
}
.remind_area .remind {
	text-align: right;
}
.remind_area .remind a:before {
	margin: 0 5px 0 0;
	content: "\e909";
	font-family: 'recruiting_plus';
	font-size: 1.3rem;
	vertical-align: middle;
	color: #A7A7A7;
}
.check_wrap {
	margin: 0 20px 4px 0;
	display: inline-block;
	position: relative;
	word-break: break-all;
}
.check_wrap label {
	cursor: pointer;
	text-align: left;
}
.check_wrap input {
	display: none !important;
}
.check_wrap span {
	padding: 0 0 0 25px;
	display: inline-block;
	position: relative;
}
.check_wrap.select_check span {
	font-size: 1.3rem;
	color: #6E6E6E;
}
.check_wrap i {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 3px;
	left: 0;
	background: #fff;
	border: 2px solid #BEBEBE;
	border-radius: 3px;
}
.check_wrap span i:before {
	content: "\e917";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	font-style: normal;
	color: #0FADC9;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(0.8);
	transform: translate(-50%,-50%) scale(0.8);
	z-index: 1;
}
.check_wrap span i:after {
	content: "";
	width: 100%;
	height: 100%;
	font-style: normal;
	position: absolute;
	background: #fff;
	z-index: 1;
	transition: all 0.3s ease-out;
}
.check_wrap input:checked + span i {
	background: rgba(15,173,201,0.05);
	border: 2px solid #0FADC9;
}
.check_wrap input:checked + span i:after {
	opacity: 0;
}
.btn_area {
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center;
}
.sub_link {
	margin: 0 auto;
	text-align: center;
}
.sub_link a {
	font-size: 1.4rem;
}

/* required_note */
.required_note {
	margin: -30px 0 0 0;
	text-align: right;
}
.required_note li {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	display: inline-block;
	font-weight: 500;
	font-size: 1.2rem;
	color: #1D1E24;
	position: relative;
}
.required_note li:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	background: #CCC;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -3px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.required_note li:first-child:before {
	background: #FF3B00;
}
.form_area .required dt:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	background: #FF3B00;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: -15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* error */
.form_area .error .input_wrap:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.form_area .error .input_wrap.type_tel:before,
.form_area .error .input_wrap.type_zipcode:before,
.form_area .error .input_wrap.type_pref:before {
	right: -30px;
}
.form_area .error input {
	padding: 13px 30px 13px 8px;
	border-bottom: 1px solid #FF3B00!important;
}
.error .pass_wrap input[type="password"] {
	padding: 15px 96px 15px 8px;
}
.error .pass_wrap .icon_area {
	right: 37px;
}
.error .pass_wrap .icon_area span.active {
	left: 13px; ;
}
.form_area .error_msg {
	margin: 10px 0 0 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	color: #FF3B00;
}
.form_area .sent_msg {
	padding: 70px 0 0 0;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
}
.form_area .sent_msg:before {
	content: "\e916";
	font-family: 'recruiting_plus';
	font-size: 3rem;
	line-height: 1;
	color: #0FADC9;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.form_area .help_txt {
	padding: 50px 0 0 0;
	text-align: center;
}
.form_area .exclam_msg {
	padding: 70px 0 40px 0;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
}
.form_area .exclam_msg:before {
	content: "\e909";
	font-family: 'recruiting_plus';
	font-size: 3rem;
	line-height: 1;
	color: #FF3B00;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 768px){
	.form_area {
		width: 80%;
	}
	.form_area.type_long {
			width: 80%;
	}
	.form_area dd input {
		padding: 12px 8px;
		font-size: 1.6rem;
	}
	::-webkit-input-placeholder {
		font-size: 1.4rem;
	}
	:-ms-input-placeholder {
		font-size: 1.4rem;
	}
	::-ms-input-placeholder{
		font-size: 1.4rem;
	}
	::placeholder{
		font-size: 1.4rem;
	}
	.pass_wrap .icon_area {
		top: 11px;
	}

	/* remind_area */
	.remind_area {
		display: block;
	}
	.remind_area li {
		width: 100%;
		margin: 0 0 10px;
	}
	.remind_area .check_wrap {
		padding: 0;
		border-right: none;
	}
	.remind_area .remind {
		text-align: left;
	}
}

/* ------------------------------------
	sign up
------------------------------------ */
.form_intro {
	margin: 0 0 40px;
	font-size: 1.6rem;
	text-align: center;
}
#progress_bar {
	width: 750px;
	position: fixed;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#progress_bar .inner {
	bottom: 0px;
	left: 0px;
	position: fixed;
	width: 0;
	height: 10px;
	opacity: 0.7;
	z-index: 100;
	background: #0052a3;
	background: -moz-linear-gradient(45deg,  #0052a3 0%, #6adfe3 100%);
	background: -webkit-linear-gradient(45deg,  #0052a3 0%,#6adfe3 100%);
	background: linear-gradient(45deg,  #0052a3 0%,#6adfe3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052a3', endColorstr='#6adfe3',GradientType=1 );
}

@media only screen and (max-width: 1000px) {
	#progress_bar {
		left: 160px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@media only screen and (max-width: 768px){
	#progress_bar {
		width: 100%;
		left: 0;
	}
}

/* regist_sec */
.regist_sec {
	margin: 0 0 25px;
}
.regist_sec:last-of-type {
	margin: 0 0 60px;
}
.regist_sec h3 {
	margin: 0 0 25px;
	color: #0FADC9;
	font-size: 1.8rem;
	font-weight: 600;
	position: relative;
}
.regist_sec h3 span {
	padding: 0 0 0 70px;
}
.regist_sec h3 span:before {
	font-family: 'recruiting_plus';
	font-size: 3rem;
	font-weight: normal;
	line-height: 1;
	color: #0FADC9;
	position: absolute;
	top: 0;
	left: 27px;
}
.regist_sec .company span:before {content: "\e908";}
.regist_sec .first_admin span:before {content: "\e910";}
.regist_sec h3 small {
	padding: 0 0 0 20px;
	color: #6E6E6E;
	font-size: 1.4rem;
	font-weight: normal;
}
.regist_sec .regist_inner {
	width: 460px;
	margin: 0 auto 0 40px;
	padding: 0 0 10px 40px;
	border-left: 2px solid rgba(15, 173, 201, 0.3);
}
/* .form_area .regist_sec dd {
	margin: 0 0 35px;
} */
.input_wrap.type_tel {
	color: #BEBEBE;
	font-weight: 600;
}
.input_wrap.type_tel input {
	width: 58px;
	padding: 15px 8px 10px;
	display: inline-block;
}
.input_wrap.type_zipcode input {
	width: 95px;
	padding: 15px 8px 10px;
	display: inline-block;
}
.input_wrap.type_tel small,
.input_wrap.type_zipcode small {
	display: inline-block;
	padding: 0px 10px;
	font-size: 2rem;
	vertical-align: middle;
	font-weight: normal;
}
@-moz-document url-prefix() {
	.input_wrap.type_tel small,
	.input_wrap.type_zipcode small {
		height: 25px;
	}
}
.input_wrap.type_pref {
	margin: 15px 0 0 0;
	display: inline-block;
	position: relative;
}
.input_wrap.type_pref:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid #222;
	border-right: 4px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 4px solid transparent;
	position: absolute;
	right: 15px;
	top: 55%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.input_wrap.type_pref select {
	width: 230px;
	padding: 0 10px;
	height: 37px;
	font-size: 1.4rem;
	display: inline-block;
	border: 1px solid #BEBEBE;
	border-radius: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background: #FFF;
}
.input_wrap.type_pref select::-ms-expand {
	display: none;
}
.error .input_wrap.type_pref select {
	border: 1px solid #FF3B00;
}
.input_wrap.type_pref select .placeholder {
	color:#ccc;
	font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
	.regist_sec h3 {
		position: relative;
	}
	.regist_sec h3 span {
		background: #FFF;
		position: relative;
		padding: 0 15px 0 45px;
		z-index: 1;
	}
	.regist_sec h3 span:before {
		top: -2px;
		left: 0;
	}
	.regist_sec h3 small:after {
		content: "";
		width: 100%;
		height: 1px;
		border-top: 2px solid rgba(15, 173, 201, 0.3);
		position: absolute;
		top: 14px;
		left: 0;
		z-index: 0;
	}
	.regist_sec h3 small {
		display: block;
		margin: 5px 0 0 0;
		padding: 0;
	}
	.regist_sec .regist_inner {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		border-left: none;
	}
	.form_area dt small {
		margin: 10px 0 0 0;
		display: block;
	}
	.input_wrap.type_pref select {
		width: 250px;
		height: 42px;
		font-size: 1.6rem;
	}
}

/* employment_sec */
.employment_sec {
	margin: 0 0 25px;
}
.employment_sec:last-of-type {
	margin: 0 0 60px;
}
.employment_sec h3 {
	margin: 0 0 25px;
	color: #0FADC9;
	font-size: 1.8rem;
	font-weight: 600;
	position: relative;
}
.employment_sec h3 span {
	padding: 0 0 0 70px;
}
.employment_sec h3 span:before {
	font-family: 'recruiting_plus';
	font-size: 3rem;
	font-weight: normal;
	line-height: 1;
	color: #0FADC9;
	position: absolute;
	top: 0;
	left: 27px;
}
.employment_sec .company span:before {content: "\e908";}
.employment_sec .first_admin span:before {content: "\e910";}
.employment_sec h3 small {
	padding: 0 0 0 20px;
	color: #6E6E6E;
	font-size: 1.4rem;
	font-weight: normal;
}
.employment_sec .employment_inner {
	width: 460px;
	margin: 0 auto 0 40px;
	padding: 0 0 10px 40px;
	border-left: 2px solid rgba(15, 173, 201, 0.3);
}
@media only screen and (max-width: 768px) {
	.employment_sec h3 {
		position: relative;
	}
	.employment_sec h3 span {
		background: #FFF;
		position: relative;
		padding: 0 15px 0 45px;
		z-index: 1;
	}
	.employment_sec h3 span:before {
		top: -2px;
		left: 0;
	}
	.employment_sec h3 small:after {
		content: "";
		width: 100%;
		height: 1px;
		border-top: 2px solid rgba(15, 173, 201, 0.3);
		position: absolute;
		top: 14px;
		left: 0;
		z-index: 0;
	}
	.employment_sec h3 small {
		display: block;
		margin: 5px 0 0 0;
		padding: 0;
	}
	.employment_sec .employment_inner {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		border-left: none;
	}
}

/*policy*/
.form_area .policy_wrap {
	width: 460px;
	margin: 0 auto 20px;
	padding: 20px 0 0;
}
.form_area.type_narrow .policy_wrap {
	margin: 0 auto 20px -30px;
}
.form_area .policy_box .inner {
	height: 146px;
	overflow: auto;
	padding: 30px 25px 0;
	font-size: 1.5rem;
	border: 2px solid #B5E6EE;
	background: #FFF;
	-webkit-overflow-scrolling: touch;
	border-radius: 5px;
}
.form_area .policy_box h2 {
	margin: 0 0 20px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
	color: #6E6E6E;
}
.form_area .policy_box h3 {
	margin: 0 0 5px;
	font-size: 1.5rem;
	font-weight: bold;
}
.form_area .policy_box p {
	margin: 0 0 20px;
}

@media only screen and (max-width: 768px) {
	.form_area .policy_wrap {
		width: calc(100% + 40px);
		margin: 0 -20px 20px;
	}
	.form_area.type_narrow .policy_wrap {
		margin: 0 auto 20px -20px;
	}
	.form_area .policy_box p {
		font-size: 1.4rem;
	}
	.form_area .policy_box li {
		font-size: 1.4rem;
	}
}

/*agree*/
.agree_txt {
	margin: 50px 0 30px;
	font-size: 1.4rem;
}
.agree_txt a {
	color: #0FADC9;
	text-decoration: underline;
}
/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .agree_txt a:hover {
		text-decoration: none;
	}
}
.agree_wrap {
	margin: 0 0 50px;
	text-align: center;
}
.agree_wrap .agreeTxt {
	color: #1D1E24;
	font-size: 1.4rem;
	vertical-align: middle;
}
.agree_wrap .checkTxt {
	padding: 0;
	color: #1D1E24;
	font-size: 1.4rem;
	vertical-align: middle;
}
.btn_area .submit_btn.agree_btn:disabled,
.btn_area .submit_btn.agree_btn.disable {
	color: #FFF;
	cursor: default;
	background: #E2E2E2;
	border: 1px solid #E2E2E2;
}

@media only screen and (max-width: 768px) {
	.form_area .policy_box .inner {
		padding: 5%;
		font-size: 14px;
	}
}

/*sign up confirm*/
.type_confirm dd {
	margin: 10px 0 25px;
	font-size: 14px;
}
.type_confirm .btn_area {
	margin: 0 auto;
	padding: 25px 0 30px
}

/*sign up complete*/
.form_area .signup_comp {
	padding: 70px 0 40px 0;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
}
.form_area .signup_comp:before {
	content: "\e918";
	font-family: 'recruiting_plus';
	font-size: 5rem;
	line-height: 1;
	color: rgba(15, 173, 201, 0.51);
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

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

	lower

------------------------------------------------------ */
.board {
	padding: 25px 40px 55px;
}
/* .board.has_select_action {
	padding: 25px 40px 100px;
} */

@media only screen and (max-width: 980px) {
	.board {
		padding: 25px 5% 55px;
	}
	.board.has_select_action {
		padding: 25px 5% 140px;
	}
}

@media only screen and (max-width: 768px) {
	.board.has_select_action {
		padding: 25px 5% 150px;
	}
}

/* ------------------------------------
	user_list
------------------------------------ */
.board h2 {
	margin: 0 0 15px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	color: #1D5B83;
	position: relative;
}
.board h2:before {
	margin: 0 10px 0 0;
	font-family: 'recruiting_plus';
	font-size: 2rem;
	vertical-align: middle;
}
.board h2.h_applicant:before {
	font-size: 3rem;
	content: "\e904";
}
.board h2.h_group:before {
	font-size: 2.4rem;
	content: "\e92c";
	position: relative;
	top: -3px;
}
.board h2.h_message:before {
	font-size: 3rem;
	content: "\e92e";
}
.board h2.h_activity:before {
	font-size: 3rem;
	content: "\e93d";
	position: relative;
	top: -3px;
}
.board h2.h_article:before {
	font-size: 3rem;
	content: "\e906";
	position: relative;
	top: -3px;
}
.board h2.h_category:before {
	font-size: 2.8rem;
	content: "\e92b";
	position: relative;
	top: -3px;
}
.board h2.h_applicant.candidate,
.board h2.h_key_visual,
.board h2.h_fixed_page {
	margin: 0 0 37px;
}
.board h2.h_snap:before {
	font-size: 3rem;
	content: "\e913";
	position: relative;
	top: -3px;
}
.board h2.h_phase:before {
	font-size: 3rem;
	content: "\e914";
	position: relative;
	top: -3px;
}
.board h2.h_decline:before {
	font-size: 3rem;
	content: "\e93b";
}
.board h2.h_admin:before {
	font-size: 3rem;
	content: "\e910";
	position: relative;
	top: -3px;
}
.board h2.h_company:before {
	font-size: 3rem;
	content: "\e90f";
	position: relative;
	top: -3px;
}
.board h2.h_article:before {
	font-size: 3rem;
	content: "\e906";
	position: relative;
	top: -3px;
}
.board h2.h_key_visual:before {
	font-size: 2.8rem;
	content: "\e934";
	position: relative;
	top: -3px;
}
.board h2.h_fixed_page:before {
	font-size: 3rem;
	content: "\e935";
	position: relative;
	top: -3px;
}
.board h2.h_employment:before {
	font-size: 3rem;
	content: "\e936";
	position: relative;
	top: -3px;
}
.board h2.h_result:before {
	font-size: 3rem;
	content: "\e93a";
	position: relative;
	top: -3px;
}
.board h2.h_article + p,
.board h2.h_snap + p {
	position: relative;
	padding-left: 11px;
	word-break: break-all;
	z-index: 2;
}
.board h2.h_article + p:before,
.board h2.h_snap + p:before {
	position: absolute;
	top: 8px;
	left: 0;
	content: '';
	background: #0FADC9;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.board h2.h_article + p > span,
.board h2.h_snap + p > span {
	color: #0FADC9;
}
.board h2.h_qrcode:before {
	font-size: 3rem;
	content: "\e919";
	position: relative;
	top: -3px;
}
.board h2.h_plan:before {
	font-size: 3rem;
	content: "\e900";
	position: relative;
	top: -3px;
}
.board h2.h_access:before {
	font-size: 3rem;
	content: "\e937";
	position: relative;
	top: -3px;
}
.board h2.h_statistics:before {
	font-size: 3rem;
	content: "\e938";
	position: relative;
	top: -3px;
}
.board h2.no_icon {
	margin: 10px 0 30px;
}
@media only screen and (max-width: 768px) {
	.board h2.h_article + p,
	.board h2.h_snap + p {
		margin: 0 0 50px 0;
		padding-left: calc(8.4em + 11px);
		text-indent: -8.4em;
	}
	.board h2.h_message {
		padding: 0 2%;
		font-size: 1.4rem;
	}
	.board h2.h_message:before {
		font-size: 2.4rem;
	}
}

/* sort_area */
.sort_area {
	overflow: hidden;
	margin: 0 0 10px;
}
.func_btn {
	margin: 0 0 20px;
}
.func_btn ul {
	float: right;
}
.func_btn ul.single li {
	float: right;
}
.func_btn ul li {
	float: left;
}
.func_btn ul li.serch span {
	display: inline-block;
	position: relative;
}
.func_btn ul li.serch input {
	width: 316px;
	display: block;
	height: 45px;
	padding: 10px 50px 10px 16px;
	border-radius: 2px;
	background: #FFF;
	outline: 0;
	border: none;
	border-radius: none;
	border-radius: 0;
	-webkit-appearance: none;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.func_btn ul li.serch input::placeholder {
	font-size: 1.3rem;
	line-height: 12px;
    overflow: visible;
}
.func_btn ul li.serch button {
	position: absolute;
	top: 50%;
	right: 15px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: none;
}
.func_btn ul li.serch button:before {
	content: "\e91f";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #0FADC9;
}
.func_btn ul li.serch + .sort_btn,
.func_btn ul li.serch + .add_btn {
	position: relative;
	margin: 0 10px 0 25px;
	padding: 0 0 0 25px;
}
.func_btn ul li.serch + .sort_btn:last-child,
.func_btn ul li.serch + .add_btn:last-child {
	margin: 0 0 0 25px;
}
.func_btn ul li.serch + .sort_btn:before,
.func_btn ul li.serch + .add_btn:before {
	content: "";
	width: 1px;
	height: 35px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	border-right: 1px solid #E2E2E2;
}
.func_btn ul li.sort_btn {
	margin: 0 10px 0 0;
}
.func_btn ul li.sort_btn button {
	min-width: none;
	min-width: auto;
	min-width: initial;
	width: 165px;
	height: 45px;
	line-height: 41px;
	padding: 0;
	font-size: 1.3rem;
	color: #0FADC9;
	font-weight: 500;
	background: #FFF;
	border: 1px solid #FFF;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.func_btn ul li.sort_btn button span {
	position: relative;
	display: inline-block;
}
.func_btn ul li.sort_btn button span:before {
	content: "\e91b";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	color: #0FADC9;
}
.func_btn ul li.add_btn a {
	min-width: none;
	min-width: auto;
	min-width: initial;
	width: 165px;
	height: 45px;
	line-height: 41px;
	padding: 0;
	font-size: 1.3rem;
	color: #FFF;
	font-weight: 500;
	border: 1px solid #0FADC9;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.func_btn ul li.add_btn a span {
	position: relative;
	display: inline-block;
}
.func_btn ul li.add_btn a span:before {
	content: "\e91c";
	font-family: 'recruiting_plus';
	font-size: 1.4rem;
	color: #FFF;
}

@media only screen and (max-width: 1366px) {
	.func_btn ul li.serch input {
		width: 265px;
	}
}

@media only screen and (max-width: 768px) {
	.func_btn ul {
		float: none;
	}
	.func_btn ul li {
		width: 49%;
	}
	.func_btn ul li.serch {
		width: 100%;
		margin: 0 0 15px;
	}
	.func_btn ul li.serch input::placeholder {
		font-size: 1.6rem;
		line-height: 20px;
	}
	.func_btn ul li.serch span {
		width: 100%;
	}
	.func_btn ul li.serch + .sort_btn,
	.func_btn ul li.serch + .add_btn {
		margin: 0 2% 0 0;
		padding: 0;
	}
	.func_btn ul li.serch + .sort_btn:last-child,
	.func_btn ul li.serch + .add_btn:last-child {
		margin: 0;
		padding: 0;
	}
	.func_btn ul li.serch + .sort_btn:before,
	.func_btn ul li.serch + .add_btn:before {
		content: none;
	}
	.func_btn ul li.serch input {
		width: 100%;
		height: auto;
		font-size: 1.6rem;
	}
	.func_btn ul li.serch button {
		right: 10px;
	}
	.func_btn ul li.sort_btn {
		margin: 0 2% 0 0;
	}
	.func_btn ul li.sort_btn button {
		width: 100%;
	}
	.func_btn ul li.add_btn a {
		width: 100%;
	}
}

/* .sort_message .func_btn */
.sort_message {
	display: block;
	position: static;
	padding-top: 0;
	margin: 0;
}
.sort_message .search_area {
	position: static;
	width: 100%;
}
.sort_message .candidate_list {
	position: relative;
}
.sort_message .func_btn ul {
	display: block;
	float: none;
}
.sort_message .func_btn ul li {
	float: none;
}
.sort_message .func_btn ul li.check {
	background: rgba(15, 173, 201, .5);
	width: 51px;
	height: 46px;
	margin: -6px 10px 0 0;
}
_:-ms-lang(x)::-ms-backdrop, .sort_message .func_btn ul li.check {
	height: 46px;
	margin: -1px 0 0 0;
}
.sort_message .func_btn ul li.check .check_wrap {
	padding: 0;
}
.sort_message .func_btn ul li.disable .check_wrap {
	background: #F5F5F5;
	border: 2px solid #DDDDDD;
}
.sort_message .func_btn ul li.disable .check_wrap span i:after {
	background: #F5F5F5;
}
.sort_message .func_btn ul li.check .check_wrap label {
	cursor: pointer;
	text-align: center;
	width: 100%;
	height: 45px;
	display: block;
	padding: 0 10px 0 16px;
}
.sort_message .func_btn ul li.candidate {
	background: #DAF3F7;
	height: 45px;
	color: #0C3A48;
	font-size: 1.4rem;
	font-weight: 600;
	width: 265px;
	margin: 0;
	/*position: relative;*/
		position: absolute;
		top: 0;
		left: 51px;
		margin: 0;
}
@-moz-document url-prefix(){
	.sort_message .func_btn ul li.candidate {
		width: 258px;
	}
}
_:-ms-lang(x)::-ms-backdrop, .sort_message .func_btn ul li.candidate {
	width: 258px;
}
@supports (-ms-ime-align: auto) {
	.sort_message .func_btn ul li.candidate {
		width: 258px;
	}
}
.sort_message .func_btn ul li.candidate > span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.sort_message .func_btn ul li.serch input {
	width: 315px;
}
.sort_message .func_btn ul li.serch button {
	right: 12px;
}
.sort_message .func_btn ul li.serch span {
	padding: 0;
}
.sort_message .func_btn ul li.serch span:before {
	display: none;
}
.sort_message .func_btn ul li.sort_btn {
	margin: 20px 0 0 0 !important;
	padding: 0;
}
.sort_message .func_btn ul li.sort_btn:before {
	display: none;
}
.sort_message .sort_cont {
	max-height: 200px;
	overflow-y: auto !important;
}
.sort_message .sort_cont .inner:before {
	/*right: auto;
	left: 740px;*/
}
.sort_message .sort_cont .inner {
	max-width: 315px;
	display: block;
	margin: 0 5px 0 0;
	padding: 5%;
}
.sort_message .sort_cont .condition {
	min-width: none;
	min-width: auto;
	min-width: initial;
	width: 100%;
}
.sort_message .sort_cont .control {
	width: 100%;
	margin: 30px 0 0 0;
}

@media only screen and (max-width: 768px) {
	.sort_message {
		display: none;
	}
	.sort_message .sort_cont {
		max-height: auto;
		max-height: none;
		max-height: initial;
		overflow-y: visible !important;
	}
	.sort_message .sort_cont .inner {
		max-width: auto;
		max-width: none;
		max-width: initial;
		margin: 0;
	}
}

/* ------------------------------------
	.msg_modal
------------------------------------ */
.msg_modal,
.msg_modal > form,
.msg_modal > h2 {
	display: none;
}
@media only screen and (max-width: 768px) {
	.msg_modal {
		display: none;
		width: 100%;
		margin: 0;
		padding: 15px 2% 0;
		color: #666;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		text-align: left;
		position: fixed;
		background: #EDF3F7;
		z-index: 9;
	}
	.msg_modal::-webkit-scrollbar{
		width: 10px;
	}
	.msg_modal::-webkit-scrollbar-track{
		background: #f6f6f6;
		border-left: solid 1px #ececec;
	}
	.msg_modal::-webkit-scrollbar-thumb{
		background: #ccc;
		border-radius: 10px;
	}
	.msg_modal form {
		display: block;
	}
	.msg_modal h2 {
		display: block;
		margin: 0 0 15px;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.4;
		color: #1D5B83;
		position: relative;
	}
	.msg_modal h2:before {
		margin: 0 10px 0 0;
		font-family: 'recruiting_plus';
		font-size: 2rem;
		vertical-align: middle;
	}
	.msg_modal h2.h_message:before {
		font-size: 2.4rem;
		content: "\e92e";
	}
	.msg_modal .sort_message {
		display: block;
		position: static;
		padding-top: 0;
		margin: 0;
		/*display: none;*/
		width: 100%;
	}
	.msg_modal .sort_message .search_area {
		position: static;
		width: 100%;
	}
	.msg_modal .sort_message .candidate_list {
		position: relative;
	}
	.msg_modal .sort_message .func_btn ul {
		display: block;
	}
	.msg_modal .sort_message .func_btn ul li.serch input {
		width: 100%;
	}
	.msg_modal .sort_message .func_btn ul li.check {
		width: 51px;
		height: 46px;
		margin: -6px 10px 0 0;
	}
	.msg_modal .sort_message .sort_cont .inner:before {
		left: 23%;
		right: auto;
	}
	.msg_modal .sort_message .func_btn ul li.candidate {
		width: calc(100% - 51px);
		height: 46px;
		position: absolute;
		top: 0;
		left: 51px;
		margin: 0;
	}
	.msg_modal .sort_message .func_btn ul li.sort_btn {
		position: static;
	}
	/* .member_cont */
	.msg_modal .member_cont {
		display: block;
		width: 100%;
		max-height: auto;
		max-height: initial;
	}
	.msg_modal .member_cont.scroll_area {
		overflow-y: visible !important;
		/*overflow-y: scroll !important;
		height: 490px;*/
	}
}

/* sort_cont */
.sort_cont {
	display: none;
	margin: 0 0 20px;
	overflow: visible !important;
}
.sort_cont.open {
	display: block;
}
.sort_cont .inner {
	padding: 25px 40px;
	position: relative;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	background: #FFF;
	border-radius: 2px;
}
.sort_cont .inner:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: -27px;
	right: 238px;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 12px solid #FFF;
	border-left: 15px solid transparent;
}
.type_user .sort_cont .inner:before {
	right: 73px;
}
.sort_cont .condition {
	width: 100%;
}
.sort_cont .condition h3 {
	color: #1D5B83;
	font-size: 1.4rem;
	font-weight: 500;
	margin: 15px 0 8px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #E2E2E2;
}
.sort_cont .condition h3:first-child {
	margin: 0 0 8px 0;
	padding: 0;
	border: none;
}
.phase_child {
	display: none;
}
.phase_child ul {
	background: #DBF3F7;
	padding: 24px 26px;
	margin: 12px 0 0 0;
	position: relative;
}
.phase_child ul:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 150px;
	margin-left: -10px;
	border-top-color: #DBF3F7;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 6px solid #DBF3F7;
	border-bottom-color: rgb(219, 243, 247);
	border-bottom-color: #DBF3F7;
	border-top-width: 0px;
	z-index: 1;
}
.bg_line .check_wrap span {
	padding: 0 0 0 20px;
}
.bg_line .check_wrap.select_check span {
	padding: 0 0 0 15px;
}
.bg_line .icon_phase:before {
	left: 7px;
}
.public_target li {
	display: block;
}
.public_target li .li_inner_wrap {
	padding: 0;
	white-space: nowrap;
}
.sort_cont .phase_list .check_wrap {
	padding: 0;
}
.sort_cont .phase_list .check_wrap span {
	padding: 0 0 0 20px;
}
.sort_cont .phase_list .check_wrap .icon_phase {
	padding: 0 0 0 20px;
}
.bg_line .check_wrap .icon_none {
	padding: 0 0 0 5px;
	font-size: 1.3rem;
	color: #6E6E6E;
}
.sort_cont .phase_list li {
	margin:  0 20px 6px 0;
	display: inline-block;
	font-size: 1.3rem;
	color: #1D1E24;
}
.sort_cont .phase_list .icon_phase:before {
	left: 8px;
}
.radio_wrap {
	margin: 0 20px 0 0;
	color: #666;
	display: inline-block;
	position: relative;
}
.radio_wrap span {
	padding: 0 0 0 25px;
	font-size: 1.3rem;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.radio_wrap input {
	display: none !important;
}
.radio_wrap i {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 2px;
	left: 0;
	background: #fff;
	border: 2px solid #BEBEBE;
	border-radius: 50%;
	transition: all 0.3s ease-out;
}
.radio_wrap input:checked + span i {
	background: #fff;
	border: 2px solid #0FADC9;
	transition: all 0.3s ease-out;
}
.radio_wrap input:checked + span i:before {
	content: "";
	width: 8px;
	height: 8px;
	font-style: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #0FADC9;
	z-index: 2;
	border-radius: 50%;
	transition: all 0.3s ease-out;
}
.radio_wrap input:checked + span i:after {
	opacity: 0;
	transition: all 0.3s ease-out;
}

/* .disabled */
.radio_wrap,
.phase_list {
	transition: opacity 0.3s ease-out;
}
.radio_wrap.disabled,
.phase_list.disabled {
	opacity: 0.4 !important;
}
.radio_wrap.disabled span,
.phase_list.disabled span {
	cursor: default;
}

/* .sort_appeal */
.sort_appeal {
	display: -webkit-box;
	display: flex;
	border-top: 1px solid #E2E2E2;
	margin: 15px 0 8px 0;
	padding: 15px 0 0 0;
}
.sort_appeal .appeal {
	width: 316px;
	border-right: 1px solid #E2E2E2;
	padding: 8px 10px 0 0;
}
.sort_appeal .category {
	width: 384px;
	padding: 8px 0 0 30px;
}
_:-ms-lang(x)::-ms-backdrop, .sort_appeal .category {
	padding: 6px 0 0 30px;
}
.sort_appeal h3 {
	display: inline-block;
	float: left;
}
.sort_appeal ul {
	float: left;
	margin: 0 0 0 20px;
}
.sort_appeal select {
	padding: 0 7px;
	width: calc(100% - 90px);
	height: 32px;
	font-size: 1.2rem;
	display: inline-block;
	border-radius: 2px;
	margin: -2px 0 0 20px;
	border: 2px solid #BEBEBE;
	color: #8E8E8E;
}
_:-ms-lang(x)::-ms-backdrop, .sort_appeal select {
	padding: 0 0 0 8px;
}
.sort_appeal select option:not(:first-child) {
	color: #666666;
}

/* .sort_status */
.sort_status {
	display: -webkit-box;
	display: flex;
	border-top: 1px solid #E2E2E2;
	margin: 15px 0 8px 0;
	padding: 15px 0 0 0;
}
.plan_free .sort_status {
	border-top: 0;
	margin: 0;
	padding: 0;
}
.sort_status .status {
	width: 350px;
	border-right: 1px solid #E2E2E2;
	padding: 8px 10px 0 0;
}
.sort_status .category {
	width: 348px;
	padding: 8px 0 0 30px;
}
_:-ms-lang(x)::-ms-backdrop, .sort_status .category {
	padding: 6px 0 0 30px;
}
.sort_status h3 {
	display: inline-block;
	float: left;
}
.sort_status ul {
	float: left;
	margin: 0 0 0 20px;
}
.sort_status select {
	padding: 0 7px;
	width: calc(100% - 90px);
	height: 32px;
	font-size: 1.2rem;
	display: inline-block;
	border-radius: 2px;
	margin: -2px 0 0 20px;
	border: 2px solid #BEBEBE;
	color: #8E8E8E;
}
_:-ms-lang(x)::-ms-backdrop, .sort_status select {
	padding: 0 0 0 8px;
}
.sort_status select option:not(:first-child) {
	color: #666666;
}

@media only screen and (max-width: 1366px) {
	.sort_cont .condition {
		width: 65%;
	}
	.sort_appeal {
		display: block;
	}
	.sort_appeal .appeal {
		width: 100%;
		border-right: none;
		padding: 8px 0 0 0;
	}
	.sort_appeal .category {
		width: 100%;
		padding: 8px 0 0 0;
	}
	.sort_status {
		display: block;
	}
	.sort_status .status {
		width: 100%;
		border-right: none;
		padding: 8px 0 0 0;
	}
	.sort_status .category {
		width: 100%;
		padding: 8px 0 0 0;
	}
}

@media only screen and (max-width: 768px) {
	.sort_cont .inner {
		padding: 5%;
		display: block;
	}
	.sort_cont .inner:before {
		left: 23%;
		right: auto;
	}
	.sort_cont .condition {
		width: 100%;
	}
	.sort_appeal .appeal {
		padding: 0;
	}
	.sort_appeal h3 {
		display: block;
		float: none;
	}
	.sort_appeal ul {
		float: none;
		margin: 0;
	}
	.sort_appeal select {
		margin: 0;
		width: 100%;
		font-size: 1.6rem;
	}
	.sort_status .status {
		padding: 0;
	}
	.sort_status h3 {
		display: block;
		float: none;
	}
	.sort_status ul {
		float: none;
		margin: 0;
	}
	.sort_status select {
		margin: 0;
		width: 100%;
		font-size: 1.6rem;
	}
}

/* .control */
.sort_cont .control {
	min-width: 215px;
	margin: 0 0 0 45px;
	text-align: center;
}
.sort_cont .control .result {
	display: none;
	margin: 0 0 15px;
	color: #1D1E24;
	font-size: 1.5rem;
}
.sort_cont.open .control .result {
	display: block;
}
.sort_cont .control .result span {
	padding: 0 5px 0 10px;
	color: #0FADC9;
	font-weight: 600;
}
.sort_cont .control .control_btn li {
	margin: 0 0 15px;
}
.sort_cont .control .control_btn li .basic_btn {
	min-width: 100%;
	padding: 11px 30px;
	font-weight: 500;
	color: #ddd;
	background: #F8F8F8;
	border: 2px solid #E2E2E2;
	pointer-events: none;
}
.sort_cont .control .control_btn .exe .basic_btn.active {
	color: #FFF;
	background: #0FADC9;
	border: 2px solid #0FADC9;
	pointer-events: auto;
}
.sort_cont .control .control_btn .ccl .basic_btn.active {
	color: #C92700;
	background: #f7e4e2;
	border: 2px solid #f7e4e2;
	pointer-events: auto;
}
.bg_line .check_wrap:before,
.bg_line .radio_wrap:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #DBF3F7;
	border-radius: 5px;
	padding: 0 7px;
	position: absolute;
	top: 0;
	left: -5px;
	opacity: 0;
	transition: all 0.3s ease-out;
}
/* .bg_line .check_wrap.select_check:before {
	padding: 1px 0;
} */
.bg_line .check_wrap.valid:before,
.bg_line .radio_wrap.valid:before {
	width: 100%;
	opacity: 1;
}

@media only screen and (max-width: 1366px) {
	.sort_cont .control {
		min-width: none;
		min-width: auto;
		min-width: initial;
		width: 35%;
	}
}

@media only screen and (max-width: 768px) {
	.sort_cont .control {
		width: 100%;
		margin: 30px 0 0 0;
	}
	.sort_cont .control .control_btn li {
		margin: 10px 0 0;
	}
}

/* ------------------------------------
	table
------------------------------------ */
.table_note {
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
.table_note.width_short {
	max-width: 945px;
}
.table_note .data_amount {
	margin: 6px 0 0 0;
	font-size: 1.3rem;
	color: #5D5F6F;
	float: left;
}
.table_note .data_amount span {
	margin: 0 0 0 10px;
	font-size: 1.3rem;
	color: #1D1E24;
}
.table_note .capacity_info {
	float: left;
	margin: 7px 0 0 0;
}
.table_note .capacity_info li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 1.2;
	color: #707070;
}
.table_note .capacity_info li:first-child {
	margin: 0 15px 0 0;
	padding: 0 15px 0 20px;
	border-right: 1px solid #E2E2E2;
	position: relative;
}
.table_note .capacity_info li:first-child:before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	background: #0FADC9;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.table_note .capacity_info li:first-child:after {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	background: #EDF3F7;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
}
.table_note .capacity_info li a {
	padding: 0 15px 0 0;
	color: #0FADC9;
	position: relative;
}
.table_note .capacity_info li:last-child a:before {
	content: "\e915";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	line-height: 1;
	color: #0FADC9;
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.table_note .user_info {
	float: left;
	margin: 7px 0 0 0;
}
.table_note .user_info li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 1.2;
	color: #1D1E24;
}
.table_note .user_info li:not(:first-child) {
	margin: 0 0 0 30px;
}
.table_note .user_info li > span {
	color: #5D5F6F;
	margin: 0 10px 0 0;
}
.table_note .pn_wrap {
	float: right;
	overflow: hidden;
}
.table_note .list_num {
	margin: 0 18px 0 0;
	padding: 6px 0;
	font-size: 1.3rem;
	color:#5D5F6F;
	float: left;
}
.table_note .list_num span {
	color: #1D1E24;
}
.table_note .pager {
	float: left;
	font-size: 0;
}
.table_note .pager .prev a,
.table_note .pager .next a,
.table_note .pager .current {
	width: 36px;
	height: 35px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	font-size: 1.4rem;
	line-height: 35px;
	text-align: center;
	background: rgba(15, 173, 201, 0.5);
}
.table_note .pager .prev a:before,
.table_note .pager .next a:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-right: 8px solid #FFF;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	top: 50%;
	left: 40%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.table_note .pager .next a:before {
	left: 60%;
	-webkit-transform: translate(-50%,-50%) rotate(180deg);
	transform: translate(-50%,-50%) rotate(180deg);
}
.table_note .pager .current {
	min-width: 63px;
	color: #0C3A48;
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
	background: #DBF3F7;
}
.table_note .pager .prev a,
.table_note .pager .next a {
	width: 36px;
	height: 35px;
	font-size: 1.4rem;
	display: inline-block;
	overflow: hidden;
	line-height: 35px;
	text-align: center;
}

/* table_note type_bottom */
.table_note.type_bottom {
	margin: 10px 0 0;
	padding: 0 0 30px;
}

@media only screen and (max-width: 768px) {
	.table_note .capacity_info {
		margin: 10px 0 15px 0;
		float: none;
		text-align: center;
	}
	.table_note .capacity_info li {
		display: block;
	}
	.table_note .capacity_info li:first-child {
		display: inline-block;
		margin: 0 0 7px 0;
		padding: 0 0 0 20px;
		border-right: none;
	}
	.table_note .user_info {
		margin: 10px 0 15px 0;
		float: none;
	}
	.table_note .pn_wrap {
		margin: 10px 0 0 0;
	}
}

/* ------------------------------------
	table common
------------------------------------ */
.tbl_wrap.type_list {
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
	border-radius: 2px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.tbl_wrap table {
	width: 100%;
	background: #FFF;
	border-radius: 2px;
}
.no_deco {
	background: transparent !important;
	border: none !important;
}
.no_bor_r {
	border-right: none !important;
}

/* th td */
.tbl_wrap table th span,
.tbl_wrap table td span {
	position: relative;
}

/* thead */
.tbl_wrap table thead th {
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #0C3A48;
	word-break: break-word;
	vertical-align: middle;
	border-right: 2px solid #FFF;
	background: rgba(15, 173, 201, .15);
}
.tbl_wrap:not(.tbl_decline) table thead th:nth-child(1) {
	background: rgba(15, 173, 201, .5);
}
.tbl_wrap table thead th a {
	position: relative;
	display: block;
	color: #0C3A48;
}
.tbl_wrap table thead th a span {
	display: inline-block;
	padding: 14px;
}
.tbl_wrap table thead th.icon_sort span {
	padding: 14px 22px 14px 4px;
}
.tbl_wrap table thead th.icon_sort a span:before {
	content: "\e91d";
	font-family: 'recruiting_plus';
	font-size: 1.5rem;
	line-height: 1;
	color: #ccc;
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tbl_wrap table thead th.icon_sort.active a span:before {
	color: #00BCC4;
}
.tbl_wrap table thead th.icon_sort a span:after {
	content: "\e920";
	font-family: 'recruiting_plus';
	font-size: 1.3rem;
	line-height: 1;
	color: #FFF;
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tbl_wrap table thead th.icon_sort.active.ascend a span:after {
	-webkit-transform: rotate(180deg)translateY(50%);
	transform: rotate(180deg)translateY(50%);
}
.tbl_wrap table thead th.icon_sort.active.descend a span:after {
	-webkit-transform: rotate(0)translateY(-50%);
	transform: rotate(0)translateY(-50%);
}
.tbl_wrap table thead th:last-child {
	border: none;
}
.tbl_wrap table tbody tr {
	background: #FFF;
	transition: all 0.3s ease-out;
}

/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .tbl_wrap table tbody tr:hover {
		cursor: pointer;
		background: rgba(61, 177, 187, 0.1);
	}
	body:not(.tab_view) .tbl_wrap:not(.tbl_decline) table tbody tr td:first-child:hover {
		cursor: pointer;
		background: #DBF3F7;
	}
}

@media only screen and (max-width: 1366px) {
	.tbl_wrap.type_list.w1024 table {
		min-width: 1024px;
	}
	.tbl_wrap.type_list.w900 table {
		min-width: 900px;
	}
	.tbl_wrap.type_list.w800 table {
		min-width: 800px;
	}
	.tbl_wrap.type_list.w675 table {
		min-width: 675px;
	}
}

/* ------------------------------------
	table common
------------------------------------ */
/* tbody td */
.tbl_wrap table tbody th,
.tbl_wrap table tbody td {
	padding: 15px 15px;
	font-size: 1.3rem;
	line-height: 1.5;
	text-align: left;
	word-break: break-word;
}
.tbl_wrap table tbody td {
	position: relative;
}
.tbl_wrap table tbody td:after {
	content: "";
	width: 100%;
	height: 2px;
	display: block;
	border-bottom: 1px solid #E2E2E2;
	position: absolute;
	bottom: 0;
	left: 0;
}
.tbl_wrap table tbody tr td:first-of-type:before,
.tbl_wrap table tbody tr td:last-of-type:before {
	content: "";
	width: 20px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: 0;
	background: #FFF;
	z-index: 1;
}
.tbl_wrap table tbody tr td:first-of-type:before {right: -20px;}
.tbl_wrap.tbl_decline table tbody tr td:first-of-type:before {left: 0;}
.tbl_wrap table tbody tr td:last-of-type:before {right: 0;}

.tbl_wrap table tbody tr:last-of-type td:after,
.tbl_wrap table tbody tr:last-of-type td:nth-child(2):after,
.tbl_wrap table tbody tr:last-of-type td:last-of-type:after {
	content: none;
}

/* .check */
.tbl_wrap table tbody td.check {
	text-align: center;
	background: #F5F5F5;
}
.tbl_wrap table tbody td.check.active {
	background: #DBF3F7;
}
.tbl_wrap table tbody td.check:after {
	content: none;
}
.tbl_wrap .check_wrap {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
}
.tbl_wrap .check_wrap label {
	cursor: pointer;
	text-align: center;
	width: 100%;
	height: 50px;
	display: block;
}
.tbl_wrap .check_wrap i {
	width: 19px;
	height: 19px;
	position: absolute;
	top: 3px;
	left: 0;
	background: #fff;
	border: 2px solid #BEBEBE;
	border-radius: 3px;
}
.tbl_wrap thead .active .check_wrap  i {
	border: 2px solid #1D5B83;
}
.tbl_wrap thead .active .check_wrap span i:before {
	color: #1D5B83;
}
.tbl_wrap .check_wrap i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 1px;
	background: #fff;
	border: 2px solid #BEBEBE;
	border-radius: 3px;
}
.check_wrap span i:after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tbl_wrap table th.check,
.tbl_wrap table td.check {
	width: 60px;
	padding: 0;
}
.tbl_wrap table td.check {
	transition: all 0.3s ease-out;
}

/* .check disable*/
.tbl_wrap .disable .check_wrap i {
	background: #F5F5F5;
	border: 2px solid #DDDDDD;
}
.disable .check_wrap span i:before {
	content: none;
}
.disable .check_wrap span i:after {
	background: #F5F5F5;
}

/* .grounds */
.tbl_wrap table td.grounds {
	text-align: center;
}
.tbl_wrap table td.grounds.decliner > span {
	color: #fff;
	background: #FF0045;
	padding: 5px 10px;
}

/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .tbl_wrap table tbody tr td.disable:first-child:hover {
		cursor: default !important;
		background: #F5F5F5;
	}
}

/* .star */
.tbl_wrap table .star {
	width: 60px;
	text-align: center;
}
.tbl_wrap table .star span {
	display: block;
}
.tbl_wrap table thead .star span:before {
	width: 15px;
	font-weight: normal;
	border-radius: 50%;
	background: #FFF;
}
.tbl_wrap table .star span:before {
	content: "\e91e";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tbl_wrap table .star.on span:before {color: #FFD052;}
.tbl_wrap table .star.off span:before {content: none;}

.tbl_wrap table thead .star a span:after {
	content: none;
}

/* .phase */
.tbl_wrap table .phase .icon_phase {
	display: block;
}

/* .arrow */
.tbl_wrap table thead .arrow span:before {
	content: none;
}
.tbl_wrap table tbody .arrow {
	width: 60px;
}
.tbl_wrap table .arrow span {
	display: block;
}
.tbl_wrap table .arrow span:before {
	content: "\e915";
	color: #00BCC4;
	font-family: 'recruiting_plus';
	font-size: 1.1rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* .private */
.tbl_wrap table .state.private span {
	color: #A7A7A7;
}

/* ------------------------------------
	table type_userlist
------------------------------------ */
/* .name */
.tbl_wrap table thead .name {
	width: 250px;
}
.tbl_wrap table tbody td.name a {
	color: #0FADC9;
	text-decoration: underline;
}
.tbl_wrap table tbody .name {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .group */
.tbl_wrap table thead .group {
	width: 120px;
}
.tbl_wrap table tbody .group {
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .appeal */
.tbl_wrap table thead .appeal {
	width: 110px;
}
.tbl_wrap table .appeal {
	text-align: center;
}
.tbl_wrap table .appeal span {
	display: block;
}
.tbl_wrap table .appeal span:before {
	content: "\e905";
	font-family: 'recruiting_plus';
	font-size: 2.5rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tbl_wrap table .appeal.on span:before {color: #0FADC9;}
.tbl_wrap table .appeal.off span:before {content: none;}
.tbl_wrap table thead .appeal span {
	display: inline-block;
}
.tbl_wrap table thead .appeal span:before {
	content: none;
}
.tbl_wrap table thead .appeal span:after {
	content: "\e91e";
	font-family: 'recruiting_plus';
	font-size: 1.5rem;
	line-height: 1;
	color: #00BCC4;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* .phase */
.tbl_wrap tbody .phase .icon_phase:before {
	top: 8px;
}
.tbl_wrap.tbl_user thead .phase {
	width: 250px;
}
.tbl_wrap.tbl_user table tbody .phase {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .regist */
.tbl_wrap.tbl_user thead .rgst {
	width: 120px;
	white-space: nowrap;
}
.tbl_wrap.tbl_user tbody td.rgst {
	text-align: center;
}

/* .modified */
.tbl_wrap.tbl_user tbody td.modified {
	text-align: center;
}

/* .login */
.tbl_wrap.tbl_user thead .login {
	width: 130px;
}
.tbl_wrap.tbl_user tbody .login {
	text-align: right;
}

/* ------------------------------------
	table tbl_decline
------------------------------------ */
/* grounds */
.tbl_wrap.tbl_decline thead .grounds {
	width: 100px;
}

/* name */
.tbl_wrap.tbl_decline thead .name {
	width: 120px;
}

/* phase */
.tbl_wrap.tbl_decline thead .phase {
	width: 200px;
}
.tbl_wrap.tbl_decline table tbody .phase {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .regist */
.tbl_wrap.tbl_decline thead .rgst {
	width: 120px;
	white-space: nowrap;
}
.tbl_wrap.tbl_decline tbody td.rgst {
	text-align: center;
}

/* .decline */
.tbl_wrap.tbl_decline thead .decline {
	width: 140px;
	white-space: nowrap;
}
.tbl_wrap.tbl_decline tbody td.decline {
	text-align: center;
}

/* ------------------------------------
	no item
------------------------------------ */
.no_item {
	padding: 22px 35px 22px 50px;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: left;
	background: #FFFCEF;
	border: 1px solid #FFCD7E;
	border-radius: 2px;
	position: relative;
}
.no_item:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FFCD7E;
	position: absolute;
	top: 50%;
	left: 22px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* no_icon */
.board_card .no_item {
	padding: 22px;
}
.board_card .no_item:before {
	content: none;
}

/* ------------------------------------
	select_action
------------------------------------ */
.select_action,
.message_action {
	width: calc(100% - 265px);
	padding: 10px 22px;
	position: fixed;
	right: 10px;
	bottom: -130px;
	background: rgba(15, 173, 201, .9);
	box-shadow: 0 3px 14px rgba(0, 33, 67, 0.45);
	border-radius: 5px;
	z-index: 14;
	transition: all 0.3s ease-out;
}
.select_action .slct_ccl {
	min-width: 150px;
	padding: 10px 30px;
	color: #FFF;
	font-weight: 600;
	border: 1px solid #FFF;
	background: transparent;
}
.select_action .action_area,
.message_action .action_area {
	overflow: hidden;
}
.select_action .action_area ul,
.message_action .action_area ul {
	overflow: hidden;
}
.select_action .action_area li,
.message_action .action_area li {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
}
.select_action .action_area li.f_right {
	float: right;
}
.select_action .action_area li.selected,
.message_action .action_area li.selected {
	padding: 8px 0;
	color: #FFF;
	font-size: 1.4rem;
}
.select_action .action_area li.selected span,
.message_action .action_area li.selected span {
	margin: 0 15px 0 15px;
	padding: 0px 15px 0 0;
	font-weight: 600;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.select_action .action_area li .change_phase,
.select_action .action_area li .change_group,
.select_action .action_area li .change_message {
	min-width: 150px;
	padding: 10px;
	font-size: 1.3rem;
	color: #0FADC9;
	font-weight: 600;
	background: #FFF;
	border: 1px solid #FFF;
}
.select_action .action_area li .dropout,
.select_action .action_area li .delete_article,
.message_action .action_area li .delete_message,
.message_action .action_area li .edit_message {
	min-width: 150px;
	padding: 10px;
	font-size: 1.3rem;
	color: #C92700;
	font-weight: 600;
	background: #FFE8E6;
	border: 1px solid #FFE8E6;
}
.message_action .action_area li .edit_message{
	background-color: #fff;
	font-weight: 600;
	color: #0FADC9;
	transition: none;
}

@media only screen and (max-width: 1100px) {
	.select_action .slct_ccl {
		min-width: 120px;
		padding: 10px 20px;
	}
	.select_action .action_area li .change_phase,
	.select_action .action_area li .change_group,
	.select_action .action_area li .change_message {
		min-width: 150px;
		padding: 10px 20px;
	}
	.select_action .action_area li .dropout {
		min-width: 120px;
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 980px) {
	.select_action .slct_ccl {
		min-width: 50%;
	}
	.select_action .action_area {
		float: none;
	}
	.select_action .action_area li {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.select_action .action_area li.f_right {
		float: none;
	}
	.select_action .action_area li.selected {
		margin: 0;
	}
	.select_action .action_area li.selected span {
		margin: 0 0 0 15px;
		padding: 0 15px 0 0;
	}
	.select_action .action_area li .dropout {
		min-width: 100px;
	}
	/* .type_three */
	.select_action.type_three {
		height: 110px;
	}
	.select_action.type_three .action_area li.selected {
		position: absolute;
		top: 9px;
		left: 20px;
	}
	.select_action.type_three .action_area li.selected span {
		margin: 0 0 0 15px;
		padding: 0;
		border: none;
	}
	.select_action.type_three .action_area li .change_group {
		min-width: 45%;
		padding: 10px 20px;
		position: absolute;
		left: 20px;
		bottom: 10px;
	}
	.select_action.type_three .action_area li .change_phase {
		min-width: 45%;
		padding: 10px 20px;
		position: absolute;
		left: auto;
		right: 20px;
		bottom: 10px;
	}
	.select_action.type_three .action_area li .dropout,
	.select_action.type_three .action_area li .delete_article {
		min-width: 45%;
		position: absolute;
		right: 20px;
		top: 10px;
		bottom: auto;
	}
}

@media only screen and (max-width: 768px) {
	.select_action,
	.message_action {
		width: calc(100% - 20px);
		height: 110px;
	}
	.message_action.type_double{
		height: 65px;
	}
	.select_action .slct_ccl {
		min-width: 130px;
		float: left;
	}
	.select_action .action_area li.selected,
	.message_action .action_area li.selected {
		position: absolute;
		top: 9px;
		left: 20px;
	}
	.message_action.type_double .action_area li.selected{
		padding: 0;
		font-size: 1.3rem;
		line-height: 1.3;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
	}
	.select_action .action_area li.selected span,
	.message_action .action_area li.selected span {
		margin: 0 0 0 15px;
		padding: 0;
		border: none;
	}
	.select_action .action_area,
	.message_action .action_area {
		min-width: 130px;
		float: none;
	}
	.select_action .action_area li .change_phase,
	.select_action .action_area li .change_group,
	.select_action .action_area li .change_message {
		min-width: 42%;
		padding: 10px 20px;
		position: absolute;
		left: 20px;
		bottom: 10px;
	}
	.select_action .action_area li .change_message {
		left: auto;
		right: 20px;
	}
	.select_action .action_area li .dropout,
	.select_action .action_area li .delete_article {
		min-width: 42%;
		position: absolute;
		right: 20px;
		bottom: 10px;
	}
	.message_action .action_area li .delete_message,
	.message_action .action_area li .edit_message{
		min-width: 30%;
		position: absolute;
		bottom: 10px;
	}
	.message_action .action_area li .delete_message {
		right: 22px;
	}
	.message_action.type_double .action_area li .delete_message {
		right: calc(22px + 29.5% + 10px);
	}
	.message_action .action_area li .edit_message {
		right: 22px;
	}
	.select_action.type_single,
	.message_action.type_single {
		height: auto;
	}
	.select_action.type_single .action_area li.selected,
	.message_action.type_single .action_area li.selected {
		position: static;
	}
	/* .type_three */
	.select_action.type_three .action_area li .change_group {
		min-width: 42%;
		padding: 10px 20px;
		position: absolute;
		left: 20px;
		bottom: 10px;
	}
	.select_action.type_three .action_area li .change_phase {
		min-width: 42%;
		padding: 10px 20px;
		position: absolute;
		left: auto;
		right: 20px;
		bottom: 10px;
	}
	.select_action.type_three .action_area li .dropout,
	.select_action.type_three .action_area li .delete_article {
		min-width: 42%;
		position: absolute;
		right: 20px;
		top: 10px;
		bottom: auto;
	}
	/* .plan_free .select_action {
		height: 60px;
	} */
}
@media only screen and (max-width: 500px) {
	.message_action.type_single .action_area li{
		min-width: 30%;
	}
	.message_action .action_area li {
		margin: 0;
	}
}

/* ------------------------------------
	user_add
------------------------------------ */
.type_column_two.type_edit {
	margin: 25px 0 0;
	justify-content: flex-start;
}
.type_column_two.type_edit .column_l {
	width: calc(100% - 245px);
	max-width: 700px;
}
.type_column_two.type_edit .column_l .inner {
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
}
.type_column_two.type_edit .form_area {
	width: 450px;
	margin: 20px auto;
	background: #FFF;
}
.type_column_two.type_edit .form_area dt {
	margin: 0 0 10px;
}
.type_column_two.type_edit .form_area dd {
	margin: 0 0 50px;
}
.type_column_two.type_edit .form_area dl:last-child dd {
	margin: 0 0 20px;
}
.input_wrap.type_textarea textarea {
	min-height: 150px;
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 1px solid #e2e2e2;
}
.input_wrap.type_textarea textarea.focus_in {
	border-bottom: 1px solid #2AB6CF;
}
.error .input_wrap.type_textarea textarea {
	width: 90%;
	border-bottom: 1px solid #FF3B00;
}
.form_area .error .input_wrap.type_textarea:before {
	top: auto;
	bottom: 0;
	right: -30px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.type_column_two.type_edit .column_r {
	width: 215px;
	margin: 0 0 0 32px;
	padding: 0;
	box-shadow: none;
	background: transparent;
}
.type_column_two.type_edit .btn_area {
	width: 215px;
	position: static;
	padding: 0;
}
.type_column_two.type_edit .btn_area.fixed {
	position: fixed;
	top: 30px;
}
.type_column_two.type_edit .btn_area li {
	margin: 0 0 10px;
}
.type_column_two.type_edit .btn_area li .basic_btn.submit_btn {
	min-width: 100%;
	border: 1px solid rgba(15, 173, 201, 1);
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.type_column_two.type_edit .btn_area li .basic_btn.cancel_btn {
	min-width: 100%;
	color: #0FADC9;
	background: #FFF;
	border: 1px solid rgba(15, 173, 201, 1);
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.type_column_two.type_edit .btn_area li.last {
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #E2E2E2;
}
.type_column_two.type_edit .btn_area li .basic_btn.delete_btn {
	min-width: 100%;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}

@media only screen and (max-width: 1280px){
	.type_column_two.type_edit {
		display: -webkit-box;
		display: flex;
	}
	.type_column_two.type_edit .column_l {
		/* width: 100%; */
	}
	.type_column_two.type_edit .column_r {
		/* width: 100%;
		margin: 0; */
	}
	.type_column_two.type_edit .btn_area {
		/* width: 100%; */
		/* position: static; */
		text-align: center;
	}
	.type_column_two.type_edit .btn_area li {
		margin: 5px 10px;
		display: inline-block;
	}
	.type_column_two.type_edit .btn_area li .basic_btn.submit_btn {
		width: 200px;
	}
	.type_column_two.type_edit .btn_area li .basic_btn.cancel_btn {
		width: 200px;
		padding: 13px 28px;
	}
}

@media only screen and (max-width: 1150px){
	.type_column_two.type_edit {
		display: block;
	}
	.type_column_two.type_edit .column_l {
		max-width: none;
		max-width: auto;
		max-width: initial;
		width: 100%;
	}
	.type_column_two.type_edit .column_r {
		width: 100%;
		margin: 0;
	}
	.type_column_two.type_edit .btn_area {
		width: 100%;
		position: static;
	}
	.type_column_two.type_edit .btn_area.fixed {
		position: static;
	}
}

@media only screen and (max-width: 768px){
	.type_column_two.type_edit .form_area {
		width: 100%;
		margin: 0 auto;
	}
	.type_column_two.type_edit .column_l {
		padding: 30px 5%;
	}
	.type_column_two.type_edit .form_area dl:last-child dd {
		margin: 0;
	}
}

/* ------------------------------------
	type_column_two single_page
------------------------------------ */
.type_column_two.single_page .inner {
	max-width: 100%;
	color: #333;
}
.type_column_two.single_page p {
	margin: 0 0 30px;
	font-size: 1.4rem;
}
.type_column_two.single_page a {
	color: #05BFEE;
	text-decoration: underline;
}
/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .type_column_two.single_page a:hover {
		text-decoration: none;
	}
}
.type_column_two.single_page h3 {
	margin: 0 0 35px;
	padding: 10px 0 10px 16px;
	font-weight: normal;
	font-size: 2rem;
	background: rgba(7, 141, 232, 0.09);
	border-left: 5px solid #05BFEE;
}
.type_column_two.single_page h4 {
	margin: 0 0 20px;
	padding: 0 0 0 16px;
	font-weight: normal;
	font-size: 1.6rem;
	border-left: 3px solid #05BFEE
}
.type_column_two.single_page h5 {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-weight: normal;
	font-size: 1.6rem;
	position: relative;
}
.type_column_two.single_page h5:before {
	content: "";
	display: block;
	width: 10px;
	height: 3px;
	background: #05BFEE;
	position: absolute;
	top: 15px;
	left: 0;
}

/* list */
.type_column_two.single_page .basic_ol {
	margin: 0 0 30px;
	counter-reset:list-count;
}
.type_column_two.single_page .basic_ol ol {
	margin: 20px 0 0 0;
	counter-reset:list-count;
}
.type_column_two.single_page .basic_ol li {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	padding: 0px 0px 25px 25px;
	font-size: 1.4rem;
}
.type_column_two.single_page .basic_ol li:before {
	counter-increment:list-count;
	content: counter(list-count)"";
	background: rgba(7, 141, 232, 0.09);
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 10px 20px -25px;
	text-align: center;
	color: #088EE8;
	line-height: 25px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, arial;
}
.type_column_two.single_page .basic_ol li li {
	padding: 0px 0px 25px 35px;
}
.type_column_two.single_page .basic_ol ol li:before {
	margin: 0px 0px 20px -30px;
	background: transparent;
	color: #222;
	content: "("counter(list-count)")";
}
.type_column_two.single_page .basic_ul {
	margin: 0 0 30px;
	padding: 0 0 0 15px;
}
.type_column_two.single_page .basic_ul ul {
	margin: 20px 0 0;
}
.type_column_two.single_page .basic_ul li {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	padding: 0px 0px 25px 20px;
	font-size: 1.4rem;
	position: relative;
}
.type_column_two.single_page .basic_ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 10px;
	left: 0;
	background: #05BFEE;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.type_column_two.single_page .basic_ul ul li {
	padding: 0 0 30px 20px;
}
.type_column_two.single_page .basic_ul ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: none;
	position: absolute;
	top: 10px;
	left: 0;
	background: #999;
	border-radius: 50%;
}
.type_column_two.single_page .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 */
.type_column_two.single_page table {
	width: 100%;
	margin: 0 0 30px;
	font-size: 1.4rem;
	border-top: 1px solid #E2E2E3;
	border-left: 1px solid #E2E2E3;
}
.type_column_two.single_page table th {
	background: rgba(226, 226, 226, 0.2);
}
.type_column_two.single_page table th,
.type_column_two.single_page table td {
	padding: 15px;
	border-right: 1px solid #E2E2E3;
	border-bottom: 1px solid #E2E2E3;
}

/* responsive table 	*/
@media only screen and (max-width: 768px) {
	.type_column_two.single_page .rsp_tbl {
		overflow: hidden;
	}
	.type_column_two.single_page .rsp_tbl table {
		width: 100% !important;
	}
	.type_column_two.single_page table th,
	.type_column_two.single_page table td {
		padding: 10px;
	}
	.type_column_two.single_page .rsp_tbl table th,
	.type_column_two.single_page .rsp_tbl table td {
		width: 100% !important;
		display: block;
	}
}

/* ------------------------------------
	type_column_two single_page
------------------------------------ */
.type_column_two.single_page .inner {
	max-width: 100%;
	color: #333;
}
.type_column_two.single_page p {
	margin: 0 0 30px;
	font-size: 1.4rem;
}
.type_column_two.single_page a {
	color: #05BFEE;
	text-decoration: underline;
}
/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .type_column_two.single_page a:hover {
		text-decoration: none;
	}
}
.type_column_two.single_page h3 {
	margin: 0 0 35px;
	padding: 10px 0 10px 16px;
	font-weight: normal;
	font-size: 2rem;
	background: rgba(7, 141, 232, 0.09);
	border-left: 5px solid #05BFEE;
}
.type_column_two.single_page h4 {
	margin: 0 0 20px;
	padding: 0 0 0 16px;
	font-weight: normal;
	font-size: 1.6rem;
	border-left: 3px solid #05BFEE
}
.type_column_two.single_page h5 {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-weight: normal;
	font-size: 1.6rem;
	position: relative;
}
.type_column_two.single_page h5:before {
	content: "";
	display: block;
	width: 10px;
	height: 3px;
	background: #05BFEE;
	position: absolute;
	top: 15px;
	left: 0;
}

/* list */
.type_column_two.single_page .basic_ol {
	margin: 0 0 30px;
	counter-reset:list-count;
}
.type_column_two.single_page .basic_ol ol {
	margin: 20px 0 0 0;
	counter-reset:list-count;
}
.type_column_two.single_page .basic_ol li {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	padding: 0px 0px 25px 25px;
	font-size: 1.4rem;
}
.type_column_two.single_page .basic_ol li:before {
	counter-increment:list-count;
	content: counter(list-count)"";
	background: rgba(7, 141, 232, 0.09);
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 10px 20px -25px;
	text-align: center;
	color: #088EE8;
	line-height: 25px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, arial;
}
.type_column_two.single_page .basic_ol li li {
	padding: 0px 0px 25px 35px;
}
.type_column_two.single_page .basic_ol ol li:before {
	margin: 0px 0px 20px -30px;
	background: transparent;
	color: #222;
	content: "("counter(list-count)")";
}
.type_column_two.single_page .basic_ul {
	margin: 0 0 30px;
	padding: 0 0 0 15px;
}
.type_column_two.single_page .basic_ul ul {
	margin: 20px 0 0;
}
.type_column_two.single_page .basic_ul li {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
	line-height: 24px;
	padding: 0px 0px 25px 20px;
	font-size: 1.4rem;
	position: relative;
}
.type_column_two.single_page .basic_ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 10px;
	left: 0;
	background: #05BFEE;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.type_column_two.single_page .basic_ul ul li {
	padding: 0 0 30px 20px;
}
.type_column_two.single_page .basic_ul ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: none;
	position: absolute;
	top: 10px;
	left: 0;
	background: #999;
	border-radius: 50%;
}
.type_column_two.single_page .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 */
.type_column_two.single_page table {
	width: 100%;
	margin: 0 0 30px;
	font-size: 1.4rem;
	border-top: 1px solid #E2E2E3;
	border-left: 1px solid #E2E2E3;
}
.type_column_two.single_page table th {
	background: rgba(226, 226, 226, 0.2);
}
.type_column_two.single_page table th,
.type_column_two.single_page table td {
	padding: 15px;
	border-right: 1px solid #E2E2E3;
	border-bottom: 1px solid #E2E2E3;
}

/* responsive table 	*/
@media only screen and (max-width: 768px) {
	.type_column_two.single_page .rsp_tbl {
		overflow: hidden;
	}
	.type_column_two.single_page .rsp_tbl table {
		width: 100% !important;
	}
	.type_column_two.single_page table th,
	.type_column_two.single_page table td {
		padding: 10px;
	}
	.type_column_two.single_page .rsp_tbl table th,
	.type_column_two.single_page .rsp_tbl table td {
		width: 100% !important;
		display: block;
	}
}

/* ------------------------------------
	user_add_finish
------------------------------------ */
.action_msg {
	margin: 30px 0;
	font-size: 1.4rem;
	color: #1D1E24;
}
.action_msg span {
	margin: 0 10px 0 0;
	font-weight: 600;
}
.follow_link a {
	margin: 0 10px 10px;
}

@media only screen and (max-width: 768px){
	.follow_link {
		text-align: center;
	}
}

/* ------------------------------------
	article_list
------------------------------------ */

.tbl_wrap.type_list .private_line {
	background: #F7F7F7;
}
.tbl_wrap table tbody tr.private_line td:first-of-type:before,
.tbl_wrap table tbody tr.private_line td:last-of-type:before {
	background: #F7F7F7;
}

/* .capacity */
.tbl_wrap.type_list thead tr {
	position: relative;
}
.tbl_wrap.type_list thead .capacity {
	width: 80px;
	white-space: nowrap;
	display: none;
}
.tbl_wrap.type_list tbody .capacity {
	text-align: right;
	white-space: nowrap;
	display: none;
}

/* .article_ttl */
.tbl_wrap.tbl_article thead .article_ttl {
	width: 130px;
}
.tbl_wrap.tbl_article tbody .article_ttl {
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .category */
.tbl_wrap.tbl_article thead .category {
	width: 100px;
}
.tbl_wrap.tbl_article tbody .category {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

/* .phase */
.tbl_wrap.tbl_article thead .phase {
	width: 100px;
}
.tbl_wrap.tbl_article tbody .phase {
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .group */
.tbl_wrap.tbl_article thead .group {
	width: 100px;
}
.tbl_wrap.tbl_article tbody .group {
	max-width: 100px;
	text-align: center;
	white-space: nowrap;
}

/* .update */
.tbl_wrap.tbl_article thead .update {
	width: 90px;
}
.tbl_wrap.tbl_article tbody .update {
	max-width: 90px;
	text-align: center;
	white-space: nowrap;
}

/* .browse */
.tbl_wrap.tbl_article thead .browse {
	width: 80px;
}
.tbl_wrap.tbl_article tbody .browse {
	text-align: right;
}

/* .author */
.tbl_wrap.tbl_article thead .author {
	width: 80px;
}
.tbl_wrap.tbl_article tbody .author {
	text-align: center;
}

/* .nice */
.tbl_wrap thead .nice {
	width: 130px;
	white-space: nowrap;
}
.tbl_wrap tbody .nice {
	text-align: center;
}
.tbl_wrap tbody .nice > span {
	margin: 0 0.2em;
	display: inline-block;
	font-family: 'recruiting_plus';
	line-height: 1.2;
}
.tbl_wrap tbody .nice > span::before {
	margin-right: 0.2em;
}
.tbl_wrap tbody .nice .like::before {
	margin-right: 0.1em;
	font-size: 110%;
	content: "\e944";
	color: #03A1CC;
}
.tbl_wrap tbody .nice .check::before {
	content: "\e912";
	color: #FF8835;
}
.tbl_wrap tbody .nice .smile::before {
	content: "\e946";
	color: #FF6685;
}

/* .state */
.tbl_wrap.tbl_article thead .state {
	width: 80px;
}
.tbl_wrap.tbl_article tbody .state {
	text-align: center;
}

/* .edit */
.tbl_wrap table thead .edit {
	padding: 15px;
}
.tbl_wrap table thead .edit span:before {
	content: none;
}
.tbl_wrap table tbody .edit {
	width: 45px;
	padding: 15px 30px 15px 0;
}
.tbl_wrap table .edit span {
	display: block;
}
.tbl_wrap table .edit span:before {
	content: "\e922";
	color: #00BCC4;
	font-family: 'recruiting_plus';
	font-size: 1.5rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* ------------------------------------
	snap_list
------------------------------------ */
/* .snap_thumb */
.tbl_wrap.tbl_snap thead .snap_thumb {
	width: 145px;
	text-align: center;
}
.tbl_wrap.tbl_snap tbody .snap_thumb figure {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}
.tbl_wrap.tbl_snap tbody .snap_thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tbl_wrap.tbl_snap tbody .snap_thumb .port img {
	width: 100%;
	height: auto;
}
.tbl_wrap.tbl_snap tbody .snap_thumb .land img {
	width: auto;
	height: 100%;
}

/* .img_num */
.tbl_wrap.tbl_snap thead .img_num {
	width: 65px;
}
.tbl_wrap.tbl_snap tbody .img_num {
	text-align: right;
}

/* .category */
.tbl_wrap.tbl_snap thead .category {
	width: 100px;
}
.tbl_wrap.tbl_snap tbody .category {
	text-align: center;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .phase */
.tbl_wrap.tbl_snap thead .phase {
	width: 100px;
}
.tbl_wrap.tbl_snap tbody .phase {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .group */
.tbl_wrap.tbl_snap thead .group {
	width: 100px;
}
.tbl_wrap.tbl_snap tbody .group {
	max-width: 100px;
	text-align: center;
	white-space: nowrap;
}

/* .update */
.tbl_wrap.tbl_snap thead .update {
	width: 90px;
}
.tbl_wrap.tbl_snap tbody .update {
	max-width: 90px;
	text-align: center;
	white-space: nowrap;
}

/* .browse */
.tbl_wrap.tbl_snap thead .browse {
	width: 80px;
}
.tbl_wrap.tbl_snap tbody .browse {
	text-align: right;
}

/* .author */
.tbl_wrap.tbl_snap thead .author {
	width: 80px;
}
.tbl_wrap.tbl_snap tbody .author {
	text-align: center;
}

/* .nice */
.tbl_wrap.tbl_snap thead .nice {
	width: 150px;
}

/* .state */
.tbl_wrap.tbl_snap thead .state {
	width: 80px;
}
.tbl_wrap.tbl_snap tbody .state {
	text-align: center;
	white-space: nowrap;
}

@media only screen and (max-width: 768px){
	.tbl_wrap.tbl_snap tbody .snap_thumb figure {
		width: 100px;
		height: 100px;
	}
}

/* ------------------------------------
	phase_list
------------------------------------ */
/* .table_info */
.table_info {
	color: #333;
}
.table_info dt {
	display: inline-block;
	margin: 10px 0 10px 0;
	padding: 0 18px 0 20px;
	cursor: pointer;
	font-size: 1.3rem;
	position: relative;
	background: url(/2027/img/admin/common/icon_info.png) no-repeat left 4px;
	background-size: 15px auto;
}
.table_info dt:before {
	content: "\e903";
	color: #6E6E6E;
	font-family: 'recruiting_plus';
	font-size: 1rem;
	line-height: 1;
	position: absolute;
	top: 6px;
	right: 0;
	-webkit-transform: scale(0.6) rotate(180deg);
	transform: scale(0.6) rotate(180deg);
	transition: all 0.3s ease-out;
}
.table_info dt.open:before {
	-webkit-transform: scale(0.6) rotateY(180deg);
	transform: scale(0.6) rotateY(180deg);
}
.table_info dd {
	display: none;
}
.table_info dd .inner {
	margin: 10px 0 15px 0;
	padding: 30px 40px;
	font-size: 1.4rem;
	background: #FFF;
}
.table_info dd .inner p:nth-child(n+2) {
	margin: 20px 0 0 0;
}
.pn_wrap.absolute {
	position: absolute;
	top: 0;
	right: 0;
}

/* division */
.tbl_wrap.tbl_list thead .division {
	width: 250px;
}
.tbl_wrap.tbl_list tbody .division {
	text-align: center;
	color: #0FADC9;
}
.tbl_wrap.tbl_list tbody .division span {
	padding: 0 0 0 20px;
	position: relative;
	font-weight: 600;
}
.tbl_wrap.tbl_list tbody tr:first-child .division span:before {
	content: "\e917";
	color: #00BCC4;
	font-family: 'recruiting_plus';
	font-size: 1rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

/* .phase・category・group */
.tbl_wrap.tbl_list thead .phase {
	/*width: 500px;*/
}
.tbl_wrap.tbl_list tbody .phase div {
	padding: 0 0 0 20px;
}
.tbl_wrap.tbl_list tbody .phase a,
.tbl_wrap.tbl_list tbody .category a,
.tbl_wrap.tbl_list tbody .group a {

}
.tbl_wrap.tbl_list tbody .phase > div > a > span {
	padding: 0;
}
.tbl_wrap.tbl_list tbody .phase > div > a > span:before {
	left: -15px;
}
.tbl_wrap.tbl_list tbody .phase span.initial,
.tbl_wrap.tbl_list tbody .category span.initial,
.tbl_wrap.tbl_list tbody .group span.initial {
	display: inline-block;
	color: #0FADC9;
	background: rgba(15, 173, 201, .15);
	padding: 5px 8px;
	margin: 0 0 0 10px;
	border-radius: 4px;
}

/* .snap・nop */
.tbl_wrap.tbl_list thead .snap,
.tbl_wrap.tbl_list thead .nop {
	width: 120px;
}
.tbl_wrap.tbl_list tbody .snap,
.tbl_wrap.tbl_list tbody .nop {
	text-align: right;
}

/* .edit */
.tbl_wrap.tbl_list thead .edit {
}
.tbl_wrap.tbl_list tbody .edit span {
	margin: 0 0 0 80px;
}
@media only screen and (max-width: 1500px){
	.tbl_wrap.tbl_list tbody .phase a,
	.tbl_wrap.tbl_list tbody .category a,
	.tbl_wrap.tbl_list tbody .group a {
		max-width: 500px;
	}
}
@media only screen and (max-width: 1280px){
	.tbl_wrap.tbl_list tbody .phase a,
	.tbl_wrap.tbl_list tbody .category a,
	.tbl_wrap.tbl_list tbody .group a {
		max-width: 220px;
	}
}
@media only screen and (max-width: 768px){
	.tbl_wrap.tbl_list tbody .phase div,
	.tbl_wrap.tbl_list tbody .category div,
	.tbl_wrap.tbl_list tbody .group div {
		max-width: 390px;
	}
	.tbl_wrap.tbl_list tbody .phase a,
	.tbl_wrap.tbl_list tbody .category a,
	.tbl_wrap.tbl_list tbody .group a {
		max-width: 275px;
	}
	.pn_wrap.absolute {
		position: static;
	}
}

/* ------------------------------------
	admin_list
------------------------------------ */
/* division */
.tbl_wrap.tbl_admin thead .division {
	width: 250px;
}
.tbl_wrap.tbl_admin tbody .division {
	text-align: center;
	color: #0FADC9;
}
.tbl_wrap.tbl_admin tbody .division span {
	padding: 0 0 0 20px;
	position: relative;
	font-weight: 600;
}
.tbl_wrap.tbl_admin tbody tr:first-child .division span:before {
	content: "\e917";
	color: #00BCC4;
	font-family: 'recruiting_plus';
	font-size: 1rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

/* .admin_name */
.tbl_wrap.tbl_admin thead .admin_name {
	/*width: 680px;*/
}
.tbl_wrap.tbl_admin tbody .admin_name div {
	display: inline-block;
	position: relative;
	padding-right: 18rem;
	width: 100%;
	max-width: 650px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 .tbl_wrap.tbl_admin tbody .admin_name a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	max-width: 490px;
}
.tbl_wrap.tbl_admin tbody .admin_name span.current {
	position: absolute;
	color: #0FADC9;
	background: rgba(15, 173, 201, .15);
	padding: 5px 8px;
	margin: 0 10px;
	border-radius: 4px;
	top: -4px;
}

/* .email */
.tbl_wrap.tbl_admin thead .email {
	width: 200px;
}
.tbl_wrap.tbl_admin tbody .email {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .authority */
.tbl_wrap.tbl_admin thead .authority {
	width: 120px;
}
.tbl_wrap.tbl_admin tbody .authority {
	text-align: center;
}

/* .edit */
.tbl_wrap.tbl_admin tbody .edit span {
	margin: 0 0 0 80px;
}
@media only screen and (max-width: 1500px){
	.tbl_wrap.tbl_admin tbody .admin_name a {
		max-width: 320px;
	}
}
@media only screen and (max-width: 1280px){
	.tbl_wrap.tbl_admin tbody .admin_name a {
		max-width: 160px;
	}
}
@media only screen and (max-width: 768px){
	.tbl_wrap.tbl_admin tbody .admin_name a {
		max-width: 160px;
	}
}

/* ------------------------------------
	key_visual_list
------------------------------------ */
/* .key_visual_thumb */
.tbl_wrap.tbl_key_visual thead .key_visual_thumb {
	width: 250px;
	text-align: center;
}
.tbl_wrap.tbl_key_visual tbody .key_visual_thumb figure {
	width: 196px;
	height: 72px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}
.tbl_wrap.tbl_key_visual tbody .key_visual_thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tbl_wrap.tbl_key_visual tbody .key_visual_thumb .port img {
	width: 100%;
	height: auto;
}
.tbl_wrap.tbl_key_visual tbody .key_visual_thumb .land img {
	width: 100%;
	height: auto;
}

/* .catch_copy */
.tbl_wrap.tbl_key_visual tbody .catch_copy {
	/*text-align: center;*/
}

/* .author */
.tbl_wrap.tbl_key_visual thead .author {
	width: 90px;
}
.tbl_wrap.tbl_key_visual tbody .author {
	text-align: center;
}

/* .state */
.tbl_wrap.tbl_key_visual thead .state {
	width: 100px;
}
.tbl_wrap.tbl_key_visual tbody .state {
	text-align: center;
}

/* ------------------------------------
	fixed_page_list
------------------------------------ */
.fixed_note dt {
	margin: 7px 0 10px 20px;
}
/* .title */
.tbl_wrap.tbl_fixed_page tbody .title {
	/*text-align: center;*/
}

/* .update */
.tbl_wrap.tbl_fixed_page thead .update {
	width: 180px;
}
.tbl_wrap.tbl_fixed_page tbody .update {
	text-align: center;
}

/* .author */
.tbl_wrap.tbl_fixed_page thead .author {
	width: 150px;
}
.tbl_wrap.tbl_fixed_page tbody .author {
	text-align: center;
}

/* .state */
.tbl_wrap.tbl_fixed_page thead .state {
	width: 100px;
}
.tbl_wrap.tbl_fixed_page tbody .state {
	text-align: center;
}

@media only screen and (max-width: 768px){
}

/* ------------------------------------
	preview_switch
------------------------------------ */
/* .preview_switch {
	margin: 40px 0 60px;
}
.preview_switch ul {
	display: -webkit-box;
	display: flex;
	justify-content: center;
}
.preview_switch ul li {
	margin: 0 5px;
}
.preview_switch ul li button {
	background: #0FADC9;
	border: 1px solid #0FADC9;
	color: #fff;
	padding: 13px 20px;
	width: 240px;
}
@media only screen and (max-width: 768px){
	.preview_switch ul {
		display: block;
		margin: 0 auto;
	}
	.preview_switch ul li {
		margin: 0 20px;
	}
	.preview_switch ul li:not(:first-child) {
		margin: 20px 20px 0;
	}
	.preview_switch ul li button {
		width: 100%;
	}
} */

/* ------------------------------------
	admin add
------------------------------------ */
.authority_set .radio_wrap {
	margin: 5px 20px 0 0;
}
.authority_set .radio_wrap + .note {
	margin: 0 0 5px 0;
}
.authority_set .radio_wrap label span {
	color: #1D1E24;
}
.authority_set .radio_wrap + .note {
	font-size: 1.1rem;
	color: #6E6E6E;
}

@media only screen and (max-width: 1280px){
	.type_column_two.type_edit .btn_area li.last {
		width: 200px;
		display: block;
		margin: 30px auto 0;
	}
}

@media only screen and (max-width: 768px){
	.authority_set .radio_wrap + .note {
		margin: 7px 0 5px;
		display: block;
	}
}

/* ------------------------------------
	company
------------------------------------ */
.page_desc {
	margin: 0 0 30px;
	font-size: 1.4rem;
	color: #1D5B83;
}
.column_registed .form_area {
	margin: 20px 60px;
}
.column_registed .regist_inner {
	margin: 0 auto;
}
.column_registed .logo {
	width: 360px;
	height: 206px;
	margin: 0 0 25px;
	overflow: hidden;
	position: relative;
	border: 1px solid #E2E2E2;
	border-radius: 2px;
}
.column_registed .logo img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.column_registed figure.land img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_registed figure.port img {
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	opacity: 1;
}

/* column_registed .dropzone */
.column_registed .dropzone {
	margin: 0 auto 20px;
	max-width: 620px;
	height: 206px;
	position: relative;
}
.column_registed .dropzone > p {
	font-size: 1.1rem;
	margin-top: 10px;
	position: absolute;
	right: 182px;
}
.column_registed .dropzone > .delete {
	background: #FFE8E6;
	color: #C92700;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	min-width: auto;
	min-width: initial;
	padding: 5px 20px;
	font-size: 1.3rem;
}
.column_registed .dropzone .file_view {
	width: 360px;
	height: 206px;
	background: #F5F5F5;
	position: relative;
	overflow: hidden;
}
.column_registed .dropzone .file_view label  > input {
	opacity: 0;
}
.column_registed .dropzone .file_view label {
	width: 100%;
	height: 206px;
	position: relative;
	display: block;
	background: #F5F5F5 url(/2027/img/admin/article/fileview.png) no-repeat center center;
	background-size: 110px 110px;
}
.column_registed .dropzone .file_view .fileup {
	width: 360px;
	height: 206px;
	background: none;
	border: none;
}
.column_registed .dropzone .file_view img {
	position: absolute;
	opacity: 0;
}
.column_registed .dropzone .file_view.land img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_registed .dropzone .file_view.port img {
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_registed .form_area .type_confirm:first-of-type {
	margin-top: 50px;
}

@media only screen and (max-width: 1280px){
	.column_registed .dropzone {
		max-width: auto;
		max-width: initial;
	}
}
@media only screen and (max-width: 768px){
	.column_registed .dropzone {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.column_registed .dropzone > p {
		margin-top: 15px;
		position: static;
		text-align: center;
	}
	.column_registed .dropzone > .delete {
		right: auto;
		left: 320px;
	}
	.column_registed .logo,
	.column_registed .dropzone .file_view,
	.column_registed .dropzone .file_view .fileup {
		width: 300px;
		height: 171px;
	}
	.column_registed .dropzone .file_view label {
		height: 171px;
	}
}
@media only screen and (max-width: 500px){
	.column_registed .dropzone > .delete {
		left: 200px;
	}
	.column_registed .logo,
	.column_registed .dropzone .file_view,
	.column_registed .dropzone .file_view .fileup {
		width: 180px;
		height: 103px;
	}
	.column_registed .dropzone .file_view label {
		height: 103px;
		background-size: 80px 80px;
	}
}

/* ------------------------------------
	site employment
------------------------------------ */
.column_employment .form_area {
	margin: 20px 60px;
}
.column_employment .employment_inner {
	margin: 0 auto;
}
.column_employment .ogp {
	width: 360px;
	height: 206px;
	margin: 0 0 25px;
	overflow: hidden;
	position: relative;
	border: 1px solid #E2E2E2;
}
.column_employment .ogp img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.column_employment figure.land img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_employment figure.port img {
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_employment .color_width {
	max-width: 340px;
}
.column_employment .bg_line.color_width .radio_wrap:before {
	top: -3px;
}
.column_employment .site_color {
	width: 20px;
	height: 20px;
	display: block;
}

/* column_employment .preview */
.column_employment .preview_wrap {
	margin-top: 20px;
	width: 100%;
}
.column_employment .preview_wrap strong {
	font-size: 1.2rem;
	font-weight: bold;
}
.column_employment #preview_line {
	margin-top: 5px;
	width: 100%;
	background: #fff;
	text-align: center;
	transition: all .3s;
}
.column_employment #preview_line p {
	color: #fff;
	font-size: 1.3rem;
	font-weight: lighter;
	padding: 5px 0;
	text-align: center;
	font-family: -apple-system, 'BlinkMacSystemFont';
}

.column_employment .color_box {
	width: 20px;
	height: 20px;
	display: block;
	padding: 0;
}
.column_employment .site_color.color01,
.column_employment .color_box.color01,
.column_employment #preview_line.color01 { background: #2D9CC6; }

.column_employment .site_color.color02,
.column_employment .color_box.color02,
.column_employment #preview_line.color02 { background: #E03455; }

.column_employment .site_color.color03,
.column_employment .color_box.color03,
.column_employment #preview_line.color03 { background: #D876BD; }

.column_employment .site_color.color04,
.column_employment .color_box.color04,
.column_employment #preview_line.color04 { background: #596AC7; }

.column_employment .site_color.color05,
.column_employment .color_box.color05,
.column_employment #preview_line.color05 { background: #61B5A8; }

.column_employment .site_color.color06,
.column_employment .color_box.color06,
.column_employment #preview_line.color06 { background: #6EBF71; }

.column_employment .site_color.color07,
.column_employment .color_box.color07,
.column_employment #preview_line.color07 { background: #D4D54F; }

.column_employment .site_color.color08,
.column_employment .color_box.color08,
.column_employment #preview_line.color08 { background: #EA9C4E; }

.column_employment .site_color.color09,
.column_employment .color_box.color09,
.column_employment #preview_line.color09 { background: #765A48; }

.column_employment .site_color.color10,
.column_employment .color_box.color10,
.column_employment #preview_line.color10 { background: #222222; }

/* column_employment .dropzone */
.column_employment .dropzone {
	margin: 0 auto 20px;
	max-width: 620px;
	height: 206px;
	position: relative;
}
.column_employment .dropzone > p {
	font-size: 1.1rem;
	margin-top: 10px;
	position: absolute;
	right: 182px;
}
.column_employment .dropzone > .delete {
	background: #FFE8E6;
	color: #C92700;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	min-width: auto;
	min-width: initial;
	padding: 5px 20px;
	font-size: 1.3rem;
}
.column_employment .dropzone .file_view {
	width: 360px;
	height: 206px;
	background: #F5F5F5;
	position: relative;
	overflow: hidden;
}
.column_employment .dropzone .file_view label  > input {
	opacity: 0;
}
.column_employment .dropzone .file_view label {
	width: 100%;
	height: 206px;
	position: relative;
	display: block;
	background: #F5F5F5 url(/2027/img/admin/article/fileview.png) no-repeat center center;
	background-size: 110px 110px;
}
.column_employment .dropzone .file_view .fileup {
	width: 360px;
	height: 206px;
	background: none;
	border: none;
}
.column_employment .dropzone .file_view img {
	position: absolute;
	opacity: 0;
}
.column_employment .dropzone .file_view.land img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_employment .dropzone .file_view.port img {
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.column_employment .form_area .type_confirm:first-of-type {
	margin-top: 50px;
}

@media only screen and (max-width: 1280px){
	.column_employment .dropzone {
		max-width: auto;
		max-width: initial;
	}
}
@media only screen and (max-width: 768px){
	.column_employment .bg_line.color_width .radio_wrap {
		margin: 0 13px 0 0;
	}
	.column_employment .dropzone {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.column_employment .dropzone > p {
		margin-top: 15px;
		position: static;
		text-align: center;
	}
	.column_employment .dropzone > .delete {
		right: auto;
		left: 320px;
	}
	.column_employment .ogp,
	.column_employment .dropzone .file_view,
	.column_employment .dropzone .file_view .fileup {
		width: 300px;
		height: 171px;
	}
	.column_employment .dropzone .file_view label {
		height: 171px;
	}
}
@media only screen and (max-width: 500px){
	.column_employment .dropzone > .delete {
		left: 200px;
	}
	.column_employment .ogp,
	.column_employment .dropzone .file_view,
	.column_employment .dropzone .file_view .fileup {
		width: 180px;
		height: 103px;
	}
	.column_employment .dropzone .file_view label {
		height: 103px;
		background-size: 80px 80px;
	}
}

/* ------------------------------------
	result notification
------------------------------------ */
.type_result_notification .employment_inner {
	margin: 0 auto 60px;
	padding: 0 0 0 40px;
}
.type_result_notification .employment_inner dl {
	margin: 0 0 80px;
}
.type_result_notification textarea {
	width: 100%;
	min-height: 120px;
	padding: 8px;
	border: none;
	border-bottom: 1px solid #BEBEBE;
}
.type_result_notification textarea::placeholder {
	color: #CCCCCC;
	font-size: 1.2rem;
	line-height: 1.2;
}
.type_result_notification .input_wrap.error textarea {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}

@media only screen and (max-width: 768px){
	.type_result_notification .employment_inner {
		margin: 0 auto 50px;
		padding: 0;
	}
	.type_result_notification .employment_inner dl {
		margin: 0 0 50px;
	}
}

/* ------------------------------------
	type_column_two
------------------------------------ */
.type_column_two {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.column_commom {
	border-radius: 2px;
	background: #FFF;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.column_commom h3 {
	font-weight: 500;
	color: #1D1E24;
}
/* .column_l */
.column_l {
	width: calc(100% - 345px);
	padding: 50px 40px;
}
.column_l .inner {
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
}
.column_l .column_flex {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
.column_l h3 {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 16px;
}
.column_l h3:not(:first-child) {
	margin: 33px 0 16px;
}
/* .column_r */
.column_r {
	width: 325px;
	padding: 40px 20px;
}
.column_r h3 {
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 20px;
}
.column_input_wrap section:not(:first-child) {
	margin-top: 40px;
}
.column_input_wrap .input_select {
	font-size: 1.3rem;
}
.column_input_wrap .input_select .check_wrap span {
	padding: 2px 0 0 15px;
	display: block;
}
.column_input_wrap .input_select .check_wrap:before {
	padding: 2px 1px;
}
.column_input_wrap .input_select select {
	padding: 0 7px;
	height: 32px;
	font-size: 1.2rem;
	display: inline-block;
	border-radius: 2px;
	margin-right: 8px;
	border: 2px solid #BEBEBE;
	transition: all 0.3s ease-out;
}
.column_input_wrap .input_select.select_disabled select {
	opacity: 0.5;
}
_:-ms-lang(x)::-ms-backdrop, .column_input_wrap .input_select select {
	padding: 0 0 0 8px;
	width: 65px;
}
.column_input_wrap .input_select.select_width select {
	width: 100%;
	margin: 0 !important;
}
.column_input_wrap .input_select.error select {
	border: 1px solid #FF3B00 !important;
}
.column_input_wrap .input_select select:not(:first-child) {
	margin-left: 7px;
}
.column_input_wrap .input_select div:not(:last-child) {
	margin-bottom: 15px;
}
/* .disabled */
.column_input_wrap .input_select.disabled {
	color: #BEBEBE;
}
.column_input_wrap .input_select.disabled h3 {
	color: #BEBEBE;
}
/* .input_btn */
.column_input_wrap .input_btn {
	border-top: 1px solid #E2E2E2;
	padding-top: 40px;
	margin-top: 40px;
}
.column_input_wrap .input_btn ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.column_input_wrap .input_btn li:not(:last-child) {
	margin-bottom: 15px;
}
.column_input_wrap .input_btn .save,
.column_input_wrap .input_btn .preview {
	width: 49%;
}
.column_input_wrap .input_btn button {
	font-size: 1.3rem;
	min-width: auto;
	min-width: initial;
	width: 100%;
	padding: 13px 20px;
}
.column_input_wrap .input_btn .save button {
	color: #0FADC9;
	border: 1px solid #0FADC9;
	background: #fff;
}
.column_input_wrap .input_btn .preview button {
	color: #0FADC9;
	background: rgba(15, 173, 173, 0.15);
}
.column_input_wrap .input_btn .release {
	width: 100%;
}
.column_input_wrap .input_btn .release button {
	min-width: auto;
	width: 100%;
}
.column_input_wrap .input_btn .release button > span:before {
	content: '＋';
	line-height: 1;
	font-weight: bold;
	color: #0FADC9;
	background: #fff;
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
_:-ms-lang(x)::-ms-backdrop, .column_input_wrap .input_btn .release button > span:before {
	line-height: 1.2;
}
.column_input_wrap .input_btn .delete {
	width: 100%;
}
.column_input_wrap .input_btn .delete button {
	color: #C92700;
	background: #FFE8E6;
	border: none;
}
.column_input_wrap .input_btn ul + p {
	margin-top: 28px;
	text-align: center;
	font-size: 1.3rem;
}
.type_article .radio_margin .radio_wrap,
.type_snap .radio_margin .radio_wrap,
.type_fixed_page .radio_margin .radio_wrap,
.type_key_visual .radio_margin .radio_wrap {
	margin: 0 20px 5px 0;
}

@media only screen and (max-width: 1280px){
	.type_column_two {
		display: block;
	}
	.column_l,
	.column_r {
		width: 100%;
	}
	.column_l {
		margin-bottom: 30px;
	}
	.column_l .inner {
		max-width: auto;
		max-width: initial;
	}
}
@media only screen and (max-width: 768px){
	.column_l {
		padding: 30px 5%;
	}
	.column_input_wrap .input_select select {
		font-size: 1.6rem;
	}
}
@media only screen and (max-width: 500px){
	.column_input_wrap .input_select select {
		padding: 0 5px;
		margin-right: 5px;
	}
	_:-ms-lang(x)::-ms-backdrop, .column_input_wrap .input_select select {
		padding: 0 0 0 5px;
		width: 60px;
	}
}

/* ------------------------------------
	message template
------------------------------------ */
.type_message_template textarea {
	width: 100%;
	min-height: 120px;
	padding: 8px;
	border: none;
	border-bottom: 1px solid #BEBEBE;
}
.type_message_template textarea::placeholder {
	color: #CCCCCC;
	font-size: 1.2rem;
	line-height: 1.2;
}
.type_message_template .input_wrap.error textarea {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}

/* .type_snap */
.type_snap h4 {
	margin: 50px 0 0;
	font-size: 1.4rem;
	font-weight: 500;
	color: #1D1E24;
}
.type_snap textarea {
	width: 100%;
	min-height: 110px;
	padding: 8px;
	border: none;
	border-bottom: 1px solid #BEBEBE;
}
.type_snap textarea::placeholder {
	color: #CCCCCC;
	font-size: 1.2rem;
	line-height: 1.2;
}
.type_snap .input_wrap.error textarea {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}
.type_snap .input_wrap.error {
	position: relative;
}
.type_snap .input_wrap.error:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: auto;
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/* .dropzone */
.type_snap .dropzone {
	margin: 0 auto 20px;
	max-width: 620px;
	height: 256px;
	position: relative;
}
.type_snap .dropzone:not(:first-child) {
	margin: 60px auto 20px;
}
.type_snap .dropzone > p {
	font-size: 1.1rem;
	margin-top: 10px;
	position: absolute;
	right: 222px;
}
.type_snap .dropzone > .delete {
	background: #FFE8E6;
	color: #C92700;
	border: none;
	position: absolute;
	top: 0;
	left: 405px;
	min-width: auto;
	min-width: initial;
	padding: 5px 20px;
	font-size: 1.3rem;
}

.type_snap .dropzone .file_view {
	width: 395px;
	height: 256px;
	background: #F5F5F5;
	position: relative;
	overflow: hidden;
}

.type_snap .dropzone .file_view label  > input {
	opacity: 0;
}

.type_snap .dropzone .file_view label {
	width: 395px;
	height: 256px;
	position: relative;
	display: block;
	background: #F5F5F5 url(/2027/img/admin/snap/fileview.png) no-repeat center center;
}

.type_snap .dropzone .file_view .fileup {
	width: 395px;
	height: 256px;
	background: none;
	border: none;
}

/*.type_snap .dropzone .file_view .fileup {
	top: 50%;
	left: 50%;
	width: 10000px;
	height: 10000px;
	background: none;
	border: none;
	position: relative;
	transform: translate(-50%, -50%);
}
*/
/*.type_snap .dropzone .file_view .fileup:empty::before {
	content: "";
	top: 0;
	left: 0;
	width: 395px;
	height: 256px;
	position: absolute;
	background: #F5F5F5 url(../img/admin/fileview.png) no-repeat center center;
}*/

.type_snap .dropzone .file_view img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.type_snap .dropzone .file_view.land img {
	width: 100%;
	height: auto;
	opacity: 1;
}

.type_snap .dropzone .file_view.port img {
	width: auto;
	height: 100%;
	opacity: 1;
}

.type_snap .dropzone .thumb_view {
	right: 0;
	bottom: 60px;
	width: 128px;
	height: 128px;
	background: #F5F5F5 url(/2027/img/admin/snap/thumbview.png) no-repeat center center;
	position: absolute;
}
.type_snap .dropzone .thumb_view:before {
	content: 'サムネイルプレビュー';
	top: calc(-2rem - 15px);
	left: 50%;
	width: 134px;
	font-size:1.3rem;
	position: absolute;
	transform: translate(-50% , 0);
}
.type_snap .dropzone .thumb_view.load {
	background-image: none;
	box-shadow: 0 3px 14px rgba(0, 56, 56, 0.16);
}

.type_snap .dropzone .thumb_view figure {
	width: 128px;
	height: 128px;
	display: block;
	position: relative;
	overflow: hidden;
}

.type_snap .dropzone .thumb_view figure img {
	position: absolute;
	opacity: 0;
}

.type_snap .dropzone .thumb_view.land figure img {
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50% , 0);
	opacity: 1;
}

.type_snap .dropzone .thumb_view.port figure img {
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	opacity: 1;
}

@media only screen and (max-width: 768px){
	.type_snap .dropzone {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.type_snap .dropzone:not(:first-child) {
		margin: 40px auto 20px;
	}
	.type_snap .dropzone > p {
		margin-top: -25px;
		position: static;
		text-align: center;
	}
	.type_snap .dropzone > .delete {
		top: -35px;
		right: 0;
		left: auto;
	}
	.type_snap .dropzone .file_view {
		margin: 0 auto 30px;
	}

	.type_snap .dropzone .file_view .fileup:empty::before {
		width: 395px;
		height: 256px;
	}

	.type_snap .dropzone .thumb_view {
		margin: 50px auto 0;
		right: auto;
		bottom: auto;
		width: 128px;
		height: 128px;
		position: relative;
	}
	.type_snap .dropzone .thumb_view:before {
		content: 'サムネイルプレビュー';
		top: calc(-2rem - 10px);
		left: 50%;
		width: 130px;
		font-size:1.3rem;
		position: absolute;
		transform: translate(-50% , 0);
	}
	.type_snap .dropzone .thumb_view figure {
		width: 128px;
		height: 128px;
	}
}

@media only screen and (max-width: 500px){
	.type_snap .dropzone .file_view {
		margin: 0 auto 30px;
		width: 250px;
		height: 163px;
	}

	.type_snap .dropzone .file_view label {
		width: 250px;
		height: 163px;
	}

	.type_snap .dropzone .file_view .fileup {
		width: 250px;
		height: 163px;
	}

	.type_snap .dropzone .file_view .fileup:empty::before {
		width: 250px;
		height: 163px;
	}
}

/* ------------------------------------
	article
------------------------------------ */
/* .type_article */
.type_snap .phase_list,
.type_article .phase_list {
	background: #DBF3F7;
	padding: 24px 26px;
	margin: 12px 0 0 0;
	position: relative;
	opacity: 1;
}
.type_snap .phase_list:after,
.type_article .phase_list:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 150px;
	margin-left: -10px;
	border-top-color: #DBF3F7;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 6px solid #DBF3F7;
	border-bottom-color: rgb(219, 243, 247);
	border-bottom-color: #DBF3F7;
	border-top-width: 0px;
	z-index: 1;
}
.type_article .input_wrap input {
	width: 100%;
	padding: 15px 8px 10px 8px;
	margin: 0 0 13px 0;
	line-height: 1.2;
	font-size: 1.6rem;
	outline: none;
	border: none;
	-webkit-appearance: none;
	border-radius: none;
	border-bottom: 1px solid #BEBEBE;
	transition: all 0.3s ease-out;
}
.type_article .input_wrap.error input {
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
	padding: 15px 28px 10px 8px;
}
.type_article .input_wrap.error {
	position: relative;
}
.type_article .input_wrap.error:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type_article h3 > span {
	font-weight: normal;
	font-size: 1.1rem;
	margin: 0 0 0 10px;
}
/* .dropzone */
.type_article .dropzone {
	margin: 0 auto 20px;
	max-width: 620px;
	height: 183px;
	position: relative;
}
.type_article .dropzone > p {
	font-size: 1.1rem;
	margin-top: 10px;
	position: absolute;
	right: 182px;
}
.type_article .dropzone > .delete {
	background: #FFE8E6;
	color: #C92700;
	border: none;
	position: absolute;
	top: 0;
	left: 270px;
	min-width: auto;
	min-width: initial;
	padding: 5px 20px;
	font-size: 1.3rem;
}

.type_article .dropzone .file_view {
	width: 250px;
	height: 183px;
	background: #F5F5F5;
	position: relative;
	overflow: hidden;
}

.type_article .dropzone .file_view label  > input {
	opacity: 0;
}

.type_article .dropzone .file_view label {
	width: 250px;
	height: 183px;
	position: relative;
	display: block;
	background: #F5F5F5 url(/2027/img/admin/article/fileview.png) no-repeat center center;
	background-size: 110px 110px;
}

.type_article .dropzone .file_view .fileup {
	width: 250px;
	height: 183px;
	background: none;
	border: none;
}

.type_article .dropzone .file_view img {
	position: absolute;
	opacity: 0;
}

.type_article .dropzone .file_view.land img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}

.type_article .dropzone .file_view.port img {
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	opacity: 1;
}
/* .editor */
.type_article #editor #edit {
	margin-top: 50px;
}
/* article_edit・snap_edit */
.type_article .column_state,
.type_snap .column_state {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.type_article .column_state dl,
.type_snap .column_state dl {
	font-size: 1.4rem;
	display: flex;
}
.type_article .column_state dt,
.type_snap .column_state dt {
	line-height: 1.8;
	margin-bottom: 0;
}
.type_article .column_state dd,
.type_snap .column_state dd {
	text-align: left;
	color: #0FADC9;
}

@media only screen and (max-width: 1280px){
	.type_snap .phase_list:after,
	.type_article .phase_list:after {
		left: 151px;
		right: auto;
	}
	.type_article .dropzone {
		max-width: auto;
		max-width: initial;
	}
}
@media only screen and (max-width: 768px){
	.type_article .input_wrap input {
		margin: 0;
	}
	.type_article h3 > span {
		display: block;
		margin: 8px 0 0 0;
	}
	.type_article .dropzone {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.type_article .dropzone > p {
		margin-top: 15px;
		position: static;
		text-align: center;
	}
	.type_article .dropzone > .delete {
		top: -64px;
		right: 0;
		left: auto;
	}
	.type_article .dropzone .file_view {
		margin: 0 auto;
	}

	.type_article .dropzone .file_view .fileup:empty::before {
		width: 395px;
		height: 256px;
	}
	.type_article .column_state .content,
	.type_snap .column_state .content {
		max-width: 300px;
	}
}

@media only screen and (max-width: 500px){
	.type_article .dropzone .file_view {
		margin: 0 auto;
		width: 250px;
		height: 163px;
	}

	.type_article .dropzone .file_view label {
		width: 250px;
		height: 163px;
	}

	.type_article .dropzone .file_view .fileup {
		width: 250px;
		height: 163px;
	}

	.type_article .dropzone .file_view .fileup:empty::before {
		width: 250px;
		height: 163px;
	}
	.type_article .column_state .content,
	.type_snap .column_state .content {
		max-width: 170px;
	}
}

/* ------------------------------------
	message
------------------------------------ */
@media only screen and (min-width: 768px){
	/* #pg_message */
	#pg_message header {
		height: 0;
	}
	#pg_message .admin_status {
		display: none;
	}
	#pg_message .board {
		position: fixed;
		top: auto;
		margin-top: -66px;
		min-width: 763px;
		max-width: calc((100vw - var(--scrollbar)) - 245px);
		width: 100%;
	}
}
@media only screen and (max-width: 768px){
	#pg_message .board {
		padding: 15px 0 55px;
	}
}

.message_wrap {
	/*display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 0 0 50px;*/
}
.member_wrap {
	width: 330px;
	float: left;
}
/* .member_open */
.member_open {
	display: none;
}
/* .member_cont */
.member_cont {
	/*max-height: 860px;*/
}
.scroll_area {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.scroll_area::-webkit-scrollbar {
	width: 10px;
	margin: 5px;
}
.scroll_area::-webkit-scrollbar-track {
	border: none;
	border-radius: 10px;
	/*background: #eee;*/
	margin: 5px;
}
.scroll_area::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
	box-shadow: none;
}
.member_cont.scroll_area ul {
	margin: 0 5px 0 0;
}
.member_cont.scroll_area.marginarea ul {
	margin-bottom: 60px;
}
.member_cont li {
	height: 70px;
	display: -webkit-box;
	display: flex;
	align-items: center;
	background: #fff;
	box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08);
	border-radius: 2px;
	position: relative;
	cursor: pointer;
}
.member_cont li:not(:last-child) {
	margin-bottom: 13px;
}
.member_cont li .check_wrap {
	margin: 0;
	padding: 0;
	background: #F5F5F5;
	border-radius: 2px 0 0 2px;
}
.member_cont li .check_wrap label {
	cursor: pointer;
	text-align: center;
	width: 100%;
	height: 70px;
	display: block;
	padding: 10px 10px 0 17px;
}
.member_cont li .member_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100% - 52px);
}
.member_cont li .member_info figure {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 25px;
	margin: 0 15px;
	position: relative;
}
.member_cont li .member_info figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.member_cont li .member_info figure.port img {
	width: 100%;
	height: auto;
}
.member_cont li .member_info figure.land img {
	width: auto;
	height: 100%;
}
.member_cont li .name {
	color: #1D1E24;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 500;
	width: calc(100% - 160px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.member_cont li .status {
	padding: 0 18px;
	min-height: 47px;
	width: 115px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.member_cont li .status:before,
.member_cont li .status:after {
	content: " ";
	display: table;
}
.member_cont li status:after {
	clear: both;
}
.member_cont li date {
	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
	text-align: right;
	color: #6E6E6E;
}
.member_cont li .status .read {
	font-size: 1.2rem;
	font-weight: 600;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, YuGothicM, '游ゴシック', 'Yu Gothic',  'メイリオ', Meiryo, sans-serif;
	color: #fff;
	background: #FF3E36;
	padding: 0 8px;
	margin: 5px 0 0;
	border-radius: 10px;
	display: block;
	float: right;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* .active */
.member_cont li.active {
	background: #EAF7F8;
}
.member_cont li.active .check_wrap {
	background: #DAF3F7;
}
.member_cont li.active .member_info .name {
	color: #0FADC9;
}
.member_cont li.active .member_info .date {
	color: #0FADC9;
}
/* .gray_mask */
.member_cont li.gray_mask {
	background: #F5F5F5;
}
.member_cont li.gray_mask figure img {
	opacity: 0.35;
}

/* .no_member */
.no_member .sort_message .func_btn ul li.check .check_wrap label {
	cursor: default;
}
.no_member .candidate_list i:after {
	background: #F5F5F5;
}
.no_member .member_cont p {
	font-size: 1.2rem;
	font-weight: 500;
	color: #FF3B00;
}

/* .message_cont */
.message_cont {
	float: right;
	width: calc(100% - 346px);
	background: #fff;
	box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08);
	position: relative;
}
/* .message_head */
.message_head {
	display: -webkit-box;
	display: flex;
	align-items: center;
	padding: 10px 20px;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #E2E2E2;
}
.message_head figure {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 25px;
	position: relative;
}
.message_head figure img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.message_head figure.port img {
	width: 100%;
	height: auto;
}
.message_head figure.land img {
	width: auto;
	height: 100%;
}
.message_head > .plofile {
	margin: 0 20px;
	width: calc(100% - 225px);
}
.message_head .name {
	font-size: 1.6rem;
	font-weight: 600;
}
.message_head .icon_phase {
	margin-left: 20px;
}
.message_head .icon_phase:before {
	border-radius: 50%;
	top: 8px;
}
.message_head.phase_0 { border-left: 5px solid #BEBEBE;}
.message_head.phase_0 .icon_phase:before {background: #FFF; border: 1px solid #BEBEBE;}
.message_head.phase_1 { border-left: 5px solid #E8307E;}
.message_head.phase_1 .icon_phase:before {background: #E8307E; border: 1px solid #E8307E;}
.message_head.phase_2 { border-left: 5px solid #1abc9c;}
.message_head.phase_2 .icon_phase:before {background: #1abc9c; border: 1px solid #1abc9c;}
.message_head.phase_3 { border-left: 5px solid #FDFD15;}
.message_head.phase_3 .icon_phase:before {background: #FDFD15; border: 1px solid #FDFD15;}
.message_head.phase_4 { border-left: 5px solid #3498db;}
.message_head.phase_4 .icon_phase:before {background: #3498db; border: 1px solid #3498db;}
.message_head.phase_5 { border-left: 5px solid #ab79bf;}
.message_head.phase_5 .icon_phase:before {background: #ab79bf; border: 1px solid #ab79bf;}
.message_head.phase_6 { border-left: 5px solid #34495e;}
.message_head.phase_6 .icon_phase:before {background: #34495e; border: 1px solid #34495e;}
.message_head.phase_7 { border-left: 5px solid #ecf0f1;}
.message_head.phase_7 .icon_phase:before {background: #ecf0f1; border: 1px solid #ecf0f1;}
.message_head.phase_8 { border-left: 5px solid #d7ac00;}
.message_head.phase_8 .icon_phase:before {background: #d7ac00; border: 1px solid #d7ac00;}
.message_head.phase_9 { border-left: 5px solid #880501;}
.message_head.phase_9 .icon_phase:before {background: #880501; border: 1px solid #880501;}
.message_head.phase_10 { border-left: 5px solid #95a5a6;}
.message_head.phase_10 .icon_phase:before {background: #95a5a6; border: 1px solid #95a5a6;}
.message_head.phase_11 { border-left: 5px solid #F77479;}
.message_head.phase_11 .icon_phase:before {background: #F77479; border: 1px solid #F77479;}
.message_head.phase_12 { border-left: 5px solid #FFECD1;}
.message_head.phase_12 .icon_phase:before {background: #FFECD1; border: 1px solid #FFECD1;}
.message_head.phase_13 { border-left: 5px solid #FFFDAB;}
.message_head.phase_13 .icon_phase:before {background: #FFFDAB; border: 1px solid #FFFDAB;}
.message_head.phase_14 { border-left: 5px solid #F15BA6;}
.message_head.phase_14 .icon_phase:before {background: #F15BA6; border: 1px solid #F15BA6;}
.message_head.phase_15 { border-left: 5px solid #E777FF;}
.message_head.phase_15 .icon_phase:before {background: #E777FF; border: 1px solid #E777FF;}
.message_head.phase_16 { border-left: 5px solid #8A3BC0;}
.message_head.phase_16 .icon_phase:before {background: #8A3BC0; border: 1px solid #8A3BC0;}
.message_head.phase_17 { border-left: 5px solid #8FDBF9;}
.message_head.phase_17 .icon_phase:before {background: #8FDBF9; border: 1px solid #8FDBF9;}
.message_head.phase_18 { border-left: 5px solid #F8C294;}
.message_head.phase_18 .icon_phase:before {background: #F8C294; border: 1px solid #F8C294;}
.message_head.phase_19 { border-left: 5px solid #BF7757;}
.message_head.phase_19 .icon_phase:before {background: #BF7757; border: 1px solid #BF7757;}
.message_head.phase_20 { border-left: 5px solid #0FA1D0;}
.message_head.phase_20 .icon_phase:before {background: #0FA1D0; border: 1px solid #0FA1D0;}
.message_head.phase_21 { border-left: 5px solid #0F7672;}
.message_head.phase_21 .icon_phase:before {background: #0F7672; border: 1px solid #0F7672;}
.message_head.phase_22 { border-left: 5px solid #B5A87E;}
.message_head.phase_22 .icon_phase:before {background: #B5A87E; border: 1px solid #B5A87E;}
.message_head.phase_23 { border-left: 5px solid #71CFBD;}
.message_head.phase_23 .icon_phase:before {background: #71CFBD; border: 1px solid #71CFBD;}
.message_head.phase_24 { border-left: 5px solid #DFDEB3;}
.message_head.phase_24 .icon_phase:before {background: #DFDEB3; border: 1px solid #DFDEB3;}
.message_head.phase_25 { border-left: 5px solid #82d78e;}
.message_head.phase_25 .icon_phase:before {background: #82d78e; border: 1px solid #82d78e;}
.message_head.phase_26 { border-left: 5px solid #e74c3c;}
.message_head.phase_26 .icon_phase:before {background: #e74c3c; border: 1px solid #e74c3c;}
.message_head.phase_27 { border-left: 5px solid #FE8D7D;}
.message_head.phase_27 .icon_phase:before {background: #FE8D7D; border: 1px solid #FE8D7D;}
.message_head.phase_28 { border-left: 5px solid #172A69;}
.message_head.phase_28 .icon_phase:before {background: #172A69; border: 1px solid #172A69;}
.message_head.phase_29 { border-left: 5px solid #FF7B00;}
.message_head.phase_29 .icon_phase:before {background: #FF7B00; border: 1px solid #FF7B00;}
.message_head.phase_30 { border-left: 5px solid #2B5090;}
.message_head.phase_30 .icon_phase:before {background: #2B5090; border: 1px solid #2B5090;}
.message_head.phase_31 { border-left: 5px solid #F4C2D7;}
.message_head.phase_31 .icon_phase:before {background: #F4C2D7; border: 1px solid #F4C2D7;}
.message_head.phase_32 { border-left: 5px solid #B9D6F3;}
.message_head.phase_32 .icon_phase:before {background: #B9D6F3; border: 1px solid #B9D6F3;}
.message_head.phase_33 { border-left: 5px solid #18A8BB;}
.message_head.phase_33 .icon_phase:before {background: #18A8BB; border: 1px solid #18A8BB;}
.message_head.phase_34 { border-left: 5px solid #FF5B47;}
.message_head.phase_34 .icon_phase:before {background: #FF5B47; border: 1px solid #FF5B47;}
.message_head.phase_35 { border-left: 5px solid #3771A1;}
.message_head.phase_35 .icon_phase:before {background: #3771A1; border: 1px solid #3771A1;}
.message_head.phase_36 { border-left: 5px solid #F2C6C0;}
.message_head.phase_36 .icon_phase:before {background: #F2C6C0; border: 1px solid #F2C6C0;}
.message_head.phase_37 { border-left: 5px solid #FAF1F1;}
.message_head.phase_37 .icon_phase:before {background: #FAF1F1; border: 1px solid #FAF1F1;}
.message_head.phase_38 { border-left: 5px solid #e67e22;}
.message_head.phase_38 .icon_phase:before {background: #e67e22; border: 1px solid #e67e22;}
.message_head.phase_39 { border-left: 5px solid #603d3d;}
.message_head.phase_39 .icon_phase:before {background: #603d3d; border: 1px solid #603d3d;}
.message_head.phase_40 { border-left: 5px solid #6FFFE9;}
.message_head.phase_40 .icon_phase:before {background: #6FFFE9; border: 1px solid #6FFFE9;}
.message_head.phase_41 { border-left: 5px solid #A2F821;}
.message_head.phase_41 .icon_phase:before {background: #A2F821; border: 1px solid #A2F821;}
.message_head.phase_42 { border-left: 5px solid #FF008E;}
.message_head.phase_42 .icon_phase:before {background: #FF008E; border: 1px solid #FF008E;}
.message_head.phase_43 { border-left: 5px solid #06A51D;}
.message_head.phase_43 .icon_phase:before {background: #06A51D; border: 1px solid #06A51D;}
.message_head.phase_44 { border-left: 5px solid #0941E9;}
.message_head.phase_44 .icon_phase:before {background: #0941E9; border: 1px solid #0941E9;}
.message_head.phase_45 { border-left: 5px solid #FBC968;}
.message_head.phase_45 .icon_phase:before {background: #FBC968; border: 1px solid #FBC968;}
.message_head.phase_46 { border-left: 5px solid #FBE960;}
.message_head.phase_46 .icon_phase:before {background: #FBE960; border: 1px solid #FBE960;}
.message_head.phase_47 { border-left: 5px solid #C05095;}
.message_head.phase_47 .icon_phase:before {background: #C05095; border: 1px solid #C05095;}
.message_head.phase_48 { border-left: 5px solid #FE0002;}
.message_head.phase_48 .icon_phase:before {background: #FE0002; border: 1px solid #FE0002;}
.message_head.phase_49 { border-left: 5px solid #DFFCAD;}
.message_head.phase_49 .icon_phase:before {background: #DFFCAD; border: 1px solid #DFFCAD;}
.message_head.phase_50 { border-left: 5px solid #84ACE1;}
.message_head.phase_50 .icon_phase:before {background: #84ACE1; border: 1px solid #84ACE1;}
.message_head a.member_details {
	font-size: 1.3rem;
	display: block;
	min-width: 135px;
	padding: 10px;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.message_head a.member_details > span {
	padding: 0 0 0 25px;
	position: relative;
}
.message_head a.member_details > span:before {
	font-family: 'recruiting_plus';
	content: '\e904';
	font-size: 1.8rem;
	font-weight: normal;
}
/* .message_area */
.message_area {
	padding: 0 50px;
}
.message_area.scroll_area {
	/*height: 645px;*/
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0 5px 0 0;
}
.message_area.scroll_area::-webkit-scrollbar {
	width: 10px;
	margin: 5px;
}
.message_area.scroll_area::-webkit-scrollbar-track {
	border: none;
	border-radius: 10px;
	/*background: #eee;*/
	margin: 5px;
}
.message_area.scroll_area::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
	box-shadow: none;
}
.message_area h3 {
	display: table;
	left: 50%;
	color: #6E6E6E;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 20px 15px 20px 22px;
	position: relative;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	clear: both;
}
.message_area h3:before,
.message_area h3:after {
	content: "\e927";
	font-family: 'recruiting_plus';
	font-size: 1.4rem;
	color: #666666;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}
.message_area h3:before {
	left: 0;
}
.message_area h3:after {
	right: 0;
}
.message_area p {
	word-break: break-word;
}
.message_area .label{
	margin-right: 4px;
	padding: 2px 6px 0px;
	font-size: 12px;
	line-height: 1;
}
.message_area .from {
	display: -webkit-box;
	display: flex;
	width: calc(100% - 40px);
}
.message_area .from:not(:last-child) {
	margin: 0 0 18px;
}
.message_area .from:first-child {
	margin: 30px 0 0;
}
.message_area .from:last-child {
	margin: 0 0 50px;
}
.message_area .from figure {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 25px;
	position: relative;
}
.message_area .from figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.message_area .from figure.port img {
	width: 100%;
	height: auto;
}
.message_area .from figure.land img {
	width: auto;
	height: 100%;
}
.message_area .from .from_message {
	margin: 10px 0 0 10px;
}
.message_area .from .name {
	font-size: 1.3rem;
	font-weight: 500;
	color: #1D1E24;
}
.message_area .from .date {
	font-size: 1.2rem;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 0 8px;
}
.message_area .from .date:after {
	content: "\A";
	white-space: pre;
}
.message_area .from .date .time {
	margin: 0 0 0 6px;
}
.message_area .from .from_message > p {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 18px 40px;
	margin: 10px 0 0;
	background: #F5F5F5;
	border-radius: 15px;
}
.message_area .from .from_message button.unreaded_btn {
	width: 103px;
	display: table;
	font-size: 1.2rem;
	color: #00A5EF;
	background: #FFFFFF;
	min-width: 100px;
	margin: 5px 0 0 auto;
	padding: 5px 8px;
}
.message_area .from .from_message button.unreaded_btn span{
	padding: 0 0 0 16px;
	position: relative;
}
.message_area .from .from_message button.unreaded_btn span:before{
    content: '\e949';
    font-size: 1rem;
}
.message_area .to {
	float: right;
	width: calc(100% - 100px);
	position: relative;
}
.message_area .to:before,
.message_area .to:after {
	content: " ";
	display: table;
}
.message_area .to:after{
	clear: both;
}
.message_area .to:not(:last-child) {
	margin: 0 0 18px;
}
.message_area .to:first-child {
	padding: 30px 0 0;
}
.message_area .to:last-child {
	padding: 0 0 50px;
}
.message_area .to .sender_info {
	text-align: right;
}
.message_area .to.reservation .label {
	color: #E5B81F;
	background-color: #FDFAEF;
	border: 1px solid #E5B81F;
}
.message_area .to .name {
	font-size: 1.3rem;
	font-weight: 500;
	color: #1D1E24;
}
.message_area .to .date {
	font-size: 1.2rem;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 0 8px;
}
.message_area .to .date .time {
	margin: 0 0 0 8px;
}
.message_area .to > p {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 18px 40px;
	margin: 10px 0 0;
	background: #00A5EF;
	border-radius: 15px;
	cursor: pointer;
	float: right;
}
/* .select_message */
.message_area .to.select > p {
	background: #14AAC5;
}
.message_area .to.reservation.select > p {
	background: #F9D88B;
}
.message_area .to .select_message {
	position: absolute;
}
.message_area .to .select_message > span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #1AB0CB;
}
.message_area .to.reservation .select_message > span {
	color: #E5B81F;
}
.message_area .to .select_message > span:before {
	font-family: 'recruiting_plus';
	content: '\e930';
	font-size: 1.5rem;
	font-weight: normal;
	position: absolute;
	top: -2px;
	left: 0;
}
.message_area .to .select_message > span:after {
	font-family: 'recruiting_plus';
	content: '\e917';
	font-size: 1.0rem;
	font-weight: normal;
	position: absolute;
	top: 3px;
	left: 1px;
	-webkit-transform: scale(0.8,0.8);
	transform: scale(0.8,0.8);
}
.message_area .to.reservation > p{
	background: #FDFAEF;
	color: #1D1E24;
}

.error_msg_template,.error_msg_send,.error_msg_attaching,.error_msg_reservation{
	font-size: 1.2rem;
    font-weight: 500;
    color: #FF3B00;
}

/* .message_template */
.message_template{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.message_template .select_wrap{
	position: relative;
}
.message_template .select_wrap:before{
    content: "\e902";
    font-family: 'recruiting_plus';
    font-size: .55rem;
	font-weight: normal;
	color: #BEBEBE;
	position: absolute;
    top: calc(50% + 1px);
	right: 12px;
	transform: translateY(-50%);
}
.message_template select{
	width: 286px;
	margin-right: 4px;
	padding-left: 16px;
    height: 30px;
    font-size: 1.2rem;
	background-color: #fff;
	color: #1D1E24;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #BEBEBE;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.message_template .message_template_btn{
	padding: 6px 18px 5px;
	background-color: #40CCD1;
	border: 1px solid #40CCD1;
	font-size: 1.2rem;
}

/* .error_msg_attaching */
.error_msg_attaching{
	margin: 0 0 5px;
}
/* .message_attaching */
.message_attaching{
	padding-left: 7px;
	margin-bottom: 7px;
}
.message_attaching_col{
	display: flex;
	align-items: center;
}
.message_attaching label{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 122px;
	height: 30px;
	flex-shrink: 0;
    margin-right: 10px;
	font-weight: 600;
	background-color: #fff;
    border-radius: 2px;
    border: 2px solid #40CCD1;
    color: #40CCD1;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.message_attaching label:hover{
	opacity: .7;
}
.message_attaching label p{
	font-size: 1.2rem;
	line-height: 1;
	position: relative;
}
.message_attaching label p:before{
	content: '\e948';
	margin-right: 2px;
    font-size: 1rem;
	font-family: 'recruiting_plus';
    color: #40CCD1;
}
.message_attaching .file_list li{
	display: flex;
	justify-content: center;
	align-items: center;
}
.message_attaching .file_list li:not(:last-child):after{
	content: ",";
}
.message_attaching .file_list p{
	font-size: 1.2rem;
}
.message_attaching .not_selected{
	font-size: 1.2rem;
}
.message_attaching .icon_remove {
	display: block;
	margin: 0 4px 0 2px;
	position: relative;
	width: 16px;
	height: 16px;
	background: #FFF;
    border-radius: 8px;
	padding-inline: 0px;
}
.message_attaching .icon_remove:before,.message_attaching .icon_remove:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 8px;
	background: #E04C4C;
}
.message_attaching .icon_remove:before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.message_attaching .icon_remove:after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.message_attaching .file_list{
	display: flex;
	flex-wrap: wrap;
}
.message_attaching .file_list li{
	display: flex;
	margin: 0 10px 0 0;
	padding: 2px 0;
}
.message_attaching input[type='file']{
	display: none;
}

/* .error_msg_reservation */
.error_msg_reservation {
	margin: 0 0 5px;
	text-align: right;
}
/* .message_reservation */
 .message_reservation{
	padding-top: 12px;
	border-top: 1px solid #FFF;
}
.message_reservation_col{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.message_reservation .txt{
	margin-right: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	color: #1D1E24;
}
.message_reservation .col{
	padding: 8px 0;
	position: relative;
}
.message_reservation label{
	cursor: pointer;
}
.message_reservation input{
	border: 1px solid #BEBEBE;
	border-radius: 2px;
	background-color: #fff;
	height: 32px;
	text-align: left;
	font-size: 1.2rem;
	color: #1D1E24;
	position: relative;
}
.message_reservation input:before{
	font-size: 1.1rem;
	font-family: 'recruiting_plus';
	color: #BEBEBE;
	position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.message_reservation input[type="date"]::-webkit-date-and-time-value, .message_reservation input[type="time"]::-webkit-date-and-time-value{
	text-align: left;
}
.message_reservation input[type="date"]{
	width: 129px;
	margin-right: 4px;
	padding-left: 5px;
}
.message_reservation input[type="time"]{
	width: 73px;
	margin-right: 16px;
	padding-left: 8px;
}
@-moz-document url-prefix() {
	.message_reservation input[type="time"]{
		padding-left: 2px;
	}
}
.message_reservation input[type="date"]::before{
	content: "\e94b";
}
.message_reservation input[type="time"]::before{
	content: "\e94a";
}
.message_reservation input::-webkit-calendar-picker-indicator{
    width: 100%;
    height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
}
.message_reservation .reservation_btn{
    background: #E5C868;
    border: 1px solid #E5C868;
}

/* .message_send */
.message_send {
	background: #C6EEF5;
	padding: 20px;
	width: 100%;
	/*position: absolute;
	bottom: 0;*/
	position: fixed;
	bottom: 20px;
}
.message_send .main{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.error_msg_send {
	margin: 0 0 5px;
}
.message_send .main .btn_area{
	margin-left: auto;
}
.message_send .btn_reload:after {
	display: block;
	content: "\e933";
	font-family: 'recruiting_plus';
	font-size: 3rem;
	color: #33adc9;
	position: absolute;
	right: 30px;
	top: -55px;
	cursor: pointer;
}
.message_send textarea {
	font-size: 1.4rem;
	line-height: 1.8;
	border-radius: 15px;
	width: calc(100% - 127px);
	height: 45px;
	padding: 10px;
	border: none;
	box-shadow: 0 1px 6px rgba(0, 56, 56, 0.08);
	max-height: 150px;
}
.message_send .btn_area {
	margin: 0;
	padding: 0;
}
.message_send .basic_btn {
	min-width: 112px;
	background: #40CCD1;
	border: 1px solid #40CCD1;
	box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08);
}
.message_send .message_template .select_wrap{
	margin: 0 0 10px;
}
.message_send .message_template .message_template_btn{
	margin: 0 0 10px;
}
.message_send .reservation_btn{
	background: #E5C868;
    border: 1px solid #E5C868;
}
/* .error_msg_send */
.message_send .error_msg_send {
	width: 100%;
	text-align: right;
}
/* .error_msg_template */
.message_send .error_msg_template {
	position: absolute;
	top: 15px;
	padding: 0 20px 0 0;
}

@media only screen and (max-width: 1280px){
	.message_area {
		padding: 0 20px;
	}
	.message_head .name {
		display: block;
	}
	.message_head .icon_phase {
		display: block;
		margin-left: 0;
	}
	.message_head .icon_phase:before {
		top: 11px;
	}
	_:-ms-lang(x)::-ms-backdrop, .message_head .icon_phase:before {
		top: 10px;
	}
	.message_head a.member_details {
		min-width: 90px;
	}
	.message_head > .plofile {
		margin: 0 10px;
		width: calc(100% - 160px);
	}
	.message_area .from {
		width: calc(100% - 20px);
	}
	.message_area .from .from_message > p {
		padding: 15px 18px;
	}
	.message_area .to {
		width: calc(100% - 80px);
	}
	.message_area .to > p {
		padding: 15px 18px;
	}
	.message_send textarea {
		width: calc(100% - 95px);
		font-size: 1.6rem;
	}
	.message_send .basic_btn {
		min-width: 90px;
	}
	.message_reservation input[type="time"] {
		margin-right: 4px;
	}
}

@media only screen and (max-width: 768px){
	.message_wrap {
		display: block;
		margin: 0;
	}
	/* .member_open */
	.member_open {
		display: block;
		font-size: 1.3rem;
		font-weight: 500;
		color: #fff;
		background: #0FADC9;
		border-radius: 5px;
		text-align: center;
		padding: 2px 10px;
		cursor: pointer;
		margin: 0 0 10px;
		position: absolute;
		top: 76px;
		right: 2%;
	}
	.member_open > span:before {
		font-family: 'recruiting_plus';
		content: '\e92f';
		font-size: 1.4rem;
		font-weight: normal;
		margin-right:10px;
	}
	.member_close {
		display: block;
		background: #0FADC9;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		position: fixed;
		right: 20px;
		top: 68px;
		box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08);
		cursor: pointer;
	}
	.member_close:before {
		font-family: 'recruiting_plus';
		content: '\e924';
		font-size: 1.6rem;
		font-weight: normal;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	/* .member_cont */
	.member_cont {
		display: none;
	}
	.member_cont.scroll_area ul {
		margin: 0 0 55px 0;
	}
	.member_cont.scroll_area.marginarea ul {
		margin-bottom: 95px;
	}
	/* .message_cont */
	.message_cont {
		width: 100%;
	}
	.message_head {
		padding: 5px 10px;
	}
	.message_head figure {
		width: 45px;
		height: 45px;
	}
	.message_head a.member_details {
		right: 10px;
	}
	.message_area {
		padding: 0 10px;
	}
	.message_area h3 {
		padding: 15px 15px 15px 22px;
	}
	.message_area .from figure {
		width: 30px;
		height: 30px;
	}
	.message_send {
		position: fixed;
		bottom: 0;
		padding: 12px 10px;
	}
}

@media only screen and (max-width: 500px){
	.message_area .to {
		width: calc(100% - 20px);
	}
	.message_area .to > p {
		line-height: 1.6;
		margin: 5px 0 0;
		padding: 10px 15px;
	}
	.message_send .main {
		margin-bottom: 7px;
	}
	.message_send .btn_reload:after {
		right: 25px;
		top: -52px;
	}
	.message_send textarea {
		height: 29px;
		line-height: 1.2;
		padding: 10px 15px;
		font-size: 1.4rem;
	}
	.message_send .basic_btn {
		padding: 4px 20px;
		padding-block: 4px;
		padding-inline: 0;
	}
	.message_send .error_msg_send {
		margin: 0;
	}
	.message_template .select_wrap{
		margin: 0 0 5px;
	}
	.message_template .message_template_btn{
		margin: 0px;
		padding: 6px 20px;
		width: auto;
	}
	.message_send .message_template {
		margin-bottom: 6px;
	}
	.message_template{
		margin-bottom: 0px;
	}
	.error_msg_attaching{
		margin: 0px;
	}
	.message_attaching {
		display: block;
		margin-bottom: 3px;
		padding-left: 0;
	}
	.message_attaching_col{
		display: flex;
		align-items: center;
	}
	.message_attaching label {
		margin-bottom: 3px;
		height: 25px;
	}
	.message_attaching label p{
		font-size: 10px;
	}
	.message_attaching .file_list p {
		font-size: 1rem;
	}
	.message_attaching .not_selected{
		font-size: 1rem;
	}
	.error_msg_reservation {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.message_reservation{
		padding-top: 5px;
	}
	.message_area .to.reservation .label {
		padding: 4px 8px 2px;
		text-align: left;
		line-height: 1.2;
		font-size: 1rem;
		display: inline-block;
	}
	.message_reservation input{
		height: 30px;
	}
	.message_reservation .col{
		flex-wrap: wrap;
		padding: 0;
		margin-bottom: 0;
	}
	.message_reservation .txt {
		width: 100%;
		margin-bottom: 2px;
	}
	.message_send .message_template .select_wrap{
		margin: 0 0 5px;
	}
	.message_send .message_template .message_template_btn{
		margin: 0;
	}
	.message_send .error_msg_template{
		line-height: 1.2;
	}
}

/* ------------------------------------
	site key visual
------------------------------------ */
/* .type_key_visual */
.type_key_visual .inner {
	position: relative;
}
.type_key_visual .help_btn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.2rem;
}
.type_key_visual .help_btn:before {
	content: '\e90e';
	font-family: 'recruiting_plus';
	font-size: 2.5rem;
	color: rgba(15,173,173, 10.95);
	position: absolute;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type_key_visual .required {
	background: #FF4351;
	margin: 0 10px 0 6px;
	padding: 2px 7px;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: normal;
	color: #FFF;
	border-radius: 24px;
}
.type_key_visual textarea {
	width: 100%;
	min-height: 80px;
	padding: 8px;
	border: none;
	border-bottom: 1px solid #BEBEBE;
}
.type_key_visual textarea::placeholder {
	color: #CCCCCC;
	font-size: 1.2rem;
	line-height: 1.2;
}
.type_key_visual .input_wrap.error textarea {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}
.type_key_visual input[type="text"] {
	width: 100%;
	padding: 15px 8px 10px 8px;
	line-height: 1.2;
	font-size: 1.6rem;
	outline: none;
	border: none;
	-webkit-appearance: none;
	border-radius: none;
	border-bottom: 1px solid #BEBEBE;
	transition: all 0.3s ease-out;
}
.type_key_visual .input_wrap.error input[type="text"] {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}
.type_key_visual .input_wrap.error {
	position: relative;
}
.type_key_visual .input_wrap.error:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: auto;
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/* .dropzone */
.type_key_visual .dropzone {
	margin: 0 0 20px;
	max-width: 620px;
	height: 180px;
	position: relative;
}
.type_key_visual .dropzone > p {
	font-size: 1.1rem;
	margin-top: 10px;
	position: absolute;
	right: 182px;
}
.type_key_visual .dropzone > .delete {
	background: #FFE8E6;
	color: #C92700;
	border: none;
	position: absolute;
	top: 0;
	left: 510px;
	min-width: auto;
	min-width: initial;
	padding: 5px 20px;
	font-size: 1.3rem;
}
.type_key_visual .dropzone .file_view {
	width: 490px;
	height: 180px;
	background: #F5F5F5;
	position: relative;
	overflow: hidden;
}
.type_key_visual .dropzone .file_view label  > input {
	opacity: 0;
}
.type_key_visual .dropzone .file_view label {
	width: 490px;
	height: 180px;
	position: relative;
	display: block;
	background: #F5F5F5 url(/2027/img/admin/article/fileview.png) no-repeat center center;
	background-size: 120px auto;
}
.type_key_visual .dropzone .file_view .fileup {
	width: 490px;
	height: 180px;
	background: none;
	border: none;
}
.type_key_visual .dropzone .file_view img {
	position: absolute;
	opacity: 0;
}
.type_key_visual .dropzone .file_view.land img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.type_key_visual .dropzone .file_view.port img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.type_key_visual .column_state {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.type_key_visual .column_state dl {
	font-size: 1.4rem;
	display: flex;
}
.type_key_visual .column_state dt {
	line-height: 1.8;
	margin-bottom: 0;
}
.type_key_visual .column_state dd {
	text-align: left;
	color: #0FADC9;
}

@media only screen and (max-width: 1400px){
	/* .dropzone */
	.type_key_visual .dropzone {
		max-width: 620px;
		height: 137px;
	}
	.type_key_visual .dropzone .file_view {
		width: 372px;
		height: 137px;
	}
	.type_key_visual .dropzone .file_view label {
		width: 372px;
		height: 137px;
		background: #F5F5F5 url(/2027/img/admin/article/fileview.png) no-repeat center center;
		background-size: 110px auto;
	}
	.type_key_visual .dropzone .file_view .fileup {
		width: 372px;
		height: 137px;
	}
	.type_key_visual .dropzone > .delete {
		left: 400px;
	}
}

@media only screen and (max-width: 768px){
	/* .dropzone */
	.type_key_visual .dropzone {
		max-width: 620px;
		height: 108px;
		margin: 0 0 40px;
	}
	.type_key_visual .dropzone .file_view {
		width: 294px;
		height: 108px;
	}
	.type_key_visual .dropzone .file_view label {
		width: 294px;
		height: 108px;
		background: #F5F5F5 url(/2027/img/admin/article/fileview.png) no-repeat center center;
		background-size: 90px auto;
	}
	.type_key_visual .dropzone .file_view .fileup {
		width: 294px;
		height: 108px;
	}
	.type_key_visual .dropzone > .delete {
		left: 310px;
	}
}

@media only screen and (max-width: 460px){
	.type_key_visual .dropzone .file_view {
		margin: 0 auto;
	}
	.type_key_visual .dropzone > .delete {
		left: auto;
		right: 10px;
		bottom: -35px;
		top: auto;
	}
}

/* ------------------------------------
	main visual preview PC
------------------------------------ */
.key_preview .ttl {
	margin: 30px 0 0;
	padding: 15px 0;
	font-size: 2rem;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height: 1.0;
	color: #FFF;
	background: #222;
	border-bottom: 1px solid #FFF;
}
.key_preview .ttl span {
	display: none;
}
.mainvisual {
	width: 980px;
	margin: 0 auto 40px;
	min-height: 360px;
	overflow: hidden;
	border: 1px solid #e2e2e2;
}
.mainvisual img {
	margin: 0 auto;
}
.mainvisual li {
	position: relative;
	overflow: hidden;
	height: 360px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	background-position: center !important;
}
.mainvisual li a {
	display: block;
	width: 100%;
	height: 360px;
}
.mainvisual .copy {
	font-weight: bold;
	line-height: 1.5;
	display: block;
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

/* --color-- */
.mvslider li .fcB{color:#000}
.mvslider li .fcW{color:#fff}

/* --size-- */
.mvslider li .fzB {font-size:3rem;}
.mvslider li .fzM {font-size:2.4rem;}
.mvslider li .fzS {font-size:2rem;}

@media only screen and (max-width: 768px){
	.mainvisual {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.key_preview .ttl span {
		display: inline-block;
		font-size: 1.2rem;
		position: absolute;
		top: 21px;
		right: 5%;
	}
	.key_preview.type_pc .mvslider {
		width: 980px;
	}
}

/* ------------------------------------
	main visual preview SP
------------------------------------ */
.key_preview .ttl {
	margin: 0;
}
.key_preview.type_sp .ttl {
	width: 375px;
	margin: 30px auto 0;
}
.key_preview.type_sp .mainvisual {
	width: 375px;
	max-height: 239px;
	min-height: 239px;
	overflow: hidden;
}
.key_preview.type_sp .mainvisual img {
	display: none !important;
}
.key_preview.type_sp .mainvisual li {
	width: 100%;
	height: 237px;
	background-size: cover !important;
	background-position: center !important;
}
.key_preview.type_sp .mainvisual a {
	display: block;
	width: 100%;
	height: 237px;
}
.key_preview.type_sp .mainvisual .copy {
	line-height: 1.4;
}

/* --size-- */
.key_preview.type_sp .mainvisual .mvslider li .fzB {font-size:2.6rem;}
.key_preview.type_sp .mainvisual .mvslider li .fzM {font-size:2rem;}
.key_preview.type_sp .mainvisual .mvslider li .fzS {font-size:1.6rem;}

@media only screen and (max-width: 768px){
	.key_preview.type_sp .ttl {
		width: 100%;
	}
	.key_preview.type_sp .mainvisual {
		width: 100%;
		overflow: auto;
	}
}

/* ------------------------------------
	preview close_btn
------------------------------------ */
.btn_area {
	text-align: center;
}
.btn_area .tab_close {
	background: #0FADC9;
	border: 1px solid #0FADC9;
	color: #fff;
	padding: 13px 20px;
	width: 240px;
}

/* ------------------------------------
	site fixed page
------------------------------------ */
/* .type_fixed_page */
.type_fixed_page .inner {
	position: relative;
}
.type_fixed_page .help_btn {
	position: absolute;
	right: 0;
	font-size: 1.2rem;
}
.type_fixed_page .help_btn:before {
	content: '\e90e';
	font-family: 'recruiting_plus';
	font-size: 2.5rem;
	color: rgba(15,173,173, 10.95);
	position: absolute;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type_fixed_page .required {
	background: #FF4351;
	margin: 0 10px 0 6px;
	padding: 2px 7px;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: normal;
	color: #FFF;
	border-radius: 24px;
}
.type_fixed_page textarea {
	width: 100%;
	min-height: 80px;
	padding: 8px;
	border: none;
	border-bottom: 1px solid #BEBEBE;
}
.type_fixed_page textarea::placeholder {
	color: #CCCCCC;
	font-size: 1.2rem;
	line-height: 1.2;
}
.type_fixed_page .input_wrap.error textarea {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}
.type_fixed_page input[type="text"] {
	width: 100%;
	padding: 15px 8px 10px 8px;
	margin: 0 0 13px 0;
	line-height: 1.2;
	font-size: 1.6rem;
	outline: none;
	border: none;
	-webkit-appearance: none;
	border-radius: none;
	border-bottom: 1px solid #BEBEBE;
	transition: all 0.3s ease-out;
}
.type_fixed_page .input_wrap.error input[type="text"] {
	width: 93%;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00 !important;
}
.type_fixed_page .input_wrap.error {
	position: relative;
}
.type_fixed_page .input_wrap.error:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: auto;
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.type_fixed_page #editor #edit {
	margin-top: 50px;
}
.type_fixed_page .column_state {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.type_fixed_page .column_state dl {
	font-size: 1.4rem;
	display: flex;
}
.type_fixed_page .column_state dt {
	line-height: 1.8;
	margin-bottom: 0;
}
.type_fixed_page .column_state dd {
	text-align: left;
	color: #0FADC9;
}

/* ------------------------------------
	page preview
------------------------------------ */
body.pg_preview {
	padding: 0;
}
.pg_preview #wrapper {
	width: 100%;
	margin: 0 auto;
}

@media only screen and (min-width: 768px){
	.pg_preview #wrapper {
		width: 730px;
		margin: 0 auto;
	}
}

/* ------------------------------------
	error msg
------------------------------------ */
.input_error_msg {
	margin: 10px 0 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	color: #FF3B00;
}

/* ------------------------------------
	qr code
------------------------------------ */
.container_qr main .board h3 {
	color: #225A83;
	font-size: 1.6rem;
	font-weight: bold;
}
.container_qr main .board h3.issued {
	display: none;
}
.container_qr .type_qr a.basic_btn,
.container_qr .type_qr button.basic_btn,
.container_qr .column_input_wrap a.basic_btn,
.container_qr .column_input_wrap button.basic_btn {
	width: 115px;
	min-width: 115px;
}
.container_qr .type_qr a.disabled,
.container_qr .type_qr button:disabled,
.container_qr .type_qr a.disabled:hover,
.container_qr .type_qr button:disabled:hover {
	color: #FFF!important;
	cursor: default!important;
	background: #E2E2E2!important;
	border: 1px solid #E2E2E2!important;
	opacity: 1!important;
}
.qr_code_wrap {
	opacity: 0;
	transition: all .5s ease-out;
}
.qr_code_wrap.qr_show {
	opacity: 1;
}
.qr_code_wrap .column_commom.column_l {
	transition: all 1s ease-in-out;
	position: relative;
	left: 0;
}
.qr_code_wrap.qr_hide .column_commom.column_l {
	left: 2000px;
}
.qr_code_wrap .column_commom.column_r {
	transition: all .2s ease-in-out;
	opacity: 1;
}
.qr_code_wrap.qr_hide .column_commom.column_r {
	opacity: 0;
}
.type_column_two.type_edit.type_qr {
	margin: 20px 0 50px;
}
.type_qr .column_l {
	padding: 0;
}
.type_qr .qr_create_wrap {
	padding: 35px;
	color: #1D1E24;
	font-size: 0.8rem;
	line-height: 2rem;
	text-align: left;
}
.type_qr .qr_create_wrap * {
	vertical-align: middle;
}
.type_qr .qr_create_wrap strong {
	font-size: 1.4rem;
	font-weight: normal;
}
.type_qr .qr_create_wrap .input_wrap.type_pref {
	margin: 0 20px;
}
.type_qr .qr_create_wrap .input_wrap.type_pref select {
	width: 290px;
	max-width: 290px;
}
.type_qr .qr_create_wrap .basic_btn {
	color: #fff!important;
    background: #40CCD1!important;
    border: 1px solid #40CCD1!important;
    box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08)!important;
}
.type_qr .qr_generate_wrap {
	/*margin: 0 auto 30px;
	width: 700px;*/
	padding: 40px 45px;
	min-height: 265px;
	font-size: 0.8rem;
	line-height: 2rem;
	text-align: left;
	position: relative;
	background: #FFE8E6;
	box-shadow: 0 0 10px #eee;
	transition: all .5s ease-in-out;
}
.type_qr.qr_show .qr_generate_wrap {
	background: #fff;
}
.type_qr .qr_generate_wrap:after {
	content: '';
	top: 0;
	right: 255px;
	width: 1px;
	min-height: 265px;
	height: 100%;
	font-size: 0;
	display: block;
	position: absolute;
	border-left: #BEBEBE 1px dotted;
}
.type_qr .qr_generate_wrap dl {
	margin-bottom: 30px;
	width: 370px;
}
.type_qr .qr_generate_wrap dl:last-of-type {
	margin-bottom: 0;
}
.type_qr .qr_generate_wrap dl dt {
	margin-bottom: 5px;
	color: #20ADC9;
	font-size: 1.4rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.type_qr .qr_generate_wrap dl dd {
	font-size: 1.3rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.type_qr .qr_generate_wrap .base_url .write_url {
	color: #0FADC9;
	font-size: 1.3rem;
	font-family: 'Roboto', sans-serif;
}
.type_qr .qr_generate_wrap .select_group {
	padding: 0 0 30px 45px;
	width: 350px;
}
.type_qr .qr_generate_wrap .select_group select {
	padding: 0 8px;
	height: 32px;
	font-size: 1.2rem;
	display: inline-block;
	border: 1px solid #BEBEBE;
	border-radius: 2px;
	margin-right: 8px;
	width: 315px;
}
.type_qr .qr_generate_wrap .qr_generate {
	top: 50%;
	right: 0;
	width: 255px;
	font-size: 0.9rem;
	text-align: center;
	position: absolute;
	transform: translateY(-50%);
	font-size: 1.3rem;
	font-weight: 500;
}
.type_qr .qr_generate_wrap .qr_generate .qr_code {
	margin-bottom: 10px;
}
.type_qr .qr_generate_wrap .qr_generate canvas {
	width: 130px;
	height: 130px;
}

.container_qr .type_column_two.type_edit .column_r,
.container_qr .type_column_two.type_edit .btn_area {
	width: 115px;
}

.container_qr .type_column_two.type_edit .btn_area * {
	vertical-align: middle;
}

.type_qr .qr_create_wrap button {
    font-weight: 500;
    background: rgba(15, 173, 173, 0.15) !important;
    color: #0FADC9;
}

.type_qr .btn_area .execute {
    margin: 10px 0;
    font-size: 1.3rem;
    color: #C92700;
    font-weight: 600;
    background: #FFE8E6;
    border: 1px solid #FFE8E6;
    box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08);
}

@media print {
	@page {
		margin: 0;
		padding: 0;
	}

	.container_qr header .admin_status,
	.container_qr .sub,
	.container_qr .submit_btn,
	h2.h_qrcode,
	.container_qr main .board h3,
	.container_qr .type_column_two.type_edit,
	.type_qr .qr_generate_wrap,
	.type_qr .qr_generate_wrap:after,
	.container_qr .type_column_two.type_edit .column_r {
		display: none!important;
	}
	.container_qr {
		background: #fff !important;
	}
	.container_qr main {
		margin: 0;
		width: 100%!important;
		background: #fff !important;
		float: none
	}
	@-moz-document url-prefix() {
		.container_qr main {
			margin: 0 auto;
		}
	}
	header {
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
		top: auto;
		left: auto;
		border-bottom: none;
		background: transparent;
	}
	header h1 {
		margin: 200px auto 0;
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
		top: auto;
		left: auto;
		background: transparent;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	}
	header h1 img {
		width: 30%;
	}
	#wrapper {
		padding: 0;
	}
	.container_qr .column_commom {
		box-shadow: none;
	}
	.container_qr .type_column_two.type_edit.print_target,
	.container_qr .type_column_two.type_edit.print_target .qr_generate_wrap {
		display: block!important;
	}
	.container_qr .type_column_two.type_edit.print_target .column_l {
		margin: 0 auto;
		width: 100%;
		max-width: auto;
		max-width: initial;
	}
	.type_qr .qr_generate_wrap {
		margin: 0 auto;
		padding: 30px 0 80px;
		width: 100%;
		text-align: center;
		box-shadow: none;
	}
	.type_qr .qr_generate_wrap dl {
		margin: 0 auto;
		padding: 30px 0;
		width: 500px;
		color: #333;
		text-align: left;
		border-top: #888 1px dotted;
	}
	.type_qr .qr_generate_wrap dl dt {
		color: #333;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.type_qr .qr_generate_wrap dl dd {
		font-size: 1.6rem;
	}
	.type_qr .qr_generate_wrap dl.status_group {
		display: none;
	}
	.type_qr .qr_generate_wrap dl:last-of-type {
		margin-bottom: 100px;
		border-bottom: #888 1px dotted;
	}
	.type_qr .qr_generate_wrap .qr_generate {
		top: auto;
		right: auto;
		width: 100%;
		font-size: 1.8rem !important;
		text-align: center;
		position: relative;
		transform: translateY(0);
	}
	.type_qr .qr_generate_wrap .qr_generate canvas {
		margin: 0 auto 30px !important;
		width: 500px;
		height: 500px;
	}
}

@media only screen and (max-width: 1280px){
	.type_qr .qr_generate_wrap dl {
		width: 60%;
	}
	.container_qr .type_column_two.type_edit {
		display: block;
	}
	.container_qr .type_column_two.type_edit .column_l {
		max-width: none;
		max-width: auto;
		max-width: initial;
		width: 100%;
	}
	.container_qr .type_column_two.type_edit .column_r {
		width: 100%;
		margin: 0;
	}
	.container_qr .type_column_two.type_edit .btn_area {
		width: 100%;
		position: static;
	}
}

@media only screen and (max-width: 768px) {
	.type_column_two.type_edit.type_qr {
		margin: 20px 0 70px;
	}
	.type_column_two.type_edit.type_qr .column_l {
		margin-bottom: 20px;
		padding: 0;
	}

	.type_qr .qr_create_wrap {
		padding: 30px;
	}
	.type_qr .qr_create_wrap strong {
		display: block;
	}
	.type_qr .qr_create_wrap .input_wrap.type_pref {
		margin: 10px 0 20px;
		width: 100%;
	}
	.type_qr .qr_create_wrap .input_wrap.type_pref select {
	    width: 100%;
	    max-width: 100%;
	}
	.type_qr .qr_create_wrap .issue_btn {
		text-align: center;
		display: block;
	}
	.type_qr .qr_generate_wrap {
		padding: 30px;
	}
	.type_qr .qr_generate_wrap dl {
		margin-bottom: 20px;
		width: 100%;
	}
	.type_qr .qr_generate_wrap:after {
		content: none;
		height: auto;
	}
	.type_qr .qr_generate_wrap .base_url {
		width: 100%;
		padding: 50px 8% 20px;
	}
	.type_qr .qr_generate_wrap .select_group {
		padding: 0 8% 50px;
		width: 100%;
	}
	.type_qr .qr_generate_wrap .select_group select {
		width: 100%;
	}
	.type_qr .qr_generate_wrap .qr_generate {
		margin-top: 40px;
		padding: 45px 8% 0;
		border-top: #BEBEBE 1px dotted;
		width: 100%;
		position: static;
		transform: translateY(0);
	}
}
/* ------------------------------------
	plan
------------------------------------ */
.type_plan .column_l {
	padding: 0;
}
.type_plan .column_commom:not(:last-child) {
	margin-bottom: 25px;
}
.type_plan .column_l .inner {
	padding: 50px 0;
}

/* .selected_plan */
.type_plan .selected_plan {
	width: 100%;
	position: relative;
}
.type_plan .selected_plan a {
	display: block;
}
.type_plan .selected_plan.free .plan {
	background: url(/2027/img/admin/plan/free_confirm.png) no-repeat right center;
	background-size: 100% auto;
}
.type_plan .selected_plan.bronze .plan {
	background: url(/2027/img/admin/plan/bronze_confirm.png) no-repeat right center;
	background-size: 100% auto;
}
.type_plan .selected_plan.silver .plan {
	background: url(/2027/img/admin/plan/silver_confirm.png) no-repeat right center;
	background-size: 100% auto;
}
.type_plan .selected_plan.gold .plan {
	background: url(/2027/img/admin/plan/gold_confirm.png) no-repeat right center;
	background-size: 100% auto;
}
.type_plan .selected_plan .price {
	line-height: 1.5;
	text-align: left;
	padding: 0 50px 0 40px;
}
.type_plan .selected_plan .price small {
	font-size: 1.6rem;
}
.type_plan .selected_plan .price .period {
	font-weight: 500;
	font-size: 1.4rem;
	display: block;
}
.type_plan .selected_plan .price:after {
	font-family: 'recruiting_plus';
	content: '\e915';
	color: #0FADC9;
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 26px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* .column_billing */
.type_plan .column_billing h4 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #0FADC9;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}
.type_plan .column_billing h4:before {
	font-family: 'recruiting_plus';
	content: '\e923';
	line-height: 1;
	font-size: 2.0rem;
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type_plan .column_billing h4 a {
	color: #0FADC9;
}
.type_plan .column_billing dl {
	border-left: 2px solid rgba(15, 173, 201, 0.3);
	margin-left: 8px;
	padding: 30px 52px;
}
.type_plan .column_billing dt {
	font-weight: 500;
	font-size: 1.6rem;
	margin-bottom: 18px;
}
.type_plan .column_billing dd {
	font-size: 1.4rem;
}
.type_plan .column_billing dd:not(:last-of-type) {
	margin-bottom: 40px;
}
.type_plan .column_billing dd.no {
	display: inline-block;
	background: #DBF3F7;
	border-radius: 5px;
	padding: 0 14px;
}
.type_plan .column_r .plan_btn span:before {
	font-family: 'recruiting_plus';
	content: '\e900';
	line-height: 1;
	color: #fff;
}
/* .promotion */
.type_plan .column_billing dd.promotion span {
	color: #49AC00;
	margin-left: 10px;
}

@media only screen and (max-width: 768px) {
	.type_column_two.type_edit.type_plan .column_l {
		padding: 0;
	}
	.type_plan .column_l .inner {
		padding: 30px 8%;
	}
	.type_plan .selected_plan {
		overflow: hidden;
	}
	.type_plan .selected_plan .plan {
		width: 105%;
		background-size: cover !important;
		display: block;
	}
	.type_plan .selected_plan .plan .ttl {
		margin-left: -5%;
	}
	.type_plan .selected_plan .plan .selected_name {
		font-size: 3.2rem;
		margin-left: -5%;
	}
	.type_plan .selected_plan .price {
		font-size: 2.8rem;
		padding: 30px 8%;
		display: block;
		position: relative;
	}
	.type_plan .selected_plan .price:after {
		right: 20px;
	}
	.type_plan .column_billing dl {
		padding: 20px 30px;
	}
	.type_plan .column_billing dt {
		margin-bottom: 8px;
	}
	.type_plan .column_billing dd:not(:last-of-type) {
		margin-bottom: 20px;
	}
	.type_plan .column_billing dd.promotion span {
		display: block;
	}
}

/* .type_plan_selected */
.type_plan_selected .inner {
	padding: 50px 0;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
.type_plan_selected h3 {
	font-size: 2.5rem;
	color: #1D5B83;
	text-align: center;
}
.type_plan_selected h3 + p {
	font-size: 1.5rem;
	color: #1D5B83;
	text-align: center;
}
.type_plan_selected h3 + p a {
	color: #1D5B83;
	position: relative;
}
.type_plan_selected h3 + p a:before {
	content: "\e900";
	font-family: 'recruiting_plus';
	color: #1D5B83;
	position: absolute;
	top: -3px;
	left: -30px;
}
.type_plan_selected h3 + p a:after {
	font-size: 1.0rem;
	content: "\e90a";
	font-family: 'recruiting_plus';
	color: #1D5B83;
	position: absolute;
	top: 1px;
	right: -27px;
	transform: scale(0.6,0.6);
}

/* .promotion */
.type_plan_selected .promotion_code {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 38px 0 0;
}
.type_plan_selected .promotion_code p {
	font-size: 1.5rem;
	font-weight: 600;
	color: #1D5B83;
}
.type_plan_selected .promotion_code input[type="text"] {
	width: 252px;
	padding: 8px;
	margin: 0 0 0 15px;
	line-height: 1.2;
	font-size: 1.6rem;
	outline: none;
	border: none;
	-webkit-appearance: none;
	border-radius: none;
	border: 1px solid #BEBEBE;
	transition: all 0.3s ease-out;
}
.type_plan_selected .promotion_code button {
	min-width: 112px;
	padding: 8px 20px;
	background: #49AC00;
	border: 1px solid #49AC00;
	margin: 0 0 0 15px;
}
.type_plan_selected .promotion_code + .error_msg {
	width: 100%;
	text-align: center;
	margin: 10px 0 0 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	color: #FF3B00;
}
/* .applied */
.type_plan_selected.applied .promotion_code input[type="text"] {
	background: #BEBEBE;
	opacity: 1;
}
.type_plan_selected.applied .promotion_code input[type="text"]::placeholder {
	color: #1D1E24;
}
.type_plan_selected.applied .promotion_code input[type="text"]::-webkit-input-placeholder {
	color: #1D1E24;
	opacity: 1;
}
.type_plan_selected.applied .promotion_code input[type="text"]:-ms-input-placeholder {
	color: #1D1E24;
}
.type_plan_selected.applied .promotion_code input[type="text"]::-ms-input-placeholder {
	color: #1D1E24;
}
.type_plan_selected.applied .promotion_code button {
	background: #707070;
	border: 1px solid #707070;
}
.type_plan_selected.applied .column_plan section:not(.disabled):after {
	font-size: 1.3rem;
	font-weight: 600;
	padding: 4px 8px 4px 34px;
	border-radius: 2px;
	content: 'プロモーション適用済み';
	background: #49AC00;
	color: #fff;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
}
.type_plan_selected.applied .column_plan section:not(.disabled):before {
	font-family: 'recruiting_plus';
	content: "\e918";
	font-size: 2.0rem;
	color: #fff;
	position: absolute;
	top: -13px;
	right: 147px;
	z-index: 2;
}
.type_plan_selected.applied .column_plan .ttl .yen {
	margin-top: 25px;
	position: relative;
}
.type_plan_selected.applied .column_plan .ttl .yen .before_change {
	position: absolute;
	top: -18px;
	right: 10px;
	font-size: 1.2rem;
}
.type_plan_selected.applied .column_plan .ttl .yen .before_change > span {
	text-decoration: line-through;
	font-size: 1.7rem;
	margin: 0 0 0 3px;
}

/* .column_plan */
.type_plan_selected .column_plan {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.type_plan_selected .column_plan section {
	width: 100%;
	position: relative;
	background: #fff;
	box-shadow: 0 3px 14px rgba(0, 56, 56, 0.08);
}
.type_plan_selected .column_plan section:not(:last-child) {
	margin-right: 24px;
}
.type_plan_selected .column_plan section a {
	display: block;
}
.type_plan_selected .column_plan .silver {
	box-shadow: 0 3px 30px rgba(0, 56, 56, 0.3);
}
.type_plan_selected .column_plan .ttl {
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-size: cover !important;
	height: 196px;
	padding: 20px 15px;
	color: #fff;
	z-index: 1;
	position: relative;
}
.type_plan_selected .column_plan .free .ttl {
	background: url(/2027/img/admin/plan/free.png) no-repeat center bottom;
}
.type_plan_selected .column_plan .bronze .ttl {
	background: url(/2027/img/admin/plan/bronze.png) no-repeat center bottom;
}
.type_plan_selected .column_plan .silver .ttl {
	background: url(/2027/img/admin/plan/silver.png) no-repeat center bottom;
}
.type_plan_selected .column_plan .gold .ttl {
	background: url(/2027/img/admin/plan/gold.png) no-repeat center bottom;
}
.type_plan_selected .column_plan .ttl h4 {
	font-size: 2.8rem;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height: 1.0;
	margin-bottom: 5px;
}
.type_plan_selected .column_plan .free .ttl h4 {
	color: #00647C;
}
.type_plan_selected .column_plan .bronze .ttl h4 {
	color: #953900;
}
.type_plan_selected .column_plan .silver .ttl h4 {
	color: #183B6A;
}
.type_plan_selected .column_plan .gold .ttl h4 {
	color: #A76D00;
}
.type_plan_selected .column_plan .ttl .yen {
	font-size: 3.8rem;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height: 1.0;
	margin-bottom: 10px;
}
.type_plan_selected .column_plan .ttl .yen small {
	font-size: 2.0rem;
	padding: 0 8px 0 0;
}
.type_plan_selected .column_plan .ttl p:not(.yen) {
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.6;
}
.type_plan_selected .column_plan .details {
	padding: 50px 20px 42px;
	margin: -30px 0 48px 0;
	position: relative;
}
.type_plan_selected .column_plan .details:after {
	font-family: 'recruiting_plus';
	content: "\e927";
	font-size: 2.0rem;
	color: #A7A7A7;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.type_plan_selected .column_plan .silver .details {
	border: 3px solid #718FAA;
	border-width: 0 3px;
}
.type_plan_selected .column_plan .details h5 {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 10px;
}
.type_plan_selected .column_plan .free .details h5 {
	color: #0FADC9;
}
.type_plan_selected .column_plan .bronze .details h5 {
	color: #D68A48;
}
.type_plan_selected .column_plan .silver .details h5 {
	color: #527391;
}
.type_plan_selected .column_plan .gold .details h5 {
	color: #A76D00;
}
.type_plan_selected .column_plan .details li {
	margin-bottom: 10px;
	font-size: 1.4rem;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.type_plan_selected .column_plan .selected {
	padding: 12px;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.type_plan_selected .column_plan .free .selected {
	background: #0FADC9;
}
.type_plan_selected .column_plan .bronze .selected {
	background: #D68A48;
}
.type_plan_selected .column_plan .silver .selected {
	background: #527391;
}
.type_plan_selected .column_plan .gold .selected {
	background: #F2C100;
}
.type_plan_selected .column_plan .selected p {
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
}
.type_plan_selected .column_plan .selected p:before {
	font-family: 'recruiting_plus';
	content: "\e900";
	font-size: 1.2rem;
	margin-right: 10px;
}
.type_plan_selected .inner > p {
	margin: 0 0 20px;
	font-size: 1.4rem;
}

/* .recommend */
.type_plan_selected .column_plan .recommend {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
	font-size: 1.4rem;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	background: #FCC42D;
	padding: 10px 6px 8px;
	position: absolute;
	top: -10px;
	left: -10px;
}
.type_plan_selected .column_plan .recommend:before {
	content: '';
	filter: drop-shadow(0 5px 3px rgba(0,0,0,0.16));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 36px 0 0;
	border-color: #FCC42D transparent transparent transparent;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.type_plan_selected .column_plan .recommend:after {
	content: '';
	filter: drop-shadow(0 5px 3px rgba(0,0,0,0.16));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 36px 20px 0;
	border-color: transparent #FCC42D transparent transparent;
	position: absolute;
	right: 0;
	bottom: -20px;
}

/* .icon */
.type_plan_selected .column_plan .icon_common {
	font-family: 'recruiting_plus';
}
.type_plan_selected .column_plan .icon_common span {
	font-weight: 600;
}
.type_plan_selected .column_plan .rhombus {
	margin-left: 0.4em;
	padding-left: 0.6em !important;
	text-indent: -0.6em !important;
}
.type_plan_selected .column_plan .rhombus:before {
	content: "\e928";
	transform: scale(0.5,0.5);
	display: inline-block;
	position: relative;
	left: -5px;
	top: 2px;
	margin-right: 4px;
}
.type_plan_selected .column_plan .circle:before {
	content: "\e926";
	position: relative;
	left: -5px;
	top: 1px;
	color: #0FADC9 ;
}
.type_plan_selected .column_plan .icon_remove:before {
	content: "\e924";
	position: relative;
	left: -5px;
	top: 1px;
	color: #D66C3C;
}

/* disabled */
.type_plan_selected .column_plan .disabled {
	box-shadow: none;
}
.type_plan_selected .column_plan .silver.disabled .details {
	border: 3px solid #D0D0D0;
	border-width: 0 3px;
}
.type_plan_selected .column_plan .disabled .selected {
	background: #D0D0D0 !important;
}

@media only screen and (max-width: 1280px){
	.type_plan_selected .column_plan {
		flex-wrap: wrap;
	}
	.type_plan_selected .column_plan section {
		width: 49%;
	}
	.type_plan_selected .column_plan section:not(:last-child) {
		margin: 0;
	}
	.type_plan_selected .column_plan section:first-child,
	.type_plan_selected .column_plan section:nth-child(2) {
		margin-bottom: 30px;
	}
	.type_plan_selected .column_plan .details {
		padding: 70px 30px 42px;
		margin: -55px 0 48px 0;
	}
}
@media only screen and (max-width: 768px) {
	/* .promotion_code */
	.type_plan_selected .promotion_code {
		display: block;
	}
	.type_plan_selected .promotion_code p {
		margin: 0 0 10px 0;
	}
	.type_plan_selected .promotion_code input[type="text"] {
		margin: 0;
		min-width: auto;
		min-width: initial;
		width: calc(100% - 132px);
	}
	/* .applied */
	.type_plan_selected.applied .column_plan section:not(.disabled) .ttl {
		height: 200px;
	}
	.type_plan_selected.applied .column_plan section.disabled .ttl .yen {
		margin-top: 0;
	}
	/* .column_plan */
	.type_plan_selected .column_plan section {
		width: 100%;
	}
	.type_plan_selected .column_plan section .ttl {
		height: 165px;
	}
	.type_plan_selected .column_plan .details {
		padding: 90px 30px 42px;
		margin: -78px 0 48px 0;
	}
	.type_plan_selected .column_plan .details h5 {
		margin-bottom: 5px;
	}
	.type_plan_selected .column_plan .details li {
		margin-bottom: 5px;
	}
	.type_plan_selected .column_plan section:not(:last-child) {
		margin-bottom: 20px;
	}
	.type_plan_selected .column_plan .recommend {
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.type_plan_selected .column_plan .recommend:before {
		border-width: 15px 36px 0 0;
		bottom: -14px;
	}
	.type_plan_selected .column_plan .recommend:after {
		border-width: 0 36px 15px 0;
		bottom: -14px;
	}
}

/* .invoice_plan */
.type_plan .invoice_plan {
	position: relative;
	width: 510px;
	margin: 0 auto 30px;
	display: table;
	border: 1px solid #E2E2E2;
}
.type_plan .invoice_plan a {
	display: block;
}
.type_plan .invoice_plan .plan {
	width: 295px;
	height: 110px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.type_plan .invoice_plan .plan {
	width: 295px;
	height: 110px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.type_plan .invoice_plan.free .plan {
	background: url(/2027/img/admin/plan/free_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.type_plan .invoice_plan.bronze .plan {
	background: url(/2027/img/admin/plan/bronze_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.type_plan .invoice_plan.silver .plan {
	background: url(/2027/img/admin/plan/silver_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.type_plan .invoice_plan.gold .plan {
	background: url(/2027/img/admin/plan/gold_confirm.png) no-repeat left center;
	background-size: 100% auto;
}
.type_plan .invoice_plan .plan .ttl {
	color: #FFF;
	line-height: 1.8;
	font-weight: 500;
	font-size: 1.6rem;
}
.type_plan .invoice_plan .plan .ttl span {
	padding: 0 0 0 25px;
	position: relative;
}
.type_plan .invoice_plan .plan .ttl span:before {
	content: "\e900";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type_plan .invoice_plan .plan .selected_name {
	line-height: 1.1;
	font-weight: 500;
	font-size: 3.8rem;
	font-family: 'Roboto', sans-serif;
}
.type_plan .invoice_plan.free .selected_name {color: #00647C;}
.type_plan .invoice_plan.bronze .selected_name {color: #953900;}
.type_plan .invoice_plan.silver .selected_name {color: #183B6A;}
.type_plan .invoice_plan.gold .selected_name {color: #A76D00;}

.type_plan .invoice_plan .price {
	display: table-cell;
	vertical-align: middle;
	color: #1D1E24;
	font-weight: 600;
	font-size: 2.8rem;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	text-align: center;
	padding-left: 30px;
}
.type_plan .invoice_plan .price small {
	font-size: 1.6rem;
}
.type_plan .invoice_plan .price small:last-child {
	font-size: 1.1rem;
	font-weight: normal;
}

/* .applied */
.type_plan.applied .invoice_plan .plan {
	height: 103px;
}
.type_plan.type_promo .price,
.type_plan.applied .invoice_plan .price {
	text-align: right;
	padding: 0 30px;
}
.type_plan.type_promo .price > p,
.type_plan.applied .invoice_plan .price > p {
	text-align: right;
	color: #49AC00;
	font-size: 1.3rem;
	font-weight: 600;
	margin: 0;
	position: relative;
	top: -5px;
}
.type_plan.type_promo .price > p:before,
.type_plan.applied .invoice_plan .price > p:before {
	font-family: 'recruiting_plus';
	content: "\e918";
	font-size: 2.0rem;
	font-weight: normal;
	color: #49AC00;
	position: absolute;
	top: -5px;
	right: 150px;
}
.type_plan.type_promo .price > span,
.type_plan.applied .invoice_plan .price > span {
	position: relative;
	bottom: -14px;
	white-space: nowrap;
}
.type_plan.type_promo .price > span > small:last-of-type,
.type_plan.applied .invoice_plan .price > span > small:last-of-type {
	font-size: 1.1rem;
	font-weight: normal;
}
.type_plan.type_promo .price .before_change,
.type_plan.applied .invoice_plan .price .before_change {
	color: #A7A7A7;
	position: absolute;
	top: -18px;
	right: 0;
	font-size: 1.2rem;
}
_:-ms-lang(x)::-ms-backdrop, .type_plan.type_promo .price .before_change,
_:-ms-lang(x)::-ms-backdrop, .type_plan.applied .invoice_plan .price .before_change {
	top: 3px;
}
@supports (-ms-ime-align: auto) {
	.type_plan.type_promo .price .before_change,
	.type_plan.applied .invoice_plan .price .before_change {
		top: 3px;
	}
}
.type_plan.type_promo .price .before_change > span,
.type_plan.applied .invoice_plan .price .before_change > span {
	text-decoration: line-through;
	font-size: 1.7rem;
	margin: 0 0 0 3px;
}
.type_plan.type_promo .price .before_change > small,
.type_plan.applied .invoice_plan .price .before_change > small {
	text-decoration: line-through;
}

/* .type_promo */
.type_plan.type_promo .price {
	padding: 0 30px;
}
.type_plan.type_promo .price > p {
	text-align: left;
	padding: 0 0 0 25px;
	position: relative;
	top: 0;
}
.type_plan.type_promo .price > p:before {
	position: absolute;
	top: -5px;
	left: 0;
	right: auto;
}
.type_plan.type_promo .price > span {
	position: static;
}
.type_plan.type_promo .price .before_change {
	position: static;
}
.type_plan.type_promo .price .before_change small {
	font-size: 1.1rem;
}
.type_plan.type_promo .price .period {
	text-align: left;
}

@media only screen and (max-width:1280px) {
	.type_plan.type_promo .price {
		padding: 0 30px 0 15px;
	}
	.type_plan.type_promo .price > span:first-of-type {
		letter-spacing: -1px;
	}
}

@media only screen and (max-width:780px) {
	.type_plan.type_promo .price {
		padding: 15px 30px;
		text-align: left;
	}
}

/* .column_billing_dl */
.type_plan .column_billing_dl h4 {
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 24px;
}
.type_plan .column_billing_dl p {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 40px;
}
@media only screen and (max-width:1150px) {
	_:-ms-lang(x)::-ms-backdrop, .type_plan.applied .invoice_plan .price .before_change {
		top: -18px;
	}
	@supports (-ms-ime-align: auto) {
		.type_plan.applied .invoice_plan .price .before_change {
			top: -18px;
		}
	}
}

@media only screen and (max-width: 768px) {
	.type_plan .invoice_plan {
		overflow: hidden;
		width: 100%;
	}
	.type_plan .invoice_plan .plan {
		width: 110%;
		height: auto;
		padding: 8px 0;
		margin-left: -5%;
		background: url(/2027/img/admin/plan/bronze_comfirm.png) no-repeat right center;
		background-size: cover !important;
		display: block;
	}
	.type_plan .invoice_plan .plan .selected_name {
		font-size: 3.2rem;
		padding-left: -5%;
	}
	.type_plan .invoice_plan .price {
		font-size: 2.8rem;
		padding: 30px 8%;
		display: block;
		position: relative;
	}
	.type_plan .invoice_plan .price:after {
		right: 20px;
	}
	/* .applied */
	.type_plan.applied .invoice_plan .plan {
		height: auto;
	}
	.type_plan.applied .invoice_plan .price {
		padding: 30px 8%;
	}
}
/* ------------------------------------
	user details
------------------------------------ */
#details,
#questionnaire {
	margin-bottom: 20px;
}
.type_user_det {
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
	border-radius: 2px;
	background: #fff;
}
.type_user_det h2.h_questionnaire {
	font-size: 1.4rem;
	background: rgba(15, 173, 173, 0.15);
	margin: 0;
	padding: 15px 20px 15px 70px;
	position: relative;
}
.type_user_det h2.h_questionnaire:before {
	font-size: 2.4rem;
	content: "\e93c";
	color: #0FADC9;
	position: absolute;
	top: 8px;
	left: 40px;
}
.type_user_det h2.h_appeal {
	font-size: 1.4rem;
	background: rgba(15, 173, 173, 0.15);
	margin: 0;
	padding: 15px 20px 15px 70px;
	position: relative;
}
.type_user_det h2.h_appeal:before {
	font-size: 2rem;
	content: "\e905";
	color: #0FADC9;
	position: absolute;
	top: 8px;
	left: 40px;
}
.type_user_det h3 {
	color: #0FADC9;
	font-size: 1.4rem;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
}
.type_user_det h3.h_appsnap {
	padding: 0 40px;
}
.type_user_det p {
	font-size: 1.4rem;
}
.type_user_det .no_appeal {
	padding: 40px;
	font-size: 1.4rem;
	text-align: center;
	background: #FFF;
}
.type_user_det .inner {
	width: 100%;
	padding: 25px 40px;
	margin: 0 auto;
}
.type_user_det .questcomment {
	padding: 50px 40px;
}
.type_user_det .questcomment section {
	margin-bottom: 0;
}
.type_user_det .questcomment h3:not(:first-child) {
	margin-top: 30px;
}
.type_user_det .questcomment p {
	margin-left: 1em;
}
.type_user_det .questcomment ul {
	margin-left: 1.5em;
}
.type_user_det .questcomment ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.type_user_det .questcomment ul li:before {
	content: '';
	display: block;
	background:#666;;
	width: 5px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 1em;
}
.type_user_det .moviecomment.inner {
	padding: 50px 40px;
	border-bottom: 2px solid #e2e2e2;
}
.type_user_det .moviecomment.inner > section {
	margin-bottom: 0;
}
.type_user_det .prcomment.inner {
	padding: 50px 40px 0;
}
.type_user_det .prcomment.inner > section {
	margin-bottom: 0;
}
.type_user_det .user_head {
	background: rgba(15, 173, 173, 0.15);
	min-height: 136px;
	position: relative;
}
.type_user_det .user_head figure {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	flex-direction:column;	/* IE */
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border: 4px solid #fff;
	background: #FFF;
}
.type_user_det .user_head figure.land img {
	width: auto;
	height: 100%;
	flex-shrink: 0;
}
.type_user_det .user_head figure.port img {
	width: 100%;
	height: auto;
	flex-shrink: 0;
}
.type_user_det .personal_info {
	position: relative;
	padding: 30px 0 30px 220px;
}
.type_user_det .personal_info p {
	width: calc(100% - 515px);
	display: block;
	color: #1D1E24;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.type_user_det .personal_info .kana {
	font-size: 1.2rem;
}
.type_user_det .personal_info .name {
	font-size: 2.0rem;
	line-height: 1.6;
	margin: 0 5px 5px 0;
	position: relative;
}
.type_user_det .personal_info .icon_phase {
	/*position: absolute;
	top: 45px;*/
	display: inline-block;
	padding: 0 0 0 25px;
	color: #1D1E24;
}
.type_user_det .personal_info .icon_phase:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	/* top: 6px; */
	left: 10px;
}
.type_user_det .personal_info .status_decline {
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 0 0 15px;
	padding: 0 6px;
	color: #1D1E24;
	border: 1px solid #1D1E24;
	position: relative;
	top: -3px;
}
/* phese color */
.type_user_det .user_head.phase_0 { border-left: 5px solid #FFF; }
.type_user_det .user_head.phase_1 { border-left: 5px solid #E8307E; }
.type_user_det .user_head.phase_2 { border-left: 5px solid #1abc9c; }
.type_user_det .user_head.phase_3 { border-left: 5px solid #FDFD15; }
.type_user_det .user_head.phase_4 { border-left: 5px solid #3498db; }
.type_user_det .user_head.phase_5 { border-left: 5px solid #ab79bf; }
.type_user_det .user_head.phase_6 { border-left: 5px solid #34495e; }
.type_user_det .user_head.phase_7 { border-left: 5px solid #ecf0f1; }
.type_user_det .user_head.phase_8 { border-left: 5px solid #d7ac00; }
.type_user_det .user_head.phase_9 { border-left: 5px solid #880501; }
.type_user_det .user_head.phase_10 { border-left: 5px solid #95a5a6; }
.type_user_det .user_head.phase_11 { border-left: 5px solid #F77479; }
.type_user_det .user_head.phase_12 { border-left: 5px solid #FFECD1; }
.type_user_det .user_head.phase_13 { border-left: 5px solid #FFFDAB; }
.type_user_det .user_head.phase_14 { border-left: 5px solid #F15BA6; }
.type_user_det .user_head.phase_15 { border-left: 5px solid #E777FF; }
.type_user_det .user_head.phase_16 { border-left: 5px solid #8A3BC0; }
.type_user_det .user_head.phase_17 { border-left: 5px solid #8FDBF9; }
.type_user_det .user_head.phase_18 { border-left: 5px solid #F8C294; }
.type_user_det .user_head.phase_19 { border-left: 5px solid #BF7757; }
.type_user_det .user_head.phase_20 { border-left: 5px solid #0FA1D0; }
.type_user_det .user_head.phase_21 { border-left: 5px solid #0F7672; }
.type_user_det .user_head.phase_22 { border-left: 5px solid #B5A87E; }
.type_user_det .user_head.phase_23 { border-left: 5px solid #71CFBD; }
.type_user_det .user_head.phase_24 { border-left: 5px solid #DFDEB3; }
.type_user_det .user_head.phase_25 { border-left: 5px solid #82d78e; }
.type_user_det .user_head.phase_26 { border-left: 5px solid #e74c3c; }
.type_user_det .user_head.phase_27 { border-left: 5px solid #FE8D7D; }
.type_user_det .user_head.phase_28 { border-left: 5px solid #172A69; }
.type_user_det .user_head.phase_29 { border-left: 5px solid #FF7B00; }
.type_user_det .user_head.phase_30 { border-left: 5px solid #2B5090; }
.type_user_det .user_head.phase_31 { border-left: 5px solid #F4C2D7; }
.type_user_det .user_head.phase_32 { border-left: 5px solid #B9D6F3; }
.type_user_det .user_head.phase_33 { border-left: 5px solid #18A8BB; }
.type_user_det .user_head.phase_34 { border-left: 5px solid #FF5B47; }
.type_user_det .user_head.phase_35 { border-left: 5px solid #3771A1; }
.type_user_det .user_head.phase_36 { border-left: 5px solid #F2C6C0; }
.type_user_det .user_head.phase_37 { border-left: 5px solid #FAF1F1; }
.type_user_det .user_head.phase_38 { border-left: 5px solid #e67e22; }
.type_user_det .user_head.phase_39 { border-left: 5px solid #603d3d; }
.type_user_det .user_head.phase_40 { border-left: 5px solid #6FFFE9; }
.type_user_det .user_head.phase_41 { border-left: 5px solid #A2F821; }
.type_user_det .user_head.phase_42 { border-left: 5px solid #FF008E; }
.type_user_det .user_head.phase_43 { border-left: 5px solid #06A51D; }
.type_user_det .user_head.phase_44 { border-left: 5px solid #0941E9; }
.type_user_det .user_head.phase_45 { border-left: 5px solid #FBC968; }
.type_user_det .user_head.phase_46 { border-left: 5px solid #FBE960; }
.type_user_det .user_head.phase_47 { border-left: 5px solid #C05095; }
.type_user_det .user_head.phase_48 { border-left: 5px solid #FE0002; }
.type_user_det .user_head.phase_49 { border-left: 5px solid #DFFCAD; }
.type_user_det .user_head.phase_50 { border-left: 5px solid #84ACE1; }
.type_user_det .user_head.phase_50 { border-left: 5px solid #84ACE1; }

.type_user_det .user_head.phase_0 .icon_phase:before { background: #FFF; }
.type_user_det .user_head.phase_1 .icon_phase:before { background: #E8307E; }
.type_user_det .user_head.phase_2 .icon_phase:before { background: #1abc9c; }
.type_user_det .user_head.phase_3 .icon_phase:before { background: #FDFD15; }
.type_user_det .user_head.phase_4 .icon_phase:before { background: #3498db; }
.type_user_det .user_head.phase_5 .icon_phase:before { background: #ab79bf; }
.type_user_det .user_head.phase_6 .icon_phase:before { background: #34495e; }
.type_user_det .user_head.phase_7 .icon_phase:before { background: #ecf0f1; }
.type_user_det .user_head.phase_8 .icon_phase:before { background: #d7ac00; }
.type_user_det .user_head.phase_9 .icon_phase:before { background: #880501; }
.type_user_det .user_head.phase_10 .icon_phase:before { background: #95a5a6; }
.type_user_det .user_head.phase_11 .icon_phase:before { background: #F77479; }
.type_user_det .user_head.phase_12 .icon_phase:before { background: #FFECD1; }
.type_user_det .user_head.phase_13 .icon_phase:before { background: #FFFDAB; }
.type_user_det .user_head.phase_14 .icon_phase:before { background: #F15BA6; }
.type_user_det .user_head.phase_15 .icon_phase:before { background: #E777FF; }
.type_user_det .user_head.phase_16 .icon_phase:before { background: #8A3BC0; }
.type_user_det .user_head.phase_17 .icon_phase:before { background: #8FDBF9; }
.type_user_det .user_head.phase_18 .icon_phase:before { background: #F8C294; }
.type_user_det .user_head.phase_19 .icon_phase:before { background: #BF7757; }
.type_user_det .user_head.phase_20 .icon_phase:before { background: #0FA1D0; }
.type_user_det .user_head.phase_21 .icon_phase:before { background: #0F7672; }
.type_user_det .user_head.phase_22 .icon_phase:before { background: #B5A87E; }
.type_user_det .user_head.phase_23 .icon_phase:before { background: #71CFBD; }
.type_user_det .user_head.phase_24 .icon_phase:before { background: #DFDEB3; }
.type_user_det .user_head.phase_25 .icon_phase:before { background: #82d78e; }
.type_user_det .user_head.phase_26 .icon_phase:before { background: #e74c3c; }
.type_user_det .user_head.phase_27 .icon_phase:before { background: #FE8D7D; }
.type_user_det .user_head.phase_28 .icon_phase:before { background: #172A69; }
.type_user_det .user_head.phase_29 .icon_phase:before { background: #FF7B00; }
.type_user_det .user_head.phase_30 .icon_phase:before { background: #2B5090; }
.type_user_det .user_head.phase_31 .icon_phase:before { background: #F4C2D7; }
.type_user_det .user_head.phase_32 .icon_phase:before { background: #B9D6F3; }
.type_user_det .user_head.phase_33 .icon_phase:before { background: #18A8BB; }
.type_user_det .user_head.phase_34 .icon_phase:before { background: #FF5B47; }
.type_user_det .user_head.phase_35 .icon_phase:before { background: #3771A1; }
.type_user_det .user_head.phase_36 .icon_phase:before { background: #F2C6C0; }
.type_user_det .user_head.phase_37 .icon_phase:before { background: #FAF1F1; }
.type_user_det .user_head.phase_38 .icon_phase:before { background: #e67e22; }
.type_user_det .user_head.phase_39 .icon_phase:before { background: #603d3d; }
.type_user_det .user_head.phase_40 .icon_phase:before { background: #6FFFE9; }
.type_user_det .user_head.phase_41 .icon_phase:before { background: #A2F821; }
.type_user_det .user_head.phase_42 .icon_phase:before { background: #FF008E; }
.type_user_det .user_head.phase_43 .icon_phase:before { background: #06A51D; }
.type_user_det .user_head.phase_44 .icon_phase:before { background: #0941E9; }
.type_user_det .user_head.phase_45 .icon_phase:before { background: #FBC968; }
.type_user_det .user_head.phase_46 .icon_phase:before { background: #FBE960; }
.type_user_det .user_head.phase_47 .icon_phase:before { background: #C05095; }
.type_user_det .user_head.phase_48 .icon_phase:before { background: #FE0002; }
.type_user_det .user_head.phase_49 .icon_phase:before { background: #DFFCAD; }
.type_user_det .user_head.phase_50 .icon_phase:before { background: #84ACE1; }

.type_user_det .personal_info .mail {
	width: calc(100% - 525px);
	padding: 0 0 0 20px;
	display: block;
	font-size: 1.3rem;
	font-weight: 500;
	position: relative
}
.type_user_det .personal_info .mail:before {
	content: '\e916';
	font-size: 1.0rem;
	font-family: 'recruiting_plus';
	color: #0FADC9;
	margin-right: 10px;
	position: absolute;
	top: 4px;
	left: 0;
}
.type_user_det .personal_info .selection_btn {
	display: none;
}
/* .personal_data */
.type_user_det .personal_data {
	display: -webkit-box;
	display: flex;
	justify-content: flex-end;
	-webkit-box-align: center;
	align-items: center;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0;
}
.type_user_det .personal_data p {
	text-align: center;
	color: #0FADC9;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0 25px;
}
.type_user_det .personal_data p:not(:first-child) {
	border-left: 1px solid #fff;
}
.type_user_det .personal_data span {
	display: block;
	color: #1D1E24;
	font-size: 1.3rem;
	font-weight: 500;
}
.type_user_det .personal_data button {
	border-left: 1px solid #fff;
	padding: 15px 35px;

}
.type_user_det .personal_data .favorite_btn {
	position: relative;
	background: none;
}
.type_user_det .personal_data .favorite_btn:before {
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	content: '\e91e';
	font-size: 2.5rem;
	font-family: 'recruiting_plus';
	color: #CBCBCB;
}
_:-ms-lang(x)::-ms-backdrop, .type_user_det .personal_data .favorite_btn::before {
	top: 0;
}
.type_user_det .personal_data .favorite_btn > span {
	font-size: 1.1rem;
	padding-top: 25px;
}
/* animation */
.type_user_det .personal_data .favorite_btn.active:before{
	-webkit-animation: favoAct 1s forwards;
	animation: favoAct 1s forwards;
}
@-webkit-keyframes favoAct {
	0% {-webkit-transform: translateX(-50%) scale(1) rotateY(0deg); opacity: 1; color: #FFD052;}
	50% {-webkit-transform: translateX(-50%) scale(1.3) rotateY(360deg); opacity: 0;}
	55% {-webkit-transform: translateX(-50%) scale(0.1) rotateY(0deg); opacity: 1;}
	70% {-webkit-transform: translateX(-50%) scale(1.1) rotateY(0deg); opacity: 1;}
	90% {-webkit-transform: translateX(-50%) scale(0.1) rotateY(180deg); opacity: 1;}
	100% {-webkit-transform: translateX(-50%) scale(1) rotateY(180deg); opacity: 1; color: #FFD052;}
}
@keyframes favoAct {
	0% {transform: translateX(-50%) scale(1) rotateY(0deg); opacity: 1; color: #FFD052;}
	50% {transform: translateX(-50%) scale(1.3) rotateY(360deg); opacity: 0;}
	55% {transform: translateX(-50%) scale(0.1) rotateY(0deg); opacity: 1;}
	70% {transform: translateX(-50%) scale(1.1) rotateY(0deg); opacity: 1;}
	90% {transform: translateX(-50%) scale(0.1) rotateY(180deg); opacity: 1;}
	100% {transform: translateX(-50%) scale(1) rotateY(180deg); opacity: 1; color: #FFD052;}
}

/* .is-fixed */
.type_user_det .user_head.is-fixed {
	position: fixed;
	top: 0;
	right: 40px;
	z-index: 2;
	min-height: auto;
	min-height: initial;
	width: calc(100% - 325px);
	background: #fff;
}
.type_user_det .user_head.is-fixed.active {
	-webkit-transform: translateX(37.7%);
	transform: translateX(37.7%);
	width: calc(100% - 325px);
}

@media only screen and (max-width: 1000px) {
	.type_user_det .user_head.is-fixed.active {
		-webkit-transform: translateX(42%);
		transform: translateX(42%);
		width: 677px;
	}
}

.type_user_det .user_head.is-fixed figure {
	top: 4px;
	left: 10px;
	width: 70px;
	height: 70px;
}
.type_user_det .is-fixed .personal_info {
	padding: 20px 0 20px 100px;
}
.type_user_det .is-fixed .personal_info .selection_btn {
	display: block;
	position: absolute;
	top: 50%;
	right: 130px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type_user_det .is-fixed .personal_info .selection_btn li {
	float: left;
	margin: 0 5px;
}
.type_user_det .is-fixed .personal_info .selection_btn li button {
	border: none;
	min-width: 155px;
	width: 100%;
	padding: 10px 13px;
	font-size: 1.3rem;
}
.type_user_det .is-fixed .personal_data button {
	border-left: none;
}
.type_user_det .is-fixed .personal_info .name {
	 width: calc(100% - 630px);
}
.type_user_det .is-fixed .personal_info .kana,
.type_user_det .is-fixed .personal_info .mail,
.type_user_det .is-fixed .personal_data p {
	display: none;
}

/* pg_job_offer */
.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn li {
	width: 35%;
	margin: 2px 5px;
}
.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn li:nth-child(1) {order:1;}
.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn li:nth-child(2) {order:3;}
.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn li:nth-child(3) {order:2;}
.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn li:nth-child(4) {order:4;}

.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn button {
	min-width: 120px;
	padding: 5px 0;
}

@media only screen and (max-width: 1280px) {
	.type_user_det .personal_info {
		top: -10px;
		padding: 40px 30px 0 207px;
	}
	.type_user_det .personal_info p {
		width: 100%;
	}
	.type_user_det .personal_info .mail {
		width: 100%;
	}
	.type_user_det .personal_info .icon_phase {
		margin-top: 10px;
	}
	.type_user_det .personal_data {
		justify-content: flex-start;
		position: static;
		padding: 0 0 30px 190px;
	}
	.type_user_det .personal_data p {
		padding: 0 10px;
		width: 100%;
	}
	.type_user_det .personal_data button {
		padding: 10px 25px;
		width: 100%;
	}
	.type_user_det .personal_data .favorite_btn:before {
		top: 5px;
	}
	_:-ms-lang(x)::-ms-backdrop, .type_user_det .personal_data .favorite_btn::before {
		top: -3px;
	}
	/* .is-fixed */
	.type_user_det .is-fixed .personal_info {
		top: 0;
	}
	.type_user_det .is-fixed .personal_info .name {
		width: calc(100% - 500px);
		min-width: 140px;
	}
	.type_user_det .is-fixed .personal_info .selection_btn li button,
	.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn button {
		min-width: 70px;
	}
	.type_user_det .is-fixed .personal_data {
		position: absolute;
		padding: 0;
	}
}
@media only screen and (max-width: 1160px) {
	.type_user_det .user_head.is-fixed {
		right: 0 !important;
		width: calc(100% - 285px);
	}
	.type_user_det .is-fixed .personal_info .selection_btn {
		right: 110px;
	}
}
@media only screen and (max-width: 1100px) {
	.type_user_det .is-fixed .personal_info .selection_btn {
		right: 90px;
	}
	.type_user_det .is-fixed .personal_info .selection_btn li button,
	.pg_job_offer .type_user_det .is-fixed .personal_info .selection_btn button {
		min-width: 50px;
	}
}
@media only screen and (max-width: 768px) {
	.type_user_det .user_head figure {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.type_user_det .personal_info {
		position: static;
		padding: 190px 25px 20px;
	}
	.type_user_det .personal_data {
		padding: 0 10px 30px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.type_user_det .personal_data p {
		border-left: none !important;
		padding: 0 5px;
		width: 50%;
		line-height: 1.4;
		margin-top: 10px;
		/*width: 100%;
		text-align: left;
		padding: 0;*/
	}
	.type_user_det .personal_data p:nth-of-type(2n + 1) {
		border-right: 1px solid #fff;
	}
	.type_user_det .personal_data p span {
		margin-top: 5px;
	}
	.type_user_det .personal_data button {
		border-left: none !important;
		padding: 10px 5px;
		margin-top: 10px;
		width: 50%;
	}
}

/* .input_area */
.type_user_det .input_area {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
/* .input_l */
.type_user_det .input_l {
	width: 193px;
	padding: 25px 30px 35px 0;
	border-right: 1px solid #E2E2E2;
}
.type_user_det .input_l section:first-of-type:after,
.type_user_det .input_l section:not(:last-of-type):after {
	content: '';
	width: 50px;
	height: 1px;
	background: #EBEBEB;
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 20px;
}
.type_user_det .input_l h3 {
	display: block;
	margin: 0;
	text-align: center;
}
.type_user_det .input_l p {
	text-align: center;
}
.type_user_det .input_l li {
	padding: 0;
	width: 100%;
}
.type_user_det .input_l li:not(:last-child) {
	margin-bottom: 12px;
}
.type_user_det .input_l button {
	min-width: auto;
	min-width: initial;
	width: 100%;
	padding: 10px 13px;
	border: none;
}
.type_user_det .phase button {
	font-weight: 500;
	background: rgba(15, 173, 173, 0.15) !important;
	color: #0FADC9;
}
.type_user_det .drop_out button {
	font-weight: 500;
	background: #FFE8E6 !important;
	color: #C92700;
}
/* .input_r */
.type_user_det .input_r {
	width: calc(100% - 193px);
	padding: 25px 0 25px 30px;
}
/* .basic_info */
.type_user_det .basic_info {
	display: -webkit-box;
	display: flex;
}
.type_user_det .basic_info dl {
	padding: 0 0 0 20px;
	width: calc(100% - 250px);
	font-size: 1.3rem;
}
.type_user_det .basic_info dl:first-child {
	width: 250px;
	padding: 0 20px 0 0;
	border-right: 1px solid #E2E2E2;
}
.type_user_det .basic_info dt {
	float: left;
	font-weight: 500;
	width: 100px;
}
.type_user_det .basic_info dt:before {
	content: '・';
}
.type_user_det .basic_info dd {
	margin: 0 0 8px 100px;
}
.type_user_det .basic_edit {
	min-width: 70px;
	padding: 5px 10px;
	margin-left: 12px;
	background: #EBEBEB;
	border: none;
	color: #666;
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.type_user_det .basic_edit.btn_cancel {
	border: 1px solid #EBEBEB;
	background: #fff;
}
.type_user_det .basic_edit > span {
	padding: 0 0 0 18px;
}
.type_user_det .basic_edit.rewrite > span:before {
	content: '\e922';
	font-family: 'recruiting_plus';
	color: #666;
}
.type_user_det .box_area {
	width: 100%;
}
.type_user_det .input_r section:not(:last-child)  {
	margin-bottom: 50px;
}
.type_user_det .input_l section {
	margin-bottom: 20px;
}
.type_user_det .input_l section:last-of-type {
	margin-bottom: 40px;
}
.type_user_det section {
	margin-bottom: 30px;
}
.type_user_det section.snap {
	margin: 50px 0 30px;
}
.type_user_det textarea {
	height: 120px;
	line-height: 1.8;
	border: 1px solid #E2E2E2;
}
.type_user_det textarea.read_only {
	padding: 3px;
	border: none;
	resize: none;
	outline: none;
}
.type_user_det textarea.read_only:focus {
	outline: 0;
}
.type_user_det textarea + .error_msg {
	margin: 10px 0 0 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	color: #FF3B00;
}
/* #questionnaire */
#questionnaire:before {
	content: " ";
	margin-top: -78px;
	height: 78px;
	display: block;
	visibility: hidden;
}
/* #appeal */
#appeal:before {
	content: " ";
	margin-top: -78px;
	height: 78px;
	display: block;
	visibility: hidden;
}
/* .movie */
.type_user_det .movie {
	width: 100%;
	background: #EAEAEA;
}
.type_user_det .movie .movie_area {
	max-width: 768px;
	max-height: 395px;
	margin: 0 auto;
	text-align: center;
}
.type_user_det .movie .movie_area > .movie_content {
	background: #333;
	width: 100%;
	padding-bottom: 51.4322%;
	height: 0px;	/*高さはpaddingで指定するためheightは0に*/
	position: relative;
}
.type_user_det .movie .movie_area > .movie_content video {
	max-width: 768px;
	max-height: 395px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.type_user_det .movie .movie_area #vjs_video_3 {
	width: auto;
	height: auto;
	position: static;
}
.type_user_det .movie .movie_area .vjs-control-bar {
	z-index: 1;
}

/* .type_user_det .movie .movie_area > .movie_content:before {
	content: '';
	background: rgba(110, 110, 110, 0.23);
	width: 65px;
	height: 65px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.type_user_det .movie .movie_area > .movie_content:after {
	content: '';
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 3px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
} */
.type_user_det .snap ul {
	display: flex;
	flex-wrap: wrap;
}
.type_user_det .snap ul li {
	background: #F4F4F4;
	width: 14.2857%;
	border: 1px solid #fff;
	position: relative;
	overflow: hidden;
}
.type_user_det .snap ul li:hover {
	cursor: pointer;
}
.type_user_det .snap ul li:before {
	content: '';
	display: block;
	padding-top: 100%;
}
.type_user_det .snap ul li figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.type_user_det .snap figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.type_user_det .snap_img .land img {
	width: auto;
	height: 100%;
}
.type_user_det .snap_img .port img {
	width: 100%;
	height: auto;
}
.type_user_det .snap .more {
	padding: 5px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.8;
	color: #666666;
	letter-spacing: 1px;
	display: block;
	text-align: center;
	border-radius: 4px;
	background: #EFEFEF;
	width: 100%;
}
/* modal */
.snap_modal img {
	max-width: 100%;
	max-height: 580px;
}
.snap_modal .btn_area  {
	padding: 0;
}
@media only screen and (max-width: 1280px) {
	.type_user_det .basic_info dl {
		width: auto;
	}
	#appeal:before {
		margin-top: -150px;
		height: 150px;
	}
	.type_user_det .movie .movie_area > .movie_content video {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@media only screen and (max-width: 768px) {
	#details:before {
		content: " ";
		margin-top: -62px;
		height: 62px;
		display: block;
		visibility: hidden;
	}
	.type_user_det .input_area {
		display: block;
	}
	.type_user_det .input_l {
		border-right: none;
		width: 100%;
		padding: 25px 0 20px 0;
	}
	.type_user_det .input_r {
		width: 100%;
		padding: 25px 0;
	}
	.type_user_det .basic_info {
		display: block;
	}
	.type_user_det .basic_info dl {
		padding: 0;
		width: 100% !important;
		border: none !important;
	}
	#questionnaire:before,
	#appeal:before {
		margin-top: -60px;
		height: 60px;
	}
	.type_user_det .movie .movie_area > .movie_content:before {
		width: 50px;
		height: 50px;
	}
	.type_user_det .movie .movie_area > .movie_content:after {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		margin-left: 3px;
	}
	.type_user_det .snap ul li {
		width: 25%;
	}
}

/* ------------------------------------
 access analysis
------------------------------------ */

.count_date {
	margin-bottom: 8px;
}
.count_date dt, .count_date dd {
	display: inline-block;
	font-size: 1.3rem;
}
.count_date dt{
	color: #5D5F6F;
	margin-right: 15px;
}
.count_date dd {
	color: #1D1E24;
	font-weight: bold;
}

.sort_cont.access .inner {
	background: transparent;
	padding: 0;
	justify-content: start;
	-webkit-box-align: center;
	align-items: normal;
}
.sort_cont.access .condition {
	padding: 25px 40px 40px;
	background: #fff;
}
.sort_cont.access .control {
	min-width: 315px;
	padding: 0 45px;
	margin: 0;
}

.sort_period {
	margin: 15px 0 0 0;
}
.sort_period select {
	padding: 0 7px;
	height: 32px;
	font-size: 1.2rem;
	display: inline-block;
	border-radius: 2px;
	border: 2px solid #BEBEBE;
	color: #8E8E8E;
}
_:-ms-lang(x)::-ms-backdrop, .sort_period select {
	padding: 0 0 0 8px;
}
.sort_period select option:not(:first-child) {
	color: #666666;
}
.period_radio {
	margin-bottom: 10px;
	display: flex;
	flex-flow: column wrap;
	height: 70px;
	justify-content: space-around;
}
.access_period {
	width: 50%;
	display: block;
	float: left;
}
.access_period li {
	margin-bottom: 5px;
}
.access_period .set_period_c {
	width: 100%;
}
.access_period .set_period_c div {
	margin-bottom: 5px;
}
.access_period:nth-child(1) {
	width: 87px;
}
.access_period:nth-child(2) {
	width: 186px;
}
.access_period:nth-child(3) {
	width: 350px;
}
.from_today, .set_period {
	width: 50%;
	float: left;
}
.from_today {
	width: 100%;
}
.from_today * {
	vertical-align: middle;
}
.from_today_p {
	width: 130px;
}
.set_period_p {
	width: 80px;
}
.from_today_c, .set_period_c {
	width: 50%;
}
.from_today_c > div , .set_period_c > div {
	display: inline-block;
	width: 100%;
}
.from_today_c > div p, .set_period_c > div p {
	display: inline-block;
	font-size: 1.3rem;
	color: #222222;
	padding: 0 3px;
}
.from_today_c > div select {
	width: 90%;
}
.set_period_c > select {
	width: calc(50% - 60px);
}
.board .from_today .select_disabled select {
	opacity: 0.5;
}

@media only screen and (max-width: 768px){
	.sort_cont.access .condition {
		padding: 20px;
	}
}

/* ------------------------------------
	access analysis - board
------------------------------------ */
.board {
	padding: 25px 40px;
}
.board .sticky_wrap {
	width: 100%;
	height: 60px;
	margin-bottom: 30px;
	position: relative;
}
.board h3.access_table_t {
	width: 100%;
	background: #DBF3F7;
	font-size: 1.6rem;
	color: #1D1E24;
	padding: 15px 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.board h3.access_table_t.fixed {
	position: fixed;
	top: 0;
	z-index: 50;
	width: calc(100% - 325px);
}
.board h3.access_table_t::after {
	display: block;
	content: '';
	clear: both;
}
.board h3.access_table_t .title {
	float: left;
	line-height: 1.6;
	position: relative;
	padding-left: 27px;
}
.board h3.access_table_t .title::before{
	display: inline-block;
	content: '';
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	vertical-align: middle;
	content: "\e939";
	position: absolute;
	top: 0;
	left: 0;
	color: #1D5B83;
	margin-right: 10px;
}
.board h3.access_table_t .period {
	float: right;
	font-size: 1.4rem;
	color: rgba(0,0,0,.6);
}
.board .board_card > li {
	width: 49%;
	margin: 0 2% 30px 0;
	float: left;
	border-radius: 2px;
	background: #FFF;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
.board .board_card > li.popular_category,
.board .board_card > li.article_ranking,
.board .board_card > li.snap_ranking {
	width: 32%;
}
.board .board_card > li.snap_ranking {
	margin-right: 0;
}
.board .board_card > li.access_time {
	width: 100%;
	margin: 0 0 30px 0;
}
.board .board_card > li.most_viewed {
	margin-right: 0;
}
.board .board_card > li.user_action {
	width: 40%;
	margin: 0 0 30px 0;
}
.board .board_card > li h4 {
	padding: 17px 20px;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 500;
	color: #1D1E24;
	border-bottom: 2px solid #EFEFEF;
}
.board .board_card section {
	padding: 0 0 15px;
}
.board .storage_graph_wrap {
	position: relative;
	margin: 0 0 15px;
	height: 200px;
}

/* -------
  access_status
---------- */

.access_status .access_graph_wrap {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}

/* -------
  stats_list
---------- */

.board .stats_list {
	padding: 20px 20px 0;
	font-size: 1.3rem;
}
.board .stats_list .scroll_area {
	height: 350px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.board .stats_list .scroll_area div {
	border-bottom: 1px solid #E2E2E2;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.board .stats_list dt{
	float: left;
	text-overflow: ellipsis;
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-word;
	text-align: left;
}
.board .stats_list dd {
	float: right;
	padding-right: 8px;
	text-align: right;
	align-self: center;
}
.board .stats_list .stats_head {
	color: #8E8E91;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 3px;
	display: flex;
 	justify-content: space-between;
}
.board .stats_list .stats_cont a {
	vertical-align: middle;
	color: #0FADC9;
	text-decoration: underline;
	float: left;
	text-overflow: ellipsis;
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-word;
}
.board .stats_list .stats_cont figure {
	width: 24px;
	height: 24px;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}
.board .stats_list .stats_cont.secret {
	color: #8E8E91;
}
.board .stats_list .stats_cont .secret span {
	vertical-align: middle;
	float: left;
	text-overflow: ellipsis;
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-word;
}
.board .access_status .view_count {
	display: flex;
	justify-content: space-between;
	padding: 30px 10px;
}
.board .access_status .view_count p {
	text-align: center;
	font-size: 1.4rem;
	color: #666;
	width: 33.3%;
	padding: 0 10px;
	border-right: 2px solid #EFEFEF;
}
.board .access_status .view_count p span {
	font-family: 'Roboto';
	font-size: 2.8rem;
	color: #0FADC9;
	font-weight: bold;
	display: block;
	line-height: 1;
	margin-bottom: 8px;
}
.board .access_status .view_count p:last-of-type {
	border-right: none;
}

.board .most_viewed .stats_head span:first-of-type {
	width: 26%;
	text-align: left;
}
.board .most_viewed .stats_list dt {
	width: 40%;
}
.board .most_viewed .stats_list dd {
	width: 100px;
}
.board .most_viewed .stats_list .stats_cont figure {
	width: 24px;
	height: 24px;
	margin-left: 8px;
}
.board .snap_ranking .stats_list .stats_cont figure {
	width: 80px;
	height: 80px;
}
.board .popular_category .stats_list .scroll_area div,
.board .article_ranking .stats_list .scroll_area div {
	padding: 15px 0;
}
.board .popular_category .stats_list .scroll_area,
.board .article_ranking .stats_list .scroll_area,
.board .snap_ranking .stats_list .scroll_area {
	height: 255px;
}

.board .snap_ranking .stats_list .stats_cont .secret figure {
	background: #FFF;
}
.board .snap_ranking .stats_list .stats_cont .secret figure:before {
	content: "非公開";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
}
.board .snap_ranking .stats_list .stats_cont .secret figure img {
	opacity: 0.2;
}

/* -------
  access_time_table
---------- */

.access_time_wrap {
	display: flex;
	justify-content: center;
}
.access_time .access_time_wrap{
	padding: 30px 30px 20px;
}
.access_time .access_time_wrap::after {
	display: block;
	content: '';
	clear: both;
}
.access_day {
	width: 25px;
	float: left;
}
.access_day li {
	line-height: 1;
	padding: 5px 0;
	font-weight: bold;
}
.access_day li.sun { color: #D91818; }
.access_day li.sat { color: #1F73AA; border-bottom: 1px solid #e5e5e5; padding: 5px 0 17px; }

.access_time .scroll_area {
	overflow-x: auto;
	webkit-overflow-scrolling: touch;
	padding: 30px 0 0 0;
	margin-top: -30px;
}
.access_time_detail{
	float: left;
	max-width: 970px;
	height: 230px;
}
.access_time .access_time_detail table {
	width: 950px;
	border-collapse: separate;
}
.access_time .access_time_detail table tbody td {
	background: #EFEFEF;
	width: 40px;
	height: 20px;
	padding: 7px;
	border: 3px solid #fff;
	position: relative;
}
.access_time .access_time_detail table tbody td .access_tip {
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-out;
	position: absolute;
	top: -25px;
	right: -25px;
	width: 55px;
	z-index: 50;
	text-align: center;
	padding: 3px 5px;
	border-radius: 5px;
	background: rgba(255,255,255,.9);
	box-shadow: 0px 3px 11px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,.3);
}
.access_time .access_time_detail table tbody td .access_tip::after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 0;
	border-color: rgba(255,255,255,.9) transparent transparent transparent;
	position: absolute;
	bottom: -6px;
	left: 17px;
}
.access_time .access_time_detail table tbody td:last-of-type .access_tip {
	top: -25px;
	left: -30px;
}
.access_time .access_time_detail table tbody td:last-of-type .access_tip::after {
	border-width: 0 6px 6px 0;
	border-color: transparent rgba(255,255,255,.9) transparent transparent;
	bottom: -6px;
	right: 12px;
	left: auto;
}
.access_time .access_time_detail table tbody td:hover .access_tip,
.access_time .access_time_detail table tbody td.active .access_tip {
	visibility: visible;
	opacity: 1;
}
.access_time .access_time_detail table tbody tr:last-of-type td {
	border-bottom: 15px solid #fff;
}
.access_time .access_time_detail table tfoot th {
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	padding: 2px 3px 0;
	text-align: left;
}
.access_time .access_time_unit {
	max-width: 985px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}
.access_time .access_time_unit table tbody td {
	background: #EFEFEF;
	width: 60px;
	height: 10px;
	padding: 7px;
	border-right: 5px solid #fff;
}
.access_time .access_time_unit table tfoot th {
	text-align: right;
	padding: 0 3px;
	color: #858585;
}

.access_time table tbody td.under_20 { background: #B5F4EF;}
.access_time table tbody td.under_40 { background: #6EEBF0;}
.access_time table tbody td.under_60 { background: #0FADC9;}
.access_time table tbody td.under_80 { background: #1D5B83;}
.access_time table tbody td.under_100 { background: #10344A;}

@media only screen and (max-width: 1200px){
	.board {
		width: 938px;
	}
}

@media only screen and (max-width: 1280px){
	.board .board_card > li.user,
	.board .board_card > li.storage {
	    width: 49%;
	}
	.board .board_card > li.storage {
		margin: 0 0 30px;
	}
	.board .board_card > li.login_rank,
	.board .board_card > li.info,
	.board .board_card > li.user_action {
		width: 100%;
	}
}

@media only screen and (max-width: 768px){
	.board {
		padding: 25px 5%;
		width: 100%;
	}
	.board .sticky_wrap {
		height: auto;
	}
	.board h3.access_table_t {
		position: static;
		top: auto;
		left: auto;
	}
	.board h4 {
		margin: 0px 0px 30px;
	}
	.board .board_card {
		overflow: hidden;
	}
	.board .board_card section {
		text-align: center;
	}
	.board .board_card > li {
		width: 100%;
		margin: 0 5% 20px 0;
	}
	.board .board_card > li.user,
	.board .board_card > li.storage,
	.board .board_card > li.login_rank,
	.board .board_card > li.user_action {
		width: 100%;
	}
	.board .board_card > li.user section,
	.board .board_card > li.storage section {
			padding: 0 0 20px;
	}
	.board .board_card > li h3 {
		text-align: left;
	}
}

@media only screen and (max-width: 1366px){
	.access_time .access_time_unit {
		padding: 0 25px;
	}
}

@media only screen and (max-width: 768px) {
	.sort_cont.access .condition {
		width: 100%;
	}
	.sort_period select {
		margin: 0;
		width: 100%;
		font-size: 1.6rem;
	}
	.board .board_card > li.popular_category, .board .board_card > li.article_ranking, .board .board_card > li.snap_ranking {
		width: 100%;
	}
	.from_today, .set_period {
		width: 100%;
		float: none;
	}
	.from_today {
		margin-bottom: 20px;
	}
	.sort_period select {
		width: 50%;
	}
	.sort_period .set_period select {
		margin-bottom: 5px;
	}
	.period_radio {
	    flex-flow: column nowrap;
		height: auto;
		margin-bottom: 0;
	}
	.access_period {
		width: 100%;
		display: block;
		float: none;
	}
	.access_period li {
		margin-bottom: 5px;
	}
	.access_period .set_period_c {
		width: 100%;
	}
	.access_period .set_period_c div {
		margin-bottom: 5px;
	}
	.access_period .set_period_c div p {
		font-size: 1rem;
	}
	.access_period:nth-child(1),
	.access_period:nth-child(2),
	.access_period:nth-child(3) {
		width: 100%;
	}
	.access_period:last-of-type li select {
		padding: 0 3px;
		width: 6rem;
		font-size: 1.6rem;
	}
	.access_period:last-of-type li select:first-of-type {
		width: 8rem;
	}
	.from_today {
		margin-bottom: 0;
	}
	.from_today_p, .set_period_p {
		margin-bottom: 8px;
	}
	.from_today_c, .set_period_c {
		width: 100%;
	}
	.from_today_c {
		margin-bottom: 15px;
	}
	.sort_period select {
		margin-bottom: 5px;
	}
}

/* ------------------------------------
 statistics
------------------------------------ */

.board .board_card > li.graph_details,
.board .board_card > li.graph_transition {
	width: 100%;
}

/* -------
  applicant details graph
---------- */
.board .board_card .doughnut_chart_wrap {
	margin: 20px auto;
	width: 98%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.board .board_card .doughnut_chart_wrap section {
	border-right: 1px solid #EFEFEF;
	padding: 0 20px;
	width: 25%;
}
.board .board_card .doughnut_chart_wrap section:last-of-type {
	border-right: none;
}
.doughnut_chart_wrap section h5 {
	font-size: 1.6rem;
	color: #0FADC9;
	text-align: center;
	margin-bottom: 15px;
}
.doughnut_chart_wrap section .data_graph_wrap {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background: #fff;
	position: relative;
}
.doughnut_chart_wrap section .data_graph_wrap .in_use {
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	color: #B2B2B2;
}
.doughnut_chart_wrap section .data_graph_wrap .in_use span {
  margin: 0 0 3px;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
	color: #666666;
}
.doughnut_chart_wrap section .data_graph_wrap .in_use small {
  font-size: 1.3rem;
	color: #666666;
}
.doughnut_chart_wrap section .breakdown {
  margin: 20px auto 0;
  max-width: 200px;
  overflow: hidden;
}
.doughnut_chart_wrap section .breakdown li {
  padding: 0 0 0 28px;
  position: relative;
  overflow: hidden;
	font-size: 1.4rem;
}
.doughnut_chart_wrap section .breakdown li::before {
  content: "";
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 50%;
}
.doughnut_chart_wrap section .breakdown li:first-of-type::before { border: 3px solid #59A7D8; }
.doughnut_chart_wrap section .breakdown li:nth-of-type(2)::before { border: 3px solid #EE7E70; }
.doughnut_chart_wrap section .breakdown li:nth-of-type(3)::before { border: 3px solid #E1B9E8; }
.doughnut_chart_wrap section .breakdown li:nth-of-type(4)::before { border: 3px solid #FFE680; }
.doughnut_chart_wrap section .breakdown li:nth-of-type(5)::before { border: 3px solid #8FDBC4; }
.doughnut_chart_wrap section .breakdown li:nth-of-type(6)::before { border: 3px solid #DBDBDB; }

.doughnut_chart_wrap section:nth-of-type(2) .breakdown li:nth-of-type(3)::before,
.doughnut_chart_wrap section:nth-of-type(4) .breakdown li:nth-of-type(3)::before { border: 3px solid #DBDBDB; }


.doughnut_chart_wrap section .breakdown .name {
  font-size: 1.4rem;
}
.doughnut_chart_wrap section .breakdown .amount {
  min-width: 80px;
  padding: 1px 0 1px 20px;
  float: right;
  font-size: 1.4rem;
  text-align: right;
  position: relative;
}
.doughnut_chart_wrap section .breakdown .amount small {
	font-size: 1rem;
}

/* -------
  transition graph
---------- */

.graph_transition {
	position: relative;
}

.transition_select {
	position: absolute;
	top: 10px;
	right: 20px;
}
.transition_select select {
	width: 190px;
	padding: 0 7px;
	height: 36px;
	font-size: 1.2rem;
	display: inline-block;
	border-radius: 2px;
	border: 2px solid #BEBEBE;
	color: #8E8E8E;
}

.transition_graph_wrap {
	width: 75%;
	padding: 30px 0 20px 20px;
	float: left;
}
.transition_units {
	width: 25%;
	float: right;
	padding: 30px 20px 20px 5px;
}
.transition_units p {
	font-size: 1.5rem;
	color: #1D1E24;
	line-height: 1;
	margin-bottom: 15px;
}
.transition_units p::after {
	display: inline-block;
	width: 136px;
	height: 1px;
	background: #DEDEDE;
	content: '';
	vertical-align: super;
	margin-left: 10px;
}
.transition_units p:last-of-type::after {
	width: 120px;
}
.transition_units ul:first-of-type {
	margin-bottom: 20px;
}
.transition_units ul::after {
	display: block;
	content: '';
	clear: both;
}
.transition_units ul li {
	color: #666666;
	font-size: 1.3rem;
	float: left;
	width: 50%;
	margin-bottom: 8px;
}
.transition_units ul li::before {
	content: '';
	display: block;
	width: 17px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.transition_units ul li.male::before { background: #0FADC9;}
.transition_units ul li.female::before { background: #EE7E70;}
.transition_units ul li.other::before { background: #E1B9E8;}
.transition_units ul li.noresponse::before { background: #CDEAD6;}
.transition_units ul li.resign::before { background: #B5B5B5;}
.transition_units ul li.reject::before { background: #D5D5D5;}
.transition_units ul li.pass::before { background: #7EE8F0;}

@media only screen and (max-width: 1366px){
	.board .board_card .doughnut_chart_wrap section {
    width: 50%;
	}
	.board .board_card .doughnut_chart_wrap section:nth-of-type(2) {
		border-right: none;
	}
	.board .board_card .doughnut_chart_wrap section:nth-of-type(-n+2) {
		margin-bottom: 20px;
	}
	.transition_units p::after, .transition_units p:last-of-type::after {
    width: 100%;
    margin-left: 0;
	}
}
@media only screen and (max-width: 768px) {
	.board .board_card .doughnut_chart_wrap {
    flex-flow: column;
		justify-content: flex-start;
	}
	.board .board_card .doughnut_chart_wrap section {
    width: 100%;
		border-right: none !important;
		margin-bottom: 30px;
		padding: 0 20px;
	}
	.doughnut_chart_wrap section .breakdown .name {
    float: left;
	}
	.board .board_card > li.graph_transition h4 {
		padding: 15px 20px 55px;
	}
	.transition_select {
    	top: 50px;
		right: 50%;
		transform: translateX(50%);
	}
	.transition_graph_wrap {
    width: 100%;
		padding: 20px;
	}
	.transition_units {
    width: 100%;
    float: none;
    padding: 0 20px 20px;
	}
	.transition_units p {
    margin-bottom: 0;
    text-align: left;
	}
	.transition_units ul li {
    text-align: left;
		margin-bottom: 0;
	}
	.transition_select select {
		font-size: 1.6rem;
	}
}

/* ------------------------------------
 activity check
------------------------------------ */
/* rank_1 */
.rank_1 .current,
.description .rank_1 {
	color: #4399DC !important;
}
.activity_rank .description table th.rank_1 {
	text-align: left;
}
/* rank_2 */
.rank_2 .current,
.description .rank_2 {
	color: #25AAC1 !important;
}
/* rank_3 */
.rank_3 .current,
.description .rank_3 {
	color: #EFA415 !important;
}
/* rank_4 */
.rank_4 .current,
.description .rank_4 {
	color: #F03752 !important;
}
.activity_rank .description table th.rank_4 {
	text-align: right;
}

/* in_rate */
/* rank_1 */
.in_rate.rank_1 .current,
.in_rate.rank_1 .current + small {
	color: #09A2BE !important;
}
/* rank_2 */
.in_rate.rank_2 .current,
.in_rate.rank_2 .current + small {
	color: #EF523D !important;
}
/* rank_3 */
.in_rate.rank_3 .current,
.in_rate.rank_3 .current + small {
	color: #EFA416 !important;
}
/* rank_4 */
.in_rate.rank_4 .current,
.in_rate.rank_4 .current + small {
	color: #EF523D !important;
}

/* bg_rank_1 */
.bg_rank_1 {
	background: rgb(50,110,222);
	background: -moz-linear-gradient(top, rgba(50,110,222,1) 0%, rgba(81,188,219,1) 100%);
	background: -webkit-linear-gradient(top, rgba(50,110,222,1) 0%,rgba(81,188,219,1) 100%);
	background: linear-gradient(to bottom, rgba(50,110,222,1) 0%,rgba(81,188,219,1) 100%);
}
.h_bg_rank_1 {
	background: rgb(50,110,222);
	background: -moz-linear-gradient(left, rgba(50,110,222,1) 0%, rgba(81,188,219,1) 100%);
	background: -webkit-linear-gradient(left, rgba(50,110,222,1) 0%,rgba(81,188,219,1) 100%);
	background: linear-gradient(to right, rgba(50,110,222,1) 0%,rgba(81,188,219,1) 100%);
}
/* bg_rank_2 */
.bg_rank_2 {
	background: rgb(36,169,193);
	background: -moz-linear-gradient(top, rgba(36,169,193,1) 0%, rgba(84,217,197,1) 100%);
	background: -webkit-linear-gradient(top, rgba(36,169,193,1) 0%,rgba(84,217,197,1) 100%);
	background: linear-gradient(to bottom, rgba(36,169,193,1) 0%,rgba(84,217,197,1) 100%);
}
.h_bg_rank_2 {
	background: rgb(36,169,193);
	background: -moz-linear-gradient(left, rgba(36,169,193,1) 0%, rgba(84,217,197,1) 100%);
	background: -webkit-linear-gradient(left, rgba(36,169,193,1) 0%,rgba(84,217,197,1) 100%);
	background: linear-gradient(to right, rgba(36,169,193,1) 0%,rgba(84,217,197,1) 100%);
}
/* bg_rank_3 */
.bg_rank_3 {
	background: rgb(239,164,21);
	background: -moz-linear-gradient(top, rgba(239,164,21,1) 0%, rgba(240,216,82,1) 100%);
	background: -webkit-linear-gradient(top, rgba(239,164,21,1) 0%,rgba(240,216,82,1) 100%);
	background: linear-gradient(to bottom, rgba(239,164,21,1) 0%,rgba(240,216,82,1) 100%);
}
.h_bg_rank_3 {
	background: rgb(239,164,21);
	background: -moz-linear-gradient(left, rgba(239,164,21,1) 0%, rgba(240,216,82,1) 100%);
	background: -webkit-linear-gradient(left, rgba(239,164,21,1) 0%,rgba(240,216,82,1) 100%);
	background: linear-gradient(to right, rgba(239,164,21,1) 0%,rgba(240,216,82,1) 100%);
}
/* bg_rank_4 */
.bg_rank_4 {
	background: rgb(240,54,82);
	background: -moz-linear-gradient(top, rgba(240,54,82,1) 0%, rgba(244,142,128,1) 100%);
	background: -webkit-linear-gradient(top, rgba(240,54,82,1) 0%,rgba(244,142,128,1) 100%);
	background: linear-gradient(to bottom, rgba(240,54,82,1) 0%,rgba(244,142,128,1) 100%);
}
.h_bg_rank_4 {
	background: rgb(240,54,82);
	background: -moz-linear-gradient(left, rgba(240,54,82,1) 0%, rgba(244,142,128,1) 100%);
	background: -webkit-linear-gradient(left, rgba(240,54,82,1) 0%,rgba(244,142,128,1) 100%);
	background: linear-gradient(to right, rgba(240,54,82,1) 0%,rgba(244,142,128,1) 100%);
}
/* bg_no_data */
.bg_no_data {
	background: #CCCCCC;
}
#pg_activity .type_user_det .user_head.is-fixed {
	z-index: 3;
}
#pg_activity .btn_nosave {
	position: absolute;
	top: 10px;
}
#pg_activity .type_user_det {
	margin: 0 0 30px;
}
.activity_rank {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: flex-start;
}
.activity_rank section {
	padding: 0 20px;
	margin-bottom: 0;
}
.activity_rank section:not(:first-child) {
	border-left: 1px solid #E2E2E2;
}
.activity_rank section:last-child {
	padding: 0 0 0 20px;
}
/* .ranking */
.activity_rank .ranking {
	position: relative;
	width: 40%;
	min-width: 333px;
	margin: 30px 20px 0 0;
	border: 1px solid #E2E2E2;
}
.activity_rank .ranking h3 {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	color: #25AAC1;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	padding: 2px 10px;
	position: absolute;
	top: -15px;
}
.activity_rank .ranking .activity_amount {
	padding: 30px 0 0;
	white-space: nowrap;
	text-align: center;
	line-height: 1;
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
	padding: 25px 0 15px;
}
.activity_rank.rank_no_data .ranking .activity_amount {
	color: #CCCCCC;
	font-weight: bold;
	font-size: 2.5rem;
	padding: 35px 0 34px;
}
.activity_rank .ranking .activity_amount .current {
	font-weight: 500;
	font-size: 5.4rem;
}
.activity_rank .ranking .activity_amount .current small {
	margin: 0 5px;
	font-size: 1.8rem;
}
.activity_rank .ranking .activity_amount > small {
	margin: 0 5px;
	font-size: 3.7rem;
	color: rgba(0, 0, 0, 0.2);
}
.activity_rank .ranking .activity_amount .limit {
	font-size: 3.7rem;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 500;
}
.activity_rank .ranking .activity_amount .limit > small {
	margin: 0 2px;
	font-size: 2.2rem;
	font-weight: 500;
}
/* .description */
.activity_rank .description h4 {
	color: #1D1E24;
	font-size: 1.4rem;
	margin: 0 0 10px 0;
}
.activity_rank .description h4:not(:first-child) {
	margin: 20px 0 10px 0;
}
.activity_rank .description p {
	color: #666;
}
.activity_rank .description table {
	width: 100%;
}
.activity_rank .description table th {
	text-align: center;
	font-size: 1.2rem;
	width: 25%;
}
.activity_rank .description table td {
	height: 14px;
	border: 2px #fff solid;
	border-width: 0 2px;
}

/* .activity */
.activity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: 0 0 30px;
}

.rank_num h3,
.rank_num span {
	color: #fff;
	text-align: center;
}
.rank_num h3 {
	font-size: 1.6rem;
	font-weight: 500;
}
.rank_num > li {
	overflow: hidden;
	padding: 20px;
	width: 24%;
	position: relative;
}
.rank_num > li:before {
	content: "";
	display: block;
	width: 112px;
	height: 112px;
	position: absolute;
}
.rank_num > .access:before {
	background: url(/2027/img/admin/activity/access.png) no-repeat;
	right: -40px;
	top: 10px;
}
.rank_num > .appeal:before {
	background: url(/2027/img/admin/activity/appeal.png) no-repeat;
	right: -25px;
	top: 20px;
}
.rank_num > .article_snap:before {
	background: url(/2027/img/admin/activity/article_snap.png) no-repeat;
	right: -45px;
	top: 20px;
}
.rank_num > .favorite:before {
	background: url(/2027/img/admin/activity/favorite.png) no-repeat;
	right: -35px;
	top: 10px;
}
.rank_num > li > span {
	color: rgba(255, 255, 255, 0.4);
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	font-family: 'Roboto', sans-serif;
	margin: 10px 0;
}
.rank_num > li > .result {
	position: relative;
}
.rank_num > li > .result:before,
.rank_num > li > .result:after {
	content: "";
	display: block;
	height: 1px;
	width: 35%;
	background: rgba(255, 255, 255, 0.4);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rank_num > li > .result:before {
	left: 0;
}
.rank_num > li > .result:after {
	right: 0;
}
.rank_num .activity_amount {
	margin: 0 0 0 5px;
	white-space: nowrap;
	text-align: center;
	line-height: 1;
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
}
.rank_num .bg_no_data .activity_amount {
	color: #fff;
	font-weight: bold;
	font-size: 2.6rem;
	padding: 10px 0;
}
.rank_num .activity_amount .current {
	font-weight: 500;
	font-size: 4.6rem;
}
.rank_num .activity_amount .current small {
	font-size: 1.3rem;
	margin: 0 5px;
}
.rank_num .activity_amount > small {
	margin: 0 10px;
	font-size: 2.2rem;
	color: #fff;
}
.rank_num .activity_amount .limit {
	font-size: 3.0rem;
	font-weight: 500;
}
.rank_num .activity_amount .limit small {
	margin: 0 2px;
	font-size: 1.3rem;
	font-weight: 500;
}
.rank_num .breakdown {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
.rank_num .breakdown li {
	padding: 0;
	position: relative;
	overflow: hidden;
}
.rank_num .breakdown .num,
.rank_num .breakdown .average {
	font-size: 1.4rem;
	font-weight: 500;
}
.rank_num .breakdown .amount {
	min-width: 80px;
	letter-spacing: 0.05em;
	padding: 1px 0 1px 20px;
	float: right;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: right;
	position: relative;
}
.rank_num .breakdown .amount small {
	font-size: 1.1rem;
}
.rank_num .bg_no_data .breakdown .amount small {
	padding: 0 0 0 5px;
}
.rank_num .breakdown .amount .slash {
	margin: 0 5px;
}
.rank_num .breakdown .limit {
	font-size: 1.4rem;
}
.rank_num .breakdown .limit small {
	font-size: 1.1rem;
}
.rank_num .icon {
	float: right;
	font-size: 1.7rem;
	font-family: 'recruiting_plus';
}
.rank_num .icon .no_data {
	opacity: 0.4;
}
.rank_num .icon .article:before {
	content: "\e940";
	margin: 0 0 0 5px;
}
.rank_num .icon .snap:before {
	content: "\e93f";
	margin: 0 0 0 5px;
}
.rank_num .icon .movie:before {
	content: "\e93e";
	margin: 0 0 0 5px;
}
.activity.board_card > li {
	width: 49% !important;
	margin: 0 2% 0 0;
	float: left;
	border-radius: 2px;
	background: #FFF;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
	position: relative;
}
.activity.board_card > li:nth-child(even) {
	margin: 0;
}
.activity.board_card > li h3 {
	padding: 17px 20px;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 500;
	color: #1D1E24;
	border-bottom: 2px solid #EFEFEF;
}
.activity.board_card > li h4 {
	text-align: center;
	color: #666666;
	border-bottom: none;
}
/* .doughnut_chart_wrap */
.activity.board_card .doughnut_chart_wrap {
	justify-content: center;
	padding: 0;
}
.activity.board_card .doughnut_chart_wrap section {
	border-right: none;
	width: 50%;
}
.activity.board_card .doughnut_chart_wrap section .chartjs-render-monitor {
	position: relative;
	z-index: 2;
}
.activity.board_card .doughnut_chart_wrap section .data_graph_wrap {
	width: 185px;
	height: 185px;
}
.activity.board_card .doughnut_chart_wrap section .in_rate {
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	line-height: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #B2B2B2;
}
.activity.board_card .doughnut_chart_wrap section .in_rate span {
	margin: 0 0 3px;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1;
	color: #666666;
}
.activity.board_card .doughnut_chart_wrap section .in_rate small {
	font-size: 1.3rem;
	color: #666666;
}
.activity.board_card .doughnut_chart_wrap section .in_rate > .amount span {
	font-size: 1.4rem;
	color: rgba(102, 102, 102, 0.5);
}
.activity.board_card .doughnut_chart_wrap section .in_rate > .amount span:last-child {
	display: block;
}
.activity.board_card .doughnut_chart_wrap .no_data .in_rate {
	font-size: 2.2rem;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	white-space: nowrap;
	color: rgba(0, 0, 0, 0.1);
}
/* .graph_wrap */
.activity.board_card .graph_wrap {
	padding: 30px 12px 20px;
}
.activity.board_card .no_data .canvas_wrap {
	position: relative;
}
.activity.board_card .no_data .canvas_wrap:before {
	content: "No Data";
	font-family: 'Roboto', sans-serif;
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}
.activity.board_card .no_data .canvas_wrap:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 0;
	position: absolute;
	top: 0;
}
.activity.board_card .graph_text {
	margin: 0 8px 15px;
	font-size: 1.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.activity.board_card .graph_text.f_end {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.activity.board_card .graph_icon {
	margin: 15px;
	font-size: 1.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.activity.board_card .no_data .graph_icon {
	margin: 0;
}
.activity.board_card .graph_icon span:not(:last-child) {
	margin: 0 10px 0 0;
}
.activity.board_card .graph_icon span:before {
	font-family: 'recruiting_plus';
	color: #fff;
	margin: 0 5px 0 0;
}
.activity.board_card .graph_icon .step:before {
	padding: 6px;
	font-size: 1.4rem;
	content: "\e914";
	background: #0FADC9;
}
.activity.board_card .graph_icon .group:before {
	padding: 8px 4px;
	font-size: 1.1rem;
	content: "\e92c";
	background: #1D5B83;
}

/* graph average_1 */
.average_1 {
	background: #0FADC9;
}
/* graph average_2 */
.average_2 {
	background: #DBF3F7;
}
/* graph average_3 */
.average_3 {
	background: #EFA416;
}

@media screen and (min-width:769px) and ( max-width:1280px) {
	.activity.board_card > li:not(:last-child) {
		margin: 0 0 30px 0;
	}
}

@media only screen and (max-width: 1280px){
	#pg_activity .board {
		width: auto;
	}
	.activity {
		flex-wrap: wrap;
	}
	.activity_rank .ranking {
		margin: 10px 20px 0 0;
	}
	.activity.board_card > li {
		width: 100% !important;
	}
	.rank_num > li {
		width: 49%;
		margin: 0 0 2%;
	}
}
@media only screen and (max-width: 768px){
	#pg_activity .btn_nosave {
		top: auto;
		bottom: 10px;
	}
	#pg_activity .table_info {
		margin: 0 0 40px;
	}
	#pg_activity .table_info dd {
		padding: 0 0 10px;
	}
	.activity_rank {
		display: block;
		padding: 25px 20px !important;
	}
	.activity_rank section {
		padding: 0 !important;
	}
	.activity_rank section:not(:first-child) {
		border: none;
	}
	.activity_rank .ranking {
		width: 100%;
		min-width: auto;
		min-width: initial;
		margin: 0 0 20px;
	}
	.activity_rank .ranking h3 {
		top: -0.8em;
		left: 10px;
	}
	.activity_rank .ranking .activity_amount {
		margin: 0;
	}
	.activity_rank .ranking .activity_amount .current {
		font-size: 4.4rem;
	}
	.activity_rank .ranking .activity_amount > small,
	.activity_rank .ranking .activity_amount .limit {
		font-size: 2.7rem;
	}
	.activity_rank .description h4 {
		margin: 0;
	}
	.rank_num > li {
		width: 100%;
		margin: 0 0 4%;
	}
	.rank_num .breakdown {
		margin: 25px auto 0;
	}
	.activity {
		margin: 0;
	}
	.activity.board_card {
		overflow: hidden;
	}
	.activity.board_card section {
		text-align: center;
	}
	.activity.board_card > li {
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
	.activity.board_card:last-of-type > li:last-of-type {
		margin: 0 !important;
	}
	.activity.board_card > li h3 {
		text-align: center;
		padding: 15px 20px;
	}
	.activity.board_card > .refine h3 {
		padding: 15px 20px 55px;
	}
	.activity.board_card > li h4 {
		padding: 17px 20px 0 20px;
	}
	.activity.board_card .doughnut_chart_wrap,
	.activity.board_card .doughnut_chart_wrap section {
		width: 100%;
	}
}

/* ------------------------------------
	tab_common
------------------------------------ */
.tab_common {
	margin: 0 auto;
}
/* .tab_change */
.tab_change li {
	text-align: center;
	height: auto;
	display: inline-block;
	box-shadow: 0px -10px 14px 0px rgba(0, 56, 113, 0.08);
}
.tab_change li:not(:last-child) {
	margin: 0 10px 0 0;
}
.tab_change li a {
	font-size: 1.6rem;
	height: 100%;
	display: block;
	background: #0FADC9;
	color: #fff;
	padding: 8px 20px;
	border-radius: 5px 5px 0 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.tab_change li a:before {
	padding: 0 10px 0 0;
	font-size: 1.8rem;
}
.tab_change li.not_viewed a:before {
	content: "\e92a";
	font-family: 'recruiting_plus';
}
.tab_change li.viewed a:before {
	content: "\e90c";
	font-family: 'recruiting_plus';
}
.tab_change li.active a {
	background: #fff;
	color: #1D1E24;
}
.tab_change li.active a:before {
	color: #0FADC9;
}

/* .tab_cont */
.tab_cont {
	background: #fff;
	padding: 20px;
	margin: 0 0 30px;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
}
/* .no_data */
.tab_cont .no_data {
	background: #F5F8FA;
	padding: 20px;
}
.tab_cont .no_data p {
	font-size: 1.4rem;
	position: relative;
	padding: 0 0 0 35px;
}
.tab_cont .no_data p:before{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'recruiting_plus';
}
/* not_viewed */
.not_viewed .no_data p:before{
	content: "\e941";
	color: #0FADC9;
	font-size: 2.8rem;
}
/* viewed */
.viewed .no_data p:before{
	content: "\e942";
	color: #F03A54;
	font-size: 2.3rem;
}
.tab_cont .tbl_wrap.type_list {
	box-shadow: none;
}
.tab_cont .tbl_wrap.scroll_area {
	height: 230px;
	overflow-y: auto;
}
.tab_cont .tbl_wrap.scroll_area::-webkit-scrollbar {
	height: 10px;
}
.tab_cont .tbl_wrap table {
	width: calc(100% - 2px);
	/* max-width: 1580px; */
	margin: 0 auto;
}
/* title */
.tab_cont .tbl_wrap table thead .title {
	width: 400px;
}
/* category */
.tab_cont .tbl_wrap table thead .category {
	width: 280px;
}
/* thumbnail */
.tab_cont .tbl_wrap table thead .thumbnail {
	width: 400px;
}
/* register */
.tab_cont .tbl_wrap table thead .register {
	width: 280px;
}
/* update */
.tab_cont .tbl_wrap table thead .update {
	width: 210px;
}
/* viewing */
.tab_cont .tbl_wrap table thead .viewing {
	width: 180px;
}
/* contributor */
.tab_cont .tbl_wrap table thead .contributor {
	width: 260px;
}
/* favorite */
.tab_cont .tbl_wrap table thead .favorite {
	width: 280px;
}
.tab_cont .tbl_wrap table thead th {
	background: none;
	text-align: left;
	color: rgba(12,58,72,0.5);
	padding: 0 20px 0 15px;
	border-right: none;
}
.tab_cont .tbl_wrap:not(.tbl_decline) table thead th:nth-child(1) {
	background: none;
}
.tab_cont .tbl_wrap table thead th a {
	color: rgba(12,58,72,0.5);
}
.tab_cont .tbl_wrap table thead th.icon_sort span {
	padding: 15px 20px 15px 0px;
}

.tab_cont .tbl_wrap table tbody {
	border: 1px solid #E2E2E2;
	padding: 10px 0 20px;
}

/* title */
.tab_cont .tbl_wrap table tbody .title {
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* category */
.tab_cont .tbl_wrap table tbody .category {
	width: 280px;
}
/* thumbnail */
.tab_cont .tbl_wrap table tbody .thumbnail {
	width: 400px;
}
/* register */
.tab_cont .tbl_wrap table tbody .register {
	width: 280px;
}
/* update */
.tab_cont .tbl_wrap table tbody .update {
	width: 310px;
}
/* viewing */
.tab_cont .tbl_wrap table tbody .viewing {
	width: 180px;
}
/* contributor */
.tab_cont .tbl_wrap table tbody .contributor {
	width: 260px;
}
/* favorite */
.tab_cont .tbl_wrap table tbody .favorite {
	width: 180px;
}
.tab_cont .tbl_wrap table tbody tr td {
	padding: 15px;
}
.tab_cont .tbl_wrap table tbody tr td.title span {
	/*width: 20em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}
.tab_cont .tbl_wrap table tbody tr td:first-of-type:before {
	right: auto;
	left: 0;
}
.tab_cont .tbl_wrap table tbody td a {
	color: #0FADC9;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.tab_cont .tbl_wrap table tbody tr:last-of-type td:after,
.tab_cont .tbl_wrap table tbody tr:last-of-type td:nth-child(2):after,
.tab_cont .tbl_wrap table tbody tr:last-of-type td:last-of-type:after {
	content: none;
}
.tab_cont .tbl_wrap table tbody td.thumbnail figure {
	width: 80px;
	height: 80px;
}
.tab_cont .tbl_wrap table tbody td.thumbnail figure img {
	max-width: 80px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* secret */
.tab_cont .tbl_wrap table tbody .secret td.thumbnail figure {
	background: #FFF;
}
.tab_cont .tbl_wrap table tbody .secret td.thumbnail figure:before {
	content: "非公開";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
}
.tab_cont .tbl_wrap table tbody .secret td.thumbnail figure img {
	opacity: 0.2;
}



/* PC Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .tab_cont .tbl_wrap table tbody tr td:first-child:hover {
		background: none;
	}
	body:not(.tab_view) .tab_cont .tbl_wrap table tbody tr:hover,
	body:not(.tab_view) .tab_cont .tbl_wrap table tbody tr td:first-child:hover {
		cursor: default;
		background: none;
	}
	body:not(.tab_view) .tab_cont .tbl_wrap table tbody tr:not(.secret) a:hover,
	body:not(.tab_view) .tab_cont .tbl_wrap table tbody tr:not(.secret) a:hover img {
		opacity: 0.7;
	}
}
@media only screen and (max-width: 768px){
	.tab_common {
		width: 100%;
	}
	.tab_change {
		margin: 25px auto 0;
	}
	.tab_change li {
		width: calc(50% - 3.5px);
		margin: 0;
		line-height: normal;
	}
	.tab_change li:not(:last-child) {
		margin: 0 3px 0 0;
	}
	.tab_change li a {
		padding: 7px 10px;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
}


/* ------------------------------------
	404・error
------------------------------------ */
/* error_area */
.error_area {
	width: 500px;
}
.error_login {
	width: 100%;
	margin: 150px auto 0;
}
.error_area h2 {
	color: #0FADC9;
	font-size: 11rem;
	line-height: 1.1;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.04em;
}
.error_login h2 {
	margin: 0 0 35px;
}
.error_area h2 > span {
	font-size: 3.2rem;
	display: block;
}
.error_area p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2.0;
}
.error_area .sub_pgbk {
	margin: 85px 0 10px;
}

@media only screen and (max-width: 768px){
	.error_area {
		width: 80%;
	}
	.error_login {
		margin: 0 auto;
		width: 90%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

/* ------------------------------------
	.btn_nosave
------------------------------------ */
.btn_nosave {
	position: relative;
	font-size: 1.2rem;
	right: 0;
	top: -24px;
	text-align: right;
	z-index: 1;
}
.btn_nosave a {
	color: #0FADC9;
	padding: 12px 0px 12px 50px;
}
.btn_nosave a:before {
	content: "";
	width: 36px;
	height: 36px;
	position: absolute;
	top: -8px;
	right: 100px;
	display: block;
	border-radius: 50%;
	background: rgba(15,173,173, 10.95);
}
.btn_nosave a:after {
	margin: 0 5px 0 0;
	content: "\e90a";
	font-family: 'recruiting_plus';
	font-size: 1rem;
	vertical-align: middle;
	color: #fff;
	position: absolute;
	top: 1px;
	right: 100px;
	-webkit-transform: rotate(180deg)scale(0.7);
	transform: rotate(180deg)scale(0.7);
}
/* noedit */
.btn_nosave.noedit a:before {
	right: 138px;
}
.btn_nosave.noedit a:after {
	right: 138px;
}
/* tobilling */
.btn_nosave.tobilling {
	top: 0;
	text-align: left;
}
.btn_nosave.tobilling a {
	padding: 0 0 0 50px;
	display: block;
	line-height: 1.5;
}
.btn_nosave.tobilling a:before {
	left: 0;
	right: auto;
	top: 0px;
}
.btn_nosave.tobilling a:after {
	left: 6px;
	right: auto;
	top: 8px;
}
/* touserlist */
.btn_nosave.touserlist a:before {
	right: 138px;
}
.btn_nosave.touserlist a:after {
	right: 138px;
}
/* todeclinelist */
.btn_nosave.todeclinelist a:before {
	right: 170px;
}
.btn_nosave.todeclinelist a:after {
	right: 170px;
}
/* btn_link */
.btn_link {
	position: relative;
	z-index: 2;
	background: #fff;
	display: inline-block;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
	padding: 5px 0;
	border-radius: 5px;
}
.btn_link a {
	display: inline-block;
	text-align: center;
	padding: 8px 20px 8px 50px;
	color: #0FADC9;
	font-size: 1.4rem;
	min-width: 137px;
	position: relative;
}
.btn_link a:before {
	content: "\e91d";
	font-family: 'recruiting_plus';
	font-size: 2.3rem;
	line-height: 1;
	color: #0FADC9;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn_link a:after {
	content: "\e920";
	font-family: 'recruiting_plus';
	font-size: 1.1rem;
	line-height: 1;
	color: #FFF;
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 26px;
	margin-top: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn_link a:not(:first-child) {
	border-left: 1px solid #E2E2E2;
}

/* .link_area */
.link_area {
	display: inline-block;
}

/* .btn_link_message */
.btn_link_message {
	position: relative;
	z-index: 2;
	background: #1BB1CB;
	display: inline-block;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
	padding: 0;
	margin: 0 0 0 22px;
	border-radius: 5px;
}
.btn_link_message .read {
	position: absolute;
	top: -10px;
	right: -18px;
	font-size: 1.2rem;
	font-weight: 600;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, YuGothicM, '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;
	color: #fff;
	background: #FF3E36;
	padding: 0 8px;
	margin: 5px 0 0;
	border-radius: 10px;
	display: block;
	float: right;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.btn_link_message a {
	display: inline-block;
	text-align: center;
	padding: 13px 20px 13px 50px;
	color: #fff;
	font-size: 1.4rem;
	min-width: 170px;
	position: relative;
}
.btn_link_message a:after {
	content: "\e92d";
	font-family: 'recruiting_plus';
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* .btn_link_activity */
.btn_link_activity {
	position: relative;
	z-index: 2;
	background: #1BB1CB;
	display: inline-block;
	box-shadow: 0 3px 14px rgba(0, 56, 113, 0.08);
	padding: 0;
	margin: 0 0 0 22px;
	border-radius: 5px;
}
.btn_link_activity a {
	display: inline-block;
	text-align: center;
	padding: 13px 20px 13px 50px;
	color: #fff;
	font-size: 1.4rem;
	min-width: 170px;
	position: relative;
}
.btn_link_activity a:after {
	content: "\e93d";
	font-family: 'recruiting_plus';
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (max-width: 1280px){
	.link_area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.link_area > div:not(:first-child) {
		margin: 0 0 20px 30px;
	}
	.btn_link_message,
	.btn_link_activity {
		top: 20px;
		display: table;
		margin: 0 0 20px 0;
	}
	.btn_link_activity a {
		min-width: 250px;
	}
}

@media only screen and (max-width: 1150px){
	.btn_nosave.tobilling a {
		padding: 10px 0px 10px 50px;
	}
}

@media only screen and (max-width: 768px) {
	.btn_link {
		top: -30px;
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
		-webkit-box-align: center;
		align-items: center;
	}
	.btn_link a {
		line-height: 1.0;
		min-width: auto;
		min-width: initial;
	}
	.btn_link.columns_2 a {
		padding: 8px 20px 8px 40px;
		width: 50%;
	}
	.btn_link.columns_3 a {
		padding: 8px 10px 8px 30px;
		width: 33%;
	}
	.btn_link a:before {
		left: 14px;
	}
	.btn_link a:after {
		left: 20px;
	}
	.btn_link.columns_3 a:before {
		left: 6px;
	}
	.btn_link.columns_3 a:after {
		left: 12px;
	}
	.link_area {
		display: block;
	}
	.link_area > div:not(:first-child) {
		margin: 0 0 20px 0;
	}
	.btn_link_message,
	.btn_link_activity {
		top: -30px;
		display: block;
		width: calc(100% - 20px);
		margin: 0 0 20px 0;
	}
	.btn_link_message a,
	.btn_link_activity a {
		width: 100%;
		min-width: auto;
		min-width: initial;
	}
}

/* ------------------------------------
	modal
------------------------------------ */
.modal {
	display: none;
	width: 750px;
	margin: 0;
	padding: 60px;
	color: #666;
	overflow-y: auto;
	text-align: center;
	position: fixed;
	bottom: 5%;
	background: #f6f6f6;
	z-index: 13;
}
.modal::-webkit-scrollbar{
	width: 10px;
}
.modal::-webkit-scrollbar-track{
	background: #f6f6f6;
	border-left: solid 1px #ececec;
}
.modal::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius: 10px;
}
.modal .mdl_ttl {
	margin: 0 0 30px;
	line-height: 1.4;
	font-size: 2rem;
	font-weight: 500;
	color: #1D1E24;
}
.modal .mdl_ttl span {
	position: relative;
	padding: 0 0 0 40px;
}
.modal .mdl_ttl.type_phase span:before {
	content: "\e914";
	font-family: 'recruiting_plus';
	font-size: 2.5rem;
	color: #0FADC9;
	position: absolute;
	top: -3px;
	left: 0;
}
.modal .mdl_ttl.type_category span:before {
	content: "\e92b";
	font-family: 'recruiting_plus';
	font-size: 2.2rem;
	color: #0FADC9;
	position: absolute;
	top: -3px;
	left: 0;
}
.modal .mdl_ttl.type_group span:before {
	content: "\e92c";
	font-family: 'recruiting_plus';
	font-size: 2rem;
	color: #0FADC9;
	position: absolute;
	top: -3px;
	left: -3px;
}
.modal .mdl_ttl.type_category + .modal_form .required,
.modal .mdl_ttl.type_group + .modal_form .required {
	margin: 0 10px 0 6px;
	padding: 0 7px;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: normal;
	color: #FFF;
	border-radius: 24px;
	background: #FF4351;
}
.modal .mdl_ttl.type_message {
	padding-top: 0;
}
.modal .mdl_ttl.type_message span:before {
	content: "\e92e";
	font-family: 'recruiting_plus';
	font-size: 2.5rem;
	color: #0FADC9;
	position: absolute;
	top: -3px;
	left: 0;
}
.modal p {
	margin: 0 0 30px;
	font-size: 1.4rem;
}
.modal p.note {
	margin: 30px 0 0;
}
.modal_form .inner {
	width: 350px;
	margin: 0 auto;
	text-align: left;
}
.modal_form dl {
	margin: 0 0 20px;
}
.modal_form dt {
	margin: 0 0 10px;
	min-height: 25px;
	font-size: 1.3rem;
	color: #0FADC9;
	font-weight: 500;
}
.modal_form dt .select_user_num {
	display: inline-block;
	text-align: right;
	float: right;
	font-weight: 500;
}
.modal_form dt .select_user_num small {
	color: #666;
	font-size: 1.4rem;
	font-weight: normal;
}
.modal_form .select_user,
.modal_form .input_message {
	width: 100%;
	height: 172px;
	overflow: auto;
	padding: 18px 23px;
	font-size: 1.3rem;
	border: 1px solid #BEBEBE;
	background: #FFF;
	border-radius: 2px;
}
.modal_form .slct_wrap {
	position: relative;
}
.modal_form .slct_wrap:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid #222;
	border-right: 4px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 4px solid transparent;
	position: absolute;
	right: 15px;
	top: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.modal_form select {
	width: 100%;
	padding: 0 10px;
	height: 45px;
	font-size: 1.3rem;
	display: inline-block;
	border: 1px solid #BEBEBE;
	border-radius: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background: #FFF;
}
.modal_form select::-ms-expand {
	display: none;
}
.modal_form textarea {
	background: #f6f6f6;
}
.modal_form input {
	width: 100%;
	padding: 15px 8px 10px 8px;
	line-height: 1.2;
	font-size: 1.6rem;
	outline: none;
	border: none;
	-webkit-appearance: none;
	border-radius: none;
	border-bottom: 1px solid #BEBEBE;
	background: transparent;
	transition: all 0.3s ease-out;
}
.modal_form .select_number {
	font-size: 1.3rem;
}
.modal_form .select_number span {
	margin: 0 3px 0 0;
	color: #0FADC9;
	font-size: 1.5rem;
	font-weight: bold;
}
.modal_form .user_note {
	margin: 0 auto 40px;
	padding: 0 0 0 25px;
	max-width: 500px;
	text-align: left;
	font-size: 1.4rem;
	color: #dd1212;
}
.modal_form .user_note li {
	list-style: disc;
}
.modal_form .user_note a {
	color: #ff0045;
	text-decoration: underline;
}
/* agree_wrap */
.modal_form .agree_wrap {
	margin: 0 auto;
}
.modal_form .agree_wrap .agreeTxt {
	font-size: 1.4rem;
}
.modal_form .agree_wrap .agree_btn {
	min-width: 175px;
	margin: 5px 7px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 600;
	background: #ff0045;
	border: 1px solid #ff0045;
}
.modal_form .agree_wrap .agree_btn.disable,
.modal_form .agree_wrap .agree_btn.disable:hover {
	background: rgba(255,0,69,0.4);
	border: 1px solid rgba(255,0,69,0);
}
.modal_form .agree_wrap .agree_btn.offer_btn {
	background: #0FADC9;
	border: 1px solid #0FADC9;
}
.modal_form .agree_wrap .agree_btn.offer_btn.disable,
.modal_form .agree_wrap .agree_btn.offer_btn.disable:hover {
	background: rgba(15, 173, 173, 0.3);
	border: 1px solid rgba(15, 173, 173, 0);
}
.modal_form .btn_area {
	margin: 35px 0 0;
}
.modal_form .btn_area button {
	min-width: 175px;
	margin: 5px 7px;
}
.modal_form .btn_area button.mdl_ccl {
	color: #0FADC9;
	background: #FFF;
	border: 1px solid #0FADC9;
}
.modal_form .btn_area button.change_phase,
.modal_form .btn_area button.change_group {
	border: 1px solid #0FADC9;
}
.modal_form .btn_area .execute {
	min-width: 175px;
	margin: 5px 7px;
	font-size: 1.3rem;
	color: #C92700;
	font-weight: 600;
	background: #FFE8E6;
	border: 1px solid #FFE8E6;
}

/* .modal_form.modal_message */
.modal_form.modal_message .btn_area {
	margin: 15px 0 0;
	padding: 0 0 12px;
}
.modal_form.modal_message .inner {
	width: 630px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.modal_form.modal_message .user {
	width: 190px;
}
.modal_form.modal_message .user .select_user {
	height: 100%;
}
.modal_form.modal_message .user dd{
	height: calc(100% - 41px);
}
.modal_form.modal_message .user .select_user::-webkit-scrollbar {
	width: 10px;
	-webkit-overflow-scrolling: touch;
}
.modal_form.modal_message .user .select_user::-webkit-scrollbar-track {
	border: none;
	border-radius: 10px;
	background: #eee;
}
.modal_form.modal_message .user .select_user::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
	box-shadow: none;
}
.modal_form.modal_message .message {
	width: 427px;
}
.modal_form.modal_message dd {
    margin-inline-start: 0px;
}
/* .message_template */
.modal_form.modal_message .error_msg_send{
	margin: 0 0 5px;
	font-size: 1.3rem;
}
/* .message_template */
.modal_form.modal_message .error_msg_template{
	margin: 0 0 5px;
	font-size: 1.3rem;
}
.modal_form.modal_message .message_template{
	justify-content: space-between;
	margin-bottom: 10px;
}
.modal_form.modal_message .message_template .select_wrap{
	margin: 0 0 10px;
	width: 100%;
}
.modal_form.modal_message .message_template select{
	width: 100%;
    height: 30px;
}
.modal_form.modal_message .message_template button{
	width: 100%;
	min-width: auto;
    padding: 6px;
}
/* .message_attaching */
.modal_form.modal_message .message_attaching {
	width: 100%;
}
.modal_form.modal_message .message_attaching p{
	margin: 0;
}
.modal_form.modal_message .message_attaching .file_list p{
	margin: 0;
}
.modal_form.modal_message .message_attaching .error_msg_attaching{
	margin: 0 0 5px;
	font-size: 1.3rem;
}
/* .message_reservation */
.modal_form.modal_message .message_reservation p{
	margin: 0;
	font-size: 1.3rem;
}
.modal_form.modal_message .message_reservation .txt{
	margin: 0 12px 0 0;
	letter-spacing: 0.03em;
}
.modal_form.modal_message .message_reservation input{
	padding: 0;
	background-color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	border: 1px solid #BEBEBE;
}
.modal_form.modal_message .message_reservation input[type="date"]::-webkit-date-and-time-value, .modal_form.modal_message .message_reservation input[type="time"]::-webkit-date-and-time-value{
	text-align: left;
}
.modal_form.modal_message .message_reservation input[type="date"]{
	padding-left: 5px;
}
.modal_form.modal_message .message_reservation input[type="time"]{
	padding-left: 8px;
}
@-moz-document url-prefix() {
	.modal_form.modal_message .message_reservation input[type="time"]{
		padding-left: 2px;
	}
}
.modal_form.modal_message .error_msg_template + .btn_area{
	margin: 0;
}
.modal_form.modal_message .error_msg_template + .btn_area button{
	margin-top: 0;
}
.modal_form.modal_message .message_reservation .btn_area button{
	margin: 0;
}
.modal_form.modal_message .message_reservation .btn_area{
	margin: 0;
	padding: 0;
}
.modal_form.modal_message .message_reservation .basic_btn{
    min-width: 112px;
	border: 1px solid #E5C868;
}
.modal_form.reservation .inner{
	justify-content: center;
}
.modal_form.reservation .message_reservation{
	padding-top: 7px;
    border-top: none;
}
.modal_form.modal_message .message_reservation .error_msg_reservation{
	margin: 0 0 5px;
}
.modal_form.reservation .message_reservation_col{
	justify-content: center;
	margin-bottom: 23px;
	padding-top: 0;
    border-top: none;
}
.modal_form.reservation .message_reservation .txt{
	margin-right: 25px;
	padding-top: 0;
	font-size: 1.4rem;
	color: #0FADC9;
    border-top: none;
}
.modal_form.reservation .message_reservation input{
	height: 42px;
}
.modal_form.reservation .message_reservation input[type="date"] {
    width: 129px;
}
.modal_form.reservation .message_reservation input[type="time"] {
    width: 73px;
}

/* modal_form type_basic */
/*.modal_form dt {
	margin: 0;
	font-size: 1.6rem;
	color: #1D1E24;
	font-weight: 500;
}*/
.modal_bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	background: rgba(0,0,0,0.65);
}

/* modal form error */
.modal_form dd .input_wrap {
	position: relative;
}
.modal_form .error .input_wrap:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 1.7rem;
	color: #FF3B00;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.modal_form .error .input_wrap.type_tel:before,
.modal_form .error .input_wrap.type_zipcode:before,
.modal_form .error .input_wrap.type_pref:before {
	right: -30px;
}
.modal_form .error .input_wrap.type_phase:before {
	top: -30px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.modal_form .error input {
	padding: 13px 30px 13px 8px;
	color: #FF3B00;
	border-bottom: 1px solid #FF3B00!important;
}
.error .pass_wrap input[type="password"] {
	padding: 15px 96px 15px 8px;
}
.error .pass_wrap .icon_area {
	right: 37px;
}
.error .pass_wrap .icon_area span.active {
	left: 13px; ;
}
.modal_form .error_msg {
	margin: 10px 0 0 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	color: #FF3B00;
}
.error .input_wrap.type_textarea textarea {
	width: 90%;
	border-bottom: 1px solid #FF3B00;
}
.modal_form .error .input_wrap.type_textarea:before {
	top: auto;
	bottom: 0;
	right: -30px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* .modal_form　.type_decline */
.modal_form.type_decline .inner {
	width: 400px;
}
.modal_form.type_decline .form_area {
	width: 400px;
	margin: 30px auto;
	text-align: left;
}
.modal_form.type_decline .form_area .select_note {
	color: rgba(34, 34, 34, 0.7);
	font-weight: normal;
}
.modal_form.type_decline .form_area .check_wrap {
	display: block;
}
.modal_form.type_decline .form_area .bg_line {
	margin: 0 0 30px;
}
.modal_form.type_decline .form_area li span {
	padding: 0 0 0 25px;
	font-size: 1.2rem;
}
.modal_form.type_decline .form_area .other_textarea {
	width: calc(100% - 25px);
	margin: 10px 0 0 25px;
	display: block;
	padding: 10px;
	transition: 0.3s all ease-in;
}
.modal_form.type_decline .form_area .other_textarea:disabled {
	background: #E2E2E2;
}
.modal_form.type_decline .form_area textarea {
	width: 100%;
	min-height: 100px;
	padding: 10px;
	background: #FFF;
}

@media only screen and (max-width: 980px) {
	.modal {
		width: 700px;
	}
	.modal_form .btn_area button {
		min-width: 200px;
	}
	.modal_form .btn_area .execute,
	.modal_form .agree_wrap .agree_btn {
		min-width: 200px;
	}
	/* .modal_form.modal_message */
	.modal .mdl_ttl.type_message {
		display: block;
	}
	.modal_form.modal_message .inner {
		width: 100%;
	}
	.modal_form.modal_message .message {
		width: calc(100% - 203px);
	}
	.modal_form.modal_message .message_template button{
		padding: 6px 15px;
	}
}

@media only screen and (max-width: 768px) {
	.modal {
		width: 90%;
		margin: 5px 0 15px;
		padding: 10% 5%;
		-webkit-overflow-scrolling: touch;
	}
	.modal_form .inner {
		width: 100%;
	}
	.modal_form .select_user {
		padding: 15px;
		font-size: 1.6rem;
	}
	.modal_form select {
		font-size: 1.6rem;
	}
	.modal_form .btn_area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	/* .modal_form.modal_message */
	.modal_form.modal_message .inner {
		width: 100%;
		display: block;
	}
	.modal_form.modal_message .user {
		width: 100%;
	}
	.modal_form.modal_message .message {
		width: 100%;
	}
	.modal_form.modal_message .user .select_user {
		height: 172px;
	}
	.modal_form.modal_message .message_template .select_wrap{
		width: 100%;
	}
	.modal_form.modal_message .message_template button{
		width: 100%;
	}

	/* .modal_form　.type_decline */
	.modal_form.type_decline .inner {
		width: 100%;
	}
	.modal_form.type_decline .form_area {
		width: 100%;
	}
	.modal_form.type_decline .form_area textarea {
		font-size: 1.6rem;
	}
	.modal_form.modal_message .message_reservation .error_msg_reservation.center{
		text-align: center;
	}
}
@media only screen and (max-width: 500px) {
	.modal_form.modal_message .message_template {
		display: block;
	}
	.modal_form.modal_message .message_template .select_wrap{
		margin: 0 10px 10px 0;
		width: 100%;
	}
	.modal_form.modal_message .message_template select{
		font-size: 13px;
	}
	.modal_form.modal_message .message_template button {
		width: 100%;
		padding: 6px 18px 5px;
	}
	.modal_form.modal_message .message .input_message {
		padding: 15px;
		font-size: 1.4rem;
	}
	.modal_form.modal_message .message_attaching .error_msg_attaching{
		margin: 0;
	}
	.modal_form.modal_message .message_attaching_col{
		justify-content: center;
	}
	.modal_form.modal_message .message_attaching .file_list {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.modal_form.modal_message .message_reservation .error_msg_reservation{
		margin: 0;
	}
	.modal_form.modal_message .message_reservation .error_msg_reservation.center{
		text-align: left;
	}
	.modal_form.modal_message .message_reservation_col {
		justify-content: flex-start;
	}
	.modal_form.modal_message .message_reservation .txt {
		margin-bottom: 10px;
		text-align: left;
	}
	.modal_form.modal_message .message_reservation .btn_area {
		padding: 15px 0 0 0;
		width: 100%;
	}
	.modal_form.modal_message .message_reservation .btn_area button {
		min-width: auto;
		padding: 13px 0px;
	}
	.modal_form.reservation .message_reservation input {
		height: 30px;
	}
	.modal_form.modal_message .message_attaching label {
		height: 30px;
	}
	.modal_form.modal_message .message_attaching label p {
		font-size: 1.2rem;
	}
	.modal_form.modal_message .message_attaching .file_list p {
		font-size: 1.2rem;
	}

}

/* notification */
.notification {
	width: calc(100% - 265px);
	padding: 18px 22px;
	position: fixed;
	right: 10px;
	bottom: -130px;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 600;
	background: rgba(15, 173, 201, .9);
	box-shadow: 0 3px 14px rgba(0, 33, 67, 0.45);
	border-radius: 5px;
	z-index: 11;
	transition: all 0.3s ease-out;
}
.notification span {
	min-height: 60px;
	padding: 0 0 0 40px;
	position: relative;
}
.notification span:after {
	content: "\e917";
	font-family: 'recruiting_plus';
	font-size: 1.23rem;
	line-height: 1;
	color: #0FADC9;
	position: absolute;
	top: 5px;
	left: 5px;
}
.notification span:before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background: #FFF;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	left: 0;
}

@media only screen and (max-width: 768px) {
	.notification {
		width: calc(100% - 20px);
	}
}

/* ------------------------------------
	.movie_convert
------------------------------------ */
.movie_convert {
	display: inline-block;
	vertical-align: bottom;
	background: #e8e8e8 url(/2027/img/movie_convert.png) no-repeat center center;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 768px){
	.movie_convert {
		width: 100%!important;
		background-size: 150px 150px;
	}
}

/* ------------------------------------
	Opacity Hover
------------------------------------ */
.pager a,
.invoice_box a,
.form_area dt .help,
.permalink a,
.type_plan .selected_plan a,
.type_plan_selected h3 + p a,
.type_plan_selected .column_plan section a,
.btn_link a,
.btn_link_message a,
.btn_link_activity a,
.type_user_det .personal_data .favorite_btn,
.type_user_det .snap ul li,
.plan_table thead a,
.member_cont li,
.message_area .to > p,
.message_send .btn_reload,
.preview_switch .basic_btn {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
	body:not(.tab_view) .pager a:hover,
	body:not(.tab_view) .invoice_box a:hover,
	body:not(.tab_view) .form_area dt .help:hover,
	body:not(.tab_view) .permalink a:hover,
	body:not(.tab_view) .type_plan .selected_plan a:hover,
	body:not(.tab_view) .type_plan_selected h3 + p a:hover,
	body:not(.tab_view) .type_plan_selected .column_plan section a:hover,
	body:not(.tab_view) .btn_link a:hover,
	body:not(.tab_view) .btn_link_message a:hover,
	body:not(.tab_view) .btn_link_activity a:hover,
	body:not(.tab_view) .type_user_det .personal_data .favorite_btn:hover,
	body:not(.tab_view) .type_user_det .snap ul li:hover,
	body:not(.tab_view) .plan_table thead a:hover,
	body:not(.tab_view) .member_cont li:hover,
	body:not(.tab_view) .message_area .to > p:hover,
	body:not(.tab_view) .message_send .btn_reload:hover,
	body:not(.tab_view) .preview_switch .basic_btn:hover {
		opacity: 0.7;
	}
}