@charset "UTF-8";

/*
**************************************
*Since: 2025-07-26
*Modified: 
**************************************
*/


/* 1008見積もり管理のプリントボタン一度回避する
---------------------------------------------------------------------------------------- */
#contents .user_head .btn_area .btn_print3 {height: 40px;line-height: 40px;margin: 0 1.5em 0 0;display: block;cursor: pointer;transition: all 0.5s;}


/* ----------------------------------------------
 ------------------------------------------------
buttonとtooltip関係
 ------------------------------------------------
------------------------------------------------- */


button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: inherit;}
.tooltip {
  height: auto;
  padding: 0;}/* カーソルを重ねる要素 */
.tooltip {
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */	
  filter: drop-shadow(1px 2px 4px rgba(0,0,0,0.5));
  z-index: 11;
}
.tooltip:hover img {opacity: 0.7;}

/* ツールチップのテキスト */
.tooltip-text {
  opacity: 0; /* はじめは隠しておく */
  visibility: hidden; /* はじめは隠しておく */
  position: absolute; /* 絶対配置 */
  left: 50%; /* 親に対して中央配置 */
  transform: translateX(-50%); /* 親に対して中央配置 */
  bottom: -35px; /* 親要素下からの位置 */
  display: inline-block;
  padding: 5px 8px; /* 余白 */
  white-space: nowrap; /* テキストを折り返さない */
  font-size: 0.8rem; /* フォントサイズ */
  line-height: 1.3; /* 行間 */
  background: #36224d; /* 背景色 */
  color: #fff; /* 文字色 */
  border-radius: 3px; /* 角丸 */
  transition: 0.3s ease-in; /* アニメーション */
  box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.5);
  z-index: 11;
}
.tooltip-text:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -8px;
  left: calc(50% - 12px);
  border-style: solid;
  border-top: 0;
  border-bottom: 16px solid #36224d;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  transition: all 0.3s;}
/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}



