@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
*/

/* ===== ゆるっとAI ブランドカラー（SWELL主要カラー上書き）===== */
body{
  --color_main:#1577be !important;
  --color_main_thin:#e9f2fb !important;
  --color_deep:#0f2a47 !important;
  --color_pale:#eef4fb !important;
}
.wp-block-button__link:hover,.swell-block-button a:hover{background-color:#0bb3d6 !important;border-color:#0bb3d6 !important;}

/* ===== 事業紹介ページ /consulting/ を全幅（サイドバー非表示）===== */
.page-id-6 .l-sidebar{display:none !important;}
.page-id-6 .l-mainContent{width:100% !important;max-width:100% !important;}
.page-id-6 .l-content.l-container{max-width:1180px !important;}

/* ===== SWELLの見出しデフォルト装飾を .kac 内で完全リセット（コントラスト不具合の根本対策）===== */
.kac h1,.kac h2,.kac h3,.kac h4{background:none !important;border:none !important;padding:0 !important;margin:0 !important;color:inherit;line-height:1.4;}
.kac h2::before,.kac h2::after,.kac h3::before,.kac h3::after{display:none !important;content:none !important;}

/* ===== 事業紹介ページ v2（モダン）===== */
.kac{--navy:#0f2a47;--navy2:#0b1f38;--blue:#1577be;--cyan:#0bb3d6;--cyan-br:#34d0ee;--ink:#1f2d3d;--muted:#5b6b7d;--line:#e6edf5;color:var(--ink);line-height:1.9;font-feature-settings:"palt";}
.kac *{box-sizing:border-box;}
.kac .kac-wrap{display:flex;flex-direction:column;gap:26px;}
.kac img{max-width:100%;height:auto;display:block;}
.kac p{margin:0;}

/* セクション共通 */
.kac .sec{border-radius:24px;padding:56px 44px;position:relative;overflow:hidden;}
.kac .sec-light{background:#f6f9fc;}
.kac .sec-white{background:#fff;border:1px solid var(--line);}
.kac .sec-dark{background:linear-gradient(160deg,#0f2a47,#0b1f38);color:#fff;}
.kac .eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--cyan);background:rgba(11,179,214,.12);border:1px solid rgba(11,179,214,.35);padding:7px 16px;border-radius:999px;margin-bottom:18px;}
.kac .sec-dark .eyebrow,.kac .why .eyebrow,.kac .cta .eyebrow{color:var(--cyan-br);}
.kac .h2{font-size:clamp(1.5rem,3.4vw,2.15rem);font-weight:900;letter-spacing:.01em;color:var(--navy);margin-bottom:14px !important;}
.kac .sec-dark .h2,.kac .why .h2,.kac .cta .h2{color:#fff;}
.kac .h2 .ac{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;}
.kac .lead{color:var(--muted);font-size:1.02rem;max-width:680px;}
.kac .sec-dark .lead,.kac .why .lead,.kac .cta .lead{color:#c8d8ea;}

/* ヒーロー */
.kac .hero{min-height:460px;display:flex;align-items:center;padding:60px 48px;border-radius:24px;color:#fff;background:linear-gradient(105deg,rgba(11,31,56,.96) 0%,rgba(15,42,71,.86) 42%,rgba(15,42,71,.42) 72%,rgba(15,42,71,.2) 100%),url('https://ai.iroirorakko.com/wp-content/uploads/site/grok_hero.png');background-size:cover;background-position:center right;}
.kac .hero-inner{max-width:620px;}
.kac .hero h1{font-size:clamp(1.8rem,4.4vw,2.8rem);font-weight:900;color:#fff;margin-bottom:20px !important;}
.kac .hero h1 .ac{background:linear-gradient(90deg,#34d0ee,#0bb3d6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.kac .hero p{color:#d6e3f2;font-size:1.05rem;margin-bottom:26px;}
.kac .btn{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:1rem;padding:15px 30px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;}
.kac .btn-primary{background:linear-gradient(135deg,#1577be,#0bb3d6);color:#fff !important;box-shadow:0 12px 30px rgba(11,179,214,.4);}
.kac .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(11,179,214,.5);}
.kac .hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;list-style:none;padding:0;}
.kac .hero-trust li{color:#bcd2ea;font-size:.9rem;font-weight:600;position:relative;padding-left:22px;}
.kac .hero-trust li::before{content:"✓";position:absolute;left:0;color:var(--cyan-br);font-weight:900;}

/* お悩み（ダーク・グラスカード）*/
.kac .pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
.kac .glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:22px 24px;backdrop-filter:blur(6px);display:flex;gap:14px;align-items:flex-start;}
.kac .glass .q{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-style:italic;color:#0b1f38;background:linear-gradient(135deg,#34d0ee,#0bb3d6);}
.kac .glass p{color:#eaf2fb;font-weight:600;font-size:1rem;}
.kac .glass b{color:#fff;}

/* サービス（ライト・浮遊カード）*/
.kac .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;}
.kac .svc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(15,42,71,.06);transition:transform .2s,box-shadow .2s;}
.kac .svc:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(15,42,71,.12);}
.kac .svc .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(135deg,rgba(21,119,190,.14),rgba(11,179,214,.14));margin-bottom:16px;}
.kac .svc h3{font-size:1.22rem;font-weight:900;color:var(--navy);margin-bottom:4px !important;}
.kac .svc .tag{color:var(--cyan);font-weight:800;font-size:.8rem;margin-bottom:12px;}
.kac .svc p{color:var(--muted);font-size:.96rem;}
.kac .banner{border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(15,42,71,.16);margin-top:24px;}
.kac figure{margin:0;}

/* インフォグラフィック */
.kac .info-wrap{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(15,42,71,.06);margin-top:6px;}
.kac .info-wrap img{border-radius:12px;margin:0 auto;}

/* 選ばれる理由（ダーク＋ネットワーク背景）*/
.kac .why{background:linear-gradient(160deg,rgba(11,31,56,.93),rgba(15,42,71,.88)),url('https://ai.iroirorakko.com/wp-content/uploads/site/grok_abstract.png');background-size:cover;background-position:center;color:#fff;}
.kac .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:14px;}
.kac .why-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px;backdrop-filter:blur(4px);}
.kac .why-card .n{font-size:2.2rem;font-weight:900;line-height:1;background:linear-gradient(90deg,#34d0ee,#0bb3d6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.kac .why-card h3{color:#fff;font-size:1.12rem;font-weight:800;margin:10px 0 8px !important;}
.kac .why-card p{color:#c8d8ea;font-size:.95rem;}

/* プロフィール */
.kac .prof{display:flex;gap:30px;align-items:center;}
.kac .prof .ph{flex:none;width:118px;height:118px;border-radius:50%;background:linear-gradient(135deg,#1577be,#0bb3d6);display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.5rem;box-shadow:0 10px 26px rgba(11,179,214,.35);}
.kac .prof .name{font-size:1.4rem;font-weight:900;color:var(--navy);margin-bottom:12px !important;}
.kac .prof .name span{font-size:.78rem;background:var(--navy);color:#fff;padding:4px 12px;border-radius:999px;margin-left:10px;vertical-align:middle;}
.kac .prof p{color:var(--muted);}

/* CTA */
.kac .cta{background:linear-gradient(150deg,rgba(11,31,56,.95),rgba(15,42,71,.9)),url('https://ai.iroirorakko.com/wp-content/uploads/site/grok_abstract.png');background-size:cover;background-position:center;color:#fff;text-align:center;}
.kac .cta .lead{margin:0 auto 8px;}
.kac .wpcf7{max-width:580px;margin:22px auto 0;text-align:left;}
.kac .wpcf7 p{color:#dbe7f5;font-weight:600;font-size:.92rem;margin:0;}
.kac .wpcf7 input,.kac .wpcf7 textarea{width:100%;padding:13px 16px;border:1px solid rgba(255,255,255,.25);border-radius:10px;margin:6px 0 4px;font-size:1rem;background:rgba(255,255,255,.95);color:#16243a;}
.kac .wpcf7 input:focus,.kac .wpcf7 textarea:focus{outline:none;border-color:var(--cyan-br);box-shadow:0 0 0 3px rgba(52,208,238,.3);}
.kac .wpcf7 .wpcf7-submit{background:linear-gradient(135deg,#1577be,#0bb3d6);color:#fff;border:0;font-weight:800;padding:15px;border-radius:999px;cursor:pointer;margin-top:12px;box-shadow:0 12px 30px rgba(11,179,214,.4);width:100%;}
.kac .wpcf7 .wpcf7-submit:hover{opacity:.92;}

/* レスポンシブ */
@media(max-width:782px){
  .kac .sec,.kac .hero{padding:38px 22px;border-radius:18px;}
  .kac .pain-grid,.kac .svc-grid,.kac .why-grid{grid-template-columns:1fr;}
  .kac .hero{background-position:center top;min-height:auto;}
  .kac .prof{flex-direction:column;text-align:center;}
}

/* ============================================================
   トップ（固定フロントページ）専用
   ============================================================ */
.home .l-sidebar{display:none !important;}
.home .l-mainContent{width:100% !important;max-width:100% !important;}
.home .l-content.l-container{max-width:1180px !important;}
.home .p-mainVisual{display:none !important;} /* SWELL標準メインビジュアル(さぁ始めよう)を隠し、動画ヒーローを最上部に */
.home .l-content{padding-top:0 !important;}
.home .l-mainContent__inner{padding-top:20px !important;}

.kac .home-hero{position:relative;border-radius:24px;overflow:hidden;min-height:560px;display:flex;align-items:center;}
.kac .home-hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.kac .home-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,rgba(8,22,41,.94),rgba(11,31,56,.72) 52%,rgba(11,31,56,.42));}
.kac .home-hero-inner{position:relative;z-index:2;padding:64px 52px;max-width:700px;color:#fff;}
.kac .home-hero .eyebrow{color:#34d0ee;}
.kac .home-hero h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:900;color:#fff;line-height:1.35;margin-bottom:18px !important;}
.kac .home-hero h1 .ac{background:linear-gradient(90deg,#34d0ee,#0bb3d6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.kac .home-hero p{color:#d8e4f3;font-size:1.08rem;margin-bottom:28px;}
.kac .home-hero-cta{display:flex;flex-wrap:wrap;gap:14px;}
.kac .btn-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.45);color:#fff !important;backdrop-filter:blur(4px);}
.kac .btn-ghost:hover{background:rgba(255,255,255,.22);transform:translateY(-2px);}

.kac .val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:12px;}
.kac .val{text-align:center;padding:10px;}
.kac .val .ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:1.7rem;margin:0 auto 14px;background:linear-gradient(135deg,rgba(21,119,190,.14),rgba(11,179,214,.14));}
.kac .val h3{color:var(--navy);font-size:1.1rem;font-weight:800;margin-bottom:6px !important;}
.kac .val p{color:var(--muted);font-size:.94rem;}

.kac .cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:10px;}
.kac .cat{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;text-decoration:none;box-shadow:0 10px 30px rgba(15,42,71,.06);transition:transform .2s,box-shadow .2s;}
.kac .cat:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(15,42,71,.12);}
.kac .cat .ic{font-size:1.9rem;}
.kac .cat h3{color:var(--navy);font-size:1.22rem;font-weight:900;margin:8px 0 6px !important;}
.kac .cat p{color:var(--muted);font-size:.94rem;}
.kac .cat .more{color:var(--cyan);font-weight:800;font-size:.85rem;margin-top:10px;display:inline-block;}

@media(max-width:782px){.kac .home-hero{min-height:auto;}.kac .home-hero-inner{padding:40px 24px;}.kac .cat-grid,.kac .val-grid{grid-template-columns:1fr;}}
