@charset "UTF-8";
/* ==================================================
	c-input
================================================== */
.c-input {
  display: block;
  width: 100%;
  border: 1px solid #D5D5D5;
  height: 55px;
  font-size: 1.6rem;
  padding: 0 15px;
  background: #fff;
}
.c-input.horizon {
  display: inline-block;
}
.c-input--yellow {
  background: #FFE8B2;
}
.c-inputRow .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.c-inputRow .row:last-child {
  margin-bottom: 0;
}
.c-inputRow .row .head {
  font-size: 1.4rem;
}
.c-inputRow .text-lbl {
  min-width: 28px;
}

/* ==================================================
	c-btn01
================================================== */
.c-btn01 {
  max-width: 325px;
  width: 100%;
  height: 60px;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: repeating-linear-gradient(to bottom, #3A6BB4, #0D346F);
  margin: 0 auto;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
}
.c-btn01--small {
  height: 50px;
  max-width: 290px;
}
.c-btn01--disabled {
  pointer-events: none;
  background: #BABABA;
}
.c-btn01--gray {
  background: repeating-linear-gradient(to bottom, #797979, #383838);
}
.c-btn01--yellow {
  background: repeating-linear-gradient(to bottom, #E6C142, #866E1E);
}
.c-btn01:hover {
  opacity: 0.7;
}
.c-btn01--superSmall {
  width: 80px;
  height: 40px;
  font-size: 1.3rem;
}
.c-btn01.left {
  margin-left: 0;
}

/* ==================================================
	c-ttl01
================================================== */
.c-ttl01 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}

/* ==================================================
	c-form
================================================== */
.c-form .text-lbl {
  display: inline-block;
}
.c-form .text-lbl.left {
  margin-right: 10px;
}
.c-form .text-lbl.right {
  margin-left: 10px;
}
.c-form .text-lbl.center {
  margin: 0 10px;
}
.c-form .sub-part {
  margin-top: 12px;
}
.c-form .sub-part .ttl {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 12px;
}
.c-form .dot {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 10px;
  background: #333;
  display: block;
}
.c-form_main {
  margin-bottom: 40px;
}
.c-form_row {
  margin-bottom: 25px;
}
.c-form_row:last-child {
  margin-bottom: 0;
}
.c-form_row .head {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 12px;
}
.c-form_row .head-sub {
  font-size: 1.2rem;
  margin-left: 15px;
}
.c-form_row .head .lbl {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  width: 34px;
  height: 16px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #C10000;
  margin-right: 18px;
}
.c-form_row dd {
  font-weight: 400;
}
.c-form .note {
  font-size: 1.3rem;
  color: #8E8E8E;
  margin-top: 13px;
  font-weight: bold;
}
.c-form .full-name > input {
  width: 48.5%;
}
.c-form .dob .c-select:first-child {
  width: 135px;
}
.c-form .dob .c-select:last-child {
  width: 90px;
  margin-left: 15px;
}
.c-form .dob .c-select:last-child .c-select_part {
  width: 65px;
  flex-shrink: 0;
}
.c-form .row-canRemove {
  display: flex;
  align-items: flex-start;
  margin-bottom: 13px;
}
.c-form .row-canRemove:last-child {
  margin-bottom: 0;
}
.c-form .row-canRemove.is-active .row-canRemove__icon {
  opacity: 1;
  pointer-events: initial;
}
.c-form .row-canRemove__icon {
  max-width: 21px;
  flex-shrink: 0;
  margin-right: 14px;
  margin-top: 27px;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
.c-form .row-canRemove__icon:hover {
  opacity: 0.7 !important;
}
.c-form .row-canRemove__ct {
  flex: 1;
}

/* ==================================================
	c-checkbox
================================================== */
.c-checkbox {
  cursor: pointer;
  padding-bottom: 15px;
  padding-top: 4px;
}
.c-checkbox input[type=checkbox] {
  display: none;
}
.c-checkbox input[type=checkbox]:checked ~ label:after {
  opacity: 1;
}
.c-checkbox label {
  position: relative;
  font-size: 1.2rem;
  padding-left: 35px;
  display: block;
  cursor: pointer;
}
.c-checkbox label:before {
  content: "";
  width: 22px;
  height: 22px;
  border: 1px solid #D5D5D5;
  background: #fff;
  position: absolute;
  top: -4px;
  left: 0;
}
.c-checkbox label:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: 4px solid #3262A8;
  border-left: none;
  border-top: none;
  transform: rotate(45deg) skewY(-5deg);
  opacity: 0;
}
.c-checkbox.normal label {
  font-size: 1.4rem;
}

.c-checkboxList--horizon {
  margin-bottom: -15px;
}
.c-checkboxList--horizon .c-checkbox {
  display: inline-block;
  margin-right: 40px;
}
.c-checkboxList--horizon.sameWidth {
  display: flex;
  flex-wrap: wrap;
}
.c-checkboxList--horizon.sameWidth .c-checkbox {
  width: 33.33%;
  padding-right: 10px;
  margin-right: 0;
}

/* ==================================================
	c-radio
================================================== */
.c-radio {
  cursor: pointer;
  padding-bottom: 15px;
}
.c-radio input[type=radio] {
  display: none;
}
.c-radio input[type=radio]:checked ~ label:after {
  opacity: 1;
}
.c-radio label {
  position: relative;
  font-size: 1.4rem;
  padding-left: 27px;
  display: block;
  cursor: pointer;
  font-weight: 500;
}
.c-radio label:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #D5D5D5;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 50%;
}
.c-radio label:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  background: #3262A8;
  opacity: 0;
  border-radius: 50%;
}

.c-radioList--horizon {
  margin-bottom: -15px;
}
.c-radioList--horizon .c-radio {
  display: inline-block;
  margin-right: 40px;
}
.c-radioList--horizon.sameWidth {
  display: flex;
  flex-wrap: wrap;
}
.c-radioList--horizon.sameWidth .c-radio {
  width: 33.33%;
  padding-right: 10px;
  margin-right: 0;
}

/* ==================================================
	c-select
================================================== */
.c-select {
  display: flex;
  align-items: center;
}
.c-select_part {
  position: relative;
  height: 55px;
  width: 100%;
}
.c-select_part:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 4px 0 4px;
  border-color: #333 transparent transparent transparent;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
  pointer-events: none;
}
.c-select_part select {
  width: 100%;
  height: inherit;
  border: 1px solid #D5D5D5;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 15px;
}
.c-select_part select option:not(:first-child) {
  color: #333;
}
.c-select_part select.is-active {
  color: #333;
}
.c-select_txt {
  flex-shrink: 0;
  margin: 0 10px;
}

/* ==================================================
	c-textarea
================================================== */
.c-textarea {
  height: 140px;
  border: 1px solid #D5D5D5;
  background: #fff;
  font-size: 1.6rem;
  width: 100%;
  resize: none;
  font-weight: 400;
  padding: 15px;
  font-family: inherit;
}
.c-textarea::placeholder {
  font-weight: 300;
}

/* ==================================================
	c-password
================================================== */
.c-password {
  position: relative;
}
.c-password .c-input {
  padding-right: 60px;
}
.c-password_show {
  border: none;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  z-index: 1;
  cursor: pointer;
  width: 20px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==================================================
	c-box
================================================== */
.c-box {
  background: #fff;
  padding: 30px 15px 40px;
  font-weight: bold;
}
.c-box_ttl {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
.c-box_ct p {
  font-size: 1.3rem;
  line-height: 1.4;
}

/* ==================================================
	c-box02
================================================== */
.c-box02 {
  background: #fff;
  padding: 20px;
}
.c-box02 .ttl {
  text-align: center;
  font-size: 1.6rem;
  color: #D90000;
  margin-bottom: 10px;
}

/* ==================================================
	c-menuList
================================================== */
.c-menuList {
  margin-top: 20px;
}
.c-menuList li a {
  font-size: 1.6rem;
  padding: 20px 25px;
  color: #333333;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #F7F7F7;
  position: relative;
  padding-right: 50px;
}
.c-menuList li a:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 3px solid;
  border-left: none;
  border-bottom: none;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
}
.c-menuList li:last-child a {
  border: none;
}
.c-menuList li .note {
  border-bottom: 1px solid;
}
.c-menuList li .notify {
  position: relative;
}
.c-menuList li .notify:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #E80000;
  border-radius: 50%;
  top: -5px;
  right: -15px;
  position: absolute;
}