/* 紫の横長ボタン（button版） --------------------------------------------------------------------
---------------------------------------------------------------------------------------- */
.btn_add {width: 304px;height: 56px;margin: 8% auto 0}
.btn_add button {width: 100%;height: 100%;display:flex;justify-content: center;align-items: center; position: relative; background-color: #6a467f;border-radius: 30px;filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.4));cursor: pointer;transition: background-color .25s ease, transform .25s ease, filter .25s ease;}
.btn_add button span {position: relative;font-size: 16px;font-weight: 700;color: #FFF;}
.btn_add button span:before {}
.btn_add button span:before, .btn_add button span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #FFF;border-radius: 10px;}
.btn_add button span:before {width: 2px;height: 14px;left:-14px;right:auto;}
.btn_add button span:after {width: 14px;height: 2px;left:-20px;right:auto;  transition: background-color .25s ease, transform .25s ease;}
.btn_add button:hover {background-color: #8662a0;filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.4));}



/* 紫の横長ボタン（a href版） --------------------------------------------------------------------
---------------------------------------------------------------------------------------- */
.btn_add {width: 304px;height: 56px;margin: 8% auto 0}
/* aタグをボタン化 */
.btn_add .btn_add_link {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;background-color: #6a467f;border-radius: 30px;filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.4));text-decoration: none;cursor: pointer;transition: background-color .25s ease, transform .25s ease, filter .25s ease;}
.btn_add .btn_add_link span {position: relative;font-size: 16px;font-weight: 700;color: #FFF;}
.btn_add .btn_add_link span:before,.btn_add .btn_add_link span:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;background-color: #FFF;border-radius: 10px;transition: transform .25s ease, background-color .25s ease;}
.btn_add .btn_add_link span:before {width: 2px;height: 14px;left: -14px;}
.btn_add .btn_add_link span:after {width: 14px;height: 2px;left: -20px;}
.btn_add .btn_add_link:hover {background-color: #8662a0;filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.4));}




/* 丸バツボタン-小サイズ --------------------------------------------------------------------
---------------------------------------------------------------------------------------- */

button.circle_close_small {
  position: relative;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50%;
  background-color: #970B53;

  /* button の初期スタイルをリセット */
  border: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;

  display: inline-flex;  /* ボタンでも正円が安定する */
  justify-content: center;
  align-items: center;

  box-sizing: content-box;
  cursor: pointer;

  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.5));

  /* アニメーション（明るさの変化） */
  transition: background-color 0.25s ease, transform 0.25s ease;

  margin-left: auto;
  margin-right: auto;
}

/* × 印（中央固定） */
button.circle_close_small::before,
button.circle_close_small::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  background-color: #fff;
  transform-origin: center;
  pointer-events: none;

  /* × 印のアニメーション */
  transition: transform 0.25s ease;
}

/* 回転角度 */
button.circle_close_small::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

button.circle_close_small::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* hover時アニメーション */
button.circle_close_small:hover {
  background-color: #b91e6e; /* 明るく */
  transform: scale(1.15);    /* ふわっと拡大 */
}

button.circle_close_small:hover::before,
button.circle_close_small:hover::after {
  transform: translate(-50%, -50%) rotate(45deg) scale(1.1);
}

button.circle_close_small:hover::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.1);
}




a.circle_close_small {
  position: relative;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50%;
  background-color: #970B53;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0;
  line-height: 0;
  box-sizing: content-box;
  cursor: pointer;
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.5));/* アニメーション（明るさの変化） */
  transition: background-color 0.25s ease, transform 0.25s ease;
  margin-left: auto;
  margin-right: auto;
}
/* × 印（中央固定） */
a.circle_close_small::before,
a.circle_close_small::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  background-color: #fff;
  transform-origin: center;
  pointer-events: none;
  /* × 印にもアニメーション（回転や拡大が滑らかになる） */
  transition: transform 0.25s ease;
}
/* 回転角度 */
a.circle_close_small::before {transform: translate(-50%, -50%) rotate(45deg);}
a.circle_close_small::after {transform: translate(-50%, -50%) rotate(-45deg);}
/* hover時アニメーション */
a.circle_close_small:hover {background-color: #b91e6e;/* 少し明るく */transform: scale(1.15);/* ふわっと少し大きく */}
a.circle_close_small:hover::before,
a.circle_close_small:hover::after {transform: translate(-50%, -50%) rotate(45deg) scale(1.1);}
a.circle_close_small:hover::after {transform: translate(-50%, -50%) rotate(-45deg) scale(1.1);}


/* user_headに配置するボタンたち ------------------------------------------------------------
---------------------------------------------------------------------------------------- */
.btn_heads {
  background-color: #FFF;
  color: #666;
  padding: 12px 24px 12px 40px; /* 左側アイコンのスペース */
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  margin: 20px 0;
  position: relative;
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.btn_heads::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.btn_heads:hover {color: #FFF;background-color: #a04483;}

/* アイコンを指定*/
/* 出退勤入力 ------------------------------------ */
.btn_attendance::before {background-image: url("../img/ico_attendance.svg");}
/* 出退勤入力 ------------------------------------ */
.btn_csv::before {background-image: url("../img/ico_csvautoput.svg");}




/* body
---------------------------------------------------------------------------------------- */
body {width: 100%; background: #f7f7f7;}

body input:focus {background: #f1f1f1;}

/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper {width: 100%;min-width: 1220px;min-height: 100vh;display: flex;position: relative;overflow: hidden;}
#wrapper:after {content: '';display: block;clear: both;}
#wrapper .openbtn2 {content: '';position: fixed;z-index: 10;top: 0px;left: 176px;cursor: pointer;width: 40px;height:40px;box-sizing: border-box;transition: all 0.5s;background-color: #0b589c;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);border-radius: 0px 0px 16px 0;}
#wrapper.openbtn2 span {}
.icon-close {color: #FFF;width: 24px;height: 24px;position: absolute;left: 6px;top:6px;}
.icon-close:before,.icon-close:after {content: "";position: absolute;top: 12px;width: 24px;height: 3px;background-color:#FFF;}
.icon-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.icon-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#wrapper .openbtn2.active {left: 0;}
.active .icon-close::before,.active .icon-close::after {content: "";position: absolute;top: calc(50% - 2px);right: 6px;width: 12px;height: 3px;border-radius: 9999px;background-color: #FFF;transform-origin: calc(100% - 2px) 50%;}
.active .icon-close::before {transform: rotate(45deg);}
.active .icon-close::after {transform: rotate(-45deg);}

/* wrapper-レスポンシブ用
---------------------------------------------------------------------------------------- */
#wrapper-responsive {width: 100%;min-height: 100vh;display: flex;position: relative;}
#wrapper-responsive:after {content: '';display: block;clear: both;}
#wrapper-responsive .openbtn2 {content: '';position: fixed;z-index: 10;top: 0px;left: 176px;cursor: pointer;width: 40px;height:40px;box-sizing: border-box;transition: all 0.5s;background-color: #0b589c;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);border-radius: 0px 0px 16px 0;}
#wrapper-responsive.openbtn2 span {}
.icon-close {color: #FFF;width: 24px;height: 24px;position: absolute;left: 6px;top:6px;}
.icon-close:before,.icon-close:after {content: "";position: absolute;top: 12px;width: 24px;height: 3px;background-color:#FFF;}
.icon-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.icon-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#wrapper-responsive .openbtn2.active {left: 0;}
.active .icon-close::before,.active .icon-close::after {content: "";position: absolute;top: calc(50% - 2px);right: 6px;width: 12px;height: 3px;border-radius: 9999px;background-color: #FFF;transform-origin: calc(100% - 2px) 50%;}
.active .icon-close::before {transform: rotate(45deg);}
.active .icon-close::after {transform: rotate(-45deg);}



/* header
---------------------------------------------------------------------------------------- */
header#nav {width: 192px;margin: 0;background: #36224d;transition: all 0.5s;z-index: 10;}
header#nav .l_logo {width: 100%;box-sizing: border-box;padding: 32px 16px 16px;background-color: #443359;}
header#nav .new_add_area {box-sizing: border-box;padding: 16px;background-color: #443359;border-bottom: solid 1px #595263;}
header#nav .new_add_area ul {width: 100%;display: flex;justify-content: center;align-items: center;}
header#nav .new_add_area ul li {}
header#nav .new_add_area ul li:nth-child(2) {padding-right: 40px;margin-right: -40px;}
header#nav .new_add_area ul li img {width: 24px;margin: 8px;}


.header-menu {width: 100%;}
.header-menu__list {}
.header-menu__item {position: relative;}
header#nav .new_add_area ul li ul.header-menu__list02 {display: none;}
header#nav .new_add_area ul li.has-child:hover .header-menu__list02 {display: block;position: absolute;font-weight: 400;line-height: 1.5;top: -50px;left: 24px;padding: 16px;background-color: #fff;z-index: 1000;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;width: auto;text-align: left;overflow: hidden;}
/*header#nav .new_add_area ul li.has-child.open .header-menu__list02 {display: block;position: absolute;font-weight: 400;line-height: 1.5;top: -50px;left: 24px;padding: 16px;background-color: #fff;z-index: 1000;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;width: auto;text-align: left;}*/
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02 {padding-left: 1.8em;line-height: 1.8em;position: relative;margin-bottom: 0.5em;width: auto;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02:before {content: '';width: 1.5em;height: 1.5em;background-repeat: no-repeat;background-position: center center;position: absolute;left: 0;top: calc(50% - 0.75em);}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_prime_contractor_a:before {background-image: url("../img/ico_prime_contractor_a.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_partner_companies_a:before {background-image: url("../img/ico_partner_companies_a.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_laborer_a:before {background-image: url("../img/ico_laborer_a.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_vehicle_a:before {background-image: url("../img/ico_vehicle_a.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_on-site_a:before {background-image: url("../img/ico_on-site_a.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02 a {font-size: 15px;font-weight: 700;color: #6a467f;letter-spacing: 0.05em;padding: 0;white-space: nowrap;}

.header-menu__item02:hover:after {content: '';width: calc(100% + 32px);height: 100%;position: absolute;left: -8px;top: 0;background-color: #6a467f;z-index: -1;border-radius: 6px 0 0 6px;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02:hover a {color: #FFF;}

header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_prime_contractor_a:hover:before {background-image: url("../img/ico_prime_contractor.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_partner_companies_a:hover:before {background-image: url("../img/ico_partner_companies.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_laborer_a:hover:before {background-image: url("../img/ico_laborer.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_vehicle_a:hover:before {background-image: url("../img/ico_vehicle.png");background-size: auto 100%;}
header#nav .new_add_area ul li.has-child .header-menu__list02 .header-menu__item02.ico_on-site_a:hover:before {background-image: url("../img/ico_on-site.png");background-size: auto 100%;}

.header-menu__list02 a {font-size: 15px;display: block;padding: 5px 0;}
.has-child {position: relative;text-align: center;cursor: pointer;}
.has-child:hover::after {content: "";position: absolute;width: 0;height: 0;top:8px;right: 27px;border-style: solid;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 16px solid #FFF;border-left: 0;transition: all 0.3s;z-index: 1000;}
/*.has-child.open::after {content: "";position: absolute;width: 0;height: 0;top:3px;right: -24px;border-style: solid;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 16px solid #FFF;border-left: 0;transition: all 0.3s;z-index: 1000;}*/
header#nav.panelactive {width: 5px;}
header#nav .inner {width: 100%;height:auto; padding:0 0;overflow-x: hidden;}
header#nav.panelactive .inner {display: none;}
header#nav .inner ul {padding: 16px 16px;}
header#nav .inner ul li {padding-left: 1.8em;line-height: 1.8em;position: relative;margin-bottom: 0.5em;}
header#nav .inner ul li:hover:after {content:'';width:calc(100% + 32px);height: 100%;position: absolute;left: -8px;top:0; background-color: #6a467f;z-index: -1;border-radius: 6px 0 0 6px;}
header#nav .inner ul li:before {content: '';width: 1.5em;height: 1.5em;background-repeat: no-repeat;background-position: center center;position: absolute;left: 0;top: calc(50% - 0.75em);}
header#nav .inner ul.ichiran {border-bottom: solid 1px #595263;}
header#nav .inner ul li.ico_prime_contractor:before {background-image: url("../img/ico_prime_contractor.png");background-size: auto 100%;}
header#nav .inner ul li.ico_partner_companies:before {background-image: url("../img/ico_partner_companies.png");background-size: auto 100%;}
header#nav .inner ul li.ico_laborer:before {background-image: url("../img/ico_laborer.png");background-size: auto 100%;}
header#nav .inner ul li.ico_vehicle:before {background-image: url("../img/ico_vehicle.png");background-size: auto 100%;}
header#nav .inner ul li.ico_on-site:before {background-image: url("../img/ico_on-site.png");background-size: auto 100%;}
header#nav .inner ul.attendance {border-bottom: solid 1px #595263;}
header#nav .inner ul li.ico_attendance_management:before {background-image: url("../img/ico_attendance_management.png");background-size: auto 100%;}
header#nav .inner ul li.ico_attendance_list:before {background-image: url("../img/ico_attendance_list.png");background-size: auto 100%;}
header#nav .inner ul li a {font-size: 15px;font-weight: 700;color: #FFF;letter-spacing: 0.05em;}
header#nav .inner ul.kanri {background-color: #443359;padding: 16px 16px;}
header#nav .inner ul.kanri li {padding-left: 1.8em;line-height: 1.8em;position: relative;}
header#nav .inner ul.kanri li:before {background-image: url("../img/ico_kanri.png");background-size: auto 100%;}
header#nav .inner ul.kanri li.ico_home:before {background-image: url("../img/ico_home.png");background-size: auto 100%;}
header#nav .inner ul.kanri li a {font-size: 12px;font-weight: 700;color: #FFF;letter-spacing: 0.05em;}


/* contents
---------------------------------------------------------------------------------------- */
#contents {width: calc(100% - 192px);height: auto; box-sizing: border-box; margin: 0;padding: 0 0 80px;}
#contents .user_head {width: 100%;height: 72px;display: flex;justify-content: space-between;align-items: center;background-color: #FFF;box-sizing: border-box;padding: 0 0 0 200px;position: fixed;left: 0;top:0;z-index: 3;transition: all 0.5s;}
#contents .user_head .tit {margin-left: 24px;}
#contents .user_head .tit span {font-size: 24px;font-weight: 700;color: #6a467f;padding: 0 0 0 0.5em;box-sizing: border-box;border-left: solid 3px #6a467f;letter-spacing: 0.05em;}
#contents .user_head .btn_area {display: flex;justify-content: flex-end;align-items: center;}
#contents .user_head .btn_area .btn_duplication {line-height: 24px;display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_duplication span {font-size: 14px;font-weight: 700;line-height: 24px;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_duplication span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_duplication.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_delete {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_delete span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_delete span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_delete.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_print2 { width: 40px;height: 40px;line-height: 40px;margin: 0 1.5em 0 0;display: block;cursor: pointer;transition: all 0.5s;}
#contents .user_head .btn_area .btn_delete2 { width: 40px;height: 40px;line-height: 40px;margin: 0 1.5em 0 0;display: block;cursor: pointer;transition: all 0.5s;}
.menu_area  {margin-left: 40px;}
.menu_area > li.menu__single {position: relative;}
.menu_area > li.menu__single a {display: flex;justify-content: center;align-items: center;}
li.menu__single ul.menu__second-level {position: absolute;font-size: 12px;top: 40px;right: 16px;width: 144px;background: #FFF;box-sizing: border-box;padding: 24px;border-radius: 16px;box-shadow: 0px 8px 10px rgba(0,0,0,0.3);-webkit-transition: all .2s ease;transition: all .2s ease;opacity: 0;z-index: 10;}
li.menu__single.open ul.menu__second-level {top: 50px;visibility: visible;opacity: 1;}
#contents .user_head .btn_area .usr_ico {width: 24px;display: block;cursor: pointer;}
#contents .user_head .btn_area .usr_name {font-size: 14px;font-weight: 700;color: #666;margin: 0 12px;display: block;cursor: pointer;}
#contents .user_head .btn_area .menu {width: 4px;margin: 8px 16px;cursor: pointer;}
#contents .in {width: 100%;height: 100%;position: relative;box-sizing: border-box;top:70px;padding: 0 0 40px;}

/* ログアウトdiv */
.menu-item:hover .drop-menu-list {opacity: 1;transition: opacity .3s, visibility .3s;visibility: visible;}
.drop-menu-list {background-color: #696969;opacity: 0;position: absolute;top: 100%;transition: opacity .3s, visibility .3s;visibility: hidden;width: max-content;;margin-top: 5px;margin-right: 70px;}


.section-title {width: 100%;box-sizing: border-box;background: #e9ecef;padding: 15px 20px;margin: 32px auto 24px;font-weight: bold;color: #495057;border-left: 5px solid #667eea;}

.section-title:first-child {margin-top: 0px;}

/*usr_top
---------------------------------------------------------------------------------------- */
.txt_DEMO {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}



/*　新規登録 画面

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

#registration_area {}
#registration_area .inner {padding: 32px 0 0 24px;display: flex;justify-content: flex-start;}
#registration_area .inner .l_box {width: 100%;box-sizing: border-box; padding-right: 24px;}
#registration_area .inner .l_box .tr {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;}
#registration_area .inner .l_box .tr .th {width:auto;font-size: 14px;font-weight: 700;color: #666666;}
#registration_area .inner .l_box .tr .td {margin-left: 16px;margin-right: 24px;}
#registration_area .inner .l_box .tr .td input {padding: 10px;border-radius: 8px;border-color: #cccccc;}
#registration_area .inner .l_box .tr.col2 {width: 100%;display: flex;justify-content: flex-start;}
#registration_area .inner .l_box .tr.col2 .col {display: flex;justify-content: flex-start;align-items: center;}
#registration_area .inner .r_box {width: 100%;box-sizing: border-box; padding: 40px 16px 0 24px;}
#registration_area .inner .r_box .tr {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;}
#registration_area .inner .r_box .tr .th {width:98px;  font-size: 14px;font-weight: 700;color: #666666;}
#registration_area .inner .r_box .tr .td {}
#registration_area .inner .r_box .tr .td input {padding: 10px;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;}
#registration_area .inner .r_box .tr .td input[type=date] {font-size: 16px; width: 240px;}
#contents input {padding: 10px;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;}
#registration_area .inner .l_box .tr .td input[type="checkbox"]{-webkit-appearance: auto;margin: 0 4px 0 8px}
#contents select {padding: 10px;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;min-width: 219px;border-width: 2px;border-style: inset;border-image: initial;}
#contents .td.act {padding: 10px;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
#contents textarea {padding: 10px;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;min-width: 219px;border-width: 2px;border-style: inset;border-image: initial;}
.tr.col2 .td {margin-left: 16px;margin-right: 24px;}
.tr.col2 .th {max-width: 120px;}
.accordion-toggle {background: #667eea;color: white;padding: 15px 20px;border: none;width: 100%;text-align: left;cursor: pointer;font-size: 1rem;font-weight: bold;border-radius: 5px;margin: 10px 0;transition: all 0.3s ease;position: relative;}
.accordion-toggle:hover {background: #5a67d8;}
.accordion-toggle::after {content: '+';position: absolute;right: 20px;font-size: 1.2rem;transition: transform 0.3s ease;}
.accordion-toggle.active::after {transform: rotate(45deg);}
.accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
.accordion-content.active {max-height: 2000px;}
.submit-btn {width: 200px;padding: 15px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;border: none;border-radius: 5px;font-size: 1.1rem;font-weight: bold;cursor: pointer;margin: 30px auto;display: block;transition: transform 0.3s ease;}
.submit-btn:hover {transform: translateY(-2px);}












#month_status_area {width: 100%;height: auto;}
#month_status_area .inner {padding: 64px 48px;box-sizing: border-box;}
#month_status_area .inner .tit {font-size: 24px;font-weight: 700;color: #3366cc;margin: 0 0 16px;}
#month_status_area .inner .tb {width: 168px;}
#month_status_area .inner .tb .tr {width: 100%; display: flex;justify-content: flex-start;}
#month_status_area .inner .tb .tr .th {width: 50%; font-size: 14px;font-weight: 500;color: #666656;text-align: center;white-space: nowrap;}
#month_status_area .inner .tb .tr .td {width: 50%;font-size: 60px;font-weight: 700;line-height: 1.0; color: #3366cc;text-align: center;white-space: nowrap;}
#month_status_area .inner .tb .tr .td span {font-size: 14px;font-weight: 500;color: #666656;}
#month_status_area .inner .pending {padding: 40px 0 0;display: flex;align-items: flex-end;}
#month_status_area .inner .pending .td {width: 84px; font-size: 43px;font-weight: 700;line-height: 1.0; color: #e8410b;}
#month_status_area .inner .pending .td span {font-size: 14px;font-weight: 500;color: #666656;margin: 0 4px;}
#month_status_area .inner .pending .btn {width: 128px;height: 40px;}
#month_status_area .inner .pending .btn a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 700;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: all 0.5s;border-radius: 20px;background-color: #3366cc;color: #FFF;}
#month_status_area .inner .pending .btn a:hover {background-color:rgba(51,102,204,0.85);box-shadow: 0px 0px 1px rgba(0,0,0,0.1);}

.openbtn1 {position:fixed;z-index: 10;top: 80px;right: 0px;cursor: pointer;width: 84px;height: 64px;display: flex;justify-content: center;align-items: center; box-sizing: border-box;transition: all 0.5s;background-color: #e8410b;box-shadow: 0px 8px 10px rgba(0,0,0,0.3);border-radius: 16px 0 0 16px;}
.openbtn1.active {right: 55%;}
.openbtn1 img {width: 20px;height: auto;}
.openbtn1:hover {opacity: 0.7;}
.openbtn1 .num span {position: absolute;left:40px;top:16px;background-color: #FFF;color: #e8410b;width: 16px;height: 16px;border: solid 2px #e8410b;border-radius: 20px;font-size: 12px;font-weight: 700;display: flex;justify-content: center;align-items: center;line-height: 1.0;}
#note_area {}
#contents .note_area {width: 55%;position: absolute;right: -55%;top:80px;background-color: #FFF;box-sizing: border-box;padding: 24px; border-radius: 0 0 0 20px;box-shadow: 0px 8px 10px rgba(0,0,0,0.3);transition: all 0.5s;}
#contents .note_area.panelactive{right: 0%;}
#contents .note_area ul {margin: 0;padding: 0;}
#contents .note_area ul li {display: flex;justify-content: flex-start;align-items: center; padding-left: 1em;position: relative;line-height: 1.86;}
#contents .note_area ul li:before {content: '●';color: #e8410b;position: absolute;left: 0;top:28%;font-size: 8px;}
#contents .note_area ul li .date {font-size: 14px;font-weight: 700;margin-right: 1em;}
#contents .note_area ul li .txt {font-size: 14px;font-weight: 500;color: #666656;}
#contents .list_area {position: relative;padding: 70px 0 0;}
#contents .list_area .tb {}
#contents .list_area .tb .tr {display: flex;justify-content: space-between;align-items: center; width: 100%;height: 48px;box-sizing: border-box;border-bottom: solid 1px #ccbdcc;}
#contents .list_area .tb .tr a {display: flex;justify-content: space-between;align-items: center; width: 100%;height: 48px;box-sizing: border-box;border-bottom: solid 1px #ccbdcc;}
#contents .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#contents .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}
#contents .list_area .tb .tr:nth-child(1){background-color: #36224d;}

#contents .in .list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#contents .in .list_area .tb .tr .td {font-size: 14px;font-weight: 500;}



/*　login画面
---------------------------------------------------------------------------------------- */
.login #wrapper {text-align: center;}
.login #contents {display: inline-block;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
#contents .logo {width: 326px;height: auto;margin: 0 auto 72px;}
#contents .logo img {}
#login_area {width: 300px;background-color: #FFF;border-radius:24px;margin: 0px auto;padding: 40px 72px; box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);}
#login_area .inner {}
#login_area .inner form {}
#login_area .inner form ul {margin: 0;padding: 0;}
#login_area .inner form ul li {display: block;margin-bottom: 1.5em;}
#login_area .inner form ul li p {line-height: 1.0;font-size: 16px; font-weight: 500;text-align: left; color: #666666;display: block;padding: 0;margin: 0 0 8px;}
#login_area .inner form ul li input {width: 100%;padding: 0.813em;border-radius: 50px;border: 1px solid #cccccc;}
#login_area .inner .btn_login {width: 100%;height: 56px;padding-top: 0.813em;}
#login_area .inner .btn_login button {background-color: #6a467f;color: #FFF;font-size: 16px;font-weight: 500;width: 100%;height: 100%;border-radius: 30px;border: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: all 0.5s;}
#login_area .inner .btn_login button:hover {background-color: rgba(106,70,127,0.85) ;box-shadow: 0px 0px 1px rgba(0,0,0,0.1);}
#contents .copy {font-size: 12px;font-weight: 700;text-align: center;letter-spacing: 0.05em; color: #666666;margin: 0px auto;padding: 72px 0 0;}

/*　パスワードの目玉部分。*/
.password-wrapper {display: flex;}
.password__input {flex: 1;outline: none;appearance: none;padding: 10px 0 10px 10px;border: none; border-radius: 5px 0 0 5px;font-size: 16px;}
.password__toggle {width: 40px;border: none;background-repeat: no-repeat;background-position: center center;background-image: url(../img/ico_eye_open.svg);background-size: 50% auto;cursor: pointer;}
.password__toggle.is-visible {background-position: center center;background-image: url(../img/ico_eye_close.svg);}
@media (any-hover: hover) {.password__toggle:hover {opacity: 0.7;}}
/*　エラーのテキスト*/
.login_error {font-size: 14px;font-weight: 500;text-align: center;color: #C40306;}

/*　新規登録 画面　　　　1007　141行と重複しているため、大畑非表示に。
---------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------- 
#registration_area {}
#registration_area .inner {padding: 32px 0 0 48px;display: flex;justify-content: flex-start;}
#registration_area .inner .l_box {padding-right: 48px;}
#registration_area .inner .l_box .tr {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;}
#registration_area .inner .l_box .tr .th {width:120px;  font-size: 16px;font-weight: 700;color: #666666;}
#registration_area .inner .l_box .tr .td {}
#registration_area .inner .l_box .tr .td input {padding: 0.813em;border-radius: 8px;border-color: #cccccc;}
#registration_area .inner .r_box {padding: 40px 16px 0 48px;}
#registration_area .inner .r_box .tr {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;}
#registration_area .inner .r_box .tr .th {width:98px;  font-size: 16px;font-weight: 700;color: #666666;}
#registration_area .inner .r_box .tr .td {}
#registration_area .inner .r_box .tr .td input {padding: 0.75em;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;}
#registration_area .inner .r_box .tr .td input[type=date] {font-size: 16px; width: 240px;}
---------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------- 
*/






/*　物件情報登録完了 画面
---------------------------------------------------------------------------------------- */
#registration_area.finish {}
#registration_area.finish .inner {padding: 152px 0 0;display: block;}
#registration_area.finish .inner .tit {width: 100%; font-size: 26px;font-weight: 700;color: #666666;text-align: center;position: relative;display: block;margin: 0 auto 48px;}
#registration_area.finish .inner .tit span {position: relative;}
#registration_area.finish .inner .tit span:after {content: ''; width: 60%;height: 4px;border-radius: 2px; background-color: #3366cc;position: absolute;left: 20%;bottom: -24px;}
#registration_area.finish .inner .tr {display: flex;justify-content: center;align-items: center;line-height: 1.86;}
#registration_area.finish .inner .tr .th {width: 80px;box-sizing: border-box; padding-right: 0.5em;font-size: 14px;font-weight: 700;color: #666666;text-align: right;}
#registration_area.finish .inner .tr .td {width: 120px;box-sizing: border-box; padding-left: 0.5em;font-size: 14px;font-weight: 700;color: #666666;text-align: left;}
#registration_area.finish .btn_ichiran {width: 248px;height: 56px;margin: 48px auto 0}
#registration_area.finish .btn_ichiran a {width: 100%;height: 100%;display:flex;justify-content: center;align-items: center; position: relative; background-color: #3366cc;border-radius: 30px;}
#registration_area.finish .btn_ichiran a span {position: relative;font-size: 16px;font-weight: 700;color: #FFF;}

/*　物件情報一覧 画面
---------------------------------------------------------------------------------------- */
#contents .user_head .btn_area .btn_search {display: block;cursor: pointer;padding-right: 2.5em;}
#contents .user_head .btn_area .btn_search span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_search span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/btn_search.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_new {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_new span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_new span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/btn_new.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}

.btn_back {position: relative;display: inline-block;padding-left: 36px;transition: all 0.5s;}
.btn_back:hover {opacity: 0.7;}
.btn_back:before {content: '';width: 24px;height: 24px;background: #e7e7e7;border-radius: 50%;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.btn_back:after {content: '';width: 0;height: 0;border-style: solid;border-width: 4px 6px 4px 0;border-color: transparent #999999 transparent transparent;position: absolute;top: 0;left: 7px;bottom: 0;margin: auto;}


#property_details .inner {box-sizing: border-box; padding: 32px 0 48px 48px;height: 358px;transition: all 0.5s;}
#property_details_info .btn_area {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 1em;}
#property_details .tab_box {position:absolute;width: 176px;height: 30px;border-radius: 10px 10px 0 0;background-color: #0a487a;left: calc(50% - 88px);top:400px;display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 14px;font-weight: 500;}
#property_details .list_area {position: relative;}
#property_details .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#property_details .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}
#property_details .list_area .tb.fixed .tr {position: absolute;left: 0;top:0;height: 40px;background-color: #0a487a;}
#property_details .inner.panelactive {height: 144px;}
#property_details .inner .information_area {width: 100%; display: flex;justify-content: space-between;}
#property_details .inner .information_area .l_box {width: 50%;}
#property_details .inner .information_area .l_box .tb {width: 95%;}
#property_details .inner .information_area .l_box .tb .tr {width: 100%;display: flex;justify-content: flex-start;line-height: 2.4;border-bottom: solid 1px #c9dce5;position: relative;}
#property_details .inner .information_area .l_box .tb .tr .th {font-size: 14px;font-weight: 500;color:#666666;margin-right: 0.3em;width: 96px;}
#property_details .inner .information_area .l_box .tb .tr .td {font-size: 14px;font-weight: 700;color:#666666;}
#property_details .inner .information_area .r_box {width: 50%;}
#property_details .inner .information_area .r_box .tb {width: 95%;}
#property_details .inner .information_area .r_box .tb .tr {width: 100%;display: flex;justify-content: flex-start;line-height: 2.4;border-bottom: solid 1px #c9dce5;position: relative;height: 33.6px}
#property_details .inner .information_area .r_box .tb .tr .th {font-size: 14px;font-weight: 500;color:#666666;margin-right: 0.3em;width: 96px;}
#property_details .inner .information_area .r_box .tb .tr .td {font-size: 14px;font-weight: 700;color:#666666;}


/*　見積作成 画面
---------------------------------------------------------------------------------------- */
#contents .user_head .btn_area .btn_copy {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_copy span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_copy span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_duplication.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_print {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_print span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_print span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_print.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_add {width: 214px;height: 48px;margin-right: 1.5em}
#contents .user_head .btn_area .btn_add a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;background-color: #3366cc;border-radius: 30px;}
#contents .user_head .btn_area .btn_add a span {position: relative;font-size: 14px;font-weight: 700;color: #FFF;}
#contents .user_head .btn_area .btn_add a span:before, #contents .user_head .btn_area .btn_add a span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #FFF;border-radius: 10px;}
#contents .user_head .btn_area .btn_add a span:before {width: 3px;height: 16px;left:-27px;right:auto;}
#contents .user_head .btn_area .btn_add a span:after {width: 16px;height: 3px;left:-34px;right:auto;}
#contents .user_head .btn_area .btn_edit {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_edit span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_edit span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_edit.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}

.index_quote {overflow: hidden;}
.index_quote #create_quote .inner {height: auto;}
.select_btn_area {width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;}
.select_btn_area .btn {width: 300px;height: 56px;border-radius: 30px;background-color: #3366cc;margin: 0 5%;}
.select_btn_area .btn a {width: 100%;height: 100%;color: #FFF;font-size: 16px;font-weight: 700;letter-spacing: 0.05em;display: flex;justify-content: center;align-items: center;}
.select_btn_area .btn.select_property {position: relative;}
.select_btn_area .btn.select_property:before {content: '';width: 1.2em;height: 1.2em;position: absolute;left: 30px;top:calc(50% - 0.6em); background-image: url("../img/ico_ichiran.png");background-size: auto 100%;}
.select_btn_area .btn.select_property a {position: relative;}
.select_btn_area .btn.property_registration {position: relative;}
.select_btn_area .btn.property_registration:before {content: '';width: 1.2em;height: 1.2em;position: absolute;left: 30px;top:calc(50% - 0.6em); background-image: url("../img/ico_shinki.png");background-size: auto 100%;}
.select_btn_area .btn.property_registration a {position: relative;}

.create_quote {overflow: hidden;}
#create_quote {}
.btn_close {position:absolute;width: 88px;height: 30px;border-radius: 10px 10px 0 0;background-color: #0a487a;left: calc(50% - 44px);top:400px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.5s;}
.btn_close.active {top:186px;}
.btn_close span {position: relative;}
.btn_close span::before,.btn_close span::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.btn_close span::before {left: -6px;top:3px;width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.5s;}
.btn_close.active span::before {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#create_quote .inner {box-sizing: border-box; padding: 32px 0 48px 48px;height: 358px;transition: all 0.5s;}
#create_quote .inner.panelactive {height: 144px;}
#create_quote .inner .information_area {width: 100%; display: flex;justify-content: space-between;}
#create_quote .inner .information_area .l_box {width: 50%;}
#create_quote .inner .information_area .l_box .form_area {width: 100%;}
#create_quote .inner .information_area .l_box .form_area .col {display: inline-block;margin: 0 2em 1em 0; }
#create_quote .inner .information_area .l_box .form_area .col span {font-size: 16px;font-weight: 700;color:#666666;margin-right: 0.3em; }
#create_quote .inner .information_area .l_box .form_area .col select {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .inner .information_area .l_box .form_area .col input {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .inner .information_area .r_box {width: 50%;}
#create_quote .inner .information_area .r_box .tb {width: 95%;}
#create_quote .inner .information_area .r_box .tb .tr {width: 100%;display: flex;justify-content: flex-start;line-height: 2.4;border-bottom: solid 1px #c9dce5;position: relative;}
#create_quote .inner .information_area .r_box .tb .tr .th {font-size: 14px;font-weight: 500;color:#666666;margin-right: 0.3em;width: 96px;}
#create_quote .inner .information_area .r_box .tb .tr .td {font-size: 14px;font-weight: 700;color:#666666;}
#create_quote .inner .information_area .r_box .tb .tr .td .check_information {position: absolute;top:0;right: 0;padding-left: 2.5em;cursor: pointer;}
#create_quote .inner .information_area .r_box .tb .tr .td .check_information:before {content: '';width: 2em;height: 100%;background-image: url("../img/ico_check_information.png");background-position: center center;background-repeat: no-repeat;background-size: auto 70%;position: absolute;left: 0;top:0;}
#create_quote .list_area {position: relative;}
#create_quote .list_area .tb {position: relative;height: calc(100vh - 470px); overflow: auto;transition: all 0.5s;}
#create_quote .list_area .tb.panelactive {height: calc(100vh - 272px);}
#create_quote .list_area .tb .tr {display: flex;justify-content: space-between;align-items: center; width: 100%;height: 56px;box-sizing: border-box;border-bottom: solid 1px #ccbdcc;padding: 0 48px 0 24px;position: relative;}
#create_quote .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#create_quote .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}
#create_quote .list_area .tb.fixed {height: 40px;}
#create_quote .list_area .tb.fixed .tr {position: absolute;left: 0;top:0;height: 40px;background-color: #0a487a;}

#create_quote .list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#create_quote .list_area .tb .tr .th:nth-child(1) {width: 30%;}
#create_quote .list_area .tb .tr .th:nth-child(2) {width: 8%;}
#create_quote .list_area .tb .tr .th:nth-child(3) {width: 5%;}
#create_quote .list_area .tb .tr .th:nth-child(4) {width: 10%;}
#create_quote .list_area .tb .tr .th:nth-child(5) {width: 10%;}
#create_quote .list_area .tb .tr .th:nth-child(6) {width: 30%;}
#create_quote .list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
#create_quote .list_area .tb .tr .td:nth-child(1) {width: 30%;}
#create_quote .list_area .tb .tr .td:nth-child(2) {width: 8%;}
#create_quote .list_area .tb .tr .td:nth-child(3) {width: 5%;}
#create_quote .list_area .tb .tr .td:nth-child(4) {width: 10%;}
#create_quote .list_area .tb .tr .td:nth-child(5) {width: 10%;}
#create_quote .list_area .tb .tr .td:nth-child(6) {width: 30%;}
#create_quote .list_area .tb .tr .td input {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .list_area .tb .tr .td select {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .list_area .tb .tr .batsu {position: absolute;top:50%;right: 0;}
#create_quote .list_area .tb .tr .batsu::before, #create_quote .list_area .tb .tr .batsu::after { /* 共通設定 */content: "";position: absolute;top: 50%;right: 20px;width: 3px; /* 棒の幅（太さ） */height: 16px; /* 棒の高さ */background: #e5e5e5;}
#create_quote .list_area .tb .tr:last-child .batsu::before, #create_quote .list_area .tb .tr:last-child .batsu::after {background: #e8410b;}
#create_quote .list_area .tb .tr .batsu::before {transform: translate(-50%,-50%) rotate(45deg);} 
#create_quote .list_area .tb .tr .batsu::after {transform: translate(-50%,-50%) rotate(-45deg);}

#create_quote .list_area .tb .tr .btn_add {position: absolute;top:75%;right: 10px;width: 24px;height: 24px;border-radius: 12px;background-color:#e5e5e5;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);z-index: 50; }
#create_quote .list_area .tb .tr:last-child {margin-bottom: 24px;}
#create_quote .list_area .tb .tr:last-child .btn_add {background-color:#3366cc; }
#create_quote .list_area .tb .tr .btn_add::before, #create_quote .list_area .tb .tr .btn_add::after { /* 共通設定 */content: "";position: absolute;top: 50%;right: 10px;width: 2px; /* 棒の幅（太さ） */height: 10px; /* 棒の高さ */background: #FFF;}
#create_quote .list_area .tb .tr .btn_add::before {transform: translate(-50%,-50%) rotate(90deg);} 
#create_quote .list_area .tb .tr .btn_add::after {transform: translate(-50%,-50%) rotate(-180deg);}

.chart_box {position: absolute;right: -400px;top:50%;transform: translate(0,-50%);background-color: #FFF;border-radius: 10px 0 0 10px;box-sizing: border-box;padding: 10px;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);z-index: 200;transition: all 0.5s;}
.chart_box.chart_open {right: 0px;}
.chart_box .ico_chart {width: 24px;height: 24px;background-image: url("../img/ico_delete.png");background-size: 24px auto;position: absolute;left: -24px;top:0;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);display: block;cursor: pointer;}
.chart_box canvas#myChart {}




/*　見積詳細 画面
---------------------------------------------------------------------------------------- */
#create_quote #quote_detail_info.inner {box-sizing: border-box; padding: 32px 0 48px 48px;height: auto;transition: all 0.5s;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area {max-width:500px;box-sizing: border-box;padding: 8px 24px;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #FFF;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box {width: 50%;display: flex;justify-content: space-between;align-items: center; color: #666666;padding: 0.5em 0;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box .th {width: 30%; font-size: 16px;font-weight: 700;box-sizing: border-box;padding-right: 5%; text-align: right;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box .td {width: 70%; font-size: 23px;font-weight: 700;text-align: right;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box .td span {font-size: 16px;font-weight: 700;}
#create_quote .inner .information_area .r_box .tb .tr.col2 {display: flex;justify-content: space-between;align-items: center;height: 46px;margin-top: 5px;border-top: solid 1px #c9dce5;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col {display: flex;justify-content: flex-start;line-height: 100%;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .th {width: 96px;font-size: 16px;font-weight: 700;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .td {font-size: 23px;font-weight: 700;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .td span {font-size: 16px;font-weight: 700;padding-left: 0.4em;}
#create_quote .inner .information_area .r_box .total_amount {width: 95%; padding-top: 0.3em;text-align: right;font-size: 43px;font-weight: 700;color: #e8410b;line-height: 45px;}
#create_quote .inner .information_area .r_box .total_amount span {font-size: 16px;font-weight: 700;padding-left: 0.4em;color: #666;}
.btn_area .tit {font-size: 14px;font-weight: 700;color:#666656;margin-right: 1.5em; }
.status_area {display: flex;justify-content: flex-end;align-items: center;}
.toggle {position: relative;width: 96px;height: 32px;margin: 0 1.5em 0 0;border-radius: 50px;overflow: hidden;user-select: none;cursor: pointer;}
.toggle input[type=checkbox] {display: none;}
.toggle span {position: absolute;top: 8px;font-size: 16px;font-weight: bold;line-height: 1;-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.toggle span:nth-of-type(1) {right: 20px;color: rgba(0, 0, 0, 0.175);}
.toggle.checked span:nth-of-type(1) {right: 20px;color: rgba(0, 0, 0, 0.0);}
.toggle span:nth-of-type(2) {left: 20px;color: rgba(0, 0, 0, 0.0);letter-spacing: 2px;}
.toggle.checked span:nth-of-type(2) {left: 20px;color: #fff;letter-spacing: 2px;}
.toggle:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50px;display: block;box-sizing: border-box;border:solid 2px #cccaca;background-color: #FFF;-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.toggle:after {content: "";position: absolute;top: 3px;left: 3px;width: 26px;height: 26px;display: block;border-radius: 50px;background: #cccaca;box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.toggle.checked:before {background: #e8410b;border:solid 1px #cccaca;}
.toggle.checked:after {left: 66px;box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);background: #FFF;}
.btn_approval {position: relative;width: 96px;height: 32px;margin: 0 1.5em 0 0;}
.toggle_input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
cursor: pointer;
}

.toggle_label {
width: 96px;
height: 32px;
border-radius: 50px;
box-sizing: border-box;border:solid 2px #cccaca;
background: #FFF;
position: relative;
display: inline-block;
transition: all 0.4s;
}

.toggle_label:after {
content: "承認待ち";
position: absolute;
font-size: 16px;
width: 100%;height: 100%;text-align: center;
left: 0px;
top: 0px;
z-index: 2;
color: #cccaca;
transition: all 0.4s;
}

.toggle_input:checked + .toggle_label {
  background-color: #e8410b;
}

.toggle_input:checked + .toggle_label:after {
  content: "承認完了";
color: #FFF;
}





/* contents > sbj
-------------------------------------------------------------------- */
#contents .sbj {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	height: 40px;
	background: #009944;
	text-align: left;
}

#contents .pnv_bottom {
	height: 40px;
	background: #FFF;
}

#contents .sbj h2 {
	float: left;
	font-size: 0;
	line-height: 0;
}

#contents .sbj h3 {
	float: right;
	color: #FFF;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

#contents .sbj ul,
#contents .pnv_bottom ul {
	float: right;
	padding: 7px 9px 7px 0;
}

#contents .sbj ul li,
#contents .pnv_bottom ul li {
	float: left;
	padding: 0 0 0 6px;
	cursor: pointer;
}

#contents .sbj ul li.pnv_nweek,
#contents .pnv_bottom ul li.pnv_nweek {background: url(../img/pnv_nweek_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_lweek,
#contents .pnv_bottom ul li.pnv_lweek {background: url(../img/pnv_lweek_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_front,
#contents .pnv_bottom ul li.pnv_front {background: url(../img/pnv_front_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_rear,
#contents .pnv_bottom ul li.pnv_rear {background: url(../img/pnv_rear_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_prev,
#contents .pnv_bottom ul li.pnv_prev {background: url(../img/pnv_prev_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_next,
#contents .pnv_bottom ul li.pnv_next {background: url(../img/pnv_next_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_lmonth,
#contents .pnv_bottom ul li.pnv_lmonth {background: url(../img/pnv_lmonth_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_nmonth,
#contents .pnv_bottom ul li.pnv_nmonth {background: url(../img/pnv_nmonth_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_delete,
#contents .pnv_bottom ul li.btn_delete {background: url(../img/btn_delete_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_renew,
#contents .pnv_bottom ul li.btn_renew {background: url(../img/btn_renew_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_schedule,
#contents .pnv_bottom ul li.btn_schedule {background: url(../img/btn_schedule_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_print,
#contents .pnv_bottom ul li.btn_print {background: url(../img/btn_print_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_ichiran_print,
#contents .pnv_bottom ul li.btn_ichiran_print {background: url(../img/btn_ichiran_print_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_print02,
#contents .pnv_bottom ul li.btn_print02 {background: url(../img/btn_print02_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_print03,
#contents .pnv_bottom ul li.btn_print03 {
	width: 90px;
	height: 26px;
	background: url(../img/btn_print_hvr.png) no-repeat right;
}

#contents .sbj ul li.btn_print03 button,
#contents .pnv_bottom ul li.btn_print03 button {
	width: 90px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/btn_print.png) no-repeat right;
	text-indent: -9999px;
	cursor: pointer;
}

#contents .sbj ul li.btn_master,
#contents .pnv_bottom ul li.btn_master {background: url(../img/btn_master_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_orderto,
#contents .pnv_bottom ul li.btn_orderto {background: url(../img/btn_orderto_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_orderto_chk,
#contents .pnv_bottom ul li.btn_orderto_chk {background: url(../img/btn_orderto_chk_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_decide,
#contents .pnv_bottom ul li.btn_decide {background: url(../img/btn_decide_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_decide_delete,
#contents .pnv_bottom ul li.btn_decide_delete {background: url(../img/btn_decide_delete_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_back,
#contents .pnv_bottom ul li.btn_back {background: url(../img/btn_back_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_estimate,
#contents .pnv_bottom ul li.btn_estimate {background: url(../img/btn_estimate_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_estimate_chk,
#contents .pnv_bottom ul li.btn_estimate_chk {background: url(../img/btn_estimate_chk_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_new,
#contents .pnv_bottom ul li.btn_new {background: url(../img/btn_new_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_property,
#contents .pnv_bottom ul li.btn_property {background: url(../img/btn_property_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_close,
#contents .pnv_bottom ul li.btn_close {background: url(../img/btn_close_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_order_process,
#contents .pnv_bottom ul li.btn_order_process {
	width: 90px;
	height: 26px;
	background: url(../img/btn_order_process_hvr.png) no-repeat right top;
}

#contents .sbj ul li.btn_order_process button,
#contents .pnv_bottom ul li.btn_order_process button {
	width: 90px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
	background: url(../img/btn_order_process.png) no-repeat right top;
}

#contents .sbj ul li.txt,
#contents .pnv_bottom ul li.txt {
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
}

#contents .sbj ul li.txt p,
#contents .pnv_bottom ul li.txt p {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background: #FFFF00;
	border: 1px solid #CDCDCD;
	color: #000;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

#contents .sbj ul li.txt a,
#contents .pnv_bottom ul li.txt a {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background: #FEFCF6;
	border: 1px solid #CDCDCD;
	color: #000;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

#contents .sbj ul li.btn_renew button,
#contents .pnv_bottom ul li.btn_renew button {
	width: 110px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	background: url(../img/btn_renew.png) no-repeat right;
	text-indent: -9999px;
	cursor: pointer;
}



/* footer
---------------------------------------------------------------------------------------- */
#footer {
	width: 100%;
	height: 63px;
	background: url(../img/bg_footer.png) repeat-x bottom;
}

#footer .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 39px 0 0 0;
	text-align: right;
}

#footer .inner p {
	position: absolute;
	width: 114px;
	height: 23px;
	top: 0;
	right: 0;
}

#footer .inner small {
	width: 1000px;
	font-size: 0;
	line-height: 0;
}


/*　検索エリア(デフォルト+6個)
---------------------------------------------------------------------------------------- */
.search_box {width: calc(100% - 176px);box-sizing: border-box; padding: 15px 90px;background-color: #f2f2f2;position: fixed;top:72px;z-index: 1;}
.search_box .search-form-6 {width: 100%;height: 40px;box-sizing: border-box;border: solid 1px #cccccc;background-color: #FFF;display: flex;justify-content: flex-start;align-items: center;padding-right: 80px;position: relative;}
.search_box .search-form-6 label {box-sizing: border-box; width: calc(100% / 6);font-size: 14px;}
.search_box .search-form-6 label input {border: none;padding: 0.5em;}
.search_box button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}


/*　検索エリア(4個)
---------------------------------------------------------------------------------------- */
.search_box .search-form-4 {width: 80%;height: 40px;box-sizing: border-box;border: solid 1px #cccccc;background-color: #FFF;display: flex;justify-content: flex-start;align-items: center;padding-right: 80px;position: relative;}
.search_box .search-form-4 label {box-sizing: border-box; width: calc(100% / 4);font-size: 14px;}
.search_box .search-form-4 label input {border: none;padding: 0.5em;}

/*　検索エリア(2個)
---------------------------------------------------------------------------------------- */
.search_box .search-form-2 {width: 50%;height: 40px;box-sizing: border-box;border: solid 1px #cccccc;background-color: #FFF;display: flex;justify-content: flex-start;align-items: center;padding-right: 80px;position: relative;}
.search_box .search-form-2 label {box-sizing: border-box; width: calc(100% / 2);font-size: 14px;}
.search_box .search-form-2 label input {border: none;padding: 0.5em;}

/*
.search-form-4 {display: flex;align-items: center;overflow: hidden;border: 1px solid #6a467f;border-radius: 25px;background-color:#f2f2f2;}
.search-form-4 input {width: 250px;height: 40px;padding: 5px 15px 5px 0;border: none;box-sizing: border-box;font-size: 1em;outline: none;background-color:#f2f2f2;}
.search-form-4 input::placeholder {color: #777777;}
.search-form-4 button {display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border: none;background-color: transparent;cursor: pointer;}
.search-form-4 button::before {width: 24px;height: 24px;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI2LjQ3IDI2LjQ3Ij4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogIzZhNDY3ZjsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJOQVZJIj4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuNTEsMi40OWMtMy4zMS0zLjMxLTguNzEtMy4zMS0xMi4wMiwwLTMuMzEsMy4zMS0zLjMxLDguNzEsMCwxMi4wMiwzLjA3LDMuMDcsNy45NCwzLjI5LDExLjI3LjY2bDExLjAxLDExLjAxYy4zOS4zOSwxLjAyLjM5LDEuNDEsMHMuMzktMS4wMiwwLTEuNDFsLTExLjAxLTExLjAxYzIuNjMtMy4zMywyLjQxLTguMTktLjY2LTExLjI3Wk0xMy44LDEzLjhjLTIuOTIsMi45Mi03LjY4LDIuOTItMTAuNjEsMC0yLjkyLTIuOTItMi45Mi03LjY4LDAtMTAuNjEsMi45Mi0yLjkyLDcuNjgtMi45MiwxMC42MSwwLDIuOTIsMi45MiwyLjkyLDcuNjgsMCwxMC42MVoiLz4gPC9nPjwvc3ZnPg==");background-repeat: no-repeat;content: '';}
*/


/*　ページネーションエリア
---------------------------------------------------------------------------------------- */
.pagenation_area {width: 100%;height: 56px;box-sizing: border-box; padding: 0 32px;display: flex;position: fixed;bottom: 0; background-color: rgba(255,255,255,1.00)}
.pagenation_area .pagenation {width: 65%;display: flex;justify-content: center;align-items: center;}
.pagenation_area .pagenation div {min-width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;border: solid 1px #c9dce5;background-color: #FFF;font-size: 14px;margin: 0 2px;cursor: pointer}
.pagenation_area .pagenation .prev {background-color:#6a467f;border: none;color: #FFF;position: relative;}
.pagenation_area .pagenation .prev::before, .pagenation_area .pagenation .prev::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.pagenation_area .pagenation .prev::before{left: 8px;width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.pagenation_area .pagenation .current {background-color:#cccaca;color: #FFF;cursor: inherit}
.pagenation_area .pagenation .space {background-color:inherit;border: none;cursor: inherit}
.pagenation_area .pagenation .next {background-color:#6a467f;border: none;color: #FFF;position: relative;}
.pagenation_area .pagenation .next::before, .pagenation_area .pagenation .next::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.pagenation_area .pagenation .next::before{left: 4px;width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pagenation_area .number_rows {display: flex;justify-content: flex-end;align-items: center;}
.pagenation_area .number_rows label {font-size: 14px;margin-right: 1em;}
.pagenation_area .number_rows select {padding: 0.5em;border-radius: 5px;border-color:#cccccc; }
.pagenation_area .number_rows select option {}




/*　ユーザートップページ
---------------------------------------------------------------------------------------- */
.usr_top #contents .in .on_site_list2 .tr .th:nth-child(1) {width: 17%;text-align: left;margin-left: 3%;}/*元請会社*/
.usr_top #contents .in .on_site_list2 .tr .th:nth-child(2) {width: 20%;text-align: left;}/*下請会社*/
.usr_top #contents .in .on_site_list2 .tr .th:nth-child(3) {width: 20%;text-align: center;}/*工事名*/
.usr_top #contents .in .on_site_list2 .tr .th:nth-child(4) {width: 20%;text-align: center;}/*場所*/
.usr_top #contents .in .on_site_list2 .tr .th:nth-child(5) {width: 10%;text-align: center;}/*工期/納期(自)*/
.usr_top #contents .in .on_site_list2 .tr .th:nth-child(6) {width: 10%;text-align: center;}/*工期/納期(至)*/
.usr_top #contents .in .on_site_list2 .tr .td:nth-child(1) {width: 17%;text-align: left;margin-left: 3%;}
.usr_top #contents .in .on_site_list2 .tr .td:nth-child(2) {width: 20%;text-align: left;}
.usr_top #contents .in .on_site_list2 .tr .td:nth-child(3) {width: 20%;text-align: center;}
.usr_top #contents .in .on_site_list2 .tr .td:nth-child(4) {width: 20%;text-align: center;}
.usr_top #contents .in .on_site_list2 .tr .td:nth-child(5) {width: 10%;text-align: center;}
.usr_top #contents .in .on_site_list2 .tr .td:nth-child(6) {width: 10%;text-align: center;}
.usr_top #contents .in .on_site_list2 .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.usr_top #contents .in .on_site_list2 .tr a:hover {color: #666666;}


/*　元請会社 一覧ページ
---------------------------------------------------------------------------------------- */
.prime_contractor_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 5%;text-align: center;}/*ID*/
.prime_contractor_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 30%;text-align: center;}/*会社名*/
.prime_contractor_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 10%;text-align: center;}/*代表者名*/
.prime_contractor_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 10%;text-align: center;}/*郵便番号*/
.prime_contractor_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 35%;text-align: center;}/*住所*/
.prime_contractor_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 10%;text-align: center;}/*電話番号*/
.prime_contractor_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 5%;text-align: center;}
.prime_contractor_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 30%;text-align: left;}
.prime_contractor_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 10%;text-align: center;}
.prime_contractor_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 10%;text-align: center;}
.prime_contractor_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 35%;text-align: left;}
.prime_contractor_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 10%;text-align: center;}
.prime_contractor_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.prime_contractor_list #contents .in .list_area .tb .tr a:hover {color: #666666;}





/*　協力会社一覧ページ
---------------------------------------------------------------------------------------- */
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 20%;text-align: center;margin-left: 3%;}/*会社名*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 10%;text-align: center;}/*営業許可1*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 10%;text-align: center;}/*許可1種類*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 10%;text-align: center;}/*許可1種別*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 10%;text-align: center;}/*許可1番号(認可)*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 10%;text-align: center;}/*許可1番号(番号)*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(7) {width: 10%;text-align: center;}/*許可1終了日*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(8) {width: 10%;text-align: center;}/*雇用管理責任者*/
.partner_companies_list #contents .in .list_area .tb .tr .th:nth-child(9) {width: 10%;text-align: center;}/*安全運転管理者*/
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 17%;text-align: left;margin-left: 3%;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(7) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(8) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr .td:nth-child(9) {width: 10%;text-align: center;}
.partner_companies_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.partner_companies_list #contents .in .list_area .tb .tr a:hover {color: #666666;}





/**　労働者一覧ページ
---------------------------------------------------------------------------------------- */
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 10%;text-align: center;margin-left: 3%;}/*氏名*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 20%;text-align: center;}/*所属会社名*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 5%;text-align: center;}/*勤続年数*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 5%;text-align: center;}/*年齢*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 15%;text-align: center;}/*資格・スキル1*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 15%;text-align: center;}/*資格・スキル2*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(7) {width: 15%;text-align: center;}/*資格・スキル3*/
.laborer_list #contents .in .list_area .tb .tr .th:nth-child(8) {width: 15%;text-align: center;}/*資格・スキル1 取得日または期限*/
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 10%;text-align: left;margin-left: 3%;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 20%;text-align: left;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 5%;text-align: center;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 5%;text-align: center;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 15%;text-align: left;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 15%;text-align: left;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(7) {width: 15%;text-align: left;}
.laborer_list #contents .in .list_area .tb .tr .td:nth-child(8) {width: 15%;text-align: left;}
.laborer_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.laborer_list #contents .in .list_area .tb .tr a:hover {color: #666666;}





/**　車両一覧ページ

---------------------------------------------------------------------------------------- */
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 18%;text-align: center;margin-left: 1%;}/*所属会社*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 10%;text-align: center;}/*労働者*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 15%;text-align: center;}/*ナンバー*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 10%;text-align: center;}/*車検証・満了日*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 10%;text-align: center;}/*自賠責・満了日*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 10%;text-align: center;}/*任意保険・満了日*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(7) {width: 7%;text-align: center;}/*管理番号*/
.vehicle_list #contents .in .list_area .tb .tr .th:nth-child(8) {width: 20%;text-align: center;}/*所有者*/
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 18%;text-align: left;margin-left: 1%;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 10%;text-align: center;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 15%;text-align: center;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 10%;text-align: center;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 10%;text-align: center;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 10%;text-align: center;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(7) {width: 7%;text-align: center;}
.vehicle_list #contents .in .list_area .tb .tr .td:nth-child(8) {width: 20%;text-align: left;}
.vehicle_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.vehicle_list #contents .in .list_area .tb .tr a:hover {color: #666666;}





/**　現場一覧ページ
---------------------------------------------------------------------------------------- */
.on-site_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 22%;text-align: left;margin-left: 3%;}/*元請会社*/
.on-site_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 20%;text-align: center;}/*下請会社*/
.on-site_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 20%;text-align: center;}/*工事名*/
.on-site_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 10%;text-align: center;}/*場所*/
.on-site_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 10%;text-align: center;}/*工期/納期(自)*/
.on-site_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 10%;text-align: center;}/*工期/納期(至)*/
.on-site_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 22%;text-align: left;margin-left: 3%;}
.on-site_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 20%;text-align: center;}
.on-site_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 20%;text-align: center;}
.on-site_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 10%;text-align: center;}
.on-site_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 10%;text-align: center;}
.on-site_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 10%;text-align: center;}
.on-site_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.on-site_list #contents .in .list_area .tb .tr a:hover {color: #666666;}





/**　現場一覧から労働者配置ページ
---------------------------------------------------------------------------------------- */
.on-site_list2 #contents .in .list_area .tb .tr .th:nth-child(1) {width: 22%;text-align: left;margin-left: 3%;}/*工事名*/
.on-site_list2 #contents .in .list_area .tb .tr .th:nth-child(2) {width: 20%;text-align: center;}/*場所*/
.on-site_list2 #contents .in .list_area .tb .tr .th:nth-child(3) {width: 20%;text-align: center;}/*工期/納期(自)*/
.on-site_list2 #contents .in .list_area .tb .tr .th:nth-child(4) {width: 35%;text-align: center;}/*工期/納期(至)*/
.on-site_list2 #contents .in .list_area .tb .tr .td:nth-child(1) {width: 22%;text-align: left;margin-left: 3%;}
.on-site_list2 #contents .in .list_area .tb .tr .td:nth-child(2) {width: 20%;text-align: center;}
.on-site_list2 #contents .in .list_area .tb .tr .td:nth-child(3) {width: 20%;text-align: center;}
.on-site_list2 #contents .in .list_area .tb .tr .td:nth-child(4) {width: 35%;text-align: center;}
.on-site_list2 #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.on-site_list2 #contents .in .list_area .tb .tr a:hover {color: #666666;}





/**　現場に労働者配置ページ
---------------------------------------------------------------------------------------- */
.site_config_list_col{display: flex;width: 100%;}
.site_config_list_button_box{display: block;width: 100%;margin-left: auto;margin-right: auto;background-color: #CF8889;}


.site_config_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 27%;text-align: left;margin-left: 3%;}/*所属会社名*/
.site_config_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 20%;text-align: center;}/*名前*/
.site_config_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 50%;text-align: center;}/*職種*/
.site_config_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 27%;text-align: left;margin-left: 3%;}
.site_config_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 20%;text-align: center;}
.site_config_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 50%;text-align: center;}
.site_config_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.site_config_list #contents .in .list_area .tb .tr a:hover {color: #666666;}

