@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
:root {
  --content_max_width:1200px;
  --content_width:890px;
  --content_header_m_t:55px;
  --content_m_b:150px;
  --main_color:#E95544;
  --main_color_font:#fff;
  --sub_color:#222424;
  --sub_color_font:#fff;
  /*項目メインカラー*/
  --construction_color:#D97607;
  --payment_color:#0C90B2;
  --contract_grand_color:#65A30E;
  --cost_grand_color:#B8B128;
  --fixedcost_color:#9474B3;
  --situation_color:#555555;
  /*サブ項目メインカラー*/
  --sub_content_color:#3A5EA3;
}

html {
  overflow-y: scroll;
  overflow-wrap: break-word;
  background: #eee;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

p {
  /*white-space: pre-wrap;*/
  overflow-wrap: break-word;
  line-height: 1.6em;
}

img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

header {
  position: fixed;
  top: 0;
  z-index: 9;
  width: 1440px;
  /*padding:30px 0;*/
  box-sizing: border-box;
  color: #fff;
  transition: background 0.3s, color 0.3s, padding 0.3s;
  background: hsla(0, 0%, 100%, 0.8);
  background: #fff;
}

body {
  position: relative;
  letter-spacing: 2px;
  color: #666;
  width: 1440px;
  margin: 0 auto;
  counter-reset: number 0;
}

footer {
  grid-area: 2/2/3/3;
  font-size: 10px;
  color: #666;
  text-align: center;
}

main {
  min-height: calc(100svh - 62px);
  grid-area: 1/2/2/3;
  margin-top: 42px;
  background-color: #f9f9f9;
  /*
  .alert {
      display: block;
      padding: 10px 40px;
      box-sizing: border-box;
      background: var(--main_color);
      color: #fff;
      font-weight: bold;
      margin-bottom: 20px;
  }
  .alerterror {
      position: relative;
      display: block;
      padding: 10px 40px 10px 75px;
      box-sizing: border-box;
      background: var(--main_color);
      color: #fff;
      font-weight: bold;
      margin-bottom: 20px;
      &::before{
          position: absolute;
          content: '';
          display: inline-block;
          width: 30px;
          height: 30px;
          left: 40px;
          top: 50%;
          transform: translateY(-50%);
          background-color: #fff;
          border-radius: 30px;
          box-sizing: border-box;
      }
      &::after{
          position: absolute;
          content: "!";
          font-weight: bold;
          display: inline-block;
          font-size: 20px;
          line-height: 1em;
          left: 53px;
          top: 50%;
          transform: translateY(-50%);
          color: var(--main_color);
      }
  }*/
}

a, label {
  cursor: pointer;
}

/*header*/
#header .h1_outer {
  width: 100%;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}
#header .h1_outer .site_title a {
  display: inline-block;
}
#header .h1_outer .site_title a img {
  display: inline-block;
  width: 115px;
  height: 20px;
}

#content_outer {
  display: grid;
  grid-template-columns: 200px 1240px;
  grid-template-rows: 1fr 20px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f9f9f9;
}

/*左ナビゲーションリスト*/
#side_nav {
  grid-area: 1/1/3/2;
  position: fixed;
  z-index: 9;
  /*top: 42px;*/
  width: 200px;
  height: calc(100svh - 42px);
  background-color: var(--main_color);
  margin-top: 42px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#side_nav .link_outer .menu_list {
  padding: 20px 0 0 0;
}
#side_nav .link_outer .menu_list li a {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 11px 0px 11px 15px;
  letter-spacing: 0;
  border-bottom: 1px solid #FBB9B0;
  transition: 0.2s ease-in-out;
}
#side_nav .link_outer .menu_list li a:hover {
  background-color: #fff;
  color: var(--main_color);
}
#side_nav .link_outer .menu_list li a:hover figure svg {
  fill: var(--main_color);
}
#side_nav .link_outer .menu_list li a:hover .use_stroke svg {
  stroke: var(--main_color);
}
#side_nav .link_outer .menu_list li a figure {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
#side_nav .link_outer .menu_list li a figure svg {
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: 0.2s ease-in-out;
  fill: #fff;
}
#side_nav .link_outer .menu_list li a .use_stroke svg {
  stroke: #fff;
}
#side_nav .link_outer .master_content {
  position: relative;
}
#side_nav .link_outer .master_content #side_menu_label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  width: 200px;
  box-sizing: border-box;
  padding: 11px 0px 11px 15px;
  letter-spacing: 0;
  border-bottom: 1px solid #FBB9B0;
  transition: 0.2s ease-in-out;
}
#side_nav .link_outer .master_content #side_menu_label:before {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(../img/arrow_forward.png) no-repeat;
}
#side_nav .link_outer .master_content #side_menu_label figure {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
#side_nav .link_outer .master_content #side_menu_label figure svg {
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: 0.2s ease-in-out;
  fill: #fff;
}
#side_nav .link_outer .master_content #side_menu_label:hover + .btn_area_inner,
#side_nav .link_outer .master_content .btn_area_inner:hover {
  visibility: visible;
  opacity: 1;
}
#side_nav .link_outer .master_content .btn_area_inner {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease-in-out;
  position: absolute;
  left: 200px;
  top: 0;
  width: 120px;
  background-color: var(--main_color);
}
#side_nav .link_outer .master_content .btn_area_inner li a {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 15px;
  letter-spacing: 0;
  border-bottom: 1px solid #FBB9B0;
  transition: 0.2s ease-in-out;
}
#side_nav .link_outer .master_content .btn_area_inner li a:hover {
  background-color: #fff;
  color: var(--main_color);
  border-bottom: 1px solid #fff;
}
#side_nav .logout a {
  display: flex;
  align-items: center;
  color: #fff;
  letter-spacing: 0;
  padding: 11px 0px 11px 15px;
  box-sizing: border-box;
  transition: 0.2s ease-in-out;
  border-bottom: 1px solid #FBB9B0;
}
#side_nav .logout a:last-of-type {
  border-bottom: none;
}
#side_nav .logout a:hover {
  background-color: #fff;
  color: var(--main_color);
}
#side_nav .logout a:hover figure svg {
  fill: var(--main_color);
}
#side_nav .logout a figure {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
#side_nav .logout a figure svg {
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: 0.2s ease-in-out;
  fill: #fff;
}

/*汎用*/
::-moz-placeholder {
  color: #aaa;
}
::placeholder {
  color: #aaa;
}

.link_btn {
  display: block;
  width: 184px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
  box-sizing: border-box;
  background: var(--main_color);
  border: 1px solid var(--main_color) !important;
  border-radius: 5px;
  color: var(--main_color_font);
  margin: 0 auto;
  transition: 0.2s ease-in-out;
}
.link_btn:hover {
  color: var(--main_color);
  background: #fff;
}

.small_link_btn {
  display: block;
  width: 150px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  background: var(--main_color);
  border: 1px solid var(--main_color) !important;
  border-radius: 5px;
  font-size: 16px;
  color: var(--main_color_font);
  margin: 0 auto;
  transition: 0.2s ease-in-out;
}
.small_link_btn:hover {
  color: var(--main_color);
  background: #fff;
}

.table_btn {
  position: relative;
  display: inline-block;
}
.table_btn::before {
  content: "";
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  display: block;
  width: 25px;
  height: 25px;
  background: url(../img/table.png) no-repeat;
  background-size: cover;
}
.table_btn::after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17.5px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: var(--main_color);
}
.table_btn .link_btn {
  padding: 10px 20px 10px 50px !important;
}

.back_btn {
  display: inline-block;
  position: relative;
  width: auto;
  padding: 10px 10px 10px 30px;
  color: var(--main_color);
  line-height: 1em;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.back_btn::before {
  position: absolute;
  left: 0px;
  transition: 0.2s ease-in-out;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_459_5431%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_459_5431)%22%3E%3Cpath%20d%3D%22M7.825%2013L13.425%2018.6L12%2020L4%2012L12%204L13.425%205.4L7.825%2011H20V13H7.825Z%22%20fill%3D%22%23E95544%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.back_btn:hover::before {
  left: -10px;
}

.info_list {
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 20px;
}
.info_list h3 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
.info_list ul {
  margin-bottom: 30px;
}
.info_list ul li {
  border-bottom: 1px solid #ddd;
}
.info_list ul li a {
  display: block;
  color: #666;
  padding: 10px;
}
.info_list ul li a:hover {
  background: #eee;
}
.info_list ul li a time {
  text-align: right;
  font-size: 13px;
  color: #bbb;
  display: block;
}

.general {
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
}
.general .general_title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.general .general_title h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.general .general_title time {
  font-size: 14px;
  color: #ccc;
}
.general .general_inner {
  padding: 0 20px;
  margin-bottom: 30px;
}
.general h3 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
.general p {
  margin-bottom: 20px;
}
.general ul {
  margin-bottom: 20px;
}
.general ul li {
  position: relative;
  padding: 5px 0 5px 20px;
  line-height: 1.4em;
}
.general ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--sub_color);
}
.general dl {
  margin-top: 40px;
  margin-bottom: 20px;
}
.general dl:first-child {
  margin-top: 0;
}
.general dl dt {
  font-size: 16px;
  font-weight: bold;
  font-family: "Tahoma";
  margin-bottom: 20px;
}
.general dl dd p {
  margin-bottom: 20px !important;
}
.general strong {
  font-size: 20px;
  color: red;
  font-weight: bold;
}

.pagination {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
}
.pagination li {
  margin-left: 20px;
}
.pagination li:first-of-type {
  margin-left: 0;
}
.pagination li a {
  box-sizing: border-box;
  color: var(--main_color);
  box-sizing: border-box;
}
.pagination .active a {
  color: #000;
}

.message {
  position: relative;
  width: 100%;
  padding: 20px 20px 20px 100px;
  border: 2px solid #42bfd3;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3em;
  background: #fff;
}
.message::before {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  content: "!";
  line-height: 1em;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #42bfd3;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.error {
  border: 2px solid #990000;
  background: #990000;
  color: #fff;
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
}
.error::before {
  background: #fff;
  color: #990000;
  border-radius: 0;
}
.error:last-of-type {
  border-bottom: none;
  margin-bottom: 20px;
}

#page_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 70px;
  height: 48px;
}
#page_title h2 {
  position: relative;
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
}
#page_title h2::before {
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 20px;
  height: 21px;
  display: inline-block;
}
#page_title .title_link_outer {
  display: flex;
  align-items: center;
}
#page_title .title_link_outer a, #page_title .title_link_outer label {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px 10px 60px;
  box-sizing: border-box;
  border-radius: 5px;
  transition: 0.2s ease-in-out;
}
#page_title .title_link_outer a figure, #page_title .title_link_outer label figure {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  left: 23px;
  width: 18px;
  height: 18px;
}
#page_title .title_link_outer a figure svg, #page_title .title_link_outer label figure svg {
  fill: #fff;
  transition: 0.2s ease-in-out;
}
#page_title .title_link_outer a:hover, #page_title .title_link_outer label:hover {
  background-color: #fff;
}
#page_title .title_link_outer input {
  display: none;
}

.title_construction {
  background-color: var(--construction_color);
  color: #fff;
  font-weight: normal;
}
.title_construction h2::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.85 20.975C16.7167 20.975 16.5917 20.9542 16.475 20.9125C16.3583 20.8708 16.25 20.8 16.15 20.7L11.05 15.6C10.95 15.5 10.8792 15.3917 10.8375 15.275C10.7958 15.1583 10.775 15.0333 10.775 14.9C10.775 14.7667 10.7958 14.6417 10.8375 14.525C10.8792 14.4083 10.95 14.3 11.05 14.2L13.175 12.075C13.275 11.975 13.3833 11.9042 13.5 11.8625C13.6167 11.8208 13.7417 11.8 13.875 11.8C14.0083 11.8 14.1333 11.8208 14.25 11.8625C14.3667 11.9042 14.475 11.975 14.575 12.075L19.675 17.175C19.775 17.275 19.8458 17.3833 19.8875 17.5C19.9292 17.6167 19.95 17.7417 19.95 17.875C19.95 18.0083 19.9292 18.1333 19.8875 18.25C19.8458 18.3667 19.775 18.475 19.675 18.575L17.55 20.7C17.45 20.8 17.3417 20.8708 17.225 20.9125C17.1083 20.9542 16.9833 20.975 16.85 20.975ZM16.85 18.6L17.575 17.875L13.9 14.2L13.175 14.925L16.85 18.6ZM3.125 21C2.99167 21 2.8625 20.975 2.7375 20.925C2.6125 20.875 2.5 20.8 2.4 20.7L0.3 18.6C0.2 18.5 0.125 18.3875 0.075 18.2625C0.025 18.1375 0 18.0083 0 17.875C0 17.7417 0.025 17.6167 0.075 17.5C0.125 17.3833 0.2 17.275 0.3 17.175L5.6 11.875H7.725L8.575 11.025L4.45 6.9H3.025L0 3.875L2.825 1.05L5.85 4.075V5.5L9.975 9.625L12.875 6.725L11.8 5.65L13.2 4.25H10.375L9.675 3.55L13.225 0L13.925 0.7V3.525L15.325 2.125L18.875 5.675C19.1583 5.95833 19.375 6.27917 19.525 6.6375C19.675 6.99583 19.75 7.375 19.75 7.775C19.75 8.175 19.675 8.55833 19.525 8.925C19.375 9.29167 19.1583 9.61667 18.875 9.9L16.75 7.775L15.35 9.175L14.3 8.125L9.125 13.3V15.4L3.825 20.7C3.725 20.8 3.61667 20.875 3.5 20.925C3.38333 20.975 3.25833 21 3.125 21ZM3.125 18.6L7.375 14.35V13.625H6.65L2.4 17.875L3.125 18.6ZM3.125 18.6L2.4 17.875L2.775 18.225L3.125 18.6Z" fill="white"/></svg>');
}
.title_construction .title_link_outer a:hover {
  color: var(--construction_color) !important;
}
.title_construction .title_link_outer a:hover figure svg {
  fill: var(--construction_color) !important;
}

