/* ========================================
   Men's Pilates PAGE - BEM準拠
   ※style.cssを読み込んだ上で、このファイルを追加で読み込む
======================================== */
.u-mensmarker {
  position: relative;
  z-index: 0;
}

.u-mensmarker::after {
  content: "";
  position: absolute;
  left: -1%;
  bottom: -0.1em;
  width: 102%;
  z-index: -1;
  height: 0.85vw;
  background-color: var(--black);
  opacity: 0.1;
}

.menspage .c-btn-reserve {
  border-color: var(--black);
  margin-bottom: 0;
}

.menspage .c-btn-reserve a {
  background-color: var(--black);
  border-color: var(--black);
  white-space: nowrap;
}

/* Page Container
   ========================================================================== */
.menspage {
  padding-top: min(10.352vw, 118px);
}

@media screen and (max-width: 768px) {
  .menspage {
    padding-top: min(20vw, 78px);
  }
}

/* ==========================================================================
   Section: MV (メインビジュアル)
   ========================================================================== */
.p-mens-mv {
  position: relative;
  width: 100%;
  height: 42.25vw;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .p-mens-mv {
    height: 128.205vw;
  }
}

.p-mens-mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .p-mens-mv img {
    object-position: 85% 30%;
  }
}

.p-mens-mv__title {
  font-family: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "MS Mincho", serif !important;
  font-size: 4.225vw;
  font-weight: 400;
  letter-spacing: 0.9vw;
  color: #fff;
  position: absolute;
  top: 1.795vw;
  right: 3.846vw;
  color: #fff;
  writing-mode: vertical-rl;
  white-space: nowrap;
  width: 2em;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-mens-mv__title {
    font-size: 12.051vw;
    margin-top: 4.872vw;
  }
}

.p-mens-mv__text {
  position: absolute;
  top: 28.169vw;
  left: 7.746vw;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-mens-mv__text {
    top: 86.923vw;
    left: 7.949vw;
  }
}

.p-mens-mv__subtitle01 {
  display: inline-block;
  font-family: var(--font-family-shippori_mincho);
  font-size: 2.323vw;
  font-weight: 500;
  letter-spacing: 0.12vw;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1.056vw;
}

@media screen and (max-width: 768px) {
  .p-mens-mv__subtitle01 {
    font-size: 4.103vw;
  }
}

.p-mens-mv__subtitle02 {
  font-family: var(--font-family-shippori_mincho);
  font-size: 2.816vw;
  font-weight: 400;
  letter-spacing: 0.08vw;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1.056vw;
  margin-top: 1.056vw;
}

@media screen and (max-width: 768px) {
  .p-mens-mv__subtitle02 {
    display: inline-block;
    font-size: 5.641vw;
    margin-top: 3.846vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mens-mv__subtitle02.pc-only {
    display: none;
  }
}

/* ==========================================================================
   Section: Worries (お悩み画像)
   ========================================================================== */
.p-mens-worries {
  width: 100%;
  margin-bottom: 6.479vw;
}

.p-mens-worries img {
  width: 100%;
  height: auto;
}

/* ==========================================================================
   Section: Bodymake (ボディメイク)
   ========================================================================== */
.p-mens-bodymake {
  width: 84.507vw;
  margin: 0 auto 5.634vw;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-mens-bodymake {
    max-width: 87.179vw;
    margin: 0 auto 10.769vw;
  }
}

.p-mens-bodymake__title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 2.113vw;
  font-weight: 500;
  letter-spacing: 0.12vw;
  line-height: 1.8;
  color: var(--black);
  margin-bottom: 2.958vw;
}

@media screen and (max-width: 768px) {
  .p-mens-bodymake__title {
    font-size: 5.128vw;
    margin-bottom: 6.923vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mens-bodymake__title .u-mensmarker {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1) 60%);
  }

  .p-mens-bodymake__title .u-mensmarker::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    z-index: -1;
    height: auto;
    background: none;
    opacity: 1;
  }
}

.p-mens-bodymake__text {
  font-family: var(--font-family-goldenbook-light);
  font-size: 1.127vw;
  font-weight: 300;
  letter-spacing: 0.08vw;
  line-height: 2.5;
  color: var(--black);
  margin-bottom: 4.507vw;
}

