採用に関して多くお寄せいただくご質問をまとめております。
ご応募をご検討の際に、ぜひご確認ください。
.p-career__lead {
margin-bottom: clamp(56px, 8vw, 104px);
color: #000000;
font-size: clamp(18px, 2vw, 20px);
line-height: 2.2;
text-align: center;
}
/* ==========================================================================
Project: FAQ Navigation Buttons
========================================================================== */
.p-faq-nav {
/* Box Model */
width: 100%;
margin-bottom: clamp(64px, 8vw, 160px); /* 下のコンテンツとの余白 */
}
.p-faq-nav__inner {
/* Box Model */
display: flex;
justify-content: center;
gap: clamp(20px, 4vw, 40px);
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
.p-faq-nav__btn {
/* Positioning */
position: relative;
/* Box Model */
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: clamp(280px, 30vw, 360px);
min-height: clamp(60px, 7vw, 80px); /* 2行になっても高さを揃えるためmin-heightを使用 */
padding: 16px 40px; /* 右の矢印に被らないように余白確保 */
border-radius: 8px;
/* Visual */
background-color: #ffffff;
border: 1px solid #b3b3b3;
text-decoration: none;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.p-faq-nav__btn:hover {
/* Visual */
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
border-color: #999999;
}
.p-faq-nav__text {
/* Typography */
text-align: center;
font-family: “Noto Sans JP”, sans-serif;
font-size: clamp(14px, 1.2vw + 6px, 16px);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.1em;
color: #666666;
}
/* 括弧書きの文字を少し小さくする */
.p-faq-nav__text small {
font-size: 0.85em;
}
.p-faq-nav__icon {
/* Positioning */
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
/* Box Model */
width: 12px;
height: 8px;
}
/* 矢印（くの字）をCSSで描画 */
.p-faq-nav__icon::before,
.p-faq-nav__icon::after {
content: “”;
/* Positioning */
position: absolute;
top: 0;
/* Box Model */
width: 8px;
height: 1.5px;
/* Visual */
background-color: #666666;
}
.p-faq-nav__icon::before {
left: 1.5px;
transform: rotate(45deg);
transform-origin: top left;
}
.p-faq-nav__icon::after {
right: 1.5px;
transform: rotate(-45deg);
transform-origin: top right;
}
#career { margin-top: 0; margin-bottom: -70px; }
@media (max-width: 767px) {
#career { margin-bottom: -30px; }
}
/* ————————————————————————–
Media Queries (スマホ用上書き)
————————————————————————– */
@media (max-width: 767px) {
.p-faq-nav__inner {
/* Box Model */
flex-direction: column;
align-items: center;
gap: 16px;
}
.p-faq-nav__btn {
/* Box Model */
max-width: 100%;
}
}