.title_budget {
  background-color: #844600;
  color: #fff;
  font-weight: normal;
}
.title_budget h2::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.85 20.975C16.7167 20.975 16.5917 20.9542 16.475 20.9125C16.3583 20.8708 16.25 20.8 16.15 20.7L11.05 15.6C10.95 15.5 10.8792 15.3917 10.8375 15.275C10.7958 15.1583 10.775 15.0333 10.775 14.9C10.775 14.7667 10.7958 14.6417 10.8375 14.525C10.8792 14.4083 10.95 14.3 11.05 14.2L13.175 12.075C13.275 11.975 13.3833 11.9042 13.5 11.8625C13.6167 11.8208 13.7417 11.8 13.875 11.8C14.0083 11.8 14.1333 11.8208 14.25 11.8625C14.3667 11.9042 14.475 11.975 14.575 12.075L19.675 17.175C19.775 17.275 19.8458 17.3833 19.8875 17.5C19.9292 17.6167 19.95 17.7417 19.95 17.875C19.95 18.0083 19.9292 18.1333 19.8875 18.25C19.8458 18.3667 19.775 18.475 19.675 18.575L17.55 20.7C17.45 20.8 17.3417 20.8708 17.225 20.9125C17.1083 20.9542 16.9833 20.975 16.85 20.975ZM16.85 18.6L17.575 17.875L13.9 14.2L13.175 14.925L16.85 18.6ZM3.125 21C2.99167 21 2.8625 20.975 2.7375 20.925C2.6125 20.875 2.5 20.8 2.4 20.7L0.3 18.6C0.2 18.5 0.125 18.3875 0.075 18.2625C0.025 18.1375 0 18.0083 0 17.875C0 17.7417 0.025 17.6167 0.075 17.5C0.125 17.3833 0.2 17.275 0.3 17.175L5.6 11.875H7.725L8.575 11.025L4.45 6.9H3.025L0 3.875L2.825 1.05L5.85 4.075V5.5L9.975 9.625L12.875 6.725L11.8 5.65L13.2 4.25H10.375L9.675 3.55L13.225 0L13.925 0.7V3.525L15.325 2.125L18.875 5.675C19.1583 5.95833 19.375 6.27917 19.525 6.6375C19.675 6.99583 19.75 7.375 19.75 7.775C19.75 8.175 19.675 8.55833 19.525 8.925C19.375 9.29167 19.1583 9.61667 18.875 9.9L16.75 7.775L15.35 9.175L14.3 8.125L9.125 13.3V15.4L3.825 20.7C3.725 20.8 3.61667 20.875 3.5 20.925C3.38333 20.975 3.25833 21 3.125 21ZM3.125 18.6L7.375 14.35V13.625H6.65L2.4 17.875L3.125 18.6ZM3.125 18.6L2.4 17.875L2.775 18.225L3.125 18.6Z" fill="white"/></svg>');
}
.title_budget .title_link_outer a:hover {
  color: var(--construction_color) !important;
}
.title_budget .title_link_outer a:hover figure svg {
  fill: var(--construction_color) !important;
}

.title_cost {
  background-color: var(--cost_grand_color);
  color: #fff;
  font-weight: normal;
}
.title_cost h2::before {
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_668_5891)%22%3E%3Cpath%20d%3D%22M15.8002%207.63501L13.0702%2012.48H15.2702V13.305H12.6502V14.595H15.2702V15.42H12.6652V17.76H11.4452V15.42H8.84017V14.595H11.4602V13.305H8.84017V12.48H10.9752L8.29517%207.63501H9.68017L12.0602%2012.17L14.4702%207.63501H15.7952H15.8002Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8851%2017.975H11.2351V15.635H8.63006V14.375H11.2501V13.515H8.63006V12.255H10.6151L7.93506%207.41003H9.81506L12.0701%2011.7L14.3501%207.41003H16.1701L13.4401%2012.255H15.4901V13.515H12.8751V14.375H15.4901V15.635H12.8851V17.975ZM11.6651%2017.545H12.4501V15.205H15.0551V14.81H12.4401V13.09H15.0551V12.695H12.7001L15.4301%207.85003H14.6051L12.0651%2012.63L9.55506%207.85003H8.66506L11.3451%2012.695H9.06006V13.09H11.6801V14.81H9.06006V15.205H11.6651V17.545Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M20.9999%204.51001H15.4399V6.21001H20.9999V4.51001Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M21.4%2021.35H2.69995V2.65002H14.165V4.35002H4.39995V19.65H19.7V9.29502H21.4V21.35Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_668_5891%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.title_fixedcost {
  background-color: var(--fixedcost_color);
  color: #fff;
  font-weight: normal;
}
.title_fixedcost h2::before {
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_680_5533)%22%3E%3Cpath%20d%3D%22M15.5749%207.94996H10.3049V11.05H14.9799V12.165H10.3049V17.215H9.0249V6.83496H15.5749V7.94996Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-width%3D%220.92%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2021.25C6.9%2021.25%202.75%2017.1%202.75%2012C2.75%206.9%206.9%202.75%2012%202.75C17.1%202.75%2021.25%206.9%2021.25%2012C21.25%2017.1%2017.1%2021.25%2012%2021.25ZM12%203.93C7.55%203.93%203.93%207.55%203.93%2012C3.93%2016.45%207.55%2020.07%2012%2020.07C16.45%2020.07%2020.07%2016.45%2020.07%2012C20.07%207.55%2016.45%203.93%2012%203.93Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_680_5533%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.title_payment {
  background-color: var(--payment_color);
  color: #fff;
  font-weight: normal;
}
.title_payment h2::before {
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_658_2355)%22%3E%3Cpath%20d%3D%22M15.8002%207.63525L13.0702%2012.4803H15.2702V13.3053H12.6502V14.5953H15.2702V15.4203H12.6652V17.7603H11.4452V15.4203H8.84017V14.5953H11.4602V13.3053H8.84017V12.4803H10.9752L8.29517%207.63525H9.68017L12.0602%2012.1703L14.4702%207.63525H15.7952H15.8002Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.8851%2017.9752H11.2351V15.6352H8.63006V14.3752H11.2501V13.5152H8.63006V12.2552H10.6151L7.93506%207.41016H9.81506L12.0701%2011.7002L14.3501%207.41016H16.1701L13.4401%2012.2552H15.4901V13.5152H12.8751V14.3752H15.4901V15.6352H12.8851V17.9752ZM11.6651%2017.5452H12.4501V15.2052H15.0551V14.8102H12.4401V13.0902H15.0551V12.6952H12.7001L15.4301%207.85016H14.6051L12.0651%2012.6302L9.55506%207.85016H8.66506L11.3451%2012.6952H9.06006V13.0902H11.6801V14.8102H9.06006V15.2052H11.6651V17.5452Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M20.9999%204.51001H15.4399V6.21001H20.9999V4.51001Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M19.0699%202.58008H17.3699V8.14008H19.0699V2.58008Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M21.4%2021.3501H2.69995V2.65015H14.165V4.35015H4.39995V19.6501H19.7V9.29515H21.4V21.3501Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_658_2355%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.title_payment .title_link_outer a:hover, .title_payment .title_link_outer label:hover {
  color: var(--payment_color) !important;
}
.title_payment .title_link_outer a:hover figure svg, .title_payment .title_link_outer label:hover figure svg {
  fill: var(--payment_color) !important;
}

.title_contract_grand {
  background-color: var(--contract_grand_color);
  color: #fff;
  font-weight: normal;
}
.title_contract_grand h2::before {
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_661_4782%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_661_4782)%22%3E%3Cpath%20d%3D%22M8%2018H16V16H8V18ZM8%2014H16V12H8V14ZM6%2022C5.45%2022%204.97917%2021.8042%204.5875%2021.4125C4.19583%2021.0208%204%2020.55%204%2020V4C4%203.45%204.19583%202.97917%204.5875%202.5875C4.97917%202.19583%205.45%202%206%202H14L20%208V20C20%2020.55%2019.8042%2021.0208%2019.4125%2021.4125C19.0208%2021.8042%2018.55%2022%2018%2022H6ZM13%209V4H6V20H18V9H13Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.title_contract_grand .title_link_outer a:hover, .title_contract_grand .title_link_outer label:hover {
  color: var(--contract_grand_color) !important;
}
.title_contract_grand .title_link_outer a:hover figure svg, .title_contract_grand .title_link_outer label:hover figure svg {
  fill: var(--contract_grand_color) !important;
}

.title_main {
  background-color: var(--main_color);
  color: #fff;
  font-weight: normal;
}
.title_main h2::before {
  width: 24px !important;
  height: 24px !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_680_5541%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_680_5541)%22%3E%3Cpath%20d%3D%22M9%2019V17H21V19H9ZM9%2013V11H21V13H9ZM9%207V5H21V7H9ZM5%2020C4.45%2020%203.97917%2019.8042%203.5875%2019.4125C3.19583%2019.0208%203%2018.55%203%2018C3%2017.45%203.19583%2016.9792%203.5875%2016.5875C3.97917%2016.1958%204.45%2016%205%2016C5.55%2016%206.02083%2016.1958%206.4125%2016.5875C6.80417%2016.9792%207%2017.45%207%2018C7%2018.55%206.80417%2019.0208%206.4125%2019.4125C6.02083%2019.8042%205.55%2020%205%2020ZM5%2014C4.45%2014%203.97917%2013.8042%203.5875%2013.4125C3.19583%2013.0208%203%2012.55%203%2012C3%2011.45%203.19583%2010.9792%203.5875%2010.5875C3.97917%2010.1958%204.45%2010%205%2010C5.55%2010%206.02083%2010.1958%206.4125%2010.5875C6.80417%2010.9792%207%2011.45%207%2012C7%2012.55%206.80417%2013.0208%206.4125%2013.4125C6.02083%2013.8042%205.55%2014%205%2014ZM5%208C4.45%208%203.97917%207.80417%203.5875%207.4125C3.19583%207.02083%203%206.55%203%206C3%205.45%203.19583%204.97917%203.5875%204.5875C3.97917%204.19583%204.45%204%205%204C5.55%204%206.02083%204.19583%206.4125%204.5875C6.80417%204.97917%207%205.45%207%206C7%206.55%206.80417%207.02083%206.4125%207.4125C6.02083%207.80417%205.55%208%205%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.title_main .title_link_outer a:hover, .title_main .title_link_outer label:hover {
  color: var(--main_color) !important;
}
.title_main .title_link_outer a:hover figure svg, .title_main .title_link_outer label:hover figure svg {
  fill: var(--main_color) !important;
}

.breadcrumb_trail {
  padding: 10px 40px;
  margin-bottom: 10px;
}
.breadcrumb_trail ul {
  display: flex;
  align-items: center;
}
.breadcrumb_trail ul li {
  position: relative;
  margin-left: 20px;
  font-size: 12px;
  line-height: 1em;
}
.breadcrumb_trail ul li:before {
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
  left: -15px;
  line-height: 1em;
  content: ">";
}
.breadcrumb_trail ul li a {
  display: inline-block;
  color: var(--main_color);
}
.breadcrumb_trail ul li:first-of-type {
  margin-left: 0;
}
.breadcrumb_trail ul li:first-of-type::before {
  display: none;
}

.construction_now {
  border-bottom: 3px solid var(--construction_color);
}

.budget_now {
  border-bottom: 3px solid #844600;
}

.cost_now {
  border-bottom: 3px solid var(--cost_grand_color);
}

.construction_link {
  display: flex;
  margin-bottom: 30px;
}
.construction_link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 40px;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  margin-left: 10px;
}
.construction_link a:first-of-type {
  margin-left: 0;
}
.construction_link .construction {
  border-left: 1px solid var(--construction_color);
  border-top: 1px solid var(--construction_color);
  border-right: 1px solid var(--construction_color);
  transition: 0.2s ease-in-out;
}
.construction_link .construction:hover {
  background-color: var(--construction_color);
  color: #fff;
}
.construction_link .construction.now_page {
  background-color: var(--construction_color);
  color: #fff;
}
.construction_link .budget {
  border-left: 1px solid #844600;
  border-top: 1px solid #844600;
  border-right: 1px solid #844600;
  transition: 0.2s ease-in-out;
}
.construction_link .budget:hover {
  background-color: #844600;
  color: #fff;
}
.construction_link .budget.now_page {
  background-color: #844600;
  color: #fff;
}
.construction_link .cost {
  border-left: 1px solid var(--cost_grand_color);
  border-top: 1px solid var(--cost_grand_color);
  border-right: 1px solid var(--cost_grand_color);
  transition: 0.2s ease-in-out;
}
.construction_link .cost:hover {
  background-color: var(--cost_grand_color);
  color: #fff;
}
.construction_link .cost.now_page {
  background-color: var(--cost_grand_color);
  color: #fff;
}
.construction_link .situation {
  border-left: 1px solid var(--situation_color);
  border-top: 1px solid var(--situation_color);
  border-right: 1px solid var(--situation_color);
  transition: 0.2s ease-in-out;
}
.construction_link .situation figure {
  margin: 2px 0 0 10px;
}
.construction_link .situation figure svg {
  width: 18px;
  height: 18px;
  fill: var(--situation_color);
  transition: 0.2s ease-in-out;
}
.construction_link .situation:hover {
  background-color: var(--situation_color);
  color: #fff;
}
.construction_link .situation:hover figure svg {
  fill: #fff;
}
.construction_link .situation.now_page {
  background-color: var(--situation_color);
  color: #fff;
}
.construction_link .situation.now_page figure svg {
  fill: #fff;
}

.content_outer {
  padding: 0 40px;
  margin-bottom: 100px;
}
.content_outer .search_outer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.content_outer .search_outer form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_outer .search_outer form .input_outer {
  display: inline-block;
  margin-left: 10px;
}
.content_outer .search_outer form .input_outer:first-of-type {
  margin-left: 0;
}
.content_outer .search_outer form .input_outer input[type=text], .content_outer .search_outer form .input_outer input[type=date] {
  box-sizing: border-box;
  line-height: 1em;
  font-size: 12px;
  border: 1px solid #C2C2C2;
  border-radius: 3px;
  padding: 8px 5px;
}
.content_outer .search_outer form .input_outer select {
  padding: 8px;
  font-size: 14px;
  line-height: 1em;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  width: 128px;
}
.content_outer .search_outer form .input_outer dl {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.content_outer .search_outer form .input_outer dl dt {
  margin-right: 10px;
  color: #000;
  letter-spacing: 0;
}
.content_outer .search_outer form .input_outer dl dd {
  letter-spacing: 0;
}
.content_outer .search_outer form .input_outer dl dd .date_cell {
  width: 105px;
}
.content_outer .search_outer form .input_outer .size_190 {
  width: 185px;
}
.content_outer .search_outer form .input_outer .size_300 {
  width: 295px;
}
.content_outer .search_outer form .submit_outer {
  margin-left: 10px;
}
.content_outer .search_outer form .submit_outer .search_btn_label {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid var(--main_color);
  background-color: var(--main_color);
  transition: 0.2s ease-in-out;
}
.content_outer .search_outer form .submit_outer .search_btn_label figure {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.content_outer .search_outer form .submit_outer .search_btn_label figure svg {
  width: 18px;
  height: 18px;
  fill: white;
  transition: 0.2s ease-in-out;
}
.content_outer .search_outer form .submit_outer .search_btn_label:hover {
  background-color: #fff;
}
.content_outer .search_outer form .submit_outer .search_btn_label:hover figure svg {
  fill: var(--main_color);
}
.content_outer .search_outer form .submit_outer input[type=submit] {
  display: none;
}
.content_outer .search_outer form .input_outer input[type=submit] {
  display: inline-block;
  background-color: var(--main_color);
  color: #fff;
  width: 56px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--main_color);
  transition: 0.2s ease-in-out;
}
.content_outer .search_outer form .input_outer input[type=submit]:hover {
  color: var(--main_color);
  background-color: #fff;
}
.content_outer .hide_btn_area {
  margin-top: 100svh;
  text-align: center;
}
.content_outer .hide_btn_area .dl_btn {
  position: relative;
  display: inline-block;
}
.content_outer .hide_btn_area .dl_btn figure {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  display: block;
}
.content_outer .hide_btn_area .dl_btn figure svg {
  fill: white;
  transition: 0.2s ease-in-out;
}
.content_outer .hide_btn_area .dl_btn .dl_submit {
  cursor: pointer;
  background-color: var(--main_color);
  border: 1px solid var(--main_color);
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px 30px 10px 70px !important;
  transition: 0.2s ease-in-out;
}
.content_outer .hide_btn_area .dl_btn:hover figure svg {
  fill: var(--main_color);
}
.content_outer .hide_btn_area .dl_btn:hover .dl_submit {
  color: var(--main_color);
  background-color: #fff;
}

.page_top {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 15px;
}
.page_top a {
  position: relative;
  display: block;
  background-color: var(--main_color);
  width: 48px;
  height: 48px;
  border: 1px solid var(--main_color);
  box-sizing: border-box;
  transition: 0.2s ease-in-out;
}
.page_top a figure {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}
.page_top a figure svg {
  fill: #fff;
  transition: 0.2s ease-in-out;
}
.page_top a:hover {
  background-color: #fff;
}
.page_top a:hover figure svg {
  fill: var(--main_color);
}

/* チェックボックス*/
.input_check {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 14px;
  position: relative;
  width: auto;
  margin-right: 20px;
}
.input_check:last-of-type {
  margin-right: 0;
}
.input_check:before {
  background: #fff;
  border: 1px solid #231815;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.input_check:after {
  border-right: 3px solid #ed7a9c;
  border-bottom: 3px solid #ed7a9c;
  content: "";
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked + .input_check::after {
  opacity: 1;
}
input[type=checkbox]:disabled + .input_check {
  color: #999;
}
input[type=checkbox]:disabled + .input_check:before {
  border: 1px solid #ccc;
}

.staff_border {
  border-bottom: 3px solid #8ac3ff;
}

.immediate_boss_border {
  border-bottom: 3px solid #9aed95;
}

.approval_border {
  border-bottom: 3px solid #f2c447;
}

.accounting_border {
  border-bottom: 3px solid #aaa;
}

/*チェックボックス　end*/
/*ラジオボタン*/
input[type=radio] {
  display: none;
}
input[type=radio] + label {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  padding: 5px;
  position: relative;
  width: auto;
}
input[type=radio] + label:before {
  content: "";
  width: 1em;
  height: 1em;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #bfbfbf;
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}
input[type=radio]:checked + label:before {
  background-color: #ed7a9c;
  box-shadow: inset 0 0 0 4px #fff;
}
input[type=radio]:focus + label:before {
  outline: none;
  border-color: #ed7a9c;
}
input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #fff;
  border-color: #bfbfbf;
  background: #bfbfbf;
}
input[type=radio] + label:empty:before {
  margin-right: 0;
}

/*ラジオボタン　end*/
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
}

