.service-hospital{}

/* 導入部 */
.section-introduction{
  padding-inline: 20px;
  padding-block: 64px;
}
.block-introduction{
  padding-inline: 16px;
  padding-block: 48px;
  background-color: var(--color-azure-radiance-50);
  border-radius: 48px;
}
.block-introduction p{
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: .025em;
  text-align: center;
}
.block-introduction p span{
  display: inline-block;
}
.block-introduction ul{
  padding-block: 48px 0;
  padding-inline: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.block-introduction ul li{
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: .025em;
  padding-inline: 8px 0;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;

}
.block-introduction ul li::before{
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.562 11.492L5.066 8.996C4.972 8.90267 4.857 8.85267 4.721 8.846C4.585 8.83933 4.464 8.88933 4.358 8.996C4.252 9.10267 4.19867 9.22067 4.198 9.35C4.19733 9.47933 4.25067 9.59733 4.358 9.704L6.996 12.342C7.15733 12.504 7.34567 12.585 7.561 12.585C7.77633 12.585 7.965 12.504 8.127 12.342L13.604 6.866C13.6973 6.772 13.7473 6.657 13.754 6.521C13.7607 6.385 13.7107 6.264 13.604 6.158C13.4973 6.052 13.3793 5.99867 13.25 5.998C13.1207 5.99733 13.0027 6.05067 12.896 6.158L7.562 11.492ZM9.003 18C7.759 18 6.589 17.764 5.493 17.292C4.39767 16.8193 3.44467 16.178 2.634 15.368C1.82333 14.558 1.18167 13.606 0.709 12.512C0.236333 11.418 0 10.2483 0 9.003C0 7.75767 0.236333 6.58767 0.709 5.493C1.181 4.39767 1.82133 3.44467 2.63 2.634C3.43867 1.82333 4.391 1.18167 5.487 0.709C6.583 0.236333 7.753 0 8.997 0C10.241 0 11.411 0.236333 12.507 0.709C13.6023 1.181 14.5553 1.82167 15.366 2.631C16.1767 3.44033 16.8183 4.39267 17.291 5.488C17.7637 6.58333 18 7.753 18 8.997C18 10.241 17.764 11.411 17.292 12.507C16.82 13.603 16.1787 14.556 15.368 15.366C14.5573 16.176 13.6053 16.8177 12.512 17.291C11.4187 17.7643 10.249 18.0007 9.003 18Z" fill="%233B7DD6"/></svg>');
  margin-block: 2px 0;
}
.block-lead{
  padding-block: 48px 0;
  color: var(--color-azure-radiance-700);
}
.block-lead p{
  text-align: center;
}
.block-lead .strong{
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: .025em;
  font-weight: 700;
  border-bottom: 6px solid var(--color-azure-radiance-100);
}
.block-lead::after{
  content: url('data:image/svg+xml,<svg width="89" height="44" viewBox="0 0 89 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.5 44L88.6673 0.5H0.332703L44.5 44Z" fill="url(%23paint0_linear_322_14205)"/><defs><linearGradient id="paint0_linear_322_14205" x1="44.5" y1="39" x2="44.5" y2="-3" gradientUnits="userSpaceOnUse"><stop stop-color="%23DFEEFA"/><stop offset="1" stop-color="%23DFEEFA" stop-opacity="0"/></linearGradient></defs></svg>');
  display: block;
  width: 100%;
  text-align: center;
  padding-block: 12px 0;
}

@media screen and (min-width: 900px) {
  .section-introduction{
    max-width: 1140px;
    margin-inline: auto;
  }
  .block-introduction p{
    font-size: 24px;
  }
  .block-introduction ul{
    width: fit-content;
    margin-inline: auto;
  }
  .block-lead{
    width: fit-content;
    margin-inline: auto;
  }
  .block-lead .strong{
    font-size: 28px;
  }
}

/* 保有資格 */
.license__image{
  text-align: center;
  padding-block: 48px;
  width: 50%;
  margin-inline: auto;
  max-width: 155px;
}
.license__image img{
  box-shadow: 2px 2px 20px rgb(0 0 0 / 0.18);
}

@media screen and (min-width: 820px) {
  .license__image{
    max-width: 155px;
  }
  .license__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
  }
}



