@charset "utf-8";

/*----------------------------------------------------
    共通css
----------------------------------------------------*/
.scroll-text {
  margin: 6rem 0 0;
}

#page .scroll-table,
#category .scroll-table {
  overflow: auto;
}

#page .scroll-table table,
#category .scroll-table table {
  width: fit-content;
  max-width: unset;
  margin: 0rem 0rem 0rem;
}

#page .scroll-table th,
#category .scroll-table th {
  padding: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #fff;
  background: #123066;
  border: solid 1px #fff;
}

#page .scroll-table th .btn-link,
#category .scroll-table th .btn-link {
  text-align: left;
  margin: 0.4rem auto 0;
  width: 94%;
}

#page .scroll-table th .btn-link a,
#category .scroll-table th .btn-link a {
  display: block;
  padding: 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  color: #123066;
  background-position: right 1rem center;
  border: 1px solid #333333;
  background-color: #fff;
}

#page .scroll-table th .btn-link a:hover,
#category .scroll-table th .btn-link a:hover {
  opacity: 0.6;
  text-decoration: none;
}

#page .scroll-table td,
#category .scroll-table td {
  padding: 4px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  background: #eaf2f2;
  border: solid 1px #fff;
}

#page .scroll-table td span,
#category .scroll-table td span {
  font-weight: bold;
  color: #e6368e;
}

#page .scroll-table table th.width01,
#category .scroll-table table th.width01 {
  width: 160px;
}

#page .scroll-table table th.width01 span,
#category .scroll-table table th.width01 span {
  color: #fff;
  display: block;
  padding: 12px 0;
}

#page .scroll-table table th.width00,
#category .scroll-table table th.width00 {
  width: 180px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}

#page .scroll-table table td.red,
#category .scroll-table table td.red {
  background: #f2e6ec;
}

#page .scroll-table table tbody th,
#category .scroll-table table tbody th {
  background: #00499d;
  position: sticky;
}

#page .scroll-table table tbody th.th-left,
#category .scroll-table table tbody th.th-left {
  position: sticky;
  left: 0;
}

#page .scroll-table table tbody th.th-right,
#category .scroll-table table tbody th.th-right {
  left: 90px;
}

#category .list-wrap--recommended ul li .big {
  font-size: 2.4rem;
  color: #333;
  line-height: 1.5;
}

/*2024.11.26*/
.hp_img {
  text-align: center;
  margin: 0 auto;
  width: 92%;
}

.hp_img img {
  display: block;
  margin: 0 auto;
}

#index .scroll-table th .btn-link a {
  background: url(https://www.healthcare-dx-map.com/wp/wp-content/themes/SE040/img/arrow_white02.png) right 8px top 40% no-repeat #e6368e;
  color: #fff;
}

.sticky_area#show-on-scroll {
  display: none;
}



/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {

  .infoma {
    margin: 7rem auto;
    padding: 6.5rem 4.5rem 0;
    background: url(https://www.healthcare-dx-map.com/wp/wp-content/uploads/introduction.png) no-repeat left 10px top !important;
  }

  .sticky_area {
    position: fixed;
    bottom: 200px;
    z-index: 1;
    right: 20px;
  }



}

/*----------------------------------------------------
        SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 480px) {
  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

  #page .scroll-table,
  #category .scroll-table {
    height: 450px;
  }

  #page .scroll-table table,
  #category .scroll-table table {
    width: 1600px;
    position: relative;
    /* border-collapse: separate; */
  }

  #page .scroll-table th,
  #page .scroll-table td,
  #category .scroll-table th,
  #category .scroll-table td {
    display: table-cell;
  }

  #category .mv-lower.btn-internal {
    margin: 3rem auto 4rem;
  }

  .scroll-table table thead {
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 1;
  }

  #page .scroll-table table th.width00,
  #category .scroll-table table th.width00 {
    width: 150px;
  }

  #page .scroll-table table tbody th.th-right,
  #category .scroll-table table tbody th.th-right {
    left: 75px;
  }

  #page .scroll-table table th.width01,
  #category .scroll-table table th.width01 {
    position: relative;
  }

  #page .scroll-table table th.width01::before,
  #category .scroll-table table th.width01::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* border-top: 1px solid #f00; */
    border-right: 1px solid #fff;
    /* border-bottom: 1px solid #f00; */
    /* background: #123066; */
    z-index: -1;
  }

  #category .addParts03 .addInner {
    width: 92%;
    margin: 0 auto;
  }

  .sticky_area {
    bottom: 0;
    width: 100%;
    position: fixed;
    height: auto;
    z-index: 1;
  }

  footer p.copy {
    padding-bottom: 120px;
  }





}