/* Golden-ratio frame preserves every panel in a precomposed image. */
html[data-site-design="minimal-corporate"] main#main .hero[data-hero-media-ratio="golden"] > .hero-visual {
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.618033989;
  align-self:center;
}
html[data-site-design="minimal-corporate"] main#main .hero[data-hero-media-ratio="golden"] > .hero-visual::after {background:none!important}
html[data-site-design="minimal-corporate"] main#main .hero h1 {
  width:100%!important;max-width:100%!important;
  align-self:stretch!important;
  margin-inline:0!important;padding-inline:0!important;
  text-align:left!important;
}
html[data-site-design="minimal-corporate"] main#main .hero > .nayuta-template-details {display:none!important}
@media(min-width:761px) {
  html[data-site-design="minimal-corporate"] main#main .hero {grid-template-columns:minmax(0,38.1966011%) minmax(0,61.8033989%)}
  html[data-site-design="minimal-corporate"] main#main .hero[data-hero-media-ratio="golden"] > .hero-visual {align-self:start;margin-block-start:1px!important}
  html[data-site-design="minimal-corporate"] main#main .hero .hero-actions {display:flex;flex-wrap:wrap;gap:12px}
  html[data-site-design="minimal-corporate"] main#main .hero .hero-actions .button {flex:1 1 9rem;gap:12px;white-space:nowrap}
}
@media(max-width:760px) {
  html[data-site-design="minimal-corporate"] main#main .hero[data-hero-media-ratio="golden"] > .hero-visual {align-self:start}
}
html[data-site-design="minimal-corporate"] .hero[data-hero-media-ratio="golden"] .hero-main-photo img {object-fit:contain!important;transform:none!important;scale:1!important}

/* Shared Minimal Corporate vocabulary: left alignment and square edges. */
html[data-site-design="minimal-corporate"] main#main .section-intro,
html[data-site-design="minimal-corporate"] main#main .section-heading {
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  max-width:none!important;
  margin-inline:0!important;
}
html[data-site-design="minimal-corporate"] main#main .section-heading h2 {
  font-family:var(--font-sans)!important;font-weight:600!important;
  text-align:left!important;margin-inline:0!important;
}
html[data-site-design="minimal-corporate"] main#main .section-heading h2::after,
html[data-site-design="minimal-corporate"] main#main .section-heading::after {margin-inline:0!important}
html[data-site-design="minimal-corporate"] main#main #faq .faq-list {max-width:none!important;width:100%;margin-inline:0!important}
html[data-site-design="minimal-corporate"] main#main :is(.image-window,.journal-card,.journal-card-photo,.journal-item,.journal-item figure,.faq-item,.faq-list details,.member-banner,.button,.member-banner-link,.contact-option) {border-radius:0!important}

/* Search is a sibling section, using the existing Minimal footer cushion tone. */
html[data-site-design="minimal-corporate"] main#main .minimal-search-section {
  background:var(--pale,#f2f1ed);
  padding:clamp(48px,5vw,80px) 0;
}
html[data-site-design="minimal-corporate"] main#main .minimal-search-section > .hero-search-panel {
  width:min(100%,var(--shell))!important;
  max-width:none;margin:0 auto!important;padding:0 40px;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
.minimal-collage-panels {display:none}
/* Match the existing HOME section-shell gutters, without nested form insets. */
@media(max-width:960px) {
  html[data-site-design="minimal-corporate"] main#main .minimal-search-section > .hero-search-panel {padding-inline:28px}
}
@media(max-width:620px) {
  html[data-site-design="minimal-corporate"] main#main .minimal-search-section > .hero-search-panel {padding-inline:20px}
}
/* The tinted section separates search; keep rules only on individual fields. */
html[data-site-design="minimal-corporate"] main#main .minimal-search-section .hero-quick-form {
  border-block:0;padding-inline:0!important;
}
html[data-site-design="minimal-corporate"] main#main .minimal-search-section .hero-search-more {
  border-top:0;
}
html[data-site-design="minimal-corporate"] main#main .minimal-search-section .hero-search-more a {
  padding-inline:0;
}
html[data-site-design="minimal-corporate"] .mobile-utility-bar .utility-visit {
  background:var(--action);
}
html[data-site-design="minimal-corporate"] main#main #news {
  background:var(--pale);
}
@media(min-width:1200px) {
  html[data-site-design="minimal-corporate"] main#main .hero:has([data-minimal-adaptive-collage]) > .hero-visual {
    height:calc(100% - 1px)!important;min-height:520px!important;
    aspect-ratio:auto;align-self:stretch!important;
  }
  html[data-site-design="minimal-corporate"] main#main .hero:has([data-minimal-adaptive-collage]) > .hero-copy-block {align-self:stretch!important}
  [data-minimal-adaptive-collage] > picture {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  [data-minimal-adaptive-collage] .minimal-collage-panels {position:absolute;inset:0;display:flex;gap:3px;overflow:hidden;background:#f2f1ed}
  .minimal-collage-panels > .minimal-collage-panel {flex:1 1 0;min-width:0;height:100%;width:100%;overflow:hidden}
  .minimal-collage-side {display:grid;grid-template-rows:618fr 378fr;gap:3px;height:100%;aspect-ratio:614/1000;flex:0 1 auto;max-width:61.8%;min-width:0}
  .minimal-collage-side .minimal-collage-panel {display:block;min-height:0;width:100%;height:100%;overflow:hidden}
}
@media(min-width:761px) and (max-width:1199px) {
  html[data-site-design="minimal-corporate"] main#main .hero {grid-template-columns:minmax(0,1fr)}
  html[data-site-design="minimal-corporate"] main#main .hero > .hero-visual {grid-column:1/-1!important;grid-row:1!important;width:100%!important;max-width:none!important}
  html[data-site-design="minimal-corporate"] main#main .hero > .hero-copy-block {grid-column:1/-1!important;grid-row:2!important}
}
@media(max-width:760px) {
  html[data-site-design="minimal-corporate"] main#main .minimal-search-section {padding:32px 0}
}

/* キーボード操作のフォーカス表示（受入確認 2026-10-15）。
   HOMEの物件検索の選択欄は、親枠の淡い影（透明度14%）だけでは位置がほぼ見えなかった。
   見た目の配置・色は変えず、フォーカス時だけ内側に枠を出す。 */
html[data-site-design="minimal-corporate"] main#main .hero-quick-field select:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: -2px;
}