/* ==================================================
	c-control
================================================== */
.c-control {
  position: fixed;
  top: 0;
  width: 100%;
  height: 45px;
  background: #000;
  left: 0;
  max-width: 750px;
  margin: 0 auto;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
  padding: 0 50px;
  z-index: 99;
}
.c-control .ico {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==================================================
	c-radioBox
================================================== */
.c-radioBox {
  margin-bottom: 15px;
}
.c-radioBox input {
  display: none;
}
.c-radioBox label {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  font-weight: bold;
  position: relative;
  padding: 12px 12px 12px 40px;
  flex-wrap: wrap;
  cursor: pointer;
}
.c-radioBox label:before {
  content: "";
  position: absolute;
  border: 1px solid #D5D5D5;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  left: 10px;
  top: 17px;
}
.c-radioBox label:after {
  content: "";
  position: absolute;
  top: 20.5px;
  left: 16px;
  border: 3px solid #fff;
  width: 4px;
  height: 7px;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
}
.c-radioBox label .txt {
  font-size: 1.6rem;
  /* position: relative; */
  margin-right: 10px;
}
.c-radioBox .price-box {
  display: flex;
  align-items: center;
}
.c-radioBox .price-box .price {
  font-size: 1.9rem;
}
.c-radioBox .price-box .price small {
  font-size: 1.8rem;
}
.c-radioBox .price-box .price dd {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 3px;
}
.c-radioBox .price-box dd {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 5px;
}
.c-radioBox input:checked ~ label:before {
  background: #3262A8;
}
.c-radioBox input:checked ~ label {
  border-color: #3262A8;
}

.txtGradient01 {
  background: -webkit-linear-gradient(#B59B0F, #E0CB59, #B59B0F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ==================================================
	c-table
================================================== */
.c-table th {
  font-weight: bold;
  background: #103874;
  color: #fff;
  padding: 15px 10px;
}
.c-table td {
  font-weight: 400;
  border-bottom: 1px solid #EBEBEB;
  background: #fff;
  padding: 15px 10px;
}

/* ==================================================
	c-settings
================================================== */
.c-settings li {
  font-size: 1.6rem;
  padding: 20px 25px;
  color: #333333;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #F7F7F7;
  position: relative;
  padding-right: 90px;
}
.c-settings li .c-switch {
  position: absolute;
  top: 16px;
  right: 25px;
}

/* ==================================================
	c-switch
================================================== */
.c-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 32px;
}
.c-switch input {
  display: none;
}
.c-switch input:checked + .slider {
  background-color: #3262A8;
}
.c-switch input:checked + .slider:before {
  transform: translateX(21px);
}
.c-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E3E3E3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.c-switch .slider:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

/* ==================================================
	c-news
================================================== */
.c-news li {
  margin-bottom: 12px;
}
.c-news li:last-child {
  margin-bottom: 0;
}
.c-news a {
  display: block;
  background: #fff;
  padding: 25px;
}
.c-news .date {
  font-weight: 400;
  color: #ADADAD;
  line-height: 1;
  margin-bottom: 10px;
}
.c-news .ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

#modal.iziModal .iziModal-header-title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}

/* ==================================================
	c-upload
================================================== */
.c-uploadPhotoMain {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -4%;
  padding-bottom: 30px;
}
.c-uploadPhotoMain .photo {
  width: 48%;
  margin-bottom: 4%;
  position: relative;
}
.c-uploadPhotoMain .photo-remove {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 25px;
  z-index: 1;
  cursor: pointer;
}
.c-uploadPhotoMain .photo-remove:hover {
  opacity: 0.7;
}
.c-uploadBox {
  border: 2px dashed #CFD4DD;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.c-uploadBox:hover > * {
  opacity: 0.7;
}
.c-uploadBox .file {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.c-uploadBox .ico {
  pointer-events: none;
  width: 42px;
  margin-right: 30px;
}
.c-uploadBox p {
  pointer-events: none;
  font-size: 1.6rem;
  font-weight: bold;
}

select:invalid {
  color: #BBBBBB;
}

/* ==================================================
	c-handleError
================================================== */
.c-handleError .c-input {
  background: #fff !important;
  border-color: #F40000 !important;
}
.c-handleError .c-select_part select {
  background: #fff !important;
  border-color: #F40000 !important;
}
.c-handleError .c-checkbox label:before {
  background: #fff !important;
  border-color: #F40000 !important;
}
.c-handleError .c-radio label:before {
  background: #fff !important;
  border-color: #F40000 !important;
}
.c-handleError-msg {
  background: #FFEDED;
  text-align: center;
  padding: 8px 10px;
}
.c-handleError-msg p {
  font-size: 1.2rem;
  color: #F40000;
}
.c-handleError-msg.text-left {
  text-align: left;
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 750px;
  margin: 0 auto;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  z-index: 999;
}
.c-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  max-width: inherit;
  right: 0;
  margin: 0 auto;
}
.c-modal__inner {
  position: relative;
  z-index: 2;
  border-radius: 3px;
  overflow: hidden;
}
.c-modal__head {
  background: #003e6c !important;
  padding: 10px 15px 12px;
  box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0 #555;
  overflow: hidden;
  position: relative;
  z-index: 10;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  position: relative;
}
.c-modal__close {
  display: block;
  z-index: 2;
  outline: 0;
  height: 30px;
  width: 30px;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0.3;
  border-radius: 50%;
  transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity 0.5s ease;
  background-size: 67% !important;
  -webkit-tap-highlight-color: transparent;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  position: absolute;
  top: 7px;
  right: 10px;
}
.c-modal__close:hover {
  transform: rotate(180deg);
  opacity: 0.8;
}
.c-modal__content {
  background: #fff;
  padding: 40px 20px 30px;
}
.c-modal__content p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.c-modal__btnList {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.c-modal__btn {
  border: none;
  height: 30px;
  border-radius: 3px;
  font-size: 1.2rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  margin: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: repeating-linear-gradient(to bottom, #797979, #383838);
  color: #fff;
  border-color: #e3e3e3;
  margin-bottom: 7px;
}
.c-modal__btn--1 {
  width: 145px;
}
.c-modal__btn--2 {
  width: 110px;
}
.c-modal__btnBlue {
  background: repeating-linear-gradient(to bottom, #3A6BB4, #0D346F);
  color: #fff;
}
.c-modal__message {
  font-size: 1.6rem;
  padding: 18px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #000;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  border-radius: 10px;
}

.c-errorBox {
  color: #F40000;
  background: #FFEDED;
  border: 1px solid #F40000;
  padding: 20px 10px;
  font-size: 1.2rem;
  margin-bottom: 25px;
}
.c-errorBox.small {
  background: #FFEDED;
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 20px;
}
.c-errorBox.no-border {
  border: none;
}

.c-card__item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  padding: 15px 0;
}
.c-card__icon {
  width: 32.5px;
}
.c-card__btn {
  width: 55.5px;
}
.c-card__btn .btn {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAEA;
  border-radius: 30px;
}
.c-card__content {
  flex: 1;
  margin: 0 10px;
}
@media print, screen and (max-width: 360px) {
  .c-card__content {
    font-size: 1.3rem;
  }
}

.c-totalRow {
  margin-top: 20px;
  border-top: 1px solid #D5D5D5;
  padding-top: 20px;
}
.c-totalRow .head {
  font-weight: bold;
}
.c-totalRow .price {
  font-weight: bold;
  font-size: 1.9rem;
  margin-right: 10px;
  line-height: 1;
  display: inline-block;
}
.c-totalRow .price.big {
  font-size: 2.8rem;
}
.c-totalRow .price .unit {
  font-size: 1.8rem;
}

.c-optionSub input[type=radio]:checked ~ .option-sub,
.c-optionSub input[type=checkbox]:checked ~ .option-sub {
  display: block;
}
.c-optionSub .option-sub {
  display: none;
  padding-left: 30px;
  padding-top: 10px;
}

.textColor01 {
  color: #143D7A;
}

.c-selectionList__main {
  border: 1px solid #D5D5D5;
  border-top: none;
  background: #fff;
  padding: 0 15px;
}
.c-selectionList__main .item {
  padding: 15px 0;
  border-bottom: 1px solid #EDEDED;
  font-size: 1.4rem;
}
.c-selectionList__main .item:last-child {
  border-bottom: none;
}

/* 物件編集画面の駅要素削除ボタン */

.c-selectionList__input input,
.c-selectionList__input a {
    display: inline-block;
    vertical-align: middle; 
    margin-left: 5px;
}

/* 物件編集画面の駅名クリアボタン */
.c-input-container {
    position: relative;
    display: inline-block;
    width: 90%; /* 親要素の横幅を100%に設定 */
}

.clear-button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999; /* クリアボタンの色（適宜変更してください） */
}

/* 追加されたスタイル */
.c-input-container input {
    /* アイコンの幅 + マージンの合計を除いた幅 */
    width: calc(100% - 0px);
    box-sizing: border-box;
}






.chartArea {
  margin-bottom: 0;
  display: none;
}

.chartArea.is-active {
  display: block;
}

.chartArea a {
  color: #fff;
}

.chartArea p {
  color: #fff;
}

.chartArea .current__month {
  font-size: 1.8rem;
  color: #fff;
  display: flex;
  align-items: center;
}

.chartArea .current__month select {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  padding: 0 5px;
  color: #ffcc00;
}

.chartArea .current__month select option {
  background: none;
  color: #222;
}

/*
.chartArea .prev__month:before {
  content: "?";
  font-family: edit;
  margin-right: 5px;
}

.chartArea .next__month:after {
  content: "?";
  font-family: edit;
  margin-left: 5px;
}
*/

.chartArea .chart {
  margin-bottom: 0;
  margin-left: 10px;
}

.chartArea .chart__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chartArea .chart__total .text__1 {
  font-size: 1rem;
  font-weight: bold;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10%;
}

.chartArea .chart__total .text__1 span {
  font-size: 0.8rem;
}

.chartArea .text__2 {
  font-size: 2.1rem;
  margin-left: 10px;
}

.chartArea .text__3 {
  font-size: 1.4rem;
  margin-left: 5px;
  padding-top: 4px;
  font-weight: 600;
}

.chartArea .chart__box {
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  padding: 5px 15px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chartArea .chart__box__style01 {
  background: #0f4966;
}

.chartArea .chart__box__style02 {
  background: rgba(216, 39, 20, 0.7);
}

.chartArea .chart__box .text__1 {
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bold;
  position: relative;
}

.chartArea .chart__box .text__1 span {
  font-size: 1.2rem;
}

.chartArea .chart__foot .report__updated {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  cursor: pointer;
  position: relative;
}

.chartArea .chart__foot .report__updated:after {
  content: "?";
  font-family: "icomoon" !important;
  position: absolute;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  right: 0;
}

.chartArea .chart__foot .report__updated__ttl {
  font-size: 1.4rem;
}

.chartArea .chart__foot .report__updated__value {
  color: #ffcc00;
  margin-right: 20px;
  font-weight: bold;
  font-size: 1.4rem;
}

/* .chartArea .chart__foot .text__1:before {
    content: '';
    display: block;
    background-image: url(../img/icon-7.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    } */
.chartArea .chart__box .text__2 {
  font-weight: bold;
  font-size: 2.4rem;
}

/* Chart Bar Default */
.chartBarDefault {
  display: flex;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: auto;
}

.chartBarDefault .chartColumn {
  min-width: 30px;
  max-width: 30px;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.chartBarDefault .chartColumn .xAxis {
  text-align: center;
  margin-top: 10px;
}

.chartBarDefault .xAxis__year .xAxis__value {
  font-size: 1rem;
}

.chartBarDefault .xAxis__month .xAxis__value {
  font-size: 1rem;
  line-height: 23px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
}

.chartBarDefault .chartValueArea {
  height: 150px;
}

.chartBarDefault .chartValue__positiveArea {
  border-bottom: 1px solid #fff;
  position: relative;
}

.chartBarDefault .chartColumn:last-child .chartValue__positiveArea:before {
  content: "0";
  font-size: 1rem;
  color: #fff;
  position: absolute;
  top: calc(100% - 7px);
  left: -10px;
}

.chartBarDefault .chartValue__negativeArea {
  position: relative;
}

.chartBarDefault .chartValue {
  padding: 0 4px;
  width: 100%;
}

.chartBarDefault .chartValue span {
  display: block;
  height: 100%;
  color: transparent;
  text-indent: -99px;
  overflow: hidden;
}

.chartBarDefault .chartValue__tooltip {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.95);
  border: 1px solid white;
  padding: 5px;
  border-radius: 5px;
  min-width: 60px;
  z-index: 1;
  direction: ltr;
}

.chartBarDefault .chartValue__tooltip:after,
.chartBarDefault .chartValue__tooltip:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.chartBarDefault .chartValue__positive .chartValue__tooltip {
  top: 5px;
}

.chartBarDefault .chartValue__positive .chartValue__tooltip:before {
  top: -6px;
  border-bottom: 5px solid rgba(255, 255, 255, 0.95);
}

.chartBarDefault .chartValue__positive .chartValue__tooltip:after {
  top: -5px;
  border-bottom: 5px solid rgba(0, 0, 0, 0.95);
}

.chartBarDefault .chartValue__negative .chartValue__tooltip {
  bottom: 5px;
}

.chartBarDefault .chartValue__negative .chartValue__tooltip:before {
  bottom: -6px;
  border-top: 5px solid rgba(255, 255, 255, 0.95);
}

.chartBarDefault .chartValue__negative .chartValue__tooltip:after {
  bottom: -5px;
  border-top: 5px solid rgba(0, 0, 0, 0.95);
}

.chartBarDefault .chartColumn__selected .chartValue__tooltip,
.chartBarDefault .chartColumn__active .chartValue__tooltip,
.chartBarDefault .chartValue__tooltip--active {
  display: block;
}

.chartBarDefault .chartValue__tooltip p {
  font-size: 1rem;
  white-space: nowrap;
  display: block;
}

.chartBarDefault .chartValue__hidden {
  visibility: hidden;
}

/* Chart Bar Style 01 */
.chartBar__style01 .chartValue {
  position: absolute;
}

.chartBar__style01 .chartValue__positive {
  bottom: 0;
}

.chartBar__style01 .chartValue__negative {
  top: 0;
}

/* Chart Bar Stacked Style 01 */
.chartBarStack__style01 .chartValue__positiveArea {
  display: flex;
  flex-direction: column-reverse;
}

.chartBarStack__style01 .chartValue {
  position: relative;
}

.chartBarStack__color01 .chartColumn__selected .chartValueArea .chartValue:before,
.chartBarStack__color01 .chartColumn:hover .chartValue:before,
.chartBarStack__color01 .chartColumn__active .chartValueArea .chartValue:before {
  content: "";
  width: calc(100% - 8px);
  height: 100%;
  position: absolute;
  left: 4px;
}

/* Chart Bar Color 01 */
.chartBar__color01 .chartValue__positive span,
.chartBar__color01 .chartValue__negative span {
  background: white;
}

.chartBar__color01 .chartColumn__temp .xAxis__month .xAxis__value,
.chartBar__color01 .chartColumn__active .xAxis__month .xAxis__value {
  color: #1eb1ed;
  border-color: #1eb1ed;
}

.chartBar__color01 .chartColumn__selected .chartValueArea .chartValue span,
.chartBar__color01 .chartColumn:hover .chartValue span,
.chartBar__color01 .chartColumn__active .chartValueArea .chartValue span {
  background: #1eb1ed;
}

.chartBar__color01 .chartColumn__selected .xAxis__month .xAxis__value,
.chartBar__color01 .chartColumn:hover .xAxis__month .xAxis__value {
  color: #1eb1ed;
  border-color: #1eb1ed;
}

/* Chart Bar Color 02 */
.chartBar__color02 .chartValue__positive span,
.chartBar__color02 .chartValue__negative span {
  background: white;
}

.chartBar__color02 .chartColumn__temp .xAxis__month .xAxis__value,
.chartBar__color02 .chartColumn__active .xAxis__month .xAxis__value {
  color: #5f65e3;
  border-color: #5f65e3;
}

.chartBar__color02 .chartColumn__selected .chartValueArea .chartValue span,
.chartBar__color02 .chartColumn:hover .chartValue span,
.chartBar__color02 .chartColumn__active .chartValueArea .chartValue span {
  background: #5f65e3;
}

.chartBar__color02 .chartColumn__selected .xAxis__month .xAxis__value,
.chartBar__color02 .chartColumn:hover .xAxis__month .xAxis__value {
  color: #5f65e3;
  border-color: #5f65e3;
}

/* Chart Bar Color 03 */
.chartBar__color03 .chartValue__positive span,
.chartBar__color03 .chartValue__negative span {
  background: white;
}

.chartBar__color03 .chartColumn__temp .xAxis__month .xAxis__value,
.chartBar__color03 .chartColumn__active .xAxis__month .xAxis__value {
  color: #e73b05;
  border-color: #e73b05;
}

.chartBar__color03 .chartColumn__selected .chartValueArea .chartValue span,
.chartBar__color03 .chartColumn:hover .chartValue span,
.chartBar__color03 .chartColumn__active .chartValueArea .chartValue span {
  background: #e73b05;
}

.chartBar__color03 .chartColumn__selected .xAxis__month .xAxis__value,
.chartBar__color03 .chartColumn:hover .xAxis__month .xAxis__value {
  color: #e73b05;
  border-color: #e73b05;
}

/* Chart Bar Color 04 */
.chartBar__color04 .chartValue__positive span,
.chartBar__color04 .chartValue__negative span {
  background: white;
}

.chartBar__color04 .chartColumn__temp .xAxis__month .xAxis__value,
.chartBar__color04 .chartColumn__active .xAxis__month .xAxis__value {
  color: #fd8431;
  border-color: #fd8431;
}

.chartBar__color04 .chartColumn__selected .chartValueArea .chartValue span,
.chartBar__color04 .chartColumn:hover .chartValue span,
.chartBar__color04 .chartColumn__active .chartValueArea .chartValue span {
  background: #fd8431;
}

.chartBar__color04 .chartColumn__selected .xAxis__month .xAxis__value,
.chartBar__color04 .chartColumn:hover .xAxis__month .xAxis__value {
  color: #fd8431;
  border-color: #fd8431;
}

/* Chart Bar Color 05 */
.chartBar__color05 .chartValue__positive span,
.chartBar__color05 .chartValue__negative span {
  background: white;
}

.chartBar__color05 .chartColumn__temp .xAxis__month .xAxis__value,
.chartBar__color05 .chartColumn__active .xAxis__month .xAxis__value {
  color: #2aac2a;
  border-color: #2aac2a;
}

.chartBar__color05 .chartColumn__selected .chartValueArea .chartValue span,
.chartBar__color05 .chartColumn:hover .chartValue span,
.chartBar__color05 .chartColumn__active .chartValueArea .chartValue span {
  background: #2aac2a;
}

.chartBar__color05 .chartColumn__selected .xAxis__month .xAxis__value,
.chartBar__color05 .chartColumn:hover .xAxis__month .xAxis__value {
  color: #2aac2a;
  border-color: #2aac2a;
}

/* Chart Bar Stack Color 01 */
.chartBarStack__color01 .chartValue__positive:first-child span {
  background: white;
}

.chartBarStack__color01 .chartValue__positive:nth-child(2) span {
  background: gray;
}

.chartBarStack__color01 .chartColumn__temp .xAxis__month .xAxis__value,
.chartBarStack__color01 .chartColumn__active .xAxis__month .xAxis__value {
  color: #ff7b20;
  border-color: #ff7b20;
}

.chartBarStack__color01 .chartColumn__selected .chartValueArea .chartValue:before,
.chartBarStack__color01 .chartColumn:hover .chartValue:before,
.chartBarStack__color01 .chartColumn__active .chartValueArea .chartValue:before {
  background: rgba(255, 123, 32, 0.8);
}

.chartBarStack__color01 .chartColumn:hover .xAxis__month .xAxis__value {
  color: #ff7b20;
  border-color: #ff7b20;
}

.chart__wrap {
  overflow: hidden;
}

.chartWrapper {
  position: relative;
  overflow-x: scroll;
  direction: rtl;
  display: flex;
}

.chartAreaWrapper {
  width: 1400px;
  height: 400px;
}

@media only screen and (max-width: 600px) {
  .chartAreaWrapper {
    width: 900px;
    height: 175px;
  }
}
.chartWrapper {
  overflow-x: auto;
}

#wrapper {
  min-height: 100vh;
}
#wrapper.has-control .l-main {
  padding-top: 70px;
}

.l-btn.l-btn--small .c-btn01 {
  margin-bottom: 14px;
}
.l-btn .c-btn01 {
  margin-bottom: 20px;
}
.l-btn .c-btn01:last-child {
  margin-bottom: 0;
}

.l-radioBox .c-radioBox:last-child {
  margin-bottom: 0;
}

.p-login {
  background: url("../images/bg.png") no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-login .l-main {
  width: 100%;
  background: transparent;
  padding: 0 0;
  min-height: initial;
}
.p-login .logo {
  max-width: 200px;
  margin: 0 auto 35px;
}
.p-login .c-input {
  background: transparent;
  border-color: #B1B1B1;
  border-radius: 2px;
  margin-bottom: 15px;
  color: #fff;
}
.p-login .c-input::placeholder {
  color: #A5A5A5;
}
.p-login .agree-box {
  color: #fff;
  max-width: 170px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 10px;
}
.p-login .other-part {
  margin-top: 40px;
}
.p-login .other-part .ttl {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
  margin-bottom: 30px;
}
.p-login .other-part .ttl::before {
  content: "";
  position: absolute;
  top: 8px;
  /* transform: translateY(-50%); */
  left: 0;
  height: 1px;
  width: 100%;
  background: repeating-linear-gradient(to right, #fff 0, #fff 125px, transparent 125px, transparent 198px, #fff 198px, #fff 100%);
}
.p-login .c-btn01 {
  background: transparent;
  border: 1px solid #FFFFFF;
}
.p-login .c-btn01:hover {
  opacity: 1;
  background: repeating-linear-gradient(to right, #3A6BB4, #0D346F);
}
.p-login .forget-pw {
  color: #fff;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 20px;
}

.p-outside .l-main {
  padding: 30px 0;
  min-height: calc(100vh - 70px);
}
.p-outside .l-step {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 70px 18px;
  margin-bottom: 50px;
  margin-top: -10px;
}
.p-outside .l-step:after {
  content: "";
  width: 125px;
  height: 1px;
  background: #BFBFBF;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
.p-outside .l-step .step {
  color: #BFBFBF;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.p-outside .l-step .step.is-active {
  color: #3262A8;
}
.p-outside .l-step .step.is-active:before {
  visibility: visible;
}
.p-outside .l-step .step.is-active:after {
  background: #3262A8;
}
.p-outside .l-step .step:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #3262A8;
  opacity: 0.3;
  bottom: -27.5px;
  left: 14.5px;
  border-radius: 50%;
  visibility: hidden;
  z-index: 1;
}
.p-outside .l-step .step:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #BFBFBF;
  border-radius: 50%;
  bottom: -22px;
  left: 20px;
  z-index: 2;
}
.p-outside .l-step .step:last-child:before {
  left: auto;
  right: 25px;
}
.p-outside .l-step .step:last-child:after {
  left: auto;
  right: 30px;
}
.p-outside--01 .c-form_main {
  margin-bottom: 35px;
}
.p-outside--01 .c-form .c-btn01--small {
  margin-bottom: 19px;
}
.p-outside--01 .c-form .note {
  font-size: 1rem;
  text-align: center;
  line-height: 1.35;
  margin-bottom: 15px;
}
.p-outside--01 .c-checkbox {
  max-width: 300px;
  margin: 0 auto;
  padding-bottom: 38px;
}
.p-outside--02 .content .top {
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}
.p-outside--02 .content .top .p1 {
  font-size: 1.7rem;
  color: #D90000;
  margin-bottom: 30px;
}
.p-outside--03 .content > p {
  text-align: center;
  margin-bottom: 25px;
}
.p-outside--04 p {
  text-align: center;
}
.p-outside--04 .p1 {
  font-size: 1.5rem;
  color: #3262A8;
  margin-bottom: 30px;
}
.p-outside .btn-list {
  margin-top: 45px;
}
.p-outside .btn-list .c-btn01 {
  margin-bottom: 20px;
}
.p-outside .btn-list .c-btn01:last-child {
  margin-bottom: 0;
}
.p-outside--recovery .content > p {
  margin-bottom: 40px;
  text-align: center;
}
.p-outside--reset .content > p {
  text-align: center;
  margin-bottom: 30px;
}
.p-outside--reset .c-form_main {
  margin-bottom: 35px;
}

.p-menu .c-banner {
  display: flex;
  align-items: center;
  height: 70px;
  border-radius: 4px;
  background: repeating-linear-gradient(to bottom, #F08B55, #D9662A);
  color: #fff;
  justify-content: center;
}
.p-menu .c-banner .ico {
  width: 40px;
  margin-right: 10px;
}
.p-menu .c-banner .p1 {
  font-size: 1.1rem;
}
.p-menu .c-banner .p2 {
  font-size: 2rem;
}
.p-menu--02 .c-banner {
  background: repeating-linear-gradient(to bottom, #4B31BA, #1A0089);
}
.p-menu--02 .c-banner .ico {
  width: 30px;
}

.p-profile .l-main .container > p {
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 35px;
}

.p-empw {
  /* email password */
}
.p-empw .c-form:first-child {
  margin-bottom: 50px;
}

.p-plan .intro {
  margin-bottom: 30px;
}
.p-plan .intro p {
  text-align: center;
}
.p-plan .intro p span {
  position: relative;
}
.p-plan .intro p span:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #333;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
  transform: translateY(-100%);
}
.p-plan--01 .intro {
  margin-bottom: 40px;
}
.p-plan--01 .c-form_main {
  margin-bottom: 23px;
}
.p-plan--01 .c-form_sub {
  text-align: center;
}
.p-plan--01 .c-form_sub a:last-child {
  border-bottom: 1px solid;
  font-size: 1.6rem;
  margin-top: 25px;
  display: inline-block;
}
.p-plan--01 .c-form .banner {
  display: block;
  margin-bottom: 28px;
}
.p-plan--02 .top {
  margin-bottom: 50px;
}
.p-plan--02 .top .box {
  text-align: center;
  background: #FAF0CC;
  border-radius: 4px;
  margin-bottom: 35px;
  padding: 30px 20px 35px;
}
.p-plan--02 .top .box .ttl {
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1;
}
.p-plan--02 .top .box > p {
  font-size: 1.6rem;
  margin-bottom: 25px;
  /* margin: 0 -20px 25px; */
}
.p-plan--02 .top .box .inner {
  display: flex;
}
.p-plan--02 .top .box .inner .item:first-child {
  margin-right: 23px;
}
.p-plan--02 .top .box .inner .item p {
  margin-bottom: 15px;
}
.p-plan--02 .bot {
  text-align: center;
}
.p-plan--02 .bot .ttl {
  font-size: 1.9rem;
  margin-bottom: 35px;
}
.p-plan--02 .part {
  margin-bottom: 40px;
}
.p-plan--02 .part:last-child {
  margin-bottom: 0;
}
.p-plan--02 .part dt {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.p-plan--02 .part dd {
  font-size: 1.6rem;
}
.p-plan--02 .part dd span {
  color: #3262A8;
}

.p-payment .change {
  margin-top: 30px;
  margin-bottom: 45px;
}
.p-payment .c-table {
  margin-bottom: 30px;
}
.p-payment .dob:first-child {
  margin-bottom: 20px;
}
.p-payment .c-form_main {
  margin-bottom: 30px;
}

.p-withdraw .note {
  text-align: center;
  color: #D90000;
  font-size: 1.6rem;
}
.p-withdraw--01 .note {
  margin-bottom: 30px;
}
.p-withdraw--01 .info {
  margin-bottom: 45px;
  text-align: center;
}
.p-withdraw--01 .c-textarea {
  margin-bottom: 35px;
}
.p-withdraw--01 .c-box02 {
  margin-bottom: 35px;
}
.p-withdraw--02 .note {
  margin-bottom: 50px;
}
.p-withdraw--02 .c-form_main {
  margin-bottom: 30px;
}

.p-news .l-main {
  padding-top: 45px !important;
}

#modalNews {
  width: calc(100% - 50px);
  background: transparent;
  box-shadow: none;
}
#modalNews .iziModal-wrap {
  padding-top: 45px !important;
}
#modalNews .modal-headerCustom {
  background: #103874;
  position: relative;
  padding: 18px;
  border-radius: 3px 3px 0 0;
}
#modalNews .modal-headerCustom .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
#modalNews .modal-headerCustom .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 4rem;
  transform: translateY(-100%);
  line-height: 1;
  padding: 0;
  margin: 0;
}
#modalNews .l-modalNews {
  padding: 15px 18px 30px;
  background: #fff;
  margin-bottom: 100px;
  border-radius: 0 0 3px 3px;
}
#modalNews .l-modalNews .date {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 15px;
}
#modalNews .l-modalNews p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.p-contact .intro {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.p-contact .c-form_main {
  margin-bottom: 20px;
}
.p-contact .c-form_sub {
  text-align: center;
}
.p-contact .c-form_sub .agree-box {
  margin-bottom: 10px;
}
.p-contact .c-form_sub .agree-box label {
  display: inline-block;
  font-weight: 400;
}
.p-contact .c-form_sub .agree-box label a {
  font-weight: bold;
}

