:root {
  --font-size-base: 1;
  --text-size-scale: 1.2;
}

.c-main {
  margin-bottom: 0;
}

.c-main__title {
  padding-top: 6rem;
}

.c-heading.type-2::after {
  background: #d9d9d6;
}

.c-heading.type-2.co-g::after {
  background: #00bfb3;
}

@media not screen and (max-width: 768px), print {
  .SH60-section {
    margin-top: 8rem;
    margin-bottom: 12rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-section {
    margin: 0 4rem 18rem;
  }
}
@media not screen and (max-width: 768px), print {
  .SH60-section.lead {
    margin-top: 8rem;
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-section .SH60-section {
    margin: 0 auto 6rem;
  }
}

.SH60-title {
  font-weight: 500;
  text-align: center;
  margin-bottom: 4rem;
}
@media not screen and (max-width: 768px), print {
  .SH60-title {
    font-size: calc(26 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH60-title {
    font-size: calc(32 * var(--font-size-base) * 0.1rem);
  }
}

.SH60-lead {
  line-height: 2;
  font-weight: 500;
  margin-bottom: 4rem;
}
@media not screen and (max-width: 768px), print {
  .SH60-lead {
    font-size: calc(19 * var(--font-size-base) * 0.1rem);
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-lead {
    font-size: calc(24 * var(--font-size-base) * 0.1rem);
  }
  .SH60-lead br {
    display: none;
  }
}
.SH60-lead.low {
  margin-bottom: 6rem;
}

.SH60-link-button {
  margin: 4rem auto 0;
}
@media not screen and (max-width: 768px), print {
  .SH60-link-button {
    width: 44rem;
    height: 7rem;
    padding: 0 3rem;
    font-size: calc(16 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH60-link-button {
    height: 12rem;
    padding: 0 3rem;
    font-size: calc(24 * var(--font-size-base) * 0.1rem);
  }
}
@media not screen and (max-width: 768px), print {
  .SH60-link-button svg {
    width: 4.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-link-button svg {
    width: 4.8rem;
  }
}

.SH60-form-button {
  font-weight: 500;
}
@media not screen and (max-width: 768px), print {
  .SH60-form-button {
    width: 100%;
    height: 12rem;
    padding: 0 5rem;
    font-size: calc(24 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH60-form-button {
    height: 18rem;
    padding: 0 7.5rem;
    font-size: calc(32 * var(--font-size-base) * 0.1rem);
  }
}
@media not screen and (max-width: 768px), print {
  .SH60-form-button img {
    width: 5rem;
    height: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-form-button img {
    width: 8rem;
    height: 8rem;
  }
}
.SH60-form-button span {
  margin-left: 1.8rem;
  margin-right: auto;
}
@media not screen and (max-width: 768px), print {
  .SH60-form-button svg {
    width: 6.7rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-form-button svg {
    width: 7rem;
  }
}

.SH60-border-1 {
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: rgba(59, 64, 67, 0.3);
  margin: 5rem 0;
}

.SH60-border-2 {
  height: 0;
  border-width: 3px 0 0;
  border-style: solid;
  border-color: #646464;
  margin: 8rem 0;
}

.SH60-tels {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  margin: 6rem 0 8rem;
}
@media not screen and (max-width: 768px), print {
  .SH60-tels {
    row-gap: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tels {
    row-gap: 8rem;
  }
}

.SH60-tel {
  display: grid;
  padding-left: 2rem;
}
@media not screen and (max-width: 768px), print {
  .SH60-tel {
    border-left: 6px solid #9a9999;
    grid-template-columns: 26rem auto;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tel {
    border-left: 3px solid #9a9999;
    padding-left: 3rem;
  }
}

.SH60-tel__caption {
  font-weight: 700;
  margin-bottom: 0.7em;
}
@media not screen and (max-width: 768px), print {
  .SH60-tel__caption {
    grid-column: 1/3;
    font-size: calc(18 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tel__caption {
    font-size: calc(32 * var(--font-size-base) * 0.1rem);
  }
}

.SH60-tel__number {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media not screen and (max-width: 768px), print {
  .SH60-tel__number {
    grid-column: 1/2;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tel__number {
    justify-content: flex-start;
  }
}
.SH60-tel__number img {
  margin-right: 0.8rem;
}
@media not screen and (max-width: 768px), print {
  .SH60-tel__number img {
    width: 3.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tel__number img {
    width: 8rem;
  }
}
.SH60-tel__number strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media not screen and (max-width: 768px), print {
  .SH60-tel__number strong {
    font-size: calc(29 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tel__number strong {
    font-size: calc(60 * var(--font-size-base) * 0.1rem);
  }
}

.SH60-tel__text {
  display: flex;
  align-items: center;
}
@media not screen and (max-width: 768px), print {
  .SH60-tel__text {
    justify-content: flex-start;
    grid-column: 2/3;
    font-size: calc(14 * var(--font-size-base) * 0.1rem);
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH60-tel__text {
    justify-content: flex-start;
    width: 100%;
    font-size: calc(20 * var(--font-size-base) * 0.1rem);
    margin-top: 1.6rem;
  }
}

.SH60-other {
  background: #f9f9f9;
  padding: 12rem 0;
}
.SH60-other .SH60-section {
  margin-bottom: 0;
}
.SH60-other .SH60-border-1 {
  margin: 8rem 0 7rem;
}
@media only screen and (max-width: 768px) {
  .SH60-other .SH60-title {
    font-size: calc(34.5 * var(--font-size-base) * 0.1rem);
  }
}/*# sourceMappingURL=SH60.css.map */