.modal_bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal_content {
  position: relative;
  background: #fff;
  left: 50%;
  padding: 0 0 40px;
  box-sizing: border-box;
  position: absolute;
  width: 95%;
  height: 90vh;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  overflow-y: scroll;
}
.modal_content article {
  text-align: center !important;
}
.modal_content .modal_title_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--main_color);
  margin-bottom: 80px;
}
.modal_content .modal_title_area h2 {
  display: inline-block;
  font-size: 18px;
  padding: 15px 20px;
  color: #fff;
}
.modal_content .modal_title_area .js_modal_close_mdl {
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: var(--main_color);
  color: var(--main_color_font);
  font-weight: bold;
}
.modal_content .article {
  display: inline-block;
}
.modal_content .list_outer {
  text-align: left !important;
  display: inline-block !important;
  width: auto !important;
}
.modal_content .modal_search_area {
  display: flex;
  align-items: center;
  width: 600px;
  margin: 0 auto 30px;
}
.modal_content .modal_search_area form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_content .modal_search_area form dl {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.modal_content .modal_search_area form dl dt {
  margin-right: 8px;
}
.modal_content .modal_search_area form dl dd input {
  width: 232px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1em;
  border: 1px solid #c2c2c2;
  border-radius: 8px;
}
.modal_content .modal_search_area .mdl_search_btn {
  display: inline-block;
  position: relative;
}
.modal_content .modal_search_area .mdl_search_btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6 18L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L18 16.6L16.6 18ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z" fill="white"/></svg>');
  fill: #fff;
}
.modal_content .modal_search_area .mdl_search_btn input[type=button] {
  display: inline-block;
  width: 64px;
  height: 32px;
  background-color: var(--main_color);
  border: none;
  border-radius: 5px;
}

.js_modal_open {
  position: relative;
  width: 18px !important;
  height: 18px !important;
  min-height: auto !important;
  display: block;
  margin: 0 10px !important;
  cursor: pointer;
  border-radius: 5px;
}
.js_modal_open:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5%2014C5.28333%2014%205.52083%2013.9042%205.7125%2013.7125C5.90417%2013.5208%206%2013.2833%206%2013C6%2012.7167%205.90417%2012.4792%205.7125%2012.2875C5.52083%2012.0958%205.28333%2012%205%2012C4.71667%2012%204.47917%2012.0958%204.2875%2012.2875C4.09583%2012.4792%204%2012.7167%204%2013C4%2013.2833%204.09583%2013.5208%204.2875%2013.7125C4.47917%2013.9042%204.71667%2014%205%2014ZM5%2010C5.28333%2010%205.52083%209.90417%205.7125%209.7125C5.90417%209.52083%206%209.28333%206%209C6%208.71667%205.90417%208.47917%205.7125%208.2875C5.52083%208.09583%205.28333%208%205%208C4.71667%208%204.47917%208.09583%204.2875%208.2875C4.09583%208.47917%204%208.71667%204%209C4%209.28333%204.09583%209.52083%204.2875%209.7125C4.47917%209.90417%204.71667%2010%205%2010ZM5%206C5.28333%206%205.52083%205.90417%205.7125%205.7125C5.90417%205.52083%206%205.28333%206%205C6%204.71667%205.90417%204.47917%205.7125%204.2875C5.52083%204.09583%205.28333%204%205%204C4.71667%204%204.47917%204.09583%204.2875%204.2875C4.09583%204.47917%204%204.71667%204%205C4%205.28333%204.09583%205.52083%204.2875%205.7125C4.47917%205.90417%204.71667%206%205%206ZM8%2014H14V12H8V14ZM8%2010H14V8H8V10ZM8%206H14V4H8V6ZM2%2018C1.45%2018%200.979167%2017.8042%200.5875%2017.4125C0.195833%2017.0208%200%2016.55%200%2016V2C0%201.45%200.195833%200.979167%200.5875%200.5875C0.979167%200.195833%201.45%200%202%200H16C16.55%200%2017.0208%200.195833%2017.4125%200.5875C17.8042%200.979167%2018%201.45%2018%202V16C18%2016.55%2017.8042%2017.0208%2017.4125%2017.4125C17.0208%2017.8042%2016.55%2018%2016%2018H2ZM2%2016H16V2H2V16Z%22%20fill%3D%22%23E95544%22%2F%3E%3C%2Fsvg%3E");
}

.center {
  text-align: center !important;
  justify-content: center !important;
}

.numbers {
  text-align: right !important;
  justify-content: flex-end !important;
}

.text {
  text-align: left !important;
  justify-content: flex-start !important;
}

.list_text_link {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  background: none !important;
  overflow-wrap: break-word;
  color: var(--main_color) !important;
  border-radius: 0 !important;
}

.make_btn_label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 27px;
  height: 27px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6665%2020.6666H15.3332V15.3333H20.6665V12.6666H15.3332V7.33329H12.6665V12.6666H7.33317V15.3333H12.6665V20.6666ZM13.9998%2027.3333C12.1554%2027.3333%2010.4221%2026.9833%208.79984%2026.2833C7.17762%2025.5833%205.7665%2024.6333%204.5665%2023.4333C3.3665%2022.2333%202.4165%2020.8222%201.7165%2019.2C1.0165%2017.5777%200.666504%2015.8444%200.666504%2014C0.666504%2012.1555%201.0165%2010.4222%201.7165%208.79996C2.4165%207.17774%203.3665%205.76663%204.5665%204.56663C5.7665%203.36663%207.17762%202.41663%208.79984%201.71663C10.4221%201.01663%2012.1554%200.666626%2013.9998%200.666626C15.8443%200.666626%2017.5776%201.01663%2019.1998%201.71663C20.8221%202.41663%2022.2332%203.36663%2023.4332%204.56663C24.6332%205.76663%2025.5832%207.17774%2026.2832%208.79996C26.9832%2010.4222%2027.3332%2012.1555%2027.3332%2014C27.3332%2015.8444%2026.9832%2017.5777%2026.2832%2019.2C25.5832%2020.8222%2024.6332%2022.2333%2023.4332%2023.4333C22.2332%2024.6333%2020.8221%2025.5833%2019.1998%2026.2833C17.5776%2026.9833%2015.8443%2027.3333%2013.9998%2027.3333ZM13.9998%2024.6666C16.9776%2024.6666%2019.4998%2023.6333%2021.5665%2021.5666C23.6332%2019.5%2024.6665%2016.9777%2024.6665%2014C24.6665%2011.0222%2023.6332%208.49996%2021.5665%206.43329C19.4998%204.36663%2016.9776%203.33329%2013.9998%203.33329C11.0221%203.33329%208.49984%204.36663%206.43317%206.43329C4.3665%208.49996%203.33317%2011.0222%203.33317%2014C3.33317%2016.9777%204.3665%2019.5%206.43317%2021.5666C8.49984%2023.6333%2011.0221%2024.6666%2013.9998%2024.6666Z%22%20fill%3D%22%23E95544%22%2F%3E%3C%2Fsvg%3E");
}

.update_btn_area .update_btn_label {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  cursor: pointer;
}
.update_btn_area .update_btn_label figure {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.update_btn_area .update_btn_label figure svg {
  width: 24px;
  height: 24px;
}
.update_btn_area .update_btn_label input[type=submit] {
  position: relative;
  z-index: 2;
  border: 0 !important;
  cursor: pointer;
  background-color: unset;
  width: 24px !important;
  height: 24px !important;
}

#make_submit, .make_submit {
  display: none;
}

/*汎用 end*/
#login {
  display: flex;
  align-items: end;
  width: 600px !important;
  min-height: calc(50svh + 300px);
  margin: 0 auto 50px;
  background: none;
}
#login .login_content_outer {
  width: 600px;
  min-height: 600px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#login .login_content_outer .logo {
  margin: 100px auto 80px;
}
#login .login_content_outer .logo figure {
  display: block;
  position: relative;
  max-width: 300px;
  margin: 0 auto 30px;
}
#login .login_content_outer .logo figure:before {
  content: "";
  display: block;
  padding-top: 100%;
  background: #ddd;
}
#login .login_content_outer .logo figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
#login .login_content_outer .alert {
  width: 90%;
  display: block;
  padding: 20px 10px;
  background: red;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 20px;
}
#login .login_content_outer .form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 500px;
  margin: 0 auto;
}
#login .login_content_outer .form input[type=text], #login .login_content_outer .form input[type=password] {
  display: block;
  width: 400px;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 3px;
  margin: 0 auto 30px;
  line-height: 1em;
  border: 1px solid #C2C2C2;
}
#login .login_content_outer .form input[type=submit] {
  display: inline;
  border: none;
  width: 400px;
  padding: 12px 0;
  font-size: 16px;
  letter-spacing: 0.2em;
  color: #fff;
  background-color: var(--main_color);
  border: 1px solid var(--main_color);
  border-radius: 3px;
  transition: 0.2s ease-in-out;
}
#login .login_content_outer .form input[type=submit]:hover {
  color: var(--main_color);
  background-color: #fff;
}

#top article {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin-right: 10px;
  background: #fff;
}
#top article h2 {
  display: inline-block;
  font-size: 18px;
  padding: 10px 20px;
  background: #666;
  color: #fff;
  border-left: 1px solid #ddd;
}
#top article section {
  padding: 20px;
}
#top article section h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#top article section .info_cell {
  display: flex;
}
#top article section .info_cell:last-of-type {
  margin-bottom: 50px;
}
#top article section .info_cell dt {
  width: 30%;
  background: var(--main_color);
  color: var(--main_color_font);
  padding: 20px;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
#top article section .info_cell dd {
  width: 70%;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
#top .side {
  width: 30%;
}
#top .dashbord_border {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
#top .dashbord_btn_area .square_btn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 55px;
}
#top .dashbord_btn_area .square_btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 176px;
  box-sizing: border-box;
  font-size: 20px;
  color: #fff;
  line-height: 1em;
  border-radius: 8px;
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .square_btn li a .btn_inner {
  display: grid;
}
#top .dashbord_btn_area .square_btn li a .btn_inner figure {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 auto 20px;
}
#top .dashbord_btn_area .square_btn li a .btn_inner figure svg {
  transition: 0.2s ease-in-out;
  fill: #fff;
}
#top .dashbord_btn_area .square_btn li a .btn_inner .use_stroke svg {
  transition: 0.2s ease-in-out;
  stroke: #fff;
}
#top .dashbord_btn_area .square_btn li a:hover {
  background: #fff;
}
#top .dashbord_btn_area .square_btn .construction a {
  background-color: var(--construction_color);
  border: 1px solid var(--construction_color);
}
#top .dashbord_btn_area .square_btn .construction a:hover {
  color: var(--construction_color);
}
#top .dashbord_btn_area .square_btn .construction a:hover figure svg {
  fill: var(--construction_color);
}
#top .dashbord_btn_area .square_btn .payment a {
  background-color: var(--payment_color);
  border: 1px solid var(--payment_color);
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .square_btn .payment a:hover {
  color: var(--payment_color);
}
#top .dashbord_btn_area .square_btn .payment a:hover figure svg {
  fill: var(--payment_color);
}
#top .dashbord_btn_area .square_btn .contract_grand a {
  background-color: var(--contract_grand_color);
  border: 1px solid var(--contract_grand_color);
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .square_btn .contract_grand a:hover {
  color: var(--contract_grand_color);
}
#top .dashbord_btn_area .square_btn .contract_grand a:hover figure svg {
  fill: var(--contract_grand_color);
}
#top .dashbord_btn_area .square_btn .cost_grand a {
  background-color: var(--cost_grand_color);
  border: 1px solid var(--cost_grand_color);
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .square_btn .cost_grand a:hover {
  color: var(--cost_grand_color);
}
#top .dashbord_btn_area .square_btn .cost_grand a:hover figure svg {
  fill: var(--cost_grand_color);
}
#top .dashbord_btn_area .square_btn .fixedcost a {
  background-color: var(--fixedcost_color);
  border: 1px solid var(--fixedcost_color);
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .square_btn .fixedcost a:hover {
  color: var(--fixedcost_color);
}
#top .dashbord_btn_area .square_btn .fixedcost a:hover figure svg {
  fill: var(--fixedcost_color);
  stroke: var(--fixedcost_color);
}
#top .dashbord_btn_area .wide_btn {
  display: flex;
  justify-content: space-between;
}
#top .dashbord_btn_area .wide_btn li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 500px;
  height: 140px;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 20px;
  color: #fff;
  border-radius: 8px;
  background-color: var(--sub_content_color);
  border: 1px solid var(--sub_content_color);
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .wide_btn li a figure {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 20px;
}
#top .dashbord_btn_area .wide_btn li a figure svg {
  fill: #fff;
  transition: 0.2s ease-in-out;
}
#top .dashbord_btn_area .wide_btn li a .info_img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  width: 100px;
  height: 69px;
  margin-right: 0;
}
#top .dashbord_btn_area .wide_btn li a .info_img svg {
  fill: #fff !important;
}
#top .dashbord_btn_area .wide_btn li a .black_icon {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: #fff;
  margin-right: 0;
}
#top .dashbord_btn_area .wide_btn li a:hover {
  background-color: #fff;
  color: var(--sub_content_color);
}
#top .dashbord_btn_area .wide_btn li a:hover::after {
  fill: var(--sub_content_color);
}
#top .dashbord_btn_area .wide_btn li a:hover figure svg {
  fill: var(--sub_content_color);
}

