/*
Author: Ai Ohkawa
Contact: ohkawa.a@sysrelay.jp
File: Style Css File
*/

/*
元テンプレート効果無効
---------------------------- */
[data-layout=horizontal] #page-topbar {
    border-bottom: none;
    background: #fff;
}
[data-layout=vertical][data-sidebar-size=sm] #page-topbar {
    left: 50px;
    z-index: 1;
}
#page-topbar.topbar-shadow {
    box-shadow: none;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu {
    padding-top: 50px;
    width: 250px !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-brand-box {
    width: 250px;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link span {
    display: block;
}
[data-layout=vertical][data-sidebar-size=sm] .main-content {
    margin-left: 250px;
}
[data-layout=vertical][data-sidebar-size=sm] .footer {
    left: 250px;
}
[data-layout=horizontal] .menu .navbar-menu {
  max-height: 100%;
  padding: 0;
}
/*
共通設定
---------------------------- */
.row {
  margin: 0;
  padding: 0;
}
.row>* {
  padding: 0;
}
.wrapper {
  width: 100%;
}
.txt-center {
  text-align: center;
  justify-content: center;
}
.form-shadow {
  padding: 0 !important;
  box-shadow: 0px 5px 5px -5px rgba(16, 23, 87, 1);
}

/*
CSS カスタムプロパティ
---------------------------- */
:root {
  --bg-main: #f3f3f7;
  --bg-main-gradient: linear-gradient(90deg, #7DA8D0, #4B6CB7, #134da2, #03204b);
  --bg-sub-gradient: linear-gradient(90deg, #134da2, #4B6CB7, #7DA8D0);
  --bg-admin-menu-gradient: linear-gradient(90deg, #7DA8D0, #4B6CB7, #134da2);
  --bg-menu-gradient: linear-gradient(90deg, #95C0E9, #7ea4e0, #6788d6);
  --bg-menu-sub-gradient: linear-gradient(90deg, #6788d6, #7ea4e0, #95C0E9);
  --bg-gradient-blue-to-green: linear-gradient(90deg, #95C0E9, #7ea4e0, #7ecccc);
  --bg-gradient-blue-to-lightblue: linear-gradient(90deg, #95C0E9, #BFD9F1);
  --bg-color-fc: #fcfcfc;
  --bg-color-notice: #EEEEF0;
  --bg-color-table-heading: #f3f6f9;
  --bg-color-table-td: #fbfdfd;
  --border-table-heading: #dbdde0;
  --color-black-495: #495057;
  --color-grey-878: #878a99;
  --color-grey-adb: #ADB5BD;
  --color-grey-ced: #ced4da;
  --color-grey-f4f: #f4f4f4;
  --color-white: #fff;
  --color-ultramarine : #3C67A7;
  --color-dark-blue : #03204b;
  --color-dark-blue-text : #101756;
  --color-blue-134: #134da2;
  --color-blue-95c : #95C0E9;
  --color-blue-4b6 : #4B6CB7;
  --color-blue-e6f : #E6F1FC;
  --color-blue-5b7: #5b71b9;
  --color-blue-ebf: #ebf5ff;
  --color-blue-3D6: #3D68A7;
  --color-blue-648:  #6488c8;
  --color-blue-7da : #7DA8D0;
  --color-blue-749 : #749bd3;
  --color-blue-85a : #85adde;
  --color-blue-abc : #abcded;
  --color-indigo-009 : #0094c8;
  --color-cyan-3ab: #3abce8;
  --color-green-e7f : #e7faf7;
  --color-green-d4f : #D4F4EF;
  --color-green-3ca : #3CA7A7;
  --color-green-7da : #7DA8D0;
  --color-green-6fc : #6fc1bf;
  --color-red-f17: #f17171;
  --color-orange: #fd7e14;
  --color-code-4d9: #4d9bc1;
  --color-code-e6f: #E6F1FC;
  --color-code-7da: #7DA8D0;
  --color-code-d9e: #d9edff;
  --color-code-eaf: #eaf1f6;
  --color-code-e9e: #e9ebec;
  --color-code-f3f: #f3f6f9;
  --color-code-f2f: #f2f2f2;
  --color-code-f6f: #f6f6f6;
  --color-code-eff: #eff2f7;
  --color-code-9fa: #9FADB9;
  --color-code-fbf: #fbfcfc;
  --border-solid-grey: 1px solid #E3E3EC;
  --font-grey: #666;
  --anchor-hover: #7DA8D0;
}
/*
  メニュー毎の背景色変更
---------------------------- */
body.login .container {
  max-width: 940px;
}
body.ledgers {
    background: var(--bg-color-fc);
}
body.receive, body.send {
    background-color: var(--bg-main);
}
body.receive-register, body.send-register, body.receive-register-confirm, body.send-register-confirm, body.receive-show, body.receive-update, body.receive-update-confirm, body.send-show, body.send-update, body.send-update-confirm {
    background: var(--bg-main);
}
body.manage-authorization {
    background: var(--bg-color-fc);
}
body.folders .sub-menu {
    background: var(--bg-white);
}
body.folders .sub-menu a {
    color: var(--vz-dark);
}
body.customize .btn-success {
    width: 150px;
    padding: .5rem;
}
body.customize .btn-primary {
    padding: .5rem;
}
body.customize .btn-light {
    width: 70px;
    padding: .5rem;
    border: 1px solid #ddd;
}
#btn-disable, #btn-enable {
    width: 100px;
}
.index .table-responsive {
    overflow-y: scroll;
    height: 300px;
}
.biz-management #scrollbar {
    animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
}
/*
IS Manager CSSネスト
---------------------------- */
.is-manager {
  background-color: var(--bg-main);

  h1.system-title {
    text-align: center;
    color: var(--color-white);
  }
  label {
    margin: 0;
  }
  .bg-main {
    background: var(--bg-main-gradient);
  }
  .btn-danger {
      border: none;
  }
  .blue {
      border: none;
      background: var(--color-blue-4b6);
      color: var(--color-white);
      transition: 0.5s;
  }
  .blue:hover {
      background: var(--color-blue-4b6);
      color: var(--color-white);
      opacity: 0.7;
      transition: 0.5s;
  }
  .blue:checked, :not(.blue) + .blue:active, .blue:first-child:active, .blue.show {
      background: var(--color-blue-4b6);
      color: var(--color-white);
  }
  .indigo {
      background: var(--color-indigo-009);
      border: none;
      border-radius: 0.25rem;
      color: var(--color-white);
      transition: 0.5s;
  }
  .green {
    background: var(--color-green-3ca);
    border: none;
    color: var(--color-white);
    transition: 0.5s;
  }
  .green:hover {
    background: var(--color-green-3ca);
    color: var(--color-white);
    opacity: 0.7;
    transition: 0.5s;
  }
  .orange {
    background: var(--color-orange);
    border: none;
    color: var(--color-white);
    transition: 0.5s;
  }
  .orange:hover {
    background: var(--color-orange);
    color: var(--color-white);
    opacity: 0.7;
    transition: 0.5s;
  }
  /*
  ログイン画面
  ---------------------------- */
  .auth-page-wrapper {
    padding: 3.5rem 0 0 0;
    border-top: 30px solid;
    border-image: var(--bg-admin-menu-gradient) 1;
  }
  .auth-page-wrapper .card-body {
    background-color: var(--bg-color-fc);
  }
  input[type="checkbox"] {
    accent-color: var(--color-blue-4b6);
  }
  .btn-success {
    background: var(--color-blue-4b6);
    border: none;
    border-radius: 50px;
    padding: 10px 0;
    width: 70%;
    transition: 1s;
  }
  .btn-success:hover {
    background: var(--color-blue-4b6);
    opacity: 0.7;
    transition: 1s;
  }
  .btn-success i {
    margin-right: 0.5rem;
  }
  .pw-reset {
    margin: 2rem auto 0 auto;
  }
  .pw-reset a {
    margin: 0 7px;
    color: var(--color-blue-4b6);
    text-decoration: underline !important;
    transition: 1s;
  }
  .pw-reset a:hover {
    color: var(--color-blue-4b6);
    opacity: 0.7;
    transition: 1s;
  }
  .auth-page-wrapper .footer {
    background: var(--bg-sub-gradient);
    padding: 1rem 0 0 0;
    height: auto;
  }
  .auth-page-wrapper .footer p {
    text-align:  right;
    color: var(--color-white);
  }
  .copy {
    margin-right: 1rem;
  }
  h1.ultramarine {
    color: var(--color-blue-4b6);
    font-size: 1.2rem;
  }
  .ri-mail-send-line {
    color: var(--color-blue-4b6);
  }
  .notice-area {
    background: var(--bg-color-notice);
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    box-sizing: border-box;
    border: var(--border-solid-grey);
    text-align: center;
    color: var(--font-grey);
  }
  .notice-area a {
      text-decoration: underline !important;
  }
  .notice-area a:hover {
    opacity: 0.7;
  }
  #password-contain {
    border: var(--border-solid-grey);
  }
  /*
  ヘッダーメニュー
  ---------------------------- */
  #page-topbar {
      position: fixed;
      background: var(--color-code-e6f);
      left: 50px;
      width: 100%;
      height: 50px;
      z-index: 1;
  }
  #page-topbar a {
      color: var(--color-dark-blue);
      font-size: 15px;
  }
  .topbar-user {
      background: var(--color-code-e6f);
  }
  .layout-width {
      position: absolute;
      left: 200px;
  }
  .navbar-header {
      padding: 0;
  }
  #fax-send {
      background: var(--color-white);
      border: 1.5px solid var(--color-blue-95c);
      border-radius: 0.25rem;
      padding: 0.1rem 0.5rem 0 0.5rem;
      width: 95px;
      text-align: left;
  }
  #fax-send::before{
    position: absolute;
    content: "\f02f";
    font-family: "Font Awesome 6 Free";
    font-size: 1.2rem;
    font-weight: 900;
    top: 52%;
    right: 4%;
    color: var(--color-blue-95c);
    transform: translatey(-50%);
  }
  #file-send {
      background: var(--color-white);
      border: 1.5px solid var(--color-blue-95c);
      border-radius: 0.25rem;
      padding: 0.1rem 0.5rem 0 0.5rem;
      width: 130px;
      text-align: left;
  }
  #file-send::before{
      position: absolute;
      content:"\f56e";
      font-family: "Font Awesome 6 Free";
      font-size: 1.2rem;
      font-weight: 900;
      top: 52%;
      right: 2%;
      color: var(--color-blue-95c);
      transform: translatey(-50%);
  }
  #ledgers {
      background: var(--color-white);
      border: 1.5px solid var(--color-blue-95c);
      border-radius: 0.25rem;
      padding: 0.1rem 0.5rem 0 0.5rem;
      width: 95px;
      text-align: left;
  }
  #ledgers::before{
      position: absolute;
      content:"\f15c";
      font-family: "Font Awesome 6 Free";
      font-size: 1.2rem;
      font-weight: 900;
      top: 52%;
      right: 5%;
      color: var(--color-blue-95c);
      transform: translatey(-50%);
  }
  #user {
      position: fixed;
      right: 5px;
      font-size: 15px;
  }
  #page-header-user-dropdown {
    border: none;
    border-radius: 0.25rem;
    background: var(--bg-admin-menu-gradient);
    color: var(--color-white);
    line-height: 1.3;
    padding: 0.1rem 0.5rem 0 0.25rem;
    height: 27.09px;
  }
  #page-header-user-dropdown i {
      margin-left: 0.5rem;
  }
  .topbar-user .dropdown-item {
      padding: 0;
  }
  .topbar-user .dropdown-menu {
      color: var(--color-white);
      padding: 0;
      top: 0 !important;
  }
  #page-topbar .topbar-user .dropdown-menu a {
      background: #485454;
      border-radius: 0.25rem;
      color: var(--color-white);
      padding: 0.25rem 0.25rem 0.25rem 1rem;
      transition: 1s;
  }
  #page-topbar .topbar-user .dropdown-menu a:hover {
      background: #485454;
      opacity: 0.8;
      transition: 1s;
  }
  /*
  レフトメニュー
  ---------------------------- */
  .navbar-menu {
      border: none;
      z-index: 4;
  }
  .navbar-brand-box {
      display: flex;
      justify-content: center;
      padding: 0;
      height: 50px;
      border-top: 4px solid var(--color-dark-blue);
      border-bottom: 4px solid var(--color-dark-blue);
  }
  .logo {
    margin-top: 0.2rem;
    width: 80%;
    line-height: 1.5;
    text-align: center;
  }
  #app-menu .logo img {
      width: 90%;
  }
  #scrollbar {
      background: var(--bg-main);
  }
  #main-menu-1 {
      background: var(--color-white);
      margin: 0.5rem auto;
      width: 94%;
  }
  #main-menu-1 li {
      margin: 0 auto;
      padding: 0.7rem 0;
      width: 85%;
      border-bottom: 1.5px solid var(--bg-main);
  }
  #main-menu-1 li.admin-item {
      width: 234px;
  }
  #main-menu-1 .nav-sm {
      width: 234px;
      /*background: # */
  }
  .navbar-menu .navbar-nav .nav-link {
      padding: 0;
  }
  #main-menu-1 a, #main-menu-2 a {
      color: var(--color-dark-blue);
  }
  #main-menu-1 i, #main-menu-2 i {
      margin-right: 0.3rem;
      color: var(--color-dark-blue);
  }
  #main-menu-2 {
      width: 94%;
      margin: 0 auto 10px auto;
  }
  #main-menu-2 li {
      background: var(--color-white);
      padding: 0.7rem 1rem;
      border-bottom: 1.5px solid var(--bg-main);
  }
  #main-menu-2::before {
      content: "外部サービス";
      background: var(--color-blue-95c);
      width: 70%;
      margin: 1.2rem auto 1rem;
      padding: 0.5rem 0;
      border-radius: 1rem;
      color: var(--color-white);
      text-align: center;
  }
  #main-menu-3 {
      position: fixed;
      bottom: 0;
  }
  #main-menu-3 .nav-link {
      padding: 0.25rem 1.4rem;
      box-sizing: border-box;
  }
  #main-menu-3 .admin-item {
      align-items: center;
      justify-content: center;
      background: var(--bg-admin-menu-gradient);
      padding: 0.5rem 0;
      width: 250px;
      height: 50px;
      text-align: center;
  }
  #main-menu-3 .nav-item.admin-item a {
      color: var(--color-white);
  }
  #main-menu-3 .fa-wrench:before {
    content: "\f0ad";
    color: var(--color-code-7da);
    background: var(--color-white);
    border-radius: 1rem;
    font-size: 0.8rem;
    margin-right: 1rem;
    padding: 0.25rem;
    vertical-align: text-top;
  }
  .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
      display: none;
  }
  #main-menu-3 .nav-item.admin-item .menu-dropdown {
      padding: 0.25rem 0;
      width: 249px;
  }
  .nav-link:before {
      display: none;
  }
  #leftmenu-hide {
    margin: 0.55rem 0 0 0;
    padding: 0.25rem 0.4rem 0;
    height: 25px;
    font-size: 0.9rem;
    color: var(--color-dark-blue);
    line-height: 0;
  }
  #leftmenu-open-area {
      position: fixed;
      top: 0;
      background: var(--color-code-e6f);
      width: 50px;
      height: 50px;
      z-index: 1;
  }
  #leftmenu-open {
  	position: fixed;
  	top: 2%;
  	left: 1.5%;
    font-size: 0.9rem;
    color: var(--color-dark-blue);
    line-height: 0;
  }
  /*
  ダッシュボード
  ---------------------------- */
  .main-content .logo img {
      width: 400px;
  }
  /*
  ファイル画面
  ---------------------------- */
  #download-buttons .btn-success {
      background: var(--color-blue-4b6);
      width: 180px;
      opacity: 1;
  }
  /*
  進捗一覧
  ---------------------------- */
  .table-striped tr.status-finished {
    border: 1px solid var(--color-grey-ced);
  }
  .table-striped tr.status-finished td {
    background: var(--color-grey-f4f);
    border: 1px solid var(--color-grey-ced);
  }
  /*
  報告内容一覧
  ---------------------------- */
  .breadcrumb {
      width: 100%;
      margin-bottom: 0.25rem;
  }
  .breadcrumb-item {
      color: var(--color-grey-878);
      font-size: 1rem;
  }
  .breadcrumb-item>a {
      font-size: 1rem;
      color: var(--color-grey-878)
  }
  .breadcrumb .breadcrumb-item::before, .breadcrumb-progress .breadcrumb-item {
      color: var(--color-grey-878);
      margin-top: 2px;
  }
  h1.reports-list {
      margin: 0;
        padding: 0 0 1.5rem 0;
        text-align: left;
        color: var(--color-ultramarine);
        font-size: 1.5rem;
        font-weight: normal;
  }
  .grid-view {
      width: 100%;
  }
  .grid-view .table-wrapper {
    overflow: scroll;
  }
  .control-number {
      width: 120px;
      height: 100px;
  }
  .progress-status {
      margin: 2rem 0 2rem 5rem;
  }
  #section-1, #section-2 {
      background: var(--color-white);
      border-radius: 0 0 0.25rem 0.25rem;
  }
  .section-1, .section-2 {
      background: var(--bg-menu-sub-gradient);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      width: 49%;
      border-radius: 0.25rem;
  }
  .section-2 dl {
      margin: 0;
  }
  .section-1 dl {
      border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color) !important;
      margin: 0;
  }
  .section-1 dt, .section-2 dt {
      background: var(--bg-color-table-td);
      font-weight: normal;
      padding: 0.5rem;
      box-sizing:border-box;
  }
  .section-3 {
      background: var(--bg-menu-sub-gradient);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
      border-radius: 0.25rem;
  }
  .section-1 button.active, .section-2 button.active, .section-3 .nav-tabs button.active {
      background: var(--color-blue-134);
      border-bottom: 4px solid #FFEE00;
      border-radius: 0.25rem 0.25rem 0 0;
      color: var(--color-white);
      padding: 0.5rem 1rem;
  }
  .section-3 .nav-tabs button {
      background: var(--color-white);
      border-bottom: 4px solid var(--color-white);
      border-radius: 0.25rem 0.25rem 0 0;
      color: black;
      padding: 0.5rem 1rem;
  }
  .report-item {
      background: var(--color-code-f6f);
      padding: 0.8rem 1rem;
  }
  .section-3 .frame .amount-other-company {
      width: 120px;
      text-align: center;
  }
  .section-3 .frame .amount-own-company {
      width: 160px;
      text-align: center;
  }
  #onboard-device-information .number {
    flex: 0 0 15%;
    overflow-wrap: anywhere;
    text-align: center;
  }
  #onboard-device-information .images {
    text-align: center;
    width: 20%;
  }
  #onboard-device-information .operator {
    flex: 0 0 20%;
    text-align: center;
  }
  #billing-report .iyama-approved-name {
      width: 150px;
      text-align: center;
  }
  .section-3 .frame .images {
      width: 15%;
      text-align: center;
  }
  .report-item .operator {
      width: 110px;
      text-align: center;
  }
  .section-3 .frame .operator {
      width: 110px;
      text-align: center;
  }
  .report-item .reported {
      width: 20%;
      text-align: center;
  }
  .section-3 .frame .reported {
      width: 20%;
      text-align: center;
  }
  .report-item .operator {
      width: 20%;
      text-align: center;
  }
  /* 新規追加エリア */
  #device-information-form {
      background: var(--bg-color-fc);
      padding-bottom: 0.7rem;
  }
  #device-information-type{
      width: 215px;
  }
  .billing-report-attention {
     margin: 10px 0 10px 32px;
     color: var(--color-red-f17);
  }
  #billing-report-add{
      background: var(--bg-color-fc);
      padding-bottom: 1.5rem;
  }
  #billing-report-add .operator {
      text-align: center;
      width: 150px;
  }
  #billing-report-add .reported {
      text-align: center;
      width: 180px;
      margin-right: 20px;
  }
  #billing-report-add .images {
      display: flex;
      width: 380px;
  }
  #billing-report-add .register {
      text-align: center;
      width: 100%;
      margin-top: 2.5rem;
  }
  #device-information-parking_receipt_1 {
      width: 68%;
  }
  #device-information-parking_receipt_2 {
      width: 66%;
      margin-right: 20px;
  }
  #basic-information .comment-head, #work-delivery-information .comment-head {
      background: var(--bg-gradient-blue-to-lightblue);
  }
  #other-report-add {
      background: var(--bg-color-fc);
      padding-bottom: 0.7rem;
  }
  #other-report .report-content {
    flex: 0 0 55%;
  }
  #other-report .operator {
    flex: 0 0 150px;
    text-align: center;
  }
  #other-report .register {
    width: 100%;
    text-align: center;
  }
  #articles-grid-wrapper table {
      background : var(--color-white);
  }
  #articles-grid-wrapper thead {
      background: var(--color-code-f3f);
  }
  #articles-grid-wrapper th {
      color: var(--color-dark-blue);
  }
  #articles-grid-wrapper .btn-success {
      padding: 0.5rem 0.75rem;
      width: auto;
  }
  #articles-grid-wrapper a.btn-info {
      background: var(--color-blue-95c);
      border: none;
      padding: 0.5rem 0.75rem;
      transition: 1s;
  }
  #articles-grid-wrapper a.btn-info:hover {
      opacity: 0.7;
      border: none;
      transition: 1s;
  }
  #reports-list .card .card-body {
      background: var(--color-white);
  }
  #reports-list .card dl {
      padding: 0.5rem;
  }
  #reports-list .card dt {
      border-bottom: 1px solid var(--color-ultramarine);
      padding: 0.5rem;
      box-sizing: border-box;
      font-weight: normal;
  }
  #reports-list .card dd {
      border-bottom: 1px solid var(--color-code-e9e);
      margin: 0;
      padding: 0.5rem 0 0.5rem 1.5rem;
      box-sizing: border-box;
  }
  #reports-list .card dt:last-of-type, #reports-list .card dd:last-of-type {
      border: none;
  }
  #reports-list .card pre {
      margin: 0;
  }
  #reports-list .btn-info {
    background: var(--color-code-9fa);
    border-radius: 0.25rem;
    color : var(--color-white);
    margin-left: 0.5rem;
    padding: 0.25rem 0.75rem;
  }
  #reports-list #operationContent {
     margin-top: 0.5rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
  }
  #show-reports .card-body {
      background: none;
  }
  #show-reports .tabs-wrapper {
      display: block;
  }
  #show-reports .tabs-wrapper ul {
      display: block;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
  }
  #show-reports .tabs-wrapper  li {
     display: inline-block;
  }
  #show-reports .nav-link {
      background: var(--color-code-f3f);
      color: var(--color-dark-blue);
      border: 1px solid var(--color-code-eaf);
  }
  #show-reports .nav-link.active {
      background: var(--color-white);
      border: 1px solid var(--color-code-e9e);
      color: var(--color-ultramarine);
      font-weight: bold;
      border-bottom: 3px solid var(--color-dark-blue);
  }
  #show-reports dl {
      border-top: 1px solid var(--color-code-e9e);
      margin: 1rem 0 3.5rem 0;
      padding: 0;
  }
  #show-reports dt {
      border-bottom: 1px solid var(--color-code-e9e);
      padding: 1rem 0 1rem 1.5rem;
      box-sizing: border-box;
      color: var(--color-dark-blue);
      font-weight: normal;
  }
  #show-reports dt:after {
      content: '・・';
      color: var(--color-code-4d9);
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
  }
  #show-reports dd {
      border-bottom: 1px solid var(--color-code-e9e);
      margin: 0;
      padding: 1rem 0 1rem 2rem;
  }
  #show-reports dt:nth-of-type(even), #show-reports dd:nth-of-type(even) {
      background: var(--bg-color-fc);
  }
  .space-half {
      gap: 1.4rem;
  }
  #basic-information .main-category {
      color: var(--color-dark-blue-text);
      width: 100px;
  }
  #response-history .head-pill {
      color: var(--color-dark-blue-text);
  }
  .modal-body .d-flex {
      column-gap: 20px;
  }
  /*
  撮影画面
  ---------------------------- */
  .btn-info {
      background: var(--color-blue-3D6);
      border: none;
  }
  .btn-info:hover {
      background: var(--color-blue-3D6);
  }
  #capture {
    background: var(--color-blue-3D6);
    width: 100px;
    height: 100px;
    color: #fff;
    border: none;
  }
  #capture span {
    display: block;
  }
  #capture i {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
  #image-file-preview-content {
      margin-top: 20px;
  }
  #modal-image-file .inner {
      column-gap: 15px;
      display: flex;
      justify-content: center;
      margin: 20px 0 15px 0;
  }
  #modal-image-file textarea {
      border: 1px solid var(--color-grey-ced);
  }
  #image-file-preview-content .btn-primary {
      background: var(--color-blue-3D6);
      padding: 0.5rem 0.9rem;
  }
  #modal-image-file .inner .btn-outline-primary {
      background: var(--color-code-eff);
      border: 1px solid var(--color-grey-ced);
      border-radius: 0.25rem;
      padding: 0.5rem 0.9rem;
  }
  /*
  フローティングボタンエリア
  ---------------------------- */
  .btn-register {
    background: var(--color-blue-4b6);
    border: none;
    border-radius: 0.25rem;
    margin-left: 2rem;
    color: var(--color-white);
    transition: 1s;
  }
  .btn-register:hover {
      background: var(--color-blue-4b6);
      border: none;
      color: var(--color-white);
      opacity: 0.7;
      transition: 1s;
  }
  /*
  電子帳簿管理
  ---------------------------- */
  h1.ledger-top {
      position: relative;
      margin-bottom: 4rem;
      color: var(--color-ultramarine);
      font-size: 2rem;
      font-weight: normal;
      text-align: center;
  }
  h1.ledger-top::after {
    background-color: var(--color-code-e6f);
    /* background-color: var(--color-code-e6f); */
    background: #DBF0FF;
    border-radius: 5px;
    content: "";
    height: 7px;
    left: 50%;
    top: 120%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
  }
  h1.ledger {
    margin-top: 0.3rem;
    text-align: left;
    color: var(--color-ultramarine);
    font-size: 1.5rem;
    font-weight: normal;
  }
  .sub-menu {
      background: var(--color-dark-blue);
      padding: 0;
      width: 100%;
  }
  .sub-menu a, .sub-menu .nav-link.active {
      color: var(--color-white);
  }
  .page-content {
    padding: calc(40px + 1.5rem) calc(1.5rem* .5) 80px calc(1.5rem* .5);
  }
  .bg-receipt {
      background: var(--color-blue-ebf);
      /* background: var(--color-blue-ebf); */
      background: #DBF0FF;
      width: 18rem;
      margin-right: 1em;
      padding: 1rem;
      box-sizing: border-box;
      text-align: center;
      line-height: 1;
  }
  .bg-receipt i {
      font-size: 7.0rem;
      color: var(--color-ultramarine);
  }
  .bg-receipt h2 {
      margin-top: 0.5rem;
      font-size: 1.6rem;
      color: var(--color-ultramarine);
  }
  .bg-receipt p, .bg-send p {
      margin-bottom: 0.5rem;
  }
  .bg-receipt a {
      background: var(--color-blue-4b6);
      color: var(--color-white);
      padding: 0.5rem 0.75rem;
      box-sizing: border-box;
      border-radius: 0.25rem;
      line-height: 3.5rem;
      transition: 1s;
  }
  .bg-receipt a:hover, .bg-send a:hover {
      opacity: 0.7;
      transition: 1s;
  }
  .bg-send {
      background: var(--color-green-d4f);
      width: 18rem;
      margin-left: 1rem;
      padding: 1rem;
      box-sizing: border-box;
      text-align: center;
      line-height: 1;
  }
  .bg-send i {
      font-size: 7.0rem;
      color: var(--color-green-3ca);
  }
  .bg-send h2 {
      margin-top: 0.5rem;
      font-size: 1.6rem;
      color: var(--color-green-3ca);
  }
  .bg-send a {
      background: var(--color-green-3ca);
      color: var(--color-white);
      padding: 0.5rem 0.75rem;
      box-sizing: border-box;
      border-radius: 0.25rem;
      line-height: 3.5rem;
      transition: 1s;
  }
  .btn-update {
    background: var(--color-green-3ca);
    padding: 10px 25px;
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    color: var(--color-white);
  }
  .btn-update:hover {
      background: var(--color-green-3ca);
      color: var(--color-white);
      opacity: 0.7;
      transition: 1;
  }
  .sticky-buttons {
      top: 8%;
      background: var(--bg-color-fc);
      border-radius: 0.25rem;
      -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, .15);
      box-shadow: 0 1px 2px rgba(56, 65, 74, .15);
      z-index: 1;
  }
  #ledgerForm{
      padding-right: 1rem;
      box-sizing: border-box;
  }
  #search-option {
      box-sizing: border-box;
      margin-top: 1rem;
  }
  #search-option h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    color: var(--color-white);
    font-size: 1rem;
    font-weight: bold;
  }
  #w0 i {
      color: var(--color-white);
  }
  #search-option .title {
     background: var(--bg-menu-gradient);
     border-radius: 0.25rem;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     padding: 0.1rem 1rem;
  }
  #search-option .row {
      margin: 1rem 1rem;
  }
  #search-option .btn {
      background: var(--color-code-eff);
      border: 1px solid var(--color-grey-ced);
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  #search-option .form-select {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  #search-option .btn-search {
      background: var(--color-blue-4b6);
      border: none;
      border-radius: 0.25rem;
      margin-left: 2rem;
      color: var(--color-white);
      transition: 1s;
  }
  #search-option .btn-search:hover {
      opacity: 0.7;
      transition: 1s;
  }
  .explanation {
      background: var(--color-white);
      border-bottom: 2px solid var(--color-blue-95c);
      padding: 0.5rem;
  }
  .sticky-lists {
      margin-top: 2rem;
  }
  .sticky-lists .table {
      background: var(--color-white);
  }
  i.ri-file-download-line {
      font-size: 1.5rem;
      color: var(--color-blue-95c);
  }
  i.ri-file-transfer-line, i.ri-information-line {
      font-size: 1.5rem;
      color: var(--color-blue-4b6);
  }
  .btn-csv {
      border: none;
      /* border: 1px solid var(--color-grey-ced); */
      border-radius: 0.25rem;
      background: var(--color-blue-4b6);
      color: var(--color-white);
      border-radius: 0.25rem;
      font-size: 1rem;
      padding: 0.25rem 0.5rem;
  }
  .btn-csv i.ri-file-download-line {
    margin-right: 0.25rem;
    color: var(--color-white);
  }
  .sticky-lists thead {
      background: var(--bg-color-table-heading);
      border: 1px solid var(--border-table-heading);
  }
  /*
  FAX管理
  ---------------------------- */
  h1.fax {
    margin-top: 0.3rem;
    text-align: left;
    color: var(--color-ultramarine);
    font-size: 1.5rem;
    font-weight: normal;
  }
    h2.fax-recent {
      margin: 0 0 1rem 0;
      padding: 0;
      text-align: left;
      color: var(--color-dark-blue);
      font-size: 1.2rem;
      font-weight: bold;
    }
    .fax-card {
    background: var(--bg-color-fc);
    border-radius: 0.25rem;
    margin: 2rem 0 0 0;
    padding: 1rem;
    }
    #fax-list {
      margin-top: 0.5rem;
    }
    #fax-list .table {
      background: var(--color-white);
      margin: 0;
    }
    #fax-list thead {
        background: var(--bg-color-table-heading);
        border: 1px solid var(--border-table-heading);
    }
    .send-menu {
        display: block;
        margin-top: 1rem;
    }
    .send-menu .bg-receive, .receive-menu .bg-receive {
       display: inline-block;
       background: var(--bg-color-fc);
       border-radius: 0.25rem;
       margin: 0 1rem 1rem 0;
       padding: 0.5rem;
       box-sizing: border-box;
       vertical-align: top;
    }
    .btn-send-menu {
        background: var(--bg-menu-gradient);
        border: none;
        color: var(--color-white);
        display: block;
        font-size: 1rem;
        margin: 0 auto;
        width: 200px;
        transition: 1s;
    }
    .btn-send-menu:hover {
        color: var(--color-white);
        opacity: 0.7;
        transition: 1s;
    }
    .receive-menu {
        display: block;
        margin-top: 4rem;
    }
    .btn-receive-menu {
        background: var(--bg-menu-sub-gradient);
        border: none;
        color: var(--color-white);
        display: block;
        font-size: 1rem;
        margin: 0 auto;
        width: 200px;
        transition: 1s;
    }
    .btn-receive-menu:hover {
        color: var(--color-white);
        opacity: 0.7;
        transition: 1s;
    }
    .receive-menu .card-text, .send-menu .card-text {
        margin-top: 0.5rem;
    }
    .summary {
        margin-top: 0.5rem;
    }
    .table-heading thead {
        background: var(--bg-color-table-heading);
        border: 1px solid var(--border-table-heading);
    }
    #fax-search h2 {
        margin: 0;
        padding: 0;
        text-align: left;
        color: var(--color-white);
        font-size: 1rem;
        font-weight: bold;
    }
    #fax-search .title {
        background: var(--color-blue-95c);
        background: var(--bg-menu-gradient);
        padding: 0.5rem 1rem;
    }
    #fax-search .fax-search {
        margin: 0 1rem;
    }
    #fax-search .sticky-buttons {
        position: sticky;
        top: 8%;
        background: var(--bg-color-fc);
        z-index: 1;
    }
    #fax-search .row {
        margin: 1rem 1rem;
    }
    #fax-search .btn-search {
        background: var(--color-blue-4b6);
        border: none;
        border-radius: 0.25rem;
        margin-left: 2rem;
        color: var(--color-white);
        transition: 1s;
    }
  /*
    フローティングボタン
  ---------------------------- */
  .stickyFooterMenu {
      background: var(--bg-color-fc);
  }
  .stickyFooterMenu .btn-primary {
      background: var(--color-blue-4b6);
  }
  .stickyFooterMenu .btn-primary:hover {
      opacity: 0.7;
      transition: 1s;
  }
  /*
    企業登録
  ---------------------------- */
  #company-registration-form .is-valid, .form-check-input.is-valid .form-check-label {
      display: none;
  }
  /*
    システム利用権限設定
  ---------------------------- */
  #authority h1 {
    margin: 0;
    padding: 0 0 1.5rem 0;
    text-align: left;
    color: var(--color-ultramarine);
    font-size: 1.5rem;
    font-weight: normal;
  }
  #authority h2 {
    margin: 0;
    padding: 0 0 1.5rem 0;
    text-align: left;
    color: var(--color-dark-blue);
    font-size: 1.2rem;
    font-weight: bold;
  }
  #authority .card-body {
      background: none;
  }
  #authority .nav-tabs {
      border: none;
  }
  #authority .nav-link.active {
    background: var(--color-white);
    border: 1px solid var(--color-code-e9e);
    color: var(--color-ultramarine);
    font-weight: bold;
    border-bottom: 3px solid var(--color-dark-blue);
  }
  #authority  .nav-link {
      background: var(--color-code-eff);
      color: var(--color-dark-blue);
      border: 1px solid var(--color-code-e9e);
      border-bottom: 3px solid var(--color-code-9fa);
  }
  #authority .tab-content {
      background: var(--color-white);
      border: 1px solid var(--color-code-e9e);
      padding: 1rem;
  }
  #authority .text-role-selector {
      background: var(--color-blue-4b6);
  }
  #authority thead {
    background: var(--color-code-f3f);
  }
  #authority .btn-success {
    padding: 0.5rem 0.75rem;
    width: auto;
  }
  #authority a.btn-info {
    background: var(--color-blue-95c);
    border: none;
    padding: 0.5rem 0.75rem;
    transition: 1s;
  }
  #authority a.btn-info:hover, #user-permission-panel-wrapper .btn-search:hover {
      opacity: 0.7;
      transition: 1s;
  }
  #authority .text-notice {
      margin-left: 0.5rem;
  }
  #user-permission-panel-wrapper .btn-search {
      display: block;
      background: var(--color-blue-4b6);
      color: var(--color-white);
      transition: 1s;
  }
  #user-permission-panel-wrapper .hstack {
    flex-wrap: wrap;
  }
  /*
  フッター
  ---------------------------- */
  .management-footer {
      background: var(--bg-admin-menu-gradient);
      height: 50px;
  }
  .management-footer .copyright {
      position: absolute;
      left: 100px;
      color: var(--color-white);
  }

  @media (width <= 375px) {
    .auth-page-wrapper .footer {
      bottom: auto;
    }
  }
}
/*
電子帳簿管理 CSSネスト
---------------------------- */
.send {
    h1.ledger {
      color: var(--color-green-3ca);
    }
    #search-option .title {
        background: var(--bg-gradient-blue-to-green);
        border-radius: 0.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0.1rem 1rem;
    }
}
.send-register, .send-register-confirm, .send-show, .send-update, .send-update-confirm {
    h1.ledger {
      color: var(--color-green-3ca);
    }
    #w0 {
        margin-top: 20px;
    }
    #w0 i {
        color: var(--color-code-e9e);
    }
}
.receive-register, .receive-update, .receive-show {
    #w0 {
        margin-top: 20px;
    }
    #w0 i {
        color: var(--color-code-e9e);
    }
    #w0 i.ri-arrow-up-s-line {
        color: var(--color-grey-495);
    }
}
/*
FAX管理 CSSネスト
---------------------------- */
.send-new {
    #w0 i {
        color: var(--color-code-e9e);
    }
}
.phone-book-list {
    #search-option {
        margin: 0;
    }
    #search-option .title {
      background: var(--bg-menu-sub-gradient);
      border-radius: 0.25rem;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      padding: 0.6rem 1rem;
    }
}
.received-list {
    #fax-search .title {
        background: var(--bg-menu-sub-gradient);
        border-radius: 0.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0.1rem 1rem;
    }
}
.sent-list {
    #fax-search .title {
        background: var(--bg-menu-gradient);
        border-radius: 0.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0.1rem 1rem;
    }
}
/*
帳票管理 CSSネスト
---------------------------- */
.forms {
    font-family: "Nunito", sans-serif;

    h1 {
        margin-top: 0.3rem;
        text-align: left;
        color: var(--color-ultramarine);
        font-size: 1.5rem;
        font-weight: normal;
    }
    h2 {
        font-size: 1.1rem;
        color: var(--color-ultramarine);
        margin: 0 0 5px 0;
    }
    h2::before {
        content: "\f0c8";
        font-family: "Font Awesome 6 Free";
        font-size: 1rem;
        font-weight: bold;
        color: var(--color-blue-4b6);
        margin-right: 5px;
    }
    h5.modal-title {
        font-size: 1.1rem;
        color: var(--color-ultramarine);
    }
    a.source {
        color: var(--color-blue-749);
        text-decoration: underline !important;
        transition: 0.5s;
    }
    a.source:hover {
        opacity: 0.7;
        transition: 0.5s;
    }
    nav {
        display: inline-block;
    }
    span.status {
        color: var(--color-blue-7da);
        border-radius: 16px;
        margin-left: 1rem;
    }
    span.status::before {
        content: "\f249";
        font-family: "Font Awesome 6 Free";
        font-size: 1rem;
        color: var(--color-blue-7da);
        margin-right: 5px;
    }
    .breadcrumb {
        margin: 0 0 0.5rem 0;
    }
    .breadcrumb-item {
        color: var(--color-grey-878);
    }
    .breadcrumb-item+.breadcrumb-item::before {
        margin-top: 2px;
        float: left;
        padding-right: var(--vz-breadcrumb-item-padding-x);
        color: var(--vz-breadcrumb-divider-color);
        content: var(--vz-breadcrumb-divider, "\f0142") !important;
    }
    .breadcrumb-item>a {
        color: var(--color-grey-878);
    }
    .breadcrumb-item.active {
        color: var(--color-grey-878) !important;
    }
    /* 帳票一覧 */
    .btn-edit.show {
        background: var(--color-blue-4b6);
        color: var(--color-white);
        transition: 0.5s;
    }
    .dropdown-menu {
        border-radius: 0.25rem;
        border: 1px solid var(--color-ultramarine);
        min-width: 105px;
        padding: 0;
    }
    .sort, .sort:focus {
        border-radius: 0.25rem;
        border: none;
        background: var(--color-cyan-3ab);
        color: var(--color-white);
    }
    .sort option, .page-size option {
        background: var(--color-white);
        color: var(--color-black-495);
    }
    .sort option:hover {
        background: var(--color-code-e6f);
    }
    .page-size, .page-size:focus {
        border-radius: 0.25rem;
        border: none;
        background: var(--color-blue-abc);
        color: var(--color-white);
    }
    .page-link{
        color: var(--color-blue-4b6);
    }
    .page-link.active, .active > .page-link {
        color: var(--color-white);
        background: var(--color-blue-4b6);
        border: 1px solid var(--color-blue-4b6);
        z-index: 0;
    }
    .disabled > .page-link {
        background: var(--bg-main);
    }
    .tab-quotation {
        background: var(--color-blue-4b6);
        border-radius: 0.25rem 0.25rem 0 0;
        color: var(--color-white);
        cursor: pointer;
        padding: 8px 16px;
        transition: 0.5s;
    }
    .tab-delivery {
        background: var(--color-blue-7da);
        border-radius: 0.25rem 0.25rem 0 0;
        color: var(--color-white);
        cursor: pointer;
        margin-left: 0.5rem;
        padding: 8px 16px;
        transition: 0.5s;
    }
    .tab-invoice {
        background: var(--color-cyan-3ab);
        border-radius: 0.25rem 0.25rem 0 0;
        color: var(--color-white);
        cursor: pointer;
        margin-left: 0.5rem;
        padding: 8px 16px;
        transition: 0.5s;
    }
    .tab-total-invoice {
        background: var(--color-green-3ca);
        border-radius: 0.25rem 0.25rem 0 0;
        color: var(--color-white);
        cursor: pointer;
        margin-left: 0.5rem;
        padding: 8px 16px;
        transition: 0.5s;
    }
    .tab-quotation:hover, .tab-delivery:hover, .tab-invoice:hover, .tab-total-invoice:hover, select:hover {
        transition: 0.5s;
        opacity: 0.7;
    }
    select, input {
        border-radius: 0.25rem;
    }
    .status-select {
        width: 80px;
    }
    .btn-outline-info {
        color: var(--color-blue-4b6);
        border: 1px solid var(--color-blue-4b6);
        border-radius: 0.25rem;
        padding: 2px 0px;
        width: 50px;
        transition: 0.5s;
    }
    .btn-outline-info:hover {
        background: var(--color-blue-4b6);
        border: 1px solid var(--color-blue-4b6);
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-outline-info:first-child:active, .btn-edit:first-child:active {
        color: var(--color-white);
        background: var(--color-blue-4b6);
        border: 1px solid var(--color-blue-4b6);
        border-radius: 0.25rem;
    }
    span.draft {
        background: var(--color-blue-abc);
        color: var(--color-white);
    }
    span.issued {
        background: var(--color-green-3ca);
        color: var(--color-white);
        display: block;
    }
    span.nothing {
        display: block;
        margin: 1.2rem 0;
    }
    /* 詳細画面 */
    .btn-back {
        background: var(--color-blue-abc);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-back:hover {
        background: var(--color-blue-abc);
        color: var(--color-white);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-back:checked, :not(.btn-back) + .btn-back:active, .btn-back:first-child:active, .btn-back.show {
        background: var(--color-blue-abc);
        color: var(--color-white);
    }
    .btn-preview {
        background: var(--color-blue-4b6);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-preview:hover {
        background: var(--color-blue-4b6);
        color: var(--color-white);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-preview:checked, :not(.btn-preview) + .btn-preview:active, .btn-preview:first-child:active, .btn-preview.show {
        background: var(--color-blue-4b6);
        color: var(--color-white);
    }
    .btn-duplication {
        background: var(--color-cyan-3ab);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-duplication:hover {
        background: var(--color-cyan-3ab);
        color: var(--color-white);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-duplication:checked, :not(.btn-duplication) + .btn-duplication:active, .btn-duplication:first-child:active, .btn-duplication.show {
        background: var(--color-cyan-3ab);
        color: var(--color-white);
    }
    .btn-edit {
        background: var(--color-blue-4b6);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-edit:hover {
        background: var(--color-blue-4b6);
        color: var(--color-white);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-edit:checked, :not(.btn-edit) + .btn-edit:active, .btn-edit:first-child:active, .btn-edit.show {
        background: var(--color-blue-4b6);
        color: var(--color-white);
    }
    .btn-issue {
        background: var(--color-green-3ca);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-issue:hover {
        background: var(--color-green-3ca);
        color: var(--color-white);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-danger {
        background: var(--color-red-f17);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        color: var(--color-white);
        transition: 0.5s;
    }
    .btn-danger:hover {
        background: var(--color-red-f17);
        color: var(--color-white);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-danger:checked, :not(.btn-danger) + .btn-danger:active, .btn-danger:first-child:active, .btn-danger.show {
        background: var(--color-red-f17);
        color: var(--color-white);
    }
    .btn-reset {
        background: var(--color-code-e9e);
        border: none;
        border-radius: 0.25rem;
        text-align: center;
        transition: 0.5s;
    }
    .btn-reset:hover {
        background: var(--color-code-e9e);
        opacity: 0.7;
        transition: 0.5s;
    }
    .btn-reset:checked, :not(.btn-reset) + .btn-reset:active, .btn-reset:first-child:active, .btn-reset.show {
        background: var(--color-code-e9e);
    }
    #addressee {
        display: flex;
        flex-direction: column;
        width: 70%;
    }
    #document {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    #vehicle {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 70%;
    }
    .alert-success {
        border-radius: 0.25rem;
        padding: 0.25rem 2rem 0.25rem 0.5rem;
    }
    .alert-dismissible .btn-close {
        padding: 0.4rem 0.7rem 0.25rem 0.5rem;
    }
    /* 保存確認モーダル */
    .modal-header {
        padding: 0.5rem 1rem;
    }
    .modal-footer .btn-secondary {
        border-radius: 0.25rem;
        transition: 0.5s;
    }
    .modal-footer .btn-secondary:hover {
        background: var(--bs-btn-bg);
        opacity: 0.7;
        transition: 0.5s;
    }
    .modal-footer .btn-primary {
        background: var(--color-blue-4b6);
        border-radius: 0.25rem;
        transition: 0.5s;
    }
    .modal-footer .btn-primary:hover {
        opacity: 0.7;
        transition: 0.5s;
    }
    .vehicle-row {
        width: 50%;
        flex-direction: column;
        gap: 8px;
    }
    .invoice-items {
        table-layout: fixed;
        width: auto !important;
    }
    .invoice-items table {
        width: 67.4%;
        margin-top: 20px;
    }
    .invoice-items th {
        width: 21%;
        text-align: left;
    }
    .invoice-items td {
        text-align: right;
    }
    .card {
        background: var(--bg-color-fc);
        border: none !important;
        margin-top: 10px;
    }
    .detail .table-bordered td {
        background: var(--color-white);
        border: 1px solid var(--color-code-e9e);
    }
    .detail .table-bordered th {
        border: 1px solid var(--border-table-heading);
        padding: .75rem .6rem;
        background: var(--bg-color-table-heading);
        border-bottom-width: 1px;
        -webkit-box-shadow: inset 0 0 0 9999px var(--vz-table-accent-bg);
        box-shadow: inset 0 0 0 9999px var(--vz-table-accent-bg);
        font-size: 0.875rem;
        font-weight: 500;
    }
}
/* 帳票一覧画面用 */
.list {
    .table-bordered td {
        background: var(--color-white);
        border: 1px solid var(--color-code-e9e);
    }
    .table-bordered th {
        border: 1px solid var(--border-table-heading);
        padding: .75rem .6rem;
        background: var(--bg-color-table-heading);
        border-bottom-width: 1px;
        -webkit-box-shadow: inset 0 0 0 9999px var(--vz-table-accent-bg);
        box-shadow: inset 0 0 0 9999px var(--vz-table-accent-bg);
        font-size: 0.875rem;
        font-weight: 500;
    }
    .table-bordered>tbody>tr:nth-of-type(odd)>* {
        background: var(--vz-table-striped-bg);
        color: var(--vz-table-striped-color);
    }
}

/*
進捗報告システム CSSネスト
---------------------------- */
.biz-management {
  h2 {
    background: #3C67A7;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 1.2rem;
    color: #fff;
    box-shadow: inset 0 0 0.4em 0.4em #406093;
  }
  h2.text-danger {
    color: #fff !important;
  }
  h3 {
    background: #496EA6;
    margin-bottom: 1rem;
    padding: 15px 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
    color: #fff;
  }
  h4 {
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 1rem;
  }
  .navbar-header {
      justify-content: center;
      position: relative;
  }
  .logo-light {
    color: #BEC7D3;
  }
  .horizontal-logo {
      padding: 0;
  }
  .horizontal-logo img {
      width: 80%;
  }
  .page-content {
    padding: calc(45px + 0.3rem) 0 0 0;
  }
  [data-topbar=dark] #page-topbar {
    background: #03204B;
  }
  .info-header {
    background: #101757;
    color: var(--color-white);
    border-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .info-header button {
      background: var(--color-white);
      color: #101757;
  }
  .card {
    width: 95%;
    margin: 1rem auto 1.5rem;
  }
  /* Hamburger menu button */
  .topnav-hamburger {
      position: absolute;
      right: 2%;
      height: 35px;
        border: 1px solid #ADB5BD;
        border-radius: 0.25rem;
        cursor: pointer;
        padding: 8px 0 0 2px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .topnav-hamburger button {
      background: none;
      border: none;
  }
  .topnav-hamburger label {
      margin: 0;
  }
  .hamburger-icon {
      width: auto;
  }
  .hamburger-icon span {
    background: #101757;
}
.menu-icon {
    height: 35px;
   border: 1px solid #101757;
   border-radius: 0.25rem;
   display: inline-block;
   position: relative;
   cursor: pointer;
   margin: 8px 0 0 0;
   padding: 15px 7px 0 7px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.navicon {
  background: #ddd;
  display: block;
  height: 2px;
  width: 22px;
  position: relative;
}
.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #ddd;
}
.navicon:before {
  top: 8px;
  background: #101757;
}
.navicon:after {
  bottom: 8px;
  background: #101757;
}
/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}
.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */
  .navbar-menu .navbar-nav .nav-link.active, .navbar-menu .navbar-nav .nav-link:hover {
    color: #000;
  }
  .navbar-menu .navbar-nav .nav-link a:active, .navbar-menu .navbar-nav .nav-link.active:after  {
    color: #8AABCA;
  }
  .index-menu {
    list-style: none;
  }
  .index-menu li {
    margin-bottom: 20px;
  }
  .index-menu .menu-item {
    display: block;
    background: #fff;
    box-sizing: border-box;
  }
  .index-menu a {
    display: block;
    padding: 0 15px;
    box-sizing: border-box;
    color: #949BA2;
  }
  .hamburgermenu-advance-title {
    background-color: #496EA6;
    border-radius: 0.5rem 0.5rem 0 0 ;
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
    margin: 0 auto;
    padding: 1rem 0;
    width: 90%;
  }
  .hamburgermenu-advance {
      background-color: #EDF6FF;
      padding: 1rem 0.6rem 0 0.6rem;
      box-sizing: border-box;
      margin: 0 auto;
      width: 90%;
  }
  .hamburgermenu-advance-bottom {
      border-radius: 0 0 0.5rem 0.5rem;
      background-color: #EDF6FF;
      padding: 1rem 0.6rem 0.5rem 0.6rem;
      box-sizing: border-box;
      margin: 0 auto 0.25rem auto;
      width: 90%;
  }
  .advance-link {
    border-bottom: 1px solid #78A2CD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1rem;
    color: #000;
    padding-bottom: 1rem;
  }
  .advance-link-bottom {
      border-bottom: none;;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 1.1rem;
      color: #000;
      padding-bottom: 0.5rem;
  }
  .nav-item i, .nav-item-bottom i, .advance-link i, .advance-link-bottom i {
      color: #78A2CD;
      margin-right: 0.5rem;
  }
  .advance-link::after, .advance-link-bottom::after {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    position: absolute;
    right: 0.5rem;
    display: inline-block;
    font-weight: 900;
    font-size: 1.2rem;
    color: #496EA6;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
  }
  .advance-menu-title {
      background: #496EA6;
      color: var(--color-white);
      margin: 0 15px 10px 15px;
      padding: 10px 0;
      text-align: center;
      font-size: 1rem;
  }
  .advance-menu {
      background: #EDF6FF;
      border: 1px solid #78A2CD;
        padding: 15px 20px;
        border-radius: 0.5rem;
        box-sizing: border-box;
  }
  .two-column {
    display: flex;
    background: #fff;
    padding: 15px 20px;
    border-radius: 0.5rem;
    box-sizing: border-box;
  }
  .bt-right {
    padding-left: 1rem;
    box-sizing: border-box;
    align-self: center;
  }
  .bt-right i {
    font-size: 1.5rem;
    color: #8AABCA;
  }
  .bt-right-blue {
    padding-left: 1rem;
    box-sizing: border-box;
    align-self: center;
  }
  .bt-right-blue i {
    font-size: 1.5rem;
    color: #496EA6;
  }
  .btn-success {
    background: #fff;
    padding: 0.5rem 0.9rem;
    text-align: center;
    color: #000;
  }
  .btn-success :checked+label {
    background: #fff;
    border: none;
  }
  .btn-info a {
    color: #fff;
  }
  .btn-check:checked+.btn {
    background: var(--color-code-9fa);
  }
  .logout-show {
      display: none;
    background: #03204B;
    margin: 0;
    height: 100%;
    border: none;
    border-radius: 0.25rem;
  }
  .logout-show.show {
    background: #3C67A7;
  }
  .btn.disabled, .btn:disabled, fieldset:disabled .btn {
    opacity: 1;
  }
  .btn-display {
    background: var(--color-code-9fa);
    border: none;
    color: var(--color-white);
    font-weight: normal;
    padding: 0.3rem 0.75rem;
    border-radius: 0.25rem;
  }
  .info-content dd.order-accordion-btn {
      display: block;
      width: 100%;
  }
  #operationContent {
    margin-top: 1rem;
    padding: 0;
    box-sizing: border-box;
  }
  #operationContent pre {
    white-space: pre-wrap;
    margin: 0;
    font-family: var(--vz-body-font-family);
    font-size: 14px;
  }
  /* 報告履歴
  ---------------------------- */
  .info-content {
      padding: 0 1rem;
      box-sizing: border-box;
  }
  .info-content dt, .info-content dd {
        flex: auto;
  }
  .report-1 {
      background: #7BA5CF;
  }
  .report-2 {
      background: #385BB4;
  }
  .report-3 {
      background: #38b2b4;
  }
  .report-4 {
      background: #e89b35;
  }
  .report-5 {
    background: #485454;
  }
  .report-6 {
      background: #139970;
  }
  .report-7 {
      background: #d461b9;
  }
  .report-8 {
    background: #6763AC;
  }
  .report-9 {
    background: #e07070;
  }
  button.mistake {
      background: #FA5F15;
      color: var(--color-white);
      margin: 0 1rem 0 auto;
  }
  button.mistaked {
    background: #ADB5DB;
    color: var(--color-white);
    margin: 0 1rem 0 auto;
  }
  .btn.disabled {
      background-color: #6763AC;
  }
  .notice-area {
    background: #fff;
    padding: 0.75rem 1rem 0.75rem 1rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
  }
  .notice-area p {
    margin: 0;
  }
  .btn-select-area {
    background: var(--color-white);
    padding: 0.75rem 1rem 0.25rem 1rem;
    box-sizing: border-box;
    border: 1px solid #E3E3EC;
    border-radius: 0.5rem;
    box-shadow: 0px 5px 5px -5px rgba(16, 23, 87, 1);
  }
  .form-check-input:checked {
    background-color: var(--color-blue-3D6);
  }
  .btn-select-area .form-check-input:checked {
    background-color: var(--color-blue-3D6);
    border: 1px solid #DCDCE3;
  }
  .btn-schedule-area {
    display: flex;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .btn-schedule-area .col-sm-auto {
    margin-right: 0.25rem;
  }
  .btn-schedule-area .col-auto {
    margin-right: 0.5rem;
    align-self: center;
  }
  .btn-calender {
    background: #fff;
    padding: 0 10px;
    border: 1px solid var(--vz-input-border);
    border-radius: 0.25rem;
    font-size: 1rem;
    color: #000;
  }
  .btn-calender:hover {
    background: #fff;
    border: 1px solid var(--vz-input-border);
    color: #000;
  }
  #btn-current, #btn-op-date-current {
    background: #48bd96;
    --vz-btn-padding-y: 0.2rem;
    border: 1px solid var(--vz-input-border);
    color: var(--color-white);
  }
  .time-btn-area {
    margin: 0.75rem 0;
    padding-top: 0.75rem;
    border-top: 1px solid #E3E3EC;
  }
  .sl-specified-time {
    margin-left: 0.5rem;
  }
  .sl-specified-time .form-control {
      padding: 0.2rem 1rem !important;
  }
  .btn-outline-dark {
    --vz-btn-hover-color: #000;
  }
  #btn-clear, #btn-op-date-clear {
    background: #fff;
    --vz-btn-padding-y: 0.2rem;
    border: 1px solid var(--vz-input-border);
  }
  .btn-outline-primary {
    background: #ADB5BD;
    padding: 10px 25px;
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    color: #fff;
  }
  .btn-primary {
    background: #ADB5BD;
    padding: 10px 25px;
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    color: #fff;
  }
  .btn-primary-active {
    background: #3C67A7;
    padding: 10px 20px;
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    color: #fff;
  }
  .btn-done {
    background: var(--color-blue-3D6);
    padding: 10px 25px;
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    color: var(--color-white);
  }
  .btn-done:hover {
      background: var(--color-blue-3D6);
  }
  .btn-submit {
    background: #FA5F15;
    padding: 10px 25px;
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    color: var(--color-white);
  }
  .btn-submit:hover {
      background: #FA5F15;
      color: var(--color-white);
  }
  .t-exclusive {
    background: #ADB5BD;
    margin-top: 10px;
    border-radius: 0.5rem;
    box-sizing: border-box;
    font-size: 1.1rem;
    color: #fff;
  }
  .t-exclusive .two-column {
    display: flex;
    background: #ADB5BD;
    width: 100%;
    text-align: center;
  }
  .t-exclusive a {
    font-size: 1.1rem;
    color: #fff;
  }
  .btn-photo {
    background: #7DA8D0;
    padding: 0.5rem 0.9rem;
    border: none;
    border-radius: 0.25rem;
    color: #fff;
  }
  .btn-photo:active {
    background: #7DA8D0;
    color: #fff;
  }
  .btn-preview-image {
    background: #fff;
    padding: 0.5rem 0.9rem;
    border: 1px solid #7DA8D0;
    border-radius: 0.25rem;
    color: #000;
  }
  .btn-warning {
    background: #3C67A7;
    padding: 0.5rem 0.9rem;
    border-radius: 0.25rem;
    color: #fff;
  }
  /* 撮影画面
  ---------------------------- */
  #capture {
    background: var(--color-blue-3D6);
    width: 100px;
    height: 100px;
    color: #fff;
    border: none;
  }
  #capture span {
    display: block;
  }
  #capture i {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
  .field-imagecaptureform-text_on_image {
      margin: 20px auto;
      width: 95%;
  }
  #imagecaptureform-image_file {
      z-index: 1;
      width: 80%;
  }
  .modal .modal-body {
      padding: 1rem;
  }
  .modal-footer {
      display: block;
  }
  .modal-footer .inner {
      column-gap: 15px;
      display: flex;
      justify-content: center;
      margin: 0 0 15px 0;
  }
  .form-control {
    width: 100%;
    padding: .5rem .9rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: var(--color-white);
    background-clip: padding-box;
    border: 1px solid var(--color-grey-ced);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .form-control input {
      margin: 0;
      padding: 0;
      border:
  }
  .form-control:disabled {
      background-color: var(--color-white);
  }
  .input-group {
    border-right: 1px solid var(--color-grey-ced);
    display: block;
  }
  .input-group .btn-info {
    background-color: #6763AC;
    border: none;
    border-top-right-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem;
    margin: 0;
    padding: 3px 6px 3px 5px;
    vertical-align: top;
  }
  .control-button {
    z-index: 99;
  }
  .report-menu {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
  }
  .report-menu .menu-item {
    background: #fff;
    width: 100%;
    border-radius: 0.5rem;
    text-align: center;
  }
  .report-menu .menu-item a {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
  }
  .form-check {
    margin: 0;
    padding: 0
  }
  .form-check .form-check-input {
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-check label {
    background: none;
    margin-bottom: 1em;
    padding: 0;
    border: none;
    text-align: left;
  }
  .field-report1-content .form-check-input {
    margin-right: 0.3rem;
  }
  .field-report4-request_to_follow input {
    vertical-align: -0.1rem;
  }
  .field-report1-request_to_follow .form-check label, .field-report4-request_to_follow label {
    display: inline;
  }
  .align-self-center label {
    margin: 0;
  }
  .capture-other-image .btn-photo {
    margin-left: 0.25rem;
  }
  dl.schedule  {
    display: flex;
    margin-bottom: 0.5rem;
  }
  .schedule dt {
    font-weight: normal;
  }
  .schedule dd {
    margin: 0;
    font-weight: bold;
  }
  /* 確認画面
  ---------------------------- */
  .confirm .row {
    background: #fff;
    margin-bottom: 20px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 0.5rem;
  }
  dl.detail {
    display: flex;
    margin: 0;
    padding: 15px 10px;
    border-bottom: 1px solid #F5F5F5;
  }
  .confirm dt {
    align-self: center;
    width: 18%;
    font-weight: normal;
  }
  .confirm dd {
    margin: 0;
    padding-left: 10px;
    font-size: 1.1rem;
    font-weight: bold;
  }
  dd.img-confirm {
    dispkay: block;
    width: 100%;
  }
  .confirm p {
    text-align: center;
  }
  .thanks {
    margin: 0 auto 20px auto;
    padding: 15px;
    box-sizing: border-box;
    width: 95%;
    background: #fff;
  }
  .thanks h4 {
    text-align: center;
  }
  /* 報告履歴
  ---------------------------- */
  .tabs-wrapper {
        display: block;
  }
  .tabs-fixed ul.nav-tabs {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .tabs-fixed ul.nav-tabs li {
    display: inline-block;
  }
  .tabs-fixed .nav-link.active {
    background: var(--color-white);
    border: 1px solid var(--color-code-e9e);
    color: var(--color-ultramarine);
    font-weight: bold;
    border-bottom: 3px solid var(--color-dark-blue);
  }
  .tabs-fixed .nav-link {
    background: var(--color-code-f3f);
    color: var(--color-dark-blue);
    border: 1px solid var(--color-code-eaf);
  }
  .thanks p {
    margin-bottom: 0;
  }
  button.totop {
    display: block;
    margin: 10px auto 30px auto;
    border: none;
  }
  .footer {
    position: relative;
    background: #f3f3f7;
    margin-bottom: 1rem;
  }
  .footer h5 {
    padding: 0.5rem 0;
    border-top: 1px solid #E1E7EA;
    border-bottom: 1px solid #E1E7EA;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
    color: #8097A8;
  }
  .footer .logo {
    text-align: center;
  }
  .footer p {
    font-size: 1rem;
  }
  .footer a {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #496EA6;
    text-decoration: underline !important;
  }
  .footer i {
    margin-right: 0.25rem;
  }
}

@media (width <= 1024px) {
    .navbar-header {
        padding: 0;
    }
    .sp-none {
      display: none;
    }
    .menu-btn-area {
      display: block;
      background: #F5F5F7;
      width: 95%;
      margin: 0 auto 0.75rem auto;
      padding: 1rem 0 0.5rem 0;
      border-radius: 0.5rem;
      text-align: center;
    }
    .menu-btn-area button {
      background: #ADB5BD;
      padding: 0.75rem 0;
      width: 90%;
      text-align: center;
      font-size: 1rem;
      color: #fff;
      border: none;
      border-radius: 0.5rem;
    }
    .menu-btn-area i {
      margin-right: 0.25rem;
      color: #fff;
    }
    button.menu-btn-tel {
      background: #3C67A7;
      margin: 0.75rem 0 1.5rem 0;
      padding: 0.75rem 0;
      text-align: center;
      font-size: 1rem;
      color: #fff;
      border: none;
      border-radius: 0.5rem;
    }
    button.menu-btn-tel a {
      color: #fff;
    }
    .menu-btn-area span.corporate {
      display: block;
      color: #8097A8;
    }
    .menu-btn-area-logo {
      margin: 0.25rem 0 1rem 0;
      height: 30px;
    }
    .col-xs-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    /* 基幹システム CSSネスト
    ---------------------------- */
    .is-manager {
        #leftmenu-open {
            position: fixed;
            top: 1.3%;
            left: 2%;
            font-size: 0.9rem;
            color: var(--color-dark-blue);
            line-height: 0;
        }
        /*
        ダッシュボード
        ---------------------------- */
        .main-content .logo img {
            width: 300px;
        }
        /* FAX管理
        ---------------------------- */
        .send-menu .bg-receive, .receive-menu .bg-receive {
            width: 47%;
            height: auto;
            margin-bottom: 1rem;
        }
        .btn-send-menu, .btn-receive-menu {
            width: 100%;
        }
    }
    /* 進捗報告システム CSSネスト
    ---------------------------- */
    .biz-management {
        h3 {
          margin: 0 0 1rem 0;
        }
        .page-content {
          padding: calc(45px + 0.3rem) 0 0 0;
        }
        .wrapper {
          margin: 0 auto;
          width: 95%;
        }
        /* main menu
        ---------------------------- */
        .navbar-nav .nav-item {
          margin: 0 auto;
          width: 85%;
          border-bottom: 1px solid #ddd;
        }
        .navbar-nav .nav-item-bottom {
          margin: 0 auto;
          width: 85%;
          border: none;
        }
        .navbar-menu .navbar-nav .nav-link {
          padding: 1rem 0;
          font-size: 1.1rem;
          color: #000;
        }
        .nav-link::after {
          font-family: "Font Awesome 5 Free";
          content: "\f138";
          position: absolute;
          right: 0.5rem;
          display: inline-block;
          font-weight: 900;
          font-size: 1.2rem;
          color: #8AABCA;
          text-rendering: auto;
          line-height: inherit;
          -webkit-font-smoothing: antialiased;
        }
        .circle-chevron-right::after {
          content: "\f138";
        }
        /* 確認画面
        ---------------------------- */
        .confirm dt {
          align-self: center;
          width: 30%;
          font-weight: normal;
        }
        .confirm p {
          text-align: left;
        }
        .footer .logo {
          margin-right: 0.5rem;
        }
        .footer-logo {
          height: 25px;
        }
        .footer p {
          font-size: 0.8rem;
        }
    }
}
@media (width <= 767px) {
    h1 {
      margin-top: 1rem;
    }
    .auth-page-wrapper {
      padding: 2rem 0 0 0;
    }
    .card-body {
      margin: 10px;
    }
    .pw-reset {
      margin: 30px auto 0 auto;
    }
    .auth-page-wrapper .footer p {
      text-align: center;
    }
    .copy {
        margin-right: 0;
    }
    /*
    スマホ用サブヘッダーメニュー
    ---------------------------- */
    #page-topbar .navbar-nav {
        display: none;
    }
    #sp-sub-menu {
        position: relative;
        background: var(--color-code-e6f);
        width: 100%;
        top: 50px;
        padding-top: 5px;
        text-align: center;
        z-index: 1;
    }
    #sp-sub-menu ul {
        padding: 0;
    }
    #sp-sub-menu li {
        display: inline-block;
        margin-right: 5px;
    }
    #sp-sub-menu a {
        color: var(--color-dark-blue);
        font-size: 15px;
    }
    /*
    メインコンテンツ 位置調整
    ---------------------------- */
    /* .ledgers .main-content, .fax .main-content {
        margin-top: 100px;
    }
    .sent-list .main-content, .sent-list-show .main-content, .received-list .main-content, .received-list-show .main-content, .report .main-content, .phone-book-list .main-content {
        margin-top: 150px;
    } */
    /*
    IS Manager CSSネスト
    ---------------------------- */
    .is-manager {
        /* ヘッダーメニュー
        ---------------------------- */
        .layout-width {
            left: 0;
        }
        #main-menu-2 {
            width: 94%;
            margin: 0 auto 105px auto;
        }
        /* .sub-menu {
            position: fixed;
            top: 95px;
            z-index: 1;
        } */
        /* レフトメニュー
        ---------------------------- */
        .app-menu {
            left: -250px;
            margin: 0 !important;
            padding: 0;
        }
        #leftmenu-open {
            position: fixed;
            top: 2%;
            left: 3%;
            font-size: 0.9rem;
            color: var(--color-dark-blue);
            line-height: 0;
        }
        .logo {
            width: 90%;
        }
        .footer {
            padding: 15px calc(1.5rem* .5);
        }
        .management-footer .copyright {
            left: 10px;
        }
        /* 案件一覧
        ---------------------------- */
        #reports-list .card .card-body {
            margin: 0;
        }
        #show-reports .card-body {
            background: none;
            margin: 0;
            padding: 0.5rem 0 0 0;
        }
        #show-reports dt:after {
            display: none;
        }
        /* 電子帳簿管理
        ---------------------------- */
        .bg-receipt {
            margin: 0 0 20px 0;
        }
        .bg-send {
            margin: 0;
        }
        /* FAX管理
        ---------------------------- */
        .send-menu .bg-receive:nth-child(odd), .receive-menu .bg-receive:nth-child(odd) {
            margin: 0 0 1rem 0;
        }
        .send-menu .bg-receive:nth-child(even), .receive-menu .bg-receive:nth-child(even) {
            margin: 0 0 1rem 1rem;
        }
        .btn-send-menu, .btn-receive-menu {
            margin: 0;
        }
        .fax-card {
            margin: 0;
        }
        #fax-search .sticky-buttons {
            z-index: 0;
        }
        .explanation {
            line-height: 2.7;
        }
    }
    /*
    進捗システム CSSネスト
    ---------------------------- */
    .biz-management {
        .card-body {
            margin: 0;
            padding: 0;
        }
    }
}
@media (width <= 375px) {
    /*
    IS Manager CSSネスト
    ---------------------------- */
    .is-manager {
        #main-menu-2 {
            width: 94%;
            margin: 0 auto 5px auto;
        }
        /* FAX管理
        ---------------------------- */
        .btn-send-menu, .btn-receive-menu {
            margin: 0;
        }
        .fax-card {
            margin: 0;
        }
    }
    .biz-management {
        .footer-logo {
            height: 23px;
        }
    }
}
@media (width <= 380px) {
    /*
    IS Manager CSSネスト
    ---------------------------- */
    .is-manager {
        #main-menu-2 {
            width: 94%;
            margin: 0 auto 105px auto;
        }
        .send-menu .bg-receive, .receive-menu .bg-receive {
            width: 46%;
        }
        .management-footer .copyright {
            font-size: 0.8rem;
        }
    }
  .biz-management {
      .menu-btn-area-logo {
        height: 30px;
      }
      .footer p {
            font-size: 0.7rem;
        }
      .footer-logo {
          width: auto;
        height: 25px
      }
  }
}
@media (min-width: 768px) {
    #sp-sub-menu {
        display: none;
    }
}
@media (min-width: 1025px) {
    [data-topbar=dark] .topbar-user {
        background-color: transparent;
    }
    .menu-btn-area {
      display: none;
    }
    /* 基幹システム CSSネスト
    ---------------------------- */
    .is-manager {
        #leftmenu-open {
            position: fixed;
            top: 2%;
            left: 1.5%;
            font-size: 0.9rem;
            color: var(--color-dark-blue);
            line-height: 0;
        }
        #main-menu-2 {
            margin: 0 auto 10px auto;
        }
    }
    /* 進捗システム CSSネスト
    ---------------------------- */
    .biz-management {
        .footer .logo {
            margin-right: 2rem;
        }
    }
}
.modal.show {
  .modal-dialog {
    z-index: 10000;
  }
  display: block;
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

.h-fit {
  height: fit-content;
}