/* U-AND 新デザイン（Loska参考）：全ページ共通の見た目。本文のHTMLは変えず、外側と色・書体だけを替える */
:root{
  --u-green:#7cbd6b; --u-teal:#4f9a94; --u-blue:#276ea6; --u-blue-deep:#2860c4;
  --u-navy:#0e1a2b; --u-navy2:#142033; --u-ink:#1d2733; --u-muted:#5d6b7a; --u-line:#e3e9ef; --u-bg:#f6f9fb;
  --u-grad:linear-gradient(120deg,#7cbd6b 0%,#4f9a94 45%,#2860c4 100%);
  --u-grad-soft:linear-gradient(135deg,#eef7ea 0%,#e6f1f3 45%,#e3ebf8 100%);
  --color_main:#276ea6; --color_htag:#276ea6; --color_link:#276ea6; --color_text:#1d2733;
}
body{font-family:"Noto Sans JP",sans-serif!important;color:var(--u-ink)}
.u-wrap{width:min(1120px,100% - 40px);margin-inline:auto}

/* 上のメニュー（白い丸い帯） */
.u-header{position:fixed;top:14px;left:0;right:0;z-index:1000}
.u-header__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:999px;padding:10px 12px 10px 24px;box-shadow:0 6px 24px rgba(14,26,43,.08)}
.u-header__logo{display:block;height:34px;overflow:hidden}
.u-header__logo img{height:84px;width:auto;margin-top:-25px;max-width:none}
.u-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}
.u-nav a{color:var(--u-ink)!important;text-decoration:none!important}
.u-nav a:not(.u-btn){position:relative}
.u-nav a:not(.u-btn)::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--u-grad);transform:scaleX(0);transform-origin:left;transition:.3s}
.u-nav a:not(.u-btn):hover::after{transform:scaleX(1)}
.u-menu-btn{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}
.u-menu-btn span{display:block;height:2px;background:var(--u-ink);margin:7px 8px;border-radius:2px}
.u-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;border-radius:999px;padding:14px 28px;transition:.25s;white-space:nowrap;text-decoration:none!important}
.u-btn--primary{background:var(--u-blue);color:#fff!important;box-shadow:0 8px 20px rgba(39,110,166,.25)}
.u-btn--primary:hover{background:var(--u-blue-deep);transform:translateY(-2px)}
.u-btn--sm{padding:10px 20px;font-size:14px}
.u-btn--white{background:#fff;color:var(--u-blue)!important}
.u-btn--line{background:#06c755;color:#fff!important}

/* 元のヘッダーまわりは使わない */
#header,#fix_header,#sp_menu,.l-header,.l-fixHeader,.p-spMenu{display:none!important}

/* ページの題名の帯：写真の代わりに、紺〜青のグラデーション */
#top_title_area,.l-topTitleArea{background:radial-gradient(circle at 12% 20%,rgba(124,189,107,.28),transparent 40%),radial-gradient(circle at 88% 85%,rgba(40,96,196,.45),transparent 45%),linear-gradient(160deg,#0e1a2b,#142033 60%,#0d2947)!important;padding-top:110px!important;min-height:280px}
#top_title_area::before,#top_title_area .l-topTitleArea__img,.l-topTitleArea__img,.c-filterLayer::before,.c-filterLayer::after{display:none!important}
#top_title_area .c-pageTitle,.l-topTitleArea .c-pageTitle{color:#fff!important;font-weight:900!important;font-size:clamp(28px,4vw,42px)!important;letter-spacing:.02em}
.c-pageTitle__subTitle{color:#9fd18f!important}
/* 題名の帯が無いページ（記事など）は、上のメニューの分だけ下げる */
body:not(:has(#top_title_area)) #breadcrumb{padding-top:96px}
body:not(:has(#top_title_area)):not(:has(#breadcrumb)) #content{padding-top:110px}
#breadcrumb{background:var(--u-bg)!important;border:0!important}
#breadcrumb a,#breadcrumb span{color:var(--u-muted)!important}

/* 本文の見出し：青い帯の見出しをやめ、紺の太字＋緑〜青の短い線にそろえる（全ページ共通） */
.post_content h2:not(.uand-thx__title):not(.wp-block-post-title):not(.p-postList__title){background:none!important;color:var(--u-navy)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 .6em!important;font-weight:900!important;line-height:1.5!important;position:relative!important;letter-spacing:.02em}
.post_content h2:not(.uand-thx__title):not(.wp-block-post-title):not(.p-postList__title)::before{display:none!important}
.post_content h2:not(.uand-thx__title):not(.wp-block-post-title):not(.p-postList__title)::after{content:""!important;display:block!important;position:absolute!important;left:var(--u-bar-left,0)!important;right:auto!important;top:auto!important;bottom:0!important;width:56px!important;height:4px!important;border:0!important;border-radius:4px!important;background:var(--u-grad)!important;transform:var(--u-bar-tf,none)!important;opacity:1!important}
.post_content h2.has-text-align-center,.post_content h2.is-style-section_ttl,.post_content h2.uand-reasons-heading,.post_content [class*="has-text-align-center"] > h2{--u-bar-left:50%;--u-bar-tf:translateX(-50%)}
.post_content h3:not(.uand-icon-heading):not(.wp-block-post-title){color:var(--u-navy)!important;font-weight:900!important;background:none!important;box-shadow:none!important}
.post_content > h3,.uand-seo-article > h3,.post_content > div > h3:not([class]){border:0!important;border-left:5px solid transparent!important;border-image:linear-gradient(180deg,#7cbd6b,#2860c4) 1!important;padding:.15em 0 .15em .7em!important}
.post_content > h3::before,.post_content > h3::after,.uand-seo-article > h3::before,.uand-seo-article > h3::after{display:none!important}
/* 黒い帯は紺のグラデーションに。中の見出しは白のまま */
.post_content .has-black-background-color{background:radial-gradient(circle at 85% 90%,rgba(40,96,196,.4),transparent 45%),linear-gradient(160deg,#0e1a2b,#142033 60%,#0d2947)!important}
/* 元の本文にある暗い背景の枠（黒い帯・無料診断の上・事例のお問い合わせ・YouTube案内など）は、見出しを白・線を真ん中に。上の紺の指定より強くするため、同じ :not を重ねている */
.post_content :is(.has-white-color,.has-black-background-color,.uand-cta,.uand-diagnosis-hero,.uand-youtube-hub) h2:not(.uand-thx__title):not(.wp-block-post-title):not(.p-postList__title),
.post_content :is(.has-white-color,.has-black-background-color,.uand-cta,.uand-diagnosis-hero,.uand-youtube-hub) h3:not(.uand-icon-heading):not(.wp-block-post-title){color:#fff!important}
.post_content :is(.uand-cta,.uand-diagnosis-hero,.uand-youtube-hub,.has-black-background-color) h2{--u-bar-left:50%;--u-bar-tf:translateX(-50%)}
.c-postTitle__ttl{color:var(--u-navy)!important;font-weight:900!important}
.swell-block-button__link,.wp-block-button__link,.c-btn{border-radius:999px!important}
.p-postList__item .p-postList__link,.p-postList.-type-card .p-postList__link{border-radius:18px;overflow:hidden}
.p-postList.-type-card .p-postList__item .p-postList__link{background:#fff;box-shadow:0 6px 20px rgba(14,26,43,.06);transition:.3s}
.p-postList.-type-card .p-postList__item .p-postList__link:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(14,26,43,.1)}
.c-categoryList__link,.c-tagList__link{border-radius:999px!important}
.l-sidebar .c-widget__title,.c-secTitle{color:var(--u-navy)!important}
.l-sidebar .c-widget__title::before,.l-sidebar .c-widget__title::after{background:var(--u-grad)!important}
#pagetop{background:var(--u-blue)!important;color:#fff!important;border-radius:50%!important}

/* お問い合わせの帯（フッターの上） */
.u-contact{position:relative;background:var(--u-grad);color:#fff;overflow:hidden;padding:90px 0;margin-top:60px}
.u-contact::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.u-contact__inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.u-contact__label{font-size:12px;font-weight:700;letter-spacing:.18em}
.u-contact__en{font-size:clamp(48px,8vw,96px);font-weight:900;line-height:1;letter-spacing:.02em}
.u-contact p{margin-top:14px;max-width:520px;color:rgba(255,255,255,.92)}
.u-contact__btns{display:flex;flex-direction:column;gap:14px;min-width:280px}

/* フッター（紺） */
.u-footer{background:var(--u-navy);color:#c6d0dc;padding:60px 0 30px;font-size:14px}
.u-footer a{color:#c6d0dc!important;text-decoration:none!important}
.u-footer a:hover{color:#fff!important}
.u-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.u-footer__logo{display:inline-block;height:52px;overflow:hidden}
.u-footer__logo img{height:128px;width:auto;margin-top:-38px;max-width:none;filter:brightness(0) invert(1)}
.u-footer h5{font-size:12px;letter-spacing:.16em;color:#9fd18f;margin-bottom:10px}
.u-footer ul{list-style:none;padding:0;margin:0}
.u-footer li{margin:6px 0}
.u-footer__copy{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;text-align:center;color:#8a97a8}

.u-badge{position:fixed;left:12px;bottom:12px;z-index:1001;background:var(--u-navy);color:#fff;font-size:12px;padding:6px 12px;border-radius:999px;opacity:.85}

@media (max-width:900px){
  .u-nav{display:none}
  .u-nav.open{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:60px;left:20px;right:20px;background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 14px 30px rgba(14,26,43,.12)}
  .u-menu-btn{display:block}
  .u-header__bar{padding:8px 10px 8px 18px}
  .u-header__logo{height:26px}
  .u-header__logo img{height:62px;margin-top:-18px}
  #top_title_area,.l-topTitleArea{padding-top:90px!important;min-height:200px}
  body:not(:has(#top_title_area)) #breadcrumb{padding-top:80px}
  body:not(:has(#top_title_area)):not(:has(#breadcrumb)) #content{padding-top:90px}
  .u-footer__grid{grid-template-columns:1fr}
  .u-contact__btns{width:100%}
}

/* 元の本文で使っている金色の差し色を、ロゴの緑青に置き換える */
.post_content [class*="uand-"]{--gold:#4f9a94;--navy:#0e1a2b;--blue:#276ea6}
.post_content .uand-case-nav a{border-color:var(--u-teal)!important;color:var(--u-blue)!important;border-radius:999px!important;background:#fff!important}
.post_content .uand-case-nav a:hover{background:var(--u-blue)!important;color:#fff!important;border-color:var(--u-blue)!important}

/* お客様事例：Loskaの支援実績のようなカード（アイキャッチ・業種・お客様名・成果） */
.post_content .uand-case-grid{gap:28px!important}
.post_content .uand-case-card.u-work{border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 28px rgba(14,26,43,.08)!important;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.post_content .uand-case-card.u-work:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,26,43,.12)!important}
.post_content .u-work__eye{aspect-ratio:16/9;overflow:hidden;background:var(--u-bg)}
.post_content .u-work__eye img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;transition:transform .5s}
.post_content .u-work:hover .u-work__eye img{transform:scale(1.04)}
.post_content .u-work .uand-case-card__body{padding:20px 22px 24px!important}
.post_content .u-work .uand-case-card__tag{background:#eaf2f9!important;color:var(--u-blue)!important;border-radius:6px!important;font-size:12px!important;padding:4px 10px!important;margin-bottom:12px!important}
.post_content .u-work h3:not(.uand-icon-heading):not(.wp-block-post-title){font-size:14px!important;font-weight:700!important;color:var(--u-muted)!important;margin:0 0 6px!important;border:0!important;padding:0!important}
.post_content .u-work h3::before,.post_content .u-work h3::after{display:none!important}
.post_content .u-work strong{color:var(--u-navy)!important;font-size:18px!important;font-weight:900!important;line-height:1.6!important;margin-bottom:10px!important;padding-bottom:12px;border-bottom:1px solid var(--u-line)}
.post_content .u-work p{font-size:14px!important;color:var(--u-muted)!important;line-height:1.8!important}
@media (max-width:900px){.post_content .uand-case-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:600px){.post_content .uand-case-grid{grid-template-columns:1fr!important}}
/* 教科書のプレゼント（2〜3画面読んだら出す）2026-10-27 */
.u-pop{position:fixed;right:20px;bottom:20px;z-index:1002;width:300px;max-width:calc(100vw - 32px);background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(14,26,43,.25);padding:22px 22px 20px;text-align:center;transform:translateY(24px);opacity:0;transition:transform .3s,opacity .3s}
.u-pop.is-open{transform:none;opacity:1}
.u-pop__close{position:absolute;top:6px;right:8px;width:36px;height:36px;border:0;background:none;font-size:24px;line-height:1;color:#8a97a8;cursor:pointer}
.u-pop__label{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--u-grad);border-radius:999px;padding:3px 12px}
.u-pop__title{margin:10px 0 6px;font-size:20px;font-weight:900;color:var(--u-navy);line-height:1.4}
.u-pop__title small{font-size:13px;font-weight:700}
.u-pop__text{margin:0 0 14px;font-size:14px;line-height:1.7;color:#334}
.u-pop__btn{display:block;width:100%}
@media (max-width:600px){.u-pop{right:16px;left:16px;bottom:16px;width:auto;max-width:none}}
/* 段落を分けたら、間にすき間を空けて見た目でも区切る（記事の本文は段落の間が0だった）2026-10-27 */
.post_content p + p{margin-top:.9em}