/*--- Utillity ----*/

.ct200 {
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ct300 {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ct500 {
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ct700 {
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ct1000 {
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ct2000 {
  transition-property: all;
  transition-duration: 2000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.image-full {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


/*
.anchor-s {
    display: block;
    padding-top: 230px;
    margin-top: -230px;
    z-index: -99;
}
*/

/*--- Layout ----*/

html {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

body {
  width: 100%;
}

body::-webkit-scrollbar {
  display: none;
}

header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

main {
  width: 100%;
  padding-top: 161px;
}

footer {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}

dt{
  white-space: nowrap;
}

.custom-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
}

.side-space {
  padding-left: 5.2%;
  padding-right: 5.2%;
}

.side-space-left {
  padding-left: 5.2%;
}

.side-space-right {
  padding-right: 5.2%;
}

.section-style {
  position: relative;
  margin-bottom: 50px;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
  padding-left: 5.2%;
  padding-right: 5.2%;
}

@media (min-width: 768px) {
  .section-style {
    margin-bottom: 100px;
  }
}

.section-container {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 80px;
}

.section-container-color {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
  padding-top: 90px;
  padding-bottom: 80px;
}

.wrapper-content {
  position: relative;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
  padding-left: 5.2%;
  padding-right: 5.2%;
}

.wrapper-content-left {
  position: relative;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
  padding-left: 5.2%;
}

/*--- Common Design ----*/

.anchor-linked {
  margin-top: -315px;
  padding-top: 315px;
}

.important-notice-none .anchor-linked {
  margin-top: -250px;
  padding-top: 250px;
}

.not-scroll {
  touch-action: none;
  overflow: hidden;
}

.no-scroll-bar::-webkit-scrollbar {
  display: none;
}

.pl-text {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
}

.pl-text-box {
  margin-bottom: 100px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
}

/*--- List----*/

.check-icon-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  font-weight: 600;
}

.check-icon-list > li {
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 1;
}

.list > li {
  margin-bottom: 15px;
  list-style-position: inside;
}

.list-number > li {
  margin-bottom: 15px;
  list-style-position: inside;
  list-style-type: decimal;
}

.list-dot > li {
  position: relative;
  margin-bottom: 15px;
  list-style-position: inside;
  padding-left: 25px;
}

.list-dot > li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  display: block;
  height: 10px;
  width: 10px;
  --tw-translate-y: -50%;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.list-no-mb > li {
  margin-bottom: 0px;
}

/*--- Badge----*/

.badge {
  display: inline-flex;
  width: 140px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
/*
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
*/
  padding: 5px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(211 89 89 / var(--tw-bg-opacity));
}

.badge-white {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.badge-dark {
  --tw-border-opacity: 1;
  border-color: rgb(119 119 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.badge-base {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

/*--- Button----*/

/* Normal Button */

.btn {
  position: relative;
  z-index: 10;
  display: flex;
  height: 50px;
  width: 200px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: inherit;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:hover {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: -10;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 0px;
  width: 0px;
  --tw-translate-y: -50%;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
  --tw-blur: blur(4px);
  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-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:hover::after {
  height: 210px;
  width: 210px;
  --tw-blur: blur(0);
  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);
}

/* Download Button */

.btn-download {
  width: 100%;
  gap: 15px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pink-leaflet-box .btn-download{
  line-height: 1;
  padding-top: 3px;
 }

.btn.btn-download > svg > path {
  stroke: #fff;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn.btn-download:hover {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.btn.btn-download:hover > svg > path {
  stroke: #333333;
}

.btn-download-primary {
  --tw-border-opacity: 1;
  border-color: rgb(62 185 143 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.btn.btn-download-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.btn.btn-download-primary:hover > svg > path {
  stroke: #3EB98F;
}

.btn.btn-download::after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.btn.btn-download:hover::after {
  height: 200px;
  width: 100%;
  --tw-blur: blur(0);
  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);
}

/* Contact Button */

.btn-contact {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 30px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-contact:hover {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.btn-contact.btn-dark {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-contact.btn-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.icon-circle {
  position: relative;
  display: flex;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(62 185 143 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-contact.btn-dark > .icon-circle {
  border-style: none;
}

.icon-circle::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 0px;
  width: 0px;
  --tw-translate-y: -50%;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-circle > svg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  --tw-translate-y: -50%;
  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));
  fill: #3EB98F;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-contact:hover > .icon-circle::after {
  height: 130%;
  width: 130%;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.btn-contact:hover > .icon-circle > svg {
  fill: #fff;
}

/* Frequently Button */

.btn-frequently {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-frequently:hover {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.btn-frequently > span:not(.icon-circle-lg) {
  white-space: nowrap;
}

.icon-circle-lg {
  position: relative;
  display: flex;
  height: 60px;
  width: 60px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 246 241 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-frequently.btn-dark > .icon-circle-lg {
  border-style: none;
}

.icon-circle-lg::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 0px;
  width: 0px;
  --tw-translate-y: -50%;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-circle-lg > svg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  --tw-translate-y: -50%;
  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));
  fill: #3EB98F;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-frequently:hover > .icon-circle-lg::after {
  height: 130%;
  width: 130%;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.btn-frequently:hover > .icon-circle-lg > svg {
  fill: #fff;
}

/* Right Arrow Button */

.btn.btn-arrow {
  position: relative;
  display: inline-flex;
  width: 300px;
  gap: 15px;
  --tw-border-opacity: 1;
  border-color: rgb(62 185 143 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
 line-height: 1;
}

.btn.btn-arrow > svg {
  position: absolute;
  right: 8%;
  top: 50%;
  --tw-translate-y: -50%;
  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));
  fill: #fff;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn.btn-arrow:hover {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.btn.btn-arrow:hover > svg {
  right: 7%;
  fill: #3EB98F;
}

.btn.btn-arrow::after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.btn.btn-arrow:hover::after {
  height: 200px;
  width: 100%;
  --tw-blur: blur(0);
  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);
}

/*--- Text link ----*/

.link {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.link.link-primary {
  --tw-border-opacity: 1;
  border-color: rgb(62 185 143 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.link.link-accent {
  --tw-border-opacity: 1;
  border-color: rgb(211 89 89 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(211 89 89 / var(--tw-text-opacity));
}

.menu-link {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.375rem;
  background-color: transparent;
  padding: 7px;
  font-size: 14px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 line-height: 1.3;
}

.menu-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 246 241 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

/*--- Heading ----*/

.centering {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.h1-title {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  line-height: 1;
}

.h1-title > p {
  font-size: 35px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
 line-height: 1.5;
}

.h1-title > span {
  font-family: "Zilla Slab";
  font-size: 16px;
}

h2 {
  position: relative;
  margin-bottom: 50px;
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-bottom: 50px;
  padding-left: 3.3%;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
  margin-top: -315px;
  padding-top: 315px;
    z-index: -1;
}

.important-notice-none h2 {
  margin-top: -250px;
  padding-top: 250px;
}

h3 {
  position: relative;
  margin-bottom: 30px;
  padding-left: 20px;
  font-size: 24px;
  font-weight: 600;
}

h3::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  margin-right: 20px;
  display: block;
  height: 100%;
  width: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

h4 {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
}

h5 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 600;
}

h5 > p {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

h5 > span {
  text-align: center;
  font-family: "Zilla Slab";
  font-size: 13px;
}

h6 {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

@media (max-width: 896px){
 h6{
  font-size: 16px;
 }
 h6 > img{
  height: 50px!important;
  width: 50px!important;
 }
}

h6 > img {
  height: 60px;
  width: 60px;
}

h7 {
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 30px 0;
  position: relative;
  display: block;
}

h7::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 40px;
  background-color: #3EB98F;
  position: absolute;
  top: -7px;
  left: -22px;
}

h2 span {
    font-family: "Zilla Slab";
    font-size: 16px;
    color: #333;
    margin-left: 10px;
    font-weight: normal;
}

.h2 {
  color: rgb(62 185 143 / var(--tw-text-opacity));
  font-size: 30px;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 5px;
}
#time span {
  font-size: 15px;
  margin-left: 20px;
  color: #000;
  font-weight: normal;
  font-family: "Zilla Slab";
}

.text-primary-bold {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

small {
  font-size: 13px;
}

/*--- Hearder ----*/

.important-notice-box {
  position: relative;
  z-index: 10;
  height: 53px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.important-notice-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding-top: 14px;
  padding-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
  padding-left: 5.2%;
  padding-right: 5.2%;
}

.important-notice-link:hover .important-notice-content{
 border-bottom: solid 1px;
}

.important-notice-content {
  position: relative;
  font-size: 16px;
  line-height: 1;
}

/*
.important-notice-content::before {
  content: "";
  position: absolute;
  bottom: -5px;
  display: block;
  height: 1px;
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
*/

.important-notice-content > span:first-child {
  margin-right: 20px;
  font-weight: 700;
}

.header-contents {
  position: relative;
  z-index: 10;
  display: flex;
  height: 140px;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
  padding-left: 3.2%;
  padding-right: 5.2%;
}

.header-contents > div {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding-left: 30px;
  padding-right: 30px;
}

.header-contact {
  display: flex;
  align-items: center;
  gap: 30px;
}

.header-contact > p {
  font-size: 13px;
  line-height: 1.8em;
}

.header-main-menu {
  display: flex;
  align-items: center;
  gap: 13px;
}

/* Nav menu */

.btn-menu {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  display: flex;
  height: 140px;
  width: 100px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.btn-menu-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.toggle-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 36px;
  width: 40px;
}

.toggle-bar {
  position: absolute;
  right: 0px;
  display: block;
  height: 4px;
  width: 40px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-bar-01 {
  top: 0px;
}

.toggle-bar-02 {
  top: 50%;
  --tw-translate-y: -50%;
  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));
}

.toggle-bar-03 {
  bottom: 0px;
}

.btn-menu:hover .toggle-bar-02 {
  width: 20px;
}

.btn-menu:hover .toggle-bar-02-active {
  width: 40px;
}

.toggle-bar-01-active {
  top: 50%;
  --tw-translate-y: -50%;
  --tw-rotate: 45deg;
  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));
}

.toggle-bar-02-active {
  width: 40px;
  --tw-rotate: -45deg;
  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));
}

.toggle-bar-03-active {
  opacity: 0;
}

.btn-menu-text-box {
  position: relative;
  margin-top: 15px;
  width: 100%;
}

.btn-menu-text {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-family: "Zilla Slab";
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-menu-text-active {
  opacity: 1 !important;
}

.nav-menu {
  position: fixed;
  top: 193px;
  right: 0px;
  z-index: 40;
  display: flex;
  height: calc(100vh - 193px);
  width: 100%;
  --tw-translate-y: -100%;
  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));
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-menu.nav-menu-active {
  margin: 0px;
  --tw-translate-y: -0px;
  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));
}

.nav-menu-wrapper {
  width: 100%;
  overflow-y: auto;
  padding-left: 5.2%;
  padding-right: 5.2%;
  padding-top: 100px;
}

.header-nav {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.header-nav-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.header-banner-list {
  display: grid;
  width: 100%;
  max-width: 180px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}

.header-banner {
  display: block;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.header-banner > img {
  max-width: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 重要なお知らせがない場合 */

.important-notice-none main {
  padding-top: 170px;
}

.important-notice-none .important-notice-box {
  display: none;
}

.important-notice-none .nav-menu {
  top: 170px;
  height: calc(100vh - 170px);
}

/*--- Hospital Department ----*/

.department-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 18px;
  padding-top: 19px;
  line-height: 1;
}

.department-card > img {
  z-index: 10;
}

.department-card > div {
  z-index: 10;
}

.department-card > div > p:first-child {
  margin-bottom: 12px;
/*  white-space: nowrap;*/
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0em;
}

.department-card > div > p:nth-child(2) {
  font-family: "Zilla Slab";
  font-size: 13px;
}

.department-card::after {
  content: "";
  position: absolute;
  top: 0px;
  left: -50px;
  z-index: 0;
  display: none;
  height: 100%;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 246 241 / var(--tw-bg-opacity));
  --tw-blur: blur(24px);
  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-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}


.w-low {
    display: none;
}


@media (min-width: 1024px) {
  .department-card::after {
    display: block;
  }
}

.department-card:hover::after {
  width: calc(100% + 50px);
  --tw-blur: blur(0);
  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);
}

/*--- Top ----*/

.hero-area {
  position: relative;
  height: 675px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}

.hero-copy-box {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  height: 600px;
  width: 28%;
  max-width: 550px;
  align-items: center;
  justify-content: center;
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hero-copy-box > img {
  width: 100%;
  padding-right: 12%;
  padding-left: 18%;
}

.frequently-viewed-pages-box {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 150px;
  width: 100%;
  max-width: 1520px;
  align-items: center;
  gap: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 50px;
  line-height: 1;
  --tw-drop-shadow: drop-shadow(0 0 15px rgba(92, 92, 92, 0.15));
  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);
}

@media (min-width: 1720px) {
  .frequently-viewed-pages-box {
    width: 79%;
  }
}

.frequently-viewed-pages-box > div:first-child {
  min-width: 240px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
  padding-right: 50px;
}

.frequently-viewed-pages-box > div:first-child > p:first-child {
  margin-bottom: 17px;
  font-size: 20px;
  font-weight: 700;
}

.frequently-viewed-pages-box > div:first-child > p:nth-child(2) {
  font-size: 13px;
}

.frequently-viewed-pages-box > div:nth-child(2) {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 50px;
}

.hero-slide {
  z-index: 0;
  height: 600px;
  width: 100%;
  overflow: hidden;
}

.hero-slide img {
  height: 100%;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/*--- Top News list ----*/

.news-list-box {
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 20px;
}

.news-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.news-list-loop {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}
.card-news-list:hover {
    background-color: #ECF6F1;
    transition: 0.5s;
}
.top-white-box a img:hover {
    opacity: 0.4;
    transition-duration: 0.3s;
}

.card-news-list {
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: space-between;
  gap: 55px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 30px;
}

.card-news-body {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 30px;
}

.card-news-date {
  display: flex;
  width: 16%;
  min-width: 120px;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}

.card-news-date > p {
  font-size: 15px;
  line-height: 1;
}

.card-news-title {
  font-size: 16px;
}

.card-news-icon {
  display: flex;
  height: 100%;
  width: 44px;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

/*--- Top Reception ----*/

.top-reception-box {
  display: flex;
  align-items: flex-start;
  gap: 50px;
  padding-left: 6%;
  padding-top: 50px;
}

.top-reception-box > div:first-child {
  display: grid;
  width: 61.7%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

.top-reception-box > div:nth-child(2) {
  display: grid;
  width: 35%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 50px;
}

.top-reception-box > div:nth-child(2) > div {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

.top-reception-table-box {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 50px;
}

.top-reception-table {
  width: 100%;
  letter-spacing: 0.05em;
}

.top-reception-table tr {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

.top-reception-table > thead th:first-child {
  width: 22.2%;
}

.top-reception-table > thead th {
  width: 11.1%;
  padding: 20px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0em;
}

.top-reception-table > tbody th {
  width: 22.2%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.top-reception-table > tbody th > small {
  margin-left: 2px;
  font-size: 12px;
}

.top-reception-table > tbody td {
  width: 11.1%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.circle-date-on {
  display: block;
  aspect-ratio: 1;
  width: 20px;
  max-width: 20px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.circle-date-off {
  display: block;
  aspect-ratio: 1;
  height: 2px;
  width: 8px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
}

.top-reception-table-box > p {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: right;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
}

.list-circle {
  font-size: 15px;
}

.list-circle > li {
  position: relative;
  padding-left: 20px;
}

.list-circle > li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  display: block;
  height: 10px;
  width: 10px;
  --tw-translate-y: -50%;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.list-accent {
  --tw-text-opacity: 1;
  color: rgb(211 89 89 / var(--tw-text-opacity));
}

.list-circle.list-accent > li::before {
  --tw-bg-opacity: 1;
  background-color: rgb(211 89 89 / var(--tw-bg-opacity));
}

.top-white-box {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

.top-white-box > p {
  padding-top: 24px;
  --tw-text-opacity: 1;
  color: rgb(211 89 89 / var(--tw-text-opacity));
}

.top-white-box > p > span {
  text-decoration-line: underline;
}

/*--- Top  Hospital Department----*/

.hospital-department-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 50px;
}

/*--- Top Pickup & NewsLetter----*/

.top-pickup-newsletter-area {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-left: 6%;
  padding-right: 6%;
}

.top-pickup-box {
  display: flex;
  width: 51.7%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding-right: 3.3%;
}

.top-pickup-box > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.top-pickup-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.card-pickup {
  display: flex;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.card-pickup > .card-pickup-thumbnail {
  height: 190px;
  width: 100%;
  overflow: hidden;
}

.card-pickup > .card-pickup-thumbnail > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-pickup > .card-pickup-body {
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  padding-bottom: 20px;
}

.card-pickup > .card-pickup-body > p:first-child {
  margin-bottom: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.card-pickup > .card-pickup-body > p:nth-child(2) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
}

.newsletter-box {
  display: flex;
  width: 21.4%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-left: 3.3%;
  padding-right: 3.3%;
}

.newsletter-box > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.newsletter-thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.optout-box {
  display: flex;
  width: 26.7%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding-left: 3.3%;
}

.optout-box > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

/*--- lower Page ----*/

.lower-heading {
  position: relative;
  width: 100%;
  padding-top: 110px;
}

.lower-heading > img {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 260px;
  width: 62.5%;
  object-fit: cover;
}

.lower-heading-wrapper {
  height: 250px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}

.lower-heading-wrapper > div {
  width: 100%;
  padding-top: 50px;
  padding-left: 5.2%;
}

.lower-container {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
}

/*--- Side Menu ----*/

.side-menu {
  position: sticky;
  top: 235px;
  margin-bottom: 100px;
  height: 100%;
  width: auto;
  max-width: 330px;
  padding-left: 2.6%;
  padding-right: 2.6%;
  padding-top: 80px;
}

.important-notice-none .side-menu {
  top: 170px;
}

.side-title {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  line-height: 1;
}

.side-title > span:first-child {
 display: block;
 font-size: 30px;
 font-weight: 600;
 --tw-text-opacity: 1;
 color: rgb(62 185 143 / var(--tw-text-opacity));
}

.side-title > span:nth-child(2) {
  display: block;
  font-family: "Zilla Slab";
  font-size: 15px;
}

.side-anchor-links {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding-top: 55px;
}

.side-anchor-links li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  white-space: nowrap;
  padding-bottom: 35px;
  font-size: 15px;
}

.side-anchor-links li > a > img {
  padding-right: 5px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.side-anchor-links li > a:hover > img {
  padding-right: 0px;
}

.side-anchor-links li > a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 1px;
  width: 21%;
  max-width: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}

/*--- lower Contents ----*/

.lower-contents {
  width: 83%;
  max-width: 1590px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-left: 2.6%;
  padding-right: 2.6%;
  padding-top: 80px;
}

.lower-wrapper {
  margin-bottom: 100px;
  padding-left: 4.1%;
  padding-right: 6.25%;
}
.lower-wrappers {
  margin-bottom: 100px;
}

.common-content-box {
  margin-bottom: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}

.common-content-box > div > a {
  margin-top: 50px;
}

.common-content-box:last-child {
  margin-bottom: 0px;
}

.common-content-box > div {
  width: 57%;
}

.common-content-box > img {
  width: 43%;
}

/*--- Steps ----*/

.steps-wrapper {
  padding-left: 5.6%;
  padding-right: 5.6%;
}

.steps {
  margin-bottom: 45px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 30px;
  padding-top: 50px;
}

.card-steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.card-steps > span {
  position: absolute;
  top: -50px;
/*  left: -5.6%;*/
 left: -6.8%;
  display: flex;
  aspect-ratio: 1;
  height: 100px;
  width: 100px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
  font-size: 20px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card-steps-image {
  width: 34%;
}

.card-steps-image > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-steps-body {
  width: 65%;
  padding-left: 3.4%;
  padding-right: 3.4%;
}

.card-steps-body > p:first-child {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.steps-arrow {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.card-steps.card-steps-twin {
  border-style: none;
  background-color: transparent;
}

.card-steps.card-steps-twin > div {
  display: flex;
  align-items: stretch;
  gap: 24px;
}

.card-steps.card-steps-twin > div > .card-steps-body {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 30px;
}

.card-steps.card-steps-twin > div > .card-steps-body p span {
 color: rgb(211 89 89 / var(--tw-text-opacity));
 font-weight: bold;
}

/*--- Pink ----*/

.pink-image-box {
  margin-bottom: 65px;
}

.pink-image-box > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pink-support-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

.pink-support-card {
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 35px;
  padding-bottom: 35px;
}

.pink-support-icon {
  display: flex;
  width: 34%;
  max-width: 215px;
  align-items: center;
  justify-content: center;
}

.pink-support-body {
  width: 65.7%;
  padding-right: 7.9%;
}

.pink-support-body > p:first-child {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
}

.pink-support-body > p:nth-child(2) {
  font-size: 15px;
}

.pink-access-box {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  gap: 50px;
}

.pink-access-map {
  height: 436px;
  width: 67%;
}

.pink-access-map > iframe {
  height: 100%;
  width: 100%;
}

.pink-map-image {
  width: 29%;
}

.pink-map-image > img {
  margin-bottom: 20px;
}

.pink-map-image > p {
  --tw-text-opacity: 1;
  color: rgb(211 89 89 / var(--tw-text-opacity));
}

.pink-leaflet-box {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 3.8%;
  padding-right: 3.8%;
}

.pink-leaflet-box > div:first-child {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 3.4%;
}

.pink-leaflet-title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.pink-leaflet-box > div:nth-child(2) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-left: 3.4%;
  padding-right: 3.4%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.pink-leaflet-box > div:nth-child(3) {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 3.4%;
}

.pink-address-box {
  display: flex;
  flex-direction: column;
  gap: 35px;
  border-radius: 1rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 3.8%;
  padding-right: 3.8%;
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 22px;
  font-weight: 700;
}

.pink-address-box > div:first-child {
  display: flex;
  align-items: center;
  gap: 25px;
}

.pink-address-box > div:nth-child(2) {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-left: 3.8%;
  padding-right: 3.8%;
}

.pink-tel {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 8.7%;
}

.pink-fax {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-left: 8.7%;
  padding-right: 8.7%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.pink-date-time {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 8.7%;
  font-size: 15px;
  font-weight: 600;
}

/*--- Hospitalization ----*/

.dl-contents {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 100px;
}

.dl-contents > div {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.dl-contents > div > dl {
  display: flex;
  align-items: flex-start;
}

.lower-wrapper .dl-contents div:first-child{
  width: 30%;
}

/*--- News (Lower) ----*/

.lower-news-list {
  margin-bottom: 60px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.card-news {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 2.3%;
  padding-right: 1.5%;
  font-size: 15px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-news:hover {
  opacity: 0.6;
}

.card-news.card-news-important {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.card-news > div {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4.2%;
}

.card-news > div > p:first-child {
  width: 78px;
}

.card-news > div > p:nth-child(2) {
/*  overflow: hidden;*/
/*  display: -webkit-box;*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 60%;
  max-width: 800px;
}

.card-news > img {
  position: absolute;
  right: 1.5%;
  top: 50%;
  --tw-translate-y: -50%;
  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));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-news:hover > img {
  right: 1%;
}

/*--- Pager ----*/

.pager-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn-pager {
  position: relative;
  display: flex;
  height: 39px;
  width: 34px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(62 185 143 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-pager > * {
  z-index: 10;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-pager-prev {
  padding-right: 10px;
}

.btn-pager-next {
  padding-left: 10px;
}

.btn-pager-prev:hover,
.btn-pager-next:hover {
  opacity: 0.6;
}

.btn-pager::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 0px;
  width: 0px;
  --tw-translate-y: -50%;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-pager:hover > span {
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.btn-pager:hover::after {
  left: -50%;
  height: 200%;
  width: 200%;
}

.btn-pager:hover > img {
  --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);
}

.btn-pager.btn-pager-current {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.btn-pager.btn-pager-current:hover > span {
  color: inherit;
}

.btn-pager.btn-pager-current:hover::after {
  height: 0px;
  width: 0px;
}

/*--- Ambulatory ----*/

.ambulatory-times-box {
  margin-bottom: 100px;
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 5.3%;
}

.ambulatory-times-box > div {
  width: 53%;
}

.ambulatory-times-box > img {
  width: 47%;
}

.ambulatory-times-box .round-label-box a{
 text-decoration: underline;
 font-weight: bold;
}

.ambulatory-div > div {
  width: 65%;
}
.ambulatory-div > img {
  width: 35%;
}

.ambulatory-times {
  display: flex;
  width: 100%;
  align-items: center;
}

.ambulatory-times > p {
  width: 22.7%;
  padding-right: 60px;
  font-size: 22px;
}

.ambulatory-times > div {
  width: 79%;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-left: 15px;
}

.ambulatory-times > div > div:first-child {
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}

.ambulatory-times > div > div:nth-child(2) {
  display: flex;
  width: 100%;
  align-items: center;
}

.ambulatory-times-title {
  width: 25%;
  text-align: center;
  font-size: 22px;
}

.ambulatory-times-contents {
  width: 74%;
  padding: 15px;
  font-size: 15px;
}

.round-label-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.round-label-accent {
  width: 100%;
  max-width: 680px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(252 234 234 / var(--tw-bg-opacity));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
}

/* Tab area */

.tab-area {
  margin-bottom: 100px;
  padding-top: 40px;
}

.tab-group {
  margin-bottom: 50px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 15px;
}

.tab-group > .tab {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 122px;
  max-width: 122px;
}

.tab-group > .tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tab-group > .tab.is-active {
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: rgb(62 185 143 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.panel {
  display: none;
}

.panel.is-show {
  display: block;
}

.panel.all-table table:nth-child(n+2) thead{
 visibility: collapse;
}

.panel.all-table table:nth-child(n+2) tr:first-child th,
.panel.all-table table:nth-child(n+2) tr:first-child td{
 border-top: none;
}

.ambulatory-table {
  width: 100%;
  letter-spacing: 0.05em;
}

.ambulatory-table th,
.ambulatory-table td {
 width: 13%;
 border-width: 1px;
 --tw-border-opacity: 1;
 border-color: rgb(204 204 204 / var(--tw-border-opacity));
 padding: 12px;
 text-align: center;
 vertical-align: top;
 letter-spacing: 0.025em;
 height: 50px;
 min-width: 130px;
}

.ambulatory-table th {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}

.ambulatory-table > thead th:first-child {
  width: 14%;
}

.ambulatory-table > tbody th:first-child {
  vertical-align: middle;
}

.ambulatory-table > thead th:last-child {
  width: 17%;
}

.td-note {
  text-align: left !important;
  font-size: 12px;
}

.ambulatory-table td > div {
  width: 100%;
}

.ambulatory-table .td-times {
  margin-bottom: 0px;
  font-size: 12px;
}

.ambulatory-table .td-doctors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-size: 15px;
  font-weight: 700;
}

.ambulatory-table .td-badges01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.ambulatory-table .td-badges02 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.ambulatory-department-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
}

.ambulatory-department-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 40px;
}

.ambulatory-department-card > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  line-height: 1;
}

.ambulatory-department-card > div > img:first-child {
  z-index: 10;
/*  height: 36px;*/
/*  width: 36px;*/
}

.ambulatory-department-card > div > img:nth-child(3) {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 10;
  height: 25px;
  width: 25px;
  --tw-translate-y: -50%;
  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));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ambulatory-department-card > div > div {
  z-index: 10;
}

.ambulatory-department-card > p {
  position: relative;
  z-index: 20;
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 25px;
}

.ambulatory-department-card > div > div > p:first-child {
  white-space: normal;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 30px;
    padding-right: 30px;
}

.ambulatory-department-card > div > div > p:nth-child(2) {
  margin-top: 12px;
  font-family: "Zilla Slab";
  font-size: 13px;
}

.ambulatory-department-card::after {
  content: "";
  position: absolute;
  top: 0px;
  left: -50px;
  z-index: 0;
  display: none;
  height: 100%;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 246 241 / var(--tw-bg-opacity));
  --tw-blur: blur(24px);
  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-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}


.s-message::after {
  content:"";
  display: block;
  width:29%;
}


@media (min-width: 1024px) {
  .ambulatory-department-card::after {
    display: block;
  }
}

.ambulatory-department-card:hover::after {
  width: calc(100% + 50px);
  --tw-blur: blur(0);
  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);
}

.ambulatory-department-card:hover > div > img:nth-child(3) {
  right: -5px;
}

/*--- Medical ----*/

.medical-office-box > p {
  margin-bottom: 40px;
  font-weight: 700;
}

.medical-office-box > div {
  display: flex;
  gap: 4.5%;
}

.medical-office-box > div > div:first-child {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-right: 4.5%;
}

.medical-office-box > div > div > p {
  margin-bottom: 15px;
  font-size: 15px;
}

.medical-contents-table {
  width: 100%;
}

.medical-contents-table > thead th,
.medical-contents-table > tfoot th {
  padding-left: 1.8%;
  padding-right: 1.8%;
  font-family: "Hiragino Kaku gothic";
  font-size: 14px;
}

.medical-contents-table > thead td,
.medical-contents-table > tfoot td {
  border-style: none;
}

.medical-contents-table th,
.medical-contents-table td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center;
}

.medical-contents-table th {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}

.medical-contents-table > tbody th:not(:first-child) {
  width: 18%;
  font-size: 19px;
}

.medical-contents-table > tbody th:first-child {
  width: 20%;
}

.medical-contents-table > tbody td {
  width: 44.5%;
  text-align: left;
}

/*--- Access ----*/

.access-map-box {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4%;
}

.access-map-box > div:first-child {
  width: 60%;
}

.access-map-box > div:first-child > iframe {
  height: 330px;
  width: 100%;
}

.access-map-box > div:nth-child(2) {
  display: flex;
  width: 40%;
  flex-direction: column;
  gap: 30px;
}

.access-map-box > div:nth-child(2) > img {
  width: 100%;
  max-width: 295px;
}

.access-map-box > div:nth-child(2) > div > p {
  margin-bottom: 10px;
}

.access-table {
  width: 100%;
}

.access-table th,
.access-table td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center;
}

.access-table th {
  width: 25%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}

.access-table td:first-of-type {
  width: 56.7%;
}

.access-table td:nth-of-type(2) {
  width: 18%;
}

.download-btn-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  -moz-column-gap: 1.3%;
       column-gap: 1.3%;
  row-gap: 25px;
}

.download-btn-list > .btn {
  display: inline-flex;
  width: auto;
    line-height: 20px;
}

/*--- Pharmacy ----*/

.pharmacy-banner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
}

.pharmacy-banner-list > a {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pharmacy-banner-list > a:hover {
  opacity: 0.6;
}

/*--- Pharmacy ----*/

.cancer-about-box {
  margin-bottom: 100px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
}

.fax-text {
  margin-bottom: 20px;
  font-family: "Hiragino Kaku Gothic";
  font-size: 22px;
  font-weight: 700;
}

.cancer-about-box > p {
  font-size: 15px;
  font-weight: 700;
}

.cancer-content-box {
  display: flex;
  align-items: flex-start;
  gap: 3.3%;
}

.cancer-content-box > div:first-child {
  width: 41%;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-right: 3%;
}

.cancer-content-box > div:nth-child(2) {
  width: 53%;
}

/*--- Department of Medical Technology ----*/

.philosophy-box {
  margin-bottom: 100px;
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 50px;
}

.philosophy-box > div {
  display: flex;
  width: 57%;
  flex-direction: column;
  gap: 50px;
}

.philosophy-box > img {
  width: 43%;
}

.philosophy-title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.list-dot-box {
  margin-bottom: 100px;
  width: 100%;
}

.list-dot-box .list-dot {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.accordion-list {
  margin-bottom: 100px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding-left: 25px;
}

.acc-btn {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 24px;
  font-weight: 700;
}

.acc-panel {
  gap: 50px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.acc-panel-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  padding: 50px;
}

.acc-panel-flex {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}

.acc-panel-flex > div {
  display: flex;
  width: 57%;
  flex-direction: column;
  gap: 20px;
}

.acc-panel-flex > div > div {
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-bottom: 50px;
}

.acc-panel-flex p {
  letter-spacing: 0.1em;
}

.panel-flex-heading {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.acc-panel-flex > img {
  width: 43%;
}

.acc-panel-flex.acc-panel-flex-none {
  display: block;
  width: 100%;
}

.acc-panel-flex.acc-panel-flex-none > div {
  display: block;
  width: 100%;
}

.acc-panel-flex > div > div:only-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.acc-panel-flex > div > div:last-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.acc-panel-flex > div.has-next > div {
  border-bottom-width: 1px;
  padding-bottom: 50px;
}

.acc-panel-flex.acc-panel-flex-none > div > div {
  border-style: none;
  padding-bottom: 0px;
}

.panel-flex-table {
  width: 100%;
}

.panel-flex-table th,
.panel-flex-table td {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 4%;
  padding-right: 4%;
  font-family: "Hiragino Kaku Gothic";
  font-size: 15px;
  font-weight: 700;
}

.panel-flex-table tr:last-child th,
.panel-flex-table tr:last-child td {
  border-bottom-width: 0px;
}

.panel-flex-table th {
  width: 25%;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(62 185 143 / var(--tw-text-opacity));
}

.panel-flex-table td {
  width: 75%;
}

.acc-notice-area {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

.acc-notice-box {
  width: 100%;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 242 / var(--tw-bg-opacity));
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: 700;
}

.acc-notice-box > p {
  margin-bottom: 20px;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
  padding-left: 10px;
  padding-bottom: 20px;
  font-size: 22px;
}

.acc-notice-box > div {
  font-size: 15px;
}

.acc-notice-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 10px;
  padding-left: 15px;
  padding-top: 25px;
}

.acc-notice-list.pn-col-1 > li {
  width: 100%;
}

.acc-notice-list.pn-col-2 > li {
  width: 50%;
}

.acc-notice-list.pn-col-4 > li {
  width: 33.333333%;
}

.acc-notice-list > li {
  list-style-position: outside;
  list-style-type: disc;
}

.acc-notice-list.pn-col-auto {
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 10px;
}

.acc-notice-list.pn-col-auto > li {
  width: auto;
}

.acc-gallery {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.acc-gallery > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.acc-gallery > div > img {
  display: block;
  height: 245px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.acc-gallery > div > p {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

/*--- Radiation Room ----*/

.shift-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 50px;
  padding-left: 25px;
}

.shift-box > div > img {
  width: 100%;
  max-width: 766px;
}

.circle-arrow-heading {
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
}

/*--- Nutrition Management ----*/

.heading-list {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

/*--- Footer ----*/

.footer-map-contact-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.footer-map > iframe {
  height: 350px;
  width: 100%;
}

.footer-contact {
  position: relative;
  height: 350px;
  width: 100%;
  overflow: hidden;
}

.footer-contact > div {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  --tw-translate-y: -50%;
  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));
  gap: 50px;
  padding-right: 5.2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer-contact > img {
  z-index: 0;
  max-width: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer-contact h5 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-contents {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 9%;
  padding-top: 100px;
  position: relative;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
  padding-left: 5.2%;
  padding-right: 5.2%;
}

.footer-company {
  width: 25.6%;
  max-width: 390px;
}

.footer-logo {
  margin-bottom: 30px;
  display: block;
  width: 100%;
  max-width: 360px;
}

.footer-company > address {
  margin-bottom: 20px;
  font-family: 'HiraginoKakuGo';
  font-size: 16px;
  font-style: normal;
  line-height: 1;
}

.footer-banner-list {
  -moz-columns: 2;
       columns: 2;
  gap: 20px;
  padding-top: 50px;
}

.footer-banner {
  margin-bottom: 20px;
  display: block;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.footer-banner > img {
  max-width: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer-nav {
  display: grid;
  width: 76%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.footer-nav-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.nav-title-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
 line-height: 1.5;
}

.nav-title-link.only-title {
  margin-bottom: 50px;
}

.nav-title-link > img {
  height: 25px;
  width: 25px;
}

.anchor_link-list {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-top: 30px;
  padding-left: 35px;
}

.anchor_link-list > li {
  line-height: 1;
}

.anchor_link-list > li > a {
  font-size: 13px;
}

.footer-copy {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 35px;
  padding-bottom: 50px;
  font-family: "Zilla Slab";
  font-size: 15px;
  line-height: 1;
}

/*--- Utility ----*/

.pointer-events-none {
  pointer-events: none;
}

.table {
  display: table;
}

.contents {
  display: contents;
}

.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));
}

.font-normal {
  font-weight: 400;
}

.text-accent {
  --tw-text-opacity: 1;
  color: rgb(211 89 89 / var(--tw-text-opacity));
}



.box-bottom {
  margin-bottom: 100px;
}

.d-incharge > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.d-incharge > ul li{
  width: 49%;
  padding-top: 40px;
}

.d-incharge > ul li:first-child,
.d-incharge > ul li:nth-child(2){
	padding-top: 0;
}

.d-ul {
  display: flex;
}

.d-detail {
  display: flex;
}

.d-img {
  width: 220px;
}

.d-img img {
  width: 90%;
}

.d-detail p:first-child {
  margin-right: 25px;
  white-space: nowrap;
}

.d-name {
  font-size: 30px;
  font-weight: 600;
  border-bottom-width: 3px;
  border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity));
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.d-name span {
  font-size: 15px;
  font-weight: normal;
}

.pdf-box a {
    background-color: #4CAF85;
    padding: 15px 40px 15px 20px;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    position: relative;
}

 .schedule-box .tab-area {
    padding-top: 0;
}
.schedule-box .tab-group {
    display: none;
}


.introduction-box {
    position: relative;
}
.introduction-box img {
    position: absolute;
    width: 350px;
    top: -50px;
    z-index: 1;
}
.a-introduction {
    width: 75%;
    margin-left: auto;
    margin-top: 100px;
    padding: 120px 70px 55px 150px;
    background-color: #fff;
    position: relative;
}
.bg-g {
    background-color: #B1EBD3;
    width: 50px;
    padding: 50px;
    border-radius: 50px;
    position: absolute;
    top: 60px;
    left: 130px;
}
.introduction-title {
    font-size: 26px;
    margin-bottom: 60px;
    position: relative;
    line-height: 40px;
}
.i-name {
    font-weight: bold;
    font-size: 26px;
    text-align: right;
    margin-top: 20px;
}
.i-name span {
    font-size: 15px;
    margin-right: 10px;
}


.w-box {
    margin-top: 40px;
    padding: 45px;
    background-color: #fff;
    border: 2px solid #D9D9D9;
}
.w-box span {
    font-weight: bold;
}
.te-fx {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: 20px;
}
.te-fx span {
    font-size: 22px;
}
.g-title {
    font-size: 22px;
    font-weight: bold;
    color: #3EB98F;
    margin-bottom: 25px;
}
.g {
    color: #3EB98F;
    margin-bottom: 10px;
}
.dis-f {
    display: flex;
    margin: 30px 0 10px;
}
.dis-f .pdf-box:nth-of-type(n+2) {
    margin-left: 20px;
}
.dis-f li {
    width: 25%;
    margin-right: 50px;
    color: #3EB98F;
}


.pc {
    display: block!important;
}
.pc-s {
    display: grid;
}
.sp {
    display: none!important;
}


.title-green{
	font-size: 30px;
    color: rgb(62 185 143 / var(--tw-text-opacity));
    font-weight: 600;
	padding-bottom: 20px;
}

.room-top div{
	padding-bottom: 50px;
}

.room-top div:last-child{
	padding-bottom: 0;
}

.dot-list{
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
	list-style: disc;
}

.dot-list li{
	line-height: 1;
    display: list-item;
}

.dot-list li::marker{
	color: rgb(62 185 143 / var(--tw-text-opacity));
	font-size: 27px;
}

.dot-list li span{
	vertical-align: 0.1rem;
}
.back-brown{
	background: #F7F5F2;
    padding: 30px 50px;
    border-radius: 15px;
	margin: 0 3.13rem 3.13rem;
}
.back-brown h4{
	border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(54 54 54 / var(--tw-border-opacity));
	    padding: 0 0 15px 10px;
}
.back-brown p{
	font-size: 15px;
    font-weight: bold;
}
.bottom-wrapper-m{
	margin-bottom: 	58px;
}
.bottom-wrapper{
	margin-bottom: 100px;
}

.room-btm-img{
	max-width: 766px;
	width: 100%;
}

.room-btm .nav-title-link{
	padding-bottom: 20px;
}

.room-btm{
	margin-bottom: 100px;
}

.room-btm div{
	padding-bottom: 50px;
}

.room-btm div:last-child{
	padding-bottom: 0;
}

.wrapper-box{
	padding-left: 1.4rem;
}

.wrapper-side{
	padding-left: 3.3%;
    padding-right: 3.3%;
}

.sub-contents .nav-title-link{
	border-top-width: 1px;
    --tw-border-opacity: 1;
    border-top-color: rgb(217 217 217 / var(--tw-border-opacity));
    padding: 25px 0 16px;
    margin-top: 30px;
}

.sub-contents .nav-title-link img{
	width: 9px;
}

.back-brown ul{
	list-style: disc;
	padding-top: 23px;
}
.back-brown li{
	font-weight: bold;
	margin-left: 1rem;
}

/*注意事項　リスト*/
.attention-list-box{
	display: flex;
    flex-wrap: wrap;
}

.attention-list-box p{
	padding-right: 25px;
}
/*ここまで注意事項　リスト*/

/*アコーディオン*/
.accordion {
max-width: 100%;
}
.toggle {
display: none;
}
.wrapper-box {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #D9D9D9;
padding: 1em;
display: block;
font-weight: bold;
background: #fff;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.5em;
width: 2px;
height: 0.75em;
background-color: #333;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
margin-top: -2px;
}
.content p {
margin: 0;
font-size: 15px;
}
.toggle:checked + .title + .content {
max-height: 10000px;
transition: all 1.5s;
border: solid 1px #D9D9D9;
background: #fff;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
.content .common-content-box{
	margin-bottom: 3.13rem;
	padding: 3.13rem 3.13rem 0;
}
/*ここまでアコーディオン*/

.clinical-table th,
.clinical-table td{
	font-weight: normal;
}

.clinical-table{
	margin-top: 50px;
}

.title-border{
	border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.title-border:nth-child(n+1){
	margin-top: 30px
}

/*短時間型通所リハビリテーション*/
.fee-table,
.fee-table2{
	width: 100%;
}
.fee-table th{
	width: 25%;
    --tw-bg-opacity: 1;
    background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}
.fee-table th,
.fee-table td,
.fee-table2 th,
.fee-table2 td{
	border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(222 222 222 / var(--tw-border-opacity));
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
}
.fee-table td:first-of-type,
.fee-table td:nth-of-type(2){
	width: 25%;
}
.fee-table-box{
	padding-left: 1.4rem;
	margin-bottom: 100px;
}
.fee-table2 th{
	width: 16.67%;
    --tw-bg-opacity: 1;
    background-color: rgb(247 245 242 / var(--tw-bg-opacity));
}
.fee-table2 td:first-of-type,
.fee-table2 td:nth-of-type(2){
	width: 16.67%;
}
.fee-list{
	text-align: right;
	padding-top: 15px;
}
.wrapper-fee-table:nth-child(n+1){
	margin-top: 30px;
}
.step-reha a{
	font-weight: normal;
}
.s-riha-btn .download-btn-list{
	flex-wrap: nowrap;
 margin: 30px 0 0;
}
.s-reha-bottom{
	margin-bottom: 100px;
}


/*薬局*/
.pharmacy-download-box{
	display: block;
}
.pharmacy-download-box > div{
	width: auto;
}
.ph-btn .download-btn-list{
	flex-wrap: nowrap;
}
.ph-btn{
	margin-top: 45px;
}
.ph-btn-contents{
	margin-bottom: 100px;
}
.ph-btn-contents:last-child{
	margin-bottom: 0;
}
.download-wrapper > .btn{
	height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 15px;
	font-weight: normal;
}

/*看護部*/
.bg-p{
	background-color: #FEE6F6;
    width: 50px;
    padding: 50px;
    border-radius: 50px;
    position: absolute;
    top: 60px;
    left: 100px;
}
.obj-wrapper span{
	font-family: "fot-tsukubrdgothic-std", sans-serif;
	font-size: 30px;
	color: #777777;
	display: block;
	margin-bottom: 1.6rem;
}
.obj-wrapper span::after{
	content: '';
    background-color: #333333;
    height: 3px;
/*    width: calc((100% - 132px)/2);*/
	width: 30px;
    display: inline-block;
    vertical-align: super;
    margin-left: 10px;
}
.obj-wrapper:nth-child(2) span{
	color: #3EB98F;
}
.obj-wrapper:nth-child(2) span::after{
	background-color: #3EB98F;
}
.obj-wrapper{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.obj-wrapper p{
	width: 30%;
    padding: 30px;
    background: #fff;
}
.obj-wrapper:first-child{
	margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.obj-wrapper p:last-child{
	margin-bottom: 1.6rem;
}
.ideal-box span{
	font-family: "fot-tsukubrdgothic-std", sans-serif;
	font-size: 30px;
	color: #777777;
	display: inline-block;
    vertical-align: sub;
    font-weight: normal;
	margin-bottom: 2.8rem;
}
.ideal-box span:last-child{
	margin-bottom: 0;
}
.ideal-box p{
	font-size: 22px;
    font-weight: bold;
}
.training-box img{
	max-width: 1300px;
    width: 100%;
	margin-bottom: 100px;
}
.training-box{
	margin-bottom: 100px;
}
.wrapper-training img{
	max-width: 610px;
    width: 100%;
    margin: 100px auto 50px;
}
.program-box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3.125rem;
}
.program-box p{
	background: #fff;
    padding: 2.25rem 2.25rem 2rem;
    width: 23%;
	border: #D9D9D9 solid 1px;
}
.program-box span{
	font-size: 15px;
	font-weight: bold;
	display: block;
	position: relative;
	margin-bottom: 40px;
}
.program-box span::after{
	content: '';
	position: absolute;
    bottom: -20px;
    display: inline-block;
    width: 4rem;
    height: 5px;
    left: 0;
    z-index: 100;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.wrapper-training .download-btn-list{
	justify-content: center;
}
.department-list{
	background: #fff;
    list-style: disc;
    padding: 30px 50px;
    border: solid 2px #D9D9D9;
	font-size: 15px;
	width: 43%;
	min-height: 240px;
}
.department-list li{
	padding-bottom: 30px;
}
.department-list li:last-child{
	padding-bottom: 0;
}
.department-list li::marker{
	color: rgb(62 185 143 / var(--tw-text-opacity));
    font-size: 25px;
}
.department-list span{
	display: block;
    color: #3EB98F;
    font-weight: bold;
}
.department-title{
	font-size: 22px;
	position: absolute;
    top: 10%;
	left: 4.5%;
	color: #fff;
}
.departmen-box:nth-child(2) .department-title{
	top: 18%;
}
.departmen-box:nth-child(n+2) .department-title{
	top: 21%;
}
.title-wrapper{
	position: relative;
	width: 55%;
}
.department-title span{
	font-size: 89px;
    font-family: "fot-tsukubrdgothic-std", sans-serif;
    display: block;
    height: 60px;
    margin-left: -8px;
}
.departmen-box{
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}
.departmen-box:last-child{
	padding-bottom: 0;
}
.department-wrapper{
	height: 240px;
	overflow-y: scroll;
	margin-right: 5%;
    padding-right: 3.5%;
}
.m-bottom{
	margin-bottom: 15px;
}

@media screen and (max-width: 896px){
	.bg-p{
		z-index: -1;
	}
	.obj-wrapper p{
		width: 100%;
		margin-bottom: 1.6rem;
	}
	.obj-wrapper p:last-child{
		margin-bottom: 0;
	}
	.ideal-box p{
		font-size: 20px;
	}
	.ideal-box span{
		margin-bottom: 0;
    	font-size: 27px;
	}
	.training-box img{
		width: auto;
		max-width: 800px;
    	margin-bottom: 0;
	}
	.scroll{
		overflow-x: scroll;
		margin-bottom: 50px;
	}
	.program-box{
		display: block;
	}
	.program-box p{
		width: 100%;
		margin-bottom: 1.6rem;
	}
	.tab_item{
		width: calc(100%/5)!important;
	}
	.c-txtsp span{
		font-size: 28px;
    	margin-top: 10px;
	}
	.departmen-box{
		display: block;
	}
	.title-wrapper{
		width: 100%;
    	margin-bottom: 10px;
	}
	.department-list{
		width: 100%;
	}
	.department-title span{
		font-size: 50px;
		height: 40px;
		margin-top: 0;
	}
	.departmen-box:first-child .title-wrapper .department-title span{
		margin-top: 10px;
	}
	.department-list{
		padding: 15px 15px 15px 35px;
	}
	.wrapper-training .scroll img{
		margin-top: 20px;
		max-width: 500px;
		margin-bottom: 20px;
	}
	.tab_item{
		width: calc(100%/3);
	}
	.c-txtsp span{
		font-size: 25px;
    	margin-top: 20px;
	}
}

/*スクロールバー*/
::-webkit-scrollbar{
   width: 8px;
}
::-webkit-scrollbar-track{
   background-color: #DEDEDE;
}
::-webkit-scrollbar-thumb{
   background-color: #3EB98F;
}
/*スクロールバー*/

/*看護部　部署紹介タブ*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #fff;
  width: 100%;
 }

/*タブのスタイル*/
.tab_item {
  width: calc(100%/5);
  height: 50px;
  background-color: #F7F5F2;
  line-height: 50px;
  font-size: 15px;
  text-align: center;
  color: #777777;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	border-top: solid 1px #D9D9D9;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    border-bottom: solid 2px #D9D9D9;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 4%;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#first:checked ~ #first_content,
#second:checked ~ #second_content,
#third:checked ~ #third_content,
#fourth:checked ~ #fourth_content,
#fifth:checked ~ #fifth_content,
#surgery:checked ~ #surgery_content {
  display: block;
	border-left: solid 2px #D9D9D9;
    border-right: solid 2px #D9D9D9;
    border-bottom: solid 2px #D9D9D9;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #fff;
  color: #3EB98F;
	border-top: solid 2px #D9D9D9;
    border-left: solid 2px #D9D9D9;
    border-right: solid 2px #D9D9D9;
    border-bottom: none;
	position: relative;
	z-index: 1;
}

.tabs input:checked + .tab_item::after{
	content: '';
	display: inline-block;
	position: absolute;
	border-bottom: solid 1px #D9D9D9;
	z-index: 100;
	width: 70%;
	bottom: 0;
	left: 15%;
	
}

.c-txtsp span{
	border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
	font-size: 35px;
	color: rgb(62 185 143 / var(--tw-text-opacity));
	display: block;
	padding-bottom: 20px;
    margin-bottom: 30px;
}
/*ここま.で看護部　部署紹介タブ*/



/*当院について*/
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
.date-min{
	color: #4CAF85;
}
.timeline-date{
	color: #4CAF85;
}
.timeline-date span{
	font-size: 30px;
    letter-spacing: 2px;
}

.about-pic{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	text-align: center;
}
.about-pic::after{
	content:"";
  display: block;
  width:24%;
}
.about-pic p{
	width: 24%;
}
.about-pic span{
	padding: 20px 0 30px;
	display: block;
}
.about-pic p:nth-child(13) span,
.about-pic p:nth-child(14) span,
.about-pic p:last-child span{
	padding-bottom: 0;
}
.floor-map{
	padding-bottom: 50px;
}
.list-dot-bk{
	list-style: disc;
}
.list-top{
	padding-top: 1.25rem;
}
.about-list-box{
	margin-left: 1.4rem;
	margin-bottom: 6.25rem;
}
.title-bk{
	font-size: 26px;
	padding-bottom: 30px;
	
}
.declaration-box{
	color: #4CAF85;
    font-size: 25px;
	font-weight: bold;
	padding-top: 2.5rem;
}
.declaration-box p{
	line-height: 40px;
	font-family: "fot-tsukubrdgothic-std", sans-serif;
}
.declaration-box span{
	font-size: 15px;
	color: #333333;
	border-left-width: 2px;
    --tw-border-opacity: 1;
    border-left-color: rgb(232 232 232 / var(--tw-border-opacity));
    padding-left: 1.25rem;
    margin-left: 1.25rem;
	vertical-align: middle;
	font-family: Roboto, HiraginoKakuGo, sans-serif;
}
.about-table{
	margin: 0 100px;
}
.about-table tr{
	border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(222 221 221 / var(--tw-border-opacity));
}
.about-table th{
	font-size: 22px;
    font-weight: normal;
    color: #4CAF85;
    width: 19%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.about-table td{
	padding-top: 1.875rem;
    padding-bottom: 1.875rem;
	padding-right: 2.5rem;
}
.about-table span{
	color: #D35959;
    display: inline-block;
    padding-left: 45px;
}
.policy-box{
	display: flex;
	text-align: center;
    justify-content: space-evenly;
	max-width: 1050px;
	margin: 0 auto;
}
.policy-box p{
	position: relative;
	z-index: 3;
	font-size: 15px;
    font-weight: bold;
	padding-top: 9%;
	flex: 1;
	margin: 0 auto;
}
.policy-box p::after{
	content: '';
	display: inline-block;
	position: absolute;
	background: #e7e7e7;
    opacity: 50%;
    width: 115%;
    height: 150%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	top: 0;
    left: -7%;
    z-index: -1;
}
.policy-box span{
	font-size: 35px;
    color: #4CAF85;
    font-family: "fot-tsukubrdgothic-std", sans-serif;
    padding-bottom: 22px;
    display: inline-block;
}
.policy-main{
	font-size: 35px;
 line-height: 60px;
	font-family: "fot-tsukubrdgothic-std", sans-serif;
	color: #4CAF85;
	text-align: center;
	font-weight: bold;
	padding-bottom: 48px;
}
.policy-wrapper{
	margin-bottom: 200px;
}
.wrapper-bottom-min{
	margin-bottom: 50px;
}
.bottom-wrapper-n{
	margin-bottom: 100px;
}

@media screen and (max-width: 896px){
	.policy-main{
		font-size: 32px;
    	line-height: 50px;
		text-align: start;
	}
	.policy-box{
		flex-wrap: wrap;
	}
	.policy-box p{
		flex: unset;
		width: 50%;
	}
	.policy-box p::after{
		width: 170px;
		height: 170px;
		left: -5%;
	}
	.about-table{
		width: 100%;
    	margin: 0;
	}
	.about-table td{
		padding-right: 0;
		padding-left: 10px;
	}
	.about-table th{
		font-size: 18px;
		width: 25%;
		vertical-align: baseline;
	}
	.about-table span{
		padding-left: 0;
	}
	.timeline-date span{
		font-size: 25px;
	}
	.timeline > li{
		margin-bottom: 20px;
	}
	.title-bk{
		padding: 20px 0 10px;
	}
	.declaration-box span{
		padding-left: 0.5rem;
    	margin-left: 0.5rem;
	}
	.common-content-box:last-child{
		margin-left: 21px;
	}
	.bottom-wrapper-n{
		margin-bottom: 50px;
	}
	.about-pic p{
		width: 48%;
	}
	.declaration-box{
		padding-top: 1.5rem;
	}
 .about-pic span{
  padding: 5px 0 20px;
 }
 .about-pic p:nth-child(13) span, .about-pic p:nth-child(14) span{
  padding: 5px 0 20px;
 }
}

@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
	color: #4CAF85;
    margin-right: 40px;
  }
  .timeline-content {
    width: 75%;
    float: left;
/*    border-left: 2px #DEDDDD solid;*/
    padding-left: 30px;
	  padding-bottom: 40px;
  }

	.timeline-content:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #4CAF85;
    position: absolute;
    left: -5px;
    border-radius: 100%;
	  top: 10px;
  }
	.timeline-content{
		position: relative;
	}
.timeline-content{
	position: relative;
}
.timeline li:first-child .timeline-content::before{
	content:"";
   display:inline-block;
   width:2px;
   height:100px;
   background-color:#DEDDDD;
   position:absolute;
   top:15px;
   left:-2px;
}
.timeline li:nth-child(n+2) .timeline-content::before{
	content:"";
   display:inline-block;
   width:2px;
   height:130px;
   background-color:#DEDDDD;
   position:absolute;
   top:0px;
   left:-2px;
}
.timeline li:last-child .timeline-content::before{
	content:"";
   display:inline-block;
   width:2px;
   height:15px;
   background-color:#DEDDDD;
   position:absolute;
   top:0px;
   left:-2px;
}
}

/*ここまで当院について*/


/*発熱外来*/
.tpb {
    margin-bottom: 20px;
    margin-top: 50px;
}
.font-b {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.fo-dis {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.fo-dis p {
    font-size: 15px;
}
.fo-dis li:nth-child(1) {
    width: 40%;
    background-color: #F7F5F2;
}
.fo-dis li:nth-child(2) {
    display: grid;
    align-items: center;
}
.fo-dis li:last-child {
    width: 18%;
}
.fo-dis li:last-child p {
    font-size: 13px;
    text-align: center;
    color: #3EB98F;
    border-bottom: 1px solid #3EB98F;
    margin-top: 5px;
}
.fo-dis li div {
    padding: 25px;
    background-color: #F7F5F2;
}
.fo-dis li div:nth-child(2) {
    margin-top: 20px;
}
.fo-dis li:last-child {
    background-color: #ffffff;
    border: 2px solid #D9D9D9;
    display: grid;
    align-items: center;
}
.fo-dis li:last-child div:last-child {
    background-color: #ffffff00;
}
.fo-dis li:last-child div:last-child img {
    margin: 0 auto;
    width: 80%;
}
.h-title {
    font-size: 22px!important;
    font-weight: bold;
    margin: 10px 0 15px;
}
.dis {
    display: flex;
}
.dis li:nth-child(1) {
    width: 70%;
}
.dis li:nth-child(2) {
    display: flex;
    justify-content: space-around;
}
.dis li:nth-child(2) div {
    width: 40%;
}
.dis li:nth-child(2) img {
    object-fit: contain;
}
.dis li:nth-child(2) p {
    text-align: center;
    color: #3EB98F;
    font-size: 15px;
}



/*------お知らせ---------*/
.news-detail {
    font-size: 23px;
}
.h2-time {
   padding-left: 3.3%;
    margin-bottom: 10px;
    font-size: 13px;
    color: rgb(62 185 143 / var(--tw-text-opacity));
}
.h2-time .badge {
    width: 110px;
    padding: 4px;
    font-size: 11px;
    margin-left: 10px;
}
.n-img img {
    float: left;
    margin-right: 20px;
    margin-bottom: 100px;
}
.n-img img:last-child {
    margin-right: 0;
}


    
    /*------外来-------*/
    .tab-content .badge {
        width: 100%;
        font-size: 11px;
    }



@media all and (max-width: 1600px) {
    .w-low {
        display: block;
    }
    .pink-leaflet-box .btn-download {
        width: 200px;
    }
}

@media all and (max-width: 896px) {
    .lower-container {
        width: 90%;
    }
    .lower-contents {
        width: 100%;
        border-left-width: 0;
        padding-top: 40px;
    }
    .side-menu {
        display: none;
    }
    
    
    /**/
    .ambulatory-times-box {
        display: block;
        margin-bottom: 50px;
    }
    .ambulatory-div > div {
        width: auto;
    }
    .ambulatory-div > img {
        width: 100%;
    }
    h7 {
        font-size: 16px;
        padding: 0 0 15px 10px;
    }
    h7::before {
        height: 28px;
        top: 0;
        left: -11px;
    }
    .h2 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 15px;
    }
    
    /**/
    .d-incharge > ul {
        display: block;
    }
    .d-ul {
        display: block;
    }
    .d-img {
        width: 100%;
    }
    .d-img img {
        width: 100%;
    }
    .d-detail p:first-child {
        margin-right: 30px;
        font-size: 14px;
        font-weight: bold;
    }
    .pdf-box a {
        padding: 11px 40px 11px 13px;
        font-size: 13px;
    }
    .common-content-box:last-child {
        margin-left: 0;
    }
    
    
    h2 {
        font-size: 20px;
        padding-left: 0;
        padding-bottom: 15px;
        margin-bottom: 25px;
     line-height: 1.5;
    }
    h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    h2 img {
        width: 10%;
    }
 h2#overview img{
  width: auto;
  margin: -5px 15px 0 0!important;
  height: 35px;
 }
    p {
        font-size: 14px;
        font-weight: normal;
    }
    .lower-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    
    .philosophy-box {
        display: block;
    }
    .philosophy-box > img {
        width: 90%;
        margin: 0 auto;
    }
    .philosophy-box > div {
        display: block;
        width: auto;
        margin-top: 30px;
    }
    .philosophy-box > div > div:nth-child(2) {
        margin-top: 20px;
    }
    .list-no-mb > li {
        font-size: 14px;
    }
    .wrapper-box {
        padding-left: 0;
    }
    .content .common-content-box {
        margin-bottom: 0;
        padding: 30px;
    }
    .common-content-box {
        display: block;
    }
    .common-content-box > div {
        width: auto;
    }
    .common-content-box > img {
        width: auto;
        margin-top: 20px;
		margin-bottom: 10px;
    }
    .bottom-wrapper,
    .philosophy-box,
    .lower-wrapper {
        margin-bottom: 50px;
    }
    .lower-container {
        display: block;
    }
    .steps-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .card-steps-image {
        display: none;
    }
    
    /*------外来-------*/
    .ambulatory-times-box > div {
        width: 100%;
    }
    .ambulatory-times {
        display: block;
    }
    .ambulatory-times > p {
        display: none;
    }
    .ambulatory-times > div {
        width: 100%;
        padding-left: 0;
        border-left-width: 0;
    }
    .ambulatory-times > div > div:first-child,
    .ambulatory-times > div > div:nth-child(2) {
        display: block;
    }
    .ambulatory-times > div > div:nth-child(2) {
        margin-top: 10px;
    }
    .ambulatory-times-title {
        width: auto;
        text-align: left;
    }
    .ambulatory-times-contents {
        width: 100%;
        padding: 10px 0;
    }
    .ambulatory-times > div > div:first-child {
        border-bottom-width: 0;
    }
    .round-label-accent {
        border-radius: 20px;
    }
    .ambulatory-times-box > img {
        width: 100%;
    }
    .card-steps.card-steps-twin > div {
        display: block;
    }
    .card-steps.card-steps-twin {
        padding: 0;
    }
    .tab-group {
        display: flex;
        flex-wrap: wrap;
    }
 .tab-group > .tab{
  max-width: unset;
  line-height: 1.4;
  text-align: left;
  padding: 10px 20px;
  font-size: 14px;
 }
    .panel.is-show {
        white-space: nowrap;
        overflow: scroll;
    }
    .schedule-box .panel.is-show {
        overflow: inherit;
    }
    .ambulatory-department-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0;
    }
    .ambulatory-department-card {
        width: 47%;
        border-radius: 0;
        padding: 12px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }
    .ambulatory-department-card > div {
        line-height: 16px;
    }
    .ambulatory-department-card > div > img:first-child {
        display: none;
    }
    .ambulatory-department-card > div > img:nth-child(3) {
        display: none;
    }
    .ambulatory-department-card > p {
        display: none!important;
    }
    .ambulatory-department-card > div > div > p:first-child {
        font-size: 12px;
        color: #3EB98F;
        line-height: 20px;
    }
    .ambulatory-department-card > div > div > p:nth-child(2) {
        font-size: 12px;
        margin-top: 5px;
    }
    #department01 {
        z-index: -1;
    }
    
.d-incharge > ul li{
        width: 100%;
    }
    .d-incharge > ul li:first-child, .d-incharge > ul li:nth-child(2) {
        margin-bottom: 50px;
    }    
    
    /*------トップページ-------*/
    .hero-area {
     height: 530px;
     top: 50px;
    }
    .hero-copy-box {
     height: 380px;
     width: 100%;
     --tw-backdrop-blur: blur(1px);
    }
    .hero-copy-box > img {
     padding-right: 30%;
     padding-left: 8%;
     padding-top: 25%;
    }
    .hero-slide {
        height: 380px;
    }
    .frequently-viewed-pages-box {
     width: 90%;
     height: fit-content;
     top: 63%;
     padding: 35px;
     display: block;
    }
    .frequently-viewed-pages-box > div:first-child {
        text-align: center;
        border-right-width: 0;
        border-bottom-width: 1px;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .frequently-viewed-pages-box > div:nth-child(2) {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 30px;
    }
    .icon-circle-lg {
        margin-bottom: 5px!important;
    }
    .btn-frequently {
        display: block;
        width: 45%;
        text-align: center;
    }
    .icon-circle-lg {
        margin: 0 auto;
    }
    .btn-frequently > span:not(.icon-circle-lg) {
        font-size: 11px;
    }
 .section-container-color {
  padding-top: 250px;
 }
    .news-list-box {
        display: block;
     padding-left: 0;
     padding-right: 0;
    }
    .card-news-body {
        display: block;
        padding: 15px 15px 10px;
    }
 .card-news-date{
  align-items: baseline;
 }
 .card-news-title{
  font-size: 14px;
  margin: 5px 0 0;
 }
 .card-news-body .badge{
  width: 120px;
  font-size: 12px;
 }
    .card-news-list {
        height: auto;
        padding-left: 0;
    }
    .top-reception-box {
        display: block;
        padding-left: 0;
        padding-top: 0;
    }
    .top-reception-box > div:first-child {
        width: 100%;
        margin-bottom: 50px;
    }
    .top-reception-table-box {
        padding: 30px;
        white-space: nowrap;
        overflow: scroll;
    }
    .top-reception-box > div:nth-child(2) {
        width: 100%;
    }
    .top-white-box {
        border-width: 0;
        padding: 0;
        background-color: snow;
    }
    .section-container-color {
        padding-bottom: 50px;
    }
    .section-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt {
        padding-top: 50px;
    }
    .news-list:nth-child(2) {
        margin-top: 45px;
    }
    .hospital-department-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px;
     padding-left: 0;
     padding-right: 0;
    }
    .department-card {
        padding: 10px;
        width: 47%;
    }
    .department-card > img {
        display: none;
    }
    .department-card > div > p:first-child {
        font-size: 13px;
        color: #3EB98F;
    }
    .department-card > div > p:nth-child(2) {
        font-size: 10px;
    }
    .top-pickup-newsletter-area {
        display: block;
     padding: 0;
    }
    .top-pickup-box {
        width: 100%;
        padding-right: 0;
    }
    .newsletter-box {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-left-width: 0;
        border-right-width: 0;
        margin-top: 50px;
    }
    .optout-box {
        width: 100%;
        padding-left: 0;
        margin-top: 50px;
    }
    .top-pickup-box > div,
    .newsletter-box > div,
    .optout-box > div {
        gap: 25px;
    }
    .pl-pr {
     padding-left: 28px;
     padding-right: 28px;
    }
    .top-pickup-list {
        display: block;
    }
    .card-pickup2 {
        display: none;
    }
    .badge {
        width: 100px;
        font-size: 9px;
    }
    .card-news-list {
        gap: 0;
    }
    
    
    
    /*------居宅介護支援事業部-------*/
    .philosophy-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .card-steps > span {
        width: 70px;
        height: 70px;
        font-size: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .card-steps {
        display: block;
        padding: 50px 20px 20px;
    }
    .card-steps-body {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .card-steps-body > p:first-child {
        text-align: center;
    }
    .steps-arrow {
        height: 20px;
    }
    .steps-arrow img {
        display: none;
    }
    .download-btn-list {
        flex-wrap: wrap!important;
        row-gap: 15px;
        margin-top: 10px;
    }
 .s-riha-btn .download-btn-list{
  margin: 10px 0 0;
 }
 .s-riha-btn .download-btn-list a{
  text-align: left;
  line-height: 1.4;
  font-size: 14px;
 }
    .download-btn-list > .btn {
        width: 100%;
        font-size: 14px;
    }
    
    
    /*------放射線室-------*/
    .wrapper-side {
        padding-left: 0;
        padding-right: 0;
    }
    .title-green {
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 0;
    }
    .room-top div {
        padding-bottom: 0;
        margin-top: 30px;
    }
    .common-content-box {
        margin-bottom: 50px;
    }
    .dot-list {
        display: block;
        padding-left: 22px;
    }
    .dot-list li {
        line-height: inherit;
    }
    .back-brown {
        margin: 0;
        border-radius: 0;
        padding: 30px;
    }
    .room-btm div {
        padding-bottom: 20px;
    }
    .room-btm-img {
        width: auto;
    }
    .wb-img {
        white-space: nowrap;
        overflow: scroll;
    }
    
    
    /*------栄養管理室-------*/
    .pl-text-box {
        margin-bottom: 50px;
        padding-left: 0;
    }
    
    
    /*------リハビリテーション-------*/
    .acc-btn {
        padding: 1rem;
        font-size: 16px;
    }
    .accordion-list {
        padding-left: 0;
        margin-bottom: 50px;
    }
    .acc-panel-inner {
        padding: 30px;
    }
    .acc-panel-flex {
        display: block;
    }
    .acc-panel-flex > div {
        width: auto;
    }
    .acc-panel-flex > img {
        width: auto;
        margin-top: 20px;
    }
    
    
    /*------短時間リハビリテーション-------*/
    .fee-table-box {
        padding-left: 0;
    }
    .bottom-wrapper-m {
        margin-bottom: 50px;
    }
    .wrapper-fee-table {
        overflow: scroll;
        white-space: nowrap;
    }
    .fee-table th, 
    .fee-table td, 
    .fee-table2 th, 
    .fee-table2 td {
        padding: 20px;
    }
    
    
    /*------薬局-------*/
    .title {
        padding: 1rem 2.5rem 1rem 1rem;
    }
    .download-btn-list > .btn {
        line-height: 25px;
        border-radius: 30px;
    }
    .ph-btn-contents {
        margin-bottom: 50px;
    }
    .ph-btn {
        margin-top: 30px;
    }
    .download-btn-list > .btn span {
        width: 80%;
    }
    
    
    /*------地域医療連携室-------*/
    .introduction-box img {
        position: relative;
        top: 0;
        width: 80%;
        margin: 0 auto;
    }
    
    .w-box {
        padding: 30px;
    }
    .dis-f {
        display: block;
    }
    .dis-f li {
        width: 100%;
        margin-bottom: 20px;
    }
    .dis-f li img {
        width: 100%;
    }
    .te-fx {
        margin-top: 10px;
        margin-left: 0;
    }
    .a-introduction {
        width: 100%;
        background-color: #FFFFFF00;
        padding: 0;
        margin-top: 20px;
    }
    .bg-g {
        width: 30px;
        padding: 30px;
        top: -5%;
        left: 0;
    }
    .introduction-title {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: bold;
    }
    .i-name {
        text-align: center;
        margin-bottom: 30px;
    }
    .i-name p {
        font-size: 20px;
        font-weight: bold;
    }
    
    
    
    /*------発熱外来-------*/
    .fo-dis {
        display: block;
    }
    .fo-dis li:nth-child(1) {
        width: 100%;
    }
    .fo-dis li:last-child {
        width: 100%;
        margin-top: 20px;
    }
    .fo-dis li:nth-child(2) {
        margin: 10px 0;
    }
    .fo-dis li:nth-child(2) img {
        margin: 0 auto;
        transform: rotate(90deg);
    }
    .fo-dis li:last-child div:last-child img {
        width: 50%;
    }
    .dis {
        display: block;
    }
    .dis li:nth-child(1) {
        width: 100%;
        margin-bottom: 10px;
    }
    
    
    
    /*------がん化学療法-------*/
    .cancer-content-box {
        display: block;
    }
    .cancer-content-box > div:first-child {
        width: 100%;
        border-right-width: 0;
    }
    .cancer-content-box > div:nth-child(2) {
        width: 100%;
    }
    .mt {
        margin-bottom: 70px;
    }
	.medication-period{
		padding-top: 200px;
    	margin-top: -200px;
	}
	@media (max-width: 896px){
		.medication-period{
			padding-top: 120px;
			margin-top: -120px;
		}
	}
	
    
    
    /*------入院・お見舞い-------*/
    .dl-contents {
        display: block;
    }
	.lower-wrapper .dl-contents div:first-child{
		width: 100%;
	}
    
    
    /*------健診-------*/
    .medical-office-box > div {
        display: block;
    }
    .medical-office-box > div > div:first-child {
        border-right-width: 0;
        border-bottom-width: 1px;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .scll {
        white-space: nowrap;
        overflow: scroll;
    }
    .medical-contents-table > tbody th:first-child {
        padding: 30px;
    }
    .medical-contents-table > tbody td {
        padding: 30px;
    }
    .medical-contents-table > thead th, 
    .medical-contents-table > tfoot th {
        padding: 30px;
    }
    
    
    
    /*------なでしこ日向-------*/
    .pnk {
        color: #FF9BB5;
        font-size: 20px;
    }
    .check-icon-list {
        display: flex;
        flex-wrap: wrap;
    }
    .check-icon-list > li > span {
        line-height: 20px;
    }
    .pink-support-list {
        display: flex;
        flex-wrap: wrap;
    }
    .pink-support-card {
        display: block;
    }
    .pink-support-icon {
        width: 100%;
        margin: 0 auto 20px;
    }
    .pink-support-body {
        width: 100%;
        padding-right: 0;
        padding: 0 30px;
    }
    .pink-support-body > p:first-child {
        text-align: center;
        font-size: 20px;
    }
    .pink-access-box {
        display: block;
    }
    .pink-access-map {
        width: 100%;
        height: 215px;
        margin-bottom: 30px;
    }
    .pink-map-image {
        width: 100%;
    }
    .pink-leaflet-box {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }
    .pink-leaflet-box > div:first-child {
        padding-right: 0;
        border-right-width: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pink-leaflet-box > div:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
        border-right-width: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pink-leaflet-box > div:nth-child(3) {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 0;
    }
    .pink-leaflet-title {
        margin-bottom: 8px;
        font-size: 20px;
    }
    .btn {
        font-size: 13px;
    }
 .pink-leaflet-box .btn{
  font-size: 12px;
 }
    .pink-address-box {
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .pink-address-box > div:first-child {
        display: block;
    }
    .pink-address-box > div:nth-child(2) {
        display: block;
        padding-left: 0;
        padding-right: 0;
        padding: 10px 0 0;
    }
    .pink-address-box img {
        width: 80%;
        margin: 0 auto 20px;
    }
    .pink-tel {
        padding-right: 0;
        border-right-width: 0;
    }
    .pink-fax {
        padding-left: 0;
        padding-right: 0;
        border-right-width: 0;
    }
    .pink-date-time {
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .pink-address-box > div > p:nth-child(1) {
        line-height: 22px;
        margin: 10px 0;
    }
    
    
    
    /*------お知らせ-------*/
    .card-news > div {
        width: 85%;
    }
    .news-detail {
        font-size: 20px;
        line-height: 30px;
    }
    .n-img img {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    
    
    
    /*------交通アクセス-------*/
    .access-map-box {
        display: block;
    }
    .access-map-box > div:first-child {
        width: 100%;
    }
    .access-map-box > div:nth-child(2) {
        width: 100%;
        gap: 20px;
        margin-top: 30px;
    }
    
    
    
    
    /*-------------*/
    .schedule-box .tab-area {
        white-space: nowrap;
        overflow: scroll;
    }
    
    
    /*-------------*/
    .pc {
        display: none!important;
    }
    .sp {
        display: block!important;
    }
    main {
        padding-top: 0;
    }
    
    
    /*------header-------*/
    .important-notice-wrapper,
    .header-main-menu,
    .header-contents > div {
        display: none;
    }
    .important-notice-box {
        height: 0;
    }
    .btn-menu {
        width: 90px;
        height: 100px;
    }
    .header-contents {
        height: 100px;
    }
    .header-contents img {
        width: 70%;
     max-width: 400px;
    }
    .nav-menu {
        top: 99px;
        height: calc(116vh - 235px);
    }
    .nav-menu-wrapper {
        padding-top: 35px;
        padding-bottom: 25px;
    }
    .header-nav {
        display: block;
    }
    
    
    
    /*------header2-------*/
    .lower-heading-wrapper {
        height: 210px;
    }
    .lower-heading-wrapper > div {
        padding-top: 120px;
    }
    .h1-title {
        gap: 10px;
    }
    .h1-title > p {
        font-size: 25px;
    }
    .lower-heading > img {
        top: 80px;
        height: 120px;
        width: 75%;
        object-fit: cover;
    }
    
    
    
    
    /*------header-nav-------*/
    .pc-s {
        display: none;
    }
    .title-z {
        display: flex;
        border: none;
        background: none;
    }
    .title-z img {
        padding-right: 10px;
    }
    .sp-h input[type="checkbox"]:checked img {
        transform: rotate( -90deg );
    }
    .nav-title-link.only-title {
        margin-bottom: 0;
    }
    .header-nav-col {
        display: block;
    }
    .toggle:checked + .title + .content {
/*        border: none;*/
    }
    .anchor_link-list {
        display: none;
        padding-top: 10px;
        padding-left: 30px;
    }
    .wrapper-box {
/*        margin-bottom: 0;*/
    }
    .title::after,
    .title::before {
/*        content: none;*/
    }
    .nav-title-link > img {
        height: 15px;
        width: 15px;
    }
    .par {
        padding-right: 10px;
    }
    .dis-a {
        display: flex;
        align-items: center;
    }
    
    
    
    /*------footer-------*/
    .footer-map-contact-box {
        display: block;
    }
    .footer-contact {
        height: 180px;
    }
    .footer-contents {
     padding: 30px 28px 0;
    }
    .footer-contact > div {
        padding-right: 0;
        gap: 5px;
    }
    .footer-map,
    .footer-nav {
        display: none;
    }
    .footer-company {
        width: 100%;
    }
    .footer-company > address {
        line-height: 25px;
        padding: 0 20px;
    }
 .footer-company > address + a{
  font-size: 14px;
  text-decoration: underline;
  color: #4CAF85;
  font-weight: bold;
  padding: 0px 20px;
  width: fit-content;
 }
    .p-p {
        text-align: center;
        padding: 0 20px;
    }
    h5 > p {
        font-size: 20px;
    }
    .footer-contact > div > a > span:nth-child(2) {
        font-size: 24px;
    }
    .header-banner-list {
        display: flex;
        max-width: none;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        margin-top: 30px;
    }
    .header-banner {
        width: 47%;
    }
 .floor-map-area{
  overflow: scroll;
 }
 .floor-map{
  padding-bottom: 0px;
  max-width: 800px;
 }
 .d-incharge > ul li{
  width: 100%;
 }
 .d-ul .d-img div{
  width: 100%;
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 10px;
 }
/*
 .d-incharge > ul li:first-child, .d-incharge > ul li:nth-child(2) {
  margin-bottom: 0px;
 }
*/
.d-incharge > ul li:first-child {
  margin-bottom: 0px;
 }
 .box-bottom{
  margin-bottom: 0px;
 }
}
@media (min-width:768px) and (max-width: 1441px){
 .side-title > span:first-child{
  font-size: 26px;
 }
}

.pp-link{
 font-size: 14px;
 text-decoration: underline;
 letter-spacing: 0.01rem;
 margin: 0;
 font-weight: bold;
 display: block;
 color: rgb(62 185 143 / var(--tw-text-opacity));
}
@media print {
 header,footer,
 .nav-menu{
  display: none;
 }
}
.cf-banner-area,
.cf-banner-area2{
 position: fixed;
 z-index: 100;
 width: 19%;
 right: 1%;
 bottom: 24%;
}
.cf-banner-area > div,
.cf-banner-area2 > div{
 position: relative;
}
.cf-banner-area > div > div,
.cf-banner-area2 > div > div{
 position: absolute;
 right: 4%;
 top: 4%;
 width: 12%;
}
.cf-banner-area.hidden,
.cf-banner-area2.hidden{
 opacity: 0;
}
.cf-banner-area2{
 display: none;
}
@media (max-width: 896px){
 .cf-banner-area{
  display: none!important;
 }
 .cf-banner-area2{
  display: block;
 }
 .cf-banner-area2{
  width: 60%;
  right: 4%;
  bottom: 2%;
 }
}
.sp.foa-link-list{
 display: none!important;
}
@media (max-width: 896px){
 .sp.foa-link-list{
  display: flex!important;
  justify-content: space-between;
  text-align: center;
  margin: 15px auto 10px;
 }
 .sp.foa-link-list a{
  color: rgb(62 185 143 / var(--tw-text-opacity));
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
  border: solid 2px;
  border-radius: 10px;
  border-color: rgb(62 185 143 / var(--tw-text-opacity));
  padding: 10px 15px;
  background-color: #fff;
 }
 .sp.foa-link-list a span{
  font-weight: bold;
  color: rgb(211 89 89 / var(--tw-text-opacity));
 }
 #fo02{
  margin-top: -120px;
  padding-top: 70px;
 }
}
.spr-tbl table{
 width: 100%;
}
.spr-tbl table th,
.spr-tbl table td{
 padding: 10px;
 border: solid 2px #eee;
}
.spr-tbl table th{
 background: rgb(238 238 238 / var(--tw-bg-opacity));
}
.spr-tbl table tr td:first-child{
 text-align: center;
}
.spr-tbl table + h3{
 margin-top: 50px;
}
.uninsured-tbl{
 display: flex;
 justify-content: space-between;
 gap: 30px;
}
.uninsured-tbl table{
 width: 100%;
}
.uninsured-tbl table .ut-title{
 writing-mode: vertical-rl;
 letter-spacing: 1rem;
 text-align: center;
 width: 1%;
}
.uninsured-tbl table th,
.uninsured-tbl table td{
 padding: 10px;
 border: solid 2px #eee;
}
.uninsured-tbl table th{
 background-color: #eee;
}
.uninsured-tbl tr td:last-child{
 text-align: right;
}
@media (max-width: 896px){
 .uninsured-tbl{
  display: block;
 }
 .uninsured-tbl tr th:last-child{
  width: 32%;
 }
}
.regimen h3{
 display: flex;
 align-items: center;
}
.regimen h3 a{
 display: block;
 width: fit-content;
 margin: 0 0 0 50px;
 background-color: #4CAF85;
 color: #fff;
 padding: 16.5px 59.5px 16.5px 24.5px;
 border-radius: 26px;
 font-size: 15px;
 letter-spacing: 0.01rem;
 line-height: 1;
 transition: .3s;
 position: relative;
}
.regimen h3 a:after{
 position: absolute;
 content: "";
 width: 15px;
 height: 15px;
 background-image: url(http://hyuga.saiseikai.or.jp/wp/wp-content/themes/hyuga/images/icons/white-download.svg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 right: 25px;
 top: -1px;
 bottom: 0;
 margin: auto;
}
.lower-wrapper .dx-file{
 display: block;
    width: fit-content;
    margin: 30px 0 0;
    background-color: #4CAF85;
    color: #fff;
    padding: 16.5px 59.5px 16.5px 24.5px;
    border-radius: 26px;
    font-size: 15px;
    letter-spacing: 0.01rem;
    line-height: 1;
    transition: .3s;
    position: relative;
}
.lower-wrapper .dx-file::after{
 position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(http://hyuga.saiseikai.or.jp/wp/wp-content/themes/hyuga/images/icons/white-download.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    right: 25px;
    top: -1px;
    bottom: 0;
    margin: auto;
}


.h3-box {
	margin-top: 60px;
}
.txt-right {
	text-align: right;
}
.graph {
	text-align: left;
}
.graph th {
	padding: 15px 30px;;
	border: solid 2px #eee;
}

.nadeshiko-box {
	width: 50%;
}
.nadeshiko-box img {
	width: 100%;
}
.back-gr {
	background-color: #dadada;
}
.txt-center {
	text-align: center;
}
.font-14 {
	font-size: 14px;
}
.wh-size {
	width: 20%;
}


@media all and (max-width: 896px) {
	.white-s {
		white-space: normal!important;
	}
	.nadeshiko-box {
		width: 100%;
	}
	.scroll {
		overflow-x: scroll;
	}
	.scroll table {
		white-space: nowrap;
	}
	
}

.js .tmce-active .wp-editor-area {
	color: #000!important;
}


.acp-box {
	display: flex;
	justify-content: space-between;
}
.acp-box img {
	width: 47%;
}


.tr-txt {
	text-align: left!important;
    font-size: 14px;
    border: none!important;
}
.news-txt .f-bold {
	font-weight: bold;
}
.news-txt a {
	display: inline-block;
    margin-top: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #3F51B5;
    border-bottom: 2px solid;
}
.red {
	color: #DD3B3D;
}