/* assets/css/layout.css
   - コンテナ、共通セクション、グリッド、レスポンシブの骨格
*/
.section__inner,
.site-footer__inner,
.page-main__inner,
.breadcrumb__inner {
  width:100%;
  max-width:var(--max-width);
  margin:0 auto;
  padding: 0 16px 50px;
}

.site-header__inner{
  width:90%;
  margin:0 auto;
  padding: 0 16px 50px;
}
.page-visual {
  background: linear-gradient(135deg, #005bbb, #003f7d);
  color: #fff;
  padding: 100px 0 120px;
  text-align: center;
  padding-top: 80px;
}

.page-visual__en {
  font-size: 16px;
  letter-spacing: 0.1em;
}

.page-visual__title {
  font-size: 36px;
  font-weight: 300;
  margin: 0%;
}
section{padding:0em 0;scroll-margin-top:80px}
.section__header{text-align:center;margin-bottom:40px}
.section__en{font-size:3.3rem;letter-spacing:0em;color:#1a478b;margin-bottom:4px;font-weight:600;text-align:center} 
.section__title{font-size:1.5rem;color:#999999;margin:0 0 36px; font-weight:450;text-align:center}
.section-lead,
.section__lead{color:var(--color-muted);margin:0 0 18px}

/* Grid helpers */

.office-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}

/* Responsive adjustments (レイアウトは変えない) */
@media (min-width:900px){
  .office-list{grid-template-columns:repeat(2,1fr)}
  .company-layout,.recruit-content{flex-direction:column}
}
@media (min-width:768px){
  .site-header__nav-list,
  .global-nav ul{display:none}
  .site-header__menu-toggle{display:inline-block}
  .section__inner{padding:28px 16px}
  .site-footer__inner{flex-direction:column;align-items:flex-start}
  .site-footer__sns{justify-content:flex-start;margin-top:12px}
}
@media (min-width:600px){
  .office-list{grid-template-columns:1fr}
  #hero{height:70vh}
  .header-inner,.site-header__inner{height:72px;padding:0 12px}
  .site-header__logo-img,.site-logo img{height:36px}
  .section__inner,
  .site-footer__inner,
  .page-main__inner,
  .breadcrumb__inner {
    width: 90%;
  }
}