@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/***************************************************************************************************************************************



 * 全ページ共通



***************************************************************************************************************************************/
/**************************************************
 * H1見出しデザイン
**************************************************/
/* H1タイトルの文字を包むspanを強制的に動かす */
.c-pageTitle__inner {
    display: inline-flex ;
    align-items: center ;
    position: relative ;
    padding-left: 55px !important;
    border: none ;
}

/* 丸の土台を強制的に生成 */
.c-pageTitle__inner::before,
.c-pageTitle__inner::after {
    content: "" !important;
    display: block ;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
}

/* 薄い大きな丸 */
.c-pageTitle__inner::before {
    left: 0 !important;
    width: 34px !important;
    height: 34px !important;
    background-color: #C9A24D !important;
    opacity: 0.7 !important;
    transform: translateY(-50%) !important;
}

/* 濃い小さな丸 */
.c-pageTitle__inner::after {
    left: 15px !important;
    width: 26px !important;
    height: 26px !important;
    background-color: #082F2A !important;
    opacity: 0.8 !important;
    transform: translateY(-8px) !important;
}
/**************************************************
 * H2見出しデザイン（デフォルト）
**************************************************/
/* 1. H2見出しのカスタマイズ*/
body #content .post_content h2.is-style-default {
    position: relative;
    display: block;
    background: none;
    border: none;
    margin: 2em 0 1em;
    padding-top: 30px; /* ラインとの垂直の隙間 */
    
    font-size: 1.4em;
    font-weight: 800;
    color: #333;
    line-height: 1.1;
}

/* 2.上部の装飾ライン */
body #content .post_content h2.is-style-default::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12px;
    
    width: 65px;
    height: 5px;
    background-color: #082F2A;
}
/**************************************************
 * 1. H3見出し：通常デザイン（L字ライン）
**************************************************/
body #body_wrap #content .post_content h3 {
    position: relative;
    display: block;
    background: none;
    border: none;
    margin: 2em 0 1em;
    padding: 10px 0 10px 24px;
    border-bottom: 1px solid #d1d1d1;
    font-size: 1.25em;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    text-align: left; /* デフォルトは左寄せ */
}

/* 1本目の線（濃いグレー） */
body #body_wrap #content .post_content h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #082F2A;
    transform: none; /* 中央寄せ設定をリセット */
}



/**************************************************
 * 2. H3見出し：セクション用
**************************************************/
/* 通常デザインを上書き・リセットします */
body #body_wrap #content .post_content h3.is-style-section_ttl {
    padding: 30px 0 0 0; /* 上側に線の隙間を作る */
    border-bottom: none;  /* 通常用の下線を消す */
    font-size: 1.4em;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;   /* 中央寄せ */
}

/* セクション用の上線（beforeを再利用して上書き） */
body #body_wrap #content .post_content h3.is-style-section_ttl::before {
    top: 0;
    left: 50%;
    width: 65px;
    height: 5px;
    background-color: #082F2A;
    transform: translateX(-50%); /* 線を中央に配置 */
}

/* 通常用の2本目の線を消去 */
body #body_wrap #content .post_content h3.is-style-section_ttl::after {
    display: none;
}
/**************************************************
 * H4見出しデザイン（デフォルト用）
**************************************************/
body #content .post_content h4.is-style-default {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    margin: 2em 0 1em;
    
}

/* 斜めラインの制御 */
body #content .post_content h4.is-style-default::before {
    content: "";
    display: block;
    width: 3px;           /* ラインの太さ */
    height: 1.3em;        /* ラインの長さ */
    background-color: #082F2A;
    
	/* -25deg の数値を調整すると斜め具合が変わります */
    transform: skewX(-25deg); 
    
    /* 余白と位置の微調整 */
    margin-right: 20px; 
    margin-left: 10px;    /* 斜めにした分、左にも少し余裕を */
    flex-shrink: 0;
}



/**************************************************
**お問合せフォームデザイン
**************************************************/
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:100%;
	margin:0 auto;
	border: 1px solid #000;
}

table.CF7_table tr{
	border-top: 1px solid #000;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	width:100%;
	border: 1px solid #d8d8d8;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 4px;
	background: #082F2A;
	color: #fff;
	border-radius: 2px;
	margin-right:1em;
}
/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 4px;
	background: #5F6F73;/*ブルー*/
	color: #fff;
	border-radius: 2px;
	margin-right:1em;
	}

 .CF7_table th{
	width:30%;/*横幅*/
	background-color:#5F6F73;
	}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:auto;/*横幅*/
	background-color:#F3F4F2;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:auto;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: auto;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#F3F4F2;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	width:100%;
	background-color:#C9A24D;/* グリーン*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:30px;
}

.wpcf7-spinner{
	width:;
	margin:;
}

/* Turnstileのコンテナ全体に上余白を作る */
.cf-turnstile {
    margin-top: 20px; 
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  /* 1. 日付入力欄の横幅とはみ出しを修正 */
  div.wpcf7 form.wpcf7-form input.wpcf7-date {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    height: 48px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    /* 2. カレンダーアイコンをエラーの出ない形式で設定 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
    /* Safari等の標準デザインをリセット */
    -webkit-appearance: none;
    appearance: none;
  }

  /* 3. テーブルが原因で横幅がはみ出すのを防ぐ */
  .cf7_table, 
  .cf7_table tbody, 
  .cf7_table tr, 
  .cf7_table td, 
  .cf7_table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
/**************************************************
**お問合せバナーデザイン
**************************************************/
/* お問合せバナー文字中央配置 */
.sample01 {
text-align: center;
}
.sample01 span {
display: inline-block;
text-align: left;
}
/*吹き出しを真ん中に配置*/
.custom-speech-center{
justify-content: center;
}
/* 角に丸みをつける */
.banner{
 border-radius: 30px; /* 全体の丸み */
 padding:1em; /* 余白をつける */
}

/**************************************************
**フッターメニュー
**************************************************/

.l-footer__nav {
  gap: 1em;
  padding: 1em 0 4em;
}

.l-footer__nav a {
  border-right: none;
}

.l-footer__nav li:first-child a {
  border-left: none;
}

.l-footer__nav > li > a {
  font-weight: 700;
  font-size: 14px;
}

.l-footer__nav .sub-menu {
  margin-top: 0.25em;
  display: grid;
  gap: 0.15em;
}

.l-footer__nav .sub-menu > li {
  margin-left: 0.75em;
}

.l-footer__nav .sub-menu > li a {
  padding: 0 0.75em;
  position: relative;
  font-size: 13px;
}

.l-footer__nav .sub-menu > li a::before {
  content: "";
  width: 5px;
  height: 1px;
  background-color: var(--color_footer_text);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .l-footer__nav {
    gap: 0.5em;
    flex-direction: column;
  }

  .l-footer__nav > li:nth-of-type(n + 2) {
    padding-bottom: 0.5em;
  }

  .l-footer__nav > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .l-footer__nav > li > a {
    font-size: 13px;
  }

  .l-footer__nav .sub-menu {
    margin-top: 0.2em;
    gap: 0.5em;
  }

  .l-footer__nav .sub-menu > li a {
    font-size: 12px;
  }
}


/**************************************************
**ボーダー
**************************************************/
.mark_green {
    background: linear-gradient(transparent 72%, var(--color_mark_green) 72%);
}


/**************************************************
**パンくずリスト
**************************************************/
.p-breadcrumb.-bg-on {
    background: #ffffff;
}

/**************************************************
**固定ページ・h1直下のマージン調整
**************************************************/
.l-mainContent__inner>.post_content {
    margin: 3em 0;
}

/**************************************************
 * PC幅でヘッダーロゴが消されているのを復活させる 
 **************************************************/
.c-headLogo {
    display: block !important;
  }
/**************************************************
 * グローバルナビのボタン 
**************************************************/

/* ボタンのテキストを改行させない */
.w-header .swell-block-button__link {
    white-space: nowrap;
}

/* ボタン全体の最小幅を確保 */
.w-header .swell-block-button {
    min-width: max-content;
}

/* ヘッダー内のアイテムが縮小されないようにする */
.w-header__item {
    flex-shrink: 0;
}
/**************************************************
 * 投稿ページのH1見出しのデザイン設定
**************************************************/
/* 投稿ページのタイトルを独自デザインに変更 */
.single .c-postTitle__ttl {
    position: relative;
    padding-top: .75em;
    color: #333333;
    /* 元々の装飾がある場合はリセット */
    border: none !important;
}

/* 背後に表示される大きな英字のデザイン */
.single .c-postTitle__ttl::before {
    position: absolute;
    bottom: -10px;
    left: -20px;
    z-index: -1;
    color: #C9A24D;
    line-height: 1;
    /* 表示したい英字をここで指定（data-wordの代わり） */
    content: "Voice"; 
    pointer-events: none;
    font-weight: bold;
	  font-size:120px;
    /* 日本語タイトルと重なりすぎないよう透過度を調整する場合 */
    opacity: 0.15;
}
/**************************************************
 * 投稿ページのH2見出しのデザイン設定
**************************************************/
/* 「.single-post」をIDの直後に繋げることで、優先度を落とさず投稿ページに限定 */
#main_content.single-post .post_content h2.wp-block-heading,
.single-post #main_content .post_content h2.wp-block-heading {
    position: relative;
    padding: 0 0 0 43px;
    font-size: 1.4em;
    font-weight: bold;
    color: #082F2A;
    /* 既存の線を打ち消す */
    border-left: 0px none transparent;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background: transparent;
    display: block;
}

/* 右側の2本目の線（横並び） */
.single-post #main_content .post_content h2.wp-block-heading::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 3px;
    background: #C9A24D;
    border: none;
    z-index: 1;
}

@media screen and (max-width:599px) {
	#main_content.single-post .post_content h2.wp-block-heading,
    .single-post #main_content .post_content h2.wp-block-heading {
		font-size: 1.2em;
   }
}
/**************************************************
 * 投稿ページのサイドメニューのデザイン設定
**************************************************/
#sidebar {
    padding: 20px 15px;
    border-radius: 8px;
}

/* 2. ウィジェットを白いカードにする（詳細度を最大化） */
#sidebar div.c-widget {
    background-color: #F3F4F2; 
    padding: 20px;
    margin-bottom: 20px;
	  font-size:13px;
    border-radius: 5px;
    border: none;
    box-shadow: none;
}

/* 3. 【最重要】下線を消すためのリセット */
#sidebar .c-widget li,
#sidebar .c-widget li a,
#sidebar .c-widget .p-postsList__item,
#sidebar .c-widget .p-postsList__item a,
#sidebar .c-widget__title {
    border: none !important;
    box-shadow: none !important;
}
#sidebar .c-widget__title::before,
#sidebar .c-widget__title::after,
#sidebar .c-widget li::after,
#sidebar .c-widget .p-postsList__item::after,
#sidebar .c-widget li a::after {
    content: none !important;
    display: none !important;
    height: 0 !important;
}

/* 4. タイトルの設定（既存の線を消して中央寄せ） */
#sidebar .c-widget__title {
    text-align: center;
    border: none !important;
    border-bottom: 2px solid #ddd !important; /* 新しく引く線 */
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    font-weight: bold;
    position: relative; /* 疑似要素を無効化した後の位置調整用 */
}

/* 5. カード内の項目間に「新しい点線」を引く */
#sidebar .c-widget li,
#sidebar .c-widget .p-postsList__item {
    padding-bottom: 8px;
    margin-bottom: 8px;
}

#sidebar .c-widget li:not(:last-child),
#sidebar .c-widget .p-postsList__item:not(:last-child) {
    border-bottom: 1px solid #ddd !important;
}
/**************************************************
 * お客様の声カテゴリページの見出しデザイン非表示
**************************************************/
/* デザインを崩さず、濃い下線（枠線）だけを強制消去 */
.c-pageTitle .c-pageTitle__inner {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 念のため、これまで消えていた薄い線（本体の枠線）も維持 */
.c-pageTitle {
    border-bottom: none !important;
}
/**************************************************
 * Pタグの使い分け 
**************************************************/
/* .section-titleクラス */
#main_content .post_content p[class*="section-title"].has-text-align-center,
#main_content .post_content p[class*="section-title"].has-text-align-center,
#main_content .post_content p[class*="section-title"] * {
    font-size: 26px;
    color: #082f2a;
    font-weight: bold;
}

@media (max-width: 600px) {
#main_content .post_content p[class*="section-title"].has-text-align-center,
#main_content .post_content p[class*="section-title"].has-text-align-center,
#main_content .post_content p[class*="section-title"] * {
	    font-size: 19px;
	}
}

/**************************************************
 * よくある質問
**************************************************/


/* Q アイコン（タイトル部分） */
.qa-accordion .swell-block-accordion__title::before {
  content: "Q";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #082F2A;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-right: 15px;
  flex-shrink: 0;
}

/* A アイコン（本文部分） */
.qa-accordion .swell-block-accordion__body::before {
  content: "A";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #C9A24D;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-right: 15px;
  flex-shrink: 0;
  float: left;
}

/* A アイコン分のインデント */
.qa-accordion .swell-block-accordion__body p {
  padding-left: 34px;
}



/***************************************************************************************************************************************



 * トップページ（ID：547）PC表示



***************************************************************************************************************************************/
/**************************************************
 * H1見出しのフォントサイズ変更
**************************************************/
.page-id-547 #main_content .post_content h1{
    font-size: 30px;
    font-weight: bold;
}

/**************************************************
 * H２見出しのフォントサイズ変更
**************************************************/
.page-id-547 .post_content h2 {
  font-size: 28px;
}

/**************************************************
 * メインビジュアル
**************************************************/

/* タイトル */
.page-id-547 #main_content .post_content .mv-title {
    font-size: 31px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
}

/* セクション全体 */
.page-id-547 .hero-section .swell-block-fullWide__inner {
  padding-top: 20px;
}


/* 外側リッチカラム */
.page-id-547 .swell-block-columns.hero-grid .swell-block-columns__inner {
  align-items: center;
}

/* サブキャッチ */
.page-id-547 .hero-section .hero-desc {
  font-size: 16px;
  color: #333;
  line-height: 1.9;
}

/* 実績エリア外枠（四隅装飾） */
.page-id-547 .swell-block-columns.hero-stats {
  position: relative;
  padding: 4px;
}

.page-id-547 .hero-section .hero-stats-wrap {
  position: relative;
}

/* 実績エリア内側 */
.page-id-547 .swell-block-columns.hero-stats .swell-block-columns__inner {
  gap: 0;
  align-items: stretch;
  padding: 0;
  position: relative;
}


/* 各カラム（背景画像を設定）*/
.page-id-547 .swell-block-columns.hero-stats .swell-block-columns__inner > .swell-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px 0px;
  background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/03/transparent-Photoroom-12.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 136px 130px;
}

/**************************************************
 * h2見出し上部のラベル・リード文の下線
**************************************************/
/* ===== h2見出し上部のラベル ===== */
.page-id-547 .lead-label {
  font-size: 13px;
  font-weight: 700;
  color: #C9A24D;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

/* ===== リード文の下線 ===== */
.page-id-547 .lead-underline {
  padding-bottom: 32px;
  border-bottom: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.page-id-547 .lead-underline::after {
  content: '';
  display: block;
  width: 5%;
  height: 1px;
  background: #C9A24D;
  margin: 30px auto 0;
}


/**************************************************
 * 選ばれる理由のセクション
**************************************************/
/* ===== セクション全体 ===== */
.page-id-547 .reasons-section {
  background: #F3F4F2;
}

.page-id-547 .reasons-section .wp-block-group__inner-container,
.page-id-547 .reasons-section .is-layout-constrained {
  padding-top: 80px;
  padding-bottom: 80px;
}


/* ===== 各カード外枠 ===== */
.page-id-547 .wp-block-group.reason-item {
  background: #fff;
  border: 0.5px solid #dddbd4;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

/* ===== カード内のpaddingをリセット ===== */
.page-id-547 .wp-block-group.reason-item .wp-block-group__inner-container,
.page-id-547 .wp-block-group.reason-item .is-layout-constrained {
  padding: 0;
}

.page-id-547 .wp-block-group.reason-item::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 3px;
  background: #C9A24D;
  z-index: 1;
}

/* ===== 左カラムの幅を固定 ===== */
.page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child {
  width: 220px;
  flex-shrink: 0;
  flex-grow: 0;
}

/* ===== 右カラムを残りの幅に ===== */
.page-id-547 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:last-child {
  flex: 1;
  min-width: 0;
}

/* ===== リッチカラム ===== */
.page-id-547 .swell-block-columns.reason-inner .swell-block-columns__inner {
  align-items: stretch;
  gap: 0;
}

/* ===== 左カラム ===== */
.page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child {
  background: #f5f6f3;
  border-right: 0.5px solid #dddbd4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  gap: 12px;
}


/* ===== イラスト画像 ===== */
.page-id-547 .swell-block-columns.reason-inner .wp-block-image {
  display: flex;
  justify-content: center;
  margin: 0;
}

.page-id-547 .swell-block-columns.reason-inner .wp-block-image img {
  width: 80px;
  height: 70px;
  object-fit: contain;
}

/* ===== 番号 ===== */
.page-id-547 .swell-block-columns.reason-inner .reason-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 45px;
  font-weight: 700;
  color: #C9A24D;
  line-height: 1;
  text-align: center;
  margin: 0;
}

/* ===== REASONラベル ===== */
.page-id-547 .swell-block-columns.reason-inner .reason-num-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  text-align: center;
  margin: 0;
}

/* ===== 右カラム ===== */
.page-id-547 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:last-child {
  padding: 28px 32px;
}
/* ===== 見出し ===== */
#body_wrap.page-id-547 #content .post_content .wp-block-group.reason-item h3.reason-title {
  padding: 0;
}

.page-id-547 .wp-block-group.reason-item h3.wp-block-heading::before {
  display: none;
}

/* ===== 本文 ===== */
.page-id-547 .wp-block-group.reason-item p:not(.reason-num):not(.reason-num-label) {
  line-height: 1.9;
  margin: 0;
}

/* ===== リンク ===== */
.page-id-547 .swell-block-columns.reason-inner .reason-rink {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  margin: 0;
}


/* ===== スマホ表示 ===== */

/****************************
 * サービスのセクション
****************************/
/* ===== イントロラベル ===== */
.page-id-547 .service-section .service-intro-label {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

/* ===== リッチカラム ===== */
.page-id-547 .swell-block-columns.service-grid .swell-block-columns__inner {
  align-items: stretch;
}

.page-id-547 .service-section .wp-block-group.service-intro {
  margin-bottom: 60px !important;
}

/* ===== カードグリッドの幅 ===== */
.page-id-547 .swell-block-columns.service-grid {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* ===== 3カラムのservice-gridの幅を拡大 ===== */
.page-id-547 .swell-block-columns.service-grid.service3 {
  max-width: 100%;
}

/* ===== サービスカード ===== */
.page-id-547 .wp-block-group.service-card {
  background: #F3F4F2;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 20px;
}

.page-id-547 .wp-block-group.service-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #b8972e, #d4b24a);
}

.page-id-547 .wp-block-group.service-card > .wp-block-group__inner-container,
.page-id-547 .wp-block-group.service-card > .is-layout-constrained {
  padding: 30px;
}

/* ===== SERVICE タグ ===== */
.page-id-547 .wp-block-group.service-card p.service-tag {
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.15em;
  color: #b8972e;
  border: 0.5px solid #b8972e;
  padding: 3px 10px;
  margin-bottom: 12px;
  font-family: 'Cormorant Garamond', serif;
  background: none;
}

/* ===== h4見出し ===== */
.page-id-547 .wp-block-group.service-card h4.wp-block-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
  border-left: none;
  background: none;
  padding-left: 0;
}

.page-id-547 .wp-block-group.service-card h4.wp-block-heading::before {
  display: none;
}

/* ===== サブテキスト ===== */
.page-id-547 .wp-block-group.service-card p.service-card-sub {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 16px;
}


/* ===== 画像 ===== */
.page-id-547 .wp-block-group.service-card .wp-block-image img {
  width: 70%;
  margin: 0 auto;
  display: block;
  border-radius: 4px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* ===== ボタン ===== */
.page-id-547 .wp-block-group.service-card .wp-block-button {
  margin-top: 20px;
}

.page-id-547 .wp-block-group.service-card .wp-block-button__link {
  background: transparent;
  color: #1a2e2a;
  border: 0.5px solid #1a2e2a;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 12px 20px;
  width: 100%;
  text-align: center;
}

/**************************************************
 * 事例のセクション
**************************************************/
.page-id-547 .voice-section .swell-block-fullWide__inner {
  padding: 80px 10px 80px;
}

.page-id-547 .voice-section h2.wp-block-heading::before {
  display: none;
}


.page-id-547 .wp-block-group.voice-grid > .wp-block-group__inner-container,
.page-id-547 .wp-block-group.voice-grid > .is-layout-constrained {
  padding: 0;
}

/* ===== voice-cardのボタン下余白 ===== */
.page-id-547 .wp-block-group.voice-card .swell-block-button__link {
  margin-bottom: 30px !important;
}

/* ===== 各カード ===== */
.page-id-547 .wp-block-group.voice-card {
  background: #082F2A;
  border-radius: 10px;
  overflow: hidden;
}

.page-id-547 .wp-block-group.voice-card > .wp-block-group__inner-container,
.page-id-547 .wp-block-group.voice-card > .is-layout-constrained {
  padding: 0;
  display: flex;
  flex-direction: column;
}

/* ===== 画像 ===== */
.page-id-547 .wp-block-group.voice-card .wp-block-image {
  margin: 0;
  position: relative;
}

.page-id-547 .wp-block-group.voice-card .wp-block-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 30%, #1a2e2a 100%);
}

.page-id-547 .wp-block-group.voice-card .wp-block-image img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* ===== テキストエリア ===== */
.page-id-547 .wp-block-group.voice-card .voice-industry,
.page-id-547 .wp-block-group.voice-card .voice-title,
.page-id-547 .wp-block-group.voice-card .voice-company,
.page-id-547 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
  padding-left: 24px;
  padding-right: 24px;
}

/* ===== 業種 ===== */
.page-id-547 .wp-block-group.voice-card .voice-industry {
  font-family: 'Cormorant Garamond', serif;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  margin-top: -8px;
  margin-bottom: 8px;
}

/* ===== タイトル ===== */
.page-id-547 .wp-block-group.voice-card .voice-title {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 8px;
}

/* ===== 会社名 ===== */
.page-id-547 .wp-block-group.voice-card .voice-company {
  font-size: 12px;
  color: #fff;
  margin-bottom: 10px;
}

/* ===== 本文 ===== */
.page-id-547 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
  font-size: 16px;
  color: #fff;
  line-height: 1.9;
  margin-bottom: 16px;
}

/**************************************************
 * 相談から支援開始までの流れ
**************************************************/
/* h3見出しの下線を消す */
.page-id-547 #body_wrap #content .post_content h3[class*="phase-sub-title"] {
    border-bottom: none;
    padding-bottom: 0; 
}
/* 見出しとリード文のグループ */
.page-id-547 #main_content .post_content div[class*="flow-header"]{
    margin-bottom: 60px;
}
/* phaseの各グループ */
.page-id-547 #main_content .post_content div[class*="phase-item"] {
    position: relative; 
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(8, 47, 42, 0.08);
    position: relative;
}
.page-id-547 #main_content .post_content div[class*="phase-item"]::before {
    content: '';
    position: absolute;
    left: -53px; 
    top: 26px; 
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #C9A24D;
    box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.2);
}
/* phaseのグループ */
.page-id-547 #main_content .post_content div[class*="phase-list"]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(8, 47, 42, 0.12);
}

/* phaseの番号 */
.page-id-547 #main_content .post_content p[class*="phase-label"] {
    font-size: 13px;
    font-weight: 700;
    color: #C9A24D;
    letter-spacing: 0.28em;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-id-547 #main_content .post_content p[class*="phase-label"]::after {
   content: '';
    width: 40px;
    height: 1px;
    background: #C9A24D;
    opacity: 0.45;
}
/**************************************************
 * 代表者のごあいさつ
**************************************************/
.page-id-547 .profile-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #C9A24D, transparent);
}

/* ===== ラベルタグ ===== */
.page-id-547 .profile-section .profile-label {
  font-size: 28px;
  font-weight: 600;
  color: #082F2A;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}
/* ===== 見出し h2 ===== */
.page-id-547 .profile-section h2 {
  font-size: 16px;
  letter-spacing: 0.2em;
  padding: 4px 12px;
  margin-bottom: 20px;
}

/* ===== 名前ブロック ===== */
.page-id-547 .profile-section .profile-name {
  border-left: 2px solid #b8972e;
  padding-left: 16px;
  font-size: 20px;
  font-weight: 600;
  color: #1a2e2a;
  margin-top: 16px;
}

/* ===== 画像の比率・角丸・サイズ ===== */
.page-id-547 .profile-rich-col .wp-block-image {
  width: 60%;
  margin: 0 auto 0 0;
}

.page-id-547 .profile-rich-col .wp-block-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px;
  max-width: 140%;
}
.page-id-547 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:first-child {
  flex: 0 0 31%;
}


.page-id-547 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:last-child {
  flex: 0 0 60%;
}


/**************************************************
 * コラム
**************************************************/
.page-id-547 .column-section .wp-block-group__inner-container,
.page-id-547 .column-section .is-layout-constrained {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* ===== リッチカラム ===== */
.page-id-547 .swell-block-columns.column-grid .swell-block-columns__inner {
  align-items: stretch;
}

/* ===== 各カード ===== */
.page-id-547 .wp-block-group.column-card {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  border: 0.5px solid #dddbd4;
  position: relative;
  height: 100%;
}

.page-id-547 .wp-block-group.column-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #b8972e, #d4b24a);
}

