.page-about .about-profile{
  display:none;
}

@media (max-width:768px){
  .page-about .about-profile{
    display:block;
    max-width:300px;
    margin:0 auto;
    padding-bottom:50px;
  }
}

.page-about .container--narrow{
  max-width:960px;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}

.page-about .about-block{
  padding: 50px 0;
}

.page-about .about-title{
  font-size:28px;
  line-height:1.4;
  letter-spacing:0.02em;
  margin: 0 0 32px;
  font-weight:600;
  color: #222222;
  text-shadow: 0px 2px 3px rgba(34, 34, 34, 0.15);
}

.page-about .about-message{
  position:relative;
  margin:0 0 76px;
  --media-w:303px;
  --media-gap: -58px;
  --media-overhang-x: 117px;
  --media-overhang-y: 85px;
  --avoid-h: 180px;
}

.page-about .about-message__body{
  background:#fff;
  box-shadow:0 0 32px rgba(0,0,0,0.05);
  padding:48px 56px 48px;
  font-size: 14px;
  line-height:1.9;
  position:relative;
  overflow:visible;
}

.page-about .about-message__body::after{
  content:"";
  display:block;
  clear:both;
}

.page-about .about-message__body p{
  margin:0 0 16px;
}

.page-about .about-message__avoid{
  float:right;
  width:calc(var(--media-w) + var(--media-gap));
  height:var(--avoid-h);
  margin:4px 0 8px var(--media-gap);
}

.page-about .about-message__media{
  position:absolute;
  right:calc(var(--media-overhang-x) * -1);
  bottom:calc(var(--media-overhang-y) * -1);
  width:var(--media-w);
  margin:0;
  z-index:2;
}

.page-about .about-message__media img{
  width:100%;
  height:auto;
  display:block;
  box-shadow:0 12px 28px rgba(0,0,0,0.14);
}

.page-about .about-sign{
  margin-top:22px;
}

.page-about .about-sign p{
  margin:0;
  line-height:1.7;
  font-weight:400;
}

.page-about .about-sign__company{
  font-weight:500;
}

.page-about .about-sign__role{
  margin-top:2px;
}

.page-about .about-sign__name{
  font-weight:600;
  margin-top:2px;
}

@media (max-width:960px){
  .page-about .about-message{
    margin:0;
  }
  .page-about .about-message__avoid{
    display:none;
  }
  .page-about .about-message__media{
    position:static;
    width:min(420px, 100%);
    margin:20px 0 0 auto;
  }
  .page-about .about-message__body{
    padding:32px 22px 30px;
  }
}

.page-about .about-block.is-centered .about-title,
.page-about .about-block.is-centered .about-lead{
  text-align:center;
}

.page-about .about-prose{
  font-size: 14px;
  line-height:1.9;
}

.page-about .about-prose p{
  margin:0 0 16px;
}

.page-about .about-lead{
  margin: 0 0 32px;
  font-size:14px;
  line-height:1.8;
}

.page-about{
  --exp-line-a: rgba(0,0,0,.12);
  --exp-line-b: rgba(22,36,70,.22);
}

.page-about .about-exp{
  border-top:1px solid var(--exp-line-a);
}

.page-about .about-exp__row{
  --exp-row-min-h: 190px;
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:56px;
  padding:22px 0;
  border-bottom:1px solid var(--exp-line-a);
  min-height:var(--exp-row-min-h);
  align-items:start;
}

.page-about .about-exp__row:nth-child(even){
  border-bottom-color:var(--exp-line-b);
}

.page-about .about-exp__left,
.page-about .about-exp__right{
  min-width:0;
}

.page-about .about-exp__kicker{
  margin: 0 0 14px;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight: 500;
  color: #045995;
}

.page-about .about-exp__title{
  margin:0;
  font-size: 18px;
  line-height:1.6;
  font-weight: 600;
}

.page-about .about-exp__list{
  margin:0;
  padding-left:18px;
  font-size:14px;
  line-height:1.85;
}

.page-about .about-exp__list li{
  margin:0 0 8px;
}

@media (max-width:820px){
  .page-about .container--narrow{
    padding-left:18px;
    padding-right:18px;
  }
  .page-about .about-exp__row{
    column-gap:36px;
    --exp-row-min-h:156px;
  }
}

@media (max-width:640px){
  .page-about .container--narrow{
    padding-left:16px;
    padding-right:16px;
  }
  .page-about .about-exp__row{
    grid-template-columns:1fr;
    row-gap:10px;
    min-height:0;
    --exp-row-min-h:0px;
  }
}

.page-about .hero{
  background-image:url("/assets/img/hero-page.jpg") !important;
  background-size:cover;
  background-position:center;
  padding:120px 0 72px;
}

.page-about .hero .hero-inner{
  text-align:center;
}

