@charset "UTF-8";
/* SPの基準を375pxデザインに変更 */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}

.mens__anchor {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  color: #1A1A1A;
  max-width: 1920px;
  margin-inline: auto;
  letter-spacing: 0;
}
.mens__anchor html, .mens__anchor body, .mens__anchor div, .mens__anchor span, .mens__anchor applet, .mens__anchor object, .mens__anchor iframe,
.mens__anchor h1, .mens__anchor h2, .mens__anchor h3, .mens__anchor h4, .mens__anchor h5, .mens__anchor h6, .mens__anchor p, .mens__anchor blockquote, .mens__anchor pre,
.mens__anchor a, .mens__anchor abbr, .mens__anchor acronym, .mens__anchor address, .mens__anchor big, .mens__anchor cite, .mens__anchor code,
.mens__anchor del, .mens__anchor dfn, .mens__anchor em, .mens__anchor img, .mens__anchor ins, .mens__anchor kbd, .mens__anchor q, .mens__anchor s, .mens__anchor samp,
.mens__anchor small, .mens__anchor strike, .mens__anchor strong, .mens__anchor sub, .mens__anchor sup, .mens__anchor tt, .mens__anchor var,
.mens__anchor b, .mens__anchor u, .mens__anchor i, .mens__anchor center,
.mens__anchor dl, .mens__anchor dt, .mens__anchor dd, .mens__anchor ol, .mens__anchor ul, .mens__anchor li,
.mens__anchor fieldset, .mens__anchor form, .mens__anchor label, .mens__anchor legend,
.mens__anchor table, .mens__anchor caption, .mens__anchor tbody, .mens__anchor tfoot, .mens__anchor thead, .mens__anchor tr, .mens__anchor th, .mens__anchor td,
.mens__anchor article, .mens__anchor aside, .mens__anchor canvas, .mens__anchor details, .mens__anchor embed,
.mens__anchor figure, .mens__anchor figcaption, .mens__anchor footer, .mens__anchor header, .mens__anchor hgroup,
.mens__anchor menu, .mens__anchor nav, .mens__anchor output, .mens__anchor ruby, .mens__anchor section, .mens__anchor summary,
.mens__anchor time, .mens__anchor mark, .mens__anchor audio, .mens__anchor video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.mens__anchor article, .mens__anchor aside, .mens__anchor details, .mens__anchor figcaption, .mens__anchor figure,
.mens__anchor footer, .mens__anchor header, .mens__anchor hgroup, .mens__anchor menu, .mens__anchor nav, .mens__anchor section {
  display: block;
}
.mens__anchor body {
  line-height: 1;
}
.mens__anchor ol, .mens__anchor ul {
  list-style: none;
}
.mens__anchor blockquote, .mens__anchor q {
  quotes: none;
}
.mens__anchor blockquote:before, .mens__anchor blockquote:after,
.mens__anchor q:before, .mens__anchor q:after {
  content: "";
  content: none;
}
.mens__anchor table {
  border-collapse: collapse;
  border-spacing: 0;
}
.mens__anchor input, .mens__anchor button, .mens__anchor textarea, .mens__anchor select, .mens__anchor option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
.mens__anchor input::-ms-clear {
  display: none;
}
.mens__anchor input::-ms-reveal {
  display: none;
}
.mens__anchor a {
  color: inherit;
}
@media screen and (max-width: 1023px) {
  .mens__anchor .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .mens__anchor .sp {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .mens__anchor {
    padding-block: calc(clamp(0px, 1.875vw, 36px) * 1);
    padding-inline: 72px;
  }
}
@media screen and (max-width: 1023px) {
  .mens__anchor {
    padding-top: 20px;
  }
}
.mens__anchor .mens__anchor__list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .mens__anchor .mens__anchor__list {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .mens__anchor .mens__anchor__list {
    flex-wrap: wrap;
    gap: calc(clamp(0px, 3.2vw, 32.736px) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .mens__anchor .mens__anchor__item {
    width: calc(clamp(0px, 12.1354166667vw, 233px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .mens__anchor .mens__anchor__item {
    width: calc(clamp(0px, 42.9333333333vw, 439.208px) * 1);
  }
}
.mens__anchor .mens__anchor__item a {
  width: 100%;
  height: 100%;
  line-height: 150%;
  border: 1px solid #1A1A1A;
  display: grid;
  place-content: center;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .mens__anchor .mens__anchor__item a {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    padding-block: calc(clamp(0px, 0.9375vw, 18px) * 1);
    padding-right: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .mens__anchor .mens__anchor__item a {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    padding-block: calc(clamp(0px, 4vw, 40.92px) * 1);
  }
}
.mens__anchor .mens__anchor__item a::after {
  content: "";
  display: block;
  background: url(/media/export/cms2.0/pages/mens/260703/img/anchor__arrow.svg) no-repeat center/cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .mens__anchor .mens__anchor__item a::after {
    right: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    width: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
    height: calc(clamp(0px, 0.46875vw, 9px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .mens__anchor .mens__anchor__item a::after {
    right: calc(clamp(0px, 3.7333333333vw, 38.192px) * 1);
    width: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    height: calc(clamp(0px, 1.6vw, 16.368px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .mens__anchor .mens__anchor__item:last-child {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .mens__anchor .text__center a {
    padding-right: 0;
  }
}

.lp-clinique-services {
  padding-top: initial !important;
}
@media screen and (min-width: 1024px) {
  .lp-clinique-services {
    margin-top: calc(clamp(0px, 3.125vw, 60px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-clinique-services {
    margin-top: calc(clamp(0px, 16vw, 163.68px) * 1);
    padding-bottom: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1);
  }
}
.lp-clinique-services .clinique-services__title {
  border-top: 1px solid #E6E6E6;
}
@media screen and (min-width: 1024px) {
  .lp-clinique-services .clinique-services__title {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-clinique-services .clinique-services__title {
    padding-top: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}