@charset "utf-8";
/*
Theme Name:BLAZE Child
Template: blaze_tcd120
Version: 1.0
*/
:root {
  --parlato-main: #FF5340;
  --parlato-base: #333333;
  --parlato-border: #D9D9D9;
  --parlato-white: #ffffff;
}

/* ============================================================
   2. FV CTAボタン
   ============================================================ */

.p-mv2-content-button {
  background: #FF5340 !important;
  color: #ffffff !important;
  border: 2px solid #FF5340 !important;
  border-radius: 9999px;
  padding: 0.9em 1.6em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .15s ease;
  margin-top: 420px;
  margin-left: 150px;
}

.p-mv2-content-button:hover,
.p-mv2-content-button:focus-visible {
  background: #ffffff !important;
  color: #FF5340 !important;
  border-color: #FF5340 !important;
}

.p-mv2-content-button:active {
  transform: translateY(1px);
}

@media (max-width: 768px) {
  .p-mv2-content-title span:not(.c-hidden-sp) {
    display: none !important;
  }
  .p-mv2-text-content {
    margin-top: 455px !important;
  }
}

/* ============================================================
   3. Reason セクション
   ============================================================ */

.p-cb-item:nth-child(5) .p-icon-list-item {
  padding: 10px !important;
  gap: 0 !important;
}
.p-cb-item:nth-child(5) .p-icon-list-item_headline {
  display: none !important;
}
.p-cb-item:nth-child(5) .p-icon-list-item_desc {
  display: none !important;
}
.p-cb-item:nth-child(5) .p-icon-list-item_icon_items {
  border: none !important;
  border-radius: 0 !important;
  background: white !important;
  width: 100% !important;
  height: 320px !important;
  justify-content: center !important;
  overflow: visible !important;
  position: relative !important;
}
.p-cb-item:nth-child(5) .p-icon-list-item_icon_items::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
  border: 5.5px solid white !important;
}
.p-cb-item:nth-child(5) .p-icon-list-item_icon_items img {
  width: 100% !important;
  max-width: 85% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ============================================================
   4. 比較テーブル - パルラート列（2列目）の強調
   ============================================================ */

table thead tr th.th-center:nth-child(2) {
  background: #FF5340 !important;
  color: #ffffff !important;
  border-color: rgba(255, 83, 64, 0.25) !important;
}

table thead tr th.th-center:nth-child(2) span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

table tbody tr td:nth-child(2) {
  background: rgba(255, 83, 64, 0.08) !important;
  border-color: rgba(255, 83, 64, 0.25) !important;
}

table tbody tr:hover td:nth-child(2) {
  background: rgba(255, 83, 64, 0.12) !important;
}

/* ============================================================
   5. feature セクション - お悩みアイコンリスト
   ============================================================ */

#feature .p-icon-list-item_headline {
  color: #0E7490 !important;
  margin-bottom: -40px !important;
}

#feature .p-icon-list-item_headline .step-title-img {
  display: block;
}

.step-title-img .is-pc {
  width: 200px;
}

.p-sc-icon-list.has-multi-line .p-icon-list-item_icon_content {
  display: none !important;
}

@media (max-width: 768px) {
  .step-title-img .is-sp {
    width: 250px;
  }
  #feature .p-icon-list-item_headline {
    margin-bottom: 0 !important;
  }
}

/* ============================================================
   6. 見出し h2 - 共通スタイル + 下線ライン
   ============================================================ */

.tcdce-body h2,
.p-single-service-success-title {
  font-family: "Noto Sans JP", Inter, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #333333 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 0 0 24px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.tcdce-body h2::after,
.p-single-service-success-title::after {
  content: "";
  width: 83px;
  height: 2px;
  background: #FF5340;
  flex-shrink: 0;
}

/* ============================================================
   7. Before/After カード（ba-cards）グローバル
   ============================================================ */

.post_row.ba-cards {
  display: flex !important;
  flex-wrap: wrap;
  gap: 24px;
  align-items: stretch;
}

.post_row.ba-cards > .post_col {
  flex: 1 1 444px;
  max-width: 444px;
  display: flex;
}

.post_row.ba-cards .ba-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px;
  overflow: hidden;
}

.post_row.ba-cards .ba-card .ba-card__head {
  margin: 0 !important;
  padding: 16px !important;
  display: block;
  text-align: center;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4;
  border-radius: 4px 4px 0 0;
}

.post_row.ba-cards .ba-card.is-before .ba-card__head {
  background: #333333 !important;
}

.post_row.ba-cards .ba-card.is-after .ba-card__head {
  background: #FF5340 !important;
}

.post_row.ba-cards .ba-card .ba-card__body {
  margin: 0 !important;
  padding: 32px !important;
  border-radius: 0 0 4px 4px;
  background: #ffffff !important;
  border: 1px solid #D9D9D9 !important;
  flex: 1;
}

.post_row.ba-cards .ba-card.is-after .ba-card__body {
  border-color: #FF5340 !important;
}

.post_row.ba-cards .ba-card .ba-card__list {
  list-style: disc;
  padding-left: 1.4em !important;
  margin: 0 !important;
  display: block !important;
  text-align: left !important;
}

.post_row.ba-cards .ba-card .ba-card__list li {
  margin: 6px 0;
  font-size: 15px;
  line-height: 1.7;
}

.post_row.ba-cards p:empty {
  display: none !important;
}

.post_row.ba-cards::before {
  content: "";
  display: block;
  order: -1;
  flex: 0 0 100%;
  width: 100%;
  background-image: var(--ba-cards-img);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 30%;
  margin-bottom: 48px;
}

@media (max-width: 767px) {
  .post_row.ba-cards > .post_col {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .post_row.ba-cards .ba-card .ba-card__body {
    padding: 24px !important;
  }
  .post_row.ba-cards::before {
    margin-bottom: 24px;
  }
}

/* ============================================================
   8. サービス特徴カード（svc-feature-card）
   ============================================================ */

.svc-feature-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  padding: 32px 52px 36px !important;
  border-radius: 4px !important;
  background: #F9F9F9 !important;
  border: none !important;
}

.svc-feature-card .svc-badge {
  display: flex !important;
  align-items: flex-end !important;
  gap: 2px !important;
  position: relative !important;
  padding-bottom: 4px !important;
}

.svc-feature-card .svc-badge-line {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: #FF5340 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.svc-feature-card .svc-badge-en {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
}

.svc-feature-card .svc-badge-num {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: 1 !important;
}

.svc-feature-card .svc-title {
  color: #000 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  align-self: stretch !important;
}

.svc-feature-card .svc-lead {
  margin: 0 !important;
  text-align: center !important;
  color: #555 !important;
  font-size: 15px !important;
}

.svc-feature-card .svc-detail {
  width: min(370px, 100%) !important;
}

.svc-feature-card .svc-detail-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.svc-feature-card .svc-detail-list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
}

.svc-feature-card .svc-detail-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

.svc-feature-card .svc-detail-head {
  align-self: stretch !important;
  color: #333 !important;
  text-align: center !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin: 0 0 8px 0 !important;
}

.svc-feature-card .svc-detail-body {
  align-self: stretch !important;
  color: #0E7490 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  text-align: center !important;
  text-decoration: underline !important;
  margin: 0 !important;
}

.svc-feature-card .svc-merit {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 23px !important;
  width: min(502px, 100%) !important;
  padding: 28px 72px !important;
  border-radius: 4px !important;
  background: #333333 !important;
  border: none !important;
}

.svc-feature-card .svc-merit-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  width: 100% !important;
}

.svc-feature-card .svc-merit-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.svc-feature-card .svc-merit-list li {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.svc-feature-card .svc-merit-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background-color: #FF5340 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  margin-top: -8px !important;
}

.svc-feature-card .svc-feature-img {
  width: 100% !important;
  text-align: center !important;
}

.svc-feature-card .svc-feature-img img {
  width: 96px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

@media (max-width: 767px) {
  .svc-feature-card {
    padding: 24px 20px !important;
  }
  .svc-feature-card .svc-detail,
  .svc-feature-card .svc-merit {
    width: 100% !important;
    padding: 0 !important;
  }
  .svc-feature-card .svc-merit {
    padding: 24px 20px !important;
  }
}

/* post_col内のsvc-feature-cardを高さ揃え */
.post_row .post_col {
  display: flex !important;
  flex-direction: column !important;
}

.post_row .post_col .tcdce-box.svc-feature-card {
  height: 100% !important;
}

/* ============================================================
   9. セクション画像
   ============================================================ */

.svc-section-img {
  text-align: center !important;
  width: 100% !important;
}

.svc-section-img img {
  width: 480px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.banner-image img {
  width: 720px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ============================================================
   10. plan-cell（プランアイコン）
   ============================================================ */

.plan-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 180px;
}

.plan-cell p {
  display: none !important;
}

.plan-cell-icon {
  display: block;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.plan-cell-icon.icon-simple {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/icon-simple.png");
}
.plan-cell-icon.icon-fixed {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/icon-fixe.png");
}
.plan-cell-icon.icon-market {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/icon-market.png");
}
.plan-cell-icon.icon-hybrid {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/icon-hybrid.png");
}
.plan-cell-icon.icon-shift {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/icon-shift.png");
}

.plan-cell-title {
  align-self: stretch;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  text-align: center !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* ============================================================
   11. plan-preview テーブル
   ============================================================ */

#plan-preview .p-cb-header-main_contents {
  gap: 0 !important;
}

#plan-preview .p-cd-header-title_contents {
  gap: 0 !important;
}

#plan-preview td {
  text-align: center;
}

#plan-preview .plan-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 180px;
  margin: 0 auto;
}

#plan-preview .plan-cell-icon {
  margin-bottom: 2px;
}

#plan-preview table tbody tr td:nth-child(2) {
  background: transparent !important;
  border: 1px solid #ddd !important;
}

#plan-preview table tbody tr td {
  background: transparent !important;
  border-color: #dddddd !important;
}

#plan-preview table thead tr th.th-left span {
  display: block !important;
  text-align: center !important;
}

.tcd-table-wrap.is-fix-left .tcd-table th:first-child::after,
.tcd-table-wrap.is-fix-left .tcd-table td:first-child::after {
  background: none !important;
}

/* ============================================================
   12. p-cb-header-sub_title（SERVICE/PLANサブタイトル）
   ============================================================ */

.p-cb-header-sub_title {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  justify-content: center !important;
  color: #0E7490 !important;
  font-family: Roboto !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: 3.2px !important;
  background: transparent !important;
  border: none !important;
}

.p-cb-header-sub_title::before,
.p-cb-header-sub_title::after {
  content: "" !important;
  width: 10.5px !important;
  height: 1px !important;
  background: #0E7490 !important;
  flex-shrink: 0 !important;
}

/* ============================================================
   13. カスタムボタン
   ============================================================ */

.tcdce-button-wrapper:has(.custom_button) {
  --tcdce-button-preset-color--a: #FF5340 !important;
}

/* ============================================================
   14. サービスページ ヘッダー共通（single-service）
   ============================================================ */

.single-service .p-single-service-header .wp-post-image {
  display: none !important;
}

.single-service .p-single-service-header .p-service-header-overlay {
  display: none !important;
}

.single-service .p-single-service-header {
  background-color: #0E7490 !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 320px !important;
}

.single-service .p-single-service-header__contents {
  position: absolute !important;
  right: 5% !important;
  top: 40% !important;
  transform: translateY(-100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  z-index: 1 !important;
  left: auto !important;
  bottom: 180px !important;
  width: auto !important;
}

.single-service .p-single-service-header-copy {
  display: inline-block !important;
  background: #ffffff !important;
  color: #0E7490 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  padding: 10px !important;
  margin: 0 !important;
  line-height: normal !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.single-service .p-single-service-header-title_content {
  position: absolute !important;
  right: 5% !important;
  top: 55% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  z-index: 1 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: 90% !important;
  border-top: none !important;
}

.single-service .p-single-service-header_title {
  color: #ffffff !important;
  font-size: 57px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  white-space: nowrap !important;
  background: transparent !important;
  display: block !important;
  border: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  width: auto !important;
}

.single-service .p-single-service-header_title::before {
  display: none !important;
  content: none !important;
}

/* 各ページの背景画像 */
.postid-21 .p-single-service-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service4-scaled.jpg") !important;
}

.postid-20 .p-single-service-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service3-scaled.jpg") !important;
}

.postid-19 .p-single-service-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service2-scaled.jpg") !important;
}

.postid-18 .p-single-service-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service1-scaled.jpg") !important;
}

/* ============================================================
   15. EGM提供プランページ（page-id-85）ヘッダー
   ============================================================ */

.page-id-85 .p-lp-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/plan_header-scaled.jpg") !important;
  background-size: cover !important;
  background-position: bottom !important;
  background-color: #0E7490 !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 320px !important;
}

.page-id-85 .lp_header_overlay {
  display: none !important;
}

.page-id-85 .p-lp-header__contents {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  text-align: right !important;
  gap: 20px !important;
}

.page-id-85 .p-lp-header__title-text1 {
  color: #ffffff !important;
  font-size: 57px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  line-height: normal !important;
  white-space: nowrap !important;
  display: block !important;
}

.page-id-85 .p-lp-header__title-text2 {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  line-height: 1.6 !important;
  display: block !important;
}

.page-id-85 .p-lp-header__button-link {
  background: #FF5340 !important;
  color: #ffffff !important;
  border: 2px solid #FF5340 !important;
  border-radius: 9999px !important;
  padding: 0.9em 1.6em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .15s ease !important;
  text-decoration: none !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 700 !important;
}

.page-id-85 .p-lp-header__button-link:hover {
  background: #ffffff !important;
  color: #FF5340 !important;
  border-color: #FF5340 !important;
}

.page-id-85 .p-lp-header__button-link:active {
  transform: translateY(1px) !important;
}

/* page-id-85：比較テーブル2列目の赤強調を打ち消し */
.page-id-85 table tbody tr td:nth-child(2),
.page-id-85 .tcd-table-wrap table tbody tr td:nth-child(2),
.page-id-85 .s_table table tbody tr td:nth-child(2) {
  background: transparent !important;
  border-color: #dddddd !important;
  border-left-color: #dddddd !important;
  border-right-color: #dddddd !important;
  border-top-color: #dddddd !important;
  border-bottom-color: #dddddd !important;
}

/* ============================================================
   16. 導入事例アーカイブ（post-type-archive-voice）ヘッダー
   ============================================================ */

.post-type-archive-voice .c-archive-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/03/works_header-scaled.jpg") !important;
  background-size: cover !important;
  background-position: bottom !important;
  background-color: #0E7490 !important;
  position: relative !important;
  min-height: 320px !important;
  display: block !important;
}

.post-type-archive-voice .c-archive-header__overlay {
  display: none !important;
}

.post-type-archive-voice .c-archive-header__subheadline {
  display: none !important;
}

.post-type-archive-voice .c-archive-header .c-archive-header-title-desc-content {
  display: none !important;
}

.post-type-archive-voice .c-archive-header__content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 20px !important;
  text-align: right !important;
  padding: 60px 5% !important;
  min-height: 320px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
}

.post-type-archive-voice .c-archive-header__headline {
  color: #ffffff !important;
  font-size: 57px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 20px !important;
  line-height: normal !important;
  white-space: nowrap !important;
}

.post-type-archive-voice .c-archive-header__copy {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  line-height: normal !important;
  background: transparent !important;
  display: block !important;
  margin-bottom: 80px !important;
  border: none !important;
}

.post-type-archive-voice .c-archive-header__copy::before,
.post-type-archive-voice .c-archive-header__copy::after {
  display: none !important;
  content: none !important;
}

.post-type-archive-voice .c-archive-header__copy div {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: right !important;
  border: none !important;
}

.post-type-archive-voice #js-archive-header-wrap {
  display: block !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  margin-top: 0 !important;    /* ← 上の距離をここで調整 */
  margin-bottom: 200px !important; /* ← 下の距離をここで調整 */
  padding: 0 5% !important;
  color: #fff;
}

.post-type-archive-voice .c-archive-header-title {
  position: static !important;
  transform: none !important;
  white-space: normal !important;
  color: #fff;
  margin-bottom: 20px;
}

.post-type-archive-voice .c-archive-header__desc {
  position: static !important;
  transform: none !important;
  display: block !important;
}

/* ============================================================
   17. postid-18（見える君）専用
   ============================================================ */

.postid-18 .post_row:has(.post_col-3) {
  grid-template-columns: 100% !important;
}

.postid-18 .tcdce-body h2 {
  margin-top: 80px !important;
  margin-bottom: 24px !important;
}

.postid-18 .post_row.ba-cards::before {
  display: none !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 h3 {
  color: #000 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  align-self: stretch !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 > p {
  margin: 0 !important;
  text-align: center !important;
  color: #555 !important;
  font-size: 15px !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 h4 {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  text-align: center !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 ul li {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 ul li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

.postid-18 .tcdce-body a.inline-block {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 270px !important;
  height: 60px !important;
  padding: 0 1.5em !important;
  border-radius: 9999px !important;
  background-color: #FF5340 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin: 0 auto !important;
  width: fit-content !important;
}

.postid-18 .tcdce-body a.inline-block:hover {
  background-color: #ffffff !important;
  color: #FF5340 !important;
}

.postid-18 .tcdce-box {
  padding: 44px 52px !important;
}

/* ============================================================
   18. postid-20（年間詳細レポート）専用
   ============================================================ */

.postid-20 h2.custom_h2,
.postid-20 .tcdce-body h2 {
  font-family: "Noto Sans JP", Inter, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #333333 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 0 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
}

.postid-20 h2.custom_h2::after,
.postid-20 .tcdce-body h2::after {
  content: "" !important;
  width: 83px !important;
  height: 2px !important;
  background: #FF5340 !important;
  flex-shrink: 0 !important;
}

.postid-20 h2.custom_h2 {
  margin-top: 80px !important;
}

.postid-20 .p-single-bottom-title {
  font-family: "Noto Sans JP", Inter, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #333333 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 52px 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
}

.postid-20 .p-single-bottom-title::after {
  content: "" !important;
  width: 83px !important;
  height: 2px !important;
  background: #FF5340 !important;
  flex-shrink: 0 !important;
}

/* postid-20：精度の根拠ボックス */
.postid-20 .svc-evidence {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 24px !important;
  width: min(502px, 100%) !important;
  padding: 27px 64px !important;
  border-top: 1px solid #333333 !important;
}

.postid-20 .svc-evidence-title {
  align-self: stretch !important;
  color: #333333 !important;
  text-align: center !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 !important;
}

.postid-20 .svc-evidence-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.postid-20 .svc-evidence-list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333333 !important;
}

.postid-20 .svc-evidence-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

/* postid-20：レポートスケジュールテーブル */
.postid-20 .s_table table {
  border-collapse: collapse !important;
  width: 100% !important;
  border: none !important;
}

.postid-20 .s_table table thead tr th {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #333333 !important;
  padding: 16px 10px !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #333333 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  vertical-align: bottom !important;
}

.postid-20 .s_table table thead tr th:first-child {
  text-align: left !important;
  width: 20% !important;
}

.postid-20 .s_table table thead tr th span,
.postid-20 table thead tr th:nth-child(2) span,
.postid-20 table thead tr th:nth-child(3) span,
.postid-20 table thead tr th:nth-child(4) span {
  color: #FF5340 !important;
  font-size: 28px !important;
  font-weight: 500 !important;
}

.postid-20 table thead tr th:nth-child(2) {
  background: transparent !important;
  color: #333333 !important;
  border-color: #333333 !important;
}

.postid-20 .s_table table tbody tr {
  background: transparent !important;
}

.postid-20 .s_table table tbody tr td,
.postid-20 table tbody tr td:nth-child(2),
.postid-20 table tbody tr td:nth-child(3),
.postid-20 table tbody tr td:nth-child(4) {
  border: none !important;
  border-bottom: 3px solid #F9F9F9 !important;
  padding: 16px 10px !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  background: transparent !important;
  font-family: "Noto Sans JP", sans-serif !important;
  vertical-align: middle !important;
}

.postid-20 .s_table table tbody tr td:first-child {
  text-align: left !important;
  width: 20% !important;
}

.postid-20 .s_table table tbody tr:hover td,
.postid-20 table tbody tr:hover td:nth-child(2) {
  background: transparent !important;
}

/* postid-20：ba-cards修正 */
.postid-20 .post_row.ba-cards {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: stretch !important;
  grid-template-columns: unset !important;
}

.postid-20 .post_row.ba-cards > .post_col {
  flex: 1 1 444px !important;
  max-width: 444px !important;
  display: flex !important;
}

.postid-20 .post_row.ba-cards .ba-card {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  height: auto !important;
}

.postid-20 .post_row.ba-cards .ba-card .ba-card__head {
  margin: 0 !important;
  padding: 16px !important;
  display: block !important;
  text-align: center !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
  border-radius: 4px 4px 0 0 !important;
}

.postid-20 .post_row.ba-cards .ba-card.is-before .ba-card__head {
  background: #333333 !important;
}

.postid-20 .post_row.ba-cards .ba-card.is-after .ba-card__head {
  background: #FF5340 !important;
}

.postid-20 .post_row.ba-cards .ba-card .ba-card__body {
  margin: 0 !important;
  padding: 32px !important;
  border-radius: 0 0 4px 4px !important;
  background: #ffffff !important;
  border: 1px solid #D9D9D9 !important;
  flex: 1 !important;
  display: block !important;
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.postid-20 .post_row.ba-cards .ba-card.is-after .ba-card__body {
  border-color: #FF5340 !important;
}

.postid-20 .post_row.ba-cards .ba-card .ba-card__list {
  list-style: disc !important;
  padding-left: 1.4em !important;
  margin: 0 !important;
  display: block !important;
  text-align: left !important;
}

.postid-20 .post_row.ba-cards .ba-card .ba-card__list li {
  margin: 6px 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  display: list-item !important;
}

.postid-20 .post_row.ba-cards p:empty {
  display: none !important;
}

/* ============================================================
   19. postid-21（毎日の電気代比較）専用
   ============================================================ */

/* ba-cards */
.postid-21 .post_row.ba-cards {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: stretch !important;
  grid-template-columns: unset !important;
}

.postid-21 .post_row.ba-cards > .post_col {
  flex: 1 1 444px !important;
  max-width: 444px !important;
  display: flex !important;
}

.postid-21 .post_row.ba-cards .ba-card {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  height: auto !important;
}

.postid-21 .post_row.ba-cards .ba-card .ba-card__head {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 16px !important;
  display: block !important;
  text-align: center !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
  border-radius: 4px 4px 0 0 !important;
}

.postid-21 .post_row.ba-cards .ba-card.is-before .ba-card__head {
  background: #333333 !important;
}

.postid-21 .post_row.ba-cards .ba-card.is-after .ba-card__head {
  background: #FF5340 !important;
}

.postid-21 .post_row.ba-cards .ba-card .ba-card__body {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 32px !important;
  border-radius: 0 0 4px 4px !important;
  background: #ffffff !important;
  border: 1px solid #D9D9D9 !important;
  flex: 1 !important;
  display: block !important;
  height: auto !important;
}

.postid-21 .post_row.ba-cards .ba-card.is-after .ba-card__body {
  border-color: #FF5340 !important;
}

.postid-21 .post_row.ba-cards .ba-card .ba-card__list {
  list-style: disc !important;
  padding-left: 1.4em !important;
  margin: 0 !important;
  display: block !important;
  text-align: left !important;
  flex-direction: unset !important;
  gap: unset !important;
}

.postid-21 .post_row.ba-cards .ba-card .ba-card__list li {
  margin: 6px 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  display: list-item !important;
  list-style: disc !important;
  padding: 0 !important;
  gap: unset !important;
  align-items: unset !important;
}

.postid-21 .post_row.ba-cards .ba-card .ba-card__list li::before {
  display: none !important;
  content: none !important;
}

.postid-21 .post_row.ba-cards p:empty {
  display: none !important;
}

/* ba-cards以外のpost_row（具体的な機能） */
.postid-21 .post_row:not(.ba-cards) {
  display: flex !important;
  align-items: stretch !important;
  grid-template-columns: unset !important;
}

.postid-21 .post_row:not(.ba-cards) .post_col {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.postid-21 .post_row:not(.ba-cards) .tcdce-box.custom_box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 32px 24px 36px !important;
  border-radius: 4px !important;
  background: #F9F9F9 !important;
  border: none !important;
}

.postid-21 .post_row:not(.ba-cards) .tcdce-box.custom_box h4 {
  color: #000 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  align-self: stretch !important;
  font-family: "Noto Sans JP", sans-serif !important;
}

.postid-21 .post_row:not(.ba-cards) .tcdce-box.custom_box h5 {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: center !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
}

.postid-21 .post_row:not(.ba-cards) .tcdce-box.custom_box ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  align-self: stretch !important;
}

.postid-21 .post_row:not(.ba-cards) .tcdce-box.custom_box ul li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
}

.postid-21 .post_row:not(.ba-cards) .tcdce-box.custom_box ul li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

/* func-icon（機能ボックス上のアイコン）*/
.postid-21 .func-icon {
  text-align: center !important;
  margin-bottom: 0 !important;
}

.postid-21 .func-icon img {
  width: 40px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ============================================================
   20. 申込みフロー（縦積み）
   ============================================================ */

.flow-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto 24px !important;
}

.flow-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  position: relative !important;
  padding-bottom: 32px !important;
}

.flow-step:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 36px !important;
  width: 2px !important;
  height: calc(100% - 36px) !important;
  background: #D9D9D9 !important;
}

