/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
	font-family: 'Meiryo', 'Roboto', 'Helvetica', sans-serif;
}
section{
    width: 100%;
}
ul {
	list-style-type: none;
	padding-left: 0;
    margin: 0;
}
button, input, select, textarea {
	font-family : inherit;
	font-size   : 100%;
}
em,i{
	vertical-align: middle;
}
/* フォーム */
input[type="text"], 
input[type="email"],
input[type="number"],
input[type="password"], 
input[type="url"],
textarea,
select,
label{
    outline: none;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="url"]{
    padding: 4px;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus{
    border-color: rgba(3,169,244,1.00) !important;
    box-shadow: 0 0 2px 0 rgba(3,169,244,0.5);
}
.input_area label{
    /* display: block; */
}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled{
    background-color: #efefef;
}
/* PC表示 */
.pc { display: block !important; }
.sp { display: none !important; }
.sp-disp{
	display: none;
}

/* SP表示 */
@media (max-width: 479px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	.pc-disp{
		display: none !important;
	}
	.sp-disp{
		display: inline;
	}
}

/* コンテンツ */
.demo-layout.mdl-layout{
	position: relative;
}
.mdl-layout--fixed-drawer > .mdl-layout__content {
	position: relative;
}

/* ホバーメッセージ */
.mdl-tooltip.is-active:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-bottom: 5px solid rgba(97,97,97, 0.9);
}
.mdl-tooltip.mdl-tooltip--top.is-active:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top: 5px solid rgba(97,97,97, 0.9);
}

/* フッター位置調整用 */
.space{
	min-height: calc(100vh - 114px);
}
.demo-content {
	max-width: 1080px;
}
.demo-avatar {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	float: left;
	margin-right: 15px;
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.demo-drawer {
  border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
  z-index: -1;
}
.demo-drawer .demo-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.demo-drawer-header {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0px 0px 0px 16px;
}
.demo-avatar-dropdown {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	color: #333333;
	float: left;
}
/* 案件・人材詳細 */
.mdl-grid#search-belt{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	z-index: 10;
}
/* 勤怠管理 */
.attend-title{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}
.attend-title div{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
}
.attend-title .sub{
    width: 100%;
}
.attend-h3{
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea;
}
.attend-h3 span{
    margin: 0 20px;
    text-align: center;
}
.attend-h3 label{
    min-height: inherit;
}
.attend-h3 label i{
    margin: -4px;
}
.gr-table.attend-table{
    table-layout: auto;
    border: 1px solid #e4e4e4;
}
.gr-table.attend-table colgroup col:nth-of-type(1),
.gr-table.attend-table colgroup col:nth-of-type(2){
    width: 2em;
}
.gr-table.attend-table colgroup col:nth-of-type(3),
.gr-table.attend-table colgroup col:nth-of-type(4),
.gr-table.attend-table colgroup col:nth-of-type(5),
.gr-table.attend-table colgroup col:nth-of-type(7),
.gr-table.attend-table colgroup col:nth-of-type(6){
    width: 3em;
}
.gr-table.attend-table colgroup col:nth-of-type(8){
    width: auto;
}
.gr-table.attend-table tr{
    border-top: none;
}
.gr-table.attend-table .attend-sat{
    background-color: #f2fbfe;
}
.gr-table.attend-table .attend-sun{
    background-color: #fef5f9;
}
.gr-table.attend-table .attend-dis{
    background-color: #dadada !important;
}
.gr-table.attend-table th,
.gr-table.attend-table td{
    width: auto;
    border: 1px solid #e4e4e4;
    text-align: center;
    padding: 5px;
}
.gr-table.attend-table th:nth-of-type(1),
.gr-table.attend-table th:nth-of-type(2){
    width: 50px;
}
.gr-table.attend-table th:nth-of-type(3){
    width: 80px;
}
.gr-table.attend-table th:nth-of-type(4),
.gr-table.attend-table th:nth-of-type(5){
    width: 120px;
}
.gr-table.attend-table th:nth-of-type(6),
.gr-table.attend-table th:nth-of-type(7){
    width: 63px;
}
.gr-table.attend-table th.edit-th{
    width: 80px;
}
.gr-table.attend-table td:nth-of-type(8){
    text-align: left;
}
.gr-table.attend-table td input{
    width: 4em;
    text-align: center;
}
.gr-table.attend-table td input.remarks{
    width: 100%;
    text-align: left;
}
.gr-table.attend-table td .break-time{
    width: 2.5em;
    margin-right: 5px;
    display: inline-block;
}
.gr-table.attend-table td label{
    display: inline-block;
    min-height: inherit;
}
.gr-table.attend-table td label i{
    font-size: 16px;
}
.gr-table.attend-table .attend-dis select,
.gr-table.attend-table .attend-dis input{
    pointer-events : none;
    background-color: #dadada
}
.gr-table.attend-table .attend-dis label{
    display: none;
}
.gr-table.attend-table .selectbox::before,
.gr-table.attend-table.select2box::before{
    width: 20px;
    background-size: 20px;
    top: 5px;
}
.gr-table.attend-table .selectbox select,
.gr-table.attend-table .select2box select{
    padding-left: 5px;
    padding-right: 20px;
}
.gr-table.attend-table .attend-total{
    border-top: 3px solid #e4e4e4;
}
.gr-table.attend-table .attend-total td:nth-of-type(1){
    font-weight: 600;
    text-align: right;
}
.total-area{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.total-area .btn-area{
    display: flex;
}
.total-area .btn-area a,
.total-area .btn-area div,
.total-area .btn-area button,
.total-area .btn-area label{
    width: 150px;
    height: 50px;
}
.total-area .gr-table.attend-table{
    width: auto;
}
.total-area .gr-table.attend-table th{
    width: 80px;
}
.attend-caution{
    width: 100%;
    background-color: #ffd6de;
    padding: 20px;
    margin-bottom: 10px;
}
.modal .attend-caution{
    background-color: transparent;
    padding: 0;
    margin: 20px 0;
}
.attend-caution ul{
    margin-top: 5px;
}
.attend-caution ul li{
    display: flex;
    line-height: 1.5em;
    margin-bottom: 6px;
}
.attend-caution ul li:last-child{
    margin-bottom: 0;
}
.attend-caution ul li div:nth-of-type(1){
    width: 7em;
}
.attend-caution ul li div:nth-of-type(2){
    width: calc(100% - 7em);
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.mdl-grid#search-belt{
		width: calc(100% - 240px);
	}
}
@media screen and (max-width: 1024px) {
    	.mdl-grid#search-belt{
			width:100%;
		}
}
#search-belt a{
	width: 50%;
	min-height: auto;
	color: #FFFFFF;
	display: block;
	font-weight: 600;
	padding: 15px 10px 15px 0;
	border-radius: 0;
	box-sizing: border-box;
	float: left;
	opacity: 0.9;
}
#search-belt a:only-child{
	width: 100%;
}
#search-belt a i{
	vertical-align: middle;
}

.mdl-menu__item .material-icons {
	font-size: 22px;
	color: rgba(100,100,100,1.00);
	vertical-align: middle;
	margin-right: 5px;
}

.demo-charts {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	border-radius: 3px;
}
.demo-graphs {
	/* [disabled]padding: 16px 32px; */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .demo-graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .demo-graph {
  max-height: 300px;
}
/* TODO end */
.demo-graph:nth-child(1) {
  color: #00b9d8;
}
.demo-graph:nth-child(2) {
  color: #d9006e;
}

.demo-cards {
	border-radius: 3px;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}
.demo-cards .demo-separator {
  height: 32px;
}
.demo-cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.demo-cards ul {
  padding: 0;
}
.demo-updates .mdl-card__title {
  min-height: 200px;
  background-image: url('images/dog.png');
  background-position: 90% 100%;
  background-repeat: no-repeat;
}
.demo-cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.demo-options h3 {
  margin: 0;
}
.demo-options .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.89);
}
.demo-options ul {
  margin: 0;
}
.demo-options li {
  margin: 4px 0;
}
.demo-options .material-icons {
  color: rgba(255, 255, 255, 0.89);
}
.demo-options .mdl-card__actions {
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 汎用クラス */
.important-text{
	color: #ff1744;
}
.important-text-area{
    width: 100%;
    border: 2px solid #ff1744;
    padding: 6px;
    box-sizing: border-box;
}
.w10p{
	width: 10%;
}
.w20p{
	width: 20%;
}
.w25p{
	width: 25%;
}
.w30p{
	width: 30%;
}
.w45p{
	width: 45%;
}
.w49p{
	width: 49%;
}
.w50p{
	width: 50%;
}
.w60p{
	width: 60%;
}
.w65p{
	width: 65%;
}
.w70p{
	width: 70%;
}
.w80p{
	width: 80%;
}
.w85p{
	width: 85%;
}
.w90p{
	width: 90%;
}
.w95p{
	width: 95%;
}
.w100p{
	width: 100%;
}
.w30{
	width: 30px;
}
.w50{
	width: 50px;
}
.w70{
	width: 70px;
}
.w80{
	width: 80px;
}
.w100{
	width: 100px;
}
.w150{
	width: 150px;
}
.w200{
	width: 200px;
}
.w250{
	width: 250px;
}
.w300{
	width: 300px;
}
.w430{
	width: 430px;
    max-width: 100%;
}
.w500{
	width: 500px;
    max-width: 100%;
}
.h20{
	height: 20px;
}
.h26{
	height: 26px;
}
.h36{
	height: 36px;
}
.h30{
	height: 30px;
}
.h40{
	height: 40px;
}
.h50{
	height: 50px;
}
.h60{
	height: 60px;
}
.h80{
	height: 80px;
}
.h100{
	height: 100px;
}
.br5{
	border-radius: 5px;
}
.pd0{
	padding: 0px;
}
.pd5{
	padding: 5px;
}
.pd10{
	padding: 10px;
}
.pd20{
	padding: 20px;
    box-sizing: border-box;
}
.pd30{
	padding: 30px;
}
.pd_t5{
    padding-top: 5px;
}
.pd_t6{
    padding-top: 6px;
}
.pd_t10{
	padding-top: 10px;
}
.pd_t15{
	padding-top: 15px;
}
.pd_t20{
	padding-top: 20px;
}
.pd_t30{
	padding-top: 30px;
}
.pd_l10{
	padding-left: 10px;
}
.pd_l20{
	padding-left: 20px;
}
.pd_l30{
	padding-left: 30px;
}
.pd_l50{
	padding-left: 50px;
}
.pd_r10{
	padding-right: 10px;
}
.pd_r20{
	padding-right: 20px;
}
.pd_r30{
	padding-right: 30px;
}
.pd_r40{
	padding-right: 40px;
}
.pd_r50{
	padding-right: 50px;
}
.pd_b10{
	padding-bottom: 10px;
}
.pd_b20{
	padding-bottom: 20px;
}
.pd_b30{
	padding-bottom: 30px;
}
.pd_b50{
	padding-bottom: 50px;
}
.pd_lr5{
	padding-left: 5px;
	padding-right: 5px;
}
.pd_lr10{
	padding-left: 10px;
	padding-right: 10px;
}
.pd_blr30{
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.mr_tlr30{
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
}
.mr_tb5{
	margin-top: 5px;
	margin-bottom: 5px;
}
.mr_tb14{
	margin: 14px 0;
}
.mr0{
	margin: 0px;
}
.mr0a{
    margin: 0px auto;
}

.mr10{
	margin: 10px;
}
.mr20{
	margin: 20px;
}
.mr30{
	margin: 30px;
}
.mr_l5{
	margin-left: 5px;
}
.mr_l10{
	margin-left: 10px;
}
.mr_l20{
	margin-left: 20px;
}
.mr_l30{
	margin-left: 30px;
}
.mr_r5{
	margin-right: 5px;
}
.mr_r10{
	margin-right: 10px;
}
.mr_r20{
	margin-right: 20px;
}
.mr_r30{
	margin-right: 30px;
}
.mr_r40{
	margin-right: 40px;
}
.mr_r50{
	margin-right: 50px;
}
.mr_r100{
	margin-right: 100px;
}

.mr_t5{
	margin-top: 5px;
}
.mr_t10{
	margin-top: 10px;
}
.mr_t15{
	margin-top: 10px;
}
.mr_t20{
	margin-top: 20px;
}
.mr_t25{
	margin-top: 25px;
}
.mr_t30{
	margin-top: 30px;
}
.mr_t40{
	margin-top: 40px;
}
.mr_t50{
	margin-top: 50px;
}
.mr_t80{
	margin-top: 80px;
}
.mr_t100{
	margin-top: 100px;
}
.mr_b5{
	margin-bottom: 5px;
}
.mr_b10{
	margin-bottom: 10px;
}
.mr_b15{
	margin-bottom: 15px;
}
.mr_b20{
	margin-bottom: 20px;
}
.mr_b30{
	margin-bottom: 30px;
}
.mr_b40{
	margin-bottom: 40px;
}
.mr_b50{
	margin-bottom: 50px;
}
.mr_b80{
	margin-bottom: 80px;
}
.fw_b{
	font-weight: bold;
}
.ta_c{
	text-align: center;
}
.ta_l{
	text-align: left;
}
.ta_r{
	text-align: right;
}
.l50{
	left: 50%;
}
.va_tb{
	vertical-align: text-bottom;
}
.va_m{
	vertical-align: middle;
}
.va_b{
	vertical-align: bottom;
	display: table-cell;
}
.float_l{
	float: left;
}
.float_r{
	float: right;
}
.clear_l{
	clear: left;
}

.clear_lr{
	clear: both;
}

.bg_blue{
	overflow: hidden;
	position: relative;
	background-color: rgba(144,182,199,0.08);
}
.bg_white{
	overflow: hidden;
	position: relative;
}
.bg_gray{
	overflow: hidden;
	position: relative;
	background-color: rgba(245,245,245,1);
}
.bg_blue.no-pd{
	overflow: hidden;
	position: relative;
	background-color: rgba(3,169,244,0.05);
	padding: 20px;
}
.bg_white.no-pd{
	overflow: hidden;
	position: relative;
	padding: 20px;
}
.col-r{
	color: rgba(255,23,68,1.00);
}

.col-b{
	color: rgba(3,169,244,1.00);
}
.col-g{
    color: gray;
}
.bor1{
	border: solid 1px #ddd;
	margin: 0px;
}
.text-20 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
}
.text-20 span{
	font-size: 14px;
	padding-left: 6px;
}
.text-30 {
	font-size: 30px;
	line-height: 1.2em;
}

.gr-area{
	background: rgba(245,245,245,1.00);
	border: 1px solid #ddd;
	padding-left: 30px;
	padding-right: 30px;
}

.border_b{
	border-bottom: 1px solid #ccc;
}
.form_border{
	padding: 8px;
	border: 1px solid #aaa;
    border-radius: 3px;
    box-sizing: border-box;
}
/* 差し替え後削除 */
.mdl-textfield__input.form_border{
    padding: 8px !important;
	border: 1px solid #aaa !important;
    border-radius: 3px !important;
}
.textarea-auto {
    max-height: 200px;
    padding: 4px;
    line-height: 1.5em;
    display: block;
}
.modal-wrap .form_border{
	padding: 10px;
	border: 1px solid rgba(204,204,204,1.00);
	overflow: hidden;
}
#message_input_content{
	border: 2px solid #d8d8d8 !important;
	border-radius: 0px 5px 5px 0px !important;
    height: 42px;
	min-height: 42px;
    max-height: 100px;
    line-height: 1.5em;
}
#message_input_content:focus{
    border-color: rgba(3,169,244,1.00) !important;
}
.of_h{
	overflow: hidden;
}
.mdl-color--light-green-another {
	background-color: rgb(137,215,46) !important;/* アイコン用カラー */
}
.fs12{
	font-size: 12px;
	line-height: 1.2em;
}
.fs14{
	font-size: 14px;
	line-height: 1.2em;
}
.fs16{
	font-size: 16px;
	line-height: 1.2em;
}
.fs18{
	font-size: 18px;
}
.fs20{
	font-size: 20px;
	line-height: 1.2em;
}
.disp-tc{
	display: table-cell;
}
.border_t{
	border-top: #999 dotted 1px;
}
.text-over{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text_blur{
	color: transparent;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.text-link i{
	vertical-align: middle;
	font-size: 1.2em;
}
.mdl-checkbox.float_l{
	width: auto;
}
.dis-b{
	display: block;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.flex-st{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}
.flex-c{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nowrap{
    flex-wrap: nowrap !important;
}
/* 汎用クラス end */

/* チェックボックス・ラジオボタン */
.mdl-radio{
    margin-left: inherit;
    margin-right: 15px;
}
.mdl-radio:last-child{
    margin-right: 0;
}

/* flex */

.flex-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.flex-list > *:not(:last-child){
	margin-right: 30px;
}
.flex-list.xc{
	justify-content: center;
}
.flexlist.lr > :last-child{
	margin-left: auto;
	margin-right: 0;
}

/* ヘッダー */
.mdl-layout-nonavi__header .mdl-layout__header-row{
	padding: 0 !important;
}
.mdl-layout__header-row{
	height: 50px;
	background-color: #FFFFFF;
}
.mdl-layout__header-row .mdl-button-white,
.mdl-layout__header-row .mdl-button-pink{
	/*max-height: 30px;*/
	min-height: 0;
	padding: 6px;
	box-sizing: border-box;
}
.mdl-layout__header{
	box-shadow: none;
	border-bottom: 1px solid #CCCCCC;
}
.mdl-layout__header .mdl-layout__drawer-button{
	color: #333333;
}
.mdl-layout__header{
	min-height: 50px;
}

/* ヘッダー end*/

/* ナビ　*/

.mdl-layout__drawer .mdl-navigation{
	padding-top: 0;
}
.logo-link{
	height: 64px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	vertical-align: middle;
}
.h_logo{
	height: 64px;
	padding: 17px;
	box-sizing: border-box;
}

.navi-logo{
	height: 64px;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 30px;
	overflow: hidden;
	position: relative;
}
.navi-logo img{
	position: absolute;
	vertical-align: middle;
	margin: auto 0px;
	top: 20%;
}

.demo-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
    cursor: pointer;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
	color: #333333;
	padding: 12px 20px;
}
.demo-navigation .mdl-navigation__link .single-icons {
	font-size: 24px;
	margin-right: 15px;
}

.demo-navigation .mdl-navigation__link .double_icon {
	margin-left: 5px;
	margin-right: 27px;
}
.demo-navigation .mdl-navigation__link .double_icon span{
	padding-left: 4px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active{
	color: #403d96;
	background-color: rgba(64,61,150,0.08);
	font-weight: 600;
}

.demo-navigation .is-active .material-icons {
	color: #403d96;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
	background-color: rgba(3,169,244,0.1);
	color: rgba(3,169,244,1.00);
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active:hover .material-icons{
    color: rgba(3,169,244,1.00);
}
.relative {
	position: relative;
}
.absolute {
    position: absolute;
}
.navifont_offerL{
	font-size: 20px;
	top: 8px;
	left: 15px;
}
.navifont_offerR{
	padding-left: 1px;
}
.navifont_ankenL{
	font-size: 20px;
	top:12px;
	left:35px;
}
/* メッセージリスト */
#message-list{
    height: 0;
    width: 100%;
    position: absolute;
    background-color: rgba(34,34,49,0.85);
    overflow-x: hidden;
    opacity: 0;
    transition: 0.2s;
}
#message-list-check:checked ~ #message-list{
    height: 100%;
    opacity: 1;
}
#message-list .message-close{
    display: block;
    text-align: center;
    padding: 10px 0;
    margin: 0 10px;
    cursor: pointer;
}
#message-list .message-close:nth-of-type(2){
    border-top: 1px solid #FFFFFF;
}
#message-list .message-close:hover{
    color: #03a9f3;
}
#message-list .message-close i{
    transform: rotate(45deg);
}
#message-list .select2box{
    width: 220px;
    margin: 0 10px 20px;
    box-sizing: border-box;
}
#message-list .select2box::after{
    content: '';
    position: absolute;
    bottom: -20px;
    display: inline-block;
    width: 220px;
    height: 1px;
    background-color: #FFFFFF;
}
#message-list ul{
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
#message-list ul li{
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5em;
}
#message-list ul li a{
    color: #FFFFFF;
    padding: 10px 20px;
    display: block;
}
#message-list ul li .mdl-badge.mdl-badge--overlap{
    margin-right: 0;
}
#message-list ul li .mdl-badge[data-badge]:after{
    top: calc(50% - 11px);
    right: 10px;
}
#message-list ul li a:hover{
    color: #03a9f3;
    background-color: rgba(255,255,255,1.0);
}
#message-list ul li a div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#message-list ul li a div:first-child{
    font-weight: 600;
}

