@charset "utf-8";

/* アバウト */
.s-headingSection {
  background: var(--c-bg-navy);
}

.s-headingSection--inner {
  text-align: center;
}

.s-heading {
  font-family: var(--ff-noto-serif);
  font-weight: 500;
  color: var(--c-navy);
  letter-spacing: .05em;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .s-heading {
    font-size: var(--fz-40);
    margin-bottom: var(--spc-10);
  }

  .s-headingSection__txt {
    font-size: var(--fz-22);
  }
}

@media screen and (max-width: 767px) {
  .s-heading {
    font-size: var(--fz-30);
    margin-bottom: var(--spc-20);
  }

  .s-headingSection__txt {
    font-size: var(--fz-16);
  }
}

/* Genuineの使命 */

.s-missionSection__list {
  display: grid;
}

.s-missionSection__list li {
  border: 2px solid var(--c-navy);
  border-radius: 10px;
  padding: var(--spc-20);
}

.s-missionSection__list--ttl {
  text-align: center;
  font-size: var(--fz-18);
  font-family: var(--ff-noto-serif);
  margin-bottom: var(--spc-10);
  color: var(--c-navy);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .05em;
}

.s-missionSection__list--txt {
  font-size: var(--fz-16);
}

@media screen and (min-width: 768px) {
  .s-missionSection__list {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spc-20);
  }

}

@media screen and (max-width: 767px) {
  .s-missionSection__list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spc-15);
  }

}

/* 現在の医療・介護情報の課題 */

.s-heading__catch {
  font-size: var(--fz-16);
  margin-bottom: var(--spc-50);
}

.s-assignSection__list li {
  background: var(--c-bg-navy);
  padding: var(--spc-20);
  border-left: 18px solid var(--c-navy);
}

.s-assignSection__list--ttl {
  font-family: var(--ff-noto-serif);
  margin-bottom: var(--spc-10);
  color: var(--c-navy);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .05em;
}

.s-assignSection__list--txt {
  line-height: 1.8;
}

@media screen and (min-width: 768px) {
  .s-heading__catch {
    text-align: center;
  }

  .s-assignSection__list li:not(:last-child) {
    margin-bottom: var(--spc-10);
  }

  .s-assignSection__list--ttl {
    font-size: var(--fz-22);
  }

  .s-assignSection__list--txt {
    font-size: var(--fz-16);
  }

}

@media screen and (max-width: 767px) {
  .s-assignSection__list li:not(:last-child) {
    margin-bottom: var(--spc-15);
  }

  .s-assignSection__list--ttl {
    font-size: var(--fz-20);
  }

  .s-assignSection__list--txt {
    font-size: var(--fz-16);
  }

}

/* 評価の方法 */
.s-evaluationSection {
  background: var(--c-bg-navy);
}

.s-evaluationSection__list {
  display: grid;
}

.s-evaluationSection__list li {
  background: var(--c-white);
  padding: var(--spc-40);
  border-radius: 10px;
}

.s-evaluationSection__list--ttl {
  text-align: center;
  font-family: var(--ff-noto-serif);
  margin-bottom: var(--spc-10);
  color: var(--c-navy);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .05em;
  padding-bottom: var(--spc-5);
  border-bottom: 4px solid var(--c-navy);
}

.s-evaluationSection__list--catch {
  background: var(--c-bg-navy);
  border-radius: 6px;
  padding: var(--spc-5);
  text-align: center;
  font-size: var(--fz-18);
  font-family: var(--ff-noto-serif);
  color: var(--c-navy);
  font-weight: 600;
  margin-bottom: var(--spc-20);
  line-height: 1.4;
}

.s-evaluationSection__list--txt {
  font-size: var(--fz-16);
}

@media screen and (min-width: 768px) {
  .s-evaluationSection__list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spc-20);
  }

  .s-evaluationSection__list--ttl {
    font-size: var(--fz-25);
  }

}

@media screen and (max-width: 767px) {
  .s-evaluationSection__list {
    grid-template-columns: repeat(1, 1fr);
    gap: var(--spc-15);
  }

  .s-evaluationSection__list--ttl {
    font-size: var(--fz-22);
  }

}

/* 評価依頼のご案内 */
.s-serviceSection__list {
  display: grid;
}

.s-serviceSection__list li {
  border: 2px solid var(--c-navy);
  border-radius: 10px;
}

.s-serviceSection__list--ttl {
  text-align: center;
  font-family: var(--ff-noto-serif);
  margin-bottom: var(--spc-10);
  color: var(--c-navy);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .05em;
}

@media screen and (min-width: 768px) {
  .s-serviceSection__list {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spc-20);
    max-width: 1000px;
    margin-inline: auto;
  }

  .s-serviceSection__list li {
    padding: var(--spc-20);
  }

  .s-serviceSection__list--ttl {
    font-size: var(--fz-18);
  }

  .s-serviceSection__list--txt {
    font-size: var(--fz-16);
  }
}

@media screen and (max-width: 767px) {
  .s-serviceSection__list {
    grid-template-columns: repeat(1, 1fr);
    gap: var(--spc-15);
    width: 80%;
    margin-inline: auto;
  }

  .s-serviceSection__list li {
    padding: var(--spc-30);
  }

  .s-serviceSection__list--ttl {
    font-size: var(--fz-16);
  }

  .s-serviceSection__list--txt {
    font-size: var(--fz-14);
  }

}

/* 評価依頼の流れ */
.s-contactSection {
  background: var(--c-bg-navy);
}

.s-flowSection__list li {
  display: flex;
  background: var(--c-bg-navy);
  position: relative;
}

.s-flowSection__list li:not(:last-child)::before {
  content: "";
  display: block;
  background-size: contain;
  background-position: top center;
  aspect-ratio: 2 / 1;
  --MASK: var(--ICON) no-repeat center center / 100%;
  mask: var(--MASK);
  -webkit-mask: var(--MASK);
  background-color: #898989;
  --ICON: var(--icon-triangle);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.s-flowSection__list--num {
  background: var(--c-navy);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--c-white);
  font-family: var(--ff-noto-serif);
}

.s-flowSection__list--wrap {
  flex: 1;
}

.s-flowSection__list--ttl {
  font-family: var(--ff-noto-serif);
  margin-bottom: var(--spc-10);
  color: var(--c-navy);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .05em;
}

.s-flowSection__list--txt {
  line-height: 1.8;
}

.s-heading__catch--contact {
  color: #B70000;
  text-align: left;
  max-width: 1000px;
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  .s-flowSection__list li:not(:last-child) {
    margin-bottom: var(--spc-100);
  }

  .s-flowSection__list li::before {
    width: 70px;
    bottom: clamp(-72px, -5.5vw, -55px);
  }

  .s-flowSection__list--num {
    width: 120px;
    font-size: var(--fz-40);
  }

  .s-flowSection__list--wrap {
    padding: var(--spc-20) var(--spc-40);
  }

  .s-flowSection__list--ttl {
    font-size: var(--fz-22);
  }

  .s-flowSection__list--txt {
    font-size: var(--fz-16);
  }

}

@media screen and (max-width: 767px) {
  .s-flowSection__list li:not(:last-child) {
    margin-bottom: var(--spc-80);
  }

  .s-flowSection__list li::before {
    width: 50px;
    bottom: -40px;
  }

  .s-flowSection__list--num {
    width: 60px;
    font-size: var(--fz-30);
  }

  .s-flowSection__list--wrap {
    padding: var(--spc-20);
  }

  .s-flowSection__list--ttl {
    font-size: var(--fz-18);
  }

  .s-flowSection__list--txt {
    font-size: var(--fz-14);
  }

}