.page-about .hero .hero-title,
.page-about .hero .hero-lead{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

@media (max-width:768px){
  .page-about .hero{
    padding:96px 0 64px;
  }
}

.page-about .about-exp{
  border-top:none;
}

.page-about .about-exp__row{
  position:relative;
  border-bottom:none;
}

.page-about .about-exp__row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: 1.25px;
  background: linear-gradient(to right, #045995 0%, #0e183069 120px, #e6e8ef 373px, #e6e8ef30 100%);
}

.spacer {
  margin:32px;
}

@media (max-width:960px){
  .page-about .about-message{
    --media-w: clamp(220px, 34vw, 303px);
    --media-overhang-x: clamp(36px, 10vw, 116px);
    --media-overhang-y: clamp(20px, 6vw, 53px);
    --media-gap: clamp(-40px, -6vw, -52px);
    --avoid-h: clamp(160px, 26vw, 200px);
    margin:0 0 76px;
  }

  .page-about .about-message__body{
    padding:44px 44px 44px;
  }

  .page-about .about-message__avoid{
    display:block;
  }

  .page-about .about-message__media{
    position:absolute;
    right:calc(var(--media-overhang-x) * -1);
    bottom:calc(var(--media-overhang-y) * -1);
    width:var(--media-w);
    margin:0;
  }
}

@media (max-width:600px){
  .page-about .about-message{
    margin:0;
  }

  .page-about .about-message__avoid{
    display:none;
  }

  .page-about .about-message__media{
    position:static;
    width:min(420px, 100%);
    margin:20px 0 0 auto;
  }

  .page-about .about-message__body{
    padding:32px 22px 30px;
  }
}

@media (max-width:960px){
  .page-about .about-message{
    --media-w: clamp(220px, 34vw, 303px);
    --media-overhang-x: clamp(36px, 10vw, 116px);
    --media-overhang-y: clamp(20px, 6vw, 53px);
    --media-gap: clamp(-40px, -6vw, -52px);
    --avoid-h: clamp(160px, 26vw, 200px);
  }
  .page-about .about-message__body{
  background:#fff;
  box-shadow:0 0 32px rgba(0,0,0,0.05);
  padding: 48px 32px 48px;
  font-size: 14px;
  line-height:1.9;
  position:relative;
  overflow:visible;
}
}

@media (max-width:767px){
  .page-about .about-message__media{
    display:none;
  }
  .page-about .about-message__avoid{
    display:none;
  }
}

@media (max-width:960px){
  .page-about .about-message{
    --media-w: clamp(180px, 28vw, 303px);
    --media-overhang-x: clamp(24px, 8vw, 116px);
    --media-overhang-y: clamp(16px, 5vw, 53px);
    --media-gap: clamp(-32px, -5vw, -52px);
    --avoid-h: clamp(140px, 22vw, 200px);
  }

  .page-about .about-message__media{
    width:var(--media-w);
    max-width:100%;
  }
}

@media (max-width:820px){
  .page-about .about-message{
    --media-w: clamp(160px, 24vw, 240px);
    --media-overhang-x: clamp(16px, 6vw, 80px);
    --media-overhang-y: clamp(12px, 4vw, 40px);
    --avoid-h: clamp(120px, 18vw, 160px);
  }
}

@media (max-width:768px){
  .page-about .about-message__media{
    display:none;
  }
  .page-about .about-message__avoid{
    display:none;
  }
}

@media (max-width:960px){
  .page-about .about-message{
    --media-overhang-x: clamp(-12px, 2vw, 96px);
  }
}

@media (max-width:768px){
  .page-about .about-message{
    --media-overhang-x: -16px;
  }
  .about-profile {
    max-width: 300px;
    margin:0 auto;
    padding-bottom:50px;
}
}
@media (min-width:961px) and (max-width:1396px){
  .page-about .about-message{
    --media-overhang-x: clamp(-8px, 5.6vw, 64px);
  }
}

@media (max-width:600px){
  .page-about .about-message__body{
  padding: 48px 16px 48px;
  margin-top: -40px;
}
}

   Company Info (About) — 960px + Responsive
   Usage (HTML):
     <div class="about-company-table-wrap">
       <table class="about-company-table">...</table>
     </div>
   ========================================= */

.page-about .about-company-table-wrap{
  max-width: 960px;
  margin: 24px auto 0;
}

.page-about .about-company-table{
  width: 100%;
  font-size: 14px;
  color: var(--c-text);
  background: #fff;
  overflow: hidden;
  margin-bottom: 60px;
}

.page-about .about-company-table th,
.page-about .about-company-table td{
  padding: 16px 18px;
  vertical-align: top;
  background: #fff;
}

.page-about .about-company-table th{
  width: 32%;
  color: var(--c-muted);
  font-weight: 600;
  text-align: left;
  background: rgb(250, 251, 255);
}

.page-about .about-company-table tr + tr th,
.page-about .about-company-table tr + tr td{
  
}

@media (max-width: 768px){
  .page-about .about-company-table-wrap{
    padding: 0 16px;
  }

  .page-about .about-company-table,
  .page-about .about-company-table tbody,
  .page-about .about-company-table tr{
    display: block;
    width: 100%;
  }

  .page-about .about-company-table th,
  .page-about .about-company-table td{
    display: block;
    width: 100%;
  }

  .page-about .about-company-table th{
    width: auto;
    background: rgb(246, 248, 255);
    color: rgb(74, 79, 99);
    padding-bottom: 10px;
  }

  .page-about .about-company-table td{
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: middle;
  }

  .page-about .about-company-table tr + tr td{
    border-top: none;
  }
  .page-about .about-company-table tr + tr th{
    
  }
}

.about-title.careerTitle {
  margin-bottom: 50px;
}


.page-about section[aria-labelledby="experienceTitle"] .about-title,
.page-about section[aria-labelledby="careerTitle"] .about-title,
.page-about section[aria-labelledby="jpDeviceTitle"] .about-title,
.page-about section[aria-labelledby="jpDrugTitle"] .about-title,
.page-about section[aria-labelledby="fdaTitle"] .about-title,
.page-about section[aria-labelledby="companyInfoTitle"] .about-title{
  margin-bottom: 48px;
}

.fade-up-section{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-up-section.is-visible{
  opacity: 1;
  transform: translateY(0);
}