.flow-step-num {
  width: 36px !important;
  height: 36px !important;
  background: #333333 !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  position: relative !important;
  z-index: 1 !important;
}

.flow-step:last-child .flow-step-num {
  background: #FF5340 !important;
}

.flow-step-content {
  flex: 1 !important;
  background: #F9F9F9 !important;
  border-radius: 4px !important;
  padding: 16px 20px !important;
}

.flow-step-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: none !important;
  font-family: "Noto Sans JP", sans-serif !important;
}

.flow-step-desc {
  font-size: 13px !important;
  color: #606060 !important;
  margin: 0 0 16px !important;
  line-height: 1.6 !important;
}

.flow-step-list {
  list-style: none !important;
  padding-left: 24px !important; /* ← ドット+テキストを右に押し込む */
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.flow-step-list li {
  font-size: 12px !important;
  color: #101010 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.flow-step-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 5px !important;    /* ← ドットの幅 */
  height: 5px !important;   /* ← ドットの高さ */
  border-radius: 1px !important; /* ← 0で四角・50%で円 */
  background: #FF5340 !important;
  margin-top: 3px !important; /* ← 縦位置の微調整 */
}

/* ============================================================
   FAQアコーディオン（p-sc-faq-list）
   ============================================================ */

.p-sc-faq-list {
  border-top: 1px solid #D9D9D9 !important;
  margin: 0 0 40px !important;
}

.p-sc-faq-list .p-faq-list-item {
  border-bottom: 1px solid #D9D9D9 !important;
}

/* 質問タイトル */
.p-sc-faq-list .p-faq-list-item-title {
  position: relative !important;
  padding: 20px 60px 20px 30px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  background: #ffffff !important;
  margin: 0 !important;
}

/* 開閉アイコン */
.p-sc-faq-list .p-faq-list-item-title::after {
  content: "+" !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  color: #333333 !important;
  line-height: 1 !important;
}

.p-sc-faq-list .p-faq-list-item.is-active .p-faq-list-item-title::after {
  content: "−" !important;
}

/* 回答エリア：閉じている時 */
.p-sc-faq-list .p-faq-list-item-title-content {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transition: max-height 0.4s ease, opacity 0.3s ease !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  visibility: visible !important;
}

/* 開いている時 */
.p-sc-faq-list .p-faq-list-item.is-active .p-faq-list-item-title-content {
  max-height: 600px !important; /* ← 回答の最大高さより大きければOK */
  opacity: 1 !important;
}

/* 回答テキスト */
.p-sc-faq-list .p-faq-list-item-title-content .p-faq-list-item-title-content-text {
  padding: 20px 30px !important;
  border-top: 1px solid #D9D9D9 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555555 !important;
  background: #F9F9F9 !important;
  display: block !important;
}

/* 質問タイトル */
.p-sc-faq-list .p-faq-list-item-title {
  position: relative !important;
  padding: 20px 60px 20px 30px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  background: #ffffff !important;
  margin: 0 !important;
}

/* 開閉アイコン */
.p-sc-faq-list .p-faq-list-item-title::after {
  content: "+" !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  color: #333333 !important;
  line-height: 1 !important;
}

.p-sc-faq-list .p-faq-list-item.is-active .p-faq-list-item-title::after {
  content: "−" !important;
}

/* リスト枠線 */
.p-sc-faq-list {
  border-top: 1px solid #D9D9D9 !important;
  margin: 0 0 40px !important;
}

.p-sc-faq-list .p-faq-list-item {
  border-bottom: 1px solid #D9D9D9 !important;
}

/* 開いている時 */
.p-sc-faq-list .p-faq-list-item.is-active .p-faq-list-item-title-content {
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 回答テキスト */
.p-sc-faq-list .p-faq-list-item-title-content .p-faq-list-item-title-content-text {
  padding: 20px 30px !important;
  border-top: 1px solid #D9D9D9 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555555 !important;
  background: #F9F9F9 !important;
  display: block !important;
}

/* page-id-33・page-id-36：テーマ標準FAQにはカスタムの+/-を出さない */
.page-id-33 .p-sc-faq-list .p-faq-list-item-title::after,
.page-id-36 .p-sc-faq-list .p-faq-list-item-title::after {
  display: none !important;
}

.postid-18 .tcdce-box.custom_box.mb-6 ul li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background-color: #FF5340 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  margin-top: -8px !important;
}

.postid-19 .svc-feature-card .svc-merit-list li::before {
    content: "" !important;
    display: block !important;
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 16px !important;
    border-radius: 0 !important;
    background-color: #FF5340 !important;
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E) !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E) !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
}

/* ============================================================
   page-id-36：関連ページのご案内
   ============================================================ */

.page-id-36 .contact-link-row {
  display: flex !important;
  gap: 30px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: var(--tcd-lp-content-max-size, 1100px) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.page-id-36 .contact-link-row .contact-link-col {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.page-id-36 .contact-link-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 32px !important;
  border: 1px solid #0E7490 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.page-id-36 .contact-link-title {
  color: #0E7490 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
}

.page-id-36 .contact-link-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
  width: 100% !important;
}

.page-id-36 .contact-link-list li {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.page-id-36 .contact-link-list li::before {
  display: none !important;
}

.page-id-36 .contact-link-list li a {
  color: #000000 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none !important;
  display: inline !important;
}

/* 矢印アイコン */
.page-id-36 .contact-link-list li::after {
  content: "›" !important;
  font-size: 32px !important; /* ← この数値でサイズ調整 */
  color: #0E7490 !important;
  font-weight: 700 !important;
  margin-left: 12px !important;
  text-decoration: none !important;
  display: inline-block !important;
}

#contact-link-grid {
  display: block !important;
}

/* page-id-36：関連ページのご案内ボックスのパディング */
#contact-link-grid .tcdce-box.custom_box {
  padding: 44px !important; /* ← この数値で調整 */
}

@media (max-width: 767px) {
  #contact-link-grid .tcdce-box.custom_box {
    padding: 24px !important; /* ← SP時の数値で調整 */
  }
}

@media (max-width: 767px) {

  /* ============================================================
     サービスページ ヘッダー SP共通
     ============================================================ */

  /* ヘッダー全体：flexで縦に積む */
  .single-service .p-single-service-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    background-position: right center !important;
  }

  /* コピーテキストコンテナ：absoluteを解除 */
  .single-service .p-single-service-header__contents {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    padding: 20px 4% 0 4% !important;
    width: 100% !important;
  }

  /* h1コンテナ：absoluteを解除 */
  .single-service .p-single-service-header-title_content {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    padding: 8px 4% 50px 8% !important; /* ← 上下の余白調整 */
    width: 100% !important;
    max-width: 100% !important;
    border-top: none !important;
  }

  /* コピーテキスト */
  .single-service .p-single-service-header-copy {
    font-size: 13px !important;
    padding: 5px 8px !important;
    white-space: normal !important;
    text-align: right !important;
    display: inline-block !important;
  }

  /* h1タイトル */
  .single-service .p-single-service-header_title {
    font-size: 28px !important; /* ← 数値で調整 */
    white-space: normal !important;
    text-align: right !important;
    line-height: 1.3 !important;
  }

  /* ============================================================
     postid-21：毎日の電気代比較 SP
     ============================================================ */

  .postid-21 .p-single-service-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service4_SP.png") !important;
    min-height: 200px !important;
  }

  /* ============================================================
     postid-20：年間詳細レポート SP
     ============================================================ */

  .postid-20 .p-single-service-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service3_SP.png") !important;
    min-height: 200px !important;
  }

  /* ============================================================
     postid-19：明日の電気代予測 SP
     ============================================================ */

  .postid-19 .p-single-service-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service2_SP.png") !important;
    min-height: 200px !important;
  }

  /* ============================================================
     postid-18：見える君 SP
     ============================================================ */

  .postid-18 .p-single-service-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_sample-service1_SP.png") !important;
    min-height: 200px !important;
  }

  /* ============================================================
     page-id-85：EGMプラン SP
     ============================================================ */

  .page-id-85 .p-lp-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/plan_header_SP.png") !important;
    background-position: right center !important;
    min-height: 280px !important;
  }

  .page-id-85 .p-lp-header__title-text1 {
    font-size: 32px !important;
    white-space: normal !important;
  }

  .page-id-85 .p-lp-header__title-text2 {
    font-size: 14px !important;
    white-space: normal !important;
  }

  /* ============================================================
     導入事例アーカイブ SP
     ============================================================ */

  .post-type-archive-voice .c-archive-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/works_header_SP.png") !important;
    background-position: right center !important;
    min-height: 380px !important; /* ← 高さ調整 */
    max-height: 200px !important; /* ← 上限 */
    overflow: hidden !important;
  }

  .post-type-archive-voice .c-archive-header__content {
    min-height: 280px !important;
    padding: 24px 0% !important;
  }

  .post-type-archive-voice .c-archive-header__headline {
    font-size: 25px !important;
    white-space: normal !important;
  }

  .post-type-archive-voice .c-archive-header__copy {
    font-size: 14px !important;
  }

}

@media (max-width: 767px) {
  .single-service .p-single-service-header__contents {
    margin-bottom: 28px !important; /* ← SP専用の数値をここで調整 */
  }
}
.post-type-archive-voice .c-archive-header__copy div {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  display: block !important;
  line-height: 1.6 !important; /* ← この数値で調整 */
}

@media (max-width: 767px) {
  .post-type-archive-voice .c-archive-header__copy div {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    display: block !important;
    line-height: 1.6 !important; /* ← SP専用の数値で調整 */
  }
}

/* ＜後から自由挿入した画像＞ */
/* 画像共通スタイル */
.content-img {
  text-align: center !important;
  width: 100% !important;
  margin: 24px auto !important; /* ← 上下余白 */
}

.content-img img {
  width: 100% !important;    /* ← 横幅（%またはpx） */
  max-width: 800px !important; /* ← 最大幅 */
  height: auto !important;   /* 縦横比を保つ */
  display: block !important;
  margin: 0 auto !important;
}

/* SP */
@media (max-width: 767px) {
  .content-img img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ＜後から自由挿入した画像　ページ個別に調整したい場合＞ */

/* img-001だけ小さく */
#img-001 img {
  max-width: 520px !important;
}

#img-001 {
  margin: 0px !important;
}

/* img-002：svc-detailのwidth制限を例外的に上書き */
.svc-feature-card .svc-detail.img-002,
.svc-feature-card .img-002,
.img-002 {
  width: 100% !important;
  max-width: 440px !important; /* ← この数値で調整 */
}

/* img-002内のimgも幅に合わせて膨らむ */
.img-002 img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

.img-003 {
    max-width: 360px;
}

.page-id-36 [data-render-id="render-18931eed"] {
  text-align: center !important;
}

/* page-id-36：p-icon-list-item周辺の不要なpタグ余白を消す */
.page-id-36 .p-sc-icon-list p:empty,
.page-id-36 .p-sc-icon-list > p {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* page-id-36：アイコンリストの全アイテムにborder-bottomを付ける */
.page-id-36 .p-sc-icon-list .p-icon-list-item {
  border-bottom: 1px solid #ddd !important;
}



/* 2-2. contact-desc-list：リストのli */
.page-id-36 .p-icon-list-item_desc .contact-desc-list li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  line-height: normal !important;
}

.page-id-36 .p-icon-list-item_desc .contact-desc-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

/* 2-3. contact-desc-head：対応内容などの見出し */
.page-id-36 .p-icon-list-item_desc .contact-desc-head {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  line-height: normal !important;
  display: block !important;
  margin: 16px 0 8px !important;
  text-align: center;
}

/* page-id-36：divタグのp-icon-list-itemをaタグと同等に扱う */
.page-id-36 .p-sc-icon-list div.p-icon-list-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
  gap: 50px !important;
  padding: 50px !important;
  border: 1px solid #ddd !important;
  margin: -1px !important;
  margin-right: 0 !important;
  border-bottom: none !important;
  transition: background-color .3s ease !important;
  box-sizing: border-box !important;
  width: 100% !important;        /* ← 幅を明示 */
  min-width: 0 !important;       /* ← gridでの縮小を防ぐ */
  flex: 1 1 0% !important;       /* ← flex子要素として均等に広がる */
}

/* p-sc-icon-list自体のgrid/flexを確認して上書き */
.page-id-36 .p-sc-icon-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* page-id-36：アイコン画像をCSSで制御 */
.page-id-36 .p-icon-list-item_icon_items img {
  width: 40% !important;        /* ← サイズ調整 */
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* p-icon-list-item-inner：grid影響を受けないwrapper */
.page-id-36 .p-icon-list-item .p-icon-list-item-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  height: 100% !important;
}

/* page-id-36：p-icon-list-itemの直接の子を縦積みに強制 */
.page-id-36 .p-sc-icon-list a.p-icon-list-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 20px !important;
  padding: 50px !important;
  border: 1px solid #ddd !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 直接の子のdivを横に並ばせない */
.page-id-36 .p-sc-icon-list a.p-icon-list-item > div {
  display: block !important;
  width: 100% !important;
  float: none !important;
  flex-shrink: 0 !important;
}

/* p-icon-list-item-innerもflexで縦積み */
.page-id-36 .p-sc-icon-list a.p-icon-list-item .p-icon-list-item-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  flex: 1 !important;
}

/* contact-info：spanタグ・divタグ両対応・詳細度最大 */
.page-id-36 .p-sc-icon-list .p-icon-list-item .p-icon-list-item_desc .contact-info {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: normal !important;
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: center;
}

/* aタグ（tel/mailto）*/
.page-id-36 .p-sc-icon-list .p-icon-list-item .p-icon-list-item_desc .contact-info a {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  text-decoration: none !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-id-36 .p-sc-icon-list .p-icon-list-item .p-icon-list-item_desc .contact-info a:link,
.page-id-36 .p-sc-icon-list .p-icon-list-item .p-icon-list-item_desc .contact-info a:visited,
.page-id-36 .p-sc-icon-list .p-icon-list-item .p-icon-list-item_desc .contact-info a:hover {
  color: #FF5340 !important;
}

#notice .banner-image {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: 0 !important; /* 画像下の隙間を消す */
}

#notice .banner-image a {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: 0 !important;
}

#notice .banner-image img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 70% !important;
  height: auto !important;
}

#notice .banner-image a {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* usage：中の要素を中央揃え */
.usage {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important; /* ← この数値で間隔調整 */
  padding: 0 !important; /* bg-gray-100のpaddingを上書き */
}

/* usage-fee：金額テキスト */
.usage-fee {
  font-family: "Roboto", sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: normal !important;
  display: block !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
/* usage内のbrタグを非表示 */
.usage br {
  display: none !important;
}

/* デフォルト：両方非表示 */
.copy-top,
.copy-single {
  display: none !important;
}

/* TOPページ・サービスアーカイブ：copy-topを表示 */
.home .copy-top,
.post-type-archive-service .copy-top {
  display: inline !important;
}

/* 下層ページ（postid-19）：copy-singleを表示 */
.postid-19 .copy-single {
  display: inline !important;
}

/* demand-section */
.demand-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 66px 0 !important;
  width: 100% !important;
  background: #ffffff !important;
}

/* 見出しエリア */
.demand-heading {
  position: relative !important;
  text-align: center !important;
  width: 100% !important;
}

/* 英語の透かし文字 */
.demand-heading-en {
  display: block !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 50px !important;
  font-weight: 700 !important;
  color: #ebebeb !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
}

/* 日本語見出し */
.demand-heading-ja {
  display: block !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  margin-top: -40px !important; /* 英語の上に重ねる */
  position: relative !important;
  z-index: 1 !important;
}

/* コンテンツエリア */
.demand-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 40px 0 0;
  width: min(634px, 100%) !important;
}

/* 本文 */
.demand-body {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  line-height: 1.8 !important;
  width: 100% !important;
}

.demand-body p {
  margin-bottom: 1em !important;
}

/* ティール強調テキスト */
.demand-accent {
  color: #0E7490 !important;
  font-weight: 500 !important;
}

/* ============================================================
   postid-19：svc-feature-card
   ============================================================ */

.postid-19 .svc-feature-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  padding: 32px 52px 36px !important;
  border-radius: 4px !important;
  background: #F9F9F9 !important;
  border: none !important;
}

.postid-19 .svc-feature-card .svc-badge {
  display: flex !important;
  align-items: flex-end !important;
  gap: 2px !important;
  position: relative !important;
  padding-bottom: 4px !important;
}

.postid-19 .svc-feature-card .svc-badge-line {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: #FF5340 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.postid-19 .svc-feature-card .svc-badge-en {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
}

.postid-19 .svc-feature-card .svc-badge-num {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: 1 !important;
}

.postid-19 .svc-feature-card .svc-title {
  color: #000 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  align-self: stretch !important;
}

/* svc-evidence */
.postid-19 .svc-feature-card .svc-evidence {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 20px 0 !important;
  border-top: 1px solid #D9D9D9 !important;
}

/* svc-evidence-title */
.postid-19 .svc-feature-card .svc-evidence-title,
.postid-19 .svc-feature-card p.svc-evidence-title {
  align-self: stretch !important;
  color: #333333 !important;
  text-align: center !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 !important;
}

/* svc-detail-list */
.postid-19 .svc-feature-card .svc-detail-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
}

.postid-19 .svc-feature-card .svc-detail-list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333333 !important;
}

.postid-19 .svc-feature-card .svc-detail-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

/* post_row内の高さ揃え */
.postid-19 .post_row .post_col {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.postid-19 .post_row .post_col .tcdce-box.svc-feature-card {
  height: 100% !important;
}
/* postid-19：svc-evidence（detail系）*/
.postid-19 .svc-feature-card .svc-evidence {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 24px !important;
  width: min(502px, 100%) !important;
  padding: 27px 64px !important;
  border-top: 1px solid #333333 !important;
}

.postid-19 .svc-feature-card .svc-evidence p.svc-evidence-title {
  align-self: stretch !important;
  color: #333333 !important;
  text-align: center !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 !important;
}

.postid-19 .svc-feature-card .svc-detail-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.postid-19 .svc-feature-card .svc-detail-list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333333 !important;
}

.postid-19 .svc-feature-card .svc-detail-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
}

/* postid-19：svc-merit */
.postid-19 .svc-feature-card .svc-merit {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 23px !important;
  width: min(502px, 100%) !important;
  padding: 28px 72px !important;
  border-radius: 4px !important;
  background: #333333 !important;
  border: none !important;
}