.page-id-547 .wp-block-group.column-card > .wp-block-group__inner-container,
.page-id-547 .wp-block-group.column-card > .is-layout-constrained {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ===== 画像 ===== */
.page-id-547 .wp-block-group.column-card .wp-block-image {
  margin: 0;
}

.page-id-547 .wp-block-group.column-card .wp-block-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* ===== カード内テキストエリア ===== */
.page-id-547 .wp-block-group.column-card h3,
.page-id-547 .wp-block-group.column-card p,
.page-id-547 .wp-block-group.column-card .wp-block-button {
  padding-left: 20px;
  padding-right: 20px;
}

/* ===== h3タイトル ===== */
.page-id-547 .wp-block-group.column-card .column-title {
  font-size: 14px;
  font-weight: 500;
  color: #1a2e2a;
  line-height: 1.65;
  padding-top: 18px;
  padding-bottom: 0;
  border-left: none;
  background: none;
  margin: 0;
}

.page-id-547 .wp-block-group.column-card h3.wp-block-heading::before {
  display: none;
}

/* ===== カテゴリタグ ===== */
.page-id-547 .wp-block-group.column-card .column-tag {
  display: inline-block;
  width: fit-content;
  font-size: 10px;
  color: #7a6420;
  background: #f5edda;
  border: 0.5px solid #d4a830;
  border-radius: 3px;
  padding: 2px 8px;
  letter-spacing: 0.05em;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 0;
}

/* ===== 本文テキスト ===== */
.page-id-547 .wp-block-group.column-card .column-text {
  font-size: 12px;
  color: #4a5a56;
  line-height: 1.9;
  margin-top: 10px;
  margin-bottom: 0;
  flex: 1;
}

/* ===== ボタン ===== */
.page-id-547 .wp-block-group.column-card .column-link {
  padding-top: 14px;
  padding-bottom: 22px;
  margin-top: auto;
}

.page-id-547 .wp-block-group.column-card .column-link {
  display: inline-block;
  width: fit-content;
  background: transparent;
  color: #b8972e;
  border: none;
  border-bottom: 0.5px solid #b8972e;
  border-radius: 0;
  font-size: 13px;
  letter-spacing: 0.1em;
  padding: 0 0 2px;
  margin-left: 20px;
  box-shadow: none;
}

/* ===== コラム一覧ボタン ===== */
.page-id-547 .column-section .column-more-btn {
  text-align: center;
  margin-top: 32px;
}

.page-id-547 .column-section .column-more-btn .wp-block-button__link {
  background: transparent;
  color: #1a2e2a;
  border: 0.5px solid #1a2e2a;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 12px 40px;
  box-shadow: none;
}


/**********************************************************************************************



 * トップページ（ID：547）タブレット表示



**********************************************************************************************/
  @media screen and (max-width: 959px) {

/* --- メインビジュアル --- */
  .page-id-547 #main_content .post_content .mv-title {
    font-size: 24px;
  }
  .page-id-547 .swell-block-columns.hero-grid .swell-block-columns__inner .wp-block-image img {
    max-width: 80%;
  }
  .page-id-547 .swell-block-columns.hero-stats .swell-block-columns__inner > .swell-block-column {
    background-size: 129px 127px;
  }
/* --- サービス紹介 --- */
  .page-id-547 .wp-block-group.service-card h4.wp-block-heading {
    font-size: 15px;
  }
  .page-id-547 .wp-block-group.service-card p.service-card-sub {
    font-size: 11px;
  }
  .page-id-547 .wp-block-group.service-card .wp-block-image img {
    max-width: 82% !important;
  }
/* --- 代表者挨拶 --- */
  .page-id-547 .profile-rich-col .wp-block-image img {
    max-width: 160%;
  }
  .page-id-547 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:first-child {
  flex: 0 0 27%;
  }
  .page-id-547 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:last-child {
    flex: 0 0 63%;
  }
/* --- 事例 --- */
  .page-id-547 .wp-block-group.voice-card {
    height: 580px;
  }
  .page-id-547 .wp-block-group.voice-card .wp-block-image img {
    width: 100%;
    aspect-ratio: 16/9;
  }
  .page-id-547 .wp-block-group.voice-card .voice-industry {
    font-size: 12px;
    margin-bottom: 1px;
  }
  .page-id-547 .wp-block-group.voice-card .voice-title {
    font-size: 16px;
  }
  .page-id-547 .wp-block-group.voice-card .voice-company {
    font-size: 9px;
  }
  .page-id-547 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
    font-size: 13px;
  }
}

/**********************************************************************************************



 * トップページ（ID：547）スマホ表示



**********************************************************************************************/
@media (max-width: 600px) {
	
	.page-id-547 .post_content h2 {
		font-size: 22px;
	}
	
   .page-id-547 #main_content .post_content h1{
    font-size: 24px;
  }

  .swell-block-fullWide.hero-section .swell-block-column.hero-colum-right {
    order: -1;
  }
/* --- メインビジュアル --- */
  .page-id-547 #main_content .post_content .mv-title {
    font-size: 21px;
    text-align: center;
  }
  .page-id-547 .hero-section .hero-desc {
    font-size: 16px;
    text-align: center;
  }
  .page-id-547 .hero-section .stat-num {
    font-size: 14px;
  }
  .page-id-547 .swell-block-columns.hero-stats .swell-block-columns__inner > .swell-block-column {
    background-size: 109px 104px;
  }


   /* ===== カラムを縦積みに変更 ===== */
  .page-id-547 .swell-block-columns.hero-stats .swell-block-columns.reason-inner .swell-block-columns__inner {
    flex-direction: column ;
  }

  /* ===== 左カラム：横幅いっぱい・内部を横並びに ===== */
  .page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child {
    width: 100% !important;
    border-right: none;
    border-bottom: 0.5px solid #dddbd4;
    flex-direction: row;      
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    gap: 0;
  }

  /* ===== 番号・ラベルをまとめて左寄せ ===== */
  .page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child .reason-num,
  .page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child .reason-num-label {
    text-align: left;
    margin-left: 5px;
  }

  /* ===== 右カラム：横幅いっぱいに ===== */
  .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:last-child {
    width: 100% !important;
    padding: 20px 34px 10px 24px;
  }

  /* ===== 番号：スマホサイズに縮小 ===== */
  .swell-block-columns.reason-inner .reason-num {
    font-size: 32px;
  }

  /* ===== REASON ラベル ===== */
  .swell-block-columns.reason-inner .reason-num-label {
    font-size: 10px;
  }

  /* ===== イラスト画像：右寄せ・サイズ調整 ===== */
  .page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child .wp-block-image {
    margin-left: auto;
  }

  .page-id-547 .wp-block-group.reason-item .wp-block-image img {
    width: 80px;
    height: 85px;
  }

  /* ===== h3 見出し ===== */
  .page-id-547 .wp-block-group.reason-item .wp-block-group.reason-item h3.wp-block-heading {
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 12px;
    border-left: none;
    background: none;
  }

  /* ===== 本文 ===== */
  .page-id-547 .wp-block-group.reason-item .wp-block-group.reason-item p:not(.reason-num):not(.reason-num-label) {
    font-size: 14px;
    line-height: 1.9;
  }

  /* ===== リンク ===== */
  .page-id-547 .wp-block-group.reason-item .swell-block-columns.reason-inner .reason-rink {
    font-size: 13px;
    letter-spacing: 0.15em;
  }



  .swell-block-fullWide.misunderstand-section .swell-block-columns .swell-block-columns__inner {
    display: block;
  }

  .swell-block-fullWide.misunderstand-section .swell-block-column.misunderstand-card {
    margin-bottom: 20px;
  }
    .page-id-547 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:first-child {
  flex: auto;
  }
  .page-id-547 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:last-child {
    flex: auto;
  }

  .page-id-547 .swell-block-columns.service-grid {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .page-id-547 .wp-block-group.service-card h4.wp-block-heading {
    font-size: 20px;
  }
  .page-id-547 .wp-block-group.voice-card .voice-title {
    font-size: 20px;
  }
  .page-id-547 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
    font-size: 14px;
  }
  .page-id-547 .wp-block-group.voice-card .voice-company {
    font-size: 13px;
  }
  .page-id-547 .wp-block-group.voice-card {
    height: 650px;
  }
  .page-id-547 .profile-rich-col .wp-block-image img {
    margin-left: 7px;
  }
	.page-id-547 .profile-section .profile-label {
		font-size: 24px;
	}
}

/**********************************************************************************************



 *  Nomad Community（ノマドコミュニティ）について（ID：1356）



**********************************************************************************************/
/*H2見出し*/
.page-id-1356 main h2.VMV {
    color: #082F2A;/*文字色（黒）*/
    font-size: 25px;/*文字サイズ*/
    padding: 15px 10px;/*文字回りの余白（上下 左右）*/
    display: block;
    position: relative;
}
.page-id-1356 main h2.VMV:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -3%;
    transform: translate(-50%, -50%);
    width: 6em;/*円の幅*/
    height: 6em;/*円の高さ*/
    background-color: #C9A24D;
    border-radius: 50%;
    z-index: -1;
}
/*H2見出し*/
.page-id-1356 .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-left: solid 0px var(--color_htag);
    padding: 0em 0 0em 16px;
}
/* h２見出しの装飾を非表示にする設定 */
.page-id-1356 .l-mainContent .post_content h2.is-style-default .wp-block-heading {
    background: none;      /* 背景色を消す */
    border: none;          /* 枠線を消す */
    margin-top: 40px;     
}
/* SWELLの見出し装飾（横線やドットなど）に使われる疑似要素を消す */
.page-id-1356 .l-mainContent .post_content h2.is-style-default.wp-block-heading::before,
.page-id-1356 .l-mainContent .post_content h2.is-style-default.wp-block-heading::after {
    content: none;         /* 装飾自体を消去 */
    display: none;
}

/**********************************************************************************************
 * 
 * 
 * 
 * ホームページ制作サービス（ID：21）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-21 #content.l-content {
    padding-top: 0;
}

/**************************************************
 * H1見出しのフォントサイズ変更
**************************************************/
.page-id-21 #main_content .post_content h1 {
    font-size: 18px;
    font-weight: bold;
}

/**************************************************
 * H２見出しのフォントサイズ変更
**************************************************/
.page-id-21 .post_content h2,
.page-id-21 #content .post_content h2.is-style-default {
    font-size: 28px;
    color: #082F2A;
}

/**************************************************
 * パンくずの背景色の変更
**************************************************/
.page-id-21 #breadcrumb.p-breadcrumb {
    background-color: #F3F4F2;
}

/**************************************************
 * メインビジュアル
**************************************************/

/* =============================
  タイトル
   ============================= */
#body_wrap.page-id-21 #content .post_content .swell-block-fullWide.mv-section .mv-heading {
    font-size: 32px;
    font-weight: 700;
    color: #082F2A;
    line-height: 1.8;
    margin-bottom: 80px;
    border-bottom: none;
    background: none;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* =============================
  円を並べるグループ
   ============================= */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circles {
    position: relative;
    z-index: 1;
}

.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circles > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circles > .is-layout-constrained {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 560px;
    margin: 0 auto;
    padding: 0;
}

/* =============================
  左円
   ============================= */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left {
    position: relative;
    flex-shrink: 0;
}

.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left > .is-layout-constrained {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(8,47,42,0.9);
    border: 1px solid rgba(8,47,42,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
}

/* 装飾リング */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left::before {
    content: '';
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 0.5px solid rgba(8,47,42,0.6);
    pointer-events: none;
}

.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left::after {
    content: '';
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    border: 0.5px solid rgba(8,47,42,0.5);
    pointer-events: none;
}

/* =============================
   右円
   ============================= */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right {
    position: relative;
    flex-shrink: 0;
}

.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right > .is-layout-constrained {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(201,162,77,0.8);
    border: 1px solid rgba(243,244,242,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
}

.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right::before {
    content: '';
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 0.5px solid rgba(201,162,77,0.6);
    pointer-events: none;
}

.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right::after {
    content: '';
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    border: 0.5px solid rgba(201,162,77,0.4);
    pointer-events: none;
}

/* =============================
   英字ラベル（段落）
   ============================= */
.page-id-21 .swell-block-fullWide.mv-section .mv-circle-left p.mv-circle-en {
    font-family: 'DM Serif Display', serif;
    font-style: italic;
    font-size: 18px;
    letter-spacing: 0.16em;
    color: rgba(201,162,77,1);
    text-align: center;
    margin: 0;
}

.page-id-21 .swell-block-fullWide.mv-section .mv-circle-right p.mv-circle-en {
    font-family: 'DM Serif Display', serif;
    font-style: italic;
    font-size: 18px;
    letter-spacing: 0.16em;
    color: rgba(8,47,42,1);
    text-align: center;
    margin: 0;
}

/* =============================
   円のタイトル（段落）
   ============================= */
.page-id-21 .swell-block-fullWide.mv-section .mv-circle-left p.mv-circle-title {
    font-family: 'Noto Serif JP', serif;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    margin: 0;
}

.page-id-21 .swell-block-fullWide.mv-section .mv-circle-right p.mv-circle-title {
    font-family: 'Noto Serif JP', serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    margin: 0;
}

/* =============================
   中央 × グループ
   ============================= */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross > .is-layout-constrained {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0;
    flex-shrink: 0;
}

/* 縦ライン上 */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross::before {
    content: '';
    display: block;
    width: 0.5px;
    height: 40px;
    background: #333;
    opacity: 0.4;
    margin: 0 auto;
}

/* 縦ライン下 */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross::after {
    content: '';
    display: block;
    width: 0.5px;
    height: 40px;
    background: #333;
    opacity: 0.4;
    margin: 0 auto;
}

/* × 記号（段落） */
.page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DM Serif Display', serif;
    font-size: 50px;
    color: #333;
    line-height: 44px;
    text-align: center;
    margin: 0;
}

/**************************************************
 * お悩み
**************************************************/
.page-id-21 .swell-block-columns__inner .worries-col {
    background: #F3F4F2;
    border: 0.5px solid #dddbd4;
    border-radius: 8px;
    padding: 30px 2px 40px !important;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.page-id-21 .swell-block-columns__inner .worries-col::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #b8972e, transparent);
}

/* ===== イラストを丸で囲む ===== */
.page-id-21 .worries-col .wp-block-image {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.page-id-21 .worries-col .wp-block-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
    box-sizing: border-box;
    border: 1px solid #dddbd4;
}

.page-id-21 .swell-block-columns__inner .worries-col .worries-col-title {
    font-size: 18px;
    font-weight: 700;
}

/**************************************************
 * サービスの特徴
**************************************************/
/* サービスの特徴の見出しデザインを消す */
#body_wrap.page-id-21 #main_content .post_content .l-article h3,
#body_wrap.page-id-21 #main_content .post_content .l-article h3::before {
    background: none;
    border: none;
    padding: 0;
}

/* サービスの特徴のナンバー */
#body_wrap.page-id-21 #main_content .post_content .l-article p.step-number {
    font-family: 'DM Serif Display', serif;
    font-size: 60px;
    color: #C9A24D;
    opacity: 0.9;
    line-height: 1;
    margin-bottom: -43px;
    letter-spacing: -0.04em;
    user-select: none;
    font-weight: bold;
    display: block;
}

/* サービスの特徴のh3デザイン */
#body_wrap.page-id-21 #main_content .post_content .l-article h3::after {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    background: #082F2A;
    margin-top: 12px;
}

.page-id-21 #main_content .post_content div[class*="features1"] {
    margin-bottom: 20px;
}
.page-id-21 #main_content .post_content div[class*="features2"] {
    margin-bottom: 20px;
}
.page-id-21 #main_content .post_content div[class*="features3"] {
    margin-bottom: 0px;
}

/**************************************************
 * サービスのセクション
 **************************************************/
.page-id-21 p.lead-underline {
    text-align: center;
}

/* ===== 英字ラベル「Service」===== */
#body_wrap.page-id-21 #content .post_content .swell-block-fullWide.service-section .service-nmb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'DM Serif Display', serif;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #C9A24D;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 6px;
}

/* 左のゴールドバー */
#body_wrap.page-id-21 #content .post_content .swell-block-fullWide.service-section .service-nmb::before {
    content: '';
    display: block;
    width: 3px;
    height: 14px;
    background: #C9A24D;
    border-radius: 2px;
}

/* h3見出し */
#body_wrap.page-id-21 #content .post_content .swell-block-fullWide.service-section .service-heading {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
    padding: 0;
    background: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    gap: 12px;
}

#body_wrap.page-id-21 #content .post_content .swell-block-fullWide.service-section .service-heading::before {
    display: none;
}

#body_wrap.page-id-21 #content .post_content .swell-block-fullWide.service-section .service-heading::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #C9A24D;
    opacity: 0.5;
    display: block;
}

.page-id-21 .swell-block-fullWide.service-section .swell-block-fullWide__inner > .wp-block-group {
    margin-bottom: 48px;
}

/* カード */
.page-id-21 .swell-block-fullWide.service-section .service-card {
    background: #F3F4F2;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    height: 100%;
    padding-bottom: 20px;
}

.page-id-21 .swell-block-fullWide.service-section .service-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #b8972e, #d4b24a);
}

.page-id-21 .swell-block-fullWide.service-section .service-card > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.service-section .service-card > .is-layout-constrained {
    padding: 30px;
}

/* カードタイトル */
.page-id-21 .swell-block-fullWide.service-section .card-title {
    font-size: 18px;
    font-weight: 700;
    color: #082F2A;
    line-height: 1.4;
    padding-top: 10px;
}

/* 実施内容ラベル */
.page-id-21 .swell-block-fullWide.service-section .service-label {
    font-size: 16px;
    font-weight: 800;
    color: #C9A24D;
    letter-spacing: 0.1em;
    padding-bottom: 6px;
    border-bottom: 0.5px solid #C8CAC4;
}

/* 実施内容リスト */
.page-id-21 .swell-block-fullWide.service-section .service-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-id-21 .swell-block-fullWide.service-section .service-list li {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    padding: 0 0 6px 12px;
    position: relative;
}

.page-id-21 .swell-block-fullWide.service-section .service-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 2px;
    background: #C9A24D;
}

.page-id-21 .swell-block-fullWide.service-section .service-grid {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.page-id-21 .swell-block-fullWide.service-section .service-grid.service3 {
    max-width: 100%;
}

/* 画像 */
.page-id-21 .swell-block-fullWide.service-section .service-card .wp-block-image img {
    width: 70%;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/**************************************************
 * サービスの流れ
 **************************************************/

/* =============================
   カラム内のグループをフル高さに
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .swell-block-columns.flow-grid.flow-row2 .swell-block-columns__inner {
    align-items: stretch !important;
}

.page-id-21 .swell-block-fullWide.flow-section .swell-block-columns.flow-grid.flow-row2 .swell-block-column {
    display: flex;
    flex-direction: column;
}

.page-id-21 .swell-block-fullWide.flow-section .swell-block-columns.flow-grid.flow-row2 .swell-block-column .wp-block-group.flow-card {
    flex: 1;
    height: 100%;
}

/* =============================
   カラムブロック共通
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-row1 {
    margin-bottom: 35px;
}

/* =============================
   カード（グループ）
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-card {
    background: #F3F4F2;
    border: 0.5px solid #F3F4F2;
    border-radius: 6px;
    position: relative;
}

.page-id-21 .swell-block-fullWide.flow-section .flow-card > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.flow-section .flow-card > .is-layout-constrained {
    padding: 20px 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 317px;
}

/* カード右側の矢印 */
.page-id-21 .swell-block-fullWide.flow-section .flow-row1 .flow-card:not(:last-child)::after,
.page-id-21 .swell-block-fullWide.flow-section .flow-row2 .flow-card:not(:last-child)::after {
    content: '▶︎';
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    color: #082F2A;
    font-size: 14px;
    z-index: 1;
}

/* row1最後のカード右に→（折り返し用） */
.page-id-21 .swell-block-fullWide.flow-section .flow-row1 .flow-card:last-child::after {
    content: '▶︎';
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    color: #C9A24D;
    font-size: 14px;
    z-index: 1;
}

/* =============================
   row2 矢印リセット
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card::before,
.page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card::after {
    display: none;
}

/* =============================
   Step05：左矢印
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card.flow-card-first::before {
    content: '▶︎';
    display: block;
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    color: #C9A24D;
    font-size: 14px;
    z-index: 1;
}

/* =============================
   Step05・Step06：右矢印
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card.flow-card-first::after,
.page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card.flow-card-arrow::after {
    content: '▶︎';
    display: block;
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    color: #C9A24D;
    font-size: 14px;
    z-index: 1;
}

/* =============================
   STEPラベル（段落）
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-step {
    font-size: 16px;
    font-weight: 600;
    color: #C9A24D;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 11px;
    text-align: center;
}

/* =============================
   カード画像（アイコン）
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-card .wp-block-image img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* =============================
   カードタイトル（段落）
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #082F2A;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid #C9A24D;
    width: 100%;
    text-align: center;
}

/* =============================
   カード説明文（段落）
   ============================= */
.page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-card-desc {
    font-size: 13px;
    line-height: 1.9;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

.page-id-21 .swell-block-fullWide.flow-section .swell-block-columns.flow-grid.flow-row2 .swell-block-columns__inner {
    justify-content: center !important;
}

/**************************************************
 * サービスの費用
**************************************************/
/* =============================
   価格テキスト
   ============================= */
.page-id-21 .swell-block-fullWide.price-section .price-num-text {
    font-family: 'DM Serif Display', serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-bottom: 17px;
}

/* =============================
   価格注記
   ============================= */
.page-id-21 .swell-block-fullWide.price-section .price-note {
    font-size: 15px;
    color: rgba(8,47,42,0.8);
    letter-spacing: 0.08em;
    font-weight: 300;
    margin-bottom: 48px;
}

/* =============================
   2カラム全体
   ============================= */
.page-id-21 .swell-block-fullWide.price-section .wp-block-group.price-cols-wrap {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    border: 0.8px solid rgba(201,162,77,0.8);
    border-radius: 6px;
    overflow: hidden;
}

.page-id-21 .swell-block-fullWide.price-section .wp-block-group.price-cols-wrap > .wp-block-group__inner-container,
.page-id-21 .swell-block-fullWide.price-section .wp-block-group.price-cols-wrap > .is-layout-constrained {
    padding: 0;
}

.page-id-21 .swell-block-fullWide.price-section .wp-block-group.price-cols-wrap .swell-block-columns.price-cols {
    max-width: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
}

.page-id-21 .swell-block-fullWide.price-section .wp-block-group.price-cols-wrap .swell-block-columns.price-cols .swell-block-columns__inner {
    gap: 0;
    align-items: stretch;
}

/* =============================
   各カラム
   ============================= */
.page-id-21 .swell-block-fullWide.price-section .swell-block-columns.price-cols .swell-block-column:first-child {
    border-right: 0.5px solid rgba(201,162,77,0.5);
}

/* =============================
   カラムヘッダー（段落）
   ============================= */
.page-id-21 .swell-block-fullWide.price-section .swell-block-columns.price-cols p.price-col-header {
    padding: 14px 24px;
    background: rgba(201,162,77,0.7);
    border-bottom: 0.5px solid rgba(201,162,77,0.2);
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

/* =============================
   リスト
   ============================= */
.page-id-21 .swell-block-fullWide.price-section .swell-block-columns.price-cols .wp-block-list.price-list {
    list-style: none;
    padding: 24px;
    margin: 0;
}

.page-id-21 .swell-block-fullWide.price-section .swell-block-columns.price-cols .wp-block-list.price-list li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    padding-left: 16px;
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}

.page-id-21 .swell-block-fullWide.price-section .swell-block-columns.price-cols .wp-block-list.price-list li:last-child {
    margin-bottom: 0;
}

.page-id-21 .swell-block-fullWide.price-section .swell-block-columns.price-cols .wp-block-list.price-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 6px;
    height: 2px;
    background: #C9A24D;
}

/**************************************************
 * 事例のセクション
**************************************************/
.page-id-21 .voice-section .swell-block-fullWide__inner {
    padding: 80px 10px 80px;
}

.page-id-21 .voice-section h2.wp-block-heading::before {
    display: none;
}

.page-id-21 .wp-block-group.voice-grid > .wp-block-group__inner-container,
.page-id-21 .wp-block-group.voice-grid > .is-layout-constrained {
    padding: 0;
}

/* ===== voice-cardのボタン下余白 ===== */
.page-id-21 .wp-block-group.voice-card .swell-block-button__link {
    margin-bottom: 30px !important;
}

/* ===== 各カード ===== */
.page-id-21 .wp-block-group.voice-card {
    background: #082F2A;
    border-radius: 10px;
    overflow: hidden;
}

.page-id-21 .wp-block-group.voice-card > .wp-block-group__inner-container,
.page-id-21 .wp-block-group.voice-card > .is-layout-constrained {
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* ===== 画像 ===== */
.page-id-21 .wp-block-group.voice-card .wp-block-image {
    margin: 0;
    position: relative;
}

.page-id-21 .wp-block-group.voice-card .wp-block-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 30%, #1a2e2a 100%);
}

.page-id-21 .wp-block-group.voice-card .wp-block-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: top center;
    display: block;
}

/* ===== テキストエリア ===== */
.page-id-21 .wp-block-group.voice-card .voice-industry,
.page-id-21 .wp-block-group.voice-card .voice-title,
.page-id-21 .wp-block-group.voice-card .voice-company,
.page-id-21 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
    padding-left: 24px;
    padding-right: 24px;
}

/* ===== 業種 ===== */
.page-id-21 .wp-block-group.voice-card .voice-industry {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #C9A24D;
    margin-top: -8px;
    margin-bottom: 8px;
}

/* ===== タイトル ===== */
.page-id-21 .wp-block-group.voice-card .voice-title {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 8px;
}

/* ===== 会社名 ===== */
.page-id-21 .wp-block-group.voice-card .voice-company {
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px;
}

/* ===== 本文 ===== */
.page-id-21 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
    font-size: 16px;
    color: #fff;
    line-height: 1.9;
    margin-bottom: 16px;
}


/**********************************************************************************************
 * 
 * 
 * 
 * ホームページ制作サービス（ID：21）タブレット表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {

/**************************************************
 * メインビジュアル
**************************************************/
/* =============================
  左円
   ============================= */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left > .is-layout-constrained {
        width: 330px;
        height: 330px;
    }

/* =============================
  右円
============================= */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right > .is-layout-constrained {
        width: 330px;
        height: 330px;
    }

    .page-id-21 .swell-block-columns__inner .worries-col .worries-col-title {
        font-size: 14px;
        font-weight: 700;
    }

/**************************************************
 * サービスの内容
 **************************************************/
    .page-id-21 .swell-block-fullWide.service-section .service-card p.service-lead,
    .page-id-21 .swell-block-fullWide.service-section .service-card p.service-card-sub {
        font-size: 13px;
    }

    .page-id-21 .swell-block-fullWide.service-section .service-list li {
        font-size: 13px;
    }

    .page-id-21 .swell-block-fullWide.service-section .service-grid {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

/**************************************************
 * 事例のセクション
**************************************************/
    .page-id-21 .wp-block-group.voice-card .voice-title {
        font-size: 16px;
        font-weight: 600;
    }

    .page-id-21 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
        font-size: 13px;
    }

    .page-id-21 .wp-block-group.voice-card .wp-block-image img {
        aspect-ratio: 16 / 9;
    }

    .page-id-21 .wp-block-group.voice-card .voice-company {
        font-size: 11px;
    }

    .page-id-21 .wp-block-group.voice-card {
        height: 630px;
    }

/**************************************************
 * サービスの流れ
 **************************************************/
    .page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-card-title {
        font-size: 15px;
    }

    .page-id-21 .swell-block-fullWide.flow-section .flow-card > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.flow-section .flow-card > .is-layout-constrained {
        height: 352px;
    }

    .page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-card-desc {
        font-size: 11px;
    }
}


/**********************************************************************************************
 * 
 * 
 * 
 * ホームページ制作サービス（ID：21）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media (max-width: 600px) {

/**************************************************
 * メインビジュアル
**************************************************/
    #body_wrap.page-id-21 #content .post_content .swell-block-fullWide.mv-section .mv-heading {
        font-size: 21px;
    }

    .page-id-21 #main_content .post_content h1 {
        font-size: 16px;
    }

    .page-id-21 #main_content .post_content h2,
    .page-id-21 #content .post_content h2.is-style-default {
        font-size: 22px;
        text-align: start;
    }

    .page-id-21 .swell-block-columns__inner .worries-col .worries-col-title {
        font-size: 13px;
    }

    /* 円グループを横並びに・余白調整 */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circles > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circles > .is-layout-constrained {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 16px;
        max-width: 100%;
        padding: 0 16px;
    }

    /* 左円サイズ縮小 */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left > .is-layout-constrained {
        width: 140px;
        height: 140px;
        gap: 6px;
        padding: 5px;
    }

    /* 右円サイズ縮小 */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right > .is-layout-constrained {
        width: 140px;
        height: 140px;
        gap: 6px;
        padding: 5px;
    }

    /* 英字ラベルを縮小 */
    .page-id-21 .swell-block-fullWide.mv-section .mv-circle-left p.mv-circle-en,
    .page-id-21 .swell-block-fullWide.mv-section .mv-circle-right p.mv-circle-en {
        font-size: 10px;
    }

    /* 円のタイトルを縮小 */
    .page-id-21 .swell-block-fullWide.mv-section .mv-circle-left p.mv-circle-title,
    .page-id-21 .swell-block-fullWide.mv-section .mv-circle-right p.mv-circle-title {
        font-size: 14px;
    }

    /* 中央×を横並びに対応 */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross > .is-layout-constrained {
        flex-direction: column;
        gap: 4px;
    }

    /* 縦ラインを短く */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross::before,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross::after {
        height: 20px;
    }

    /* × 記号を縮小 */
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-cross p {
        font-size: 28px;
        line-height: 28px;
    }

    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-left::after,
    .page-id-21 .swell-block-fullWide.mv-section .wp-block-group.mv-circle-right::after {
        display: none;
    }

