.area-guide{max-width:1320px;margin:90px auto;padding:72px 60px;background:#f3efe7;color:#172d2b;box-sizing:border-box}
.area-guide-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:70px;align-items:end;margin-bottom:28px}
.area-guide .eyebrow{margin:0 0 12px;color:#bd8337;letter-spacing:.2em;text-transform:uppercase}
.area-guide h2{max-width:720px;margin:0;font-family:Georgia,serif;font-size:clamp(36px,4.2vw,62px);font-weight:500;line-height:1.04}
.area-guide-intro>p{margin:0;color:#526561;font-size:18px;line-height:1.75}
.area-guide-note{margin:0 0 32px;padding:16px 20px;border-left:4px solid #c58a3c;background:#fffaf0;color:#596965;font-size:14px;line-height:1.6}
.area-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.area-guide-grid article{padding:28px 30px;border:1px solid #dde1dc;background:#fff;box-shadow:0 12px 32px rgba(18,42,38,.055)}
.area-guide-grid article:last-child:nth-child(odd){grid-column:1/-1}
.area-card-title{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #e6e8e4}
.area-card-title span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#183831;color:#fff;font-size:20px}
.area-card-title h3{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}
.area-guide ul{display:grid;gap:10px;margin:19px 0 0;padding:0;list-style:none}
.area-guide li{position:relative;padding-left:18px;color:#53635f;line-height:1.55}
.area-guide li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#c58a3c}
@media(max-width:800px){.area-guide{margin:55px 18px;padding:44px 24px}.area-guide-intro{grid-template-columns:1fr;gap:24px}.area-guide-grid{grid-template-columns:1fr}.area-guide-grid article:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:480px){.area-guide{margin-inline:0;padding:38px 18px}.area-guide-grid article{padding:23px 20px}.area-guide h2{font-size:36px}}