.l-pc {
  max-width: 100%;
}
.l-pc .l-header {
  height: 52px;
  justify-content: flex-start;
  padding: 0 27px;
}
.l-pc .l-header .logo {
  margin: 0 0;
  max-width: 192px;
}

.p-dashboard .l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.p-dashboard .l-header .date-control {
  flex: auto;
  display: flex;
  margin-left: 260px;
  color: #fff;
  align-items: center;
}
.p-dashboard .l-header .date-controlBtn {
  font-size: 1.3rem;
}
.p-dashboard .l-header .c-select {
  margin: 0 50px;
}
.p-dashboard .l-header .c-select_part {
  height: 26px;
}
.p-dashboard .l-header .c-select_part select {
  font-size: 14px;
}
.p-dashboard .l-header .c-select_part:after {
  right: 5px;
}
.p-dashboard .l-main {
  padding: 0;
  padding-top: 52px;
  min-height: auto;
}
.p-dashboard .dashboard-content {
  display: flex;
}
.p-dashboard .dashboard-content .side {
  width: 325px;
  background: #020113;
  position: fixed;
  top: 52px;
  left: 0;
  overflow-y: auto;
  height: 100%;
}
@media print, screen and (max-width: 1200px) {
  .p-dashboard .dashboard-content .side {
    width: 200px;
  }
}
.p-dashboard .dashboard-content .main {
  width: calc(100% - 325px);
  margin-left: auto;
  padding: 25px 40px 100px;
  min-height:calc(100vh - 52px);
}
@media print, screen and (max-width: 1200px) {
  .p-dashboard .dashboard-content .main {
    width: calc(100% - 200px);
  }
}
.p-dashboard .dashboard-content .main .head {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.p-dashboard .dashboard-content .main .head .ttl {
  margin-right: 50px;
}
.anchorList .anchor {
  display: inline-block;
  border-bottom: 2px solid transparent;
  margin-right: 30px;
  padding-bottom: 5px;
}
.anchor.anchor--color1.is-active {
  color: #4fb4e1;
  border-color: #4fb4e1;
}
.anchor.anchor--color2.is-active {
  color: #5E68DA;
  border-color: #5E68DA;
}
.anchor.anchor--color3.is-active {
  color: #d74a25;
  border-color: #d74a25;
}
.anchor.anchor--color4.is-active {
  color: #fd8431;
  border-color: #fd8431;
}
.anchor.anchor--color5.is-active {
  color: #2AAC2A;
  border-color: #2AAC2A;
}
.p-dashboard .dashboard-content .main .anchorBox {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.p-dashboard .dashboard-content .main .anchorBox .box {
  width: 20%;
  border: 1px solid #F7F7F7;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
}
.p-dashboard .dashboard-content .main .anchorBox .box.is-active .ico img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(103%) contrast(102%);
}
.p-dashboard .dashboard-content .main .anchorBox .box--01 {
  color: #4FB4E1;
}
.p-dashboard .dashboard-content .main .anchorBox .box--01.is-active {
  color: #fff;
  background: #4FB4E1;
}
.p-dashboard .dashboard-content .main .anchorBox .box--02 {
  color: #5E68DA;
}
.p-dashboard .dashboard-content .main .anchorBox .box--02.is-active {
  color: #fff;
  background: #5E68DA;
}
.p-dashboard .dashboard-content .main .anchorBox .box--03 {
  color: #D74A25;
}
.p-dashboard .dashboard-content .main .anchorBox .box--03.is-active {
  color: #fff;
  background: #D74A25;
}
.p-dashboard .dashboard-content .main .anchorBox .box--04 {
  color: #F0823C;
}
.p-dashboard .dashboard-content .main .anchorBox .box--04.is-active {
  color: #fff;
  background: #F0823C;
}
.p-dashboard .dashboard-content .main .anchorBox .box--05 {
  color: #2AAC2A;
}
.p-dashboard .dashboard-content .main .anchorBox .box--05.is-active {
  color: #fff;
  background: #2AAC2A;
}
.p-dashboard .dashboard-content .main .anchorBox .box dt {
  font-size: 1.4rem;
}
.p-dashboard .dashboard-content .main .anchorBox .box dd {
  font-size: 1.6rem;
}
.p-dashboard .dashboard-content .main .anchorBox .box dd small {
  font-size: 1.2rem;
  margin-left: 5px;
}
.p-dashboard .dashboard-content .main .anchorBox .ico {
  width: 30px;
  margin-right: 10px;
}
.p-dashboard .dashboard-content .main .percent-block .income {
  position: relative;
  max-width: 210px;
  margin: 0 auto 20px;
}
.p-dashboard .dashboard-content .main .percent-block .income dl {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.p-dashboard .dashboard-content .main .percent-block .income dl dt {
  font-size: 1.4rem;
}
.p-dashboard .dashboard-content .main .percent-block .income dl dd {
  font-size: 2rem;
}
.p-dashboard .dashboard-content .main .percent-block .income dl dd small {
  font-size: 1.5rem;
  margin-left: 5px;
}
.p-dashboard .dashboard-content .main .percent-block .average-income {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.p-dashboard .dashboard-content .main .percent-block .average-income dt {
  font-size: 1.4rem;
  margin-right: 20px;
  margin-top: 5px;
}
.p-dashboard .dashboard-content .main .percent-block .average-income dd {
  font-size: 2rem;
}
.p-dashboard .dashboard-content .main .percent-block .average-income dd small {
  font-size: 1.5rem;
}
.p-dashboard .dashboard-content .main .percent-block .recei {
  background: #D74A25;
  border-radius: 4px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  color: #fff;
  max-width: 240px;
  margin: 0 auto;
}
.p-dashboard .dashboard-content .main .percent-block .recei dt {
  font-size: 1.4rem;
}
@media print, screen and (max-width: 1200px) {
  .p-dashboard .dashboard-content .main .percent-block .recei dt {
    font-size: 1.2rem;
  }
}
.p-dashboard .dashboard-content .main .percent-block .recei dd {
  font-size: 2rem;
}
@media print, screen and (max-width: 1200px) {
  .p-dashboard .dashboard-content .main .percent-block .recei dd {
    font-size: 1.8rem;
  }
}
.p-dashboard .dashboard-content .main .percent-block .recei dd small {
  font-size: 1.5rem;
  margin-left: 5px;
}
@media print, screen and (max-width: 1200px) {
  .p-dashboard .dashboard-content .main .percent-block .recei dd small {
    font-size: 1.3rem;
  }
}
.p-dashboard .dashboard-content .main .note-list {
  width: 200px;
  margin: 0 auto 25px;
}
.p-dashboard .dashboard-content .main .note-list .note {
  display: flex;
  align-items: flex-start;
}
.p-dashboard .dashboard-content .main .note-list .note-color {
  width: 26px;
  height: 12px;
  margin-right: 15px;
  flex-shrink: 0;
  margin-top: 5px;
}
.p-dashboard .dashboard-content .main .note-list .note-color2--1 {
  background: #5F68DB;
}
.p-dashboard .dashboard-content .main .note-list .note-color2--2 {
  background: #9096E6;
}
.p-dashboard .dashboard-content .main .note-list .note-color2--3 {
  background: #BBBFEF;
}
.p-dashboard .dashboard-content .main .note-list .note-color2--4 {
  background: #DBDCF7;
}
.p-dashboard .dashboard-content .commonPd {
  padding-bottom: 30px;
}
.p-dashboard .dashboard-content .block {
  background: #fff;
  padding: 25px 12px;
}
.p-dashboard .dashboard-content .block.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-dashboard .dashboard-content .block-ttl {
  text-align: center;
  font-size: 1.7rem;
  margin-bottom: 20px;
}
.p-dashboard .dashboard-content .block-rowContent-cols-3 {
  display: flex;
  justify-content: center;
}
.p-dashboard .dashboard-content .block-rowContent-cols-3 .block-rowContent {
  width: 200px;
  margin: 0 30px 30px;
}
.p-dashboard .dashboard-content .block-rowContent .row {
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  margin-bottom: 10px;
}
.p-dashboard .dashboard-content .block-rowContent .row:last-child {
  margin-bottom: 0;
}
.p-dashboard .dashboard-content .block-rowContent .row dt {
  font-size: 1.4rem;
}
.p-dashboard .dashboard-content .block-rowContent .row dd {
  font-size: 1.5rem;
}
.p-dashboard .dashboard-content .block-rowContent .row dd small {
  font-size: 1.4rem;
  margin-left: 5px;
}
.p-dashboard .dashboard-content .cols-3 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: -2%;
}
.p-dashboard .dashboard-content .cols-3 .block {
  width: 32%;
  margin-bottom: 2%;
}
.p-dashboard .dashboard-content .cols-3 .block:not(:nth-child(3n)) {
  margin-right: 2%;
}
.p-dashboard .dashboard-content .cols-2 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -1.5%;
}
.p-dashboard .dashboard-content .cols-2.center {
  align-items: center;
}
.p-dashboard .dashboard-content .cols-2 .block {
  width: 48.5%;
  margin-bottom: 1.5%;
}
.p-dashboard .dashboard-content .col-whole .block-ttl {
  margin-bottom: 30px;
}
.p-dashboard .sideNavItem {
  background: #020113;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.p-dashboard .sideNavItem.is-active > a{
  background: #F7F7F7;
  color: #020113;
}
.p-dashboard .sideNavItem.is-active > a:before {
  background: #020113;
}
.p-dashboard .sideNavItem a {
  padding: 20px 35px;
  display: block;
  position: relative;
}
.p-dashboard .sideNavItem a:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 40px;
  background: #fff;
  top: 10px;
  left: 14px;
  transform: translateX(-100%);
}
.p-dashboard .sideNavChild {
  border-top: 1px solid #fff;
}
.p-dashboard .sideNavChildItem {
  border-bottom: 1px solid #fff;
}
.p-dashboard .sideNavChildItem a:before {
  display: none;
}
.p-dashboard .sideNavChildItem:last-child {
  border-bottom: none;
}
.p-dashboard .chartBar__color02 .chartValue__positive span, .p-dashboard .chartBar__color02 .chartValue__negative span {
  background: #d9d9d9;
}
.p-dashboard .chartBarDefault .chartValue__positiveArea {
  border-color: #d9d9d9;
}
.p-dashboard .chartArea p {
  color: #333;
}
.p-dashboard .chartBarDefault .chartValue__tooltip p {
  color: #fff;
}
.p-dashboard .chartBarDefault {
  margin: 0 auto;
}

.p-propertyRegist--01 .banner {
  margin-bottom: 30px;
}
.p-propertyRegist--01 .c-form_row {
  margin-bottom: 40px;
}
.p-propertyRegist--02 .c-form_row {
  margin-bottom: 35px;
}

.p-propertyAgency .agency {
  position: relative;
  display: flex;
  align-items: flex-start;
  background: #FFFFFF;
  margin-bottom: 20px;
  box-shadow: 0 1.5px 10px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 15px 40px 15px 15px;
}
.p-propertyAgency .agency:last-child {
  margin-bottom: 0;
}
.p-propertyAgency .agency .arrow {
  position: absolute;
  top: 40px;
  right: 22px;
  width: 15px;
}
.p-propertyAgency .agency .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #143D7A;
  margin-bottom: 5px;
}
.p-propertyAgency .agency p {
  font-size: 1.2rem;
}
.p-propertyAgency .agency .ico {
  width: 50px;
  flex-shrink: 0;
  margin-right: 15px;
  margin-top: 7px;
}
.p-propertyAgency .regist {
  background: #fff;
  margin-bottom: 8px;
  padding: 15px;
}
.p-propertyAgency .regist:last-child {
  margin-bottom: 0;
}
.p-propertyAgency .regist .inner {
  display: flex;
  max-width: 325px;
  margin: 0 auto;
  position: relative;
  padding-right: 80px;
}
.p-propertyAgency .regist .thumb {
  width: 50px;
  flex-shrink: 0;
  margin-right: 13px;
}
.p-propertyAgency .regist .btn {
  width: 70px;
  height: 35px;
  border-radius: 20px;
  display: flex;
  background: #143D7A;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 8px;
}
.p-propertyAgency .regist .btn.btn--yellow {
  background: #FFCE00;
  color: #333;
}
.p-propertyAgency .regist .date {
  font-size: 1.3rem;
  color: #919191;
}
.p-propertyAgency .regist .ttl {
  font-size: 1.6rem;
}
.p-propertyAgency .regist .content {
  margin-top: 5px;
}
.p-propertyAgency .banner {
  margin-bottom: 50px;
}
.p-propertyAgency .banner p {
  margin-top: 25px;
  font-size: 1.6rem;
}
.p-propertyAgency--02 .c-form_row {
  margin-bottom: 50px;
}

.fixed-content {
  position: fixed;
  bottom: 80px;
  background: #F7F7F7;
  z-index: 101;
  border-radius: 4px 4px 0 0;
  padding: 55px 25px;
  width: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.fixed-overlay:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.p-404 .ttl {
  text-align: center;
  color: #fff;
  margin-bottom: 35px;
}
.p-404 .ttl h2 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
.p-404 .ttl p {
  font-size: 1.6rem;
}
.p-404 .content p {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 50px;
}
.p-404 .c-btn01 {
  margin-top: 0;
}

.has-overlay .c-control {
  z-index: 0;
}

#incomeChart {
  position: relative;
  z-index: 2;
}

.has-bg .l-main {
  background: transparent;
}

.p-dashboardMobile .box {
  background: #fff;
  border-radius: 3px;
  box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.16);
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.p-dashboardMobile .box__head {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  padding: 15px;
}
.p-dashboardMobile .box__head .head {
  font-weight: bold;
}
.p-dashboardMobile .box__head .date {
  color: #A8A8A8;
  font-weight: 500;
}
.p-dashboardMobile .box__price {
  background: #F7F7F7;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  justify-content: space-between;
}
.p-dashboardMobile .box__price .left {
  background: #4C9B3A;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  margin-right: 10px;
}
.p-dashboardMobile .box__price .left > * {
  display: block;
}
.p-dashboardMobile .box__price .left small {
  font-size: 1.1rem;
  line-height: 1;
}
.p-dashboardMobile .box__price .left span {
  font-size: 1.6rem;
  line-height: 1;
}
.p-dashboardMobile .box__price .right {
  font-size: 1.9rem;
  font-weight: bold;
}
.p-dashboardMobile .box__price .right .price {
  font-size: 2.8rem;
}
.p-dashboardMobile .box__bot {
  display: flex;
  text-align: center;
  padding: 20px 5px 15px;
}
.p-dashboardMobile .box__bot .ttl {
  font-weight: bold;
  font-size: 1.4rem;
}
.p-dashboardMobile .box__bot dl {
  width: 50%;
}
.p-dashboardMobile .box__bot dl:first-child {
  width: 56.6%;
  border-right: 1px solid #E8E8E8;
}
.p-dashboardMobile .box__bot dd {
  font-size: 1.4rem;
}
.p-dashboardMobile .box__bot dd span {
  font-size: 3rem;
  font-weight: bold;
}
.p-dashboardMobile .c-btn01 {
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 20px 5px 15px;
  width: 90%;
}