/**************************************************
 * サービスの流れ
 **************************************************/
    /* row1・row2の間隔を縮小 */
    .page-id-21 .swell-block-fullWide.flow-section .flow-row1 {
        margin-bottom: 0;
    }

    .page-id-21 .swell-block-fullWide.flow-section .flow-grid .swell-block-column {
        width: 100%;
    }

    /* カードにpaddingを追加して矢印スペースを確保 */
    .page-id-21 .swell-block-fullWide.flow-section .flow-card > .wp-block-group__inner-container,
    .page-id-21 .swell-block-fullWide.flow-section .flow-card > .is-layout-constrained {
        padding: 20px 20px 24px;
    }

    /* カード自体の下にマージンを追加して矢印を間に表示 */
    .page-id-21 .swell-block-fullWide.flow-section .flow-grid .swell-block-column {
        margin-bottom: 32px;
        position: relative;
    }

    /* =============================
       row1：下向き▼
       ============================= */
    .page-id-21 .swell-block-fullWide.flow-section .flow-row1 .flow-card:not(:last-child)::after,
    .page-id-21 .swell-block-fullWide.flow-section .flow-row1 .flow-card:last-child::after {
        content: '▼';
        right: auto;
        top: auto;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px;
        color: #082F2A;
    }

    /* row1最後のカードもゴールドで下向き▼ */
    .page-id-21 .swell-block-fullWide.flow-section .flow-row1 .flow-card:last-child::after {
        content: '▼';
        color: #C9A24D;
    }

    /* =============================
       row2：下向き▼
       ============================= */

    /* Step05の左矢印を非表示 */
    .page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card.flow-card-first::before {
        display: none;
    }

    /* Step05・Step06の右矢印を下向き▼に */
    .page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card.flow-card-first::after,
    .page-id-21 .swell-block-fullWide.flow-section .flow-row2 .wp-block-group.flow-card.flow-card-arrow::after {
        content: '▼';
        display: block;
        right: auto;
        top: auto;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px;
        color: #C9A24D;
    }

    /* =============================
      STEPラベルを縮小
       ============================= */
    .page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-step {
        font-size: 15px;
        margin-bottom: 8px;
    }

    /* =============================
      カードタイトルを縮小
       ============================= */
    .page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-card-title {
        font-size: 18px;
    }

    /* =============================
      カード説明文を縮小
       ============================= */
    .page-id-21 .swell-block-fullWide.flow-section .flow-card .flow-card-desc {
        font-size: 14px;
    }

/**************************************************
 * 事例セクション
**************************************************/
    .page-id-21 .wp-block-group.voice-card .voice-title {
        font-size: 17px;
    }

    .page-id-21 .wp-block-group.voice-card p:not(.voice-industry):not(.voice-title):not(.voice-company) {
        font-size: 14.25px;
    }

    .page-id-21 .wp-block-group.voice-card {
        height: 671px;
    }

/**************************************************
 * サービス費用
**************************************************/
    .page-id-21 .swell-block-fullWide.price-section .price-num-text {
        font-size: 28px;
    }

    .page-id-21 .swell-block-fullWide.price-section .price-note {
        font-size: 13px;
    }
	.page-id-21 p.lead-underline {
    text-align: start;
    }
}


/**********************************************************************************************
 * 
 * 
 * 
 * ホームページリニューアルサービス（ID：4013）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-4013 #content.l-content {
    padding-top: 0;
}

/**************************************************
 * メインビジュアル PC
**************************************************/

/* タイトル */
.page-id-4013 #main_content .post_content .mv-title {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
}

/* サブタイトル */
.page-id-4013 #main_content .post_content .mv-subtitle {
    font-size: 23px;
    color: #333;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
}

/* セクションタイトル・リード・h2 */
.page-id-4013 #main_content .post_content p.section-title,
.page-id-4013 #main_content .post_content p.section-lard,
.page-id-4013 #main_content .post_content h2.section {
    text-align: center;
}

/**************************************************
 * H1見出しのフォントサイズ変更
**************************************************/
.page-id-4013 #main_content .post_content h1 {
    font-size: 18px;
    font-weight: bold;
}

/**************************************************
 * よくある原因
**************************************************/

/* カラムタイトル */
#main_content .post_content .cause-colume-title {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

/* カラム間のgap */
.page-id-4013 #main_content .post_content div[class*="cause-section"] .swell-block-richColumns__inner {
    gap: 24px;
}

/* カード外枠 */
.page-id-4013 #main_content .post_content div[class*="cause-card"] {
    background-color: #F3F4F2;
    border-radius: 4px;
    padding: 32px 28px 36px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* ラベル */
.page-id-4013 #main_content .post_content div[class*="cause-card"] p.cause-label {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.18em;
    line-height: 1.5;
    margin-bottom: 8px;
    counter-increment: cause-num;
}

/* カードタイトル */
.page-id-4013 #main_content .post_content div[class*="cause-card"] p.cause-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c9a84c;
}

/* 本文 */
.page-id-4013 #main_content .post_content div[class*="cause-card"] p.cause-body {
    font-size: 16px;
    color: #333;
    padding-top: 10px;
}

/**************************************************
 * サービスの流れ
**************************************************/

/* カード外枠 */
#body_wrap.page-id-4013 #main_content .swell-block-columns__inner div[class*="flow-item"] {
    flex: 1;
    background: #F3F4F2;
    border-radius: 4px;
    padding: 28px 16px 24px;
    text-align: center;
    position: relative;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 番号 */
#body_wrap.page-id-4013 #main_content .swell-block-column p[class*="flow-nmb"] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
}

/* 見出し */
#body_wrap.page-id-4013 #main_content .swell-block-column p[class*="flow-tittle"] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.4;
}

/* テキスト */
#body_wrap.page-id-4013 #main_content .swell-block-column p[class*="flow-text"] {
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
}

/* 重要ポイント アイテム */
#body_wrap.page-id-4013 #main_content .swell-block-column div[class*="flow-item highlight"] {
    border: 3px solid #c9a24d;
    border-radius: 4px;
}

/* 重要ポイント バッジ */
#body_wrap.page-id-4013 #main_content .swell-block-column p[class*="highlight-badge"] {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: #C9A24D;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 3px 12px;
    white-space: nowrap;
    border-radius: 2px;
}

/* アイコン（矢印の位置基準） */
#body_wrap.page-id-4013 #main_content .flow-wrap .swell-block-column {
    position: relative;
}

/* 矢印 */
#body_wrap.page-id-4013 #main_content .flow-wrap .swell-block-column::after {
    content: "▶︎";
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
}

/* 最後のカラムは矢印を非表示 */
#body_wrap.page-id-4013 #main_content .flow-wrap .swell-block-column:last-of-type::after {
    display: none;
}

/**************************************************
 * 事例
**************************************************/

/* お客様の声 */
.page-id-4013 #main_content .post_content p[class*="voice"] {
    background: #EAECEA;
    border-radius: 6px;
    padding: 32px 20px;
    position: relative;
    margin-bottom: 20px;
}

.page-id-4013 #main_content .post_content p[class*="voice"]::before {
    content: "\201C";
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 52px;
    color: #C9A24D;
    font-family: Georgia, serif;
    line-height: 1;
    opacity: 0.6;
}

/* Before カード */
.page-id-4013 #main_content .post_content div[class*="ba-card before"].swell-block-column.swl-has-mb--s {
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 28px 28px 24px;
    position: relative;
}

/* After カード */
.page-id-4013 #main_content .post_content div[class*="ba-card after"].swell-block-column.swl-has-mb--s {
    border: 2px solid #C9A24D;
    border-radius: 4px;
    padding: 28px 28px 24px;
    position: relative;
}

/* Before 背景・枠線 */
.page-id-4013 #main_content .post_content div[class*="ba-card before"] {
    background: rgba(8, 47, 42, 0.05);
    border: 1.5px solid #99A9A6;
    box-shadow: 0 8px 40px rgba(201, 162, 77, 0.12);
}

/* After 背景・枠線 */
.page-id-4013 #main_content .post_content div[class*="ba-card after"] {
    background: #fff;
    border: 1.5px solid #C9A24D;
    box-shadow: 0 8px 40px rgba(201, 162, 77, 0.12);
}

/* リードテキスト */
.page-id-4013 #main_content .post_content p[class*="lead-text"] {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.22em;
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.page-id-4013 #main_content .post_content .ba-card .before p[class*="lead-text"]::after {
    background: rgba(8, 47, 42, 0.10);
    color: rgba(8, 47, 42, 0.35);
}

/* Before リードテキスト 下線 */
.page-id-4013 #main_content .post_content div[class*="ba-card before"] p[class*="lead-text"]::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #99A9A6;
    display: block;
}

/* After リードテキスト 下線 */
.page-id-4013 #main_content .post_content div[class*="ba-card after"] p[class*="lead-text"]::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #C9A24D;
    display: block;
}

/* 写真 外枠 */
#body_wrap.page-id-4013 .post_content .company-image {
    border-radius: 8px;
    overflow: hidden;
}

/* 写真 画像 */
#body_wrap.page-id-4013 .post_content .company-image img {
    height: 250px;
    width: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: top center;
    border-radius: 8px;
}

/**************************************************
 * サービスの特徴
**************************************************/

/* ナンバー */
.page-id-4013 p.step-number {
    font-family: 'DM Serif Display', serif;
    font-size: 60px;
    opacity: 0.15;
    line-height: 1;
    margin-bottom: -50px;
    letter-spacing: -0.04em;
    user-select: none;
    font-weight: bold;
    display: block;
}

/* h3 見出し */
#body_wrap.page-id-4013 #main_content .post_content h3.features-title {
    padding: 0 0 10px 0;
    border: none;
}

#body_wrap.page-id-4013 #main_content .post_content h3.features-title::before {
    background: none;
    border: none;
    padding: 0;
}

/* h3 下線 */
#body_wrap.page-id-4013 #main_content .post_content h3.features-title::after {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    background: #C9A24D;
    margin-top: 12px;
}

/**************************************************
 * 費用
**************************************************/

/* カラム全体 */
#body_wrap.page-id-4013 #main_content .price-columns .swell-block-column {
    padding: 0px 5px 0px;
    display: flex;
    flex-direction: column;
}

/* h3 装飾リセット */
#body_wrap.page-id-4013 #content #main_content .swell-block-columns h3::before {
    background: none;
    border: none;
    padding: 0;
}

/* 費用セクション 外枠 */
#body_wrap.page-id-4013 #content #main_content div[class*="price-columns"] {
    background: #F3F4F2;
    padding: 20px !important;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* リスト */
#body_wrap.page-id-4013 #content #main_content .swell-block-columns .wp-block-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
}

/* 上部の線 */
#body_wrap.page-id-4013 #main_content .price-columns div[class*="price"] {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: auto;
}

/* 価格テキスト */
.page-id-4013 .swell-block-column.price-columns .wp-block-group.price p.price-nmb {
    font-size: 21px;
}

/* h3 見出し */
#body_wrap.page-id-4013 #content .post_content .swell-block-column.price-columns h3 {
    font-size: 21px;
    padding: 0 0 10px 0;
}


/**********************************************************************************************
 * 
 * 
 * 
 * ホームページリニューアルサービス（ID：4013）タブレット表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {

    /**************************************************
     * メインビジュアル
    **************************************************/

    /* タイトル */
    .page-id-4013 #main_content .post_content .mv-title {
        font-size: 30px;
    }

    /**************************************************
     * よくある原因
    **************************************************/

    /* カラムタイトル */
    .page-id-4013 #main_content .post_content .cause-colume-title {
        font-size: 22px;
    }

    /* カード外枠 */
    .page-id-4013 #main_content .post_content div[class*="cause-card"] {
        padding: 32px 14px 20px;
    }

    /* 本文 */
    .page-id-4013 #main_content .post_content div[class*="cause-card"] p.cause-body {
        font-size: 16px;
    }

    /**************************************************
     * サービスの流れ
    **************************************************/

    /* 見出し */
    #body_wrap.page-id-4013 #main_content .swell-block-column p[class*="flow-tittle"] {
        font-size: 19px;
    }

    /* テキスト */
    #body_wrap.page-id-4013 #main_content .swell-block-column p[class*="flow-text"] {
        font-size: 14px;
    }

    /**************************************************
     * 費用
    **************************************************/

    /* 価格テキスト */
    .page-id-4013 .swell-block-column.price-columns .wp-block-group.price p.price-nmb {
        font-size: 16px;
    }

    /* h3 見出し */
    #body_wrap.page-id-4013 #content .post_content .swell-block-column.price-columns h3 {
        font-size: 18px;
        padding: 0 0 10px 0;
    }

    /* リスト */
    #body_wrap.page-id-4013 #content #main_content .swell-block-columns .wp-block-list {
        font-size: 13px;
        height: 230px;
    }
}


/**********************************************************************************************
 * 
 * 
 * 
 * ホームページリニューアルサービス（ID：4013）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media (max-width: 600px) {

    /**************************************************
     * H1見出し
    **************************************************/

    /* 中央揃え */
    .page-id-4013 #main_content .post_content h1 {
        text-align: center;
    }

    /* フォントサイズ */
    .page-id-4013 #main_content .post_content h1 {
        font-size: 16px;
    }

    /**************************************************
     * メインビジュアル
    **************************************************/

    /* タイトル */
    .page-id-4013 #main_content .post_content .mv-title {
        font-size: 24px;
        text-align: center;
    }

    /* サブタイトル */
    .page-id-4013 #main_content .post_content .mv-subtitle {
        font-size: 14px;
        text-align: center;
    }

    /* セクションタイトル・リード・h2 */
    .page-id-4013 #main_content .post_content p.section-title,
    .page-id-4013 #main_content .post_content p.section-lard,
    .page-id-4013 #main_content .post_content h2.section {
        text-align: start;
    }

    /**************************************************
     * よくある原因
    **************************************************/

    /* カラムタイトル */
    .page-id-4013 #main_content .post_content .cause-colume-title {
        font-size: 17px;
        text-align: start;
    }

    /**************************************************
     * サービスの流れ
    **************************************************/

    /* 矢印を下向きに変更 */
    #body_wrap.page-id-4013 #main_content .flow-wrap .swell-block-column::after {
        content: "▼";
        right: 50%;
        bottom: -20px;
        top: auto;
        transform: translateX(50%);
    }

    /**************************************************
     * 費用
    **************************************************/

    /* リスト */
    #body_wrap.page-id-4013 #content #main_content .swell-block-columns .wp-block-list {
        font-size: 14px;
    }

    /* 価格テキスト */
    .page-id-4013 .swell-block-column.price-columns .wp-block-group.price p.price-nmb {
        font-size: 20px;
    }
	.page-id-4013 #main_content .post_content div[class*="cause-card"] p.cause-body {
		font-size: 14.25px;
	}
}






/**********************************************************************************************
 * 
 * 
 * 
 * 無料ホームページ集客診断（ID：6381）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-6381 #content.l-content {
    padding-top: 0;
    margin-bottom: 0;
}

#body_wrap.page-id-6381 #content .post_content h2 {
    border-left: none;
    padding-left: 0;
}

/* サービスの特徴の見出しデザインを消す */
#body_wrap.page-id-6381 #main_content .post_content h3,
#body_wrap.page-id-6381 #main_content .post_content h3::before {
    background: none;
    border: none;
    padding: 0;
}

.page-id-6381 #breadcrumb.p-breadcrumb {
    background-color: #F3F4F2;
}

/* ============================================================
  共通：セクションラベル
   ============================================================ */
.page-id-6381 p.lp-label {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    gap: 8px;
    background: rgba(8, 47, 42, 0.08);
    color: #082F2A;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 6px 18px;
    border-radius: 999px;
}

.page-id-6381 p.lp-label.gold {
    background: rgba(8, 47, 42, 1);
    color: #fff;
}

.page-id-6381 p.rd-text {
    text-align: center;
}

/* ============================================================
  共通：セクション見出し h2
   ============================================================ */
.page-id-6381 #main_content .post_content h2.lp-section-title {
    font-size: 32px;
    font-weight: 900;
    color: #082F2A;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 16px;
}

/* ============================================================
  HERO セクション
   ============================================================ */

/* 背景・全体 */
.page-id-6381 .swell-block-fullWide.lp-hero {
    background-image: radial-gradient(circle, rgba(8,47,42,0.13) 1px, transparent 1px);
    background-size: 24px 24px;
}

.page-id-6381 .swell-block-fullWide.lp-hero .swell-block-columns__inner {
    align-items: center;
}

/* 左列 */
.page-id-6381 .swell-block-column.lp-hero__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* h1 */
.page-id-6381 .swell-block-column.lp-hero__left h1 {
    font-size: 36px;
    font-weight: 900;
    color: #082F2A;
    line-height: 1.4;
    margin: 0;
}

.page-id-6381 .swell-block-column.lp-hero__left h1 .has-inline-color,
.page-id-6381 .swell-block-column.lp-hero__left h1 br + * {
    display: block;
}

.page-id-6381 .swell-block-column.lp-hero__left h1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* バッジ部分 */
.page-id-6381 .swell-block-column.lp-hero__left h1 span.lp-badge {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: #fff;
    border: 1px solid #C9A24D;
    color: #082F2A;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 999px;
    width: fit-content;
    box-shadow: 0 4px 12px rgba(201,162,77,0.25);
}

.page-id-6381 .swell-block-column.lp-hero__left h1 span.lp-badge::before {
    content: '★';
    color: #C9A24D;
    font-size: 13px;
}

/* タイトル部分 */
.page-id-6381 .swell-block-column.lp-hero__left h1 span.lp-title {
    font-size: 40px;
    font-weight: 900;
    color: #082F2A;
    line-height: 1.3;
}

/* pタグ */
.page-id-6381 .swell-block-column.lp-hero__left .lp-title {
    font-size: 20px;
    font-weight: 600;
    color: #082F2A;
    line-height: 1.7;
    margin: 0;
}

/* バッジ列 最小幅リセット */
.page-id-6381 .swell-block-column.lp-hero__left .lp-hero__badges .swell-block-column {
    min-width: 0;
    flex: 0 0 auto;
    width: auto;
}

/* バッジ3つ */
.page-id-6381 .swell-block-column.lp-hero__left .lp-hero__badges .swell-block-columns__inner {
    flex-wrap: nowrap;
    align-items: center;
}

.page-id-6381 .swell-block-column.lp-hero__left .lp-hero__badges p {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1.5px solid #082F2A;
    color: #082F2A;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 999px;
    background: #F3F4F2;
    box-shadow: 0 2px 8px rgba(8,47,42,0.08);
    margin: 0;
    white-space: nowrap;
}

.page-id-6381 .swell-block-column.lp-hero__left .lp-hero__badges p::before {
    content: '✓';
    color: #C9A24D;
    font-weight: 900;
}

/* 右列 */
.page-id-6381 .swell-block-column.lp-hero__right img {
    width: 120%;
    height: auto;
    border-radius: 16px;
    max-width: 150%;
}

/* ============================================================
  PROBLEM セクション
   ============================================================ */

/* カード */
.page-id-6381 .swell-block-column.lp-problem__card {
    background: #ffffff;
    border-radius: 20px;
    padding: 55px 28px 28px;
    box-shadow: 0 4px 24px rgba(8,47,42,0.08);
    border: 1px solid #E5E7E3;
    position: relative;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.page-id-6381 .swell-block-column.lp-problem__card:hover {
    box-shadow: 0 8px 40px rgba(8,47,42,0.14);
    border-color: rgba(201,162,77,0.3);
}

/* カード番号 */
.page-id-6381 .swell-block-column.lp-problem__card p.lp-problem__num {
    position: absolute;
    top: -40px;
    left: 20px;
    font-size: 50px;
    font-weight: 700;
    color: #c9a24d;
    z-index: 1;
}

/* CAUSEラベル */
.page-id-6381 .swell-block-column.lp-problem__card p.cause-label {
    position: absolute;
    top: 2px;
    left: 84px;
    font-size: 15px;
    font-weight: 700;
    color: #c9a24d;
    letter-spacing: 0.1em;
    z-index: 2;
}

/* カード h3 */
#body_wrap.page-id-6381 #content .post_content h3 {
    font-size: 20px;
    font-weight: 800;
    color: #082F2A;
    line-height: 1.5;
    margin-bottom: 12px;
}

/* カード本文 */
.page-id-6381 .swell-block-column.lp-problem__card p {
    font-size: 16px;
    line-height: 1.8;
}

/* アイコンエリア */
.page-id-6381 .swell-block-column.lp-problem__card .lp-problem__icon {
    width: 52px;
    height: 52px;
    background: #082F2A;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px !important;
    margin-bottom: 20px;
    transition: background 0.2s;
}

.page-id-6381 .swell-block-column.lp-problem__card:hover .lp-problem__icon {
    background: #C9A24D;
}

/* ============================================================
  DIAGNOSIS セクション
   ============================================================ */