@media screen and (max-width: 768px) {
  .p-mens-bodymake__text {
    font-size: 3.333vw;
    margin-bottom: 10.256vw;
    text-align: left;
  }
}

.p-mens-bodymake__image {
  width: 100%;
  margin-bottom: 4.507vw;
}

@media screen and (max-width: 768px) {
  .p-mens-bodymake__image {
    width: auto;
    margin-left: -6.4vw;
    margin-right: -6.34vw;
    margin-bottom: 9.744vw;
  }
}

.p-mens-bodymake__image img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-bodymake__lead {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.69vw;
  font-weight: 400;
  letter-spacing: 0.08vw;
  line-height: 1.8;
  color: var(--black);
  margin-bottom: 1.831vw;
}

@media screen and (max-width: 768px) {
  .p-mens-bodymake__lead {
    font-size: 4.872vw;
    margin-bottom: 7.692vw;
  }
}

/* ==========================================================================
   Section: Campaign (キャンペーン)
   ========================================================================== */
.p-mens-campaign {
  background: #2c2c2c url(../img/bk-mens-campaign.png) no-repeat center top;
  background-size: cover;
  padding: 6.761vw 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-mens-campaign {
    padding: 15.385vw 0;
  }
}

.p-mens-campaign__title {
  margin-bottom: 3.662vw;
}

@media screen and (max-width: 768px) {
  .p-mens-campaign__title {
    margin-bottom: 6.41vw;
  }
}

.p-mens-campaign__title-img {
  width: 51.62vw;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-campaign__title-img {
    width: 67.179vw;
    max-width: 100%;
    height: auto;
  }
}

.p-mens-campaign__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.817vw;
  max-width: 70.423vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-campaign__menu {
    flex-direction: column;
    gap: 0;
    width: 69.744vw;
    max-width: 100%;
  }
}

.p-mens-campaign__item {
  width: 23.662vw;
  height: auto;
}

@media screen and (max-width: 768px) {
  .p-mens-campaign__item {
    width: 100%;
    max-width: 100%;
  }
}

/* ==========================================================================
   Section: About Pilates
========================================================================== */
.p-mens-about {
  background-color: #EBEBEB;
  padding: 7.042vw 0;
}

@media screen and (max-width: 768px) {
  .p-mens-about {
    max-width: 100%;
    padding: 12.308vw 6.41vw;
  }
}

.p-mens-about__wrap {
  display: flex;
  align-items: center;
  gap: 4.225vw;
  max-width: 84.507vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-about__wrap {
    flex-direction: column;
    gap: 5.641vw;
    max-width: 87.179vw;
  }
}

.p-mens-about__image {
  width: 43.38vw;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .p-mens-about__image {
    width: 100%;
  }
}

.p-mens-about__image-img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-mens-about__image-img {
    width: 100%;
    height: auto;
    display: inline-block;
  }
}

.p-mens-about__text {
  flex: 1;
}

.p-mens-about__text-title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 2.676vw;
  font-weight: 500;
  letter-spacing: 0.08vw;
  color: var(--black);
  margin-bottom: 1.056vw;
}

@media screen and (max-width: 768px) {
  .p-mens-about__text-title {
    font-size: 9.744vw;
    margin-bottom: 2.564vw;
  }
}

.p-mens-about__text-subtitle {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.127vw;
  font-weight: 400;
  letter-spacing: 0.08vw;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  .p-mens-about__text-subtitle {
    font-size: 4.103vw;
  }
}

.p-mens-about__text-description {
  font-family: var(--font-family-goldenbook-regular);
  font-size: 0.986vw;
  font-weight: 400;
  letter-spacing: 0.06vw;
  line-height: 2.5;
  color: var(--black);
  margin-top: 2.676vw;
}

@media screen and (max-width: 768px) {
  .p-mens-about__text-description {
    font-size: 3.333vw;
    margin-top: 7.692vw;
  }
}

/* ==========================================================================
   Section: Meditation (動く瞑想)
   ========================================================================== */
.p-mens-meditation {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 4.225vw;
  max-width: 84.507vw;
  margin: 7.042vw auto;
}

