@charset "UTF-8";

/*
 * 施工の流れ（custom-flow.php / custom-flow-template.php）
 * style-flow.css / style-archive-flow.css の後に読み込む
 */

.page-summary {
  margin: 0;
  padding: 0.4em 1em;
  font-size: 0.82em;
  font-weight: 400;
  color: #6b6b6b;
  text-align: center;
  background: #eef7fb;
  border-bottom: 1px solid #dcecf4;
  margin-bottom: 10px;
  line-height: 1.55;
}

/* PC・タブレット横 */
@media screen and (min-width: 769px) {
  .page-summary {
    padding: 0.5em 1.25em;
    line-height: 1.65;
    margin-bottom: 12px;
  }

  .title-contents .inner-box .title-area h2 {
    line-height: 1.28;
  }

  .title-contents .inner-box .title-area p {
    line-height: 1.65;
  }

  .title-contents .inner-box .title-text p {
    line-height: 1.75;
    margin: 0 0 1em;
  }

  .title-contents .inner-box .title-text p:last-child {
    margin-bottom: 0;
  }

  .contets-section .inner-box .contents-title h2 {
    line-height: 1.35;
  }

  .contets-section .inner-box .contents-title p {
    line-height: 1.65;
  }

  .contets-section ol li section .flow-list-contents h3 {
    line-height: 1.35;
  }

  .contets-section ol li section .flow-list-contents h4 {
    line-height: 1.45;
  }

  .contets-section ol li section .flow-list-contents p {
    line-height: 1.75;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  /* 流れ一覧（親ページ）リンクカード内 */
  .contets-section ol li section a h3 {
    line-height: 1.4;
  }

  .contets-section .flow-cta .cta-btn a {
    line-height: 1.45;
  }

  .contets-section .flow-cta p {
    line-height: 1.65;
  }
}

/* スマホ */
@media screen and (max-width: 768px) {
  .page-summary {
    font-size: 0.8rem;
    line-height: 1.55;
    padding: 0.5em 1em;
    color: #6e6e6e;
  }

  .title-contents .inner-box .title-area h2 {
    line-height: 1.4;
  }

  .title-contents .inner-box .title-area p {
    line-height: 1.65;
  }

  .title-contents .inner-box .title-text p {
    font-size: 15px;
    line-height: 1.88;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-word;
  }

  .contets-section .inner-box .contents-title h2 {
    line-height: 1.4;
  }

  .contets-section .inner-box .contents-title p {
    line-height: 1.72;
  }

  .contets-section ol li section .flow-list-contents h3 {
    line-height: 1.38;
  }

  .contets-section ol li section .flow-list-contents h4 {
    line-height: 1.5;
  }

  .contets-section ol li section .flow-list-contents p {
    font-size: 16px;
    line-height: 1.82;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-word;
  }

  .contets-section ol li section a h3 {
    line-height: 1.4;
  }

  .contets-section .flow-cta .cta-btn a {
    line-height: 1.5;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contets-section .flow-cta p {
    line-height: 1.7;
    font-size: 15px;
  }
}

@media screen and (max-width: 480px) {
  .title-contents .inner-box .title-text p {
    font-size: 14px;
    line-height: 1.9;
  }

  .contets-section ol li section .flow-list-contents p {
    font-size: 15px;
    line-height: 1.85;
  }
}