/* -------------------------------------------
法人営業画面
saler.css
---------------------------------------------- */
body{
	height: 100%;
}
header{
	background-color: #069B1A;
}
/* TOPに戻るボタン */
#page_top{
	background: #069B1A;
}
.drawer-nav{
	background: linear-gradient(to top, black, rgb(9, 156, 119)) !important;
}
/* 入力 */
.form_controll{
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
	height: calc(1.5rem + 1rem + 2px);
	line-height: 1.5;
	padding: 0.5rem 0.75rem;
	width: 80%;
	transition-duration: 0.2s;
}
textarea{
	border: 1px solid #dedede;
	border-radius: 4px;
	width: 90% !important;
	height: 100% !important;
	padding: 5px 10px;
	min-height:200px;
}
select,input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"]{
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	width: 40% !important;
	min-height:30px;
}
[type="checkbox"], [type="radio"]{
	margin: 0 3px;
}
.form_controll:hover,
.form_controll:focus,
textarea:hover,
textarea:focus{
	background-color: #d7f0d6;
}
.form_controll::placeholder:hover{
	color: #fff !important;
}
.required_mark{
	color:#fff;
	background-color: #C82854;
	border-radius: 3px;
	margin-left: 3px;
	font-size: 12px;
	padding: 2px 4px;
}
/* --------------------------------------------
ログイン画面
----------------------------------------------- */
.login{
	background: url(../../../image/sls/wps/bg_green.png);
}
.login::before{
	background: url(../../../image/sls/wps/bg_green.png);
}
.login_btn{
	background-color: #02A92F;
	border-bottom: 5px solid #024715;
}
.login_btn:hover{
	background: #076D22;
	border-bottom: 3px solid #076D22;
}

/* --------------------------------------------
TOP画面
----------------------------------------------- */

.parts_title_line::before{
	border-bottom: solid 15px #069B1A;
}
.parts_title_line::after{
	border-bottom: solid 3px #069B1A;
}
.parts_title i{
	color: #069B1A;
}
.parts_title_line::before{
	border-bottom: solid 15px #069B1A;
}
.parts_title_line::after{
	border-bottom: solid 3px #069B1A;
}