/**　出退勤一覧ページ
---------------------------------------------------------------------------------------- */
.attendance_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 15%;text-align: center;}/*日付*/
.attendance_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 10%;text-align: center;}/*始業時間*/
.attendance_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 10%;text-align: center;}/*終業時間*/
.attendance_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 25%;text-align: left;}/*現場名*/
.attendance_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 25%;text-align: left;}/*所属会社*/
.attendance_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 15%;text-align: left;}/*労働者*/
.attendance_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 15%;text-align: center;}
.attendance_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 10%;text-align: center;}
.attendance_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 10%;text-align: center;}
.attendance_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 25%;text-align: left;}
.attendance_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 25%;text-align: left;}
.attendance_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 15%;text-align: left;}
.attendance_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.attendance_list #contents .in .list_area .tb .tr a:hover {color: #666666;}




/* 見積一覧ページ
---------------------------------------------------------------------------------------- */
.quotation_list #contents .in .list_area .tb .tr {justify-content: flex-start;}
.quotation_list #contents .in .list_area .tb .tr a {justify-content: flex-start;}
.quotation_list #contents .in .list_area .tb .tr:first-child {padding-left: 24px;}
.quotation_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 17%;text-align: left;margin-left: 3%;}/*元請会社*/
.quotation_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 17%;text-align: left;}/*協力会社*/
.quotation_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 23%;text-align: left;}/*工事名*/
.quotation_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 20%;text-align: left;}/*場所*/
.quotation_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 10%;text-align: center;}/*指定工期*/
.quotation_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 10%;text-align: center;}/*見積発行日*/
.quotation_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 17%;text-align: left;margin-left: 3%;}
.quotation_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 17%;text-align: left;}
.quotation_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 23%;text-align: left;}
.quotation_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 20%;text-align: left;}
.quotation_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 10%;text-align: center;}
.quotation_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 10%;text-align: center;}
.quotation_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.quotation_list #contents .in .list_area .tb .tr a:hover {color: #666666;}




