@charset "UTF-8";
/* 関連ガイド・Q&A専用。既存ページのスタイルに影響させない。 */
.chien-related{box-sizing:border-box;width:calc(100% - 40px);max-width:1080px;margin:36px auto 30px;padding:28px;background:#f7f8f3;border:1px solid #e2e7dc;border-radius:14px;color:#364b3d;text-align:left;font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.8;}
.chien-related *,.chien-related *::before,.chien-related *::after{box-sizing:border-box;}
.chien-related .cr-kicker{font:11px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#647657;margin:0 0 8px;padding:0;}
.chien-related h2{font-size:23px;line-height:1.6;margin:0;padding:0;font-weight:bold;color:#364b3d;background:none;border:0;}
.chien-related .cr-intro{font-size:14px;line-height:1.9;margin:10px 0 22px;padding:0;color:#546057;}
.chien-related .cr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.chien-related .cr-grid.cr-two{grid-template-columns:repeat(2,minmax(0,1fr));}
.chien-related a.cr-card,.chien-related a.cr-card:visited{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dfe5d9;border-radius:10px;padding:20px 17px;color:#364b3d;text-decoration:none;transition:border-color .15s,background .15s;}
.chien-related a.cr-card:hover{border-color:#819b70;background:#fcfdf9;text-decoration:none;}
.chien-related a.cr-card:focus-visible{outline:3px solid #668254;outline-offset:4px;}
.chien-related .cr-label{display:block;color:#668254;font-size:12px;margin:0 0 12px;}
.chien-related h3{font-size:17px;line-height:1.7;margin:0 0 10px;padding:0;font-weight:bold;color:#364b3d;background:none;border:0;}
.chien-related .cr-description{font-size:13px;line-height:1.9;margin:0 0 18px;padding:0;color:#5c655f;}
.chien-related .cr-action{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #edf0e8;font-size:12px;font-weight:bold;}
.chien-related .cr-note{font-size:12px;line-height:1.8;margin:18px 0 0;padding:0;color:#59685c;}
.chien-related.cr-sp{width:calc(100% - 28px);padding:22px 18px;margin:28px auto;}
.chien-related.cr-sp .cr-grid{grid-template-columns:1fr;}
.chien-related.cr-sp h2{font-size:21px;}
.chien-related.cr-sp a.cr-card{padding:18px;}
@media(max-width:640px){.chien-related{width:calc(100% - 28px);padding:22px 18px;margin:28px auto;}.chien-related .cr-grid,.chien-related .cr-grid.cr-two{grid-template-columns:1fr;}.chien-related h2{font-size:21px;}}
@media(prefers-reduced-motion:reduce){.chien-related a.cr-card{transition:none;}}