.guide-article{--blue: #0675d8; --blue-bright: #0091f0; --navy: #103060; --lblue: #eaf4fd; --lblue-border: #cfe5fa; --coral: #e85a4f; --lcoral: #fdeeec; --yellow: #ffc425; --lyellow: #fff8e1; --green: #2ea46c; --lgreen: #e8f7ef; --text: #333a45; --gray: #646e7d; --lgray: #f3f5f8; --border: #e2e8f0;}
.guide-article *{box-sizing: border-box; margin: 0px; padding: 0px;}
.guide-article{font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: var(--text); background: rgb(255, 255, 255); line-height: 1.95; font-size: 16px;}
.guide-article{max-width: 760px; margin: 0px auto; padding: 48px 20px 80px;}
.guide-article .cat-badge{display: inline-block; background: var(--blue); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; padding: 4px 14px; border-radius: 3px; margin-bottom: 14px;}
.guide-article h1{font-size: 28px; font-weight: 900; color: var(--navy); line-height: 1.55; margin-bottom: 14px;}
.guide-article .meta{font-size: 13px; color: var(--gray); margin-bottom: 28px;}
.guide-article .meta span{margin-right: 16px;}
.guide-article h2{font-size: 22px; font-weight: 700; color: var(--navy); background: rgb(244, 249, 254); border-left: 6px solid var(--blue); padding: 14px 18px; border-radius: 4px; margin: 56px 0px 24px; line-height: 1.5; scroll-margin-top: 20px;}
.guide-article h3{font-size: 18px; font-weight: 700; color: var(--blue); border-bottom: 2px solid var(--lblue-border); padding-bottom: 8px; margin: 40px 0px 18px; line-height: 1.5;}
.guide-article p{margin: 0px 0px 1.4em;}
.guide-article a{color: var(--blue); text-decoration: underline;}
.guide-article a:hover{opacity: 0.8;}
.guide-article strong{color: var(--navy); background: linear-gradient(transparent 62%, rgb(255, 242, 184) 62%);}
.guide-article code{background: var(--lgray); border: 1px solid var(--border); border-radius: 3px; padding: 1px 6px; font-size: 0.92em; font-family: "SFMono-Regular", Consolas, "Courier New", monospace;}
.guide-article ul,.guide-article ol{margin: 0px 0px 1.5em; padding-left: 1.6em;}
.guide-article li{margin-bottom: 0.5em;}
.guide-article .summary-box,.guide-article .summary{background: var(--lblue); border: 1px solid var(--lblue-border); border-radius: 8px; padding: 22px 24px; margin: 0px 0px 40px;}
.guide-article .summary-box .box-title,.guide-article .summary-title{font-weight: 700; color: var(--navy); font-size: 16px; margin-bottom: 12px;}
.guide-article .summary-box ol{padding-left: 1.4em; margin: 0px;}
.guide-article .summary-box li{margin-bottom: 10px; font-size: 15px;}
.guide-article .summary-box li:last-child{margin-bottom: 0px;}
.guide-article .kv{border-left: 5px solid var(--blue); background: rgb(248, 251, 255); padding: 16px 20px; margin: 32px 0px; font-size: 18px; font-weight: 700; color: var(--navy); line-height: 1.7;}
.guide-article .note-box{background: var(--lcoral); border: 1px solid rgb(246, 207, 202); border-radius: 8px; padding: 20px 22px; margin: 32px 0px; font-size: 15px;}
.guide-article .note-box .nb-title{font-weight: 700; color: var(--coral); margin-bottom: 8px;}
.guide-article .note-box p:last-child{margin-bottom: 0px;}
.guide-article .tip-box{background: var(--lgreen); border: 1px solid rgb(198, 232, 214); border-radius: 8px; padding: 20px 22px; margin: 32px 0px; font-size: 15px;}
.guide-article .tip-box .tb-title{font-weight: 700; color: var(--green); margin-bottom: 8px;}
.guide-article .tip-box p:last-child{margin-bottom: 0px;}
.guide-article .toc{background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 8px; padding: 22px 26px; margin: 0px 0px 44px;}
.guide-article .toc-title{text-align: center; font-weight: 700; color: var(--navy); font-size: 16px; margin-bottom: 14px; letter-spacing: 0.1em;}
.guide-article .toc ol{padding-left: 1.5em; margin: 0px;}
.guide-article .toc li{margin-bottom: 8px; font-size: 14.5px;}
.guide-article .toc a{color: var(--text); text-decoration: none;}
.guide-article .toc a:hover{color: var(--blue); text-decoration: underline;}
.guide-article figure{margin: 30px 0px;}
.guide-article figure img{width: 100%; height: auto; display: block; border: 1px solid var(--border); border-radius: 8px;}
.guide-article figcaption{font-size: 12.5px; color: var(--gray); margin-top: 10px; line-height: 1.7; text-align: center;}
.guide-article .eyecatch img{border: medium; border-radius: 10px;}
.guide-article .table-wrap{overflow-x: auto; margin: 30px 0px;}
.guide-article table{border-collapse: collapse; width: 100%; font-size: 14.5px;}
.guide-article th,.guide-article td{border: 1px solid var(--border); padding: 11px 14px; text-align: left; vertical-align: top;}
.guide-article th{background: rgb(244, 249, 254); color: var(--navy); font-weight: 700;}
.guide-article tr:nth-child(even) td{background: rgb(251, 252, 254);}
.guide-article .faq-item{border: 1px solid var(--border); border-radius: 8px; margin-bottom: 16px; overflow: hidden;}
.guide-article .faq-q{display: flex; gap: 12px; align-items: flex-start; background: rgb(244, 249, 254); padding: 14px 18px; font-weight: 700; color: var(--navy); font-size: 15.5px; line-height: 1.6;}
.guide-article .faq-q::before{content: "Q"; flex: 0 0 auto; background: var(--blue); color: rgb(255, 255, 255); font-weight: 900; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; margin-top: 2px;}
.guide-article .faq-a{display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; font-size: 15px; line-height: 1.9;}
.guide-article .faq-a::before{content: "A"; flex: 0 0 auto; background: var(--coral); color: rgb(255, 255, 255); font-weight: 900; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; margin-top: 2px;}
.guide-article .faq-a p{margin: 0px;}
.guide-article .faq-a p + p{margin-top: 0.8em;}
.guide-article .author-box{margin-top: 60px; border-top: 2px solid var(--lblue-border); padding-top: 24px; font-size: 14px; color: var(--gray);}
.guide-article .author-box .name{font-weight: 700; color: var(--navy); font-size: 15px;}
@media (max-width:600px){.guide-article h1{font-size: 23px;}
.guide-article h2{font-size: 19px; padding: 12px 14px;}
.guide-article h3{font-size: 16.5px;}
.guide-article{font-size: 15px;}
.guide-article .kv{font-size: 16px;}}
/* Keep the supplied editorial styles isolated from the shared site chrome. */
.guide-article{width:100%;max-width:860px;padding:24px 40px 64px;overflow-wrap:anywhere}
.guide-article section{padding:0;background:none}
.guide-article .meta{display:flex;flex-wrap:wrap;gap:6px 16px}
.guide-article .meta span{margin:0}
.guide-article h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.02em}
.guide-article h2{scroll-margin-top:110px}
.guide-article .table-wrap{max-width:100%;overscroll-behavior-x:contain}
.guide-article table{min-width:540px}
.guide-article .faq{display:block;max-width:none;margin:0}
.guide-article .faq-a{display:block;padding-left:56px;position:relative}
.guide-article .faq-a:before{position:absolute;left:18px;top:16px}
.guide-article .faq-a p+p{margin-top:12px}
.guide-article a:focus-visible{outline:3px solid #0675d8;outline-offset:3px}
@media(max-width:600px){.guide-article{padding:20px 20px 48px}.guide-article .meta{font-size:12px}.guide-article .toc{padding:20px}.guide-article .summary-box{padding:20px}}
/* Supplied industry articles: related reading and conversion links. */
.guide-article .article-service{background:#eaf4fd;border:1px solid #cfe5fa;border-radius:8px;padding:24px;margin:28px 0}.guide-article .article-service .box-title{font-weight:700;color:#103060}.guide-article .article-service p:last-child{margin-bottom:0}.guide-article .article-next ul{margin:24px 0}.guide-article .article-next li{margin-bottom:14px}

/* Sentence-based paragraphs: space between ideas, without forced line breaks. */
.guide-article p.reading-paragraph { margin: 0 0 1.4em; }
.guide-article .faq-a p.reading-paragraph + p.reading-paragraph { margin-top: 1.4em; }
@media (max-width:600px) {
  .guide-article { font-size:16px; line-height:1.9; }
  .guide-article p.reading-paragraph { font-size:16px; line-height:1.9; margin-bottom:1.4em; }
  .guide-article li { line-height:1.9; }
}