#aggregated-data {
  display: flex;
  justify-content: center;
}
#aggregated-data .aggregated-chart {
  width: 200px;
  margin: 0 15px;
}
#aggregated-data .progressbar-text {
  text-align: center;
  font-weight: bold;
}
#aggregated-data .progressbar-text .big {
  font-size: 2rem;
}
#aggregated-data .progressbar-text p {
  color: #a6a6a6;
}

/*# sourceMappingURL=content.css.map */

/* 12-20-2021 */

.fz-16{
  font-size:1.6rem;
}

.icon-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.icon-list__item.whole {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-list__item.whole .icon{
  margin-right:5px;
  margin-bottom: 0;
  min-height:100%;
}

.icon-list__item {
  background: #fff;
  width: 48.15%;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 3.7%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #143D7A;
  padding:15px 10px;
}

.icon-list__item .icon {
  margin-bottom: 5px;
  min-height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.p-dashboardMobile .icon-list{
  margin-top:20px;
}

.c-menu{
  display:none;
}

.c-input, .c-textarea, .c-select select{
  border-radius: 0;
}

/* 12-22-2021 */
.c-tabLinks {
  display: flex;
}

.c-tabLinks > * {
  flex: 1;
}

.c-tabLink {
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: bold;
  color: #D0D0D0;
  background: #F7F7F7;
  padding: 14px 5px;
  border-bottom: 2px solid #D0D0D0;
  cursor: pointer;
  outline:none;
}

.c-tabLink.is-active {
  border-color: #143D7A;
  color: #143D7A;
}

.c-tabLink__text {
  position: relative;
}

.c-tabLink__text .notification {
  width: 8px;
  height: 8px;
  background: #E80000;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -15px;
}

.c-tabContent{
  display:none;
}

.c-uploadFile__row {
  position: relative;
  background: #fff;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  padding: 5px 30px 5px 7px;
}

.c-uploadFile__row:last-child {
  margin-bottom: 0;
}

.file-icon {
  width: 22px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.c-uploadFile__row .file-name {
  font-size: 1.4rem;
  font-weight: 500;
}

.c-uploadFile__row .file-delete {
  border: none;
  background: transparent;
  max-width: 17.5px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
}

.c-uploadFile__row .file-delete:hover {
  opacity: 0.7;
}

.c-uploadFile__btn {
  margin-top: 30px;
}

.c-handleError .c-textarea{
  background: #fff !important;
  border-color: #F40000 !important;
}

.c-menu{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  right: 0;
  z-index: 10;
  background: #F7F7F7;
  overflow-y: auto;
  height: 100%;
  padding: 25px 0 130px;
}

.c-modal__btn{
  border-radius: 50px;
}

.l-footer{
  box-shadow:0 5px 15px rgba(0,0,0,0.16);
}

.c-modal__btn--1 {
  width: 135px;
}

.c-form .row-canRemove__icon{
  margin-top:17px;
}

/* 12-24-2021 */
.c-btn01.right{
  margin-left:auto;
  margin-right:0;
}

.c-totalRow .head{
  margin-bottom: 0;
}

.c-totalRow .total {
  margin-top: 12px;
}

.c-totalRow .total:first-child{
  margin-top:0;
}

.c-lineText {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #8D8D8D;
  position: relative;
  margin: 20px 0;
}

.c-lineText::after {content: '';width: 100%;height: 1px;background: #8D8D8D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.c-lineText span {
  position: relative;
  background: #f7f7f7;
  z-index: 1;
  padding: 0 20px;
}

.c-totalRow.noBorder{
  margin-top:0;
  border-top:none;
}

.c-rowList__item {
  display: flex;
  background: #fff;
  margin-bottom: 1px;
  font-size: 1.1rem;
  padding: 12px 0;
}

.c-rowList__item .move-iconList {
  display: flex;
  align-items: flex-start;
  width: 45px;
  justify-content: space-between;
  flex-shrink: 0;
}

.c-rowList__item .remove {
  width: 21px;
  flex-shrink: 0;
}

.c-rowList__item .move-icon {
  width: 21px;
}

.c-rowList__item .move-icon.down {
  transform: scaleY(-1);
}

.c-rowList__item .content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding:0 7px;
}

.c-rowList__item .link {
  width:31%;
}

.c-rowList__item p {
  margin-bottom: 0!important;
  width:34%;
}

.c-rowList__item .price {
  width:27%;
}


.l-main{
  overflow: hidden;
}

.c-rowList__item {
  position: relative;
}

.c-rowList__item::after {content: '';position: absolute;width: 750px;height: 100%;background: #fff;top: 0;left: -212.5px;}

.c-rowList__item > * {
  position: relative;
  z-index: 1;
}

.jquery-modal .modal {
  max-width: 325px;
  border-radius: 0;
  padding:  0;
  width: 100%;
  background: transparent;
  box-shadow: none;
}

.jquery-modal .modal__header {
  background: #143D7A;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 13px 15px;
}

.jquery-modal .modal__content {
  background: #fff;
  padding: 30px 15px 40px;
  border-radius: 0 0 4px 4px;
}

.c-btn02{
  width:280px;
  height:58.5px;
  font-size:1.6rem;
  font-weight:bold;
  color:#fff;
  background:repeating-linear-gradient(to bottom, #3A6BB4, #0D346F);
  border:none;
  border-radius:4px;
  outline:none;
}

.c-btn02.c-btn02--black {
  background: repeating-linear-gradient(to bottom, #797979, #383838);
}

.jquery-modal.blocker.current{
  background-color:rgba(0,0,0,0.5);
}

.jquery-modal .modal a.close-modal {
  background: transparent;
  text-indent: initial;
  font-size: 0;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
}

.jquery-modal .modal a.close-modal::before {
  content: '×';
  font-size: 4rem;
  position: absolute;
  top: -5px;
  right: 0;
  line-height: 1;
  transform: translateY(-100%);color: #fff;font-weight: 300;
}

/* 12-29-2021 */
.c-rowList__item .move-icon{
  cursor: pointer;
}

.c-rowList__item .move-icon:hover{
  opacity: 0.7;
}

.move-iconList {
  display: flex;
  align-items: flex-start;
  width: 45px;
  justify-content: space-between;
  flex-shrink: 0;
}

.move-iconList .move-icon {
  width: 21px;
  cursor: pointer;
}

.move-iconList .move-icon.down {
  transform: scaleY(-1);
}

.move-iconList .move-icon:hover{
  opacity: 0.7;
}

.c-form .row-canRemove .move-iconList{
  margin-top:17px;
  margin-left:10px;
}

.c-totalRow .price.big{
  font-size:2.4rem;
}


/* 01-05-2021 */
.p-dashboardMobile .icon-list{
  margin-bottom: 45px;
}
.property-list {
  background: #F7F7F7;
  padding: 20px 0;
}

.property-list__item {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 15px 45px 15px 25px;
  position: relative;
}

.property-list__item:not(:last-child) {
  margin-bottom: 6px;
}

.property-list__header {
  padding: 0 25px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.property-list__header .ttl {
  font-size: 1.5rem;
  font-weight: bold;
}

.property-list__header .number {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1;
}

.property-list__header .number small {
  font-size: 1.4rem;
  display: inline-block;
}

.property-list__header .number small.s2 {
  margin-left: 3px;
}

.property-list__header .number small.s1 {
  margin-right: 10px;
  margin-left: 0;
}

.property-list__item::after {content: '';position: absolute;top: 50%;right: 33px;width: 8px;height: 8px;border: 3px solid;border-left: none;border-bottom: none;transform: rotate(45deg) translateY(-50%);}

.property-list__item .thumb {
  width: 50px;
  margin-right: 13px;
}

.property-list__item .content {
  flex: 1;
  font-weight: bold;
}

.property-list__item .content .t1 {
  font-size: 1.6rem;
}

.property-list__item .content .t2 {
  font-size: 1.3rem;
  color: #919191;
}

@media screen and (max-width: 640px){
  .property-list__header{
      padding:0 15px 15px
  }

  .property-list__item{
      padding:15px 28px 15px 15px;
  }

  .property-list__item::after{
      right:20px;
  }
}

/* 01-06-2022 */
.plan-box {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  font-weight: bold;
  position: relative;
  padding: 12px 0;
  flex-wrap: wrap;
  cursor: pointer;
}

.plan-box .price-box {
  display: flex;
  align-items: center;
}

.plan-box .price-box .price {
  font-size: 1.9rem;
}

.plan-box .price-box dd {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 5px;
}

.plan-box .txt {
  font-size: 1.6rem;
}

.plan-box::before {content: '';position: absolute;top: 0;left: 0;width: 750px;background: #fff;height: 100%;left: -212.5px;}

.plan-box > * {
  position: relative;
}

.p-plan--henko02 .plan-box{
  margin-bottom:20px;
}

.p-plan--henko02 .c-form_main{
  margin-bottom:50px;
}

.agency-box {
  background: #fff;
  padding: 0 15px 20px;
}

.agency-box__item {
  padding: 15px 0;
  border-bottom: 1px solid #707070;
}

.agency-box__item:last-child {
  border-bottom: none;
}

.agency-box__item dt {
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom: 10px; */
}

.agency-box .note {
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 15px;
}

.agency-box__item .head__price small {
  font-size: 1.4rem;
}

.agency-box__item .head__btn {
  background: #E0EBF6;
  outline: none;
  border: none;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: bold;
  color: #18376C;
  padding: 3px 12px;
  border-radius: 11px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.agency-box .num-part {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.agency-box .quantity {
  font-weight: bold;
}

.agency-box .price {
  min-width: 90px;
  text-align: right;
  margin-left: 25px;
  font-weight: bold;
}

.agency-box .quantity small {
  font-size: 1.2rem;
  margin-right: 5px;
  line-height: 1;
}

.agency-box .quantity span {
  font-size: 1.7rem;
  line-height: 1;
}

.agency-box .price small {
  font-size: 1.8rem;
  line-height: 1;
}

.agency-box .price span {
  font-size: 2.5rem;
  line-height: 1;
}

.agency-box__item.payment dt {
  margin-bottom: 10px;
}

.agency-box__item.payment p {
  font-weight: bold;
  font-size: 1.4rem;
  color: #868686;
}

.agency-box__item.payment p small {
  font-size: 1.2rem;
}

.c-box03 {
  background: #FEF8E7;
  border: 2px solid #F08936;
  padding: 20px 15px;
}

.c-box03 .ttl {
  text-align: center;
  font-size: 1.9rem;
  font-weight: bold;
  color: #F08936;
  margin-bottom: 15px;
}

.c-box03 p {
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.84;
}

.agree-box {
  display: flex;
  justify-content: center;
  margin:15px 0;
}

.p-shiharai .c-box03 {
  margin-top:30px;
}

.p-shiharai .c-form_main{
  margin-bottom:0;
}

.c-cardSupport ul li {
  width:32.5px;
  margin-right: 10px;
}

.c-cardSupport ul {
  display: flex;
  align-items: center;
}

.c-cardSupport p {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.p-payment .c-radioList .payment {
  font-size: 1.6rem;
  margin-bottom: 20px;
}

.p-payment .c-radioList strong {
  display: block;
  margin-bottom: 10px;
}

.p-payment .c-radioList span {
  display: block;
}

/* 01-12-2022 */
.c-radioList.c-radioList--remove label::before {
  display: none;
}

.c-radioList.c-radioList--remove label::after {
  display: none;
}

.c-radioList.c-radioList--remove label {
  padding-left: 0;
}

.c-radioList.c-radioList--remove .c-radio {
  display: flex;
  align-items: flex-start;
}

.c-radioList.c-radioList--remove .remove {
  flex-shrink: 0;
  margin-right: 14px;
  width: 21px;
  align-self: flex-start;
}

.c-radioList.c-radioList--remove .change-btn {
  background: #E0EBF6;
  outline: none;
  border: none;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: bold;
  color: #18376C;
  padding: 3px 12px;
  border-radius: 11px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin-left: 14px;
  flex-shrink: 0;
}

/* 01-13-2022 */
.c-bgWrap {
  position: relative;
  z-index: 1;
}

.c-bgWrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: -212px;
  width: 750px;
  height: 100%;
  background: #fff;
}

.c-bgWrap > * {
  position: relative;
}

.c-scrolledTable {
  background: #fff;
  overflow-x: scroll;
}

.c-scrolledTable::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #EAEAEA; /* or add it to the track */
}

.c-scrolledTable::-webkit-scrollbar-thumb {
    background: #143D7A;
}

.c-scrolledTable th {
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
  padding: 10px 5px;
  min-width: 80px;
}

.c-scrolledTable td {
  font-weight: 500;
  text-align: center;
  font-size: 1.4rem;
  padding: 10px 5px;
  min-width: 80px;
}

.c-scrolledTable tr {
  border-bottom: 1px solid #F7F7F7;
}

.c-scrolledTable tr:last-child {
  border: none;
}

.c-scrolledTable table {
  overflow-x: auto;
}

.c-photoBlock {
  display: flex;
}

.c-photoBlock__img {
  width: 70px;
  flex-shrink: 0;
}

.c-photoBlock__ttl {
  flex: 1;
  font-size: 1.9rem;
  font-weight: bold;
  margin-left: 20px;
}

.fz-14{
  font-size:1.4rem!important;
}

.jquery-modal.blocker.current{
  z-index: 10000;
  padding-top: 75px;
  padding-bottom: 120px;
}

.c-form_row.c-form_row--horizon .head {
  width: 60px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-bottom: 0;
}

.c-form_row.c-form_row--horizon dd {
  flex: 1;
}

.c-form_row.c-form_row--horizon {
  display: flex;
  align-items: center;
}

.modal__content .c-totalRow{
  margin:20px -15px 0;
}


.modal__content .c-totalRow .total{
   padding:0 15px;
}

/* 01-17-2022 */
.jquery-modal.blocker.current{
  padding:75px 10px 20px;
}

.jquery-modal .modal.modal--fw{
  max-width:730px;
}

.c-modal.c-modal--1 .c-modal__head {
  background: #143D7A!important;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 13px 15px;
  overflow: initial;
}
.c-modal.c-modal--1 .c-modal__content {
  font-size:1.4rem;
  border-radius: 0 0 4px 4px;
}

.c-modal.c-modal--1 .c-modal__btnList {
  margin-top:30px;
}

.c-modal.c-modal--1 .c-modal__btnList .c-modal__btn{
height:60px;
font-size:1.6rem;
border-radius:4px;
font-weight: bold;
}

.c-modal.c-modal--1 .c-modal__close{
  top:0;
  background:none;
  opacity: 1;
  right: 0;
  width: auto;
  height: auto;
  background-size: initial!important;
}

.c-modal.c-modal--1 .c-modal__close::before{
  content: '×';
  font-size: 4rem;
  position: absolute;
  top: -5px;
  right: 0;
  line-height: 1;
  transform: translateY(-100%);
  color: #fff;
  font-weight: 300;
  z-index: 1;
}

.c-modal.c-modal--1 .c-modal__inner{
overflow:initial;
}

/* 01-19-2022 */
.c-modal.c-modal--1.white .c-modal__head {
  background: #fff!important;
  color: #333;
  box-shadow: none;
  border-bottom: 1px solid #E0E0E0;
}

.c-modal.c-modal--1.white .c-modal__content{
  border-radius: 4px;
}

.c-modal.c-modal--1 .c-modal__close{
  transform:none;
  cursor: pointer;
}

.c-modal.c-modal--1 .c-modal__close:hover{
  opacity: 0.7;
}

#wrapper.p-payment--04 .l-main{
  padding-top: 45px;
}
.c-radioList.c-cardList .l-usedCard {
  background: #fff;
  padding-top:15px;
}

.c-radioList.c-cardList .c-radio {
  padding: 15px 0;
}

.c-radioList.c-cardList .c-radio .container {
  display: flex;
  align-items: flex-start;
}

.c-radioList.c-cardList .l-usedCard .c-radio .container{
  padding: 0 0;
  width:375px;
  max-width:100%;
}

.c-radioList.c-cardList .c-cardList__btn{
  display:flex;
}

.c-radioList.c-cardList .c-cardList__btn .change-btn{
  margin-left:10px;
  padding:3px 7px;
}

.c-radioList.c-cardList .c-cardList__btn .make-main-btn{
  margin-left:5px;
}

.c-radioList.c-cardList .remove{
  margin-right:6px;
}

.c-radioList.c-cardList label{
  width:49%;
  flex-shrink: 0;
}

.c-radioList.c-cardList .c-cardSupport{
  padding-left:27px;
  padding-top:15px;
}

.c-radioList.c-cardList .l-usedCard .ttl{
  font-weight: bold;
}

.c-modal.c-modal--1.white .c-modal__content{
  padding: 0;
}

.c-modal.c-modal--1.white .c-modal__content__inner{
      padding: 40px 20px 30px;
}

.property-list.property-list--1{
  padding-top:0;
}

.property-list.property-list--1 .property-list__header {
  display:block;
}

.property-list.property-list--1 .ttl{
  text-align:center;
  font-size:1.6rem;
}

.regist-list .regist {
  background: #fff;
  margin-bottom: 8px;
  padding: 15px;
}
.regist-list .regist:last-child {
  margin-bottom: 0;
}
.regist-list .regist .inner {
  display: flex;
  max-width: 325px;
  margin: 0 auto;
  position: relative;
  padding-right: 80px;
}
.regist-list .regist .thumb {
  width: 50px;
  flex-shrink: 0;
  margin-right: 13px;
}
.regist-list .regist .btn {
  width: 70px;
  height: 35px;
  border-radius: 20px;
  display: flex;
  background: #143D7A;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 8px;
}
.regist-list .regist .btn.btn--yellow {
  background: #FFCE00;
  color: #333;
}
.regist-list .regist .date {
  font-size: 1.3rem;
  color: #919191;
}
.regist-list .regist .ttl {
  font-size: 1.6rem;
}
.regist-list .regist .content {
  margin-top: 5px;
}


.c-table01 .row {
  background: #fff;
  font-size: 1.4rem;
  padding: 10px 0px;
  margin-bottom: 1px;
}

.c-table01 .row .head {
  font-weight: bold;
  width: 100px;
  flex-shrink: 0;
  align-items: center;
}

.c-table01 .row dd {
  font-weight: 500;
  flex:auto;
}

.c-table01 .row dd .d-flex.j-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-table01 .row .container {
  display: flex;
  align-items: center;
}

/***************************************
　物件詳細画面のマンスリーレポートタブ
***************************************/
.c-table02 .row {
  background: #fff;
  font-size: 1.4rem;
  padding: 10px 0px;
  margin-bottom: 1px;
}

.c-table02 .container {
  padding: 0;
}

.c-table02 .row-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
}

.c-table02 .row-left {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 12px;
  min-width: 0;
}

.c-table02 .row-left .text {
  white-space: nowrap;
  flex-shrink: 0;
}

.c-table02 .row-left .head {
  white-space: nowrap;
  font-weight: 600;
  font-size: 15px;
  color: #374151;
  flex-shrink: 0;
}

.c-table02 .row-left .status-badge {
  margin-left: auto;	/* 右寄せにした上で */
  margin-right: 12px;	/* バッチの右側に余白を追加 */
  flex-shrink: 0;
}

.c-table02 .row-right {
  flex-shrink: 0;
  margin-left: 8px;
}

.c-table02 .row-right img {
  display: block;
}







.c-whiteBox {
  background: #fff;
  margin: 0 15px;
  padding: 20px 0px 25px;
  position: relative;
}

.p-reporttoroku-daiko2 .c-whiteBox .remove-btn{
  position:absolute;
  right:13px;
  top:13px;
  width:23px;
}

.p-reporttoroku-daiko2 .c-whiteBox .c-form_row:first-child .head{
  padding-right:10px;
}

.p-reporttoroku-daiko2 .c-whiteBox .c-form_row .head-sub{
  margin-left:5px;
}

.c-photoBlock__content {
  flex: 1;
  margin-left: 20px;
}

.c-photoBlock__content .c-photoBlock__ttl {
  margin-left: 0;
}

.c-photoBlock__gray {
  font-size: 1.3rem;
  font-weight: bold;
  color: #919191;
}

.p-reporttoroku-daiko2 .c-photoBlock{
  margin-bottom:20px;
}

.p-reporttoroku-daiko2 .c-table01{
  margin-bottom:40px;
}

.p-reporttoroku-daiko2  .l-form{
  margin-bottom:45px;
}

.p-reporttoroku-daiko2  .l-form .c-whiteBox{
  margin-bottom:30px;
}

.p-reporttoroku-daiko2 .target-btn{
  margin-top:-5px;
  max-width:160px;
  height:40px;
  font-size:1.3rem;
  font-weight:500;
}

.c-moreBtn{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:1.6rem;
  font-weight:bold;
  color:#143D7A;
  margin-top:25px;
}

.c-moreBtn:before{
  content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6.5px 0 6.5px;
  border-color: #143D7A transparent transparent transparent;
  margin-right:15px;
}

.c-modal.c-modal--block{
  overflow-y:auto;
  padding-top:100px;
  padding-bottom:120px;
  display:block;
}

.c-modal.full-width .c-modal__inner {
  width: 100%;
}

/* 01-20-2022 */
.c-checkbox.normal1 label {
  font-size: 1.4rem;
}

.c-checkbox.normal1 label::before {
  width: 20px;
  height: 20px;
  top: -1px;
}

.c-modal__btnList.vertical{
  display:block;
}

.c-modal__btnList.vertical .c-btn01:not(:last-child) {
 margin-bottom:20px; 
}

/*
.p-reporttoroku-daiko2 .l-form .c-uploadBox .ico{
  margin-right:15px;
}
*/

.p-reporttoroku-daiko2 .l-form .c-uploadBox p{
  font-size:1.4rem;
}

@media screen and (max-width: 320px){
  .p-reporttoroku-daiko2 .l-form .c-uploadBox p{
    font-size:3.5vw;
  }
}

.c-modal__btnList.horizon{
  flex-wrap:nowrap;
}

.c-modal__btnList.horizon .c-btn01 {
  margin: 0 10px;
}

.c-modal.c-modal--1 .c-modal__btnList {
  margin-top:20px;
}

.c-modal__btnList .c-btn01{
  height: 45px;
  font-size: 1.4rem;
}

@media screen and (max-width: 480px){
  .c-modal__btnList .c-btn01{
    height:35px;
  }
}

/* 01-24-2022 */
.regist-list .regist .date-sub {
  font-size: 1.3rem;
  font-weight: 500;
}

/* 01-26-2022 */
.p-propertyAgency .agency .arrow{
  top:50%;
  transform: translateY(-50%);
}

/* 01-27-2022 */
.c-modal.c-modal--block{
  padding-bottom: 0;
}

.c-modal__content{
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}

.c-form_row.has-endLine {
  border-bottom: 4px solid #EAEAEA;
  padding-bottom: 30px;
}

.c-banner {
  display: flex;
  align-items: center;
  height: 70px;
  border-radius: 4px;
  background: repeating-linear-gradient(to bottom, #F08B55, #D9662A);
  color: #fff;
  justify-content: center;
  max-width: 325px;
  margin: 0 auto;
}
.c-banner .ico {
  width: 40px;
  margin-right: 10px;
}
.c-banner .p1 {
  font-size: 1.1rem;
  color:inherit;
}
.c-banner .p2 {
  font-size: 2rem;
  color:inherit;
}
.c-banner.c-banner--01 {
  background: repeating-linear-gradient(to bottom, #4B31BA, #1A0089);
}
.c-banner.c-banner--01 .ico {
  width: 30px;
}

.overflow-hidden{
  overflow: hidden;
}
/*
@media (max-width: 767px) {
    .overflow-hidden {
        position: fixed;
        width: 100%;
    }
}
*/

/* 02-07-2022 */
.c-uploadPhotoMain .photo.photo--file {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.c-uploadPhotoMain .photo.photo--file .icon {
  width: 40px;
  margin: 0 auto 15px;
}

.c-uploadPhotoMain .photo.photo--file .file-txt {
  font-size: 1.2rem;
  font-weight: 500;
  word-break: break-all;
}

.c-form_row.has-background {
  background: #fff;
  padding: 25px 0;
}

.c-scrolledTable .remove-line {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-scrolledTable .remove-line img {
  width: 21px;
}

.c-scrolledTable .move-line {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-scrolledTable .move-line img {
  width: 21px;
}

.p-reporttoroku02--2 .c-modal__content__inner{
  background:#F7F7F7;
}

.p-reporttoroku02--2 .c-form_main{
  margin-bottom:0;
}

.p-reporttoroku02--2 .c-form_row.has-background{
  margin: 0 -20px 25px;
  padding: 20px;
}

.property-list__item .thumb{
  height:50px;
}

.property-list__item .thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
}

/* 02-10-2022 */
.c-form_row.has-backgroundContent .row_content {
  background: #fff;
  padding: 15px 0;
}

.c-form_row.has-backgroundContent {
  margin-bottom: 45px;
}

.c-form_row.has-backgroundContent .row_content.row_content--inModal {
  margin: 0 -20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* 02-10-2022 NEW */
.c-modal--baikyakusate .c-modal__content__inner{
  padding: 0 0!important;
}

.c-modal--baikyakusate .list-wr{
  background:#FAF0CC;
  padding:25px;
}


.c-modal--baikyakusate .list{
  max-width:260px;
  margin:0 auto;
}

.c-modal--baikyakusate .list .row{
  display:flex;
  margin-bottom:20px;
}

.c-modal--baikyakusate .list .row:last-child{
  margin-bottom:0;
}

.c-modal--baikyakusate .list .icon{
  width:25px;
  margin-right:7px;
}

.c-modal--baikyakusate .content{
  text-align:center;
  padding:15px 15px 20px;
}

.c-modal--baikyakusate .phone {
  width:100px;
  margin:0 auto 15px;
}

.c-modal--baikyakusate .c-btn01{
  width:200px;
  font-size:1.6rem;
  font-weight:bold;
  border-radius:2px;
  height:50px;
  margin-bottom: 15px;
}

.c-modal--baikyakusate .c-checkbox{
  display:inline-flex;
  align-items:center;
  padding-bottom: 0;
  padding-top: 0;
}

.property-list__item.has-child {
  display: block;
}

.property-list__item.has-child .main_content {
  display: flex;
  align-items: center;
}

.property-list__item.has-child .sub_content{
  margin-top:12px;
  display:flex;
  align-items: flex-end;
  justify-content:space-between;
}

.property-list__item.has-child .rate{
  font-size:1.4rem;
  font-weight:bold;
}

.property-list__item.has-child .rate .num{
  font-size:2.4rem;
  margin-right:3px;
  line-height:1;
  font-weight:bold;
}

.property-list__item.has-child .date{
  font-size:1.4rem;
  font-weight:500;
  margin-left:10px;
}

.container.container--fw{
  max-width:100%;
}

.c-toggle__head {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background: #103874;
  padding: 10px 25px;
  position: relative;
  cursor: pointer;
}

.c-toggle__head::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid;
  transform: rotate(45deg);
  right: 25px;
  top: 13px;
  border-left: none;
  border-top: none;
}

.c-toggle__head.is-active::after {
  transform: rotate(-135deg);
  top: 17px;
}

.c-radio.gray label:before {
  background: #EAEAEA;
}

.c-radio.gray label:after {
  background: #747474;
}

.c-radio.gray label {
  color: #747474;
}

.c-form_row dd.gray{
  padding-left:15px;
  color:#747474;
}

.c-radio.gray label:before {
  background: #EAEAEA;
}

.c-radio.gray label:after {
  background: #747474;
}

.c-radio.gray label {
  color: #747474;
}

.c-checkbox.gray label:before {
  background: #EAEAEA;
  border-radius: 2px;
}

.c-checkbox.gray label:after {
  border-color: #747474;
}

.c-checkbox.gray label {
  color: #747474;
}

.c-checkbox .sub .p1 {
  font-size: 1.2rem;
  color: #ACACAC;
  font-weight: 500;
}

.c-checkbox .sub .p2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #747474;
  margin-top: 0px;
}

.p-baiya-rireki3 .c-photoBlock{
  margin-bottom:25px;
}

.c-toggle {
  margin-bottom:25px;
}

.c-toggle:last-child {
  margin-bottom:0;
}

.p-baiya-rireki3 .c-form{
  padding-top:20px;
}

.p-baiya-rireki3 .c-uploadPhotoMain{
  padding-bottom:0;
}

.property-list__item .t3 {
  font-size: 1.9rem;
  font-weight: bold;
}

.property-list__item .t4 {
  font-size: 1.4rem;
  font-weight: 500;
}

.property-list__item .num {
  font-size: 2.4rem;
  margin-right: 5px;
  font-weight: 500;
}

.c-toggle__content{
  display:none;
}

.rangeslider{position:relative;display:block;cursor:pointer;height:25px;width:100%}.rangeslider__fill,.rangeslider__fill__bg,.rangeslider__handle{display:block;position:absolute;top:50%;height:2px;z-index:2;background:#29e;border-radius:10px;will-change:width}.rangeslider__handle{will-change:width,height,top;width:14px;height:14px;display:inline-block;z-index:3;cursor:pointer;border:solid 2px #fff;border-radius:50%;-webkit-transition:width .1s ease-in-out,height .1s ease-in-out,top .1s ease-in-out;transition:width .1s ease-in-out,height .1s ease-in-out,top .1s ease-in-out}.rangeslider__handle:active{background:#107ecd}.rangeslider__fill__bg{background:#ccc;width:100%}.rangeslider--disabled{opacity:.4}

.p-kounyu-simu .top-content {
  background: #fff;
}

.p-kounyu-simu .l-content {
  padding: 0 25px;
}

.p-kounyu-simu .top-content .c-tabLink {
  background: #fff;
}

.p-kounyu-simu .top-content .c-tabContent {
  padding: 20px 15px;
}

.text-lbl.right {
  margin-left: 10px;
}

.c-range__numPart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.c-range__numPart .lbl {
  font-size: 1.6rem;
  font-weight: bold;
}

.rangeslider__fill__bg {
  background: #BFBFBF;
  height: 4px;
}

.rangeslider__fill {
  background: #3262A8;
  height: 4px;
}

.rangeslider__handle {
  height: 20px;
  width: 20px;
  background: rgba(50, 98, 198, 0.3);
  border: none;
  position: relative;
  top: 14px;
}

.rangeslider__handle::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  background: #3262A8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.rangeslider__handle:active {
  background: rgba(50, 98, 198, 0.5);
}


.rangeslider__fill__bg {
  background: #BFBFBF;
  height: 4px;
}

.rangeslider__fill {
  background: #3262A8;
  height: 4px;
}

.rangeslider__handle {
  height: 20px;
  width: 20px;
  background: rgba(50, 98, 198, 0.3);
  border: none;
  position: relative;
  top: 14px;
}

.rangeslider__handle::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  background: #3262A8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.rangeslider__handle:active {
  background: rgba(50, 98, 198, 0.5);
}

.rangeslider__handle {}

.c-columnTable .ro {}

.c-columnTable .row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.c-columnTable .row .col2 {
  text-align: right;
  font-size: 1.5rem;
  font-weight: 400;
  padding-left:15px;
}

.c-columnTable .row.row--cash .col1 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top:10px;
}

.c-columnTable .row--cash .price {
  font-size: 1.8rem;
  font-weight: bold;
}

.c-columnTable .row--cash .price .num {
  font-size: 2.8rem;
}

.c-columnTable .row--cash .price .letter {
  font-size: 1.4rem;
}

.c-columnTable .row .note {
  font-size: 1.3rem;
  font-weight: 400;
  color: #9B9B9B;
}

.c-columnTable .row .col1 {
  font-size: 1.4rem;
  font-weight: 400;
}

.c-columnTable .row .letter {
  margin-left: 5px;
  font-size:1.4rem;
}

.c-columnTable .price .num {
  margin-left: 5px;
}

.c-columnTable .row.has-line {
  border-bottom: 1px solid #D5D5D5;
  padding: 15px 0;
}

.c-columnTable .row.row--table {
  display: block;
}

.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}

.c-columnTable .row.row--table td{
  font-weight: 400;
  font-size:1.4rem;
  padding:5px 5px 5px 0;
}

.orange {
  color: #FF7F00;
}

.blue{
  color:#143D7A;
}

.red{
  color:#D90000;
}

.c-range .note {
  font-size: 1.3rem;
  color: #9B9B9B;
}

.c-range__slidePart {
  margin-bottom: 10px;
}

.p-kounyu-simu .top-content .c-columnTable {
  padding: 50px 0 15px;
}

.p-kounyu-simu .bot-content .c-columnTable{
  padding:20px 0 35px;
}

.p-kounyu-simu .bot-content .row--cash{
  padding-top:40px;
}

.c-range__slidePart.red .rangeslider__fill{
  background:#D90000
}

.c-range__slidePart.red .rangeslider__handle{
  background:rgba(217,0,0,0.3);
}

.c-range__slidePart.red .rangeslider__handle:after{
  background:#D90000
}

.c-range__slidePart.red .rangeslider__handle:active {
background: rgba(217, 0, 0, 0.5);
}

.text-underline1{
  display:inline-block;
  border-bottom:1px solid;
}

.p-baikyaku-simu .white-box .c-columnTable {
  background: #fff;
  padding: 20px 15px;
}

.p-baikyaku-simu .p-baikyaku-simu .white-box {
  padding: 0 20px 35px;
}

.p-baikyaku-simu .white-box{
  padding:0 25px 35px;
}

.p-baikyaku-simu .white-box .c-columnTable .row{
  padding:7px 0;
}

.p-baikyaku-simu .white-box .c-columnTable .row.row--cash {
  margin-bottom: 15px;
}

.p-baikyaku-simu .c-toggle .c-columnTable{
  background:#fff;
}

.p-baikyaku-simu .c-toggle .c-columnTable .row {
  padding: 15px 25px;
}

.p-simu-rireki .l-main {
  padding-top: 45px!important;
}

.simu-list__item {
  display: block;
  background: #fff;
  margin-bottom: 13px;
  padding: 15px 25px;
  position: relative;
}

.simu-list__item:last-child {
  margin-bottom: 0;
}

.simu-list__item .date {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 5px;
}

.simu-list__item .ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

.simu-list__item .head {
  margin-bottom: 25px;
}

.simu-list__item .price-list {
  display: flex;
}

.simu-list__item .price-list__box {
  width: 50%;
  padding-right: 15px;
}

.simu-list__item .price-list__box .ttl {
  font-size: 1.4rem;
  font-weight: 400;
}

.simu-list__item .price-list__box .price {
  font-size: 1.8rem;
  font-weight: bold;
}

.simu-list__item .price-list__box .price .num {
  font-size: 1.9rem;
  margin-left: 5px;
}

.simu-list__item .price-list__box .price .letter {
  font-size: 1.4rem;
  margin-left: 5px;
}

.simu-list__item::after{
  content:'';
  position:absolute;
  width:8px;
  height:8px;
  border:3px solid;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:25px;
  border-left:none;
  border-bottom:none;
}

/* 02-14-2022 */
.simu-list__item .price-list.vertical .price-list__box {
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 0;
}

.simu-list__item .price-list.vertical .ttl {
  margin-right: 20px;
}

/* 02-15-2022 */
.c-modal--baikyakusate .list{
  max-width: 280px;
  font-size: 16px;
  font-weight:bold;
}

.marker1 {
  background: repeating-linear-gradient(to top, #ffeb00 0, #ffeb00 40%, transparent 40%, transparent 100%);
}

.c-columnTable .row--cash .price .num{
  font-size:2.4rem;
}

/* 02-16-2022 */
.c-scrolledTable .sticky-col{
  position: -webkit-sticky;
  position: sticky;
  left:0;
}

.c-scrolledTable td, th{
  background:#fff;
}

/* 02-28-2022 */
.c-scrolledTable::-webkit-scrollbar{
  height:8px;
}

/* 03-03-2022 */
.c-historyList__item {
  display: block;
  background: #fff;
  margin-bottom: 10px;
  padding: 10px 35px 10px 25px;
  position: relative;
}

.c-historyList__item .price {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.c-historyList__item .address {
  font-size: 1.4rem;
  font-weight: 500;
}

.c-historyList__item::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 3px solid;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 30px;
  border-left: none;
  border-bottom: none;
}

#wrapper.has-controlBase .l-main{
	padding-top:45px;
}

.c-form_row .head.less-mg{
margin-bottom:5px;
}

.p-history--2 .c-form{
	padding-top:15px;
  padding-bottom: 25px;
}

.p-history--2 .c-radioList{
	margin-bottom:0px;
}

.p-history--2 .c-radioList:last-child{
margin-bottom:0;
}

.c-form_row dd.indent{
padding-left:20px;
}

.p-history--2 .c-historyList{
  margin-bottom: 25px;
}

.property-list__item.dot::after {
  border: none;
  width: 21px;
  height: 4px;
  background: url('../images/ico-dots.png') no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 25px;
}

.c-simuList__item {
  position: relative;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  margin-bottom: 20px;
  box-shadow: 0 1.5px 10px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 15px 40px 15px 15px;
}
.c-simuList__item:last-child {
  margin-bottom: 0;
}
.c-simuList__item .arrow {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  right: 22px;
  width: 15px;
}
.c-simuList__item .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #143D7A;
}
.c-simuList__item .ico {
  flex-shrink: 0;
  margin-right: 15px;
}

.bukken-sliderWrap {
  position: relative;
}

.bukken-paging {
  position: absolute;
  top: 13px;
  right: 25px;
  z-index: 10;
  border-radius: 2px;
  background: rgba(0,0,0,0.8);
  color: #fff;
  min-width: 52px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 2px 5px;
  display:none;
}

.bukken-sliderWrap .content {
  color: #fff;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 25px;
  align-items: center;
  background: #0B0B33;
  align-items: center;
}

.bukken-sliderWrap .owner {
  font-size: 1.5rem;
  font-weight: bold;
  position:relative;
  padding-right:20px;
  white-space: nowrap; /* テキストを1行に表示 */
  overflow: hidden; /* あふれた部分を隠す */
  text-overflow: ellipsis; /* 省略記号を表示 */
}

@media (max-width: 600px) {
    .owner.property_name {
        max-width: 250px; /* 600px以下の画面幅では150px */
    }
}

.bukken-sliderWrap .owner::after{
  content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}


.bukken-sliderWrap .door {
  font-weight: bold;
  font-size: 1.4rem;
}

.bukken-sliderWrap .door .num {
  font-size: 2.8rem;
  margin-right: 5px;
}

.c-scrolledMenu {
  overflow: hidden;
}

.c-scrolledMenu ul {
  /* overflow-x: auto; */
  white-space: nowrap;
}

.c-scrolledMenu ul li {
  display: inline-block;
}

.c-scrolledMenu a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #D0D0D0;
  padding: 15px 25px;
  display: inline-block;
}

.c-scrolledMenu ul li.is-active a {
  color: #143D7A;
}


/* ::-webkit-scrollbar {
  width: 5px;
  height: 8px;  
}

::-webkit-scrollbar-track{
  background-color: #EAEAEA;
}

::-webkit-scrollbar-thumb {
  background: #143D7A;
} */

.p-bukkenDetail .register-btn {
  margin: 22.5px auto;
}

.c-btn03{
  height:40px;
  border:1px solid #143D7A;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:1.3rem;
  font-weight:bold;
  color:#143D7A;
  border-radius:4px;
}

.p-bukkenDetail #monthly-report{
  margin-bottom:22.5px;
}

/* 03-04-2022 */
.p-bukkenDetail--2 .c-table01{
  margin-bottom: 40px;
}

.p-bukkenDetail .btn-list .c-btn01{
  margin-bottom: 23px;
}

.p-bukkenDetail .btn-list .c-btn01:last-child{
  margin-bottom:0;
}

.c-btn03 .icon.plus {
  width: 10px;
  height: 10px;
  position: relative;
}

.c-btn03 .icon.plus::before {
  content: '';
  width: 1px;
  height: 100%;
  background: #143D7A;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.c-btn03 .icon.plus::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #143D7A;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.c-btn03 .icon {
  margin-left: 22px;
}

.p-bukkenDetail #monthly-report .head{
  font-weight: 500;
}

.c-dotBlock__head {
  background: #143D7A;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  display: flex;
  padding: 11px 55px 11px 25px;
}

.c-dotBlock__head .dot {
  position: absolute;
  top: 5px;
  right: 0;
  height: 30px;
  width: 50px;
  text-align: right;
  padding-right: 25px;
  padding-top: 0;
  display: flex;
  align-items: center;
}

.c-dotBlock__head .dot img {
  max-width: 21px;
  filter: brightness(0) saturate(100%) invert(89%) sepia(77%) saturate(0%) hue-rotate(181deg) brightness(110%) contrast(101%);
}

.c-dotBlock__content .c-toggle2__btn {
  padding: 27px 25px;
}

.c-dotBlock__content {
  background: #fff;
}

.c-toggle2.is-active .c-toggle2__btn .c-btn03 .plus::before {
  display: none;
}

.c-toggle2__content{
  display:none;
}

.c-table01 .row .head.wide{
  width:140px;
}

button.c-btn03{
  font-family: inherit;
  width: 100%;
  background: transparent;
  cursor: pointer;
  outline: none;
}

.c-scrolledTable .ico-dot{
  display:flex;
  align-items: center;
  justify-content: center;
  max-width:21px;
  padding:5px 0;
  margin:0 auto;
}

.c-btn03 .icon.minus::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #143D7A;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.p-bukkenDetail--6 .c-scrolledTable{
  margin-bottom: 25px;
}

.text-left.important{
  text-align: left!important;
}

.text-right.important{
  text-align: right!important;
}

.text-center.important{
  text-align: center!important;
}

/* 03-08-2022 */
.c-totalRow .price.big .type {
  font-size: 1.8rem;
}

.total__priceList .total__price {
  margin-bottom: 10px;
}

.total__priceList .total__price:last-child{
  margin-bottom:0;
}

.c-totalRow .price{
  margin-right: 5px;
}

.flex-shrink0{
  flex-shrink: 0;
}

.c-photoBlock.has-margin{
  margin-bottom: 20px;
}

.c-modal__btnList .c-btn01--modal1{
  height:58.5px;
  border-radius: 4px;
}

.c-radioList--horizon{
  margin-bottom: 0;
}

.c-radioList--horizon--flex{
  display:flex;
  flex-wrap:wrap;
}

.c-radioList--horizon--flex .c-radio{
  margin-right:0;
}

.c-form_row.has-endLine--sm{
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 15px;
}

.c-roomTitle {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

.c-roomTitle .key {
  font-size: 2.1rem;
}

/* 03-09-2022 */
.p-dashboard .chartBar__color01 .chartValue__positive span, .p-dashboard .chartBar__color01 .chartValue__negative span {
  background: #d9d9d9;
}
.p-dashboard .chartBar__color03 .chartValue__positive span, .p-dashboard .chartBar__color03 .chartValue__negative span {
  background: #d9d9d9;
}
.p-dashboard .chartBar__color05 .chartValue__positive span, .p-dashboard .chartBar__color05 .chartValue__negative span {
  background: #d9d9d9;
}

#aggregated-data{
  flex-wrap:wrap;
}

#aggregated-data .aggregated-chart:nth-child(n+3){
  margin-top:15px;
}

