/*
 * TOPCOURT Lawyers Page
 * /lawyers 専用スタイル
 */

/* =========================================
   ヒーロー画像
   ========================================= */

.topcourt-lawyers-hero {
  position: relative;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: clamp(260px, 28.8vw, 456px);
  overflow: hidden;
  background: #26333a;
}

.topcourt-lawyers-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.topcourt-lawyers-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.topcourt-lawyers-hero__title {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #fff;
  font-size: clamp(20px, 2.2vw, 34px);
  font-weight: 700;
}

/* =========================================
   プロフィールカード：PC表示
   ========================================= */

.topcourt-lawyers-page .p-sc-staff-item-content {
  display: grid;
  grid-template-columns: 375px minmax(0, 1fr);
  align-items: center;
  gap: 40px;

  width: 100%;
  max-width: 1100px;
  margin: 60px auto;
  padding: 30px;

  background: #f6f6f6;
  box-sizing: border-box;
}

/* 写真：PCでは375px四方 */
.topcourt-lawyers-page .p-sc-staff-item_image {
  width: 375px;
  height: 375px;
  min-width: 0;
  overflow: hidden;
}

.topcourt-lawyers-page .p-sc-staff-item_image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

/* プロフィール文章 */
.topcourt-lawyers-page .p-sc-staff-item_profile {
  width: 100%;
  min-width: 0;
  line-height: 1.9;
}

.topcourt-lawyers-page .p-sc-staff-item_profile_main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.topcourt-lawyers-page .p-sc-staff_profile_postion {
  font-size: 14px;
}

.topcourt-lawyers-page .p-sc-staff_profile_name {
  font-size: 24px;
  font-weight: 700;
}

.topcourt-lawyers-page .p-sc-staff-item_profile_desc {
  font-size: 15px;
  line-height: 1.9;
}

/* =========================================
   スマートフォン・タブレット
   768px以下：上下2段
   ========================================= */

@media (max-width: 768px) {

  .topcourt-lawyers-hero {
    height: 320px;
  }

  .topcourt-lawyers-page .p-sc-staff-item-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;

    margin: 40px 10px;
    padding: 20px;
  }

  /* 写真：高さ260px、横幅は可変 */
  .topcourt-lawyers-page .p-sc-staff-item_image {
    width: 100%;
    height: 260px;
  }

  .topcourt-lawyers-page .p-sc-staff-item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .topcourt-lawyers-page .p-sc-staff-item_profile {
    width: 100%;
  }

  .topcourt-lawyers-page .p-sc-staff_profile_name {
    font-size: 21px;
  }
}

/* Founder is represented by the office wordmark, without portrait cropping. */
.topcourt-lawyers-page .founder-profile .p-sc-staff-item_image{background:#fff}
.topcourt-lawyers-page .founder-profile .p-sc-staff-item_image img{object-fit:contain;padding:24px;box-sizing:border-box}

@media(max-width:768px){.topcourt-lawyers-page .s_table{max-width:100%;margin-inline:0}}

/* Detail typography follows the homepage profile copy, with a clear heading hierarchy. */
.topcourt-lawyers-page #katsube-profile,
.topcourt-lawyers-page #katsube-profile table,
.topcourt-lawyers-page #katsube-profile td,
.topcourt-lawyers-page #katsube-profile li {
 font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
 font-size:15px;line-height:2.2;color:#16333e;overflow-wrap:anywhere;
}
.topcourt-lawyers-page #katsube-profile h2,
.topcourt-lawyers-page #katsube-profile h3 {
 font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
 font-size:22px;font-weight:600;line-height:1.8;color:#08475f;text-align:left;
 margin:44px 0 24px;padding:0;border:0;background:none;
}
.topcourt-lawyers-page #katsube-profile h2::before,
.topcourt-lawyers-page #katsube-profile h2::after,
.topcourt-lawyers-page #katsube-profile h3::before,
.topcourt-lawyers-page #katsube-profile h3::after{display:none}
.topcourt-lawyers-page #katsube-profile table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
.topcourt-lawyers-page #katsube-profile td{padding:14px 20px;border-color:#dce3e6;white-space:normal}
.topcourt-lawyers-page #katsube-profile td:first-child{background:#f5f7f8!important;text-align:left!important}
.topcourt-lawyers-page .founder-profile .p-sc-staff-item_image{height:auto;aspect-ratio:3/2}
.topcourt-lawyers-page .founder-profile .p-sc-staff-item_image img{width:100%;height:auto;object-fit:contain;padding:0}
@media(max-width:800px){
 .topcourt-lawyers-page #katsube-profile,
 .topcourt-lawyers-page #katsube-profile table,
 .topcourt-lawyers-page #katsube-profile td,
 .topcourt-lawyers-page #katsube-profile li{font-size:14px;line-height:2.2}
 .topcourt-lawyers-page #katsube-profile h2,
 .topcourt-lawyers-page #katsube-profile h3{font-size:20px;margin-top:32px}
 .topcourt-lawyers-page #katsube-profile td{padding:12px}
 .topcourt-lawyers-page #katsube-profile td:first-child{width:30%!important}
}

.topcourt-lawyers-page #katsube-profile .s_table{width:100%;max-width:100%;padding:0;margin:0;overflow:auto}
.topcourt-lawyers-page #katsube-profile .s_table.inline_900{margin-bottom:36px}