@charset "utf-8";

/*================================================
  long-term-care
================================================*/

/*read*/
.read-img-title {
  max-width: 466px;
}

.read-pic-svg {
  mask-image: url(../../image/long-term-care/read_pic_path.svg);
	-webkit-mask-image:url(../../image/long-term-care/read_pic_path.svg);
}

.read-pic::after {
  content: "";
  display: block;
  position: absolute;
  width: 165px;
  height: 140px;
  background-image: url(../../image/long-term-care/read_bg_img.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -140px;
  left: 0;
}

@media print, screen and (min-width: 769px) {
  .read-pic {
    width: 70%;
  }
  .read-pic::after {
    width: 325px;
    height: 278px;
  }
}
@media print, screen and (min-width: 1200px) {
  .read-pic::after {
    bottom: -90px;
    left: -210px;
  }
}

/*------------------------------------------------
one-day
------------------------------------------------*/

.one-day {
  /* background-color: var(--color-long-term-light); */
}
.one-day.section-top-round::before {
  background-color: var(--color-long-term-light);
}


.one-day-list-item::before {
  background-image: url(../../image/long-term-care/dotted.svg);
}

.one-day-list-item-time {
  color: var(--color-long-term);
}

/*------------------------------------------------
  events
------------------------------------------------*/

.events {
  /* background-color: var(--color-white); */
  background-color: var(--color-long-term-light);
}
.events.section-top-round::before {
  background-color: var(--color-white);
}
.speech-bubble {
  text-align: center;
  margin-top:  calc(var(--layout-gap)*2) ;
}
.speech-bubble span {
  color: var(--color-long-term);
  text-align: center;
  font-size: clamp(1.6rem, 1.48rem + 0.6vw, 2.2rem);
  padding: 1em 2em ;
  font-weight: 900;
  display: inline-block;
  width: auto;
  border-radius: 60px;
  border: 2px solid var(--color-long-term);
  position: relative;
}
.speech-bubble span::before {
  content: "";
  display: block;
  position: absolute;
  top:-30px;
  border-style: solid;
  border-width: 15px 20px;
  border-color: transparent transparent var(--color-long-term) transparent;
  left: 50%;
  transform: translateX(-50%);
}


/*------------------------------------------------
facility
------------------------------------------------*/

.facility {
  /* background-color: var(--primary-bg-color); */
  background-color: var(--color-white);
}
.facility.section-top-round::before {
  background-color: var(--primary-bg-color);
}

/*------------------------------------------------
  pdf-dl
------------------------------------------------*/

.pdf-dl {
  background-image: url(../../image/long-term-care/pdf_dl_bg.jpg);
}
.pdf-link-item > a::after {
  background-image: url(../../image/common/icon_pdf_long_term.svg);
}
.pdf-link-item > a {
  color: var(--color-long-term);
}

.pdf-link-item > a:hover {
  background-color: var(--color-long-term);
}


/*入所申込*/
.application {
  background-color: var(--color-white);
  border-radius: 20px;
  padding: 20px;
  margin-top: 40px;
}

.application .pdf-dl-title {
  color: var(--color-long-term);
  margin-bottom: 20px;
}

.application p {
  margin-bottom: 40px;
}

.application .pdf-link-item > a::after {
  background-image: url(../../image/common/icon_pdf_white.svg);
}

.application .pdf-link-item > a {
  color: var(--color-white);
  background-color: var(--color-long-term);
}

.application .pdf-link-item > a:hover {
  color: var(--color-long-term);
  background-color: var(--color-white);
  box-shadow: 0 0 20px -5px var(--color-long-term);
}
.application .pdf-link-item > a:hover::after {
  background-image: url(../../image/common/icon_pdf_long_term.svg);
}

@media print, screen and (min-width: 769px) {
  .application {
    border-radius: 30px;
    padding: 40px;
    margin-top: 60px;
  }
  .application .pdf-dl-title {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 1200px) {
  .application {
    padding: 60px;
  }
}