.postid-19 .svc-feature-card .svc-merit-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  width: 100% !important;
}

.postid-19 .svc-feature-card .svc-merit-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}

.postid-19 .svc-feature-card .svc-merit-list li {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.postid-19 .svc-feature-card .svc-merit-list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background-color: #FF5340 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.80833 14.8788L14.9875 9.69967L13.7042 8.37051L9.80833 12.2663L7.8375 10.3413L6.55417 11.6247L9.80833 14.8788ZM5.5 18.4997C4.99583 18.4997 4.56439 18.3203 4.20567 17.9616C3.84694 17.6029 3.66728 17.1711 3.66667 16.6663V5.66634C3.66667 5.16217 3.84633 4.73073 4.20567 4.37201C4.565 4.01329 4.99644 3.83362 5.5 3.83301H16.5C17.0042 3.83301 17.4359 4.01267 17.7952 4.37201C18.1546 4.73134 18.3339 5.16279 18.3333 5.66634V16.6663C18.3333 17.1705 18.154 17.6023 17.7952 17.9616C17.4365 18.3209 17.0048 18.5003 16.5 18.4997H5.5ZM5.5 16.6663H16.5V5.66634H5.5V16.6663ZM1.83333 22.1663C1.32917 22.1663 0.897722 21.987 0.539 21.6283C0.180278 21.2695 0.000611111 20.8378 0 20.333V7.49967H1.83333V20.333H14.6667V22.1663H1.83333Z' fill='%23FF5340'/%3E%3C/svg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  margin-top: -8px !important;
}

/* no-border：ボーダーを完全に消す（全ページ共通・詳細度最大）*/
.tcdce-box.custom_box.svc-feature-card .svc-evidence.no-border,
.postid-19 .svc-feature-card .svc-evidence.no-border,
.postid-20 .svc-feature-card .svc-evidence.no-border,
.postid-21 .svc-feature-card .svc-evidence.no-border,
.postid-18 .svc-feature-card .svc-evidence.no-border {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border: none !important;
  outline: none !important;
}

/* content-img内のaタグホバーアニメーション */
.content-img a {
  display: block !important;
  transition: transform 0.2s ease !important;
}

.content-img a:hover {
  transform: translateY(4px) !important; /* ← 沈む量を調整 */
}

/* banner-img：サイズ自由調整用クラス */
.banner-img img {
  width: 560px !important; /* ← この数値でサイズ調整 */
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* サイト全体：空のpタグを非表示 */
p:empty {
  display: none !important;
}

/* columnページ ヘッダー */
.page-id-797 .p-single-service-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_column-scaled.jpg") !important;
  background-color: #0E7490 !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 320px !important;
}

.page-id-797 .p-single-service-header .wp-post-image {
  display: none !important;
}

.page-id-797 .p-single-service-header .p-service-header-overlay {
  display: none !important;
}

.page-id-797 .p-single-service-header__contents {
  position: absolute !important;
  right: 15% !important;
  top: 40% !important;
  transform: translateY(-100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  z-index: 1 !important;
  left: auto !important;
  bottom: 180px !important;
  width: auto !important;
}

.page-id-797 .p-single-service-header-copy {
  display: inline-block !important;
  background: #ffffff !important;
  color: #0E7490 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  padding: 10px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.page-id-797 .p-single-service-header-title_content {
  position: absolute !important;
  right: 13% !important;
  top: 55% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  z-index: 1 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: 90% !important;
  border-top: none !important;
}

.page-id-797 .p-single-service-header_title {
  color: #ffffff !important;
  font-size: 57px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  white-space: nowrap !important;
  background: transparent !important;
  display: block !important;
  border: none !important;
}

/* サイドバーを非表示 */
.l-sidebar {
  display: none !important;
}

/* ナビゲーションのquoteクラスを非表示 */
.p-header-nav__list > li.quote {
  display: none !important;
}

/* p-page-headerを非表示 */
.p-page-header {
  display: none !important;
}

/* page-id-797：h1タイトルのテキストサイズ調整 */
.page-id-797 .p-single-service-header_title {
  font-size: 40px !important; /* ← この数値で調整 */
  white-space: normal !important;
}

/* page-id-797：wp-block-buttonをパルラートボタンスタイルに */
.page-id-797 .wp-block-button__link {
  background: #FF5340 !important;
  color: #ffffff !important;
  border: 2px solid #FF5340 !important;
  border-radius: 9999px !important;
  padding: 0.9em 1.6em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .15s ease !important;
  text-decoration: none !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 700 !important;
}

.page-id-797 .wp-block-button__link:active {
  transform: translateY(1px) !important;
}

/* page-id-797：wp-block-buttonのテーマ変数backgroundを無効化 */
.page-id-797 .wp-block-button__link {
  --tcdce-button-background: transparent !important;
  background: #FF5340 !important;
}

/* page-id-797：ホバー時もtcdce変数を上書き */
.page-id-797 .wp-block-button__link:hover {
  --tcdce-button-background: #ffffff !important;
  background: #ffffff !important;
  color: #FF5340 !important;
  border-color: #FF5340 !important;
}

/* page-id-797：ホバー時にbeforeの背景を透明に */
.page-id-797 .wp-block-button__link:hover::before {
  background: transparent !important;
  display: none !important;
}

.page-id-797 .wp-block-button__link:hover {
  --tcdce-button-background: transparent !important;
  background: #ffffff !important;
  color: #FF5340 !important;
  border-color: #FF5340 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* page-id-797：tcdce-bodyの左右余白を画面比率で調整 */
.page-id-797 .tcdce-body {
  padding-left: 8% !important;  /* ← この%で左余白調整 */
  padding-right: 8% !important; /* ← この%で右余白調整 */
  box-sizing: border-box !important;
}

/* ヘッダーだけ横100%に戻す（余白を打ち消す）*/
.page-id-797 .tcdce-body .p-single-service-header {
  margin-left: -35% !important;  /* tcdce-bodyのpadding-leftと同じ値をマイナスに */
  margin-right: -35% !important; /* tcdce-bodyのpadding-rightと同じ値をマイナスに */
  width: auto !important;
}

/* p-single-service-headerの背景を上基準に */
.page-id-797 .p-single-service-header {
  background-position: bottom !important;
}

/* p-pageのpadding-topを無効化 */
.page-id-797 .p-page {
  padding-top: 0 !important;
}

/* page-id-797：ヘッダー背景サイズを調整 */
.page-id-797 .p-single-service-header {
  background-size: 115% !important; /* ← この%または px で縮小・拡大を調整 */
}

/* page-id-797：手動パンクズを正しく表示 */
.page-id-797 .c-breadcrumb-manual {
  display: block !important;
}

/* page-id-797：tcdce-bodyの外のパンクズ（テーマ自動生成）を非表示 */
.page-id-797 .p-single__content_service .c-breadcrumb,
.page-id-797 .p-single_top_inner .c-breadcrumb,
.page-id-797 .c-breadcrumb:not(.c-breadcrumb-manual) {
  display: none !important;
}

/* page-id-797：手動パンクズは表示を維持 */
.page-id-797 .c-breadcrumb-manual {
  display: flex !important;
}

/* ============================================================
   page-id-797：擬似パンクズ（c-breadcrumb-manual）
   ============================================================ */

.page-id-797 .c-breadcrumb-manual {
  border-bottom: 1px solid #dddddd !important;
  height: 70px !important;
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.page-id-797 .c-breadcrumb-manual ol {
  display: flex !important;
  align-items: center !important;
  column-gap: 12px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), var(--tcd-base-container-size))) !important;
  box-sizing: border-box !important;
}

.page-id-797 .c-breadcrumb-manual li {
  display: flex !important;
  align-items: center !important;
  column-gap: 10px !important;
}

/* 最後のli（現在ページ）はグレー・省略あり */
.page-id-797 .c-breadcrumb-manual li:last-of-type {
  color: #999 !important;
  flex: 1 !important;
  overflow: hidden !important;
}

.page-id-797 .c-breadcrumb-manual li:last-of-type span {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  visibility: visible !important;
  display: block !important;
}

/* 矢印アイコン */
.page-id-797 .c-breadcrumb-manual .c-breadcrumb__item-arrow {
  font-size: 1.5em !important;
  color: initial !important;
  margin: -0.2em !important;
}

/* ホームアイコンリンク */
.page-id-797 .c-breadcrumb-manual .c-breadcrumb__item-link {
  color: inherit !important;
  text-decoration: none !important;
  transition-timing-function: ease !important;
  transition-duration: 0.3s !important;
  transition-property: background-color, border-color, color, opacity !important;
}

/* ホームアイコン */
.page-id-797 .c-breadcrumb-manual .c-breadcrumb__item-home {
  width: 1em !important;
  height: 1em !important;
  fill: currentcolor !important;
  margin-bottom: 2px !important;
}

/* page-id-797：wp-block-separatorのマージントップ調整 */
.page-id-797 .wp-block-separator {
  margin-top: 100px !important; /* ← この数値で調整 */
}

@media (max-width: 767px) {

  /* page-id-797：SP版ヘッダー */
  .page-id-797 .p-single-service-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    background-position: right center !important;
    min-height: 200px !important;
  }

  .page-id-797 .p-single-service-header__contents {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    padding: 20px 4% 0 4% !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  .page-id-797 .p-single-service-header-title_content {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    padding: 8px 4% 50px 8% !important;
    width: 100% !important;
    max-width: 100% !important;
    border-top: none !important;
  }

  .page-id-797 .p-single-service-header-copy {
    font-size: 13px !important;
    padding: 5px 8px !important;
    white-space: normal !important;
    text-align: right !important;
    display: inline-block !important;
  }

  .page-id-797 .p-single-service-header_title {
    font-size: 24px !important; /* ← 数値で調整 */
    white-space: normal !important;
    text-align: right !important;
    line-height: 1.3 !important;
  }

}
@media (max-width: 767px) {
  .page-id-797 .p-single-service-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_column_SP.png") !important;
  }
}

/* ============================================================
   サービスアーカイブ（post-type-archive-service）ヘッダー
   ============================================================ */

.post-type-archive-service .c-archive-header {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_service-scaled.jpg") !important;
  background-size: cover !important;
  background-position: bottom !important;
  background-color: #0E7490 !important;
  position: relative !important;
  min-height: 320px !important;
  display: block !important;
}

.post-type-archive-service .c-archive-header__overlay {
  display: none !important;
}

.post-type-archive-service .c-archive-header__subheadline {
  display: none !important;
}

.post-type-archive-service .c-archive-header .c-archive-header-title-desc-content {
  display: none !important;
}

.post-type-archive-service .c-archive-header__content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 20px !important;
  text-align: right !important;
  padding: 60px 5% !important;
  min-height: 320px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
}

.post-type-archive-service .c-archive-header__headline {
  color: #ffffff !important;
  font-size: 57px !important;
  font-weight: 700 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 20px !important;
  line-height: normal !important;
  white-space: nowrap !important;
}

.post-type-archive-service .c-archive-header__copy {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  line-height: normal !important;
  background: transparent !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-top: none !important;
}

.post-type-archive-service .c-archive-header__copy::before,
.post-type-archive-service .c-archive-header__copy::after {
  display: none !important;
  content: none !important;
}

.post-type-archive-service .c-archive-header__copy div {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: right !important;
  border: none !important;
}

/* アーカイブタイトル・説明文 */
.post-type-archive-service #js-archive-header-wrap {
  display: block !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  margin-top: 28px !important;
  margin-bottom: 24px !important;
  padding: 0 5% !important;
}

/* SP */
@media (max-width: 767px) {
  .post-type-archive-service .c-archive-header {
    background-position: right center !important;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow: hidden !important;
  }

  .post-type-archive-service .c-archive-header__content {
    min-height: 200px !important;
    padding: 24px 4% !important;
  }

  .post-type-archive-service .c-archive-header__headline {
    font-size: 32px !important;
    white-space: normal !important;
  }

  .post-type-archive-service .c-archive-header__copy {
    font-size: 14px !important;
  }
}

/* ============================================================
   サービスアーカイブ（post-type-archive-service）
   アーカイブタイトル・説明文エリア
   ============================================================ */

/* アーカイブタイトルエリアをヘッダー内で非表示 */
.post-type-archive-service .c-archive-header .c-archive-header-title-desc-content {
  display: none !important;
}

/* ヘッダー外のアーカイブタイトル・説明文 */
.post-type-archive-service #js-archive-header-wrap {
  display: block !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important; /* ← 下の距離をここで調整 */
  padding: 0 5% !important;
  color: #333333 !important;
}

.post-type-archive-service .c-archive-header-title {
  position: static !important;
  transform: none !important;
  white-space: normal !important;
  color: #333333 !important;
  margin-bottom: 20px !important;
}

.post-type-archive-service .c-archive-header__desc {
  position: static !important;
  transform: none !important;
  display: block !important;
}

/* コピーテキスト */
.post-type-archive-service .c-archive-header__copy {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  text-align: right !important;
  line-height: normal !important;
  background: transparent !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.post-type-archive-service .c-archive-header__copy::before,
.post-type-archive-service .c-archive-header__copy::after {
  display: none !important;
  content: none !important;
}

.post-type-archive-service .c-archive-header__copy div {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: right !important;
  border: none !important;
}

/* ============================================================
   サービスアーカイブ SP
   ============================================================ */

@media (max-width: 767px) {

  .post-type-archive-service .c-archive-header {
    background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_service_SP.png") !important; /* ← SP画像をここに */
    background-position: right center !important;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow: hidden !important;
  }

  .post-type-archive-service .c-archive-header__content {
    min-height: 200px !important;
    padding: 24px 4% !important;
  }

  .post-type-archive-service .c-archive-header__headline {
    font-size: 32px !important;
    white-space: normal !important;
  }

  .post-type-archive-service .c-archive-header__copy {
    font-size: 14px !important;
  }
}
/* ============================================================
   post-type-archive-service：サービス一覧ページ専用
   ============================================================ */

/* min-heightを解除 */
.post-type-archive-service .c-archive-header__content {
  min-height: unset !important;
}

/* c-archive-header__copyの右余白 */
.post-type-archive-service .c-archive-header__copy {
  padding-right: 0% !important; /* ← この%で調整 */
}

/* アーカイブタイトル・説明文を白文字に */
.post-type-archive-service .c-archive-header-title {
  color: #ffffff !important;
}

.post-type-archive-service .c-archive-header__desc,
.post-type-archive-service .c-archive-header__desc p,
.post-type-archive-service .c-archive-header__desc .tcdce-body p {
  color: #ffffff !important;
}

/* post-type-archive-service：c-archive-header_headline_contentのmargin-bottomを解除 */
.post-type-archive-service .c-archive-header_headline_content {
  margin-bottom: 0 !important;
}

/* flow-step テキストサイズ調整 */
.flow-step-title {
  font-size: 24px !important; /* ← タイトルのサイズ調整 */
}

.flow-step-desc {
  font-size: 16px !important; /* ← 説明文のサイズ調整 */
}

.flow-step-list li {
  font-size: 14px !important; /* ← リスト項目のサイズ調整 */
}

/* page-id-46：tcdce-box custom_boxの中央揃えとパディング調整 */
.page-id-46 .tcdce-box.custom_box {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 40px !important; /* ← この数値で調整 */
}

/* 中の要素も中央揃え */
.page-id-46 .tcdce-box.custom_box * {
  text-align: center !important;
}

.faq-contact {
  padding-bottom: 32px !important ;
}

/* .faq-contact の2個目のpを非表示 */
.faq-contact p:nth-of-type(2) {
  display: none !important;
}

/* page-id-46：contact-infoスタイル */
.page-id-46 .contact-info {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: normal !important;
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.page-id-46 .contact-info a,
.page-id-46 .contact-info a:link,
.page-id-46 .contact-info a:visited,
.page-id-46 .contact-info a:hover {
  color: #FF5340 !important;
  text-decoration: none !important;
}

/* page-id-46：テーマのpタグへのmargin自動付与を無効化 */
.page-id-46 .tcdce-body p,
.page-id-46 p {
  margin: 0 !important;
}

/* faq-contact内のcontact-spaceの下にマージン */
.faq-contact .contact-space {
  display: inline-block !important;
  margin-bottom: 20px !important; /* ← この数値で調整 */
}

/* column-image：figureタグに対応したサイズ調整 */
figure.column-image {
  text-align: center !important;
  width: 80% !important;
  margin: 0 auto !important;
  margin-top: 52px !important; /* ← 頂点のマージンをここで調整 */
}

figure.column-image img {
  width: 80% !important;  /* ← この%で調整 */
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* SP */
@media (max-width: 767px) {
  figure.column-image img {
    width: 100% !important; /* ← SP時の%で調整 */
  }
}

/* PC：img-pcを表示・img-spを非表示 */
.content-img .img-sp {
  display: none !important;
}

.content-img .img-pc {
  display: block !important;
}

/* SP：img-spを表示・img-pcを非表示 */
@media (max-width: 767px) {
  .content-img .img-pc {
    display: none !important;
  }

  .content-img .img-sp {
    display: block !important;
    width: 72% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}

/* ============================================================
   SP版TOPページ MV
   ============================================================ */

.header_slider_newsticker_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 767px) {

  /* l-outerをrelativeに */
  .l-outer {
    position: relative !important;
  }

  /* ヘッダー：テーマのstickyに任せてCSSでは触らない */
  /* position はテーマJSに委ねる（競合防止） */
  .l-header {
    z-index: 100 !important;
    width: 100% !important;
  }

  /* ヘッダーの背景色 */
  #js-header .p-header-bar {
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-color: #137E9A !important;
  }

  /* header_slider_newsticker_content */
  .header_slider_newsticker_content {
    height: 684px !important;
    overflow: hidden !important;
    margin-top: 0px !important; /* ← ヘッダー高さ分だけ下げる */
    padding-top: 0 !important;
  }

  /* MV全体 */
  #js-mv2,
  .p-mv2 {
    width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    margin-top: 0 !important;
  }

  /* splide__track：背景画像をここで切る */
  .p-mv2 .splide__track,
  #js-mv2-track {
    overflow: hidden !important;
    height: 800px !important; /* ← 高さ調整 */
    position: relative !important;
  }

  /* splide__list */
  .p-mv2 .splide__list,
  #js-mv2-list {
    height: 100% !important;
    flex-wrap: nowrap !important;
  }

  /* 各スライド */
  .p-mv2 .splide__slide,
  .p-mv2 .p-mv2__slide {
    height: 700px !important;
    min-height: unset !important;
    position: relative !important;
    overflow: visible !important;
    clip-path: none !important;
  }

  /* c-cover（背景画像） */
  .p-mv2 .splide__slide .c-cover {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    max-width: unset !important;
    max-height: unset !important;
    z-index: 0 !important;
  }

  /* slide個別調整 */
  #js-mv2-slide01 .c-cover { width: 100% !important; object-position: center top !important; }
  #js-mv2-slide02 .c-cover { width: 100% !important; object-position: center top !important; }
  #js-mv2-slide03 .c-cover { width: 100% !important; object-position: center top !important; }

  /* コンテンツエリア：will-changeでブレ防止 */
  .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 500px !important;
    display: flex !important;
    align-items: flex-start !important;
    z-index: 10 !important;
    overflow: visible !important;
    padding-top: 0 !important;
    padding-bottom: 40px !important;
    pointer-events: none !important;
  }

  /* ボタン・リンクはクリック可能に */
  .p-mv2-content a,
  .p-mv2-content button {
    pointer-events: auto !important;
  }

  /* p-mv2-content-flex */
  .p-mv2-content-flex {
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
  }

  /* テキスト・ボタン位置 */
  .p-mv2-text-content {
    height: auto !important;
    width: 100% !important;
    margin-top: 500px !important; /* ← ボタン縦位置をここで調整 */
    padding-top: 0 !important;
    overflow: visible !important;
  }

}

@media (max-width: 767px) {

  /* p-mv2-content：l-innerの中央揃えを維持しつつ位置を固定 */
  .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important; /* ← 追加：左右0にして幅を確定 */
    width: 100% !important;
    height: auto !important;
    min-height: 500px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important; /* ← 追加：横中央揃え */
    z-index: 10 !important;
    overflow: visible !important;
    padding-top: 0 !important;
    padding-bottom: 40px !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  /* p-mv2-content-flex：中央に配置 */
  .p-mv2-content-flex {
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important; /* ← 追加 */
    align-items: flex-start !important;
  }

  /* テキスト・ボタンを中央に */
  .p-mv2-text-content {
    height: auto !important;
    width: 100% !important;
    max-width: 600px !important; /* ← コンテンツ幅を制限 */
    margin: 0 auto !important; /* ← 中央揃え */
    margin-top: 120px !important; /* ← ボタン縦位置をここで調整 */
    padding-top: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

}

@media (max-width: 767px) {

  /* p-mv2-content：左右を0で固定して中央揃え */
  .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 500px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;  /* ← 横中央 */
    justify-content: flex-start !important;
    z-index: 10 !important;
    overflow: visible !important;
    padding: 0 !important;           /* ← l-innerのpaddingを打ち消す */
    margin: 0 !important;            /* ← l-innerのmarginを打ち消す */
    max-width: 100% !important;      /* ← l-innerのmax-widthを打ち消す */
    inline-size: 100% !important;    /* ← l-innerのinline-sizeを打ち消す */
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  /* p-mv2-content-flex */
  .p-mv2-content-flex {
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  /* テキスト・ボタン：中央揃え */
  .p-mv2-text-content {
    height: auto !important;
    width: 90% !important;           /* ← 左右に少し余白 */
    margin: 0 auto !important;       /* ← 中央揃え */
    margin-top: 120px !important;    /* ← ボタン縦位置をここで調整 */
    padding-top: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  /* ボタン・リンクはクリック可能に */
  .p-mv2-content a,
  .p-mv2-content button {
    pointer-events: auto !important;
  }

}

@media (max-width: 767px) {
  .p-mv2-text-content {
    position: fixed !important;
    top: calc(620px + env(safe-area-inset-top, 0px)) !important;
    left: 50% !important;
    transform: translateX(-50%) translateZ(0) !important; /* ← -50%で中央補正 */
    width: 90% !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
    text-align: center !important;
    pointer-events: auto !important;
    z-index: 10 !important;
  }
}

/* plan-cell-title：テキストサイズを小さく上書き */
.plan-cell-title {
  font-size: 18px !important; /* ← この数値で調整 */
}

/* ============================================================
   SP：選ばれる理由セクション（#Reason）のアイコンリスト専用
   ============================================================ */

@media (max-width: 767px) {

  /* アイコンボックスサイズを調整 */
  #Reason .p-icon-list-item_icon_items {
    width: 1100px !important;  /* ← この数値でサイズ調整 */
  }

  /* ボーダーを除去 */
  #Reason .p-icon-list-item {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-width: 0 !important;
    border-style: none !important;
    margin: 0 !important;
    padding: 0px !important; /* ← パディング調整 */
    gap: 40px !important;    /* ← アイコンとテキストの間隔 */
  }

}

@media (max-width: 767px) {

  /* アイコンコンテンツエリアの高さを制限 */
  #Reason .p-icon-list-item_icon_content {
    width: 100% !important;
    height: 210px !important;  /* ← この数値で高さを調整 */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* アイコンボックスの高さも制限 */
  #Reason .p-icon-list-item_icon_items {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  /* 画像を上下トリミングして収める */
  #Reason .p-icon-list-item_icon_img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

}

@media (max-width: 767px) {

  /* 画像をblock化して余分な空白を除去 */
  #Reason .p-icon-list-item_icon_img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: bottom !important; /* inline時の下部スペース対策 */
  }

  /* アイコンボックス：左右マージンをなくす */
  #Reason .p-icon-list-item_icon_items {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important; /* 円形を解除して横長画像に合わせる */
  }

  /* アイコンコンテンツコンテナ */
  #Reason .p-icon-list-item_icon_content {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important; /* inline画像の下部スペース除去 */
  }

}

