/* LESS Document */
/* color */
/* common */
/* sekaiz */
/* relo */
/* mixin */
/* BASE LAYOUT
----------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 62.5%;
  color: #30536C;
  letter-spacing: 0.04em;
  overflow-y: scroll;
}
html.fix {
  overflow-y: hidden;
}
body {
  background-color: #EDF6FA;
  font-size: 1.4rem;
  line-height: 1.4;
}
body.sekaiz {
  background-color: #EDF6FA;
}
body.relo {
  background-color: #FCF6EF;
}
body.fix {
  overflow: auto;
  scrollbar-gutter: stable;
}
.wrapper {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}
main {
  padding: 30px 60px 60px 60px;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
}
p {
  margin-bottom: 2rem;
  line-height: 1.8;
}
.mgB1 {
  margin-bottom: 1rem !important;
}
.mgB2 {
  margin-bottom: 2rem !important;
}
/* COMMON
----------------------------------- */
.status {
  width: 120px;
  height: 30px;
  border-radius: 15px;
  font-size: 1.4rem !important;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}
body.sekaiz .setup .status.step0 {
  background-color: #FE4662;
  color: #fff;
}
body.sekaiz .setup .status.step1,
body.sekaiz .setup .status.step2,
body.sekaiz .setup .status.step3,
body.sekaiz .setup .status.step4 {
  background-color: #00B3BA;
  color: #fff;
}
body.sekaiz .setup .status.step5,
body.sekaiz .setup .status.step6 {
  border: 1px solid #00B3BA;
  color: #00B3BA;
}
body.sekaiz .remove .status.step0 {
  background-color: #FE4662;
  color: #fff;
}
body.sekaiz .remove .status.step1,
body.sekaiz .remove .status.step2 {
  background-color: #C3AF43;
  color: #fff;
}
body.sekaiz .remove .status.step3,
body.sekaiz .remove .status.step4 {
  border: 1px solid #C3AF43;
  color: #C3AF43;
}
body.sekaiz .estimate .status {
  background-color: #B592C1;
  color: #fff;
}
body.sekaiz .estimate .status.step0 {
  background-color: #FE4662;
}
body.sekaiz .estimate .status.reestimate {
  background-color: #FE4662;
}
body.sekaiz .estimate .status.canceled {
  background-color: #eee;
  color: #6E8498;
}
body.relo .setup .status {
  background-color: #00B3BA;
  color: #fff;
}
body.relo .remove .status {
  background-color: #C3AF43;
  color: #fff;
}
body.relo .estimate .status {
  background-color: #B592C1;
  color: #fff;
}
body.relo .estimate .status.step2:not(.reestimate) {
  background-color: #FE4662;
}
/* BUTTON */
.btn_primary {
  display: block;
  height: 30px;
  padding: 0 18px;
  background-color: #0068B7;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
.btn_primary i {
  margin-right: 0.5rem;
  font-size: 1.6rem;
  vertical-align: middle;
}
.btn_primary:hover {
  background-color: #004477;
  color: #FFF;
}
.btn_primary.medium {
  height: 40px;
  padding: 0 30px;
  border-radius: 20px;
  font-size: 1.4rem;
  line-height: 40px;
}
.btn_primary.large {
  height: 50px;
  padding: 0 40px;
  border-radius: 25px;
  font-size: 1.5rem;
  line-height: 50px;
}
.btn_primary:disabled {
  background-color: #E8E8E8;
  color: #6E8498;
}
.btn_primary.twoline {
  font-size: 1.3rem;
  line-height: 1.5rem;
}
.btn_secondary {
  display: block;
  height: 30px;
  padding: 0 18px;
  border: 1px solid #0068B7;
  font-weight: bold;
  text-align: center;
  color: #0068B7;
}
.btn_secondary i {
  margin-right: 0.5rem;
  font-size: 1.6rem;
  vertical-align: middle;
}
.btn_secondary:hover {
  background-color: #0068B7;
  color: #FFF;
}
.btn_secondary.x_small {
  height: 24px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 1.2rem;
  line-height: 24px;
}
.btn_secondary.small {
  height: 30px;
  padding: 0 18px;
  border-radius: 15px;
  font-size: 1.2rem;
  line-height: 30px;
}
.btn_secondary.medium {
  height: 40px;
  padding: 0 24px;
  border-radius: 20px;
  font-size: 1.4rem;
  line-height: 40px;
}
.btn_secondary.inline {
  display: inline-block;
}
.btn_mini {
  display: block;
  height: 20px;
  padding: 0 12px 0 25px;
  border-radius: 10px;
  font-size: 1.2rem;
  color: #0068B7;
  position: relative;
}
.btn_mini .icon_edit {
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 3px;
  left: 15px;
}
.btn_mini .icon_edit::before {
  content: "";
  display: block;
  width: 3px;
  height: 10px;
  background-color: #0068B7;
}
.btn_mini .icon_edit::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2px 1.5px 0 1.5px;
  border-color: #0068B7 transparent transparent transparent;
}
.btn_mini:hover {
  background-color: #0068B7 !important;
  color: #FFF;
}
.btn_mini:hover .icon_edit::before {
  background-color: #FFF;
}
.btn_mini:hover .icon_edit::after {
  border-color: #FFF transparent transparent transparent;
}
.btn_mini.btn_split,
.btn_mini.btn_delete {
  display: inline-block;
  padding: 0 12px;
}
.btn_mini.btn_split {
  margin: 5px 0;
}
.btn_txtlink {
  color: #0068B7;
  font-weight: normal;
  text-decoration: underline;
}
.btn_txtlink i {
  display: inline-block;
  margin-right: 0.5rem;
}
.btn_txtlink + .btn_txtlink {
  margin-left: 2rem;
}
.btn_setup {
  background-color: #00B3BA;
}
.btn_setup:hover {
  background-color: #00989E;
}
.btn_remove {
  background-color: #C3AF43;
}
.btn_remove:hover {
  background-color: #A69539;
}
.btn_estimate {
  background-color: #B592C1;
}
.btn_estimate:hover {
  background-color: #886893;
}
.btn_estimate .prjct_setup {
  margin-left: 0.5rem;
  padding: 0 0.8rem;
  background-color: #FFF;
  font-size: 1.2rem;
  color: #00B3BA;
}
.btn_estimate .prjct_remove {
  margin-left: 0.5rem;
  padding: 0 0.8rem;
  background-color: #FFF;
  font-size: 1.2rem;
  color: #C3AF43;
}
.btn_fixed {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
}
.btn_fixed button {
  margin-top: 1.5rem;
}
.btn_group_fl_l {
  display: flex;
  align-items: center;
}
.btn_group_fl_l button {
  margin-right: 2rem;
}
.btn_group_fl_r {
  display: flex;
  justify-content: right;
  align-items: center;
}
.btn_group_fl_r button {
  margin-left: 2rem;
}
.btn_group_fl_c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_group_fl_c button {
  margin-right: 2rem;
}
.btn_group_fl_c button:last-of-type {
  margin-right: 0;
}
.btn_group_fl_c a {
  display: inline-block;
  margin-right: 2rem;
}
.btn_group_fl_bw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn_toggle {
  font-size: 1.4rem;
  font-weight: bold;
}
.btn_toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-bottom: 0.2rem;
  margin-left: 0.8rem;
  border-left: 2px solid #30536C;
  border-bottom: 2px solid #30536C;
  transform: rotate(-45deg);
}
.btn_toggle:hover {
  color: #0068B7;
}
.btn_toggle:hover::after {
  border-left: 2px solid #0068B7;
  border-bottom: 2px solid #0068B7;
}
.btn_toggle.open::after {
  margin-bottom: -0.2rem;
  transform: rotate(135deg);
}
.sekaiz .btn_mini {
  background-color: #D3EAF3;
}
.relo .btn_mini {
  background-color: #F0E7DC;
}
/* PARTS */
.divide_border {
  margin-top: 4rem;
  padding-top: 2.5rem;
  border-top: 1px solid #BEC8D0;
}
.bold_title {
  display: inline-block;
  margin-bottom: 1rem;
  font-weight: bold;
}
/* SUB NAV(ONLY SEKAIZ) */
.sub_nav {
  width: 100%;
  height: 75px;
  background-color: #FFF;
}
.sub_nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub_nav ul li a {
  display: inline-block;
  padding: 0 4rem;
  font-weight: bold;
  line-height: 75px;
  text-align: center;
  position: relative;
}
.sub_nav ul li a.current::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #0068B7;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sub_nav ul li a:hover {
  background-color: #EDF6FA;
}
/* PAGING */
.paging {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5rem 0 0;
}
.paging .paging_item {
  margin: 0 10px;
}
.paging .paging_link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 40px;
  height: 40px;
  border: solid 1px #0068B7;
  border-radius: 50%;
  overflow: hidden;
  font-weight: bold;
  color: #0068B7;
  line-height: 40px;
  transition: all 0.3s;
}
.paging .paging_link.is_active {
  background-color: #0068B7;
  color: #FFF;
  pointer-events: none;
}
.paging .paging_link:not(.is_active):hover {
  background-color: #0068B7;
  color: #FFF;
}
.paging .paging_link i {
  font-size: 1.8rem;
  vertical-align: middle;
}
/* HEADER
----------------------------------- */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 75px;
  padding: 0 2rem;
  font-size: 1.4rem;
  color: #FFF;
}
header .head_logo {
  font-size: 1.8rem;
  font-weight: bold;
}
header .head_logo span {
  display: inline-block;
  padding-left: 0.5rem;
  padding-bottom: 0.2rem;
  font-size: 1.2rem;
}
header ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header ul li {
  font-weight: bold;
}
header ul li a {
  display: block;
  width: 100%;
  height: 75px;
  padding: 0 2rem;
  line-height: 75px;
  opacity: 0.7;
  transition: all 0.3s;
}
header ul li a .counter {
  display: inline-block;
  height: 18px;
  margin: auto 0 auto 0.5rem;
  padding: 0 0.5rem;
  background: #FFF;
  border-radius: 9px;
  font-size: 0.9rem;
  color: #30536C;
  letter-spacing: 0;
  line-height: 18px;
}
header .head_user .user_name {
  display: inline-block;
  font-size: 1.2rem;
}
header .head_user .user_name i {
  margin-right: 0.5rem;
  font-size: 1.4rem;
  vertical-align: middle;
}
header .head_user .setting i {
  margin-left: 2rem;
  font-size: 1.6rem;
}
header .head_user .setting:hover {
  opacity: 0.6;
  transition: all 0.3s;
}
header .head_user .logout i {
  margin-left: 2rem;
  font-size: 1.6rem;
}
header .head_user .logout:hover {
  opacity: 0.6;
  transition: all 0.3s;
}
/* テーマカラー調整 */
body.sekaiz header {
  background-color: #0068B7;
}
body.sekaiz header a.current {
  background-color: #004477;
  opacity: 1;
}
body.sekaiz header a.current .counter {
  color: #FE4662;
}
body.sekaiz header a:hover {
  background-color: #004477;
  opacity: 1;
}
body.sekaiz header a:hover .counter {
  color: #FE4662;
}
body.relo header {
  background-color: #F2700B;
}
body.relo header a.current {
  background-color: #D95F00;
  opacity: 1;
}
body.relo header a.current .counter {
  color: #FE4662;
}
body.relo header a:hover {
  background-color: #D95F00;
  opacity: 1;
}
body.relo header a:hover .counter {
  color: #FE4662;
}
/* CONTENTS
----------------------------------- */
.login {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.login .login_container {
  width: 500px;
  margin: 0 auto 10rem;
}
.login .login_container h1 {
  margin-bottom: 4rem;
  font-size: 2.4rem;
  text-align: center;
}
.login .login_container h1 span {
  display: block;
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: normal;
}
.login .login_container .login_pannel {
  margin-bottom: 2rem;
  padding: 4rem;
  background-color: #FFF;
  border-radius: 10px;
  text-align: left;
}
.login .login_container .login_pannel input[type='email'],
.login .login_container .login_pannel input[type='password'] {
  width: 100%;
}
.login .login_container .login_pannel p {
  margin-bottom: 3rem;
}
.login .login_container .login_pannel .btn_send {
  margin: 0 auto;
}
.login .login_container .login_pannel .btn_group_fl_bw .label_check {
  margin-bottom: 0;
}
.contents {
  width: 100%;
}
.search .srch_toggle {
  display: inline-block;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
.search .srch_toggle::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #30536C;
  border-bottom: 2px solid #30536C;
  position: absolute;
  right: -2rem;
  bottom: 0.8rem;
  transform: rotate(45deg);
  transition: all 0.3s;
}
.search .srch_toggle.open::after {
  bottom: 0.2rem;
  transform: rotate(-135deg);
}
.search .srch_pannel {
  padding: 2rem;
  background-color: #FFF;
  border-radius: 10px;
  /* 売上管理用 */
}
.search .srch_pannel .srch_sales li .btn_radio,
.search .srch_pannel .srch_sales li select,
.search .srch_pannel .srch_sales li input[type='text'],
.search .srch_pannel .srch_sales li input[type='date'] {
  margin-bottom: 0;
}
.search .srch_pannel .srch_sales li .btn_group_fl_l {
  margin-top: 2.8rem;
}
.title_group {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  margin: 3rem 0 0;
}
.title_group h1 {
  font-size: 1.8rem;
}
.title_group .page_range {
  margin-left: 2rem;
}
.title_group .sort {
  margin-left: auto;
  vertical-align: middle;
}
.title_group .sort .select_container {
  display: inline-block;
  margin-left: 0.8rem;
}
.title_group .sort .select_container select {
  margin: 0;
}
.title_group .sort .btn_txtlink {
  margin-right: 2rem;
}
.tmln_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.tmln_table thead th {
  padding: 12px 5px 12px 0;
  font-size: 1.2rem;
  font-weight: normal;
}
.tmln_table thead th:first-child {
  padding: 12px 0;
  text-align: center;
}
.tmln_table thead th:last-child {
  padding-right: 15px;
  text-align: center;
}
.tmln_table thead th.cell_room,
.tmln_table thead th.cell_order,
.tmln_table thead th.cell_deliver,
.tmln_table thead th.cell_setup,
.tmln_table thead th.cell_remove,
.tmln_table thead th.cell_limit {
  text-align: center;
}
.tmln_table tbody tr {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(136, 136, 136, 0.1);
  transition: all 0.5s;
  cursor: pointer;
}
.tmln_table tbody tr:hover {
  box-shadow: none;
}
.tmln_table tbody td {
  padding: 15px 10px 15px 0;
  font-size: 1.2rem;
  vertical-align: middle;
}
.tmln_table tbody td:first-child {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 10px 0 0 10px;
}
.tmln_table tbody td:last-child {
  padding-right: 15px;
  border-radius: 0 10px 10px 0;
}
.tmln_table tbody td.cell_status {
  text-align: center;
}
.tmln_table tbody td.cell_status .status {
  margin: 0 auto;
}
.tmln_table tbody td.cell_status .status_progress {
  margin-top: 0.5rem;
}
.tmln_table tbody td.cell_status .status_progress .pregress_now {
  font-size: 1.4rem;
  font-weight: bold;
  color: #0068B7;
}
.tmln_table tbody td.cell_status .status_progress .pregress_all {
  color: #6E8498;
}
.tmln_table tbody td.cell_number {
  text-decoration: underline;
  color: #0068B7;
}
.tmln_table tbody td.cell_name .name {
  font-size: 1.4rem;
  font-weight: bold;
}
.tmln_table tbody td.cell_name .adress {
  display: block;
  margin-top: 0.5rem;
  color: #6E8498;
}
.tmln_table tbody td.cell_room,
.tmln_table tbody td.cell_order,
.tmln_table tbody td.cell_deliver,
.tmln_table tbody td.cell_setup,
.tmln_table tbody td.cell_remove,
.tmln_table tbody td.cell_limit {
  font-weight: bold;
  text-align: center;
}
.tmln_table tbody td.cell_setup.over::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 12px;
  margin-left: 0.5rem;
  background: url(../img/icon_exclamation.svg) no-repeat left top;
  background-size: auto;
  vertical-align: middle;
}
.tmln_table tbody td .change,
.tmln_table tbody td .over {
  display: block;
  margin-top: 0.4rem;
  font-size: 1rem;
  font-weight: bold;
  color: #FE4662;
}
.tmln_table tbody td .change::before,
.tmln_table tbody td .over::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.5rem;
  background: url(../img/icon_change.svg) no-repeat left top;
  background-size: auto;
  vertical-align: middle;
}
.tmln_table tbody td .over::before {
  width: 6px;
  height: 12px;
  background: url(../img/icon_exclamation.svg) no-repeat left top;
  background-size: auto;
}
.list_table {
  width: 100%;
  margin: 1rem 0;
  /* 案件一覧用 */
  /* 物件検索用 */
  /* 売上管理月別用 */
  /* 売上管理取引先別 */
  /* 売上管理発注書一覧 */
  /* 撤去注文 */
  /* マスタ管理 */
}
.list_table tr {
  border-top: 1px solid #BEC8D0;
  cursor: pointer;
}
.list_table tr:last-of-type {
  border-bottom: 1px solid #BEC8D0;
}
.list_table tr:nth-child(2n) {
  background-color: #FFF;
}
.list_table thead tr {
  border-top: none !important;
  cursor: auto;
}
.list_table th {
  padding: 1rem 0;
  font-size: 1.2rem;
  font-weight: normal;
}
.list_table th:first-of-type {
  padding-left: 1rem;
}
.list_table td {
  padding: 2rem 1rem 2rem 0;
  font-size: 1.2rem;
  vertical-align: middle;
  word-break: break-all;
  /*
		&.cell_project,
		&.cell_attribute {
			div {
				display: inline-block;
				height: 20px;
				padding: 0 1.5rem;
				border-radius: 10px;
				color: #FFF;
				text-align: center;
				line-height: 20px;

				&.prjct_setup {
					background-color: @setup;
				}

				&.prjct_remove {
					background-color: @remove;
				}
			}
		}*/
}
.list_table td:first-of-type {
  padding-left: 1.5rem;
}
.list_table td.cell_number,
.list_table td.cell_name {
  text-decoration: underline;
  color: #0068B7;
}
.list_table td a {
  text-decoration: underline;
  color: #0068B7;
}
.list_table td .icon_complete {
  display: inline-block;
  height: 24px;
  margin-left: 2rem;
  padding: 0 10px;
  border: 1px solid #BEC8D0;
  border-radius: 12px;
  font-size: 1.2rem;
  line-height: 22px;
}
.list_table td .icon_check.checked {
  width: 18px;
  height: 18px;
  background: url(../img/icon_check.svg) no-repeat left top;
  background-size: 100% auto;
}
.list_table.prjct_alllist .cell_number {
  width: 8%;
}
.list_table.prjct_alllist .cell_client,
.list_table.prjct_alllist .cell_company {
  width: 9%;
}
.list_table.prjct_alllist .cell_project {
  width: 70px;
}
.list_table.prjct_alllist .cell_name {
  width: 18%;
}
.list_table.prjct_alllist .cell_address {
  width: calc(22% - 70px);
}
.list_table.prjct_alllist .cell_room {
  width: 4%;
}
.list_table.prjct_alllist .cell_order,
.list_table.prjct_alllist .cell_date {
  width: 8%;
}
.list_table.prjct_alllist .cell_relo,
.list_table.prjct_alllist .cell_sekaiz {
  width: 7%;
}
.list_table.srch_result .cell_client {
  width: 15%;
}
.list_table.srch_result .cell_name,
.list_table.srch_result .cell_address {
  width: 20%;
}
.list_table.srch_result .cell_room {
  width: 10%;
}
.list_table.srch_result .cell_setup,
.list_table.srch_result .cell_remove {
  width: 12%;
}
.list_table.srch_result .cell_complete {
  width: 11%;
  text-align: right;
}
.list_table.sales_month .cell_complete {
  width: 3%;
}
.list_table.sales_month .cell_number {
  width: 8%;
}
.list_table.sales_month .cell_attribute {
  width: 100px;
}
.list_table.sales_month .cell_client {
  width: 9%;
}
.list_table.sales_month .cell_project {
  width: 70px;
}
.list_table.sales_month .cell_room {
  width: 4%;
}
.list_table.sales_month .cell_name {
  width: 18%;
}
.list_table.sales_month .cell_address {
  width: calc(28% - 170px);
}
.list_table.sales_month .cell_date {
  width: 9%;
}
.list_table.sales_month .cell_invoice,
.list_table.sales_month .cell_cost,
.list_table.sales_month .cell_profit {
  width: 7%;
}
.list_table.sales_client tr {
  cursor: auto;
}
.list_table.sales_client .cell_code {
  width: 10%;
}
.list_table.sales_client .cell_client {
  width: 20%;
}
.list_table.sales_client .cell_item {
  width: 20%;
}
.list_table.sales_client .cell_model {
  width: 20%;
}
.list_table.sales_client .cell_quantity {
  width: 10%;
}
.list_table.sales_client .cell_cost,
.list_table.sales_client .cell_totalcost {
  width: 15%;
}
.list_table.sales_order tr {
  cursor: auto;
}
.list_table.sales_order td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.list_table.sales_order .cell_code {
  width: 20%;
}
.list_table.sales_order .cell_category {
  width: 10%;
}
.list_table.sales_order .cell_company {
  width: calc(34% - 185px);
}
.list_table.sales_order .cell_date {
  width: 12%;
}
.list_table.sales_order .cell_cost {
  width: 10%;
}
.list_table.sales_order .cell_document {
  width: 185px;
}
.list_table.sales_order .cell_document button {
  width: 185px;
}
.list_table.sales_order .cell_number {
  width: 14%;
  padding-left: 3rem;
}
.list_table.srch_neworder tr:nth-child(2n) {
  background-color: #FCF6EF;
}
.list_table.srch_neworder .cell_select {
  width: 5%;
}
.list_table.srch_neworder .cell_client {
  width: 20%;
}
.list_table.srch_neworder .cell_name {
  width: 25%;
  text-decoration: none;
  color: #30536C;
}
.list_table.srch_neworder .cell_address {
  width: 30%;
}
.list_table.srch_neworder .cell_room {
  width: 20%;
}
.list_table.master tr {
  cursor: auto;
}
.list_table.master .w_5 {
  width: 5%;
}
.list_table.master .w_10 {
  width: 10%;
}
.list_table.master .w_15 {
  width: 15%;
}
.list_table.master .w_20 {
  width: 20%;
}
.list_table.master .w_25 {
  width: 25%;
}
.list_table.master .w_30 {
  width: 30%;
}
.list_table.master .w_35 {
  width: 35%;
}
.list_table.master .w_40 {
  width: 40%;
}
.list_table.master .w_50 {
  width: 50%;
}
.list_table.master .w_60 {
  width: 60%;
}
.list_table.master .w_70 {
  width: 70%;
}
.list_table.master .cell_button {
  text-align: right;
}
.list_table.master .cell_button button {
  display: inline-block;
}
.prjct_setup,
.prjct_remove,
.prjct_cancel {
  display: inline-block;
  height: 20px;
  padding: 0 1.5rem;
  border-radius: 10px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
.prjct_setup {
  background-color: #00B3BA;
}
.prjct_remove {
  background-color: #C3AF43;
}
.prjct_cancel {
  background-color: #FE4662;
}
.report_table {
  width: 100%;
  margin-bottom: 2rem;
}
.report_table tr {
  border-top: 1px solid #BEC8D0;
}
.report_table tr:first-of-type {
  border-top: none;
}
.report_table tr.total {
  border-top: none;
}
.report_table tr.total td {
  border-right: none;
  border-bottom: 1px solid #BEC8D0;
}
.report_table tr.total .no_border {
  border: none;
}
.report_table tr.total .left_border {
  border-left: 1px solid #BEC8D0;
}
.report_table tr.devider td {
  height: 5px;
  padding: 0 !important;
}
.report_table thead tr {
  border-bottom: none !important;
}
.report_table th {
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  border-top: 1px solid #BEC8D0;
  border-right: 1px solid #BEC8D0;
  border-bottom: 1px solid #BEC8D0;
}
.report_table td {
  padding: 1rem 1.5rem;
  border-right: 1px solid #BEC8D0;
  vertical-align: middle;
  word-break: break-all;
}
.report_table td:first-of-type {
  border-left: 1px solid #BEC8D0;
}
.report_table td input[type='text'],
.report_table td select {
  width: 100%;
  margin: 0;
  background-color: #EDF6FA;
}
.report_table td input[type='text'] {
  background-color: #FFF;
}
.report_table td input[type='text']:disabled {
  border: none;
}
.report_table tfoot {
  border-top: 1px solid #BEC8D0;
}
.report_table .cell_item {
  width: 47%;
}
.report_table .cell_code {
  width: 15%;
  text-align: center;
}
.report_table .cell_unitprice,
.report_table .cell_cost {
  width: 15%;
}
.report_table th.cell_unitprice,
.report_table th.cell_number,
.report_table th.cell_cost {
  text-align: center;
}
.report_table td.cell_unitprice,
.report_table td.cell_number,
.report_table td.cell_cost {
  text-align: right;
}
.report_table .cell_quantity {
  width: 8%;
  text-align: center;
}
.report_table + div {
  margin-bottom: 3rem;
  text-align: right;
}
.report_table + div button {
  display: inline-block;
}
.sales_outline {
  min-height: 40px;
  margin-top: 3rem;
}
.sales_outline .sales_title {
  text-align: center;
  position: relative;
}
.sales_outline .sales_title h1 {
  font-size: 1.8rem;
}
.sales_outline .sales_title h1 span {
  display: block;
  font-size: 1.4rem;
}
.sales_outline .sales_title .btn_primary,
.sales_outline .sales_title .btn_secondary {
  position: absolute;
  top: 0;
  right: 0;
}
.sales_outline .sales_title .paging {
  margin: 0 !important;
}
.sales_outline .sales_title .paging li {
  padding: 0 2rem;
}
.sales_outline .sales_title .paging button:disabled {
  border-color: #6E8498;
  color: #6E8498;
}
.sales_outline .sales_title .paging button:disabled:hover {
  background-color: transparent;
  color: #6E8498;
}
.sales_outline .sales_pannel {
  margin-top: 2rem;
  padding: 2.5rem 0;
  background-color: #FFF;
}
.sales_outline .sales_pannel ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.sales_outline .sales_pannel ul li {
  padding: 0 2rem;
  border-right: 1px solid #BEC8D0;
  text-align: right;
}
.sales_outline .sales_pannel ul li h2 {
  width: 100%;
  margin-bottom: 1rem;
  text-align: left;
}
.sales_outline .sales_pannel ul li .txt_data {
  font-size: 3.6rem;
  font-weight: bold;
}
.sales_outline .sales_pannel ul li .txt_unit {
  font-size: 2rem;
  font-weight: bold;
}
.sales_outline .sales_pannel ul li .txt_company {
  font-size: 2rem;
  font-weight: bold;
}
.sales_outline .sales_pannel ul li.w_25 {
  width: 25%;
}
.sales_outline .sales_pannel ul li.w_50 {
  width: 50%;
}
.sales_outline .sales_pannel ul li:last-child {
  border-right: none;
}
.report_head {
  margin: 3rem 0 4rem 0;
}
.report_head .control_number {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.report_head .control_number h1 {
  font-size: 1.2rem;
}
.report_head .control_number h1 span {
  font-size: 2rem;
}
.report_head .control_number .prjct_category {
  display: inline-block;
  height: 20px;
  margin-left: 1.5rem;
  padding: 0 1.5rem;
  border-radius: 10px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
.report_head .control_number .prjct_category.prjct_setup {
  background-color: #00B3BA;
}
.report_head .control_number .prjct_category.prjct_remove {
  background-color: #C3AF43;
}
.report_head .hsng_info {
  line-height: 1.6;
}
.reoprt_total,
.report_order {
  padding: 4rem 0;
  border-top: 1px solid #BEC8D0;
}
.report_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.report_title h2 {
  font-size: 1.8rem;
  font-weight: bold;
}
.report_title h2 .unit {
  margin-right: 0.5rem;
  margin-left: 1rem;
}
.report_title h2 .cost {
  font-size: 3.2rem;
}
.report_title h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.report_title h3 .unit {
  margin-right: 0.5rem;
  margin-left: 1rem;
  font-size: 1.4rem;
}
.report_title h3 .cost {
  font-size: 2.4rem;
}
.report_title + .report_table {
  margin-bottom: 6rem;
}
.setting_index {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 750px;
  margin: 0 auto;
}
.setting_index h1 {
  width: 100%;
  margin: 2rem 0 6rem;
  font-size: 3rem;
}
.setting_index h2 {
  font-size: 2rem;
  margin: 0 0 3rem;
}
.setting_index div {
  width: 45%;
}
.setting_index ul {
  border-bottom: 1px solid #BEC8D0;
}
.setting_index ul li a {
  display: block;
  padding: 2rem 1rem;
  border-top: 1px solid #BEC8D0;
  position: relative;
}
.setting_index ul li a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  border-right: 1px solid #30536C;
  border-bottom: 1px solid #30536C;
  position: absolute;
  right: 1.2rem;
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
}
.setting_index ul li a:hover {
  color: #0068B7;
}
.setting_index ul li a:hover::after {
  border-right: 1px solid #0068B7;
  border-bottom: 1px solid #0068B7;
}
.inputmaster {
  margin: 3rem 0;
}
.inputmaster input:focus,
.inputmaster select:focus,
.inputmaster textarea:focus {
  background-color: #FFF !important;
}
.inputmaster .w_100 input {
  width: 100%;
}
/* 幅調整・配色 */
body.sekaiz .tmln_table th,
body.sekaiz .list_table th {
  background-color: #D3EAF3;
}
body.sekaiz .tmln_table tr:hover,
body.sekaiz .list_table tr:hover {
  background-color: #D3EAF3;
}
body.sekaiz .list_table.sales_month {
  /* 売上管理月別用 */
}
body.sekaiz .list_table.sales_month.sales_month .cell_complete {
  width: 3%;
}
body.sekaiz .list_table.sales_month.sales_month .cell_number {
  width: 8%;
}
body.sekaiz .list_table.sales_month.sales_month .cell_attribute {
  width: 100px;
}
body.sekaiz .list_table.sales_month.sales_month .cell_client {
  width: 9%;
}
body.sekaiz .list_table.sales_month.sales_month .cell_project {
  width: 70px;
}
body.sekaiz .list_table.sales_month.sales_month .cell_room {
  width: 4%;
}
body.sekaiz .list_table.sales_month.sales_month .cell_name {
  width: 18%;
}
body.sekaiz .list_table.sales_month.sales_month .cell_address {
  width: calc(28% - 170px);
}
body.sekaiz .list_table.sales_month.sales_month .cell_date {
  width: 9%;
}
body.sekaiz .list_table.sales_month.sales_month .cell_invoice,
body.sekaiz .list_table.sales_month.sales_month .cell_cost,
body.sekaiz .list_table.sales_month.sales_month .cell_profit {
  width: 7%;
}
body.sekaiz .report_table th {
  background-color: #D3EAF3;
}
body.sekaiz .setup .tmln_table .cell_status {
  width: 150px;
}
body.sekaiz .setup .tmln_table .cell_number {
  width: 7%;
}
body.sekaiz .setup .tmln_table .cell_client {
  width: 10%;
}
body.sekaiz .setup .tmln_table .cell_relo,
body.sekaiz .setup .tmln_table .cell_sekaiz {
  width: 7%;
}
body.sekaiz .setup .tmln_table .cell_name {
  width: calc( 39% - 265px);
}
body.sekaiz .setup .tmln_table .cell_room {
  width: 4%;
}
body.sekaiz .setup .tmln_table .cell_order,
body.sekaiz .setup .tmln_table .cell_deliver,
body.sekaiz .setup .tmln_table .cell_setup {
  width: 6%;
}
body.sekaiz .setup .tmln_table .cell_company {
  width: 10%;
}
body.sekaiz .setup .tmln_table .cell_document {
  width: 115px;
}
body.sekaiz .remove .tmln_table .cell_status {
  width: 150px;
}
body.sekaiz .remove .tmln_table .cell_number {
  width: 7%;
}
body.sekaiz .remove .tmln_table .cell_client {
  width: 10%;
}
body.sekaiz .remove .tmln_table .cell_relo,
body.sekaiz .remove .tmln_table .cell_sekaiz {
  width: 7%;
}
body.sekaiz .remove .tmln_table .cell_name {
  width: calc( 45% - 265px);
}
body.sekaiz .remove .tmln_table .cell_room {
  width: 4%;
}
body.sekaiz .remove .tmln_table .cell_order,
body.sekaiz .remove .tmln_table .cell_remove {
  width: 6%;
}
body.sekaiz .remove .tmln_table .cell_company {
  width: 10%;
}
body.sekaiz .remove .tmln_table .cell_document {
  width: 115px;
}
body.sekaiz .estimate .tmln_table .cell_status {
  width: 150px;
}
body.sekaiz .estimate .tmln_table .cell_number {
  width: 7%;
}
body.sekaiz .estimate .tmln_table .cell_project {
  width: 7%;
}
body.sekaiz .estimate .tmln_table .cell_client {
  width: 10%;
}
body.sekaiz .estimate .tmln_table .cell_relo,
body.sekaiz .estimate .tmln_table .cell_sekaiz {
  width: 7%;
}
body.sekaiz .estimate .tmln_table .cell_name {
  width: calc( 49% - 150px);
}
body.sekaiz .estimate .tmln_table .cell_room {
  width: 4%;
}
body.sekaiz .estimate .tmln_table .cell_order,
body.sekaiz .estimate .tmln_table .cell_limit {
  width: 8%;
}
body.relo .tmln_table th,
body.relo .list_table th {
  background-color: #F0E7DC;
}
body.relo .tmln_table tr:hover,
body.relo .list_table tr:hover {
  background-color: #F0E7DC;
}
body.relo .list_table.sales_month {
  /* 売上管理月別用 */
}
body.relo .list_table.sales_month.sales_month .cell_number {
  width: 8%;
}
body.relo .list_table.sales_month.sales_month .cell_attribute {
  width: 100px;
}
body.relo .list_table.sales_month.sales_month .cell_project {
  width: 70px;
}
body.relo .list_table.sales_month.sales_month .cell_client {
  width: 9%;
}
body.relo .list_table.sales_month.sales_month .cell_name {
  width: 18%;
}
body.relo .list_table.sales_month.sales_month .cell_address {
  width: calc(45% - 340px);
}
body.relo .list_table.sales_month.sales_month .cell_room {
  width: 4%;
}
body.relo .list_table.sales_month.sales_month .cell_date {
  width: 9%;
}
body.relo .list_table.sales_month.sales_month .cell_invoice {
  width: 7%;
}
body.relo .list_table.sales_month.sales_month .cell_document {
  width: 170px;
}
body.relo .report_table th {
  background-color: #F0E7DC;
}
body.relo .setup .tmln_table .cell_status {
  width: 150px;
}
body.relo .setup .tmln_table .cell_number {
  width: 7%;
}
body.relo .setup .tmln_table .cell_client {
  width: 10%;
}
body.relo .setup .tmln_table .cell_relo,
body.relo .setup .tmln_table .cell_sekaiz {
  width: 7%;
}
body.relo .setup .tmln_table .cell_name {
  width: calc( 45% - 265px);
}
body.relo .setup .tmln_table .cell_room {
  width: 4%;
}
body.relo .setup .tmln_table .cell_order,
body.relo .setup .tmln_table .cell_setup {
  width: 6%;
}
body.relo .setup .tmln_table .cell_company {
  width: 10%;
}
body.relo .setup .tmln_table .cell_document {
  width: 115px;
}
body.relo .remove .tmln_table .cell_status {
  width: 150px;
}
body.relo .remove .tmln_table .cell_number {
  width: 7%;
}
body.relo .remove .tmln_table .cell_client {
  width: 10%;
}
body.relo .remove .tmln_table .cell_relo,
body.relo .remove .tmln_table .cell_sekaiz {
  width: 7%;
}
body.relo .remove .tmln_table .cell_name {
  width: calc( 45% - 265px);
}
body.relo .remove .tmln_table .cell_room {
  width: 4%;
}
body.relo .remove .tmln_table .cell_order,
body.relo .remove .tmln_table .cell_remove {
  width: 6%;
}
body.relo .remove .tmln_table .cell_company {
  width: 10%;
}
body.relo .remove .tmln_table .cell_document {
  width: 115px;
}
body.relo .estimate .tmln_table .cell_status {
  width: 150px;
}
body.relo .estimate .tmln_table .cell_number {
  width: 7%;
}
body.relo .estimate .tmln_table .cell_project {
  width: 7%;
}
body.relo .estimate .tmln_table .cell_client {
  width: 10%;
}
body.relo .estimate .tmln_table .cell_relo,
body.relo .estimate .tmln_table .cell_sekaiz {
  width: 7%;
}
body.relo .estimate .tmln_table .cell_name {
  width: calc( 49% - 150px);
}
body.relo .estimate .tmln_table .cell_room {
  width: 4%;
}
body.relo .estimate .tmln_table .cell_order,
body.relo .estimate .tmln_table .cell_limit {
  width: 8%;
}
/* DETAIL
----------------------------------- */
.housing_header {
  width: 100%;
}
.housing_header .housing_wrap {
  padding: 30px 60px 60px 60px;
  border-bottom: 1px solid #BEC8D0;
  position: relative;
}
.housing_header .hsng_info {
  width: calc(100% - 335px);
}
.housing_header .hsng_info h1 {
  margin-bottom: 1rem;
  font-size: 2rem;
}
.housing_header .hsng_info .adress {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.housing_header .hsng_info .room .room_number {
  display: inline-block;
  padding-left: 1rem;
  font-size: 2rem;
  font-weight: bold;
}
.housing_header .hsng_button .btn_group_fl_l {
  flex-direction: row-reverse;
  position: absolute;
  top: 30px;
  right: 60px;
}
.housing_header .hsng_button .btn_group_fl_l button {
  margin-right: 0;
  margin-left: 2rem;
}
.housing_header .hsng_button .btn_group_fl_l + .btn_group_fl_l {
  top: 90px;
}
.hsng_project_nav ul {
  display: flex;
  justify-content: left;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  left: 60px;
}
.hsng_project_nav ul li {
  display: block;
  width: 12rem;
  height: 40px;
  margin-right: 1.5rem;
  position: relative;
}
.hsng_project_nav ul li a {
  display: block;
  width: 100%;
  background-color: #BEC8D0;
  border: 1px solid #BEC8D0;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  text-align: center;
  line-height: 40px;
  color: #6E8498;
}
.hsng_project_nav ul li.finish::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/icon_check.svg) no-repeat left top;
  background-size: 100% auto;
  position: absolute;
  top: -8px;
  left: -8px;
}
.prjct_status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.prjct_status .status {
  display: inline-block;
}
.prjct_status .prjct_number {
  display: inline-block;
  margin-left: 2rem;
  font-weight: bold;
}
.prjct_status .icon_complete {
  display: inline-block;
  height: 24px;
  margin-left: 2rem;
  padding: 0 10px;
  border: 1px solid #BEC8D0;
  border-radius: 12px;
  font-size: 1.2rem;
  line-height: 22px;
}
.prjct_status .alert_input {
  display: inline-block;
  margin-left: 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #FE4662;
}
.prjct_status .alert_input::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.5rem;
  background: url(../img/icon_exclamation.svg) no-repeat center top;
  background-size: auto 100%;
}
.prjct_outline {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 3rem;
}
.prjct_outline .schedule,
.prjct_outline .company,
.prjct_outline .person {
  width: 32%;
  display: flex;
  flex-direction: column;
}
.prjct_outline .schedule h3,
.prjct_outline .company h3,
.prjct_outline .person h3 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.prjct_outline .schedule .outline_frame,
.prjct_outline .company .outline_frame,
.prjct_outline .person .outline_frame {
  flex-grow: 1;
  padding: 15px;
  border: 1px solid #BEC8D0;
  border-radius: 5px;
  font-size: 1.2rem;
}
.prjct_outline .schedule .outline_frame {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.prjct_outline .schedule .date_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 100px;
  margin: auto;
}
.prjct_outline .schedule .date_list li {
  padding: 1.5rem 1rem;
  text-align: center;
  position: relative;
}
.prjct_outline .schedule .date_list li::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #BEC8D0;
  position: absolute;
  top: 0;
  right: 0;
}
.prjct_outline .schedule .date_list li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #BEC8D0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3px;
}
.prjct_outline .schedule .date_list li:first-child {
  padding-left: 0;
}
.prjct_outline .schedule .date_list li:last-child {
  padding-right: 0;
}
.prjct_outline .schedule .date_list li:last-child::before,
.prjct_outline .schedule .date_list li:last-child::after {
  content: none;
}
.prjct_outline .schedule .date_list li .date {
  display: block;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.prjct_outline .person {
  position: relative;
}
.prjct_outline .person button {
  position: absolute;
  top: -3px;
  right: 0;
}
.prjct_outline .person .outline_frame {
  line-height: 1.7;
}
.prjct_table {
  width: 100%;
  margin-bottom: 1rem;
  /*tr.row_split {}*/
  /* 商品一覧・発注先メーカー */
  /* 発注商品 */
  /* 設置商品 */
  /* 追加の配送業者 */
  /* 撤去商品 */
  /* 新規注文 */
  /* 新規撤去 */
  /* 見積 */
}
.prjct_table tr {
  border-top: 1px solid #BEC8D0;
}
.prjct_table tr:first-of-type {
  border-top: none;
}
.prjct_table tr:last-of-type {
  border-bottom: 1px solid #BEC8D0;
}
.prjct_table thead {
  background-color: #D3EAF3;
}
.prjct_table thead tr {
  border-bottom: none !important;
}
.prjct_table th {
  padding: 1rem 0;
  font-size: 1.2rem;
  font-weight: normal;
}
.prjct_table th:first-of-type {
  padding-left: 1rem;
}
.prjct_table td {
  padding: 1rem 1.5rem 1rem 0;
  vertical-align: middle;
  word-break: break-all;
}
.prjct_table td input[type='text'],
.prjct_table td select {
  width: 100%;
  margin: 0;
  background-color: #EDF6FA;
}
.prjct_table td input[type='text'].input_split {
  display: inline-block;
  width: 50px;
  margin: 0 0.5rem 0 0;
  background-color: #EDF6FA;
}
.prjct_table td:last-of-type {
  padding-right: 0 !important;
}
.prjct_table tr.row_add,
.prjct_table tr.row_free {
  /*input {
			width: 100%;
			margin: 0;
			background-color: @skz_bg;
		}*/
}
.prjct_table tr.row_add .cell_item .select_group,
.prjct_table tr.row_free .cell_item .select_group {
  display: flex;
  flex-wrap: nowrap;
}
.prjct_table tr.row_add .cell_item .select_group .select_container,
.prjct_table tr.row_free .cell_item .select_group .select_container {
  width: 65%;
}
.prjct_table tr.row_add .cell_item .select_group .select_container:first-of-type,
.prjct_table tr.row_free .cell_item .select_group .select_container:first-of-type {
  width: 35%;
  margin-right: 0.5rem;
}
.prjct_table tr.row_add .auto_input input[type='text']:disabled,
.prjct_table tr.row_free .auto_input input[type='text']:disabled {
  border: none;
}
.prjct_table tr.row_selct_room {
  border-top: none;
}
.prjct_table tr.row_selct_room td {
  padding: 0 0 1rem;
}
.prjct_table tr.row_selct_room td .room_pannel {
  padding: 2rem 1.5rem 1rem;
  background-color: #D3EAF3;
  border-radius: 4px;
  position: relative;
}
.prjct_table tr.row_selct_room td button {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}
.prjct_table tr.row_selct_room td .input_group_flex {
  margin-top: 1rem;
}
.prjct_table tr.row_selct_room td .input_group_flex li {
  margin-top: 1rem;
  margin-right: 1rem;
}
.prjct_table tr.row_selct_room td .input_group_flex input {
  display: inline-block;
  background-color: #FFF;
}
.prjct_table tr.row_selct_room td .input_group_flex input:focus {
  background-color: #FFF;
}
.prjct_table tr.row_curtain {
  border-top: none;
}
.prjct_table tr.row_curtain td {
  padding: 0 0 1rem;
}
.prjct_table tr.row_curtain td .curtain_pannel {
  padding: 2rem 1.5rem 1rem;
  /*background-color: @rel_bg_dark;*/
  border-radius: 4px;
  position: relative;
}
.prjct_table tr.row_curtain td button {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}
.prjct_table tr.row_curtain td .input_group_flex {
  margin-top: 1rem;
}
.prjct_table tr.row_curtain td .input_group_flex li {
  margin-top: 1rem;
  margin-right: 1rem;
}
.prjct_table tr.row_curtain td .input_group_flex input {
  display: inline-block;
  width: inherit;
  background-color: #FFF;
}
.prjct_table tr.row_curtain td .input_group_flex input:focus {
  background-color: #FFF;
}
.prjct_table tr.devider td {
  height: 5px;
  padding: 0 !important;
}
.prjct_table + .btn_group_fl_l {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.prjct_table .btn_delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #BEC8D0;
  border-radius: 2px;
  position: relative;
}
.prjct_table .btn_delete::before,
.prjct_table .btn_delete::after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  margin: auto;
  background-color: #30536C;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.prjct_table .btn_delete::before {
  transform: rotate(45deg);
}
.prjct_table .btn_delete::after {
  transform: rotate(-45deg);
}
.prjct_table .btn_delete:hover {
  border: 1px solid #0068B7;
}
.prjct_table .btn_delete:hover::before,
.prjct_table .btn_delete:hover::after {
  background-color: #0068B7;
}
.prjct_table.order_product .cell_item {
  width: calc(30% - 40px);
}
.prjct_table.order_product .cell_quantity {
  width: 9%;
}
.prjct_table.order_product .cell_unitprice,
.prjct_table.order_product .cell_cost,
.prjct_table.order_product .cell_code {
  width: 9%;
}
.prjct_table.order_product .cell_order,
.prjct_table.order_product .cell_model {
  width: 17%;
}
.prjct_table.order_product .cell_note {
  width: 20px;
}
.prjct_table.order_product .cell_note .btn_note {
  font-size: 18px;
  line-height: 18px;
  color: #6E8498;
  position: relative;
}
.prjct_table.order_product .cell_note .btn_note:disabled {
  color: #E8E8E8;
}
.prjct_table.order_product .cell_note:hover .btn_note:not(:disabled) {
  color: #0068B7;
}
.prjct_table.order_product .cell_note:hover .note_balloon {
  display: block;
}
.prjct_table.order_product .cell_note .note_balloon {
  display: none;
  width: 200px;
  margin: auto;
  padding: 1.5rem;
  border-radius: 10px;
  background-color: #BEC8D0;
  position: absolute;
  right: -1.25rem;
  bottom: 4rem;
  font-size: 1.2rem;
  color: #30536C;
}
.prjct_table.order_product .cell_note .note_balloon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #BEC8D0 transparent transparent transparent;
  position: absolute;
  bottom: -1rem;
  right: 1.5rem;
}
.prjct_table.order_product .cell_delete {
  width: 20px;
}
.prjct_table.order_detail td {
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.prjct_table.order_detail .cell_item {
  width: 39%;
}
.prjct_table.order_detail .cell_quantity {
  width: 8%;
}
.prjct_table.order_detail .cell_unitprice,
.prjct_table.order_detail .cell_cost,
.prjct_table.order_detail .cell_code {
  width: 11%;
}
.prjct_table.order_detail .cell_model {
  width: 20%;
}
.prjct_table.request_detail td {
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.prjct_table.request_detail .cell_item {
  width: 39%;
}
.prjct_table.request_detail .cell_quantity {
  width: 8%;
}
.prjct_table.request_detail .cell_unitprice,
.prjct_table.request_detail .cell_cost {
  width: 11%;
}
.prjct_table.request_detail .cell_model {
  width: 20%;
}
.prjct_table.request_detail .cell_date {
  width: 11%;
}
.prjct_table.addcompany td {
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.prjct_table.addcompany .cell_item {
  width: 44%;
}
.prjct_table.addcompany .cell_quantity {
  width: 8%;
}
.prjct_table.addcompany .cell_unitprice,
.prjct_table.addcompany .cell_cost {
  width: 11%;
}
.prjct_table.addcompany .cell_model {
  width: 20%;
}
.prjct_table.addcompany .cell_select {
  width: 6%;
}
.prjct_table.addcompany .label_check {
  margin: 0;
}
.prjct_table.remove_detail td {
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.prjct_table.remove_detail .cell_item {
  width: 40%;
}
.prjct_table.remove_detail .cell_quantity {
  width: 12%;
}
.prjct_table.remove_detail .cell_unitprice,
.prjct_table.remove_detail .cell_cost {
  width: 12%;
}
.prjct_table.remove_detail .cell_model {
  width: 24%;
}
.prjct_table.neworder_setup th {
  padding-right: 1.5rem;
  text-align: center;
}
.prjct_table.neworder_setup .cell_item {
  width: clac(45% - 20px);
  text-align: left;
}
.prjct_table.neworder_setup .cell_quantity {
  width: 10%;
}
.prjct_table.neworder_setup .cell_code {
  width: 15%;
  text-align: center;
}
.prjct_table.neworder_setup .cell_unitprice,
.prjct_table.neworder_setup .cell_cost {
  width: 15%;
}
.prjct_table.neworder_setup .cell_delete {
  width: 20px;
}
.prjct_table.neworder_setup td.cell_quantity,
.prjct_table.neworder_setup td.cell_unitprice,
.prjct_table.neworder_setup td.cell_cost {
  text-align: right;
}
.prjct_table.neworder_remove td {
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.prjct_table.neworder_remove .cell_btn {
  width: 50px;
}
.prjct_table.neworder_remove .cell_btn .label_check {
  margin-bottom: 0;
}
.prjct_table.neworder_remove .cell_item {
  width: calc(40% - 50px);
}
.prjct_table.neworder_remove .cell_quantity {
  width: 10%;
}
.prjct_table.neworder_remove .cell_unitprice,
.prjct_table.neworder_remove .cell_cost {
  width: 12%;
  text-align: center;
}
.prjct_table.neworder_remove th.cell_unitprice,
.prjct_table.neworder_remove th.cell_cost {
  text-align: center;
}
.prjct_table.neworder_remove .cell_model {
  width: 26%;
}
.prjct_table.estimate_detail td {
  padding: 1.5rem;
}
.prjct_table.estimate_detail .cell_item {
  width: 45%;
}
.prjct_table.estimate_detail .cell_quantity {
  width: 10%;
}
.prjct_table.estimate_detail .cell_code {
  width: 15%;
}
.prjct_table.estimate_detail .cell_unitprice,
.prjct_table.estimate_detail .cell_cost {
  width: 15%;
}
.prjct_table.estimate_order {
  margin-bottom: 4rem;
}
.prjct_table.estimate_order td {
  padding: 1.5rem;
}
.prjct_table.estimate_order .cell_item {
  width: 50%;
}
.prjct_table.estimate_order .cell_count {
  width: 25%;
}
.step_frame {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 4rem;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(136, 136, 136, 0.1);
  position: relative;
  /* STEP　未着手 */
  /* STEP　入力状態 */
  /* STEP 終了 */
  /* STEP 未入力あり */
}
.step_frame::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  /*margin: auto 0;*/
  position: absolute;
  top: 0;
  left: -15px;
  /*bottom: 0;*/
}
.step_frame::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #BEC8D0 transparent transparent transparent;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  left: 0;
}
.step_frame:last-child::after {
  content: none;
}
.step_frame .step_number {
  width: 120px;
  padding: 25px 0;
  border-right: 1px solid #BEC8D0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #0068B7;
}
.step_frame .step_number span {
  display: block;
  margin-top: 0.5rem;
  font-size: 2.4rem;
}
.step_frame .step_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 120px);
  text-align: left;
}
.step_frame .step_container .step_title {
  padding: 25px 0 25px 40px;
  font-size: 2rem;
  font-weight: bold;
}
.step_frame .step_container .step_content {
  width: calc((100% + 120px)/2);
  padding: 25px 20px 25px 0;
  position: relative;
}
.step_frame .step_container .step_content h4 {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
}
.step_frame .step_container .step_content .btn_skip {
  position: absolute;
  top: -50px;
  right: 20px;
}
.step_frame .step_container .step_content .fix {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 20px;
}
.step_frame .step_container .step_content .fix button:last-of-type {
  margin-right: 0;
}
.step_frame .step_container .step_info {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
  width: calc(100% - 200px);
}
.step_frame .step_container .step_info.large {
  width: 100%;
  justify-content: space-between;
}
.step_frame .step_container .step_info .step_date {
  width: 25%;
  font-size: 1.2rem;
  color: #6E8498;
}
.step_frame .step_container .step_info .step_date .date {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #30536C;
}
.step_frame .step_container .step_info .step_time {
  width: 50%;
  font-size: 1.2rem;
  color: #6E8498;
}
.step_frame .step_container .step_info .step_time .time {
  display: block;
  margin-top: 0.5rem;
  font-weight: bold;
  color: #30536C;
}
.step_frame .step_container .step_info .step_company {
  width: 75%;
  font-size: 1.2rem;
  color: #6E8498;
}
.step_frame .step_container .step_info .step_company .company {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #30536C;
}
.step_frame .step_container .step_info .step_delivery,
.step_frame .step_container .step_info .step_comment {
  width: 100%;
  font-size: 1.4rem;
}
.step_frame .step_container .step_info .step_cost {
  width: 50%;
  font-size: 1.4rem;
  color: #6E8498;
}
.step_frame .step_container .step_info .step_cost .cost {
  display: block;
  margin-top: 0.5rem;
  font-weight: bold;
  color: #30536C;
}
.step_frame .step_container .step_alert {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
  position: absolute;
  top: 0;
  right: 130px;
  bottom: 0;
}
.step_frame .step_container .step_alert span {
  display: block;
  margin: 0.3rem 0;
  font-size: 1.2rem;
  font-weight: bold;
  color: #FE4662;
}
.step_frame .step_container .step_alert span::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.5rem;
}
.step_frame .step_container .step_alert span.alert_input::before {
  background: url(../img/icon_exclamation.svg) no-repeat center top;
  background-size: auto 100%;
}
.step_frame .step_container .step_alert span.alert_change::before {
  background: url(../img/icon_change.svg) no-repeat center top;
  background-size: auto 100%;
}
.step_frame .step_container .estimate_comment {
  width: 100%;
  margin: 0 20px 20px 40px;
  padding: 20px;
  border-radius: 4px;
  background-color: #EDF6FA;
}
.step_frame .step_container .estimate_comment .comment_title {
  display: flex;
  justify-content: space-between;
}
.step_frame .step_container .estimate_comment p {
  margin-bottom: 0;
}
.step_frame .step_container .estimate_comment + .step_content {
  margin-top: 3rem;
}
.step_frame .step_container .estimate_btn {
  margin-bottom: 3rem;
  text-align: right;
}
.step_frame .step_container .estimate_btn button {
  display: inline-block;
}
.step_frame.inactive {
  background-color: #E8E8E8;
  box-shadow: none;
}
.step_frame.inactive .step_number {
  color: #6E8498;
}
.step_frame.inactive .step_container .step_title {
  color: #6E8498;
}
.step_frame.active .step_container .step_content {
  width: 100%;
  padding: 0px 40px 35px 40px;
}
.step_frame.finish::before {
  background: url(../img/icon_check.svg) no-repeat left top;
  background-size: auto;
}
.step_frame.finish .step_container {
  align-items: center;
}
.step_frame.alert::before {
  background: url(../img/icon_alert.svg) no-repeat left top;
  background-size: auto;
}
.step_frame.finish .btn_secondary.fix,
.step_frame.alert .btn_secondary.fix,
.step_frame.finish .btn_mini.fix,
.step_frame.alert .btn_mini.fix {
  margin: auto;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
}
.step_frame.alert.active::before {
  margin: inherit;
  top: 30px;
  left: -15px;
  bottom: auto;
}
.step_frame .finish_log {
  position: absolute;
  right: 0;
  bottom: -2.5rem;
  font-size: 1.2rem;
  color: #6E8498;
}
.order_pannel {
  margin-top: 3rem;
  margin-bottom: 3rem;
  position: relative;
  /*&:last-of-type {
		margin-bottom: 3rem;
	}*/
}
.order_pannel .order_head {
  display: flex;
  flex-wrap: nowrap;
  padding: 25px 30px;
  background-color: #FFF;
  border-right: 1px solid #BEC8D0;
  border-bottom: 1px solid #BEC8D0;
  border-left: 1px solid #BEC8D0;
  position: relative;
}
.order_pannel .order_head .order_maker {
  width: 45%;
  font-size: 1.2rem;
  color: #6E8498;
}
.order_pannel .order_head .order_maker h4 {
  margin: 0;
  font-size: 2rem;
  color: #30536C;
}
.order_pannel .order_head ul {
  display: flex;
  justify-content: left;
  width: 40%;
}
.order_pannel .order_head ul li {
  font-size: 1.2rem;
  color: #6E8498;
}
.order_pannel .order_head ul li span {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  color: #30536C;
}
.order_pannel .order_head ul .order_quantity,
.order_pannel .order_head ul .order_rooms,
.order_pannel .order_head ul .order_number {
  width: 20%;
}
.order_pannel .order_head ul .order_date {
  width: 35%;
}
.order_pannel .order_head ul .order_cost {
  width: 45%;
}
.order_pannel .order_head ul .order_pattern {
  width: 100%;
}
.order_pannel .order_head .order_button {
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
}
.order_pannel .order_body {
  padding: 25px 30px;
  border-right: 1px solid #BEC8D0;
  border-bottom: 1px solid #BEC8D0;
  border-left: 1px solid #BEC8D0;
  position: relative;
}
.order_pannel .order_body h5 {
  margin-bottom: 1rem;
  font-weight: bold;
}
.order_pannel .order_body .fix {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 20px;
}
.order_pannel .order_body .fix button:last-of-type {
  margin-right: 0;
}
.order_pannel.send::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/icon_check.svg) no-repeat left top;
  background-size: 100% auto;
  position: absolute;
  top: -12px;
  left: -12px;
}
.pattern_panel {
  display: none;
}
/*
.step4 {

	.order_pannel {
		margin-bottom: 3rem;
	}
}*/
.order_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 2.5rem;
}
.order_info li {
  margin-bottom: 2rem;
}
.order_info li:last-child {
  margin-bottom: 0;
}
.order_info li.w_100 {
  width: 100%;
}
.order_info li.w_90 {
  width: 90%;
}
.order_info li.w_80 {
  width: 80%;
}
.order_info li.w_70 {
  width: 70%;
}
.order_info li.w_60 {
  width: 60%;
}
.order_info li.w_50 {
  width: 50%;
}
.order_info li.w_40 {
  width: 40%;
}
.order_info li.w_30 {
  width: 30%;
}
.order_info li.w_20 {
  width: 20%;
}
.order_info li label {
  font-weight: bold;
}
.order_info li input,
.order_info li textarea {
  margin-right: 2rem;
  margin-bottom: 0;
  font-weight: normal;
}
.order_info li input:focus,
.order_info li textarea:focus {
  background-color: #FFF;
}
.order_info li select {
  margin-bottom: 0;
  font-weight: normal;
}
.order_info li select:focus {
  background-color: #FFF;
}
.order_info h5 {
  margin-bottom: 0.5rem;
}
.order_info + .order_info {
  margin-top: 5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #BEC8D0;
}
.prjct_common_link {
  padding-top: 2rem;
  text-align: right;
}
.prjct_common_link button {
  margin-left: 2rem;
}
.prjct_addcompany,
.prjct_adjust {
  margin-top: 5em;
  padding-top: 5rem;
  border-top: 1px dashed #BEC8D0;
}
.prjct_addcompany .order_pannel,
.prjct_adjust .order_pannel {
  margin-top: 1rem;
}
.prjct_addcompany .order_pannel + .bold_title,
.prjct_adjust .order_pannel + .bold_title,
.prjct_addcompany .order_pannel + .order_pannel,
.prjct_adjust .order_pannel + .order_pannel {
  margin-top: 3rem;
}
.prjct_addcompany .prjct_table.order_product input[type='text'],
.prjct_adjust .prjct_table.order_product input[type='text'],
.prjct_addcompany .prjct_table.order_product select,
.prjct_adjust .prjct_table.order_product select {
  background-color: #FFF;
}
.prjct_addcompany .prjct_table.order_product .select_container,
.prjct_adjust .prjct_table.order_product .select_container {
  margin-right: 0;
}
.prjct_addcompany .order_info .select_container,
.prjct_adjust .order_info .select_container {
  margin-right: 2rem;
}
.prjct_finish {
  margin-top: 5em;
  padding-top: 5rem;
  border-top: 1px dashed #BEC8D0;
  text-align: center;
}
.prjct_finish .btn_primary {
  margin: 0 auto 1rem;
}
.master_body {
  margin-top: 2rem;
  padding: 3rem;
  background-color: #FFF;
  border-radius: 10px;
}
.master_body .title_group {
  margin: 0;
}
.master_body .inputmaster {
  margin-bottom: 0;
}
aside {
  width: 100%;
  padding: 0 60px 100px 60px;
  border-top: 1px solid #BEC8D0;
}
aside .memo_group {
  display: flex;
  padding: 5rem 0 0;
}
aside .memo_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
aside .memo_head .memo_title {
  font-weight: bold;
}
aside .memo_head .memo_log {
  font-size: 1.2rem;
  color: #6E8498;
}
aside .memo_txtarea {
  width: 100%;
  height: 120px;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background-color: #FFF;
  border: 1px solid #BEC8D0;
  border-radius: 4px;
  line-height: 1.7;
  resize: vertical;
}
aside .memo_txtarea:disabled {
  background-color: transparent;
}
aside .memo_txtarea:focus {
  background-color: #FFF;
}
aside .btn_group_fl_bw {
  flex-direction: row-reverse;
  margin-bottom: 2rem;
}
aside .btn_group_fl_bw .btn_history {
  font-size: 1.2rem;
}
aside .btn_group_fl_bw .btn_history::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-bottom: 0.2rem;
  margin-left: 0.8rem;
  border-left: 2px solid #30536C;
  border-bottom: 2px solid #30536C;
  transform: rotate(-45deg);
}
aside .btn_group_fl_bw .btn_history:hover {
  color: #0068B7;
}
aside .btn_group_fl_bw .btn_history:hover::after {
  border-left: 2px solid #0068B7;
  border-bottom: 2px solid #0068B7;
}
aside .btn_group_fl_bw .btn_history.open::after {
  margin-bottom: -0.2rem;
  transform: rotate(135deg);
}
aside .memo_pannel {
  display: block;
}
aside .memo_pannel .memo_history {
  padding: 2rem 0;
  border-top: 1px dotted #BEC8D0;
}
aside .memo_pannel .memo_history .memo_log {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #6E8498;
}
aside .estimate_history {
  padding: 5rem 0 0;
}
aside .estimate_history .estimate_title {
  font-weight: bold;
}
aside .estimate_history .history_table {
  width: 100%;
  margin-top: 2rem;
  border-bottom: 1px solid #BEC8D0;
}
aside .estimate_history .history_table tr {
  border-top: 1px solid #BEC8D0;
}
aside .estimate_history .history_table td {
  padding: 3rem 0;
}
aside .estimate_history .history_table .cell_date {
  width: 15%;
  font-weight: bold;
  padding-right: 20px;
}
aside .estimate_history .history_table .cell_name {
  width: 15%;
  padding-right: 20px;
}
aside .estimate_history .history_table .cell_name span {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 2px;
  color: #FFF;
}
aside .estimate_history .history_table .cell_name span.sekaiz {
  background-color: #0068B7;
}
aside .estimate_history .history_table .cell_name span.client {
  background-color: #F2700B;
}
aside .estimate_history .history_table .cell_comment {
  width: calc(70% - 200px);
}
aside .estimate_history .history_table .cell_comment a {
  display: block;
}
aside .estimate_history .history_table .cell_btn {
  width: 200px;
  text-align: right;
}
aside .estimate_history .history_table .cell_btn button {
  float: right;
}
/* 幅調整・配色 */
body.sekaiz .housing_header {
  background-color: #D3EAF3;
}
body.sekaiz .housing_header .hsng_project_nav li.active a {
  background-color: #EDF6FA;
}
body.sekaiz main.setup .prjct_outline .schedule .date_list li {
  width: calc(100% / 3);
}
body.sekaiz main.setup .prjct_outline .schedule .date_list li::after {
  background-color: #EDF6FA;
}
body.sekaiz main.remove .prjct_outline .schedule .date_list li {
  width: 50%;
}
body.sekaiz main .btn_secondary.fix {
  margin: auto;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
}
body.sekaiz main .prjct_table thead {
  background-color: #D3EAF3;
}
body.sekaiz main .prjct_table .row_curtain .curtain_pannel {
  background-color: #D3EAF3;
}
body.sekaiz main .prjct_table.neworder_setup input[type='text'],
body.sekaiz main .prjct_table.neworder_setup select {
  background-color: #FFF;
}
body.sekaiz main .order_pannel .order_head {
  border-top: 4px solid #0068B7;
}
body.sekaiz main .order_pannel .order_body {
  background-color: #EDF6FA;
}
body.sekaiz .memo_relo,
body.sekaiz .memo_sekaiz {
  width: calc(((100% - 120px)/3) + 30px);
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #BEC8D0;
}
body.sekaiz .memo_in_office {
  width: calc((100% - 120px)/3);
}
body.relo .housing_header {
  background-color: #F0E7DC;
}
body.relo .housing_header .hsng_project_nav li.active a {
  background-color: #FCF6EF;
}
body.relo main .prjct_outline .schedule .date_list li {
  width: 50%;
}
body.relo main .prjct_outline .schedule .date_list li::after {
  background-color: #FCF6EF;
}
body.relo main .btn_secondary.fix {
  margin: auto;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
}
body.relo main .prjct_table thead {
  background-color: #F0E7DC;
}
body.relo main .prjct_table .row_curtain .curtain_pannel {
  background-color: #F0E7DC;
}
body.relo main .order_pannel .order_head {
  border-top: 4px solid #F2700B;
}
body.relo main .order_pannel .order_body {
  background-color: #FCF6EF;
}
body.relo main.estimate .step2 .step_alert {
  right: 200px;
}
body.relo .memo_relo {
  width: 50%;
  padding-right: 30px;
  border-right: 1px solid #BEC8D0;
}
body.relo .memo_sekaiz {
  width: 50%;
  padding-left: 30px;
  border-right: none;
}
/* NEW ORDER
----------------------------------- */
.neworder_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}
.neworder_head h1 {
  font-size: 3rem;
  font-weight: bold;
}
.neworder_head .progress_bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 400px;
  position: relative;
}
.neworder_head .progress_bar li {
  width: 25%;
  position: relative;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
  color: #CCC;
}
.neworder_head .progress_bar li::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 1rem auto;
  background-color: #CCC;
  border-radius: 50%;
  text-align: center;
}
.neworder_head .progress_bar li::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #CCC;
  position: absolute;
  z-index: -1;
  top: 8px;
  left: -50%;
}
.neworder_head .progress_bar li:first-child::after {
  content: none;
}
.neworder_head .progress_bar li.current {
  color: #30536C;
}
.neworder_head .progress_bar li.current::before,
.neworder_head .progress_bar li.current::after {
  background-color: #1DD062;
}
.neworder_head .progress_bar li.checked {
  color: #30536C;
}
.neworder_head .progress_bar li.checked::before {
  background: url(../img/icon_check.svg) no-repeat left top;
  background-size: 100%;
}
.neworder_head .progress_bar li.checked::after {
  background-color: #1DD062;
}
.neworder_body {
  background-color: #FFF;
  border-radius: 10px;
}
.neworder_block {
  display: flex;
  border-bottom: 1px solid #BEC8D0;
}
.neworder_block:last-of-type {
  border-bottom: none;
}
.neworder_block .neworder_title {
  width: 150px;
  padding: 3rem;
  font-weight: bold;
}
.neworder_block .neworder_container {
  width: calc(100% - 150px);
  padding: 3rem;
  border-left: 1px solid #BEC8D0;
}
.neworder_block .neworder_container #multi .input_group_flex {
  align-items: end;
}
.neworder_block .neworder_container #multi .btn_roomcount {
  margin-bottom: 2.5rem;
}
.neworder_block .neworder_container #rooms_group input[type='text'],
.neworder_block .neworder_container .rooms_group input[type='text'] {
  margin-top: 0;
  margin-right: 1rem;
}
.neworder_block .neworder_container textarea {
  margin: 0;
}
.neworder_block .neworder_container .radio_pannel {
  padding-left: 0;
}
.neworder_block .neworder_container .srch_neworder .label_radio {
  margin-bottom: 0;
}
.neworder_block .order_pattern + .order_pattern {
  margin-bottom: 4rem;
}
.neworder_block .order_pattern h3 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.neworder_block .order_pattern .order_head {
  display: block;
}
.neworder_block .order_pattern .order_head p {
  margin-bottom: 1rem;
}
.neworder_block .order_pattern .order_head p:last-of-type {
  margin-bottom: 0;
}
.neworder_block .order_pattern .order_head .btn_list {
  display: flex;
  flex-wrap: wrap;
}
.neworder_block .order_pattern .order_head .btn_list .btn_room {
  height: 30px;
  margin-right: 1rem;
  margin-top: 1rem;
  padding: 0 1.5rem 0 3rem;
  border: 1px solid #0068B7;
  border-radius: 15px;
  line-height: 30px;
  color: #0068B7;
  position: relative;
}
.neworder_block .order_pattern .order_head .btn_list .btn_room::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-radius: 4px;
  background-color: #CCC;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
}
.neworder_block .order_pattern .order_head .btn_list .btn_room.selected {
  background-color: #0068B7;
  color: #FFF;
  cursor: default;
}
.neworder_block .order_pattern .order_head .btn_list .btn_room.selected::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 6px;
  margin: auto;
  border-bottom: 2px solid #FFF;
  border-left: 2px solid #FFF;
  border-radius: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  transform: rotate(-45deg);
}
.neworder_block .order_pattern .order_head .name {
  font-size: 2rem;
}
.neworder_block .order_pattern .order_head .room_number {
  font-size: 1.6rem;
  font-weight: bold;
}
.neworder_block .order_pattern .order_body .title_group {
  margin: 0 0 1.5rem;
}
.neworder_block .order_pattern .order_body .title_group .select {
  margin-left: auto;
}
.neworder_block .order_pattern .order_body .title_group .select label {
  font-size: 1.2rem;
  font-weight: normal;
}
.neworder_block .order_pattern .order_body .title_group .select .label_text {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.neworder_block .order_pattern .order_body .title_group .select .select_container {
  display: inline-block;
  margin-right: 0.5rem;
}
.neworder_block .order_pattern .order_body .title_group .select select {
  margin: 0;
  font-size: 1.2rem;
}
.neworder_block .order_pattern .order_body .prjct_table input[type='text'],
.neworder_block .order_pattern .order_body .prjct_table select {
  background-color: #FFF;
}
.neworder_block .order_pattern .order_body .prjct_table input[type='text']:disabled,
.neworder_block .order_pattern .order_body .prjct_table select:disabled {
  border: none;
}
.neworder_block .order_pattern .order_body .prjct_table + .btn_group_fl_bw {
  margin: 2rem 0;
}
.neworder_block .order_pattern .order_pannel {
  margin-top: 0;
}
.neworder_preview_title {
  display: block;
  padding: 4rem;
  position: relative;
  text-align: center;
}
.neworder_preview_title h2 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: bold;
}
.neworder_preview_title .btn_group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.neworder_preview_title .btn_group button {
  margin-right: 2rem;
}
.neworder_preview_title .btn_group button:last-of-type {
  margin-right: 0;
}
.neworder_preview {
  padding: 5rem;
  background-color: #F0E7DC;
}
.neworder_preview .document {
  width: 800px;
  margin: auto;
  background-color: #FFF;
}
.neworder_foot {
  margin-top: 3rem;
  text-align: center;
  position: relative;
}
.neworder_foot .btn_primary {
  margin: 0 auto;
}
.neworder_foot .btn_back {
  display: block;
  height: 40px;
  margin: auto;
  padding: 0 24px;
  border-radius: 20px;
  background-color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
  line-height: 40px;
  color: #30536C;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.neworder_foot .btn_back:hover {
  color: #0068B7;
}
/* FORM
----------------------------------- */
input[type='text'],
input[type='tell'],
input[type='email'],
input[type='password'],
input[type='date'],
textarea,
select {
  display: block;
  height: 40px;
  margin-top: 0.8rem;
  margin-bottom: 2rem;
  padding: 0 1rem;
  border: 1px solid #BEC8D0;
  border-radius: 4px;
  background-color: #fff;
  font-weight: normal;
  line-height: 40px;
  resize: none;
  appearance: none;
  -webkit-appearance: none;
  color: #30536C;
}
input[type='text']:focus,
input[type='tell']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='date']:focus,
textarea:focus,
select:focus {
  border: 1px solid #0068B7;
  background-color: #EDF6FA;
  outline: 0;
}
input[type='text']:disabled,
input[type='tell']:disabled,
input[type='email']:disabled,
input[type='password']:disabled,
input[type='date']:disabled,
textarea:disabled,
select:disabled {
  background-color: #EEE;
  border: 1px solid #E8E8E8;
  color: #6E8498;
}
input[type='radio'] {
  cursor: pointer;
}
input[type='date']::-webkit-calendar-picker-indicator {
  background-image: url(../img/icon_calendar.svg);
}
textarea {
  width: 100%;
  height: 120px;
  line-height: 1.7;
  resize: vertical;
}
select[multiple="multiple"] {
  height: auto;
  line-height: 50px;
}
.label_radio {
  display: block;
  margin-bottom: 2rem;
  padding-left: 3rem;
  position: relative;
  cursor: pointer;
}
.label_radio span::before,
.label_radio span::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.label_radio span::before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #BEC8D0;
  border-radius: 50%;
  left: 5px;
}
.label_radio span::after {
  width: 12px;
  height: 12px;
  background-color: #0068B7;
  border-radius: 50%;
  left: 9px;
  opacity: 0;
}
.label_radio input:checked + span::after {
  opacity: 1;
}
.label_radio input:focus + span::before {
  border: 1px solid #0068B7;
}
.label_check {
  display: block;
  margin-bottom: 2rem;
  padding-left: 3rem;
  position: relative;
  cursor: pointer;
}
.label_check span::before,
.label_check span::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.label_check span::before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #BEC8D0;
  border-radius: 4px;
  left: 5px;
}
.label_check span::after {
  width: 14px;
  height: 8px;
  border-bottom: 3px solid #0068B7;
  border-left: 3px solid #0068B7;
  top: 5px;
  left: 9px;
  transform: rotate(-45deg);
  opacity: 0;
}
.label_check input:checked + span::after {
  opacity: 1;
}
.label_check input:focus + span::before {
  border: 1px solid #0068B7;
}
.radio_pannel {
  display: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 3rem;
}
.btn_radio {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin-top: 0.8rem;
  margin-bottom: 2rem;
  border: 1px solid #BEC8D0;
  border-radius: 4px;
}
.btn_radio li {
  margin-right: 0 !important;
  position: relative;
}
.btn_radio li input {
  display: inline-block;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.btn_radio li input:checked + span {
  background-color: #0068B7;
  color: #FFF;
}
.btn_radio li span {
  display: inline-block;
  height: 40px;
  padding: 0 2.5rem;
  border-right: 1px solid #BEC8D0;
  line-height: 40px;
  font-weight: normal;
}
.btn_radio li:last-child span {
  border-right: none;
}
.select_container {
  display: block;
  position: relative;
}
.select_container::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-left: 1px solid #30536C;
  border-bottom: 1px solid #30536C;
  position: absolute;
  right: 1.2rem;
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
}
.select_container select {
  padding-right: 3rem;
}
.calendar_group {
  display: block;
}
.calendar_group input[type='date'] {
  display: inline-block;
}
.require {
  display: inline-block;
  height: 16px;
  margin-left: 0.5rem;
  padding: 0 10px;
  background-color: #FE4662;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 16px;
}
.input_group li label:not(.label_radio):not(.label_check) {
  font-weight: bold;
}
.input_group li input {
  margin-right: 0;
}
.input_group_flex {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  align-items: center;
}
.input_group_flex li {
  margin-right: 2rem;
}
.input_group_flex li.w_100 {
  width: 100%;
  margin-right: 0;
}
.input_group_flex li .note {
  font-size: 1.2rem;
  font-weight: normal;
}
.input_group_flex li label:not(.label_radio):not(.label_check) {
  font-weight: bold;
}
.input_group_flex li:last-child {
  margin-right: 0;
}
/* size */
input[type='text'].w_xsmall,
input[type='tell'].w_xsmall,
input[type='email'].w_xsmall,
input[type='password'].w_xsmall,
input[type='date'].w_xsmall,
textarea.w_xsmall,
select.w_xsmall,
.select_container.w_xsmall {
  width: 7rem !important;
}
input[type='text'].w_small,
input[type='tell'].w_small,
input[type='email'].w_small,
input[type='password'].w_small,
input[type='date'].w_small,
textarea.w_small,
select.w_small,
.select_container.w_small {
  width: 10rem;
}
input[type='text'].w_middle,
input[type='tell'].w_middle,
input[type='email'].w_middle,
input[type='password'].w_middle,
input[type='date'].w_middle,
textarea.w_middle,
select.w_middle,
.select_container.w_middle {
  width: 15rem;
}
input[type='text'].w_large,
input[type='tell'].w_large,
input[type='email'].w_large,
input[type='password'].w_large,
input[type='date'].w_large,
textarea.w_large,
select.w_large,
.select_container.w_large {
  width: 25rem;
}
input[type='text'].w_xlarge,
input[type='tell'].w_xlarge,
input[type='email'].w_xlarge,
input[type='password'].w_xlarge,
input[type='date'].w_xlarge,
textarea.w_xlarge,
select.w_xlarge,
.select_container.w_xlarge {
  width: 40rem;
}
input[type='text'].inline {
  display: inline-block;
  margin: 0;
}
p:has(+ input[type='text'].inline) {
  margin-bottom: 1rem !important;
}
/* MODAL
----------------------------------- */
.modal_content {
  display: none;
}
.modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  overflow-y: scroll;
}
.modal .overlay {
  width: 100%;
  min-height: 100vh;
  background-color: #30536C;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.85;
}
.modal .modal_wrapper {
  width: 1000px;
  margin: 60px auto;
  background-color: #FFF;
  border-radius: 10px;
  position: relative;
  text-align: center;
}
.modal .modal_wrapper.alignC {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal .modal_wrapper.small {
  width: 500px;
}
.modal .modal_content {
  display: block;
  padding: 4rem;
  position: relative;
}
.modal .modal_content h1 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
.modal .modal_content .howto_send {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.modal .modal_content .howto_send .mail,
.modal .modal_content .howto_send .document {
  padding-bottom: 2rem;
  border: 1px solid #BEC8D0;
  border-radius: 4px;
  text-align: center;
}
.modal .modal_content .howto_send .mail {
  width: 230px;
}
.modal .modal_content .howto_send .document {
  width: 650px;
}
.modal .modal_content .howto_send h2 {
  margin-bottom: 1.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #BEC8D0;
}
.modal .modal_content .howto_send .label_check {
  margin: 0 1.5rem 0 2.5rem;
}
.modal .modal_content .mail_table {
  margin: 3rem 0 2rem;
  padding-top: 3rem;
  border-top: 1px solid #BEC8D0;
}
.modal .modal_content .mail_table table {
  width: 100%;
}
.modal .modal_content .mail_table td {
  width: 90%;
  padding: 0.8rem 0;
  text-align: left;
  vertical-align: middle;
}
.modal .modal_content .mail_table td:first-of-type {
  width: 10%;
}
.modal .modal_content .mail_table input[type="text"],
.modal .modal_content .mail_table textarea {
  width: 100%;
  margin: 0;
}
.modal .modal_content .mail_table .mail_sender {
  display: flex;
  justify-content: space-between;
}
.modal .modal_content .mail_table .mail_sender div {
  display: flex;
}
.modal .modal_content .mail_table .mail_sender div label {
  margin-right: 1.5rem;
  margin-bottom: 0;
}
.modal .modal_content .mail_table .mail_sender div .btn_mini {
  margin-left: 1.5rem;
  padding: 0 12px;
}
.modal .modal_content .mail_table .input_group_flex label {
  margin-bottom: 0;
}
.modal .modal_content .btn_close {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: 25px;
}
.modal .modal_content .btn_close::before,
.modal .modal_content .btn_close::after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  margin: auto;
  background-color: #30536C;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal .modal_content .btn_close::before {
  transform: rotate(45deg);
}
.modal .modal_content .btn_close::after {
  transform: rotate(-45deg);
}
.modal .modal_content .btn_close:hover::before,
.modal .modal_content .btn_close:hover::after {
  background-color: #0068B7;
}
.modal .modal_preview {
  padding: 5rem;
  overflow-y: auto;
}
.modal .modal_preview .document {
  width: 800px;
  margin: auto;
  background-color: #FFF;
}
#modal_send {
  padding: 10rem 0;
}
#modal_send button {
  margin-right: auto;
  margin-left: auto;
}
#modal_send + .modal_preview {
  display: none;
}
#modal_send_x {
  padding: 10rem 0;
}
#modal_send_x button {
  margin-right: auto;
  margin-left: auto;
}
#modal_send_x + .modal_preview {
  display: none;
}
#modal_inputname .inputname {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #BEC8D0;
  text-align: left;
}
#modal_inputname input[type='text'] {
  width: 100%;
}
#modal_inputname button {
  margin: 0 auto;
}
#modal_inputname + .modal_preview {
  display: none;
}
#modal_history .history {
  margin-top: 3rem;
  border-top: 1px solid #BEC8D0;
}
#modal_history .history td {
  width: 25%;
  text-align: left;
  font-size: 1.2rem;
}
#modal_history .history td:first-of-type {
  width: 10%;
}
#modal_history .history td.btn {
  width: 40%;
  padding-right: 0;
  text-align: right;
}
#modal_history .history td.btn button {
  display: inline-block;
  margin-right: 0;
}
#modal_history + .modal_preview {
  display: none;
}
body.sekaiz .modal_preview {
  background-color: #D3EAF3;
}
body.relo .modal_preview {
  background-color: #F0E7DC;
}
/* FOOTER
----------------------------------- */
footer {
  margin: 5rem 0 2rem;
  text-align: center;
}
.login + footer {
  margin: auto;
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
}

.download {
  display: flex;
  justify-content: right;
  align-items: center;
}