/* お知らせ */
ol.alert_list li{
	/* border-bottom: dashed 1px #069B1A; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
ol.alert_list li:before{
	background: #069B1A;
}
.alert_list li a {
	transition: .3s;
	width: 100%;
	cursor: pointer;
}
.alert_list li a:hover {
	opacity: 0.8;
}
.index_notice_modal {
	position: fixed;
	background-color: rgba(0,0,0,.7);
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	z-index: -1;
	transition: .3s;
}
.index_notice_modal_inner{
	background-color: #fff;
	width: 97%;
	max-width: 600px;
	margin: auto;
	margin-top: 10vh;
	border-radius: 10px;
	max-height: 70vh;
	overflow: auto;
}
.index_notice_modal_ttl{
	padding: 10px 5px 5px;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.index_notice_modal_ttl span{
	background-color: #069B1A;
	display: inline-block;
	color: #fff;
	border-radius: 20px;
	padding: 5px 10px 3px;
	font-size: 12px;
}
.index_notice_modal_ttl p{
	margin-top: 5px;
}
.index_notice_modal_active{
	opacity: 1;
	z-index: 100;
}
.index_notice_modal_detail {
	padding: 0 5% 20px 5%;
	margin-right: auto;
	margin-left: auto;
}
.index_notice_modal_detail_ttl {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.index_notice_modal_detail_datetime,
.index_notice_modal_detail_subject,
.index_notice_modal_detail_content{
	padding-left: 10px;
	padding-top: 10px;
}
.index_notice_modal_detail_ttl span{
	background-color: #069B1A;
	display: inline-block;
	width: fit-content;
	color: #fff;
	border-radius: 20px;
	padding: 5px 10px 3px;
	font-size: 12px;
}
.index_notice_modal_btn{
	border-top: 1px solid #ddd;
	text-align: center;
	width: 100%;
}
.index_notice_modal_btn button{
	background-color: #AAAAAA;
	text-align: center;
	color: #fff;
	width: 100px;
	height: 30px;
	margin: 20px auto;
	border-radius: 5px;
	transition: .3s;
}
.index_notice_modal_btn button:hover{
	opacity: .8;
}
/* --------------------------------------------
企業検索画面
----------------------------------------------- */
.form_search{
	width: 50%;
}
.client_vertical_table{
	width: 100%;
}
.client_vertical_table th,.client_vertical_table td{
	padding: 10px 5px;
	word-break:break-all;
}
.client_vertical_table th{
	color: #fff;
	background-color: #069B1A;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.client_vertical_table tr td {
	vertical-align: middle;
	text-align: center;
	word-wrap: break-word;
}
.client_side_table td span {
	margin-right: 20px;
}
.client_side_table td label.radio_label{
	margin-right: 30px;
}
.client_vertical_table th:first-child{
	border-radius: 10px 0 0 0;
}
.client_vertical_table th:last-child{
	border-radius: 0 10px 0 0;
}
.client_vertical_table tr:nth-child(2n) td{
	background-color: #d7f0d6;
}
.client_vertical_table tr:last-child td:first-child{
	border-radius: 0 0 0 10px;
}
.client_vertical_table tr:last-child td:last-child{
	border-radius: 0 0 10px 0;
}
.client_side_table td input[type="checkbox"],
.client_side_table td input[type="radio"] {
	margin-right: 8px;
}

.client_side_table th, .client_side_table td {
	height: 40px;
	padding: 5px 10px;
	word-break: break-all;
}
.form_parts{
	position:relative;
	margin-bottom:20px;
}
.form_bar{
	 max-width:300px;
	height: 50px;
	padding: 0 10px;
	left: 0;
	top: 0;
	border-radius: 3px;
	outline: 0;
	background: #eee;
	width: 100%;
}
.form_btn{
	height:50px;
	position:absolute;
	left:265px;/*アイコン左右の位置調整*/
	top:0;
	background:none;
	color:#666;
	border:none;
	font-size:20px;/*アイコンサイズ*/
}
.phase_check{
	line-height: 1.6;
}

.search_client label{
	display: none;
}
.search_client input[type="radio"]{
	opacity: 1;
	-webkit-appearance: auto;
	cursor: pointer;
}
.client_list_table tr th:nth-child(3){
	min-width:100px;
}

.modal_close_icon{
	position: absolute;
	top: 5px;
	right: 5px;
	color: #707070;
	opacity: 0.8;
	font-size: 30px;
}
.search_client a.modal_open {
	font-weight: bold;
	color: #6699ff !important;
	cursor: pointer;
}
.search_client tr.selected td {
	background-color: rgba(254, 225, 64,0.8) !important;
}
.search_client_modal{
	min-height: 70vh !important;
}
.search_client_modal button.normal_btn:disabled {
	opacity: .6;
	cursor: auto;
}

/* --------------------------------------------
企業登録画面
----------------------------------------------- */
/* 横テーブル */
.client_side_table{
	width: 100%;
	line-height: 1.6;
}
.client_side_table th{
	color: #fff;
	border-bottom: #fff 1px solid;
	width:25%;
	background-color: #069B1A;

}
.client_side_table th,.client_side_table td{
	padding: 5px;
	vertical-align: middle;
}
.client_side_table tr:first-child th{
	border-radius: 10px 0 0 0;
}
.client_side_table tr:last-child th{
	border-radius: 0 0 0 10px;
}
.client_side_table tr:nth-child(2n){
	background-color: #d7f0d6;
}
.client_side_table th button{
	color: #fff;
	background-color: #df8a0b;
	font-size: 14px;
	border-radius: 3px;
	margin-left: 3px;
	margin-top: 3px;
	padding: 3px 6px;
	transition-duration: 0.2s;
	display:block;
}
.client_side_table th button i{
	margin-right:4px;
}
.client_side_table th button:hover{
	opacity: 0.8;
}

.modal_box .client_side_table{
	margin-top: 30px;
}
.modal_box .client_side_table td{
	text-align: left;
	overflow-wrap: anywhere;
	word-break: break-word;
}
/* -----------------------------------------------
メール送信確認
-------------------------------------------------- */
.mail_confirm table{
	width: 50%;
	margin: 50px auto;
}
.mail_confirm table tr{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.mail_confirm table tr th{
	white-space:nowrap;
}
.mail_confirm table tr th,
.mail_confirm table tr td{
	padding: 5px 10px;
	vertical-align: middle;
	text-align: left;
	background:transparent!important;
}
.mail_confirm .alert_txt{
	text-align: center;
}
.mail_confirm div{
	line-height: 1.4;
}
.mail_confirm div p{
	text-align: center;
}
.mail_confirm .alert_txt{
	margin: 20px;
	font-weight: bold;
}
.mail_confirm .alert_ttl{
	font-weight: bold;
	font-size: 18px;
}
.alert_cnt table{
	width: 80%;
}
.alert_cnt table tr{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.alert_cnt table tr th,
.alert_cnt table tr td{
	padding: 5px 10px;
	vertical-align: middle;
	text-align: left;
}
.alert_cnt table tr th{
	min-width:140px;
}
.alert_cnt table tr td{
	word-break:break-all;
}
.alert_cnt table tr td ul{
	margin-bottom:0;
}
/* -----------------------------------------------
メール送信
-------------------------------------------------- */
.id_confirm table{
	width: 100%;
	margin: 10px 0 30px 0;
}
.client_name{
	border-bottom: 1px solid #707070;
	margin-bottom: 10px !important;
	font-size: 18px;
	line-height:1.4;
}
.add_parts{
	margin: 5px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.mail_parts{
	margin: 60px 0;
}
.id_confirm table tr th{
	width: 20%;
}
.id_confirm table tr th,
.id_confirm table tr td{
	text-align: left;
}
.prof_confirm table{
	width: 100%;
	margin: 10px 0 30px 0;
}
.prof_confirm table tr th{
	width: 10%;
}
.prof_confirm table tr th,
.prof_confirm table tr td{
	text-align: left;
}
.prof_confirm table tr td{
	word-break:break-all;
}
.send_mail_in_charge{
	line-height:1.3;
}
.send_mail_in_charge span{
	font-size:14px;
	font-weight:bold;
}
.send_mail_item_area {
	margin: 15px 0;
}
.send_mail_item_title {
    margin-bottom: 2px !important;
    font-weight: bold !important;
    margin-left: 8px;
    color: #fff !important;
    font-size: 16px;
    padding: 6px;
    background: #069B1A;
}
.send_mail_item {
	padding: 10px;
}
/* -----------------------------------------------
QA登録
-------------------------------------------------- */
.qa_table{
	width: 40%;
	margin: 10px 10px 20px 10px;
}
.qa_table tr{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.qa_table th,.qa_table td{
	padding: 10px 20px;
	text-align: left;
}
.qa_line{
	margin: 40px 10px;
}
.q_no,.a_no{
	font-family: 'elephant';
	font-weight: bold;
	font-size: 18px;
	color: #6699ff;
	margin-right: 10px;
}
.qes{
	margin: 10px 0;
}
.qes div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ans{
	display: flex;
	justify-content: start;
	align-items: flex-start;
}
.ans textarea{
	width: 100% !important;
}
.a_text{
	width: 100%;
	text-align: left;
	word-break: break-all;
}
.modal_box .qa_line{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0 20px 20px 20px;
}
.modal_box .qes div{
	justify-content: flex-start;
}


/* -----------------------------------------------
スキル登録
-------------------------------------------------- */
.user_info{
	display: flex;
	justify-content: start;
	align-items: start;
}
.user_info img{
	max-width: 100px;
	width: 30%;
}
.user_info ol{
	width: 30%;
	margin-left: 20px;
	padding: 10px 5px;
}
.user_info ol li{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 1.8;
}
.skill_delete_message {
	padding-bottom: 50px;
}
.fa-star{
	color: #069B1A;
}
.user_qualification{
	margin: 50px 10px;
}
.user_qualification .title{
	font-size: 18px;
}
.his .title{
	margin-bottom: 40px !important;
}
.qualification_table{
	width: 100%;
}
.qualification_table th,
.qualification_table td{
	text-align: center;
	padding: 10px;
}
.qualification_table td{
	vertical-align: middle;
}
.qualification_table input,
.qualification_table select{
	width: 100% !important;
	text-align: left;
}
table.qualification_table td label {
	display: inline;
}
.user_history{
	position: relative;
	padding: 10px 20px;
	border: 1px solid #6699FF;
	border-radius: 0 0 10px 10px;
	margin-bottom: 40px;
}
.user_history ul{
	list-style-type: decimal;
	line-height: 1.5;
	padding-left: 18px;
}
.user_history ul li{
	padding: 5px 0;
}
.user_history_no{
	position: absolute;
	color: #fff !important;
	font-weight: bold;
	top: -28px;
	left: 0;
	background-color: #6699FF;
	border-radius: 10px 10px 0 0;
	border: 1px solid #6699FF;
	width: 100%;
	padding: 5px 5px;
	font-size: 14px;
}
.history_table{
	width: 100%;
}
.history_table tr{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.registHistory .history_table tr:first-child{
	border-bottom: none;
}
.history_table th,
.history_table td{
	padding: 10px;
}
.history_table th{
	white-space: nowrap;
}
.history_table td{
	word-break: break-all;
}
.history_table img{
	height: 25px;
}
.industory_icon_area img{
	height: 40px;
	margin: 3px;
}
.qua_name input{
	text-align: left;
}
.matome_btn_area{
	text-align: right;
}
.matome_btn{
	display: inline-block;
	text-decoration: none;
	background: #C82854;
	color: #FFF;
	border-radius: 20px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	box-shadow: 0px 2px 2px rgb(0 0 0 / 29%);
	border-bottom: solid 3px #8a1b38;
	transition: .4s;
	padding: 5px 10px;
}
.matome_btn_re{
	background: #707070;
	border-bottom: solid 3px #312b2b;
}
.matome_btn:hover{
	opacity: 0.8;
}
/* -----------------------------------------------
研修生・エンジニア詳細
-------------------------------------------------- */
.engineer_detail_info{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 10px;
}
.engineer_detail_info img{
	max-width: 250px;
	width: 30%;
}
.engineer_detail_info input,
.engineer_detail_info select{
	width: 80%;
}
.engineer_memo_area{
	margin: 0 10px 20px;
}
.engineer_memo_area p{
	padding: 5px;
	font-weight: bold;
	color: #707070;
}
.engineer_memo_area textarea{
	width: 100% !important;
}
.engineer_detail_table{
	width: 60%;
	margin: 10px;
}
.engineer_detail_table tr{
	/* border-bottom: 1px dashed #707070; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 2.2;
}
.engineer_detail_table th,
.engineer_detail_table td{
	padding: 9px 5px;
	vertical-align: middle;
	line-height: 1.2;
}
.engineer_detail_table td input,
.engineer_detail_table td select{
	width: 60% !important;
}
.engineer_detail_menu{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.engineer_detail_menu button,
.engineer_detail_menu a{
	display: block;
	background-color: #6699FF;
	color: #fff !important;
	padding: 10px 20px;
	margin: 5px;
	border-radius: 5px;
	min-width: 180px;
	text-align: center;
}
.engineer_detail_menu button:hover,
.engineer_detail_menu a:hover{
	cursor: pointer;
	opacity: 0.8;
}
.engineer_detail_menu button.orange_btn,
.engineer_detail_menu a.orange_btn{
	background-color: #df8a0b;
}
.engineer_detail_menu button:disabled,
.engineer_detail_menu a:disabled{
	pointer-events: none;
	opacity: .3;
	background-color: #909090;
}
.engineer_detail_release_flg_switch{
	padding-top:6px;
}
.engineerDetail label.skillsheet_file {
	padding: 5px 8px 5px 5px;
	background-color: #EFEFEF;
	cursor: pointer;
	border-radius: 3px;
	border: #d0d0d0 0.5px solid;
	margin-right: 10px;
	margin-bottom: 2px;
	display: inline-block;
}
.engineerDetail .file_name_area {
	display: inline-block;
}
.engineerDetail input[type="file"] {
	display: none;
}
.engineerDetail .file_name {
	overflow-wrap: anywhere;
}
.schedule_parts{
	margin-bottom: 30px;
}
.schedule_parts .title{
	font-size: 18px;
	margin-bottom: 3px;
}
.schedule_parts .date{
	margin-left: 0.2em;
}

.table_bellows_area .proplsal_cnt{
	margin: 30px 0;
}
.file_upload_area{
	padding: 40px;
}
.file_upload_area p{
	text-align: center;
	margin: 20px 0;
	font-weight: bold;
}
.select_engineer .ch_label{
	display: none;
}
/* 詳細登録画面*/
.engineerDetailEdit label.image_file {
	padding: 5px 8px 5px 5px;
	background-color: #EFEFEF;
	cursor: pointer;
	border-radius: 3px;
	border: #d0d0d0 0.5px solid;
	margin-right: 10px;
	margin-bottom: 2px;
	display: inline-block;
}
.engineerDetailEdit .file_name_area {
	display: inline-block;
}
.engineerDetailEdit .file_name {
	overflow-wrap: break-word;
}
.engineerDetailEdit input[type="file"] {
	display: none;
}
.engineerDetailEdit .sarch_item{
	margin:0;
}
.modal_image_width {
	max-width: 100%;
}
.engineerRegist_form .image_area {
	max-width: 250px;
}
.engineerDetailEdit .file_name:hover {
	opacity: 0.8;
	cursor: pointer;
}
.image_modal_box .preview {
	max-width: 250px;
	margin: auto;
}
.image_modal_box .preview .modal_image {
	max-width: 100%;
}
/* 高見さん分 */
/* --------------------------------------------
検索テーブル
----------------------------------------------- */
.search_table {
	width: 80%;
	background-color: #D4D4D4;
	border-radius: 10px;
	padding: 20px;
	margin: 20px auto 40px auto;
}

.search_table table tr th {
	padding: 10px;
	min-width: 125px;
	vertical-align: middle;
}

.search_table table tr td {
	width: 100%;
	padding: 5px;
	vertical-align: middle;
}

.search_table table tr td span{
	display: inline-block;
	margin-left: 5px;
	margin-right: 20px;
}

.sarch_item{
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	margin: 5px;
	padding: 5px 8px;
	transition-duration: 0.2s;
}

.item_size_l {
	width: 80% !important;
}
.item_size_m {
	width: 50% !important;
}
.item_size_s {
	width: 35% !important;
	min-width:160px;
}

.sarch_item:hover,.sarch_item:focus {
	background-color: #d7f0d6;
}
.sarch_item_checkbox {
	margin-right: 5px;
	margin-bottom: 3px;
	width: 14px;
	height: 14px;
}
/* 案件登録 */
.form_flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.form_flex input{
	width: 100% !important;
}
.add_del_btn_area{
	margin-left: 15px;
}
/* --------------------------------------------
案件一覧画面
----------------------------------------------- */
.matter_name{
	font-weight: bold;
	color: #6699FF;
}
.matter_list_table tr th{
	white-space:normal;
}
.matter_list_table tr td{
	font-size: 16px;
	word-break: break-all;
}

.matter_list_table tr th:first-child{

}

.matter_list_table tr th:nth-child(2){

}

.matter_list_table tr th:nth-child(3) {
	min-width: 140px;
	width:20%;
}
.matter_list_table tr th:nth-child(4) {
	min-width: 140px;
	width:15%;
}

.matter_list_table tr th:nth-child(5){

}

.matter_list_table tr th:nth-child(6) {

}

.matter_list_table tr th:nth-child(7) {

}

.matter_list_table tr td button,
.matter_list_table tr td a{
	display: block;
	transition-duration: 0.2s;
}

.matter_list_table tr td button:hover,
.matter_list_table tr td a:hover{
	color: #6699FF;
	opacity: 0.7;
	cursor: pointer;
}

.matter_list_table tr td select{
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	margin: 5px;
	padding: 3px;
	width: 100px !important;
	transition-duration: 0.2s;
	text-align:left;
}

.table_img_circle{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	transition-duration: 0.2s;
}

.table_top_area{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
}

.table_top_area select{
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	margin: 5px;
	padding: 3px 5px;
	width: 120px !important;
	transition-duration: 0.2s;
}

.table_top_area select option{
	background-color: #fff;
}

.table_top_area select:hover,
.table_top_area select:focus,
.matter_list_table tr td select:hover,
.matter_list_table tr td select:focus {
	background-color: #d7f0d6;
}
.entry_icon{
	position: relative;
}
.entry_area{
	width: 40px;
	display: inline-block;
	height: 40px;
	position: relative;
}
.entry_icon img{
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.entry_num{
	position: absolute;
	top: 0;
	right: -6px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #FF336B;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	white-space:nowrap;
}
.entry_icons{
	display: flex;
	justify-content: flex-start;
	position: absolute;
	left: 60px;
	background-color: #707070;
	opacity: 0.9;
	border-radius: 20px;
	width: auto;
	padding: 5px;
	height: auto;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,.5));
	z-index: 2;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.entry_icons::before{
	content: "";
	position: absolute;
	top: 50%;
	left: -23px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #707070;
	opacity: 0.9;
	z-index: 2;
}
.entry_icons img{
	position: static;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin: 2px 3px;
	filter: drop-shadow(0px 7px 6px rgba(0,0,0,.5));
}
.fukidashi_close{
	position: absolute;
	top: -5px;
	right: -7px;
	z-index: 2;
	color: #fff;
	background-color: black;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	opacity: 0.8;
	font-size: 18px;
}
.fukidashi_close:hover{
	opacity: 0.9;
	cursor: pointer;
}

.entry_icon p{
	position: absolute;
	bottom: 10px;
	right: 8px;
	color: #fff;
	background-color: #6699FF;
	font-size: 14px;
	border-radius: 50%;
	padding: 3px;
}
.entry_icon img:hover{
	opacity: 0.8;
	cursor: pointer;
}

/* --------------------------------------------
案件詳細画面
----------------------------------------------- */
.matter_detail_engineer_info{
	margin: 20px auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #d0d0d0;
	min-height: 250px;
}

.matter_detail_engineer_img {
	float: left;
	width: 20%;
	margin-right: 20px;
}

.matter_detail_engineer_img img{
	display: block;
	width: 120px;
	height: auto;
	margin: 10px auto;
}

.matter_detail_engineer_list {
	width: 70%;
	display: inline-block;
	counter-reset:list;
	list-style-type:none;
	padding:0;
}

.matter_detail_engineer_list li{
	padding-left: 20px;
	padding-right: 20px;
	margin: 5px 10px;
	line-height: 30px;
	min-height: 30px;
	/* border-bottom: dashed 1px #069B1A; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.matter_detail_engineer_list li:nth-child(5){
	min-height: 50px;
}
.matter_detail_engineer_list li:nth-child(5) select{
	width: 140px !important;
}

.matter_detail_engineer_list li span:first-child{
	font-weight: bold;
}
.matter_detail_engineer_list li span:nth-child(2){
	float: right;
}

.engineer_status_btn{
	display: block;
	border-radius: 15px;
	border: 2px solid #069B1A;
	color: #6699FF;
	font-weight: bold;
	width: 120px;
	height: 30px;
	padding: 5px;
	font-size: 14px;
	transition-duration: 0.2s;
}

.engineer_status_btn:hover{
	opacity: .7;
}

/* --------------------------------------------
研修生・エンジニア検索画面
----------------------------------------------- */
.search_engineer_table tr td:nth-child(-n + 6){
	width: 65px;
}

.search_engineer_table tr td:nth-child(2) {
	min-width: 160px;
}

.search_engineer_table tr td:nth-child(n+7){
	width: 120px;
}

.search_engineer_table tr td button:hover{
	transition-duration: 0.2s;
}

.search_engineer_table tr td button:hover{
	color: #6699FF;
	opacity: 0.7;
	cursor: pointer;
}

a .table_img_circle:hover,
button .table_img_circle:hover{
	opacity: .7;
	cursor: pointer;
}

.search_engineer_selected_area{
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 14px;
}

.search_engineer_selected_area p{
	color: #a0a0a0;
	font-weight: bold;
}

.search_engineer_selected_area li{
	padding-left: 10px;
	margin: 3px;
}

.search_engineer_modal_table{
	width: 100%;
	margin-top: 30px;
}
.search_engineer_modal_table th,
.search_engineer_modal_table td{
	padding: 5px 10px;
}
.search_engineer_modal_table th{
	text-align: center;
	background-color: #069B1A;
	color: #fff;
}
.search_engineer_modal_table tr:nth-child(2n){
	background-color: #d7f0d6;
}
.search_engineer_modal_table th:first-child{
	border-radius: 10px 0 0 0;
}
.search_engineer_modal_table th:last-child{
	border-radius: 0 10px 0 0;
}
.table_icon{
	position: relative;
}
.table_icon .icon_num{
	position: absolute;
	top: 0;
	left: 34px;
	right: -6px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #FF336B;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
.del_mini{
	border-radius: 3px;
	color: #fff;
	padding: 3px 5px;
	transition-duration: 0.2s;
	margin: 5px;
	background-color: #8a8888;
	font-size: 12px;
}

/* --------------------------------------------
研修生・エンジニア一覧画面
----------------------------------------------- */
.table_bellows_area{
	display: none;
}
.suggestion_item{
	display: none;
/*	width: 270px !important;*/
	max-height:350px;
	margin-left: 5px;
	margin-top: -6px;
	background-color: #fff;
	box-shadow: 2px 2px 10px;
	border-radius: 3px;
	position: absolute;
	z-index: 2;
	word-break: break-all;
	overflow-y:auto;
	padding: 0 !important;
}

.suggestion_item li{
	display: none;
	padding: 5px 8px !important;
	font-size: 14px;
	border-top: 1px solid #dedede;
	cursor:pointer;
}

.suggestion_item li:first-child {
	border-top: none;
}

.suggestion_item li:hover{
	background-color: #d7f0d6;
}


.suggestion_item_last{
	background-color: #069b1ad1 !important;
	color: #fff !important;
	font-weight:bold !important;
	text-align:center !important;
	transition:0.5s;
}
.suggestion_item_last::before{
	content:"\f067";
	color:#fff;
	margin-right:6px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
}

.suggestion_item_last:hover{
	opacity:0.8;
}

.suggestion_item::-webkit-scrollbar {
	width: 10px;
}
.suggestion_item::-webkit-scrollbar-track {
	background: #f7fafc;
	border-radius: 10px;
}
.suggestion_item::-webkit-scrollbar-thumb {
	background: #d0d0d0;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
	height: 50px;
}
.suggestion_search_skill{
	position: relative;
	display: block;
}
.suggestion_search_skill::placeholder{
	font-size: 13px;
}
.suggestion_search_skill:focus {
/*	width: 270px !important;*/
}

.engineer_list_table{
	font-size: 14px;
}

.engineer_list_table th,
.engineer_list_table td{
	padding: 10px 5px;
}

.engineer_list_table tr td select{
	text-align: left;
}

.engineer_list_table tr td:nth-child(2){
	min-width: 160px;
}

.engineer_list_table select,
.engineer_list_table input[type="date"]{
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	font-size: 12px;
	padding: 3px 5px;
	width: 100px !important;
	transition-duration: 0.2s;
}

.engineer_list_table input[type="date"]{
	width: 130px !important;
}

.engineer_list_table option{
	background-color: #fff;
}

.engineer_list_table select:hover,
.engineer_list_table select:focus {
	background-color: #d7f0d6;
}
.engineer_url_copy_wrap{
	position: relative;
	padding-bottom: 10px;
	min-height: 200px;
}
.engineer_url_copy_table {
	border-bottom: solid 1px #d0d0d0;
	padding: 20px;
}
.engineer_url_copy_table:last-child{
	border-bottom:none;
}
.engineer_url_copy_table table {
	width: 90%;
	margin: 20px auto;
}

.engineer_url_copy_table table tr{
	/* border-bottom: dashed 1px #069B1A; */
	background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.engineer_url_copy_table table tr:last-child{
	border-bottom: none;
}

.engineer_url_copy_table table th,
.engineer_url_copy_table table td{
	vertical-align: middle;
	padding: 5px 10px;
	word-break: break-all;
	line-height: 20px;
	text-align: left;
}

.engineer_url_copy_table table th,
.engineer_url_copy_table table td:nth-child(3){
	text-align: center;
	width: 100px;
}

.engineer_url_copy_btn{
	display: block;
	border-radius: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 15px;
	transition-duration: 0.2s;
	margin: 5px auto;
}
.engineerList_top_area{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.engineer_list_disabled_label {
	opacity: 0.3;
}
/* -----------------------------------------------
グループ編集
-------------------------------------------------- */
.edit_group .ch_label{
	display: none;
}
.edit_group{
	width: 100%;
}
.edit_group th,.edit_group td{
	padding: 10px 5px;
}
.edit_group th{
	color: #fff;
	background-color: #069B1A;
	text-align: center;
	vertical-align: middle;
}
.edit_group tr td {
	vertical-align: middle;
	text-align: center;
	word-break:break-all;
}
.edit_group td span {
	margin-right: 20px;
}

.edit_group tr:first-child th:first-child{
	border-radius: 10px 0 0 0;
}
.edit_group tr:first-child th:last-child{
	border-radius: 0 10px 0 0;
	width:240px;
}
.edit_group tr:nth-child(2n) td{
	background-color: #d7f0d6;
}
.edit_group tr:last-child td:first-child{
	border-radius: 0 0 0 10px;
}
.edit_group tr:last-child td:last-child{
	border-radius: 0 0 10px 0;
}
/* -----------------------------------------------
エンジニアステータス
-------------------------------------------------- */
.engineerStatus select,
.engineerStatus input[type="number"],
.engineerStatus input[type="date"],
.engineerStatus input[type="time"],
.engineerStatus input[type="datetime-local"]{
	width: 50% !important;
	margin-bottom: 3px;
}
.regist_member_schedule_radio{
	background-color:transparent!important;
}
.client_side_table_schedule .schedule_date_time{
	white-space: nowrap;
}
.engineerStatus .matter_detail_engineer_info{
	min-height:200px;
}
/* -----------------------------------------------
エンジニア契約一括更新
-------------------------------------------------- */
.renewal_contact_table .renewal_labels{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* width: 50%; */
	float: left;
}
.renewal_contract .client_vertical_table tr td{
	background-color: #fff;
}
.renewal_contact_table tr th.th_name{
	width: 125px;
}
.renewal_contact_table tr th.th_contracted_name {
	width: 115px;
}
.renewal_contact_table tr th.th_price{
	width: 110px;
}
.renewal_contact_table tr td.td_price,
.renewal_contact_table tr td.td_contracted_name{
	font-size: 14px;
}
.renewal_contact_table td label{
	margin: 3px 8px 3px 5px;
}
.renewal_contact_table td label.radio_label{
	margin-right: 30px;
}
.renewal_contact_table td label.radio_label input[type="radio"] + span{
	margin-top: 0;
}
.renewal_contact_table td label .rw_lbl {
    display: inline-block;
    padding: 5px 10px;
	height: 100%;
    transition: .3s;
    font-size: 15px;
    cursor: pointer;
    background-color: #ebebeb;
    transition: .3s;
}
.renewal_contact_table td input[type="radio"]:checked + .rw_lbl {
    background-color: #3d77ff;
    color: #fff;
}
.edit_contract_area{
	font-size: 14px;
	text-align: left;
	margin: 5px 0;
	display: flex;
	justify-content: flex-end !important;
	align-items: center !important;
	/* width: 100%; */
	text-align: right;
	float: right;
}
.edit_contract_area p{
	margin: 3px 5px;
	color: inherit;
	/* width: 100%; */
	font-size: 13px;
	/* background: #daffdf; */
	padding: 2px 4px;
	border-radius: 4px;
}
.input_new_contract{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.input_new_contract .form_controll{
    height: 30px;
    padding: 2px;
    font-size: 12px;
}
.input_new_contract .form_controll:disabled{
	background-color: #909090;
}
.input_new_contract div label{
	font-size: 14px;
}
.input_new_contract div span{
	font-size: 12px;
}
.input_new_contract input{
	margin: 0 3px;
}
.input_new_contract .input_changed_price{
	min-width: 75px;
}
.modal_box .input_new_contract{
	display:flex;
}
.renewal_contact_child_tr{
	display: none;
	transition: 0.5s;
	border-bottom: 1px solid #069b1a6b !important;
}
.tr_disp{
	display: table-row;
}

.renewal_contact_middle_tr {
	border-bottom: 1px solid #069b1a6b;

}
.renewal_contact_parent_tr td{
	padding-bottom: 0;
	padding-top: 20px;
}
.renewal_contact_middle_tr td{
	padding-top: 0;
}

.renewal_contact_child_tr td{
	background-color: #c6ffce !important;
}
.renewal_contact_middle_tr td div{
	/* display: flex; */
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
}
.renewal_contact_parent_tr a{
	font-weight: bold;
	color: #6699ff !important;;
	cursor: pointer;
}
.edit_contract_check{
	margin-right: 5px;
}
.label_edit_contract_check span,
.label_middle_change_contract span {
    font-size: 14px;
}
.renewal_contact_table .renewal_contact_closed td{
	background-color: #707070ab !important;
	opacity: 0.8;
	pointer-events: none;
	cursor: auto;
}
.renewal_radio_area{
	text-align: left;
    margin-bottom: 15px;
    font-size: 14px;
	padding-left: 18px;
	margin-top: 3px;
}

.renewal_radio_area .radio_label input[type="radio"] + span{
	/* top: unset; */
	bottom: 3px;
}

.modal_box .renewal_contact_table{
	font-size: 14px;
	line-height:1.6;
}
.modal_box .renewal_contact_table tr th{
	border-radius: 0;
}
.modal_box .renewal_contact_table .renewal_contact_parent_tr{
	border-top: 3px solid #069B1A;
}
.modal_box .renewal_contact_table th {
	width: auto;
}
.modal_box .renewal_contact_table tr th.th_name{
	width: 140px;
}
.modal_box .renewal_contact_child_tr:nth-child(3n) td{
	background-color: #fff;
}
.modal_box .renewal_contact_table tr:nth-child(2n){
	background-color: #fff;
}
.modal_box .renewal_contact_table tr td span{
	margin-right: 0;
}
.modal_box .input_new_contract div{
	margin-right: 20px;
}
.renewal_contract .table_top_area select{
	width:175px !important ;
}
.renewal_result p{
	text-align: center;
	font-size: 14px;
	color:#C82854;
}
.renewal_alert_reason{
	margin: 10px 0;
	text-align:left;
}
.renewal_alert_reason span{
	font-size: 14px;
}

.error_reason_list{
	font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
    text-align: center;
}
.error_reason_list p{
	color: red;
}
.renewal_contact_table .error_messages_area{
	display:block;
	padding:0;
}
.renewal_contact_table .error_messages_area p{
	text-align:left;
	line-height:1.4;
	padding:10px;
	margin-bottom:0;
}
.renewal_alert{
	margin: 5px 2px 10px 2px !important;
    color: red !important;
    font-weight: bold;
	font-size:14px;
	text-align:left;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 18px;

}
.renewal_alert i{
	font-size:16px;
	margin-right:5px;
}
.renewal_contract textarea{
	min-height:100px;
}
.renewal_contact_table tr td.td_name {
	text-align: left;
}
.renewal_contact_table tr td.td_price {
	text-align: right;
}
.renewal_contact_middle_tr td {
    padding: 20px 0;
}
.renewal_contact_table .renewal_labels input[type="radio"] {
	display: none;
}
.renewal_contact_table .middle_end_input_area {
    text-align: left;
    font-size: 14px;
}
.renewal_contact_table .middle_end_input_area input[type="date"] {
    width: 200px !important;
    height: 35px;
}
.renewal_contact_child_tr td {
    padding: 0 5px;
}

.renewal_contact_child_tr td > div {
    padding-top: 10px;
    margin-bottom: 10px;
}
.renewal_contact_child_tr .middle_change_contract_area {
    text-align: left;
	font-size: 14px;
	margin-left: 15px;
}
.renewal_contact_child_tr .middle_change_input_area {
    margin: 25px 0 0 0;
}
.renewal_contact_child_tr .middle_change_input_area input {
    width: 200px !important;
    height: 35px;
}
.renewal_contact_child_tr .modal_middle_change_input {
	margin-bottom: 0;
}
span.modal_middle_change_input {
	color: #f10;
	display: block;
}
.renewal_contact_modal_table.client_side_table td {
	vertical-align: baseline;
}
/* -----------------------------------------------
契約情報一覧
-------------------------------------------------- */
.search_contract label{
	display: none;
}
.search_contract input[type="radio"]{
	opacity: 1;
    -webkit-appearance: auto;
}
.search_contract_top{
	margin: 10px 0;
}
.search_contract tr a{
	font-weight: bold;
    color: #6699ff !important;
    cursor: pointer;
}
.engineer_name {
	white-space: nowrap;
}
/* -----------------------------------------------
契約情報登録
-------------------------------------------------- */
.contract_detail_info{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 10px;
}
.engineer_icon{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: cover;
	filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
}
.contract_detail_area{
	width: 60%;
	margin: 10px 30px;
}
.contract_detail_area tr{
	/* border-bottom: 1px dashed #707070; */
	line-height: 2.2;
}
.contract_detail_area th,
.contract_detail_area td{
	padding: 9px 5px;
	vertical-align: middle;
	line-height: 1.2;
}
.contract_detail_area td input,
.contract_detail_area td select{
	width: 60% !important;
}
.com_icon{
	width: auto;
	height: 37px;
	margin-bottom: 5px;
}
.col_ttl{
	font-size: 12px;
	color: #939393 !important;
	margin-bottom: 3px;
}
.col_txt{
	margin-bottom: 10px;
}
.col_name{
	font-weight: bold;
	font-size: 22px;
}

.input_contract_alert{
	margin: 10px 0 !important;
}
.input_contract_alert .kome{
	font-weight: bold;
	color: #C82854;
}
.commercial_salesChannels_item_name img{
	width: auto;
	height: 75px;
}
.child_02 div{
	margin: 8px 0;
}
.child_02 div:nth-child(2){
	padding-left: 5px;
}
.child_02 div:nth-child(3){
	padding-left: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.child_02 div:nth-child(3) i{
	margin-right: 5px;
}
.child_02 div:nth-child(3) .fa-plus{
	color: #6699FF;
}
.child_02 div:nth-child(3) .fa-minus{
	color: #C82854;
}
.child_02 div:nth-child(3) span{
	font-size: 14px;
	white-space: nowrap;
	margin-left: 3px;
}
.regist_contract_table{
	line-height: 1.6;
}
.regist_contract_table tr{
	border-bottom: 1px dotted #069B1A;
}
.child_02 input[type="number"]{
	width: 80px !important;
}
.modal_box .fa-plus{
	color: #6699FF;
	margin-right: 5px;
}
.modal_box .fa-minus{
	color: #C82854;
	margin-right: 5px;
}
.add_charge_area div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	margin: 10px 0;
}
.add_charge_area div span{
	font-size: 14px;
}
#add_charge{
	margin-left: 0;
}
.payment_date input[type="number"]{
	width: 80px !important;
	margin-right: 5px;
}
.payment_date label:nth-child(3){
	margin-right: 0;
}
.payment_date label .payment_date_radio_03{
	margin-top: 13px !important;
}
.new_charge_area{
	padding-left: 10px;
	margin-top: 20px;
	font-size: 15px;
}
.new_charge_area p{
	font-weight: bold;
}
.contract_detail_info input[type="checkbox"]{
	margin: auto 30px;
}
th.alter_backgroud{
	background-color: #49dc6c;
}
.modal_mailPersonnel{
	margin: auto;
}
.regist_contract_modal_sub_title{
	margin: 15px auto -20px;
}
.regist_contract_modal_sub_title p{
	font-size: 18px;
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: solid 2px #069B1A;
}
@media screen and (max-width:480px){
	.regist_contract_modal .normal_btn {
		margin: 0 5px;
	}
}
/* -----------------------------------------------
商流情報
-------------------------------------------------- */
.commercial_ttl {
	border-bottom: 3px solid #ddd;
	padding-bottom: 5px;
	color: #115760;
	font-weight: 600;
	font-size: 18px;
	border-image: linear-gradient(180deg, #cacaca, #ffffff);
	border-image-slice: 30;
	margin-bottom: 20px;
}
.commercial .sec_inner {
	padding: 0px;
}
.commercial .commercial_ttl{
	padding-left: 20px;
	padding-top: 20px;
	margin: 0 20px 40px 20px;
}
.commercial {
	margin: auto;
}
.commercial_salesChannels {
	padding: 40px 20px 20px;
}
.commercial_salesChannels_item {
	background-color: #D7F0D6;
	margin-bottom: 10px;
	position: relative;
	transition: .3s;
	border-radius:10px;
	font-size: 16px;
}
.commercial_salesChannels_close {
	position: absolute;
	right: 10px;
	top: 7px;
	cursor: pointer;
	transition: .3s;
}
.commercial_salesChannels_close:hover {
	opacity: .7;
}
.salesChannels_item_contract_company {
	background-color: #fff !important;
	font-weight: bold;
    border:3px solid #069B1A;
}
.last-child p{
	background-color: #069B1A;
	font-weight: bold;
    color: #fff !important;
	border-radius: 10px;
}
.commercial_salesChannels_item .commercial_salesChannels_item_name
	{
	width: 100%;
	height: 100%;
	padding: 30px;
	font-size: 14px;
}
.commercial_salesChannels_sl:hover {
	opacity: .7;
	cursor: pointer;
}
.commercial_salesChannels_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.commercial_salesChannels_arrow {
	text-align: center;
	margin-bottom: 10px;
	font-size: 40px;
}
.commercial_salesChannels_plus {
	font-size: 33px;
	position: absolute;
	left: 13px;
	color: #6699FF !important;
	transition: .3s;
	cursor: pointer;
}
.commercial_salesChannels_plus:hover {
	opacity: .8;
}
.com_ch{
	cursor: pointer;
    font-size: 13px;
    padding-left: 1rem;
}
.undifined_com_ch{
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	color: #939393;
}
.undifined_com_ch label{
	cursor: pointer;
}
.com_del_check{
	margin: 10px 0;
}
.undifined_com{
    padding: 30px;
    background-color: #fff;
    font-weight: bold;
    border: 3px solid #069B1A;
    border-radius: 10px;
    margin: 0px 20px 20px;
}
.modal_box .regist_contract_table{
	line-height: 1.6;
}
.modal_box .regist_contract_table ol li{
	list-style: square inside;
}
.group_com{
	position: relative;
	margin-top: 20px;
}
.group_com::before{
	content: "BFHグループ";
    position: absolute;
    top: -19px;
    left: 32px;
    border: 2px solid #fff;
    background: #069B1A;
    color: #fff;
    font-weight: bold;
    padding: 7px 20px 7px 15px;
    border-radius: 0 8px 8px 0;
}
.group_com::after{
	content: "";
    position: absolute;
    padding: 5px;
    top: -24px;
    left: -9px;
    background-image: url(../../../image/sls/wps/bfh_logo.png);;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 3px solid #069B1A;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.commercial_salesChannels_select {
	position:relative;
}
.commercial_salesChannels_select select{
	-webkit-appearance:none;
		appearance:none;
	width:100% !important;
	padding: 30px;
	box-sizing:border-box;
	font-size: 14px;
	border:#ccc 1px solid;
	background:#fff;
	font-weight: bold;
	border-radius: 10px;
}
.commercial_salesChannels_select_color.commercial_salesChannels_select select{
	background-color: #069B1A;
	color:#fff;
}
.commercial_salesChannels_select_parent select{
	border:#069B1A 3px solid;
}
.commercial_salesChannels_select_color select:hover{
	background-color: #4BB75A;
}
.commercial_salesChannels_select_middle select{
	background-color: #D7F0D6;
	border: none;
}
/* -----------------------------------------------
企業マニュアル登録
-------------------------------------------------- */
.manual_movie {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
  }
.movie_hover{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.781);
	visibility: hidden;
	opacity: 0;
	transition: 300ms;
	position: absolute;
	top: 0;
	left: 0;
}
.movie_title{
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	line-height: 1.4;
	font-size: 12px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #fff !important;
	font-weight: bold;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
  }
.ttl_disp{
	visibility: visible;
	opacity: 1;
}
.manual_movie video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.manual_movie a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
  }
.slider{
	margin-bottom: 20px;
}
.slide-arrow{
	position:absolute;
	top:40%;
	z-index: 1;
}
.slide-arrow i{
	color:#069B1A;
	transition:.5s all;
	font-size:22px;
}
.slide-arrow i:hover{
	opacity:.8;
}
.prev-arrow{
	left:0;
}
.next-arrow{
	right:0;
}
.slick-list{
	width: 95%;
	margin: 0 auto !important;
}
.mn_title{
    position: relative;
    width: 40%;
    font-size: 16px;
    border-radius: 0 10px 10px 0;
    margin: 10px 0 10px 7px;
	color: #707070 !important;
}
.mn_title::before{
	content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900 !important;
    display: inline-block;
    line-height: 36px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #069B1A;
    font-weight: 900;
    width: 20px;
    text-align: center;
    height: 20px;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
    border-radius: 50%;
}
.mn_title span{
	font-weight: bold;
}
.parts_mn{
	margin-bottom: 30px;
}
.parts_mn_child{
	margin-bottom: 20px;
}
.mn_col_ttl{
	font-size: 12px;
	color: #939393 !important;
	margin-bottom: 3px;
}
.parts_mn{
	line-height: 1.4;
}
.parts_mn select{
	width: 120px !important;
}
.parts_mn .add_parts{
	justify-content: space-between;
	border-bottom: 1px dotted #069B1A;
	padding: 3px 0 8px;
}
.mn_url{
	font-size: 13px;
	color: #737373 !important;
	word-break: break-all;
	width: 40%;
	padding: 3px 5px;
	min-height: 1rem;
}
.file_label{
	color: white;
	background-color: red;
	padding: 6px;
	border-radius: 12px;
}
.file_label input{
	display: none;
}
.file_label input[type="file"] {
	opacity: 0;
	visibility: hidden;
	position: absolute;
  }
.file_label{
	padding: 5px 15px;
	margin: 0 5px;
	font-size: 14px;
	background: #aaa;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
}
.js-upload-filename{
	font-size: 13px;
}
.file_up_area{
	width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mn_del_check{
	font-size: 14px;
	margin-right: 15px;
}
.mn_path {
	font-size: 13px;
	color: #737373 !important;
	word-break: break-all;
	width: 80%;
	padding: 3px 5px;
}
.mn_copy{
	display: inline-block;
	margin-right: 5px;
}
.cp_icon{
	cursor: pointer;
	transition: 0.5s;
}
.cp_icon:hover{
	opacity: 0.7;
}
.mn_input_flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 10px 0;
}
.disp_edi{
    background-color: #069B1A;
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 20px;
    color: #fff;
	cursor: pointer;
	transition: 0.5s;
}
.disp_edi:hover{
	opacity: 0.8;
}

.send_type .renewal_labels{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 50%;
}

.send_type label .rw_lbl {
    display: inline-block;
    padding: 5px 10px;
	height: 100%;
    transition: .3s;
    font-size: 15px;
    cursor: pointer;
    background-color: #ebebeb;
    transition: .3s;
	white-space: nowrap;
}
.send_type input[type="checkbox"]{
	visibility: hidden;
}
.send_type input[type="radio"]:checked + .rw_lbl,
.send_type input[type="checkbox"]:checked + .rw_lbl {
    background-color: #3d77ff;
    color: #fff;
}
.send_invoice{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.modal_box .parts_area{
	padding: 20px;
	text-align: left;
}
.modal_box .mn_input_flex{
	display: block;
}
.modal_box .mn_input_flex div{
	margin: 10px 0;
}
.modal_box .send_invoice{
	display: block;
}
.modal_box .send_invoice .send_type{
	margin: 10px 0;
}
.renewal_contract_not_selected td{
	font-weight: bold;
	text-align: center !important;
}
/* -----------------------------------------------
タブレットサイズ以下
-------------------------------------------------- */
@media screen and (max-width:819px){
	/* 契約一括更新 */
	.input_new_contract{
		display:block;
	}
	.input_new_contract div{
		text-align:left;
		margin:3px;
	}
	.input_new_contract div label{
		display:inline-block;
		width:60px;
	}
	.input_new_contract div input{
		width:30% !important;
		text-align:right;
	}
	.client_vertical_table th:nth-child(7n){
		width:100px;
	}
	.contact_list_table th{
		white-space:normal;
	}
	.contact_list_table input[type="radio"],
	.matter_list_table input[type="radio"]{
		margin-right: 5px !important;
	}
	.contact_list_table th:last-child{
		width: 58px;
	}
	.contact_list_table th:nth-child(4),th:nth-child(6){
		width: 38px;
	}
	.renewal_alert{
		align-items: flex-start;
	}
	.matter_list_table{
		table-layout: fixed;
	}
	.matter_list_table th:first-child{
		width: 26px;
	}
	.matter_list_table th:nth-child(2){
		width: 65px;
	}
	.matter_list_table th:nth-child(5){
		width: 85px;
	}
	.matter_list_table th:last-child{
		width: 115px;
	}
	.matter_list_table th,
	.matter_list_table tr td{
		font-size: 16px;
	}
	.engineer_list_table tr td:nth-child(2) {
	    min-width: 140px;
	}
	.engineer_list_table .datepicker_date_label {
	 	min-width: 120px;
	}
	.mail_confirm table tr th {
		white-space:nowrap;
	}
	.mail_confirm table{
		width:80%;
	}
}


/* -----------------------------------------------
スマホサイズ以下
-------------------------------------------------- */
@media screen and (max-width:767px){
	/* 企業検索 */
	.client_vertical_table thead{
		display: none;
	}
	.client_vertical_table tr:first-child{
		border-top: 2px double #069B1A;
	}
	.client_vertical_table tr{
		border-bottom: 2px double #069B1A;
	}
	.client_vertical_table th,
	.client_vertical_table td{
		display: block;
	}
	.client_vertical_table tr td:first-child{
		border-bottom: none;
	}
	.client_vertical_table tr td{
		border-bottom: 1px dotted #069B1A;
		text-align: right;
		line-height: 1.4;
		padding: 10px 7px;
		min-height: 43px;
	}
	.client_vertical_table tr td:last-child{
		border: none;
	}
	.client_vertical_table td::before{
		content: attr(label);
		float: left;
		clear: both;
		font-weight: bold;
		padding: 5px;
		border-radius: 3px;
		color: #707070;
	}
	.form_search{
		width: 100%;
		margin-bottom: 5px;
	}
	.form_parts{
		margin: 10px auto;
		max-width: 300px;
	}
	.search_client input[type="radio"]{
		display: none ;
	}
	.search_client label{
		display: inline-block;
		text-align: center;
		width: 45px;
		height: 45px;
		text-decoration: none;
		background: #C82854;
		color: #FFF;
		border-bottom: solid 4px #6b1028;
		border-radius: 50%;
		line-height: 45px;
	}
	.search_client .selected label {
		background: #707070;
		border-bottom: none;
	}

	/* 企業登録 */
	.client_side_table tr:first-child th{
		border-radius: 5px 0 0 0;
		min-width: 80px;
	}
	.client_side_table tr:last-child th{
		border-radius: 0 0 0 5px;
	}
	.client_side_table th{
		font-size: 14px;
	}
	.client_side_table th,.client_side_table td{
		padding: 15px 5px;
	}
	.phase_check{
		line-height: 2;
	}
	/* 入力 */
	.form_controll{
		width: 100%;
		margin: 4px 0;
	}
	textarea{
		width: 100% !important;
		min-height: 300px !important;
	}
	select,input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"]{
		width: 70% !important;
		margin-bottom: 3px;
	}

	.history_form{
		text-align: center;
	}
	.add_del_btn_area{
		width: 30%;
	}

	/* モーダルウィンドウ */
	.modal_box{
		width: 95%;
		max-height: 90vh;
	}

	/* 企業ID発行 */
	.mail_confirm .alert_txt{
		margin: 10px;
	}
	.mail_confirm table{
		width: 95%;
	}
	.id_confirm table tr th {
		width: 40%;
	}
	.mail_parts .form_controll{
		width: 85%;
	}
	.mail_confirm table tr th, .mail_confirm table tr td{
		width:100%;
		display:block;
	}

	/* 案件一覧 */
	.search_table{
		width: 100%;
		border-radius: 5px;
		padding: 5px;
		margin: 10px auto 20px auto;
		max-width: none;
	}
	.search_table table tr th{
		padding: 5px;
		min-width: 90px;
	}
	.search_table table tr td{
		padding: 10px 5px;
	}
	.search_table tr{
		border-bottom: 1px dotted #918c8c;
	}
	.search_table tr:last-child{
		border: none;
	}
	.entry_icon{
		min-width: 80px;
	}
	.entry_icon img{
		position: static;
	}
	.entry_num{
		position: absolute;
		display: inline-block;
		left: 52%;
	}
	.entry_icons{
		padding: 10px;
		top: 20px;
		left: auto;
		right:25px;
		justify-content: center;
		flex-wrap: wrap;
		width: 200px;
	    transform: unset;
	    -webkit-transform: unset;
	    -ms-transform: unset;
	}
	.entry_icons::before{
		top: 10%;
		display: none;
	}
	.entry_icons img{
		width: 80px;
		height: 80px;
	}

	.fukidashi_close{
		text-align: center;
		padding: 5px;
		width: 30px;
		height: 30px;
	}
	.fukidashi_close i{
		font-size: 20px;
	}

	.client_vertical_table th:first-child{
		border-radius: 0;
	}
	.client_vertical_table th:last-child{
		border-radius: 0;
	}
	.client_vertical_table tr:last-child td:first-child{
		border-radius: 0;
	}
	.client_vertical_table tr:last-child td:last-child{
		border-radius: 0;
	}

	.matter_list_table tr td{
		width: 100% !important;
	}


	/* 案件詳細 */
	.matter_detail_engineer_img{
		float: none;
		width: auto;
		margin-right: 0;
	}
	.matter_detail_engineer_list{
		width: auto;
		display: block;
	}

	/* 案件登録 */
	.time_adjustment_area{
		display:block !important;
	}
	/* 研修生・エンジニア検索 */
	.search_engineer_table td,
	.engineer_list_table td{
		width: 100% !important;
	}
	.search_engineer_table .table_icon{
		justify-content: flex-end;
	}
	.icon_num{
		display: none;
	}

	.item_size_m {
		width: 90% !important;
	}
	.select_engineer .ch{
		display: none;
	}
	.select_engineer .ch_label{
		display: inline-block;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		text-decoration: none;
		background: #28c858;
		color: #FFF;
		border-bottom: solid 4px #0a6124;
		border-radius: 3px;
	}
	.suggestion_search_skill:focus {
	/*	width: 170px !important;*/
	}
	.suggestion_item{
	/*	width: 170px !important;*/
	}
	.search_engineer_modal_table{
		width: 100%;
	}
	.form_flex div{
		text-align: left;
	}
	.engineerList_top_area{
		display: block;
	}
	.engineer_url_copy_wrap{
		min-height:250px;
	}
	/* プロフィールURL発行 */
	.engineer_url_copy_table{
		padding: 5px;
	}
	.engineer_url_copy_table table tr th,.engineer_url_copy_table table tr td{
		width:100%;
		display:block;
		text-align:left;
	}
	.alert_cnt table tr th, .alert_cnt table tr td{
		display: block;
	}

	/* ソース登録 */
	.registSource input[type="file"],.registSource select{
		width: 100% !important;
	}

	/* エンジニア詳細画面 */
	.engineer_detail_info{
		display: block;
		text-align: center;
	}
	.engineer_detail_table{
		width: 100%;
		margin: 5px;
	}
	.engineer_detail_table th{
		padding: 0;
		padding-top: 5px;
		display: none;
	}
	.engineer_detail_table td::before{
		content: attr(label);
		float: left;
		clear: both;
		font-weight: bold;
	}
	.engineer_detail_table td{
		padding: 5px;
		display: block;
		line-height: 1.6;
		text-align: right;
		min-height: 36px;
	}
	.engineer_detail_menu{
		display: block;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.engineer_detail_menu button,
	.engineer_detail_menu a{
		margin: 5px;
		width: 100%;
	}
	.schedule_parts .title{
		margin: 15px 5px 10px 5px;
	}
	.schedule_parts .date{
		font-weight: bold;
		color: #707070;
	}

	/* エンジニア詳細編集 */
	.engineerDetailEdit input[type="file"],.engineerDetailEdit select{
		width: 100% !important;
	}

	/* QA回答登録 */
	.qa_table{
		width: 90%;
	}
	.qes div,.ans{
		display: block;
		text-align: left;
	}
	.switch{
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center;
	}
	.modal_box .qa_line{
		padding: 5px;
		margin: 15px 10px;
	}

	/* スキル登録 */
	.user_info ol{
		width: auto;
	}
	.user_info img{
		margin-top: 10px;
	}
	.qualification_table input{
		width: 100% !important;
		text-align: left;
	}
	.qualification_table thead{
		display: none;
	}
	.qualification_table th,
	.qualification_table td{
		display: block;
	}
	.qualification_table td::before{
		content: attr(label);
		float: left;
		clear: both;
		font-weight: bold;
	}
	.qualification_table .add_del_btn_area{
		margin: 0 auto;
	}
	.qua_parts{
		/* border-bottom: 1px dashed; */
		background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
		background-size: 6px 1px;
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	/* 経歴登録 */
	.user_history{
		padding: 5px;
	}

	.history_table th{
		display: block;
	}
	.history_table td{
		padding: 10px;
		display: block;
		line-height: 1.4;
	}
	.user_qualification{
		margin: 30px 0;
	}
	/* グループ登録 */
	.edit_group .ch{
		display: none;
	}
	.edit_group .ch_label{
		display: inline-block;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		text-decoration: none;
		background: #28c858;
		color: #FFF;
		border-bottom: solid 4px #0a6124;
		border-radius: 3px;
	}
	.edit_group thead th{
		display:none;
	}
	.edit_group tr{
		border-bottom:1px solid #069B1A;
	}
	.edit_group tr td{
		display:block;
		text-align:left;
		border-radius:0 !important;
	}
	.edit_group tr td:first-child{
		text-align:right;
	}
	.edit_group tr td:nth-child(2)::before{
		content:"案件名：";
		font-weight:bold;
	}
		.edit_group tr td:nth-child(3)::before{
		content:"参画期間：";
		font-weight:bold;
	}
	/* エンジニアステータス */
	.engineerStatus select,
	.engineerStatus input[type="number"],
	.engineerStatus input[type="date"],
	.engineerStatus input[type="time"],
	.engineerStatus input[type="datetime-local"]{
		width: 100% !important;
		margin-bottom: 3px;
	}
	.client_side_table_schedule .schedule_date_time{
		white-space: normal;
	}
	/* エンジニア契約一括更新 */
	.renewal_contact_middle_tr td{
		font-size: 14px;
	}
	.renewal_contact_middle_tr td div{
		display: block;
	}
	.renewal_contact_table td label{
		white-space: nowrap;
		font-size: 12px;
	}
	.renewal_contact_table .renewal_labels{
		width: auto;
		flex-wrap: wrap;
	}
	.modal_box .renewal_contact_modal_table th:nth-child(2){
		min-width:100px;
	}

	.input_new_contract div{
		text-align: left;
	}
	.renewal_contact_table tr td:first-child{
		border-bottom: 1px dotted #069B1A;
	}
	.modal_box .renewal_contact_table tr td:first-child{
		border-bottom: none;
	}
	.modal_box .input_new_contract{
		display:block;
	}
	#modal_confirm{
		overflow-x:scroll;
	}
	.rc_not_found,.rc_not_found td{
		border-bottom:none!important;
	}
	.renewal_alert{
		padding-left:0;
	}
	.renewal_alert i{
		margin-top:5px;
	}
	.renewal_contact_table tr td.td_name {
		text-align: right;
	}
	.renewal_contact_table .middle_change_reason_area {
		display: flex;
	}
		.renewal_contact_modal_table thead {
		display: none;
	}
	.renewal_contact_modal_table td::before{
		content: attr(label);
		float: left;
		clear: both;
		font-weight: bold;
		padding: 0;
		border-radius: 3px;
		color: #707070;
	}
	.renewal_contact_modal_table tr.renewal_contact_middle_tr {
		border-top: 1px dotted #069B1A;
	}
	.renewal_contact_modal_table.client_side_table td {
		display: block;
		height: auto;
		min-height: 30px;
		line-height: 1.4;
		text-align: right;
		padding: 6px;
	}
	.renewal_contact_modal_table tr.renewal_contact_middle_tr td,
	.renewal_contact_modal_table tr.renewal_contact_child_tr td{
		text-align: left;
	}
	.renewal_contact_modal_table tr.renewal_contact_middle_tr td {
		min-height: initial;
	}

	/* 契約情報一覧 */
	.search_contract input[type="radio"]{
		display: none ;
	}
	.search_contract label{
		display: inline-block;
		text-align: center;
		width: 45px;
		height: 45px;
		text-decoration: none;
		background: #C82854;
		color: #FFF;
		border-bottom: solid 4px #6b1028;
		border-radius: 50%;
		line-height: 45px;
	}
	.th_hidden,.td_hidden{
		display:none !important;
	}

	/* 契約情報登録 */
	.mn_input_flex{
		display: block;
	}
	.send_invoice{
		display: block;
	}
	.mn_title{
		margin-left: 1.5rem;
	}
	.mn_title::before{
		/* margin-left: 0.5rem; */
	}
	.parts_mn .add_parts{
		display: block;
	}
	.mn_url{
		width: 100%;
	}
	.file_up_area{
		width: 100%;
		margin: 10px 0;
	}
	.parts_mn .add_del_btn_area{
		width: 100%;
		margin-left: 0;
		margin: 10px 0;
		text-align: right;
	}
	.send_type{
		margin: 10px 0;
	}
	.send_type .renewal_labels{
		width: 100%;
	}
	.invoice_format label{
		width: 150px;
	}
	.mn_col_ttl{
		margin-top: 15px;
	}
	.modal_box .parts_area{
		padding: 5px;
	}
	.mn_del_check{
		display: block;
		width: 100%;
		text-align: right;
	}
	.payment_date label .payment_date_radio_03 {
    	margin-top: 20px !important;
	}
}

/* 商流情報 */
.commercial_ttl {
	border-bottom: 3px solid #ddd;
	padding-bottom: 5px;
	color: #115760;
	font-weight: 600;
	font-size: 18px;
	border-image: linear-gradient(180deg, #cacaca, #ffffff);
	border-image-slice: 30;
	margin-bottom: 20px;
}
.commercial .sec_inner {
	padding: 0px;
}
.commercial .commercial_ttl{
	padding-left: 20px;
	padding-top: 20px;
	margin: 0 20px 20px 20px;
}
.commercial {

	margin: auto;
}
.commercial_salesChannels {
	padding: 40px 20px 20px;
}
.commercial_salesChannels_item {
	background-color: #D7F0D6;

	margin-bottom: 10px;
	position: relative;
	transition: .3s;
	border-radius:10px;
	font-size: 16px;


}
.commercial_salesChannels_close {
	position: absolute;
	right: 10px;
	top: 7px;
	cursor: pointer;
	transition: .3s;
}
.commercial_salesChannels_close:hover {
	opacity: .7;
}
.salesChannels_item_contract_company {
	background-color: #fff;
	font-weight: bold;

    border:3px solid #069B1A;
}
.last-child {
	background-color: #069B1A;
	font-weight: bold;
    color: #fff;
}
.commercial_salesChannels_item .commercial_salesChannels_item_name
	{
	width: 100%;
	height: 100%;
	padding: 30px;
	font-size: 14px;
}
.commercial_salesChannels_sl:hover {
	opacity: .7;
	cursor: pointer;
}
.commercial_salesChannels_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.commercial_salesChannels_arrow {
	text-align: center;
	margin-bottom: 10px;
	font-size: 40px;
}
.commercial_salesChannels_plus {
	font-size: 33px;
	position: absolute;
	left: 13px;
	color: #6699FF;
	transition: .3s;
	cursor: pointer;
}
.commercial_salesChannels_plus:hover {
	opacity: .8;
}
.salesChannels_parent_plus{
	bottom: 3px
}
@media screen and (max-width: 1024px) {
	.commercial_salesChannels_close {
		font-size: 20px;
	}
}
@media screen and (max-width: 768px) {
	.commercial_salesChannels_item select {
		padding: 30px 10px;
	}
	.search_contract_top .normal_btn,
	.engineerList_top_area .normal_btn{
		margin: 0;
		padding: 7px 15px;
	}
	.add_charge_area div{
		display: block;
	}
	.form_btn{
		top:5px;
	}
}
@media screen and (max-width:480px){
	.contract_detail_info{
		display: block;
		text-align: center;
	}
	.contract_detail_area{
		width: 100%;
		margin: 0 auto;
	}
	.contract_detail_personal_info{
		text-align: center;
	}
}