/* Cute Motion team page v16 — adopted title layout + full mobile office image */
.page-team .team-official-name{
  display:flex;
  flex-direction:column;
  max-width:100%;
}
.page-team .team-official-brand{
  color:var(--hibiscus);
  font-family:"Avenir Next","Segoe UI",Arial,"Noto Sans JP",sans-serif;
  font-weight:400;
}
.page-team .team-official-sub{
  color:#565860;
  font-family:"Yu Gothic UI","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  font-weight:400;
}

@media (min-width:901px){
  .page-team .team-title{
    padding:38px 82px 34px;
    display:grid;
    grid-template-columns:minmax(330px,.72fr) minmax(0,1.48fr);
    grid-template-areas:
      "title official"
      "tagline official"
      "line official";
    column-gap:44px;
    row-gap:0;
    align-items:center;
    min-height:290px;
  }
  .page-team .team-title>h1{
    grid-area:title;
    align-self:end;
    margin:0;
  }
  .page-team .team-title .team-official-name{
    grid-area:official;
    width:min(100%,760px);
    min-height:205px;
    margin:0;
    padding:18px 0 12px;
    justify-self:end;
    justify-content:center;
    align-items:center;
    gap:20px;
    text-align:center;
    transform:translateX(42px);
  }
  .page-team .team-title .team-official-brand{
    font-size:82px;
    line-height:.95;
    letter-spacing:.015em;
    white-space:nowrap;
    text-align:center;
  }
  .page-team .team-title .team-official-sub{
    width:100%;
    font-size:24px;
    line-height:1.5;
    letter-spacing:.07em;
    white-space:nowrap;
    text-align:center;
  }
  .page-team .team-title>.team-official-name+p{
    grid-area:tagline;
    margin:44px 0 0;
    font-size:29px;
    line-height:1.35;
  }
  .page-team .team-title .title-line{
    grid-area:line;
    margin-top:24px;
  }
  .page-team .team-photo-card{margin-top:36px}
}

@media (min-width:1180px){
  .page-team .team-title .team-official-name{transform:translateX(58px)}
}

@media (max-width:900px){
  .page-team .team-title{
    display:block;
    padding-top:28px;
    padding-bottom:22px;
  }
  .page-team .team-title .team-official-name{
    margin-top:26px;
    gap:10px;
    align-items:flex-start;
    text-align:left;
    transform:none;
  }
  .page-team .team-title .team-official-brand{
    font-size:46px;
    line-height:1.04;
    letter-spacing:.02em;
  }
  .page-team .team-title .team-official-sub{
    width:auto;
    font-size:18px;
    line-height:1.55;
    letter-spacing:.055em;
    white-space:normal;
    text-align:left;
  }
  .page-team .team-title>.team-official-name+p{margin-top:42px}
  .page-team .team-title .title-line{margin-top:22px}
  .page-team .team-photo-card{
    height:auto;
    margin:30px 8px 0;
    padding:7px;
    border-radius:24px;
  }
  .page-team .team-photo-card img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1672 / 941;
    object-fit:contain;
    object-position:center;
    border-radius:18px;
  }
}

@media (max-width:390px){
  .page-team .team-title .team-official-brand{font-size:42px}
  .page-team .team-title .team-official-sub{font-size:16.5px;letter-spacing:.04em;line-height:1.62}
  .page-team .team-title>.team-official-name+p{margin-top:38px}
}

@media (max-width:340px){
  .page-team .team-title .team-official-brand{font-size:38px}
  .page-team .team-title .team-official-sub{font-size:15px;letter-spacing:.025em}
  .page-team .team-photo-card{margin-left:6px;margin-right:6px;padding:6px}
}