/* assets/css/corp/70-cta.css */
@charset "UTF-8";

.corp-section.corp-recruit,
.corp-section.corp-contact{
  position:relative;
  padding: clamp(110px, 10vw, 180px) 0;
  background:#fff;
}

.corp-recruit .corp-cta,
.corp-contact .corp-cta{
  max-width:820px;
  margin:0 auto;
  padding: clamp(90px, 8vw, 120px) 60px;
  text-align:center;
  position:relative;
  box-shadow:none;
  border:none;
  background:#fff;
}

@media(max-width:768px){
  .corp-recruit .corp-cta,
  .corp-contact .corp-cta{
    padding:72px 24px;
  }
}

.corp-recruit .corp-eyebrow,
.corp-contact .corp-eyebrow{
  margin-bottom:18px;
}

.corp-recruit .corp-title,
.corp-contact .corp-title{
  margin-bottom:32px;
}

.corp-recruit .corp-cta__text,
.corp-contact .corp-cta__text{
  margin-bottom:42px;
  color:var(--ink-body);
}

.corp-top .corp-recruit .corp-btn,
.corp-top .corp-contact .corp-btn{
  display:inline-block;
  position:relative;
  font-family: var(--font-en);
  font-size: 11px;
  letter-spacing: var(--corp-en-track-wide);
  text-transform: uppercase;
  color: rgba(0,0,0,.62) !important;
  text-decoration:none !important;
  border:none !important;
  background:transparent !important;
  padding: 10px 14px 14px;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}

.corp-top .corp-recruit .corp-btn::before,
.corp-top .corp-contact .corp-btn::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  width: min(720px, 92vw);
  height: 240px;
  background: transparent;
}

@media(max-width:768px){
  .corp-top .corp-recruit .corp-btn::before,
  .corp-top .corp-contact .corp-btn::before{
    height: 210px;
    width: min(720px, 94vw);
  }
}

.corp-top .corp-recruit .corp-btn::after,
.corp-top .corp-contact .corp-btn::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%) scaleX(.22);
  transform-origin:center;
  width: 120px;
  height: 1px;
  background: rgba(0,0,0,.16);
  transition: transform .38s ease, background-color .38s ease, opacity .38s ease;
  opacity: .95;
}

@media (hover:hover) and (pointer:fine){
  .corp-top .corp-recruit .corp-btn:hover,
  .corp-top .corp-contact .corp-btn:hover{
    color: rgba(0,0,0,.78) !important;
  }
  .corp-top .corp-recruit .corp-btn:hover::after,
  .corp-top .corp-contact .corp-btn:hover::after{
    transform: translateX(-50%) scaleX(1);
    background: rgba(0,0,0,.18);
  }
}

.corp-top .corp-recruit .corp-btn:active,
.corp-top .corp-contact .corp-btn:active{
  transform: translateY(1px);
}

.corp-top .corp-recruit .corp-btn:focus-visible,
.corp-top .corp-contact .corp-btn:focus-visible{
  outline: 2px solid rgba(0,0,0,.18);
  outline-offset: 8px;
}

.corp-section.corp-recruit::before,
.corp-section.corp-contact::before,
.corp-section.corp-recruit::after,
.corp-section.corp-contact::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(92%, 1100px);
  height:1px;
  background:rgba(0,0,0,.06);
}

.corp-section.corp-recruit::before,
.corp-section.corp-contact::before{
  top:0;
}

.corp-section.corp-recruit::after,
.corp-section.corp-contact::after{
  bottom:0;
}