@media screen and (max-width: 768px) {
  .p-mens-meditation {
    display: block;
    gap: 0;
    max-width: 100%;
    width: 100%;
    padding: 11.282vw 6.41vw;
    margin: 0 auto;
  }
}

.p-mens-meditation__image {
  width: 41.127vw;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .p-mens-meditation__image {
    width: 100%;
    display: none;
  }
}

.p-mens-meditation__image-img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-meditation__text {
  flex: 1;
}

.p-mens-meditation__text-title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 2.113vw;
  font-weight: 500;
  letter-spacing: 0.08vw;
  color: var(--black);
  margin-bottom: 6.923vw;
}

@media screen and (max-width: 768px) {
  .p-mens-meditation__text-title {
    font-size: 4.615vw;
    text-align: center;
    margin-bottom: 6.923vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mens-meditation__text-title .u-mensmarker {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1) 60%);
  }

  .p-mens-meditation__text-title .u-mensmarker::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    z-index: -1;
    height: auto;
    background: none;
    opacity: 1;
  }
}

.p-mens-meditation__text-description {
  font-family: var(--font-family-goldenbook-regular);
  font-size: 0.986vw;
  font-weight: 400;
  letter-spacing: 0.02vw;
  line-height: 2.5;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  .p-mens-meditation__text-description {
    font-size: 3.077vw;
  }
}

/* ==========================================================================
   Section: Effect (効果)
   ========================================================================== */
.p-mens-effect {
  background-color: #EBEBEB;
  padding: 6.479vw 0;
}

@media screen and (max-width: 768px) {
  .p-mens-effect {
    max-width: 100%;
    padding: 11.282vw 0;
    margin: 0 auto;
  }
}

.p-mens-effect__wrap {
  max-width: 84.507vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-effect__wrap {
    max-width: 87.179vw;
  }
}

.p-mens-effect__title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 2.113vw;
  font-weight: 500;
  letter-spacing: 0.12vw;
  text-align: center;
  color: var(--black);
  margin-bottom: 4.577vw;
}

@media screen and (max-width: 768px) {
  .p-mens-effect__title {
    font-size: 5.128vw;
    line-height: 1.8;
    margin-bottom: 9.231vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mens-effect__title .u-mensmarker {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1) 60%);
  }

  .p-mens-effect__title .u-mensmarker::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    z-index: -1;
    height: auto;
    background: none;
    opacity: 1;
  }
}

.p-mens-effect__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.225vw 2.817vw;
}

@media screen and (max-width: 768px) {
  .p-mens-effect__list {
    grid-template-columns: 1fr;
    gap: 10.256vw;
  }
}

.p-mens-effect__item {
  text-align: center;
}

.p-mens-effect__item-image {
  width: 100%;
  margin-bottom: 1.831vw;
}

@media screen and (max-width: 768px) {
  .p-mens-effect__item-image {
    margin-bottom: 6.154vw;
  }
}

.p-mens-effect__item-image img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-effect__item-title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.549vw;
  font-weight: 500;
  letter-spacing: 0.08vw;
  color: var(--blcka);
  margin-bottom: 1.056vw;
}

@media screen and (max-width: 768px) {
  .p-mens-effect__item-title {
    font-size: 4.615vw;
    margin-bottom: 4.615vw;
  }
}

.p-mens-effect__item-text {
  font-family: var(--font-family-goldenbook-regular);
  font-size: 0.986vw;
  font-weight: 400;
  letter-spacing: 0.06vw;
  line-height: 1.8;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  .p-mens-effect__item-text {
    font-size: 3.077vw;
  }
}

/* ==========================================================================
   Section: Athlete (アスリート)
   ========================================================================== */
.p-mens-athlete {
  padding: 6.479vw 0;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete {
    padding: 11.282vw 0;
  }
}

.p-mens-athlete__wrap {
  max-width: 84.507vw;
  padding-bottom: 6.197vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__wrap {
    max-width: 87.179vw;
    padding-bottom: 12.308vw;
    margin: 0 auto;
  }
}

