/* MAIVERSE コラム — サイト（xwrite-child / mvrs-*）の配色に合わせたスタイル
   テーマのrootフォントサイズが画面幅で変わるため、ここでは px / clamp を使う */
.mvb-top,.mvb-main{
	--mvb-black:var(--mvrs-black,#282828);
	--mvb-muted:var(--mvrs-muted,#5C545A);
	--mvb-accent:var(--mvrs-accent,#FFC400);
	--mvb-danger:var(--mvrs-danger,#e4423d);
	--mvb-line:var(--mvrs-line,#00C045);
	--mvb-border:#E6E1E6;
	--mvb-soft:#f6f5f3;
	--mvb-sans:var(--mvrs-sans,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif);
	--mvb-mincho:var(--mvrs-mincho,"Yu Mincho","Hiragino Mincho ProN",serif);
	color:var(--mvb-black);font-family:var(--mvb-sans);
}
.mvb-main{max-width:1160px;margin:0 auto;padding:0 20px 80px;box-sizing:border-box}
.mvb-main *,.mvb-top *{box-sizing:border-box}
.mvb-breadcrumb{max-width:none;margin:120px 0 32px;font-size:13px;color:var(--mvb-muted)}
.mvb-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.mvb-breadcrumb i{font-size:10px;margin:0 6px}

/* ---------- 一覧 ---------- */
.mvb-archive__head{margin-bottom:24px}
.mvb-archive__lead{font-size:15px;line-height:1.9;color:var(--mvb-muted);margin:0 0 28px}
.mvb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.mvb-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--mvb-border);border-radius:999px;font-size:13px;font-weight:600;background:#fff;transition:.2s}
.mvb-chip span{font-size:11px;color:var(--mvb-muted);font-weight:400}
.mvb-chip:hover,.mvb-chip.is-current{background:var(--mvb-black);border-color:var(--mvb-black);color:#fff;opacity:1}
.mvb-chip.is-current span,.mvb-chip:hover span{color:#ddd}

.mvb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.mvb-card__link{display:block;height:100%;color:inherit}
.mvb-card__link:hover{opacity:1}
.mvb-card__thumb{position:relative;aspect-ratio:1200/630;overflow:hidden;border-radius:6px;background:var(--mvb-soft)}
.mvb-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mvb-card__link:hover .mvb-card__thumb img{transform:scale(1.04)}
.mvb-thumb-fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:16px;font-weight:800;text-align:center;font-size:15px;line-height:1.5}
.mvb-card__body{padding:14px 2px 0}
.mvb-card__title{font-size:16px;font-weight:700;line-height:1.6;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mvb-card__link:hover .mvb-card__title{text-decoration:underline;text-decoration-color:var(--mvb-accent);text-decoration-thickness:3px;text-underline-offset:4px}
.mvb-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mvb-muted)}
.mvb-card__cat{display:inline-block;padding:2px 8px;background:var(--mvb-soft);border:1px solid var(--mvb-border);font-size:11px}

.mvb-pager{margin:48px 0 0}
.mvb-pager .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.mvb-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border:1px solid var(--mvb-border);font-size:14px;font-weight:600;background:#fff}
.mvb-pager .page-numbers.current{background:var(--mvb-black);color:#fff;border-color:var(--mvb-black)}
.mvb-empty{padding:60px 0;text-align:center;color:var(--mvb-muted)}

.mvb-tags{margin:56px 0 0;padding:28px;background:var(--mvb-soft)}
.mvb-tags__title{font-size:16px;font-weight:700;margin:0 0 14px}
.mvb-tags__list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.mvb-tags__list a{display:inline-block;padding:4px 12px;background:#fff;border:1px solid var(--mvb-border);font-size:13px}

/* ---------- トップページ ---------- */
.mvb-top{padding:96px 20px;background:#fff}
.mvb-top__inner{max-width:1160px;margin:0 auto}
/* 見出しはトップの他セクション（WHY CHOOSE US / FLOW / INFORMATION）と同じ中央揃え・英字大見出し */
.mvb-top a,.mvb-main a{color:inherit}
.mvb-top__head{text-align:center;margin-bottom:20px}
.mvb-top__en{font-family:var(--mvrs-gara,"Times New Roman",serif);font-size:clamp(36px,4.2vw,60px);font-weight:400;line-height:1.1;margin:0;color:var(--mvb-black)}
.mvb-top__ja{font-size:clamp(15px,1.4vw,20px);font-weight:500;margin:18px 0 0;line-height:1.4}
.mvb-top__lead{font-size:15px;line-height:1.9;color:var(--mvb-muted);margin:0 0 40px;text-align:center}
.mvb-top__foot{display:flex;justify-content:flex-end;margin-top:40px}
.mvb-top__more{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:500;white-space:nowrap}
.mvb-top__more-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:28px;border-radius:4px;background:#5C545A;color:#fff;font-size:14px}

/* ---------- 記事 ---------- */
.mvb-single .mvb-article{max-width:820px;margin:0 auto}
.mvb-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;color:var(--mvb-muted);margin-bottom:14px}
.mvb-article__date i{margin-right:4px}
.mvb-badge{display:inline-block;padding:3px 10px;background:var(--mvb-black);color:#fff;font-family:var(--mvb-mincho);font-size:13px;font-weight:600}
.mvb-article__title{font-size:clamp(24px,3.2vw,34px);font-weight:800;line-height:1.45;margin:0 0 24px;font-feature-settings:"palt"}
.mvb-article__eyecatch{margin:0 0 32px}
.mvb-article__eyecatch img{width:100%;height:auto;border-radius:6px}

.mvb-summary{border:2px solid var(--mvb-black);padding:22px 26px;margin:0 0 36px;background:#fff;position:relative}
.mvb-summary__title{font-weight:800;font-size:17px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.mvb-summary__title i{color:var(--mvb-accent)}
.mvb-summary__list{margin:0;padding:0;list-style:none}
.mvb-summary__list li{position:relative;padding-left:24px;font-size:15px;line-height:1.8;margin:4px 0}
.mvb-summary__list li::before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:7px;border-left:3px solid var(--mvb-danger);border-bottom:3px solid var(--mvb-danger);transform:rotate(-45deg)}

.mvb-toc{background:var(--mvb-soft);padding:22px 26px;margin:0 0 40px;border-left:5px solid var(--mvb-accent)}
.mvb-toc__title{font-weight:800;margin:0 0 8px;font-size:16px}
.mvb-toc__list{margin:0;padding-left:1.4em;font-size:14px;line-height:1.9}
.mvb-toc__item--h3{list-style:none;margin-left:1em;font-size:13px}
.mvb-toc__item--h3::before{content:"- ";color:var(--mvb-muted)}
.mvb-toc a{text-decoration:underline;text-underline-offset:3px}

.mvb-content{font-size:16px;line-height:2}
.mvb-content p{font-size:16px;line-height:2;margin:0 0 1.4em}
.mvb-content h2{font-size:clamp(20px,2.4vw,25px);font-weight:800;line-height:1.5;margin:64px 0 24px;padding:14px 18px;background:var(--mvb-black);color:#fff;scroll-margin-top:90px}
.mvb-content h3{font-size:19px;font-weight:800;line-height:1.5;margin:40px 0 16px;padding:0 0 8px 14px;border-left:5px solid var(--mvb-accent);border-bottom:1px solid var(--mvb-border);scroll-margin-top:90px}
.mvb-content strong{font-weight:800}
.mvb-content mark,.mvb-content .mvb-marker{background:linear-gradient(transparent 60%,rgba(255,196,0,.55) 60%);color:inherit;padding:0 2px}
.mvb-content ul,.mvb-content ol{margin:0 0 1.6em;padding-left:1.5em}
.mvb-content ul{list-style:disc}
.mvb-content ol,.mvb-toc__list{list-style:decimal}
.mvb-content .mvb-points{margin-bottom:24px!important}
.mvb-content li{margin:.3em 0}
.mvb-content a{color:#b75e37;text-decoration:underline}
.mvb-content table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}

/* ---- 図解パーツ（記事本文で使用。HTMLテキストなので検索エンジン・AIにも読める） ---- */
.mvb-figure{margin:32px 0 40px;padding:26px 22px;border:1px solid var(--mvb-border);border-radius:8px;background:#fff}
.mvb-figure__title{margin:0 0 18px!important;font-weight:800;font-size:16px!important;text-align:center;line-height:1.6!important}
.mvb-figure__title::before{content:"図解";display:inline-block;margin-right:8px;padding:1px 8px;background:var(--mvb-accent);font-size:12px;vertical-align:2px}
.mvb-figure__note{margin:14px 0 0!important;font-size:12px!important;color:var(--mvb-muted);text-align:center}

/* フローチャート */
.mvb-flow{list-style:none;margin:0 auto!important;padding:0!important;max-width:600px;counter-reset:flow}
.mvb-flow>li{position:relative;margin:0 0 34px!important;padding:16px 18px 16px 70px;background:var(--mvb-soft);border:2px solid var(--mvb-black);border-radius:6px;counter-increment:flow;line-height:1.7}
.mvb-flow>li:last-child{margin-bottom:0!important;background:#fff8dc;border-color:var(--mvb-accent)}
.mvb-flow>li::before{content:"STEP\A" counter(flow,decimal-leading-zero);white-space:pre;position:absolute;left:0;top:0;bottom:0;width:56px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--mvb-black);color:#fff;font-size:11px;font-weight:700;line-height:1.3;font-family:var(--mvrs-gara,serif)}
.mvb-flow>li:last-child::before{background:var(--mvb-accent);color:var(--mvb-black)}
.mvb-flow>li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);border:11px solid transparent;border-top:13px solid var(--mvb-black)}
.mvb-flow strong{display:block;font-size:16px}
.mvb-flow span{display:block;font-size:13px;color:var(--mvb-muted)}

/* YES/NO 判定チャート */
.mvb-decision{max-width:640px;margin:0 auto}
.mvb-decision__q{position:relative;margin:0 auto 34px!important;padding:14px 18px;max-width:480px;text-align:center;font-weight:800;background:var(--mvb-black);color:#fff;border-radius:6px;font-size:15px!important;line-height:1.6!important}
.mvb-decision__q::after{content:"";position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);border:10px solid transparent;border-top:12px solid var(--mvb-black)}
.mvb-decision__branches{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mvb-decision__b{padding:16px;border:2px solid var(--mvb-border);border-radius:6px;font-size:14px;line-height:1.7}
.mvb-decision__b>b{display:inline-block;margin-bottom:6px;padding:0 10px;font-size:13px;color:#fff;background:var(--mvb-danger);border-radius:3px}
.mvb-decision__b--no>b{background:var(--mvb-muted)}
.mvb-decision__b p{margin:0!important;font-size:14px!important;line-height:1.7!important}

/* 比較表 */
.mvb-compare{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mvb-compare table{min-width:520px}
.mvb-compare th,.mvb-compare td{border:1px solid var(--mvb-border);padding:12px 14px;vertical-align:top;text-align:left}
.mvb-compare thead th{background:var(--mvb-black);color:#fff;text-align:center}
.mvb-compare tbody th{background:var(--mvb-soft);white-space:nowrap;font-weight:700}
.mvb-compare .is-good{background:#fffbea;font-weight:700}

/* 横棒グラフ */
.mvb-bars{max-width:620px;margin:0 auto}
.mvb-bar{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;margin:0 0 12px}
.mvb-bar__label{font-size:13px;font-weight:700;line-height:1.4}
.mvb-bar__track{position:relative;height:30px;background:var(--mvb-soft);border-radius:3px;overflow:hidden}
.mvb-bar__fill{display:flex;align-items:center;justify-content:flex-end;height:100%;padding-right:8px;background:var(--mvb-black);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.mvb-bar--accent .mvb-bar__fill{background:var(--mvb-accent);color:var(--mvb-black)}

/* 3つのポイント・チェックリスト・注意 */
.mvb-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0!important;padding:0!important}
.mvb-points>li{margin:0!important;padding:18px 14px;text-align:center;border:2px solid var(--mvb-black);border-radius:6px;background:#fff;line-height:1.6}
.mvb-points>li>b{display:block;font-family:var(--mvrs-gara,serif);font-size:26px;line-height:1;margin-bottom:8px;color:var(--mvb-danger)}
.mvb-points strong{display:block;font-size:15px;margin-bottom:4px}
.mvb-points span{display:block;font-size:13px;color:var(--mvb-muted)}
.mvb-check{list-style:none!important;padding:20px 22px!important;background:var(--mvb-soft);border-radius:6px}
.mvb-check li{position:relative;padding-left:30px}
.mvb-check li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border:2px solid var(--mvb-black);background:#fff;border-radius:3px}
.mvb-check li::after{content:"";position:absolute;left:5px;top:.55em;width:9px;height:5px;border-left:3px solid var(--mvb-danger);border-bottom:3px solid var(--mvb-danger);transform:rotate(-45deg)}
.mvb-box{margin:28px 0;padding:20px 22px 20px 64px;position:relative;border-radius:6px;font-size:15px;line-height:1.9}
.mvb-box p:last-child{margin-bottom:0}
.mvb-box::before{position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.mvb-box--point{background:#fffbea;border:1px solid var(--mvb-accent)}
.mvb-box--point::before{content:"!";background:var(--mvb-accent)}
.mvb-box--caution{background:#fff3f3;border:1px solid #f3c2c0}
.mvb-box--caution::before{content:"!";background:var(--mvb-danger);color:#fff}
.mvb-box--maiverse{background:var(--mvb-soft);border:1px solid var(--mvb-border)}
.mvb-box--maiverse::before{content:"M";background:var(--mvb-black);color:#fff;font-family:var(--mvrs-gara,serif)}

/* FAQ・監修・CTA・関連 */
.mvb-faq{margin:64px 0 0}
.mvb-faq__title{font-size:clamp(20px,2.4vw,25px);font-weight:800;margin:0 0 20px;padding:14px 18px;background:var(--mvb-black);color:#fff}
.mvb-faq__list{margin:0}
.mvb-faq__item{border-bottom:1px solid var(--mvb-border);padding:18px 0}
.mvb-faq__item dt{font-weight:800;font-size:16px;line-height:1.7;display:flex;gap:12px}
.mvb-faq__item dd{margin:10px 0 0;font-size:15px;line-height:1.9;display:flex;gap:12px;color:#444}
.mvb-faq__q,.mvb-faq__a{flex:0 0 28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mvrs-gara,serif);font-weight:700;color:#fff;background:var(--mvb-black)}
.mvb-faq__a{background:var(--mvb-accent);color:var(--mvb-black)}
.mvb-article__tags{margin:36px 0 0!important}
.mvb-author{display:flex;gap:18px;align-items:flex-start;margin:48px 0 0;padding:22px;border:1px solid var(--mvb-border);background:#fff}
.mvb-author__label{flex:0 0 auto;margin:0;padding:4px 10px;background:var(--mvb-black);color:#fff;font-size:12px;font-family:var(--mvb-mincho)}
.mvb-author__name{margin:0 0 6px;font-weight:800;font-size:16px}
.mvb-author__name span{margin-left:10px;font-size:12px;font-weight:400;color:var(--mvb-muted)}
.mvb-author__bio{margin:0;font-size:13px;line-height:1.8;color:var(--mvb-muted)}
.mvb-cta{margin:48px 0 0;padding:36px 24px;text-align:center;background:var(--mvb-soft)}
.mvb-cta__lead{font-size:clamp(16px,2vw,20px);font-weight:800;line-height:1.7;margin:0 0 22px}
.mvb-cta__buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.mvb-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:280px;padding:16px 22px;font-weight:700;font-size:16px;color:#fff;border-radius:4px}
.mvb-cta__btn--danger{background:var(--mvb-danger)}
.mvb-cta__btn--line{background:var(--mvb-line)}
.mvb-related{max-width:1160px;margin:80px auto 0}
.mvb-related__title{font-size:clamp(20px,2.4vw,26px);font-weight:800;margin:0 0 24px;padding-bottom:10px;border-bottom:2px solid var(--mvb-black)}

@media (max-width:960px){
	.mvb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
}
@media (max-width:800px){
	.mvb-breadcrumb{margin-top:84px}
	.mvb-top{padding:64px 16px}
	.mvb-main{padding:0 16px 64px}
	.mvb-top__head{flex-direction:column;align-items:flex-start}
	.mvb-points{grid-template-columns:1fr}
	.mvb-decision__branches{grid-template-columns:1fr}
	.mvb-bar{grid-template-columns:96px 1fr}
	.mvb-box{padding:18px 16px 18px 56px}
	.mvb-cta__btn{min-width:0;width:100%}
}
@media (max-width:560px){
	.mvb-grid{grid-template-columns:1fr}
	.mvb-card__link{display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:start}
	.mvb-card__body{padding:0}
	.mvb-card__title{font-size:14px;-webkit-line-clamp:3}
	.mvb-top .mvb-grid,.mvb-related .mvb-grid{gap:16px}
	.mvb-flow>li{padding-left:64px}
}