#list article section {
  margin-bottom: 10px;
}
#list article section:last-of-type {
  margin-bottom: 0;
}
#list article section h2 {
  position: relative;
  font-size: 20px;
  display: block;
  font-size: 14px;
  text-align: left;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  margin: 0 auto 10px;
}
#list article section h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 4px;
  height: 100%;
  background: #c2c2c2;
}
#list article .list_head_link {
  text-align: right;
  margin-bottom: 5px;
}
#list article .list_head_link a {
  position: relative;
  display: inline-block;
  padding: 15px 50px 15px 20px;
  font-size: 16px;
  color: var(--main_color_font);
  font-weight: bold;
  border-radius: 5px;
  background: var(--main_color);
}
#list article .list_head_link a::after {
  content: "▶︎";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-weight: bold;
}
#list article .list_head_link_dl a {
  padding: 15px 20px 15px 50px !important;
}
#list article .list_head_link_dl a::after {
  content: "" !important;
  z-index: 3;
  width: 24px;
  height: 24px;
  left: 15px;
  right: auto;
  background: url(../img/download.png) no-repeat;
  background-size: cover;
}
#list article .list_new_line {
  text-align: left;
  background: #fff;
  padding: 10px 0px 0px;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 10px 10px 0 0;
}
#list article .list_new_line dl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#list article .list_new_line dl dt {
  display: block;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 5px;
  line-height: 1em;
}
#list article .list_new_line dl dt span {
  display: inline-block;
  background: #666;
  color: #fff;
  letter-spacing: 0;
  box-sizing: border-box;
  padding: 7px;
  margin-right: 5px;
}
#list article .list_new_line dl dd {
  width: auto;
  margin: 0 10px 0 10px;
  margin-bottom: 5px;
}
#list article .list_new_line dl dd:last-child {
  margin: 0 0 5px 0;
}
#list article .list_new_line dl dd input {
  width: 150px;
  padding: 5px;
  box-sizing: border-box;
}
#list article .list_new_line dl dd .link_btn {
  font-size: 14px;
  font-weight: bold;
  width: auto;
  border-radius: 3px;
  line-height: 1em;
  padding: 5px 2px !important;
}