/* ここから後日削除 */

.navi_mesage{
	color: #333333;
	background-color: rgb(250,250,250);
	border: 1px solid #d8d8d8;
	margin: 10px;
	padding: 10px;
	box-sizing: border-box;
}
.navi_mesage h2{
	font-size: 14px;
	font-weight: 600;
	padding: 0;
	margin: 5px 0;
	text-align: center;
	box-sizing: border-box;
}
.navi_mesage .message-list{
	font-size: 12px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.navi_mesage .message-list label{
	display: block;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.navi_mesage .message-list .material-icons{
	vertical-align: middle;
}
.navi_mesage .message-list .ac-in-list{
	font-size: 12px;
	padding-left: 25px;
}
.navi_mesage .message-list .ac-in-list .mdl-badge.mdl-badge--overlap{
	margin-right: 0;
}
.navi_mesage .message-list .ac-in-list .mdl-badge[data-badge]:after{
	font-size: 10px;
	font-weight: normal;
	width: 16px;
	height: 16px;
	top: 5px;
	right: 0;
}
.navi_mesage .message-list .ac-in-list li{
	list-style: none;
	overflow: hidden;
}
.navi_mesage .message-list .ac-in-list li a{
	color: #333333 ;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.navi_mesage .message-list .ac-in-list li a:hover{
	color: rgba(3,169,244,1.00);
	background-color: rgba(3,169,244,0.1);
}
.navi_mesage .message-list .ac-in-list .is-active a{
	color: #403d96;
	background-color: rgba(64,61,150,0.08);
	font-weight: 600;
}

/* ここまで後日削除 */
/* ナビ end */

/* 見出し */

.h1-text {
	font-size: 20px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 0;
}
.h1-error{
	width: 100%;
	font-size: 30px;
	margin: 0 0 30px 0 ;
	color: rgba(3,169,244,1.00);
	text-align: center;
	font-weight: 400;
}
.h2-icon{
	font-size: 20px;
	color: rgba(96,125,139,1.00);
	margin: 0px;
	font-weight: normal;
	width: 100%;
	display: block;
}

.h2-icon i{
	font-size: 30px;
	margin-right: 10px;
	vertical-align: text-bottom;
}
.h2-home{
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.h2-home span{
    font-size: 11px;
    color: #a4a4a4;
    margin-left: 6px;
}
.h2-red{
	color: rgba(255,0,0,1.00);
	font-size: 20px;
}
.h2_search{
	margin: 0;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	display: block;
	line-height: 1;
}
.h2_search span{
	font-size: 20px;
	color: rgba(64,61,150,1.00);
	font-weight: 600;
	bottom: 0;
}
.h2_search.big span{
	font-size: 28px;
}
.h2_line{
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid rgba(3,169,244,1.00);
	padding-bottom: 8px;
    margin: 0;
	width: 100%;
}
.h3-point{
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    padding: 0 0 0 8px;
    color: #607d8b;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-left: 4px solid rgba(96,125,139,1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.h3-text {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.h3-label{
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.h3-icon{
	font-size: 16px;
	color: rgba(51,51,51,1.00);
	padding-top: 0px;
	margin: 0px;
	font-weight: bold;
	width: 100%;
}

.h3-icon i{
	font-size: 30px;
	margin-right: 10px;
	vertical-align: -8px;
}
.h3-big {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	width: 100%;
}

.h4-text {
	font-size: 14px;
	color: rgba(51,51,51,1.00);
	margin: 0px;
	font-weight: bold;
	line-height: inherit;
}
.h4-text.required-item{
	color:rgb(255,23,68);
}
.h4-text.col-r{
	color: rgba(255,23,68,1.00);
}
.h4-text span{
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}
.h4-big {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	width: 100%;
}

.h4-required {
		color: rgb(244,67,54);
		margin-left: -8px;
}
/* 見出し end */

.demo-card-square.mdl-card {
	width: 520px;
	padding: 30px;
	margin-bottom: 30px;
	min-width: 300px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* ボタン */
.mdl-button-blue {
	background-color: rgba(3,169,244,1.00);
	border: none;
	border-radius: 3px;
	position: relative;
	padding: 5px;
	display: table-cell;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	min-height: 36px;
    box-sizing: border-box;
}
  .mdl-button-blue::-moz-focus-inner {
    border: 0; }
  .mdl-button-blue:hover {
	background-color: rgba(96,125,139,1.00);
}
  .mdl-button-blue:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button-blue:active {
	background-color: rgba(96,125,139,1.00);
}
  .mdl-button-blue.mdl-button-blue--colored {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
    .mdl-button-blue.mdl-button-blue--colored:focus:not(:active) {
      background-color: rgba(3,169,244,1.00);
}

.mdl-button-pink {
	background-color: rgb(255,64,129);
	border: none;
	border-radius: 3px;
	position: relative;
	padding: 5px;
	display: table-cell;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	min-height: 36px;
    box-sizing: border-box;
}
  .mdl-button-pink::-moz-focus-inner {
    border: 0; }
  .mdl-button-pink:hover {
	background-color: rgba(177,99,132,1.00);
}
  .mdl-button-pink:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button-pink:active {
	background-color: rgba(177,99,132,1.00);
}
  .mdl-button-pink.mdl-button-pink--colored {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
    .mdl-button-pink.mdl-button-pink--colored:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); 
}
.mdl-button-blue .material-icons,
.mdl-button-pink .material-icons{
	vertical-align: middle;
	font-size: 20px;
	padding-right: 5px;
}

.mdl-button-black {
    background-color: rgba(130,130,130,1.00);
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 5px;
    display: table-cell;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    min-height: 36px;
    box-sizing: border-box;
}
  .mdl-button-black::-moz-focus-inner {
    border: 0; }
  .mdl-button-black:hover {
	background-color: rgba(96,125,139,1.00);
}
  .mdl-button-black:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button-black:active {
	background-color: rgba(96,125,139,1.00);
}
  .mdl-button-black.mdl-button-black--colored {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
    .mdl-button-black.mdl-button-black--colored:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); }
.mdl-button-black .material-icons{
	vertical-align: middle;
	font-size: 20px;
	padding-right: 5px;
}
.mdl-button-black.copy-btn{
	background-color: rgba(86,83,160,1.00);
}
.mdl-button-black.copy-btn:hover{
	background-color: rgba(85,100,105,1.00);
}
.mdl-button-white {
	color: rgba(3,169,244,1.00) !important;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(182,182,182,1.00);
	border-radius: 3px;
	position: relative;
	display: table-cell;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	min-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mdl-button-white::-moz-focus-inner {
    border: 0; }
.mdl-button-white:hover {
	color: #fff !important;
	background-color: rgba(147,204,252,1.00);
	border-color: rgba(147,204,252,1.00);
}
.mdl-button-white:focus:not(:active) {
	background-color: rgba(255,255,255,0.12);
}
.mdl-button-white:active {
	color: #fff;
}
.mdl-button-white.mdl-button-white--colored {
	color: rgba(3,169,244,1.00);
	font-weight: bold;
}
.mdl-button-white.mdl-button-white--colored:hover {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
.mdl-button-white.mdl-button-white--colored:focus:not(:active) {
	background-color: rgba(255,255,255,0.12);	
}

.mdl-button-light-blue {
	background-color: #2cbefd;
	border: 2px solid #2cbefd;
	border-radius: 3px;
	position: relative;
	display: table-cell;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: rgba(3,169,244,1.00);
	font-weight: bold;
	min-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
  .mdl-button-light-blue::-moz-focus-inner {
    border: 0; }
  .mdl-button-light-blue:hover {
	background-color: rgb(104, 203, 252);
}
  .mdl-button-light-blue:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button-light-blue:active {
	background-color: rgb(104, 203, 252);
}
  .mdl-button-light-blue.mdl-button-light-blue--colored {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
    .mdl-button-light-blue.mdl-button-light-blue--colored:focus:not(:active) {
      background-color: rgba(3,169,244,1.00);
}


.mdl-button-gray {
	background-color: rgba(204,204,204,1.00);
	border: none;
	border-radius: 3px;
	position: relative;
	padding: 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: default;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	min-height: 36px;
}
.mdl-button-blue .material-icons,
.mdl-button-pink .material-icons,
.mdl-button-white .material-icons,
.mdl-button-gray .material-icons{
	vertical-align: middle;
}
.modal-btn{
	display: inline-block;
}
.select-icon{
	padding: 3px;
	font-size: 30px;
}
.center-ul .center-li.accept-btn button,
.center-ul .center-li.accept-btn label,
.center-ul .center-li.full-btn button,
.center-ul .center-li.full-btn label,
.center-ul .center-li.half-btn button,
.center-ul .center-li.half-btn label{
	width: 200px;
	height: 50px;
}
.center-ul .center-li.half-btn{
    margin-right: 10px;
}
.center-ul .center-li.half-btn:last-child{
    margin-right: 0;
}
.center-ul .center-li.refuse-btn{
	margin-left: 20px;
}
.center-ul .center-li.refuse-btn button,
.center-ul .center-li.refuse-btn label{
	width: 100px;
	height: 50px;
}

/* メッセージ成約画面追加登録ボタン */
.mdl-button-blue.talent_plus_button{
	width: 100%;
	background-color: #CCC;
	color: #333;
	padding: 10px;
	border: none;
	border-radius: 0px;
}
.talent_plus_button i{
	vertical-align: middle;
	color: #FFF;
	margin-right: 5px;
}
.mdl-button-blue.talent_plus_button span{
	vertical-align: middle;
	font-weight: normal;
}
.mdl-button-blue.talent_plus_button:hover{
	color: #FFF;
	background-color: #BBB;
}

.mdl-button-blue[disabled] {
	background-color: #CCC;
	color: #FFF;
	cursor: auto;
}

.mdl-button-pink[disabled] {
	background-color: #CCC;
	color: #FFF;
    cursor: auto;
}
.add-btn.mdl-button-black {
	padding: 0;
	min-height: 30px;
	box-sizing: border-box;
}
.add-btn.mdl-button-black i{
	font-size: 28px;
	vertical-align: middle;
}
/* ボタン end */

/* ツールチップ */
.mdl-tooltip.mdl-tooltip--top{
	width:auto;
}
/* ツールチップend */

.mdl-card-text {
	color: rgba(0,0,0, 0.54);
	font-size: 1rem;
	line-height: 18px;
	overflow: hidden;
	padding: 0px;
	width: 100%;
}

.nomal-list{
	padding: 0px;
	width: 100%;
}
.nomal-list .midashi{
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;
	/* [disabled]display: block; */
	overflow: hidden;
}
.nomal-list .midashi th{
	font-weight: bold;
	text-align: center;
}
.nomal-list .midashi p{
	font-weight: bold;
	text-align: center;
}
.nomal-list .bg_white{
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	position: relative;
}
.nomal-list .bg_blue{
	padding: 10px;
}
.ico-mr .list-ico-green::after{
	margin-right: 30px;
}
.ico-mr .list-ico-orange::after{
	margin-right: 30px;
}
.list-link{
	float: left;
}

.ico-text{
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8em;
	padding: 0 10px;
	border-radius: 10px;
	display: inline-block;
}
.new-text{
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	border-radius: 10px;
}
/* 文字アイコン */
.ico-appeal,
.ico-required,
.ico-status0255,
.ico-status01-1,
.ico-status01-2,
.ico-status02,
.ico-status03,
.ico-status04,
.ico-status05,
.ico-status06,
.ico-status07,
.ico-status08,
.ico-status09,
.ico-status10,
.ico-attend{
    min-width: 60px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	border-radius: 10px;
	padding: 0 8px;
	line-height: 1.8em;
	display: inline-block;
}
.ico-appeal{
    color: #4946a8;
    text-align: center;
    border: 1px solid #4946a8;
}
.ico-required{
    background-color: #ff1744;
    min-width: inherit;
}
.ico-required::before{
    content: "必須";
}
.ico-status0255{
	background-color: #acacac;
}
.ico-status0255::before{
	content: "見送り";
}
.ico-status01-1,
.ico-status01-2{
	background-color: #e59891;
}
.ico-status01-1::before{
	content: "エントリー";
	top: 5px;
}
.ico-status01-2::before{
	content: "スカウト";
}
.ico-status02{
	background-color: #86cd6d;
}
.ico-status02::before{
	content: "マッチング";
}
.ico-status03{
	background-color: #e1af59;
}
.ico-status03::before{
	content: "面接日調整";
}
.ico-status04{
	background-color: #75bd99;
}
.ico-status04::before{
	content: "面接日確定";
}
.ico-status05{
	background-color: #76a3cb;
}
.ico-status05::before{
	content: "面接終了";
}
.ico-status06{
	background-color: #6fbac3;
}
.ico-status06::before{
	content: "面接内定";
}
.ico-status07{
	background-color: #b987c2;
}
.ico-status07::before{
	content: "条件調整中";
}
.ico-status08{
	background-color: #f26293;
}
.ico-status08::before{
	content: "契約";
}
.ico-status09{
	background-color: #f26293;
}
.ico-status09::before{
	content: "契約期限";
}
.ico-status10{
	background-color: #b7aad9;
}
.ico-status10::before{
	content: "メッセージ";
}
.ico-attend{
    background-color: #4bace8;
}
.ico-attend::before{
    content: "勤怠";
}
.ico-attend.status01{
    background-color: #e1af59;
}
.ico-attend.status01::before{
    content: "編集中";
}
.ico-attend.status02{
    background-color: #86cd6d;
}
.ico-attend.status02::before{
    content: "確認中";
}
.ico-attend.status03{
    background-color: #86cd6d;
}
.ico-attend.status03::before{
    content: "未承認";
}
.ico-attend.status04{
    background-color: #f26293;
}
.ico-attend.status04::before{
    content: "承認済み";
}
.ico-attend.status05{
    background-color: #acacac;
}
.ico-attend.status05::before{
    content: "修正依頼";
}
.ico-circle{
    width: 40px;
    height: 40px;
    background-color: #5a57b2;
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin-right: 10px;
}
.ico-release,
.ico-private{
	width: 3em;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	border-radius: 10px;
	padding: 0 8px;
	line-height: 1.8em;
	display: inline-block;
}
.ico-release{
	color: #333333;
	border: 1px solid #bbbbbb;
}
.ico-release::before{
	content: "公開";
}
.ico-private{
	color: #ff1744;
	border: 1px solid #ff1744;
}
.ico-private::before{
	content: "非公開";
}
.list-text{
	float: left;
	line-height: 1.4;
	overflow: hidden;
	display: block;
}
.list-date{
	float: right;
}

/* アイコン */

.ico-now{
	padding: 3px 10px;
	margin-right: 10px;
	background-color: rgba(255,152,0,1.00);
	color: #ffffff;
	font-weight: bold;
}
.ico-color{
	padding: 2px 5px;
	color: rgba(255,255,255,1.00);
}
.ico-orline{
	padding: 3px 10px;
	margin: 0px;
	border: solid 1px rgba(255,152,0,1.00);
	color: rgba(255,152,0,1.00);
	background-color: #fff;
}
.ico-blline{
	padding: 3px 10px;
	/* [disabled]margin: 0px; */
	border: solid 1px rgba(3,169,244,1.00);
	color: rgba(3,169,244,1.00);
	background-color: #fff;
	overflow: hidden;
	display: block;
}
.ico-grline{
	padding: 3px 10px;
	margin-right: 10px;
	border: solid 1px #999999;
	color: #999999;
}

/* アイコン end */

.title_line_gr{
	border-bottom: 2px solid #ddd;
	padding-bottom: 0px;
	width: 100%;
}

.title_line_gr .h3-text {
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 6px;
	font-weight: bold;
	vertical-align: middle;
}

.title_line{
	border-bottom: 2px solid rgba(3,169,244,1.00);
	padding-bottom: 0px;
	width: 100%;
	clear: both;
}
.title_line .h3-text {
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 6px;
	font-weight: bold;
	vertical-align: middle;
}
.title_line .text{
	float: left;
	max-width: calc(100% - 150px);
}
.title_line .search-btn{
	float: right;
	overflow: hidden;
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.title_line .search-btn label,
.title_line .search-btn a{
	margin-left: 10px;
}
.title_line .pe-title,
.title_line .pj-title{
    overflow: hidden;
    margin-bottom: 6px;
}
.title_line .text.search{
	max-width: calc(100% - 77px);
	min-height: 36px;
	display: table-cell;
	vertical-align: middle;
}
.title_line .scout-icon{
	font-size: 24px;
	color: rgba(3,169,244,1.00);
	vertical-align: middle;
	padding: 0 0 0 3px;
}

.title_line .list-date{
	width: 100%;
	padding: 5px 0;
	margin: 0px;
	font-size: 12px;
	text-align: right;
	color: #999999;
}
.title_line .pj-title .list-date{
	width: calc(100% - 66px);
	float: right;
}
.title_line .ico-now:after{
	content: "掲載中";
}
.title_line .ico-end:after{
	content: "掲載終了";
}
.application_top{
	margin: 30px;
	width: 100%;
}

.application_top_quarter{
	margin: 0px;
	width: 25%;
	float: left;
	text-align: center;
	font-size: 20px;
}

.a_text30{
	font-size: 30px;
	font-weight: bold;
}

.a_text50{
	font-size: 50px;
	font-weight: bold;
}

/* チェックボックス・ラジオボタン */

.demo-list-radio {
  display: inline;
}

.checkbox-list{
	padding-bottom: 20px;
}
.checkbox-list:last-child{
	padding-bottom: 0;
}
.checkbox-list label{
	margin-left: 0;
}
.checkbox-list .note{
	margin-left: 25px;
	line-height: 1.2em;
	color: rgb(158,158,158);
}
.radio-line-y{
    margin: 4px;
}
.radio-line-y label{
    margin: 4px 0;
}

/* チェックボックス・ラジオボタン end */

/* アコーディオン */

.accordion{
	width: 100%;
	background: rgba(245,245,245,1.00);
	border: 1px solid #ddd;
}

.label_a {
	width: 100%;
    padding: 10px;
    display: block;
    margin: 0px;
	text-align: center;
	cursor: pointer;
}
.label-link-list{
    width: 100%;
    margin: -10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.label-link-list em{
    color: rgba(3,169,244,1.00);
}
.label-link-list:hover{
    background-color: rgba(3,169,244,0.25);
}
input[type="checkbox"].on-off{
    display: none;
}

.accordion .ac_contents {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0 30px;
	margin: 0px;
    
}

.accordion ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 0px;
	list-style: none;
}

.accordion li {
    padding-right: 30px;
}

input[type="checkbox"].on-off + .ac_contents{
    height: 0;
    overflow: hidden;
	
}

input[type="checkbox"].on-off:checked + .ac_contents{
    height: 230px;
}

.accordion_under{
	width: 100%;
}
.label_under {
    /* [disabled]width: 100%; */
    padding: 10px;
    display: block;
    margin: 0px;
    text-align: center;
    cursor: pointer;
}
.accordion_under .ac_contents_un {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0px;
	margin: 0px;
}

input[type="checkbox"].on-off + .ac_contents_un{
    display: none;	
}

input[type="checkbox"].on-off:checked + .ac_contents_un{
    display: block;
}
input[type="checkbox"].on-off:checked ~ .label_under i{
    -moz-transform:    rotate( 180deg );  /* Firefox用 */
	-webkit-transform: rotate( 180deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 180deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 180deg );  /* IE9用 */
	transform:         rotate( 180deg );  /* CSS3の書き方 */
}
input[type="checkbox"].on-off:not(:checked) ~ .label_under span::after{
    content: "続きを見る";
}
input[type="checkbox"].on-off:checked ~ .label_under span::after{
    content: "閉じる";
}

/* アコーディオン end */

/* 検索ボックス */

.search-area{
	background: rgba(245,245,245,1.00);
	border: 1px solid #ddd;
	padding: 20px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search-form-s{
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
}

.search-form-s .search-L{
	display: table-cell;
	vertical-align: middle;
	width: 30px;
}
.search-form-s .search-R{
	display: table-cell;
}
.search-form-s .search-R input{
	border: solid 2px #cccccc;
	height: 30px;
	padding: 0 10px;
	color: #333;
	border-radius: 3px;
	width: calc(100% - 30px);
}
.mdl-color--grey-300 .search-form-s .search-R input{
	border: solid 2px rgba(180,180,180,1.00);
}

.search-form{
	display: table;
	table-layout: fixed;
}
.mdl-color--grey-300 .search-form{
	display: table;
	table-layout: fixed;

}
.search-form .search-L{
	display: table-cell;
	width: 25px;
	vertical-align: middle;
}
.search-form .search-R{
	display: table-cell;
}
.search-form .search-R input{
	width: 260px;
	border: solid 2px #cccccc;
	height: 30px;
	padding: 0 10px;
	color: #333;
	border-radius: 3px;
	box-sizing: border-box;
}
.search-form .search-R input:focus{
	outline: 0;
	border-color: rgba(3,169,244,1.00);
}
.search-form .search-R100{
	display: table-cell;
	width: 100%;
	padding-right: 30px;
}
.search-form .search-R100 input{
	width: 100%;
	border: solid 2px #cccccc;
	height: 30px;
	padding: 0 10px;
	color: #333;
	border-radius: 3px;
}
.mdl-color--grey-300 .search-form .search-R input{
	border: solid 1px #a4a4a4;
}

/* 検索ボックス end */

/* テーブル */

table{
	border-collapse: collapse;
}

.table-center td{
	text-align: center;
}
.table-center .tb-left{
	text-align: left;
}
.table-center .tb-right{
	text-align: right;
}
.td-aco{
	display: flex;
	align-items: center;
	position: relative;
}

/* table thグレー背景白 */
.gr-table{
	width: 100%;
	box-sizing: border-box;
	table-layout: fixed;
}
.gr-table.fullsize{
	table-layout: fixed;
}
.gr-table tr{
	border-top: #fff 5px solid;
}
.gr-table tr:first-child{
	border-top: none;
}

.gr-table tr .ico-orline{
	background-color: #fff;
	border: 2px solid;
	font-size: 16px;
}
.gr-table .text-30{
	border: none;
}
.gr-table .noborder{
	border-top: none;
}
.gr-table th{
	line-height: 1.2em;
	background-color: #f2f2f2;
	font-weight: normal;
	padding: 10px;
	width: 100px;
	box-sizing: border-box;
}
.gr-table td{
	padding: 10px;
}
.gr-table .appeal_td{
    padding: 0 0 10px 0;
}
.gr-table .appeal_td .ico-appeal{
    margin-right: 2px;
    margin-bottom: 2px;
}
.gr-table colgroup.half col:nth-of-type(1),
.gr-table colgroup.half col:nth-of-type(3){
	width: 100px;
	box-sizing: border-box;
}
.gr-table colgroup.half90 col:nth-of-type(1),
.gr-table colgroup.half90 col:nth-of-type(3){
	width: 90px;
	box-sizing: border-box;
}
.gr-table colgroup.third col:nth-of-type(1),
.gr-table colgroup.third col:nth-of-type(3),
.gr-table colgroup.third col:nth-of-type(5){
	width: 100px;
	box-sizing: border-box;
}
.gr-table colgroup.third col:nth-of-type(4),
.gr-table colgroup.third col:nth-of-type(6){
	width: 110px;
}
.gr-table colgroup.third.last col:nth-of-type(2),
.gr-table colgroup.third.last col:nth-of-type(6){
	width: 100px;
}
.gr-table colgroup.quarter col:nth-of-type(1),
.gr-table colgroup.quarter col:nth-of-type(3),
.gr-table colgroup.quarter col:nth-of-type(5),
.gr-table colgroup.quarter col:nth-of-type(7){
	width: 100px;
	box-sizing: border-box;
}
/* table thグレー背景白 end */

/* table th白背景水色 */
.wh-table{
	width: 100%;
	background-color: rgb(241,250,254);
}
.wh-table.fullsize{
	table-layout: fixed;
}
.wh-table tr{
	border-top: rgb(241,250,254) 10px solid;
}
.wh-table tr:first-child{
	border-top: none;
}
.wh-table th{
	background-color: #fff;
	font-weight: normal;
	padding: 10px;
	width: 100px;
}
.wh-table td{
	padding: 10px;
}
/* table th白背景水色 end */

/* table td2色 */

.table-2color{
	font-size: 12px;
	line-height: 1.2em;
	width: 100%;
	box-sizing: border-box;
}

.table-2color .contract-th{
	text-align: left;
	font-size: 16px;
	padding-left: 0px;
}
.table-2color th{
	border-bottom: #CCC solid 1px;
	padding: 10px 5px;
	margin: 0;
}
.table-2color .open{
	width: 40px;
}
.table-2color .link-detail{
	width: 50px;
	box-sizing: border-box;
}
.table-2color .link-delete{
	width: 38px;
	box-sizing: border-box;
}
.table-2color td{
	padding: 10px 5px;
}

/* 設定画面のボタン */
.table-2color .btn-L{
	padding-right: 0px;
	text-align: left;
}
.table-2color .btn-R{
	padding-left: 0px;
	text-align: left;
}
/* table td2色 end */

.offer-table{
	width: 100%;
	display: table;
}
.offer-table .ico-orline{
	background-color: #fff;
	border: 2px solid;
	font-size: 16px;
}
.offer-table tr:first-child{
    margin-top: 0px;
}
.offer-table tr{
    border-collapse: separate;
    border-spacing: 0px;
    display: table;
    width: 100%;
	margin-top: 10px;
}

.offer-table th{
	background: #f2f2f2;
	white-space: nowrap;
	width: 12%;
	margin: 0px;
	padding: 10px;
	font-weight: normal;
}

.offer-table td{
	padding: 10px;
	margin: 0px;
}

.offer-table .modal-select{
	width: 88%;
}
.offer-table .box-select{
	width: 38%;
}

.offer-pd0-table{
	margin: 0px;
	padding: 0px;
	width: 100%;
	
}

.offer-pd0-table tr{
    border-collapse: separate;
    border-spacing: 0px;
    display: table;
    width: 100%;
	margin-top: 10px;
}

.offer-pd0-table th{
	background: #f2f2f2;
	white-space: nowrap;
	width: 100px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.offer-pd0-table td{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
	
}
.prf-table td{
	border: 0px;
	margin: 0px;
	padding: 10px;
}

/* 検索結果エリア */
.mdl-cell.results{
	width: 100%;
	margin: 10px 0 0;
	padding: 0 8px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.last-r > :last-child{
	margin-left: auto;
	margin-right: 0;
}
.mdl-cell.results .mdl-checkbox__box-outline{
	/* FFのみ縦線が入るため */
	height: 17px;
}
.mdl-cell.results .sort-select.selectbox{
	border-radius: 15px;
	max-width: 160px;
	display: none;
}
.mdl-cell.results.disp .sort-select.selectbox{
	display: inherit;
}
.mdl-cell.results .sort-select.selectbox::before{
	background-image: url(../img/ico_sort.png);
	background-size: 24px;
	top: 3px;
	left: 5px;
	right: auto;
}
.mdl-cell.results .sort-select select{
	border: 2px solid rgba(64,61,150,0.50);
	border-radius: 15px;
	padding-left: 24px;
	padding-right: 6px;
    color: #333333;
}
.mdl-cell.results .sort-select select:focus{
	border: 2px solid rgba(64,61,150,1.0);
}
/* 案件管理・人材管理 */
.pe-list-table.table-2color td:nth-child(2),
.pj-list-table.table-2color td:nth-child(2){
	padding-left: 16px;
}
.pe-list-table .tr-link,
.pj-list-table .tr-link{
	cursor: pointer;
}
.pe-list-table .tr-link:hover,
.pj-list-table .tr-link:hover{
	background-color: rgba(205,240,255,1.00);
}
.pe-list-table tr .link,
.pj-list-table tr .link{
	width: 80px;
	box-sizing: border-box;
	line-height: 1.5em;
}
.pe-list-table tr .link .detail-link,
.pj-list-table tr .link .detail-link{
	display: block;
	height: 100%;
	width: 100%;
	margin-right: 5px;
}
.pe-list-table tr .btn-area,
.pj-list-table tr .btn-area{
	padding-right: 16px;
}
/* 案件登録・人材登録 */
#create_area section{
}
#create_area h2{
    margin-bottom: 30px;
}
.form_layout{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#create_area .form_layout{
    margin-bottom: 30px;
}
#create_area .form_layout:last-child{
    margin-bottom: 20px;
}
#create_area .form_layout .form_layout{
    margin-bottom: 20px;
}

#create_area .form_layout.mr_b10{
    margin-bottom: 10px;
}
#create_area .form_layout.mr_b10 .mdl-textfield__error,
#create_area .form_layout .mdl-textfield__error.inherit{
    position: inherit;
}
#create_area .mdl-textfield__error {
	line-height: 1.2em;
}
.compatible_area_ids_error {
	width: 160px;
}
.form_layout h3{
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin: 0;
    padding-right: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#create_area .form_layout h3{
    font-size: 14px;
    width: 160px;
}
#create_area .form_layout h3{
    align-self: flex-start;
    padding-top: 5px;
}
#create_area .form_layout h3.pd_t0{
    padding-top: 0;
}
#create_area .form_layout h3.pd_t25{
    padding-top: 25px;
}
#create_area .form_layout h3 i{
    font-size: 14px;
    position: relative;
    top: -1px;
}
#create_area .form_layout h3 .ico-required{
    margin-right: 3px;
}
#create_area .form_layout h4{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: inherit;
    display: flex;
    margin: 0;
}
#create_area .form_layout .input_area{
    width: calc(100% - 160px);
}
#create_area .form_layout .input_area input[type="text"]{
    padding: 4px;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    box-sizing: border-box;
}
#create_area .form_layout .input_area input[type="text"]:focus{
    border: 1px solid rgba(3,169,244,1.00);
    box-shadow: 0 0 2px 0 rgba(3,169,244,0.5);
}
#create_area .form_layout .input_area.appeal{
    margin: 0;
}
#create_area .form_layout .input_area .appeal{
    width: 100%;
    display: flex;
	flex-wrap: wrap;
    margin: 0;
}
#create_area .form_layout .input_area .appeal li{
    width: calc(calc(100% - 40px) / 3);
    margin-right: 20px;
}
#create_area .form_layout .input_area .appeal li:nth-child(3n){
    margin-right: 0;
}
#create_area .form_layout .input_area .appeal .mdl-checkbox__box-outline,
#create_area .form_layout .input_area .appeal .mdl-checkbox__focus-helper,
#create_area .form_layout .input_area .appeal .mdl-checkbox__ripple-container{
    display: none;
}
#create_area .form_layout .input_area .appeal .mdl-checkbox.is-upgraded{
    padding-left: 0;
}
#create_area .form_layout .input_area .appeal label{
    height: auto;
    margin: 0;
    padding: 3px 0;
    color: #4946a8;
    text-align: center;
    border: 1px solid #4946a8;
    border-radius: 15px;
}
#create_area .form_layout .input_area .appeal label.is-focused{
    box-shadow: 0 0 3px 0 rgba(73,70,168,0.8);
}
#create_area .form_layout .input_area .appeal label.is-checked{
    color: #FFFFFF;
    font-weight: 600;
    background-color: #4946a8;
}
#create_area .form_layout .input_area .appeal label .mdl-checkbox__label{
    font-size: 1vw;
}
#create_area .form_layout .input_area .tab-area{
    margin-top: 0;
}
#addSkillButton span:hover{
    color: rgba(3,169,244,1.00);
}