@media (max-width: 767px) {

  /* width: 1100pxを打ち消して適切なサイズに */
  #Reason .p-icon-list-item_icon_items {
    width: 155% !important;   /* ← 横幅を親要素に合わせる */
    height: 168px !important; /* ← 縦の高さを制限 */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
  }

  /* 画像もボックスに合わせる */
  #Reason .p-icon-list-item_icon_img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* アイコンコンテンツの余白も除去 */
  #Reason .p-icon-list-item_icon_content {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

}

/* SP：横スクロールヒント */
.scroll-hint-text {
  display: none !important;
}

@media (max-width: 767px) {
  .scroll-hint-text {
    display: block !important;
    text-align: center !important;
    font-size: 12px !important;
    color: #888888 !important;
    padding: 0px 0 4px !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
  }
}

/* ============================================================
   svc-detail-list・svc-merit-list SP：左マージン＋テキスト折り返し
   ============================================================ */

@media (max-width: 767px) {

  .svc-feature-card .svc-detail-list li {
    padding-left: 20px !important; /* ← この数値で左マージン調整 */
    position: relative !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  /* before要素を左に絶対配置して食い込まないように */
  .svc-feature-card .svc-detail-list li::before {
    position: absolute !important;
    left: 0 !important;
    top: 0.4em !important;
    flex-shrink: 0 !important;
  }

  .svc-feature-card .svc-merit-list li {
    padding-left: 28px !important; /* ← この数値で左マージン調整 */
    position: relative !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .svc-feature-card .svc-merit-list li::before {
    position: absolute !important;
    left: 0 !important;
    top: 0.4em !important;
    flex-shrink: 0 !important;
  }

}

/* ============================================================
   postid-21：.post_row（ba-cards以外）SPでgridを解除
   ============================================================ */

@media (max-width: 767px) {

  .postid-21 .post_row:not(.ba-cards) {
    display: block !important;
    grid-template-columns: unset !important;
  }

  .postid-21 .post_row:not(.ba-cards) .post_col {
    width: 100% !important;
    display: block !important;
  }

}

/* ============================================================
   ba-cards：SP時flex解除
   ============================================================ */

@media (max-width: 767px) {
  .post_row.ba-cards {
    display: block !important;
    grid-template-columns: unset !important;
  }

  .post_row.ba-cards .post_col {
    width: 100% !important;
    display: block !important;
  }
}

/* ============================================================
   svc-feature-card：各ページSP時のパディング
   ============================================================ */

@media (max-width: 767px) {
  .postid-18 .svc-feature-card,
  .postid-19 .svc-feature-card,
  .postid-20 .svc-feature-card,
  .postid-21 .svc-feature-card {
    padding: 24px 16px !important; /* ← この数値で調整 */
  }
}

/* ============================================================
   svc-evidence.no-border：SP時のパディング
   ============================================================ */

@media (max-width: 767px) {
  .svc-evidence.no-border {
    padding: 16px 0 !important; /* ← この数値で調整 */
  }
}

/* ============================================================
   ba-cards：ラストチャイルドにマージンTOP
   ============================================================ */

.post_row.ba-cards .post_col:last-child {
  margin-top: 40px !important; /* ← この数値で調整 */
}

/* ============================================================
   demand-section：はみ出た要素を非表示
   ============================================================ */

.demand-section {
  overflow: hidden !important;
}

/* ============================================================
   demand-content：SPのみパディング
   ============================================================ */

@media (max-width: 767px) {
  .demand-content {
    padding: 0 20px !important; /* ← この数値で調整 */
  }
}

/* ============================================================
   svc-evidence.no-border：全ページSPのみパディング
   ============================================================ */

@media (max-width: 767px) {
  .postid-18 .svc-evidence.no-border,
  .postid-19 .svc-evidence.no-border,
  .postid-20 .svc-evidence.no-border,
  .postid-21 .svc-evidence.no-border,
  .single-service .svc-evidence.no-border,
  .tcdce-box.custom_box.svc-feature-card .svc-evidence.no-border {
    padding: 16px !important; /* ← この数値で調整 */
  }
}

/* ============================================================
   svc-feature-card：各ページSPのみパディング
   ============================================================ */

@media (max-width: 767px) {

  .postid-18 .svc-feature-card,
  .postid-19 .svc-feature-card,
  .postid-20 .svc-feature-card,
  .postid-21 .svc-feature-card {
    padding: 32px 16px !important; /* ← この数値で調整 */
  }
}

@media (max-width: 767px) {

  /* svc-evidence（no-borderあり・なし共通）全ページSP */
  .postid-18 .svc-feature-card .svc-evidence,
  .postid-19 .svc-feature-card .svc-evidence,
  .postid-20 .svc-feature-card .svc-evidence,
  .postid-21 .svc-feature-card .svc-evidence,
  .postid-18 .svc-feature-card .svc-evidence.no-border,
  .postid-19 .svc-feature-card .svc-evidence.no-border,
  .postid-20 .svc-feature-card .svc-evidence.no-border,
  .postid-21 .svc-feature-card .svc-evidence.no-border,
  .single-service .svc-feature-card .svc-evidence,
  .single-service .svc-feature-card .svc-evidence.no-border,
  .tcdce-box.custom_box.svc-feature-card .svc-evidence,
  .tcdce-box.custom_box.svc-feature-card .svc-evidence.no-border {
    padding: 32px 0 !important; /* ← この数値で調整 */
  }

}

@media (max-width: 767px) {

  /* svc-merit：全ページSP用パディング */
  .postid-18 .svc-feature-card .svc-merit,
  .postid-19 .svc-feature-card .svc-merit,
  .postid-20 .svc-feature-card .svc-merit,
  .postid-21 .svc-feature-card .svc-merit,
  .single-service .svc-feature-card .svc-merit,
  .tcdce-box.custom_box.svc-feature-card .svc-merit {
    padding: 20px 32px !important; /* ← この数値で調整 */
  }

}


@media (max-width: 767px) {

  /* tcdce-box：全ページSP用パディング */
  .postid-18 .tcdce-box,
  .postid-19 .tcdce-box,
  .postid-20 .tcdce-box,
  .postid-21 .tcdce-box,
  .single-service .tcdce-box,
  .page-id-85 .tcdce-box,
  .page-id-36 .tcdce-box,
  .page-id-46 .tcdce-box,
  .post-type-archive-service .tcdce-box,
  .post-type-archive-voice .tcdce-box {
    padding: 24px 16px !important; /* ← この数値で調整 */
  }

}

@media (max-width: 767px) {

  /* page-id-85：post_rowの間隔 */
  .page-id-85 .post_row {
    gap: 32px !important; /* ← この数値で調整 */
    margin-bottom: 24px !important; /* ← この数値で調整 */
  }

}

.page-id-85 .post_row .post_col {
  gap:12px;
}

@media (max-width: 767px) {

  /* postid-20：svc-evidence-list liに左パディング */
  .postid-20 .svc-evidence-list li {
    padding-left: 20px !important; /* ← この数値で調整 */
    position: relative !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .postid-20 .svc-evidence-list li::before {
    position: absolute !important;
    left: 0 !important;
    top: 0.4em !important;
    flex-shrink: 0 !important;
  }

}

@media (max-width: 767px) {

  /* c-archive-headerの高さを伸ばす */
  .post-type-archive-service .c-archive-header {
    background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_service_SP.png) !important;
    background-position: right center !important;
    background-size: 160% auto !important;
    min-height: 50px !important; /* ← この数値で調整 */
    max-height: none !important;  /* ← 上限を解除 */
    height: auto !important;
    overflow: hidden !important;
  }

  /* 内側のコンテンツエリアも高さを追従させる */
  .post-type-archive-service .c-archive-header__content {
    min-height: 50px !important; /* ← c-archive-headerと同じ値に */
    height: auto !important;
    max-height: none !important;
  }

}

/* svc-detail内のpとliの間隔調整 */
.svc-feature-card .svc-detail .svc-evidence-title {
  margin-bottom: 12px !important; /* ← この数値で調整 */
}

/* SP時だけ別の値にしたい場合 */
@media (max-width: 767px) {
  .svc-feature-card .svc-detail .svc-evidence-title {
    margin-bottom: 24px !important; /* ← SP専用の数値で調整 */
  }
}

@media (max-width: 767px) {
  .s_table {
    -webkit-overflow-scrolling: auto !important;
  }
  /* テーブル本体：最小幅を確保して崩れを防ぐ */
  .s_table table {
    min-width: 500px !important; /* ← この数値でテーブルの最小幅を調整 */
    width: 100% !important;
    font-size: 12px !important; /* ← この数値でフォントサイズを調整 */
    white-space: normal !important;
  }

  /* セルの余白を詰める */
  .s_table th,
  .s_table td {
    padding: 8px 6px !important; /* ← この数値でセルの余白を調整 */
    word-break: break-word !important;
    white-space: normal !important;
    vertical-align: top !important;
    line-height: 1.4 !important;
  }

  /* ヘッダーセルの最小幅 */
  .s_table thead th {
    white-space: nowrap !important;
    font-size: 11px !important;
  }

}

@media (max-width: 767px) {

  /* テーブルの横の要素同士の間隔を広げる */
  .s_table th,
  .s_table td {
    padding: 8px 16px !important; /* ← 左右の数値を上げると横間隔が広がる */
    line-height: 1.7 !important;  /* ← この数値で行間を調整 */
    word-break: break-word !important;
    white-space: normal !important;
    vertical-align: top !important;
  }

  /* ヘッダーセルの行間 */
  .s_table thead th {
    padding: 8px 16px !important; /* ← tdと合わせる */
    line-height: 1.8 !important;  /* ← この数値で行間を調整 */
    white-space: nowrap !important;
  }

}

@media (max-width: 767px) {

  /* テキストを左揃えに */
  .s_table th,
  .s_table td {
    text-align: left !important;
    padding: 8px 16px !important;
    line-height: 1.8 !important;
    word-break: break-word !important;
    white-space: normal !important;
    vertical-align: top !important;
  }

  /* th同士の間隔：border-spacingで調整 */
  .s_table table {
    border-spacing: 4px 0 !important; /* ← 左の数値で横間隔を調整 */
    border-collapse: separate !important; /* border-spacingを有効にするため */
  }

}

/* サイト全体：liのデフォルトドットと左空白を除去 */
li {
  list-style: none !important;
  padding-left: 0 !important;
}

ul, ol {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* l-container内のliにデフォルトスタイルを適用（詳細度0で上書きされにくい） */
:where(.l-container li) {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: #333333;
}

:where(.l-container li)::before {
  content: "" !important;
  display: block;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: #FF5340;
}

/* tcdceのul li::beforeを上書き */
:is(.tcdce-body, .editor-styles-wrapper) .l-container ul li::before,
.l-container ul li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
  position: static !important;    /* ← テーマのposition: absoluteを解除 */
  top: auto !important;           /* ← テーマのtopを解除 */
  left: auto !important;          /* ← テーマのleftを解除 */
  mask-image: none !important;    /* ← テーマのmask-imageを解除 */
  transform: none !important;     /* ← テーマのtransformを解除 */
  color: unset !important;
}

/* l-container内のliにデフォルトスタイル（パンクズは除外）*/
:where(.l-container li:not(.c-breadcrumb__item)) {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: #333333;
}

:where(.l-container li:not(.c-breadcrumb__item))::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  mask-image: none !important;
  transform: none !important;
  color: unset !important;
}

:is(.tcdce-body, .editor-styles-wrapper) .l-container ul li:not(.c-breadcrumb__item)::before,
.l-container ul li:not(.c-breadcrumb__item)::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  mask-image: none !important;
  transform: none !important;
  color: unset !important;
}

/* パンクズのliを新しい設定から完全に保護 */
.c-breadcrumb__list li,
.c-breadcrumb__list .c-breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
}

.c-breadcrumb__list li::before,
.c-breadcrumb__list .c-breadcrumb__item::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}

/* mb-8ボックス：tcdce-boxと同じスタイルを適用 */
.tcdce-box.custom_box.mb-8 {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 32px !important;
  border-radius: 4px !important;
  background: #F9F9F9 !important;
  border: none !important;
}

/* mb-8ボックス内のh3 */
.tcdce-box.custom_box.mb-8 .mb-6 {
  padding-bottom: 16px !important;
  border-bottom: 1px solid #D9D9D9 !important;
  margin-bottom: 0 !important;
}

.tcdce-box.custom_box.mb-8 h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  margin: 0 !important;
}

/* mb-8ボックス内のpost_row */
.tcdce-box.custom_box.mb-8 .post_row {
  display: flex !important;
  gap: 24px !important;
}

/* mb-8ボックス内のh4 */
.tcdce-box.custom_box.mb-8 h4 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  margin-bottom: 12px !important;
}

/* mb-8ボックス内のp */
.tcdce-box.custom_box.mb-8 p {
  font-size: 14px !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* mb-8ボックス内のul・li */
.tcdce-box.custom_box.mb-8 ul {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.tcdce-box.custom_box.mb-8 ul li {
  font-size: 14px !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

.tcdce-box.custom_box.mb-8 ul li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
  margin-top: 0.5em !important;
  position: static !important;
  mask-image: none !important;
  transform: none !important;
}

/* SP */
@media (max-width: 767px) {
  .tcdce-box.custom_box.mb-8 .post_row {
    flex-direction: column !important;
    gap: 32px !important;
  }
}

@media (max-width: 767px) {

  /* p-sc-icon-list：SP時に縦積み */
  .page-id-36 .p-sc-icon-list.has-multi-line {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important; /* ← アイテム間の余白を調整 */
  }

  /* 各アイテムを横幅100%に */
  .page-id-36 .p-sc-icon-list.has-multi-line .p-icon-list-item {
    width: 100% !important;
    flex: none !important;
  }

}

/* ============================================================
   サービスカード：CSSカウンターで番号を自動付与
   ============================================================ */

/* カウンターをリセット */
.home .p-cd-service-cards,
.post-type-archive-service .p-cd-service-cards {
  counter-reset: service-num !important;
}

/* カード全体 */
.home .p-cd-service_item,
.post-type-archive-service .p-cd-service_item {
  background: #f7f7f7 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  counter-increment: service-num !important; /* ← カウンターを増やす */
}

/* aタグ */
.home .p-cd-service_item a,
.post-type-archive-service .p-cd-service_item a {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 28px 26px 0 26px !important;
  text-decoration: none !important;
}

/* タイトル */
.home .p-cd-service_item .p-service-title,
.post-type-archive-service .p-cd-service_item .p-service-title {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0e7490 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 番号バッジ：CSSカウンターで自動的に01〜04を表示 */
.home .p-cd-service_item .p-service-title::before,
.post-type-archive-service .p-cd-service_item .p-service-title::before {
  content: counter(service-num, decimal-leading-zero) !important; /* ← 01,02...と自動付番 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  min-width: 51px !important;
  height: 51px !important;
  background: #0e7490 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif !important;
  line-height: 1 !important;
}

/* キャッチコピー */
.home .p-cd-service_item .p-service-cards-item__chatch,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__chatch {
  font-size: 20px !important;
  font-weight: 1200 !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  padding-left: 69px !important;
  margin: 0 !important;
}

/* 説明文 */
.home .p-cd-service_item .p-service-cards-item_desc,
.post-type-archive-service .p-cd-service_item .p-service-cards-item_desc {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  line-height: 2.2 !important;
  padding-left: 69px !important;
  margin: 0 !important;
}

/* コンテンツエリア */
.home .p-cd-service_item .p-service-cards-item__content,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}

/* サムネイル画像エリア */
.home .p-cd-service_item .p-cd-service_item_img,
.post-type-archive-service .p-cd-service_item .p-cd-service_item_img {
  height: 290px !important;
  overflow: hidden !important;
  margin-top: auto !important;
  flex-shrink: 0 !important;
}

.home .p-cd-service_item .p-cd-service_item_img img,
.post-type-archive-service .p-cd-service_item .p-cd-service_item_img img {
  width: 124% !important;
  height: 102% !important;
  object-fit: cover !important;
  object-position: center !important;
  mix-blend-mode: multiply !important;
  margin-left: -24% !important;
}
/* ============================================================
   サービスカード：既存サムネイル非表示・新画像をCSSで挿入
   ============================================================ */

/* 既存のサムネイル画像エリアを非表示 */
.home .p-cd-service_item .p-cd-service_item_img,
.post-type-archive-service .p-cd-service_item .p-cd-service_item_img {
  display: none !important;
}

/* テキストを左揃え */
.home .p-cd-service_item .p-service-cards-item__content,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__content {
  text-align: left !important;
}

.home .p-cd-service_item .p-service-cards-item__chatch,
.home .p-cd-service_item .p-service-cards-item_desc,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__chatch,
.post-type-archive-service .p-cd-service_item .p-service-cards-item_desc {
  text-align: left !important;
}

/* コンテンツエリアの::afterで画像を挿入 */
.home .p-cd-service_item .p-service-cards-item__content::after,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__content::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 200px !important; /* ← この数値で高さを調整 */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-top: 16px !important;
}

/* 1枚目：毎日の電気代比較 */
.home .p-cd-service_item:nth-child(1) .p-service-cards-item__content::after,
.post-type-archive-service .p-cd-service_item:nth-child(1) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_01.png) !important;
}

/* 2枚目：年間詳細レポート */
.home .p-cd-service_item:nth-child(2) .p-service-cards-item__content::after,
.post-type-archive-service .p-cd-service_item:nth-child(2) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_02.png) !important;
}

/* 3枚目：翌日のデマンド分析支援 */
.home .p-cd-service_item:nth-child(3) .p-service-cards-item__content::after,
.post-type-archive-service .p-cd-service_item:nth-child(3) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_03.png) !important;
}

/* 4枚目：見える君 */
.home .p-cd-service_item:nth-child(4) .p-service-cards-item__content::after,
.post-type-archive-service .p-cd-service_item:nth-child(4) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_04.png) !important;
}
/* ============================================================
   サービスカード：キャッチコピーの高さ調整・番号を上に移動
   ============================================================ */

/* キャッチコピー：テキストサイズに合わせて高さをautoに */
.home .p-cd-service_item .p-service-cards-item__chatch,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__chatch {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: unset !important; /* c-line-clampの行数制限を解除 */
  overflow: visible !important;
  display: block !important;
  text-align: left !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.6 !important;
}

