@charset "UTF-8";

.gn-art{font-size:16px;line-height:1.95;color:#444;word-break:break-word;max-width:960px;margin:0 auto;text-align:left}
.gn-art *{box-sizing:border-box}
.gn-art p{margin:0 0 1.1em}
.gn-art h2{clear:both;font-size:23px;line-height:1.45;margin:52px 0 20px;padding:0 0 10px 16px;color:#333;border-left:6px solid #e0809a;border-bottom:1px solid #f0d3dc;font-weight:700;text-align:left}
.gn-art h3{font-size:19px;line-height:1.5;margin:32px 0 12px;padding:6px 12px;color:#333;background:#fdf2f5;border-radius:4px;font-weight:700;text-align:left}
.gn-art h4{font-size:17px;margin:22px 0 8px;color:#b4506d;font-weight:700}
.gn-art ul{list-style:disc;margin:0 0 1.2em;padding-left:1.6em}
.gn-art ol{list-style:decimal;margin:0 0 1.2em;padding-left:1.6em}
.gn-art li{margin:0 0 .45em}
.gn-art ul>li{list-style:disc outside}.gn-art ol>li{list-style:decimal outside}.gn-art .gn-steps>li{list-style:none}
.gn-art strong{color:#b4506d;font-weight:700}
.gn-art a{color:#2f7fbf;text-decoration:underline}
.gn-art .gn-date{font-size:13px;color:#888;text-align:right;margin:0 0 14px}
.gn-art .gn-lead{background:#fffaf2;border:1px solid #f3e2c4;border-radius:8px;padding:18px 22px;margin:0 0 24px}
.gn-art .gn-summary{background:#fdf2f5;border:2px solid #f0c3d0;border-radius:10px;padding:20px 24px;margin:0 0 28px}
.gn-art .gn-summary h2{margin:0 0 10px;padding:0;border:0;font-size:19px}
.gn-art .gn-summary ul{margin:0}
.gn-art .gn-toc{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:16px 22px;margin:0 0 30px;font-size:15px}
.gn-art .gn-toc p{margin:0 0 6px;font-weight:700;color:#333}
.gn-art .gn-toc ol{margin:0;padding-left:1.4em;columns:2;column-gap:28px}
.gn-art .gn-toc li{margin:0 0 .3em;break-inside:avoid}
.gn-art .gn-point{background:#f3faf3;border:2px solid #7cc58a;border-radius:10px;padding:16px 20px;margin:18px 0 24px}
.gn-art .gn-caution{background:#fff6f0;border:2px solid #f0a979;border-radius:10px;padding:16px 20px;margin:18px 0 24px}
.gn-art .gn-ttl{display:inline-block;color:#fff;font-weight:700;font-size:14px;padding:2px 12px;border-radius:14px;margin:0 0 8px;background:#3fae55}
.gn-art .gn-caution .gn-ttl{background:#e07a3c}
.gn-art .gn-point p:last-child,.gn-art .gn-caution p:last-child{margin-bottom:0}
.gn-art .gn-tblwrap{overflow-x:auto;margin:0 0 24px;-webkit-overflow-scrolling:touch}
.gn-art table.gn-tbl{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.65}
.gn-art table.gn-tbl th,.gn-art table.gn-tbl td{border:1px solid #ddd;padding:10px 12px;vertical-align:top;text-align:left}
.gn-art table.gn-tbl thead th{background:#e0809a;color:#fff;text-align:center;font-weight:700}
.gn-art table.gn-tbl tbody th{background:#fdf2f5;color:#333;font-weight:700;width:22%}
.gn-art .gn-steps{counter-reset:gnstep;list-style:none;padding:0;margin:0 0 24px}
.gn-art .gn-steps li{position:relative;padding:12px 16px 12px 60px;margin:0 0 10px;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px}
.gn-art .gn-steps li:before{counter-increment:gnstep;content:counter(gnstep);position:absolute;left:14px;top:12px;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;background:#e0809a;color:#fff;font-weight:700}
.gn-art .gn-steps li b{display:block;color:#333;margin-bottom:2px}
.gn-art .gn-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 26px}
.gn-art .gn-card{display:block;border:1px solid #ecd0d8;border-radius:10px;padding:14px 16px;background:#fff;text-decoration:none!important;color:#444!important}
.gn-art .gn-card b{display:block;color:#b4506d;font-size:16.5px;margin-bottom:4px}
.gn-art .gn-card span{font-size:14px;line-height:1.7;display:block}
.gn-art .gn-card:hover{background:#fdf2f5}
.gn-art .gn-fig{margin:0 0 22px}
.gn-art .gn-fig img{width:100%;max-width:720px;height:auto;display:block;margin:0 auto;border-radius:8px}
.gn-art .gn-fig figcaption{font-size:13px;color:#888;text-align:center;margin-top:6px}
.gn-art .gn-fig.gn-r{float:right;width:38%;margin:4px 0 12px 22px}
.gn-art .gn-faq{margin:0 0 28px}
.gn-art .gn-faq details{border:1px solid #e3e3e3;border-radius:8px;margin:0 0 10px;background:#fff}
.gn-art .gn-faq summary{cursor:pointer;padding:12px 16px 12px 46px;font-weight:700;color:#333;position:relative;list-style:none}
.gn-art .gn-faq summary::-webkit-details-marker{display:none}
.gn-art .gn-faq summary:before{content:"Q";position:absolute;left:14px;top:12px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background:#e0809a;color:#fff;font-size:13px}
.gn-art .gn-faq .gn-a{padding:12px 16px 12px 46px;position:relative;border-top:1px dashed #e3e3e3}
.gn-art .gn-faq .gn-a:before{content:"A";position:absolute;left:14px;top:12px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background:#3fae55;color:#fff;font-size:13px}
.gn-art .gn-faq .gn-a p:last-child{margin-bottom:0}
.gn-art .gn-cta{background:#fdf2f5;border-radius:12px;padding:24px;margin:32px 0;text-align:center}
.gn-art .gn-cta p{margin:0 0 10px}
.gn-art .gn-tel{font-size:30px;font-weight:700;color:#333;margin:4px 0!important}
.gn-art .gn-tel a{color:#333!important;text-decoration:none!important}
.gn-art .gn-btn{display:inline-block;background:#f5a623;color:#fff!important;text-decoration:none!important;font-weight:700;padding:12px 28px;border-radius:30px;margin:6px 6px 0}
.gn-art .gn-btn.gn-btn2{background:#3fae55}
.gn-art .gn-related{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:16px 22px;margin:0 0 24px}
.gn-art .gn-related p{margin:0 0 8px;font-weight:700;color:#333}
.gn-art .gn-related ul{margin:0}
.gn-art .gn-note{font-size:14px;color:#777}
.gn-art .gn-disc{font-size:13px;color:#888;border-top:1px solid #e5e5e5;padding-top:14px;margin-top:30px}
@media (max-width:640px){.gn-art{font-size:15.5px}.gn-art h2{font-size:20px}.gn-art h3{font-size:17px}.gn-art .gn-toc ol{columns:1}.gn-art .gn-cards{grid-template-columns:1fr}.gn-art .gn-fig.gn-r{float:none;width:100%;margin:0 0 16px}.gn-art .gn-tel{font-size:25px}}