#aggregated-data .progressbar-text small {
  color: #a6a6a6;
  font-size: 1rem;
  display: inline-block;
}

/* 03-10-2022 */
.bukken-sliderWrap .image{
  position:relative;
}
.bukken-sliderWrap .image::before {
  content: '';
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.81) 70%, rgba(0,0,0,1) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44%;
  opacity: 0.4;
}

.bukken-sliderWrap .content > *{
  position:relative;
  z-index: 1;
}

.c-modal-ios {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 750px;
  margin: 0 auto;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  z-index: 999;
}

.c-modal-ios__overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  max-width: inherit;
  right: 0;
  margin: 0 auto;
}

.c-modal-ios__content{
  position: relative;
  z-index: 2;
 -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.85);
  border-radius:10px;
  width: 69.86%;
  max-width: 524px;
}

.c-modal-ios__box{
  position:relative;
  z-index:1;
}

.c-modal-ios .head{
  padding:25px 10px 20px;
  text-align:center;
  font-size:1.6rem;
  font-weight:bold;
}

.c-modal-ios .list__item{
  display:block;
  border-top:1px solid #BFC0C5;
  font-size:1.6rem;
  color:#143D7A;
  text-align:center;
  font-weight:500;
  padding:10px;
}

.c-modal-ios .list__item--red{
  color:#D90000;
}
.c-modal-ios .list__item--gray{
  color:#888888;
}