.page-id-6381 .swell-block-fullWide.lp-diagnosis {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

/* カード */
.page-id-6381 .swell-block-column.lp-diagnosis__card {
    position: relative;
    background: #F3F4F2;
    border-radius: 16px;
    padding: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

/* 装飾円 */
.page-id-6381 .swell-block-column.lp-diagnosis__card::after {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow:
        0 0 0 15px rgba(255, 255, 255, 0.02),
        0 0 0 30px rgba(255, 255, 255, 0.02);
    pointer-events: none;
}

/* アイコンボックス */
.page-id-6381 .swell-block-column.lp-diagnosis__card .report-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: rgba(201, 162, 77, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
}

.page-id-6381 .swell-block-column.lp-diagnosis__card .report-icon img {
    width: 24px;
    height: 24px;
    filter: sepia(100%) saturate(300%) hue-rotate(10deg);
}

/* テキスト */
.page-id-6381 .swell-block-column.lp-diagnosis__card p {
    color: #082F2A;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    z-index: 2;
}

/* ============================================================
  REPORT セクション
   ============================================================ */
.page-id-6381 .swell-block-fullWide.lp-report {
    position: relative;
    overflow: hidden;
}

.page-id-6381 .swell-block-fullWide.lp-report .swell-block-fullWide__inner {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* リード文 */
.page-id-6381 .swell-block-fullWide.lp-report p.lp-report__lead {
    color: #fff;
    text-align: center;
}

/* カード */
.page-id-6381 .swell-block-column.lp-report__card {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
}

.page-id-6381 .swell-block-column.lp-report__card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: #C9A24D;
}

.page-id-6381 .swell-block-column.lp-report__card p.lp-report__title {
    font-size: 18px;
    font-weight: 800;
    color: #082F2A;
    margin-bottom: 8px;
}

.page-id-6381 .swell-block-column.lp-report__card p {
    font-size: 16px;
    line-height: 1.7;
}

.page-id-6381 .swell-block-column.lp-report__card p.lp-report__page {
    font-size: 14px;
    font-weight: 700;
    color: #C9A24D;
    margin-bottom: 8px;
}

/* レポートサンプル ヘッダー */
.page-id-6381 .wp-block-group.report-viewer .lp-report__sample-header {
    align-items: center;
    margin-bottom: 20px;
}

/* タイトル */
.page-id-6381 .wp-block-group.report-viewer .lp-report__sample-text {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    text-align: center;
}

/* サブテキスト */
.page-id-6381 .wp-block-group.report-viewer .lp-report__sample-sub {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    margin: 0;
}

/* Smart Slider 3 */
.page-id-6381 .swell-block-columns.report {
    display: none;
}

.page-id-6381 .wp-block-group.report-viewer .n2-section-smartslider {
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.page-id-6381 .wp-block-group.report-viewer .n2-section-smartslider img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.page-id-6381 .wp-block-group.report-viewer .n2-ss-align {
    max-width: 100%;
    width: 100%;
}

.page-id-6381 .wp-block-group.report-viewer .n2-ss-slider-wrapper-inside {
    width: 100%;
}

.page-id-6381 .wp-block-group.report-viewer .n2-ss-slider {
    width: 100%;
}

.page-id-6381 .wp-block-group.report-viewer .n2-ss-slide-limiter {
    max-width: 100%;
    width: 100%;
}

/* スクロールヒント テキスト非表示 */
.page-id-6381 .swell-block-fullWide.lp-report .swell-block-columns .c-scrollHint span {
    font-size: 0;
}

.page-id-6381 .swell-block-fullWide.lp-report .swell-block-columns .c-scrollHint .icon-more_arrow {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
}

.page-id-6381 .swell-block-fullWide.lp-report .swell-block-columns .c-scrollHint .icon-more_arrow::before {
    content: '›››';
    font-style: normal;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: -2px;
}

/* ============================================================
  VOICE セクション
   ============================================================ */
.page-id-6381 .swell-block-fullWide.lp-voice {
    background-color: #F3F4F2 !important;
}

/* カード */
.page-id-6381 .swell-block-fullWide.lp-voice .swell-block-column.lp-voice__card {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(8,47,42,0.08);
    border: 1px solid #E5E7E3;
}

/* 会社情報エリア */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company {
    position: relative;
    min-height: 280px;
    padding: 40px 24px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    background-color: #0d2a26;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 132%;
    background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/04/スクリーンショット-2026-04-14-14.08.04.png');
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company.glowf::before {
    background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/01/名前入りMV（案1）.png');
    top: 0; left: 0; width: 100%; height: 107%;
}

/* グラデーション */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(13, 42, 38, 0.2) 5%,
        rgba(13, 42, 38, 0.95) 100%
    );
    z-index: 2;
}

/* テキスト最前面 */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company .title,
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company p,
.page-id-6381 .swell-block-column.lp-voice__card p.lp-voice__highlight {
    position: relative;
    z-index: 3;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company .title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company p {
    color: rgba(255,255,255,0.65);
    font-size: 13px;
    margin: 0;
}

/* 成果バナー */
.page-id-6381 .swell-block-column.lp-voice__card p.lp-voice__highlight {
    background: #C9A24D;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 12px 9px;
    border-radius: 12px;
    margin: 16px 0 20px;
}

/* コンテンツエリア */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content {
    padding: 24px;
}

/* 見出しラベル */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content .lp-voice__label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content p.lp-voice__label {
    font-size: 18px;
    font-weight: 800;
    color: #082F2A;
    margin: 0;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content p.lp-voice__label::before {
    content: '●';
    color: #4A5A56;
    font-size: 10px;
    margin-right: 6px;
    margin-left: -3px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content p.lp-voice__label.result::before {
    color: #C9A24D;
}

/* 本文 */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content p.lp-voice__text {
    font-size: 16px;
    line-height: 1.8;
    padding-left: 16px;
    border-left: 2px solid #E5E7E3;
    margin: 0 0 16px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content p.lp-voice__text.result {
    border-left-color: #C9A24D;
}

/* 引用ボックス */
.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__quote {
    background: #F3F4F2;
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 20px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__quote p.lp-voice__quote-title {
    font-size: 16px;
    font-weight: 700;
    color: #082F2A;
    margin-bottom: 8px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__quote p.lp-voice__quote-title::before {
    content: '❝❝';
    color: #C9A24D;
    font-size: 16px;
    margin-right: 6px;
}

.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__quote p.lp-voice__quote-text {
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* 署名 */
.page-id-6381 .swell-block-column.lp-voice__card p.lp-voice__author {
    font-size: 13px;
    color: #4A5A56;
    text-align: right;
    padding: 16px 28px 16px;
    border-top: 1px solid #E5E7E3;
    margin-top: 16px;
}

/* ============================================================
  FLOW セクション
   ============================================================ */
.page-id-6381 .swell-block-fullWide.lp-flow {
    background: linear-gradient(to bottom, #ffffff, #F3F4F2) !important;
}

/* カード step2 */
.page-id-6381 .swell-block-column.lp-flow__card.step2 {
    background: #ffffff;
    border-radius: 20px;
    padding: 32px 28px;
    box-shadow: 0 4px 20px rgba(8,47,42,0.08);
    border: 1px solid #E5E7E3;
    transition: box-shadow 0.3s, border-color 0.3s;
    height: 100%;
}

/* カード */
.page-id-6381 .swell-block-column.lp-flow__card {
    background: #ffffff;
    border-radius: 20px;
    padding: 32px 28px 57px 28px;
    box-shadow: 0 4px 20px rgba(8,47,42,0.08);
    border: 1px solid #E5E7E3;
    transition: box-shadow 0.3s, border-color 0.3s;
}

.page-id-6381 .swell-block-column.lp-flow__card:hover {
    box-shadow: 0 8px 32px rgba(8,47,42,0.12);
    border-color: rgba(201,162,77,0.3);
}

/* ステップヘッダー */
.page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .swell-block-columns__inner {
    align-items: center;
    gap: 12px;
}

.page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .wp-block-image {
    margin: 0;
}

.page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .wp-block-image img {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    display: block;
}

/* STEP番号 */
.page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .swell-block-column p {
    font-size: 15px;
    font-weight: 800;
    color: #C9A24D;
    margin: 0 -54px 0;
    line-height: 1;
}

.page-id-6381 .swell-block-column.lp-flow__card p.lp-flow__step {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

/* アイコン */
.page-id-6381 .swell-block-column.lp-flow__card .lp-flow__icon {
    width: 55px;
    height: 55px;
    background: #082F2A;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

/* 本文 */
.page-id-6381 .swell-block-column.lp-flow__card p {
    font-size: 16px;
    line-height: 1.8;
}

/* カードタイトル */
.page-id-6381 .swell-block-column p.lp-flow__card-title {
    font-size: 20px;
    font-weight: 800;
    color: #082F2A;
    margin-bottom: 12px;
}

/* 横線装飾 */
.page-id-6381 .swell-block-fullWide.lp-flow .swell-block-columns.lp-flow__item::before {
    content: '';
    position: absolute;
    top: 412px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: #C9A24D;
    pointer-events: none;
    z-index: -1;
}

/* ============================================================
  CONSULTANT セクション
   ============================================================ */
.page-id-6381 .swell-block-fullWide.lp-consultant {
    background-color: #F3F4F2 !important;
}

/* 外枠カード */
.page-id-6381 .swell-block-fullWide.lp-consultant .swell-block-columns.lp-consultant__card {
    background: #ffffff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(8,47,42,0.1);
    border: 1px solid #E5E7E3;
}

.page-id-6381 .swell-block-fullWide.lp-consultant .swell-block-columns__inner {
    gap: 0 !important;
    align-items: stretch;
}

/* 左列：プロフィール */
.page-id-6381 .swell-block-column.lp-consultant__profile {
    background: #082F2A;
    padding: 30px 30px;
    width: 35%;
}

/* 左カラム 画像 */
.page-id-6381 .swell-block-column.lp-consultant__profile .wp-block-image {
    text-align: left;
    margin-left: 0;
}

.page-id-6381 .swell-block-column.lp-consultant__profile .wp-block-image img {
    display: block;
}

.page-id-6381 .swell-block-column.lp-consultant__profile img {
    border-radius: 20px;
    object-fit: cover;
}

/* 右カラム */
.page-id-6381 .swell-block-column.lp-consultant__content {
    padding: 30px 30px;
    width: 65%;
}

/* 名前 */
.page-id-6381 .swell-block-column .lp-consultant__profile-tilte {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 4px;
}

/* 肩書き */
.page-id-6381 .swell-block-column.lp-consultant__profile p.lp-consultant__role {
    color: #C9A24D;
    font-size: 14px;
    font-weight: 600;
}

/* 所属 */
.page-id-6381 .swell-block-column.lp-consultant__profile p.lp-consultant__belong,
.page-id-6381 .lp-consultant__profile-subtilte {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
}

/* 統計アイテム */
.page-id-6381 .swell-block-column .wp-block-group__inner-container.lp-stats-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
}

/* アイコン背景 */
.page-id-6381 .swell-block-column .lp-stats-icon {
    background-color: rgba(255, 255, 255, 0.1);
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.page-id-6381 .swell-block-column .lp-stats-icon i,
.page-id-6381 .swell-block-column .lp-stats-icon img {
    font-size: 24px;
    color: #c9a24d;
    width: 45px;
    height: auto;
}

/* 数字 */
.page-id-6381 .swell-block-column .lp-stats-number {
    display: block;
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.2;
    margin: 0;
}

/* ラベル */
.page-id-6381 .swell-block-column .lp-stats-label {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 5px;
    margin-bottom: 0;
}

/* 右列コンテンツ */
.page-id-6381 .swell-block-column .lp-consultant__content {
    padding: 48px 40px;
}

.page-id-6381 .swell-block-column.lp-consultant__content p {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 16px;
}

/* ハイライトボックス */
.page-id-6381 .swell-block-column.lp-consultant__content .lp-consultant__highlight {
    background: #F3F4F2;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 20px;
}

.page-id-6381 .swell-block-column.lp-consultant__content .lp-consultant__highlight p {
    color: #082F2A;
    font-weight: 600;
    margin-bottom: 8px;
}

/* 大切にしていること */
.page-id-6381 .swell-block-column.lp-consultant__content .lp-consultant__values-title {
    font-size: 15px;
    font-weight: 800;
    color: #082F2A;
    margin-bottom: 12px;
    padding-top: 20px;
    border-top: 1px solid #E5E7E3;
}

.page-id-6381 .swell-block-column.lp-consultant__content .lp-consultant__values li {
    font-size: 16px;
    padding: 6px 0 6px -2px;
    position: relative;
    list-style: none;
}

.page-id-6381 .swell-block-column.lp-consultant__content .lp-consultant__values li::before {
    content: '✓';
    position: absolute;
    left: -23px;
    color: #C9A24D;
    font-weight: 900;
}

/* ============================================================
  FORM セクション
   ============================================================ */
.page-id-6381 .swell-block-fullWide.lp-form {
    position: relative;
    overflow: hidden;
}

.page-id-6381 .swell-block-fullWide.lp-form::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(201,162,77,0.08) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

/* 見出し */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form-title {
    color: #082F2A;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
}

/* サブ見出し */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form__subtitle {
    color: #C9A24D;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

/* リードテキスト */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form__lead p {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}

/* フォームラッパー */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form__wrap {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    max-width: 880px;
    margin: 40px auto 0;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

/* フォームヘッダー */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form__header {
    background: linear-gradient(to right, #082F2A, #0A3D36);
    padding: 20px 32px;
}

.page-id-6381 .swell-block-fullWide.lp-form .lp-form__header p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

/* Contact Form 7 */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 {
    padding: 32px;
    background: #ffffff;
}

.page-id-6381 #content .lp-form table,
.page-id-6381 #content .lp-form th,
.page-id-6381 #content .lp-form td,
.page-id-6381 #content .lp-form tr {
    border: none;
    border-style: none;
    background-color: transparent;
}

.page-id-6381 #content .lp-form table,
.page-id-6381 #content .lp-form tbody,
.page-id-6381 #content .lp-form tr,
.page-id-6381 #content .lp-form th,
.page-id-6381 #content .lp-form td {
    display: block;
    width: 100%;
    border: none;
}

/* 項目名 */
.page-id-6381 #content .lp-form th {
    padding-bottom: 8px;
    text-align: left;
    font-weight: bold;
    font-size: 0.95rem;
    display: block;
    width: 100%;
}

/* 入力フィールド td */
.page-id-6381 #content .lp-form td {
    padding-bottom: 24px;
}

/* 入力フィールド幅 */
.page-id-6381 #content .lp-form .wpcf7-form-control {
    width: 100%;
    box-sizing: border-box;
}

/* th 幅・左寄せ */
.page-id-6381 #content .lp-form th {
    width: auto;
    min-width: 120px;
    padding-right: 20px;
    text-align: left;
    vertical-align: middle;
}

/* 必須・任意 非表示 */
.page-id-6381 #content .lp-form span.CF7_req,
.page-id-6381 #content .lp-form span.CF7_unreq {
    display: none;
}

/* ラベル */
.page-id-6381 .swell-block-fullWide.lp-form .wp-block-contact-form-7-contact-form-selector .CF7_table p {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #082F2A;
    margin-bottom: -5px;
}

/* 必須マーク */
.page-id-6381 #content .swell-block-fullWide.lp-form .CF7_table th p::after {
    content: "*";
    color: #e53e3e;
    margin-left: 1px;
    font-weight: bold;
    font-size: 1.1rem;
}

/* 備考欄 */
.page-id-6381 #content .lp-form__row--message td {
    padding-top: 10px;
}

/* 最後の行の必須マーク非表示 */
.page-id-6381 #content .swell-block-fullWide.lp-form .CF7_table tr:last-child th p::after {
    content: none !important;
}

.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 .wp-block-contact-form-7-contact-form-selector {
    display: block;
    margin-bottom: 10px;
}

/* 入力フィールド */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="text"],
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="email"],
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="url"] {
    width: 100%;
    padding: 5px 13px;
    border: 1.5px solid #E5E7E3;
    border-radius: 12px;
    font-size: 15px;
    color: #082F2A;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    appearance: none;
}

/* テキストエリア */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 textarea {
    width: 100%;
    padding: 5px 13px;
    border: 1.5px solid #E5E7E3;
    border-radius: 12px;
    font-size: 15px;
    color: #082F2A;
    background: #ffffff;
    min-height: 140px;
    resize: vertical;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* フォーカス */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="text"]:focus,
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="email"]:focus,
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="url"]:focus,
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="tel"]:focus,
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 textarea:focus {
    outline: none;
    border-color: #C9A24D;
    box-shadow: 0 0 0 3px rgba(201,162,77,0.15);
}

/* プレースホルダー */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input::placeholder,
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 textarea::placeholder {
    color: #B0BAB8;
    font-size: 14px;
}

/* 送信ボタン */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="submit"] {
    width: 100%;
    background: #C9A24D;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 18px 40px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(201,162,77,0.4);
    transition: background 0.2s, transform 0.2s;
}

.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="submit"]:hover {
    background: #B8923F;
    transform: translateY(-2px);
}

/* 必須注記 */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form__required-note p {
    font-size: 12px;
    color: #4A5A56;
    text-align: center;
    margin-top: 12px;
}

/* バリデーションエラー */
.page-id-6381 .swell-block-fullWide.lp-form .wpcf7 .wpcf7-not-valid {
    border-color: #e53e3e;
    box-shadow: 0 0 0 3px rgba(229,62,62,0.1);
}

/* バッジ */
.page-id-6381 .swell-block-fullWide.lp-form .lp-form__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 32px;
}

.page-id-6381 .swell-block-fullWide.lp-form .lp-form__badges p {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #C9A24D;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 999px;
}

.page-id-6381 .swell-block-fullWide.lp-form .lp-form__badges p::before {
    content: '✓';
    color: #fff;
    font-weight: 1200;
}


/**********************************************************************************************
 * 
 * 
 * 
 * 無料ホームページ集客診断（ID：6381）タブレット表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {

    /* ============================================================
      HERO セクション
       ============================================================ */

    /* 右列 */
    .page-id-6381 .swell-block-column.lp-hero__right img {
        width: 108%;
        height: auto;
        border-radius: 16px;
        max-width: 150%;
    }

    /* タイトル */
    .page-id-6381 .swell-block-column.lp-hero__left h1 span.lp-title {
        font-size: 35px;
    }

    /* ============================================================
      PROBLEM セクション
       ============================================================ */

    /* カード */
    .page-id-6381 .swell-block-column.lp-problem__card {
        padding: 55px 21px 21px;
    }

    /* h3 */
    #body_wrap.page-id-6381 #content .post_content .swell-block-column.lp-problem__card h3 {
        font-size: 18px;
    }



    /* ============================================================
      DIAGNOSIS セクション
       ============================================================ */

    /* カード */
    .page-id-6381 .swell-block-column.lp-diagnosis__card {
        padding: 18px;
    }

    /* 数字 */
    .page-id-6381 .swell-block-column .lp-stats-number {
        font-size: 16px;
    }

    /* ============================================================
      REPORT セクション
       ============================================================ */

    /* タイトル */
    .page-id-6381 .swell-block-column.lp-report__card p.lp-report__title {
        font-size: 20px;
    }


    /* ページ */
    .page-id-6381 .swell-block-column.lp-report__card p.lp-report__page {
        font-size: 14.25px;
    }

    /* ============================================================
      FLOW セクション
       ============================================================ */

    /* カードタイトル */
    .page-id-6381 .swell-block-column p.lp-flow__card-title {
        font-size: 19px;
    }

    /* カード */
    .page-id-6381 .swell-block-column.lp-flow__card {
        padding: 32px 16px 57px 16px;
    }

    /* STEP番号 */
    .page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .swell-block-column p {
        margin: 0 -10px 0;
    }
	/* 横線装飾 */
    .page-id-6381 .swell-block-fullWide.lp-flow .swell-block-columns.lp-flow__item::before {
       top: 428px;
    }


    /* ============================================================
      CONSULTANT セクション
       ============================================================ */

    /* 画像 */
    .page-id-6381 .swell-block-column.lp-consultant__profile .wp-block-image img {
        width: 250px !important;
    }
    .page-id-6381 .swell-block-column.lp-consultant__profile p.lp-consultant__role {
        font-size: 12px;
    }

    /* ============================================================
      FORM セクション
       ============================================================ */
    .page-id-6381 .swell-block-fullWide.lp-form .swell-block-fullWide__inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 {
        padding: 28px;
    }
}


/**********************************************************************************************
 * 
 * 
 * 
 * 無料ホームページ集客診断（ID：6381）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media (max-width: 600px) {

    /* セクション padding */
    .page-id-6381 .swell-block-fullWide.lp-problem .swell-block-fullWide__inner,
    .page-id-6381 .swell-block-fullWide.lp-diagnosis .swell-block-fullWide__inner,
    .page-id-6381 .swell-block-fullWide.lp-report .swell-block-fullWide__inner,
    .page-id-6381 .swell-block-fullWide.lp-voice .swell-block-fullWide__inner,
    .page-id-6381 .swell-block-fullWide.lp-flow .swell-block-fullWide__inner,
    .page-id-6381 .swell-block-fullWide.lp-consultant .swell-block-fullWide__inner,
    .page-id-6381 .swell-block-fullWide.lp-form .swell-block-fullWide__inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* HERO */
    .page-id-6381 .swell-block-column.lp-hero__left { align-items: center; }
    .page-id-6381 .swell-block-column.lp-hero__left h1 { font-size: 26px; }
    .page-id-6381 .swell-block-column.lp-hero__left .lp-hero__sub p { font-size: 16px; }

    .page-id-6381 .swell-block-column.lp-hero__left .wp-block-button__link {
        font-size: 15px;
        padding: 16px 24px;
        width: 100%;
    }

    .page-id-6381 .swell-block-column.lp-hero__right { order: -1; }

    .page-id-6381 .swell-block-column.lp-hero__left .lp-hero__badges { gap: 8px; }

    .page-id-6381 .swell-block-column.lp-hero__left h1 span.lp-badge { margin: 0 auto; }

    .page-id-6381 .swell-block-column.lp-hero__right img { max-width: 100%; }

    /* FLOW */
    .page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .swell-block-columns__inner { gap: 0; }

    .page-id-6381 .swell-block-column.lp-flow__card .lp-step-header .swell-block-column p { margin: 0 -85px 0; }

    .page-id-6381 .swell-block-column .lp-stats-icon { margin-left: 18px; }

    /* FORM バッジ */
    .page-id-6381 .swell-block-fullWide.lp-form .lp-form__badges p {
		font-size: 15px;
        gap: 5px;
        padding: 8px 10px;
    }

    /* テキスト左寄せ */
    .page-id-6381 .swell-block-fullWide.lp-report p.lp-report__lead,
    .page-id-6381 p.rd-text,
    .page-id-6381 .wp-block-group.report-viewer .lp-report__sample-text,
    .page-id-6381 .swell-block-fullWide.lp-form .lp-form__lead p {
        text-align: start;
    }

    /* HERO タイトル中央 */
    .page-id-6381 .swell-block-column.lp-hero__left .lp-title { text-align: center; }

    /* バッジ */
    .page-id-6381 .swell-block-column.lp-hero__left .lp-hero__badges p {
        font-size: 14px;
        padding: 8px 10px;
    }

    /* セクション見出し */
    .page-id-6381 .swell-block-column.lp-hero__left h1 span.lp-title { font-size: 32px; }

    .page-id-6381 #main_content .post_content h2.lp-section-title {
        font-size: 24px;
        text-align: start;
    }

    .page-id-6381 .swell-block-fullWide.lp-form .lp-form-title {
        font-size: 24px;
        text-align: start;
    }

    .page-id-6381 .swell-block-fullWide.lp-form .lp-form__subtitle {
        font-size: 15px;
        text-align: start;
    }

    /* CONSULTANT */
    .page-id-6381 .swell-block-column.lp-consultant__profile { padding: 32px 24px; }
    .page-id-6381 .swell-block-column.lp-consultant__content { padding: 32px 24px; }

    /* FLOW 横線非表示 */
    .page-id-6381 .swell-block-fullWide.lp-flow .swell-block-columns__inner::before { display: none; }

    /* FORM */
    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 { padding: 24px; }

    .page-id-6381 .swell-block-fullWide.lp-form .lp-form__badges {
        flex-direction: column;
        align-items: center;
    }

    /* CONSULTANT 画像 */
    .page-id-6381 .swell-block-column.lp-consultant__profile
    figure.wp-block-image.size-large.is-resized
    img.wp-image-705.lazyloaded {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    /* カラム幅 */
    .page-id-6381 .swell-block-column.lp-consultant__profile,
    .page-id-6381 .swell-block-column.lp-consultant__content {
        width: 100%;
    }

    .page-id-6381 .swell-block-column.lp-consultant__profile
    figure.wp-block-image.size-large.is-resized {
        width: 100% !important;
    }

    /* FLOW 縦線 */
    .page-id-6381 .swell-block-fullWide.lp-flow .swell-block-columns.lp-flow__item::before {
        top: 338px;
        bottom: 0;
        left: 50%;
        right: auto;
        width: 3px;
        height: 58%;
    }

    /* VOICE 背景画像 */
    .page-id-6381 .swell-block-column.lp-voice__card .lp-voice__company::before {
        top: 0; left: 0; width: 100%; height: 100%;
    }

    /* ラベル */
    .page-id-6381 p.lp-label { margin-left: 0; }

    /* DIAGNOSIS */
    .page-id-6381 .swell-block-column.lp-diagnosis__card {
        display: block;
        padding: 12px;
        gap: 12px;
        min-height: auto;
    }

    .page-id-6381 .swell-block-column.lp-diagnosis__card p { font-size: 14px; }

    .page-id-6381 .swell-block-column.lp-diagnosis__card .report-icon { margin-bottom: 10px !important; }

    /* REPORT */
    .page-id-6381 .swell-block-column.lp-report__card p.lp-report__title { font-size: 18px; }
    .page-id-6381 .swell-block-column.lp-report__card p,
	.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__content p.lp-voice__text,
	.page-id-6381 .swell-block-column.lp-voice__card .lp-voice__quote p.lp-voice__quote-text{ font-size: 14.25px; }

    /* スライダー切り替え */
    .page-id-6381 .swell-block-columns.report { display: block; }
    .page-id-6381 .wp-block-group.report-viewer .n2-section-smartslider { display: none; }


    /* FORM */
    .page-id-6381 .swell-block-fullWide.lp-form .swell-block-fullWide__inner {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="text"],
    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="email"],
    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="url"],
    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="tel"],
    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 textarea {
        font-size: 16px;
    }

    .page-id-6381 .swell-block-fullWide.lp-form .wpcf7 input[type="submit"] {
        font-size: 15px;
        padding: 16px 24px;
    }
	.page-id-6381 .swell-block-column.lp-problem__card p {
    font-size: 14.25px;
    }

}



/**********************************************************************************************
 * 
 * 
 * 
 * ホームページ運用サポート（ID：5726）PC表示
 * 
 * 
 * 
**********************************************************************************************/
/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-5726 #content.l-content {
        padding-top: 0;
}


/**************************************************
 * メインビジュアル
**************************************************/
/* =============================
   メインセクション全体
   ============================= */
.page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner {
  padding: 40px 50px 40px 70px;
  position: relative;
  overflow: hidden;
}

/* 背景の大きな「Support」テキスト */
.page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner::before {
  content: 'Support';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'DM Serif Display', serif;
  font-size: 200px;
  color: rgba(8,47,42,0.03);
  font-weight: 400;
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: -0.04em;
  line-height: 1;
  z-index: 0;
}

/* =============================
   h1見出し
   ============================= */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.support-main .support-heading {
  font-family: 'Noto Serif JP', serif;
  font-size: 32px;
  font-weight: 700;
  color: #082F2A;
  line-height: 1.6;
  margin-bottom: 12px;
  border-bottom: none;
  background: none;
  padding: 0;
  text-align: left;
  position: relative;
  z-index: 1;
}

/* =============================
   サブテキスト（段落）
   ============================= */
.page-id-5726 .swell-block-fullWide.support-main .support-sub {
  font-size: 16px;
  color: #C9A24D;
  font-weight: 300;
  letter-spacing: 0.08em;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
}

/* =============================
   本文（段落）
   ============================= */
.page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner > .l-container > p:not(.support-en-label):not(.support-sub),
.page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner > p:not(.support-en-label):not(.support-sub) {
  font-size: 16px;
  line-height: 2.2;
  margin: 0 0 12px;
  position: relative;
  z-index: 1;
}

/* =============================
   サブセクション全体
   ============================= */

/* =============================
   リストラベル（段落）
   ============================= */
.page-id-5726 .swell-block-fullWide.support-sub-section .support-list-label {
  font-size: 22px;
  color: #082F2A;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 0.5px solid rgba(201,162,77,0.2);
  max-width: 560px;
  margin: 0 auto 24px;
}

/* =============================
   リスト項目（段落）
   ============================= */
.page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: rgba(97,88,88,0.1);
  border-left: 2px solid #C9A24D;
  padding: 14px 16px;
  border-radius: 0 4px 4px 0;
  max-width: 768px;
  margin: 0 auto 12px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  position: relative;
  padding-left: 48px;
}

/* チェックマークアイコン（SVG相当をCSSで再現） */
.page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #C9A24D;
  flex-shrink: 0;
}

.page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item::after {
  content: '';
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 4px;
  height: 7px;
  border-right: 1px solid #C9A24D;
  border-bottom: 1px solid #C9A24D;
}

/* 最後の項目のmarginをリセット */
.page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item:last-child {
  margin-bottom: 0;
}

/* =============================
   スマホ表示（768px以下）
   ============================= */
@media (max-width: 768px) {
  /* メインセクション padding縮小 */
  .page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner {
    padding: 20px;
  }

  /* 背景テキストのサイズを縮小 */
  .page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner::before {
    font-size: 80px;
    top: 6%;
    left: 58%;
  }

  /* h1見出し */
  #body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.support-main .support-heading {
    font-size: 24px;
  }

  /* サブテキスト */
  .page-id-5726 .swell-block-fullWide.support-main .support-sub {
    font-size: 15px;
    margin-bottom: 24px;
  }

  /* 本文 */
  .page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner > .l-container > p:not(.support-en-label):not(.support-sub),
  .page-id-5726 .swell-block-fullWide.support-main .swell-block-fullWide__inner > p:not(.support-en-label):not(.support-sub) {
    font-size: 14.25px;
    line-height: 2;
  }

  /* リスト項目 */
  .page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item {
    font-size: 13px;
    padding: 12px;
    margin-bottom: 8px;
  }

  /* チェックマークアイコン位置調整 */
  .page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item::before,
  .page-id-5726 .swell-block-fullWide.support-sub-section .support-list-item::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .page-id-5726 .swell-block-fullWide.support-sub-section .wp-block-list {
    padding-left: 3px;
  }
}



/**************************************************
 * 段階に応じて活用できる２つの運用サポート
**************************************************/
/* h2左線を消す */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-intro-section .wp-block-group.service-intro .wp-block-heading.service-heading {
  border-left: none;
  padding-left: 0;
}

#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-intro-section .wp-block-group.service-intro .wp-block-heading.service-heading::before {
  display: none;
}
/* service-block内h4の左線・背景をすべてリセット */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .wp-block-group.service-block h4.wp-block-heading,
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .wp-block-group.service-block h4.wp-block-heading::before {
  border: none;
  border-left: none;
  background: none;
  padding: 0;
  margin-left: 0;
}

/* =============================
   フルワイド① 見出しエリア
   ============================= */