#create_area .mdl-tabs__tab-bar{
    border-bottom: 1px solid #CCCCCC;
    justify-content: flex-start;
}
#create_area .mdl-tabs__tab-bar .mdl-tabs__tab{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5em;
    margin-right: 4px;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
    bottom: 1px;
}
#create_area .mdl-tabs__tab-bar .mdl-tabs__tab:last-child{
    margin-right: 0;
}
#create_area .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#create_area .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{
    content: none;
}
#create_area .flex-skill{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#create_area .flex-skill .select2box{
    /*max-width: calc(calc(100% - 30px) / 3) !important;*/
    margin-bottom: 10px;
    box-sizing: border-box;
}
#create_area .flex-skill .select2box .select2-container{
    width: 150px !important;
}
#create_area .form_layout.work{
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 10px 10px 10px 0;
    margin-bottom: 0;
}
#create_area .form_layout.work:nth-child(odd){
    background-color: rgba(144,182,199,0.08);
}
#create_area .form_layout.work-btn .mdl-button-white{
    border-radius: 0;
}
.flex-qua{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.flex-qua .select2box,
.flex-qua input{
    margin-right: 10px;
    margin-bottom: 5px;
}
.flex-qua .selectbox{
    margin-bottom: 5px;
}
/* 応募管理 検索エリア */
#search_form{
    width: 100%;
}
.sublist-search{
	width: 100%;
	margin: 10px 0 0;
	clear: both;
}
.refine-area{
	display: flex;
	flex-wrap: wrap;
}
.refine-area.last-r > :last-child{
	margin-left: auto;
	margin-right: 0;
}
.refine-area .sublist-select{
	margin: 0 30px 10px 0;
	display: flex;
	align-items: center;
}
.refine-area .sublist-select div:first-child{
	margin-right: 5px;
}
.refine-area .select-long{
	box-sizing: border-box;
	max-width: 360px;
}
.refine-area .select-short{
	box-sizing: border-box;
	max-width: 180px;
}
.sublist-status{
	display: flex;
	align-items: baseline;
}
.sublist-status ul{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.sublist-status ul li{
	margin-bottom: 10px;
}
.sublist-status .mdl-radio.is-upgraded,
.sublist-status .mdl-radio{
	padding-left: 0;
	margin-left: 4px;
    margin-right: 0;
}
.sublist-status .mdl-radio__label{
	padding: 0 10px;
	border-radius: 20px;
}
.sublist-status .mdl-radio__outer-circle,
.sublist-status .mdl-radio__inner-circle,
.sublist-status .mdl-radio__ripple-container{
	display: none;
}

.sublist-status .mdl-radio.is-checked .mdl-radio__label{
	color: #FFFFFF;
	background-color: #403d96;
}
.search-area .select2-set .select2box{
    background-color: transparent;
}
/* 応募管理 テーブル */
.sublist-table{
	font-size: 12px;
}
.sublist-table.table-2color .td-aco{
	padding-left: 16px;
}
.detail-label{
	width: 30px;
	height: 30px;
	color: rgba(3,169,244,1.00);
	background-color: #FFFFFF;
	border: 2px solid #cdcdcd;
	border-radius: 50%;
	padding: 0;
	margin-right: 5px;
	cursor: pointer;
	box-sizing: border-box;
}
.detail-label em{
	font-size: 27px;
}
.detail-label:hover{
	color: #fff !important;
	background-color: rgba(147,204,252,1.00);
	border-color: rgba(147,204,252,1.00);
}
.name-td span:first-child,
.pro-td span:first-child{
	font-size: 13px;
	font-weight: 600;
	display: block;
}
.name-td span:nth-child(2),
.pro-td span:nth-child(2){
	color: #a4a4a4;
}

.table-2color colgroup .name-col{
	width: 90px;
}
.table-2color colgroup .name-col.aco-col{
	width: 110px;
}
.table-2color colgroup .project-col{
	width: 325px;
}
.table-2color colgroup .status-col{
	width: 130px;
}
.table-2color.sublist-table colgroup col:nth-of-type(3){
	width: 60px;
}
.table-2color.sublist-table colgroup col:nth-of-type(5),
.table-2color.sublist-table colgroup col:nth-of-type(6){
	width: 100px;
}
.table-2color.sublist-table colgroup col:nth-of-type(7){
	width: 70px;
}
.sublist-table .detail-td .detail-area .detail-link{
	width: 100%;
	text-align: center;
	clear: both;
	padding: 10px 0 0;
}
.sublist-table .detail-td .detail-area .detail-link label,
.contract-table .sublist-table .detail-td .detail-area .detail-link label{
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
}
.sublist-table .detail-td .detail-area .detail-link label:hover,
.contract-table .sublist-table .detail-td .detail-area .detail-link label:hover,
.contract-td .contract-area .detail-link label:hover{
	background-color: rgba(3,169,244,0.25);
}

.sublist-table.table-2color tr .btn-area{
	width: 70px;
	padding-right: 0;
	box-sizing: border-box;
}
.sublist-table.table-2color tr .btn-area .mdl-badge.mdl-badge--overlap{
	margin-right: 0;
}
.sublist-table.table-2color tr .detail-td li{
	line-height: 1.2em;
	margin-top: 10px;
}
.sublist-table.table-2color tr .detail-td .float-center{
	padding-top: 10px;
}
.sublist-table.table-2color tr .detail-link,
.contract-table.table-2color tr .detail-link{
	display: none;
	padding: 10px 0px;
	cursor: pointer;
}
.sublist-table.table-2color tr .accordion-hide .detail-link,
.contract-table.table-2color tr .accordion-hide .detail-link{
	display: block;
}
/* 不要？ */
.managelist-table td{
	border: 0px;
	margin: 0px;
	padding: 10px;
	text-align: center;
}
.managelist-table .mdl-button-blue .mail:after{
	content: "mail";
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	color: rgba(255,255,255,1.00);
	display: block;
}
.managelist-table .mdl-button-blue .interview:after{
	content: "ondemand_video";
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	color: rgba(255,255,255,1.00);
	display: block;
}

.managelist-table .select-default:after{
	content: "---";
	color: #CCC;
}
.managelist-table .select-hold:after{
	content: "保留";
	color:rgba(239,29,33,1.00);
}
.managelist-table .select-meet:after{
	content: "会ってみたい！";
	color:rgba(239,29,33,1.00);
	background-color: rgba(255,188,189,1.00);
	display: block;
}

.managelist-table .select-nomeet:after{
	content: "条件に合わない";
	color:rgba(81,81,81,1.00);
	background-color: rgba(204,204,204,1.00);
	display: block;
}

/* テーブルソート機能 */
.th-sort .sort{
	color: #403d96;
	cursor: pointer;
}
.th-sort .sort:hover{
	background-color: rgba(64,61,150,0.08);
}
.table-2color .th-sort th{
	padding: 5px;
}
.th-sort .sort i{
	margin-left: -4px;
}
.th-sort .sort.asc i::after{
	content: "arrow_drop_up";
}
.th-sort .sort.desc i::after{
	content: "arrow_drop_down";
}

/* テーブル end */

/* タグ */

.pro-tag{
	border-radius: 3px;
	padding: 5px;
	background-color: rgba(96,125,139,1.00);
	color: #fff;
	display: inline-block;
}
.pro-tag i:before{
	content: "local_offer";
	font-size: 18px;
}

/* タグ end */

/* モーダル */

.label-link{
	cursor : pointer;
	color: rgba(3,169,244,1.00);
}
.home-modal-link{
	color: #333;
}

.modal-table{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.modal-table .mdl-checkbox{
	padding: 0 20px 10px 10px;
}
.modal-wrap .underline{
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	overflow: hidden;
}
.entry-offer-check .mdl-checkbox{
	width: auto;
	margin: 0;
}
.modal-wrap .label-center{
	width: 100%;
	text-align: center;
	position: relative;
	padding: 10px 0 80px;
	box-sizing: border-box;
}
.modal-wrap .label-center span{
	height: 50px;
	width: 200px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}
/* モーダル end */

/* セレクトボックス */
.pur-list01 select {
	padding: 10px;
	margin: 0px;
}

/* セレクトボックス end */

.select-check{
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	padding: 0px;
	border: 1px solid #ccc;
	width: 100%;
	height: 100px;
	display: table;
}

.select-check .box-l{
	background-color: rgba(3,169,244,1.00);
	width: 15%;
	color: #fff;
	height: auto;
	margin: 0px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.select-check .box-r{
	padding: 10px;
	width: 85%;
	overflow: hidden;
	margin: 0px;
	display: table-cell;
}

/* セレクトボックス */
.selectbox{
	position: relative;
	display: inline-block;
	background-color: #FFFFFF;
}

.select2box{
	position: relative;
	display: inline-block;
	background-color: #FFFFFF;
    border-radius: 4px;
}
.selectbox::before,
.select2box::before{
    content: '';
    position: absolute;
	z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
	border-radius: 2px;
	background-image: url(../img/ico_expand_more.png);
	background-size: 30px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.selectbox::after{
	content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 100%;
    height: 100%;
}
.selectbox select,
.select2box select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 30px;
	background: transparent;
	position: relative;
	z-index: 1;
	padding-right: 30px;
	padding-left: 10px;
	border: 1px solid #b6b6b6;
	border-radius: 2px;
	cursor: pointer;
}
.select-placeholder{
    color: #999999;
}
.select-placeholder option:first-child{
    display: none;
}
.selectbox select.change,
.select2box select.change,
.select-placeholder.change{
    color: #333333;
}
.selectbox select:focus,
.select2box select:focus{
    border: 1px solid rgba(3,169,244,1.00);
    box-shadow: 0 0 2px 0 rgba(3,169,244,0.5);
}
.selectbox select::-ms-expand,
.select2box select::-ms-expand {
    display: none;
}
.selectbox select optgroup{
    color: #333333;
}
.selectbox select option{
    padding: 6px;
    border: 1px solid #b6b6b6;
    color: #333333;
}

.select-title {
	position: relative;
	display: inline-block;
	background-color: #FFFFFF;
}

/* セレクトボックス end */

/* グレー300背景用 */
.mdl-color--grey-300 .mdl-button-white{
	border-color: #a4a4a4;
}
.mdl-color--grey-300 .selectbox select{
	border: 1px solid #a4a4a4;
}
.mdl-color--grey-300 .mdl-checkbox__box-outline {
	border: 2px solid #a4a4a4;
}
.mdl-color--grey-300 .search-form .search-R100 input,
.mdl-color--grey-300 .mdl-radio__outer-circle {
	border: 1px solid #a4a4a4;
}
.mdl-color--grey-300 .datepicker_text {
	border: 1px solid #a4a4a4;
}
/* 選択なしテキスト グレー300背景用 */
.mdl-color--grey-300 .item-nocoice{
	color: rgb(150,150,150);
}

/* gr-table グレー300背景用 */

.mdl-color--grey-300 .gr-table tr{
	border-top: rgb(224,224,224)  5px solid;
}
.mdl-color--grey-300 .gr-table tr:first-child{
	border-top: none;
}
.mdl-color--grey-300 .gr-table th{
	background-color: #fbfbfb;
}

/* footer */

#footer{
	color: rgba(153,153,153,1.00);
	font-size: 12px;
	width: 100%;
	text-align: center;
	margin: 10px 0 20px;
	box-sizing: border-box;
}

/* footer end */

/* フローティングボタン */

.ftb-size{
	font-size: 26px;
	text-align: center;
}

/* フローティングボタン end */

/* ページング */

.pageNav02 {
	margin: 0;
	padding: 10px 10px 5px;
	text-align: center;
	
}

.pageNav02 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	
}

.pageNav02 li span{
	display: inline-block;
	margin-bottom: 5px;
	padding: 0px 8px;
	text-decoration: none;
	vertical-align: middle;
	color: rgb(255,255,255);
	background: rgba(3,169,244,1.00);
	border-radius: 50%;
	
}
.pageNav02 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0px 8px;
	text-decoration: none;
	vertical-align: middle;
	color: rgba(51,51,51,1.00);
	border-radius: 500px;
}

