@charset "UTF-8";

/*
 * フロントページ専用タイポ調整
 * service-page-sp-typography.css（.page-summary 等）の後に読み込む
 */

@media screen and (min-width: 769px) {
  .section-service .service-list .title-area p {
    line-height: 1.75;
    max-width: 48em;
    margin-left: auto;
    margin-right: auto;
  }

  .section-service .service-list .title-area h3 {
    line-height: 1.45;
  }

  .ceo-message .text-area h2 {
    line-height: 1.35;
  }

  .ceo-message .text-area h2 strong {
    line-height: 1.25;
  }

  .ceo-message .text-area h3 {
    line-height: 1.45;
  }

  .ceo-message .text-area h3 strong {
    line-height: 1.3;
  }

  .ceo-message .text-area p {
    line-height: 1.75;
    max-width: 42em;
  }

  .ceo-message .text-area .ceo-sign p {
    line-height: 1.65;
  }
}

@media screen and (max-width: 768px) {
  .section-service .service-list .title-area {
    padding: 0 3%;
  }

  .section-service .service-list .title-area p {
    font-size: 16px;
    line-height: 1.82;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-word;
  }

  .section-service .service-title h2 {
    line-height: 1.45;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ceo-message .text-area h3 {
    line-height: 1.5;
  }

  .ceo-message .text-area h3 strong {
    line-height: 1.35;
  }

  .ceo-message .text-area p {
    font-size: 16px;
    line-height: 1.82;
  }

  .ceo-message .text-area .ceo-sign p {
    line-height: 1.75;
  }
}

@media screen and (max-width: 480px) {
  .section-service .service-list .title-area p {
    font-size: 15px;
    line-height: 1.88;
  }

  .ceo-message .text-area p {
    font-size: 15px;
    line-height: 1.85;
  }
}