@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
変数
----------------------------------------*/
/*----------------------------------------
サイト共通 スタイルシート
----------------------------------------*/
.pageHeader {
  background: url(images/pageMainImg.jpg) no-repeat right 30% center/auto 100%;
}
@media screen and (min-width: 590px) {
  .pageHeader {
    background: url(images/pageMainImg.jpg) no-repeat right center/cover;
  }
}

/* 利用者様の声
---------------------------------------------- */
.voiceContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 899px) {
  .voiceContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 900px) {
  .voiceContainer {
    gap: 40px;
  }
}
.voiceContainer .voiceBox {
  background-color: #FFFFFF;
  border-radius: 16px;
}
@media screen and (min-width: 900px) {
  .voiceContainer .voiceBox {
    width: calc((100% - 40px) / 2);
  }
}
.voiceContainer .voiceHead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  font-weight: bold;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 4px 40px;
  margin-right: auto;
}
.voiceContainer .voiceHead.female {
  background-color: var(--colorSub);
  -webkit-box-shadow: 0.16em 0.16em 0 0 rgb(239, 226, 232);
          box-shadow: 0.16em 0.16em 0 0 rgb(239, 226, 232);
}
.voiceContainer .voiceHead.male {
  background-color: #61A6E2;
  -webkit-box-shadow: 0.16em 0.16em 0 0 rgb(205, 214, 221);
          box-shadow: 0.16em 0.16em 0 0 rgb(205, 214, 221);
}
.voiceContainer .voiceBoxInner {
  display: grid;
  grid-template-areas: "icon title" "icon text";
}
@media screen and (max-width: 899px) {
  .voiceContainer .voiceBoxInner {
    grid-template-columns: 56px auto;
    -webkit-column-gap: 4%;
       -moz-column-gap: 4%;
            column-gap: 4%;
    row-gap: 8px;
    padding: 1em 16px 1.6em;
  }
}
@media screen and (min-width: 900px) {
  .voiceContainer .voiceBoxInner {
    grid-template-columns: 80px auto;
    -webkit-column-gap: 5.4%;
       -moz-column-gap: 5.4%;
            column-gap: 5.4%;
    padding: 1em 40px 1.8em;
  }
}
.voiceContainer .voiceBoxInner .icon {
  grid-area: icon;
}
@media screen and (max-width: 899px) {
  .voiceContainer .voiceBoxInner .icon .image {
    width: 56px;
    height: 56px;
  }
}
@media screen and (min-width: 900px) {
  .voiceContainer .voiceBoxInner .icon .image {
    padding-top: 0.5em;
    width: 80px;
    height: 80px;
  }
}
.voiceContainer .voiceBoxInner .voice {
  grid-area: title;
  font-size: 1.15em;
  font-weight: bold;
}
.voiceContainer .voiceBoxInner .text {
  grid-area: text;
}

/* 導入施設の声
---------------------------------------------- */
@media screen and (max-width: 899px) {
  #introFacilities {
    margin-top: 72px;
  }
}
@media screen and (min-width: 900px) {
  #introFacilities {
    margin-top: 144px;
  }
}

.introFacilitiesContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.introFacilitiesContainer .introFacilitiesBox {
  background-color: #FFFFFF;
  border-radius: 16px;
}
.introFacilitiesContainer .introFacilitiesHead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  font-size: 1.11em;
  font-weight: bold;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 4px 40px;
  margin-right: auto;
  background-color: #563644;
  -webkit-box-shadow: 0.16em 0.16em 0 0 rgb(226, 97, 154);
          box-shadow: 0.16em 0.16em 0 0 rgb(226, 97, 154);
}
.introFacilitiesContainer .introFacilitiesBoxInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 899px) {
  .introFacilitiesContainer .introFacilitiesBoxInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
  }
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner {
    gap: 2.4%;
    padding: 24px 2.9% 40px;
  }
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .imageArea {
    width: 49%;
  }
}
.introFacilitiesContainer .introFacilitiesBoxInner .imageArea .image {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .imageArea .image {
    height: 100%;
  }
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .imageArea .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .textArea {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .name {
  font-weight: 700;
  font-family: var(--fontJP);
  line-height: 1.75;
  padding-bottom: 0.75em;
  border-bottom: 1px solid var(--colorBorder);
}
@media screen and (max-width: 899px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .textArea .name {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .textArea .name {
    font-size: 2rem;
  }
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .text {
  padding-top: 1.5em;
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info {
  background-color: rgba(226, 97, 154, 0.1);
}
@media screen and (max-width: 899px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .textArea .info {
    padding: 16px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 900px) {
  .introFacilitiesContainer .introFacilitiesBoxInner .textArea .info {
    padding: 24px 3.8%;
    margin-top: 40px;
  }
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info .title {
  color: var(--colorSub);
  font-weight: bold;
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1em;
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl dt,
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl dd {
  padding: 4px 0;
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl dt {
  width: 5em;
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl dd {
  width: calc(100% - 5em);
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl span {
  display: inline-block;
}
.introFacilitiesContainer .introFacilitiesBoxInner .textArea .info dl a {
  display: inline-block;
  text-decoration: underline;
}/*# sourceMappingURL=voice.css.map */