.list_outer {
  /*display: inline-block;*/
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  /*リスト上部コンテンツアウター（ページリンク及び新規作成など）*/
  /*セルサイズ管理用*/
}
.list_outer .grid_wrap {
  max-width: 100%;
}
.list_outer .grid_wrap .list_head {
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid #C2C2C2;
}
.list_outer .grid_wrap .list_head div {
  border-top: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  background: #ECECEC;
  color: #000;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1em;
  padding: 20px 10px;
  box-sizing: border-box;
}
.list_outer .grid_wrap .list_head div:first-of-type {
  border-left: 1px solid #C2C2C2;
}
.list_outer .grid_wrap .list_head .center {
  justify-content: center;
}
.list_outer .grid_wrap .list {
  /*display: inline-block;*/
  max-width: 100%;
  background-color: #fff;
}
.list_outer .grid_wrap .list li, .list_outer .grid_wrap .list form {
  position: relative;
  display: flex;
}
.list_outer .grid_wrap .list li div, .list_outer .grid_wrap .list form div {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  padding: 15px 10px;
  box-sizing: border-box;
  font-size: 14px;
  text-align: left;
  /*セル内分割*/
  /*フォーム自体のサイズ調整用*/
  /*フォーム自体のサイズ調整用 end*/
}
.list_outer .grid_wrap .list li div:first-of-type, .list_outer .grid_wrap .list form div:first-of-type {
  border-left: 1px solid #C2C2C2;
}
.list_outer .grid_wrap .list li div span, .list_outer .grid_wrap .list form div span {
  width: 100%;
  text-align: center;
}
.list_outer .grid_wrap .list li div input, .list_outer .grid_wrap .list li div select, .list_outer .grid_wrap .list form div input, .list_outer .grid_wrap .list form div select {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
}
.list_outer .grid_wrap .list li div textarea, .list_outer .grid_wrap .list form div textarea {
  width: 100%;
  height: 30px;
}
.list_outer .grid_wrap .list li div .link_btn, .list_outer .grid_wrap .list form div .link_btn {
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1em;
  color: var(--main_color_font);
  background: var(--main_color);
  border-radius: 5px;
  margin: 0 auto;
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  letter-spacing: 0em;
  border: 1px solid var(--main_color);
  transition: 0.2s ease-in-out;
}
.list_outer .grid_wrap .list li div .link_btn:hover, .list_outer .grid_wrap .list form div .link_btn:hover {
  color: var(--main_color);
  background-color: #fff;
}
.list_outer .grid_wrap .list li div .size_form_100, .list_outer .grid_wrap .list form div .size_form_100 {
  width: 100px;
}
.list_outer .grid_wrap .list li div .size_form_150, .list_outer .grid_wrap .list form div .size_form_150 {
  width: 150px;
}
.list_outer .grid_wrap .list li div .size_form_200, .list_outer .grid_wrap .list form div .size_form_200 {
  width: 200px;
}
.list_outer .grid_wrap .list li div .size_form_250, .list_outer .grid_wrap .list form div .size_form_250 {
  width: 250px;
}
.list_outer .grid_wrap .list li div .size_form_300, .list_outer .grid_wrap .list form div .size_form_300 {
  width: 300px;
}
.list_outer .grid_wrap .list li div .size_form_350, .list_outer .grid_wrap .list form div .size_form_350 {
  width: 350px;
}
.list_outer .grid_wrap .list li div .size_form_400, .list_outer .grid_wrap .list form div .size_form_400 {
  width: 400px;
}
.list_outer .grid_wrap .list li div .size_form_450, .list_outer .grid_wrap .list form div .size_form_450 {
  width: 450px;
}
.list_outer .grid_wrap .list li .cost_list_ect, .list_outer .grid_wrap .list form .cost_list_ect {
  border-left: none !important;
}
.list_outer .grid_wrap .list li .link_icon, .list_outer .grid_wrap .list form .link_icon {
  justify-content: center;
}
.list_outer .grid_wrap .list li .code_select_div, .list_outer .grid_wrap .list form .code_select_div {
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}
.list_outer .grid_wrap .list li .code_select_div span, .list_outer .grid_wrap .list form .code_select_div span {
  text-align: left;
  display: block;
  margin-bottom: 8px;
}
.list_outer .grid_wrap .list li .code_select_div span:last-of-type, .list_outer .grid_wrap .list form .code_select_div span:last-of-type {
  margin-bottom: 0;
}
.list_outer .grid_wrap .list li .code_select_div input, .list_outer .grid_wrap .list li .code_select_div select, .list_outer .grid_wrap .list form .code_select_div input, .list_outer .grid_wrap .list form .code_select_div select {
  margin-bottom: 5px;
}
.list_outer .grid_wrap .list li .code_select_div input:last-of-type, .list_outer .grid_wrap .list li .code_select_div select:last-of-type, .list_outer .grid_wrap .list form .code_select_div input:last-of-type, .list_outer .grid_wrap .list form .code_select_div select:last-of-type {
  margin-bottom: 0;
}
.list_outer .grid_wrap .list li .code_select_div .as_as, .list_outer .grid_wrap .list form .code_select_div .as_as {
  display: flex;
  align-items: center;
}
.list_outer .grid_wrap .list li .code_select_div .as_as input, .list_outer .grid_wrap .list form .code_select_div .as_as input {
  width: 100%;
  max-width: 144px;
  margin-right: 5px;
}
.list_outer .grid_wrap .list li .code_select_div dl, .list_outer .grid_wrap .list form .code_select_div dl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.list_outer .grid_wrap .list li .code_select_div dl dt, .list_outer .grid_wrap .list form .code_select_div dl dt {
  letter-spacing: 0;
}
.list_outer .grid_wrap .list li .code_select_div dl dd, .list_outer .grid_wrap .list form .code_select_div dl dd {
  width: 80px;
}
.list_outer .grid_wrap .list li .math_block, .list_outer .grid_wrap .list form .math_block {
  text-align: right;
  justify-content: end;
}
.list_outer .grid_wrap .list li .math_block input, .list_outer .grid_wrap .list form .math_block input {
  text-align: right;
}
.list_outer .grid_wrap .list li .kyouseiteki, .list_outer .grid_wrap .list form .kyouseiteki {
  position: absolute;
  z-index: 3;
  bottom: 12px;
  right: -67px;
  border: none !important;
  padding: 0 !important;
  width: 57px;
}
.list_outer .grid_wrap .list li .delete_absolute, .list_outer .grid_wrap .list form .delete_absolute {
  position: absolute;
  border: none !important;
  display: inline-block;
  padding: 0;
}
.list_outer .grid_wrap .list li .list_link_btn, .list_outer .grid_wrap .list form .list_link_btn {
  justify-content: center;
}
.list_outer .grid_wrap .list li .list_link_btn a, .list_outer .grid_wrap .list form .list_link_btn a {
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  color: #fff;
  letter-spacing: 0;
  line-height: 1em;
  background: var(--main_color);
  border-radius: 8px;
  border: 1px solid var(--main_color);
  transition: 0.2s ease-in-out;
}
.list_outer .grid_wrap .list li .list_link_btn a:hover, .list_outer .grid_wrap .list form .list_link_btn a:hover {
  color: var(--main_color);
  background-color: #fff;
}
.list_outer .grid_wrap .list .new_edit, .list_outer .grid_wrap .list #client-add {
  background-color: #FFF8F7 !important;
}
.list_outer .grid_wrap .list_foot {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.list_outer .grid_wrap .list_foot li {
  display: flex;
  background: #fff;
}
.list_outer .grid_wrap .list_foot li div {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 10px 10px;
  box-sizing: border-box;
}
.list_outer .grid_wrap .list_foot li div:last-of-type {
  border-right: 1px solid #ddd;
}
.list_outer .grid_wrap .list_foot li div input, .list_outer .grid_wrap .list_foot li div select {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.list_outer .grid_wrap .list_foot li div textarea {
  width: 100%;
  height: 30px;
}
.list_outer .grid_wrap .list_foot li div a {
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1em;
  color: var(--main_color_font);
  background: var(--main_color);
  border-radius: 5px;
}
.list_outer .scroll_grid_wrap {
  height: 80svh;
  overflow-y: scroll;
  position: relative;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 16px;
  background-color: #C2C2C2;
}
.list_outer .scroll_grid_wrap .list_head {
  position: sticky;
  top: 0;
  z-index: 5;
}
.list_outer .scroll_grid_wrap .list {
  background-color: #fff;
}
.list_outer .scroll_grid_wrap .list:last-of-type {
  margin-bottom: 0;
}
.list_outer .list_top_content_outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.list_outer .list_top_content_outer .make_new dl {
  display: flex;
  align-items: center;
}
.list_outer .list_top_content_outer .make_new dl dt {
  font-weight: bold;
  font-size: 14px;
}
.list_outer .list_top_content_outer .make_new dl dd {
  margin-left: 10px;
}
.list_outer .list_top_content_outer .make_new dl dd input[type=input] {
  display: inline-block;
  width: 255px;
  font-size: 12px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #C2C2C2;
  border-radius: 5px;
}
.list_outer .list_top_content_outer .make_new dl dd input[type=submit] {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1em;
  padding: 10px 15px;
  background-color: var(--main_color);
  color: #fff;
  border: 1px solid var(--main_color);
  border-radius: 5px;
}
.list_outer .payment_add {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.list_outer .payment_add .add_btn {
  position: relative;
  display: inline-block;
  padding: 12px 32px 12px 68px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: var(--main_color);
  border: 1px solid var(--main_color);
  color: #fff;
  transition: 0.2s ease-in-out;
}
.list_outer .payment_add .add_btn figure {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.list_outer .payment_add .add_btn figure svg {
  fill: #fff;
  transition: 0.2s ease-in-out;
}
.list_outer .payment_add .add_btn:hover {
  background-color: #fff;
  color: var(--main_color);
}
.list_outer .payment_add .add_btn:hover figure svg {
  fill: var(--main_color);
}
.list_outer .payment_add .pagination {
  margin-top: 0;
}
.list_outer .move_btn {
  position: relative;
}
.list_outer .moveBefore, .list_outer .moveNext {
  width: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.list_outer .moveBefore {
  position: absolute;
  top: 5px;
}
.list_outer .moveNext {
  position: absolute;
  bottom: 5px;
}
.list_outer .form_alert {
  background: #c30909 !important;
}
.list_outer .form_alert .js_modal_open {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(255, 255, 255) 0px 0px 0px 2px;
}
.list_outer .size_cell_48 {
  display: flex;
  align-items: center;
  width: 48px;
}
.list_outer .size_cell_50 {
  display: flex;
  align-items: center;
  width: 50px;
}
.list_outer .size_cell_56 {
  display: flex;
  align-items: center;
  width: 56px;
}
.list_outer .size_cell_64 {
  display: flex;
  align-items: center;
  width: 64px;
}
.list_outer .size_cell_65 {
  display: flex;
  align-items: center;
  width: 65px;
}
.list_outer .size_cell_75 {
  display: flex;
  align-items: center;
  width: 75px;
}
.list_outer .size_cell_79 {
  display: flex;
  align-items: center;
  width: 79px;
}
.list_outer .size_cell_80 {
  display: flex;
  align-items: center;
  width: 80px;
}
.list_outer .size_cell_88 {
  display: flex;
  align-items: center;
  width: 88px;
}
.list_outer .size_cell_95 {
  display: flex;
  align-items: center;
  width: 95px;
}
.list_outer .size_cell_96 {
  display: flex;
  align-items: center;
  width: 96px;
}
.list_outer .cell_no_flex {
  display: block !important;
  border-left: none !important;
}
.list_outer .cell_no_flex form {
  margin-bottom: 10px;
}
.list_outer .cell_no_flex form:last-of-type {
  margin-bottom: 36px;
}
.list_outer .anchor_color a {
  color: var(--main_color);
}
.list_outer .size_cell_100 {
  display: flex;
  align-items: center;
  width: 100px;
}
.list_outer .size_cell_105 {
  display: flex;
  align-items: center;
  width: 105px;
}
.list_outer .size_cell_112 {
  display: flex;
  align-items: center;
  width: 112px;
}
.list_outer .size_cell_120 {
  display: flex;
  align-items: center;
  width: 120px;
}
.list_outer .size_cell_125 {
  display: flex;
  align-items: center;
  width: 125px;
}
.list_outer .size_cell_128 {
  display: flex;
  align-items: center;
  width: 128px;
}
.list_outer .size_cell_136 {
  display: flex;
  align-items: center;
  width: 136px;
}
.list_outer .size_cell_144 {
  display: flex;
  align-items: center;
  width: 144px;
}
.list_outer .size_cell_150 {
  display: flex;
  align-items: center;
  width: 150px;
}
.list_outer .size_cell_160 {
  display: flex;
  align-items: center;
  width: 160px;
}
.list_outer .size_cell_168 {
  display: flex;
  align-items: center;
  width: 168px;
}
.list_outer .size_cell_176 {
  display: flex;
  align-items: center;
  width: 176px;
}
.list_outer .size_cell_192 {
  display: flex;
  align-items: center;
  width: 192px;
}
.list_outer .size_cell_194 {
  display: flex;
  align-items: center;
  width: 194px;
}
.list_outer .size_cell_200 {
  display: flex;
  align-items: center;
  width: 200px;
}
.list_outer .size_cell_208 {
  display: flex;
  align-items: center;
  width: 208px;
}
.list_outer .size_cell_210 {
  display: flex;
  align-items: center;
  width: 210px;
}
.list_outer .size_cell_224 {
  display: flex;
  align-items: center;
  width: 224px;
}
.list_outer .size_cell_216 {
  display: flex;
  align-items: center;
  width: 216px;
}
.list_outer .size_cell_250 {
  display: flex;
  align-items: center;
  width: 250px;
}
.list_outer .size_cell_292 {
  display: flex;
  align-items: center;
  width: 292px;
}
.list_outer .size_cell_300 {
  display: flex;
  align-items: center;
  width: 300px;
}
.list_outer .size_cell_304 {
  display: flex;
  align-items: center;
  width: 304px;
}
.list_outer .size_cell_320 {
  display: flex;
  align-items: center;
  width: 320px;
}
.list_outer .size_cell_336 {
  display: flex;
  align-items: center;
  width: 336px;
}
.list_outer .size_cell_350 {
  display: flex;
  align-items: center;
  width: 350px;
}
.list_outer .size_cell_360 {
  display: flex;
  align-items: center;
  width: 360px;
}
.list_outer .size_cell_400 {
  display: flex;
  align-items: center;
  width: 400px;
}
.list_outer .size_cell_422 {
  display: flex;
  align-items: center;
  width: 422px;
}
.list_outer .size_cell_440 {
  display: flex;
  align-items: center;
  width: 440px;
}
.list_outer .size_cell_450 {
  display: flex;
  align-items: center;
  width: 450px;
}
.list_outer .size_cell_460 {
  display: flex;
  align-items: center;
  width: 460px;
}
.list_outer .size_cell_480 {
  display: flex;
  align-items: center;
  width: 480px;
}
.list_outer .size_cell_500 {
  display: flex;
  align-items: center;
  width: 500px;
}
.list_outer .size_cell_624 {
  display: flex;
  align-items: center;
  width: 624px;
}
.list_outer .size_cell_640 {
  display: flex;
  align-items: center;
  width: 640px;
}
.list_outer .user_id {
  display: flex;
  align-items: center;
  width: 300px;
}
.list_outer .mail_address {
  display: flex;
  align-items: center;
  width: 600px;
}
.list_outer .status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  text-align: center;
}
.list_outer .edit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.list_outer .edit .link_btn {
  font-weight: normal;
  padding: 0 !important;
}
.list_outer .cell_border_left_none {
  border-left: none !important;
}
.list_outer .no_index {
  width: 100%;
  text-align: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  border: none !important;
  font-weight: bold;
}
.list_outer .budget_list_delete .delete_btn_label {
  position: relative;
  display: inline-block;
  width: 24px !important;
  height: 24px !important;
  border-radius: 3px;
  margin-left: 7px;
  cursor: pointer;
}
.list_outer .budget_list_delete .delete_btn_label figure {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.list_outer .budget_list_delete .delete_btn_label figure svg {
  width: 24px;
  height: 24px;
}
.list_outer .budget_list_delete .delete_btn_label input[type=submit] {
  position: relative;
  z-index: 2;
  border: 0 !important;
  background-color: unset;
  width: 57px !important;
  height: 24px !important;
  text-align: right;
  color: var(--main_color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1rem;
}
.list_outer .budget_list_copy .copy_btn_label {
  position: relative;
  display: inline-block;
  width: 24px !important;
  height: 24px !important;
  border-radius: 3px;
  margin-left: 7px;
  cursor: pointer;
}
.list_outer .budget_list_copy .copy_btn_label figure {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.list_outer .budget_list_copy .copy_btn_label figure svg {
  width: 24px;
  height: 24px;
}
.list_outer .budget_list_copy .copy_btn_label button {
  position: relative;
  z-index: 2;
  border: 0 !important;
  background-color: unset;
  width: 57px !important;
  height: 24px !important;
  text-align: right;
  color: var(--main_color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1rem;
}

.list_option_area {
  margin-bottom: 60px !important;
}
.list_option_area:last-of-type {
  margin-bottom: 0 !important;
}
.list_option_area form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.list_option_area form .form_cell {
  display: flex;
  align-items: center;
}
.list_option_area form .form_cell dt {
  font-weight: bold;
  margin-right: 15px;
  line-height: 1em;
}
.list_option_area form .form_cell dd input[type=date] {
  width: 200px;
  padding: 8px;
  border-radius: 8px;
  box-sizing: border-box;
  line-height: 1em;
  border: 1px solid #c2c2c2;
}
.list_option_area form .submit_btn_area .reload_btn_label {
  position: relative;
  display: inline-block;
  width: 152px;
  height: 40px;
  color: #fff;
  border-radius: 3px;
  border: 1px solid var(--main_color);
  background-color: var(--main_color);
  transition: 0.2s ease-in-out;
}
.list_option_area form .submit_btn_area .reload_btn_label .label_text {
  position: absolute;
  left: 60%;
  top: 46%;
  transform: translate(-50%, -50%);
  line-height: 1em;
}
.list_option_area form .submit_btn_area .reload_btn_label figure {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.list_option_area form .submit_btn_area .reload_btn_label figure svg {
  width: 24px;
  height: 24px;
  fill: white;
  transition: 0.2s ease-in-out;
}
.list_option_area form .submit_btn_area .reload_btn_label:hover {
  background-color: #fff;
  color: var(--main_color);
}
.list_option_area form .submit_btn_area .reload_btn_label:hover figure svg {
  fill: var(--main_color);
}
.list_option_area form .submit_btn_area input[type=submit] {
  display: none;
}

.list_check_edit {
  display: block;
  background: #fff;
  padding: 10px;
  margin: -10px 0 20px;
  width: 380px;
  text-align: center;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.list_check_edit select {
  display: inline-block;
  padding: 10px;
}
.list_check_edit input[type=submit] {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  border: none;
  background: var(--main_color);
  color: var(--main_color_font);
  font-weight: bold;
}

.not_check_info, .staff_check_info, .immediate_boss_check_info, .approval_check_info, .accounting_check_info {
  position: relative;
  display: inline-block;
  width: 90px !important;
  padding: 10px 30px 10px 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: left !important;
  letter-spacing: 0em;
}
.not_check_info::before, .staff_check_info::before, .immediate_boss_check_info::before, .approval_check_info::before, .accounting_check_info::before {
  content: "";
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  width: 22px;
  height: 22px;
  border-radius: 20px;
}
.not_check_info::after, .staff_check_info::after, .immediate_boss_check_info::after, .approval_check_info::after, .accounting_check_info::after {
  content: "済";
  line-height: 0em;
  letter-spacing: 0em;
  font-size: 14px;
  color: #c30909;
  font-weight: bold;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.not_check_info {
  text-align: center !important;
  padding: 10px !important;
  background: #fff;
  color: #888;
}
.not_check_info::before, .not_check_info::after {
  display: none !important;
}

.staff_check_info {
  background: #8ac3ff;
  color: #fff;
}

.immediate_boss_check_info {
  background: #9aed95;
  color: #fff;
}

.approval_check_info {
  background: #f2c447;
  color: #fff;
}

.accounting_check_info {
  background: #aaa;
  color: #fff;
}

.contract_grand_content_block {
  border: 2px solid #C2C2C2;
  margin-bottom: 50px;
}
.contract_grand_content_block:first-of-type {
  margin-top: 30px;
}
.contract_grand_content_block .contract_grand_list_head {
  display: flex;
  width: auto;
  max-width: 1400px;
  margin: 0 auto !important;
}
.contract_grand_content_block .contract_grand_list_head .list_no {
  display: flex;
  align-items: center;
  width: 304px;
  box-sizing: border-box;
}
.contract_grand_content_block .contract_grand_list_head .list_no dt {
  width: 96px;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 16px 20px;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  letter-spacing: 0;
}
.contract_grand_content_block .contract_grand_list_head .list_no dd {
  display: flex;
  align-self: center;
  width: 208px;
  padding: 16px 20px;
  box-sizing: border-box;
  font-size: 14px;
  background-color: #fff;
  box-sizing: border-box;
}
.contract_grand_content_block .contract_grand_list_head .list_no dd a {
  display: inline-block;
  color: var(--main_color);
  text-decoration: none;
}
.contract_grand_content_block .contract_grand_list_head .list_title {
  display: flex;
  box-sizing: border-box;
  border-radius: 0 10px 0 0;
}
.contract_grand_content_block .contract_grand_list_head .list_title dt {
  width: 96px;
  font-size: 14px;
  padding: 16px 20px;
  box-sizing: border-box;
  text-align: left;
  background-color: #ECECEC;
}
.contract_grand_content_block .contract_grand_list_head .list_title dd {
  display: block;
  width: 756px;
  font-size: 14px;
  padding: 16px 20px;
  box-sizing: border-box;
  font-weight: bold;
  text-align: left;
  background-color: #fff;
  box-sizing: border-box;
}

.payment_add_btn {
  display: flex;
  justify-content: flex-end;
  width: 652px;
  margin: -12px auto 50px;
}
.payment_add_btn button {
  position: relative;
  display: block;
  background: var(--main_color);
  border: none;
  border-radius: 0 0 10px 10px;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px 10px 50px;
}
.payment_add_btn button::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #fff;
}
.payment_add_btn button::after {
  position: absolute;
  content: "+";
  font-weight: bold;
  font-size: 16px;
  color: var(--main_color);
  line-height: 0;
  top: 55%;
  transform: translateY(-50%);
  left: 15px;
  display: inline-block;
}

#edit .main_content {
  padding: 0 40px;
  box-sizing: border-box;
}
#edit .main_content:last-of-type {
  margin-bottom: 0;
}
#edit .main_content .form_alert {
  position: relative;
  background: #cd5555 !important;
  border: solid 1px #000 !important;
  color: #fff !important;
  box-sizing: border-box;
}
#edit .main_content .form_alert::before {
  content: "!";
  position: absolute;
  z-index: 5;
  top: 2px;
  transform: translateX(100%);
  right: -5px;
  background: #fff;
  color: #990000;
  font-weight: bold;
  line-height: 1em;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 20px;
  z-index: 5;
  width: 15px;
  height: 15px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#edit .main_content .form_alert:after {
  content: "未入力";
  font-size: 12px;
  line-height: 1.1em;
  position: absolute;
  top: -1px;
  transform: translateX(100%);
  right: -1px;
  width: 24px;
  height: 61px;
  background: #990000;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  letter-spacing: 0em;
  padding-left: 6px;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-radius: 0 5px 5px 0;
}
#edit .main_content .edit_cell {
  width: 100%;
  margin-bottom: 30px;
}
#edit .main_content .edit_cell h3 {
  position: relative;
  font-size: 20px;
  display: block;
  font-size: 14px;
  text-align: left;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  margin: 0 auto 10px;
}
#edit .main_content .edit_cell h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 4px;
  height: 100%;
  background: #c2c2c2;
}
#edit .main_content .edit_cell .content_outer, #edit .main_content .edit_cell .list_outer {
  margin-bottom: 20px;
}
#edit .main_content .edit_cell .dl_btn a {
  position: relative;
  display: block;
  width: 200px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 15px 20px 15px 50px;
  box-sizing: border-box;
  background: var(--main_color);
  border: 1px solid var(--main_color) !important;
  border-radius: 5px;
  color: var(--main_color_font);
  margin: 0 auto;
  transition: 0.2s ease-in-out;
}
#edit .main_content .edit_cell .dl_btn a::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
  transition: 0.2s ease-in-out;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_279_883%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_279_883)%22%3E%3Cpath%20d%3D%22M18%2021L22%2017L20.6%2015.6L19%2017.2V13.025H17V17.2L15.4%2015.6L14%2017L18%2021ZM14%2024V22H22V24H14ZM6%2020C5.45%2020%204.97917%2019.8042%204.5875%2019.4125C4.19583%2019.0208%204%2018.55%204%2018V4C4%203.45%204.19583%202.97917%204.5875%202.5875C4.97917%202.19583%205.45%202%206%202H13L19%208V11.025H17V9H12V4H6V18H12V20H6Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#edit .main_content .edit_cell .dl_btn a:hover {
  color: var(--main_color);
  background: #fff;
}
#edit .main_content .edit_cell .dl_btn a:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_279_890%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_279_890)%22%3E%3Cpath%20d%3D%22M18%2021L22%2017L20.6%2015.6L19%2017.2V13.025H17V17.2L15.4%2015.6L14%2017L18%2021ZM14%2024V22H22V24H14ZM6%2020C5.45%2020%204.97917%2019.8042%204.5875%2019.4125C4.19583%2019.0208%204%2018.55%204%2018V4C4%203.45%204.19583%202.97917%204.5875%202.5875C4.97917%202.19583%205.45%202%206%202H13L19%208V11.025H17V9H12V4H6V18H12V20H6Z%22%20fill%3D%22%23E95544%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#edit .main_content .form_cell {
  display: flex;
}
#edit .main_content .form_cell:last-of-type dt {
  border-bottom: 1px solid #c2c2c2;
}
#edit .main_content .form_cell:last-of-type dd {
  border-bottom: 1px solid #c2c2c2;
}
#edit .main_content .form_cell dt {
  position: relative;
  display: flex;
  width: 200px;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  background: #ececec;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
}
#edit .main_content .form_cell dt span {
  display: block;
}
#edit .main_content .form_cell dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 10px;
  width: calc(100% - 200px);
  text-align: left;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
#edit .main_content .form_cell dd .required {
  display: inline-block;
  padding: 1px 10px;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0;
  background-color: var(--main_color);
  color: #fff;
  margin-left: 10px;
}
#edit .main_content .form_cell dd input, #edit .main_content .form_cell dd textarea {
  width: 580px;
  padding: 8px 10px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
#edit .main_content .form_cell dd select {
  min-width: 136px;
  padding: 8px 10px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