/* タイトル（h3）を縦積みに変更 */
.home .p-cd-service_item .p-service-title,
.post-type-archive-service .p-cd-service_item .p-service-title {
  display: flex !important;
  flex-direction: column !important; /* 横並び→縦積みに変更 */
  align-items: flex-start !important;
  gap: 8px !important; /* 番号とタイトルの間隔 */
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0e7490 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 番号バッジ：上に表示 */
.home .p-cd-service_item .p-service-title::before,
.post-type-archive-service .p-cd-service_item .p-service-title::before {
  content: counter(service-num, decimal-leading-zero) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 51px !important;
  height: 51px !important;
  background: #0e7490 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* h3タイトルとナンバーを中央揃え */
.home .p-cd-service_item .p-service-title,
.post-type-archive-service .p-cd-service_item .p-service-title {
  align-items: center !important; /* ← flex-direction: columnのまま中央揃え */
  text-align: center !important;
}

.home .p-cd-service_item .p-service-title::before,
.post-type-archive-service .p-cd-service_item .p-service-title::before {
  align-self: center !important;
}

/* p-service-cards-item_desc：高さをテキストに合わせる */
.home .p-cd-service_item .p-service-cards-item_desc,
.post-type-archive-service .p-cd-service_item .p-service-cards-item_desc {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
}
/* h3タイトル：高さをテキストに合わせる */
.home .p-cd-service_item .p-service-title,
.post-type-archive-service .p-cd-service_item .p-service-title {
  height: auto !important;
  min-height: unset !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* キャッチコピー・説明文：padding-left解除・中央揃え */
.home .p-cd-service_item .p-service-cards-item__chatch,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__chatch,
.home .p-cd-service_item .p-service-cards-item_desc,
.post-type-archive-service .p-cd-service_item .p-service-cards-item_desc {
  padding-left: 0 !important;
  text-align: center !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
}

/* ba-cards：2個目のカードのmargin-topをPCでは解除 */
@media (min-width: 768px) {
  .post_row.ba-cards .post_col:last-child {
    margin-top: 0 !important;
  }
}

/* ba-card__list li：display: list-itemを解除してflexに戻す */
 .post_row.ba-cards .ba-card .ba-card__list li {
  display: flex !important;
  margin: 6px 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* svc-merit-list li：align-items: flex-startをcenterに戻す */
.svc-feature-card .svc-merit-list li {
  align-items: center !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  display: flex !important;
  gap: 10px !important;
}
/* ba-card__list li：display: list-itemを全ページで確実に解除 */
.home .post_row.ba-cards .ba-card .ba-card__list li,
.postid-18 .post_row.ba-cards .ba-card .ba-card__list li,
.postid-19 .post_row.ba-cards .ba-card .ba-card__list li,
.postid-20 .post_row.ba-cards .ba-card .ba-card__list li,
.postid-21 .post_row.ba-cards .ba-card .ba-card__list li,
.single-service .post_row.ba-cards .ba-card .ba-card__list li,
.page-id-85 .post_row.ba-cards .ba-card .ba-card__list li,
.tcdce-box.custom_box.ba-card .ba-card__list li {
  display: flex !important;
  align-items: center !important;
  margin: 6px 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  list-style: none !important;
}

/* ============================================================
   p-service-cards_bottom：p-cd-service-cardsと同じ見た目に
   ============================================================ */

/* カウンターリセット */
.single-service .p-service-cards_bottom,
.post-type-archive-service .p-service-cards_bottom {
  counter-reset: service-num !important;
}

/* カード全体 */
.p-service-cards_bottom .p-service-cards-item-bottom {
  background: #f7f7f7 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  counter-increment: service-num !important;
  text-decoration: none !important;
  padding: 26px 26px 0 26px !important;
  gap: 24px !important;
}

/* タイトル */
.p-service-cards_bottom .p-service-cards-bottom-item__title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0e7490 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: unset !important;
}

/* 番号バッジ */
.p-service-cards_bottom .p-service-cards-bottom-item__title::before {
  content: counter(service-num, decimal-leading-zero) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 51px !important;
  height: 51px !important;
  background: #0e7490 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
}

/* span（c-line-clamp）の高さ制限解除 */
.p-service-cards_bottom .p-service-cards-bottom-item__title .c-line-clamp {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
}

/* 既存サムネイル非表示 */
.p-service-cards_bottom .p-service-cards-item-bottom__image {
  display: none !important;
}

/* コピーテキスト */
.p-service-cards_bottom .p-service-cards-item-bottom_copy {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  padding: 0 !important;
  height: auto !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

/* CSSで新画像を挿入 */
.p-service-cards_bottom .p-service-cards-item-bottom_copy::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-top: 16px !important;
}

/* 1枚目 */
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(1) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_01.png) !important;
}

/* 2枚目 */
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(2) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_02.png) !important;
}

/* 3枚目 */
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(3) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_03.png) !important;
}

/* 4枚目 */
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(4) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_04.png) !important;
}
/* h3タイトル・コピーエリアのボーダーを削除 */
.p-service-cards_bottom .p-service-cards-bottom-item__title,
.p-service-cards_bottom .p-service-cards-item-bottom_copy {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
}

/* p-service-cards-item-bottom_copy：display: flexを解除 */
.p-service-cards_bottom .p-service-cards-item-bottom_copy {
  display: block !important;
}

/* 動線ボタン：::beforeで「詳しく見る →」を追加 */
.p-service-cards_bottom .p-service-cards-item-bottom {
  position: relative !important;
}

/* 修正後 */
.p-service-cards_bottom .p-service-cards-item-bottom::after {
  content: "詳しく見る" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 16px auto 0 auto !important;
  padding: 10px 24px !important;
  background-color: #FF5340 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  letter-spacing: 0.05em !important;
}

/* ホバー時の色変化 */
.p-service-cards_bottom .p-service-cards-item-bottom:hover .p-service-cards-item-bottom_copy::before {
  background-color: #e03d2c !important;
}
/* 既存の画像afterを維持しつつ、カード全体のafterにボタンを追加 */

/* カードをrelativeに */
.p-service-cards_bottom .p-service-cards-item-bottom {
  position: relative !important;
  padding-bottom: 32px !important; /* ← ボタン分の下余白を確保 */
}

/* カードの::afterにボタンを追加（画像の下） */
.p-service-cards_bottom .p-service-cards-item-bottom::after {
  content: "詳しく見る →" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 4px auto 0 auto !important;
  padding: 18px 56px !important;
  background-color: #FF5340 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  border-radius: 999px !important;
  letter-spacing: 0.05em !important;
}

/* ホバー時 */
.p-service-cards_bottom .p-service-cards-item-bottom:hover::after {
  background-color: #e03d2c !important;
}
/* ============================================================
   p-service-cards_bottom：縦横間隔・カード高さ揃え
   ============================================================ */

/* コンテナ：gap（縦横の間隔）調整 */
.p-service-cards_bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px 30px !important; /* ← 上下 左右の順で調整 */
  align-items: stretch !important; /* ← 隣り合ったカードの高さを揃える */
}

/* カード：高さを揃える（小さい方に合わせず、大きい方に合わせる） */
.p-service-cards_bottom .p-service-cards-item-bottom {
  flex: 1 1 calc(50% - 15px) !important; /* ← 2カラムの場合 */
  min-width: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important; /* ← align-items: stretchで自動的に揃う */
}

/* SP：1カラムに */
@media (max-width: 767px) {
  .p-service-cards_bottom {
    gap: 24px 0 !important; /* ← SP時の縦間隔 */
  }

  .p-service-cards_bottom .p-service-cards-item-bottom {
    flex: 1 1 100% !important;
  }
}
/* h3タイトル：高さを中の要素サイズに合わせる */
.p-service-cards_bottom .p-service-cards-bottom-item__title {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* span（c-line-clamp）の行数制限・高さ制限を解除 */
.p-service-cards_bottom .p-service-cards-bottom-item__title .c-line-clamp {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
}

/* ============================================================
   導入事例 single-voice：全体
   ============================================================ */

/* ============================================================
   1. ヘッダー部分（node 1020:440）
   タイトル・業種・契約電力バッジ
   ============================================================ */

.single-voice .p-single-success-header,
.single-voice .c-archive-header {
  background: #ffffff !important;
  padding-bottom: 80px !important;
}

/* タイトル */
.single-voice .c-archive-header__headline,
.single-voice .p-single-success__title {
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  letter-spacing: 0.03em !important;
  line-height: 1.5 !important;
  margin-bottom: 48px !important;
}

/* 業種・契約電力バッジエリア */
.single-voice .p-success-caption,
.single-voice .p-single-success__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 46px !important;
  background: #f5f5f5 !important;
  height: auto !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

/* バッジ個別 */
.single-voice .p-success-caption span,
.single-voice .p-single-success__meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: #ffffff !important;
  height: 32px !important;
  padding: 0 26px 0 0 !important;
  border-radius: 40px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

/* ============================================================
   2. 導入前課題・導入サービス・削減効果（node 1020:463）
   ============================================================ */

/* セクション共通 */
.single-voice .p-single-success__section,
.single-voice .p-single-success-content {
  max-width: 920px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 30px !important;
  padding: 0 0 80px !important;
}

/* 各カード（導入前課題・導入サービス・削減効果） */
.single-voice .p-single-success__card,
.single-voice .tcdce-box.custom_box {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  height: 234px !important;
  border: 1px solid #0e7490 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: #ffffff !important;
  position: relative !important;
}

/* アイコン丸（左側） */
.single-voice .p-single-success__card-icon,
.single-voice .tcdce-box.custom_box .p-icon-list-item_icon_items {
  position: absolute !important;
  left: 51px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 140px !important;
  height: 140px !important;
  border-radius: 70px !important;
  background: #0e7490 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* テキストエリア（右側） */
.single-voice .p-single-success__card-content {
  position: absolute !important;
  left: 259px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* カード見出し */
.single-voice .p-single-success__card-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0e7490 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* カード内リスト */
.single-voice .p-single-success__card-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-voice .p-single-success__card-list li {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 16px !important;
  color: #000000 !important;
  line-height: 1.6 !important;
  list-style: none !important;
}

/* ============================================================
   3. お客様の声（node 1020:518）
   ============================================================ */

.single-voice .p-single-success__voice,
.single-voice .p-single-success-voice {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding-bottom: 80px !important;
}

/* 見出し */
.single-voice .p-single-success__voice-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  text-align: center !important;
  margin-bottom: 28px !important;
}

/* 赤いアンダーライン */
.single-voice .p-single-success__voice-title::after {
  content: "" !important;
  display: block !important;
  width: 83px !important;
  height: 2px !important;
  background: #FF5340 !important;
  margin: 8px auto 0 !important;
}

/* 吹き出し行 */
.single-voice .p-single-success__voice-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

/* アバターアイコン */
.single-voice .p-single-success__voice-avatar {
  width: 60px !important;
  height: 60px !important;
  border-radius: 32px !important;
  background: #9fc7d3 !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

/* 吹き出し本文 */
.single-voice .p-single-success__voice-text {
  background: #f5f5f5 !important;
  border-radius: 36px !important;
  padding: 16px 32px !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 2.2 !important;
  flex: 1 !important;
}

/* ============================================================
   4. p-single-success-bottom（node 1020:571）
   削減事例カルーセル → TOPと同じカードデザイン
   ============================================================ */

/* セクション背景 */
.p-single-success-bottom,
.home .p-cb-success,
.post-type-archive-voice .p-success-cards {
  background: #f5f5f5 !important;
  padding: 0 0 60px !important;
}

/* カードコンテナ */
.p-single-success-bottom .p-success-cards-item,
.home .p-success-cards-item,
.post-type-archive-voice .p-success-cards-item {
  background: #f5f5f5 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding-bottom: 23px !important;
}

/* サムネイル画像 */
.p-single-success-bottom .p-success-cards-item__image,
.home .p-success-cards-item__image,
.post-type-archive-voice .p-success-cards-item__image {
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 4px 4px 0 0 !important;
  position: relative !important;
}

.p-single-success-bottom .p-success-cards-item__image img,
.home .p-success-cards-item__image img,
.post-type-archive-voice .p-success-cards-item__image img {
  width: 102% !important;
  margin-left: -1% !important;
  object-fit: cover !important;
  display: block !important;
}

/* オーバーレイ */
.p-single-success-bottom .p-success-cards-item__image::after,
.home .p-cb-success .p-success-cards-item__image::after,
.post-type-archive-voice .p-success-cards-item__image::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: rgba(0,0,0,0.3) !important;
  pointer-events: none !important;
}

/* カテゴリ（業種） */
.p-single-success-bottom .p-success-caption,
.home .p-success-caption,
.post-type-archive-voice .p-success-caption {
  font-size: 16px !important;
  color: #0e7490 !important;
  font-weight: 400 !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* タイトル */
.p-single-success-bottom .p-success-cards-item__title,
.home .p-success-cards-item__title,
.post-type-archive-voice .p-success-cards-item__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* コンテンツエリア */
.p-single-success-bottom .p-success-cards-item__content,
.home .p-success-cards-item__content,
.post-type-archive-voice .p-success-cards-item__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 0 16px !important;
  text-align: center !important;
}

/* 導入事例一覧ボタン */
.p-single-success-bottom .p-cb-button,
.home .p-cb-button_success {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0e7490 !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 44px !important;
  height: 69px !important;
  padding: 0 101px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  margin: 0 auto !important;
}

/* SP対応 */
@media (max-width: 767px) {
  .single-voice .p-single-success__card {
    height: auto !important;
    flex-direction: column !important;
    padding: 20px 16px !important;
  }

  .single-voice .p-single-success__card-icon {
    position: static !important;
    transform: none !important;
    margin-bottom: 16px !important;
  }

  .single-voice .p-single-success__card-content {
    position: static !important;
    transform: none !important;
  }

  .p-single-success-bottom .p-success-cards-item,
  .post-type-archive-voice .p-success-cards-item {
    width: 100% !important;
  }
}
/* ============================================================
   p-single-success-bottom / p-cb-success / post-type-archive-voice
   背景色を除去
   ============================================================ */

.p-single-success-bottom,
.home .p-cb-success,
.post-type-archive-voice .p-success-cards {
  background: none !important;
  background-color: transparent !important;
}

/* ============================================================
   p-success-main_content：ボーダーを除去
   ============================================================ */

.p-success-main_content,
a.p-success-main_content {
  border: none !important;
  outline: none !important;
  padding: 0px;
  gap: 8px !important;
}

/* ============================================================
   p-success-caption：現在の場所では非表示
   ============================================================ */

.p-success-cards-item__image .p-success-caption,
.p-success-cards-item .p-success-caption {
  display: none !important;
}

/* ============================================================
   p-success-caption：p-success-cards-item__contentの真上に表示
   ============================================================ */

.p-success-cards-item__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 0 16px !important;
}

/* captionをcontentの前に表示（::beforeで再現できないためcontentの先頭に配置） */
.p-success-cards-item__content .p-success-caption {
  display: block !important; /* ← contentの中のcaptionだけ表示 */
  font-size: 16px !important;
  color: #0e7490 !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  order: -1 !important;
}

/* ============================================================
   p-single-success-bottom のカードを
   TOPの p-cb-success カードと同じ見た目に
   ============================================================ */

/* カード共通 */
.p-single-success-bottom .splide__slide .p-success-cards-item,
.home .p-cb-success .splide__slide .p-success-cards-item,
.post-type-archive-voice .p-success-cards-item {
  background: #f5f5f5 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding-bottom: 23px !important;
  border: none !important;
}

/* サムネイル */
.p-single-success-bottom .p-success-cards-item__image,
.home .p-cb-success .p-success-cards-item__image,
.post-type-archive-voice .p-success-cards-item__image {
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 4px 4px 0 0 !important;
  position: relative !important;
}

.p-single-success-bottom .p-success-cards-item__image .c-thumbnail-image,
.home .p-cb-success .p-success-cards-item__image .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item__image .c-thumbnail-image {
  width: 102% !important;
  margin-left: -1% !important;
  object-fit: cover !important;
  display: block !important;
}

/* オーバーレイ */
.home .p-success-cards-item__image::after,
.post-type-archive-voice .p-success-cards-item__image::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: rgba(0,0,0,0.3) !important;
}

/* タイトル */
.p-single-success-bottom .p-success-cards-item__title,
.home .p-cb-success .p-success-cards-item__title,
.post-type-archive-voice .p-success-cards-item__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: left !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ============================================================
   p-success-cards-item：flex縦積みにしてcaptionを画像の下・contentの上に
   ============================================================ */

/* カード全体をflexコンテナに */
.p-success-cards-item {
  display: flex !important;
  flex-direction: column !important;
}

/* 画像エリア：カード頂点・横幅いっぱい */
.p-success-cards-item .p-success-cards-item__image,
.p-success-cards-item .c-thumbnail {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  overflow: hidden !important;
  order: 0 !important;
  flex-shrink: 0 !important;
}

/* 画像をカード幅いっぱいに */
.p-success-cards-item .p-success-cards-item__image img,
.p-success-cards-item .c-thumbnail .c-thumbnail-image {
  width: 100% !important;
  height: 200px !important; /* ← この数値で高さ調整 */
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}

