Skip to content

フッターの採用情報をコンタクトの窓口へ移す #3306

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ma91n merged 2 commits into from
Sep 28, 2026
+23 −6
Merged

フッターの採用情報をコンタクトの窓口へ移す #3306

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4938fd7
フッターの採用情報をコンタクトの窓口へ移す (#3305)
ma91n Sep 28, 2026
2098aab
お仕事のご相談と採用を横に並べる (#3305)
ma91n Sep 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion themes/future/css-src/theme-styles.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -1400,7 +1411,7 @@ Footer
.footer-btn-icon .svg-icon {
margin-right: 0;
}
/* ボタンの土台。コンタクトの3つと下段の誤字報告で共有する */
/* ボタンの土台。コンタクトの4つと下段の誤字報告で共有する */
.footer-btn,
.footer-pr {
display: inline-flex;
Expand Down
16 changes: 11 additions & 5 deletions themes/future/layout/_partial/footer-columns.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,21 +92,27 @@
<a class="footer-btn footer-btn-icon" href="https://x.com/future_techblog" title="X で問い合わせる" aria-label="X で問い合わせる（外部サイト）" target="_blank" rel="nofollow noopener"><%- partial('svg-icon', {icon: 'brand-x'}) %></a>
</div>
</div>
<div class="footer-group">
<span class="footer-label">お仕事のご相談</span>
<a class="footer-btn footer-btn-fill" href="https://www.future.co.jp/architect/contact_us/" target="_blank" rel="noopener">お問い合わせ<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a>
<%# 採用は応募の窓口なので、会社を知る媒体の並び（企業情報）ではなく連絡の窓口の側に置く %>
<div class="footer-group-pair">
<div class="footer-group">
<span class="footer-label">お仕事のご相談</span>
<a class="footer-btn footer-btn-fill" href="https://www.future.co.jp/architect/contact_us/" target="_blank" rel="noopener">お問い合わせ<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a>
</div>
<div class="footer-group">
<span class="footer-label">採用</span>
<a class="footer-btn" href="https://www.future.co.jp/recruit/recruit/rec-career/" target="_blank" rel="noopener">採用情報<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a>
</div>
</div>
<div class="footer-group">
<span class="footer-label">企業情報</span>
<ul class="footer-list footer-list-inline">
<li><a class="footer-link" href="https://www.future.co.jp/recruit/recruit/rec-career/" target="_blank" rel="noopener">採用情報<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
<li><a class="footer-link" href="https://www.future.co.jp/lttf/" target="_blank" rel="noopener">LEAD TO THE FUTURE<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
<li><a class="footer-link" href="https://note.future.co.jp/" target="_blank" rel="noopener">未来報<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
<%# 会社のストーリー（現在11本）。行き先は個別の記事ではなく一覧（?tab=story）。
未来報の隣に置くのは、どちらも会社が出している読み物だから %>
<li><a class="footer-link" href="https://prtimes.jp/main/html/searchrlp/company_id/4374?tab=story" target="_blank" rel="noopener">PR TIMES STORY<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
<li><a class="footer-link" href="https://newspicks.com/user/6522/" target="_blank" rel="noopener">NewsPicks<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
<li><a class="footer-link" href="https://typeshukatsu.jp/s/article/industry/it/c-1162-2/" target="_blank" rel="noopener">type就活<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
<li><a class="footer-link" href="https://www.future.co.jp/lttf/" target="_blank" rel="noopener">LEAD TO THE FUTURE<span class="sr-only">（外部サイト）</span><%- partial('svg-icon', {icon: 'external-link', class_name: 'svg-icon-trailing'}).trim() %></a></li>
</ul>
</div>
</div>
Expand Down
Loading