.pageNav02 li a:hover {
	color: #fff;
	background: rgba(3,169,244,0.5);
}
/* ページング end */

/* 必須項目フォーム */

.item-nocoice{
	display: table-cell;
	overflow: hidden;
	color: #ccc;
	vertical-align: middle;
}
.mdl-textfield__label{
	font-weight: bold;
}
.mdl-textfield__label.required-item{
	color:rgb(255,23,68);
}
.mdl-textfield__input.required {
	border: none;
	border-bottom: 1px solid rgba(255,23,68, 1.00);
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 4px 0;
	width: 100%;
	background-image: none;
	text-align: left;
	color: inherit;
	background-color: #FFF;
}
.mdl-textfield__label.required {
	bottom: 0;
	color: rgba(255,23,68, 1.00);
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	display: block;
	top: 24px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}
.mdl-textfield__label.required:after {
	background-color: rgb(255,23,68);
	bottom: 20px;
	content: '';
	height: 2px;
	left: 45%;
	position: absolute;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	visibility: hidden;
	width: 10px;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label.required,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label.required,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label.required {
	color: rgb(255,23,68);
	font-size: 14px;
	top: 4px;
	visibility: visible;
	font-weight: bold;
}

/* テキストボックス用 */
.mdl-textfield--floating-label.is-focused .mdl-textfield__label.box,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label.box,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label.box {
	color: rgb(3,169,244);
	font-size: 14px;
	top: -12px;
	padding-left: 0px;
	visibility: visible;
	font-weight: bold;
}

/* 必須項目フォーム end */

.link-icon .material-icons{
	font-size: 12px;
}

.red-border{
	border: 1px solid rgba(213,0,0,1.00);
}

/* ファイル選択 */
.selectedFileName{
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}


/* メッセージ */

/* メッセージナビ */

.mdl-layout__drawer .mdl-navigation.mdl-color--navi {
    padding-top: 0px;
}
.mdl-color--navi {
  background-color:rgba(87,87,87,1.00) !important;
}
.demo-layout .demo-navigation.mdl-color--navi .is-active{
	color: rgb(87,87,87);
	background-color: rgba(245,245,245,1);
	font-weight: 600;
}

.demo-layout .demo-navigation.mdl-color--navi .mdl-navigation__link:hover {
	background-color: rgba(60,152,193,1.00);
	color: rgba(255, 255, 255, 1);
}
.navi-title{
	margin: 10px;
	font-size: 16px;
	box-sizing: border-box;
}
.navi-title .material-icons{
	vertical-align: middle;
	margin-right: 5px;
}


/* メッセージナビ end */

.message-area-left{
	width: calc(100vw - 580px);
	float: left;
	box-sizing: border-box;
}
.message-area-left section{
	width: 100%;
}
#reservation-list{
	display: block;
    padding-top: 90px;
    margin-top: -90px;
}
.message-area-right{
	width: 340px;
	height: 100%;
	background-color:#e2e2e2;
	float: right;
	text-align: center;
	box-sizing: border-box;
	position: fixed;
	right: 0;
	padding: 10px;
	z-index: 5;
}
.message-area-right .pro-name,
.message-area-right .eng-name{
	font-weight: 600;
	text-align: left;
	margin-bottom: 14px;
}
.message-area-right h2{
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 600;
	background-color: #a1a1a1;
	margin: 0;
	padding: 2px;
}
#ac-info-check-btn{
    display: none;
}
.message-area-right .status{
	margin: 20px 0;
	padding: 0;
	border-bottom: 2px solid #afafaf;
}
.message-area-right .status li{
	margin-bottom: 30px;
	position: relative;
}
.message-area-right .status li::after{
	content: "";
	display: inline-block;
	width: 18px;
	height: 11px;
	background-image:url(../img/message/expand_more.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	bottom: -22px;
	left: calc(50% - 9px);
}
.message-area-right .status li:last-child::after{
	background-image: none;
}
.message-area-right .status h3{
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.message-area-right .status .status-now{
	color: #333333;
	font-size: 13px;
	line-height: 1.2em;
	padding: 10px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
.message-area-right .status .status-now h3{
	margin-bottom: 10px;
}

.message-area-right .status .status-now label{
	font-size: 13px;
	width: 100%;
	max-width: 100%;
	padding: 11px;
	margin: 5px 0 0;
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
}
.message-area-right .status .status-now button{
	font-size: 13px;
	width: 100%;
	max-width: 100%;
}
.message-area-right .status .status-now button i,
.message-area-right .status .status-now label i{
	font-size: 18px;
	vertical-align: middle;
	padding: 0;
	margin: 0 5px 0 0;
}
.message-area-right .status .status-now #day{
	font-weight: 600;
}
.message-area-right .status .status-now #time{
	font-weight: 600;
	margin-bottom: 5px;
}
.message-area-right .status .status-now #access{
	margin-bottom: 10px;
}
.message-area-right .status .status-end{
	color: #797979;
	border: 1px solid #929292;
	padding: 10px;
	box-sizing: border-box;
}
.message-area-right .status .status-next{
	color: #666666;
	border: 2px solid #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
}
.message-area-right #contract-btn,
.message-area-right #refuse-btn{
	width: 90%;
	padding: 10px;
	display: block;
	box-sizing: border-box;
	margin: 0 auto 10px;
	
}
.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header.message-layout {
    margin-left: 240px;
    width: calc(100% - 240px);
}

.mdl-layout--fixed-drawer > .mdl-layout__content.message-layout {
	margin-left: 240px;
	height: 100%;
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
	overflow: visible;
}
.demo-drawer.message-navi{
	overflow-x: hidden;
	box-sizing: border-box;
}
.message-navi{
	width: 250px;
	box-sizing: border-box;
}

