/* 弁護士紹介: 写真が未登録の弁護士の表示（一覧カード・詳細ページ） */

/* 一覧: 写真枠の代わり（他の先生の写真と同じ三角形の背景 + ひし形マーク） */
.c-list01__item-noimg {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5%;
}
.c-list01__item-noimg::before,
.c-list01__item-noimg::after {
  content: "";
  position: absolute;
  inset: 0;
}
.c-list01__item-noimg::before {
  background: #c8ccd6;
  clip-path: polygon(0 15.6%, 35% 100%, 0 100%);
}
.c-list01__item-noimg::after {
  background: #ede6d3;
  clip-path: polygon(73.75% 0, 100% 0, 100% 63.75%);
}
.c-list01__item-noimg-mark {
  position: relative;
  z-index: 1;
  width: 13%;
  aspect-ratio: 1 / 1;
  background: conic-gradient(from 45deg, #cbb67f 0% 25%, #4f5970 25% 50%, #121f3e 50% 75%, #b99d52 75% 100%) center/cover no-repeat;
}
.c-list01__item-noimg-text {
  position: relative;
  z-index: 1;
  font-family: Copperplate Condensed SSi Bold Condensed, serif;
  font-weight: bold;
  font-size: clamp(11px, 1.45vw, 19px);
  letter-spacing: 0.2em;
  color: #5b647a;
}
/* 写真と同じ、スクロールで表示されるときのふわっとした動き（styles.css の .imgZoom-in img と同じ値） */
.imgZoom-in .c-list01__item-noimg {
  opacity: 0;
  transform: scale(1.1);
  transition-duration: 1s;
}
.imgZoom-in.act .c-list01__item-noimg {
  opacity: 1;
  transform: scale(1);
}
/* 携帯用の写真（avatar_sp）は横長 */
@media (max-width: 769px) {
  .c-list01__item-noimg {
    aspect-ratio: 1072 / 800;
  }
  .c-list01__item-noimg-text {
    font-size: 13px;
  }
}

/* 詳細: 帯画像がないときの背景（紺色 + 三角形）。文字は既存の白・金のまま使う */
.main__header--noimg .c-mv01__img {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0d1d43, #001b44);
}
.main__header--noimg .c-mv01__img::before,
.main__header--noimg .c-mv01__img::after {
  content: "";
  position: absolute;
  inset: 0;
}
.main__header--noimg .c-mv01__img::before {
  background: #4f5970;
  opacity: 0.55;
  clip-path: polygon(52.4% 0, 69.7% 0, 89% 100%, 71.7% 100%);
}
.main__header--noimg .c-mv01__img::after {
  background: #ede6d3;
  opacity: 0.9;
  clip-path: polygon(69.7% 0, 100% 0, 100% 100%, 89% 100%);
}

/* 詳細: プロフィール未登録のときの案内と一覧への戻りボタン */
.lawyer-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 30px;
  padding: 10px 24px;
  border: 1px solid #b99d52;
  color: #b99d52;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.25s;
}
.lawyer-detail__back:hover {
  background: #b99d52;
  color: #fff;
}
@media (max-width: 769px) {
  .lawyer-detail__back {
    margin-top: 20px;
    padding: 8px 18px;
    font-size: 14px;
  }
}