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

:root{--rk-main:#03B9CE;--rk-line:#06BC51;--rk-tel:#FFA126;--rk-h3-bg:#E6E6E6;--rk-bg:#F6F6F6;--rk-text:#000;}
body{background:var(--rk-bg)!important;color:var(--rk-text);font-family:"Noto Sans JP",sans-serif;}
a{color:var(--rk-main);}

/* SWELL デフォルトのメインビジュアル(植物画像/「さぁ、始めよう」)を完全非表示 */
.p-mainVisual,.l-mv,.swell-mainvisual{display:none!important;}

/* === カスタム ヒーロー === */
.rk-hero{background:url(https://rouki.help/columns/wp-content/uploads/2026/05/summer-sky.jpg) center/cover no-repeat,#1E88E5;padding:48px 20px 0;overflow:hidden;}
.rk-hero-inner{max-width:1100px;margin:0 auto;display:flex;align-items:flex-end;gap:32px;}
.rk-hero-text{flex:1;color:#fff;padding-bottom:48px;}
.rk-hero-line1{font-size:20px;font-weight:700;margin:0;letter-spacing:.05em;}
.rk-hero-line2{font-size:42px;font-weight:900;line-height:1.25;margin:8px 0 16px;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.15);}
.rk-hero-sub{font-size:14px;opacity:.95;margin:0 0 24px;}
.rk-hero-cta{display:inline-block;background:var(--rk-line);color:#fff!important;padding:14px 36px;border-radius:32px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.rk-hero-cta:hover{background:#05a847;}
.rk-hero-img{flex:1.2;display:flex;justify-content:flex-end;align-items:flex-end;}
.rk-hero-img img{max-width:100%;height:auto;display:block;}
@media(max-width:768px){.rk-hero{padding:32px 16px 0;}.rk-hero-inner{flex-direction:column;text-align:left;gap:0;align-items:flex-start;}.rk-hero-text{padding-bottom:24px;width:100%;text-align:left;}.rk-hero-line1{font-size:16px;}.rk-hero-line2{font-size:28px;}.rk-hero-img img{max-width:90%;}}

/* H2: シアン背景・白文字 */
.post_content h2,article h2,.entry-content h2{background:var(--rk-main)!important;color:#fff!important;padding:14px!important;border:none!important;font-weight:700;line-height:1.6;}
.post_content h2::before,.post_content h2::after,article h2::before,article h2::after{display:none!important;}
.post_content h3,article h3,.entry-content h3{background:var(--rk-h3-bg)!important;color:#000!important;padding:8px!important;border:none!important;font-weight:700;}
.post_content h3::before,article h3::before{display:none!important;}
.post_content blockquote,article blockquote{border-left:4px solid var(--rk-main)!important;background:#f9f9f9;padding:1em 1.2em;margin:1.5em 0;}
.p-authorBox,.author_box,.c-authorBox{background:#f5f5f5;padding:20px;border-radius:6px;}

/* CTA バナー */
.rouki-cta{background:url(https://rouki.help/columns/wp-content/uploads/2026/05/cta1_bg_pc.png) center/cover no-repeat;padding:40px 20px;text-align:center;border-radius:6px;margin:2em 0;}
@media(max-width:768px){.rouki-cta{background-image:url(https://rouki.help/columns/wp-content/uploads/2026/05/cta1_bg_sp.png);}}

/* ヘッダー CTA */
.rk-header-cta{display:flex;gap:8px;align-items:center;margin-left:auto;}
.rk-header-tel,.rk-header-line{color:#fff!important;padding:8px 14px;border-radius:4px;font-weight:700;text-decoration:none;font-size:16.94px;text-align:center;min-width:160px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;}
.rk-header-tel{background:var(--rk-tel);}
.rk-header-line{background:var(--rk-line);}
.l-header__inner,header{align-items:center;}

/* フッター */
.l-footer,.l-footer__inner,footer.l-footer{background:#2a2a2a!important;color:#fff!important;padding:60px 0!important;}
.l-footer a,.l-footer p,.l-footer h4,.l-footer li,.l-footer span{color:#fff!important;}
.rk-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:0 auto;padding:0 20px;}
.rk-footer-grid h4{color:var(--rk-main)!important;font-size:14px;margin-bottom:8px;border-bottom:1px solid #444;padding-bottom:4px;}
.rk-footer-grid p,.rk-footer-grid li{font-size:13px;line-height:1.7;}
.rk-footer-grid ul{list-style:none;padding:0;margin:0;}
.rk-footer-copyright{text-align:center;padding:16px 0;font-size:12px;border-top:1px solid #444;margin-top:32px;}

/* 監修者プロフィール */
.rk-supervisor{max-width:720px;margin:0 auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.rk-supervisor img{display:block;margin:0 auto 16px;width:160px;height:160px;object-fit:cover;object-position:center top;border-radius:50%;}
.rk-supervisor h2{text-align:center;background:var(--rk-main);color:#fff;padding:10px;font-size:20px;}
.rk-supervisor .rk-role{text-align:center;color:#666;margin-bottom:16px;}
.rk-supervisor .rk-bio{line-height:1.9;margin:1em 0;}
.rk-supervisor .rk-bio p{margin:0 0 1.4em;}
.rk-supervisor .rk-bio p:last-child{margin-bottom:0;}
.rk-supervisor .rk-linkedin{display:inline-block;background:#0A66C2;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;margin-top:16px;}

/* ロゴ画像表示(SWELL の text モードを画像化) */
.c-headLogo.-txt .c-headLogo__link{display:inline-block;width:200px;height:60px;background:url(https://rouki.help/columns/wp-content/uploads/2026/05/logo_top.png) left center/contain no-repeat;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
@media(max-width:599px){.c-headLogo.-txt .c-headLogo__link{width:140px;height:42px;}}


/* === Hero タイトル (退職代行コラム) === */
.rk-hero-title{font-size:clamp(28px,5vw,46px);font-weight:800;letter-spacing:.04em;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.18);}
.rk-hero-text .rk-hero-sub{font-size:clamp(10px,1.54vw,13px);color:rgba(255,255,255,.92);margin:4px 0 0;font-weight:500;}
.rk-hero-line1,.rk-hero-line2{display:none!important;}

/* === サイドバー監修者ウィジェット === */
.rk-supervisor-widget{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:20px 18px;margin-bottom:24px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.rk-supervisor-widget__label{font-size:11px;color:#03B9CE;font-weight:700;letter-spacing:.18em;margin:0 0 12px;}
.rk-supervisor-widget__img-wrap{display:inline-block;}
.rk-supervisor-widget__img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid #03B9CE;display:block;}
.rk-supervisor-widget__name{font-size:17px;font-weight:700;margin:12px 0 2px;color:#222;}
.rk-supervisor-widget__title{font-size:11px;color:#666;margin:0 0 12px;letter-spacing:.04em;}
.rk-supervisor-widget__bio{font-size:13px;line-height:1.7;color:#333;text-align:left;margin:0 0 12px;}
.rk-supervisor-widget__more{display:inline-block;font-size:12px;color:#03B9CE;text-decoration:none;font-weight:700;border:1px solid #03B9CE;padding:6px 14px;border-radius:20px;transition:all .15s;}
.rk-supervisor-widget__more:hover{background:#03B9CE;color:#fff;}


/* === サクッと結論ボックス === */
.rk-conclusion{background:#F0F9FF;border:1px solid #B6E2FA;border-left:6px solid #03B9CE;border-radius:10px;padding:20px 22px 16px;margin:0 0 32px;position:relative;}
.rk-conclusion::before{content:"💡 サクッと結論";display:block;font-size:13px;font-weight:700;color:#03B9CE;letter-spacing:.08em;margin-bottom:10px;}

.rk-conclusion p{margin:0 0 8px;padding-left:1.4em;position:relative;font-size:15px;line-height:1.75;}
.rk-conclusion p::before{content:"✓";position:absolute;left:0;top:0;color:#06BC51;font-weight:700;}
@media(max-width:600px){.rk-conclusion{padding:16px 16px 12px;}.rk-conclusion p{font-size:14px;}}

/* サイドバー Latest Posts は 1 件のみ表示 (記事数少ない時の重複感緩和) */
.l-sidebar .wp-block-latest-posts li:nth-child(n+2){display:none!important;}

/* === モバイルではヘッダー内 CTA を非表示(右下追従に集約) === */
@media(max-width:768px){
  .rk-header-cta{display:none!important;}
}

/* === 右下追従 CTA(LINE + 電話) === */
.rk-fixed-cta{position:fixed;right:12px;bottom:16px;display:flex;gap:8px;z-index:9999;}
.rk-fixed-cta a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:89px;height:89px;border-radius:50%;text-decoration:none;color:#fff!important;font-size:17.16px;font-weight:700;line-height:1.2;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .15s;}
.rk-fixed-cta a:hover{transform:translateY(-2px);}
.rk-fixed-cta__line{background:#06BC51;}
.rk-fixed-cta__tel{background:#FFA126;}
.rk-fixed-cta__icon{font-size:20px;margin-bottom:2px;}
.rk-fixed-cta__label{font-size:15.84px;}
@media(max-width:380px){.rk-fixed-cta a{width:74px;height:74px;}.rk-fixed-cta__icon{font-size:20px;}.rk-fixed-cta__label{font-size:14.52px;}}

/* === モバイル時のヘッダー並び替え ロゴ左 + ハンバーガー右 === */
@media(max-width:959px){
  .l-header__inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;}
  .l-header__inner .l-header__logo{order:1!important;margin-right:auto!important;flex:0 0 auto;}
  .l-header__inner .l-header__customBtn{order:2!important;}
  .l-header__inner .l-header__menuBtn{order:3!important;}
}

/* === 最近のコメント ウィジェット非表示(:has で親 .c-widget を消す) === */
.l-sidebar .c-widget:has(.wp-block-latest-comments){display:none!important;}

/* === PC ヘッダーの inline nav から LINE/電話 menu-item を非表示(右上 CTA と重複のため)。モバイルハンバーガーには残す === */
@media(min-width:960px){
  .l-header__gnav li.menu-item-51,
  .l-header__gnav li.menu-item-52,
  nav.c-gnavWrap li.menu-item-51,
  nav.c-gnavWrap li.menu-item-52{display:none!important;}
}

/* === ふきだし(石丸アバター + 吹き出し本体) === */
.rk-fukidashi{display:flex;align-items:flex-start;gap:14px;margin:24px 0;}
.rk-fukidashi__avatar{flex:0 0 76px;text-align:center;}
.rk-fukidashi__avatar img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid #03B9CE;display:block;margin:0 auto;}
.rk-fukidashi__name{display:block;font-size:11px;color:#666;margin-top:4px;font-weight:600;}
.rk-fukidashi__bubble{position:relative;flex:1;background:#F0F9FF;border:2px solid #03B9CE;border-radius:14px;padding:14px 18px;}
.rk-fukidashi__bubble::before{content:"";position:absolute;left:-14px;top:24px;width:0;height:0;border-style:solid;border-width:9px 14px 9px 0;border-color:transparent #03B9CE transparent transparent;}
.rk-fukidashi__bubble::after{content:"";position:absolute;left:-11px;top:24px;width:0;height:0;border-style:solid;border-width:9px 14px 9px 0;border-color:transparent #F0F9FF transparent transparent;}
.rk-fukidashi__bubble p{margin:0 0 8px;line-height:1.75;font-size:14.5px;}
.rk-fukidashi__bubble p:last-child{margin-bottom:0;}
@media(max-width:600px){
  .rk-fukidashi{gap:10px;}
  .rk-fukidashi__avatar{flex:0 0 56px;}
  .rk-fukidashi__avatar img{width:56px;height:56px;border-width:2px;}
  .rk-fukidashi__name{font-size:10px;}
  .rk-fukidashi__bubble{padding:12px 14px;border-width:2px;border-radius:12px;}
  .rk-fukidashi__bubble::before{left:-11px;border-width:7px 11px 7px 0;}
  .rk-fukidashi__bubble::after{left:-8px;border-width:7px 11px 7px 0;}
  .rk-fukidashi__bubble p{font-size:13px;}
}

/* === 装飾で強調する(オレンジ POINT ボックス) === */
.rk-emphasis{background:linear-gradient(135deg,#FFF8E1 0%,#FFECB3 100%);border-left:6px solid #FFA126;border-radius:8px;padding:16px 22px;margin:22px 0;position:relative;}
.rk-emphasis::before{content:"💡 POINT";display:block;font-size:12px;font-weight:800;color:#E67E00;letter-spacing:.1em;margin-bottom:6px;}
.rk-emphasis p{margin:0;font-weight:700;font-size:16px;line-height:1.75;color:#222;}
.rk-emphasis p + p{margin-top:8px;}
@media(max-width:600px){
  .rk-emphasis{padding:14px 16px;}
  .rk-emphasis p{font-size:14.5px;}
}

/* 縦長 avatar の頭が切られないよう全 avatar を上端揃えクロップに上書き */
img.avatar { object-position: 50% 0% !important; }
.p-authorBox img.avatar, .p-authorBox__l img { object-position: 50% 0% !important; }