/* 英字ラベル */
.page-id-5726 .swell-block-fullWide.service-intro-section .service-en-label {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

/* h2見出し */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-intro-section .service-heading {
  font-family: 'Noto Serif JP', serif;
  font-size: 26px;
  font-weight: 700;
  color: #082F2A;
  line-height: 1.6;
  margin-bottom: 14px;
  border-bottom: none;
  background: none;
  padding: 0;
  position: relative;
  z-index: 1;
}

#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-intro-section .service-heading::before,
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-intro-section .service-heading::after {
  display: none;
}

/* リード文 */
.page-id-5726 .swell-block-fullWide.service-intro-section .swell-block-fullWide__inner > p:not(.service-en-label),
.page-id-5726 .swell-block-fullWide.service-intro-section .swell-block-fullWide__inner > .l-container > p:not(.service-en-label) {
  font-size: 13px;
  color: #5F5E5A;
  font-weight: 300;
  line-height: 2.1;
  position: relative;
  z-index: 1;
}

/* =============================
   カードラッパー（service-card-wrap）
   ============================= */

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card > .is-layout-constrained {
  padding: 0;
}

/* =============================
   カードヘッダー（service-card-header）
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-header {
  border-bottom: 1px solid rgba(243,244,242,1);
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-header > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-header > .is-layout-constrained {
  padding: 28px 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* 番号バッジ */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-num > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-num > .is-layout-constrained {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(201,162,77,1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-num p {
  font-family: 'DM Serif Display', serif;
  font-size: 20px;
  color: #C9A24D;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin: 0;
}

/* 英字サブラベル */
.page-id-5726 .swell-block-fullWide.service-section .service-card-en {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: rgba(201,162,77,1);
  margin-bottom: 4px;
}

/* h3カードタイトル */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .service-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #082F2A;
  margin-top: 10px;
  margin-bottom: 4px;
  border-bottom: none;
  background: none;
  padding: 0;
}

#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .service-card-title::before,
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .service-card-title::after {
  display: none;
}

/* カードサブテキスト */
.page-id-5726 .swell-block-fullWide.service-section .service-card-sub {
  font-weight: 500;
}

/* =============================
   本文（カード直下の段落）
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card > .wp-block-group__inner-container > p,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card > .is-layout-constrained > p {
  font-weight: 300;
  line-height: 2;
  padding: 10px 36px 24px;
  margin: 0;
}

/* =============================
   共通ブロック（service-block）
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block > .is-layout-constrained {
  padding: 24px 28px;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis {
   background: #082F2A;
   border: 0.5px;
   border-radius: 8px;
   
}

/* =============================
   h4見出し（診断でわかること等）
   ============================= */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .wp-block-group.service-block h4.wp-block-heading {
  font-size: 19px;
  font-weight: 700;
  color: #082F2A;
  letter-spacing: 0.1em;
  margin-bottom: 14px;
  border-bottom: none;
  background: none;
  padding: 0;
}

#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .wp-block-group.service-block h4.wp-block-heading::before,
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .wp-block-group.service-block h4.wp-block-heading::after {
  display: none;
}

/* =============================
   リスト（診断でわかること）
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .swell-block-columns.service-list-cols .swell-block-columns__inner {
  flex-wrap: nowrap !important;
  gap: 0px;
  align-items: flex-start;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .swell-block-columns.service-list-cols .swell-block-column {
  width: 50% !important;
  flex-shrink: 0;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .wp-block-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .wp-block-list li {
  color: #fff; 
  font-weight: 300;
  line-height: 1.8;
  padding-left: 12px;
  position: relative;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .wp-block-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #C9A24D;
}
/* =============================
   サポート内容アイテム
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-media-text.service-content-item {
  border-left: 3px solid rgba(201,162,77,0.6);
  margin-bottom: 16px;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item:last-child,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-media-text.service-content-item {
  margin-bottom: 0;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item > .is-layout-constrained,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-media-text.service-content-item {
  padding: 0 0 0 16px;
}

.page-id-5726 .swell-block-fullWide.service-section .service-content-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item p:not(.service-content-title) {
  font-weight: 300;
  line-height: 1.8;
}


/* =============================
   メディアとテキストブロック
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media {
  grid-template-columns: 1fr 120px;
  align-items: center;
  gap: 24px;
  background: none;
}

/* テキストエリア */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__content {
  padding: 0;
}

/* 画像エリア */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__media img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}

/* タイトル */
.page-id-5726 .swell-block-fullWide.service-section .service-content-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

/* 本文 */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item p:not(.service-content-title) {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

/* =============================
   スマホ：画像を非表示
   ============================= */
@media (max-width: 768px) {
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media {
    grid-template-columns: 1fr;
  }

  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__media {
    display: none;
  }
}

/* =============================
   サポートの流れ
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner {
  align-items: center;
  gap: 1;
  flex-wrap: wrap;
  counter-reset: step-counter;
}

/* 各カラム */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column {
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  flex: 0 0 auto;
}

/* 矢印（最後のカラム以外） */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column:not(:last-child)::after {
  content: '→';
  color: rgba(201,162,77,1);
  font-size: 16px;
  flex-shrink: 0;
  margin: 0 4px;
}

/* ステップテキスト段落 */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column p.service-step-text {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  line-height: 1.6;
  counter-increment: step-counter;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

/* 番号バッジ（視覚的中央揃えの修正版） */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column p.service-step-text::before {
  content: counter(step-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #C9A24D;
  color: #333;
  font-size: 13px;
  font-family: 'DM Serif Display', serif;
  font-weight: 400;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 1.5px; 
  padding-left: 1.5px; 
}


/* =============================
   サポート対象・料金
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-table-wrap > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-table-wrap > .is-layout-constrained {
  padding: 0;
}

/* 各行 */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-table-row {
  border-bottom: 1px solid rgba(243,244,242,1);
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-table-row > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-table-row > .is-layout-constrained {
  padding: 0;
  display: flex;
  align-items: center;
}

/* 見出しセル */
.page-id-5726 .swell-block-fullWide.service-section .service-table-th {
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 300;
  padding: 20px 16px;
  width: 160px;
  flex-shrink: 0;
  margin: 0;
  line-height: 1.7;
}

/* データセル */
.page-id-5726 .swell-block-fullWide.service-section .service-table-td {
  font-weight: 300;
  padding: 20px 16px;
  line-height: 1.7;
  margin: 0;
  flex: 1;
}

/* 料金の大きな数字 */
.page-id-5726 .swell-block-fullWide.service-section .service-table-td.service-table-price {
  font-family: 'DM Serif Display', serif;
  font-size: 32px;
  color: #C9A24D;
  font-weight: 500;
  letter-spacing: -0.01em;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

/* 料金の注記 */
.page-id-5726 .swell-block-fullWide.service-section .service-table-td.service-table-price::after {
  content: '（税別/スポット）';
  color: #333;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
}

/* 納期の注記 */
.page-id-5726 .swell-block-fullWide.service-section .service-table-td.service-table-note {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.page-id-5726 .swell-block-fullWide.service-section .service-table-td.service-table-note::after {
  content: '※作業代行費用は含まれておりません。';
  font-size: 12px;
  font-weight: 300;
}






/* =============================
   分析項目
   ============================= */

/* =============================
   テーブルラッパー
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-table > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-table > .is-layout-constrained {
  padding: 0;

  border: 0.5px solid rgba(201,162,77,0.2);
  border-radius: 4px;
  overflow: hidden;
}

/* =============================
   各行
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-row {
  border-bottom: 0.5px solid rgba(201,162,77,0.15);
  background: #fff;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-row:last-child {
  border-bottom: none;
}

.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-row > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-row > .is-layout-constrained {
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 0;
}

/* =============================
   見出しセル（左）
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .analysis-th {
  width: 155px;
  flex-shrink: 0;
  padding: 10px 20px 10px 8px;
  background: rgba(201,162,77,0.08);
  border-right: 0.5px solid rgba(201,162,77,0.2);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  margin: 0;
  white-space: nowrap;
  vertical-align: top;
}

/* =============================
   データセル（段落・右）
   ============================= */
.page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-row .analysis-td {
  flex: 1;
  padding: 10px 16px;
  font-size: 12px;
  color: #444441;
  font-weight: 300;
  line-height: 1.8;
  margin: 0;
  background: #fff;
}
/**********************************************************************************************
 * 
 * 
 * 
 * ホームページ運用サポート（ID：5726）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {
	
/* =============================
   見出しセル（左）
   ============================= */
   .page-id-5726 .swell-block-fullWide.service-section .analysis-th {
      padding: 22px 20px 22px 8px;
   }
	p.scroll {
	  display: none;
	}
	
}

/**********************************************************************************************
 * 
 * 
 * 
 * ホームページ運用サポート（ID：5726）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media (max-width: 768px) {

  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-table {
    overflow-x: scroll;
  }
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-table > .wp-block-group__inner-container,
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.analysis-table > .is-layout-constrained {
    min-width: 1200px;
  }
}



/* =============================
   スマホ表示（768px以下）
   ============================= */
@media (max-width: 768px) {

  /* h2見出し */
  #body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-intro-section .service-heading {
    font-size: 20px;
  }

  /* カードヘッダー：縦積みに */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-header > .wp-block-group__inner-container,
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card-header > .is-layout-constrained {
    flex-direction: column;
    gap: 12px;
    padding: 20px 20px;
  }

  /* h3カードタイトル */
  #body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.service-section .service-card-title {
    font-size: 18px;
  }

  /* 本文 */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card > .wp-block-group__inner-container > p,
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-card > .is-layout-constrained > p {
    padding: 10px;
  }

  /* 共通ブロックのpadding縮小 */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block > .wp-block-group__inner-container,
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block > .is-layout-constrained {
    padding: 15px;
  }

  /* 診断でわかること：2列→1列 */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .swell-block-columns.service-list-cols .swell-block-columns__inner {
    flex-wrap: wrap !important;
    gap: 0;
  }


  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block.diagnosis .swell-block-columns.service-list-cols .swell-block-column {
    width: 100% !important;
  }

  /* サポートの流れ：折り返し対応 */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner {
    gap: 8px;
    row-gap: 12px;
  }

  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column p.service-step-text {
    font-size: 14px;
    white-space: normal;
  }

  /* テーブル：見出しセルの幅縮小 */
  .page-id-5726 .swell-block-fullWide.service-section .service-table-th {
    width: 80px;
    padding: 14px 10px;
    font-size: 14px;
  }

  .page-id-5726 .swell-block-fullWide.service-section .service-table-td {
    font-size: 14px;
    padding: 14px 10px;
  }

  .page-id-5726 .swell-block-fullWide.service-section .service-table-td.service-table-price {
    font-size: 24px;
  }


  /* サポートの流れ：スマホで矢印を非表示 */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column:not(:last-child)::after {
    display: none;
  }
  /* サポートの流れ：flexをブロックに変更してはみ出しを防ぐ */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column p.service-step-text {
    display: flex;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    font-size: 13px;
  }

  /* カラム自体の幅をコンテナに収める */
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-flow .swell-block-columns__inner > .swell-block-column {
    max-width: calc(100% - 32px);
  }
}

@media (max-width: 768px) {

  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-list-cols .swell-block-columns__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-list-cols .swell-block-columns__inner > .swell-block-column,
  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-list-cols .swell-block-columns__inner > .swell-block-column > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .page-id-5726 .swell-block-fullWide.service-section .wp-block-group.service-block .swell-block-columns.service-list-cols .wp-block-list li {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 96%;
  }
  #body_wrap.page-id-5726 #content .post_content .wp-block-media-text__media img, .wp-block-media-text__media.video{
    height: auto;
    max-width: unset;
    vertical-align: middle;
    width: 78%;
    padding-left: 58px;
  }
}


/**************************************************
 * 運用サポートの比較表
**************************************************/
/* h2左線を消す */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.comparison-section .wp-block-heading.comparison-heading {
  border-left: none;
  padding-left: 0;
}
/* =============================
   h2見出し
   ============================= */
#body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.comparison-section .comparison-heading {
  font-family: 'Noto Serif JP', serif;
  font-size: 26px;
  font-weight: 700;
  color: #082F2A;
  margin-bottom: 12px;
  border-bottom: none;
  background: none;
  padding: 0;
}

/* =============================
   リード文（段落）
   ============================= */
.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-fullWide__inner > .l-container > p,
.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-fullWide__inner > p {
  font-weight: 300;
  line-height: 2;
}

/* =============================
   2カラム
   ============================= */
.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols {
  margin-top: 32px;
}

.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols .swell-block-columns__inner {
  gap: 16px;
  align-items: stretch;
}

.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols .swell-block-column {
  display: flex;
  flex-direction: column;
}

/* =============================
   カード共通
   ============================= */
/* カード共通 */
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  flex: 1;
  height: 100%;
  position: relative;
}


/* =============================
   カードヘッダー
   ============================= */
/* カードヘッダー共通 */
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card-header {
  border-top: 3px solid #082F2A;
  border-bottom: 0.5px solid #E4E5E0;
}

.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card-header > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card-header > .is-layout-constrained {
  padding: 20px 24px;
}


/* 英字ラベル */
.page-id-5726 .swell-block-fullWide.comparison-section .comparison-card-en {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #C9A24D;
  margin-bottom: 4px;
}

/* カードタイトル */
.page-id-5726 .swell-block-fullWide.comparison-section .comparison-card-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  font-weight: 700;
  color: #082F2A;
  margin: 0;
}

/* =============================
   カードボディ
   ============================= */
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card-body > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card-body > .is-layout-constrained {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* =============================
   各項目
   ============================= */
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-item > .wp-block-group__inner-container,
.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-item > .is-layout-constrained {
  padding: 0;
}

/* ラベル */
.page-id-5726 .swell-block-fullWide.comparison-section .comparison-item-label {
  font-size: 16px;
  font-weight: 500;
  color: #C9A24D;
  letter-spacing: 0.1em;
  margin-bottom: 2px;
}

/* 値 */
.page-id-5726 .swell-block-fullWide.comparison-section .comparison-item-value {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.page-id-5726 .swell-block-fullWide.comparison-section .wp-block-group.comparison-card-02 .comparison-price {
  color: #C9A24D;
}
/* 2カラムを横並びに固定 */
.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols .swell-block-columns__inner {
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 35px;
  align-items: stretch;
}

.page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols .swell-block-columns__inner > .swell-block-column {
  flex: 1;
  min-width: 0;
  --clmn-w: 50%;
  --clmn-w-pc: 50%;
}

/* スマホのみ縦並び */
@media (max-width: 768px) {
  #body_wrap.page-id-5726 #content .post_content .swell-block-fullWide.comparison-section .comparison-heading {
  font-size: 20px;
  }
  .page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols .swell-block-columns__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .page-id-5726 .swell-block-fullWide.comparison-section .swell-block-columns.comparison-cols .swell-block-columns__inner > .swell-block-column {
    width: 100%;
    max-width: 94%;
    min-width: 0;
  }
}

/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア制作サービス（ID：1605）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-1605 #content.l-content {
  padding-top: 0;
  margin-bottom: 0;
}


/**************************************************
 * パンくずの背景色の変更
**************************************************/
.page-id-1605 #breadcrumb.p-breadcrumb {
 background-color: #F3F4F2;
}
/**************************************************
 * 見出しの装飾を消す
**************************************************/
/* H２見出し */
#body_wrap.page-id-1605 #content .post_content h2 {
  border-left: none;
  padding-left: 0;
}

/* H３見出し */
#body_wrap.page-id-1605 #main_content .post_content h3,body #body_wrap.page-id-1605 #main_content .post_content h3::before {
    background: none;
    border: none;
    padding: 0;
}

/* H４見出し */
.page-id-1605 .post_content h4 {
  border-left: none;
  padding-left: 0;
}

/**************************************************
 * 共通設定
**************************************************/
/* H２見出し */
.page-id-1605 #main_content .post_content h2 {
  font-size: 32px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 27px;
  padding-bottom: 55px;
  border-bottom: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}
.page-id-1605 #main_content .post_content h2::after {
  content: '';
  display: block;
  width: 3%;
  height: 3px;
  background: #C9A24D;
  margin: 30px auto 0;
}

/**************************************************
 * メインセクション
**************************************************/
/* セクション全体の背景と枠組み */
.page-id-1605 .swell-block-fullWide.main-container {
    background-color: #F3F4F2;
    padding-top: 100px;
    padding-bottom: 120px;
    overflow: visible;
}

/* h1見出し */
.page-id-1605 #main_content .post_content .swell-block-fullWide.main-container h1{
  font-size: 15px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.3;
  margin-bottom: 5px;
}

/* h2見出し */
.page-id-1605 #main_content .post_content .swell-block-fullWide.main-container h2.mv-title {
  font-size: 30px;
  font-weight: 600;
  color: #082F2A;
  line-height: 1.7;
  text-align: start;
  margin: 0;
}
.page-id-1605 #main_content .post_content .swell-block-fullWide.main-container h2.mv-title::after {
  display: none;
}
/**************************************************
 * 企業様によくあるお悩みセクション
**************************************************/
/* 親要素のクラスを重ねることで詳細度を上げ、!importantを回避 */
.page-id-1605 #content .problem-list.is-style-none {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 880px;
}

/* 各リスト項目：カードのデザイン */
.page-id-1605 #content .problem-list.is-style-none li {
    display: flex;
    align-items: center;
    background-color: #F3F4F2;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 16px;
    
    /* カンプ特有の「非常に薄い影」 */
    box-shadow: 0 4px 20px rgba(8, 47, 42, 0.03);
    
    /* SWELLのデフォルトマージンをリセット */
    margin-left: 0;
}

/* アイコン画像：疑似要素で配置 */
.page-id-1605 #content .problem-list.is-style-none li::before {
    content: "";
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-right: 24px;
    
    /* アイコンURLを指定 */
    background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/04/error_1000dp_C9A24D.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* テキストのフォント調整 */
.page-id-1605 #content .problem-list.is-style-none li {
    color: #082F2A; /* カンプの濃いグリーン系黒 */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}


/**************************************************
 * オウンドメディアについてよくある誤解セクション
**************************************************/
/* カード共通 */
.page-id-1605 .swell-block-fullWide.misunderstand-section .swell-block-column.misunderstand-card {
  background: #f3f4f2;
  border-radius: 8px;
  padding: 55px 15px 28px;
  overflow: hidden;
  flex: 1;
  position: relative;
  border-top: 3px solid #DC3444;
}

/* カード番号 */
.page-id-1605 .swell-block-column.misunderstand-card p.misunderstand-num {
    position: absolute;
    top: 10px;
    left: 19px;
    font-size: 40px;
    font-weight: 700;
    color: rgba(220, 52, 68, 0.3); 
    z-index: 1;
}
/* カードh3 */
#body_wrap.page-id-1605 #content .post_content h3.misunderstand-title {
  font-size: 18px;
  font-weight: 800;
  color: #082F2A;
  line-height: 1.5;
  padding-left: 5px;
  margin-bottom: 12px;
}
/* カード本文 */
.page-id-1605 .swell-block-column.misunderstand-card p {
  font-size: 16px;
  line-height: 1.8;
}
/* アイコンボックス */
.page-id-1605 .swell-block-column.misunderstand-card .wp-block-image.misunderstand-icon {
  width: 42px;
  height: 42px;
  min-width: 42px; 
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 28px;
  left: 73px;
}


/**************************************************
 * 私たちは設計から始めますセクション
**************************************************/
/* カード共通 */
.page-id-1605 .swell-block-fullWide.feature-section .swell-block-column.feature-card {
  background: #fff;
  border-radius: 8px;
  padding: 55px 15px 28px;
  overflow: hidden;
  flex: 1;
  position: relative;
  border-top: 3px solid #C9A24D;
}
/* カードh3 */
#body_wrap.page-id-1605 #content .post_content h3.feature-title {
  font-size: 20px;
  font-weight: 800;
  color: #082F2A;
  line-height: 1.5;
  margin-bottom: 12px;
}
/* カード本文 */
.page-id-1605 .swell-block-column.feature-card p {
  font-size: 16px;
  line-height: 1.8;
}
/* アイコンボックス */
.page-id-1605 .swell-block-column.feature-card .feature-icon {
  flex: 0 0 48px;
  width: 50px;
  height: 50px;
  min-width: 50px; 
  background: rgba(183, 184, 182, 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 27px;
  left: 19px;
  margin-bottom: 20px;
}
.page-id-1605 .swell-block-column.feature-card .feature-icon img {
  width: 40px;
  height: 40px;
}

/**************************************************
 * オウンドメディア制作の流れセクション
**************************************************/
/* カード */
.page-id-1605 .swell-block-column.phase-card {
  position: relative;
}
/* カード番号 */
.page-id-1605 p.phase-num {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #C9A24D;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 700;
    color: #fff; 
}

/* CAUSEラベル */
.page-id-1605 p.phase-label1 {
    left: 60px;
    font-size: 15px;
    font-weight: 1000;
    color: #c9a24d;
    letter-spacing: 0.1em;
	display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
	padding: 0 0 0 50px;
}

.page-id-1605 p.phase-label1::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #C9A24D;
    opacity: 0.45;
}

/* カードh3 */
#body_wrap.page-id-1605 #content .post_content h3.phase-title {
  font-size: 24px;
  font-weight: 800;
  color: #082F2A;
  line-height: 1.5;
  margin-bottom: 12px;
}
/* カード本文 */
.page-id-1605 .swell-block-column.phase-card p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 40px !important;
}

/**************************************************
 * 中小企業だからこそ勝てる戦略セクション
**************************************************/
/* 各アイテムのスタイル */
.page-id-1605 .swell-block-column.stats-item {
    flex: 1;
    display: flex;
    flex-direction: column; 
    align-items: center;
    text-align: center;
    min-width: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(8,47,42,0.08);
    padding: 20px 20px;
    height: auto;
}

/* アイコン自体の色（ゴールド系） */
.page-id-1605 .swell-block-column .stats-icon i, 
.page-id-1605 .swell-block-column .stats-icon img {
    font-size: 24px;
    color: #38332a; 
    width: 45px;
    height: 100%;
}

/* 数字（白・強調） */
.page-id-1605 .swell-block-column .stats-number {
  display: block; 
  font-size: 28px;
  font-weight: bold;
  color: #C9A24D;
  line-height: 1.2;
  margin-bottom: 10px;
}

/* ラベル（薄いグレー） */
.page-id-1605 .swell-block-column  .stats-label {
  display: block;
  font-size: 13px;
  margin-bottom: 0;
}
/* カード本文 */
.page-id-1605 .swell-block-column.phase-card p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 40px !important;
}

.page-id-1605 .stats p {
  text-align: center;
}

/**************************************************
 * オウンドメディア立ち上げ支援プランセクション
**************************************************/
/* 価格テキスト */
.page-id-1605 .price-num-text {
  color: #082F2A;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 17px;
  text-align: center;
}
/* 価格注記 */
.page-id-1605 .price-note {
  font-size: 20px;
  letter-spacing: 0.08em;
  font-weight: 400;
  text-align: center;
}
/* 本文 */
.page-id-1605 .price-text{
  text-align: center;
}


/**************************************************
 * プランに含まれる全工程
**************************************************/
/* phaseのグループ */
.page-id-1605 .phase-list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(8, 47, 42, 0.12);
}
/* phaseの各グループ */
.page-id-1605 .phase-item {
    position: relative; 
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(8, 47, 42, 0.08);
    position: relative;
}
.page-id-1605 .phase-item::before {
    content: '';
    position: absolute;
    left: -53px; 
    top: 26px; 
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #C9A24D;
    box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.2);
}
/* phaseの番号 */
.page-id-1605 .phase-label {
    font-size: 13px;
    font-weight: 700;
    color: #C9A24D;
    letter-spacing: 0.28em;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-id-1605 .phase-label::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #C9A24D;
    opacity: 0.45;
}

/* ===== アイコンカード全体 ===== */
.page-id-1605 .phase-cards {
  margin-top: 24px;
}

.page-id-1605 .phase-cards .swell-block-column {
  background: #F3F4F2;
  border: 0.5px solid #C9A24D;
  border-radius: 8px;
  padding: 20px 16px 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* ===== アイコン画像を丸で囲む ===== */
.page-id-1605 .phase-cards .wp-block-image {
  display: flex;
  justify-content: center;
  margin: 0;
}

.page-id-1605 .phase-cards .wp-block-image img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 50%;
  background: #F3F4F2;
  padding: 12px;
  box-sizing: border-box;
}

.page-id-1605 .phase-cards  .phase-cards-title {
    font-size: 18px;
    color: #082F2A;
    font-weight: 600;
}
/* ===== テキスト ===== */
.page-id-1605 .phase-cards p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア制作サービス（ID：1605）タブレット表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {
.page-id-1605 #content .problem-list.is-style-none li {
  padding: 10px;
  font-size: 18px;
}
  .page-id-1605 #content .problem-list.is-style-none li:first-child {
    display: block;
    position: relative;
    padding-left: 55px;
  }
  
  .page-id-1605 #content .problem-list.is-style-none li:first-child::before {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
.page-id-1605 #content .problem-list.is-style-none li::before {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
#body_wrap.page-id-1605 #content .post_content h3.feature-title {
  font-size: 18px;
}
}



/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア制作サービス（ID：1605）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media (max-width: 600px){
  /**************************************************
 * 共通設定
**************************************************/
/* H２見出し */
.page-id-1605 #main_content .post_content h2 {
  font-size: 21px;
  text-align: start;
}
.page-id-1605 #main_content .post_content h2::after {
  display: none;
}
.page-id-1605 #main_content .post_content h2::after {
  content: '';
  display:block;
  width: 8%;
  height: 3px;
  background: #C9A24D;
  margin: 20px 15px 0;
}
/* カードh3 */
#body_wrap.page-id-1605 #content .post_content h3.phase-title {
  font-size: 19px;
}
/**************************************************
 * メインセクション
**************************************************/
  /* h1見出し */
.page-id-1605 #main_content .post_content .swell-block-fullWide.main-container h1{
  font-size: 18px;
  text-align: center;
  margin-top: 20px !important;
  margin-bottom: 15px;
}
/* h2見出し */
.page-id-1605 #main_content .post_content .swell-block-fullWide.main-container h2.mv-title {
  font-size: 26px;
  text-align: center;
}
.page-id-1605 .swell-block-column.hero-wrapper-right{
  order: -1;
}
.page-id-1605 #content .problem-list.is-style-none li {
  padding: 10px;
  font-size: 15px;
}
  .page-id-1605 #content .problem-list.is-style-none li:first-child {
    display: block;
    position: relative;
    padding-left: 55px;
  }
  
  .page-id-1605 #content .problem-list.is-style-none li:first-child::before {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
.page-id-1605 #content .problem-list.is-style-none li::before {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.page-id-1605 .swell-block-fullWide.misunderstand-section .swell-block-columns__inner,
.page-id-1605 .swell-block-fullWide.feature-section .swell-block-columns__inner{
  display: block;
}
.page-id-1605 .swell-block-fullWide.misunderstand-section .swell-block-column.misunderstand-card,
.page-id-1605 .swell-block-fullWide.feature-section .swell-block-column.feature-card,
.page-id-1605 .swell-block-columns.stats-card{
  margin-bottom: 40px;
}


/**************************************************
 * オウンドメディアについてよくある誤解セクション
**************************************************/
/* カード本文 */
.page-id-1605 .swell-block-column.misunderstand-card p {
  font-size: 14.25px;
}

/**************************************************
 * 中小企業だからこそ勝てる戦略セクション
**************************************************/

.page-id-1605 .swell-block-column.stats-item {
  flex: none;
}

.page-id-1605 .stats p {
  text-align: start;
}
/* 数字（白・強調） */
.page-id-1605 .swell-block-column .stats-number {
  font-size: 23px;
}

/* ラベル（薄いグレー） */
.page-id-1605 .swell-block-column  .stats-label {
  font-size: 13px;
}

/**************************************************
 * オウンドメディア立ち上げ支援プランセクション
**************************************************/
/* 価格テキスト */
.page-id-1605 .price-num-text {
  font-size: 27px;
  text-align: start;
}
.page-id-1605 .price-note {
  text-align: start;
}
/**************************************************
 * プランに含まれる全工程
**************************************************/
.page-id-1605 h4.phase-sub-title {
  font-size: 20px;
}
.page-id-1605 .price-text {
  text-align: start;
  font-size: 14.25px;
}
.page-id-1605 .wp-block-group.phase-item p {
  font-size: 14.25px;
}
.page-id-1605 .phase-cards  p.phase-cards-title {
    font-size: 16px;
    color: #082F2A;
    font-weight: 600;
}
.page-id-1605 .wp-block-image.phase-icon img {
  width:248px !important;
  }
	.page-id-1605 .swell-block-column.feature-card p,
	.page-id-1605 .swell-block-column.phase-card p{
		font-size: 14.25px;
	}
}

/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア運用代行（ID：1736）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-1736 #content.l-content {
  padding-top: 0;
  margin-bottom: 0;
}
/**************************************************
 * 見出しの装飾を消す
**************************************************/
/* H２見出し */
#body_wrap.page-id-1736 #content .post_content h2 {
  border-left: none;
  padding-left: 0;
}

/* H３見出し */
#body_wrap.page-id-1736 #content .post_content h3,
#body_wrap.page-id-1736 #content .post_content h3::before {
    background: none;
    padding-left: 0 !important;
}