/* caption：画像の直下・contentの上に表示 */
.p-success-cards-item .p-success-caption {
  display: block !important;
  order: 1 !important;
  font-size: 14px !important;
  color: #0e7490 !important;
  font-weight: 400 !important;
  padding: 12px 16px 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* contentエリア */
.p-success-cards-item .p-success-cards-item__content {
  order: 2 !important;
  padding: 8px 16px 16px !important;
}

/* content内のcaptionは非表示（重複防止） */
.p-success-cards-item .p-success-cards-item__content .p-success-caption {
  display: none !important;
}
/* ============================================================
   p-success-cards-item：画像をカード上部・左右いっぱい・余白なし
   テーマCSS対策で詳細度を強化
   ============================================================ */

/* カード全体 */
.home .p-success-cards-item,
.post-type-archive-voice .p-success-cards-item,
.single-voice .p-success-cards-item,
.p-single-success-bottom .p-success-cards-item,
.p-cb-success .p-success-cards-item {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 画像コンテナ */
.home .p-success-cards-item .p-success-cards-item__image,
.home .p-success-cards-item .c-thumbnail,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__image,
.post-type-archive-voice .p-success-cards-item .c-thumbnail,
.single-voice .p-success-cards-item .p-success-cards-item__image,
.single-voice .p-success-cards-item .c-thumbnail,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__image,
.p-single-success-bottom .p-success-cards-item .c-thumbnail,
.p-cb-success .p-success-cards-item .p-success-cards-item__image,
.p-cb-success .p-success-cards-item .c-thumbnail {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  display: block !important;
  line-height: 0 !important;
  font-size: 0 !important;
  flex-shrink: 0 !important;
  order: 0 !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  height: 200px !important;
}

/* 画像本体 */
.home .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.home .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.single-voice .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.single-voice .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-single-success-bottom .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-cb-success .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-cb-success .p-success-cards-item .c-thumbnail .c-thumbnail-image {
  width: 100% !important;
  max-width: 100% !important;
  height: 200px !important; /* ← この数値で高さ調整 */
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: bottom !important;
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
}
  
/* ============================================================
   p-success-cards-item__image：高さ=中身の要素に合わせる
   ============================================================ */

.home .p-success-cards-item .p-success-cards-item__image,
.home .p-success-cards-item .c-thumbnail,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__image,
.post-type-archive-voice .p-success-cards-item .c-thumbnail,
.single-voice .p-success-cards-item .p-success-cards-item__image,
.single-voice .p-success-cards-item .c-thumbnail,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__image,
.p-single-success-bottom .p-success-cards-item .c-thumbnail,
.p-cb-success .p-success-cards-item .p-success-cards-item__image,
.p-cb-success .p-success-cards-item .c-thumbnail {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  height: 200px !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

/* 画像本体：コンテナにぴったり */
.home .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.home .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.single-voice .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.single-voice .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-single-success-bottom .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-cb-success .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-cb-success .p-success-cards-item .c-thumbnail .c-thumbnail-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: bottom !important;
  position: static !important;
  transform: none !important;
}

/* ============================================================
   p-success-cards-item__content：中央揃え
   ============================================================ */

.home .p-success-cards-item .p-success-cards-item__content,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__content,
.single-voice .p-success-cards-item .p-success-cards-item__content,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__content,
.p-cb-success .p-success-cards-item .p-success-cards-item__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 12px 16px 32px !important;
  gap: 8px !important;
}

.home .p-success-cards-item .p-success-cards-item__content *,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__content *,
.single-voice .p-success-cards-item .p-success-cards-item__content *,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__content *,
.p-cb-success .p-success-cards-item .p-success-cards-item__content * {
  text-align: center !important;
  width: 100% !important;
}

/* ============================================================
   p-archive--success：縦横の並び・幅を調整
   ============================================================ */

.p-archive--success {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 40px 30px !important; /* ← 上下 左右の順で調整 */
  align-items: stretch !important;
}

.p-archive--success .p-success-cards-item {
  flex: 1 1 calc(50% - 20px) !important; /* ← 3カラム。2カラムにするなら50% */
  min-width: 280px !important;
}

/* SP：1カラムに */
@media (max-width: 767px) {
  .p-archive--success {
    gap: 24px 0 !important;
  }

  .p-archive--success .p-success-cards-item {
    flex: 1 1 100% !important;
  }
}
/* ============================================================
   p-success-cards-item__title・c-line-clamp：高さをテキストに合わせる
   ============================================================ */

.home .p-success-cards-item .p-success-cards-item__title,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__title,
.single-voice .p-success-cards-item .p-success-cards-item__title,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__title,
.p-cb-success .p-success-cards-item .p-success-cards-item__title {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  display: block !important;
}

/* c-line-clampの行数制限・固定高さを解除 */
.home .p-success-cards-item .p-success-cards-item__title .c-line-clamp,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__title .c-line-clamp,
.single-voice .p-success-cards-item .p-success-cards-item__title .c-line-clamp,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__title .c-line-clamp,
.p-cb-success .p-success-cards-item .p-success-cards-item__title .c-line-clamp {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  line-height: 1.6 !important;
}

/* ============================================================
   カード全体：隣り合ったカードの高さを大きい方に揃える
   ============================================================ */

.home .p-cb-success .splide__list,
.post-type-archive-voice .p-archive--success,
.p-single-success-bottom .splide__list {
  align-items: stretch !important;
}

.home .p-cb-success .splide__slide,
.post-type-archive-voice .p-archive--success .p-success-cards-item,
.p-single-success-bottom .splide__slide {
  height: auto !important;
  align-self: stretch !important;
}

.home .p-cb-success .splide__slide .p-success-cards-item,
.p-single-success-bottom .splide__slide .p-success-cards-item {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* contentが下に伸びてカードの高さを埋める */
.home .p-success-cards-item .p-success-cards-item__content,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__content,
.single-voice .p-success-cards-item .p-success-cards-item__content,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__content,
.p-cb-success .p-success-cards-item .p-success-cards-item__content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  padding: 12px 16px 32px !important;
  gap: 8px !important;
  height: auto !important;
}
/* ============================================================
   TOPページのみ：p-cb-success2 / js-success-carousel
   ============================================================ */

/* グラデーション削除 */
.home #js-success-carousel,
.home .p-cb-success2,
.home .p-cb-success {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* padding-bottom: 23px を削除 */
.home .p-cb-success2 .p-success-cards-item,
.home .p-cb-success .p-success-cards-item {
  padding-bottom: 0 !important;
}

/* カード間の距離を調整 */
.home #js-success-carousel-track,
.home .p-single-success-inner.splide__track {
  gap: 24px !important; /* ← この数値でカード間の距離を調整 */
}

/* splide__listのgapで調整（trackのgapが効かない場合の代替） */
.home #js-success-carousel-list,
.home .p-single-success-list.splide__list {
  gap: 24px !important; /* ← この数値でカード間の距離を調整 */
}

/* splideのスライド個別にマージンで調整（上記が効かない場合） */
.home #js-success-carousel .splide__slide {
  margin-right: 24px !important; /* ← この数値でカード間の距離を調整 */
}

.home .p-single-success-inner {
  border: none !important;
}

/* ============================================================
   single-voice：p-single-success-header
   ============================================================ */

.single-voice .p-single-success-header {
  background: #ffffff !important;
  padding-bottom: 80px !important;
}

/* 画像・タイトル・キャプションの縦積みコンテナ */
.single-voice .p-single-header__image_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ============================================================
   画像
   ============================================================ */

.single-voice .p-single-header__image_success {
  width: 100% !important;
  height: 540px !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.single-voice .p-single-header__image_success img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* 1777行目の代替：single-voiceヘッダー画像オーバーレイ */
.single-voice .p-single-header__image_success .c-archive-header__overlay {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
}

/* ============================================================
   タイトル（h1）
   ============================================================ */

.single-voice .p-single-header__title.single_voice {
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  letter-spacing: 0.03em !important;
  line-height: 1.5 !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  font-family: "Hind Madurai", "Noto Sans JP", sans-serif !important;
}

/* ============================================================
   キャプション（業種・契約電力）
   ============================================================ */

.single-voice .p-single-header__caption {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5f5f5 !important;
  height: 100px !important;
  width: 100% !important;
  margin: 32px 0 0 !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
}

.single-voice .p-single-header__caption_item {
  display: flex !important;
  align-items: center !important;
  gap: 56px !important;
}

/* 各行（業種・契約電力） */
.single-voice .p-single-header__caption_item_content {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  padding: 0 !important;
  height: auto !important;
  border-radius: 0 !important;
}

/* ラベル丸枠（業種・契約電力） */
.single-voice .p-single-success-industry_headline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #ffffff !important;
  border-radius: 40px !important;
  width: 132px;
  height: 48px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0e7490 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  white-space: nowrap !important;
  min-width: 116px !important;
}

/* 業種ラベルのアイコン（::before）*/
.single-voice .p-single-header__caption_item_content:nth-child(1) .p-single-success-industry_headline::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/success_icon_01.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

/* 契約電力ラベルのアイコン（::before）*/
.single-voice .p-single-header__caption_item_content:nth-child(2) .p-single-success-industry_headline::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/success_icon_02.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

/* 値（製造業・高圧受電）：ラベル枠の外に配置 */
.single-voice .p-single-success-industry {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  white-space: nowrap !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ============================================================
   SP対応
   ============================================================ */

@media (max-width: 767px) {

  .single-voice .p-single-header__image_success {
    height: 240px !important;
  }

  .single-voice .p-single-header__title.single_voice {
    font-size: 24px !important;
    margin: 24px 0 0 !important;
    padding: 0 16px !important;
  }

  .single-voice .p-single-header__caption {
    height: auto !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 20px 16px !important;
    margin-top: 24px !important;
  }

  .single-voice .p-single-header__caption_item {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .single-voice .p-single-header__caption_item_content {
    width: 100% !important;
    justify-content: center !important;
  }

}

/* ============================================================
   single-voice：tcdce-box.custom_box（お客様の声）
   整理・統合版
   ============================================================ */

/* コンテナ全体：縦積み */
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box,
.single-voice article .tcdce-box.custom_box {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

/* ============================================================
   h4「お客様の声」
   ============================================================ */

.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box h4,
.single-voice article .tcdce-box.custom_box h4 {
  font-family: "Noto Sans JP", Inter, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #333333 !important;
  font-size: 32px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 0 0 80px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  min-height: unset !important;
  position: static !important;
  transform: none !important;
}

/* h4：::before は非表示 */
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box h4::before,
.single-voice article .tcdce-box.custom_box h4::before {
  display: none !important;
  content: none !important;
}

/* h4：::after で赤ライン */
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box h4::after,
.single-voice article .tcdce-box.custom_box h4::after {
  content: "" !important;
  display: block !important;
  width: 83px !important;
  height: 2px !important;
  background: #FF5340 !important;
  flex-shrink: 0 !important;
}

/* ============================================================
   space-y-2：縦積みコンテナ
   ============================================================ */

.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2,
.single-voice article .tcdce-box.custom_box .space-y-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  position: static !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
}

/* ============================================================
   各吹き出し行（div）
   ============================================================ */

.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div,
.single-voice article .tcdce-box.custom_box .space-y-2 > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  position: static !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
  text-align: left !important;
}

/* ============================================================
   左アイコン（::before）
   ============================================================ */

.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div::before,
.single-voice article .tcdce-box.custom_box .space-y-2 > div::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  border-radius: 50% !important;
  background-color: #9fc7d3 !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  mask-image: none !important;
}

/* 全アバター共通：同じ画像を使用 */
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div::before,
.single-voice article .tcdce-box.custom_box .space-y-2 > div::before {
  background-image: url("http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/voice-icon.png") !important; /* ← 1つのURLに統一 */
}

/* ============================================================
   吹き出し本文（em）
   ============================================================ */

.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div em,
.single-voice article .tcdce-box.custom_box .space-y-2 > div em {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #f5f5f5 !important;
  border-radius: 36px !important;
  padding: 16px 32px !important;
  font-size: 16px !important;
  font-style: normal !important;
  color: #333333 !important;
  line-height: 2.2 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
  position: static !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
}

/* ============================================================
   SP対応
   ============================================================ */

@media (max-width: 767px) {

  .single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box h4,
  .single-voice article .tcdce-box.custom_box h4 {
    font-size: 24px !important;
    margin: 0 0 16px !important;
  }

  .single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div em,
  .single-voice article .tcdce-box.custom_box .space-y-2 > div em {
    padding: 12px 20px !important;
  }

}
/* p-single--success：高さを中の要素に合わせる */
.single-voice .p-single--success {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}
/* ============================================================
   p-single--success：article全体・全子要素の高さをリセット
   次のセクションへの突き抜け防止
   ============================================================ */

/* article本体 */
.single-voice .p-single--success {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
}

/* header */
.single-voice .p-single--success .p-single-success-header {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* p-single-header__image_content */
.single-voice .p-single--success .p-single-header__image_content {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* p-single__content_success */
.single-voice .p-single--success .p-single__content_success {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* tcdce-body */
.single-voice .p-single--success .tcdce-body {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* tcdce-body直下の全div */
.single-voice .p-single--success .tcdce-body > div {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* tcdce-body直下の全div内のdiv（ネスト）*/
.single-voice .p-single--success .tcdce-body > div > div {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* h2 */
.single-voice .p-single--success .tcdce-body h2 {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* p */
.single-voice .p-single--success .tcdce-body p {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* tcdce-box.custom_box */
.single-voice .p-single--success .tcdce-box.custom_box {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* h4 */
.single-voice .p-single--success .tcdce-box.custom_box h4 {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* space-y-2 */
.single-voice .p-single--success .space-y-2 {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

/* space-y-2直下のdiv（各吹き出し行）*/
.single-voice .p-single--success .space-y-2 > div {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* em（吹き出し本文）*/
.single-voice .p-single--success .space-y-2 > div em {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.p-single-header__image_content {
  gap: 0;
}


/* ============================================================
   p-success-caption：表示設定
   ============================================================ */

.single-voice #js-success-bottom .p-success-caption span,
.single-voice .p-single-success-bottom_contents .p-success-caption,
.home .p-cb-success .p-success-caption,
.post-type-archive-voice .p-success-caption {
  display: block !important;
  order: 1 !important;
  font-size: 14px !important;
  color: #0e7490 !important;
  font-weight: 400 !important;
  padding: 12px 16px 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* ============================================================
   js-success-bottom-list：カード同士の間隔調整
   ============================================================ */

/* splide__list：gap で横間隔を調整 */
#js-success-bottom-list,
.single-voice .p-single-success-bottom_contents .splide__list {
  gap: 40px !important; /* ← この数値でカード間の横間隔を調整 */
}

/* 各スライド：幅を調整 */
.single-voice #js-success-bottom .splide__slide,
.single-voice .p-single-success-bottom_contents .splide__slide {
  margin-right: 0 !important; /* ← splideのデフォルトmarginをgapで代替 */
}

.p-single-success-inner {
  margin-top: 100px;
  border: none;
}

.postid-25 .p-single-success-bottom {
  border-image: none !important;
}

.single-voice .p-success-caption span, .single-voice .p-single-success__meta span {
  background: none !important;
}

  .p-single-success-bottom_contents .c-splide-arrow--next {
  border-color: #777777;  
  }
  .p-single-success-bottom_contents .c-splide-arrow--prev {
  border-color: #777777;  
  }

/* PC：SP用画像を非表示 */
.banner-img-sp {
  display: none !important;
}

/* SP：PC用画像を非表示・SP用画像を表示 */
@media (max-width: 767px) {
  .banner-img-pc {
    display: none !important;
  }
  .banner-img-sp {
    margin: 0 auto;
    display: block !important;
    width: 80% !important;
  }
}
  
  .p-service-cards_bottom {
  gap:32px;
}

/* p-service-cards-bottom-item__title：高さをテキストに合わせる */
.p-service-cards_bottom .p-service-cards-bottom-item__title {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* c-line-clamp の行数制限を解除 */
.p-service-cards_bottom .p-service-cards-bottom-item__title .c-line-clamp {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
}

/* ============================================================
   サービスカード：article.p-service-cards-item
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-cd-service_item {
  background: #f7f7f7 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  counter-increment: service-num !important;
}

/* ============================================================
   a.p-service-cards-item__link
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-cd-service_item a {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 28px 26px 0 26px !important;
  text-decoration: none !important;
}

/* ============================================================
   h3.p-service-title：番号バッジ＋タイトル縦積み
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-cd-service_item .p-service-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0e7490 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: unset !important;
}

/* 番号バッジ（::before）*/
.archive.post-type-archive.post-type-archive-service .p-cd-service_item .p-service-title::before {
  content: counter(service-num, decimal-leading-zero) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 51px !important;
  height: 51px !important;
  background: #0e7490 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* ============================================================
   サムネイル・コンテンツエリア：非表示
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-cd-service_item .p-cd-service_item_img,
.archive.post-type-archive.post-type-archive-service .p-cd-service_item .p-service-cards-item__content {
  display: none !important;
}

/* ============================================================
   p-service-cards-item__chatch・_desc：テキスト中央・高さ自動
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-cd-service_item .p-service-cards-item__chatch,
.archive.post-type-archive.post-type-archive-service .p-cd-service_item .p-service-cards-item_desc {
  padding-left: 0 !important;
  text-align: center !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
}

/* ============================================================
   カウンターリセット：実際の親要素に当てる
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-archive--service,
.archive.post-type-archive.post-type-archive-service .p-service-cards {
  counter-reset: service-num !important;
}

/* ============================================================
   a.p-service-cards-item__link：リンク全体・カウンター増加
   counter-increment は a タグに当てる（1カードにつき1回だけ増える）
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item__link {
  counter-increment: service-num !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 28px 0px px 0px !important;
  text-decoration: none !important;
}

/* ============================================================
   article.p-service-cards-item：カード全体
   counter-increment をここには書かない
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item {
  background: #f7f7f7 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* ============================================================
   h3.p-service-title：番号バッジ＋タイトル
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0e7490 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 32px 32px 0 32px !important;
  height: auto !important;
  min-height: unset !important;
}

/* 番号バッジ（::before）*/
.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-title::before {
  content: counter(service-num, decimal-leading-zero) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 51px !important;
  height: 51px !important;
  background: #0e7490 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* ============================================================
   サムネイル：非表示
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-cards-item__image {
  display: none !important;
}

/* ============================================================
   p-service-cards-item__content：コンテンツエリア
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-cards-item__content {
  display: block !important;
  position: relative !important;
  padding: 24px 32px 32px !important;
}

/* ============================================================
   chatch・desc：テキスト中央・高さ自動
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-cards-item__chatch,
.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-cards-item_desc {
  padding-left: 0 !important;
  text-align: center !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
}

.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-cards-item_desc {
  padding-top: 10px !important;
}

/* ============================================================
   コンテンツエリアの下に画像を挿入（::after）
   ============================================================ */

.archive.post-type-archive.post-type-archive-service .p-service-cards-item .p-service-cards-item__content::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  margin-top: 16px !important;
}

/* 各カード個別画像 */
.archive.post-type-archive.post-type-archive-service .p-service-cards-item__link:nth-child(1) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_01.png) !important;
}
.archive.post-type-archive.post-type-archive-service .p-service-cards-item__link:nth-child(2) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_02.png) !important;
}
.archive.post-type-archive.post-type-archive-service .p-service-cards-item__link:nth-child(3) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_03.png) !important;
}
.archive.post-type-archive.post-type-archive-service .p-service-cards-item__link:nth-child(4) .p-service-cards-item__content::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_04.png) !important;
}

/* ============================================================
   アーカイブヘッダー
   ============================================================ */

.post-type-archive-service .c-archive-header {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/04/header_service-scaled.jpg) !important;
  background-size: cover !important;
  background-position: bottom !important;
  background-color: #0E7490 !important;
  position: relative !important;
  min-height: 580px !important;
  display: block !important;
}

/* ============================================================
   p-success-cards-item：カード全体の基本設定
   ============================================================ */

/* 全ページ共通：角丸・overflow */
.p-success-cards-item {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* .home：背景 #f5f5f5 */
.home .p-success-cards-item {
  background: #f5f5f5 !important;
}

/* .home 以外：背景 #ffffff */
body:not(.home) .p-success-cards-item {
  background: #ffffff !important;
}

/* ============================================================
   削減事例カルーセル：スライド・カード共通
   .home / .single-voice / .post-type-archive-voice
   ============================================================ */

/* スライド：高さ自動・stretch */
.home .p-cb-success2 .splide__slide,
.home .p-cb-success .splide__slide,
.single-voice .p-single-success-bottom .splide__slide,
.single-voice #js-success-bottom .splide__slide,
.p-single-success-bottom .splide__slide {
  height: auto !important;
  align-self: stretch !important;
}

/* カード：flex縦積み・高さ100% */
.home .p-cb-success2 .splide__slide .p-success-cards-item,
.home .p-cb-success .splide__slide .p-success-cards-item,
.single-voice .p-single-success-bottom .splide__slide .p-success-cards-item,
.single-voice #js-success-bottom .splide__slide .p-success-cards-item,
.p-single-success-bottom .splide__slide .p-success-cards-item,
.post-type-archive-voice .p-success-cards-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding-bottom: 23px !important;
  border: none !important;
  height: 100% !important;
}

/* ============================================================
   p-success-main_content：ボーダー・アウトライン除去
   ============================================================ */

.p-success-main_content,
a.p-success-main_content {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
}

.p-single-success-inner {
  border: none !important;
}

/* ============================================================
   p-success-caption：画像直下に表示
   ============================================================ */

.p-success-cards-item .p-success-caption {
  display: block !important;
  order: 1 !important;
  font-size: 14px !important;
  color: #0e7490 !important;
  font-weight: 400 !important;
  padding: 12px 16px 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}


.home .p-success-cards-item .p-success-cards-item__image,
.home .p-success-cards-item .c-thumbnail,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__image,
.post-type-archive-voice .p-success-cards-item .c-thumbnail,
.single-voice .p-success-cards-item .p-success-cards-item__image,
.single-voice .p-success-cards-item .c-thumbnail,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__image,
.p-single-success-bottom .p-success-cards-item .c-thumbnail,
.p-cb-success .p-success-cards-item .p-success-cards-item__image,
.p-cb-success .p-success-cards-item .c-thumbnail,
.p-cb-success2 .p-success-cards-item .p-success-cards-item__image,
.p-cb-success2 .p-success-cards-item .c-thumbnail {
  height: 200px !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  position: relative !important;
}

/* ============================================================
   画像本体
   ============================================================ */

.home .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.home .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.post-type-archive-voice .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.single-voice .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.single-voice .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-single-success-bottom .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-single-success-bottom .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-cb-success .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-cb-success .p-success-cards-item .c-thumbnail .c-thumbnail-image,
.p-cb-success2 .p-success-cards-item .p-success-cards-item__image .c-thumbnail-image,
.p-cb-success2 .p-success-cards-item .c-thumbnail .c-thumbnail-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: bottom !important;
  position: static !important;
  transform: none !important;
}

/* ============================================================
   画像オーバーレイ：inset の代替
   ============================================================ */

.home .p-cb-success .p-success-cards-item__image::after,
.home .p-cb-success2 .p-success-cards-item__image::after,
.p-single-success-bottom .p-success-cards-item__image::after,
.single-voice #js-success-bottom .p-success-cards-item__image::after,
.post-type-archive-voice .p-success-cards-item__image::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: rgba(0,0,0,0.3) !important;
  pointer-events: none !important;
}

/* ============================================================
   p-success-cards-item__content・title・c-line-clamp
   ============================================================ */

.p-success-cards-item__content {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: visible !important;
  margin: 12px 1px !important;
  text-align: center !important;
}

.p-success-cards-item__title {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

.p-success-cards-item__title .c-line-clamp {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  padding: 0 32px;
  text-align: center;
}

/* splide__list：カード間の間隔 */
.splide__list {
  gap: 32px !important;
}

/* ============================================================
   single-voice：p-single-success-bottom カード個別設定
   postid-21・20・19・18 全て .single-voice で連動
   ============================================================ */

.single-voice .p-single-success-bottom .p-success-cards-item__image,
.single-voice #js-success-bottom .p-success-cards-item__image {
  height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.single-voice .p-single-success-bottom .p-success-caption,
.single-voice #js-success-bottom .p-success-caption {
  display: block !important;
  font-size: 14px !important;
  color: #0e7490 !important;
  font-weight: 400 !important;
  padding: 12px 16px 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.single-voice .p-single-success-bottom .p-success-cards-item__title,
.single-voice #js-success-bottom .p-success-cards-item__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: visible !important;
}

.single-voice .p-single-success-bottom .p-success-cards-item__title .c-line-clamp,
.single-voice #js-success-bottom .p-success-cards-item__title .c-line-clamp {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  height: auto !important;
}

/* ============================================================
   single-voice：p-single-success-header
   ============================================================ */

.single-voice .p-single-success-header {
  background: #ffffff !important;
  padding-bottom: 80px !important;
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

.single-voice .p-single-header__image_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: visible !important;
}

.single-voice .p-single-header__image_success {
  width: 100% !important;
  height: 540px !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.single-voice .p-single-header__image_success img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.single-voice .p-single-header__image_success .c-archive-header__overlay {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
}

.single-voice .p-single-header__title.single_voice {
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  letter-spacing: 0.03em !important;
  line-height: 1.5 !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  font-family: "Hind Madurai", "Noto Sans JP", sans-serif !important;
}

.single-voice .p-single-header__caption {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5f5f5 !important;
  height: 100px !important;
  width: 100% !important;
  margin: 32px 0 0 !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
}

.single-voice .p-single-header__caption_item {
  display: flex !important;
  align-items: center !important;
  gap: 56px !important;
}

.single-voice .p-single-header__caption_item_content {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  padding: 0 !important;
  height: auto !important;
  border-radius: 0 !important;
}

.single-voice .p-single-success-industry_headline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #ffffff !important;
  border-radius: 40px !important;
  width: 132px !important;
  height: 48px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0e7490 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  white-space: nowrap !important;
  min-width: 116px !important;
}

.single-voice .p-single-header__caption_item_content:nth-child(1) .p-single-success-industry_headline::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/success_icon_01.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

.single-voice .p-single-header__caption_item_content:nth-child(2) .p-single-success-industry_headline::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/success_icon_02.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

/* ============================================================
   tcdce-box.custom_box：お客様の声
   div[data-render-id] > .tcdce-box.custom_box が対象
   ============================================================ */

/* space-y-2：縦積みコンテナ */
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2,
.single-voice article .tcdce-box.custom_box .space-y-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  position: static !important;
  transform: none !important;
}

/* 各吹き出し行（div.text-sm） */
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div,
.single-voice article .tcdce-box.custom_box .space-y-2 > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  position: static !important;
  transform: none !important;
  text-align: left !important;
}

/* 左アイコン（::before）*/
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div::before,
.single-voice article .tcdce-box.custom_box .space-y-2 > div::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  border-radius: 50% !important;
  background-color: #9fc7d3 !important;
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/voice-icon.png) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
}

/* 吹き出し本文（em）*/
.single-voice .p-single__content_success .tcdce-body .tcdce-box.custom_box .space-y-2 > div em,
.single-voice article .tcdce-box.custom_box .space-y-2 > div em {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #f5f5f5 !important;
  border-radius: 36px !important;
  padding: 16px 32px !important;
  font-size: 16px !important;
  font-style: normal !important;
  color: #333333 !important;
  line-height: 2.2 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
  position: static !important;
  transform: none !important;
}
/* single-voice の tcdce-box.custom_box：背景色を透明に上書き */
.single-voice .tcdce-box.custom_box {
  background: transparent !important;
}

/* ============================================================
   p-cd-service_item の::after画像：全体表示・切れない
   ============================================================ */

.home .p-cd-service_item .p-service-cards-item__content::after,
.post-type-archive-service .p-cd-service_item .p-service-cards-item__content::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 200px !important; /* ← 高さ調整 */
  background-size: contain !important; /* cover → contain に変更：画像全体を表示 */
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin-top: 16px !important;
}

/* ============================================================
   p-icon-list-item_icon_items：画像を切れずに全体表示
   ============================================================ */

