@charset "UTF-8";
/* 営業採用の写真・図解。既存サイトの色、余白、見出しを引き継ぐ。 */
.sales-visual-icon{display:block;flex-shrink:0;color:#B80000}
.sales-scene-hero img,.sales-scene img{object-position:center top}
.sales-scene figcaption{font-size:1.4rem;line-height:1.8;text-align:center;margin-top:14px;color:#444}
.sales-highlights{width:min(100%,1100px);margin:30px auto 46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 0;border-top:1px solid #dedee7;border-bottom:1px solid #dedee7}
.sales-highlights li{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;font-weight:700;font-size:1.7rem}
.sales-highlights .sales-visual-icon{width:48px;height:48px}
#top .sales-process-flow,#top .sales-learning-flow{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:0;padding:0}
#top .sales-process-flow li,#top .sales-learning-flow li{position:relative;min-width:0;border-top:2px solid #B80000;padding:20px 0 8px}
#top .sales-process-flow li:nth-child(odd)::after{content:"→";position:absolute;right:-23px;top:30px;color:#B80000;font-size:2rem}
.sales-flow-icon{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sales-flow-icon .sales-visual-icon{width:42px;height:42px}
.sales-flow-number{font-family:Inter,sans-serif;font-size:2.6rem;color:#B80000;font-weight:700;line-height:1}
.sales-flow-text{font-size:1.4rem;line-height:1.9}
.sales-flow-text strong{font-weight:700}
#top .sales-learning-flow{grid-template-columns:1fr;gap:20px}
#top .sales-learning-flow li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;padding-top:20px}
#top .sales-learning-flow .sales-flow-icon{flex-direction:column;gap:7px;margin:0}
.sales-collaboration{margin:30px auto 50px;width:min(100%,1100px)}
.sales-collaboration>h3{text-align:center;font-size:2.2rem;font-weight:700;line-height:1.6;margin-bottom:30px}
.sales-collaboration>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sales-collaboration li{position:relative;text-align:center;padding:22px 16px;background:#fff;border-radius:24px 0 24px 0;min-width:0}
.sales-collaboration li:not(:last-child)::after{content:"＋";position:absolute;right:-21px;top:40%;font-size:2rem;color:#B80000;font-weight:700;z-index:1}
.sales-collaboration .sales-visual-icon{width:56px;height:56px;margin:0 auto 14px}
.sales-collaboration h4{font-size:1.8rem;font-weight:700;line-height:1.6;margin-bottom:7px}
.sales-collaboration li p{font-size:1.4rem;line-height:1.8}
.sales-collaboration-caption{text-align:center;font-size:1.5rem;font-weight:700;line-height:1.8;margin-top:24px}
.sales-visual-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px auto 48px;width:min(100%,1100px)}
.sales-visual-facts li{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;min-width:0}
.sales-visual-facts .sales-visual-icon{width:48px;height:48px}
.sales-visual-facts__value{font-size:2.4rem;font-weight:700;color:#B80000;line-height:1.5;white-space:nowrap}
.sales-visual-facts li p:not(.sales-visual-facts__value){font-size:1.3rem;line-height:1.8}
@media(max-width:1023px){
 .sales-collaboration>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sales-collaboration li:nth-child(2)::after{display:none}
 .sales-visual-facts li{flex-direction:column;text-align:center;gap:10px}
 .sales-visual-facts__value{font-size:2rem}
}
@media(max-width:767px){
 .sales-scene-hero img,.sales-scene img{aspect-ratio:16/9;object-position:center}
 .sales-scene figcaption{font-size:1.2rem;text-align:left}
 .sales-highlights{gap:8px;padding:20px 0;margin:24px auto 32px}
 .sales-highlights li{flex-direction:column;gap:8px;text-align:center;font-size:1.2rem;line-height:1.6}
 .sales-highlights .sales-visual-icon{width:36px;height:36px}
 #top .sales-process-flow{grid-template-columns:1fr;gap:18px}
 #top .sales-process-flow li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px}
 #top .sales-process-flow li:nth-child(odd)::after{display:none}
 #top .sales-process-flow .sales-flow-icon{flex-direction:column;gap:7px;margin:0}
 #top .sales-learning-flow li{grid-template-columns:50px minmax(0,1fr);gap:12px}
 .sales-flow-icon .sales-visual-icon{width:36px;height:36px}
 .sales-flow-number{font-size:2.2rem}
 .sales-flow-text{font-size:1.3rem}
 .sales-collaboration{margin:24px auto 36px}
 .sales-collaboration>h3{font-size:1.8rem;margin-bottom:22px}
 .sales-collaboration>ul{gap:16px}
 .sales-collaboration li{padding:18px 10px;border-radius:20px 0 20px 0}
 .sales-collaboration li::after{display:none}
 .sales-collaboration .sales-visual-icon{width:42px;height:42px;margin-bottom:10px}
 .sales-collaboration h4{font-size:1.4rem}
 .sales-collaboration li p{font-size:1.2rem}
 .sales-collaboration-caption{font-size:1.3rem;text-align:left}
 .sales-visual-facts{grid-template-columns:1fr;gap:0;margin:26px auto 34px}
 .sales-visual-facts li{flex-direction:row;text-align:left;justify-content:flex-start;gap:18px;padding:18px 12px;border-top:0}
 .sales-visual-facts li:first-child{border-top:1px solid #ddd}
 .sales-visual-facts .sales-visual-icon{width:42px;height:42px}
 .sales-visual-facts__value{font-size:2.2rem}
}