/* 入金一覧ページ
---------------------------------------------------------------------------------------- */
.deposit_list #contents .in .list_area .tb .tr {justify-content: flex-start;}
.deposit_list #contents .in .list_area .tb .tr a {justify-content: flex-start;}
.deposit_list #contents .in .list_area .tb .tr:first-child {padding-left: 24px;}
.deposit_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 20%;text-align: left;margin-left: 3%;}/*現場名*/
.deposit_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 17%;text-align: left;}/*金額*/
.deposit_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 20%;text-align: left;}/*入金日*/
.deposit_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 20%;text-align: left;}/*入金額*/
.deposit_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 20%;text-align: center;}/*入金種別*/
.deposit_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 20%;text-align: left;margin-left: 3%;}
.deposit_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 17%;text-align: left;}
.deposit_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 20%;text-align: left;}
.deposit_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 20%;text-align: left;}
.deposit_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 20%;text-align: center;}
.deposit_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {background-color: #e8e4ed;}
.deposit_list #contents .in .list_area .tb .tr a:hover {color: #666666;}




/**　ユーザー一覧ページ
---------------------------------------------------------------------------------------- */
.usr_list #contents .in .list_area .tb .tr:nth-child(n+2){cursor: pointer;}
.usr_list #contents .in .list_area .tb .tr .th:nth-child(1) {width: 15%;text-align: center;margin-left: 1%;}/**/
.usr_list #contents .in .list_area .tb .tr .th:nth-child(2) {width: 15%;text-align: center;}/**/
.usr_list #contents .in .list_area .tb .tr .th:nth-child(3) {width: 20%;text-align: center;}/**/
.usr_list #contents .in .list_area .tb .tr .th:nth-child(4) {width: 24%;text-align: center;}/**/
.usr_list #contents .in .list_area .tb .tr .th:nth-child(5) {width: 13%;text-align: center;}/**/
.usr_list #contents .in .list_area .tb .tr .th:nth-child(6) {width: 13%;text-align: center;}/**/
.usr_list #contents .in .list_area .tb .tr .td:nth-child(1) {width: 15%;text-align: left;margin-left: 1%;}
.usr_list #contents .in .list_area .tb .tr .td:nth-child(2) {width: 15%;text-align: left;}
.usr_list #contents .in .list_area .tb .tr .td:nth-child(3) {width: 20%;text-align: left;}
.usr_list #contents .in .list_area .tb .tr .td:nth-child(4) {width: 24%;text-align: left;}
.usr_list #contents .in .list_area .tb .tr .td:nth-child(5) {width: 13%;text-align: center;}
.usr_list #contents .in .list_area .tb .tr .td:nth-child(6) {width: 13%;text-align: center;}
.usr_list #contents .in .list_area .tb .tr:nth-child(n+2):hover {color: #666666;background-color: #e8e4ed;}


.user-table {
 width: 100%;
 border-collapse: collapse;
 margin: 20px 0;
}

.user-table th,.user-table td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
}