/**************************************************
 * 共通設定
**************************************************/
/* H２見出し */
.page-id-1736 #main_content .post_content h2 {
  font-size: 32px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 27px;
  padding-bottom: 32px;
  border-bottom: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}
.page-id-1736 #main_content .post_content h2::after {
  content: '';
  display: block;
  width: 5%;
  height: 3px;
  background: #C9A24D;
  margin: 30px auto 0;
}

/**************************************************
 * パンくずの背景色の変更
**************************************************/
.page-id-1736 #breadcrumb.p-breadcrumb {
  background-color: #F3F4F2;
}

/**************************************************
 * メインセクション
**************************************************/
/* セクション全体の背景と枠組み */
.page-id-1736 .swell-block-fullWide.main-container {
    background-color: #F3F4F2;
    padding-top: 100px;
    padding-bottom: 120px;
    overflow: visible;
}

/* h1見出し */
.page-id-1736 #main_content .post_content .swell-block-fullWide.main-container h1{
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 5px;
}

/* h2見出し */
.page-id-1736 #main_content .post_content .swell-block-fullWide.main-container .mv-title {
  font-size: 26px;
  font-weight: 800;
  color: #082F2A;
  line-height: 1.7;
  text-align: start;
  margin: 0;
}



/* ===== 実績エリア外枠（四隅装飾） ===== */
.page-id-1736  .swell-block-columns.hero-stats {
  position: relative;
  padding: 4px;
}

.page-id-1736 .hero-section .hero-stats-wrap {
  position: relative;
}

/* ===== 実績エリア内側 ===== */
.page-id-1736 .swell-block-columns.hero-stats .swell-block-columns__inner {
  gap: 0;
  align-items: stretch;
  padding: 0;
  position: relative;
}

/* ===== 各カラム（背景画像を設定） ===== */
.page-id-1736 .swell-block-columns.hero-stats .swell-block-columns__inner > .swell-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px 0px;
  background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/03/transparent-Photoroom-12.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 184px 111px;
}






/**************************************************
 * オウンドメディア運用でよくあるお悩み
**************************************************/
/* 親要素のクラスを重ねることで詳細度を上げ、!importantを回避 */
.page-id-1736 #content .problem-list.is-style-none {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 880px;
}

/* 各リスト項目：カードのデザイン */
.page-id-1736 #content .problem-list.is-style-none li {
    display: flex;
    align-items: center;
    background-color: #F3F4F2;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 16px;
    
    /* カンプ特有の「非常に薄い影」 */
    box-shadow: 0 4px 20px rgba(8, 47, 42, 0.03);
    
    /* SWELLのデフォルトマージンをリセット */
    margin-left: 0;
}

/* アイコン画像：疑似要素で配置 */
.page-id-1736 #content .problem-list.is-style-none li::before {
    content: "";
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-right: 24px;
    
    /* アイコンURLを指定 */
    background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/04/error_1000dp_C9A24D.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* テキストのフォント調整 */
.page-id-1736 #content .problem-list.is-style-none li {
    color: #082F2A; /* カンプの濃いグリーン系黒 */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}


/**************************************************
 * 成果が出ていない理由〜セクション
**************************************************/
/* カード共通 */
.page-id-1736 .swell-block-fullWide.misunderstand-section .swell-block-column.misunderstand-card {
  background: #f3f4f2;
  border-radius: 8px;
  padding: 55px 28px 28px;
  overflow: hidden;
  flex: 1;
  position: relative;
  border-top: 3px solid #DC3444;
}

#body_wrap.page-id-1736 #content .post_content h3.misunderstand-title {
  border-bottom: none;
  font-size: 20px;
}

/* カード番号 */
.page-id-1736 .swell-block-column.misunderstand-card p.misunderstand-num {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 40px;
    font-weight: 700;
    color: rgba(220, 52, 68, 0.3); 
    z-index: 1;
}

/* カード本文 */
.page-id-1736 .swell-block-column.misunderstand-card p {
  font-size: 15px;
  line-height: 1.8;
}
/* アイコンボックス */
.page-id-1736 .swell-block-column.misunderstand-card .wp-block-image.misunderstand-icon {
  width: 42px;
  height: 42px;
  min-width: 42px; 
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 28px;
  left: 73px;
}

/**************************************************
 * Nomad Communityのアプローチセクション
**************************************************/
/* ===== 各カード外枠 ===== */
.page-id-1736 .wp-block-group.reason-item {
  background: #fff;
  border: 0.5px solid #dddbd4;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

/* ===== カード内のpaddingをリセット ===== */
.page-id-1736 .wp-block-group.reason-item .wp-block-group__inner-container,
.page-id-1736 .wp-block-group.reason-item .is-layout-constrained {
  padding: 0;
}

.page-id-1736 .wp-block-group.reason-item::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 3px;
  background: #C9A24D;
  z-index: 1;
}

/* ===== 左カラムの幅を固定 ===== */
.page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child {
  width: 220px;
  flex-shrink: 0;
  flex-grow: 0;
}

/* ===== 右カラムを残りの幅に ===== */
.page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:last-child {
  flex: 1;
  min-width: 0;
}

/* ===== リッチカラム ===== */
.page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner {
  align-items: stretch;
  gap: 0;
}

/* ===== 左カラム ===== */
.page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child {
  background: #f3f6f2;
  border-right: 0.5px solid #dddbd4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  gap: 12px;
}

/* ================================================
   reason-item — 共通スタイル
   ================================================ */

/* ===== イラスト画像 ===== */
.page-id-1736 .swell-block-columns.reason-inner .wp-block-image {
  display: flex;
  justify-content: center;
  margin: 0;
}

.page-id-1736 .swell-block-columns.reason-inner .wp-block-image img {
  width: 95px;
  height: 95px;
  object-fit: contain;
}

/* ===== 番号 ===== */
.page-id-1736 .swell-block-columns.reason-inner .reason-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 45px;
  font-weight: 700;
  color: #C9A24D;
  line-height: 1;
  text-align: center;
  margin: 0;
}

/* ===== REASON ラベル ===== */
.page-id-1736 .swell-block-columns.reason-inner .reason-num-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  text-align: center;
  margin: 0;
}

/* ===== 右カラム ===== */
.page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:last-child {
  padding: 28px 32px;
}

/* ===== h3 装飾リセット ===== */
.page-id-1736 .wp-block-group.reason-item h3.wp-block-heading::before {
  display: none;
}

/* ===== 本文 ===== */
.page-id-1736 .wp-block-group.reason-item p:not(.reason-num):not(.reason-num-label) {
  line-height: 1.9;
  margin: 0;
}

/* ===== リンク ===== */
.page-id-1736 .swell-block-columns.reason-inner .reason-rink {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  margin: 0;
}

/**************************************************
 * 代表者挨拶セクション
**************************************************/
/* ===== リッチカラム全体 ===== */
.page-id-1736 .profile-rich-col-pc {
  align-items: center;
  gap: 48px;
  margin-left: auto;
  width: 90%;
} 

/* ===== ラベルタグ ===== */
.page-id-1736 p.profile-label {
  font-size: 30px;
  font-weight: 600;
  color: #1a2e2a;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}
 
/* ===== 見出し h2 ===== */
.page-id-1736 #main_content .post_content .swell-block-fullWide.profile-section h2 {
  display: flex;
  width: fit-content;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #b8972e;
  border: 0.5px solid #b8972e !important;
  padding: 4px 12px !important;
  margin-bottom: 20px;
}
 
.page-id-1736 #main_content .post_content .swell-block-fullWide.profile-section h2::after {
  display: none;
}
 
/* ===== 区切り線 ===== */
.page-id-1736 .profile-rich-col .wp-block-separator {
  border: none;
  border-top: 1px solid #b8972e;
  width: 40px;
  margin: 0 0 20px 0;
}
 
/* ===== 名前ブロック ===== */
.page-id-1736 .profile-section .profile-name {
  font-size: 20px;
  font-weight: 600;
  color: #1a2e2a;
  margin-top: 16px;
}


 
/* ===== 画像の比率・角丸・サイズ ===== */
.page-id-1736 .profile-rich-col-pc .wp-block-image {
  width: 70%;
  margin: 0 auto 0 0;
}
 
.page-id-1736 .profile-rich-col-pc  .wp-block-image img, .profile-rich-col-sp .wp-block-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
}

/**************************************************
 * オウンドメディア運用代行のサービス内容と費用
**************************************************/
/* =============================
   フルワイド① 見出しエリア
   ============================= */
/* 英字ラベル */
.page-id-1736 .swell-block-fullWide.service-intro-section .service-en-label {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #C9A24D;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
/* =============================
   カードヘッダー（service-card-header）
   ============================= */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-card-header {
  border-bottom: 1px solid rgba(243,244,242,1);
}

.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-card-header > .wp-block-group__inner-container,
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-card-header > .is-layout-constrained {
  padding: 28px 0;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* 番号バッジ */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-card-num > .wp-block-group__inner-container,
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-card-num > .is-layout-constrained {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(201,162,77,1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-card-num p {
  font-family: 'DM Serif Display', serif;
  font-size: 20px;
  color: #C9A24D;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin: 0;
}

/* 英字サブラベル */
.page-id-1736 .swell-block-fullWide.service-section .service-card-en {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: rgba(201,162,77,1);
  margin-bottom: 4px;
}

/* h3カードタイトル */
#body_wrap.page-id-1736 #content .post_content .swell-block-fullWide.service-section .service-card-title {
  font-size: 25px;
  font-weight: 700;
  color: #082F2A;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: none;
  background: none;
  padding: 0;
}

#body_wrap.page-id-1736 #content .post_content .swell-block-fullWide.service-section .service-card-title::before,
#body_wrap.page-id-1736 #content .post_content .swell-block-fullWide.service-section .service-card-title::after {
  display: none;
}


/* =============================
   サポート内容アイテム
   ============================= */
.page-id-1736 .swell-block-fullWide.service-section .service-content-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item p:not(.service-content-title) {
  font-weight: 300;
  line-height: 1.8;
}


/* =============================
   メディアとテキストブロック
   ============================= */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media {
  grid-template-columns: 1fr 120px;
  align-items: center;
  gap: 24px;
  background: none;
}

/* テキストエリア */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__content {
  padding: 0;
}

/* 画像エリア */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__media img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}

/* タイトル */
.page-id-1736 .swell-block-fullWide.service-section .service-content-title {
  font-size: 19px;
  color: #082F2A;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 6px;
  padding-bottom: 10px;
  border-bottom: 2px solid #C9A24D;
}

/* 本文 */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item p:not(.service-content-title) {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}


/* =============================
   サポート対象・料金
   ============================= */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-table-wrap > .wp-block-group__inner-container,
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-table-wrap > .is-layout-constrained {
  padding: 0;
}

/* 各行 */
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-table-row {
  border-bottom: 1px solid rgba(243,244,242,1);
}

.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-table-row > .wp-block-group__inner-container,
.page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-table-row > .is-layout-constrained {
  padding: 0;
  display: flex;
  align-items: center;
}

/* 見出しセル */
.page-id-1736 .swell-block-fullWide.service-section .service-table-th {
  font-size: 17px;
  letter-spacing: 0.1em;
  font-weight: 300;
  padding: 20px 16px;
  width: 160px;
  flex-shrink: 0;
  margin: 0;
  line-height: 1.7;
}

/* データセル */
.page-id-1736 .swell-block-fullWide.service-section .service-table-td {
  font-size: 17px;
  font-weight: 300;
  padding: 20px 16px 20px 28px;
  border-left: 1px solid #F3F4F2;
  line-height: 1.7;
  margin: 0;
  flex: 1;
}

/* 料金の大きな数字 */
.page-id-1736 .swell-block-fullWide.service-section .service-table-td.service-table-price {
  font-family: 'DM Serif Display', serif;
  font-size: 28px;
  color: #082F2A;
  font-weight: 500;
  letter-spacing: -0.01em;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

/* 納期の注記 */
.page-id-1736 .swell-block-fullWide.service-section .service-table-td.service-table-note {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.page-id-1736 .swell-block-fullWide.service-section .service-table-td.service-table-note::after {
  content: '※初期費用と月額費用は、オウンドメディアの規模・記事数によって変動します。詳細は無料相談にてお見積りします。';
  font-size: 12px;
  font-weight: 300;
}

/* ===== アイコンカード全体 ===== */
.page-id-1736 .phase-cards {
  margin-top: 24px;
}

.page-id-1736 .phase-cards .swell-block-column {
  background: #F3F4F2;
  border: 0.5px solid #C9A24D;
  border-radius: 8px;
  padding: 20px 16px 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* ===== アイコン画像を丸で囲む ===== */
.page-id-1736 .phase-cards .wp-block-image {
  display: flex;
  justify-content: center;
  margin: 0;
}

.page-id-1736 .phase-cards .wp-block-image img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 50%;
  background: #F3F4F2;
  padding: 12px;
  box-sizing: border-box;
}

.page-id-1736 .phase-cards  .phase-cards-title {
    font-size: 18px;
    color: #082F2A;
    font-weight: 600;
}
/* ===== テキスト ===== */
.page-id-1736 .phase-cards p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}



/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア運用代行（ID：1736）タブレット表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {
  .page-id-1736 #main_content .post_content .swell-block-fullWide.main-container .mv-title {
    font-size: 24px;
  }
  .page-id-1736 .swell-block-fullWide.misunderstand-section .swell-block-column.misunderstand-card {
    padding: 55px 22px 28px;
  }
}
/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア運用代行（ID：1736）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media (max-width: 600px) {

  /**************************************************
 * 共通設定
**************************************************/
/* H２見出し */
.page-id-1736 #main_content .post_content h2 {
  font-size: 21px;
  text-align: start;
}
.page-id-1736 #main_content .post_content h2::after {
  content: '';
  display: block;
  width: 8%;
  height: 3px;
  background: #C9A24D;
  margin: 21px 5px 0;
}
  /* H３見出し */
  #body_wrap.page-id-1736  #content .post_content h3,
  #body_wrap.page-id-1736  #content .post_content h3::before {
    background: none;
  }

    /**************************************************
 * メインセクション
**************************************************/
/* h1見出し */
.page-id-1736 #main_content .post_content .swell-block-fullWide.main-container h1{
  font-size: 15px;
  text-align: center;
}
/* h2見出し */
.page-id-1736 #main_content .post_content .swell-block-fullWide.main-container .mv-title {
  font-size: 21px;
  margin-top: 15px;
  text-align: center;
}

.page-id-1736 .swell-block-fullWide.main-container .swell-block-column.hero-wrapper-right .wp-block-image img {
  max-width: 73%;
  }


/* ===== 各カラム（背景画像を設定） ===== */
.page-id-1736 .swell-block-columns.hero-stats .swell-block-columns__inner > .swell-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px 0px;
  background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/03/transparent-Photoroom-12.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 158px 108px;
  }
  .page-id-1736 #content .hero-wrapper-right {
    order: -1;
  }

/**************************************************
 * オウンドメディア運用でよくあるお悩み
**************************************************/
/* 各リスト項目：カードのデザイン */
.page-id-1736 #content .problem-list.is-style-none li {
    padding: 28px 9px;
  }
/* テキストのフォント調整 */
.page-id-1736 #content .problem-list.is-style-none li {
    font-size: 15px;
}
/* アイコン画像：疑似要素で配置 */
.page-id-1736 #content .problem-list.is-style-none li::before {
    margin-right: 11px;
  }

/**************************************************
 * 成果が出ていない理由〜セクション
**************************************************/
#body_wrap.page-id-1736 #content .post_content h3.misunderstand-title {
  font-size: 18px;
}
  /**************************************************
 * アプローチ
**************************************************/
 /* ===== カラムを縦積みに変更 ===== */
  .page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner {
    flex-direction: column ;
  }
 
  /* ===== 左カラム：横幅いっぱい・内部を横並びに ===== */
  .page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child {
    width: 100% !important;
    border-right: none;
    border-bottom: 0.5px solid #dddbd4;
    flex-direction: row;      
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    gap: 0;
  }
 
  /* ===== 番号・ラベルをまとめて左寄せ ===== */
  .page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child .reason-num,
  .page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child .reason-num-label {
    text-align: left;
    margin-left: 5px;
  }
 
  /* ===== 右カラム：横幅いっぱいに ===== */
  .page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:last-child {
    width: 100% !important;
    padding: 20px 34px 10px 24px;
  }
 
  /* ===== 番号：スマホサイズに縮小 ===== */
  .page-id-1736 .swell-block-columns.reason-inner .reason-num {
    font-size: 32px;
  }
 
  /* ===== REASON ラベル ===== */
  .page-id-1736 .swell-block-columns.reason-inner .reason-num-label {
    font-size: 14px;
  }
 
  /* ===== イラスト画像：右寄せ・サイズ調整 ===== */
  .page-id-1736 .swell-block-columns.reason-inner .swell-block-columns__inner > .swell-block-column:first-child .wp-block-image {
    margin-left: auto;
  }
 
  .page-id-1736 .swell-block-columns.reason-inner .wp-block-image img {
    width: 80px;
    height: 85px;
  }
 
  /* ===== h3 見出し ===== */
  .page-id-1736 .wp-block-group.reason-item h3.wp-block-heading {
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 12px;
    border-left: none;
    background: none;
  }
 
  /* ===== 本文 ===== */
  .page-id-1736 .wp-block-group.reason-item p:not(.reason-num):not(.reason-num-label) {
    font-size: 14.25px;
    line-height: 1.9;
  }
 
  /* ===== リンク ===== */
  .page-id-1736 .swell-block-columns.reason-inner .reason-rink {
    font-size: 13px;
    letter-spacing: 0.15em;
  }



  .page-id-1736 .swell-block-fullWide.misunderstand-section .swell-block-columns .swell-block-columns__inner {
    display: block;
  }

  .page-id-1736 .swell-block-fullWide.misunderstand-section .swell-block-column.misunderstand-card {
    margin-bottom: 20px;
  }
/**************************************************
 * 代表者挨拶セクション
**************************************************/
/* ===== 代表者挨拶セクション ===== */
.page-id-1736 .swell-block-columns.profile-rich-col .swell-block-columns__inner {
  flex-direction: column;
}

.page-id-1736 .profile-rich-col {
  width: 100%;
  gap: 0;
  margin-left: 0;
}

.page-id-1736 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column {
  width: 100%;
}

/* テキストカラム：見出しだけ先に出す */
.page-id-1736 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:first-child {
  order: 1 !important;
  padding: 24px 27px 0 20px;
}

/* 画像・名前カラム：見出しの直後 */
.page-id-1736 .swell-block-columns.profile-rich-col .swell-block-columns__inner > .swell-block-column:last-child {
  order: 2;
  padding: 16px 20px;
}

/* ===== ラベルタグ ===== */
.page-id-1736 p.profile-label {
  font-size: 25px;
  text-align: start;
}
 
.page-id-1736 #main_content .post_content .swell-block-fullWide.profile-section h2 {
  margin-left: 0;
}
  .page-id-1736 .profile-section .profile-name,
  .page-id-1736 .profile-section .profile-name2 {
    margin-left: 0;
  }
  .page-id-1736 .profile-rich-col .wp-block-image img {
    max-width: 116% !important;
  }

  /**************************************************
 * オウンドメディア運用代行のサービス内容と費用
**************************************************/
/* h3カードタイトル */
#body_wrap.page-id-1736 #content .post_content .swell-block-fullWide.service-section .service-card-title {
  font-size: 20px;
  }
/* 料金の大きな数字 */
.page-id-1736 .swell-block-fullWide.service-section .service-table-td.service-table-price {
  font-size: 18px;
  }
  .page-id-1736 .phase-cards .phase-cards-title {
    font-size: 16px;
  }
  .page-id-1736 .phase-cards p {
    font-size: 13px;
    font-weight: 100;
  }
  .page-id-1736 .phase-cards .swell-block-column {
    padding: 20px 6px 18px;
  }

    .page-id-1736 #main_content .post_content p[class*="section-title"].has-text-align-center, #main_content .post_content p[class*="section-title"].has-text-align-center, #main_content .post_content p[class*="section-title"] * {
  font-size: 18px;
}
  .page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media {
    grid-template-columns: 1fr;
  }

  .page-id-1736 .swell-block-fullWide.service-section .wp-block-group.service-content-item .wp-block-media-text.service-content-media .wp-block-media-text__media {
    display: none;
  }
}


/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア内製化（ID：1994）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-1994 #content.l-content {
  padding-top: 0;
  margin-bottom: 0;
}
/**************************************************
 * 見出しの装飾を消す
**************************************************/
/* H２見出し */
#body_wrap.page-id-1994 #content .post_content h2 {
  border-left: none;
  padding-left: 0;
}

/* H３見出し */
#body_wrap.page-id-1994 #content .post_content h3,
#body_wrap.page-id-1994 #content .post_content h3::before {
    background: none;
    padding-left: 0 !important;
}

/**************************************************
 * 共通設定
**************************************************/
/* H２見出し */
.page-id-1994 #main_content .post_content h2 {
  font-size: 32px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 27px;
  padding-bottom: 32px;
  border-bottom: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}
.page-id-1994 #main_content .post_content h2::after {
  content: '';
  display: block;
  width: 5%;
  height: 3px;
  background: #C9A24D;
  margin: 30px auto 0;
}

/**************************************************
 * パンくずの背景色の変更
**************************************************/
.page-id-1994 #breadcrumb.p-breadcrumb {
  background-color: #F3F4F2;
}
/**************************************************
 * メインセクション
**************************************************/
.page-id-1994 p.mv-title a {
  pointer-events: none;
  text-decoration: none;
  color: inherit;
}
/* セクション全体の背景と枠組み */
.page-id-1994 .swell-block-fullWide.main-container {
    padding-top: 100px;
    padding-bottom: 120px;
    overflow: visible;
}

/* h1見出し */
.page-id-1994 #main_content .post_content .swell-block-fullWide.main-container h1{
  font-size: 18px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.3;
  margin-bottom: 20px;
}

/* メインタイトル */
.page-id-1994 #main_content .post_content .swell-block-fullWide.main-container p.mv-subtitle {
  font-size: 30px;
  font-weight: 600;
  color: #082F2A;
  line-height: 1.7;
  text-align: start;
  margin: 0;
}
/* サブタイトル */
.page-id-1994 #main_content .post_content .swell-block-fullWide.main-container p.mv-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  line-height: 1.7;
  text-align: start;
  padding: 5px 10px;
  border: 1px solid #C9A24D;
  background-color: #C9A24D;
  border-radius: 6px;
  margin-bottom: 15px;
}
/**************************************************
 * こんな状態になっていませんか？セクション
**************************************************/
.page-id-1994 #content .problem-list.is-style-none {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 880px;
}
.page-id-1994 #content .problem-list.is-style-none li {
    display: flex;
    align-items: center;
    background-color: #F3F4F2;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 16px;
    
    /* カンプ特有の「非常に薄い影」 */
    box-shadow: 0 4px 20px rgba(8, 47, 42, 0.03);
    
    /* SWELLのデフォルトマージンをリセット */
    margin-left: 0;
}
.page-id-1994 #content .problem-list.is-style-none li::before {
    content: "";
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-right: 24px;
    
    /* アイコンURLを指定 */
    background-image: url('http://nomadcommunity.net/wp-content/uploads/2026/04/help_800dp_C9A24D.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.page-id-1994 #content .problem-list.is-style-none li {
    color: #082F2A; 
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}
/**************************************************
 * 6ヶ月でオウンドメディアを「業務」として内製化できますセクション
**************************************************/
/* phaseのグループ */
.page-id-1994 .phase-list::before {
    content: '';
    position: absolute;
    left: -32px;
    top: 133px;
    bottom: 0;
    width: 1px;
    background: rgba(8, 47, 42, 0.12);
}
/* phaseの各グループ */
.page-id-1994 .phase-item {
    position: relative; 
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(8, 47, 42, 0.08);
    position: relative;
}
.page-id-1994 .phase-item::before {
    content: '';
    position: absolute;
    left: -53px; 
    top: 34px; 
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #C9A24D;
    box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.2);
}
/* phaseの番号 */
.page-id-1994 .phase-label {
    font-size: 20px;
    font-weight: 700;
    color: #C9A24D;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-id-1994 .phase-label::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #C9A24D;
    opacity: 0.45;
}

/* ===== タイトルのh3見出し ===== */
#body_wrap.page-id-1994  #content .post_content h3.phase-sub-title {
  font-size: 25px;
  color: #082F2A;
  border-bottom: none;
}

/* ===== アイコンカード全体 ===== */
.page-id-1994 .phase-cards {
  margin-top: 24px;
}

.page-id-1994 .phase-cards .swell-block-column {
  background: #fff;
  border: 0.5px solid #C9A24D;
  border-radius: 8px;
  padding: 20px 16px 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* ===== アイコン画像を丸で囲む ===== */
.page-id-1994 .phase-cards .wp-block-image {
  display: flex;
  justify-content: center;
  margin: 0;
}

.page-id-1994 .phase-cards .wp-block-image img {
  width: 120px;
  height: 80px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
  padding: 12px;
  box-sizing: border-box;
}

/* ===== カード内のタイトル ===== */
.page-id-1994 .phase-cards  .phase-cards-title {
    font-size: 18px;
    color: #082F2A;
    font-weight: 600;
}
.page-id-1994 .phase-cards  .phase-cards-subtitle {
  font-size: 13px;
  font-weight: 600;
}
/* ===== テキスト ===== */
.page-id-1994 .phase-cards p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
/**************************************************
 * 6ヶ月後、以下の体制を作れますセクション
**************************************************/
/* カード共通 */
.page-id-1994 .swell-block-fullWide.feature-section .swell-block-column.feature-card {
  background: #fff;
  border-radius: 8px;
  padding: 55px 28px 28px;
  overflow: hidden;
  flex: 1;
  position: relative;
  border-top: 3px solid #C9A24D;
}
/* カードh3見出し */
#body_wrap.page-id-1994  #content .post_content p.feature-title {
  font-size: 20px;
  font-weight: 800;
  color: #082F2A;
  line-height: 1.5;
  padding-left: 5px;
  margin-bottom: 12px;
  margin-top: 40px;
}
/* アイコンボックス */
.page-id-1994 .swell-block-column.feature-card .feature-icon {
  flex: 0 0 48px;
  width: 50px;
  height: 50px;
  min-width: 50px; 
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 27px;
  left: 28px;
  margin-bottom: 20px;
}
.page-id-1994 .swell-block-column.feature-card .feature-icon img {
  width: 40px;
  height: 40px;
}
/**************************************************
 * このサービスで「やらないこと」セクション
**************************************************/
.page-id-1994 .post_content .cause-colume-title{
    font-size: 26px;
    font-weight: 600;
} 

.page-id-1994 .post_content div[class*="cause-section"] .swell-block-richColumns__inner {
  gap: 24px;
}

.page-id-1994 p.cause-rd {
  text-align: center;
}
.page-id-1994 .post_content div[class*="cause-card"] {
  background-color: #F3F4F2;
  border-radius: 4px;
  padding: 32px 28px 36px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* よくある原因ラベル */
.page-id-1994 .post_content div[class*="cause-card"] p.cause-label {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.5;
  margin-bottom: 8px;
  counter-increment: cause-num;
}

/* カードタイトル */
.page-id-1994 .post_content div[class*="cause-card"] p.cause-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c9a84c;
}

/* 本文 */
.page-id-1994 .post_content div[class*="cause-card"] p.cause-body {
  font-size: 16px;
  color: #333;
  padding-top: 10px;
}

