@charset "UTF-8";

/* ======================================================
 * baseball member detail（選手 個別ページ）
 * ------------------------------------------------------
 * - FullBleed（画面幅いっぱいの帯）
 * - KeyVisual
 * - Profile（プロフィール表）
 * - Q&A
 * - Message
 * - Gallery
 * - BackLink
 * ------------------------------------------------------
====================================================== */

/* ------------------------------------------------------
* Override
------------------------------------------------------ */
@media screen and (max-width: 766px) {
  .lowerContentWrapper {
    margin-bottom: max(64px, calc(64 / 375 * 100vw));
  }
}

/* ------------------------------------------------------
* Content
------------------------------------------------------ */
/*----- member-detail-band -----*/
.member-detail-band {
  position: relative;
  margin-bottom: min(12.977778vw, 10.444444rem);
  transform: translateX(-4vw);
  width: calc(100% + 8vw);
  background: #f4f4f0;
}
.member-detail-band__inner {
  position: relative;
}
/*----- member-detail-kv -----*/
.member-detail-kv__photo {
  margin-left: auto;
}
.member-detail-kv__photo img {
  display: block;
  width: 100%;
  height: auto;
}
.member-detail-kv__body {
  position: absolute;
  left: 0;
  bottom: 3.8vw;
  z-index: 1;
  width: 100%;
}
.member-detail-kv__plate {
  --plate-slant: 24vw;
  display: inline-block;
  padding: 2.033333vw 15.9vw 2.433333vw 3.1vw;
  background: rgba(0, 0, 0, 0.5);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - var(--plate-slant)) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--plate-slant)) 100%, 0 100%);
}
.member-detail-kv__labels {
  display: flex;
  align-items: center;
  margin: 0 0 1.6vw;
}
.member-detail-kv__position {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 1.6rem;
  line-height: 1.4;
  font-size: 3.2vw;
  font-weight: bold;
  -webkit-clip-path: polygon(14% 0, 100% 0, 86% 100%, 0 100%);
  clip-path: polygon(14% 0, 100% 0, 86% 100%, 0 100%);
}
.member-detail-kv__badge--captain,
.member-detail-kv__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-size: 3.2vw;
  font-weight: bold;
  -webkit-clip-path: polygon(14% 0, 100% 0, 86% 100%, 0 100%);
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
}
.member-detail-kv__position {
  background: #f4f4f0;
  color: #000;
}
.member-detail-kv__badge {
  background: #e94709;
  color: #fff;
}
.member-detail-kv__badge--captain {
  background: #000;
  color: #fff;
}
.member-detail-kv__name {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  margin: 0;
  color: #282828;
  line-height: 1.2;
  font-size: 6.4vw;
  font-weight: bold;
}
.member-detail-kv__num {
  --num-width: 3.4rem;
  --num-height: calc(var(--num-width) * 1.07);
  --num-tip: calc(var(--num-width) * 0.34);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--num-width);
  height: var(--num-height);
  padding-bottom: var(--num-tip);
  background: #e94709;
  color: #fff;
  line-height: 1;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--num-tip)), 50% 100%, 0 calc(100% - var(--num-tip)));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--num-tip)), 50% 100%, 0 calc(100% - var(--num-tip)));
}
.member-detail-kv__text {
  margin-top: -0.2em;
  color: #fff;
  font-size: calc(min(3.6625vw, 7.0rem));
}
.member-detail-kv__text ruby {
  ruby-position: over;
}
.member-detail-kv__text rt {
  line-height: 1;
  font-size: 2.6666666667vw;
  font-weight: 700;
  text-align: center;
}
.member-detail-kv__belongs {
  color: #fff;
  line-height: 1.5;
  font-size: max(12px, calc(12 / 375 * 100vw));
}

/*----- member-detail-profile-table -----*/
.member-detail-profile-table {
  margin-bottom: calc(min(15.777778vw, 10.244444rem));
}
.member-detail-profile-table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  line-height: 1.5;
  font-size: 3.4666666667vw;
}
.member-detail-profile-table th,
.member-detail-profile-table td {
  border: 1px solid #ddd;
}
.member-detail-profile-table th {
  background-color: #f4f4f0;
  padding: 3.7333333333vw 4vw;
  color: #282828;
  text-align: left;
}
.member-detail-profile-table td {
  padding: 2.6666666667vw;
  color: #282828;
}
.member-detail-profile-table .member-detail-profile-table__hidden-cell {
  display: none;
}