.p-mens-athlete__title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.69vw;
  font-weight: 500;
  letter-spacing: 0.12vw;
  text-align: center;
  color: var(--black);
  margin-bottom: 2.817vw;
  max-width: 70.423vw;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__title {
    font-size: 5.128vw;
    margin-bottom: 7.692vw;
    max-width: 87.179vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__title .u-mensmarker {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1) 60%);
  }

  .p-mens-athlete__title .u-mensmarker::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    z-index: -1;
    height: auto;
    background: none;
    opacity: 1;
  }
}

.p-mens-athlete__text {
  font-family: var(--font-family-goldenbook-regular);
  font-size: 0.986vw;
  font-weight: 400;
  letter-spacing: 0.08vw;
  line-height: 2.2;
  color: var(--black);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__text {
    font-size: 3.333vw;
    max-width: 87.179vw;
  }
}

.p-mens-athlete__info {
  font-family: var(--font-family-shippori_mincho);
  font-size: 13px;
  font-weight: 400;
  color: var(--black);
  text-align: center;
  margin-top: 2.817vw;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__info {
    font-size: 3.333vw;
    line-height: 1.8;
    margin-bottom: 0;
  }
}

.p-mens-athlete__list {
  width: 100%;
}

.p-mens-athlete__item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin: 0 1.408vw;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__item {
    margin: 0 5.128vw;
  }
}

.p-mens-athlete__item-image {
  width: 100%;
  margin-bottom: 0.704vw;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__item-image {
    margin-bottom: 2.564vw;
  }
}

.p-mens-athlete__item-image img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-athlete__item-team {
  font-family: var(--font-family-shippori_mincho);
  font-size: 0.704vw;
  font-weight: 400;
  color: var(--sandstone);
  margin-bottom: 0.352vw;
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__item-team {
    font-size: 2.564vw;
    margin-bottom: 1.282vw;
  }
}

.p-mens-athlete__item-name {
  font-family: var(--font-family-shippori_mincho);
  font-size: 0.845vw;
  font-weight: 500;
  color: var(--sandstone);
}

@media screen and (max-width: 768px) {
  .p-mens-athlete__item-name {
    font-size: 3.077vw;
  }
}

/* ==========================================================================
   Section: Specific (具体的な効果)
   ========================================================================== */
.p-mens-specific {
  background-color: #EBEBEB;
  padding: 6.479vw 0;
}

@media screen and (max-width: 768px) {
  .p-mens-specific {
    max-width: 100%;
    padding: 12.308vw 0;
    margin: 0 auto;
  }
}

.p-mens-specific__wrap {
  max-width: 87.179vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__wrap {
    max-width: 87.179vw;
  }
}

.p-mens-specific__title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.69vw;
  font-weight: 500;
  letter-spacing: 0.12vw;
  text-align: center;
  color: var(--black);
  margin-bottom: 4.577vw;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__title {
    font-size: 5.128vw;
    margin-bottom: 7.179vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mens-specific__title .u-mensmarker {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1) 60%);
  }

  .p-mens-specific__title .u-mensmarker::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    z-index: -1;
    height: auto;
    background: none;
    opacity: 1;
  }
}

.p-mens-specific__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.817vw;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 7.692vw 5.128vw;
  }
}

.p-mens-specific__item {
  text-align: center;
  background-color: var(--white);
  padding: 2.113vw;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__item {
    padding: 3.846vw;
  }
}

.p-mens-specific__item-image {
  width: 15.493vw;
  height: 15.493vw;
  margin: 0 auto 2.113vw;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__item-image {
    width: 31.795vw;
    height: 31.795vw;
    margin-bottom: 3.59vw;
  }
}

.p-mens-specific__item-image img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-specific__item-title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.479vw;
  font-weight: 500;
  letter-spacing: 0.08vw;
  color: var(--black);
  margin-bottom: 4.014vw;
  line-height: 1.6;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__item-title {
    font-size: 3.59vw;
    letter-spacing: 0;
    margin-bottom: 6.41vw;
  }
}

.p-mens-specific__item-title::after {
  content: '';
  width: 3.944vw;
  height: 2px;
  background-color: #707070;
  position: absolute;
  left: calc(50% - 3.944vw/2);
  bottom: -1.62vw;
}

@media screen and (max-width: 768px) {
  .p-mens-specific__item-title::after {
    content: '';
    width: 8.205vw;
    height: 2px;
    background-color: #707070;
    position: absolute;
    left: calc(50% - 8.205vw/2);
    bottom: -3.59vw;
  }
}

