@charset "utf-8";

/* -------------------------------------
	エラー文言
---------------------------------------- */

.error_area {
	background:#fcecec;
	border:solid 1px #da0000;
	padding:15px;
	color:#da0000;
	margin:20px 0;
}

.error_area .pre_message {
	font-size:1.6rem;
	font-weight: bold;
	margin:0 0 10px 0;
}

.error_area ul {
	margin:0 0 0 1em;
}

.error_area li {
	list-style: disc;
	line-height:1.4;
}

.inner_error {
	margin:5px 0 10px 0;
	color:#da0000;
	font-size:1.2rem;
}

.content_error {
	margin:10px 0 10px 1.5em;
}

.content_error li{
	color:#da0000;
	text-indent: 1em;
	font-weight: normal;
	font-size:1.4rem;
}

.content_error li:before{
	content:"\f071";
	font-family:FontAwesome;
	display: inline-block;
	margin:0 0.5em 0 -3.5em;
}


.message_block {
	background:#fffdec ;
	margin:20px 0;
	padding:20px ;
}
.message_block li {
	margin: 10px 0 0 0;
}

.message_block li:first-child {
	margin:0  ;
}




/* -------------------------------------
     item
---------------------------------------- */

.paragraph {
	margin:0 0 20px 0;
}


.notice {
	color:#da0000;
	font-size:1.2rem;
}

.require:after {
	background:#da0000;
	content:"必須";
	font-size: 1.0rem;
	font-weight: 700;
	color:#fff;
	vertical-align: middle;
	padding:2px 5px;
	margin:0 0 0 5px;
}


.col_block {
	overflow: hidden;
	letter-spacing: -1em;
	font-size:0;
	margin:0 0 20px 0;
}

.col_block .item {
	display: inline-block;
	text-align: left;
	letter-spacing: normal;
	font-size:1.4rem;
	vertical-align: top;
}


.col_block .item .caption {
	text-align: center;
}

.col02 {
	margin-left:-4%;
}

.col03 {
	margin-left:-2%;
}

.col04 {
	margin-left:-2%;
}

.col05 {
	margin-left:-2%;
}

.col01 .item {
	width:100%;

}.col02 .item {
	width:46%;
	margin-left:4%;
}

.col03 .item {
	width:31.3333333333%;
	margin-left:2%;
}
.col04 .item {
	width:23%;
	margin-left:2%;
}
.col05 .item {
	width:18%;
	margin-left:2%;
}


.col01 .item:nth-of-type(n + 2) ,
.col02 .item:nth-of-type(n + 3) ,
.col03 .item:nth-of-type(n + 4) ,
.col04 .item:nth-of-type(n + 5) ,
.col05 .item:nth-of-type(n + 6) {
	margin-top:10px;
}

.parts_bg1 {
	background:#92B3D6;
}

.parts_bg2 {
	background:#A3D071;
}

.parts_bg3 {
	background:#cda0d7;
}

.parts_bg4 {
	background:#00a698;
}

.parts_bg5 {
	background:#dad95d;
}

.parts_bg6 {
	background:#999999;
}

.recruit_item {
	color:#fff;
	padding : 2px 5px;
	font-size : 1.0rem;
	display:inline-block;
	margin-bottom : 3px;
}



.pagetop {
	font-family: 'FontAwesome';
	display:none;
	position:fixed;
	right:50px;
	bottom:30px;
	z-index:99;
}
.pagetop a {
	color:#3163c0;
	font-size:50px;
	font-size:5rem;
	display:block;
	text-align:center;
	z-index:99;
	text-decoration: none;
}

.category_list {
	
}

.category_list li {
	display: inline-block;
	background:#EBFBFF;
	background:#CFF2FB;
	color:#313131;
	padding:0px 10px 0 0 ;
	margin:0 5px 5px 0;
	border:solid 2px #fff;
	
}

.category_list li span {
	display: inline-block;
	background:#00AAE7;
	color:#01ABE9;
	color:#fff;
	font-weight: bold;
	padding:2px 5px;
	position: relative;
	margin:0 12px 0 0 ;

}

.category_list li span:after {
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left: 8px solid #00AAE7;
	position: absolute;
	right:-20px;
	top:0;

}

.favorite_btn_box {

}

.favorite_btn {
	background: #fff none repeat scroll 0 0;
	color: #FC6D98;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0 10px ;
	margin:10px 0;
	cursor:pointer;
	border-radius: 4px;
	box-shadow:1px 1px 2px #0069B5;
}

