@charset "utf-8";
/* CSS Document */
/* 基本 */
body {
  font-family: -apple-system, BlinkMacSystemFont, MyYuGothicM, Meiryo, sans-serif;
  min-height: 100vh; /*footer対策*/
}
main {
  flex: 1 1 auto; /*footer対策*/
}
.font09 {
  font-size: 0.9em;
}
.navbar-brand {
  /*font-size: 1.5rem;*/
}
footer {
  margin-top: 4rem;
  font-size: 0.9em;
  color: #fff;
}
footer a {
  color: #fff;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
/*----------見出し設定----------*/
h2 {
  font-size: 1.5rem;
  margin-top: 2rem;
}
h3 {
  font-size: 1.2rem;
  margin-top: 2rem;
}
/*.jumbotron-fluid*/
.title_area > .container > .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}
.title_area h1 {
  font-size: 2.2rem;
  padding: 2rem 0 0.8rem 0;
  color: #353a40;
  letter-spacing: 0.2rem;
}
/*----------//見出し設定----------*/
/*----------nav メニュー----------*/
.nav-item {
  /*margin-left: 5px;*/
}
.btn-logout {
  color: #ddd;
  background-color: #59631e;
  border-color: #59631e;
}
.btn-logout:hover {
  color: #eee;
  background-color: #677129;
  border-color: #677129;
}
.btn-logout:focus, .btn-logout.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-link-cl {
  color: #ddd;
}
.btn-link-cl:hover {
  color: #fff;
  text-decoration: none;
}
/*----------//nav メニュー----------*/
/*----------TOP カード設定----------*/
.card-title {
  font-size: 1.8rem;
  font-weight: 500;
}
.card-menu-img {
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}
/*カード 全体にリンク*/
a.top-menu-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}
.card-shadow {
  -webkit-box-shadow: outset 0px 0px 10px 2px rgba(153, 153, 153, 1);
  -moz-box-shadow: outset 0px 0px 10px 2px rgba(153, 153, 153, 1);
  box-shadow: outset 0px 0px 10px 2px rgba(153, 153, 153, 1);
}
.top-bg {
  background-color: #f2faff;
}
.top-logo {
  width: 52px;
  height: 46px;
}
.card {
  background: #fefefe;
}
.card:hover {
  opacity: 0.7;
}
/*--smenu　設定--*/
.smenu-pd {
  padding: 0.75rem 1.25rem;
}
.card-body h5.smenu {
  font-size: 1.6em;
  line-height: 1.6;
  /*margin: 0 0 0.1em 0;	*/
}
.smenu_text {
  font-size: 0.8em;
  line-height: 1.5;
}
/*----------//TOP カード設定----------*/
/*----------foam設定----------*/
.btn-primary {
  color: #fff;
  background-color: #154f9d;
  border-color: #154f9d;
}
.text-item {
  font-weight: 800;
  /*font-size: 1rem;*/
  color: #353040;
}
.form-control {
  border: 2px solid #ced4da; /*background-color: #f2f9ff;*/
}
/*入力フォームにアイコン表示*/
.bg-ico-box {
  position: relative;
}
.bg-ico-box i {
  position: absolute;
  color: #ced4da;
  left: 15px;
  top: 50%;
  font-size: 18px;
  margin-top: -9px;
  z-index: 10;
}
/*ログイン*/
.form-signin-area {
  border: 1px solid #dee2e6 !important;
  border-radius: 0.25rem;
  background-color: #fefefe; /*width: 450px;*/
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  padding-left: 40px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="id"] {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.form-signin input[type="password"] {
  margin-bottom: 2rem;
}
.form_info {
  background-color: #f6f6f6;
  padding: 0.5em;
  border: 2px solid #ddd;
}
/*環境法規制*/
.switch label {
  border: 2px solid #ced4da;
  background-color: #E6E6E6;
  color: #9b9b9b;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
}
.switch input {
  display: none;
}
.switch input:checked + .label {
  border: 2px solid #666;
  background-color: #575b5f;
  color: #fff;
}
.switch2 label {
  border: 2px solid #ced4da;
  background-color: #E6E6E6;
  color: #9b9b9b;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
}
.switch2 input {
  display: none;
}
.switch2 input:checked + .label {
  border: 2px solid #666;
  background-color: #575b5f;
  color: #fff;
}
/*環境法規制LDBNo*/
.ldb-no {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 2px solid #ced4da; /*background-color: #f2f9ff;*/
}
/*----------//foam設定----------*/
/*検索結果*/
.search-area {
  border: 1px solid #dee2e6 !important;
  border-radius: 0.25rem;
  background-color: #fefefe;
  font-size: 0.9rem;
  padding-top: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
}
.bg-lightblue {
  background-color: #343a40;
}
.s_btn_gline {
  border: 1px solid #dee2e6;
  padding: 1px 5px;
}
.csv_download {
  border: none;
  background: none;
  background-color: none;
  cursor: pointer;
  outline: none;
  color: #0056b3;
  text-decoration: underline;
  font-weight: bold;
}
/*----------table 設定----------*/
table.table-basic th {
  background-color: #f2f9ff;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
  vertical-align: middle;
  text-align: center;
}
.table .thead-light th {
  background-color: #f2f9ff;
}
.table-fs th, .table-fs td {
  font-size: 0.8em;
}
.table-fs thead th {
  font-size: 0.9em;
}
.table .hourei_th {
  vertical-align: mtop;
}
.table-light {
  background-color: #efefef;
}
/*----------// table 設定----------*/
/*---------- ページネーション 設定----------*/
/*アクティブ配色　修正*/
.page-item.active .page-link {
  background-color: #154f9d;
  border-color: #154f9d;
}
.page-link {
  color: #154f9d;
}
/*----------// ページネーション 設定----------*/
/*---------- FAQ ----------*/
ul#accordion_menu li {
  list-style: none;
}
#accordion_menu ol li {
  margin-top: 0.5em;
  list-style: decimal;
}
#accordion_menu ul li {
  margin-top: 1em;
  margin-bottom: 1em;
}
ul#accordion_menu > li {
  border: #ccc 1px solid;
  /*margin-bottom: -1px;*/
  background-color: #f2f9ff;
  margin: 0;
  font-weight: 600;
}
#accordion_menu a {
  /*color: #666;*/
}
#accordion_menu a[data-toggle="collapse"] {
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover {
  /*background: #e7e7e7;*/
  background: #e5f2fd;
}
#accordion_menu a[data-toggle="collapse"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: #666 1px solid;
  border-right: #666 1px solid;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#accordion_menu a[aria-expanded=false]::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  transition-duration: 0.3s;
}
[id^="menu"] li {
  /*padding: 10px 10px 10px 20px;*/
}
#accordion_menu li.answer {
  /*padding-left: 3em;*/
  padding-bottom: 1em;
}
#accordion_menu li.answer::before {
  content: "Ａ．";
  color: #6f0303;
  margin-left: -2em;
}
.cap {
  /*color:#6f0303;*/
  color: #cc0000;
  font-weight: bold;
}
.h3_faq {
  border-left: 8px solid #ccc;
  padding-left: 5px;
}
#accordion_menu ol li ul.decimal {
  list-style-type: decimal;
}
/*---------- //FAQ ----------*/
/*----------terms----------*/
#terms dl dt {
  margin-top: 2em;
  margin-bottom: 0.5em
}
#terms dl dd {
  padding-left: 1em;
}
#terms ol li {
  margin-top: 0.3em;
}
ol.term_list {
  list-style-type: decimal;
}
ol.list_parentheses {
  list-style-type: none;
  margin-left: 1em;
}
ol.list_parentheses li {
  counter-increment: cnt;
}
ol.list_parentheses li:before {
  content: "("counter(cnt) ") ";
  display: inline-block;
  margin-left: -2em;
  width: 2em;
}
.list-inner {
  line-height: 1.8;
}
/*----------//terms----------*/
/*----------modalだけを印刷----------*/
@media print {
  .modal-open > * {
    display: none !important;
  }
  .modal-open > .modal {
    display: inherit !important;
    position: inherit !important;
  }
  .modal-lg {
    max-width: 100%;
  }
}
/*----------// modalだけを印刷----------*/
/*---------------- 管理画面用(トップ) ----------------*/
.crm_column_left {
  height: 700px;
  width: 50%;
  display: block;
}
.crm_column_right {
  height: 700px;
  width: 50%;
  display: block;
}
@media all and (min-width: 500px) {
  .wrapper {
    display: flex;
  }
}
.crm_new_button {
  width: 200px;
  margin-top: 10px;
}
.crm_company_list {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  width: 450px;
  height: 600px;
  overflow-y: scroll;
  margin-top: 10px;
}
.crm_account_list {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  margin-top: 119px;
  width: 500px;
  height: 600px;
  overflow-y: scroll;
}
.crm_list_item {
  height: 40px;
  width: 95%;
  border-bottom: 1px solid #000000;
  margin: 10px auto;
  display: table;
}
.crm_list_item_name {
  width: 70%;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  padding-top: 5px;
}
.crm_list_item_name p {
  font-size: 13px;
  font-weight: normal;
}
.crm_list_item_button {
  width: 15%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 5px;
}
.crm_list_acount_item_table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid gray;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
}
.crm_list_acount_item_table_no {
  width: 5%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid gray;
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
  font-weight: bold;
}
.crm_list_acount_item_table_edit {
  width: 10%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  border: none;
  padding-right: 5px;
  padding-left: 10px;
}
.crm_list_acount_item_table_name {
  width: 25%;
  border: 1px solid #dcdcdc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding-left: 5px;
}
.crm_list_acount_item_table_contents {
  width: 60%;
  border: 1px solid #dcdcdc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding-left: 5px;
}
/*---------------- 管理画面用(新規追加) ----------------*/
.crm_cud_table {
  width: 100%;
  border-collapse: collapse;
}
.crm_cud_table tr {
  border-bottom: solid 2px white;
}
crm_cud_table tr:last-child {
  border-bottom: none;
}
.crm_cud_table th {
  width: 20%;
  height: 50px;
  text-align: center;
  background-color: #52c2d0;
  color: white;
  padding: 10px 0;
}
.crm_cud_table th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 5px);
  right: -10px;
}
.crm_cud_table td {
  width: 80%;
  background-color: #eee;
  padding-left: 50px;
  padding-right: 50px;
}
.crm_cud_table_input {
  width: 100%;
  border: none;
  border-bottom: 2px solid gray;
  background: transparent;
}
/*---------------- 管理画面用(一覧) ----------------*/
.cud_list_table {
  border-collapse: collapse;
  margin: 0 auto;
  word-break: break-all;
  word-wrap: break-all;
}
.cud_list_table th {
  color: #005ab3;
}
.cud_list_table td {
  border-bottom: 1px dashed #999;
}
.cud_list_table th, .cud_list_table tr:last-child td {
  border-bottom: 2px solid #005ab3;
}
.cud_list_table td, .cud_list_table th {
  padding: 10px;
}
/*---------------------電子チェクリスト----------------------*/
/*新規作成　ボタン*/
.btn_format {
  border: 2px solid #ced4da;
  background-color: #E6E6E6;
  color: #9b9b9b;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
}
/*課題選択*/
.check-kadai {
  /*padding: 0.5rem;*/
  /*background:#f2f9ff ;/*#f3f3f3*/
  /*border: 1px solid #aaa;*/
  /*line-height: 1.0rem;*/
}
h1.title {
  font-size: 2.2rem;
  /*padding: 2rem 0 0.8rem 0;*/
  color: #353a40;
  letter-spacing: 0.2rem;
}
.check-kadai button {
  font-size: 0.75rem;
  color: #666;
  border: none;
  background-color: #efefe;
  border-top: solid 1px #ccc;
  border-right: solid 1px #aaa;
  border-left: solid 1px #ccc;
  border-bottom: 0;
  cursor: pointer;
  margin: 0 0 1px 0;
  padding: 3px 5px;
  line-height: 1.25em;
  /**radius**/
  border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
}
.check-kadai button:hover {
  background-color: #fff;
}
.check-kadai button.selected {
  background-color: #f2f9ff;
  color: #000;
  font-weight: bold;
}
/*button アンダーライン*/
.check-kadai button.selected:after {
  content: '';
  height: 2px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
.check-kadai button span {
  font-size: 0.8em;
  padding-left: 5px;
}
/*button あとの縦罫線*/
.check-kadai button:after {
  /*content:"|";
  color: #bbb;*/
}
/*checklist nav　*/
.nav_color {
  /*background-color:rgba(204,204,204,0.8);*/
  background: rgba(52, 58, 64, 0.8); /*bg-dark（#343A40）透明度追加*/
}
/*電子チェックリスト　テーブル*/
.text-tate {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}