#edit .main_content .form_cell dd .input_w25 {
  width: 25% !important;
}
#edit .main_content .form_cell dd .input_w30 {
  width: 30% !important;
}
#edit .main_content .form_cell dd .input_w50 {
  width: 50% !important;
}
#edit .main_content .form_cell dd .input_104px {
  display: block;
  width: 104px !important;
}
#edit .main_content .form_cell dd .input_262px {
  display: block;
  width: 262px !important;
}
#edit .main_content .form_cell dd .input_200px {
  display: block;
  width: 200px;
}
#edit .main_content .form_cell dd .input_400px {
  display: block;
  width: 400px !important;
}
#edit .main_content .form_cell dd .math_block {
  text-align: right;
}
#edit .main_content .form_cell dd .span_wrap {
  margin: 0 10px 0 6px;
}
#edit .main_content .form_cell dd select {
  display: block;
  width: 200px;
  padding: 10px;
}
#edit .main_content .form_cell dd span {
  display: flex;
  padding: 10px 0;
}
#edit .main_content .form_cell dd span input {
  width: auto;
  margin-right: 10px;
}
#edit .main_content .form_cell dd input[type=date] {
  width: 200px;
}
#edit .main_content .form_cell dd .cell_incell {
  display: flex;
  width: 100%;
}
#edit .main_content .form_cell dd .cell_incell dt {
  display: flex;
  align-items: center;
  width: 100px;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: normal;
  color: #666;
  text-align: right;
  justify-content: flex-end;
  background: #fff;
  margin-right: 5px;
  border: none;
}
#edit .main_content .form_cell dd .cell_incell dd {
  width: 100%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #666;
  line-height: 1em;
}
#edit .main_content .form_cell dd .cell_incell dd input {
  width: 200px;
}
#edit .main_content .form_cell dd .cell_incell dd p {
  margin-right: 20px;
}
#edit .main_content .form_cell dd .cell_incell dd p:last-of-type {
  margin-right: 0;
}
#edit .main_content .form_cell dd .cell_incell .use_text {
  justify-content: flex-end;
}
#edit .main_content .form_cell dd .cell_incell .use_text input {
  margin: 0 20px;
}
#edit .main_content .form_cell dd .cell_incell .use_text select {
  margin: 0 20px;
}
#edit .main_content .form_cell dd table {
  width: 100%;
  border: 1px solid #ccc;
}
#edit .main_content .form_cell dd table tr {
  border-bottom: 1px solid #ccc;
}
#edit .main_content .form_cell dd table tr:last-of-type {
  border-bottom: none;
}
#edit .main_content .form_cell dd table tr th, #edit .main_content .form_cell dd table tr td {
  padding: 5px;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  vertical-align: middle;
}
#edit .main_content .form_cell dd table tr th {
  font-size: 14px;
  text-align: center;
  background-color: #f9f9f9;
  padding: 10px 0;
  box-sizing: border-box;
}
#edit .main_content .form_cell dd table tr th span {
  font-size: 12px;
  display: inline-block;
  color: #999;
  padding: 0;
}
#edit .main_content .form_cell dd table tr td {
  text-align: center;
}
#edit .main_content .form_cell dd table tr td:first-of-type {
  width: 40px;
  background-color: #f9f9f9;
}
#edit .main_content .form_cell dd table tr td:nth-child(4), #edit .main_content .form_cell dd table tr td:nth-child(6), #edit .main_content .form_cell dd table tr td:nth-child(7) {
  width: 90px;
}
#edit .main_content .form_cell dd table tr td:nth-child(4) input, #edit .main_content .form_cell dd table tr td:nth-child(6) input, #edit .main_content .form_cell dd table tr td:nth-child(7) input {
  width: 40px !important;
  padding: 5px 2px !important;
}
#edit .main_content .form_cell dd table tr td:last-of-type {
  border-right: none;
}
#edit .main_content .form_cell dd table .total_tr td {
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #888 !important;
  color: #fff;
}
#edit .main_content .form_cell dd table .total_tr td span {
  display: inline-block;
  padding: 5px 10px;
  background: #fff;
  color: #333;
  font-size: 12px;
  margin-top: 10px;
}
#edit .main_content .form_cell dd table .total_tr td .not_same {
  color: #d51d1d !important;
}
#edit .main_content .form_cell dd ul li {
  margin-bottom: 5px;
}
#edit .main_content .form_cell dd ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  padding: 10px 0;
  box-sizing: border-box;
  background: #ccc;
  margin: 0 10px;
  font-weight: bold;
}
#edit .main_content .form_cell dd ul li input[type=checkbox] {
  width: auto !important;
}
#edit .main_content .form_cell .flex {
  display: flex;
  align-items: center;
}
#edit .main_content .form_cell .flex .span_wrap {
  margin: 0 10px;
}
#edit .main_content .form_cell .flex .span_wrap:first-child {
  margin: 0 10px 0 0;
}
#edit .main_content .form_cell .space_between {
  justify-content: space-between;
}
#edit .main_content .form_cell .range {
  display: flex;
  align-items: center;
}
#edit .main_content .form_cell .range input:first-of-type {
  margin-right: 10px;
}
#edit .main_content .form_cell .range input:last-of-type {
  margin-left: 10px;
}
#edit .main_content .form_cell .modal_input {
  display: flex;
  align-items: center;
}
#edit .main_content .form_cell .modal_input input {
  width: 40%;
}
#edit .main_content .form_cell .modal_input .small_input {
  width: 20%;
}
#edit .main_content .form_cell .modal_input .js_modal_open {
  margin: 0 20px;
}
#edit .main_content .form_cell #check_radio input[type=radio] {
  display: none;
}
#edit .main_content .form_cell #check_radio input[type=radio] + label {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 30px;
  position: relative;
  width: auto;
  margin-right: 20px;
}
#edit .main_content .form_cell #check_radio input[type=radio] + label:before {
  content: "";
  background: #fff;
  border: 1px solid #231815;
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
  border-radius: inherit;
}
#edit .main_content .form_cell #check_radio input[type=radio] + label:after {
  border-right: 3px solid #ed7a9c;
  border-bottom: 3px solid #ed7a9c;
  content: "";
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
#edit .main_content .form_cell #check_radio input[type=radio]:checked + label::after {
  opacity: 1;
}
#edit .main_content .payment_schedule table {
  width: 1160px;
  table-layout: fixed;
  background-color: #fff;
}
#edit .main_content .payment_schedule table th, #edit .main_content .payment_schedule table td {
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
}
#edit .main_content .payment_schedule table th {
  font-size: 14px;
  letter-spacing: 0;
  text-align: left;
  background-color: rgba(236, 236, 236, 0.7607843137);
  padding: 16px;
}
#edit .main_content .payment_schedule table td {
  padding: 16px;
  vertical-align: middle;
}
#edit .main_content .payment_schedule table td:last-of-type {
  text-align: center;
  padding: 16px 8px;
}
#edit .main_content .payment_schedule table td input, #edit .main_content .payment_schedule table td select {
  width: 100%;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 1em;
  box-sizing: border-box;
  border: 1px solid #C2C2C2;
  border-radius: 5px;
}
#edit .main_content .payment_schedule table td .delete_btn_label {
  position: relative;
  display: inline-block;
  width: 57px !important;
  height: 24px !important;
  border-radius: 3px;
  margin: 15px 0 0 -2px;
  cursor: pointer;
}
#edit .main_content .payment_schedule table td .delete_btn_label figure {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#edit .main_content .payment_schedule table td .delete_btn_label figure svg {
  width: 24px;
  height: 24px;
}
#edit .main_content .payment_schedule table td .delete_btn_label input[type=submit] {
  position: relative;
  z-index: 2;
  border: 0 !important;
  background-color: unset;
  width: 57px !important;
  height: 24px !important;
  text-align: right;
  color: var(--main_color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 1rem;
}
#edit .main_content .payment_schedule table td .link_btn {
  text-align: center;
  font-weight: normal;
  padding: 8px;
}
#edit .main_content .payment_schedule table td .math_block {
  text-align: right;
  justify-content: end;
}
#edit .main_content .payment_schedule table td .table_cell_inner {
  display: flex;
  justify-content: space-between;
}
#edit .main_content .payment_schedule table td .table_cell_inner .in_cell_span {
  display: flex;
  align-items: center;
  width: 102px;
}
#edit .main_content .payment_schedule table td .table_cell_inner .in_cell_span input {
  width: 80px;
  margin-right: 8px;
}
#edit .main_content .payment_schedule table .new_edit {
  background-color: #FFF8F7;
}
#edit .main_content .payment_schedule table .new_edit td {
  position: relative;
}
#edit .main_content .payment_schedule table .total_tr td {
  font-size: 14px;
}
#edit .main_content .payment_schedule table .total_tr td .total {
  text-align: right;
}
#edit .main_content .payment_schedule table .total_tr td .not_same {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #c2c2c2;
  display: flex;
  justify-content: space-between;
}
#edit .main_content .submit_area {
  text-align: center;
  margin: 20px 0;
}
#edit .main_content .submit_area input {
  display: none;
}
#edit .main_content .submit_area .submit_label {
  display: inline-block;
  position: relative;
  padding: 12px 55px 12px 70px;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 8px;
  line-height: 1em;
  background-color: var(--main_color);
  border: 1px solid var(--main_color);
  color: #fff;
  transition: 0.2s ease-in-out;
}
#edit .main_content .submit_area .submit_label figure {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
#edit .main_content .submit_area .submit_label figure svg {
  fill: #fff;
  transition: 0.2s ease-in-out;
}
#edit .main_content .submit_area .submit_label:hover {
  background-color: #fff;
  color: var(--main_color);
}
#edit .main_content .submit_area .submit_label:hover figure svg {
  fill: var(--main_color);
}
#edit .main_content .flex_dl {
  display: flex;
}
#edit .main_content .flex_dl dl {
  display: block;
  padding-left: 0;
  width: 100%;
  margin: 0 10px;
}
#edit .main_content .flex_dl dl dt {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 0;
}
#edit .main_content .flex_dl dl dd {
  width: 100%;
  border: 1px solid #ddd;
}
#edit .main_content .flex_dl dl .math_block {
  text-align: right;
  justify-content: end;
}
#edit .main_content .cost_info_block {
  width: 100%;
  border: 2px solid #C2C2C2;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto 40px;
  position: relative;
}
#edit .main_content .cost_info_block:before {
  display: inline-block;
  position: absolute;
  left: -2px;
  top: -36px;
  border-radius: 10px 10px 0 0;
  background: #C2C2C2;
  color: #fff;
  padding: 10px 50px;
  font-weight: bold;
  counter-increment: number 1; /* number カウンタの増加数をセット */
  content: counter(number) " "; /* 表示形式を指定 */
}
#edit .main_content .cost_info_block h4 {
  margin: 10px auto;
}
#edit .main_content .cost_info_block h4:first-of-type {
  margin: 0 auto 10px;
}
#edit .main_content .list_outer {
  width: 100%;
}
#edit .main_content .list_other_info {
  width: 100%;
  margin: 0 auto 30px;
}
#edit .main_content .list_other_info dl {
  display: flex;
  align-items: center;
}
#edit .main_content .list_other_info dl dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 200px;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 16px;
  box-sizing: border-box;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
}
#edit .main_content .list_other_info dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 200px);
  font-size: 14px;
  font-weight: bold;
  padding: 16px;
  box-sizing: border-box;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  background: #fff;
}
#edit .main_content .dl_btn_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#edit .main_content .dl_btn_area .dl_btn {
  position: relative;
  display: inline-block;
}
#edit .main_content .dl_btn_area .dl_btn figure {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  display: block;
}
#edit .main_content .dl_btn_area .dl_btn figure svg {
  fill: white;
  transition: 0.2s ease-in-out;
}
#edit .main_content .dl_btn_area .dl_btn .dl_submit {
  background-color: var(--main_color);
  border: 1px solid var(--main_color);
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px 30px 10px 70px !important;
  transition: 0.2s ease-in-out;
}
#edit .main_content .dl_btn_area .dl_btn:hover figure svg {
  fill: var(--main_color);
}
#edit .main_content .dl_btn_area .dl_btn:hover .dl_submit {
  color: var(--main_color);
  background-color: #fff;
}
#edit .main_content .dl_btn_area .delete_btn_area {
  text-align: right;
}
#edit .main_content .dl_btn_area .delete_btn_area .delete_submit_outer, #edit .main_content .dl_btn_area .delete_btn_area a {
  position: relative;
  display: inline-block;
}
#edit .main_content .dl_btn_area .delete_btn_area .delete_submit_outer input[type=submit], #edit .main_content .dl_btn_area .delete_btn_area a input[type=submit] {
  display: inline-block;
  position: relative;
  width: auto;
  padding: 10px 10px 10px 50px;
  line-height: 1em;
  border-radius: 5px;
  border: none;
  background-color: #fff;
  border: 1px solid #858585;
  transition: 0.2s ease-in-out;
}
#edit .main_content .dl_btn_area .delete_btn_area .delete_submit_outer figure, #edit .main_content .dl_btn_area .delete_btn_area a figure {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  z-index: 2;
}
#edit .main_content .dl_btn_area .delete_btn_area .delete_submit_outer figure svg, #edit .main_content .dl_btn_area .delete_btn_area a figure svg {
  fill: #858585;
  transition: 0.2s ease-in-out;
}
#edit .main_content .dl_btn_area .delete_btn_area .delete_submit_outer:hover input[type=submit], #edit .main_content .dl_btn_area .delete_btn_area a:hover input[type=submit] {
  background-color: #858585;
  color: #fff;
}
#edit .main_content .dl_btn_area .delete_btn_area .delete_submit_outer:hover figure svg, #edit .main_content .dl_btn_area .delete_btn_area a:hover figure svg {
  fill: #fff;
}
#edit .main_content .delete_btn_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
}
#edit .main_content .delete_btn_area a {
  position: relative;
  display: inline-block;
  color: #858585;
  line-height: 1em;
  border: 1px solid #858585;
  padding: 10px 10px 10px 60px;
  border-radius: 8px;
  background-color: #fff;
  transition: 0.2s ease-in-out;
}
#edit .main_content .delete_btn_area a figure {
  position: absolute;
  left: 22px;
  top: 52%;
  transform: translateY(-50%);
}
#edit .main_content .delete_btn_area a figure svg {
  fill: #858585;
  transition: 0.2s ease-in-out;
}
#edit .main_content .delete_btn_area a:hover {
  color: #fff;
  background-color: #858585;
}
#edit .main_content .delete_btn_area a:hover figure svg {
  fill: #fff;
}
#edit .main_content .excel_import textarea {
  width: 100%;
  min-height: 200px;
  box-sizing: border-box;
  font-size: 14px;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 16px;
}
#edit .main_content .add_payment_info {
  margin-bottom: 50px;
}
#edit .main_content .add_payment_info form {
  display: flex;
  align-items: center;
}
#edit .main_content .add_payment_info form dl dt {
  font-size: 14px;
  color: var(--main_color_font);
  text-align: left;
  padding: 5px 10px;
  box-sizing: border-box;
  background: #888;
  border-right: 1px solid #fff;
}
#edit .main_content .add_payment_info form dl dt:last-of-type {
  border-right: none;
}
#edit .main_content .add_payment_info form dl dd {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 0 5px;
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
  box-sizing: border-box;
}
#edit .main_content .add_payment_info form dl dd input {
  display: inline-block;
  height: 25px;
}
#edit .main_content .add_payment_info form dl dd .code {
  width: 110px;
}
#edit .main_content .add_payment_info form dl dd .add_btn {
  display: block;
  width: 100px;
  height: 30px;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
  background: var(--main_color);
  border: 3px solid var(--main_color) !important;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
  color: var(--main_color_font);
  margin: 0 auto;
}
#edit .main_content .add_payment_info form dl dd .add_btn:hover {
  color: var(--main_color);
  background: #fff;
}
#edit .main_content .add_payment_info form dl:last-of-type dd {
  border-right: 1px solid #888;
}
#edit .main_content .add_payment_info form .work_type_code dd input {
  width: 40px;
  margin-right: 5px;
}
#edit .main_content .add_payment_info form .work_type_code dd input:last-of-type {
  margin-right: 0;
}
#edit .main_content .add_payment_info form .price dd input {
  width: 100px;
  margin-right: 10px;
}
#edit .main_content .add_payment_info form .send_payment dd div {
  width: 145px;
  text-align: right;
}
#edit .main_content .cost_save_outer {
  position: sticky;
  top: 40px;
  z-index: 5;
  padding-top: 12px;
  margin-bottom: 60px;
  background-color: #f9f9f9;
}
#edit .main_content .cost_save_outer form .work_type_code {
  display: flex;
  margin-bottom: 8px;
}
#edit .main_content .cost_save_outer form .work_type_code dt {
  display: flex;
  align-items: center;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 10px;
  width: 80px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #c2c2c2;
}
#edit .main_content .cost_save_outer form .work_type_code dd {
  padding: 10px;
  border-top: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  background-color: #fff;
}
#edit .main_content .cost_save_outer form .work_type_code dd input {
  display: inline-block;
  width: 100px;
  padding: 5px;
  box-sizing: border-box;
}

