/******************************************************************************
 * 介護施設系（法人、入居・通所施設）アカウントでのpageクラス
******************************************************************************/
/******************************************************************************
    /organization/facility/regist.php
******************************************************************************/
.section-facility-edit {
  display: flex;
  row-gap: 16px;
  column-gap: 32px;
}
:where(.section-facility-edit) .facility-basic-info__area {
  flex: 1;
}
:where(.facility-basic-info__area) .facility-basic-info__contents {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
:where(.facility-basic-info__area) .facility-basic-info__item {
  display: grid;
  grid-template-columns: 160px 1fr;
  align-items: center;
}
:where(.facility-basic-info__item) .facility-basic-info__item-title {
  display: grid;
  grid-template-columns: 40px 1fr 32px;
  align-items: center;
}
.facility-basic-info__address-area {
  display: grid;
  grid-template-columns: 160px 1fr;
  column-gap: 16px;
  row-gap: 16px;
}
:where(.facility-basic-info__address-area) .input__facility--municipalitie {
  grid-column: 2;
}
:where(.facility-basic-info__address-area) .input__facility--address-field {
  grid-column: span 2;
}
.notice--required-field {
  margin: 0;
  font-size: 14px;
  color: #ff0000;
}
.facility-name-title {
  display: grid;
  grid-template-columns: 180px 1fr;
  flex: 1;
}
.facility-name-label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.facility-name--label-icon {
  margin-right: 16px;
}
.required-field-mark {
  font-size: 14px;
  color: #ff0000;
}
.resident-facility-regist-area {
  display: grid;
}
@media screen and (max-width: 1024px) {
  .section-facility-edit {
      flex-direction: column;
  }
  .facility-name-title {
      grid-template-columns: 100px 1fr;
  }
  .facility-name-label-text {
      display: none;
  }
  :where(.section-facility-edit) .facility-basic-info__address-area {
      grid-template-columns: 140px 160px 1fr;
  }
  :where(.facility-basic-info__address-area) .input__facility--address-field {
      grid-column: auto;
  }
}

/******************************************************************************
  /nursing-facility/mypage.php
  /organization/facility/edit.php
******************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.end-1 {
  inset-inline-end: 0.25rem;
}

.end-2 {
  inset-inline-end: 0.5rem;
}

.right-2 {
  right: 0.5rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.\!inline {
  display: inline !important;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.h-1 {
  height: 0.25rem;
}

.h-2 {
  height: 0.5rem;
}

.shrink {
  flex-shrink: 1;
}

.grow {
  flex-grow: 1;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize: both;
}

.overflow-visible {
  overflow: visible;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.border {
  border-width: 1px;
}

.p-1 {
  padding: 0.25rem;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* orgnization/facility/edit.php */

.monthly-cost-section {
  display: flex;
}

:where(.monthly-cost-section) .monthly-cost--basic-item-box {
  /* @apply flex flex-col items-center justify-center; */
  flex: 2;
}

:where(.monthly-cost-section) .monthly-cost--other-item-box {
  flex: 1;
}
.edit-cost-input-label {
  width: 100px;
}

.edit-label-input-field {
  width: 180px;
  line-height: 36px;
}

.edit-cost-input-field {
  width: 120px;
  line-height: 36px;
}

.edit-input-field-set-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

:where(.edit-input-field-set-wrap) .edit-cost-input-field {
  width: 90px;
}

.monthly-cost--other-items {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 16px;
}

.sub-mini-button {
  width: 100px;
  border-radius: 15px;
  background-color: #5cbaa8;
  border: 1px solid #5cbaa8;
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #fff;
  transition: background-color 0.3s ease
      , color 0.3s ease;
}
.sub-mini-button:hover {
  color: #5cbaa8;
  background-color: #ffffff;
  opacity: 0.7;
}
.municipality-box--with-addresss-search-button {
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.facility-detail-page-title {
  grid-row: 2 / 3;
}
.type_name {
  font-size: 12px;
}
.checkbox-wrapper--medical-info--staff {
  width: 100px;
}
.resident_staff__remark__time_is_24hour__input {
width: auto;
  max-width: 200px;
}
.add-item-list {
display: flex;
flex-wrap: wrap;
row-gap: 12px;
column-gap: 36px;
}
.add-item__select {
  width: 200px;
}
.add-item__input {
  display: flex;
  align-items: center;
  column-gap: 12px;
  max-width: 100px;
}
.add-item__input input {
  width: 70px;
  min-width: auto;
}
.add-item-button-box {
margin-top: 12px;
}
.resident-statistics-report-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 32px;
  column-gap: 32px;
}
.resident-statistics-report-box {
  display: grid;
column-gap: 24px;
  row-gap: 24px;
  /* grid-template-columns: 480px 1fr; */
  grid-template-columns: 480px minmax(220px, 440px);
}
.resident-feature-report {
  flex-grow: 1;
  max-width: 360px;
}
.resident-age-composition-box {
grid-column: 2 / 3;
  grid-row: 1 / 3;
}
.facility-count-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
}
.facility-count-list__item {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.basic-user-info__item-label {
width: 80px;
}
.basic-user-info__item-input {
  width: 90px;
}
.basic-staff-info-container__sub-box-container-item {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
}
.facility-medical-info__select-box {
  column-gap: 0;
}
.basic-table--info__input-text__wrapper {
  width: calc(100% - 4em);
}
.basic-table--info__input-text__wrapper .basic-table--info__input-text:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  width: 100%;
}
@media screen and (max-width: 1720px) {
  .resident-statistics-report-box {
      grid-template-columns: 480px 220px;
  }
}
@media screen and (max-width: 1560px) {
  .facility-detail-page-title {
      grid-row: 1;
  }
}
@media screen and (max-width: 1320px) {
  .resident-statistics-report-container {
      flex-direction: column;
      max-width: 100%;
  }
  .resident-statistics-report-box {
      grid-template-columns: 480px 1fr;
  }
  .resident-feature-report {
      max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .resident-statistics-report-container {
      grid-template-columns: auto;
  }
}
@media screen and (max-width: 960px) {
.resident-staff-label {
  display: none !important;
}
}

/******************************************************************************
  /nursing-facility/mypage-day-service.php
******************************************************************************/
.flex-grow-1 {
flex-grow: 1;
}
.day-service-about__how-to-spend {
  display: grid;
  grid-template-columns: repeat(auto-fit, 48%);
row-gap: 24px;
  column-gap: 4%;
}
.day-service-about__meal {
}
.day-service-about__bath {
grid-column: 2 / 3;
}
.day-service-about__recreation {
grid-column: 1 / 3;
}
.bathing_method__container {
align-items: flex-start;
}
.bathing_method__box {
display: flex;
flex-wrap: wrap;
row-gap: 8px;
width: 400px;
}
.bathing_method__box-item {
display: grid;
  grid-template-columns: 140px 1fr;
align-items: center;
}
.bathing_method__box-option-item {
  display: grid;
align-items: center;
  column-gap: 16px;
  grid-template-columns: 16px 100px 100px 16px;
}
.bathing_method__box-option-item::before {
content: "（";
}
.bathing_method__box-option-item::after {
content: "）";
}
@media screen and (max-width: 1280px) {
.day-service-about__how-to-spend {
  grid-template-columns: auto;
}
.day-service-about__bath {
  grid-column: auto;
}
  .day-service-about__recreation {
      grid-column: auto;
  }
}

/******************************************************************************
  /nursing-facility/matching.php
  /organizations/detail.php
******************************************************************************/
.matching-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.matching-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  padding: 18px 27px;
  border-radius: 35px;
}
.matching-list__item-name__label {
  width: auto;
  max-width: initial;
}
.matching-list__item-name__label .round-label-from {
  width: 200px;
}
.matching-list__item-name__label .round-label-to {
  width: 160px;
  text-align: left;
}
.matching-list__item-avatar {
  display: flex;
  align-items: center;
  column-gap: 16px;
  width: 220px;
  white-space: nowrap;
}
.charge-staff-name {
  display: inline-block;
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.star-rating {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
}
.matching-list__item-registed_at__br {
  display: none;
}
@media screen and (max-width: 1280px) {
  .matching-list__item-registed_at__br {
      display: inline;
  }
  .matching-list__item {
      display: grid;
      justify-content: initial;
  }
  .matching-list__item-name {
      grid-column: 1 / 3;
  }
  .matching-list__item-name__label {
      width: 100%;
      max-width: initial;
  }
  .matching-list__item-registed_at__br {
      display: none;
  }
  .matching-list__item-avatar {
      text-align: right;
  }
  .matching-list__item-button {
      grid-column: 1 / 3;
  }
  .offer-detail-link-button {
      width: 100%;
      max-width: initial;
  }
}

/******************************************************************************
  /organization/facility/edit-day-service.php/
******************************************************************************/
.day-service__recreation-checkbox-container {
  flex-wrap: wrap;
  row-gap: 8px;
}

/******************************************************************************
  /nursing-facility/equipments/
******************************************************************************/
/* 追加フォーム */
.equipment-crud-container {
display: flex;
flex-direction: column;
row-gap: 24px;
margin-top: 24px;
}
.equipment-crud-container__box {
display: flex;
row-gap: 16px;
  column-gap: 24px;
flex-wrap: wrap;
}
.equipment-crud-container__item {
  display: flex;
align-items: flex-start;
column-gap: 16px;
row-gap: 12px;
}
.equipment-crud-container__box--basic {
display: grid;
}
.equipment-crud-container__box--resource {
grid-template-columns: 380px 1fr;
}
.equipment-crud-container__box--buttons {
display: grid;
grid-template-columns: 120px 1fr;
}
.equipment-crud-container__item__element {
flex-grow: 1;
}
:is(.equipment-crud-container__item--title, .equipment-crud-container__item--classes) {
align-items: center;
}
.equipment-crud-container__item--introduction-text {
grid-column: 2 / 3;
  grid-row: 1 / 3;
}
.round-label--equipment-introduction-text {
margin-top: 8px;
}
.equipment-images {
display: flex;
column-gap: 14px;
row-gap: 12px;
flex-wrap: wrap;
}
.equipment-image__box {
aspect-ratio: 240 / 135;
width: 240px;
}
.filter-form .button-design-wide.equipment-crud-button {
max-width: initial;
}
@media screen and (max-width: 1200px) {
.equipment-crud-container__box:not(.equipment-crud-container__box--buttons) {
  display: flex;
}
.equipment-crud-container__box--buttons {
  grid-template-columns: auto;
}
:is(.equipment-crud-container__item--title, .equipment-crud-container__item--classes) {
  width: 100%;
}
.equipment-crud-container__item--introduction-text {
  width: 100%;
}

}

/* ファイルアップロード */
.file-upload-text__box {
display: grid;
grid-template-columns: 25px 1fr;
align-items: center;
column-gap: 10px;
}
.file-upload-text__icon {
width: 25px;
grid-row: 1 / 3;
}
.file-upload-text__main {
grid-column: 2 / 3;
font-size: 10px;
font-weight: bold;
line-height: 1em;
}
.file-upload-text__sub {
grid-column: 2 / 3;
font-size: 9px;
line-height: 1em;
}

/** 設備一覧
******************************************************************************/
.equipment-list-item__button {
width: 120px;
height: auto;
min-width: auto;
border-radius: 6px;
border: 2px solid var(--theme--color);
line-height: 32px;
background-color: #fff;
font-size: 7px;
font-weight: bold;
color: var(--theme--color);
white-space: nowrap;
}
.equipment-list-item__button.icon::before {
font-size: inherit;
color: var(--theme--color);
  left: -6px;
}
.equipment-list-item__button.icon:hover::before {
color: #ffffff;
}
.equipment-list-item__button-edit {
color: #ffffff;
background-color: var(--theme--color);
}
.equipment-list-item__button-edit:hover {
color: var(--theme--color);
background-color: #ffffff;
}
.equipment-list-item__button-edit.icon::before {
color: #ffffff;
}
.equipment-list-item__button-edit.icon:hover::before {
color: var(--theme--color);
}


/******************************************************************************
  /nursing-facility/rooms/
******************************************************************************/
.facility-movie-switch-nav-button.button-basic.button-basic-wide.icon::before {
color: #ffffff;
}
.facility-movie-switch-nav-button.button-basic.button-basic-wide.icon:hover::before {
color: var(--theme--color);
}

/******************************************************************************
  /nursing-facility/rooms/create.php, edit.php
  /organization/facility/rooms/create.php, edit.php
******************************************************************************/
.input--mini {
width: 90px;
}
.input-number-unit--mini {
width: 40px;
font-size: 9pt;
}
.room-info-header--upper {
text-align: right;
margin-bottom: 8px;;
}
:where(.room-info-header) .edit-page-title__heading {
width: 100%;
}
.room-info--header-nav .facility-movie-switch-nav-item {
width: 210px;
}
.detail-info-box--has-toggle {
column-gap: 3em;
}
.room-basic-info-container {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.edit-page-title__label {
  margin-right: 16px;
  display: inline-block;
  width: 64px;
}
.edit-page-title__input {
width: calc(100% - 80px);
}
.room-price--info-box {
  margin-top: 32px;
  margin-bottom: 40px;
}
.info-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 20px;
  column-gap: 40px;
}
.info-box__item {
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: 375px;
}
.info-box__item-free {
  width: auto;
}
.detail-info-box {
  display: flex;
  align-items: center;
  column-gap: 1em;
}
:where(.detail-info-box) input {
  width: 180px;
}
.room-name-label {
  margin-right: 1em;
}
.resource-container {
  margin: 24px auto;
}

.resource-container img, .resource-container video {
  max-width: 100%;
}
.basic-table--info {
  display: flex;
  flex-wrap: wrap;

  gap: 32px 24px;
}
.basic-table--info__item {
  display: flex;
  flex-grow: 1;
  align-items: center;
  width: calc(50% - 32px);

  gap: 0 24px;
}
.basic-table--info__item--wide {
  width: 100%;
}
.basic-table--info__align-baseline {
  align-items: baseline;
}
.basic-table--info__content {
  display: flex;
  flex-grow: 1;
  align-items: center;

  gap: 0 1em;
}
.basic-table--info__content--has-toggle {
  column-gap: 3em;
}
.basic-table--info__select-design {
  /* width: calc(100% - 4em); */
  width: 100%;
  margin-top: 0;
}
.basic-table--info__input-text:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .basic-table--info__textarea {
  width: calc(100% - 4em);
}
.basic-info-container--room-resources {
display: grid;
grid-template-columns: 473px 1fr;
/* grid-template-columns: 473px repeat(auto-fit, minmax(473px, 1fr)); */
  column-gap: 24px;
}
.basic-upload__area  {
display: grid;
justify-content: center;
  align-items: center;
aspect-ratio: 487 / 273;
width: 473px;
background-color: #ededed;
}
.basic-upload__box  {
width: fit-content;
  height: fit-content;
display: grid;
row-gap: 16px;
}
.basic-upload__inner-upper {
display: grid;
justify-content: center;
row-gap: 16px
}
.basic-upload__icon {
aspect-ratio: 56 / 68;
margin-left: auto;
margin-right: auto;
}
.basic-upload__message {
display: grid;
row-gap: 12px;
}
.basic-upload__message-main {
font-weight: bold;
font-style: normal;
font-size: 16px;
line-height: 1em;
}
.basic-upload__message-sub {
font-size: 12px;
line-height: 1em;
}
.basic-upload__inner-lower {
position: relative;
width: 135px;
margin: auto;
text-align: center;
}
.basic-upload__button {
position: relative;
width: 135px;
height: 35px;
border: 1px solid #5cbaa8;
border-radius: 6px;
line-height: 1;
background-color: #5cbaa8;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}
.room-resource-container {
/* display: flex;
flex-wrap: wrap; */
display: grid;
  grid-template-columns: 473px 1fr;
row-gap: 16px;
  column-gap: 24px;
}
.room-resource-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
column-gap: 16px;
}
.room-resource-list__item {
  position: relative;
width: 224px;
}
.room-resource-list__media {
  width: 100%;

  object-fit: cover;
  aspect-ratio: 16 / 9;
}
.room-delete-link {
  display: flex;
  column-gap: 1em;
  color: var(--facility-theme--color);
  text-decoration: underline;
}
@media screen and (max-width: 1560px) {
.basic-info-container--room-resources {
  grid-template-columns: 1fr;
}
  .room-resource-container__upload-box .upload-box__icon {
      grid-row: 1 / 2;
      grid-column: 1 / 2;
  }
  .room-resource-container__upload-box .upload-box__text-area {
      grid-row: 1 / 2;
      grid-column: 2 / 3;
  }
  .room-resource-container__upload-box .upload-box__input-box {
      grid-column: 1 / 3;
  }
.resident-room-info-container .basic-info-container-item,
.basic-info-container.three-block .basic-info-container-item {
  width: auto;
}
}
@media screen and (max-width: 1200px) {
.room-resource-container {
  grid-template-columns: 1fr;
}
}
@media screen and (max-width: 960px) {
  .info-box__item:not(.info-box__item-free) {
      width: 315px;
  }
  :where(.detail-info-box) input {
      width: 130px;
  }
}
/******************************************************************************
  /nursing-facility/campaign/edit.php
******************************************************************************/
.facility-movie-switch-nav-button.icon-edit::before {
color :#ffffff;
}
.facility-movie-switch-nav-button.icon-edit:hover::before {
color :var(--theme--color);
}

/******************************************************************************
  /nursing-facility/offer.php
  /organization/offer-resident/receive.php
******************************************************************************/
.list-applicants-info .round-label-has-direction {
  background-color: #f3f7ff;
}
.offer-applicants__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.offer-applicants__item-action {
  display: flex;
  justify-content: flex-end;
  column-gap: 12px;
  float: right;
  margin-bottom: 24px;
}
:where(.offer-applicants__item-content--main) .round-label-has-direction {
  margin-right: 32px;
  margin-bottom: 24px;
}
:where(.offer-applicants__item-content--main) .round-label {
  width: 120px;
}
:where(.offer-applicants__item-content--main) .category-propriety-list {
width: initial;
}
.offer-applicants__item-content--bottom {
  display: flex;
  column-gap: 24px;
  margin-bottom: 24px;
}
.offer-applicants__item-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.fz-care-level-name {
font-size: 11px;
}
@media screen and (max-width: 1024px) {
.offer-applicants__item-action {
  float: none;
}
:where(.offer-applicants__item-action) .action-button {
  flex: 1;
}
}
@media screen and (max-width: 960px) {
  .offer-applicants__item {
      grid-template-columns: auto;
  }
}
/******************************************************************************
  /nursing-facility/favorite-send.php
******************************************************************************/
.list-offer {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/******************************************************************************
  /nursing-facility/favorite-receive.php
******************************************************************************/
.favorite-receive-list.round-row-list.round-row-list-vertical li {
  flex-direction: row;
}
.staff-avatar {
  height: 37px;
  border-radius: 50%;
}
.avatar-square-cut{
  width: 37px;
  object-fit: cover;
}
.favorite-receive-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.favorite-receive-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  padding: 18px 27px;
  border-radius: 35px;
}
.favorite-receive-list__item .button-basic.icon-offer::before {
  color: var(--theme--color);
}
.favorite-receive-list__item .button-basic.icon-offer:hover::before {
  color: #ffffff;
}
.favorite-receive-list__item-button .button-basic.icon::before {
color: var(--theme--color);
}
.favorite-receive-list__item-button .button-basic.icon:hover::before {
color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .favorite-receive-list__item {
      display: grid;
  }
  .favorite-receive-list__item-name {
      grid-column: 1 / 2;
  }
  .favorite-receive-list__item-registed_at {
      grid-column: 1 / 2;
  }
  .favorite-receive-list__item-avatar {
      grid-row: 1 / 2;
      grid-column: 2 / 3;
      text-align: right;
  }
  .favorite-receive-list__item-button {
      grid-column: 2 / 3;
  }
}