/* 選ばれる理由 */
.section-reason{
  padding-block: 48px;
  padding-inline: 0;
  position: relative;
  max-width: 100%;
}
.section-reason .section__header h2 span{
  display: inline-block;
  line-height: 1.57;
  letter-spacing: .02em;
}
.section-reason .section__header h2 .small{
  display: block;
  font-size: 28px;
  line-height: 1.57;
  letter-spacing: .02em;
}
.reason__list{
  padding-block: 48px 0;
  padding-inline: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reason__list li{
  text-align: center;
}
.reason__number{
  width: 72px;
  height: 72px;
  border: 8px solid rgb(6 147 227 / 0.2);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-family: var(--font-en);
  font-weight: 300;
  line-height: 1;
  letter-spacing: .03em;
  color: var(--color-azure-radiance-700);
  margin-inline: auto;
}
.reason__number::before{
  content: 'POINT';
  display: block;
  font-size: 9px;
  font-family: var(--font-en);
  font-weight: 700;
  line-height: 1.71;
  letter-spacing: .2em;
}
.reason__list li h4{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .025em;
  padding-block: 16px;
  text-align: center;
  color: var(--color-text);
}
.reason__list li img{
  border-radius: 28px;
}

.reason__detail{
  padding-inline: 20px;
  padding-block: 96px 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.reason__item{
  padding-inline: 16px;
  padding-block: 48px;
  border-radius: 28px;
  border: 1px solid var(--color-primary);
}

.reason__item h3{
  border-bottom: 1px solid var(--color-azure-radiance-200);
  padding-block: 0 16px;
  margin-block: 0 24px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: .025em;
  color: var(--color-azure-radiance-600);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  align-items: center;
}
.reason__item h3 .number{
  width: 58px;
  height: 58px;
  border: 8px solid rgb(6 147 227 / 0.2);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: var(--font-en);
  font-weight: 400;
  line-height: 1;
  letter-spacing: .03em;
  color: var(--color-primary);
}
.reason__pdca{
  background-color: var(--color-azure-radiance-50);
  padding: 16px;
  border-radius: 16px;
  margin-block: 48px 0;
}
.reason__pdca h4{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.025em;
  color: var(--color-azure-radiance-600);
  text-align: center
}

.reasen__datalist{
  padding: 24px;
  border-radius: 16px;
  background-color: var(--color-azure-radiance-50);
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .03em;
  margin-block: 24px;
}
.reasen__datalist :where(dt,dd){
  display: inline;
}
.reasen__datalist > div{
  display: block;
}
.reasen__datalist dt{
  color: var(--color-azure-radiance-700);
  font-weight: 400;
}
.reason__item-02__image{
  padding-block: 48px 0;
  text-align: center;
}
.reason__item-02__image img{
  filter:drop-shadow(1px 1px 10px rgb(0 0 0 / 0.1))
}
.section-reason-zoning{
  padding-block: 64px 0;
  position: relative;
}
.section-reason-zoning .section__header h4{
  font-size: 34px;
  font-weight: 400;
  line-height: 1.53;
  letter-spacing: .02em;
  color: var(--color-azure-radiance-600);
  padding-block: 0 48px;
}
.section-reason-zoning .has-scroll{
  font-size: 12px;
  color: var(--color-azure-radiance-600);
  display: flex;
  align-items: center;
}
.section-reason-zoning .table-wrapper{
}
.table-scroll-area{
  height: 100%;
}
.section-reason-zoning table{
  width: 1080px;
  margin-block: 12px 0;
  border-left: 1px solid var(--color-azure-radiance-200);
  position: relative;
  background-color: #fff;
}
.section-reason-zoning table thead th{
  position: relative;
  width: fit-content;
  height: fit-content;
  border-right: 1px solid var(--color-azure-radiance-200);
  background-color: var(--color-azure-radiance-50);
  padding: 12px 24px;
}
.section-reason-zoning table thead th div.th{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-azure-radiance-50);
  font-size: 14px;
  font-weight: 400;
  border-top: 1px solid var(--color-azure-radiance-200);
  padding: 12px 24px;
}

.section-reason-zoning table tbody th{
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-azure-radiance-700);
  background-color: #fff;
  border-bottom: 1px solid var(--color-azure-radiance-200);
  border-right: 1px solid var(--color-azure-radiance-200);
  text-wrap: nowrap;
}
.table-trigger{
  position: relative;
  height: 100%;
  width: fit-content;
}
table.base{
  position:static;
}
table.clone{
  position: absolute;
  top: 0;
  display: block;
  th{
    color: red;
  }
  z-index:2;
}
.section-reason-zoning table tbody :where(th,td){
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 400;
}
.section-reason-zoning table td{
  border-bottom: 1px solid var(--color-azure-radiance-200);
  border-right: 1px solid var(--color-azure-radiance-200);
}
.section-reason-zoning table tbody tr{
  height: 150px;
}
.section-reason-zoning table tbody tr.thin{
  height: auto;
}
.section-reason-zoning table .row-color{
  background-color: var(--color-azure-radiance-50);
}
.section-reason-zoning table .cell-center{
  text-align: center;
}
.section-reason-zoning table.forSP{
  display: table-header-group;
}