#content_list article {
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
}
#content_list article section h2 {
  display: inline-block;
  font-size: 18px;
  padding: 10px 20px;
  background: #666;
  color: #fff;
  border-left: 1px solid #ddd;
  margin-bottom: 20px;
}
#content_list article section a {
  width: 500px;
  margin-bottom: 30px;
}

#estimate_details .details_input {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: left;
}
#estimate_details .details_input h2 {
  margin-bottom: 10px;
}
#estimate_details .details_input dl {
  margin-bottom: 30px;
}
#estimate_details .details_input dl .details_input_inner {
  display: flex;
  margin-bottom: 5px;
}
#estimate_details .details_input dl .details_input_inner dt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: bold;
  width: 30%;
}
#estimate_details .details_input dl .details_input_inner dd {
  display: flex;
  align-items: center;
  width: 70%;
  padding-left: 20px;
  box-sizing: border-box;
  min-height: 40px;
}
#estimate_details .details_input dl .details_input_inner dd input, #estimate_details .details_input dl .details_input_inner dd textarea, #estimate_details .details_input dl .details_input_inner dd select {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
#estimate_details .profit_rate_setting dl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
#estimate_details .profit_rate_setting dl dt {
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding: 18px 10px;
  line-height: 1em;
  background: #666;
  font-weight: bold;
  color: #fff;
}
#estimate_details .profit_rate_setting dl dd {
  display: flex;
  justify-content: space-between;
  border: 1px solid;
  box-sizing: border-box;
  padding: 5px 10px;
  width: 450px;
}
#estimate_details .profit_rate_setting dl dd div {
  display: flex;
  align-items: center;
}
#estimate_details .profit_rate_setting dl dd div input[type=tel] {
  font-size: 18px;
  box-sizing: border-box;
  padding: 5px;
  text-align: right;
}
#estimate_details .profit_rate_setting dl dd div span {
  display: inline-block;
  font-size: 18px;
  margin-left: 10px;
}
#estimate_details .profit_rate_setting dl dd div .small_link_btn {
  padding: 5px 10px;
}
#estimate_details .details_table_outer {
  width: 100%;
  max-width: 1550px;
  margin: 0 auto 30px;
  overflow-x: auto;
  border: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table {
  width: 1550px;
  /*セル背景色*/
  /*セルサイズ*/
}
#estimate_details .details_table_outer .details_table .details_table_info {
  display: flex;
}
#estimate_details .details_table_outer .details_table .details_table_info div {
  font-weight: bold;
}
#estimate_details .details_table_outer .details_table .details_table_info div:nth-child(2) {
  width: 500px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  border-left: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_info div:nth-child(3) {
  width: 404px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  border-left: 3px solid #ccc;
  border-top: 2px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_info div:last-child {
  width: 407px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  border-left: 3px solid #ccc;
  border-top: 2px solid #ccc;
  border-right: 3px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_head {
  display: flex;
  align-items: center;
  color: var(--main_color_font);
  background: var(--main_color);
  box-sizing: border-box;
}
#estimate_details .details_table_outer .details_table .details_table_head div {
  padding: 10px 5px;
  font-size: 14px;
  border-left: 1px solid #fff;
  box-sizing: border-box;
}
#estimate_details .details_table_outer .details_table .details_table_head div:first-of-type {
  border: none;
}
#estimate_details .details_table_outer .details_table .details_table_head div:nth-child(8) {
  border-left: 3px solid #fff;
}
#estimate_details .details_table_outer .details_table .details_table_head div:nth-child(11) {
  border-right: 2px solid #fff;
}
#estimate_details .details_table_outer .details_table .details_table_cell li {
  display: flex;
  border-bottom: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li:last-of-type {
  border-bottom: 3px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div {
  padding: 10px 5px;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div:first-of-type {
  border-left: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div:nth-child(5) {
  border-left: 3px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div:nth-child(9) {
  border-left: 3px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div:nth-child(12) {
  border-right: 2px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div:last-of-type {
  border-right: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div input[type=text], #estimate_details .details_table_outer .details_table .details_table_cell li div input[type=number] {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div input[type=button] {
  background: var(--main_color);
  color: var(--main_color_font);
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border: none;
  width: 100%;
  border-radius: 5px;
  padding: 5px 0px;
  line-height: 1em;
  margin-bottom: 10px;
}
#estimate_details .details_table_outer .details_table .details_table_cell li div input[type=button]:last-of-type {
  margin-bottom: 0;
}
#estimate_details .details_table_outer .details_table .details_table_cell li .modal_estimate_profit {
  background: #d9e6db !important;
}
#estimate_details .details_table_outer .details_table .details_table_foot li {
  display: flex;
  border-bottom: 1px solid #ccc;
  background: #f7f7f7;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div {
  padding: 10px 5px;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div input {
  width: 70px;
  padding: 5px;
  margin-right: 10px;
  box-sizing: border-box;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div:first-of-type {
  border-left: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div:nth-child(5) {
  border-left: 3px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div:nth-child(9) {
  border-left: 3px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div:nth-child(12) {
  border-right: 2px solid #ccc;
}
#estimate_details .details_table_outer .details_table .details_table_foot li div:last-of-type {
  border-right: 1px solid #ccc;
}
#estimate_details .details_table_outer .details_table .modal_estimate {
  display: flex;
  align-items: center;
  justify-content: center;
}
#estimate_details .details_table_outer .details_table .modal_estimate_profit {
  background: #e8f2e9;
  display: flex;
  align-items: center;
  justify-content: center;
}
#estimate_details .details_table_outer .details_table .modal_estimate_other {
  display: flex;
  align-items: center;
  justify-content: center;
}
#estimate_details .details_table_outer .details_table .arrow {
  width: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#estimate_details .details_table_outer .details_table .arrow input[type=button] {
  width: 22px !important;
  border-radius: 22px;
}
#estimate_details .details_table_outer .details_table .name {
  width: 250px;
}
#estimate_details .details_table_outer .details_table .type {
  width: 200px;
}
#estimate_details .details_table_outer .details_table .quantity {
  width: 50px;
}
#estimate_details .details_table_outer .details_table .unit {
  width: 75px;
}
#estimate_details .details_table_outer .details_table .unit_price {
  width: 140px;
}
#estimate_details .details_table_outer .details_table .subtotal {
  width: 140px;
}
#estimate_details .details_table_outer .details_table .description {
  width: 100px;
}
#estimate_details .details_table_outer .details_table .button {
  width: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#estimate_details .details_table_outer .details_table .button .delete_btn {
  background: #666 !important;
}
#estimate_details .list_other_info {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 30px;
}
#estimate_details .list_other_info dl {
  display: flex;
}
#estimate_details .list_other_info dl div {
  border: 1px solid #ccc;
  width: 50%;
}
#estimate_details .list_other_info dl div dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--main_color);
  color: var(--main_color_font);
  font-weight: bold;
  padding: 10px;
  box-sizing: border-box;
}
#estimate_details .list_other_info dl div dd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
#estimate_details .excel_import dl {
  display: block;
  width: 80%;
  margin: 0 auto;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#estimate_details .excel_import dl dt {
  background-color: #ccc;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
}
#estimate_details .excel_import dl dt span {
  display: inline-block;
  background: #217346;
  color: #fff;
  font-weight: bold;
  padding: 5px 5px 6px 7px;
  line-height: 1em;
  margin-right: 10px;
}
#estimate_details .excel_import dl dd {
  box-sizing: border-box;
  padding: 10px;
}
#estimate_details .excel_import dl dd textarea {
  width: 100%;
  min-height: 200px;
  box-sizing: border-box;
  background: #f4f4f4;
}
#estimate_details .output_btn {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}
#estimate_details .output_btn dl {
  width: 100%;
}
#estimate_details .output_btn dl dt {
  display: block;
  background: #666;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  box-sizing: border-box;
}
#estimate_details .output_btn dl dd {
  padding: 30px 0;
}
#estimate_details .output_btn span {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
#estimate_details .output_btn span:last-of-type {
  margin-bottom: 0;
}
#estimate_details .output_btn span::before {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 25px;
  border-radius: 0 5px 0 0;
  background: #fff;
}
#estimate_details .output_btn span::after {
  display: block;
  content: "X";
  font-size: 20px;
  font-weight: bold;
  color: #217346;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
#estimate_details .output_btn span input {
  display: block;
  width: 250px;
  font-size: 16px;
  border: none;
  background: var(--main_color);
  color: var(--main_color_font);
  padding: 10px 30px 10px 10px;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
#estimate_details .output_btn span input:disabled {
  background-color: #ddd !important;
  border: 3px solid #ddd !important;
}
#estimate_details .output_btn #close_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
#estimate_details .output_btn #close_wrap dl {
  width: 250px;
  margin-bottom: 30px;
}
#estimate_details .output_btn .close_wrap_over {
  position: relative;
}
#estimate_details .output_btn .close_wrap_over::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #333;
}
#estimate_details .output_btn .close_wrap_over::after {
  content: "チェックを押されると書類発行可能になります";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 3;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
#estimate_details .output_btn .output_check_area {
  width: 100%;
  margin-bottom: 20px;
}
#estimate_details .output_btn .output_check_area p {
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
#estimate_details .output_btn .output_check_area div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_select {
  display: flex;
  justify-content: center;
  font-size: 24px;
}
.month_select a {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  box-sizing: border-box;
  background: var(--main_color);
  color: var(--main_color_font);
}
.month_select span {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-weight: bold;
  color: var(--main_color);
  box-sizing: border-box;
  background: #fff;
}

#cash_flow {
  display: inline-block;
  max-width: 100%;
  margin: 0 auto 30px;
}
#cash_flow table {
  position: relative;
  width: auto;
  max-height: 87vh;
  background: #fff;
  table-layout: fixed;
  box-sizing: border-box;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: separate;
  border-left: 1px solid #ccc;
}
#cash_flow table thead {
  position: sticky;
  top: 0;
  z-index: 3;
}
#cash_flow table thead tr {
  background: #fff;
  box-shadow: 0px 10px 16px -15px rgba(0, 0, 0, 0.6);
}
#cash_flow table thead tr th {
  width: 60%;
  table-layout: fixed;
  border-top: 1px solid #ccc;
  border-bottom: 5px solid #ccc;
  box-sizing: border-box;
}
#cash_flow table thead tr th:first-of-type {
  position: sticky;
  left: 0;
  background: #aaa;
  z-index: 11;
  /*border-right: 1px solid #ccc;*/
  width: 100px;
}
#cash_flow table thead tr th:first-of-type span {
  width: 60px;
  display: inline-block;
}
#cash_flow table thead tr th .th_outer {
  display: flex;
}
#cash_flow table thead tr th .th_outer div {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ccc;
  background: #fff;
  color: #dc5c49;
}
#cash_flow table thead tr th .th_outer dl {
  width: 40%;
  font-size: 12px;
  box-sizing: border-box;
  background: #fff;
  color: #dc5c49;
  border-left: 1px solid #eee;
}
#cash_flow table thead tr th .th_outer dl dt {
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
  word-break: break-all;
  overflow-wrap: break-word;
}
#cash_flow table thead tr th .th_outer dl dd {
  text-align: right;
  padding: 5px;
  /*border-left: 1px solid var(--main_color_font);*/
  box-sizing: border-box;
  word-break: break-all;
  overflow-wrap: break-word;
}
#cash_flow table tbody tr:nth-child(2n) {
  background: #f6f6f6;
}
#cash_flow table tbody tr:nth-child(2n) th {
  background: #f6f6f6;
}
#cash_flow table tbody tr th {
  position: sticky;
  left: 0;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 60px;
  background: #fff;
  word-break: break-all;
  overflow-wrap: break-word;
}
#cash_flow table tbody tr td {
  font-size: 14px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  word-break: break-all;
  overflow-wrap: break-word;
  min-height: 100px;
}
#cash_flow table tbody tr td dl {
  display: flex;
  flex-direction: row;
  width: 450px;
  min-height: 35px;
  font-size: 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
#cash_flow table tbody tr td dl:hover {
  background: #ffec87 !important;
}
#cash_flow table tbody tr td dl:hover dd:last-of-type button {
  visibility: visible;
}
#cash_flow table tbody tr td dl dt {
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  width: calc(60% - 40px);
  padding: 0 5px;
  /*border-left: 1px solid #666;*/
  box-sizing: border-box;
  order: 2;
  word-break: break-all;
  overflow-wrap: break-word;
}
#cash_flow table tbody tr td dl dd {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 5px;
  border-left: 1px solid #eee;
  box-sizing: border-box;
  order: 3;
  font-weight: bold;
  word-break: break-all;
  overflow-wrap: break-word;
}
#cash_flow table tbody tr td dl dd:last-of-type {
  width: 40px;
  order: 1;
  text-align: center;
  border-left: 0;
}
#cash_flow table tbody tr td dl dd:last-of-type button {
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: #990000;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 20px;
}
#cash_flow table tbody tr td dl dd input {
  box-sizing: border-box;
}
#cash_flow table tbody tr td .new_edit {
  background: #fff9d8 !important;
}
#cash_flow table tbody tr td .new_edit dt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  order: 1;
  border-left: 0;
  width: 270px;
}
#cash_flow table tbody tr td .new_edit dt input[type=text] {
  width: 85%;
  display: inline-block;
  box-sizing: border-box;
}
#cash_flow table tbody tr td .new_edit dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 130px;
  border-left: 1px solid #ccc;
  padding: 0 0 0 5px;
  order: 2;
}
#cash_flow table tbody tr td .new_edit dd input[type=text] {
  width: 100%;
  box-sizing: border-box;
}
#cash_flow table tbody tr td .new_edit dd:last-of-type {
  width: 50px;
  justify-content: center;
  margin-left: 0;
  padding: 0;
  order: 3;
  border: 0;
  text-align: center;
}
#cash_flow table tfoot {
  position: sticky;
  bottom: 0;
  background: #dc5c49;
  color: #fff;
}
#cash_flow table tfoot tr th {
  font-size: 12px;
  position: sticky;
  left: 0;
  z-index: 9;
  background: #dc5c49;
  border-right: 1px solid #fff;
}
#cash_flow table tfoot tr td dl {
  display: flex;
  width: 100%;
  font-size: 12px;
  box-sizing: border-box;
}
#cash_flow table tfoot tr td dl dt {
  width: 60%;
  padding: 15px 10px;
  border-left: 1px solid #fff;
  box-sizing: border-box;
}
#cash_flow table tfoot tr td dl dd {
  width: 40%;
  border-left: 1px solid #888;
  text-align: right;
  padding: 15px 10px;
  box-sizing: border-box;
}
#cash_flow table tfoot tr td dl dd input {
  box-sizing: border-box;
}
#cash_flow .total {
  margin: 20px 0 50px 0;
}
#cash_flow .total dl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
#cash_flow .total dl dt {
  background: var(--main_color);
  color: var(--main_color_font);
  border: 1px solid var(--main_color);
  font-weight: bold;
  text-align: center;
  width: 200px;
  padding: 20px;
  box-sizing: border-box;
}
#cash_flow .total dl dd {
  border: 1px solid var(--main_color);
  width: 300px;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  font-weight: bold;
  background: var(--main_color_font);
}
#cash_flow .total div {
  display: inline-block;
}
#cash_flow .total div a {
  margin-left: 30px;
}