/*----- member-detail-qa -----*/
.member-detail-qa {
  position: relative;
  transform: translateX(-4vw);
  width: calc(100% + 8vw);
  background: #f4f4f0;
  padding-block: 6.4vw;
  padding-inline: 15px;
}
.member-detail-qa__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 2.1333333333vw;
  margin: 0;
  padding: 0;
  list-style: none;
}
.member-detail-qa__item {
  /*----- 15px × 2 -----*/
  width: calc((100% - 30px) / 3);
  background: #fff;
  padding: 3.2vw 4vw;
  text-align: center;
}
.member-detail-qa__question {
  margin: 0 0 2.1333333333vw;
  border-bottom: 1px solid #e94709;
  padding-bottom: 1.6vw;
  color: #282828;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: bold;
}
.member-detail-qa__answer {
  margin: 0;
  color: #282828;
  line-height: 1.5;
  font-size: 1.2rem;
}

/* ------------------------------------------------------
 * member-detail-message
------------------------------------------------------ */
.member-detail-message {
  background: #f4f4f0;
  margin-bottom: 5.3333333333vw;
}
.member-detail-message__body {
  padding: 4vw;
}
.member-detail-message__item + .member-detail-message__item {
  margin-top: 4vw;
}
.member-detail-message__title {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 0 0 1.6vw;
  color: #282828;
  line-height: 1.5;
  font-size: max(16px, calc(16 / 375 * 100vw));
  font-weight: bold;
}
.member-detail-message__heading {
  margin-bottom: min(4.777778vw, 4.244444rem);
  color: #e94709;
  line-height: 1.5;
  font-size: max(12px, calc(12 / 375 * 100vw));
  font-weight: bold;
}
.member-detail-message__title::before {
  position: relative;
  top: 3px;
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/assets/img/about/sports/baseball/member/detail_ic01.webp) no-repeat center / contain;
}
.member-detail-message__text {
  margin: 0;
  color: #282828;
  line-height: 1.8;
  font-size: max(13px, calc(13 / 375 * 100vw));
}
.member-detail-message__photo {
  margin-top: 4vw;
}
.member-detail-message__photo img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* ----- member-detail-gallery ----- */
.member-detail-gallery {
  margin-bottom: 5.3333333333vw;
}
.member-detail-gallery__list {
  --gallery-gap: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gallery-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.member-detail-gallery__item {
  width: calc((100% - var(--gallery-gap)) / 2);
  background: #f4f4f0;
}
.member-detail-gallery__link {
  display: block;
}
.member-detail-gallery__item img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.member-detail-gallery-modal {
  --modal-image-height: calc(18.489vw + 19.5rem);
  --modal-control-size: 4.6rem;
}
.member-detail-gallery-modal .modaal-container {
  background: transparent;
  box-shadow: none;
}
.member-detail-gallery-modal .modaal-gallery-item img {
  width: auto !important;
  height: var(--modal-image-height);
  max-width: 100%;
  object-fit: contain;
}
.member-detail-gallery-modal .modaal-gallery-item-wrap {
  width: auto !important;
  height: auto !important;
}
.member-detail-gallery-modal .modaal-gallery-item {
  width: auto !important;
}
.member-detail-gallery-modal .modaal-close {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6666666667vw;
  width: auto;
  height: auto;
  padding: 0 0 2.6666666667vw;
  background-color: #000;
  border-radius: 0;
}
.member-detail-gallery-modal .modaal-close::before {
  content: "";
  position: static;
  width: 4vw;
  height: 4vw;
  background: url(/assets/img/about/sports/baseball/member/detail_ic01.svg) no-repeat center / contain;
  border-radius: 0;
  transform: none;
}
.member-detail-gallery-modal .modaal-close::after {
  display: none;
}
.member-detail-gallery-modal .modaal-close span {
  position: static !important;
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible;
  color: #fff;
  font-size: 2.4vw;
  white-space: nowrap;
}
.member-detail-gallery-modal .modaal-gallery-control {
  width: var(--modal-control-size);
  height: var(--modal-control-size);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
.member-detail-gallery-modal .modaal-gallery-control::before {
  display: none;
}
.member-detail-gallery-modal.modaal-image .modaal-gallery-control::after {
  top: 50%;
  left: 50%;
  width: calc(var(--modal-control-size) * 0.4);
  height: calc(var(--modal-control-size) * 0.4);
  margin: 0;
  background: url(/assets/img/lower_component/ico_component_white_arw2.svg) no-repeat center / contain;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.member-detail-gallery-modal.modaal-image .modaal-gallery-prev::after {
  transform: translate(-50%, -50%) scaleX(-1);
}

/* ----- member-detail-back ----- */
.c-lowerComponent.c_04_02.member-detail-back {
  margin-top: 8vw;
}

/*----- TB / PC -----*/
@media print, screen and (min-width: 767px) {
/* ----- member-detail-band ----- */
  .member-detail-band {
    transform: translateX(-5.5555555556vw);
    width: calc(100% + 11.1111111111vw);
    margin-bottom: min(7.677778vw, 10.444444rem);
    background: #f4f4f0;
  }
  .member-detail-band__inner {
    max-width: 160rem;
    width: calc(100% - 11.1111111111vw);
  }
/* ----- member-detail__kv ----- */
  .member-detail-kv__photo {
    width: 85%;
  }
  .member-detail-kv__body {
    bottom: calc(min(4.0625vw, 0.2rem));
  }
  .member-detail-kv__plate {
    --plate-slant: calc(clamp(8.9rem, 8.1875vw, 13.1rem));
    padding: 4rem calc(clamp(19.2rem, 16.2vw, 31.2rem)) calc(clamp(2.4rem, 2.2333vw, 4.3rem)) calc(clamp(3rem, 3.1vw, 5.1rem));
  }
  .member-detail-kv__labels {
    margin-bottom: calc(min(2.15vw, 5.2rem));
  }
  .member-detail-kv__badge--captain,
  .member-detail-kv__badge {
    padding: calc(min(0.3125vw, 0.4rem)) calc(min(2.45vw, 2.9rem));
    font-size: calc(clamp(2.6rem, 1.625vw, 3.0rem));
    font-weight: bold;
  }
  .member-detail-kv__position {
    padding: calc(min(0.2125vw, 0.4rem)) calc(min(2.45vw, 4.5rem));
    font-size: calc(clamp(2.6rem, 1.625vw, 3.0rem));
    font-weight: bold;
  }
  .member-detail-kv__name {
    gap: 4.2rem;
    font-size: calc(min(3.5625vw, 5.7rem));
    margin-bottom: calc(min(1.6vw, 3.1rem));
  }
  .member-detail-kv__text {
    font-size: calc(clamp(5.4rem, 3.5625vw, 7.0rem));
  }
  .member-detail-kv__num {
    --num-width: calc(clamp(7.5rem, 7.5vw, 12rem));
    --num-height: calc(var(--num-width) * 0.925);
    padding-top: calc(var(--num-width) * 0.075);
    font-size: calc(clamp(4.0rem, 3.625vw, 6.4rem));
  }
  .member-detail-kv__text rt {
    font-size: calc(clamp(1.4rem, 1.125vw, 2.0rem));
    padding-bottom: 0.4em;
  }
  .member-detail-kv__belongs {
    font-size: calc(clamp(1.5rem, 1.3125vw, 2.2rem));
  }

/* ----- member-detail-profile-table ----- */
  .member-detail-profile-table table {
    font-size: calc(clamp(1.2603076923rem, 1.2307692308vw, 1.6rem));
  }
  .member-detail-profile-table th,
  .member-detail-profile-table td {
    padding: calc(min(1.3888888889vw, 2.422222rem)) calc(min(1.3888888889vw, 2.022222rem));
  }
  .member-detail-profile-table tr > *:nth-child(1),
  .member-detail-profile-table tr > *:nth-child(3) {
    width: 16.6%;
  }
  .member-detail-profile-table tr > *:nth-child(2),
  .member-detail-profile-table tr > *:nth-child(4) {
    width: 33.4%;
  }

/*----- member-detail-qa -----*/
  .member-detail-qa {
    padding-block: calc(min(4.1666666667vw, 6.066667rem)) calc(min(6.166667vw, 10.266667rem));
    margin-bottom: 8rem;
    transform: translateX(-8.8888888889rem);
    width: calc(100% + 17.7777777778rem);
  }
  .member-detail-qa__inner {
    max-width: 160rem;
    width: calc(100% - 7.111111vw);
    margin: 0 auto;
  }
  .member-detail-qa__list {
    column-gap: 44px;
    row-gap: calc(min(3.5625vw, 5.0rem));
  }
  .member-detail-qa__item {
    width: calc((100% - 88px) / 3);
    padding: calc(min(1.6375vw, 2.9rem)) calc(min(1.7375vw, 3rem)) calc(min(1.9375vw, 3.3rem));
  }
  .member-detail-qa__question {
    margin-bottom: calc(min(1.7125vw, 2.7rem));
    padding-bottom: calc(min(1.125vw, 1.9rem));
    font-size: calc(clamp(2.1rem, 0.6010vw + 1.6385rem, 2.6rem));
    text-align: center;
  }
  .member-detail-qa__answer {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: calc(clamp(1.7rem, 0.6010vw + 1.2385rem, 2.2rem));
    font-weight: 400;
  }
  .member-detail-qa__answer-text {
    text-align: left;
  }

/*----- member-detail-message -----*/
  .member-detail-message {
    display: flex;
    align-items: stretch;
    margin-bottom: calc(clamp(5.7rem, 4.0625vw, 6.5rem));
    padding: 0;
  }
  .member-detail-message__body {
    flex: 0 0 50%;
    min-width: 0;
    padding: calc(min(2.5vw, 4rem));
  }
  .member-detail-message__item + .member-detail-message__item {
    margin-top: calc(min(2.1875vw, 3.0rem));
  }
  .member-detail-message__heading {
    font-size: calc(min(2.075vw, 2rem));
    margin-bottom: min(2.777778vw, 4.244444rem);
  }
  .member-detail-message__title {
    gap: calc(min(0.75vw, 1.2rem));
    margin-bottom: calc(min(0.5vw, 0.8rem));
    font-size: calc(min(2.575vw, 2.6rem));
  }
  .member-detail-message__title::before {
    width: calc(min(2.425vw, 2.2rem));
    height: calc(min(2.425vw, 2.2rem));
  }
  .member-detail-message__text {
    margin-left: calc(min(3.2667vw, 3.5rem));
    margin-top: calc(min(1.1833vw, 1.7rem));
    line-height: 1.5;
    font-size: calc(min(1.688889vw, 1.6rem));
  }
  .member-detail-message__photo {
    flex: 0 0 50%;
    min-width: 0;
    margin-top: 0;
    aspect-ratio: 16 / 9;
  }
  .member-detail-message__photo img {
    aspect-ratio: auto;
    height: 100%;
  }

/* ----- member-detail-gallery ----- */
  .member-detail-gallery {
    margin-bottom: calc(min(2.7777777778vw, 4.4444444444rem));
  }
  .member-detail-gallery__list {
    --gallery-gap: calc(clamp(2.2rem, 4.5673vw - 2.9077rem, 4.4rem));
  }
  .member-detail-gallery__item {
    width: calc((100% - var(--gallery-gap) * 3) / 4);
  }

/* ----- member-detail-gallery-modal ----- */
  .member-detail-gallery-modal .modaal-close {
    padding-bottom: calc(min(1.3888888889vw, 2.2222222222rem));
  }
  .member-detail-gallery-modal .modaal-close::before {
    width: calc(min(1.9444444444vw, 3.1111111111rem));
    height: calc(min(1.9444444444vw, 3.1111111111rem));
  }
  .member-detail-gallery-modal .modaal-close span {
    font-size: calc(clamp(1.024rem, 1vw, 1.3rem));
  }
  .member-detail-gallery-modal.modaal-image .modaal-inner-wrapper {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .member-detail-gallery-modal .modaal-gallery-control {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .member-detail-gallery-modal .modaal-gallery-prev {
    right: 100%;
    left: auto;
    margin-right: 4rem;
  }
  .member-detail-gallery-modal .modaal-gallery-next {
    left: 100%;
    right: auto;
    margin-left: 4rem;
  }
  .c-lowerComponent.c_04_02.member-detail-back {
    margin-top: calc(min(6.25vw, 10rem));
  }
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  /* ----- member-detail-kv__photo ----- */
  .member-detail-kv__photo {
    margin-left: 17.4%;
    width: 92.5%;
  }
  /* ----- member-detail-profile-table ----- */
  .member-detail-profile-table {
    margin-bottom: calc(min(6.377778vw, 9.944444rem));
  }
  .member-detail-profile-table tr > *:nth-child(1),
  .member-detail-profile-table tr > *:nth-child(3) {
    width: 16.8%;
  }
  .member-detail-profile-table tr > *:nth-child(2),
  .member-detail-profile-table tr > *:nth-child(4) {
    width: 33.2%;
  }
  .member-detail-profile-table th {
    padding: calc(min(2.022222vw, 2.2222222222rem));
    vertical-align: middle;
    line-height: 1.76;
  }
  .member-detail-profile-table td {
    padding: calc(min(2.022222vw, 2.2222222222rem));
    vertical-align: middle;
    line-height: 1.76;
  }
  /* ----- member-detail-qa ----- */
  .member-detail-qa {
    margin-bottom: 4rem;
    padding-block: calc(min(3.766667vw, 6.066667rem)) calc(min(6.366667vw, 6.066667rem));
    transform: translateX(-5.5555555556vw);
    width: calc(100% + 11.1111111111vw);
  }
  .member-detail-qa__inner {
    width: calc(100% - 7.111111vw);
  }
  .member-detail-qa__list {
    column-gap: 22px;
    row-gap: 2rem;
  }
  .member-detail-qa__item {
    width: calc((100% - 44px) / 3);
  }
  .member-detail-qa__answer {
    line-height: 1.62;
  }
  /* ----- member-detail-kv ----- */
  .member-detail-kv__body {
    bottom: calc(min(4.0625vw, 0rem));
  }
  .member-detail-kv__plate {
    --plate-slant: 9.2rem;
    padding: 1.8rem 18.7rem 2.3rem 4.3rem;
  }
  .member-detail-kv__labels {
    margin-bottom: 1.85rem;
  }
  .member-detail-kv__position {
    padding: 0.26rem 3.58rem;
    font-size: 2.4rem;
  }
  .member-detail-kv__badge--captain,
  .member-detail-kv__badge {
    padding: 0.34rem 2.28rem;
    font-size: 2.4rem;
  }
  .member-detail-kv__name {
    gap: 2.2rem;
    margin-bottom: 0.75em;
  }
  .member-detail-kv__num {
    --num-width: 9.4rem;
    --num-height: calc(var(--num-width) * 0.9);
    padding-top: calc(var(--num-width) * 0.092);
    font-size: 5.1rem;
  }
  .member-detail-kv__text {
    margin-top: -0.1em;
    font-size: 5.5rem;
  }
  .member-detail-kv__text rt {
    font-size: 1.5rem;
  }
  .member-detail-kv__belongs {
    font-size: 1.7rem;
  }
  /* ----- member-detail-message ----- */
  .member-detail-message__body {
    padding: calc(min(2.2vw, 4rem)) calc(min(2.5vw, 4rem));
  }
}

@media screen and (min-width: 767px) and (max-width: 1160px) {
  .member-detail-qa__question {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(7.1rem, 3.802vw, 7.9rem);
  }
}

@media screen and (min-width: 1025px) {
  .member-detail-kv__photo {
    margin-left: 52%;
    width: 50%;
  }
}

@media screen and (min-width: 1600px) {
  .member-detail-band {
    transform: translateX(-8.8888888889rem);
    width: calc(100% + 17.7777777778rem);
    margin-bottom: min(5.277778vw, 10.444444rem);
  }
  .member-detail-band__inner {
    width: calc(100% - 17.7777777778rem);
    margin: 0 auto;
  }
}

/*-----
  SP ～767px
  ------------------------------------------------------
-----*/
@media screen and (max-width: 766px) {
  .member-detail-band__inner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.6) 82%);
    pointer-events: none;
  }
/*----- member-detail-kv -----*/
  .member-detail-kv__photo {
    position: relative;
    width: 84.2%;
    margin-left: 11%;
  }
  .member-detail-kv__plate {
    padding: 0 0 0 4vw;
    background: transparent;
    -webkit-clip-path: none;
    clip-path: none;
  }
  .member-detail-kv__labels {
    margin-bottom: 1.966667vw;
  }
  .member-detail-kv__position,
  .member-detail-kv__badge--captain,
  .member-detail-kv__badge {
    font-size: max(15px, calc(15 / 375 * 100vw));
    min-width: 5.3em;
  }
  .member-detail-kv__name {
    gap: 4.033333vw;
    margin-bottom: 3.3vw;
  }
  .member-detail-kv__num {
    --num-width: 16.2666666667vw;
    --num-height: calc(var(--num-width) * 0.94);
    padding-top: calc(var(--num-width) * 0.1);
    font-size: 8.53333333vw;
  }
  .member-detail-kv__text {
    margin-top: -0.1em;
    font-size: max(38px, calc(38 / 375 * 100vw));
  }
  .member-detail-kv__text rt {
    margin-bottom: 2px;
    font-size: 2.9333333333vw;
  }

/*----- member-detail-profile-table -----*/
  .member-detail-profile-table table,
  .member-detail-profile-table tbody {
    display: block;
  }
  .member-detail-profile-table tr {
    display: grid;
    grid-template-columns: 33% 67%;
  }
  .member-detail-profile-table th,
  .member-detail-profile-table td {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .member-detail-profile-table td {
    padding: 3.766667vw;
  }
  .member-detail-profile-table table {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .member-detail-profile-table th,
  .member-detail-profile-table td {
    border-width: 0 0 1px 1px;
  }
/*----- member-detail-qa -----*/
  .member-detail-qa {
    margin-bottom: 16.1vw;
    padding-block: 4.3vw 8.1vw;
  }
  .member-detail-qa__answer {
    margin-left: 4.7%;
    margin-top: 6%;
    line-height: 1.8;
    font-size: max(10px, calc(12 / 375 * 100vw));
  }
  .member-detail-qa__question {
    font-size: max(16px, calc(16 / 375 * 100vw));
  }
  .member-detail-qa__list {
    flex-direction: column;
    align-items: stretch;
    row-gap: 3.333333vw;
  }
  .member-detail-qa__item {
    width: 100%;
    text-align: left;
    padding: 5.1vw 5vw;
  }
/*----- member-detail-message -----*/
  .member-detail-message__body {
    padding: 5vw;
  }
  .member-detail-message__title {
    gap: 0.7rem;
  }
  .member-detail-message__title::before {
    top: 1px;
    width: 1.35rem;
    height: 1.35rem;
  }
  .member-detail-message__text {
    margin-left: 6.5%;
    margin-top: 4.5%;
    line-height: 1.5;
  }
/*----- member-detail-gallery-modal -----*/
  .member-detail-gallery-modal {
    --modal-control-size: 6.4vw;
  }
  .member-detail-gallery-modal.modaal-image .modaal-inner-wrapper {
    padding-left: 13.3333333333vw;
    padding-right: 13.3333333333vw;
  }
  .member-detail-gallery-modal .modaal-gallery-item img {
    width: 73.3333333333vw !important;
    height: auto;
    max-height: calc(100vh - 20rem);
  }
  .member-detail-gallery-modal .modaal-gallery-control {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .member-detail-gallery-modal .modaal-gallery-prev {
    right: 100%;
    left: auto;
    margin-right: 2.6666666667vw;
  }
  .member-detail-gallery-modal .modaal-gallery-next {
    left: 100%;
    right: auto;
    margin-left: 2.6666666667vw;
  }
  .member-detail-gallery-modal .modaal-close {
    right: -9.0666666667vw;
  }
}

@media screen and (any-hover: hover) and (min-width: 767px) {
  .member-detail-gallery__link {
    transition: 0.3s;
  }
  .member-detail-gallery__link:hover {
    opacity: 0.6;
  }
  .member-detail-gallery-modal .modaal-gallery-control:hover,
  .member-detail-gallery-modal .modaal-gallery-control:focus-visible {
    background: #e94709;
  }
}