/**************************************************
 * サービス料金セクション
**************************************************/
.page-id-1994 .swell-block-fullWide.lp-diagnosis {
  position: relative;
  overflow: hidden;
}
/* サービス料金ラベル */
#body_wrap.page-id-1994  #content .post_content h2.lp-label {
  display: flex; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  width: fit-content;
  gap: 8px;
  background: rgba(8, 47, 42, 1);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 10px 18px;
  border-radius: 999px;
}
.page-id-1994 #main_content .post_content h2.lp-label::after {
  display: none;
}
/* プラン料金 */
.page-id-1994 p.price-title {
  font-size: 32px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 27px;
  padding-bottom: 50px;
  border-bottom: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}
/* プラン価格テキスト */
.page-id-1994 .swell-block-fullWide.lp-diagnosis .price-num-text {
  color: #082F2A;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 25px;
}
/* プラン価格注記 */
.page-id-1994 .swell-block-fullWide.lp-diagnosis .price-note {
  font-size: 16px;
  color: rgba(8,47,42,0.8);
  letter-spacing: 0.08em;
  font-weight: 300;
  text-align: center;
  border-bottom: 0.5px solid #C9A24D;
  padding-bottom: 30px;
}
/* サポート料金 */
.page-id-1994 p.price-subtitle {
  font-size: 26px;
  font-weight: 900;
  color: #082F2A;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 27px;
  padding-bottom: 40px;
  border-bottom: none;
  margin-top: 55px;
  margin-bottom: 0;
  display: block;
  position: relative;
}
/* サポート価格テキスト */
.page-id-1994 .swell-block-fullWide.lp-diagnosis .price-num-text2 {
  color: #082F2A;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 25px;
}
/* サポート価格注記 */
.page-id-1994 .swell-block-fullWide.lp-diagnosis .price-num-text2-rd {
  font-size: 16px;
  color: rgba(8,47,42,0.8);
  letter-spacing: 0.08em;
  font-weight: 300;
  text-align: center;
  padding-bottom: 5px;
}
/* プラン価格注記２ */
.page-id-1994 .swell-block-fullWide.lp-diagnosis .price-note2 {
  font-size: 16px;
  color: rgba(8,47,42,0.8);
  letter-spacing: 0.08em;
  font-weight: 300;
  text-align: center;
  border-bottom: 2px solid #F3F4F2;
  padding-bottom: 30px;
}
/* カード */
.page-id-1994 .swell-block-column.lp-diagnosis__card {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: row; /* 横並びに変更 */
  align-items: center; /* 縦中央揃え */
  gap: 16px; /* アイコンとテキストの間隔 */
}
/* 装飾円 */
.page-id-1994 .swell-block-column.lp-diagnosis__card::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 
    0 0 0 15px rgba(255, 255, 255, 0.02),
    0 0 0 30px rgba(255, 255, 255, 0.02);
  pointer-events: none;
}
/* アイコンボックス */
.page-id-1994 .swell-block-column.lp-diagnosis__card .report-icon {
  width: 48px;
  height: 48px;
  min-width: 48px; /* 縮まないように */
  background: rgba(201, 162, 77, 0.2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0 !important;
}
.page-id-1994 .swell-block-column.lp-diagnosis__card .report-icon img {
  width: 24px;
  height: 24px;
  filter: sepia(100%) saturate(300%) hue-rotate(10deg);
}
/* テキスト */
.page-id-1994 .swell-block-column.lp-diagnosis__card p {
  color: #082F2A;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  z-index: 2;
}
/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア内製化（ID：1994）タブレット表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 959px) {
/********************************
 * メインセクション
*********************************/
  /* メインタイトル */
  .page-id-1994 #main_content .post_content .swell-block-fullWide.main-container p.mv-title {
    font-size: 18px;
  }

  /* H２見出し */
  .page-id-1994 #main_content .post_content h2.not-title {
  padding-bottom: 0;
  }
  .page-id-1994 #main_content .post_content .swell-block-fullWide.main-container p.mv-subtitle {
    font-size: 28px;
  }
/*********************************
 * こんな状態になっていませんか？セクション
**********************************/
  .page-id-1994 #content .problem-list.is-style-none {
  padding: 0 50px;
  }
  .page-id-1994 #content .problem-list.is-style-none li {
  padding: 28px 80px;
  }
  .page-id-1994 .post_content div[class*="cause-card"] p.cause-title {
  font-size: 16px;
  }
/*********************************
 * 6ヶ月でオウンドメディアを「業務」として内製化できますセクション
**********************************/
  .page-id-1994 .phase-list::before {
    left: 12px;
  } 
  .page-id-1994 .phase-item::before {
    left: -29px;
    top: 34px;
  }
}





/**********************************************************************************************
 * 
 * 
 * 
 * オウンドメディア内製化（ID：1994）スマホ表示
 * 
 * 
 * 
**********************************************************************************************/
@media screen and (max-width: 599px) {
/*******************************
 * 共通設定
********************************/
/* H２見出し */
  .page-id-1994 #main_content .post_content h2 {
    font-size: 20px;
    text-align: start;
    padding-bottom: 15px;

  }
.page-id-1994 #main_content .post_content h2::after {
  content: '';
  display: block;
  width: 8%;
  height: 3px;
  background: #C9A24D;
  margin: 20px 0;
  }
/*******************************
 * メインセクション
********************************/
/* h1見出し */
  .page-id-1994 #main_content .post_content .swell-block-fullWide.main-container h1{
  font-size: 15px;
  text-align: center;
  margin-top: 15px !important; 
  }

/* メインタイトル */
  .page-id-1994 #main_content .post_content .swell-block-fullWide.main-container p.mv-title {
  display: table;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  line-height: 1.7;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #C9A24D;
  background-color: #C9A24D;
  border-radius: 6px;
  margin: 0 auto 15px;
}
/* メインサブタイトル */
  .page-id-1994 #main_content .post_content .swell-block-fullWide.main-container p.mv-subtitle {
  font-size: 24px;
  text-align: center;
  }

  .page-id-1994 .swell-block-fullWide.main-container .swell-block-column.maincolum-right {
    order: -1;
  }
/*******************************
 * こんな状態になっていませんか？セクション
********************************/
  .page-id-1994 #content .problem-list.is-style-none {
  padding: 0 12px;
  }
  .page-id-1994 #content .problem-list.is-style-none li {
  padding: 10px;
  font-size: 15px;
}
  .page-id-1994 #content .problem-list.is-style-none li:first-child {
    display: block;
    position: relative;
    padding-left: 55px;
  }
  
  .page-id-1994 #content .problem-list.is-style-none li:first-child::before {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
.page-id-1994 #content .problem-list.is-style-none li::before {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
/*******************************
 * 6ヶ月でオウンドメディアを「業務」として内製化できますセクション
********************************/
  .page-id-1994 .phase-list::before,
  .page-id-1994 .phase-item::before {
    display: none;
  }
  .page-id-1994 .phase-label {
    font-size: 17px;
  }
  .page-id-1994 .phase-cards .swell-block-column {
    margin: 0 20px;
  }
  .page-id-1994 .swell-block-columns.phase-cards .swell-block-columns__inner {
    margin-left: 0 !important;
  }
  .page-id-1994 .phase-cards  .phase-cards-title {
    font-size: 16px;
  }
  #body_wrap.page-id-1994 #content .post_content h3.phase-sub-title {
  font-size: 20px;
}
/*******************************
 * 6ヶ月後、以下の体制を作れますセクション
********************************/
.page-id-1994 .swell-block-fullWide.feature-section .swell-block-columns__inner{
  display: block;
  }
  .page-id-1994 .swell-block-fullWide.feature-section .swell-block-column.feature-card {
    margin-bottom: 30px;
  }
/*******************************
 * サービス料金セクション
********************************/
  #body_wrap.page-id-1994  #content .post_content h2.lp-label {
    margin-left: 0;
    font-size: 14px;
  }
  .page-id-1994 p.price-title {
    font-size: 25px;
    text-align: start;
    padding-bottom: 30px;
  }
  .page-id-1994 .swell-block-fullWide.lp-diagnosis .price-num-text {
  font-size: 30px;
  text-align: start;
  }
  .page-id-1994 .swell-block-fullWide.lp-diagnosis .price-note {
    font-size: 16px;
    text-align: start;
  }
  .page-id-1994 p.price-subtitle {
    font-size: 22px;
    text-align: start;
    padding-bottom: 20px;
  }
  .page-id-1994 .swell-block-fullWide.lp-diagnosis .price-num-text2 {
    font-size: 25px;
    text-align: start;
  }
  .page-id-1994 .swell-block-fullWide.lp-diagnosis .price-num-text2-rd {
    font-size: 14.25px;
    text-align: start;
  }
  .page-id-1994 .swell-block-fullWide.lp-diagnosis .price-note2 {
    font-size: 14.25px;
    text-align: start;
    padding-bottom: 10px;
  }
  .page-id-1994 .swell-block-column.lp-diagnosis__card {
    padding: 15px;
  }
  .page-id-1994 .swell-block-column.lp-diagnosis__card p {
  font-size: 14.25px;
  }
 .page-id-1994 .post_content div[class*="cause-card"] p.cause-body {
	 font-size: 14.25px;align-content
	}
/*******************************
 * このサービスで「やらないこと」セクション
********************************/
.page-id-1994 p.cause-rd {
  text-align: start;
  }
}




/**********************************************************************************************
 * 
 * 
 * 
 * SEOコンサルティング（ID：4280）PC表示
 * 
 * 
 * 
**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-4280 #content.l-content {
    padding-top: 0;
}

/**************************************************
 * メインビジュアル PC
**************************************************/

/* タイトル */
.page-id-4280 #main_content .post_content .mv-title {
    font-size: 33px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
}

/**************************************************
 * メインビジュアル SP
**************************************************/

/* タイトル SP */
.page-id-4280 #main_content .post_content .mv-title-sp {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
}

/**************************************************
 * H1・H2・H3見出し
**************************************************/

/* H1 */
.page-id-4280 #main_content .post_content h1 {
    font-size: 18px;
    font-weight: bold;
}

/* H2 */
.page-id-4280 #main_content .post_content h2 {
    font-size: 25px;
}

p.lard {
	text-align: center;
}
/**************************************************
 * お悩み
**************************************************/

/* カード外枠 */
.page-id-4280 .swell-block-columns__inner .worries-col {
    background: #F3F4F2;
    border: 0.5px solid #dddbd4;
    border-radius: 8px;
    padding: 30px 2px 40px !important;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* 下線グラデーション */
.page-id-4280 .swell-block-columns__inner .worries-col::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #b8972e, transparent);
}

/* イラスト 外枠 */
.page-id-4280 .worries-col .wp-block-image {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

/* イラスト 画像 */
.page-id-4280 .worries-col .wp-block-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
    box-sizing: border-box;
    border: 1px solid #dddbd4;
}

/* テキスト */
.page-id-4280 p.worries-text {
    font-size: 18px;
}

/**************************************************
 * サービスの特徴
**************************************************/

/* H2 左線を消す */
#body_wrap.page-id-4280 #content .post_content h2[class*="not-title"] {
    background: none;
    border: none;
    padding: 0;
}

/* H3 下線を消す */
#body_wrap.page-id-4280 #content .post_content h3[class*="features-sub-title"] {
    border-bottom: none;
    padding-bottom: 0;
}

/* 番号 */
.page-id-4280 #main_content .post_content p[class*="feature-nmb"] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25em;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* 番号 横線 */
.page-id-4280 #main_content .post_content p[class*="feature-nmb"]::after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 1px;
    background-color: #C9A24D;
    opacity: 0.5;
    vertical-align: middle;
    margin-left: 8px;
}

/**************************************************
 * コンサルティングの流れ
**************************************************/

/* H3 下線を消す */
#body_wrap.page-id-4280 #content .post_content h3[class*="phase-sub-title"] {
    border-bottom: none;
    padding-bottom: 0;
}

/* 見出しとリード文のグループ */
.page-id-4280 #main_content .post_content div[class*="flow-header"] {
    margin-bottom: 80px;
    padding-bottom: 72px;
    border-bottom: 1px solid rgba(8, 47, 42, 0.10);
}

/* phaseのグループ 縦線 */
.page-id-4280 #main_content .post_content div[class*="phase-list"]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(8, 47, 42, 0.12);
}

/* phaseの各グループ */
.page-id-4280 #main_content .post_content div[class*="phase-item"] {
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(8, 47, 42, 0.08);
}

/* phaseの各グループ ドット */
.page-id-4280 #main_content .post_content div[class*="phase-item"]::before {
    content: '';
    position: absolute;
    left: -53px;
    top: 26px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #C9A24D;
    box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.2);
}

/* phase 番号 */
.page-id-4280 #main_content .post_content p[class*="phase-label"] {
    font-size: 13px;
    font-weight: 700;
    color: #C9A24D;
    letter-spacing: 0.28em;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* phase 番号 横線 */
.page-id-4280 #main_content .post_content p[class*="phase-label"]::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #C9A24D;
    opacity: 0.45;
}

/* アイコンカード全体 */
.page-id-4280 .phase-cards {
    margin-top: 24px;
}

/* アイコンカード 各カラム */
.page-id-4280 .phase-cards .swell-block-column {
    background: #fff;
    border: 0.5px solid #C9A24D;
    border-radius: 8px;
    padding: 20px 16px 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* アイコン 外枠 */
.page-id-4280 .phase-cards .wp-block-image {
    display: flex;
    justify-content: center;
    margin: 0;
}

/* アイコン 画像 */
.page-id-4280 .phase-cards .wp-block-image img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 50%;
    background: #F3F4F2;
    padding: 12px;
    box-sizing: border-box;
}

/* アイコンカード テキスト */
.page-id-4280 .phase-cards .swell-block-column p {
    font-size: 16px;
    color: #082F2A;
    font-weight: bold;
    line-height: 1.6;
    margin: 0;
}

/**************************************************
 * 費用
**************************************************/

/* カラム全体 */
#body_wrap.page-id-4280 #main_content .price-columns .swell-block-column {
    background: var(--bg);
    padding: 0px 5px 0px;
    display: flex;
    flex-direction: column;
}

/* H3 装飾リセット */
#body_wrap.page-id-4280 #content #main_content .swell-block-columns h3::before {
    background: none;
    border: none;
    padding: 0;
}

/* 費用セクション 外枠 */
#body_wrap.page-id-4280 #content #main_content div[class*="price-columns"] {
    background: #F3F4F2;
    padding: 40px 20px 40px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* リスト */
#body_wrap.page-id-4280 #content #main_content .swell-block-columns .wp-block-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px;
}

/* 上部の線 */
.page-id-4280 .price-columns p.price {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: auto;
}

	p.price-lard {
		text-align: center;
	}
/**************************************************
 * 代表者挨拶セクション
**************************************************/
/* ===== リッチカラム全体 ===== */
.page-id-4280 .profile-rich-col-pc {
  align-items: center;
  gap: 48px;
  margin-left: auto;
  width: 90%;
}

/* ラベルタグ */
.page-id-4280 p.profile-label {
    font-size: 30px;
    font-weight: 600;
    color: #1a2e2a;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 16px;
}

/* H2 */
.page-id-4280 #main_content .post_content .swell-block-fullWide.profile-section h2 {
    display: flex;
    width: fit-content;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #b8972e;
    border: 0.5px solid #b8972e !important;
    padding: 4px 12px !important;
    margin-bottom: 20px;
}

/* H2 疑似要素非表示 */
.page-id-4280 #main_content .post_content .swell-block-fullWide.profile-section h2::after {
    display: none;
}

/* 区切り線 */
.page-id-4280 .profile-rich-col-pc .wp-block-separator {
    border: none;
    border-top: 1px solid #b8972e;
    width: 40px;
    margin: 0 0 20px 0;
}

/* 名前 */
.page-id-4280 .profile-section .profile-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a2e2a;
    margin-top: 16px;
}

/* 画像 外枠 */
.page-id-4280 .swell-block-fullWide.profile-section .swell-block-columns.profile-rich-col-pc .wp-block-image {
    width: 80%;
    margin: 0 auto 0 0;
}

/* 画像 */
.page-id-4280 .swell-block-fullWide.profile-section .swell-block-columns.profile-rich-col-pc .wp-block-image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
}
.swell-block-columns.profile-rich-col-sp {
   display: none;
}


/**********************************************************************************************



 * SEOコンサルティング（ID：4280）タブレット表示



**********************************************************************************************/
@media screen and (max-width: 959px) {

    /**************************************************
     * メインビジュアル
    **************************************************/

    /* タイトル */
    .page-id-4280 #main_content .post_content .mv-title {
        font-size: 29px;
    }

    /**************************************************
     * お悩み
    **************************************************/

    /* テキスト */
    .page-id-4280 p.worries-text {
        font-size: 14px;
    }

    /**************************************************
     * 費用
    **************************************************/

    /* H3 */
    #body_wrap.page-id-4280 #content .post_content .swell-block-column.price-columns h3 {
        padding: 0 0 10px 0;
        font-size: 17px;
    }

    /* リード文 */
    .page-id-4280 p.price-columns-lard {
        font-size: 16px;
    }

    /* リスト */
    .page-id-4280 .wp-block-list.price-columns-list {
        font-size: 14px;
    }
}



/**********************************************************************************************



 * SEOコンサルティング（ID：4280）スマホ表示



**********************************************************************************************/
@media screen and (max-width: 599px) {

    /**************************************************
     * H1見出し
    **************************************************/

    /* フォントサイズ・中央揃え */
    .page-id-4280 #main_content .post_content h1 {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    /**************************************************
     * お悩み
    **************************************************/

    /* カード外枠 */
    .page-id-4280 .swell-block-columns__inner .worries-col {
        background: #F3F4F2;
        border: 0.5px solid #dddbd4;
        border-radius: 8px;
        padding: 10px 2px 13px !important;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    /* 下線グラデーション */
    .page-id-4280 .swell-block-columns__inner .worries-col::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0; right: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, #b8972e, transparent);
    }

    /* イラスト 外枠 */
    .page-id-4280 .worries-col .wp-block-image {
        display: flex;
        justify-content: center;
        margin-bottom: 16px;
    }

    /* イラスト 画像 */
    .page-id-4280 .worries-col .wp-block-image img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border-radius: 50%;
        background: #fff;
        padding: 2px;
        box-sizing: border-box;
        border: 1px solid #dddbd4;
    }

    /**************************************************
     * メインビジュアル
    **************************************************/

    /* タイトル */
    .page-id-4280 #main_content .post_content .mv-title {
        font-size: 19px;
        text-align: center;
    }

    /**************************************************
     * H2見出し
    **************************************************/
    /* フォントサイズ */
    .page-id-4280 #main_content .post_content h2{
        font-size: 20px;
		text-align: start;
    }
    /* フォントサイズ */
    .page-id-4280 #main_content .post_content h2.is-style-section_ttl.seo{
        font-size: 20px;
		text-align: start;
    }
	p.lard {
	text-align: start;
    }
    /**************************************************
     * 代表者挨拶セクション
    **************************************************/

    /* ラベルタグ */
    .page-id-4280 p.profile-label {
        font-size: 25px;
    }

    /* 画像 */
    .page-id-4280 .profile-rich-col .wp-block-image img {
        max-width: 135%;
    }
	.page-id-4280 .profile-rich-col .wp-block-image img {
		max-width: 156%;
	}
	.swell-block-columns.profile-rich-col-pc {
		display: none;
	}
	.swell-block-columns.profile-rich-col-sp {
		display: block;
	}
    /**************************************************
     * 費用
    **************************************************/
		p.price-lard {
		text-align: start;
	}
	    .page-id-4280 p.price-columns-lard {
        font-size: 14.25px;
    }
}


/**********************************************************************************************



 * SEO記事制作代行（ID：1029）



**********************************************************************************************/
/* ID(#content)を組み込むことで、SWELLの標準スタイルと同等以上の優先順位にします */
#body_wrap.page-id-1029 #content .post_content .swell-block-step__item .swell-block-step__title {
    border-bottom: none;
    border-left: none;
    padding: 10px 0px;
}

/* 念のため、疑似要素による装飾も同じ強さのセレクタで非表示にします */
#body_wrap.page-id-1029 #content .post_content .swell-block-step__item .swell-block-step__title::before,
#body_wrap.page-id-1029 #content .post_content .swell-block-step__item .swell-block-step__title::after {
    content: none;
    display: none;
}


/**********************************************************************************************



 * 代表者プロフィール（ID：1459）



**********************************************************************************************/
#body_wrap.page-id-1459 #content .post_content h3 {
    padding: 10px 0 10px 25px;
}
/* --- 1. 全体のレイアウト（セレクタを長くして詳細度を上げる） --- */
#body_wrap.page-id-1459 #content .post_content .custom-banner-area.wp-block-columns {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    gap: 30px;
    align-items: center;
}

/* --- 2. バナー本体（白枠） --- */
#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text {
    background-color: #e7e8e6;
    position: relative;
    cursor: pointer;
    border: none;
    overflow: visible;
    border-radius: 16px;
    
    /* 余白と高さの調整 */
    padding-top: 0;
    padding-bottom: 0;
    min-height: 110px;
    
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 135px;
}

/* 外側の角を垂直にする（特定のカラムを指定して詳細度を確保） */
#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-column:first-child .wp-block-media-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-column:last-child .wp-block-media-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* --- 3. 画像の「はみ出し」設定 --- */
#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text__media {
    overflow: visible;
    display: flex;
    align-items: center;
}

#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text__media img {
    width: 100%; 
    height: auto;
    max-width: none;
    
    /* マイナスマージンで枠外へ */
    margin-top: -35px;
    margin-bottom: -35px;
    
    transform: scale(1.0); 
    z-index: 10;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));
}

/* --- 4. 文字の位置調整 --- */
#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text__content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* --- 5. ホバー・リンク設定 --- */
#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

#body_wrap.page-id-1459 .stretched-link a::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 20;
}

p.banner-title {
    font-size: 16px;
    text-align: start;
}

/* スマホ表示の設定 */
@media (max-width: 599px) {

#body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text__media img {
    width: 80%; 
    height: auto;
    padding-left: 58px;
    max-width: none;
    
    /* マイナスマージンで枠外へ */
    margin-top: -35px;
    margin-bottom: 10px;
    
    transform: scale(1.0); 
    z-index: 10;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));
}
    #body_wrap.page-id-1459 .l-mainContent .post_content .custom-banner-area {
        padding-top: 0px; /* 画像位置に合わせた上部余白 */
        padding-left: 0;
        padding-right: 0;
        border-radius: 16px;
        margin-bottom: 70px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #body_wrap.page-id-1459 #content .post_content .custom-banner-area .wp-block-media-text {
    height: auto;
    }

    /* 画像ブロックのサイズ固定 */
    #body_wrap.page-id-1459 .l-mainContent .post_content .custom-banner-area .wp-block-image {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        /* 幅を100pxに制限 */
        width: 120px;
        max-width: 90px;
        /* バナーの縁に引っ掛けるためのネガティブマージン */
        margin-top: -150px; 
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        z-index: 10;
    }

    /* 画像自体の表示設定 */
    #body_wrap.page-id-1459 .l-mainContent .post_content .custom-banner-area .wp-block-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* テキスト部分のセンタリング */
    #body_wrap.page-id-1459 .l-mainContent .post_content .custom-banner-area  > *:not(.wp-block-image) {
        text-align: center;
        width: 100%;
    }
    p.banner-title {
        text-align: center;
    }
}






/* h２見出しの装飾を非表示にする設定 */
#body_wrap.page-id-1459 .l-mainContent .post_content h2.wp-block-heading {
    background: none;      /* 背景色を消す */
    border: none;          /* 枠線を消す */
    margin-top: 40px;     
}

/* SWELLの見出し装飾（横線やドットなど）に使われる疑似要素を消す */
#body_wrap.page-id-1459 .l-mainContent .post_content h2.wp-block-heading::before,
#body_wrap.page-id-1459 .l-mainContent .post_content h2.wp-block-heading::after {
    content: none;         /* 装飾自体を消去 */
    display: none;
}




/**************************************************
 * プロフィール表のデザイン
**************************************************/
/* コンテンツのレイアウト */
#body_wrap.page-id-1459 .company-info-content {
    display: flex;
    gap: 20px;
    align-items: stretch; /* 高さを揃える */
}

/* 左側のテーブル：全体をコンパクトに */
#body_wrap.page-id-1459 .company-info-table {
    flex: 1.2; /* 表の幅を少し狭める */
    min-width: 0;
}

#body_wrap.page-id-1459 .company-info-table dl {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 8px 0; 
}

#body_wrap.page-id-1459 .company-info-table dt {
    width: 100px; /* 見出し幅を少し縮小 */
    font-weight: bold;
    color: #333;
    flex-shrink: 0;
    font-size: 16px; /* 文字を少し小さく */
    border-right: 1px solid rgba(8,47,42,0.2);
    padding-right: 16px;
    margin-right: 16px;
}

#body_wrap.page-id-1459 .company-info-table dd {
    margin: 0;
    line-height: 1.4; /* 行間を1.6→1.4に詰める */
    font-size: 15px; /* 文字を少し小さく */
    word-break: break-all;
}

/* 右側の画像エリア */
#body_wrap.page-id-1459 .company-info-image {
    flex: 1; 
    display: flex;
}

/* 画像自体の設定 */
#body_wrap.page-id-1459 .Representative-image img {
    width: 100%;
    height: 500%;
    object-fit: cover; 
    object-position: center top; /* 画像の上部を優先して表示（顔などが切れにくくなります） */
    border:0.2px solid black;
    border-radius: 8px;
    display: block;
    border:1px solid #C9A24D;
	/* --- ここから追加：画像をシャープにする設定 --- */
    image-rendering: -webkit-optimize-contrast; /* Chrome, Safari用 */
    image-rendering: crisp-edges;               /* Firefox用 */
}

/* 1. 表の行間をさらに詰め、全体の高さを下げる */
#body_wrap.page-id-1459 #main_content .company-info-table dl {
    padding: 8px 0 !important; 
}

/* 2. 画像の最大高さを制限し、ボックスが伸びすぎるのを防ぐ */
#body_wrap.page-id-1459 #main_content .Representative-image img {
    max-height: 285px; /* ここで画像（＝ボックス）の高さを直接制限 */
    object-fit: cover;
}

/* 3. 見出し(h2)の「上の余白」が標準で広いため、これを上書き */
#body_wrap.page-id-1459 .single-post #main_content .post_content h2.wp-block-heading {
    margin-top: 0 !important; /* 見出しの上の余白を消去 */
    padding-top: 0 !important;
}

/* スマホ表示 */
@media (max-width: 599px) {
    #body_wrap.page-id-1459 .company-info-content {
        flex-direction: column-reverse;
    }
#body_wrap.page-id-1459 #main_content .Representative-image img {
    max-height:100%;
  }
}


/**********************************************************************************************



 * WEB集客診断（ID：6812）PC表示



**********************************************************************************************/

/**************************************************
 * メインビジュアル上部の余白を消す
**************************************************/
#body_wrap.page-id-6812 #content.l-content {
    padding-top: 0;
}

/**************************************************
 * 見出しの装飾を消す
**************************************************/

/* h2見出し */
.page-id-6812 #content .post_content h2 {
    border-left: none;
    padding: 18px 0 5px;
}

/* h3見出し */
#body_wrap.page-id-6812 #content .post_content h3 {
    border-bottom: none;
}