.p-icon-list-item_icon_items {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.p-icon-list-item_icon_items .p-icon-list-item_icon_img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
/* ============================================================
   p-icon-list-item_icon_items：PC・SP共通で画像を切れずに表示
   ============================================================ */

.p-icon-list-item_icon_items {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
}

.p-icon-list-item_icon_img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   SP：#Reason 内の上書きをリセット
   既存のSP用CSSが overflow: hidden・固定heightで切れているため修正
   ============================================================ */

@media (max-width: 767px) {
  #Reason .p-icon-list-item_icon_items {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #Reason .p-icon-list-item_icon_img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* post_row：2つのpost_colを縦積み・中央基準 */
.post_row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important; /* ← ボタン間の縦間隔 */
}

/* 各カラムも中央揃え */
.post_row .post_col {
  width: auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* ボタンwrapper：インラインstyleのtext-alignを上書き */
.post_row .tcdce-button-wrapper {
  text-align: center !important;
}
  
  /* PC：PC用画像を表示・SP用画像を非表示 */
.banner-img-pc {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.banner-img-sp {
  display: none !important;
}

/* SP：SP用画像を表示・PC用画像を非表示 */
@media (max-width: 767px) {
  .banner-img-pc {
    display: none !important;
  }

  .banner-img-sp {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
}


/* 外側コンテナ：中央揃え */
.p-icon-list-item_icon_content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
	margin: 0 auto;
}

/* 丸枠：140px固定・aspect-ratioの代替にheightを明示 */
.p-icon-list-item_icon_items {
  width: 140px !important;
  height: 140px !important; /* aspect-ratio: 1/1 の代替 */
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

/* 丸枠内の画像：箱にぴったり収まる */
.p-icon-list-item_icon_items .p-icon-list-item_icon_img {
  width: 44% !important;  /* ← 外の箱の幅に自動追従 */
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.p-icon-list-item_icon_content {
	width: 520px;
}

/* page-id-36 では .p-icon-list-item_icon_content の width を無効化 */
.page-id-36 .p-icon-list-item_icon_content {
  width: auto !important;
}

/* ============================================================
   ba-cards：Before/After カード
   PC：横並び・SP：縦並び
   全ページ共通（.ba-cards クラスで統一管理）
   ============================================================ */

/* 外側コンテナ：PC横並び */
.post_row.ba-cards {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important; /* ← PC時のカード間隔 */
  align-items: stretch !important;
}

/* 各カラム：均等幅 */
.post_row.ba-cards .post_col.post_col-2 {
  flex: 1 !important;
  width: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* tcdce-box：高さを揃える */
.post_row.ba-cards .tcdce-box.ba-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Before・After 見出し */
.ba-card__head {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* リスト */
.ba-card__list {
  margin: 0 !important;
  padding-left: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.ba-card__list li {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* post_col直下の余分なpタグを非表示 */
.post_row.ba-cards .post_col > p:empty {
  display: none !important;
}

/* ============================================================
   SP：縦並び
   ============================================================ */

@media (max-width: 767px) {

  .post_row.ba-cards {
    flex-direction: column !important;
    gap: 16px !important; /* ← SP時のカード間隔 */
  }

  .post_row.ba-cards .post_col.post_col-2 {
    width: 100% !important;
  }

}

.tcdce-box.custom_box.mb-8 .post_row {
	width: 300px;
}

/* ============================================================
   tcdce-box.custom_box.mb-8：ボックス全体を中央揃え
   ============================================================ */

.tcdce-box.custom_box.mb-8 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important; /* ← ボックス内要素を中央揃え */
  width: 100% !important;
}

/* mb-6（h3見出し行）：中央揃え */
.tcdce-box.custom_box.mb-8 .mb-6 {
  width: 100% !important;
  text-align: center !important;
}

/* ============================================================
   post_row：3カラム横並び・左揃え
   ============================================================ */

.tcdce-box.custom_box.mb-8 .post_row {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  width: 100% !important;
  align-items: flex-start !important;
  justify-content: flex-start !important; /* ← 左揃え */
  text-align: left !important;
}

/* 各カラム */
.tcdce-box.custom_box.mb-8 .post_col {
  flex: 1 !important;
  text-align: left !important;
}

/* h4見出し */
.tcdce-box.custom_box.mb-8 h4 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  margin-bottom: 8px !important;
  text-align: left !important;
}

/* テキスト・リスト */
.tcdce-box.custom_box.mb-8 p,
.tcdce-box.custom_box.mb-8 ul,
.tcdce-box.custom_box.mb-8 li {
  font-size: 14px !important;
  color: #606060 !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* ============================================================
   SP：縦積み
   ============================================================ */

@media (max-width: 767px) {
  .tcdce-box.custom_box.mb-8 .post_row {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .tcdce-box.custom_box.mb-8 .post_col {
    width: 100% !important;
  }
}

/* ============================================================
   postid-19：tcdce-box.custom_box 内の post_row を横並びに
   ============================================================ */

.postid-19 .tcdce-box.custom_box .post_row {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  align-items: flex-start !important;
  width: 100% !important;
	margin: 16px 0;
}

.postid-19 .tcdce-box.custom_box .post_col {
  flex: 1 !important;
  text-align: left !important;
}

/* SP：縦積み */
@media (max-width: 767px) {
  .postid-19 .tcdce-box.custom_box .post_row {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .postid-19 .tcdce-box.custom_box .post_col {
    width: 100% !important;
  }
}

.postid-20 .post_row .post_col {
	width: 100%;
}

.postid-19 .tcdce-box.custom_box.mb-8 p {
	font-size: 16px !important;
	color: #222 !important;
}

.page-id-85 .post_row h5 {
	text-align: center !important;
}

.page-id-85 .svc-feature-card .svc-merit-list li {
	width: auto;
}

.page-id-85 .p-icon-list-item_icon_content {
	width: auto;
}

.page-id-36 .p-icon-list-item_desc .contact-desc-list li {
	margin-top: 16px;
}

/* ============================================================
   ナビゲーション内の電話番号
   ============================================================ */

.parlato-tel-link {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #white !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  font-family: "Roboto", "Noto Sans JP", sans-serif !important;
  white-space: nowrap !important;
	background-color: #FF5340;
	height: 52px;
	padding: 20px;
	border-radius: 32px;
}

.parlato-tel-num {
  display: inline-block !important;
}

/* ホバー */
.parlato-tel-link:hover {
  color: #FF5340 !important;
  opacity: 0.8 !important;
}

/* SP */
@media (max-width: 767px) {
  .parlato-tel-link {
    font-size: 20px !important;
    padding: 12px 0 !important;
  }
}
/* ============================================================
   menu-item-1108：1つめの空aタグを非表示
   SEO対策：aria-hidden と width/height 0 で無害化
   ============================================================ */

.menu-item-1248 > a:first-child {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* menu-item-1108：2つめのaタグ（tel:リンク）を上下中央に配置 */
.menu-item-1248 {
  display: flex !important;
  align-items: center !important;
}

.menu-item-1248 .parlato-tel-link {
  display: flex !important;
  align-items: center !important;
}

.navi-none {
	width: 0;
	margin: -16px;
}

body.single-service .p-single-success-bottom {
	display: none;
}

.postid-20 .post_row .post_col {
	width: 100% !important;
}

.postid-19 .post_row .post_col {
	width: 100% !important;
}

.l-header {
	background-color :#0E7490;
}

/* ============================================================
   MV スライダー：SP対応のみ
   画像中央揃え・サイズ調整・外のボックスが追従
   ============================================================ */

@media (max-width: 767px) {

  /* splide__track：高さを中身に追従 */
  .p-mv2 .splide__track,
  #js-mv2-track {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
  }

  /* splide__list：高さを中身に追従 */
  .p-mv2 .splide__list,
  #js-mv2-list {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
  }

  /* 各スライド：高さを中身に追従・中央揃え */
  .p-mv2__slide {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
  }

  /* 背景画像：中央揃え・サイズ調整 */
  .p-mv2__slide .c-cover {
    display: block !important;
    width: 100% !important;    /* ← この数値で拡大縮小（例：90%・80%など） */
    height: auto !important;   /* 幅に合わせて高さが自動追従 */
    max-width: 100% !important;
    margin: 0 auto !important; /* 中央揃え */
    position: static !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* コンテンツ（ボタン等）：画像の上に重ねる */
  .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
  }

  .p-mv2-content-flex {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .p-mv2-text-content {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* オーバーレイ */
  .p-mv2__slide .p-mv1-overlay {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    pointer-events: none !important;
  }

}

/* ============================================================
   MV スライダー：PC・SP共通
   高さを画像に合わせる・次セクションへの突き抜け防止
   強力なセレクタで対応
   ============================================================ */

/* section全体 */
#js-mv2.p-mv2,
.p-mv2.splide {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: hidden !important;
  display: block !important;
}

/* splide__track */
#js-mv2-track,
.p-mv2 .splide__track {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* splide__list */
#js-mv2-list,
.p-mv2 .splide__list {
  height: auto !important;
  min-height: unset !important;
  overflow: hidden !important;
}

/* 各スライド：画像の高さに追従 */
.p-mv2 .p-mv2__slide,
.p-mv2 .splide__slide {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: hidden !important;
  position: relative !important;
}

/* ============================================================
   画像：サイズ変更の基点
   ここの height の数値を変えると3枚まとめてサイズ変更
   ============================================================ */

/* PC用画像（横長：2036x878）*/
.home .p-mv2 .p-mv2__slide .c-cover {
  display: block !important;
  width: 100% !important;
  height: 600px !important; /* ← PC：この数値で3枚まとめてサイズ変更 */
  object-fit: cover !important;
  object-position: center !important;
  position: static !important;
  max-width: 100% !important;
}

/* コンテンツ（ボタン等）：画像の上に絶対配置 */
.p-mv2 .p-mv2-content {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}

/* オーバーレイ */
.p-mv2 .p-mv1-overlay {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* header_slider_newsticker_content：高さを中身に追従 */
.header_slider_newsticker_content {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  overflow: hidden !important;
  display: block !important;
}

/* ============================================================
   SP：画像サイズ変更
   ============================================================ */

@media (max-width: 767px) {

  .home .p-mv2 .p-mv2__slide .c-cover {
    height: 500px !important; /* ← SP：この数値で3枚まとめてサイズ変更 */
    object-position: center top !important;
  }

}

/* ============================================================
   MV スライダー：SP対応のみ（整理・統合版）
   PC（768px以上）は変更しない
   ============================================================ */

@media (max-width: 767px) {

  /* ============================================================
     section・外側コンテナ：高さを中身に追従
     ============================================================ */

  .header_slider_newsticker_content {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    display: block !important;
  }

  #js-mv2.p-mv2,
  .home .p-mv2 {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* ============================================================
     splide__track・list：高さを中身に追従
     ============================================================ */

  #js-mv2-track,
  .home .p-mv2 .splide__track {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    position: relative !important;
  }

  #js-mv2-list,
  .home .p-mv2 .splide__list {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    display: block !important;
    position: relative !important;
  }

  /* ============================================================
     各スライド：フェードモードで同じ位置に重ねる
     アクティブのみ高さの基点にする
     ============================================================ */

  .home .p-mv2 .p-mv2__slide,
  .home .p-mv2 .splide__slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    opacity: 0 !important;
    transform: none !important;
    transition: opacity 3000ms cubic-bezier(0.25, 1, 0.5, 1) !important;
    overflow: visible !important;
  }

  .home .p-mv2 .splide__slide.is-active {
    position: relative !important;
    opacity: 1 !important;
    z-index: 1 !important;
    overflow: visible !important;
    height: auto !important;
  }

  /* ============================================================
     画像：高さ固定・サイズ変更はここの数値だけ
     ============================================================ */

  .home .p-mv2 .splide__slide .c-cover,
  .home .p-mv2 .p-mv2__slide .c-cover {
    display: block !important;
    width: 100% !important;
    height: 664px !important; /* ← SP：この数値で3枚まとめてサイズ変更 */
    object-fit: cover !important;
    object-position: center top !important;
    position: static !important;
    transform: none !important;
  }

  /* ============================================================
     オーバーレイ
     ============================================================ */

  .home .p-mv2 .p-mv1-overlay {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  /* ============================================================
     p-mv2-content：画像の上に絶対配置・ボタンを下寄せ
     ============================================================ */

  .home .p-mv2 .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;   /* ← ボタンを下寄せ */
    justify-content: center !important;
    padding-bottom: 48px !important;    /* ← ボタンの下からの余白（調整可） */
    z-index: 2 !important;
  }

  .home .p-mv2 .p-mv2-content-flex {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* ============================================================
     p-mv2-text-content：fixed を解除・スライド内に収める
     ============================================================ */

  .p-mv2-text-content,
  .home .p-mv2 .p-mv2-text-content {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    overflow: visible !important;
    z-index: auto !important;
  }

  /* ============================================================
     ボタン：margin の大きな値をリセット
     ============================================================ */

  .p-mv2-content-button,
  .home .p-mv2 .p-mv2-content-button {
    margin: 0 auto !important;
    min-width: 240px !important;
    height: 60px !important;
  }

}

@media (max-width: 767px) {
  .home .p-mv2 .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding-bottom: 0 !important; /* paddingBottomをリセット */
    z-index: 2 !important;
        top: 304px !important
  }
}

.home .l-main {
	margin-top: 80px;
}


@media (max-width: 767px) {
  .home .p-mv2 .p-mv2-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding-bottom: 0 !important; /* paddingBottomをリセット */
    z-index: 2 !important;
        top: 304px !important
  }
}
	
@media (max-width: 767px) {
    .s_table {
			width: 500px !important;
		}
}

@media (max-width: 767px) {
	#menu-item-130 {
		border: none;
	}
	#menu-item-1108 {
		border: none;
	}
	.menu-item-1248 .parlato-tel-link {
		margin: 0 auto;
		width: auto;
		padding: 0 30px !important;
	}
	#menu-item-192 {
		display: none;
	}
}

/* ============================================================
   p-service-cards-item-bottom_copy::after：画像を切れずに表示
   1〜4全て共通設定
   ============================================================ */

.p-service-cards_bottom .p-service-cards-item-bottom_copy::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 200px !important; /* ← 高さ調整 */
  background-size: contain !important; /* cover→containで切れない */
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin-top: 16px !important;
}

/* 各カード個別画像 */
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(1) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_01.png) !important;
}
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(2) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_02.png) !important;
}
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(3) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_03.png) !important;
}
.p-service-cards_bottom .p-service-cards-item-bottom:nth-child(4) .p-service-cards-item-bottom_copy::after {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/service_illust_04.png) !important;
}

@media (max-width: 767px) {
	.page-id-85 .s_table {
		width: 500px !important;
		margin-bottom: 80px !important;
	}
	
	.page-id-85 .post_row .svc-merit-list:nth-child(2) li {
  padding-left: 0 !important;
}
}
@media (max-width: 767px) {
	.home .p-cb-header-title {
		line-height: 3rem;
	}
	    .svc-feature-card .svc-merit-list li {
				padding: 0px !important
	}
	.demand-content .content-img .img-sp {
		width: 320px !important;
	}
	.banner-img  br {
		display: none !important;
	}
	.demand-content {
		margin: 40px 0 0;
	}
}

/* ============================================================
   SP：横スクロールによるサイト揺れ防止
   l-container 内に限定・ナビは影響しない
   ============================================================ */

@media (max-width: 767px) {

  /* l-container：横はみ出しを隠す */
  .home .l-container,
  .postid-20 .l-container {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* ============================================================
     横スクロールさせたい要素は除外
     ============================================================ */

  .home .l-container table,
  .postid-20 .l-container table,
  .home .l-container .splide__list,
  .postid-20 .l-container .splide__list,
  .home .l-container [class*="scroll"],
  .postid-20 .l-container [class*="scroll"] {
    overflow-x: auto !important;
    max-width: none !important;
  }

}

/* はみ出している要素を特定して修正 */
.page-id-85 .s_table {
  max-width: 100% !important;
  width: 100% !important;
}

.home .tcdce-body tbody {
	max-width: 100% !important;
	width: 100% !important;
}
.postid-19 .svc-feature-card .svc-merit-list li::before {
	margin-top: 0 !important;
}

.postid-19 .post_col .space-y-1  {
	margin-top: 0;
}

/* p-single-service-header：背景画像をリピートしない */
.p-single-service-header {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

@media (max-width: 767px) {
    .l-contents:has(.p-page) {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .page-id-797 .p-single-service-header {
			background-position: bottom right !important; 
	}
}

@media (max-width: 767px) {
	.l-contents {
		width: 100%;
	}
}

.page-id-797 .wp-block-list strong {
	width: 200px;
}

.page-id-797 .wp-block-list li {
	margin-bottom: 12px;
}

/* c-breadcrumb：折り返し・高さ自動調整 */
.c-breadcrumb {
  height: auto !important;
  min-height: unset !important;
  overflow: visible !important;
}

.c-breadcrumb__list {
  display: flex !important;
  flex-wrap: wrap !important; /* 折り返し */
  align-items: center !important;
  height: auto !important;
  min-height: unset !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  row-gap: 8px !important; /* 折り返し時の行間 */
}

.c-breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  flex-shrink: 1 !important;
  height: auto !important;
  min-height: unset !important;
}

.c-breadcrumb__item-link,
.c-breadcrumb__item span[itemprop="name"] {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.6 !important;
}

.page-id-797 .c-breadcrumb-manual li:last-of-type {
	overflow: visible !important;
}

.page-id-797 .c-breadcrumb-manual  {
	height: 100px !important;
}

.page-id-797 .c-breadcrumb__list {
	row-gap: 0 !important;
}

.page-id-797 .column-image {
	width: 100% !important;
}

/* PC版のみ：768px以上 */
@media (min-width: 768px) {
  .home .p-icon-list-item_icon_content {
    width: 100% !important;
  }
}

.postid-18 .tcdce-body p {
	text-align: center;
}

.postid-18 .post_row .post_col {
	width: 100% !important;
}

.page-id-85 .s_table li {
	line-height: 1.5rem;
	margin-bottom: 12px;
}

:root {
  --company-teal: #0e7490;
  --company-red: #FF5340;
  --company-base: #333333;
  --company-light: #f5f5f5;
}

/* ============================================================
   ヘッダービジュアル
   ============================================================ */

.company-hero {
  background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/company-header.jpg) !important;
  background-size: cover !important;
  background-position: bottom !important;
  background-color: #0E7490 !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 320px !important;
  padding: 80px 0 60px !important;
  text-align: right !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.company-hero__inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

.company-hero__en {
  font-family: "Roboto", sans-serif;
  font-size: 132px;
  font-weight: 700;
  color: #f5f5f5;
  opacity: 0.3;
  line-height: 1.4;
  letter-spacing: -3.96px;
  margin: 0;
  text-align: right;
  white-space: nowrap;
  pointer-events: none;
}

.company-hero__title {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 57px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 1.14px;
  margin: 0;
  text-align: right !important;
  line-height: normal !important;
  white-space: nowrap !important;
  display: block !important;
}

.company-hero__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
  text-align: right;
  margin: 16px 0 0;
}

/* ============================================================
   共通セクション
   ============================================================ */

.company-section {
  background: #ffffff;
  padding: 80px 0;
  overflow: hidden;
}

.company-inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
}

.company-section-profile {
  margin: 0 !important;
}

/* セクション見出し */
.company-section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.company-section-head__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--company-base);
  text-align: center;
  margin: 0;
  padding: 0;
}

.company-section-head__line {
  width: 83px;
  height: 2px;
  background: var(--company-red);
}

/* ============================================================
   会社概要テーブル
   ============================================================ */

.company-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
}

.company-table th,
.company-table td {
  padding: 16px 22px;
  line-height: 24px;
  letter-spacing: -0.3125px;
  color: #0a0a0a;
  vertical-align: middle;
}

.company-table th {
  background: var(--company-light);
  font-weight: 400;
  width: 295px;
  border-width: 2px 1px 1px 2px;
  border-style: solid;
  border-color: #000000;
  text-align: left;
}

.company-table tr:last-child th {
  border-bottom-width: 2px;
}

.company-table td,
.company-table .company-td {
  background: #ffffff !important;
  font-weight: 400;
  border-width: 2px 2px 1px 1px;
  border-style: solid;
  border-color: #000000;
}

.company-table tr:last-child td {
  border-bottom-width: 2px;
}

.company-table td a {
  color: #155dfc;
  text-decoration: none;
}

.company-table td a:hover {
  text-decoration: underline;
}

/* ============================================================
   代表プロフィール
   ============================================================ */

.company-profile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
}

.company-profile__img {
  width: 88px !important;
  height: 100px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.company-profile__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

.company-profile__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  text-align: center !important;
}

.company-profile__role {
  font-family: "Roboto", "Noto Sans JP", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.3125px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.company-profile__name {
  font-family: "Roboto", "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.3125px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* ============================================================
   会社の特徴・強み：2カラムグリッド
   ============================================================ */

.company-strengths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.company-strength-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  padding: 25px 32px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--company-teal);
  border-radius: 4px;
  background: #ffffff;
}

.company-strength-card__icon {
  width: 104px;
  height: 104px;
  border-radius: 52px;
  background: var(--company-teal);
  border-width: 1px;
  border-style: solid;
  border-color: var(--company-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.company-strength-card__icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  display: block;
}

.company-strength-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.company-strength-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--company-teal);
  text-align: center !important;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

.company-strength-card__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 25.4px;
  margin: 0;
}

/* ============================================================
   受賞歴タイムライン
   ============================================================ */

.company-timeline {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
}

/* company-timeline の li の赤ドット（::before）を打ち消す */
.page-id-1131 .l-container .company-timeline li::before,
.page-id-1131 .company-timeline li::before {
  display: none !important;
  content: none !important;
}

.company-timeline__item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 16px 0;
  position: relative;
  border: none;
}

.company-timeline__date {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0a0a0a;
  line-height: 24px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ドットのコンテナ：縦線の基点 */
.company-timeline__dot {
  position: relative !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 2px !important;
}

/* ドット本体（::before）*/
.company-timeline__dot::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #FF5340 !important;
}

/* 縦線（::after）*/
.company-timeline__item:not(:last-child) .company-timeline__dot::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 8px !important;
  width: 2px !important;
  height: calc(100% + 54px) !important;
  background: #D9D9D9 !important;
}

