@charset "utf-8";
/* =============================================================================
   共通アクセスエリア（link-access.php）
   ボランティア募集・ご寄付の募集・私たちについてページで共通使用
============================================================================= */
.access-area{padding-top:clamp(40px,4.5vw,56px);background:#fff;color:#183626;font-family:'Noto Sans JP',sans-serif;line-height:1.7}
.access-area *,.access-area *::before,.access-area *::after{box-sizing:border-box}
.access-area p{margin:0}
.access-area#access{margin-top:0;padding-top:clamp(40px,4.5vw,56px);scroll-margin-top:70px} /* contents.css の #access{margin-top:-68px} による上部エリアへの食い込みを打ち消し */
.access-area__inner{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.access-area .sct_ttl{color:#000}
.access-area__info{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto clamp(32px,4vw,48px);text-align:center}
.access-area__name{color:#173824;font-size:clamp(17px,1.7vw,20px);font-weight:700;letter-spacing:.08em}
.access-area__address{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1em;color:#26352b;font-size:16px;font-weight:400;font-style:normal;letter-spacing:.04em}
.access-area__link{display:inline-flex;background:#fff;align-items:center;gap:8px;margin-top:14px;padding:9px 24px;border:1px solid #57804c;border-radius:999px;color:#2f5a34;font-size:14px;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:background-color .2s,color .2s}
.access-area__link span{font-size:18px;line-height:1}
.access-area__link:hover,.access-area__link:focus-visible{background:#57804c;color:#fff}
.access-area__map{width:100%;height:clamp(320px,36vw,480px);background:#e8ece6}
.access-area__map iframe{display:block;width:100%;height:100%;border:0}

@media(max-width:640px){
  .access-area,.access-area#access{padding-top:40px}
  .access-area__inner{width:min(100% - 32px,460px)}
  .access-area__address{flex-direction:column;font-size:15px}
  .access-area__map{height:320px}
}