.favorite_btn.active {
	background: #FC6D98 ;
	color: #fff;
	
}

.favorite_btn:after {
	content:"お気に入り登録";
}
.favorite_btn.active:after {
	content:"お気に入り";
}

.js-favoriteConfig {
	display: none;
}



.feature_list {
	
}

.feature_list .item {
	color:#fff;
	text-align: center;
	padding:5px;
}

ul.flex_feature_list {
	display: -webkit-flex;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
}



.info_list {
	
}

.info_list .item a {
	border-top:solid 1px #dee9ed;
	padding:10px 40px 10px 10px ;
	clear:both;
	position: relative;
	overflow: hidden;
}

.info_list .item a:after {
	content:"\f105";	
	display: block;
	font-family: "FontAwesome";
	color:#fff;
	background:#01ABE9;
	position: absolute;
	top:calc(50% - 12px);
	right:10px;
	font-size:2rem;
	font-weight: normal;
	width:24px;
	height:24px;
	line-height:22px;
	border-radius: 50%;
	text-align: center;
}


.info_list .item:first-child {
	border:none;
}


.info_list .item a {
	overflow: hidden;
	display: block;
}

.info_list .item a:hover {
	color:#333;
	text-decoration:none;
}
.info_list .item:hover {
	background:#d2f0fa ;
	color:#333;
	text-decoration:none;
}

.info_list .img_block {
	width:60px;
	margin:0 10px 10px 0;
	float:left;
}

.info_list .text_block {
	overflow: hidden;
}

.info_list .text_block .title {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}

.info_list .text_block .overview {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#666;
}

.info_list .text_block .date {
	color:#818181;
	font-size:1.2rem;
}
.info_list .text_block .date .target_name {
	font-weight : 700;
	color : #313131;
}




.flexible_list {
	overflow: hidden;
}

.flexible_list li {
	display: inline-block;
}

.flexible_list .item {
	float:left;
	margin:5px;
	padding:10px 5px;
	color:#00AAE7;
	font-weight: bold;
	border:solid 1px #00AAE7;
	border-radius: 8px;
	cursor:pointer;
	position: relative;
}

.flexible_list .item a {
	color:#01abe9;
}

.flexible_list .item input[type=checkbox] , 
.flexible_list .item input[type=radio] {
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
}

.flexible_list label  {
	position: relative;
}

.flexible_list label input[type=checkbox] ,
.flexible_list label input[type=radio]{
	position: absolute;
	top:0;
	left:0;
	opacity:0;
}

.flexible_list label input[type=checkbox]:checked + .item ,
.flexible_list label input[type=radio]:checked + .item  {
	background:#01abe9;
	border:solid 1px #01abe9;
	color:#fff;
}





.common_list .title {
	background:#DEE9EC;
	font-weight: bold;
	padding:2px 5px;
	margin:0 0 10px 0;
}

.tab_switch {
	border-bottom:solid 2px #00AEE5;
	letter-spacing: -1em;
	font-size:0;
	margin:0 0 20px 0;
}

.tab_switch li {
	display: inline-block;
	letter-spacing: normal;
	width:46%;
	font-size:1.4rem;
	font-weight: bold;
	background:#D2F0FA;
	color:#00AEE5;
	text-align: center;
	line-height:40px;
	border-radius: 4px 4px 0 0 ;
	margin:0 2% ;
}

.tab_switch li.active {
	background:#00AEE5;
	color:#fff;
}

.border_block {
	box-shadow:0px 0px 5px #BCD4E0;
	border-radius:8px ;
	background:#fff;
	margin:0 0 30px 0;
	overflow: hidden;
}

.border_block:last-of-type {
	margin:0;
}

.border_block .inner {
	padding:30px ;
}

.border_title {
	border-bottom:solid 3px #00ACEC;
	padding:5px 0;
	margin:0px 0 20px 0;
	font-size:1.8rem;
}

.single_border_block {
	box-shadow:0px 0px 5px #BCD4E0;
	border-radius:8px ;
	background:#fff;
	margin:0 0 30px 0;
	overflow: hidden;
}
.single_border_block .inner {
	padding:30px ;
}