.company-timeline__item:last-child .company-timeline__dot::after {
  display: none !important;
}

.company-timeline__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #364153;
  line-height: 24px;
  letter-spacing: -0.3125px;
}

/* ============================================================
   オフィス写真：3カラム
   ============================================================ */

.company-photos {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
}

.company-photo {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  max-width: 293px;
}

.company-photo img {
  width: 100%;
  height: 176px;
  object-fit: cover;
  display: block;
  border-radius: 4px 4px 0 0;
}

.company-photo__caption {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--company-base);
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

/* ============================================================
   アクセスマップ
   ============================================================ */

.company-access {
  text-align: center;
  margin-bottom: 30px;
}

.company-access__address {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #0a0a0a;
  line-height: 24px;
  margin: 0 0 8px;
}

.company-access__info {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: var(--company-base);
  line-height: 20px;
  margin: 0;
}

.company-map {
  width: 100%;
  height: 464px;
  overflow: hidden;
  border-radius: 4px;
}

.company-map iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* ============================================================
   CTAボタン
   ============================================================ */

.company-cta__sub {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #eff6ff;
  line-height: 28px;
  margin: 0;
}

.company-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #155dfc;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3125px;
  text-decoration: none;
  border-radius: 10px;
  padding: 12px 32px;
  min-width: 224px;
  height: 48px;
  margin-top: 16px;
}

.company-cta__btn:hover {
  opacity: 0.9;
}

/* ============================================================
   協力会社
   ============================================================ */

.company-partners {
  background: #f9f9f9 !important;
  border-radius: 4px !important;
  padding: 58px 60px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.company-partners__title {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  line-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.company-partners__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
}

.company-partners__list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  line-height: 24px !important;
}

/* 協力会社リストの赤ドット（::before）を再適用 */
.company-partners__list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* ============================================================
   page-id-1131：tcdce-box（CTAボックス）
   ============================================================ */

.page-id-1131 .tcdce-box {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 40px !important;
}

.page-id-1131 .tcdce-box.custom_box * {
  text-align: center !important;
}

.page-id-1131 .company-contact {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  margin: 0 0 24px !important;
}

.page-id-1131 .contact-contact p {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.page-id-1131 .contact-info {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: normal !important;
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: center !important;
}

.page-id-1131 .contact-info a {
  color: #FF5340 !important;
  text-decoration: none !important;
}

.page-id-1131 .contact-info a:hover {
  opacity: 0.8 !important;
}

.page-id-1131 .tcdce-button-wrapper {
  margin-top: 32px;
}

.page-id-1131 .contact-space {
  margin-bottom: 32px !important;
}

.page-id-1131 .p-page {
  padding: 0 !important;
}

/* ============================================================
   SP対応
   ============================================================ */

@media (max-width: 767px) {

  /* ヘッダービジュアル */
  .company-hero {
    background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/company_header_SP.png) !important;
    padding: 40px 0 32px !important;
  }

  .company-hero__en {
    font-size: 60px;
  }

  .company-hero__title {
    font-size: 32px !important;
  }

  .company-hero__desc {
    font-size: 14px;
    line-height: 1.8;
  }

  /* セクション */
  .company-section {
    padding: 32px 0;
  }

  .company-section-head__title {
    font-size: 24px;
  }

  /* テーブル：横スクロールなし */
  .company-table {
    display: table !important;
    overflow-x: visible !important;
    width: 100% !important;
    margin: 0 auto !important;
    min-width: unset !important;
    font-size: 13px !important;
    white-space: normal !important;
    border-collapse: collapse !important;
  }

  .company-table th {
    width: 30% !important;
    white-space: normal !important;
    word-break: break-word !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  .company-table td {
    width: 70% !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  .s_table table {
    min-width: unset !important;
  }

  /* プロフィール */
  .company-profile {
    flex-direction: column !important;
    align-items: center !important;
  }

  .company-profile__img {
    width: 120px !important;
    height: 155px !important;
  }

  /* 強み：1カラム */
  .company-strengths {
    grid-template-columns: 1fr;
    gap: 20px;
  }

.company-strength-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px; /* PCは24px */
  font-weight: 700;
  color: var(--company-teal);
  text-align: center !important;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

.company-strength-card__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 25.4px;
  margin: 0;
}
}


/* ============================================================
   受賞歴タイムライン
   ============================================================ */

.company-timeline {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
}

/* company-timeline の li の赤ドット（::before）を打ち消す */
.page-id-1131 .l-container .company-timeline li::before,
.page-id-1131 .company-timeline li::before {
  display: none !important;
  content: none !important;
}

.company-timeline__item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 16px 0;
  position: relative;
  border: none;
}

.company-timeline__date {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0a0a0a;
  line-height: 24px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ドットのコンテナ：縦線の基点 */
.company-timeline__dot {
  position: relative !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 2px !important;
}

/* ドット本体（::before）*/
.company-timeline__dot::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #FF5340 !important;
}

/* 縦線（::after）*/
.company-timeline__item:not(:last-child) .company-timeline__dot::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 8px !important;
  width: 2px !important;
  height: calc(100% + 54px) !important;
  background: #D9D9D9 !important;
}

.company-timeline__item:last-child .company-timeline__dot::after {
  display: none !important;
}

.company-timeline__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #364153;
  line-height: 24px;
  letter-spacing: -0.3125px;
}

/* ============================================================
   オフィス写真：3カラム
   ============================================================ */

.company-photos {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
}

.company-photo {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  max-width: 293px;
}

.company-photo img {
  width: 100%;
  height: 176px;
  object-fit: cover;
  display: block;
  border-radius: 4px 4px 0 0;
}

.company-photo__caption {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--company-base);
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

/* ============================================================
   アクセスマップ
   ============================================================ */

.company-access {
  text-align: center;
  margin-bottom: 30px;
}

.company-access__address {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #0a0a0a;
  line-height: 24px;
  margin: 0 0 8px;
}

.company-access__info {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: var(--company-base);
  line-height: 20px;
  margin: 0;
}

.company-map {
  width: 100%;
  height: 464px;
  overflow: hidden;
  border-radius: 4px;
}

.company-map iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* ============================================================
   CTAボタン
   ============================================================ */

.company-cta__sub {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #eff6ff;
  line-height: 28px;
  margin: 0;
}

.company-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #155dfc;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3125px;
  text-decoration: none;
  border-radius: 10px;
  padding: 12px 32px;
  min-width: 224px;
  height: 48px;
  margin-top: 16px;
}

.company-cta__btn:hover {
  opacity: 0.9;
}

/* ============================================================
   協力会社
   ============================================================ */

.company-partners {
  background: #f9f9f9 !important;
  border-radius: 4px !important;
  padding: 58px 60px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.company-partners__title {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  line-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.company-partners__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
}

.company-partners__list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  line-height: 24px !important;
}

/* 協力会社リストの赤ドット（::before）を再適用 */
.company-partners__list li::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #FF5340 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* ============================================================
   page-id-1131：tcdce-box（CTAボックス）
   ============================================================ */

.page-id-1131 .tcdce-box {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 40px !important;
}

.page-id-1131 .tcdce-box.custom_box * {
  text-align: center !important;
}

.page-id-1131 .company-contact {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  margin: 0 0 24px !important;
}

.page-id-1131 .contact-contact p {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.page-id-1131 .contact-info {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: normal !important;
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: center !important;
}

.page-id-1131 .contact-info a {
  color: #FF5340 !important;
  text-decoration: none !important;
}

.page-id-1131 .contact-info a:hover {
  opacity: 0.8 !important;
}

.page-id-1131 .tcdce-button-wrapper {
  margin-top: 32px;
}

.page-id-1131 .contact-space {
  margin-bottom: 32px !important;
}

.page-id-1131 .p-page {
  padding: 0 !important;
}

/* ============================================================
   SP対応
   ============================================================ */

@media (max-width: 767px) {

  /* ヘッダービジュアル */
  .company-hero {
    background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/company_header_SP.png) !important;
    padding: 40px 0 32px !important;
  }

  .company-hero__en {
    font-size: 60px;
  }

  .company-hero__title {
    font-size: 32px !important;
  }

  .company-hero__desc {
    font-size: 14px;
    line-height: 1.8;
  }

  /* セクション */
  .company-section {
    padding: 32px 0;
  }

  .company-section-head__title {
    font-size: 24px;
  }

  /* テーブル：横スクロールなし */
  .company-table {
    display: table !important;
    overflow-x: visible !important;
    width: 100% !important;
    margin: 0 auto !important;
    min-width: unset !important;
    font-size: 13px !important;
    white-space: normal !important;
    border-collapse: collapse !important;
  }

  .company-table th {
    width: 30% !important;
    white-space: normal !important;
    word-break: break-word !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
  }

  .company-table td {
    width: 70% !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
  }

  .s_table table {
    min-width: unset !important;
  }

  /* プロフィール */
  .company-profile {
    flex-direction: column !important;
    align-items: center !important;
  }

  .company-profile__img {
    width: 120px !important;
    height: 155px !important;
  }

  /* 強み：1カラム */
  .company-strengths {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* タイムライン：ドット・縦線を非表示 */
  .company-timeline__dot::before {
    display: none !important;
    content: none !important;
  }

  .company-timeline__item:not(:last-child) .company-timeline__dot::after {
    display: none !important;
    content: none !important;
  }

  /* オフィス写真：縦積み */
  .company-photos {
    flex-direction: column;
    align-items: center;
  }

  .company-photo {
    max-width: 100%;
    width: 100%;
  }

  /* CTAボックス */
  .page-id-1131 .tcdce-box.custom_box {
    padding: 24px 16px !important;
  }

  .page-id-1131 .tcdce-box.custom_box h3 {
    font-size: 20px !important;
  }

  .page-id-1131 .contact-info {
    font-size: 22px !important;
  }

  /* 協力会社 */
  .company-partners {
    padding: 32px 24px !important;
  }

  /* CTA文字 */
  .company-cta__title {
    font-size: 16px;
  }

  .company-cta__sub {
    font-size: 15px;
  }

}
/* ============================================================
   SP：.s_table の padding-inline・margin-inline を解除
   テーマのCSS変数による設定を上書き
   ============================================================ */

@media (max-width: 767px) {

  .s_table {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}

.p-footer-main.p-footer-main--row .p-footer-nav {
	align-items: center;
}

@media (max-width: 767px) {
    .p-sc-icon-list.p-sc_2_column {
		gap: 56px;
	}
}

/* ============================================================
   横スワイプ要素：縦スクロールを妨げない
   splide・横スクロールテーブルに適用
   ============================================================ */

/* Splideカルーセル全般 */
.splide__track,
.splide__list,
.splide__slide {
  touch-action: pan-y !important; /* 縦スクロールを優先・横スワイプも有効 */
}

/* 横スクロールテーブル */
.s_table {
  touch-action: pan-x pan-y !important; /* 横・縦どちらも許可 */
}

/* ba-cards（横スワイプがある場合）*/
.post_row.ba-cards {
  touch-action: pan-y !important;
}

/* TOPページのMVスライダー */
.home .p-mv2 .splide__track,
.home .p-mv2 .splide__list {
  touch-action: pan-y !important;
}
	
	.company-table .company-td {
	background-color: white !important;
}

.company-strength-card__title {
	text-align: center !important;
}

.company-timeline {
	max-width: 100%;
}

/* ============================================================
   page-id-46：tcdce-box.custom_box（CTAボックス）
   既存CSSに追記
   ============================================================ */

.page-id-1131 .tcdce-box {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 40px !important;
}

.page-id-1131 .tcdce-box.custom_box * {
  text-align: center !important;
}

.page-id-1131 .company-contact {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  margin: 0 0 24px !important;
}

.page-id-1131 .contact-contact p {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  margin: 0 0!important;
}

.page-id-1131 .contact-info {
  font-family: "Roboto", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #FF5340 !important;
  line-height: normal !important;
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: center !important;
}

.page-id-1131 .contact-info a {
  color: #FF5340 !important;
  text-decoration: none !important;
}

.page-id-1131 .contact-info a:hover {
  opacity: 0.8 !important;
}

.page-id-1131 .tcdce-button-wrapper {
	margin-top: 32px;
}

.page-id-1131 .contact-space {
	margin-bottom: 32px !important;
}

/* ============================================================
   SP対応
   ============================================================ */

@media (max-width: 767px) {

  .page-id-1131 .tcdce-box.custom_box {
    padding: 24px 16px !important;
  }

  .page-id-1131 .tcdce-box.custom_box h3 {
    font-size: 20px !important;
  }

  .page-id-1131 .contact-info {
    font-size: 22px !important;
  }

}

.company-section-profile {
	margin: 0 !important;
}

/* ============================================================
   代表プロフィール：Figma node 1065:184 実装
   横並び：左に顔写真・右に肩書き＋名前
   ============================================================ */

.company-profile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
}

.company-profile__img {
  width: 69px !important;
  height: 89px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.company-profile__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

.company-profile__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  text-align: center !important;
}

.company-profile__role {
  font-family: "Roboto", "Noto Sans JP", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.3125px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.company-profile__name {
  font-family: "Roboto", "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.3125px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* SP対応 */
@media (max-width: 767px) {
  .company-profile {
    flex-direction: column !important;
    align-items: center !important;
  }

  .company-profile__img {
    width: 120px !important;
    height: 155px !important;
  }
}

@media (max-width: 767px) {
	.company-hero {
	    background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/company_header_SP.png) !important;
	}
}
.company-hero {
	    background-image: url(http://slpla06.wpx.jp/parlato/wp-content/uploads/2026/05/company-header.jpg) !important;
    background-size: cover !important;
    background-position: bottom !important;
    background-color: #0E7490 !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 320px !important;
}

.company-hero__title {
	color: #ffffff !important;
    font-size: 57px !important;
    font-weight: 700 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    text-align: right !important;
    line-height: normal !important;
    white-space: nowrap !important;
    display: block !important;
}

/* ============================================================
   company-hero：親の幅制限を突き破って全幅100%表示
   ============================================================ */

.company-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative !important;
}

.page-id-1131 .p-page {
	padding: 0 !important;
}

.page-id-1131 .company-timeline__item {
	border: none;
}

/* ============================================================
   company-timeline__dot：ドット＋下に伸びる縦線
   .flow-step::after と同じ方式
   ============================================================ */

/* ドットのコンテナ：縦線の基点 */
.company-timeline__dot {
  position: relative !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 2px !important;
}

/* ドット本体（::before）*/
.company-timeline__dot::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #FF5340 !important;
}

/* 縦線（::after）：ドットの下から次のliまで伸びる */
.company-timeline__item:not(:last-child) .company-timeline__dot::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;    /* ← ドット中央（8px÷2 - 1px） */
  top: 8px !important;     /* ← ドットの下端から */
  width: 2px !important;
  height: calc(100% + 54px) !important; /* ← li間のpadding-bottom分まで伸ばす */
  background: #D9D9D9 !important;
}

/* 最後のliは縦線なし */
.company-timeline__item:last-child .company-timeline__dot::after {
  display: none !important;
}

/* company-timeline の li だけ ::before を打ち消す */
.page-id-1131 .l-container .company-timeline li::before,
.page-id-1131 .company-timeline li::before {
  display: none !important;
  content: none !important;
}

/* ============================================================
   協力会社：Figma node 1065:295 実装
   ============================================================ */

/* グレー背景カード */
.company-partners {
  background: #f9f9f9 !important;
  border-radius: 4px !important;
  padding: 58px 60px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* カードタイトル */
.company-partners__title {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  line-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* リスト */
.company-partners__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
}

/* 各リストアイテム */
.company-partners__list li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  line-height: 24px !important;
}

/* SP対応 */
@media (max-width: 767px) {
  .company-partners {
    padding: 32px 24px !important;
  }
}

/* ============================================================
   SP：company-timeline のドット・縦線を非表示
   ============================================================ */

@media (max-width: 767px) {

  .company-timeline__dot::before {
    display: none !important;
    content: none !important;
  }

  .company-timeline__item:not(:last-child) .company-timeline__dot::after {
    display: none !important;
    content: none !important;
  }

}

/* ============================================================
   page-id-1131：SP時のs_tableを90%幅で全て見えるように
   ============================================================ */

@media (max-width: 767px) {

  .page-id-1131 .s_table {
    width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
    display: table !important;
    table-layout: fixed !important;
  }

  .page-id-1131 .s_table th,
  .page-id-1131 .s_table td {
    width: auto !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    font-size: 13px !important; /* ← 必要に応じて調整 */
  }

}

/* ============================================================
   company-table：SP時に横スクロールなし・任意の幅で表示
   ============================================================ */

@media (max-width: 767px) {

  /* 横スクロールを解除 */
  .company-table {
    display: table !important;
    overflow-x: visible !important;
    width: 100% !important;    /* ← この数値で幅を調整（80%・100%など） */
    margin: 0 auto !important;
    min-width: unset !important;
    font-size: 13px !important; /* ← 文字サイズを調整 */
    white-space: normal !important;
    border-collapse: collapse !important;
  }

  /* th・tdの幅を自動調整 */
  .company-table th {
    width: 30% !important;    /* ← ラベル列の幅比率を調整 */
    white-space: normal !important;
    word-break: break-word !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
  }

  .company-table td {
    width: 70% !important;    /* ← 値列の幅比率を調整 */
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
  }

  /* s_tableのSP用min-widthを上書き */
  .s_table table {
    min-width: unset !important;
  }

}

/* ============================================================
   SP：.s_table の padding-inline・margin-inline を解除
   テーマのCSS変数による設定を上書き
   ============================================================ */

@media (max-width: 767px) {

  .s_table {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}
	
	/* ============================================================
   menu-item-192：ヘッダーとフッターで別々のmargin設定
   ============================================================ */

/* ヘッダーナビ：margin 0 */
.p-header-nav__list .menu-item-192 {
  margin: 0 !important;
}

/* フッターナビ：margin -16px */
.p-footer-main.p-footer-main--row .menu-item-192 {
  margin: -16px !important;
}

/* ============================================================
   電気料金シミュレーション・簡易見積りセクション
   ============================================================ */

.estimate-section {
  background: #f5f5f5;
  padding: 20px 0;
}

.estimate-section__inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 見出し */
.estimate-section__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #333333;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

/* 赤ライン */
.estimate-section__line {
  width: 83px;
  height: 2px;
  background: #FF5340;
  margin: 24px auto 40px;
}

/* 説明文エリア */
.estimate-section__desc {
  max-width: 640px;
  margin: 0 auto 0px;
}

.estimate-section__desc p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 1.8;
  margin: 0 0 20px;
}

/* リスト */
.estimate-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
}

.estimate-section__list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
}

/* 赤ドット */
.estimate-section__list li::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: #FF5340;
  margin-top: 0.55em;
  position: static;
  transform: none;
}

/* ============================================================
   SP対応
   ============================================================ */

@media (max-width: 767px) {

  .estimate-section {
    padding: 48px 0;
  }

  .estimate-section__title {
    font-size: 24px;
  }

  .estimate-section__desc p {
    font-size: 14px;
    text-align: left;
  }

  .estimate-section__list li {
    font-size: 14px;
  }

}

/* estimate-section内のボタン：詳細度を最大に */
.estimate-section p.tcdce-button-wrapper a.tcdce-button.custom_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 32px 32px !important;
  line-height: 0.5 !important;
  height: auto !important;
  min-height: 60px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* ============================================================
   menu-item-1108：電話番号リンク
   ============================================================ */

/* li 全体：横幅調整 */
.menu-item-1248 {
  width: 160px !important; /* ← この数値で横幅を調整 */
}

/* 空のaタグを完全に潰す */
.menu-item-1248 a:not([href^="tel:"]) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* tel:リンク：上下中央・左右余白を手動調整 */
.menu-item-1248 a[href^="tel:"] {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
  padding-left: 20px !important;  /* ← 左余白を調整 */
  padding-right: 0px !important; /* ← 右余白を調整 */
  justify-content: flex-start !important; /* paddingで位置調整するためflex-startに */
}

/* ============================================================
   menu-item-1108：li自体を上下中央に（詳細度最大）
   ============================================================ */

ul#js-global-nav.p-header-nav__list li.menu-item-1248,
#js-global-nav .menu-item-1248,
.p-header-nav__list li.parlato-tel-link.menu-item-1248 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 64% !important;
  align-self: center !important;
}

/* ============================================================
   menu-item-1248：電話番号ナビリンク
   ============================================================ */

/* li 全体：横幅調整・上下中央 */
ul#js-global-nav.p-header-nav__list li.menu-item-1248,
#js-global-nav .menu-item-1248 {
  width: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  align-self: center !important;
}

/* tel:リンク：見た目 */
.menu-item-1248 a[href^="tel:"] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 64% !important;
  width: 96% !important;
  padding-left: 0px !important;  /* ← 左余白を調整 */
  padding-right: 0px !important; /* ← 右余白を調整 */
  font-family: "Roboto", "Noto Sans JP", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  background-color: #FF5340 !important; /* ← オレンジ */
  border-radius: 40px !important;
  padding: 16px 24px !important;
}

.menu-item-1248 a[href^="tel:"]:hover {
  opacity: 0.85 !important;
}

/* SP対応 */
@media (max-width: 767px) {
  .menu-item-1248 a[href^="tel:"] {
    font-size: 20px !important;
    padding: 12px 16px !important;
  }
}

/* aタグのパディングも個別調整 */
ul#js-global-nav li.menu-item-1248 a[href^="tel:"] {
  padding-top: 8px !important;    /* ← 上 */
  padding-bottom: 8px !important; /* ← 下 */
  padding-left: 17px !important;  /* ← 左 */
  padding-right: 16px !important; /* ← 右 */
}

/* ============================================================
   フッターナビ：電話番号aタグの幅を修正
   ============================================================ */

.p-footer-nav li.menu-item-1248 a[href^="tel:"],
.p-footer-main li.menu-item-1248 a[href^="tel:"] {
  width: auto !important;
  max-width: fit-content !important;
  display: inline-flex !important;
  white-space: nowrap !important;
}