/**************************************************************************
/ ファイル概要      スタイルシート
/ 2024.11.01, 【次期建退共電子申請システムの構築に係る業務】 新規作成
/*************************************************************************/
/* 【次期建退共電子申請システムの構築に係る業務】モックから移行 */
/* style.cssで管理するためコメントアウト
body {
  font-family: "Noto Sans JP";
  background-color: #f8f8f8;
}
header {
    max-width: 1630px;
    width: 100%;
    margin: 0 auto;
}
*/
main {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 1440px) {
  .header,
  .main {
    max-width: none;
    width: auto;
    margin: 0 60px;
  }

  .header-title {
    width: 45%;
  }
}

@media screen and (min-width: 1700px) {
  .header,
  .main {
    margin: 0 135px;
  }
}

header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

p {
  margin-bottom: 0px !important;
}

.custom_fs-12px {
  font-size: 0.75em;
}

.custom_fs-14px {
  font-size: 0.875em;
}
.custom_fs-16px {
  font-size: 1em;
}
/* 次期建退共電子申請システムの構築に係る業務　で追加したフォントサイズ↓ */
.custom_fs-20px {
    font-size: 1.25em;
}
.custom_fs-24px {
  font-size: 1.5em;
}
/* 次期建退共電子申請システムの構築に係る業務　で追加したフォントサイズ↑ */

.custom_normal-text-pale-color {
  color: #74788d;
}

.custom_normal-text-normal-color {
  color: #495057 !important;
}

/* 次期建退共電子申請システムの構築に係る業務　で追加した文字色↓ */
.custom_color-gray {
  color: #808080;
}
/* 次期建退共電子申請システムの構築に係る業務　で追加した文字色↑ */

/* 次期建退共電子申請システムの構築に係る業務　で追加した配色↓ */
.custom_base-white-bg-color {
  background-color: #fff !important;
}
/* 次期建退共電子申請システムの構築に係る業務　で追加した配色↑ */

.custom_base-red-bg-color {
  background-color: #f46a6a !important;
}

.custom_base-blue-bg-color {
  background-color: #556ee6 !important;
}

.custom_base-dark-blue-text-color {
  color: #556ee6 !important;
}

.custom_base-blue-border-color {
  border-color: #556ee6 !important;
}

.custom_base-pale-blue-bg-color {
  background-color: #d5dbf9 !important;
}

.custom_base-normal-blue-bg-color {
  background-color: #50a5f1 !important;
}

.custom_alert-blue-bg-color {
  background-color: #dcedfc;
}

.custom_alert-blue-border-color {
  border-color: #dcedfc;
}

.custom_alert-blue-text-color {
  color: #306391;
}

.custom_nav-border-color {
  border-color: #d5dbf9;
}

.custom_border-bottom-gray-color {
  border-color: #eff2f7;
}

.custom_flex-flow-column {
  flex-flow: column;
}

.custom_footer-bg-color {
  background-color: #f2f2f5;
}

.dropdown-toggle::after {
  display: none;
}

.custom_top-return-button {
  top: 85%;
  right: 3%;
  width: 45px;
  height: 45px;
}

.accordion-button:focus {
  box-shadow: none;
}

.custom_w-18per {
  width: 18%;
}

.custom_ml-50px {
  margin-left: 50px;
}

.custom_normal-bg-pale-color {
  background-color: #74788d !important;
}