#deposit {
  margin: 50px 0;
}

#deposit_btn {
  margin: 30px 0;
  text-align: center;
}

#only_page {
  overflow: auto;
}

.list_content {
  width: auto;
  max-width: 100%;
  display: table;
  text-align: center;
  margin: 0 auto;
}
.list_content h3 {
  padding: 20px 20px 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  text-align: left;
}
.list_content .list_option {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 -20px;
}
.list_content .list_option .make_shift {
  position: relative;
  display: inline-block;
  padding: 20px 20px 20px 50px;
  background: var(--main_color);
  color: var(--main_color_font);
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  transition: 0.1s;
  border-left: 3px solid var(--main_color);
  border-top: 3px solid var(--main_color);
  border-right: 3px solid var(--main_color);
  box-sizing: border-box;
}
.list_content .list_option .make_shift:hover {
  background-color: #fff;
  color: var(--main_color);
}
.list_content .list_option .make_shift::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: url(../images/make_icon.png) no-repeat var(--main_color);
  background-size: 100%;
}
.list_content .list_option form {
  display: inline-block;
  margin-right: 20px;
}
.list_content .list_option form .make_shift {
  padding: 20px;
  letter-spacing: 3px;
  font-size: 20px;
  line-height: 16px;
  border-bottom: none;
}
.list_content .list_inner {
  display: inline-block;
  /*background: #f5f5f5;*/
  width: auto;
  max-width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  margin: 0 auto;
  /*セルタイトルと新規登録*/
  /*セルに色をつける*/
  /*セル内でステータスをつける場合など*/
  /*セルサイズ管理用*/
}
.list_content .list_inner .title_new-edit {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.list_content .list_inner .title_new-edit a {
  position: relative;
  box-sizing: border-box;
  padding: 20px 20px 20px 50px;
  background: var(--main_color);
  color: var(--main_color_font);
  font-weight: bold;
  margin-right: 1px;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #fff;
}
.list_content .list_inner .title_new-edit a::before {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "+";
  background: var(--main_color_font);
  color: var(--main_color);
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0;
}
.list_content .list_inner .grid_wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 95svw;
  height: auto;
  max-height: 80svh;
  min-height: 800px;
  overflow-x: auto;
  /*box-shadow: 0px 0px 10px #b4b4b4;*/
  background: #ddd;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.list_content .list_inner .grid_wrap:last-of-type {
  margin-bottom: 0;
}
.list_content .list_inner .grid_wrap .list {
  margin-bottom: 0px !important;
  position: absolute;
  top: 50px;
}
.list_content .list_inner .grid_wrap .list:last-of-type {
  margin-bottom: 30px;
}
.list_content .list_inner .grid_wrap .list .new_make {
  background: #fafbda !important;
}
.list_content .list_inner .grid_wrap .list .list_li {
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.list_content .list_inner .grid_wrap .list .list_li div {
  background: #fff;
}
.list_content .list_inner .grid_wrap .list .list_li:nth-child(2n) {
  background: #f7f7f7;
}
.list_content .list_inner .grid_wrap .list .list_li:nth-child(2n) div {
  background: #f7f7f7;
}
.list_content .list_inner .grid_wrap .list .list_li:nth-child(2) .list_order {
  align-items: flex-end;
}
.list_content .list_inner .grid_wrap .list .list_li:last-of-type .list_order {
  align-items: flex-start;
}
.list_content .list_inner .grid_wrap .list .list_li, .list_content .list_inner .grid_wrap .list form {
  display: flex;
  /*順番変更矢印*/
  /**/
}
.list_content .list_inner .grid_wrap .list .list_li:first-child div, .list_content .list_inner .grid_wrap .list form:first-child div {
  border-top: none;
}
.list_content .list_inner .grid_wrap .list .list_li .list_order, .list_content .list_inner .grid_wrap .list form .list_order {
  align-items: center;
}
.list_content .list_inner .grid_wrap .list .list_li .list_order a, .list_content .list_inner .grid_wrap .list form .list_order a {
  padding: 0px 8px;
  color: #444;
  text-align: center;
  letter-spacing: 0em;
  line-height: 1em;
  background: #eee;
  border: 1px solid #eee;
  border-radius: 0;
  box-sizing: border-box;
}
.list_content .list_inner .grid_wrap .list .list_li .list_order a:hover, .list_content .list_inner .grid_wrap .list form .list_order a:hover {
  background: #fff;
  color: var(--main_color);
}
.list_content .list_inner .grid_wrap .list .list_li div, .list_content .list_inner .grid_wrap .list form div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: left;
  border-left: 1px solid #eee;
  padding: 10px 10px;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.list_content .list_inner .grid_wrap .list .list_li div:first-of-type, .list_content .list_inner .grid_wrap .list form div:first-of-type {
  border-left: none;
}
.list_content .list_inner .grid_wrap .list .list_li div input, .list_content .list_inner .grid_wrap .list form div input {
  width: 100%;
  height: 32px;
  padding: 5px 7px;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 16px;
}
.list_content .list_inner .grid_wrap .list .list_li div input[type=checkbox], .list_content .list_inner .grid_wrap .list form div input[type=checkbox] {
  display: none;
}
.list_content .list_inner .grid_wrap .list .list_li div .input_check, .list_content .list_inner .grid_wrap .list form div .input_check {
  padding: 15px 15px;
}
.list_content .list_inner .grid_wrap .list .list_li div textarea, .list_content .list_inner .grid_wrap .list form div textarea {
  width: 100%;
  height: 32px;
  box-sizing: border-box;
}
.list_content .list_inner .grid_wrap .list .list_li div a, .list_content .list_inner .grid_wrap .list form div a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  color: var(--main_color_font);
  background: var(--main_color_clam);
  border-radius: 5px;
  margin: 0 auto;
}
.list_content .list_inner .grid_wrap .list .list_li div p, .list_content .list_inner .grid_wrap .list form div p {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: left;
  line-height: 1.2em;
  margin-bottom: 10px;
}
.list_content .list_inner .grid_wrap .list .list_li div .list_in_list, .list_content .list_inner .grid_wrap .list form div .list_in_list {
  display: block;
  width: 100%;
}
.list_content .list_inner .grid_wrap .list .list_li div .list_in_list li, .list_content .list_inner .grid_wrap .list form div .list_in_list li {
  position: relative;
  line-height: 1em;
  margin-bottom: 10px;
  padding-left: 15px;
}
.list_content .list_inner .grid_wrap .list .list_li div .list_in_list li::before, .list_content .list_inner .grid_wrap .list form div .list_in_list li::before {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--sub_color);
  content: "";
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.list_content .list_inner .grid_wrap .list .list_li .cell_wrap, .list_content .list_inner .grid_wrap .list form .cell_wrap {
  display: flex !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  position: relative;
  border: none !important;
}
.list_content .list_inner .grid_wrap .list .list_li .cell_wrap::before, .list_content .list_inner .grid_wrap .list form .cell_wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  border-left: 1px solid #eee;
}
.list_content .list_inner .grid_wrap .list .list_li .cell_wrap div, .list_content .list_inner .grid_wrap .list form .cell_wrap div {
  height: 100%;
  border: none !important;
}
.list_content .list_inner .grid_wrap .list_accessory {
  position: relative;
}
.list_content .list_inner .grid_wrap .list_head {
  position: sticky;
  top: 0;
  left: 0;
  height: 50px;
  z-index: 3;
  display: flex;
}
.list_content .list_inner .grid_wrap .list_head div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-left: 1px solid #fff;
  background: #efefef;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
  box-sizing: border-box;
  border-bottom: 3px solid #ccc;
}
.list_content .list_inner .grid_wrap .list_head div:first-child {
  border-left: none;
}
.list_content .list_inner .grid_wrap .list_head div p {
  display: block;
  width: 100%;
  overflow-wrap: break-word;
  text-align: left;
  line-height: 1.1em;
}
.list_content .list_inner .grid_wrap .list_head_info {
  display: block;
  height: 70px;
}
.list_content .list_inner .grid_wrap .list_head_info .head_group {
  border-bottom: none;
  padding: 0;
  height: 20px;
}
.list_content .list_inner .grid_wrap .list_head_info .head_group div {
  border-bottom: none;
  text-align: center;
  justify-content: center;
}
.list_content .list_inner .grid_wrap .list_head_info .head_group .set_text {
  background-color: var(--main_color);
  color: var(--main_color_font);
}
.list_content .list_inner .grid_wrap .list_head_info .head_main {
  padding: 0;
  border-left: none;
}
.list_content .list_inner .grid_wrap .list_head_info + .list {
  top: 70px;
}
.list_content .list_inner .left_sticky {
  display: flex;
  position: sticky;
  left: 0;
  box-sizing: border-box;
}
.list_content .list_inner .left_sticky div:first-of-type {
  border-left: 1px solid #ccc !important;
}
.list_content .list_inner .cell_gray {
  background-color: #f5f5f5;
  border-right: 1px solid #ccc;
}
.list_content .list_inner .not_set {
  letter-spacing: 0;
  display: inline-block;
  text-align: center;
  padding: 5px;
  background-color: #ccc;
  color: #000;
  font-weight: bold;
}
.list_content .list_inner .strong_cell_left {
  border-left: 1px solid #999 !important;
  background: #e7f7ff;
  font-weight: bold;
}
.list_content .list_inner .strong_cell_right {
  border-right: 1px solid #999 !important;
  background: #e7f7ff;
  font-weight: bold;
}
.list_content .list_inner .size_cell_25 {
  width: 25px;
}
.list_content .list_inner .size_cell_50 {
  width: 50px;
}
.list_content .list_inner .size_cell_75 {
  width: 75px;
}
.list_content .list_inner .size_cell_100 {
  width: 100px;
}
.list_content .list_inner .size_cell_125 {
  width: 125px;
}
.list_content .list_inner .size_cell_150 {
  width: 150px;
}
.list_content .list_inner .size_cell_175 {
  width: 175px;
}
.list_content .list_inner .size_cell_200 {
  width: 200px;
}
.list_content .list_inner .size_cell_225 {
  width: 225px;
}
.list_content .list_inner .size_cell_250 {
  width: 250px;
}
.list_content .list_inner .size_cell_275 {
  width: 275px;
}
.list_content .list_inner .size_cell_300 {
  width: 300px;
}
.list_content .list_inner .size_cell_325 {
  width: 325px;
}
.list_content .list_inner .size_cell_350 {
  width: 350px;
}
.list_content .list_inner .size_cell_375 {
  width: 375px;
}
.list_content .list_inner .size_cell_400 {
  width: 400px;
}
.list_content .list_inner .size_cell_425 {
  width: 425px;
}
.list_content .list_inner .size_cell_450 {
  width: 450px;
}
.list_content .list_inner .size_cell_475 {
  width: 475px;
}
.list_content .list_inner .size_cell_500 {
  width: 500px;
}
.list_content .list_inner .size_cell_525 {
  width: 525px;
}
.list_content .list_inner .size_cell_550 {
  width: 550px;
}
.list_content .list_inner .size_cell_575 {
  width: 575px;
}
.list_content .list_inner .size_cell_600 {
  width: 600px;
}
.list_content .list_inner .size_cell_625 {
  width: 625px;
}
.list_content .list_inner .size_cell_650 {
  width: 650px;
}
.list_content .list_inner .size_cell_675 {
  width: 675px;
}
.list_content .list_inner .size_cell_700 {
  width: 700px;
}
.list_content .list_inner .size_cell_725 {
  width: 725px;
}
.list_content .list_inner .size_cell_750 {
  width: 750px;
}
.list_content .list_inner .size_cell_775 {
  width: 775px;
}
.list_content .list_inner .size_cell_800 {
  width: 800px;
}
.list_content .list_inner .size_cell_825 {
  width: 825px;
}
.list_content .list_inner .size_cell_850 {
  width: 850px;
}
.list_content .list_inner .size_cell_875 {
  width: 875px;
}
.list_content .list_inner .size_cell_900 {
  width: 900px;
}
.list_content .list_inner .size_cell_925 {
  width: 925px;
}
.list_content .list_inner .size_cell_950 {
  width: 950px;
}
.list_content .list_inner .size_cell_975 {
  width: 975px;
}
.list_content .list_inner .size_cell_1000 {
  width: 1000px;
}
.list_content .list_inner .link_btn {
  min-width: auto;
  font-weight: normal;
  padding: 0 !important;
}
.list_content .list_inner .edit {
  display: flex;
  width: 100px;
}
.list_content .list_inner .edit a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.list_content .list_inner .edit .link_btn {
  font-weight: normal;
  padding: 0 !important;
}

.height_fit_list_content .list_inner .grid_wrap {
  display: grid;
  height: auto;
  min-height: auto;
  max-height: inherit;
}
.height_fit_list_content .list_inner .grid_wrap .list {
  position: relative;
  top: initial;
}

#spread_page {
  width: 100%;
}
#spread_page #content_outer {
  display: block;
}

.spread_page {
  min-height: calc(100svh - 20px);
  grid-area: inherit;
  margin-top: 0;
}

.spread_title {
  margin: 10px;
}

.google_spread_list {
  width: 100%;
  font-family: "Arial", "メイリオ";
  color: #000;
}
.google_spread_list .list_inner {
  padding: 0;
}
.google_spread_list .list_inner .grid_wrap {
  max-width: 100svw;
  min-height: calc(100svh - 36px);
  overflow: scroll;
}
.google_spread_list .list_inner .grid_wrap .list_head {
  height: 24px;
}
.google_spread_list .list_inner .grid_wrap .list_head div {
  font-size: 12px;
  color: #000;
  letter-spacing: 0;
  line-height: 1em;
  height: 24px;
  background-color: #fff;
  border-left: 1px solid #bababa;
}
.google_spread_list .list_inner .grid_wrap .list {
  top: 24px;
}
.google_spread_list .list_inner .grid_wrap .list .list_li div {
  font-size: 14px;
  letter-spacing: 0;
  padding: 5px 2px;
}
.google_spread_list .list_inner .grid_wrap .yellow {
  background-color: yellow !important;
}
.google_spread_list .list_inner .grid_wrap .purple {
  background-color: rgb(60, 30, 74) !important;
  color: #fff !important;
}
.google_spread_list .list_inner .grid_wrap .orange {
  background-color: orange !important;
}
.google_spread_list .list_inner .grid_wrap .light_orange {
  background-color: rgb(247, 220, 194) !important;
}
.google_spread_list .list_inner .grid_wrap .light_green {
  background-color: #ccfdcc !important;
}
.google_spread_list .list_inner .grid_wrap .pink {
  background-color: #ffccfe !important;
  border-left: 1px solid #bbb !important;
}
.google_spread_list .list_inner .grid_wrap .left {
  text-align: left !important;
  justify-content: flex-start !important;
}
.google_spread_list .list_inner .grid_wrap .right {
  text-align: right !important;
  justify-content: flex-end !important;
}
.google_spread_list .list_inner .grid_wrap .on_border {
  border-right: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
}/*# sourceMappingURL=style.css.map */