diff --git a/themes/future/css-src/theme-styles.styl b/themes/future/css-src/theme-styles.styl index 1ba1092a343..500a7cc7676 100644 --- a/themes/future/css-src/theme-styles.styl +++ b/themes/future/css-src/theme-styles.styl @@ -1380,6 +1380,17 @@ Footer flex-direction: column; gap: 8px; } +/* お仕事のご相談と採用を横に並べる。コンタクトの列は 992〜1199px で 205px しか無く + ボタン2つ(各 120px)が入らないので、入らない幅では縦に積む */ +.footer-group-pair { + display: flex; + flex-wrap: wrap; + gap: 20px 8px; +} +.footer-group-pair .footer-group { + flex: 1 1 0; + min-width: max-content; +} .footer-label { color: var(--on-dark-mute); font-size: text-meta; @@ -1400,7 +1411,7 @@ Footer .footer-btn-icon .svg-icon { margin-right: 0; } -/* ボタンの土台。コンタクトの3つと下段の誤字報告で共有する */ +/* ボタンの土台。コンタクトの4つと下段の誤字報告で共有する */ .footer-btn, .footer-pr { display: inline-flex; diff --git a/themes/future/layout/_partial/footer-columns.ejs b/themes/future/layout/_partial/footer-columns.ejs index 41d94e63fed..9dfd1937ea6 100644 --- a/themes/future/layout/_partial/footer-columns.ejs +++ b/themes/future/layout/_partial/footer-columns.ejs @@ -92,21 +92,27 @@ <%- partial('svg-icon', {icon: 'brand-x'}) %> -