.main_title {
	position: relative;
	background: rgb(30,184,238);
	background: -moz-linear-gradient(top, rgba(30,184,238,1) 0%, rgba(1,167,229,1) 100%);
	background: -webkit-linear-gradient(top, rgba(30,184,238,1) 0%,rgba(1,167,229,1) 100%);
	background: linear-gradient(to bottom, rgba(30,184,238,1) 0%,rgba(1,167,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eb8ee', endColorstr='#01a7e5',GradientType=0 );
	color:#fff;
	font-weight: 700;
	font-size:2.0rem;
	line-height:49px;
	margin:0 0 20px 0;
	padding:0 20px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.main_title span {
	font-size:1.4rem;
	font-weight: normal;
	margin:0 5px;
}

.sub_title {
	background:#eaeaea;
	border-left:solid 5px #00acec;
	font-size:1.4rem;
	padding:0px 15px ;
	line-height:30px;
	margin:0 0 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inline_title {
	background:#3163c0;
	color:#fff;
	width:auto;
	display:inline-block;
	padding:5px 10px;
	border-radius:4px 4px 0 0 ;
}

.grade_title {
	background: rgb(248,255,255);
	background: -moz-linear-gradient(top, rgba(248,255,255,1) 0%, rgba(225,234,239,1) 100%);
	background: -webkit-linear-gradient(top, rgba(248,255,255,1) 0%,rgba(225,234,239,1) 100%);
	background: linear-gradient(to bottom, rgba(248,255,255,1) 0%,rgba(225,234,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffff', endColorstr='#e1eaef',GradientType=0 );	
	border-radius: 8px 8px 0 0 ;
	line-height:60px;
	font-size:1.8rem;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	padding:0 20px ;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grade_title img {
	vertical-align: middle;
	margin:0 10px 0 0;
}


.grade_title.sub {

	font-size:1.8rem;
	padding:10px 20px 0 20px ;
	position: relative;
	vertical-align: baseline;
}

.grade_title.sub span {
	color:#00abe8;
	font-size:1rem;
	position: absolute;
	top:-10px;
	left:22px;
	width:80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



.grade_title.sub img {
	margin:0 10px 10px 0;
}





.search_area {
	border:solid 1px #3163c0;
	padding:20px;
	margin:0 0 20px 0;

}

.base_area {
}

.base_area .caption {
	background:#bbb;
	color:#fff;
	padding:0.78125% 1.5625%;
	font-weight: 700;
}

.base_area .caption .note {
	font-size:1.2rem;
	float:right;
}

.base_area dl {
	color:#2c67a5;
	margin:0 0 10px 0;
}

.base_area dt {
	margin:0 0 10px 0 ;
}

.base_area dd {
	/*background:#eee;*/
}
.base_area p.note001 {
	margin:0 0 1.5625% 2% ;
}


.base_table {
	width:100%;
	color:#313131;
}

.base_table caption {
	background:#bbb;
	color:#fff;
	padding:0.78125% 1.5625%;
	font-weight: 700;
}

.base_table th , 
.base_table td {
	padding:10px 20px;
	border:solid 1px #fff;
}

.base_table th {
	width:25%;
	vertical-align: middle;
	background:#dee9ed;
	position:relative;
}

.base_table td {
	background:#f1f6f8;
	width:75%;
}

.base_table td p {
	margin:5px 0;
	font-size:1.2rem;

}



.base_table_horizon {
	width:100%;
	color:#2c67a5;
}

.base_table_horizon caption {
	background:#bbb;
	color:#fff;
	padding:0.78125% 1.5625%;
	font-weight: 700;
}

.base_table_horizon th , 
.base_table_horizon td {
	background:#eeeeee;
	padding:10px 20px;
	border:solid 1px #fff;
}

.base_table_horizon th {
	width:auto;
	vertical-align: middle;
	background:#dfdfdf;
	position:relative;
}

.base_table_horizon td {
	width:auto;
}


.border_table th , 
.border_table td {
	background:#fff;
	border-bottom:solid 1px #DBE9E9;
}

.border_table th {
	font-weight: bold;
}



 input[type=text].short_cell ,
 input[type=password].short_cell ,
 select.short_cell {
	width:30%;
}

 input[type=text].middle_cell ,
 input[type=password].middle_cell ,
 select.middle_cell {
	width:45%;
}

 input[type=text].long_cell ,
 input[type=password].long_cell ,
 select.long_cell {
	width:90%;
}



.base_btn {
	display: block;
	background:#fff;
	width:100%;
	text-align:center;
	border-radius:50px;
	color:#01ABE9;
	margin:0 auto;
	padding:0 20px ;
	line-height: 50px;
	cursor: pointer;
	font-weight: 700;
	border:solid 2px #01ABE9;
	font-size:1.6rem;
	position: relative;
}

.base_btn:hover {
	text-decoration:none;
}



.base_btn:after {
	display: block;
	font-family: "FontAwesome";
	position: absolute;
	top:0;
	right:18px;
	font-size:1.6rem;
	font-weight: normal;
}


.base_btn.jump_btn:after {
	content:"\f078";	
}

.base_btn.link_btn:after {
	content:"\f054";	
}

.base_btn.form_btn:after {
	content:"\f054";	
}

.base_btn.ex_btn:after {
	content:"\f2d2";	
}


.base_btn.search_btn:after {
	content:"\f002";	
}


.base_btn.theme_btn {
	color:#fff;
	background:#01ABE9;
	border:solid 2px #01ABE9;
}

.base_btn.form_btn {
	color:#fff;
	background:#E84C8B;
	border:solid 2px #E84C8B;
}

.base_btn.search_btn {
	color:#fff;
	background:#84bed2;
	border:solid 2px #84bed2;
}

.base_btn.disabled_btn {
	color:#aaa;
	background:#eaeaea;
	border:solid 2px #eaeaea;
}



.base_btn.inline {
	display: inline;
	line-height: 1.5;
	padding:2px 10px;
}


.base_btn.inline-block {
	display: inline-block;
	width: fit-content;
	line-height: 1.5;
	padding:2px 10px;
}


.return_btn {
	display: block;
	background:#2c67a5;
	width:160px;
	text-align:center;
	border-radius:4px;
	color:#fff;
	margin:20px 0 ;
	line-height: 30px;
	cursor: pointer;
	position: relative;
}

.return_btn:before {
	content:"\f0d9";
	font-family: "FontAwesome";
	position: absolute;
	top:0;
	left:12px;
	font-size:1.7rem;
	color:#fff;

}

.return_btn a {
	color:#fff;
}

.base_btn:hover , 
.return_btn:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;	
}

.base_btn.full {
	width:100%;
}


.btn_area {
	margin:40px 0 40px 0;
}


.pager {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:20px 0;
}

.pager li {

}

.pager li a {
	font-size:1.8rem;
	color:#01abe9;
}

.pager .prev a:before {
	font-family: 'FontAwesome';
	content:"\f053";
	display: inline-block;
	margin:0 0.5em 0 0;
}

.pager .next a:after {
	font-family: 'FontAwesome';
	content:"\f054";
	display: inline-block;
	margin:0 0 0 0.5em;
}

.date_block input[type=text] {
	width:8em;
}


/* -------------------------------------
     印刷用ページ
---------------------------------------- */
.print_content_inner{
	margin: 0 5%;
}

.ptint_item{
	padding-right: 10px;
}

.print_btn{
	display: block;
    background: #fff;
    width: 15%;
    border-radius: 50px;
    color: #01ABE9;
    margin: 0 0 0 auto;
    padding: 0 20px;
    line-height: 50px;
    cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	border: solid 2px #01ABE9;
	letter-spacing: 0.3rem;
	text-align: center;
}

.print_company_name{
	text-align: center;
	border: 3px solid #000;
}

.print_company_name h1{
	font-size: 30px;
}

.print_category_list{
	margin-bottom: 10px;
	padding-left: 10px;
	display: flex;
	border: 3px solid #000;
	border-top:none;
}

.print_company_genre_list{
	display: flex;
}

.print_company_genre{
	margin-left: 10px;
	padding: 0 5px;
	border: 1px solid #000;
}

.print_category_list .industry{
	margin-left: 20px;
}

.print_border_block{
	border-top: 2px solid #000;
	border-left: 2px solid #000;
}

.print_company_information{
	display: inline-block;
	width: 15%;
	padding-left: 10px;
	border: 2px solid #000;
	border-bottom: none;
}

.print_border_table{
	width: 100%;
}

.print_border_table th{
	vertical-align: middle;
	width: 20%;
	padding-left: 10px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	/* border: 1px solid #000; */
}

.print_border_table td{
	width: 30%;
	padding-left: 10px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;

	/* border: 1px solid #000; */
}

.print_recruit_information_title{
	margin-top: 30px;
	display: inline-block;
	width: 15%;
	padding-left: 10px;
	border: 2px solid #000;
	border-bottom: none;
}

.print_recruit_information{
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}

.print_recruit_text{
	vertical-align: middle;
	display: inline-block;
	font-size: 10px;
}

.print_recruit_text_2{
	display: inline-block;
	font-size: 10px;
}

.print_list_title{
	font-size: 24px;
}

.print_list_conditions{
	margin: 15px 0 30px 0;
	font-size: 20px;
}

.print_list_border_table{
	width: 100%;
	border: 1px solid #000;
	border-collapse: seprate!important;
}

.print_list_border_table th{
	text-align: center;
	width: 30px;
	border-right: 1px solid #000;
}

.print_list_table_number{
	vertical-align: middle;
}



/* -------------------------------------
     jquery
---------------------------------------- */

.icon_font {
	font-family: 'FontAwesome';
}

input[type=text].datepicker {
	width:80%;
	margin:0 10px 0 0;
}

.ui-datepicker-trigger {
	font-size:1.6rem;
	background:transparent;
	color:#3163c0;
	vertical-align: middle;
	cursor: pointer;
	margin:0 0 0 5px;
}

.loadingLayer {
       position:fixed;
       top:0;
       left:0;
       width:100%;
       height:100%;
       background:#000;
       opacity:0.5;
       z-index:9999;
}

.loader {
     position: absolute;
     top:-webkit-calc(100% - 39px) ;
     top:calc(50% - 39px);
     left:-webkit-calc(100% - 39px) ;
     left:calc(50% - 39px);
     z-index:10000;
     border: 11px solid rgba(255, 255, 255, 0.2);
     border-right: 11px solid rgba(255, 255, 255, 0.2);
     border-bottom: 11px solid rgba(255, 255, 255, 0.2);
     border-left: 11px solid #ffffff;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: load 1.1s infinite linear;
     animation: load 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 78px;
  height: 78px;
}
@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.slideList {
	width:calc(90% - 60px);
	margin:0 auto;
	overflow: hidden;
	border-left:solid 1px #ddd;
}

.slideList .slideItem {
	width:120%;
	display: flex;
	align-items:stretch;
	position: relative;
}

.slideList .slideItem .item {
	border:solid 1px #ddd;
	padding:10px;
}

.slideList .slideItem .leftBtnBlock {
	width:5%;
	text-align: center;
	display: flex;
	font-size:3rem;
	padding:0;
	cursor:pointer;
	color:#e8b41a;
	transition:0.3s;
}

.slideList .slideItem .leftBtnBlock .itemContent {
	align-self:center;
	text-align: center;
	width:100%;
}

.slideList .slideItem .leftBtnBlock:hover {
	background:#e8b41a;
	color:#fff;
}


.slideList .slideItem .rightBtnBlock {
	display: none;

}

.slideList .slideItem .rightBtnBlock .itemContent {
	align-self:center;
	text-align: center;
	width:100%;
}

.slideList .slideItem .rightBtnBlock .itemContent:before {
	content:"\f104";
	font-family: "FontAwesome";
}
.slideList .slideItem .rightBtnBlock.active .itemContent:before {
	content:"\f105";
}

.slideList .slideItem .contentBlock {
	width:68%;
}

.slideList .slideItem .contentBlock .title {
	font-size:1.6rem;
	margin:0 0 10px 0;
	border-bottom:solid 1px #3163c0 ;
}

.slideList .slideItem .contentBlock .readtext {
	font-size:1.2rem;
	margin:0 0 5px 0;
}

.slideList .slideItem .contentBlock .date {
	font-size:1rem;
	text-align:right;
}

.slideList .slideItem .storageBlock {
	width:10%;
}

.slideList .slideItem .storageBlock {
	border:solid 1px #ddd;
}

.slideList .slideItem .storageBlock table {
	width:100%;
	height:100%;

}

.slideList .slideItem .storageBlock td {
	vertical-align: middle;
	text-align:center;
	font-size:3rem;
	cursor:pointer;
	transition:0.3s;
}

.slideList .slideItem .storageBlock .edit  {
	color:#41b36f;
}

.slideList .slideItem .storageBlock .delete  {
	color:#2facde;
}

.slideList .slideItem .storageBlock .edit:hover  {
	background:#41b36f;
	color:#fff;
}

.slideList .slideItem .storageBlock .delete:hover  {
	background:#2facde;
	color:#fff;
}




/* -------------------------------------
     dragAndDrop
---------------------------------------- */

.dropArea {
	width:50%;
	margin:50px auto;
}

.dropLeft {
	float:left;
	width:200px;
	background:#ffcccc;
}


.dropRight {
	float:right;
	width:200px;
	background:#ffccff;
}

.dragList li {
	padding:5px;
	margin:0 0 5px 0;
	background:#fff;
}




.search_selected {
	margin : 10px ;
}