@charset "UTF-8";
/* People and diagrams within the existing recruitment layout. */
.sales-page .sales-vivid-photo{width:90%;margin:24px auto 0;overflow:hidden}
.sales-page .sales-vivid-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px 0 22px 0}
.sales-page .sales-vivid-photo figcaption{font-size:1.2rem;line-height:1.8;letter-spacing:.025em;margin-top:12px;color:#444;text-align:left}
.sales-page .sales-vivid-heading-icon{margin:24px auto 0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f7eded}
.sales-vivid-heading-icon .sales-visual-icon{width:56px;height:56px}
.sales-vivid-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px}
.sales-vivid-tiles>div{min-width:0;padding:20px 14px;background:#f5f5f9;border-bottom:2px solid #B80000;border-radius:12px 0 12px 0}
.sales-vivid-tiles .sales-visual-icon{width:38px;height:38px;margin-bottom:12px}
.sales-vivid-tiles strong{display:block;font-size:1.5rem;font-weight:700;line-height:1.65;color:#333}
.sales-vivid-tiles p{font-size:1.2rem;line-height:1.8;margin-top:6px}
.sales-vivid-experience>div{position:relative}
.sales-vivid-experience>div:not(:last-child):after{content:'→';position:absolute;right:-14px;top:45%;z-index:1;font-size:1.8rem;color:#B80000}
.sales-vivid-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid #ddd}
.sales-vivid-process>span{display:flex;align-items:center;flex-direction:column;gap:10px;position:relative;text-align:center}
.sales-vivid-process .sales-visual-icon{width:36px;height:36px}
.sales-vivid-process b{font-size:1.3rem;line-height:1.6;font-weight:700}
.sales-vivid-process>span:not(:last-child):after{content:'→';position:absolute;right:-16px;top:13px;color:#B80000;font-size:1.6rem}
.sales-day-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;padding:0}
.sales-day-cards>li{min-width:0;background:#f5f5f9;padding:22px;border-top:2px solid #B80000;border-radius:12px 0 12px 0}
.sales-day-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#B80000;font-family:Inter,sans-serif;font-size:2.2rem;font-weight:700}
.sales-day-card-top .sales-visual-icon{width:38px;height:38px}
.sales-day-cards h4{font-size:1.5rem;font-weight:700;line-height:1.8;margin-bottom:10px}
.sales-day-cards p{font-size:1.3rem;line-height:1.9}
.sales-happiness{margin:0 0 30px;padding:26px 22px;background:#faf4f4;border-radius:24px 0 24px 0}
.sales-happiness-pair{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:8px;align-items:center}
.sales-happiness-pair>div{text-align:center;padding:20px 10px;border:1px solid #d9b7b7;background:#fff;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column}
.sales-happiness-pair .sales-visual-icon{width:42px;height:42px;margin-bottom:12px}
.sales-happiness-pair strong{font-size:1.6rem;font-weight:700;line-height:1.7;white-space:nowrap}
.sales-happiness-pair p{font-size:1.15rem;line-height:1.7;margin-top:8px}
.sales-happiness-pair>span{font-size:2.6rem;font-weight:700;text-align:center;color:#B80000}
.sales-happiness-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.sales-happiness-loop>div{position:relative;min-width:0;border-top:2px solid #B80000;padding-top:12px}
.sales-happiness-loop>div:not(:last-child):after{content:'→';position:absolute;right:-11px;top:8px;color:#B80000}
.sales-happiness-loop span{font-family:Inter,sans-serif;color:#B80000;font-size:1.3rem}
.sales-happiness-loop strong{display:block;font-size:1.2rem;line-height:1.8;font-weight:700;margin-top:8px}
.sales-happiness figcaption{font-size:1.3rem;line-height:1.9;text-align:center;margin-top:22px}
@media(min-width:768px) and (max-width:1023px){
 .sales-vivid-tiles{gap:10px}.sales-vivid-tiles>div{padding:16px 10px}.sales-vivid-tiles strong{font-size:1.35rem}
 .sales-happiness{padding:22px 14px}.sales-happiness-pair strong{font-size:1.3rem}.sales-happiness-pair p{font-size:1rem}.sales-happiness-pair .sales-visual-icon{width:32px;height:32px}
}
@media(max-width:767px){
 #top .detailed__mission__dt:has(.sales-vivid-photo){width:100%;padding-bottom:20px}
 .sales-page .sales-vivid-photo{width:100%;max-width:480px;margin-top:20px}
 .sales-page .sales-vivid-photo img{aspect-ratio:16/9;border-radius:18px 0 18px 0}
 .sales-page .sales-vivid-photo figcaption{font-size:1.2rem;text-align:center;margin-top:10px}
 .sales-page .sales-vivid-heading-icon{width:66px;height:66px;margin-top:16px}
 .sales-vivid-heading-icon .sales-visual-icon{width:38px;height:38px}
 .sales-vivid-tiles{gap:9px;margin-bottom:24px}.sales-vivid-tiles>div{padding:15px 9px}.sales-vivid-tiles .sales-visual-icon{width:30px;height:30px;margin-bottom:10px}
 .sales-vivid-tiles strong{font-size:1.2rem}.sales-vivid-tiles p{font-size:1.1rem}
 .sales-vivid-process{gap:12px}.sales-vivid-process .sales-visual-icon{width:29px;height:29px}.sales-vivid-process b{font-size:1.1rem}.sales-vivid-process>span:not(:last-child):after{right:-13px;font-size:1.3rem}
 .sales-day-cards{grid-template-columns:1fr;gap:14px}.sales-day-cards>li{padding:18px}.sales-day-card-top{margin-bottom:10px}.sales-day-cards h4{font-size:1.4rem}
 .sales-happiness{padding:20px 12px}.sales-happiness-pair{gap:4px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
 .sales-happiness-pair>div{padding:16px 5px;border-radius:18px 0 18px 0;aspect-ratio:auto;min-height:145px}
 .sales-happiness-pair .sales-visual-icon{width:34px;height:34px;margin-bottom:9px}.sales-happiness-pair strong{font-size:1.2rem;white-space:normal}.sales-happiness-pair p{font-size:1rem}.sales-happiness-pair>span{font-size:2rem}
 .sales-happiness-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.sales-happiness-loop>div:nth-child(2):after{display:none}.sales-happiness figcaption{font-size:1.2rem;text-align:left}
}