/* Performance single page */

.sec_performance_mv .performance_page_tit { text-align: center; }
.performance_kicker { margin:0; font-size:34px; font-weight:800; line-height:1.2; }
.performance_kicker_sub {
  display: block;
  margin-top: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}
.performance_page_tit img { margin-top:20px; }

.performance_breadcrumb {
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px;
  color:#666; font-size:13px; line-height:1.6;
}
.performance_breadcrumb a { color:#666; text-decoration:underline; }

.performance_article { max-width:980px; margin:0 auto; }
.performance_header { margin-bottom:28px; }
.performance_header h1 {
  margin:0; color:#111; font-size:34px; font-weight:800; line-height:1.45;
}

.performance_hero { margin:0 0 36px; }
.performance_hero img { display:block; width:100%; height:auto; }

.performance_single_cont { color:#222; font-size:16px; line-height:1.95; }
.performance_single_cont h2 {
  margin:56px 0 20px; padding-left:16px; border-left:5px solid #EF7F42;
  color:#111; font-size:26px; font-weight:800; line-height:1.5;
}
.performance_single_cont h3 {
  margin:38px 0 16px; color:#111; font-size:21px; font-weight:800; line-height:1.5;
}
.performance_single_cont h4 {
  margin:34px 0 14px; color:#111; font-size:19px; font-weight:800; line-height:1.5;
}
.performance_single_cont p { margin:0 0 20px; }
.performance_single_cont ul,
.performance_single_cont ol { margin:18px 0 26px 1.4em; }
.performance_single_cont li { margin-bottom:8px; line-height:1.85; }
.performance_single_cont img {
  display:block; max-width:100%; height:auto; margin:26px auto;
}
.performance_single_cont a { color:#EF7F42; text-decoration:underline; }
.performance_single_cont hr { margin:48px 0; border:0; border-top:1px solid #ddd; }

.performance_related_links {
  margin-top:64px; padding-top:34px; border-top:1px solid #ddd;
}
.performance_related_links h2 {
  margin:0 0 18px; font-size:22px; font-weight:800;
}
.performance_related_buttons {
  display:flex; flex-wrap:wrap; gap:12px;
}
.performance_related_buttons a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:10px 18px;
  border:1px solid #EF7F42; color:#EF7F42;
  font-weight:700; text-align:center; transition:.2s ease;
}
.performance_related_buttons a:hover { background:#EF7F42; color:#fff; }

.performance_cta {
  margin-top:50px; padding:34px 28px;
  border-top:4px solid #EF7F42; background:#f7f7f7; text-align:center;
}
.performance_cta h2 {
  margin:0 0 12px; color:#EF7F42; font-size:26px; font-weight:800; line-height:1.5;
}
.performance_cta p {
  max-width:760px; margin:0 auto 22px; line-height:1.8;
}
.performance_cta_buttons {
  display:flex; justify-content:center; gap:14px; flex-wrap:wrap;
}
.performance_btn {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:220px; min-height:52px; padding:12px 20px;
  border:2px solid #EF7F42; background:#fff; color:#EF7F42;
  font-weight:800; box-sizing:border-box; transition:.2s ease;
}
.performance_btn_primary,
.performance_btn:hover { background:#EF7F42; color:#fff; }

@media screen and (max-width:800px) {
  .performance_kicker { font-size:28px; }
  .performance_article { width:100%; }
  .performance_header { text-align:center; }
  .performance_header h1 { font-size:25px; line-height:1.5; }
  .performance_single_cont { font-size:15px; line-height:1.9; }
  .performance_single_cont h2 { margin-top:42px; font-size:22px; text-align:left; }
  .performance_single_cont h3 { font-size:19px; }
  .performance_single_cont h4 { font-size:18px; }
  .performance_related_links h2,
  .performance_cta h2 { text-align:center; }
  .performance_related_buttons,
  .performance_cta_buttons { flex-direction:column; }
  .performance_related_buttons a,
  .performance_btn { width:100%; }
  .performance_cta { padding:28px 18px; }
}


.performance_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 10px;
}

.performance_date,
.performance_modified {
  display: inline-block;
  color: #777;
  font-size: 14px;
}

@media screen and (max-width: 800px) {
  .performance_meta {
    justify-content: center;
    gap: 8px 12px;
  }
}


/* 202608 スマホ：実績CTAの改行・はみ出し調整 */
@media screen and (max-width: 800px) {
  .performance_cta {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }

  .performance_cta h2 {
    font-size: 22px;
    line-height: 1.45;
    white-space: nowrap;
    letter-spacing: 0;
  }

  .performance_cta p {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 4px;
    padding-right: 4px;
    overflow-wrap: anywhere;
  }

  .performance_cta_buttons {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .performance_btn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .performance_related_buttons {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .performance_related_buttons a {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

/* 小さい端末だけ見出しを少し縮小 */
@media screen and (max-width: 390px) {
  .performance_cta h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 800px) {
  .performance_kicker_sub { font-size: 18px; }
}


.performance_related_buttons a.is-primary {
  background: #EF7F42;
  color: #fff;
}


/* 202608 スマホ：関連サービス・見出し調整 */
@media screen and (max-width: 800px) {
  .performance_kicker_sub {
    font-size: 20px;
  }

  .performance_related_buttons a.is-primary {
    background: #EF7F42;
    color: #fff;
  }
}