#body_wrap.page-id-6812 #content .post_content h3::before {
    content: none;
}

/* h4見出し */
.page-id-6812 .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-left: none;
}

/**************************************************
 * 共通設定
**************************************************/

/* 見出しのラベル */
.page-id-6812 p.diagnosis-label {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
    background: rgba(8, 47, 42, 0.08);
    color: var(--lp-green);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 6px 18px;
    border-radius: 999px;
}

/* h2見出し */
.page-id-6812 #main_content .post_content h2 {
    font-size: 32px;
    font-weight: 900;
    color: #082F2A;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 27px;
}

/* 見出し直下のリード文を中央配置 */
.page-id-6812 p.rd-text {
    text-align: center;
}

/* リード文の下線 */
.page-id-6812 p.lead-underline {
    padding-bottom: 32px;
    border-bottom: none;
    margin-bottom: 0;
    display: block;
    position: relative;
}

.page-id-6812 p.lead-underline::after {
    content: '';
    display: block;
    width: 5%;
    height: 3px;
    background: #C9A24D;
    margin: 30px auto 0;
}

/**************************************************
 * メインビジュアル
**************************************************/

/* カラム中央揃え */
.page-id-6812 #content .swell-block-fullWide.main-container .swell-block-columns__inner {
    align-items: center;
}

/* 左列 */
.page-id-6812 .swell-block-column.hero-wrapper-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 背景 */
.page-id-6812 #content div.swell-block-fullWide.main-container {
    background-color: #F3F4F2;
    background-image:
        radial-gradient(rgba(201, 162, 77, 0.2) 1px, transparent 1px),
        radial-gradient(circle at 90% 90%, rgba(8, 47, 42, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 10% 20%, rgba(201, 162, 77, 0.07) 0%, transparent 55%);
    background-size: 24px 24px, 100% 100%, 100% 100%;
    background-position: 85% 15%, 0 0, 0 0;
    background-repeat: repeat, no-repeat, no-repeat;
    position: relative;
    z-index: 1;
    overflow: visible;
    padding-top: 100px;
    padding-bottom: 120px;
}

/* 左側の板状シェイプ */
.page-id-6812 #content div.swell-block-fullWide.main-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5%;
    width: 250px;
    height: 250px;
    background-color: #082F2A;
    opacity: 0.06;
    transform: rotate(25deg) skew(10deg);
    z-index: 0;
    pointer-events: none;
}

/* 右側の板状シェイプ */
.page-id-6812 #content div.swell-block-fullWide.main-container::after {
    content: "";
    position: absolute;
    top: 65%;
    right: 5%;
    width: 200px;
    height: 300px;
    background: linear-gradient(135deg, rgba(201, 162, 77, 0.15) 0%, rgba(166, 133, 55, 0.05) 100%);
    transform: rotate(-15deg);
    z-index: 0;
    pointer-events: none;
}

/* ヒーローラッパー */
.page-id-6812 #content .hero-wrapper {
    margin-bottom: 250px;
}

/* ゴールドの光輪 */
.page-id-6812 #content .hero-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(201, 162, 77, 0.12) 0%, transparent 70%);
    z-index: -1;
    pointer-events: none;
    display: block;
}

/* H1 */
.page-id-6812 #content div.swell-block-fullWide.main-container h1 {
    font-size: 40px;
    font-weight: 900;
    color: #082F2A;
    line-height: 1.3;
    margin-bottom: 5px;
}

/* mvタイトル */
.page-id-6812 #content div.swell-block-fullWide.main-container p.mv-title {
    font-size: 18px;
    font-weight: 600;
    color: #082F2A;
    line-height: 1.7;
    margin: 0;
}

/* Aboutカード */
.page-id-6812 #content div.wp-block-group.lp-about-card-wrapper {
    background-color: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    border: 1px solid #C9A24D;
    position: relative;
    z-index: 10;
    padding: 40px 30px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -120px;
}

/* 右列 */
.page-id-6812 #content .hero-wrapper-right img {
    width: 120%;
    height: auto;
    border-radius: 16px;
    max-width: 150%;
}

/**************************************************
 * 「お問合せが発生しない原因」の設定
**************************************************/

/* セクション全体 */
.page-id-6812 .swell-block-fullWide.problem {
    position: relative;
    overflow: hidden;
}

/* カード */
.page-id-6812 .swell-block-column.problem__card {
    background: #fff;
    border-radius: 20px;
    padding: 55px 28px 28px;
    box-shadow: 0 4px 24px rgba(8,47,42,0.08);
    border: 1px solid #E5E7E3;
    position: relative;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.page-id-6812 .swell-block-column.problem__card:hover {
    box-shadow: 0 8px 40px rgba(8,47,42,0.14);
    border-color: rgba(201,162,77,0.3);
}

/* カード番号 */
.page-id-6812 .swell-block-column.problem__card p.problem-num {
    position: absolute;
    top: -40px;
    left: 20px;
    font-size: 50px;
    font-weight: 700;
    color: #c9a24d;
    z-index: 1;
}

/* CAUSEラベル */
.page-id-6812 .swell-block-column.problem__card p.cause-label {
    position: absolute;
    top: 2px;
    left: 84px;
    font-size: 15px;
    font-weight: 700;
    color: #c9a24d;
    letter-spacing: 0.1em;
    z-index: 2;
}

/* カード本文 */
.page-id-6812 .swell-block-column.problem__card p {
    font-size: 16px;
    color: var(--lp-text);
    line-height: 1.8;
    margin-bottom: 40px !important;
}

/* カード左グループ */
.page-id-6812 .swell-block-column.problem__card .wp-block-group.problem__card-left > .wp-block-group__inner-container {
    position: relative;
    padding: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

/* カード h3 */
#body_wrap.page-id-6812 #content .post_content h3.problem-title {
    font-size: 20px;
    font-weight: 800;
    color: #082F2A;
    line-height: 1.5;
    padding-left: 5px;
    margin-bottom: 12px;
    margin-top: 0;
}

/* アイコンボックス */
.page-id-6812 .swell-block-column.problem__card .wp-block-group.problem__card-left .wp-block-image.problem-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: rgba(201, 162, 77, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
}

/* アイコン画像 */
.page-id-6812 .wp-block-group.problem__card-left .problem-icon img {
    width: 40px;
    height: 40px;
    filter: sepia(100%) saturate(300%) hue-rotate(10deg);
}

/* 実施内容ラベル */
.page-id-6812 .swell-block-column.problem__card .problem-subtitle {
    font-size: 16px;
    font-weight: 800;
    color: #C9A24D;
    letter-spacing: 0.1em;
    padding-bottom: 6px;
    border-bottom: 0.5px solid #C8CAC4;
}

/* 実施内容リスト */
.page-id-6812 .swell-block-column.problem__card .problem-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-id-6812 .swell-block-column.problem__card .problem-list li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    padding: 0 0 6px 12px;
    position: relative;
}

.page-id-6812 .swell-block-column.problem__card .problem-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 2px;
    background: #C9A24D;
}

/**************************************************
 * 「原因解消のためのアクション」の設定
**************************************************/

/* セクション背景・文字色 */
.page-id-6812 .swell-block-fullWide.Solution {
    background-color: #082F2A !important;
}

.page-id-6812 .swell-block-fullWide.Solution p {
    color: #fff;
}

/* 見出しのラベル part2 */
.page-id-6812 p.diagnosis-label.part2 {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
    background: #F3F4F2;
    color: #082F2A;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 6px 18px;
    border-radius: 999px;
}

/* Smart Slider 3 */
.page-id-6812 .wp-block-group.report__sample .n2-section-smartslider {
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.page-id-6812 .wp-block-group.report__sample .n2-section-smartslider img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.page-id-6812 .wp-block-group.report__sample .n2-ss-align {
    max-width: 100%;
    width: 100%;
}

.page-id-6812 .wp-block-group.report__sample .n2-ss-slider-wrapper-inside {
    width: 100%;
}

.page-id-6812 .wp-block-group.report__sample .n2-ss-slider {
    width: 125%;
}

.page-id-6812 .wp-block-group.report__sample .n2-ss-slide-limiter {
    max-width: 100%;
    width: 100%;
}

/**************************************************
 * 「WEB集客診断の流れ」の設定
**************************************************/

/* flow-row2 縦並び */
.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.flow-grid.flow-row2 .swell-block-columns__inner {
    align-items: stretch !important;
}

.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.flow-grid.flow-row2 .swell-block-column {
    display: flex;
    flex-direction: column;
}

.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.flow-grid.flow-row2 .swell-block-column .wp-block-group.flow-card {
    flex: 1;
    height: 100%;
}

/* flow-row1 */
.page-id-6812 .swell-block-fullWide.flow .flow-row1 {
    margin-bottom: 35px;
    height: auto;
}

/* カード内padding */
.page-id-6812 .swell-block-fullWide.flow .flow-card > .wp-block-group__inner-container,
.page-id-6812 .swell-block-fullWide.flow .flow-card > .is-layout-constrained {
    padding: 20px 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* カード */
.page-id-6812 .swell-block-column.lp-flow__card {
    background-color: #F3F4F2;
    border-radius: 20px;
    padding: 32px 28px;
    box-shadow: 0 4px 20px rgba(8,47,42,0.08);
    border: 1px solid var(--lp-border);
    transition: box-shadow 0.3s, border-color 0.3s;
    position: relative;
    z-index: 1;
    height: auto;
}

.page-id-6812 .swell-block-column.lp-flow__card:hover {
    box-shadow: 0 8px 32px rgba(8,47,42,0.12);
    border-color: rgba(201,162,77,0.3);
}

/* flow item 親要素 */
.page-id-6812 .swell-block-fullWide.lp-flow .swell-block-columns.lp-flow__item {
    position: relative;
}

/* ステップヘッダー */
.page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .swell-block-columns__inner {
    align-items: center;
    gap: 12px;
}

.page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .wp-block-image {
    margin: 0;
}

.page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .wp-block-image img {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    display: block;
}

/* STEP番号 */
.page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .swell-block-column p {
    font-size: 15px;
    font-weight: 800;
    color: #C9A24D;
    line-height: 1;
}

.page-id-6812 .swell-block-column.lp-flow__card p.lp-flow__step {
    font-size: 16px;
    font-weight: 700;
    color: #C9A24D;
    margin-bottom: 8px;
}

/* アイコン */
.page-id-6812 .swell-block-column.lp-flow__card .lp-flow__icon {
    width: 55px;
    height: 55px;
    background: #082F2A;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

/* 本文 */
.page-id-6812 .swell-block-column.lp-flow__card p {
    font-size: 16px;
    line-height: 1.8;
}

/* カードタイトル */
.page-id-6812 .swell-block-column p.lp-flow__card-title {
    font-size: 18px;
    font-weight: 800;
    color: #082F2A;
    margin-bottom: 12px;
}

/* 繋ぎ線 item1 */
.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.lp-flow__item1 {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.lp-flow__item1::before {
    content: '';
    position: absolute;
    top: 142px;
    left: 15%;
    right: 15%;
    height: 3px;
    background: #C9A24D;
    pointer-events: none;
    z-index: 0;
}

/* 繋ぎ線 item2 */
.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.lp-flow__item2 {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.lp-flow__item2::before {
    content: '';
    position: absolute;
    top: 142px;
    left: 15%;
    right: 15%;
    height: 3px;
    background: #C9A24D;
    pointer-events: none;
    z-index: 0;
}

/* flow-row2 中央揃え */
.page-id-6812 .swell-block-fullWide.flow .swell-block-columns.lp-flow__item2.flow-row2 .swell-block-columns__inner {
    justify-content: center;
}

/* step-grid */
.page-id-6812 .lp-flow__item2 .step-grid > .swell-block-columns__inner {
    justify-content: flex-start !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.page-id-6812 .lp-flow__item2 .step-grid .swell-block-column {
    flex: 0 0 auto !important;
}

/**************************************************
 * 「サービス費用」の設定
**************************************************/

/* 価格テキスト */
.page-id-6812 .swell-block-fullWide.price .price-num-text {
    color: #082F2A;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 17px;
}

/* 価格注記 */
.page-id-6812 .swell-block-fullWide.price .price-note {
    font-size: 16px;
    color: rgba(8,47,42,0.8);
    letter-spacing: 0.08em;
    font-weight: 300;
    text-align: center;
}

/**************************************************
 * 「担当するコンサルタント」の設定
**************************************************/

/* リッチカラム */
.page-id-6812 .swell-block-fullWide.consultant .swell-block-columns.consultant__card {
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(8,47,42,0.1);
    border: 1px solid #E5E7E3;
}

.page-id-6812 .swell-block-fullWide.consultant .swell-block-columns__inner {
    gap: 0 !important;
    align-items: stretch;
}

/* カラム比率 */
.page-id-6812 .swell-block-fullWide.consultant .swell-block-column.consultant__profile {
    flex: 0 0 35%;
    max-width: 35%;
}

.page-id-6812 .swell-block-fullWide.consultant .swell-block-column.consultant__content {
    flex: 0 0 60%;
    max-width: 65%;
}

/* 左列：プロフィール */
.page-id-6812 .swell-block-column.consultant__profile {
    background: #082F2A;
    padding: 48px 30px;
}

/* 左カラム 画像 */
.page-id-6812 .swell-block-column.consultant__profile .wp-block-image {
    text-align: center;
    margin-left: 0;
}

.page-id-6812 .swell-block-column.consultant__profile .wp-block-image img {
    display: block;
}

.page-id-6812 .swell-block-column.consultant__profile img {
    border-radius: 20px;
    object-fit: cover;
}

/* 右カラム */
.page-id-6812 .swell-block-column.consultant__content {
    padding: 48px 10px;
}

/* 名前 */
.page-id-6812 .swell-block-column .consultant__profile-tilte {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 4px;
}

/* 肩書き */
.page-id-6812 .swell-block-column.consultant__profile p.consultant__role {
    color: #C9A24D;
    font-size: 14px;
    font-weight: 600;
}

/* 右列コンテンツ */
.page-id-6812 .swell-block-column.consultant__content p {
    font-size: 16px;
    color: #4A5A56;
    line-height: 1.9;
    margin-bottom: 16px;
}

/* ハイライトボックス */
.page-id-6812 .swell-block-column.consultant__content .consultant__highlight {
    background: #F3F4F2;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 20px;
}

.page-id-6812 .swell-block-column.consultant__content .consultant__highlight p {
    color: #082F2A;
    font-weight: 600;
    margin-bottom: 8px;
}

/**************************************************
 * 「WEB集客診断のお申込み」の設定
**************************************************/

/* フォームラッパー */
.page-id-6812 .swell-block-fullWide.form .wp-block-group.form__wrap {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    max-width: 880px;
    margin: 40px auto 0;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

/* フォームヘッダー */
.page-id-6812 .swell-block-fullWide.form .form__header {
    background: linear-gradient(to right, #082F2A, #0A3D36);
    padding: 20px 32px;
}

.page-id-6812 .swell-block-fullWide.form .form__header p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

/* Contact Form 7 */
.page-id-6812 .swell-block-fullWide.form .wpcf7 {
    padding: 32px;
    background: #fff;
}

.page-id-6812 #content .form table,
.page-id-6812 #content .form th,
.page-id-6812 #content .form td,
.page-id-6812 #content .form tr {
    border: none;
    border-style: none;
    background-color: transparent;
}

.page-id-6812 #content .form table,
.page-id-6812 #content .form tbody,
.page-id-6812 #content .form tr,
.page-id-6812 #content .form th,
.page-id-6812 #content .form td {
    display: block;
    width: 100%;
    border: none;
}

/* 項目名 th */
.page-id-6812 #content .form th {
    display: block;
    width: 100%;
    padding-bottom: 8px;
    text-align: left;
    font-weight: bold;
    font-size: 0.95rem;
    min-width: 120px;
    padding-right: 20px;
    vertical-align: middle;
}

/* 入力フィールド td */
.page-id-6812 #content .form td {
    padding-bottom: 24px;
}

/* 入力フィールド幅 */
.page-id-6812 #content .form .wpcf7-form-control {
    width: 100%;
    box-sizing: border-box;
}

/* 必須・任意 非表示 */
.page-id-6812 #content .form span.CF7_req,
.page-id-6812 #content .form span.CF7_unreq {
    display: none;
}

/* ラベル */
.page-id-6812 .swell-block-fullWide.form .wp-block-contact-form-7-contact-form-selector .CF7_table p {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #082F2A;
    margin-bottom: -5px;
}

/* 必須マーク */
.page-id-6812 #content .swell-block-fullWide.form .CF7_table th p::after {
    content: "*";
    color: #e53e3e;
    margin-left: 1px;
    font-weight: bold;
    font-size: 1.1rem;
}

/* 備考欄 */
.page-id-6812 #content .form__row--message td {
    padding-top: 10px;
}

/* 最後の行の必須マーク非表示 */
.page-id-6812 #content .swell-block-fullWide.form .CF7_table tr:last-child th p::after {
    content: none !important;
}

.page-id-6812 .swell-block-fullWide.form .wpcf7 .wp-block-contact-form-7-contact-form-selector {
    display: block;
    margin-bottom: 10px;
}

/* 入力フィールド */
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="text"],
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="email"],
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="url"] {
    width: 100%;
    padding: 5px 13px;
    border: 1.5px solid #E5E7E3;
    border-radius: 12px;
    font-size: 15px;
    color: #082F2A;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    appearance: none;
}

/* テキストエリア */
.page-id-6812 .swell-block-fullWide.form .wpcf7 textarea {
    width: 100%;
    padding: 5px 13px;
    border: 1.5px solid #E5E7E3;
    border-radius: 12px;
    font-size: 15px;
    color: #082F2A;
    background: #fff;
    min-height: 140px;
    resize: vertical;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* フォーカス */
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="text"]:focus,
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="email"]:focus,
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="url"]:focus,
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="tel"]:focus,
.page-id-6812 .swell-block-fullWide.form .wpcf7 textarea:focus {
    outline: none;
    border-color: #C9A24D;
    box-shadow: 0 0 0 3px rgba(201,162,77,0.15);
}

/* プレースホルダー */
.page-id-6812 .swell-block-fullWide.form .wpcf7 input::placeholder,
.page-id-6812 .swell-block-fullWide.form .wpcf7 textarea::placeholder {
    color: #B0BAB8;
    font-size: 14px;
}

/* 送信ボタン */
.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="submit"] {
    width: 100%;
    background: #C9A24D;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 18px 40px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(201,162,77,0.4);
    transition: background 0.2s, transform 0.2s;
}

.page-id-6812 .swell-block-fullWide.form .wpcf7 input[type="submit"]:hover {
    background: #B8923F;
    transform: translateY(-2px);
}

/* 必須注記 */
.page-id-6812 .swell-block-fullWide.form .form__required-note p {
    font-size: 12px;
    color: #4A5A56;
    text-align: center;
    margin-top: 12px;
}

/* バリデーションエラー */
.page-id-6812 .swell-block-fullWide.form .wpcf7 .wpcf7-not-valid {
    border-color: #e53e3e;
    box-shadow: 0 0 0 3px rgba(229,62,62,0.1);
}


/**********************************************************************************************



 * WEB集客診断（ID：6812）タブレット表示



**********************************************************************************************/
@media screen and (max-width: 959px) {

    /* セクション padding */
    .page-id-6812 .swell-block-fullWide.main-container .swell-block-fullWide__inner,
    .page-id-6812 .swell-block-fullWide.problem .swell-block-fullWide__inner,
    .page-id-6812 .swell-block-fullWide.flow .swell-block-fullWide__inner,
    .page-id-6812 .swell-block-fullWide.price .swell-block-fullWide__inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* H2 */
    .page-id-6812 #main_content .post_content h2 {
        font-size: 25px;
    }

    /* STEP番号 */
    .page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .swell-block-column p {
        margin: 0 -15px 0;
    }

    /* 右列画像 */
    .page-id-6812 #content .hero-wrapper-right img {
        max-width: 100%;
    }

    /* カード padding */
    .page-id-6812 .swell-block-column.lp-flow__card {
        padding: 32px 10px;
    }

    /* ステップヘッダー gap */
    .page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .swell-block-columns__inner {
        gap: 40px;
    }

    /* Aboutカード */
    .page-id-6812 #content div.wp-block-group.lp-about-card-wrapper {
        margin-top: 0;
    }

    /* コンサルタント カラム比率 */
    .page-id-6812 .swell-block-fullWide.consultant .swell-block-column.consultant__profile {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .page-id-6812 .swell-block-fullWide.consultant .swell-block-column.consultant__content {
        flex: 0 0 60%;
        max-width: 65%;
    }
}


/**********************************************************************************************



 * WEB集客診断（ID：6812）スマホ表示



**********************************************************************************************/
@media screen and (max-width: 599px) {

    /* ラベル */
    .page-id-6812 p.diagnosis-label,
    .page-id-6812 p.diagnosis-label.part2 {
        margin-left: 0;
    }

    /* H2 */
    .page-id-6812 #main_content .post_content h2 {
        font-size: 22px;
        text-align: start;
    }

    /* リード文 */
    .page-id-6812 p.rd-text {
        text-align: start;
    }

    /* 肩書き */
    .page-id-6812 .swell-block-column.consultant__profile p.consultant__role {
        font-size: 13px;
    }

    /* 右カラム padding */
    .page-id-6812 .swell-block-column.consultant__content {
        padding: 48px 23px;
    }

    /* 右列を上に */
    .page-id-6812 #content .hero-wrapper-right {
        order: -1;
    }

    /* H1・mvタイトル 中央揃え */
    .page-id-6812 #content div.swell-block-fullWide.main-container h1,
    .page-id-6812 #content div.swell-block-fullWide.main-container p.mv-title {
        text-align: center;
    }

    /* 右列画像 */
    .page-id-6812 #content .hero-wrapper-right img {
        max-width: 100%;
    }

    /* FLOW 縦線 */
    .page-id-6812 .swell-block-fullWide.flow .swell-block-columns.lp-flow__item::before {
        top: 338px;
        bottom: 0;
        left: 50%;
        right: auto;
        width: 3px;
        height: 58%;
    }

    /* ステップヘッダー gap */
    .page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .swell-block-columns__inner {
        gap: 0;
    }

    /* STEP番号 */
    .page-id-6812 .swell-block-column.lp-flow__card .lp-step-header .swell-block-column p {
        margin: 0 -110px 0;
    }

    /* コンサルタント カラム比率 */
    .page-id-6812 .swell-block-fullWide.consultant .swell-block-column.consultant__profile {
        flex: none;
        max-width: 100%;
    }

    .page-id-6812 .swell-block-fullWide.consultant .swell-block-column.consultant__content {
        flex: none;
        max-width: 100%;
    }

    /* コンサルタント 画像 */
    .page-id-6812 .swell-block-column.consultant__profile figure.wp-block-image.size-large.is-resized img.wp-image-705.lazyloaded {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* FLOW カード */
    .page-id-6812 .swell-block-fullWide.flow .flow-row1 {
        margin-bottom: 0;
    }

    .page-id-6812 .swell-block-fullWide.flow .flow-grid .swell-block-column {
        width: 100%;
    }

    /* STEPラベル */
    .page-id-6812 .swell-block-fullWide.flow .flow-card .flow-step {
        font-size: 15px;
        margin-bottom: 8px;
    }

    /* カード説明文 */
    .page-id-6812 .swell-block-fullWide.flow .flow-card .flow-card-desc {
        font-size: 14px;
    }

    /* 価格テキスト */
    .page-id-6812 .swell-block-fullWide.price .price-num-text {
        text-align: start;
    }

    /* 価格注記 */
    .page-id-6812 .swell-block-fullWide.price .price-note {
        text-align: start;
    }
	/* Contact Form 7 */
    .page-id-6812 .swell-block-fullWide.form .wpcf7 {
       padding: 20px;
    }
	.page-id-6812 .swell-block-column.problem__card p,
	.page-id-6812 .swell-block-column.lp-flow__card p,
	.page-id-6812 .swell-block-fullWide.price .price-note,
	.page-id-6812 .swell-block-column.consultant__content p{
    font-size: 14.25px;
    }
	.page-id-6812 .swell-block-column.problem__card .problem-list li {
    font-size: 14.25px;
    }
}


/**********************************************************************************************



 * ホームページ無料集客診断のお申込みありがとうございます（ID：6978）



**********************************************************************************************/
.page-id-6978 .post_content h1 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.3;
  color: #082F2A;
  text-align: center;
}

.page-id-6978 .post_content p{
  text-align: center;
}

@media screen and (max-width: 599px) {
  .page-id-6978 .post_content h1 {
      text-align: start;
   }
  .page-id-6978 .post_content p{
  text-align: start;
   }
}


/**********************************************************************************************
 * 
 * 
 * 
 * サービス一覧ページ（ID：2298）
 * 
 * 
 * 
**********************************************************************************************/
/* ===== イントロラベル ===== */
.page-id-2298 .service-section .service-intro-label {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
.page-id-2298 .service-section .service-intro-label {
  font-size: 13px;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
  }
}

/* ===== リッチカラム ===== */
.page-id-2298 .swell-block-columns.service-grid .swell-block-columns__inner {
  gap: 20px;
  align-items: stretch;
}

.page-id-2298 .service-section .wp-block-group.service-intro {
  margin-bottom: 60px !important;
}


@media (min-width: 600px) {
  .page-id-2298 .swell-block-columns.service-grid .swell-block-columns__inner {
    flex-wrap: nowrap;
  }
}

/* ===== カードグリッドの幅 ===== */
.page-id-2298 .swell-block-columns.service-grid {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* スマホでカード幅を100%に・max-widthも解除 */
@media (max-width: 768px) {
  .page-id-2298 .swell-block-columns.service-grid {
    max-width: 100%;
  }
}

/* ===== 3カラムのservice-gridの幅を拡大 ===== */
.page-id-2298 .swell-block-columns.service-grid.service3 {
  max-width: 100%;
}

/* ===== サービスカード ===== */
.page-id-2298 .wp-block-group.service-card {
  background: #F3F4F2;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 20px;
}

.page-id-2298 .wp-block-group.service-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #b8972e, #d4b24a);
}

.page-id-2298 .wp-block-group.service-card > .wp-block-group__inner-container,
.page-id-2298 .wp-block-group.service-card > .is-layout-constrained {
  padding: 30px;
}

/* ===== SERVICE タグ ===== */
.page-id-2298 .wp-block-group.service-card p.service-tag {
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.15em;
  color: #b8972e;
  border: 0.5px solid #b8972e;
  padding: 3px 10px;
  margin-bottom: 12px;
  font-family: 'Cormorant Garamond', serif;
  background: none;
}

/* ===== h4見出し ===== */
.page-id-2298 .wp-block-group.service-card h4.wp-block-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
  border-left: none;
  background: none;
  padding-left: 0;
}

.page-id-2298 .wp-block-group.service-card h4.wp-block-heading::before {
  display: none;
}

/* ===== サブテキスト ===== */
.page-id-2298 .wp-block-group.service-card p.service-card-sub {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 16px;
}


/* ===== 画像 ===== */
.page-id-2298 .wp-block-group.service-card .wp-block-image img {
  width: 70%;
  margin: 0 auto;
  display: block;
  border-radius: 4px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* ===== ボタン ===== */
.page-id-2298 .wp-block-group.service-card .wp-block-button {
  margin-top: 20px;
}

.page-id-2298 .wp-block-group.service-card .wp-block-button__link {
  background: transparent;
  color: #1a2e2a;
  border: 0.5px solid #1a2e2a;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 12px 20px;
  width: 100%;
  text-align: center;
}