@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"Sales Office"

Cascading Style Sheet Setting File

Ver.20251122

------------------------------------------------------------------------------------------------------------------------ **/

#content{background: url(/recruit/renew/img/sales-office/sal-hed-bg.jpg) no-repeat left top;background-size:860px 800px;}
.sal-anc{padding:200px 0 120px;}
.sal-anc-tit{padding:0 0 120px;font-size:32px;font-weight:bold;}
.sal-anc-txt{padding:0 0 50px;font-size:16px;line-height:2;}
.sal-anc-list{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.sal-anc-list li{top:0;transition:top 0.3s ease-out;position:relative;padding:10px 10px 50px;max-width:150px;width:calc(100% / 6 - 20px * 5 / 6);box-sizing:border-box;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);background: #fff;}
.sal-anc-list li::after{content:" ";display:block;position:absolute;bottom:20px;left:calc(50% - 5px);width:6px;height:6px;border-bottom:2px solid #888;border-right:2px solid #888;transform:rotate(45deg);}
.sal-anc-list li:hover{top:-30px;}
.sal-anc-list-img{width:100%;height:auto;border-radius:5px;}
.sal-anc-list-tit{font-size:16px;padding:15px 0 5px;font-weight:bold;}
.sal-anc-list-area{font-size:12px;color:#f03;font-weight:bold;}
.sal-off{position:relative;padding:80px 0 240px;margin:auto;overflow:hidden;}
.sal-off::before{content:" ";display:block;width:100%;height:1px;background:#ddd;max-width:1240px;top:0;left:50%;transform:translate(-50%, 0);position:absolute;}
.sal-off-hed{display:flex;flex-wrap:wrap;align-items:center;}
.sal-off-hed-tit{font-size:80px;font-weight:bold;font-family:"Poppins", sans-serif;font-weight:600;}
.sal-off-hed-sub{margin:0 0 0 auto;font-size:18px;font-weight:bold;color:#f03;}
.sal-off-hed-pla{padding:30px 0 80px;width:100%;text-align:left;font-size:15px;}
.sal-off-hed-map img{vertical-align:text-top;}
.sal-off-hed-time{padding:0 0 0 40px;}
.sal-off-info{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left;padding:0 0 80px;}
.sal-off-info-left{width:calc(100% - 410px);position: relative;}
.sal-off-info-left::after{content:" ";display: block;width:100%;top:0;bottom:0;position: absolute;transition: width 0.8s ease-out;background: #fff;}
.sal-off-info-left.view::after{width:0;}
.sal-off-info-left img{width:100%;height:auto;border-radius:10px;}
.sal-off-info-right{width:360px;}
.sal-off-info-right h4{font-size:24px;font-weight:bold;padding:0 0 30px;}
.sal-off-info-txt{line-height:2;padding:0 0 60px;}
.sal-off-info-stf{position:relative;padding:60px 0 0;border-top:1px #ddd solid;margin:auto 0 0;}
.sal-off-info-stf:after{content:" ";display:block;clear:both;visibility:hidden;}
.sal-off-info-stf img{width:30%;height:auto;float:left;border-radius:5px;}
.sal-off-info-stf h5{width:65%;float:right;font-size:18px;font-weight:bold;line-height:1.5;padding:0 0 10px;}
.sal-off-info-stf h5 small{display:block;font-size:13px;font-weight:bold;}
.sal-off-info-stf p{width:65%;float:right;padding:0;}
.sal-off-dat{padding:0 0 80px;}
#aoto .sal-off-dat{padding-bottom:0;}
#airport .sal-off-dat{padding-bottom:0;}
.sal-off-dat h3{padding:0 0 0 20px;margin:0 0 20px;position:relative;text-align:left;font-size:20px;font-weight:bold;}
.sal-off-dat h3::before{content:" ";display:block;width:8px;height:2px;position:absolute;top:calc(50% - 1px);left:0;background:#000;}
.sal-off-dat h3::after{content:" ";display: block;clear: both;visibility: hidden;}
.sal-off-dat-list{display:flex;gap:20px;justify-content:space-between;}
.sal-off-dat-list li{max-width:370px;width:calc(33.33% - 20px * 2 / 3);box-sizing:border-box;background:#FFFAFB;text-align:left;border-radius:10px;}
.sal-off-dat-list h4{font-size:20px;font-weight:bold;padding:30px 0 0;text-align:center;}
.sal-off-dat-att{padding:0 0 0 20px;font-size: 12px;font-weight: normal;vertical-align: middle;}
.sal-off-dat-mem h4{padding:30px 0 80px;}
.sal-off-dat-mem div{margin:auto;line-height:1.5;color:#FF0033;text-align:center;padding:0 0 30px;}
.sal-off-dat-mem div strong{margin:auto;font-size:90px;font-weight:bold;font-family:'Oswald', sans-serif;font-weight:500;line-height:1;}
.sal-off-dat-mem div small{margin:auto;font-size:30px;font-weight:bold;line-height:1;}
.sal-off-dat-age h4{padding:30px 0 40px;}
.sal-off-dat-age dl{color:#FF0033;width:calc(100% - 40px);margin:auto;max-width:240px;padding:0 0 30px;display:flex;flex-wrap:wrap;line-height:1;}
.sal-off-dat-age dl dt{padding:10px 0;width:70px;border-right:3px #FF0033 solid;box-sizing:border-box;display: flex;align-items: end;}
.sal-off-dat-age dl dd{padding:10px 0;width:calc(100% - 70px);box-sizing:border-box;display:flex;align-items:end;}
.sal-off-dat-age dl dd span{background:#FF0033;height:100%;width:0;}
.sal-off-dat-age dl dd strong{padding:0 0 0 5px;}
.sal-off-dat-age.view .sal-off-dat-age-bar1{animation:sal-off-dat-age-bar1-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar2{animation:sal-off-dat-age-bar2-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar3{animation:sal-off-dat-age-bar3-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar4{animation:sal-off-dat-age-bar4-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar5{animation:sal-off-dat-age-bar5-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar6{animation:sal-off-dat-age-bar6-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar7{animation:sal-off-dat-age-bar7-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar8{animation:sal-off-dat-age-bar8-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar9{animation:sal-off-dat-age-bar9-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar10{animation:sal-off-dat-age-bar10-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar11{animation:sal-off-dat-age-bar11-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar12{animation:sal-off-dat-age-bar12-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar13{animation:sal-off-dat-age-bar13-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar14{animation:sal-off-dat-age-bar14-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar15{animation:sal-off-dat-age-bar15-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar16{animation:sal-off-dat-age-bar16-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar17{animation:sal-off-dat-age-bar17-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar18{animation:sal-off-dat-age-bar18-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar19{animation:sal-off-dat-age-bar19-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar20{animation:sal-off-dat-age-bar20-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar21{animation:sal-off-dat-age-bar21-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar22{animation:sal-off-dat-age-bar22-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar23{animation:sal-off-dat-age-bar23-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar24{animation:sal-off-dat-age-bar24-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar25{animation:sal-off-dat-age-bar25-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar26{animation:sal-off-dat-age-bar26-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar27{animation:sal-off-dat-age-bar27-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar28{animation:sal-off-dat-age-bar28-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar29{animation:sal-off-dat-age-bar29-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar30{animation:sal-off-dat-age-bar30-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar31{animation:sal-off-dat-age-bar31-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar32{animation:sal-off-dat-age-bar32-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar33{animation:sal-off-dat-age-bar33-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar34{animation:sal-off-dat-age-bar34-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar35{animation:sal-off-dat-age-bar35-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar36{animation:sal-off-dat-age-bar36-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar37{animation:sal-off-dat-age-bar37-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar38{animation:sal-off-dat-age-bar38-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar39{animation:sal-off-dat-age-bar39-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar40{animation:sal-off-dat-age-bar40-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar41{animation:sal-off-dat-age-bar41-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar42{animation:sal-off-dat-age-bar42-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar43{animation:sal-off-dat-age-bar43-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar44{animation:sal-off-dat-age-bar44-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar45{animation:sal-off-dat-age-bar45-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar46{animation:sal-off-dat-age-bar46-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar47{animation:sal-off-dat-age-bar47-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar48{animation:sal-off-dat-age-bar48-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar49{animation:sal-off-dat-age-bar49-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar50{animation:sal-off-dat-age-bar50-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar51{animation:sal-off-dat-age-bar51-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar52{animation:sal-off-dat-age-bar52-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar53{animation:sal-off-dat-age-bar53-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar54{animation:sal-off-dat-age-bar54-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar55{animation:sal-off-dat-age-bar55-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar56{animation:sal-off-dat-age-bar56-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar57{animation:sal-off-dat-age-bar57-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar58{animation:sal-off-dat-age-bar58-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar59{animation:sal-off-dat-age-bar59-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar60{animation:sal-off-dat-age-bar60-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar61{animation:sal-off-dat-age-bar61-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar62{animation:sal-off-dat-age-bar62-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar63{animation:sal-off-dat-age-bar63-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar64{animation:sal-off-dat-age-bar64-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar65{animation:sal-off-dat-age-bar65-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar66{animation:sal-off-dat-age-bar66-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar67{animation:sal-off-dat-age-bar67-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar68{animation:sal-off-dat-age-bar68-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar69{animation:sal-off-dat-age-bar69-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar70{animation:sal-off-dat-age-bar70-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar71{animation:sal-off-dat-age-bar71-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar72{animation:sal-off-dat-age-bar72-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar73{animation:sal-off-dat-age-bar73-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar74{animation:sal-off-dat-age-bar74-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar75{animation:sal-off-dat-age-bar75-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar76{animation:sal-off-dat-age-bar76-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar77{animation:sal-off-dat-age-bar77-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar78{animation:sal-off-dat-age-bar78-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar79{animation:sal-off-dat-age-bar79-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar80{animation:sal-off-dat-age-bar80-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar81{animation:sal-off-dat-age-bar81-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar82{animation:sal-off-dat-age-bar82-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar83{animation:sal-off-dat-age-bar83-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar84{animation:sal-off-dat-age-bar84-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar85{animation:sal-off-dat-age-bar85-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar86{animation:sal-off-dat-age-bar86-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar87{animation:sal-off-dat-age-bar87-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar88{animation:sal-off-dat-age-bar88-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar89{animation:sal-off-dat-age-bar89-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar90{animation:sal-off-dat-age-bar90-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar91{animation:sal-off-dat-age-bar91-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar92{animation:sal-off-dat-age-bar92-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar93{animation:sal-off-dat-age-bar93-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar94{animation:sal-off-dat-age-bar94-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar95{animation:sal-off-dat-age-bar95-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar96{animation:sal-off-dat-age-bar96-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar97{animation:sal-off-dat-age-bar97-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar98{animation:sal-off-dat-age-bar98-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar99{animation:sal-off-dat-age-bar99-act 0.6s forwards linear;}
.sal-off-dat-age.view .sal-off-dat-age-bar100{animation:sal-off-dat-age-bar100-act 0.6s forwards linear;}
@keyframes sal-off-dat-age-bar1-act{from {width:0;}to {width:calc(1% - 60px * 0.01);}}
@keyframes sal-off-dat-age-bar2-act{from {width:0;}to {width:calc(2% - 60px * 0.02);}}
@keyframes sal-off-dat-age-bar3-act{from {width:0;}to {width:calc(3% - 60px * 0.03);}}
@keyframes sal-off-dat-age-bar4-act{from {width:0;}to {width:calc(4% - 60px * 0.04);}}
@keyframes sal-off-dat-age-bar5-act{from {width:0;}to {width:calc(5% - 60px * 0.05);}}
@keyframes sal-off-dat-age-bar6-act{from {width:0;}to {width:calc(6% - 60px * 0.06);}}
@keyframes sal-off-dat-age-bar7-act{from {width:0;}to {width:calc(7% - 60px * 0.07);}}
@keyframes sal-off-dat-age-bar8-act{from {width:0;}to {width:calc(8% - 60px * 0.08);}}
@keyframes sal-off-dat-age-bar9-act{from {width:0;}to {width:calc(9% - 60px * 0.09);}}
@keyframes sal-off-dat-age-bar10-act{from {width:0;}to {width:calc(10% - 60px * 0.1);}}
@keyframes sal-off-dat-age-bar11-act{from {width:0;}to {width:calc(11% - 60px * 0.11);}}
@keyframes sal-off-dat-age-bar12-act{from {width:0;}to {width:calc(12% - 60px * 0.12);}}
@keyframes sal-off-dat-age-bar13-act{from {width:0;}to {width:calc(13% - 60px * 0.13);}}
@keyframes sal-off-dat-age-bar14-act{from {width:0;}to {width:calc(14% - 60px * 0.14);}}
@keyframes sal-off-dat-age-bar15-act{from {width:0;}to {width:calc(15% - 60px * 0.15);}}
@keyframes sal-off-dat-age-bar16-act{from {width:0;}to {width:calc(16% - 60px * 0.16);}}
@keyframes sal-off-dat-age-bar17-act{from {width:0;}to {width:calc(17% - 60px * 0.17);}}
@keyframes sal-off-dat-age-bar18-act{from {width:0;}to {width:calc(18% - 60px * 0.18);}}
@keyframes sal-off-dat-age-bar19-act{from {width:0;}to {width:calc(19% - 60px * 0.19);}}
@keyframes sal-off-dat-age-bar20-act{from {width:0;}to {width:calc(20% - 60px * 0.2);}}
@keyframes sal-off-dat-age-bar21-act{from {width:0;}to {width:calc(21% - 60px * 0.21);}}
@keyframes sal-off-dat-age-bar22-act{from {width:0;}to {width:calc(22% - 60px * 0.22);}}
@keyframes sal-off-dat-age-bar23-act{from {width:0;}to {width:calc(23% - 60px * 0.23);}}
@keyframes sal-off-dat-age-bar24-act{from {width:0;}to {width:calc(24% - 60px * 0.24);}}
@keyframes sal-off-dat-age-bar25-act{from {width:0;}to {width:calc(25% - 60px * 0.25);}}
@keyframes sal-off-dat-age-bar26-act{from {width:0;}to {width:calc(26% - 60px * 0.26);}}
@keyframes sal-off-dat-age-bar27-act{from {width:0;}to {width:calc(27% - 60px * 0.27);}}
@keyframes sal-off-dat-age-bar28-act{from {width:0;}to {width:calc(28% - 60px * 0.28);}}
@keyframes sal-off-dat-age-bar29-act{from {width:0;}to {width:calc(29% - 60px * 0.29);}}
@keyframes sal-off-dat-age-bar30-act{from {width:0;}to {width:calc(30% - 60px * 0.3);}}
@keyframes sal-off-dat-age-bar31-act{from {width:0;}to {width:calc(31% - 60px * 0.31);}}
@keyframes sal-off-dat-age-bar32-act{from {width:0;}to {width:calc(32% - 60px * 0.32);}}
@keyframes sal-off-dat-age-bar33-act{from {width:0;}to {width:calc(33% - 60px * 0.33);}}
@keyframes sal-off-dat-age-bar34-act{from {width:0;}to {width:calc(34% - 60px * 0.34);}}
@keyframes sal-off-dat-age-bar35-act{from {width:0;}to {width:calc(35% - 60px * 0.35);}}
@keyframes sal-off-dat-age-bar36-act{from {width:0;}to {width:calc(36% - 60px * 0.36);}}
@keyframes sal-off-dat-age-bar37-act{from {width:0;}to {width:calc(37% - 60px * 0.37);}}
@keyframes sal-off-dat-age-bar38-act{from {width:0;}to {width:calc(38% - 60px * 0.38);}}
@keyframes sal-off-dat-age-bar39-act{from {width:0;}to {width:calc(39% - 60px * 0.39);}}
@keyframes sal-off-dat-age-bar40-act{from {width:0;}to {width:calc(40% - 60px * 0.4);}}
@keyframes sal-off-dat-age-bar41-act{from {width:0;}to {width:calc(41% - 60px * 0.41);}}
@keyframes sal-off-dat-age-bar42-act{from {width:0;}to {width:calc(42% - 60px * 0.42);}}
@keyframes sal-off-dat-age-bar43-act{from {width:0;}to {width:calc(43% - 60px * 0.43);}}
@keyframes sal-off-dat-age-bar44-act{from {width:0;}to {width:calc(44% - 60px * 0.44);}}
@keyframes sal-off-dat-age-bar45-act{from {width:0;}to {width:calc(45% - 60px * 0.45);}}
@keyframes sal-off-dat-age-bar46-act{from {width:0;}to {width:calc(46% - 60px * 0.46);}}
@keyframes sal-off-dat-age-bar47-act{from {width:0;}to {width:calc(47% - 60px * 0.47);}}
@keyframes sal-off-dat-age-bar48-act{from {width:0;}to {width:calc(48% - 60px * 0.48);}}
@keyframes sal-off-dat-age-bar49-act{from {width:0;}to {width:calc(49% - 60px * 0.49);}}
@keyframes sal-off-dat-age-bar50-act{from {width:0;}to {width:calc(50% - 60px * 0.5);}}
@keyframes sal-off-dat-age-bar51-act{from {width:0;}to {width:calc(51% - 60px * 0.51);}}
@keyframes sal-off-dat-age-bar52-act{from {width:0;}to {width:calc(52% - 60px * 0.52);}}
@keyframes sal-off-dat-age-bar53-act{from {width:0;}to {width:calc(53% - 60px * 0.53);}}
@keyframes sal-off-dat-age-bar54-act{from {width:0;}to {width:calc(54% - 60px * 0.54);}}
@keyframes sal-off-dat-age-bar55-act{from {width:0;}to {width:calc(55% - 60px * 0.55);}}
@keyframes sal-off-dat-age-bar56-act{from {width:0;}to {width:calc(56% - 60px * 0.56);}}
@keyframes sal-off-dat-age-bar57-act{from {width:0;}to {width:calc(57% - 60px * 0.57);}}
@keyframes sal-off-dat-age-bar58-act{from {width:0;}to {width:calc(58% - 60px * 0.58);}}
@keyframes sal-off-dat-age-bar59-act{from {width:0;}to {width:calc(59% - 60px * 0.59);}}
@keyframes sal-off-dat-age-bar60-act{from {width:0;}to {width:calc(60% - 60px * 0.6);}}
@keyframes sal-off-dat-age-bar61-act{from {width:0;}to {width:calc(61% - 60px * 0.61);}}
@keyframes sal-off-dat-age-bar62-act{from {width:0;}to {width:calc(62% - 60px * 0.62);}}
@keyframes sal-off-dat-age-bar63-act{from {width:0;}to {width:calc(63% - 60px * 0.63);}}
@keyframes sal-off-dat-age-bar64-act{from {width:0;}to {width:calc(64% - 60px * 0.64);}}
@keyframes sal-off-dat-age-bar65-act{from {width:0;}to {width:calc(65% - 60px * 0.65);}}
@keyframes sal-off-dat-age-bar66-act{from {width:0;}to {width:calc(66% - 60px * 0.66);}}
@keyframes sal-off-dat-age-bar67-act{from {width:0;}to {width:calc(67% - 60px * 0.67);}}
@keyframes sal-off-dat-age-bar68-act{from {width:0;}to {width:calc(68% - 60px * 0.68);}}
@keyframes sal-off-dat-age-bar69-act{from {width:0;}to {width:calc(69% - 60px * 0.69);}}
@keyframes sal-off-dat-age-bar70-act{from {width:0;}to {width:calc(70% - 60px * 0.7);}}
@keyframes sal-off-dat-age-bar71-act{from {width:0;}to {width:calc(71% - 60px * 0.71);}}
@keyframes sal-off-dat-age-bar72-act{from {width:0;}to {width:calc(72% - 60px * 0.72);}}
@keyframes sal-off-dat-age-bar73-act{from {width:0;}to {width:calc(73% - 60px * 0.73);}}
@keyframes sal-off-dat-age-bar74-act{from {width:0;}to {width:calc(74% - 60px * 0.74);}}
@keyframes sal-off-dat-age-bar75-act{from {width:0;}to {width:calc(75% - 60px * 0.75);}}
@keyframes sal-off-dat-age-bar76-act{from {width:0;}to {width:calc(76% - 60px * 0.76);}}
@keyframes sal-off-dat-age-bar77-act{from {width:0;}to {width:calc(77% - 60px * 0.77);}}
@keyframes sal-off-dat-age-bar78-act{from {width:0;}to {width:calc(78% - 60px * 0.78);}}
@keyframes sal-off-dat-age-bar79-act{from {width:0;}to {width:calc(79% - 60px * 0.79);}}
@keyframes sal-off-dat-age-bar80-act{from {width:0;}to {width:calc(80% - 60px * 0.8);}}
@keyframes sal-off-dat-age-bar81-act{from {width:0;}to {width:calc(81% - 60px * 0.81);}}
@keyframes sal-off-dat-age-bar82-act{from {width:0;}to {width:calc(82% - 60px * 0.82);}}
@keyframes sal-off-dat-age-bar83-act{from {width:0;}to {width:calc(83% - 60px * 0.83);}}
@keyframes sal-off-dat-age-bar84-act{from {width:0;}to {width:calc(84% - 60px * 0.84);}}
@keyframes sal-off-dat-age-bar85-act{from {width:0;}to {width:calc(85% - 60px * 0.85);}}
@keyframes sal-off-dat-age-bar86-act{from {width:0;}to {width:calc(86% - 60px * 0.86);}}
@keyframes sal-off-dat-age-bar87-act{from {width:0;}to {width:calc(87% - 60px * 0.87);}}
@keyframes sal-off-dat-age-bar88-act{from {width:0;}to {width:calc(88% - 60px * 0.88);}}
@keyframes sal-off-dat-age-bar89-act{from {width:0;}to {width:calc(89% - 60px * 0.89);}}
@keyframes sal-off-dat-age-bar90-act{from {width:0;}to {width:calc(90% - 60px * 0.9);}}
@keyframes sal-off-dat-age-bar91-act{from {width:0;}to {width:calc(91% - 60px * 0.91);}}
@keyframes sal-off-dat-age-bar92-act{from {width:0;}to {width:calc(92% - 60px * 0.92);}}
@keyframes sal-off-dat-age-bar93-act{from {width:0;}to {width:calc(93% - 60px * 0.93);}}
@keyframes sal-off-dat-age-bar94-act{from {width:0;}to {width:calc(94% - 60px * 0.94);}}
@keyframes sal-off-dat-age-bar95-act{from {width:0;}to {width:calc(95% - 60px * 0.95);}}
@keyframes sal-off-dat-age-bar96-act{from {width:0;}to {width:calc(96% - 60px * 0.96);}}
@keyframes sal-off-dat-age-bar97-act{from {width:0;}to {width:calc(97% - 60px * 0.97);}}
@keyframes sal-off-dat-age-bar98-act{from {width:0;}to {width:calc(98% - 60px * 0.98);}}
@keyframes sal-off-dat-age-bar99-act{from {width:0;}to {width:calc(99% - 60px * 0.99);}}
@keyframes sal-off-dat-age-bar100-act{from {width:0;}to {width:calc(100% - 60px * 1);}}
.sal-off-dat-age strong{font-size:32px;font-weight:bold;font-family:'Oswald', sans-serif;font-weight:500;}
.sal-off-dat-age small{font-size:13px;font-weight:bold;}
.sal-off-dat-age dl dt span{white-space:nowrap;font-size: 11px;display: block;padding: 3px 0 0;letter-spacing: 0;}
.sal-off-dat-car h4{padding:30px 0 80px;}
.sal-off-dat-car div{margin:auto;font-size:13px;line-height:1;color:#FF0033;text-align:center;padding:0 0 30px;}
.sal-off-dat-car div strong{margin:auto;font-size:90px;font-family:'Oswald', sans-serif;font-weight:500;}
.sal-off-dat-car div small{margin:auto;font-size:30px;font-weight:bold;}
.sal-off-dat-car span{color: #FF0033;display: block;line-height: 1.5;padding: 0 10%;font-size: 13px;word-break: keep-all;text-align: center;}
.sal-off-dat-car dl{color:#FF0033;padding:0 0 30px;display:flex;flex-wrap:wrap;line-height:1.5;}
.sal-off-dat-car dl dt{width:55%;text-align:right;}
.sal-off-dat-car dl dt::after{content:":";padding:0 5px;}
.sal-off-dat-car dl dd{width:45%;text-align:left;}
.sal-off-equ{position:relative;margin:0 -20px;}
.sal-off-equ h3{padding:0 0 0 20px;margin:0 auto 20px;width:calc(100% - 40px);position:relative;text-align:left;font-size:20px;font-weight:bold;box-sizing:border-box;}
.sal-off-equ h3::before{content:" ";display:block;width:8px;height:2px;position:absolute;top:calc(50% - 1px);left:0;background:#000;}
.sal-off-equ h4{padding:10px 0 0;}
.sal-off-equ .swiper{overflow:visible;position:static;text-align:left;padding:0 0 0 20px;}
.sal-off-equ .swiper img{width:100%;height:auto;}
.sal-off-equ .swiper-wrapper{overflow:visible;}
.sal-off-equ .swiper-slide{padding:0 30px 0 0;box-sizing:border-box;}
.sal-off-equ .swiper-button-wrap{position:absolute;top:0;left:20px;width:calc(100% - 40px);}
.sal-off-equ .swiper-button-next{display:block !important;background:#fff;width:40px;height:40px;border:1px #ccc solid;top:0;right:0;left:auto;position:absolute;border-radius:50%;margin:0;z-index:0;transition:all 0.3s ease-out;}
.sal-off-equ .swiper-button-next::after{content:none;}
.sal-off-equ .swiper-button-next::before{content:" ";display:block;position:absolute;right:17px;top:50%;width:6px;height:6px;border-bottom:2px solid #222;border-right:2px solid #222;transform:rotate(-45deg);margin:-4px 0 0 0;transition:all 0.3s ease-out;}
.sal-off-equ .swiper-button-prev{display:block !important;background:#fff;width:40px;height:40px;border:1px #ccc solid;top:0;right:55px;left:auto;position:absolute;border-radius:50%;margin:0;z-index:0;transition:all 0.3s ease-out;}
.sal-off-equ .swiper-button-prev::after{content:none;}
.sal-off-equ .swiper-button-prev::before{content:" ";display:block;position:absolute;left:17px;top:50%;width:6px;height:6px;border-bottom:2px solid #222;border-right:2px solid #222;transform:rotate(135deg);margin:-4px 0 0 0;transition:all 0.3s ease-out;}
.sal-off-equ .swiper-button-next:hover{border:1px #222 solid;background:#222;}  
.sal-off-equ .swiper-button-next:hover::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
.sal-off-equ .swiper-button-prev:hover{border:1px #222 solid;background:#222;}
.sal-off-equ .swiper-button-prev:hover::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
@media (max-width:900px) and (min-width:641px){
    .sal-anc-list li{width:calc(100% / 3 - 20px * 2 / 3);max-width:none;}
}
@media (max-width:640px){
    #content{background: url(/recruit/renew/img/sales-office/sal-hed-bg.jpg) no-repeat left top;background-size:430px 400px;}
    .sal-anc{padding:60px 0 20%;}
    .sal-anc-tit{font-size:24px;padding:60px 0 30px;}
    .sal-anc-txt{text-align:left;padding:0 0 10%;}
    .sal-anc-txt br{display:none;}
    .sal-anc-list{gap:10px;margin:0 -10px;}
    .sal-anc-list li{width:calc(100% / 3 - 10px * 2 / 3);max-width:none;padding:8px 8px 25px;}
    .sal-anc-list li::after {bottom:12px;}
    .sal-anc-list li:hover{top:0;}
    .sal-anc-list-tit{font-size:14px;padding:10px 0 0;letter-spacing:0;}
    .sal-anc-list-area{font-size:11px;}
    .sal-off{padding:15% 0 20%;}
    .sal-off-hed{display:block;text-align:left;}
    .sal-off-hed-tit{font-size:40px;}
    .sal-off-hed-sub{font-size:15px;}
    .sal-off-hed-pla{padding:10px 0 7.5%;}
    .sal-off-hed-time{padding:0;display:block;}
    .sal-off-info{display:block;}
    .sal-off-info-left{width:auto;}
    .sal-off-info-right{width:auto;}
    .sal-off-info-right h4{padding:7.5% 0 5px;font-size:20px;}
    .sal-off-info-txt{padding:0 0 10%;}
    .sal-off-info-stf{padding:10% 0 0;}
    .sal-off-dat-list{flex-wrap:wrap;}
    .sal-off-dat-list li{width:100%;max-width:none;padding:30px 0;}
    .sal-off-dat-mem h4{padding:0 0 15px;}
    .sal-off-dat-mem div{padding:0;}
    .sal-off-dat-age h4{padding:0 0 15px;}
    .sal-off-dat-age dl{padding:0;}
    .sal-off-dat-car h4{padding:0 0 15px;}
    .sal-off-dat-car dl{padding:0;}
    .sal-off-dat-car div{padding:0 0 15px;}
    .sal-off-dat-att{float:right;display: block;padding: 10px 0 0;}
    .sal-off-equ .swiper-button-next{width:30px;height:30px;}
    .sal-off-equ .swiper-button-next::before{right:13px;}
    .sal-off-equ .swiper-button-prev{width:30px;height:30px;right:45px;}
    .sal-off-equ .swiper-button-prev::before{left:13px;}
}