/* ========================================================================== 
   01. 募集バナー / 縦横比を維持し、画像全体をリンクにする
   ========================================================================== */
.recruit-banner{position:relative;z-index:2;margin-top:-78px;padding:0}
.recruit-banner-link{display:block;border-radius:20px}
.recruit-banner-frame{display:block;overflow:hidden;border-radius:20px}
.recruit-banner-frame picture,.recruit-banner-frame img{display:block;width:100%;height:auto}
/* 同梱バナーの白い外側余白だけを表示枠で調整。選択した画像には適用しません。 */
.recruit-banner-default img{margin-block:-4.54%}
.recruit-banner-link:focus-visible{outline:3px solid #598418;outline-offset:5px}

/* ==================== 02. 事業所の外観 / 写真全体を表示 ==================== */
.about-overview .about-access .ateria-office-photo{height:auto;background:#fff;max-width:360px;margin-inline:auto;box-shadow:none}
.about-overview .about-access .ateria-office-photo img{display:block;width:100%;height:auto;object-fit:contain}

/* ==================== 03. 選択したアイコン画像 ==================== */
.ateria-editable-icon{display:block;max-width:100%;object-fit:contain}
.feature-icon .ateria-editable-icon,.support-icon .ateria-editable-icon{width:72%;height:72%;margin:0;object-fit:contain}
body[data-page="service"] .service-card-icon img.ateria-editable-icon{width:72%;height:72%;margin:0;border-radius:0;object-fit:contain}
.flow-step-icon img.ateria-editable-icon{width:72px;height:72px;margin:0;border-radius:0;object-fit:contain}
.flow-support-icon img.ateria-editable-icon{width:90%;height:90%;margin:0;object-fit:contain}

/* ==================== 04. Googleマップ ==================== */
.ateria-map-embed{width:100%;aspect-ratio:4/3;min-height:220px;overflow:hidden;border-radius:10px;background:#f5f5f5}
.ateria-map-embed iframe{display:block;border:0;width:100%;height:100%;min-height:220px}
.ateria-map-open{margin:10px 0 20px;text-align:right;font-size:13px}
.ateria-map-open a{color:#9b6400;text-decoration:underline;text-underline-offset:3px}

/* ==================== 05. 編集後の長文・長い見出し ==================== */
.ateria-user-text{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.top-hero-grid>div,.page-hero-grid>div,.contact-hero-grid>div,.common-cta-inner>div{min-width:0}
@media(max-width:1024px){.recruit-banner{margin-top:-38px}}
@media(max-width:767px){
  .recruit-banner{margin-top:0}
  .recruit-banner-link,.recruit-banner-frame{border-radius:10px}
  .recruit-banner-default.recruit-banner-has-mobile img{margin-block:0}
  .about-overview .about-access .ateria-office-photo{max-width:320px}
}