.custom_border-gray {
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.custom_le-14px {
  letter-spacing: 0.875em;
}

.custom_pale-blue-bg-color {
  background-color: #eff2f7 !important;
}

.custom_24px-12px {
  padding: 12px 24px !important;
}

.custom_ff-poppins {
  font-family: Poppins;
}

.custom_py-10px {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.custom_px-m0px {
  margin-right: 0px;
  margin-left: 0px;
}

.custom_px-m15px {
  margin-right: -15px;
  margin-left: -15px;
}

.custom_px-m20px {
  margin-right: -20px;
  margin-left: -20px;
}

.custom_text-indent-1em {
  text-indent: 1em;
}

.custom_base-red-text-color {
  color: #f46a6a !important;
}

.custom_base-red-border-color {
  color: #f46a6a !important;
}

.custom_base-red-border-color {
  border-color: #f46a6a !important;
}

.custom_green-bg-color {
  background-color: #34c38f !important;
}

.custom_green-border-color {
  border-color: #34c38f !important;
}
/* nav(ヘッダータブ)はstyle.cssで管理するためコメントアウト */
/*
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #556ee6 !important;
  border-bottom: none;
}
*/
.custom_tab-border-color {
  border-color: #ced4da !important;
}

.custom_tab-bg-color {
  background-color: #f2f2f2;
}
/* nav(ヘッダータブ)はstyle.cssで管理するためコメントアウト */
/*
.nav-tabs {
  border-bottom: none;
}
*/
@media screen and (max-width: 767px) {
  .custom_ml-50px {
    margin-left: 0;
  }

  .custom_w-100px {
    width: 50px;
  }

  .custom_w-18per {
    width: auto;
  }

  .custom_w-400px {
    width: 200px;
  }

  .custom_sp-w-auto {
    width: auto !important;
  }

  .custom_w-sp-100 {
    width: 100% !important;
  }

  .custom_w-sp-50 {
    width: 50% !important;
  }

  .custom_w-sp-25 {
    width: 25% !important;
  }

  .custom_md-top-10per {
    top: 11% !important;
  }

  .custom_md-top-9per {
    top: 9% !important;
  }
}

@media screen and (min-width: 767px) {
  .custom_flex-flow-row {
    flex-flow: row;
  }

  .custom_w-400px {
    width: 400px;
  }

  .custom_w-190px {
    width: 190px;
  }

  .custom_w-140px {
    width: 140px;
  }

  .custom_w-100px {
    width: 100px;
  }

  .custom_w-75px {
    width: 75px;
  }
}

@media screen and (max-width: 1320px) {
  .custom_sm-fs-12px {
    font-size: 0.75em !important;
  }

  .custom_sm-fs-18px {
    font-size: 1.125em !important;
  }

  .custom_sm-top-7per {
    top: 7% !important;
  }
}

.custom_base-pale-red-bg-color {
  background-color: #fcdada;
}

.custom_base-disabled-gray-bg-color {
  background-color: #eff2f7;
}

.custom_scroll-x {
  overflow-x: scroll;
  overflow-y: hidden;
}

.custom_orange-yellow-bg-color {
  background-color: #f1b44c !important;
}

.custom_orange-yellow-border-color {
  border-color: #f1b44c !important;
}

.custom_orange-yellow-border-color {
  color: #f1b44c !important;
}

.custom_cream-bg-color {
  background-color: #fcecd3 !important;
}

.custom_total-blue-bg-color {
  background-color: #d5e1f3 !important;
}

.custom_base-normal-blue-text-color {
  color: #50a5f1 !important;
}

.custom_h-400px {
  height: 400px !important;
}

.custom_gray-bg-color {
  background-color: #dedfe0 !important;
}

.custom_nav-hover:hover {
  background-color: #dde2fa !important;
}
/* ↓【次期建退共電子申請システムの構築に係る業務】で追加 */
.custom_nav-active {
    background-color: #dde2fa !important;
}
.custom_light_gray-bg-color {
  background-color: #f1f3f4 !important;
}
/* ↑ */
.custom_dropdown-menu {
  transform: none !important;
  top: 100% !important;
}

.custom_w-47per {
  width: 47%;
}

/* ↓【次期建退共電子申請システムの構築に係る業務】で追加 */
.custom_w-43per {
  width: 43%;
}
/* ↑ */
.custom_w-30per {
  width: 30%;
}

.offcanvas-backdrop {
  display: none;
}
/* 使用しないかつ表示不正を起こすためコメントアウト
.humberger-accordion::after {
  background-image: url('/Content/images/pc/icon_next.png');
}

.humberger-accordion:not(.collapsed)::after {
    background-image: url('/Content/images/pc/icon_down.png');
}
*/
.custom_humberger-item-number-position {
  top: 16%;
  left: 4%;
}

.tooltip-inner {
  max-width: 100%;
}

.custom_toolitip-btn {
  font-size: 0;
}

.custom_header-icon {
  max-height: 50px;
  max-width: 250px;
  margin: auto 0;
}

.custom_login-logo {
  width: 43px;
}

/* ヘッダメニューレイアウト対応のためコメントアウト */
/*
  .custom_main-nav {
    height: auto !important;
  }
*/
}

.custom_w-15per {
  width: 15%;
}

.custom_nav-notification {
  top: 14%;
  left: 88%;
}
/* ボタンのスタイルはstyle.cssで管理するためコメントアウト */
/*
.btn {
  font-size: 14px;
}
.btn:hover {
  opacity: 0.7;
}
*/
@media screen and (max-width: 409px) {
  .custom_d-409px-block {
    display: block !important;
  }
}

@media screen and (max-width: 338px) {
  .custom_p-338px-bell {
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
  }

  .custom_fs-338px-16px {
    font-size: 1em !important;
  }
}

@media screen and (max-width: 992px) {
  .custom_border-end-lg {
    border-right: 1px solid #dee2e6;
  }

  .custom_border-top-none-lg {
    border-top: none !important;
  }
}

@media screen and (min-width: 992px) {
  .custom_table-fixed {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
  }
}

.hidden {
  visibility: hidden;
}

.custom_w-35px {
  width: 35px;
}
/* 次期建退共電子申請システムの構築に係る業務　で追加↓ */
.custom_w-25px {
    width: 25px;
}
/* 次期建退共電子申請システムの構築に係る業務　で追加↑ */
.custom_main-nav {
  height: auto !important;
}

.custom_main-nav:hover {
  background-color: #d5dbf9 !important;
}

.custom_w-42per {
  width: 42%;
}

.custom_w-58per {
  width: 58%;
}

.custom_fs-18px {
  font-size: 1.125em;
}

.custom_light-gray-bg-color {
  background-color: #e3e4e8 !important;
}
.custom_dark-gray-border-color {
  border-color: #d5d7dd !important;
}

.custom_w-580px {
  width: 580px;
}

.custom_w-630px {
  width: 630px;
}

.custom_h-100px {
  height: 100px;
}
@media screen and (min-width: 767px) {
  .custom_text-md-nowrap {
    text-wrap: nowrap;
  }
}

.custom_sub-nav-hover:hover {
  text-decoration: underline !important;
  text-decoration-color: #ffffff !important;
}

@media screen and (max-width: 1140px) {
  .custom_border-start-xl {
    border-left: 1px solid #dee2e6;
  }
}
@media screen and (min-width: 1140px) {
  .custom_w-xl-50 {
    width: 50%;
  }
}
/* ↓ヘッダ用カスタム */
.custom_subtitle_green {
    background: #CDF0E3;
    max-width: 10%;
    position: relative;
    width: 100%;
}

.custom_subtitle_blue {
    background: #D4E9FC;
    max-width: 10%;
    position: relative;
    width: 100%;
}

.custom_subtitle_yellow {
    background: #FCECD3;
    max-width: 10%;
    position: relative;
    width: 100%;
}

.custom_submenu {
    max-width: 10%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.custom_px-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* ↑ヘッダ用カスタム */