.message-navi .mdl-badge[data-badge]:after {
	right: 23px;
	top: auto;
	bottom: 17px;
}
.message-text{
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	display: flex;
	align-items: center;
}
.message-text::before{
	margin-right: 0.5em;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.message-text::after{
	margin-left: 0.5em;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.message-text.date-sticky{
	color: #9d9d9d;
	background-color: rgb(250,250,250);
	position: -webkit-sticky; /* Safari用 */
    position: sticky; /* 要素をスクロールに応じて固定 */
    top: 44px; /* 縦スクロールに追従 */
    z-index: 2; /* z-indexで最前面に持ってくる */
}
.message-text.date-sticky::before,
.message-text.date-sticky::after{
	border-top: 1px solid #9d9d9d;
}
.message-text.unread{
	color: #ff1744;
	font-weight: 600;
}
.message-text.unread::before,
.message-text.unread::after{
	border-top: 1px solid #ff1744;
}

/* 入力エリア start */

.message-input-area{
    background-color: #fafafa;
    width : calc(100% - 580px);
    position: fixed;
    display: flex;
    justify-content: center;
    bottom: 0;
    padding: 20px 0;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
	z-index: 3;
}
.message-input-area #send_form{
    width : calc(100% - 86px);
    display: flex;
}
.message-input-area .text-area{
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 0px;
    width : calc(100% - 46px);
    box-sizing: border-box;
}
.message-input-area.text-area .mdl-textfield__input{
	border: none;
	float: right;
}
.message-input-area .btn-area{
	box-sizing: border-box;
	position: relative;
}
.message-input-area .mdl-button-message {
	width: 46px;
    height: 100%;
	background-color: rgb(102,102,102);
	border: none;
	border-radius: 3px;
	display: table-cell;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.message-input-area .mdl-button-message:hover {
    background-color: rgba(96,125,139,1.00);
}
.message-input-area .mdl-button-message .material-icons{
	font-size: 30px;
	font-weight: 500;
}

.message-input-area .mdl-button-plus {
	width: 46px;
	margin: 0;
	background-color: #fafafa;
	border-top: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
    border-right: none;
	border-radius: 5px 0px 0px 5px;
	display: table-cell;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.message-input-area .mdl-button-plus:hover {
	  background-color: #d8d8d8;
}
.message-input-area .mdl-button-plus:hover .material-icons{
	 color: #fafafa;
}
.message-input-area .mdl-button-plus .material-icons{
	color: rgba(140,140,140,1.00);
	font-size: 30px;
	font-weight: 500;
}

/* 入力エリア end */

.message-view-area{
    margin-bottom: 78px;
}
.message-view-area .demo-content{
	padding-top: 44px;
	max-width: none;
}
.send-message.demo-charts{
	align-items: baseline;
	margin-bottom: 20px;
}
.message-main{
	width : -webkit-calc(100% - 50px) ;
	width : calc(100% - 50px);
	box-sizing: border-box;
	margin: 0 0 0 10px;
	position: relative;
	display: inline-block;
}
.message-icon{
	width: 40px;
	vertical-align: top;
}
.send-name{
	width: calc(100% - 60px);
	font-weight: 600;
	float: left;
	margin-bottom: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.send-time{
	width: 60px;
	text-align: right;
	font-size: 11px;
	color: #9d9d9d;
	float: right;
}
.system-message{
	clear: both;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}
.system-message h3{
	font-size: 13px;
	font-weight: 600;
	padding: 5px 10px;
	margin: 0;
	border-bottom: 1px solid #d8d8d8;
	background-color: #ecebf8;
}
.system-message h3 i{
	color: #9d9bc5;
	font-size: 20px;
	margin-right: 5px;
}
.system-message .text{
	padding: 10px;
}
.system-message.important h3,
.system-message.important h3 i{
	background-color: #03a9f4;
	color: #FFFFFF;
}
.system-message.break,
.system-message.break h3,
.system-message.break h3 i{
	background-color: #ededed;
	color: #666666;
}
.system-message .interview{
	font-weight: 600;
	margin-top: 10px;
}
.message-important{
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
}
.ng-message{
	color: #333333;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	margin: 14px 0;
	display: flex;
	align-items: center;
}
.ng-message::before,
.ng-message::after{
	border-top: 1px solid #9d9d9d;
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;
}
.ng-message::before{
	margin-right: 0.5em;
}
.ng-message::after{
	margin-left: 0.5em;
}
.message-list{
	margin-bottom: 30px;
	padding-left: 20px;
}
.sign-text{
	width: 100%;
	color: rgb(255,23,68);
	font-weight: 600;
	text-align: center;
	background-color: rgba(255,228,233,1.00);
	margin: 10px 0 20px;
	padding: 10px;
	box-sizing: border-box;
}

/* メッセージ相手の情報 */
.message-view-area .ac-info{
	width: calc(100vw - 580px);
	max-height: calc(100vh - 132px);
	min-height: 40px;
	box-sizing: border-box;
	background-color:#FFFFFF;
	position: fixed;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 3;
	top:50px;
	-ms-overflow-style:none;
}
.message-view-area .ac-info::-webkit-scrollbar{
    display:none;
}
.message-view-area .ac-info .material-icons,
.message-view-area .ac-info-top .material-icons,
.detail-area .float_l .material-icons{
	vertical-align: middle;
}
.message-view-area .ac-info-top{
	font-size: 13px;
	padding: 10px;
	width: calc(100vw - 580px);
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	overflow: hidden;
	display: table;
	vertical-align: middle;
	position: fixed;
	transform: none !important;
	z-index: 4;
}
.message-view-area .ac-info-top div:nth-of-type(1){
	font-size: 16px;
	float: left;
	width: calc(100% - 110px);
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.message-view-area .ac-info-top .pro-name{
	box-sizing: border-box;
	line-height: 1.2em;
	padding-top: 5px;
}
.message-view-area .ac-info-top .eng-name{
	box-sizing: border-box;
	line-height: 1.2em;
	padding-top: 5px;
}
.message-view-area .ac-info-top #match-date{
	padding-right: 10px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.message-view-area .ac-info-top label{
	float: right;
	display: block;
	position: relative;
	cursor: pointer;
	color: rgba(3,169,244,1.00);
	width: 110px;
	text-align: right;
	vertical-align: middle;
	box-sizing: border-box;
}
.message-view-area .ac-info-top label::before,
.message-view-area .ac-info .ac-info-top label::before{
	content: "詳細を開く";
}
.message-view-area .ac-info-top label em::after,
.message-view-area .ac-info .ac-info-top label em::after{
	content: "expand_more";
}
.message-view-area #ac-info-check{
	display: none
}
.message-view-area .ac-info ul{
	font-size: 13px;
	margin: 0 10px 0;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 0;
	padding: 0;
	opacity: 0;
	transition: 0.2s;
}
.message-view-area .ac-info li{
	line-height: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
}
.message-view-area .ac-info li span{
	font-weight: 600;
}
.message-view-area .ac-info .float_l{
	margin-right: 30px;
}
.message-view-area .ac-info .float_l .material-icons,
.detail-area .float_l .material-icons{
	font-size: 15px;
}
#ac-info-check:checked ~ .ac-info-top{
	
}
#ac-info-check:checked ~ .ac-info-top label::before,
#ac-info-check:checked ~ .ac-info .ac-info-top label::before,
#ac-info-check:checked ~ .ac-info .ac-in-list label::before{
	content: "詳細を閉じる";
}
#ac-info-check:checked ~ .ac-info-top label em::after,
#ac-info-check:checked ~ .ac-info .ac-info-top label em::after,
#ac-info-check:checked ~ .ac-info .ac-in-list label em::after{
	content: "expand_less";
}
#ac-info-check:checked ~ .ac-info{
	border-bottom: 1px solid #CCCCCC;
}
#ac-info-check:checked ~ .ac-info #ac-info-top{
	position: relative;
	width: 100%;
	visibility: hidden;
}
#ac-info-check:checked ~ .ac-info #ac-info-bottom{
	height: 100%;
	padding: 10px 20px 20px 0;
	opacity: 1;
}
#ac-info-check:checked ~ .ac-info-top div:nth-of-type(1),
#ac-info-check:checked ~ .ac-info .ac-info-top div:nth-of-type(1){
	height: auto;
}

/* 吹き出し内リスト */
.message-view-area .message-main .mdl-list{
	padding: 0;
	margin: 5px 0;
}
.message-view-area .message-main .mdl-list__item{
	min-height: 40px;
}

/* メッセージ end */

.datepicker_text{
    width: 120px;
    border: 1px solid #b6b6b6;
    padding: 5px;
	border-radius: 3px;
    background: url(../img/ico-calendar.png) no-repeat right;
    background-size: contain;
}

/* バリデーションエラー用 */
.validation_error {
	color: rgb(213,0,0);
	font-size: 12px;
	margin-top: 3px;
}

/* チェックボックス中央揃え*/
.input-center{
	text-align: center;
	width: 100%;
}
.input-center .mdl-list__item{
	display: inline-block;
	padding-top: 10px;
	padding-right: 20px;
	vertical-align: middle;
}

/* float中央揃え*/
.float-center{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.float-center .center-ul{
	position: relative;
	left: 50%;
	float: left;
}
.float-center .center-li{
	position: relative;
	left: -50%;
	float: left;
}

/* ヘッダーメニューリンク */

.mdl-menu__item a{
	color: rgba(51,51,51,1.00);
}

/* 可変 */
.left-cont{
	float: left;
	width: calc(100% - 130px);
}
.right-cont{
	float: right;
	width: 110px;
	margin-left: 20px;
}


.validate-text {
	color: rgb(213,0,0);
	font-size: 12px;
	margin-top: 3px;
}

.announcement-list .textlink {
	color: rgba(115,115,115,1.00);
	text-decoration: underline;
	cursor: pointer;
}

.announcement-list ul {
	list-style-type: disc;
}

#loading {
	position:fixed;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	background: rgba(115,115,115,0.5);
	z-index: 9999;
	display: none;
}

#loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.spinner {
	width: 150px;
	height: 150px;
}

.form-alert {
	width: 100%;
	background-color: rgb(255,223,223);
	padding-top: 20px;	
	padding-bottom: 20px;	
}

/* エラーページ用 */
.error_icon{
	font-size: 100px;
	color: #91D2FF;
}

/* 自社人材、案件追加ボタン */
.own-add-button {
	position: fixed;
	display: block;
	right: 0;
	top: 0;
	margin-right: 40px;
	margin-top: 140px;
	z-index: 1;
}

/* オンライン表記 */
.online {
	color:rgb(255,23,68);
	font-weight:bold;
	font-size:small;
}

.hidden {
	display: none;
}

.message-top-detail-link{
	color:rgba(255,255,255,1.00);
}
.message-top-detail-link:hover{
	color:rgba(3,169,244,1.00);
}
/* おすすめリスト */
.ico-circle + .recommend_list{
    float: left;
    width: calc(100% - 50px);
}
.recommend_list{
	position: relative;
	margin: 0px;
}
.recommend_list.time{
	float: left;
	max-width: calc(100% - 66px);
}
.recommend_list li{
	margin-top: 0em;
	margin-bottom: 0em;
	min-height: 24px;
    font-size: 12px;
    line-height: 1.5em;
}
.recommend_list a{
    font-weight: 600;
}
.overall-link .recommend_list a{
    padding: 10px;
    margin: -10px;
}
.overall-link .recommend_list .title{
    color: rgba(3,169,244,1.00);
    font-weight: bold;
    min-height: inherit;
    margin-bottom: 5px;
    box-sizing: border-box;
}
.recommend_list .none{
    margin-left: 0;
    /* ver2.4以降
	margin-left: -1.5em;*/
}
.recommend_list.cl .skill{
    padding-left: 7em;
    text-indent: -7em;
}
.recommend_list.cl .skill:before{
	content: "言語・スキル：";
    font-weight: 600;
	color: #555555;
}
.recommend_list.bp .skill{
    padding-left: 11em;
    text-indent: -11em;
}
.recommend_list.bp .skill:before{
	content: "言語・スキル（必須）：";
    font-weight: 600;
	color: #555555;
}
.recommend_list .job{
    padding-left: 5em;
    text-indent: -5em;
}
.recommend_list.cl .job:before{
	content: "経験職種：";
    font-weight: 600;
	color: #555555;
    width: 6em;
}
.recommend_list.bp .job:before{
	content: "募集職種：";
    font-weight: 600;
	color: #555555;
    width: 6em;
}
.recommend_list .price{
    padding-left: 3em;
    text-indent: -3em;
    
}
.recommend_list .price:before{
	content: "単金：";
    font-weight: 600;
	color: #555555;
}

.recommend_list .price_gr:before{
	content: "￥";
	transform: scale(0.8);
	position: absolute;
	color: #555555;
	left: 0;
	vertical-align: middle;
	font-weight: bold;
}

/* スマホ用ナビ */

.navigation_top{
	height: 64px;
	vertical-align: middle;
	position:relative;
}
.navigation_top p{
	position:absolute;
	top:20%;
	right: 20px;
}
.navigation_top .material-icons{
	color: #e1e5e7;
	font-size: 40px;
	vertical-align: middle;
}

/* アクティビティエリア */
#activity-btn i::before{
    content: "notifications";
}
#activity-btn.check i::before{
   content: "close";
}
#activity-cover{
    background-color: rgba(0, 0, 0, 0);
    top: 51px;
    height: calc(100% - 51px);
    overflow: hidden;
}
.activity-area{
	width: 280px;
	height: 100%;
	background-color:#ebebeb;
	text-align: center;
	box-sizing: border-box;
	position: fixed;
    top: 51px;
	right: 0;
	z-index: 5;
    display: none;
    transition: 0.2s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.activity-area .mdl-cell--6-col,
.activity-area .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
	width: 50%;
}
.activity-area .mdl-tabs__tab span{
    height: 100%;
    width: 100%;
    display: flex;
	justify-content: center;
	align-items: center;
    line-height: 1.2em;
}
.activity-area .mdl-badge[data-badge]:after{
	width: 18px;
	height: 18px;
    top: inherit;
    right: 2px;
}
.notice-list{
    overflow: auto;
    height: calc(100vh - 98px);
	margin: 0;
	border-top: 1px solid #CCCCCC;
}
.notice-list::-webkit-scrollbar{
    display: none;
}
.notice-list li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	padding: 10px;
	line-height: 1.5em;
	border-bottom: 1px solid #CCCCCC;
}
.notice-list .activity-more{
    color: #333333;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}
.notice-list li a,
.notice-list li label{
    width: 100%;
    color: #333333;
    display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	text-align: left;
    padding: 10px;
    margin: -10px;
    cursor: pointer;
}
#notice.notice-list li label{
    justify-content:flex-end;
}
.notice-list .activity-more:hover,
.notice-list li a:hover,
.notice-list li label:hover{
    background: rgba(3,169,244,0.10);
}
.notice-list .unread{
    background: #FFFFFF;
}
.notice-list .time{
	color: #757575;
}
.notice-list .time i{
	font-size: 14px;
}
.notice-list div{
	width: 100%;
	margin-top: 4px;
}
.notice-list .text{
    overflow: hidden;
    height: 4em;
}

/* ホーム */