.user-table th {
background-color: #6a467f;
 color: white;
font-weight: bold;
}

.user-table tr:nth-child(even) {
background-color: #f9f9f9;
}

.user-table tbody tr {
cursor: pointer;
 }

.user-table tbody tr:hover {
 background-color: #f0e6f6;
    }







.btn-delete {
padding: 6px 12px;
margin: 2px;
border: none;
border-radius: 4px;
cursor: pointer;
text-decoration: none;
display: inline-block;
font-size: 14px;
background-color: #e74c3c;
color: white;
 }

.btn-delete:hover {
 background-color: #c0392b;
 }

.btn-new {
background-color: #27ae60;
color: white;
padding: 12px 24px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: inline-block;
margin: 20px 0;}

.btn-new:hover {background-color: #229954;}

/**　(  )の中の赤い文字
---------------------------------------------------------------------------------------- */
.small_font_red {font-size: 12px;font-weight: normal;color: #C8494B;}


/** 右揃え
---------------------------------------------------------------------------------------- */
input#kingaku,input#zei_nuki,input#zeigaku,input#shiharai,input#pay_mae,input#pay_bubun,input#pay_dek,input#pay_dly_r,input#pay_ovp_r,input#tanka,input#pay_cash,input#m_mae,input#m_chukan,input#m_seisan,input#m_dek,input#nyukin_g {text-align: right;}