/* ###################################### */
.l-propertySearch__ttl {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.c-searchBox {
  width:100%;
  max-width: 435px;
  height: 35px;
  border-radius: 4px;
  background: #EFEFEF;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  padding: 0 10px;
}

.c-searchBox .icon {
  width: 15px;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: 2px;
  margin-right: 6px;
}

.l-propertySearch {
  margin-bottom: 25px;
  /* padding-top: 50px; */
}

.c-property__item {
  background: #fff;
  padding: 35px 35px 30px;
  margin-bottom: 15px;
}

.c-property__head {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 7px;
  margin-bottom: 10px;
}

.c-property__head .ttl {
  font-size: 1.7rem;
  font-weight: bold;
}

.c-property__datePrice {
  border: 1px solid;
  color: #4EB4E0;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  padding: 10px 15px;
  align-items: center;
  margin-bottom: 15px;
}

.c-property__datePrice .date {
  font-size: 1.5rem;
  font-weight: bold;
}

.c-property__datePrice .price {
  font-size: 2rem;
  font-weight: bold;
}

.c-property__datePrice .price .unit {
  font-size: 1.5rem;
  margin-left: 8px;
}

.c-property__block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.c-property__block .image {
  flex-basis: 172px;
}

.c-property__block .content {
  padding-left: 30px;
  flex: auto;
}

.row-list .row {
  display: flex;
  font-weight: 400;
  margin-bottom: 10px;
}

.row-list .row__head {
  font-size: 1.4rem;
  flex-basis: 85px;
  padding-right: 15px;
}

.row-list dd {
  font-size: 1.5rem;
}

.c-property .col-info {
  display: flex;
}

.c-property .col-info__item {
  width: 33.33%;
  text-align: center;
  border-right: 1px solid #E8E8E8;
}

.row-list .row:last-child {
  margin-bottom: 0;
}

.c-property .col-info__item:nth-child(3n) {
  border-right: none;
}

.c-property .col-info__ttl {
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.c-property .col-info__number {
  font-size: 1.5rem;
  font-weight: 400;
}

.c-property .col-info__number .big {
  font-weight: bold;
  font-size: 2rem;
}

.c-property .col-info__number .big.price {
  color: #D74A25;
}

.c-property__item:last-child {
  margin-bottom: 0;
}

.c-property .col-info .icon {
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.c-property .col-info .icon--building {
  width: 13px;
}

.c-property .col-info .icon--coin {
  width: 14px;
}

.c-property .col-info .icon--reload {
  width: 15px;
}

.pdt50{
  padding-top:50px;
}

.pdb50{
  padding-bottom: 50px;
}

.pd50{
  padding:50px 0;
}

.pd100{
  padding:100px 0;
}

.pdt100{
  padding-top:100px;
}

.pdb100{
  padding-bottom: 100px;
}

@media screen and (max-width: 767px){
  .pdt50{
    padding-top: 30px;
  }

  .pdb50{
    padding-bottom: 30px;
  }
  
  .pd50{
    padding:30px 0;
  }
  
  .pd100{
    padding:60px 0;
  }
  
  .pdt100{
    padding-top:60px;
  }
  
  .pdb100{
    padding-bottom: 60px;
  }
}

.c-pagination {
  text-align: center;
  margin-top: 40px;
}

.c-pagination__text {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-pagination__text .total {
  font-size: 2rem;
}

.c-pagination__list .page {
  margin: 0 5px 5px;
  width: 60px;
  height: 60px;
  border: 1px solid #DBDBDB;
  font-weight: 500;
  font-size: 1.6rem;
  color: #143D7A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-pagination__list .page.current {
  background: #143D7A;
  color: #fff;
}

.c-pagination__list .page:hover {
  opacity: 1;
  background: #143D7A;
  color: #fff;
}

.l-propertySearch__ct {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.register-property {
  border-bottom: 1px solid;
  font-size: 1.4rem;
  font-weight: bold;
  color: #103874;
  display: flex;
  align-items: center;
  padding-bottom: 3px;
  margin-left: 10px;
  flex-shrink: 0;
}

.register-property .icon {
  width: 13px;
  display: flex;
  align-items: center;
  margin-right: 4px;
}

.c-property__head {
  display: flex;
  justify-content: space-between;
}

.c-property__head .mail {
  display: flex;
  position: relative;
}

.c-property__head .mail .icon {
  width: 18.5px;
  /* position: relative; */
}

.c-property__head .mail .num {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background: #D74A25;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 0.8rem;
  color: #fff;
  border-radius: 50%;
  transform: translate(50%, -50%);
}

.c-property__block.kanri .row__head {
  flex-basis: 130px;
}

.c-property__blockCols {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.c-property__blockCols .col {
  width: 50%;
}

.c-searchBox input {
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  border: none;
  padding:0;
  margin:0;
}

.c-searchBox input::placeholder{
  font-weight: inherit;
  color:#B7B7B7;
}

.c-searchBox button {
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}

.c-searchBox button:hover {
  opacity: 0.7;
}


.bukken-slider .slick-dots {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  display: flex!important;
  align-items: center;
  justify-content: center;
}

.bukken-slider .slick-dots li {
  margin: 0 3.5px;
  display: flex;
}

.bukken-slider .slick-dots li button {
  border: none;
  font-size: 0;
  background: #767676;
  width: 7.5px;
  height: 7.5px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
}

.bukken-slider .slick-dots .slick-active button {
  background: #fff;
}

/* 03-15-2022 */
.c-control{
  background:#030113;
}

.l-header {
  background: #030113;
}

.bukken-sliderWrap .image{
  padding-bottom: 41.6%;
}

.bukken-sliderWrap .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bukken-sliderWrap .content {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background: linear-gradient(to right, rgba(11,11,51,1) 0%, rgba(11,11,51,0.5) 100%);
  padding: 5px 25px;
}

.bukken-slider .slick-dots{
  top:auto!important;
  bottom:60px;
}

/* 03-16-2022 */
.p-dashboard .chartBar__color04 .chartValue__positive span, .p-dashboard .chartBar__color04 .chartValue__negative span {
  background: #d9d9d9;
}

.chartColumn > .xAxis .xAxis__month .xAxis__value{
  position:relative;
  line-height:1;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* .chartColumn > .xAxis .xAxis__month .xAxis__value:after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top: -1px;
  left: 0;
  border:1px solid;
  border-radius:50%;
  display:none;
} */

/* dl.chartColumn:not(.chartColumn__active):not(.chartColumn__temp):hover > .xAxis .xAxis__month .xAxis__value:after {
  display:block;
} */

/* dl.chartColumn.show-circle > .xAxis .xAxis__month .xAxis__value:after{
  display:block;
} */

.p-dashboard .dashboard-content .main .percent-block .income dl.info-percent dt {
  color: #cecece;
  font-size: 1.1rem;
  margin-bottom: 7px;
}

.p-dashboard .dashboard-content .main .percent-block .income dl.info-percent dd span {
  font-size: 1.7rem;
}

.p-dashboard .dashboard-content .main .percent-block .income dl.info-percent dd small {
  font-size: 1.1rem;
}

.p-dashboard .l-header .date-control{
  margin-left:-192px;
  justify-content: center;
}

.p-dashboard .sideNavItem{
  background: #0b0b33;
}

.chartBarStack__color01 .chartValue__positive:first-child span {
  background: #d9d9d9;
}

.p-dashboard .dashboard-content .side{
  background: #0b0b33;
}

.progressbar-text {
  text-align: center;
  font-weight: bold;
}
.progressbar-text .big {
  font-size: 2rem;
}
.progressbar-text p {
  color: #a6a6a6;
}

.progressbar-text .percent {
  font-size:1rem;
}

/* 03-31-2022 */
.l-header__icon.bell.bell--noti {
  position: relative;
}

.l-header__icon.bell.bell--noti::after {
  content: '';
  width: 12px;
  height: 12px;
  background: red;
  position: absolute;
  border-radius: 50%;
  top: -2px;
  right: -5px;
}

/* 04-05-2022 */
.c-news a.dot {position: relative;}

.c-news a.dot::after {
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  width: 8px;
  height: 8px;
  background: #E80000;
  border-radius: 50%;
}

/* 04-06-2022 */
.has-bg{
  position: relative;
  z-index: 1;
}

.has-bg:before {
   content: '';
   background: radial-gradient(#020113, #020113 60%);
   -webkit-background-size: cover;
   background-size: cover;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   max-width:750px;
   margin:0 auto;
   right:0;
}
.has-bg:after {
   content: '';
   background: radial-gradient(#051b3d, #020113 60%);
   background-size: 100% 400px;
   position: fixed;
   top: 200px;
   left: 0;
   width: 100%;
   height: 400px;
   z-index: -1;
   max-width:750px;
   margin:0 auto;
   right:0;    
}
@media only screen and (max-width: 768px) {
   .has-bg:before {
       top: 0px;
   }
}

/* 04-13-2022 */
.c-modal-ios .head {border-bottom: 1px solid #BFC0C5;}

.c-modal-ios .list__item:first-child {border-top: none;}

/* 04-22-2022 */
.c-scrolledTable02 {text-align: center;overflow-x: auto; max-height: 468px;}

.c-scrolledTable02 th, .c-scrolledTable02 td {text-align: center;padding: 10px 10px;white-space: pre;}

.c-scrolledTable02 th {position: sticky;top: 0;font-size: 1.4rem;font-weight: bold;}

.c-scrolledTable02 table {position: relative;}

.table-modal .ttl {text-align: center;font-size: 1.6rem;font-weight: bold;margin-bottom: 20px;}

.c-scrolledTable02 tr:not(:first-child) {border-bottom: 1px solid #EBEBEB;}

@media screen and (max-width: 768px){
  .c-scrolledTable02 {max-height: 300px;}
}

/* 04-25-2022 */
.c-switch.c-switch--l{ width: 83px;}

.c-switch.c-switch--l input:checked + .slider:before {
    transform: translateX(48px);
}

.c-switch .txt {font-size: 1.2rem;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: center;padding: 0 10px;color: #fff;transition: .3s ease;}

.c-switch input:checked + .slider .txt {justify-content: flex-start;}

.c-switch .txt small[data-active] {display: none;}

.c-switch input:checked + .slider small[data-active] {display: block;}

.c-switch input:checked + .slider small[data-inactive]{display:none}

.db-step__box {margin-bottom: 12px;}

.db-step .ttl {background: linear-gradient(to right, rgba(49,115,209,1) 0%, rgba(99,198,224,1) 100%);color: #fff;border-radius: 4px 4px 0 0;padding: 10px 20px;display: flex;align-items: center;font-weight: bold;}

.db-step .step {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 15px;flex-shrink: 0;}

.db-step .step small {line-height: 1;font-size: 1rem;margin-bottom: 3px;}

.db-step .step span {line-height: 1;font-size: 2.4rem;}

.db-step .ttl p {font-size: 1.9rem;}

.db-step .ttl p span {font-size: 2.7rem;}

.db-step .content {background: #fff;border-radius: 0 0 4px 4px;padding: 12px 20px;font-weight: 500;}

.db-step .content p {font-size: 1.2rem;}

.db-step .content .big {font-size: 1.3rem;margin-top: 10px;}

.db-step .ttl.ttl--style1 {background: #d2aa2e;}

.p-dashboardMobile .box__price--one {display: block;}

.p-dashboardMobile .box__price .hide-price {font-size: 2.5rem;}

.property_content .msg__flexRow{
  width:100%;
}

#spin-loading {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* 04-26-2022 */
.semi-circle .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 10;display: flex;justify-content: center;align-items: center;font-size: 2.8rem;font-weight: 500;padding: 15px; text-align:center}
@media screen and (max-width:768px){
    .semi-circle .overlay{font-size:1.4rem;}
}

/* 04-29-2022 */
.c-fadeTextLink {
  position:relative;
  display: block;
  padding-right:30px;
  font-size:1.4rem;
  line-height:1.5;
  margin:10px 0;
}

.c-fadeTextLink:before{
  content:'';
  position:absolute;
  width:12px;
  height:12px;
  border:2px solid;
  transform:rotate(45deg) translateY(-50%);
  border-left:none;
  border-bottom:none;
  right:15px;
  top:50%;
  z-index:1;
}

.c-fadeTextLink:after{
  content:'';
  position:absolute;
  top:0;
  right:30px;
  width: 40px;
  height:100%;
  background: linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(0,0,0,1) 100%); 
}

/* 05-06-2022 */
.p-dashboardMobile .box__price--one .left {margin-right: 0;display: flex;justify-content: center;align-items: center;padding: 3px 10px;margin-bottom: 5px;}

.p-dashboardMobile .box__price--one .left small {margin-right: 7px;font-weight: bold;}

/* 05-11-2022 */
#spin-loading{
  z-index: 999;
}

#repayment-schedule-table td:first-child, #repayment-schedule-table td:nth-child(2) {position: sticky;background: #fff;}

#repayment-schedule-table td:first-child {left: 0;}

#repayment-schedule-table td:nth-child(2) {left: 48px;}

.c-scrolledTable02 th{
  z-index:1;
}

#repayment-schedule-table th:not(:nth-child(1)):not(:nth-child(2)){
  position:static;
}

#repayment-schedule-table th:nth-child(1){
  left:0;
  top:auto;
}

#repayment-schedule-table th:nth-child(2){
  left: 48px;
  top:auto;
}

.has-overlay{
  position: relative;
}

.has-overlay::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  max-width: inherit;
  right: 0;
  margin: 0 auto;    
}


/* 05-30-2022 */
.has-spinLoading{
  position: relative;
  min-height: 100px;
}

.has-spinLoading::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background: rgba(0, 0, 0, 0.4); */
  z-index: 10;
  max-width: inherit;
  right: 0;
  margin: 0 auto;  
}

.has-spinLoading .spin-loading{
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px){
  .c-scrolledTable02{
    max-height: 450px;
  }
}

/* 05-30-2022 */
.footer-fixedContent {
    position: fixed;
    z-index:100;
    bottom: 80px;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    padding: 15px;
    transition: transform 0.3s ease-in-out; /* アニメーションのためのトランジション */
}

.footer-fixedContent p {color: #FFD143;font-size: 1.6rem;}

.footer-fixedContent .c-btn01 {margin-top: 15px;}

.footer-fixedContent .more-btnPart {
    margin: 30px 0;
}

.footer-fixedContent .more-btn {
    font-size: 1.6rem;
    display: block;
    text-align: center;
}

.footer-fixedContent .more-btn span {
    text-decoration: underline;
    text-underline-offset: 5px;
    position: relative;
}

.footer-fixedContent .more-btn span:after {
    content: '';
    position: absolute;
    right: -25px;
    width: 7px;
    height: 7px;
    border: 3px solid;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
    top: 3px;
}

.footer-fixedContent .more-content {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 30px 25px;
}

.footer-fixedContent .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
}

.property-registList__item {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

.property-registList__item .ttl {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  color:#fff;
}

.property-registList__item .image {
/*
  flex-basis: 71px;
  flex-shrink: 0;
  margin-right: 15px;
*/

  width: 71px; 
  height: 71px;
  margin-right: 15px;
  overflow: hidden;
  position: relative;
}
.property-registList__item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center;
}

.property-registList__item:last-child{
  margin-bottom:0;
}

.property-registList__item .regist-btn1 a {
  width: 125px;
  height: 35px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-size: 1.3rem;
  font-weight: bold;
}

.property-registList__item .regist-btn2 a {
  font-size: 1.3rem;
  text-decoration: underline!important;
  text-underline-offset: 5px;
  font-weight: bold;
  color:#fff;
}

.property-registList__item .regist-btn3 a {
  width: 125px;
  height: 35px;
  background: #333333;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: bold;
}
.property-registList__item .regist-btn4 a {
  font-size: 1.3rem;
  text-decoration: underline!important;
  text-underline-offset: 5px;
  font-weight: bold;
  color:#333333;
  margin-left:10px;
}




.property-registList__item .regist-part {
  display: flex;
  align-items: center;
}

.property-registList__item .regist-btn2 {
  margin-left: 15px;
}

.footer-fixedContent .more-btn.is-active span::after {
  border: 3px solid;
  border-bottom: none;
  border-right: none;
  top: 9px;
}

/* 05-31-2022 */
.c-cmToggle__content {
  display: none;
}

.c-cmToggle__btn .close-text {
  display: none;
}

.c-cmToggle__btn.is-active .show-text {
  display: none;
}

.c-cmToggle__btn.is-active .close-text {
  display: inline-block;
}

.sp{
  display:none;
}

@media screen and (max-width: 767px){
  .pc{
    display:none;
  }
  
  .sp{
    display:block;
  }
}

@media screen and (max-width: 480px){
  .footer-fixedContent .more-content{
    padding-left:0;
    padding-right:0;
  }
}

.footer-fixedContent .more-btn span{
  color:#fff;
}

/* 06-07-2022 */
.db-footer .agency-list {
  margin-bottom: 25px;
}

.db-footer .link {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.c-btn04 {
  background: #fff;
  height: 50px;
  border: 2px solid #38598D;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #38598D;
  width: 290px;
  margin: 20px auto;
  max-width: 100%;
  transition: .3s ease;
}

.c-btn04:hover {
  opacity: 1;
  background: #38598D;
  color: #fff;
}


.c-btn05 {
  background: #fff;
  height: 50px;
  border: 2px solid #C0C0C0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #C0C0C0;
  width: 200px;
  margin: 20px auto;
  max-width: 100%;
  transition: .3s ease;
}

.c-btn05:hover {
  opacity: 1;
  background: #C0C0C0;
  color: #fff;
}








.p-reporttoroku-daiko2 .target-btn{
  font-weight: bold;
}

/* 06-14-2022 */
.footer-fixedContent .more-content{
  max-height: 50vh;
  overflow-y: auto;
}

.property_item.property_item--disabled {
  pointer-events: none;
  position: relative;
}

.property_item.property_item--disabled::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 44, 44, 0.7);
}

/* 06-23-2022 */
.c-switch--green input:checked + .slider {
  background: #56A940;
}

.loan-modal p {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.loan-modal a.link {
  color: inherit;
}

.loan-modal.loan-modal--1 p {
  margin-bottom: 40px;
}

.loan-modal.loan-modal--2 p {
  margin-bottom: 15px;
}

.loan-modal.loan-modal--2 .c-checkboxList {
  margin-bottom: 20px;
}

/* 06-24-2022 */
.loan-modal.loan-modal--1 .c-modal__btnList{
  margin-top:0;
  margin-bottom: 25px;
}

/* 07-06-2022 */
.p-dashboardMobile .box__price .left.down {
  background: #D63838;
}

/* 07-19-2022 */
.c-btn04.c-btn04--reversed{
  background: #38598D;
  color:#fff;
}

.c-btn04.c-btn04--reversed:hover{
  background:#fff;
  border-color:#38598D;
  color:#38598D;
}

.c-btn04.material-btn {
  display: inline-flex;
  height: 40px;
  width: 180px;
  font-size: 1.3rem;
  margin: 0;
}


/* 08-16-2022 */
.txtColor01{
  color:#FCFC00;
}

.marker2 {
  background: #FFF612;
}

#wrapper.p-henko .l-main {
  padding-top: 45px;
}

.p-henko .sec-price {
  background-image: url(../images/henko/henko-bg.png);
  padding: 27.5px 0 120px;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-henko .sec-price .head {
  text-align: center;
  margin-bottom: 20px;
}

.p-henko .sec-price .head p {font-size: 18.5px;font-weight: bold;color: #fff;}

.p-henko .sec-price .lbl {
  max-width: 292px;
  margin: 5px auto;
  background: #003E6C;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  padding: 3px 10px;
  text-align: center;
}

.p-henko .sec-price .lbl small {
  font-size: 18px;
}

.p-henko .sec-price .image{
  margin-bottom:30px;
}

.p-henko .sec-do {
  background: #EDF1F4;
  padding-bottom: 30px;
}

.p-henko .sec-do .image {
  max-width: 270px;
  margin: 0 auto;
  margin-bottom: -44px;
  position: relative;
  transform: translateY(-84px);
}

.p-henko .sec-do .heading {
  text-align: center;
  font-weight: bold;
  font-size: 21px;
  color: #143D7A;
  margin-bottom: 28px;
}

.p-henko .sec-do .heading img {
  width: 207px;
}

.p-henko .sec-do .heading .ttl {
  margin-bottom: -12px;
  position: relative;
}

.p-henko .sec-do .list-icon .item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.p-henko .sec-do .list-icon .icon {
  flex-basis: 74px;
  flex-shrink: 0;
  box-shadow: 0 0 25px rgba(67, 67, 67, 0.07);
  border-radius: 50%;
  margin-right: 14px;
}

.p-henko .sec-do .list-icon .item:last-child {
  margin-bottom: 0;
}

.p-henko .sec-do .list-icon p {
  font-size: 16px;
  font-weight: bold;
  color: #143D7A;
}

.p-henko .sec-note {
  padding: 30px 0 70px;
}

.p-henko .sec-note p {
  font-weight: bold;
  font-size: 13px;
  color: #706F70;
  line-height: 1.84;
}

.p-henko .sec-note .c-btn01 {
  margin-top: 30px;
}

/* 08-18-2022 */
.l-header {
  height: 45px;
}

.l-header .logo {
  max-width: 140px;
}

body.disable-hover a{
  opacity: 1!important;
}

/* 08-23-2022 */
.chartWrapper{
  overflow-y:hidden;
  padding-bottom: 10px;
}

/* 08-24-2022 tour guide*/
@keyframes fingerAnimLeft{
  0%{
      left:35px;
  }
  50%{
      left:40px;
  }
  100%{
      left:35px;
  }
}

@keyframes fingerAnimLeft1{
  0%{
      left:120px;
  }
  50%{
      left:125px;
  }
  100%{
      left:120px;
  }
}

@keyframes fingerAnimRight{
  0%{
      right:40px
  }
  50%{
      right:45px;
  }
  100%{
      right:40px;
  }
}

.shepherd-modal-overlay-container {
  z-index:10000;
}
.shepherd-element {
 z-index: 10001;
 position:relative;
 border-radius: 2px;
 border:1px solid #707070;
 max-width:325px!important;
}

.tour-guide .shepherd-header {
  position: absolute;
  top: -5px;
  right: 0;
  transform: translateY(-100%);
  padding:0;
  border:none;
  font-size:0;
  line-height:1;
  width:18px;
  height:18px;
}

.tour-guide .shepherd-header button{
  width:18px;
  height:18px;
  transition:.3s ease;
}

.tour-guide .shepherd-header button:hover{
  opacity: 0.7;
}

.tour-guide .shepherd-header button:after{
  content:'';
  content: '';
  line-height: 1;
  background-image:url('../images/ico-close.png');
  background-size: contain;
  width:18px;
  height:18px;
  position: absolute;
  top: -5px;
  right: 0;
  background-repeat: no-repeat;
}

.tour-guide.shepherd-element:after{
  content:'';
  width: 56px;
  height:50px;
  background-image:url('../images/ico-pointer.png');
  background-size: contain;
  background-repeat: no-repeat;      
  position:absolute;
  bottom:-16px;
  left:40px;  
  transform:translateY(100%);
  animation: 1s fingerAnimLeft ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=footer-step2]::after,
.tour-guide.shepherd-element[data-shepherd-step-id=footer-step3]::after,
.tour-guide.shepherd-element[data-shepherd-step-id=footer-step4]::after {
  transform: translateY(100%) scaleX(-1);
}

.tour-guide.shepherd-element[data-shepherd-step-id=footer-step3]::after{
  left:125px;  
  animation: 1s fingerAnimLeft1 ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=footer-step4]::after{
  left:auto;
  right:45px;
  animation: 1s fingerAnimRight ease infinite;
}

.tour-guide.shepherd-text{
  padding :0;
}

.l-footer .container {
  padding: 0;
}

.l-footer {
  padding-top:0;
}

.l-footer .f-nav .item {
  width: 25%;
  padding:10px 0;
}

.tour-content p {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
}

.txtColor02{
  color:#FF7F00;
}

.tour-btn {
  color: #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 1.3;
  transition:.3s ease;
  background: linear-gradient(90deg, rgba(58,107,180,1) 0%, rgba(13,52,111,1) 100%);
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 75px;
  padding: 11px 10px;
}

.tour-btn:hover{
  background: linear-gradient(90deg, rgba(58,107,180,1) 0%, rgba(13,52,111,1) 100%)!important;
  opacity: 0.7;
}

.tour-btn.tour-btn--prev {
  background: linear-gradient(90deg, #797979 0%, #383838 100%);
  color:#fff;
}

.tour-btn.tour-btn--prev:hover{
  background: linear-gradient(90deg, #797979 0%, #383838 100%)!important;
  color:#fff;
}

.tour-guide .shepherd-footer{
  padding:0!important;
  margin-top:30px;
}

.tour-guide .shepherd-content{
  padding: 25px 15px 20px;
}

.tour-guide.shepherd-element{
  max-width:228px;
}

/* end tour guide */

/* 08-26-2022 */
.p-download .c-box > p {
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
}

.p-download .c-box .group-list {
  margin-top: 30px;
}

.p-download .c-box .group .ttl {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.p-download .c-box .group p {
  font-size: 1rem;
  font-weight: 400;
}

.p-download .c-box .group .c-btn01 {
  margin-bottom: 20px;
}

.p-download .c-box .group:not(:last-child) {
  margin-bottom: 30px;
}

.p-download .store-images {
  display: flex;
}

.p-download .store-images .image--appstore {
  margin-right: 6px;
}

/* 08-26-2022 */
.c-btn04--orange{
  border: 2px solid #FF7F00;
  background: #fff5ed;
  color: #FF7F00;
}

#launch_notice_modal.c-btn04{
  margin-top:-20px;
}

.c-btn04--orange:hover {
  background: #FF7F00;
  color: #fff;
}

/** fixed tourguide **/
.shepherd-arrow {
  display: none;
}

.shepherd-text{
  padding:0;
}

/* 08-31-2022 */
@keyframes fingerAnimIconBell{
  0%{
      right:0;
  }
  50%{
      right:5px;
  }
  100%{
      right:0;
  }
}

@keyframes fingerAnimTopCenter{
  0%{
      left:0;
  }
  50%{
      left:5px;
  }
  100%{
      left:0;
  }
}

@keyframes fingerAnimCloud9{
  0%{
    right:40px;
  }
  50%{
    right:45px;
  }
  100%{
    right:40px;
  }
}


.tour-guide.shepherd-element[data-shepherd-step-id=icon-bell]::after{
  bottom: auto;
  top: -25px;
  left: auto;
  right: 5px;
  animation: none;
  transform: translateY(-100%) rotate(-120deg) scaleX(-1);
  animation: 1s fingerAnimIconBell ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=register-step1]::after{
  left:0;
  right:0;
  margin:0 auto;
  top:-15px;
  transform:translateY(-100%) rotate(120deg);
  animation: 1s fingerAnimTopCenter ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=register-step2]::after{
  left:0;
  right:0;
  margin:0 auto;  
  top:-15px;
  transform:translateY(-100%) rotate(120deg);
  animation: 1s fingerAnimTopCenter ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=current__month]::after{
  left:0;
  right:0;
  margin:0 auto;  
  top:-15px;
  transform:translateY(-100%) rotate(120deg);
  animation: 1s fingerAnimTopCenter ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=cloud9-item]:after{
  background-image: url(../images/ico-pointer2.png);
  width:96px;
  height:111px;  
  top: -36px;
  bottom: auto;
  transform: translateY(-100%);
  left: auto;
  right: 45px;
  animation: 1s fingerAnimCloud9 ease infinite;
}

.tour-guide.shepherd-element[data-shepherd-step-id=case-tab]:after{
  left:80px;
  top:-15px;
  transform:translateY(-100%) rotate(120deg);
  bottom:auto;
  animation: none;
}

/* 08-31-2022 */
.p-download .l-main .container {
  padding: 0 10px;
}

/* 09-07-2022 */
.tour-content .hide-tour label:before {
  box-sizing: initial;
}
.tour-content .hide-tour label:after {
  box-sizing: initial;
}
.tour-content .hide-tour label {line-height:1.5;font-size: 13px;font-weight: 500;}
.tour-content .hide-tour{margin-top:25px;}
.tour-content .hide-tour .c-checkbox{padding-bottom: 0px;}

/* 12-26-2022 */
.p-outside .l-step .step{
  flex-basis: 33.33%;
}

.p-outside .l-step{
  padding-left:0;
  padding-right:0;
}

.p-outside .l-step:after{
  width:calc(100% - 100px);
}

.p-outside .l-step .step:before, .p-outside .l-step .step:after, .p-outside .l-step .step:last-child:after{
  left:0;
  right:0;
  margin:0 auto;
}

.c-squarePhotos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.c-squarePhotos--cols2 img {
  width: 48.5%;
  margin-bottom: 3%;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 1;
}

.c-uploadBox {
  border-color: #143D7A;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.c-uploadBox .ico {
  margin: 0 auto 10px;
  width: 63.5px;
}

.c-uploadBox p {
  height: 58.5px;
  width: 257px;
  background: linear-gradient(to bottom, rgba(58,107,180,1) 0%, rgba(13,52,111,1) 100%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  max-width: 100%;
}

.c-uploadPhotoMain .photo {
  width: 48.5%;
  margin-bottom: 3%;
  padding-bottom: 48.5%;
  position:relative;
}

/* 物件登録依頼用 */
.c-uploadPhotoMain .photo > img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: top;
}

/* 物件詳細用 */
.c-uploadPhotoMain .photo a > img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: top;
}




/* 12-27-2022 */
.c-uploadFiles__list {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}

.c-uploadFile__row {  
  width: 48.5%;  
  padding-bottom: 48.5%;
  position:relative;
  margin-bottom: 3%;
}

.c-uploadFile__row:last-child{
  margin-bottom:3%;
}

.c-uploadFile__row .file-delete {
  top: 7px;
  right: 7px;
  max-width: 25px;
}

.c-uploadFile__row .file-icon {  
  width: 60px;
  margin:0 auto 5px;
}

.c-uploadFile__row .file-name a {
word-break: break-all;
}

.c-uploadFile__row .file-name {
  text-decoration: none!important;
  width: 100%;
  font-size: 1.3rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}

.c-uploadFile__row .file-inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

/** 01-03-2023 **/
.c-photoBlock__img {
  height: 70px;
  overflow: hidden;
}

.c-photoBlock__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/** 01-04-2023 **/
.property-list__item .thumb img {
  object-position: top;
}

.js-scrollBar .simplebar-scrollbar:before {
  background: #143D7A;
  opacity: 1!important;
  border-radius: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.js-scrollBar .simplebar-track.simplebar-horizontal {
  background: #eaeaea;
}
.js-scrollBar .simplebar-track.simplebar-horizontal {
  height: 8px;
  bottom: 0px;
}
.js-scrollBar::-webkit-scrollbar {
  display: none;
}
.js-scrollBar.simplebar-scrollable-x {
  padding-bottom: 8px;
}
.property-list__item.property-list__item--new{
  position:relative;
}

.property-list__item.property-list__item--new:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:30px;
  height:30px;
  background-image: url("../images/ico-new.png");
  background-repeat: no-repeat;
  background-size: contain;
}











.loan-list__item {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 15px 45px 15px 25px;
  position: relative;
}

.loan-list__item:not(:last-child) {
  margin-bottom: 6px;
}


.loan-list__item .thumb {
  width: 50px;
  margin-right: 13px;
}

.loan-list__item .content {
  flex: 1;
  font-weight: bold;
}

.loan-list__item .content .t1 {
  font-size: 1.6rem;
}

.loan-list__item .content .t2 {
  font-size: 1.3rem;
  color: #919191;
}


@media screen and (max-width: 640px){
  .loan-list__header{
      padding:0 15px 15px
  }

  .loan-list__item{
      padding:15px 28px 15px 15px;
  }

  .loan-list__item::after{
      right:20px;
  }
}


.loan-list__item .thumb{
  height:50px;
}

.loan-list__item .thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.loan-list__item.dot::after {
  border: none;
  width: 21px;
  height: 4px;
  background: url('../images/ico-dots.png') no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  right: 25px;
}

.property-list__main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.property-list__item {
  width: 100%;
}
.property-list__all {
  margin-top: 20px; /* 必要に応じて調整 */
  text-align: center;
  width: auto; /* 必要に応じて調整 */
}

/* 物件検索用モーダル */
.c-scrolledTable03 {
  overflow-x: auto;
  max-height: 468px;
  background-color: #F7F7F7;
}

.c-scrolledTable03 th, .c-scrolledTable03 td {
  text-align: center;
  padding: 10px 10px;
  white-space: pre;
}

.c-scrolledTable03 th {
  position: sticky;
  top: 0;
  font-size: 1.4rem;
  font-weight: bold;
}

.c-scrolledTable03 table {
  position: relative;
}

.table-modal .ttl {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-scrolledTable03 tr:not(:first-child) {
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 768px){
  .c-scrolledTable03 {max-height: 300px;}
}
.c-scrolledTable03 th{
  z-index:1;
}
@media screen and (max-width: 768px){
  .c-scrolledTable03{
    max-height: 450px;
  }
}

.row-canRemove__ct .number_of_rooms {
    width: 65px;
}

.modal_occupancy_status tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.modal_occupancy_status th {
    padding-left:5px;
}


.c-btn06 {
    height: 40px;
    width: 100px;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.3s ease;
    margin-top: 10px;
    margin-left: auto;
    margin-right: 0;


  background: #fff;
  border: 2px solid #38598D;
  border-radius: 25px;
  color: #38598D;

}

.c-btn06:hover {
  opacity: 1;
  background: #38598D;
  color: #fff;
}

/* 2024-09-12 */
/* login form */
.loginForm #div_email input.c-input, 
.loginForm #div_password input.c-input {
    background-color: #FFFFFF;
    color: gray;
}

.c-btn08 {
  max-width: 325px;
  width: 100%;
  height: 60px;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #FFFFFF;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
}
.c-btn08:hover {
    color: #E0E0E0;
}

.c-btn09 {
  max-width: 325px;
  width: 100%;
  height: 60px;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #e2772f;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
  opacity: 1 !important; /* 透過効果を無効化 */
}
.c-btn09:hover {
    background: #f28c42; /* 少し明るい色に変更 */
}




.c-scrolledTable04 table {
    table-layout: fixed;
    width: 100%;
}

.c-scrolledTable04 table th:nth-child(1),
.c-scrolledTable04 table td:nth-child(1) {
    width: 80px;
}

.c-scrolledTable04 table th:nth-child(2),
.c-scrolledTable04 table td:nth-child(2) {
    width: 100px;
}

.c-scrolledTable04 table th:nth-child(3),
.c-scrolledTable04 table td:nth-child(3) {
    width: 120px;
}

.c-scrolledTable04 table th:nth-child(4),
.c-scrolledTable04 table td:nth-child(4) {
    width: 50px;
}


/**********************************
　連携ステータスバッチ
**********************************/

.status-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 9999px;
  color: white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.badge-unlinked {
  background-color: rgb(156, 163, 175);
}

.badge-pending {
  background-color: rgb(234, 179, 8);
}

.badge-linked {
  background-color: rgb(34, 197, 94);
}

/* 企業詳細画面の右上にステータスバッチを表示する */
.has-positioned-badge .status-badge {
  position: absolute;
  top: 8px;
  right: 8px;
}

/* ステータスバッチ内のアイコン表示位置調整 */
.status-badge svg {
  vertical-align: middle;
  position: relative;
  top: -1px; /* 状況に応じて0?2pxで調整 */
}

.image.has-positioned-badge {
  position: relative;
}

.status-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
}

/* ステータスバッチクリック時に表示するポップアップ要素 */
/*
.company-popup {
  position: absolute;
  top: 100%;
  top: calc(100% + 40px);
  right: 10px;
  z-index: 10000;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  min-width: 280px;
  display: none;
}
*/


.company-popup {
  position: absolute;
  right: 10px;
  z-index: 9999;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  min-width: 280px;
  max-width: 90vw; /* ← ウィンドウ幅の90%までに制限 */
  width: 320px;      /* ← 基本の幅 */
  display: none;
}



.company-popup.show {
  display: block;
}

.company-popup .popup-content {
  padding: 16px;
  font-size: 14px;
  color: #333;
}

.popup-section {
  margin-bottom: 12px;
}

.popup-label {
  font-weight: bold;
  color: #4B5563; /* text-gray-700 */
  margin-bottom: 8px;
}

.popup-info {
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.company-name {
  font-weight: bold;
  font-size: 15px;
}

.company-address,
.company-date {
  color: #6B7280; /* text-gray-500 */
  font-size: 13px;
}

.popup-footer {
  border-top: 1px solid #e5e7eb;
  padding-top: 12px;
}


.data-link-info {
  margin-top: 12px;
  text-align: right;
  width: 100%;
  box-sizing: border-box;
}

.link-about-data-integration {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #007BFF;
  text-decoration: none;     /* 親リンクには下線なし */
  cursor: pointer;
}

.link-about-data-integration i {
  margin-right: 4px;
  font-size: 14px;            /* 必要に応じて調整 */
}

.link-about-data-integration .link-text {
  color: #191970;
  font-weight: 400;           /* 細字 */
  text-decoration: underline; /* 下線あり */
}

.link-about-data-integration:hover .link-text {
  text-decoration: underline;
  color: #0056b3;             /* ホバー時の色変更 */
}



.disconnect-btn {
  width: 100%;
  padding: 10px;
  /* background: #fff; */
  background: #191970;
  /* color: #ef4444; */
  color: #fff;
  font-weight: bold;
/*  border: 1px solid #fca5a5; */
  border-radius: 6px; 
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s;
}

.disconnect-btn:hover {
  background-color: #fef2f2;
  color: #dc2626;
}

/* 連携用のポップアップを最前面に表示する為のスタイル */
.bukken-sliderWrap,
.bukken-slider,
.slick-list,
.slick-track,
.item,
.image.has-positioned-badge {
  overflow: visible;
}




#modal-data-link {
  height: 600px !important;         /* ← 高さを固定 */
}

#modal-data-link.iziModal {
  height: 600px !important;
  top: -60px !important;          /* 上からの距離を指定 */
  transform: none !important;   /* 中央寄せを解除 */
}

#modal-data-link .iziModal-content {
  height: calc(600px - 60px); /* タイトルバーの分を除いた高さ */
  overflow-y: auto;
}

.modal-description {
  font-size: 14px;
  line-height: 1.6;
  padding: 16px;
}

.modal-description p {
  margin-top: 12px;
  padding-left: 10px;
  font-weight: 400;           /* 細字 */
}
.modal-description ul {
  margin-top: 12px;
  padding-left: 20px;
}

.modal-description li {
  margin-bottom: 8px;
}

#modal-data-link .c-form_row {
  padding: 16px;
}










/*

.slick-dots {
  position: relative !important;
  z-index: 0 !important;
}

.c-scrolledMenu {
  position: relative !important;
  z-index: 0 !important;
}

.bukken-sliderWrap,
.slick-list,
.slick-track {
  overflow: visible !important;
  position: relative !important;
  z-index: auto !important;
}

*/


/****************************************************
　物件詳細画面から連携申請を行う際の企業選択モーダル 
****************************************************/
.company-select-heading {
  font-size: 20px;
  font-weight: 600;
  color: #111827; /* text-gray-900 */
  margin-bottom: 24px;
  padding-left: 4px;
  line-height: 1.4;
}

.company_search {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  margin-bottom: 20px;
  border: 2px solid #d1d5db;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
}

.company_search .inputForm {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  padding-left: 8px;
}

.company_search .fa-search {
  color: #9ca3af;
  font-size: 16px;
}

.company_search .clear-icon {
  color: #9ca3af;
  font-size: 16px;
  cursor: pointer;
  margin-left: 8px;
}

#company-table {
  background-color: transparent; /* 要素間の背景色を消す */
}

#company-table .property-list__item {
  display: block;
  padding: 16px 20px;
  margin-bottom: 20px;
  border: 2px solid #d1d5db; /* 枠を太く */
  border-radius: 12px;
  background-color: #ffffff;
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 濃いシャドウ */
}

#company-table .property-list__item:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

#company-table .property-list__item .content {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

#company-table .property-list__item .t1 {
  font-weight: 600;
  font-size: 15px;
  color: #111827;
  line-height: 1.4;
  margin-bottom: 4px; /* 住所との間隔 */
}

#company-table .property-list__item .t2 {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.4;
  margin-bottom: 8px; /* ステータスとの間隔 */
}

/*
#company-table .property-list__item .status-wrapper {
  display: flex;
  align-items: center;
  gap: 6px; 
  flex-wrap: wrap; 
  justify-content: flex-start;
}
*/

#company-table .property-list__item .status-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
}


#company-table .property-list__item .status-badge {
  display: inline-block;
  width: 60px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 0;
  border-radius: 9999px;
  color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}

.status-summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 12px;
  /*
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  */
  font-size: 11px;
  font-weight: 500;
  background-color: transparent;
  color: #374151; /* ダークグレー */
}

.status-summary .approved {
  color: #15803d;
  font-weight: bold;
}

.status-summary .rejected {
  color: #b91c1c;
  font-weight: bold;
}
