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

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

	CommonElements

======================================= */
body {
	height: 100%;
	font-size: 1.0rem;
	line-height: 1.8;
	text-align: left;
	color: #222;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", sans-serif;
	font-weight: 500;
	word-wrap : break-word;
	overflow-wrap : break-word;
	position: relative;
	-webkit-text-size-adjust: 100%;
	visibility: hidden;
	opacity: 0;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	height: auto;
}
/* body:not(.short_width) {
	padding: 0 0 60px;
} */

@media only screen and (min-width: 768px) {
	body:not(.short_width) {
		min-width: 1000px;
		padding: 0;
		background: #E8E8E8;
	}
}

#container {
	position: relative;
	z-index: 5;
}
a:link { text-decoration:none; color: #222;}
a:visited { text-decoration:none; color: #222;}
a:active { text-decoration:none; color: #222;}
a:hover { text-decoration:none; color: #222;}

@font-face {
  font-family: 'recruiting_plus';
  src:  url('/2026/css/user/fonts/recruiting_plus.eot?wmrbsm');
  src:  url('/2026/css/user/fonts/recruiting_plus.eot?wmrbsm#iefix') format('embedded-opentype'),
    url('/2026/css/user/fonts/recruiting_plus.ttf?wmrbsm') format('truetype'),
    url('/2026/css/user/fonts/recruiting_plus.woff?wmrbsm') format('woff'),
    url('/2026/css/user/fonts/recruiting_plus.svg?wmrbsm#recruiting_plus') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'recruiting_plus' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-reaction_check:before {
  content: "\e932";
}
.icon-reaction_check2:before {
  content: "\e933";
}
.icon-reaction_smile:before {
  content: "\e934";
}
.icon-reaction_smile2:before {
  content: "\e931";
}
.icon-people:before {
  content: "\e900";
}
.icon-appeal:before {
  content: "\e901";
}
.icon-notice:before {
  content: "\e902";
}
.icon-talk:before {
  content: "\e903";
}
.icon-humbergur:before {
  content: "\e904";
}
.icon-caution:before {
  content: "\e905";
}
.icon-arrow:before {
  content: "\e906";
}
.icon-heart:before {
  content: "\e907";
}
.icon-plus:before {
  content: "\e908";
}
.icon-caution2:before {
  content: "\e909";
}
.icon-help:before {
  content: "\e90a";
}
.icon-movie_add:before {
  content: "\e90b";
}
.icon-snap_add:before {
  content: "\e90c";
}
.icon-notice2:before {
  content: "\e90d";
}
.icon-check2:before {
  content: "\e90e";
}
.icon-article_add:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-cancel:before {
  content: "\e911";
}
.icon-dot:before {
  content: "\e912";
}
.icon-info2:before {
  content: "\e913";
}
.icon-info:before {
  content: "\e914";
}
.icon-snap:before {
  content: "\e915";
}
.icon-phase:before {
  content: "\e916";
}
.icon-arrow2:before {
  content: "\e917";
}
.icon-arrow3:before {
  content: "\e918";
}
.icon-photo2:before {
  content: "\e919";
}
.icon-photo3:before {
  content: "\e91a";
}
.icon-check:before {
  content: "\e91b";
}
.icon-photo4:before {
  content: "\e91c";
}
.icon-photo5:before {
  content: "\e91d";
}
.icon-blank:before {
  content: "\e91e";
}
.icon-pin:before {
  content: "\e91f";
}
.icon-home:before {
  content: "\e920";
}
.icon-home2:before {
  content: "\e921";
}
.icon-setting:before {
  content: "\e922";
}
.icon-visible:before {
  content: "\e923";
}
.icon-heart2:before {
  content: "\e924";
}
.icon-mail:before {
  content: "\e925";
}
.icon-triangle:before {
  content: "\e926";
}
.icon-atcl_info:before {
  content: "\e927";
}
.icon-tel:before {
  content: "\e928";
}
.icon-setting2:before {
  content: "\e929";
}
.icon-article:before {
  content: "\e92a";
}
.icon-more:before {
  content: "\e92b";
}
.icon-more_active:before {
  content: "\e92c";
}
.icon-logout:before {
  content: "\e92d";
}
.icon-reload:before {
  content: "\e92e";
}
.icon-assignment:before {
  content: "\e92f";
}
.icon-login:before {
  content: "\e930";
}


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

.first,
.second,
.third {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.second,
.third {
	opacity: 0;
}

.first {
	animation: first 10s infinite;
	background: linear-gradient(#26ADDE, #0087AF);
	z-index: 1;
}
@keyframes first {
	0% {opacity: 1.0;}
	10% {opacity: 0.8;}
	20% {opacity: 0.6;}
	30% {opacity: 0.4;}
	40% {opacity: 0.2;}
	50% {opacity: 0.1;}
	60% {opacity: 0.2;}
	70% {opacity: 0.4;}
	80% {opacity: 0.6;}
	90% {opacity: 0.8;}
	100% {opacity: 1.0;}
}

.second {
	animation: second 10s infinite;
	animation-delay: 2s;
	background: linear-gradient(#0087AF, #19eacf);
	z-index: 2;
}
@keyframes second {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
}

.third {
	animation: third 10s infinite;
	animation-delay: 8s;
	background: linear-gradient(#1addd5, #aab7f8);
	z-index: 3;
}
@keyframes third {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
}

/* ------------------------------------
	common parts
------------------------------------ */
.br_pc {display: block; font-size: 0 !important;}
.br_sp {display: none !important;}
.display_pc {display: block !important;}
.display_sp {display: none !important;}
.align_r {text-align: right !important;}
.align_c {text-align: center !important;}
.align_l {text-align: left !important;}
.v_align_t {vertical-align: top !important;}
.v_align_m {vertical-align: middle !important;}
.v_align_b {vertical-align: bottom !important;}
.font_b {font-weight: bold !important;}
.font_n {font-weight: normal !important;}
.txt_attention {color: #C92700;}
.main_color {color: #0FADC9;}
.indent {
	text-indent: -1.5rem;
	padding: 0 0 0 1.5rem;
	display: inline-block;
}
.no_br {
	white-space: nowrap;
	display: inline-block;
}
a.basic_link {
	color: #BFB59A;
	text-decoration: underline;
}
.no_icon:before {content: none !important;}
.no_border {border: none !important;}
.no_border_t {border-top: none !important;}
.no_border_b {border-bottom: none !important;}
span.tel a {color: #222;}

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

.disable {
	opacity: .4 !important;
}
.disable:hover {
	cursor: default !important;
}

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

/* ------------------------------------
	btn
------------------------------------ */
/* L Button */
a.basic_btn,
button.basic_btn {
	width: 100%;
	padding: 18px 30px;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	border-radius: 94px;
	position: relative;
	z-index: 0;
	transition: all 0.3s ease-out;
}

/* for IE */
_:lang(x)::-ms-backdrop, a.basic_btn,
_:lang(x)::-ms-backdrop, button.basic_btn {
	padding: 20px 30px 16px;
}

.basic_btn.color1,
.basic_btn.color2,
.basic_btn.agree_btn {
	color: #FFF;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
.basic_btn.color1:before,
.basic_btn.color1:after,
.basic_btn.color2:before,
.basic_btn.color2:after,
.basic_btn.disable:before,
.basic_btn.disable:after,
.basic_btn.agree_btn:before,
.basic_btn.agree_btn:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 94px;
	transition: all 0.3s ease-out;
}
.basic_btn.color1:before {
	z-index: -1;
	background: #ff8c2d;
	background: -moz-linear-gradient(left, #ff8c2d 0%, #ff6589 100%);
	background: -webkit-linear-gradient(left, #ff8c2d 0%,#ff6589 100%);
	background: linear-gradient(to right,  #ff8c2d 0%,#ff6589 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c2d', endColorstr='#ff6589',GradientType=1 );
}
.basic_btn.color1:after {
	z-index: -2;
	background: #ff8c2d;
	background: -moz-linear-gradient(left, #ff8c2d 0%, #ff8b2d 100%);
	background: -webkit-linear-gradient(left, #ff8c2d 0%,#ff8b2d 100%);
	background: linear-gradient(to right,  #ff8c2d 0%,#ff8b2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c2d', endColorstr='#ff8b2d',GradientType=1 );
}
.basic_btn.color2:before {
	z-index: -1;
	background: #6adfe3;
	background: -moz-linear-gradient(left, #6adfe3 0%, #006aaf 100%);
	background: -webkit-linear-gradient(left, #6adfe3 0%,#006aaf 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#006aaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#006aaf',GradientType=1 );
}
.basic_btn.color2:after {
	z-index: -2;
	background: #6adfe3;
	background: -moz-linear-gradient(left, #6adfe3 0%, #5ed2dd 100%);
	background: -webkit-linear-gradient(left, #6adfe3 0%,#5ed2dd 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#5ed2dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#5ed2dd',GradientType=1 );
}
.basic_btn.color3 {
	padding: 16px 30px;
	color: #0F5794;
	background: #FFF;
	border: 2px solid #105391;
}
/* for IE */
_:lang(x)::-ms-backdrop, .basic_btn.color3 {
	padding: 18px 30px 14px;
}
.basic_btn.agree_btn.disable:before {
	background: #D9D9D9;
}
.basic_btn.color2.agree_btn {
	box-shadow: none;
}
.basic_btn.color2.agree_btn:not(.disable) {
	color: #FFF;
	background: #6adfe3;
	background: -moz-linear-gradient(left, #6adfe3 0%, #5ed2dd 100%);
	background: -webkit-linear-gradient(left, #6adfe3 0%,#5ed2dd 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#5ed2dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#5ed2dd',GradientType=1 );
	box-shadow: none;
	transition: all 0.3s ease-out;
}
.basic_btn.color2.agree_btn:not(.disable):before {
	z-index: -1;
	background: transparent;
	box-shadow: none;
	transition: all 0.3s ease-out;
}
.basic_btn.color2.agree_btn:not(.disable):after {
	z-index: -2;
	background: #6adfe3;
	background: -moz-linear-gradient(left, #6adfe3 0%, #006aaf 100%);
	background: -webkit-linear-gradient(left, #6adfe3 0%,#006aaf 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#006aaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#006aaf',GradientType=1 );
	transition: all 0.3s ease-out;
}

/* PC Hover */
.basic_btn.color1:hover,
.basic_btn.color2:hover {
	box-shadow: none;
}
.basic_btn.color1:hover:before,
.basic_btn.color2:hover:before,
.basic_btn.color2.agree_btn:not(.disable):hover:after {
	opacity: 0;
}
.basic_btn.color3:hover {
	color: #FFF;
	background: #10508B;
}
.basic_btn.color1.disable:hover:before,
.basic_btn.color2.disable:hover:before {
	opacity: 1;
}

/* S Button */
a.small_btn,
button.small_btn {
	margin: 0 4px !important;
	padding: 8px 30px;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-family:
	line-height: 1.2;
	border-radius: 4px;
	position: relative;
	z-index: 0;
	transition: all 0.3s ease-out;
}
.small_btn.color1 {
	color: #FC1A1A;
	background: #FFF;
	border: 2px solid #FC1A1A;
}
.small_btn.color2 {
	color: #FFF;
	background: #2D9CC6;
	border: 2px solid #2D9CC6;
}
.small_btn.color3 {
	color: #222;
	background: #E0E1E2;
	border: 2px solid #E0E1E2;
}

/* PC Hover */
.small_btn.color1:hover {
	color: #FFF;
	background: #FC1A1A;
	border: 2px solid #FC1A1A;
}
.small_btn.color2:hover {
	color: #2D9CC6;
	background: #FFF;
	border: 2px solid #2D9CC6;
}
.small_btn.color3:hover {
	color: #FFF;
	background: #222;
	border: 2px solid #222;
}

/* ------------------------------------
	icon
------------------------------------ */
.icon_exclam {
	padding: 0 0 0 30px;
	position: relative;
}
.icon_exclam:before {
	content: "\e909";
	font-family: 'recruiting_plus';
	font-size: 2rem;
	font-weight: normal;
	line-height: 1;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon_new {
	padding: 4px 8px;
	color: #FFF;
	line-height: 1.2;
	font-weight: normal;
	font-size: 1.2rem;
	font-family: "Helvetica Neue", Helvetica, arial;
	background: #FF8835;
	background: -moz-linear-gradient(left, #FF8835 0%, #FF6685 100%);
	background: -webkit-linear-gradient(left, #FF8835 0%,#FF6685 100%);
	background: linear-gradient(to right,  #FF8835 0%,#FF6685 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8835', endColorstr='#FF6685',GradientType=1 );
}

/* ------------------------------------
	modal
------------------------------------ */
.modal_bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(106, 223, 227, .8);
	background: -moz-linear-gradient(top, rgba(106, 223, 227, .8) 0%, rgba(0, 106, 175, .8) 100%);
	background: -webkit-linear-gradient(top, rgba(106, 223, 227, .8) 0%,rgba(0, 106, 175, .8) 100%);
	background: linear-gradient(to bottom, rgba(106, 223, 227, .8) 0%,rgba(0, 106, 175, .8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(106, 223, 227, .8)', endColorstr='rgba(0, 106, 175, .8)',GradientType=0 );
}
.modal {
	display: none;
	width: 90%;
	margin: 5px 0 15px;
	text-align: center;
	font-size: 1.4rem;
	color: #222;
	position: fixed;
	bottom: 10%;
	z-index: 20;
}
.modal .inner {
	height: 100%;
	padding: 40px 16px 50px;
	overflow-y: auto;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	-webkit-overflow-scrolling: touch;
}
.modal .btn_close {
	margin: 30px 0 0 0;
	color: #FFF;
	font-size: 1.3rem;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, arial;
	cursor: pointer;
}
.modal .mdl_ttl {
	margin: 0 0 25px;
	text-align: center;
	font-weight: bold;
	font-size: 2.9rem;
	color: #2682A7;
	line-height: 1.2;
}
.modal .mdl_ttl span {
	margin: 10px 0 0 0;
	display: block;
	font-size: 1.4rem;
	color: rgba(34, 34, 34, .4);
}
.modal.notice,
.modal.notice .mdl_ttl {
	text-align: center !important;
}
.modal.notice span {
	font-family: "Helvetica Neue", Helvetica, arial;
}
.modal.notice .company_name{
	font-size: 1.7rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 15px;
}
.modal.notice .inner::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
}
.modal.notice .inner::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(229, 231, 231, 1);
}
.modal p {
	margin: 10px 0 30px 0;
	line-height: 2;
}
.modal p:last-of-type {
	margin: 10px 0 0 0;
}
.modal .btn_area {
	width: 90%;
	margin: 38px auto 0;
}
.modal .btn_area button,
.modal .btn_area a {
	margin: 12px auto 0;
}
.modal .basic_ol,
.modal .basic_ul {
	margin: 0 20px 20px;
	text-align: left;
}

/* mdl type2 */
.modal.type2 .inner {
	padding: 28px 16px 32px;
}
.modal.type2 .mdl_ttl {
	text-align: left;
	font-size: 2rem;
}
.modal.type2 p {
	text-align: left;
}
.modal.type2 .btn_area {
	text-align: right;
}

@media only screen and (min-width: 768px) {
	.modal {
		width: 750px;
		margin: 0;
	}
	.modal .inner,
	.modal.type2 .inner {
		padding: 60px;
	}
	.modal .btn_area button,
	.modal .btn_area a {
		margin: 24px auto 0;
	}
}

/* .slider_modal */
.modal.typeslider {
	width: 90%;
}
.modal.typeslider .inner {
	padding: 35px 16px 60px;
	position: relative;
}
.modal.typeslider .inner::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
}
.modal.typeslider .inner::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(229, 231, 231, 1);
}
.modal.typeslider .slider_modal {
	max-width: 610px;
}
.modal.typeslider .slider_modal figure {
	margin: 0 0 16px 0;
}
.modal.typeslider .slider_modal img {
	width: 100%;
}
.modal.typeslider .slider_modal p {
	text-align: left;
	margin: 0 5px 30px;
}
.modal.typeslider .slider_modal p > .note {
	display: block;
	font-size: 1.2rem;
	margin-top: 16px;
}
.modal.typeslider .slider_modal .mdl_subttl {
	margin: 0 0 16px;
	padding: 0 0 0 16px;
	text-align: left;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.2;
	position: relative;
}
.modal.typeslider .slider_modal .mdl_subttl:before {
	content: '';
	width: 4px;
	height: 18px;
	background: #2D9CC6;
	position: absolute;
	left: 0;
}
.modal.typeslider .slider_modal h4.mdl_subttl {
	margin: 0 5px;
	padding: 0;
	font-size: 1.4rem;
}
.modal.typeslider .slider_modal h4.mdl_subttl:before {
	content: none;
}
.modal.typeslider .slider_modal h4.mdl_subttl span {
	font-weight: normal;
	font-size: 1.2rem;
}
.modal.typeslider .slider_modal .slick-dots {
	bottom: -35px;
}

@media only screen and (min-width: 768px) {
	.modal.typeslider {
		width: 630px;
	}
}

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

/* ------------------------------------
	header
------------------------------------ */
header {
	position: relative;
}
header .logo_area {
	width: calc(100% - 80px);
	min-height: 50px;
	display: flex;
	align-items: center;
}
header .logo_area figure {
	width: 48px;
	height: 48px;
	margin: 0 16px 0 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
}
header .logo_area h1 {
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: bold;
	word-break: break-all;
}
header .logo_area h1 span {
	margin: 2px 0 0 0;
	display: block;
	color: #2D9CC6;
	font-size: 1.2rem;
}
header .status_line {
	padding: 10px 16px;
	position: relative;
	border-bottom: 1px solid #DDD;
	position: relative;
	background: #FFF;
	z-index: 30;
}
header .status_area {
	width: calc(100% - 30px);
	min-height: 40px;
	display: flex;
	align-items: center;
}
header .user_icon {
	width: 40px;
	height: 40px;
	margin: 0 8px 0 0;
	position: relative;
	border-radius: 50%;
	position: relative;
}
header .user_icon.color1 {
	background: #FF8835;
	background: -moz-linear-gradient(left, #FF8835 0%, #FF6685 100%);
	background: -webkit-linear-gradient(left, #FF8835 0%,#FF6685 100%);
	background: linear-gradient(to right,  #FF8835 0%,#FF6685 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8835', endColorstr='#FF6685',GradientType=1 );
}
header .user_icon.color2 {
	background: #6adfe3;
	background: -moz-linear-gradient(left, #6adfe3 0%, #006aaf 100%);
	background: -webkit-linear-gradient(left, #6adfe3 0%,#006aaf 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#006aaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#006aaf',GradientType=1 );
}
header .user_icon .inner {
	width: 36px;
	height: 36px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #FFF;
}
header .user_icon .inner a {
	height: 100%;
	display: block;
}
header .status_area .user_icon .inner img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
header .status_area .user_icon.land img {
	width: auto;
	height: 100%;
}
header .status_area .user_icon.port img {
	width: 100%;
	height: auto;
}
header .status {
	width: calc(100% - 70px);
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
header .status span {
	margin: 0 0 2px;
	display: block;
	font-size: 1.2rem;
	color: rgba(34, 34, 34, 0.7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
header .notice {
	position: absolute;
	top: 17px;
	right: 16px;
}
header .notice span:before {
	opacity: 0;
	content: "\e902";
	font-family: 'recruiting_plus';
	font-size: 2.3rem;
	line-height: 1.2;
	color: rgba(34, 34, 34, .4);
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
header .notice span:after {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 2.3rem;
	line-height: 1.2;
	color: rgba(34, 34, 34, .4);
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
header .notice.new span:after {
	color: #2D9CC6;
}
header .notice.active span:after {
	opacity: 0;
	transition: all 0.3s ease-out;
}
header .notice.active span:before {
	opacity: 1;
	color: rgba(34, 34, 34, .4);
	transition: all 0.3s ease-out;
}
header .notice.new span:after {
	color: #2D9CC6;
}
header .notice.active.new span:before {
	color: #2D9CC6;
}
header .notice.new:before {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 0;
	right: -2px;
	border-radius: 50%;
	background: #FC1A1A;
}
header .notice_detail {
	display: none;
}
header .notice_detail:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	right: 21px;
	display: block;
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #E8E8E8;
	border-left: 7px solid transparent;
}
header .notice_detail:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -2px;
	right: 21px;
	z-index: 1;
	display: block;
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #FFF;
	border-left: 7px solid transparent;
}
header .notice_detail .inner {
	max-height: 350px;
	padding: 16px 16px 0 16px;
	position: absolute;
	top: 60px;
	right: 8px;
	left: 8px;
	z-index: 1;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #FFF;
	border: 1px solid #E8E8E8;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
header .notice_detail .ttl {
	margin: 0 0 10px;
	line-height: 1;
	font-weight: bold;
	font-size: 1.4rem;
	color: #ADADAD;
	font-family: "Helvetica Neue", Helvetica, arial;
}
header .notice_detail .notice_list {
	margin: 0 0 16px;
}
header .notice_detail .notice_list li {
	border-bottom: 1px solid #E8E8E8;
}
header .notice_detail a {
	padding: 16px 0;
	display: block;
	position: relative;
}
header .notice_detail .action {
	padding: 0 0 0 35px;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.2;
}
header .notice_detail .phase .action:before {
	content: "\e916";
    font-family: 'recruiting_plus';
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.2;
    color: #2d9cc6;
    position: absolute;
    top: 20px;
    left: 3px;
}
header .notice_detail .message .action:before {
	content: "\e903";
	font-family: 'recruiting_plus';
	font-size: 2.1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #2d9cc6;
	position: absolute;
	top: 20px;
	left: 3px;
}
header .notice_detail .result .action:before {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 3.0rem;
	font-weight: normal;
	line-height: 1.2;
	color: #2d9cc6;
	position: absolute;
	top: 14px;
	left: 1px;
}
header .notice_detail .change_phase {
	padding: 2px 0 0 35px;
	color: rgba(34, 34, 34, 0.7);
	font-size: 1.3rem;
}
header .notice_detail .change_phase span {
	margin: 0 5px;
	color: #0FADC9;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1;
}
header .notice_detail .time {
	color: #ADADAD;
	font-size: 1.2rem;
	position: absolute;
	top: 12px;
	right: 0;
}
header .notice_detail .desc {
	width: 100%;
	padding: 2px 0 0 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: rgba(34, 34, 34, 0.7);
	font-size: 1.2rem;
}
header .notice_detail .action_list {
	text-align: right;
	font-size: 0;
	margin: 0 0 23px;
}
header .notice_detail .action_list li {
	display: inline-block;
}
header .notice_detail span.company_name {
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	padding-bottom: 4px;
	margin-right: 45px;
}
header .notice_detail .no_notification {
	font-size: 1.2rem;
	color: #ADADAD;
}

@media only screen and (min-width: 768px) {
	header .status_line {
		display: none;
	}
}

/* ------------------------------------
	header
------------------------------------ */
/* company_line */
header .company_line {
	padding: 16px;
	position: relative;
	background: #FFF;
	z-index: 31;
	border-bottom: 1px solid #DDD;
}

/* info */
header .info {
	position: absolute;
	top: 20px;
	right: 50px;
}
header .info:before {
	opacity: 0;
	content: "\e913";
	font-family: 'recruiting_plus';
	font-size: 2.1rem;
	color: #2D9CC6;
	position: absolute;
	top: 3px;
	right: 2px;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
header .info:after {
	content: "\e914";
	font-family: 'recruiting_plus';
	font-size: 2.1rem;
	color: rgba(34, 34, 34, .7);
	position: absolute;
    top: 0.12em;
	right: 2px;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
header .info.active:before {
	opacity: 1;
}
header .info.active:after {
	opacity: 0;
}
header .info_detail {
	display: none;
	width: 290px;
	padding: 16px;
	position: absolute;
	top: 82px;
	right: 8px;
	z-index: 1;
	background: #FFF;
	border: 1px solid #E8E8E8;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
header .info_detail:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -20px;
	right: 47px;
	display: block;
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #E8E8E8;
	border-left: 7px solid transparent;
}
header .info_detail:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -18px;
	right: 47px;
	display: block;
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #FFF;
	border-left: 7px solid transparent;
}
header .info_detail .ttl {
	margin: 0 0 10px;
	line-height: 1;
	font-weight: bold;
	font-size: 1.4rem;
	color: #ADADAD;
	font-family: "Helvetica Neue", Helvetica, arial;
}
header .info_detail .address {
	margin: 0 0 10px;
	line-height: 1.4;
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Helvetica, arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
header .info_detail .tel {
	padding: 0 0 0 20px;
	line-height: 1.4;
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Helvetica, arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	position: relative;
}
header .info_detail .tel:before {
	content: "\e928";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1;
	color: #2D9CC6;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header .info_detail .mail {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	line-height: 1.4;
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Helvetica, arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	position: relative;
}
header .info_detail .mail:before {
	content: "\e925";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1;
	color: #2D9CC6;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header .info_detail .mail a {
	color: #2D9CC6;
}

/* contents_menu */
header .contents_menu {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 26px;
	right: 12px;
	z-index: 5;
	background: #FFF;
}
.contents_menu input {
	display: none;
}
.contents_menu > * {
	position: relative;
}
.contents_menu label {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 50%;
	width: 30px;
	height: 30px;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}
.ua_ie .contents_menu label {
	display: none !important;
}
.contents_menu path {
	fill: none;
	stroke: #222;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	--length: 0;
	--offset: -50;
	stroke-dasharray: var(--length) var(--total-length);
	stroke-dashoffset: var(--offset);
	transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.contents_menu circle {
	opacity: 0;
}
.contents_menu input:checked+svg .line_1,
.contents_menu input:checked+svg .line_3 {
	--length: 22.627416998;
}
.contents_menu input:checked+svg .line_2 {
	--length: 0;
}
.back input:checked+svg .line_1,
.back input:checked+svg .line_3 {
	--length: 8.602325267;
}
.contents_menu .line_1,
.contents_menu .line_3 {
	--total-length: 126.64183044433594;
}
.contents_menu .line_2 {
	--total-length: 70;
}
.contents_menu input:checked+svg .line_1,
.contents_menu input:checked+svg .line_3 {
	--offset: -94.1149185097;
	stroke: #2D9CC6;
	stroke-linecap: square;
	stroke-linejoin: square;
}
.contents_menu input:checked+svg .line_2 {
	--offset: -50;
	stroke: #2D9CC6;
	stroke-linecap: square;
	stroke-linejoin: square;
}
/* for IE */
.ua_ie .contents_menu label {
	display: none;
}

header .contents_detail {
	display: none;
	width: 290px;
	padding: 16px 16px 0;
	position: absolute;
	top: 82px;
	right: 8px;
	z-index: 1;
	background: #FFF;
	border: 1px solid #E8E8E8;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
header .contents_detail:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -20px;
	right: 12px;
	display: block;
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #E8E8E8;
	border-left: 7px solid transparent;
}
header .contents_detail:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -18px;
	right: 12px;
	z-index: 1;
	display: block;
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #FFF;
	border-left: 7px solid transparent;
}
header .contents_detail .ttl {
	margin: 0 0 10px;
	line-height: 1;
	font-weight: bold;
	font-size: 1.4rem;
	color: #ADADAD;
	font-family: "Helvetica Neue", Helvetica, arial;
}
header .contents_detail ul li a {
	padding: 10px 0;
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #DDD;
}
header .contents_detail ul li.unread a {
	position: relative;
}
header .contents_detail ul li.unread a:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	border-radius: 50%;
	background: #FC1A1A;
	transform: translateY(-50%);
}
header .contents_detail ul li:last-child a {
	border-bottom: none;
}
.icon_blank {
	padding: 0 20px 0 0;
	position: relative;
}
.icon_blank:before {
	content: "\e91e";
	font-family: 'recruiting_plus';
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1;
	color: rgba(34, 34, 34, 0.4);
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* for IE MENU */
header #switch_btn_area #switch_btn {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.84em;
	text-align: center;
	line-height: 0;
}
header #switch_btn_area #switch_btn:before,
header #switch_btn_area #switch_btn:after {
	display: block;
	transition: all 0.2s linear;
}
header .active #switch_btn_area #switch_btn:before {
	opacity: 0;
}
header #switch_btn_area #switch_btn:after {
	opacity: 0;
}
header .active #switch_btn_area #switch_btn:after {
	opacity: 1;
}
header #switch_btn_area #switch_btn span {
	width: 3px;
	height: 3px;
	text-align: center;
	background-color: #222;
	transition: all 0.2s linear;
	position: absolute;
	left: 50%;
	border-radius: 50%;
	transform-origin: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
header #switch_btn_area #switch_btn,
header #switch_btn_area #switch_btn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
header #switch_btn_area #switch_btn span:nth-of-type(1) {
	top: 7px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
header #switch_btn_area #switch_btn span:nth-of-type(2) {
	top: 14px;
	transform: scale(1);
}
header #switch_btn_area #switch_btn span:nth-of-type(3) {
	top: 21px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
header .active #switch_btn_area #switch_btn span {
	width: 22px;
	border-radius: 0;
	background: #2D9CC6;
}
header .active #switch_btn_area #switch_btn span:nth-of-type(1) {
	top: 0 !important;
	left: 4px;
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}
header .active #switch_btn_area #switch_btn span:nth-of-type(2) {
	top: 15px;
	left: 4px;
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
header .active #switch_btn_area #switch_btn span:nth-of-type(3) {
	opacity: 0;
}

@media only screen and (min-width: 768px) {
	header .company_line {
		display: none;
	}
}

/* contents_menu_btm */
.contents_menu_btm input {
	display: none;
}
.contents_menu_btm > * {
	position: relative;
}
.contents_menu_btm label {
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 50%;
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
}
.contents_menu_btm path {
	fill: none;
	stroke: #646464;
	stroke-width: 3;
	stroke-linecap: square;
	stroke-linejoin: square;
	--length: 24;
	--offset: -38;
	stroke-dasharray: var(--length) var(--total-length);
	stroke-dashoffset: var(--offset);
	transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.contents_menu_btm circle {
	opacity: 0;
}
.contents_menu_btm input:checked+svg .line_1,
.contents_menu_btm input:checked+svg .line_3 {
	--length: 22.627416998;
}
.contents_menu_btm input:checked+svg .line_2 {
	--length: 0;
}
.contents_menu_btm .back input:checked+svg .line_1,
.contents_menu_btm .back input:checked+svg .line_3 {
	--length: 8.602325267;
}
.contents_menu_btm .line_1,
.contents_menu_btm .line_3 {
	--total-length: 126.64183044433594;
}
.contents_menu_btm .line_2 {
	--total-length: 70;
}
.contents_menu_btm input:checked+svg .line_1,
.contents_menu_btm input:checked+svg .line_3 {
	stroke: #2D9CC6;
	--offset: -94.1149185097;
}
.contents_menu_btm input:checked+svg .line_2 {
	stroke: #2D9CC6;
	--offset: -50;
}

/* for IE MENU */
.ua_ie .contents_menu_btm label {
	display: none;
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 14px;
	left: 50%;
	z-index: 10;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.84em;
	text-align: center;
	line-height: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn:before,
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn:after {
	display: block;
	transition: all 0.2s linear;
}
.sp_bottom_wrap .sp_bottom_menu .active #switch_btn_area #switch_btn:before {
	opacity: 0;
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn:after {
	opacity: 0;
}
.sp_bottom_wrap .sp_bottom_menu .active #switch_btn_area #switch_btn:after {
	opacity: 1;
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn span {
	width: 25px;
	height: 3px;
	text-align: center;
	background-color: #646464;
	transition: all 0.2s linear;
	position: absolute;
	left: 0;
	transform-origin: center;
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn,
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn span:nth-of-type(1) {
	top: 7px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn span:nth-of-type(2) {
	top: 14px;
	transform: scale(1);
}
.sp_bottom_wrap .sp_bottom_menu #switch_btn_area #switch_btn span:nth-of-type(3) {
	top: 21px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.sp_bottom_wrap .sp_bottom_menu .active #switch_btn_area #switch_btn span {
	width: 22px;
	border-radius: 0;
	background: #2D9CC6;
}
.sp_bottom_wrap .sp_bottom_menu .active #switch_btn_area #switch_btn span:nth-of-type(1) {
	top: 0 !important;
	left: 0;
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}
.sp_bottom_wrap .sp_bottom_menu .active #switch_btn_area #switch_btn span:nth-of-type(2) {
	top: 15px;
	left: 0;
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.sp_bottom_wrap .sp_bottom_menu .active #switch_btn_area #switch_btn span:nth-of-type(3) {
	opacity: 0;
}

/* -- sp mini menu
------------------------------------ */
.sp_mini_menu {
	width: 100%;
	padding: 10px 16px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	background: #FFF;
	border-bottom: 1px solid #DDD;
	-webkit-transform: translate3d(0,0,0);
}
header .sp_mini_menu .logo_area {
	min-height: 40px;
}
header .sp_mini_menu .logo_area figure {
	width: 40px;
	height: 40px;
}
header .sp_mini_menu .logo_area h1 {
	font-size: 1.4rem;
}
.sp_mini_menu .status_area {
	width: auto;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 55px;
}
.sp_mini_menu .status_area figure {
	width: 32px;
	height: 32px;
	margin: 0;
}
.sp_mini_menu .status_area figure .inner {
	width: 28px;
	height: 28px;
}

@media only screen and (min-width: 768px) {
	header .sp_mini_menu {
		display: none;
	}
}

/* -- logo_line
------------------------------------ */
.logo_line {
	display: none;
}

@media only screen and (min-width: 768px) {
	.logo_line {
		display: block;
		background: #2D9CC6;
	}
	.logo_line .inner {
		width: 980px;
		margin: 0 auto;
		padding: 4px 8px;
		position: relative;
	}
	.logo_line .rectus {
		width: 75px;
		margin: 0 auto;
	}
	.logo_line .rectus img {
		width: 100%;
	}
	.logo_line ul {
		width: auto;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.logo_line ul li {
		margin: 0 0 0 16px;
		padding: 0 0 0 16px;
		display: inline-block;
		border-left: 1px solid #FFF;
	}
	.logo_line ul li:first-child {
		border-left: none;
	}
	.logo_line ul li a {
		font-size: 1.3rem;
		line-height: 1.2;
		color: #FFF;
		font-weight: bold;
	}
}

/* -- global_line
------------------------------------ */
.global_line {
	display: none;
}

@media only screen and (min-width: 768px) {
	.global_line {
		display: block;
		padding: 0 0 15px;
		background: #FFF;
	}
	.global_line .inner {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	.global_line .logo_area {
		width: auto;
		min-height: none;
		min-height: initial;
		min-height: auto;
		display: flex;
		align-items: flex-end;
	}
	.global_line .logo_area figure {
		width: 100px;
		height: 100px;
		margin: -17px 16px 0 0;
		overflow: hidden;
		background: #FFF;
		border: 2px solid #E8E8E8;
	}
	.global_line .logo_area figure img {
		border-radius: 0;
	}
	.global_line .logo_area h1 {
		width: calc(100% - 580px);
		margin: 0 0 10px 0;
		line-height: 1.2;
		font-size: 2rem;
		font-weight: bold;
	}
	.global_line .logo_area h1 a {
		display: inline-block;
		vertical-align: top;
	}
}

/* -- global
------------------------------------ */
.global_line .global {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
}
.global_line .global li {
	margin: 0 20px;
}
.global_line .global li:last-child {
	margin: 0 0 0 20px;
}
.global_line .global li a {
	display: block;
	padding: 12px 0;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
}
.global_line .global li.active a {
	color: #2D9CC6;
}
.global_line .global li.active a:before {
	content: "";
	width: 16px;
	height: 1px;
	display: block;
	border-top: 1px solid #2D9CC6;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.global_line .global li.unread a:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	border-radius: 50%;
	background: #FC1A1A;
}

/* -- pc mini menu
------------------------------------ */
header .pc_mini_menu {
	display: none;
}

@media only screen and (min-width: 768px) {
	header .pc_mini_menu {
		opacity: 0;
		display: block;
		width: 100%;
		min-height: 60px;
		padding: 5px 16px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
		background: #FFF;
		border-bottom: 1px solid #DDD;
		-webkit-transform: translate3d(0,0,0);
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	}
	header .pc_mini_menu .rectus {
		width: 35px;
		position: absolute;
		top: 50%;
		left: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	header .pc_mini_menu .rectus img {
		width: 100%;
	}
	header .pc_mini_menu .logo_area {
		width: calc(100% - 420px);
		padding: 0 0 0 72px;
	}
	/* for ie */
	_:lang(x)::-ms-backdrop, header .pc_mini_menu .logo_area {
		padding: 5px 0 0 72px;
	}
	header .pc_mini_menu .logo_area:before {
		content: "";
		width: 1px;
		height: 40px;
		display: block;
		border-left: 1px solid #E8E8E8;
		position: absolute;
		top: 50%;
		left: 70px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	header .pc_mini_menu .logo_area figure {
		width: 40px;
		height: 40px;
		border: 2px solid #E8E8E8;
	}
	header .pc_mini_menu .logo_area h1 {
		font-size: 1.6rem;
	}
	header .pc_mini_menu .logo_area h1 span {
		display: none;
	}
	header .pc_mini_menu .global {
		position: absolute;
		top: 50%;
		right: 45px;
		z-index: 30;
		display: flex;
		align-items: flex-end;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	header .pc_mini_menu .global li {
		margin: 0 20px;
	}
	header .pc_mini_menu .global li:last-child {
		margin: 0 0 0 20px;
	}
	header .pc_mini_menu .global li a {
		display: block;
		padding: 0 0 5px;
		font-size: 1.4rem;
		font-weight: bold;
		position: relative;
	}
	header .pc_mini_menu .global li.active a {
		color: #2D9CC6;
		position: relative;
	}
	header .pc_mini_menu .global li.active a:before {
		content: "";
		width: 16px;
		height: 1px;
		display: block;
		border-top: 1px solid #2D9CC6;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	header .pc_mini_menu .global li.unread a:after {
		content: "";
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		top: -7px;
		right: 0;
		border-radius: 50%;
		background: #FC1A1A;
	}
}

/* ------------------------------------
	breadcrumbs
------------------------------------ */
.breadcrumbs {
	display: none;
}

@media only screen and (min-width: 768px) {
	.breadcrumbs {
		display: block;
		width: 100%;
		position: relative;
	}
	.breadcrumbs .inner {
		width: 980px;
		margin: 0 auto;
		padding: 10px 0;
		font-size: 1.2rem;
		line-height: 1.6;
		text-align: left;
		letter-spacing: -0.4em;
	}
	.breadcrumbs .inner li {
		display: inline-block;
		letter-spacing: 0;
	}
	.breadcrumbs .home:before {
		margin: 0 5px 0 0;
		font-family: 'recruiting_plus';
		content: '\e921';
		display: inline-block;
		font-size: 1.2rem;
		color: #ADADAD;
	}
	.breadcrumbs .home.active:before {
		color: #2D9CC6;
	}
	.breadcrumbs a {
		margin: 0 4px 0 0;
		color: #ADADAD;
		font-weight: bold;
		text-decoration: none;
	}
	.breadcrumbs a:hover {
		text-decoration: none;
	}
	.breadcrumbs span {
		color: #ADADAD;
	}
	.breadcrumbs .separator {
		padding-right: 3px;
	}
	.breadcrumbs .now span {
		color: #222222;
	}
	.cat_ttl.second + .breadcrumbs {
		margin: -55px 0 60px 0;
	}
}

/* ------------------------------------
	wrapper
------------------------------------ */
#container {
	height: 100%;
	overflow: visible;
	background: transparent;
}
.outer {
	height: 100%;
	margin: 0 auto -72px;
	position: relative;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.ua_ie .outer {
	display: block;
}

@media only screen and (min-width: 768px) {
	#wrapper {
		width: 980px;
		margin: 0 auto 60px;
	}
	.outer {
		margin: 0 auto;
	}
	.ua_ie .outer {
		display: flex;
	}

}

/* ------------------------------------
	main
------------------------------------ */
@media only screen and (min-width: 768px) {
	body:not(.short_width) main {
		width: 730px;
		float: right;
	}
}

/* -- category
------------------------------------ */
.category_list {
	height: 55px;
	background: #FFF;
}
.scroll_tab_inner {
	left: 0!important;
	right: 0!important;
	padding: 0 30px;
	height: 55px!important;
}
.scroll_tabs_theme_light div.scroll_tab_inner span,
.scroll_tabs_theme_light div.scroll_tab_inner li {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	transition: all 0.3s ease-out;
	padding: 0!important;
	height: 55px!important;
	line-height: 55px!important;
	background: #fff;
	border: none;
	white-space: nowrap;
}
.scroll_tabs_theme_light div.scroll_tab_inner span a {
	display: block;
	padding: 0 50px;
	color: rgba(34, 34, 34, 0.6);
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.scroll_tabs_theme_light .scroll_tab_left_button,
.scroll_tabs_theme_light .scroll_tab_right_button {
	width: 40px!important;
	height: 55px!important;
	line-height: 55px!important;
	border: none;
	border-radius: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.5);
}
.scroll_tabs_theme_light .scroll_tab_left_button:before,
.scroll_tabs_theme_light .scroll_tab_right_button:before {
	font-family: 'recruiting_plus';
	content: "\e917";
	font-size: 2.0rem;
	line-height: 55px;
	color: #03A1CC;
	display: inline-block;
	padding: 0 5px 0 15px;
	opacity: 1;
}
.scroll_tabs_theme_light .scroll_tab_left_button:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: linear-gradient(to left, #fff, rgba(255,255,255,0) 93%);
}
.scroll_tabs_theme_light .scroll_tab_right_button:before {
	background: linear-gradient(to right, rgba(255,255,255,0), #fff 80%);
}
.scroll_tabs_theme_light .scroll_tab_left_button_disabled,
.scroll_tabs_theme_light .scroll_tab_right_button_disabled {
	background-color: transparent;
}
.scroll_tabs_theme_light .scroll_tab_left_button_disabled:before,
.scroll_tabs_theme_light .scroll_tab_right_button_disabled:before {
	display: none;
}
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher,
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher {
	background: #fff;
	border: none;
	width: 0;
}
.scroll_tabs_theme_light div.scroll_tab_inner span.active a {
	color: #03A1CC !important;
	font-weight: bold;
	position: relative;
	display: block;
}
.scroll_tabs_theme_light div.scroll_tab_inner span.active a:before {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #6adfe3;
	background: -moz-linear-gradient(left,  #6adfe3 0%, #006aaf 100%);
	background: -webkit-linear-gradient(left,  #6adfe3 0%,#006aaf 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#006aaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#006aaf',GradientType=1 );
	transition: all 0.3s ease-out;
}
.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected,
.scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected,
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over,
.scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over {
	background: #fff!important;
}

/*.category_list li .display_switch {
	display: none;
}

@media only screen and (min-width: 768px) {
	.category_list {
		margin: 0 0 10px;
	}
	.category_list li .display_switch {
		display: inline-block;
	}
}*/

@media screen and (max-width: 768px){
	.scroll_tabs_container {
		margin-bottom: 0;
	}
	.scroll_tab_inner {
		padding: 0 20px;
	}
	.scroll_tabs_theme_light div.scroll_tab_inner span a {
		padding: 0 20px;
	}
	/* .sp_view */
	.sp_view .category_list {
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.sp_view .scroll_tab_inner {
		padding: 0;
		left: auto!important;
		right: auto!important;
		position: relative;
	}
	.sp_view .scroll_tabs_theme_light .scroll_tab_left_button,
	.sp_view .scroll_tabs_theme_light .scroll_tab_right_button,
	.sp_view .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher,
	.sp_view .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher,
	.sp_view .scroll_tabs_theme_light .scroll_tab_left_button_disabled,
	.sp_view .scroll_tabs_theme_light .scroll_tab_right_button_disabled {
		display: none!important;
	}
	.sp_view .scroll_tabs_theme_light div.scroll_tab_inner span a {
		padding: 0 20px;
	}
}

/* ------------------------------------
	aside
------------------------------------ */
aside.sub {
	display: none;
}

@media only screen and (min-width: 768px) {
	aside.sub {
		display: block;
		width: 225px;
		float: left;
	}
}

/* -- user_menu
------------------------------------ */
aside.sub .user_menu {
	margin: 0 0 22px;
	background: #FFF;
	border-radius: 4px;
}
aside.sub .status_area {
	padding: 23px 16px;
}
aside.sub .status_area .user_icon {
	width: 100px;
	height: 100px;
	margin: 0 auto 16px;
	position: relative;
	border-radius: 50%;
	position: relative;
}
aside.sub .status_area .user_icon.color1 {
	background: #FF8835;
	background: -moz-linear-gradient(left, #FF8835 0%, #FF6685 100%);
	background: -webkit-linear-gradient(left, #FF8835 0%,#FF6685 100%);
	background: linear-gradient(to right,  #FF8835 0%,#FF6685 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8835', endColorstr='#FF6685',GradientType=1 );
}
aside.sub .status_area .user_icon.color2 {
	background: #6adfe3;
	background: -moz-linear-gradient(left, #6adfe3 0%, #006aaf 100%);
	background: -webkit-linear-gradient(left, #6adfe3 0%,#006aaf 100%);
	background: linear-gradient(to right,  #6adfe3 0%,#006aaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6adfe3', endColorstr='#006aaf',GradientType=1 );
}
aside.sub .status_area .user_icon .inner {
	width: 92px;
	height: 92px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border-radius: 50%;
	border: 4px solid #FFF;
}
aside.sub .status_area .user_icon .inner a {
	height: 100%;
	display: block;
	box-shadow: 0 0 0 6px inset #FFF;
	border-radius: 50%;
	background: #FFF;
	opacity: 1 !important;
}
aside.sub .status_area .user_icon .inner img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
aside.sub .status_area .user_icon.land img {
	width: auto;
	height: 100%;
}
aside.sub .status_area .user_icon.port img {
	width: 100%;
	height: auto;
}
aside.sub .status_area .name {
	margin: 0 0 3px;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4;
}
aside.sub .status_area .address {
	font-size: 1.2rem;
	line-height: 1.4;
	color: rgba(34, 34, 34, 0.5);
}
aside.sub .status_area .status {
	margin: 16px 0 0 0;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #222;
}
aside.sub .status_area .status span {
	margin: 0 0 3px;
	display: block;
	font-size: 1.2rem;
	color: rgba(34, 34, 34, 0.5);
}
aside.sub .feat_menu {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-content: center;
	border: 1px solid #E8E8E8;
	border-left: none;
	border-right: none;
}
aside.sub .feat_menu > div:not(.tip_cont) {
	width: 33.333%;
	text-align: center;
	position: relative;
}
/* plan_free */
.plan_free aside.sub .feat_menu > div:not(.tip_cont) {
	width: 50%;
}
aside.sub .feat_menu > div:not(.tip_cont):before {
	content: "";
	width: 1px;
	height: 70%;
	display: block;
	position: absolute;
	top: 15%;
	left: 0;
	border-left: 1px solid #E8E8E8;
}
aside.sub .feat_menu > div:not(.tip_cont):first-child:before {
	content: none;
}
aside.sub .feat_menu > div:not(.tip_cont) a,
aside.sub .feat_menu > div:not(.tip_cont) span {
	height: 76px;
	padding: 45px 0 10px;
	font-size: 1.2rem;
	display: block;
	text-align: center;
	color: rgba(34, 34, 34, 0.5);
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
aside.sub .feat_menu > div:not(.tip_cont) a:before,
aside.sub .feat_menu > div:not(.tip_cont) span:before,
aside.sub .feat_menu > div:not(.tip_cont) span:after {
	font-family: 'recruiting_plus';
	font-size: 2.5rem;
	line-height: 1.2;
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

aside.sub .feat_menu > div:not(.notice) a:before,
aside.sub .feat_menu > div:not(.notice) span:before,
aside.sub .feat_menu > div:not(.notice) span:after {
	color: #2D9CC6;
}
aside.sub .feat_menu .notice span:before {
	opacity: 0;
	content: "\e902";
	font-family: 'recruiting_plus';
	font-size: 2.3rem;
	line-height: 1.2;
	color: rgba(34, 34, 34, .4);
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
aside.sub .feat_menu .notice span:after {
	content: "\e90d";
	font-family: 'recruiting_plus';
	font-size: 2.3rem;
	line-height: 1.2;
	color: rgba(34, 34, 34, .4);
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
aside.sub .feat_menu .notice.active span:after {
	opacity: 0;
	transition: all 0.3s ease-out;
}
aside.sub .feat_menu .notice.active span:before {
	opacity: 1;
	color: rgba(34, 34, 34, .4);
	transition: all 0.3s ease-out;
}
aside.sub .feat_menu .notice.active.new span {
	color: #2D9CC6;
	font-weight: bold;
}
aside.sub .feat_menu .notice.new span:after,
aside.sub .feat_menu .notice.active.new span:before {
	color: #2D9CC6;
	font-weight: normal;
}
aside.sub .feat_menu .notice.new:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	-webkit-transform: translate(13px, -24px);
	transform: translate(13px, -24px);
	border-radius: 50%;
	background: #FC1A1A;
}
aside.sub .feat_menu > div:not(.tip_cont).notice.new a:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 17px;
	right: 23px;
	border-radius: 50%;
	background: #FC1A1A;
}
aside.sub .feat_menu .message.unread:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 18px;
	right: 20px;
	border-radius: 50%;
	background: #FC1A1A;
}
aside.sub .feat_menu > div:not(.tip_cont).message a:before {
	content: "\e903";
	font-size: 2rem;
}
aside.sub .feat_menu > div:not(.tip_cont).other span:before {
	font-family: 'recruiting_plus';
	font-weight: normal;
	content: "\e92c";
	font-size: 2rem;
	color: #2D9CC6;
	opacity: 0;
	transition: all 0.3s ease-out;
}
aside.sub .feat_menu > div:not(.tip_cont).other span:after {
	font-family: 'recruiting_plus';
	font-weight: normal;
	content: "\e92b";
	font-size: 2rem;
	color: #2D9CC6;
	transition: all 0.3s ease-out;
	opacity: 1;
}

aside.sub .feat_menu > div:not(.tip_cont).other.active span {
	color: #2D9CC6;
	font-weight: bold;
}
aside.sub .feat_menu > div:not(.tip_cont).other.active span:before {opacity: 1;}
aside.sub .feat_menu > div:not(.tip_cont).other.active span:after {opacity: 0;}

/* notice_detail */
@media only screen and (min-width: 768px) {
	aside.sub .notice_detail {
		display: none;
		position: relative;
		z-index: 2;
	}
	aside.sub .notice_detail:before {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 36px;
		left: -23px;
		display: block;
		border-top: 9px solid transparent;
		border-right: 14px solid #E8E8E8;
		border-bottom: 9px solid transparent;
		border-left: 9px solid transparent;
	}
	aside.sub .notice_detail:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 37px;
		left: -18px;
		z-index: 1;
		display: block;
		border-top: 8px solid transparent;
		border-right: 12px solid #FFF;
		border-bottom: 7px solid transparent;
		border-left: 7px solid transparent;
	}
	aside.sub .notice_detail .inner {
		width: 400px;
		max-height: 245px;
		padding: 16px 16px 0 16px;
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
		z-index: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: #FFF;
		border: 1px solid #E8E8E8;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	}
	aside.sub .notice_detail .ttl {
		margin: 0 0 10px;
		line-height: 1;
		font-weight: bold;
		font-size: 1.4rem;
		color: #ADADAD;
		font-family: "Helvetica Neue", Helvetica, arial;
	}
	aside.sub .notice_detail .notice_list {
		margin: 0 0 16px;
	}
	aside.sub .notice_detail .notice_list li {
		border-bottom: 1px solid #E8E8E8;
	}
	aside.sub .notice_detail a {
		padding: 16px 0;
		display: block;
		position: relative;
	}
	aside.sub .notice_detail .action {
		padding: 0 0 0 38px;
		font-weight: bold;
		font-size: 1.3rem;
		line-height: 1.2;
		margin-right: 40px;
	}
	aside.sub .notice_detail .phase .action:before {
		content: "\e916";
		font-family: 'recruiting_plus';
		font-size: 2.4rem;
		font-weight: normal;
		line-height: 1.2;
		color: #2d9cc6;
		position: absolute;
		top: 21px;
		left: 3px;
	}
	aside.sub .notice_detail .message .action:before {
		content: "\e903";
		font-family: 'recruiting_plus';
		font-size: 2.1rem;
		font-weight: normal;
		line-height: 1.2;
		color: #2d9cc6;
		position: absolute;
		top: 20px;
		left: 3px;
	}
	aside.sub .notice_detail .result .action:before {
		content: "\e90d";
		font-family: 'recruiting_plus';
		font-size: 3.0rem;
		font-weight: normal;
		line-height: 1.2;
		color: #2d9cc6;
		position: absolute;
		top: 14px;
		left: 1px;
	}
	aside.sub .notice_detail .change_phase {
		padding: 5px 0 0 40px;
		color: rgba(34, 34, 34, 0.7);
		font-size: 1.3rem;
	}
	aside.sub .notice_detail .change_phase span {
		margin: 0 5px;
		color: #0FADC9;
		font-size: 1.8rem;
		font-weight: bold;
		vertical-align: middle;
		line-height: 1;
	}
	aside.sub .notice_detail .time {
		color: #ADADAD;
		font-size: 1.2rem;
		position: absolute;
		top: 12px;
		right: 0;
	}
	aside.sub .notice_detail .desc {
		width: 100%;
		padding: 2px 0 0 38px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: rgba(34, 34, 34, 0.7);
		font-size: 1.2rem;
	}
	aside.sub .notice_detail .action_list {
		text-align: right;
		font-size: 0;
		margin: 0 0 23px;
	}
	aside.sub .notice_detail .action_list li {
		display: inline-block;
	}
	aside.sub .notice_detail span.company_name {
		display: block;
		font-size: 1.1rem;
		font-weight: normal;
		padding-bottom: 4px;
	}
	aside.sub .notice_detail .no_notification {
		font-size: 1.2rem;
		color: #ADADAD;
	}
}

/* contents_btm_detail */
@media only screen and (min-width: 768px) {
	aside.sub .contents_btm_detail {
		display: none;
		/*width: 200px;
		text-align: left; */
		position: relative;
		/* top: 425px;
		left: calc(50% - 265px); */
		z-index: 1;
	}
	aside.sub .contents_btm_detail ul {
		position: absolute;
		top: 0;
		left: 0;
		background: #FFF;
		border: 1px solid #E8E8E8;
		box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
	}
	aside.sub .contents_btm_detail ul:before {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 36px;
		left: -23px;
		display: block;
		border-top: 9px solid transparent;
		border-right: 14px solid #E8E8E8;
		border-bottom: 9px solid transparent;
		border-left: 9px solid transparent;
		z-index: 6;
	}
	aside.sub .contents_btm_detail ul:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 37px;
		left: -18px;
		display: block;
		border-top: 8px solid transparent;
		border-right: 12px solid #FFF;
		border-bottom: 7px solid transparent;
		border-left: 7px solid transparent;
		z-index: 6;
	}
	aside.sub .contents_btm_detail li {
		border-bottom: 1px solid #E8E8E8;
	}
	aside.sub .contents_btm_detail a {
		width: 200px;
		height: auto;
		display: block;
		padding: 13px 9px;
		line-height: 1.4;
		font-size: 1.4rem;
		font-weight: bold;
	}
}

aside.sub .other_menu li {
	border-bottom: 1px solid #E8E8E8;
}
aside.sub .other_menu li a {
	display: block;
	padding: 13px 13px 13px 42px;
	line-height: 1.4;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
}
aside.sub .other_menu li a:before {
	font-family: 'recruiting_plus';
	content: "\e917";
	font-size: 1.4rem;
	line-height: 1.2;
	color: #28C8E5;
	position: absolute;
	top: 50%;
	right: 7px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}
aside.sub .other_menu li a:after {
	font-family: 'recruiting_plus';
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.2;
	color: #656565;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}
aside.sub .other_menu li.user_info a:after {
	content: "\e900";
}
aside.sub .other_menu li.appeal a:after {
	content: "\e901";
	font-size: 1.7rem;
}
aside.sub .other_menu li.active a,
aside.sub .other_menu li.active a:after {
	color: #2D9CC6;
}


/* -- contents_menu
------------------------------------ */
aside.sub .contents_menu {
	margin: 0 0 22px;
}
aside.sub .contents_menu h2 {
	margin: 0 0 6px;
	color: rgba(34, 34, 34, 0.3);
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Helvetica, arial;
}
aside.sub .contents_menu li {
	border-bottom: 1px solid #D0D0D0;
}
aside.sub .contents_menu li:first-child {
	border-top: 1px solid #D0D0D0;
}
aside.sub .contents_menu li a {
	display: block;
	padding: 13px 13px 13px 7px;
	line-height: 1.4;
	font-size: 1.4rem;
	position: relative;
}
aside.sub .contents_menu li a:before {
	content: "\e917";
	font-family: 'recruiting_plus';
	font-size: 1.4rem;
	line-height: 1.2;
	color: #28C8E5;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

/* -- adv_area_side
------------------------------------ */
aside.sub .adv_area_side {
	padding: 10px 0;
	background: #FFF;
}
aside.sub .adv_area_side li:last-child {
	margin: 0 auto !important;
}


/* w200 */
aside.sub .adv_area_side.w200 li {
	width: 200px;
	margin: 0 auto 10px;
}

/* ------------------------------------
	footer
------------------------------------ */
.short_width footer {
	width: 100%;
	margin: 25px 0 0;
	padding: 10px 0 15px;
	text-align: center;
	font-size: 1.2rem;
	font-family: "Helvetica Neue", Helvetica, arial;
	color: rgba(255, 255, 255, .6);
	background: transparent;
}
.short_width footer img {
	width: 43px;
	margin: 0 auto 5px;
	display: block;
}
.short_width footer small {
	display: block;
}
.pg_notice footer {
	background: #FFF;
	padding: 19px 16px;
	position: fixed;
	bottom: 0;
}
.pg_notice footer img {
	margin: 0 auto;
	display: inline-block;
}
footer {
	padding: 19px 16px 79px;
	font-family: "Helvetica Neue", Helvetica, arial;
	background: #FFF;
}
footer .inner {
	display: flex;
	justify-content: space-between;
	align-content: center;
}
footer .inner figure {
	width: 142px;
}
footer .inner figure img {
	width: 100%;
	vertical-align: bottom;
}
footer .inner .copy {
	text-align: right;
	font-size: 1.1rem;
	line-height: 1.4;
}
footer .inner .copy span {
	display: block;
	color: #008FC0;
}
footer .inner .copy span img {
	width: 37px;
}
footer .inner .copy small {
	font-size: 1.1rem;
	color: rgba(34, 34, 34, 0.5);
}

@media only screen and (min-width: 768px) {
	footer {
		padding: 19px 16px;
	}
	footer .inner {
		position: relative;
	}
	footer .inner .copy span {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	footer .inner .copy small {
		display: block;
		margin: 10px 0 0 0;
	}
}

/* ------------------------------------
	modal about
------------------------------------ */
.modal.type_about .inner {
	padding: 35px 0 60px;
}
.modal.type_about .inner .slider_modal {
	max-width: 100%;
}
.modal.type_about .inner .inner_modal p {
	width: 94%;
	margin: 0 auto;
}
.modal.type_about .start_btn {
	width: 260px;
	margin: 10px auto;
}

/* ------------------------------------
	sp_bottom_menu
------------------------------------ */
.sp_bottom_wrap .sp_bottom_menu {
	width: 100%;
	height: 60px;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	background: #F5F5F5;
}
.sp_bottom_wrap .sp_bottom_menu .main_menu {
	display: flex;
	justify-content: space-around;
	align-content: center;
}
.sp_bottom_wrap .sp_bottom_menu .main_menu > li {
	width: 20%;
	height: 60px;
	text-align: center;
	position: relative;
}
.sp_bottom_wrap .sp_bottom_menu .main_menu li > a {
	height: 60px;
	line-height: 60px;
	display: block;
	position: relative;
}
.sp_bottom_wrap .sp_bottom_menu .main_menu li > a:before,
.sp_bottom_wrap .sp_bottom_menu .main_menu li > a:after {
	font-family: 'recruiting_plus';
	font-size: 2.3rem;
	line-height: 1.2;
	color: #646464;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: all 0.3s ease-out;
}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.home a:before {content: "\e920";}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.mypage a:before {content: "\e900"; font-size: 2.2rem;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.appeal a:before {content: "\e901"; font-size: 2.6rem; padding-bottom: 1px}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.msg a:before {content: "\e903";}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.msg.unread a:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 15px;
	transform: translateX(10px);
	border-radius: 50%;
	background: #FC1A1A;
}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.other_btn a:before {content: "\e904"; font-size: 1.7rem;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.other_btn a:after {opacity: 0; content: "\e911"; font-size: 1.6rem;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.other_cont a:before {content: none;}

.sp_bottom_wrap .sp_bottom_menu .main_menu li.home.active a:before {color: #2D9CC6;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.mypage.active a:before {color: #2D9CC6;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.appeal.active a:before {color: #2D9CC6;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.msg.active a:before {color: #2D9CC6;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.other_btn.active a:before {opacity: 0;}
.sp_bottom_wrap .sp_bottom_menu .main_menu li.other_btn.active a:after {opacity: 1; content: "\e911"; color: #2D9CC6; font-size: 1.6rem;}

.sp_bottom_wrap .contents_btm_detail {
	display: none;
	width: 200px;
	text-align: left;
	position: fixed;
	bottom: 80px;
	right: 21px;
	z-index: 5;
}
.sp_bottom_wrap .contents_btm_detail ul {
	position: relative;
	background: #FFF;
	border: 1px solid #E8E8E8;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
.sp_bottom_wrap .contents_btm_detail ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -20px;
	right: 5%;
	display: block;
	border-top: 12px solid #E8E8E8;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid transparent;
}
.sp_bottom_wrap .contents_btm_detail ul:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -18px;
	right: 5%;
	display: block;
	border-top: 12px solid #FFF;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid transparent;
}
/* plan_free */
.plan_free .sp_bottom_wrap .contents_btm_detail ul:before,
.plan_free .sp_bottom_wrap .contents_btm_detail ul:after {
	right: 17%;
}
.sp_bottom_wrap .contents_btm_detail li {
	border-bottom: 1px solid #E8E8E8;
}
.sp_bottom_wrap .contents_btm_detail a {
	width: 200px;
	height: auto;
	display: block;
	padding: 13px 9px;
	line-height: 1.4;
	font-size: 1.4rem;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	.sp_bottom_wrap .sp_bottom_menu {
		display: none;
	}
}

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

/* ------------------------------------
	Add to home icon
------------------------------------ */
.addhome {
	position: fixed;
	top: auto;
	right: auto;
	bottom: 18px;
	left: 50%;
	padding: 20px 30px 20px 80px;
	width: 90vw;
	min-height: 50px;
	border: #f1f1f1 1px solid;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	font-size: 1.2rem;
	line-height: 1.7;
	transform: translateX(-50%);
	z-index: 10;
}

/* iphone */
.addhome.iphone_safari {
	animation: fadeUp .8s ease .3s forwards;
	opacity: 0;
	bottom: 30px;
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		bottom: 0;
	}
	100% {
		opacity: 1;
		bottom: 30px;
	}
}

.addhome.iphone_safari::before,
.addhome.iphone_safari::after {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	content: "";
	transform: rotate(45deg);
}

.addhome.iphone_safari::before {
	bottom: -10px;
	background: #f1f1f1;
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.addhome.iphone_safari::after {
	bottom: -9px;
	background: #fff;
}

/* ipad Android */
.addhome.ipad_safari,
.addhome.and_chrome {
	top: 20px;
	right: 20px;
	bottom: auto;
	left: auto;
	width: 75vw;
	max-width: 400px;
	transform: translateX(0);
	animation: fadeOn .8s ease .3s forwards;
	opacity: 0;
}
.addhome.and_chrome {
	font-size: 1.1rem;
}

@keyframes fadeOn {
	0% {
		opacity: 0;
		top: 0;
	}
	100% {
		opacity: 1;
		top: 20px;
	}
}

.addhome.ipad_safari::before,
.addhome.ipad_safari::after,
.addhome.and_chrome::before,
.addhome.and_chrome::after {
	position: absolute;
	left: auto;
	right: 10%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	content: "";
	transform: rotate(45deg);
}

.addhome.ipad_safari::before,
.addhome.and_chrome::before {
	top: -10px;
	background: #f1f1f1;
	box-shadow: -1px -1px 2px rgba(0,0,0,.1);
}

.addhome.ipad_safari::after,
.addhome.and_chrome::after {
	top: -9px;
	background: #fff;
}

/* ELEMENT */
.addhome img {
	display: inline-block;
	padding: 0 .5rem;
	width: auto;
	height: 2.2rem;
}
.addhome img.homeicon {
	display: inline-block;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	transform: translateY(-50%);
}
.btnarea {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 1rem;
	z-index: 10;
}

button {
	padding: 3px 5px 5px;
	border-style: none;
	background: #fff;
	vertical-align: middle;
	font-size: 2em;
	line-height: 1rem;
	color: #666;
}

/* ------------------------------------
	Opacity Hover
------------------------------------ */
.logo_line a,
.global_line h1 a,
.global_line .global a,
.category_list li a,
.scroll_tabs_theme_light div.scroll_tab_inner span a,
.post a,
aside.sub a,
aside.sub a:before,
aside.sub .user_icon img,
aside.sub .tip_btn,
footer a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
	body:not(.tab_view) .logo_line a:hover,
	body:not(.tab_view) .global_line h1 a:hover,
	body:not(.tab_view) .global_line .global a:hover,
	body:not(.tab_view) .category_list li a:hover,
	body:not(.tab_view) .scroll_tabs_theme_light div.scroll_tab_inner span a:hover,
	body:not(.tab_view) .post a:hover,
	body:not(.tab_view) aside.sub a:hover,
	body:not(.tab_view) aside.sub a:hover:before,
	body:not(.tab_view) aside.sub .user_icon img:hover,
	body:not(.tab_view) aside.sub .tip_btn:hover,
	body:not(.tab_view) footer a:hover {
		opacity: 0.7;
	}
	body:not(.tab_view) aside.sub .disable:hover:before {
		opacity: 1;
	}
}

/* ------------------------------------
	ClearFixElements
------------------------------------ */
.cf:before,
.cf:after,
#wrapper:before,
#wrapper:after,
.article_list li a:before,
.article_list li a:after,
.message_area .to:before,
.message_area .to:after {
	content: " ";
	display: table;
}
.cf:after,
#wrapper:after,
.article_list li a:after,
.message_area .to:after {
	clear: both;
}

/* ------------------------------------
	print css
------------------------------------ */
@media print {
	body {
		-webkit-animation: none;
		animation: none;
	}
}