.p-mens-specific__item-text {
  font-family: var(--font-family-goldenbook-regular);
  font-size: 0.986vw;
  font-weight: 400;
  letter-spacing: 0.06vw;
  line-height: 1.8;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  .p-mens-specific__item-text {
    font-size: 3.077vw;
    text-align: left;
  }
}

/* ==========================================================================
   Section: More Info (詳細情報)
   ========================================================================== */
.p-mens-moreinfo {
  background-color: var(--desert-storm);
  padding: 7.042vw 0;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo {
    max-width: 100%;
    padding: 0 0 12.308vw;
    margin: 0 auto;
  }
}

.p-mens-moreinfo__wrap {
  max-width: 84.507vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__wrap {
    max-width: 100%;
    margin: 0 auto;
  }
}

.p-mens-moreinfo__image {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 5.211vw;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10.256vw;
  }
}

.p-mens-moreinfo__image img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-moreinfo__list {
  display: flex;
  flex-direction: column;
  gap: 4.085vw;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__list {
    max-width: 87.179vw;
    gap: 10.256vw;
    margin: 0 auto;
  }
}

.p-mens-moreinfo__item {
  display: flex;
  align-items: flex-start;
  gap: 4.507vw;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__item {
    display: block;
    flex-direction: column;
    gap: 5.128vw;
    position: relative;
  }
}

.p-mens-moreinfo__item-image {
  width: 10.563vw;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__item-image {
    width: 28.718vw;
  }
}

.p-mens-moreinfo__item-image img {
  width: 100%;
  height: auto;
  display: block;
}

.p-mens-moreinfo__item-textbox {
  flex: 1;
}

.p-mens-moreinfo__item-title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.549vw;
  font-weight: 500;
  letter-spacing: 0.08vw;
  color: var(--black);
  margin-bottom: 1.408vw;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__item-title {
    font-family: var(--font-family-shippori_mincho);
    font-size: 5vw;
    font-weight: 500;
    letter-spacing: 0.01vw;
    color: var(--black);
    margin-bottom: 0;
    line-height: 1.6;
    width: calc(100% - 32.718vw);
    display: block;
    position: absolute;
    left: 32.718vw;
    top: calc(28.718vw/2.9);
  }
}

.p-mens-moreinfo__item-text {
  font-family: var(--font-family-goldenbook-regular);
  font-size: 0.986vw;
  font-weight: 400;
  letter-spacing: 0.06vw;
  line-height: 1.8;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  .p-mens-moreinfo__item-text {
    font-size: 3.077vw;
    margin-top: 7.692vw;
    line-height: 2.5;
  }
}

/* ==========================================================================
   Section: Contact (お問い合わせ)
   ========================================================================== */
.p-mens-contact {
  max-width: 84.507vw;
  margin: 5.775vw auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-mens-contact {
    max-width: 87.179vw;
    margin: 20.513vw auto;
  }
}

.p-mens-contact__title {
  font-family: var(--font-family-shippori_mincho);
  font-size: 1.408vw;
  font-weight: 500;
  letter-spacing: 0.08vw;
  line-height: 1.8;
  color: var(--black);
  margin-bottom: 1.831vw;
}

@media screen and (max-width: 768px) {
  .p-mens-contact__title {
    font-size: 4.615vw;
    margin-bottom: 7.692vw;
  }
}

/* ==========================================================================
   Component: Reserve Button
   ========================================================================== */
.c-btn-reserve {
  display: inline-block;
}

.c-btn-reserve a {
  display: inline-block;
  background-color: var(--sandstone);
  color: #fff;
  padding: 1.127vw 4.225vw;
  border-radius: 2.817vw;
  font-family: var(--font-family-dnpshueigoginstd-l);
  font-size: 0.915vw;
  font-weight: 400;
  letter-spacing: 0.08vw;
  text-decoration: none;
  transition: opacity 0.3s;
}

@media screen and (max-width: 768px) {
  .c-btn-reserve a {
    padding: 3.846vw 10.256vw;
    font-size: 3.333vw;
    border-radius: 7.692vw;
  }
}

.c-btn-reserve a:hover {
  opacity: 0.8;
}