/* Simple Bar カスタマイズ */
.table-scroll-area .simplebar-track.simplebar-horizontal {
  top: 0 !important;
  bottom: auto !important;
  background-color: #FAFAFA;
}

.table-scroll-area .simplebar-scrollbar:before{
  background-color: #C1C1C1;
}

.reason__doc{
  padding-block: 96px 48px;
  text-align: center;
}
.reason__doc h4{
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.025em;
  color: var(--color-azure-radiance-600);
  padding-block: 0 16px;
  border-bottom: 1px solid var(--color-azure-radiance-200);
  margin-block: 0 24px;
}
.reason__doc h4 span{
  display: block;
}
.reason__doc img{
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-reason{
    padding-block: 96px 48px;
  }
  .section-reason .section__header h2 span{
    font-size: 38px;
  }
  .block-reason{
    max-width: 1140px;
    margin-inline: auto;
  }
  .reason__list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
  .reason__list li img{
    max-width: 230px;
  }
  .reason__number::before{
    font-size: 9px;
    line-height: 2;
  }
  .reason__item{
    padding: 48px;
  }
  .reason__item h3{
    margin-block: 0 48px;
  }
  .reason__pdca{
    padding-inline: 24px;
  }
  .reason__pdca h4{
    margin-block: 0 8px;
  }
  .reason__item-02__doc{
    display: grid;
    grid-template-columns: 43% 1fr;
    align-items: flex-start;
    gap: 36px;
  }
  .reason__item-02__image{
    padding: 0;
  }
  .reason__item-02__image img{
    width: 100%;
  }
  .reason__item:has(table){
    padding-inline: 0;
  }
  .reason__item:has(table) > h3{
    margin-inline: 48px;
  }
  .reason__item:has(table) > p{
    margin-inline: 48px;
  }
  .reason__item:has(table) .reason__doc{
    margin-inline: 48px;
  }
  .section-reason-zoning{
    padding-inline: 12px;
  }
  .reason__doc h4{
    text-align: left;
    font-size: 24px;
  }
  .reason__doc h4 span{
    display: inline-block;
  }
  .reason__doc img{
    max-width: 680px;
  }
}

@media screen and (min-width: 860px) {
  .section-reason-zoning .has-scroll{
    display: none;
  }
  .section-reason-zoning table{
    width: 100%;
  }
  .table-scroll-area .simplebar-track.simplebar-horizontal {
    top: 0 !important;
    bottom: auto !important;
    background-color: transparent;
  }
}