.home-header #activity-btn{
    display: none;
}
.home-area-left{
	width: calc(100vw - 520px);
	float: left;
	box-sizing: border-box;
}
.home-area-left section{
	width: 100%;
	min-height: calc(100vh - 118px);
    padding: 0;
    align-content: flex-start;
}
.home-area-left .mdl-cell--12-col,
.home-area-left .mdl-cell--6-col{
    margin-bottom: 0;
}
.home-area-left .mdl-color--white{
    margin-bottom: 20px;
}
ul.home-sublist{
    width: 100%;
    display: flex;
}
.home-sublist th{
    overflow: hidden;
    padding: 10px 2px;
}
.home-sublist li{
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
    width: calc(100% / 6);
    border-right: 1px solid #CCCCCC;
    box-sizing: border-box;
}
.home-sublist li:last-child{
    border-right: none;
}
.home-sublist li a{
    display: block;
    padding: 10px 2px;
    margin: -10px -2px ;
    font-size: 11px;
    color: #333333;
}
.home-sublist th a{
    display: block;
    padding: 10px 2px;
    margin: -10px -2px ;
    font-size: 11px;
    color: #333333;
}
.home-sublist th a span,
.home-sublist li a span{
    font-size: 28px;
    color: rgba(3,169,244,1.0);
    line-height: 1.2em;
    font-weight: normal;
}
.home-sublist th a:hover,
.home-sublist td a:hover,
.home-sublist li a:hover{
    background-color: rgba(3,169,244,0.1);
}
.home-sublist td{
    font-size: 14px;
    padding: 0;
    line-height: 1em;
}
.home-sublist tr td:first-child{
    padding: 10px 5px;
}
.home-sublist tr td span:nth-child(2){
    font-size: 12px;
}
.home-sublist td a{
    display: block;
    height: 100%;
    min-height: 49px;
    font-weight: 600;
    line-height: 50px;
}
.home-header .activity-area{
    display: inherit;
    box-shadow: none;
}
/* ここから後日削除 */
.home-info{
	width: 100%;
	background: #FFFFFF;
	margin: 0 0 20px;
	padding: 20px 10px;
	box-sizing: border-box;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.home-info .home-info-list{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.home-info .home-info-list li{
	position: relative;
	margin-bottom: 5px;
}
.home-info .home-info-list li:last-child{
	margin-bottom: 0;
}
.home-info .home-info-list .ico-message::before{
	content: "メッセージ";
	width: 75px;
	height: 20px;
	background-color: rgb(3,169,244);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-contract::before{
	content: "契約期限";
	width: 75px;
	height: 20px;
	background-color: rgb(255,64,129);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-accept-contract-condition::before{
	content: "契約";
	width: 75px;
	height: 20px;
	background-color: rgb(255,64,129);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-matching::before{
	content: "マッチング";
	width: 75px;
	height: 20px;
	background-color: rgb(255,64,129);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-entry::before{
	content: "エントリー";
	width: 75px;
	height: 20px;
	background-color: rgb(137,215,46);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-scout::before{
	content: "スカウト";
	width: 75px;
	height: 20px;
	background-color: rgb(137,215,46);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-work-request-form::before{
	content: "作業依頼";
	width: 75px;
	height: 20px;
	background-color: rgb(255,152,0);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-upload-attendance-sheet::before{
	content: "請求書";
	width: 75px;
	height: 20px;
	background-color: rgb(255,152,0);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-interview-decision::before{
	content: "面接日決定";
	width: 75px;
	height: 20px;
	background-color: rgb(236, 225, 65);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-interview-reservation::before{
	content: "面接予約";
	width: 75px;
	height: 20px;
	background-color: rgb(236, 225, 65);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-interview-pass::before{
	content: "面接内定";
	width: 75px;
	height: 20px;
	background-color: rgb(236, 225, 65);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-contract-condition::before{
	content: "契約条件";
	width: 75px;
	height: 20px;
	background-color: rgb(0, 60, 255);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
.home-info .home-info-list .ico-contract-update-condition::before{
	content: "契約更新条件";
	width: 75px;
	height: 20px;
	background-color: rgb(0, 60, 255);
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	margin-right: 5px;
}
/* ここまで後日削除 */

.contract-list .aco-list{
    display: flex;
    padding: 10px;
    align-items: center;
}
.contract-list .aco-list div:nth-child(3),
.contract-list .aco-list div:nth-child(4){
    font-weight: 600;
}
.contract-list .aco-list div:nth-child(4)::first-letter{
    font-size: 24px;
    vertical-align: bottom;
}
.contract-list.detail-td .detail-area{
    padding: 0;
}
.contract-list .ac-in-list li{
    padding: 10px 4px;
}
/* 契約稼働詳細用 */
.contract-list .contract-td .ac-in-list li{
    padding: 0;
}
.contract-list .ac-in-list li a{
    color: #333333;
    line-height: 1.2em;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0 0 4px;
    box-sizing: border-box;
}
.contract-list .ac-in-list li div{
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1.2em;
    line-height: 1em;
}
.flex-btn-area{
    width: 100%;
    display: flex;
    justify-content: center;
}
.flex-btn-area .full-btn,
.flex-btn-area .split-btn{
    width: 200px;
    height: 50px;
    margin-right: 10px;
}
.flex-btn-area a,
.flex-btn-area div,
.flex-btn-area button,
.flex-btn-area label{
    width: 200px;
    height: 50px;
}
.flex-btn-area .full-btn button,
.flex-btn-area .split-btn button,
.flex-btn-area .full-btn label,
.flex-btn-area .split-btn label{
    width: 200px;
    height: 50px;
}
.flex-btn-area .split-btn:last-child{
    margin-right: 0;
}
/* 案件検索・人材検索エリア */
.search-acodion.gr-table,
.search-detail .gr-table td{
	border-collapse:separate;
}
.search-acodion.gr-table th{
	width: 140px;
}
.search-acodion.gr-table .btn-td{
	width: 150px;
	padding: 0 0 0 5px;
}
.search-acodion.gr-table .btn-td .favorite-area{
	padding: 0;
	margin: 0;
	height: auto;
}
.search-acodion.gr-table .btn-td .favorite-area input,
.search-acodion.gr-table .btn-td .favorite-area span{
	display: none;
}
.search-acodion.gr-table #label-scout,
.search-acodion.gr-table #label-favorite{
	background-color: rgba(255,255,255,1.00);
	border: solid 1px #a4a4a4;
	border-radius: 3px;
	position: relative;
	display: table-cell;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: rgba(3,169,244,1.00);
	font-weight: bold;
	min-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 150px;
	padding: 5px;
}
.search-acodion.gr-table label div{
	font-size: 12px;
	font-weight: 500;
	color: #333333;
}
.search-acodion.gr-table #label-scout i{
	color: #CCCCCC;
}
#scout-onoff:checked ~ #label-scout i{
	color: rgba(3,169,244,1.00);
}
.search-acodion.gr-table #label-favorite i,
.title_line .label-favorite i{
	color: #CCCCCC !important;
}
#favorite-onoff:checked ~ #label-favorite i,
.title_line .label-favorite.check i{
	color: rgba(251,192,46,1.00) !important;
}
.search-area .search-aco-area{
	width: calc(100% + 60px);
	margin: 20px -20px -30px -20px;
	padding: 5px 5px 10px;
	text-align: center;
	border-top: 1px solid #a4a4a4;
	overflow-x: hidden;
}
.search-aco-area #label-search-aco{
	width: 100%;
	font-size: 14px;
	display: block;
	cursor: pointer;
}

.search-aco-area #label-search-aco::after{
	content: "詳しい検索条件を入力する";
}
.search-aco-area #label-search-aco em::before{
	content: "expand_more";
	font-size: 36px;
	vertical-align: middle;
}
#ac-table-search:checked ~ .search-aco-area #label-search-aco::after{
	content: "検索条件を閉じる";
}
#ac-table-search:checked ~ .search-aco-area #label-search-aco em::before{
	content: "expand_less";
}
.search-detail{
	width: 100%;
	height: 0;
	padding: 0;
	opacity: 0;
	transition: 0.2s;
	overflow: hidden;
}
.search-detail .label-btn .selection{
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	padding-left: 5px;
	min-height: 36px;
}
#ac-table-search:checked ~ .search-detail {
	border-top: 1px solid #a4a4a4;
	height: auto;
	padding: 20px 0 0;
	margin-top: 20px;
	opacity: 1;
}
/* 検索結果 */
.title_line .label-favorite{
	float: right;
	display: flex;
}
.title_line .label-favorite:hover{
	background-color: rgba(255,232,177,1.00);
	border-color:  rgba(255,232,177,1.00);
}
.title_line .scout-icon{
	vertical-align: middle;
	display: flex;
}
.result-area{
    display: flex;
    flex-direction:column;
}
.result-area .gr-table.search-table{
    margin-bottom: 20px;
}
.result-area .search-aco-area{
	width: calc(100% + 30px);
	margin: 20px 0px -20px -20px;
	padding: 5px;
	text-align: center;
	border-top: 1px solid #cccccc;
	overflow-x: hidden;
}
.result-area .search-aco-area .show-accordion{
	width: 100%;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.result-area .search-aco-area .show-accordion .expand{
	font-size: 36px;
	vertical-align: middle;
}
.result-area .accordion-hide{
	margin-top: 5px;
}
.result-area .detail-btn{
	margin-top: auto;
    align-self: flex-end;
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
}
.result-area .entry-btn{
	margin: 30px 0 10px;
}
.entry-sheet{
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.entry-sheet li{
	margin-right: 20px;
}
.entry-sheet .text-link{
	font-weight: 600;
}
/* マッチ度計算 */
.match{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 60px;
	margin: 0 0 0 -16px;
	padding: 0 0 12px;
	float: left;
}
.match .circliful circle:first-child{
    stroke: #ededed;
    stroke-width: 12px;
}
.match .circliful circle:nth-child(2){
    stroke: #8fcfec;
    stroke-width: 12px;
}
.match.best .circliful circle:nth-child(2){
    stroke: #ffbfd5;
    stroke-width: 12px;
}
.match-top{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	margin: 0 6px 0 0;
	padding: 0;
	float: left;
}
.match .text,
.match-top .text{
	position: absolute;
	z-index: 10;
	text-align: center;
	font-size: 12px;
    padding-top: 8px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		  -1px 1px 0 #FFF, 1px -1px 0 #FFF,
		  0px 1px 0 #FFF,  0-1px 0 #FFF,
		  -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.match .text .percent,.match-top .text .percent{
	display: block;
	font-size: 24px;
	color: #03a9f4;
	font-weight: bold;
}
.match.best .text .percent{
	color: #ff2e75;
}
.match .text .percent span,.match-top .text .percent span{
	font-size: 13px;
}

.pie-chart{
	-webkit-mask-image: radial-gradient(
		transparent 0%,
		transparent 24px,
		white 24px,
		white
	);
	mask-image: radial-gradient(
		transparent 0%,
		transparent 24px,
		white 24px,
		white
	);
}
.pie 
{
	position: absolute;
	left: 50%;
	width: 50%;
	height: 100%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
}
.pie:before 
{
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}
.pie.large 
{
	left: 0;
	width: 100%;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
.pie.large:before 
{
	left: 0;
	width: 50%;
}
.pie.large:after 
{
	position: absolute;
	left: 50%;
	width: 50%;
	height: 100%;
	content: '';
}

/* 検索モーダル */
.modal.search .mdl-checkbox__label{
	line-height: 1.2em;
	top: 3.5px;
}
.modal.search .mdl-tabs__panel.is-active{
	overflow: hidden;
}
.modal.search #tab-skill ul li{
	width: 25%;
	float: left;
}
.modal.search .tab-job ul li,
.job-list li{
	width: 33%;
	float: left;
}
.industry-list,
.job-list,
.quarter-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 0 -10px;
    padding: 0;
}
.industry-list li{
	width: 20%;
}
.job-list li,
.quarter-list li{
    width: 25%;
}
.modal.search .tab-industry ul li{
	width: 16.5%;
	float: left;
}
.tab-area{
	max-width: 1004px;
	margin-top: 30px;
	clear: left;
	overflow: hidden;
}
/* 人材登録用クラス */
.own-resource-area .tab-area{
	margin-top: 0;
	max-width: 840px;
}
.tab-area .title{
	clear: both;
}
.tab-area .title p{
	float: left;
	padding: 2px 0 2px 10px;
}
.tab-area .title div{
	float: left;
	width: inherit;
	margin-left: 10px;
	padding: 2px 5px;
	background-color: #EDEDED;
}
.tab-area .title .mdl-checkbox{
	width: auto;
	margin-left: 0;
}
.tab-area .title .mdl-checkbox__box-outline{
	padding: 5px;
}
.tab-area .title .mdl-checkbox__box-outline{
	border-color: rgb(180,180,180);
}
.tab-area .title .mdl-checkbox.is-checked .mdl-checkbox__box-outline{
	border: 2px solid rgb(3,169,244);
}
.tab-area .area-list:first-child{
	float: left;
	width: calc(75% - 20px);
	margin-right: 20px;
}
.tab-area .area-list:first-child ul li{
	float: left;
	width: 16.5%;
}
.tab-area .area-list:last-child{
	float: left;
	width: 25%;
}
.tab-area .area-list:last-child ul li{
	float: left;
	width: 50%;
}
.tab-area .bg_gray{
	padding: 10px;
	font-weight: bold;
}
.tab-area .mdl-list{
	margin: 0px;
	padding: 0px;
}

.sp-search-area{
	background-color: rgba(222,222,222,1.00);
	padding: 20px;
	
}
.sp-search-area button span{
	vertical-align: middle;
}
.sp-search-area .full-btn{
	width: 100%;
	vertical-align: middle;
}
.sp-search-area .mdl-button-white{
	border: 2px solid rgba(176,176,176,1.00);
	padding: 10px 5px;
	margin: 0px;
	vertical-align: middle;
	box-sizing: border-box;
}
.sp-search-area label{
	display: block;
	width: 100%;
}
.sp-search-area label i{
	vertical-align: middle;
	margin-right: 5px;
	font-size: 30px;
}
.sp-search-area .full-btn span{
	font-weight: bold;
	vertical-align: middle;
}
.sp-search-area .half-btn{
	width: 48%;
}
.sp-search-area .half-btn img{
	display: block;
	text-align: center;
	margin:0 auto;
	margin-bottom: 6px;
	height: 30px;
}
.sp-search-area .search-form{
    width: 100%;
    height: 40px;
    border-radius: 2px;
    box-sizing: border-box;
	
}
.sp-search-area .search-form input{
    height: 40px;
    padding: 10px;
    float: left;
    box-sizing: border-box;
	border: 2px solid rgba(176,176,176,1.00);
}
.sp-search-area .search-form button{
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	float: right;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: solid 2px #FFFFFF;
	border-radius: 0 2px 2px 0;
	box-sizing: border-box;
	box-shadow: none;
}

.sp-results-area{
	width: 100%;
	clear: both;
}
.underline{
	border-bottom: solid 2px #d9d9d9;
	padding: 20px;
	overflow: hidden;
	clear: both;
	vertical-align: middle;
}
.sp-results-area .h2_search{
	margin: 14px 0;
	color: #607d8b;
}

/* 登録画面チェックボックスの余白削除 */

.record .demo-list-control{
	margin: 0 -15px;
}

/* スマホ用モーダルテーブル */

.modal-wrap .gr-table{
	text-align: left;
}


/* スマホ用モーダルリスト */

.sp-list-full{
	width: 100%;
	float: left;
}
.sp-list-half{
	width: 50%;
	float: left;
}
.sp-list-third{
	width: 33%;
	float: left;
}

/* リンクをエリア全体に */
.overall-link{
	position: relative;
}
.overall-link a{
	position: absolute;
	display: block;
    width: 100%;
    height: 100%;
	top:0;
	left: 0;
	z-index: 1;
}
.overall-link:hover{
    background-color: rgba(3,169,244,0.10);
}
.overall-link .disp{
	position: inherit;
	display: inline;
	text-indent: inherit;
	top: auto;
	left: auto;
	z-index: 2;
}

.overall-link label{
	z-index: 2;
}
.overall-link button{
	z-index: 2;
}

/* 文字列切り取り */
.text-over{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.text-over span{
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  -moz-text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
}

.mdl-textfield__label__icon {
	position: absolute;
	right: 0;
	top: 20px;
	display: none;
}

.h4-text .validate-success {
	 display: none;
	 vertical-align: bottom;
}

/* 一覧総件数 */
.total-count{
	font-size: 5px;
}

#hackshub_now {
	position: fixed;
	display: block;
	right: 0;
	top: 0;
	margin-right: 230px;
	margin-top: 20px;
	z-index: 900;
}

.skill_bg{
	width:100%;
	background-color: #dbf4ff;
	padding: 10px;
	margin-bottom: 20px;
}
.skill_bg p{
	padding: 5px 0;
	color: #03a9f4;
	font-weight: bold;
}
/* アコーディオンテーブル */
.detail-link label,
.table-aco .tr-aco label{
	float: right;
	display: block;
	position: relative;
	cursor: pointer;
	color: rgba(3,169,244,1.00);
	width: 105px;
	text-align: right;
	vertical-align: middle;
	box-sizing: border-box;
}
.detail-link label em,
.table-aco .tr-aco label em{
	vertical-align: middle;
}
.table-aco .contract-area .show-accordion{
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	cursor: pointer;
	color: rgba(3,169,244,1.00);
	vertical-align: middle;
	box-sizing: border-box;
}
.table-aco .contract-area .show-accordion .accordion-visible-txt{
	float: none;
	font-weight: 500;
}
.table-aco .tr-aco label .material-icons{
	vertical-align: middle;
}
.table-2color .bg_white .detail-td,
.table-2color .bg_blue .detail-td,
.table-2color .bg_white .contract-td,
.table-2color .bg_blue .contract-td{
	padding: 0;
	text-align: left;
}
.detail-td .detail-area{
	font-size: 13px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	margin: 0 10px 10px;
	padding: 0 10px 10px;
	overflow: hidden;
	box-sizing: border-box;
}
.contract-td .contract-area{
	font-size: 13px;
	border: solid 1px #CCCCCC;
	background: #FFFFFF;
	margin: 0 10px;
    padding: 5px 9px;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
	position: relative;
}
.contract-table .contract-td .accordion-hide .detail-link{
	display: inherit;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.contract-td .contract-area .detail-link label{
	width: 100%;
	text-align: center;
}
.contract-td .contract-area .same-h{
	/*display:table-cell;*/
	line-height: 1.2em;
	padding:4px 0;
}
.contract-td .contract-area .same-h span{
	float: left;
}
.contract-td .contract-area .same-h .multi{
	float: left;
}
.detail-td .detail-area span,
.contract-td .contract-area span,
.contract-list .contract-area span{
	font-weight: 600;
}
.detail-td .detail-area .mdl-checkbox span
.contract-list .detail-area .mdl-checkbox span{
	font-size: 13px;
	font-weight: 500;
}
.bg_white .detail-td .detail-area button,
.bg_blue .detail-td .detail-area button{
	font-size: 13px;
}
.detail-td .detail-area .float_l,
.contract-td .contract-area .float_l{
	margin-right: 30px;
}
.contract-list .contract-td .contract-area .special{
	line-height: 1.2em;
	padding-top: 4px;
	overflow: hidden;
}
.contract-list .contract-area .special span{
	float: left;
}
.contract-list .contract-area .special div{
	float: left;
	max-width: calc(100% - 5em);
	overflow: hidden;
	line-height: inherit;
    margin-top: 0;
}
.contract-area .special .accordion-hide{
	max-height: 100%;
}
/* 応募管理 */
.sublist-table .bg_white .detail-td .detail-area,
.sublist-table .bg_blue .detail-td .detail-area{
	transition: none;
}
/* 契約稼働一覧 */
.contract-table.table-2color td:nth-child(2){
	padding-left: 10px;
}
.contract-table colgroup col:nth-child(1){
	width: 130px
}
.contract-table colgroup col:nth-child(2){
	width: 30%;
}
.contract-table colgroup col:nth-child(3){
	width: 90px;
}
.contract-table colgroup col:nth-child(4){
	width: 80px;
}
.contract-table colgroup col:nth-child(5),
.contract-table colgroup col:nth-child(6){
	/*width: 100px;*/
}
.contract-table colgroup col:nth-child(7){
	width: 80px;
}
.contract-table colgroup col:nth-child(8){
	width: 110px;
}
.contract-table .tr-btn .sp-disp{
	font-weight: 600;
}
.contract-table.table-2color tr .btn-area{
	width: 110px;
	box-sizing: border-box;
    text-align: left;
}
.contract-table .contract-area .special label em{
	vertical-align: middle;
}
.table-2color .contract-btn {
	vertical-align: top;
	width: 130px;
	padding: 10px 15px 10px 5px;
	box-sizing: border-box;
}
.table-2color .contract-area .contract-btn{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.contract-table .contract-btn button,
.contract-table .contract-btn label{
	width: 100%;
	padding: 8px;
	margin: 0 5px 10px 0;
	font-size: 13px;
	vertical-align: middle;
	min-height: inherit;
	display: block;
	box-sizing: border-box;
}
.contract-btn button i{
	font-size: 18px;
	vertical-align: middle;
	margin-top: -3px;
	padding-left: 0;
	padding-right: 2px;
}
.contract-btn .mdl-badge.mdl-badge--overlap{
	margin: 0;
}
.contract-btn .mdl-badge.mdl-badge--overlap:after{
	top: auto;
	bottom: 28px;
	right: -66px;
}
.contract-table .contract-td .accordion-hide{
	padding: 0;
}

.contract-table .contract-td .accordion-hide{
	padding: 5px 9px;
}
.contract-table .contract-td .accordion-hide li{
	display: inherit;
}
.contract-table .contract-td .accordion-hide .same-h{
	display: table-cell;
}
.contract-table .contract-td .accordion-hide .show-accordion{
	display: inherit;
	max-width: inherit;
	margin: 0;
	padding: 0;
}
/* ver2.7.0 契約稼働一覧 ここから
.contract-table colgroup col:nth-child(2){
	width: 40%;
}
.contract-table colgroup col:nth-child(3){
	width: 6em;
}
.contract-table colgroup col:nth-child(1),
.contract-table colgroup col:nth-child(4),
.contract-table colgroup col:nth-child(5){
	width: 100px;
}
.contract-table colgroup col:nth-child(6){
	width: 80px;
}
.contract-table colgroup col:nth-child(7){
	width: 100px;
}
.contract-table .tr-btn .sp-disp{
	font-weight: 600;
}
.contract-table.table-2color tr .btn-area{
	width: 100px;
	box-sizing: border-box;
}
.contract-table.table-2color tr .btn-area button{
    width: 40px;
}
.contract-table.table-2color tr .btn-area .mdl-badge.mdl-badge--overlap{
    margin-right: -15px;
    padding-right: 10px;
}
.contract-table.table-2color tr .btn-area .mdl-badge.mdl-badge--overlap:after{
    width: 20px;
    height: 20px;
    right: 5px;;
    top: -18px;
}
.contract-table .contract-area .special label em{
	vertical-align: middle;
}
.table-2color .contract-btn {
	vertical-align: top;
	width: 130px;
	padding: 10px 15px 10px 5px;
	box-sizing: border-box;
}
.table-2color .contract-area .contract-btn{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.contract-table .contract-btn button,
.contract-table .contract-btn label{
	width: 100%;
	padding: 8px;
	margin: 0 5px 10px 0;
	font-size: 13px;
	vertical-align: middle;
	min-height: inherit;
	display: block;
	box-sizing: border-box;
}
.contract-btn button i{
	font-size: 18px;
	vertical-align: middle;
	margin-top: -3px;
	padding-left: 0;
	padding-right: 2px;
}
.contract-btn .mdl-badge.mdl-badge--overlap{
	margin: 0;
}
.contract-btn .mdl-badge.mdl-badge--overlap:after{
	top: auto;
	bottom: 28px;
	right: -66px;
}
.contract-table .contract-td .accordion-hide{
	padding: 5px 9px;
}
.contract-table .contract-td .accordion-hide li{
	display: inherit;
}
.contract-table .contract-td .accordion-hide .same-h{
	display: table-cell;
}
.contract-table .contract-td .accordion-hide .show-accordion{
	display: inherit;
	max-width: inherit;
	margin: 0;
	padding: 0;
}
/* ver2.7.0 契約稼働一覧 ここまで */

/* 契約稼働モーダル */
.modal-requestform .request,
.modal-attendance-sheet .request{
	margin: 20px 0;
}
.modal-requestform .request .days input{
	width: 8em;
}
.modal-requestform .request .days button,
.modal-attendance-sheet .request .days button{
	width: 180px;
	margin-left: 10px;
}
.modal-requestform .history .history-accordion{
	cursor: pointer;
	display: block;
}
.modal-requestform .history .history-accordion em{
	color: rgba(3,169,244,1.00);
	vertical-align: middle;
}
/* 契約稼働詳細 */
.title-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* 設定 */
.setting-list{
    width: 100%;
}
.setting-list li{
    display: block;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.setting-list li:last-child{
    margin-bottom: 0;
    padding-top: 20px;
    border-top: 1px solid #CCCCCC;
}
.setting-list li a{
    font-weight: 600;
}

/* サイドナビ非表示サイズ */

@media screen and (max-width: 1024px){
	/* ヘッダー */
	.mdl-layout__header-row{
		padding: 0 0px 0 50px !important;
	}
    /* 通知 */
    #activity-cover{
        background-color: rgba(0, 0, 0, 0.5);
    }
    /* ホーム */
	.home-area-left{
		width: calc(100vw - 280px);
	}
	/* メッセージ画面 */
	.mdl-layout--fixed-drawer > .mdl-layout__content.message-layout {
		margin-left: 0; }
	.mdl-layout__container.has-scrolling-header .mdl-layout__content {
		overflow-y: auto;
		overflow-x: hidden; } 
	.message-layout .message-input-area{
		width: calc(100vw - 340px);
	}
	.message-view-area .ac-info-top{
		width: calc(100vw - 340px);
		max-height: 56px;
	}
	.message-view-area .ac-info{
		width: calc(100vw - 340px);
		max-height: calc(100% - 185px);
		top: 56px;
	}
	.message-area-left{
		width: calc(100vw - 340px);
	}
	/* 検索モーダル */
	.tab-area .area-list{
		width: 100% !important;
	}
	.tab-area .area-list:first-child{
		margin: 0 0 10px;
	}
	.tab-area .area-list ul li{
		width: 16.5% !important;
	}
	/* 案件検索・人材検索 */
	.search-acodion .gr-table colgroup.half col:nth-of-type(2){
		width: auto;
	}
	.search-acodion .gr-table colgroup.half col:nth-of-type(4){
		width: 150px;
	}
    /* 案件登録・人材登録 */
    #create_area .form_layout .input_area .appeal label .mdl-checkbox__label{
        font-size: 1.4vw;
    }
    /* 契約稼働一覧 */
    .contract-table colgroup col:nth-child(2){
        width: 30%;
    }
}


@media (min-width: 840px) {
	.search-form-s{
		width: 500px;
	}
	.tab-area .area-list ul li{
		width: 20% !important;
		min-width: 100px;
	}
}
/* タブレット */
@media (max-width: 839px) {
	.search-form-s{
		width: 420px;
	}
	.modal.search #tab-skill ul li{
		width: 50%;
	}
	.modal.search .tab-job ul li,
	.job-list li,
    .quarter-list li{
		width: 50%;
	}
	.modal.search .tab-industry ul li,
	.industry-list li{
		width: 33.3%;
	}
	.tab-area .area-list ul li{
		width: 20% !important;
		min-width: 100px;
	}
    /* ホーム */
    .home-sublist tr{
        display: flex;
        flex-wrap: wrap;
    }
    .home-sublist tr th{
        width: calc(100% / 7);
        box-sizing: border-box;
    }
    .home-sublist tr th:first-child{
        display: none;
    }
    .home-sublist tr td{
        width: calc(100% / 7);
        box-sizing: border-box;
        padding-bottom: 10px;
    }
    .home-sublist tr td:first-child{
        width: 100%;
        border: none;
    }
    .home-sublist td a{
        min-height: inherit;
        line-height: inherit;
    }
    .home-sublist .name-td span:first-child{
        display: inline;
    }
    /* 案件登録・人材登録 */
    #create_area .form_layout .input_area .appeal label .mdl-checkbox__label{
        font-size: 1.4vw;
    }
}
@media (max-width: 800px) {
	/* 案件管理・人材管理 */
	.pe-list-table tr .link,
	.pj-list-table tr .link{
		width: 71px;
	}
	.pe-list-table tr .link .detail-link,
	.pj-list-table tr .link .detail-link{
		margin-right: 0;
	}
	/* メッセージ */
	.system-message .modal-btn.mr_r10 {
		margin: 0;
	}
    /* 勤怠管理 */
    .total-area .btn-area a,
    .total-area .btn-area div,
    .total-area .btn-area button,
    .total-area .btn-area label{
        width: 100px;
        height: 50px;
    }
}
/* スマホ表示 */
@media (max-width: 479px) {
	.mdl-color--grey-300.pd20,
	.mdl-color--white.pd20{
		padding: 10px;
	}
	.mdl-color--white.pd20.table{
		padding: 0;
	}
	.mdl-color--white.pd20.table .table-2color{
		border-radius: 3px;
	}
	.refine-area .select-long{
		max-width: calc(100% - 45px);
	}
	.refine-area .sublist-select{
		margin-right: 0;
	}
	/* ヘッダー */
	.demo-drawer-header{
		display: none;
	}
	.demo-header .histry-btn{
		padding: 2px 9px;
		font-size: 12px;
		min-height: inherit;
	}
	.mdl-button--icon{
		width: 40px;
		min-width: 40px;
	}
	.mdl-button .mdl-badge[data-badge]:after{
		width: 18px;
		height: 18px;
		top: -5px;
	}
	/* 見出し */
	.h1-text{
		max-width: calc(100% - 80px);
		padding: 0;
		margin: 0;
		font-size: 22px;
		overflow: hidden;
		white-space: nowrap;
	}
	.h2_search{
		vertical-align: middle;
		font-size: 14px;
		width: 100%;
		float: none;
		clear: both;
	}
	.h2_search span{
		font-size: 24px;
	}
	.modal .h3-big{
		margin-top: 20px;
	}
	.title_line .text{
		max-width: 100%;
	}
	/* ボタン */
	.float-center .center-ul{
		left: calc(50% + 10px);
	}
	.center-ul .center-li.accept-btn{
		width: 200px;
		max-width: 60%;
	}
	.center-ul .center-li.accept-btn button,
	.center-ul .center-li.accept-btn label{
		width: 100%;
	}
    .center-ul .center-li.full-btn{
        width: 100%;
    }
    .center-ul .center-li.full-btn button,
	.center-ul .center-li.full-btn label{
		width: 100%;
	}
    .center-ul .center-li.half-btn{
        width: calc(50% - 5px);
    }
    .center-ul .center-li.half-btn button,
    .center-ul .center-li.half-btn label{
        width: 100%;
    }
	.center-ul .center-li.refuse-btn{
		width: 100px;
		max-width: 30%;
		margin-left: 10px;
	}
	.center-ul .center-li.refuse-btn button,
	.center-ul .center-li.refuse-btn label{
		width: 100%;
	}
    /* 通知 */
    #add_list{
        width: 100%;
        position: absolute;
        background-color: #ebebeb;
        border-top: 1px solid #CCCCCC;
        bottom: 50px;
        z-index: 10;
    }
	/* 検索結果エリア */
	.mdl-cell.results{
		margin: 10px 0 0;
		justify-content: space-between;
	}
	.mdl-cell.results h2{
		width: auto;
	}
	.mdl-cell.results .sp-width{
		width: 100%;
		
	}
	.mdl-cell.results .sort-select.selectbox{
		display: inherit;
	}
	/* 検索エリア */
	.flex-list.xc .search-form{
		width: 100%;
	}
	.flex-list > *:not(:last-child){
		margin: 5px 0;
	}
	.flex-list > *{
		margin: 10px 0;
	}
	.search-area{
		padding: 10px 10px 0;
	}
	.search-form-s{
		width: 100%;
	}
	.search-form.mr_r20{
		margin-right: 10px;
	}
	.search-form .search-R{
		width: 100%;
	}
	.search-form .search-R input{
		width: 100%;
	}
	/* テーブル */
	.gr-table{
		table-layout:auto;
	}
	.gr-table th{
		width: auto;
		min-width: 50px;
	}
	.gr-table .comment{
		display: block;
		clear: left;
	}

	.table-2color table{
		border-collapse:separate;
		padding: 20px;
		box-sizing: border-box;
	}
	.table-2color table tr td{
		padding: 0 0 2px;
	}
	.table-2color table tr:last-child td{
		padding: 0px;
	}
	.table-2color .comment{
		display: block;
		clear: both;
	}
	.table-2color .val-l{
		padding: 10px 0 10px 10px;
		max-width: 95%;
		
	}
	.table-2color .val-r{
		padding: 10px 10px 10px 0;
		min-width: 5%;
	}
	.table-2color.right-brn table{
		border-collapse:separate;
		padding: 20px;
		box-sizing: border-box;
		table-layout:fixed;
		width:100%;
	}
	.table-2color .left-title{
		padding: 0;
		margin: 0;
		width: calc(100% - 100px);
		box-sizing: border-box;
		word-wrap:break-word;
	}
	.table-2color .left-title span{
		width: 100%;
	}
	.table-2color .right-brn{
		padding: 0;
		margin: 0;
		width: 100px;
		text-align: right;
		box-sizing: border-box;
	}
	/* 入力フォーム */
	.selectedFileName{
		display: block;
		padding-left: 0;
	}
    /* アクティビティエリア */
    .activity-area .mdl-tabs__tab-bar{
        padding: 0;
    }
    /* ホーム */
    .home-header #activity-btn{
        display: inherit;
    }
    .home-header .activity-area{
        display: none;
    }
    .home-area-left{
        width: 100vw;
    }
    ul.home-sublist{
        flex-wrap: wrap;
    }
    .home-sublist li{
        width: calc(calc(100% / 4) + 1px);
        margin: 0;
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        margin-top: -1px;
        margin-left: -1px;
    }
    .home-sublist li:nth-of-type(1){
        border-top: none;
        border-left: none;
    }
    .home-sublist li:nth-of-type(2),
    .home-sublist li:nth-of-type(3){
        border-top: none;
    }
    .home-sublist li:nth-of-type(4){
        border-top: none;
        border-right: none;
    }
    .home-sublist li:nth-of-type(5){
        border-bottom: none;
        border-left: none;
    }
    .home-sublist li:nth-of-type(6){
        border-bottom: none;
    }
    .home-sublist li:nth-of-type(7){
        border-bottom: none;
        border-right: 1px solid #CCCCCC;
    }
    .home-sublist th{
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .home-sublist li a,
    .home-sublist th a{
        font-size: 10px;
        font-weight: normal;
    }
	/* 案件管理・人材管理 */
	.pe-list-table.table-2color td:nth-child(2),
	.pj-list-table.table-2color td:nth-child(2){
		padding-left: 0;
		padding-top: 10px;
	}
	.pe-list-table tr .btn-area,
	.pj-list-table tr .btn-area{
		position: absolute;
		padding-top: 10px;
		right: 10px;
	}
	.pe-list-table tr .fw_b,
	.pj-list-table tr .fw_b{
		max-width: calc(100% - 90px);
	}
	.pe-list-table .bg_white,
	.pj-list-table .bg_white{
		border: 10px solid #FFFFFF;
		position: relative;
	}
	.pe-list-table .bg_blue,
	.pj-list-table .bg_blue{
		border: 10px solid #fdfdfe;
		position: relative;
	}
	.pe-list-table .tr-link,
	.pj-list-table .tr-link{
		cursor: pointer;
	}
	.pe-list-table .tr-link:hover,
	.pj-list-table .tr-link:hover{
		background-color: none;
	}
	.pe-list-table tr td,
	.pj-list-table tr td{
		display: block;
		text-align: left;
		padding: 0 5px 5px;
	}
	.pe-list-table tr .slash.bold{
		font-weight: 600;
		margin-top: 10px;
		min-width: 100px;
		padding-right: 0;
		box-sizing: border-box;
	}
	.pe-list-table tr .slash.bold.end{
		font-weight: 600;
		margin-top: 10px;
		min-width: calc(100% - 155px);
		box-sizing: border-box;
	}
	.pj-list-table tr .slash.bold{
		font-weight: 600;
		margin-top: 10px;
		clear: left;
	}
	.pj-list-table tr .slash.bold.tb-left{
		margin-top: 0;
		padding-right: 5px;
		width: 100%;
	}
	.pe-list-table tr .slash,
	.pj-list-table tr .slash{
		float: left;
		padding-right: 0;
	}
	.pe-list-table tr .slash::after,
	.pj-list-table tr .slash::after{
		content: " /";
	}
	.pe-list-table tr .slash.end + .slash,
	.pj-list-table tr .slash.end + .slash{
		clear: both;
	}
	.pe-list-table tr .slash.end::after,
	.pj-list-table tr .slash.end::after{
		content: "";
	}
	.pe-list-table tr .link,
	.pj-list-table tr .link{
		clear: left;
		width: 100%;
	}
	.pe-list-table tr .link .detail-link,
	.pj-list-table tr .link .detail-link{
		margin-right: 10px;
	}
	.pe-list-table tr .sp-icon-public{
		height: 20px;
		width: 50px;
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		margin-top: 7px;
		margin-bottom: 3px;
		padding: 2px;
		border-radius: 10px;
		border: solid 1px #CCCCCC;
		box-sizing: border-box;
		float: right;
	}
	.pj-list-table tr .sp-icon-public{
		height: 20px;
		width: 50px;
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		margin-top: 7px;
		margin-bottom: 3px;
		padding: 2px;
		border-radius: 10px;
		border: solid 1px #CCCCCC;
		box-sizing: border-box;
		right: 30px;
	}
	.pe-list-table tr .sp-icon-public.col-r,
	.pj-list-table tr .sp-icon-public.col-r{
		color: #FFFFFF;
		background-color: rgba(255,23,68,1.00);
		border: solid 1px rgba(255,23,68,1.00);
	}
	/* 案件詳細・人材詳細 */
	.gr-table.detail-table tr th,
	.gr-table.detail-table tr td{
		display: block;
	}
    /* 案件登録・人材登録 */
    .form_layout h3{
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 4px;
    }
    #create_area .form_layout .input_area{
        width: 100%;
    }
    #create_area .form_layout .input_area .appeal li{
        width: 100%;
    }
    #create_area .form_layout .input_area .appeal label{
        margin: 0;
    }
    #create_area .flex-skill{
        flex-direction: column;
    }
    #create_area .flex-skill .select2box.mr_r10{
        margin-right: 0;
    }
    #create_area .flex-skill .select2box .select2-container{
        width: 100% !important;
    }
    #create_area .mdl-tabs__tab-bar{
        padding: 0;
    }
    #create_area .form_layout.work{
        border-left: none;
        border-right: none;
        padding: 10px 5px 0;
    }
    .flex-qua{
        margin-bottom: 10px;
    }
    .flex-qua input{
        width: 100%;
        margin-right: 0
    }
	/* 人材検索・案件検索 */
    .gr-table.search-table{
        /*table-layout: fixed;*/
    }
	.search-area .search-table.gr-table tr td{
		padding: 10px 0;
	}
	.gr-table .tr-inline{
		display: inline;
	}
	.gr-table tr th{
		display: block;
		overflow: hidden;
		clear: both;
	}
	.gr-table tr .pc-disp{
		display: none;
	}
	.gr-table tr td{
		display: block;
	}
	.search-acodion.gr-table .btn-td .favorite-area{
		padding-left: 24px;
		margin-left: 0;
		height: 24px;
	}
	.search-acodion.gr-table .btn-td .favorite-area input,
	.search-acodion.gr-table .btn-td .favorite-area span{
		display: inherit;
	}
	.search-acodion.gr-table .btn-td .favorite-area #label-favorite{
		display: none;
	}
	.search-acodion.gr-table th{
		width: auto;
	}
	.title_line .text.search
	.search-table tr .slash{
		float: left;
		padding-right: 0;
	}
	.search-table tr .slash::after{
		content: " /";
	}
	.search-table tr .slash.end::after{
		content: "";
	}
	.search-area .search-table.gr-table tr .btn-td{
		float: right;
		box-sizing: border-box;
	}
	.search-acodion.gr-table #label-scout,
	.search-acodion.gr-table #label-favorite{
		min-width: 100%;
	}
	.search-detail .search-table.gr-table tr{
		overflow: hidden;
	}
	.search-detail .search-table.gr-table .label-btn{
		float: left;
		overflow: hidden;
	}
	.search-detail .search-table.gr-table .selection{
		display: table-cell;
		vertical-align: middle;
		margin-left: 6px;
		overflow: hidden;
	}
	.search-table.gr-table .mdl-radio{
		float: left;
		width: 50%;
	}
	.search-area .search-aco-area,
	.result-area .search-aco-area{
		margin: 10px -10px -10px;
	}
	.search-area .search-aco-area label,
	.result-area .search-aco-area label{
		margin-left: -5px;
	}
	.result-area .scout-btn,
	.result-area .entry-btn{
		margin: 10px 0;
	}
    .select2-set .selectbox::before,
    .select2-set .select2box::before{
        content: none;
    }
	.select2-set .select2-container{
		width: 100% !important;
	}
	.select2-set .select2-container .selection{
		display: inline-block !important;
		margin-left: 0 !important;
        width: 100%;
	}
	.add-btn.mdl-button-black{
		width: 100%;
	}
	.match + .pj-title,
	.match + .pe-title{
		width: calc(100% - 86px);
		float: left;
	}
	.title_line .pj-title .text-20{
		font-size: 18px;
	}
	.title_line .text.search{
		width: calc(100% - 77px);
        max-width: inherit;
	}
    .match + .pj-title .text.search{
        width: 100%;
    }
    .title_line .list-date{
        margin-top: 5px;
    }
	.title_line .pj-title .list-date{
		width: auto;
		text-align: left;
		float: left;
		line-height: 1.3em;
        margin-top: 0;
	}
	.title_line .pj-title .float_r{
		margin-bottom: 5px;
	}
	/* 応募管理 */
	.sublist-search{
		background-color: rgb(224,224,224) ;
		padding: 10px;
		border-radius: 3px;
	}
	.sublist-status{
		display: inherit;
		margin-bottom: 10px;
	}
	.sublist-status div{
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #b6b6b6;
		padding: 4px;
		box-sizing: border-box;
	}
	.sublist-status ul{
		/*display: none;*/
		margin-top: 5px;
	}
	.sublist-status ul li{
		margin-bottom: 5px;
	}
	.sublist-table.table-2color .detail-label,
	.contract-table.table-2color .detail-label{
		display: none;
	}
	.sublist-table.table-2color tr .detail-link,
	.contract-table.table-2color tr .detail-link{
		display: block;
	}
	.sublist-modal.table-2color tr td{
		display: block;
		padding: 0px 10px 5px;
		text-align: left;
	}
	.sublist-modal.table-2color tr td:first-child{
		padding-top: 10px;
	}
	.sublist-modal.table-2color tr td:last-child{
		padding-bottom: 10px;
	}
	.sublist-modal.table-2color tr .slash{
		float: left;
		padding-right: 0;
	}
	.sublist-modal.table-2color tr .slash::after{
		content: " /";
	}
	.sublist-modal.table-2color tr .slash.end::after{
		content: "";
	}
	.sublist-table.gr-table tr th,
	.sublist-table.gr-table tr td{
		display: block;
	}
	.sublist-table.gr-table tr .pc-disp{
		display: none;
	}
	.sublist-table.gr-table .mdl-checkbox{
		width: 50%;
		margin-left: 0;
		box-sizing: border-box;
	}
	.sublist-table.table-2color tr{
		position: relative;
		margin: 0;
		padding: 0;
	}
	.sublist-table.table-2color tr td{
		display: block;
		padding: 5px 10px 0;
		text-align: left;
		float: left;
	}
	.sublist-table.table-2color .td-aco{
		width: calc(100% - 57px);
		padding-top: 20px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	.sublist-table.table-2color tr .tb-left:nth-child(2){
		width: 100%;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.sublist-table.table-2color tr .tb-left.fw_b{
		margin-top: 10px;
	}
	.sublist-table.table-2color tr .half,
	.sublist-modal.table-2color tr .half{
		width: 50%;
		box-sizing: border-box;
	}
	.sublist-table.table-2color tr .btn-area{
		position: absolute;
		text-align: right;
		margin-top: 10px;
		right: 20px;
		padding-right: 5px;
		width: auto;
	}
	.sublist-table.table-2color tr .detail-link{
		width: 100%;
		clear: left;
		box-sizing: border-box;
	}
	.sublist-table.table-2color tr .detail-link label{
		width: 100%;
		text-align: center;
	}
	.sublist-table.table-2color tr .detail-td{
		width: 100%;
		padding: 0;
	}
	.sublist-table.table-2color tr .detail-td li{
		float: none;
		margin-top: 5px;
	}
	.sublist-table.table-2color tr .detail-td .float_r{
		float: none;
		text-align: right;
		margin-top: 10px;
	}
	.sublist-table.table-2color tr .detail-td .float_r .mdl-checkbox{
		width: auto;
	}
	.sublist-table.table-2color .detail-area .center-ul{
		width: 100%;
	}
	.sublist-table.table-2color .detail-area .center-ul .center-li{
		width: calc(50% - 5px);
		left: calc(-50% - 10px);
	}
	.sublist-table.table-2color .detail-area .center-ul button{
		width: 100%;
	}
    /* 契約稼働一覧 */
	.contract-table colgroup col{
		width: auto !important;
	}
	.table-2color.contract-table .tr-btn{
		position: relative;
		padding: 0;
	}
	.table-2color.contract-table .tr-btn td{
		display: block;
		text-align: left;
		margin: 0;
		padding: 8px 10px 0;
		clear: both;
		position: relative;
	}
	.table-2color.contract-table .tr-btn td:nth-child(2),
	.table-2color.contract-table .tr-btn td:nth-child(3){
		/*width: calc(100% - 80px);*/
	}
	.table-2color.contract-table .tr-btn .btn-area{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
	}
    .table-2color.contract-table .tr-btn .btn-area a{
        width: calc(50% - 5px);
    }
    .table-2color.contract-table .tr-btn .btn-area a:only-child{
        width: 100%;
    }
    .table-2color.contract-table .tr-btn .btn-area a button{
        width: 100%;
    }
	.table-2color.contract-table .tr-btn .detail-link{
		width: 100%;
		margin: 0;
		padding: 0 0 10px;
		overflow: hidden;
	}
	.table-2color.contract-table .tr-btn .detail-link label{
		width: 100%;
		text-align: center;
	}
	.table-2color.contract-table .tr-btn .contract-btn{
		width: 100%;
		box-sizing: border-box;
	}
	.contract-table .contract-btn{
		overflow: hidden;
	}
	.contract-table .contract-btn a{
		width: calc(calc(100% - 9px) / 2);
		height: 100%;
		padding: 0;
		margin: 0 9px 0 0;
		box-sizing: border-box;
		float: left;
	}
	.contract-table .contract-btn div{
		float: left;
		width: calc(calc(100% - 9px) / 2);
		margin: 0 9px 13px 0;
		box-sizing: border-box;
	}
	.contract-table .contract-btn div:only-child{
		width: 100%;
	}
	.contract-table .contract-btn button{
		border: 1px solid rgba(3,169,244,1.00);
		width: 100%;
	}
	.contract-table .contract-btn label{
		width: 100%;
	}
	.contract-table .contract-btn div:last-child{
		margin: 0 0 13px 0;
	}
	.contract-btn .mdl-badge.mdl-badge--overlap:after{
		top: -9px;
		right: -9px;
	}
	.contract-btn .mdl-badge[data-badge]:after{
		width: 18px;
		height: 18px;
	}
	.contract-btn button i{
		padding-right: 0;
	}
	.ac-in-list.contract-area li,
	.ac-in-list.contract-area .float_l{
		line-height: 1.2em;
		margin: 3px 0;
		float: inherit;
	}
	.bg_white .contract-td .contract-area .same-h,
	.bg_blue .contract-td .contract-area .same-h{
		padding: 0 0 2px;
	}
	.contract-area .special{
		width: 100%;
		padding: 0;
	}
	.bg_white .detail-td .detail-area .float_l,
	.bg_blue .detail-td .detail-area .float_l,
	.bg_white .contract-td .contract-area .float_l,
	.bg_blue .contract-td .contract-area .float_l{
		margin-right: 0;
	}
	.bg_white .contract-td .contract-area,
	.bg_blue .contract-td .contract-area{
		padding: 5px;
	}
	.contract-area .special span{
		float: none;
	}
	.contract-area .special div{
		max-width: 100%;
		float: none;
	}
	.table-2color .contract-area .contract-btn{
		width: 100%;
		position: inherit;
		padding: 0;
		margin-top: 10px;
	}
	.bg_white .contract-td .contract-area li:not(float_l),
	.bg_blue .contract-td .contract-area li:not(float_l){
		max-width: inherit;
	}
	/* ver2.7.0 契約稼働一覧 ここから
	.contract-table colgroup col{
		width: auto !important;
	}
	.table-2color.contract-table .tr-btn{
		position: relative;
		padding: 0;
	}
	.table-2color.contract-table .tr-btn td{
		display: block;
		text-align: left;
		margin: 0;
		padding: 8px 10px 0;
		position: relative;
        box-sizing: border-box;
	}
	.table-2color.contract-table .tr-btn td:nth-child(2),
	.table-2color.contract-table .tr-btn td:nth-child(3){
		width: calc(100% - 80px);
	}
    .table-2color.contract-table .tr-btn .half{
        width: 50%;
        float: left;
    }
	.table-2color.contract-table .tr-btn .btn-area{
		float: right;
		text-align: right;
		position: absolute;
		padding-top: 10px;
		right: 34px;
	}
	.table-2color.contract-table .tr-btn .detail-link{
		width: 100%;
		margin: 0;
		padding: 10px;
		overflow: hidden;
        box-sizing: border-box;
	}
	.table-2color.contract-table .tr-btn .detail-link button{
		width: 100%;
		text-align: center;
	}
	.table-2color.contract-table .tr-btn .contract-btn{
		width: 100%;
		box-sizing: border-box;
	}
	.contract-table .contract-btn{
		overflow: hidden;
	}
	.contract-table .contract-btn a{
		width: calc(calc(100% - 9px) / 2);
		height: 100%;
		padding: 0;
		margin: 0 9px 0 0;
		box-sizing: border-box;
		float: left;
	}
	.contract-table .contract-btn div{
		float: left;
		width: calc(calc(100% - 9px) / 2);
		margin: 0 9px 13px 0;
		box-sizing: border-box;
	}
	.contract-table .contract-btn div:only-child{
		width: 100%;
	}
	.contract-table .contract-btn button{
		border: 1px solid rgba(3,169,244,1.00);
		width: 100%;
	}
	.contract-table .contract-btn label{
		width: 100%;
	}
	.contract-table .contract-btn div:last-child{
		margin: 0 0 13px 0;
	}
	.contract-btn .mdl-badge.mdl-badge--overlap:after{
		top: -9px;
		right: -9px;
	}
	.contract-btn .mdl-badge[data-badge]:after{
		width: 18px;
		height: 18px;
	}
	.contract-btn button i{
		padding-right: 0;
	}
	.ac-in-list.contract-area li,
	.ac-in-list.contract-area .float_l{
		line-height: 1.2em;
		margin: 3px 0;
		float: inherit;
	}
	.bg_white .contract-td .contract-area .same-h,
	.bg_blue .contract-td .contract-area .same-h{
		padding: 0 0 2px;
	}
	.contract-area .special{
		width: 100%;
		padding: 0;
	}
	.bg_white .detail-td .detail-area .float_l,
	.bg_blue .detail-td .detail-area .float_l,
	.bg_white .contract-td .contract-area .float_l,
	.bg_blue .contract-td .contract-area .float_l{
		margin-right: 0;
	}
	.bg_white .contract-td .contract-area,
	.bg_blue .contract-td .contract-area{
		padding: 5px;
	}
	.contract-area .special span{
		float: none;
	}
	.contract-area .special div{
		max-width: 100%;
		float: none;
	}
	.table-2color .contract-area .contract-btn{
		width: 100%;
		position: inherit;
		padding: 0;
		margin-top: 10px;
	}
	.bg_white .contract-td .contract-area li:not(float_l),
	.bg_blue .contract-td .contract-area li:not(float_l){
		max-width: inherit;
	}
    .contract-table.table-2color tr .btn-area .mdl-badge.mdl-badge--overlap{
        padding-right: 0;
    }
    .contract-table.table-2color tr .btn-area .mdl-badge.mdl-badge--overlap:after{
        right: -10px;
    }
    /* ver2.7.0 契約稼働一覧 ここまで */
    /* 契約稼働詳細 */
    .flex-btn-area{
        justify-content: space-between;
    }
    .flex-btn-area.wrap{
        flex-wrap: wrap;
    }
    .flex-btn-area button,
    .flex-btn-area label{
        width: 100%;
    }
    .flex-btn-area .full-btn{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .flex-btn-area .split-btn button,
    .flex-btn-area .full-btn button{
        width: 100%;
    }
    .flex-btn-area.wrap .split-btn{
        width: calc(50% - 5px);
        margin-right: 0;
    }
	/* 契約稼働モーダル */
	.modal-requestform .request .days button,
	.modal-attendance-sheet .request .days button{
		width: 100%;
		margin: 10px 0 0;
		display: block;
	}
	/* メッセージ画面 */
	.head-message .h1-text{
		max-width: calc(100% - 190px);
	}
	#ac-info-check-btn{
		box-sizing: border-box;
		padding: 5px 3px;
        display: block;
	}
	.message-view-area .ac-info-top div:nth-of-type(2){
		float: inherit;
		max-width: 100%;
	}
	.ac-info .ac-in-list .sp:last-child label{
		border-top: 1px solid #CCCCCC;
		padding-top: 10px;
	}
	.ac-info .ac-in-list label{
		display: block;
		position: relative;
		cursor: pointer;
		color: rgba(3,169,244,1.00);
		text-align: center;
		vertical-align: middle;
		margin-top: 10px;
		box-sizing: border-box;
	}
	#ac-info-check:checked ~ .ac-info{
		z-index: 6;
		
	}
	#ac-info-check:checked ~ .ac-info #ac-info-top{
		visibility: inherit;
		display: inline-table;
	}
	#ac-info-check:checked ~ .ac-info #ac-info-bottom{
		padding: 10px 5px 5px;
	}
	.message-layout .message-view-area{
	    margin-bottom: 58px;
	}
	.message-layout .message-input-area{
		width: 100%;
		padding: 10px 0;
		box-sizing: border-box;
	}
	.form_border{
		padding: 5px;
	}
	.message-input-area .mdl-button-message{
	}
	.message-input-area .btn-area{
		padding: 0 10px 0 0;
		width: auto;
	}
	.message-area-left{
		width: 100%;
	}
	#reservation-list{
	    padding-top: 104px;
	    margin-top: -104px;
	}
	.message-text.date-sticky{
		top: 78px;
		padding: 2px;
	}
	.message-view-area .demo-content{
		padding-top: 78px;
	}
	.message-view-area .ac-info-top{
		width: 100%;
		display: none;
	}
	.message-view-area .ac-info-top .pro-name{
		clear: left;
		width: 100%;
		max-width: 100%;
	}
	.message-view-area .ac-info-top div:nth-of-type(1){
		width: auto;
	}
	.message-view-area .ac-info{
		width: 100%;
		max-height: calc(100% - 56px);
		top: 56px;
	}
	.message-view-area .ac-info ul{
		margin: 0 5px 0;
	}
	.message-area-right{
		max-height: calc(100% - 56px);
		width: 100%;
		box-sizing: border-box;
		overflow-y: auto;
	}
	.message-area-right .status{
		margin: 20px 0;
	}
	.message-area-right .status .status-now{
		margin-bottom: 30px;
		position: relative;
	}
	.message-area-right .sp{
		margin: 0;
		padding: 0;
	}
	.message-area-right #status-check-label{
		font-size: 13px;
		bottom: 5px;
		border: 2px solid #929292;
		border-radius: 3px;
		width: 90%;
		margin: 0 auto 10px;
		padding: 5px;
		display: block;
		box-sizing: border-box;
		text-align: center;
	}
	.message-area-right #status-check-label em{
		vertical-align: middle;
	}
	.message-area-right #status-check-label::after{
		content: "現在のステータスのみ表示";
	}
	.message-area-right #status-check-label em::before{
		content: "expand_less";	
	}
	.message-area-right .status .status-now button,
	.message-area-right .status .status-now label{
		width: 100%;
	}
	.message-main .modal-btn.mr_r10{
		margin: 0;
	}
	.message-main .mdl-button-blue,
	.message-main .mdl-button-pink,
	.message-main .mdl-button-white,
	.message-main .mdl-button-black{
		max-width: 100%;
	}
	#status-check:checked ~ .message-area-right #status-check-label{
		color: rgba(3,169,244,1.00);
		bottom: 5px;
		border:none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	#status-check:checked ~ .message-area-right #status-check-label::after{
		content: "ステータスをすべて表示する";
	}
	#status-check:checked ~ .message-area-right #status-check-label em::before{
		content: "expand_more";
	}
	#status-check:checked ~ .message-area-right{
		width: 100%;
		max-height: 78px;
		background-color: #FFFFFF;
		float: none;
		padding: 10px 10px 0;
		border-bottom: 1px solid #CCCCCC;
	}
	#status-check:checked ~ .message-area-right .status{
		margin: 0;
		border-bottom: none;
	}
	#status-check:checked ~ .message-area-right .status .status-now{
		padding: 0;
		margin: 0;
		padding-bottom: 5px;
		overflow: hidden;
		min-height: 36px;
	}
	#status-check:checked ~ .message-area-right .status .status-now h3{
		display: none;
	}
	#status-check:checked ~ .message-area-right .status .status-now::after{
		background-image: none;
	}
	#status-check:checked ~ .message-area-right .eng-name,
	#status-check:checked ~ .message-area-right .pro-name,
	#status-check:checked ~ .message-area-right h2,
	#status-check:checked ~ .message-area-right .status .status-end,
	#status-check:checked ~ .message-area-right .status .status-next,
	#status-check:checked ~ .message-area-right #contract-btn,
	#status-check:checked ~ .message-area-right #refuse-btn{
		display: none;
	}
	#status-check:checked ~ .message-area-right .status .status-now label{
		margin: 0;
	}
	#status-check:checked ~ .message-area-right .status .status-now .half{
		width: 49%;
		float: left;
		margin: 0;
	}
	#status-check:checked ~ .message-area-right .status .status-now .half:last-child{
		float: right;
	}
	#status-check:checked ~ .message-area-right .status .status-now #day,
	#status-check:checked ~ .message-area-right .status .status-now #time{
		float: left;
		margin: 0 10px 0 0;
		box-sizing: border-box;
	}
	#status-check:checked ~ .message-area-right .status .status-now #access{
		float: left;
		margin: 0;
		width: calc(100% - 90px);
		text-align: left;
	}
	#status-check:checked ~ .message-area-right .status .status-now .small-btn{
		width: 40px;
		padding: 10px;
		margin-top: -1.2em;
		box-sizing: border-box;
		float: left;
		margin-left: 5px;
	}
	#status-check:checked ~ .message-area-right .status .status-now .half-btn{
		width: calc(50% - 5px) !important;
		padding: 10px;
		box-sizing: border-box;
		float: left;
		margin-left: 10px;
	}
	#status-check:checked ~ .message-area-right .status .status-now .half-btn:last-child{
		margin-left: 0;
	}
	#status-check:checked ~ .message-area-right .status .status-now .check-delete{
		display: none;
	}
	/* ページング */
	.pageNav02{
		padding: 10px 0px 5px;
	}
	.pageNav02 li {
		margin: 0;
	}
	.pageNav02 li:nth-of-type(2),
	.pageNav02 li:nth-last-of-type(2){
		display: none;
	}
	/* ローディング？ */
	.spinner {
		width: 100px;
		height: 100px;
	}
	/* 自社人材・自社案件追加ボタン */
	.own-add-button {
		position: fixed;
		display: block;
		right: 0;
		top: 0;
		margin-right: 20px;
		margin-top: 80px;
		z-index: 2;
	}
	.bottom-fixed-sp-button {
		position: fixed;
		display: none;
		bottom: 0;
		margin: auto;
		z-index: 9999999;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/* フッター */
	#footer{
		color: rgba(153,153,153,1.00);
		background-color: #333333;
		padding: 20px 0;
		font-size: 12px;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	#hackshub_now {
		position: fixed;
		display: block;
		right: 0;
		top: 0;
		margin-right: 20px;
		margin-top: 80px;
		z-index: 1;
	}
	/* 検索モーダル */
	.modal.search .tab-job ul li,
    .job-list li{
        width: 100%;
    }
    .quarter-list li{
		width: 50%;
	}
	.modal.search .tab-industry ul li,
	.industry-list li{
		min-width: 112px;
	}
	.tab-area{
		margin-top: 10px;
	}
	.tab-area .title p{
		padding-left: 0;
	}
	.tab-area .area-list ul li{
		width: 33.3% !important;
		min-width: 104px !important;
	}
	.tab-area .pd_l10{
		padding-left: 0;
	}
    /* 勤怠管理 */
    .gr-table.attend-table{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .gr-table.attend-table th,
    .gr-table.attend-table td{
        display: table-cell;
    }
    .gr-table.attend-table td .selectbox{
        width: 80px;
    }
    .gr-table.attend-table td input.remarks{
        width: 200px;
    }
    .total-area{
        flex-wrap: wrap;
    }
    .total-area .btn-area{
        width: 100%;
        flex-wrap: nowrap;
    }
    .total-area .btn-area button{
        width: 100%;
    }
    .total-area .gr-table.attend-table{
        margin-top: 10px;
        overflow-x: hidden;
    }
	/* 横並びのボタンのmr_r10を削除するためのクラス */
	.list-btn .modal-btn.mr_r10 {
		margin: 0;
	}
}