@charset "UTF-8";
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  font-size: 10px !important;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

p,
a {
  line-height: 1;
  letter-spacing: 0.05em;
}

a,
img {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
}

.sp {
  display: block !important;
}
@media screen and (max-width: 765px) {
  .sp {
    display: none !important;
  }
}

.pc {
  display: none !important;
}
@media screen and (max-width: 765px) {
  .pc {
    display: block !important;
  }
}

.l__inner {
  width: 366.94px;
  margin: 0 auto;
}

.cta-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 321px;
  height: 53.5px;
  text-decoration: none;
  border-radius: 26.75px;
  background: #ff8fa0;
  color: #fff;
  position: relative;
  box-shadow: 0px 0px 10.7px 1.07px rgba(0, 0, 0, 0.35);
  transition: opacity 0.3s;
  margin: 0 auto;
  /* ▼ 上の細い案内文 */
  /* ▼ メインテキスト */
  /* ▼ 右側の矢印アイコン */
}
.cta-button:hover {
  opacity: 0.85;
}
.cta-button__note {
  font-size: 9.63px;
  opacity: 0.9;
  margin-bottom: 4.28px;
  letter-spacing: 0.03em;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  margin-top: -5.35px;
}
.cta-button__text {
  font-size: 16.05px;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "BIZ UDPGothic", sans-serif;
  margin-top: 7.49px;
}
.cta-button__icon {
  position: absolute;
  right: 21.4px;
  width: 9.0843px;
  height: auto;
}

@media screen and (max-width: 430px) {
  .l__inner {
    width: 85.335vw;
    margin: 0 auto;
  }
  .cta-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 74.651vw;
    height: 12.442vw;
    text-decoration: none;
    border-radius: 6.221vw;
    background: #ff8fa0;
    color: #fff;
    position: relative;
    box-shadow: 0px 0px 10.7px 1.07px rgba(0, 0, 0, 0.35);
    transition: opacity 0.3s;
    margin: 0 auto;
    /* ▼ 上の細い案内文 */
    /* ▼ メインテキスト */
    /* ▼ 右側の矢印アイコン */
  }
  .cta-button:hover {
    opacity: 0.85;
  }
  .cta-button__note {
    font-size: 2.24vw;
    opacity: 0.9;
    margin-bottom: 0.995vw;
    letter-spacing: 0.03em;
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 400;
    margin-top: -1.244vw;
  }
  .cta-button__text {
    font-size: 3.733vw;
    font-weight: 700;
    letter-spacing: 0.03em;
    font-family: "BIZ UDPGothic", sans-serif;
    margin-top: 1.742vw;
  }
  .cta-button__icon {
    position: absolute;
    right: 4.977vw;
    width: 2.113vw;
    height: auto;
  }
}
.hero {
  position: relative;
  max-width: 430px;
  width: 100%;
  margin: 0 auto;
  padding: 55.64px 0 0 0;
  text-align: center;
  z-index: 0;
  /* 上部テキスト */
  /* 大見出し */
  /* PRエリア */
  /* メインコピー */
  /* サブ見出し */
  /* 情報ボックス */
  /* 注意書き */
}
.hero__inner {
  max-width: 513.6px;
  margin: 0 auto;
}
.hero__catch {
  display: flex;
  justify-content: center;
  position: relative;
  font-size: 20.33px;
  color: #343434;
}
.hero__catch:before {
  position: absolute;
  content: "";
  background: url(../img/hero-border.png);
  width: 337.05px;
  height: 27.82px;
  background-size: cover;
  background-repeat: no-repeat;
  left: 14.98px;
  bottom: -29.96px;
}
.hero__catch:after {
  position: absolute;
  content: "";
  background: url(../img/hero-light.png);
  background-size: cover;
  width: 19.26px;
  height: 26.75px;
  right: 18.19px;
  top: -28.89px;
  z-index: -1;
}
.hero__time {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 225.77px;
  height: 18.19px;
  background: #fff;
  font-size: 12.84px;
  color: #000000;
  border-radius: 53.5px;
  margin-left: auto;
  margin-right: 16.05px;
  margin-top: 12.84px;
  letter-spacing: 0.01em;
}
.hero__time span {
  font-size: 10.7px;
}
.hero__title {
  position: relative;
  margin-top: 10.7px;
  font-size: 40.66px;
  font-weight: 700;
  color: #343434;
  letter-spacing: 0.03em;
  background: linear-gradient(transparent 60%, #ff8fa0 60%);
  white-space: nowrap;
}
.hero__title--small {
  font-size: 26.75px;
}
.hero__dotto {
  position: relative;
}
.hero__dotto:after {
  position: absolute;
  content: "";
  width: 10.7px;
  height: 10.7px;
  background: #ff8fa0;
  border-radius: 50%;
  left: 50%;
  top: -10.7px;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.hero__pr {
  width: 315.65px;
  height: 58.85px;
  margin: 10.7px auto 0 auto;
}
.hero__price {
  margin-top: 6.42px;
}
.hero__price-text {
  font-size: 16.05px;
  margin-bottom: 4.28px;
}
.hero__price-note {
  font-size: 7.49px;
  color: #777;
  line-height: 1.4;
  line-height: 11.77px;
  text-align: left;
}
.hero__price-highlight {
  display: flex;
  align-items: center;
  margin-left: 7.49px;
}
.hero__price-highlight__label {
  font-size: 14.98px;
  line-height: 1.2;
  color: #333;
  font-weight: 600;
}
.hero__price-highlight__value {
  width: 158.36px;
  height: 59.92px;
}
.hero__maincopy {
  position: relative;
  font-size: 36.38px;
  font-weight: 700;
  margin-bottom: 21.4px;
  text-align: left;
  margin: 6.42px 0 19.26px 8.56px;
}
.hero__maincopy--big {
  font-size: 47.08px;
  letter-spacing: 0.1em;
}
.hero__maincopy--red {
  color: #dc494b;
}
.hero__maincopy:after {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/hero-men.png);
  background-size: cover;
  width: 176.55px;
  height: 207.58px;
  right: 0;
  top: -75.97px;
  z-index: -1;
}
.hero__subheading {
  margin-top: 20.33px;
  font-size: 25.68px;
  font-weight: 800;
  color: #000000;
  line-height: 1.5;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.hero__subheading--small {
  font-size: 17.12px;
}
.hero__subheading--red {
  color: #dc494b;
}
.hero__subheading--linear {
  background-color: #fff;
  padding: 4.28px;
}
.hero__info {
  width: 342.4px;
  margin: 17.12px auto 0 auto;
}
.hero__info-item {
  display: flex;
  align-items: center;
  margin-bottom: 9.63px;
  background: #65adc6;
  width: 100%;
  height: 37.45px;
  border-radius: 26.75px;
}
.hero__info-item:last-child {
  margin-bottom: 0;
}
.hero__info-item .hero__info-icon1 {
  width: 19.26px;
  height: 18.19px;
  margin-right: 14.98px;
  margin-left: 29.96px;
}
.hero__info-item .hero__info-icon2 {
  width: 19.26px;
  height: 19.26px;
  margin-right: 14.98px;
  margin-left: 29.96px;
}
.hero__info-item .hero__info-icon3 {
  width: 21.4px;
  height: 21.4px;
  margin-right: 14.98px;
  margin-left: 29.96px;
}
.hero__info-item span {
  font-size: 19.26px;
  color: #fff;
}
.hero__note {
  font-size: 7.49px;
  color: #343434;
  line-height: 2;
  margin: 14.98px 0 16.05px 18.19px;
  text-align: left;
  letter-spacing: 0.02em;
}

.hero:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1037.9px;
  background: url(../img/hero-bg.png);
  background-size: cover;
  top: 0;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 430px) {
  .hero {
    position: relative;
    width: 100%;
    padding: 12.94vw 0 0 0;
    text-align: center;
    z-index: 0;
    /* 上部テキスト */
    /* 大見出し */
    /* PRエリア */
    /* メインコピー */
    /* サブ見出し */
    /* 情報ボックス */
    /* 注意書き */
  }
  .hero__inner {
    max-width: 119.442vw;
    margin: 0 auto;
  }
  .hero__catch {
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 4.728vw;
    color: #343434;
  }
  .hero__catch:before {
    position: absolute;
    content: "";
    background: url(../img/hero-border.png);
    width: 78.384vw;
    height: 6.47vw;
    background-size: cover;
    background-repeat: no-repeat;
    left: 3.484vw;
    bottom: -6.967vw;
  }
  .hero__catch:after {
    position: absolute;
    content: "";
    background: url(../img/hero-light.png);
    background-size: cover;
    width: 4.479vw;
    height: 6.221vw;
    right: 4.23vw;
    top: -6.719vw;
    z-index: -1;
  }
  .hero__time {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52.505vw;
    height: 4.23vw;
    background: #fff;
    font-size: 2.986vw;
    color: #000000;
    border-radius: 12.442vw;
    margin-left: auto;
    margin-right: 3.733vw;
    margin-top: 2.986vw;
    letter-spacing: 0.01em;
  }
  .hero__time span {
    font-size: 2.488vw;
  }
  .hero__title {
    position: relative;
    margin-top: 2.488vw;
    font-size: 9.456vw;
    font-weight: 700;
    color: #343434;
    letter-spacing: 0.03em;
    background: linear-gradient(transparent 60%, #ff8fa0 60%);
    white-space: nowrap;
  }
  .hero__title--small {
    font-size: 6.221vw;
  }
  .hero__dotto {
    position: relative;
  }
  .hero__dotto:after {
    position: absolute;
    content: "";
    width: 2.488vw;
    height: 2.488vw;
    background: #ff8fa0;
    border-radius: 50%;
    left: 50%;
    top: -2.488vw;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
  }
  .hero__pr {
    width: 73.407vw;
    height: 13.686vw;
    margin: 2.488vw auto 0 auto;
  }
  .hero__price {
    margin-top: 1.493vw;
  }
  .hero__price-text {
    font-size: 3.733vw;
    margin-bottom: 0.995vw;
  }
  .hero__price-note {
    font-size: 1.742vw;
    color: #777;
    line-height: 1.4;
    line-height: 2.737vw;
    text-align: left;
  }
  .hero__price-highlight {
    display: flex;
    align-items: center;
    margin-left: 1.742vw;
  }
  .hero__price-highlight__label {
    font-size: 3.484vw;
    line-height: 1.2;
    color: #333;
    font-weight: 600;
  }
  .hero__price-highlight__value {
    width: 36.828vw;
    height: 13.935vw;
  }
  .hero__maincopy {
    position: relative;
    font-size: 8.46vw;
    font-weight: 700;
    margin-bottom: 4.977vw;
    text-align: left;
    margin: 1.493vw 0 4.479vw 1.991vw;
  }
  .hero__maincopy--big {
    font-size: 10.949vw;
    letter-spacing: 0.1em;
  }
  .hero__maincopy--red {
    color: #dc494b;
  }
  .hero__maincopy:after {
    position: absolute;
    display: block;
    content: "";
    background: url(/img/hero-men.png);
    background-size: cover;
    width: 41.058vw;
    height: 48.274vw;
    right: 0;
    top: -17.667vw;
    z-index: -1;
  }
  .hero__subheading {
    margin-top: 4.728vw;
    font-size: 5.972vw;
    font-weight: 800;
    color: #000000;
    line-height: 1.5;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  .hero__subheading--small {
    font-size: 3.981vw;
  }
  .hero__subheading--red {
    color: #dc494b;
  }
  .hero__subheading--linear {
    background-color: #fff;
    padding: 0.995vw;
  }
  .hero__info {
    width: 79.628vw;
    margin: 17.12px auto 0 auto;
  }
  .hero__info-item {
    display: flex;
    align-items: center;
    margin-bottom: 2.24vw;
    background: #65adc6;
    width: 100%;
    height: 8.709vw;
    border-radius: 6.221vw;
  }
  .hero__info-item:last-child {
    margin-bottom: 0;
  }
  .hero__info-item .hero__info-icon1 {
    width: 4.479vw;
    height: 4.23vw;
    margin-right: 3.484vw;
    margin-left: 6.967vw;
  }
  .hero__info-item .hero__info-icon2 {
    width: 4.479vw;
    height: 4.479vw;
    margin-right: 3.484vw;
    margin-left: 6.967vw;
  }
  .hero__info-item .hero__info-icon3 {
    width: 4.977vw;
    height: 4.977vw;
    margin-right: 3.484vw;
    margin-left: 6.967vw;
  }
  .hero__info-item span {
    font-size: 4.479vw;
    color: #fff;
  }
  .hero__note {
    font-size: 1.742vw;
    color: #343434;
    line-height: 2;
    margin: 3.484vw 0 3.733vw 4.23vw;
    text-align: left;
    letter-spacing: 0.02em;
  }
  .hero:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 241.372vw;
    background: url(../img/hero-bg.png);
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.compare {
  max-width: 430px;
  width: 100%;
  margin: 0 auto;
  margin-top: 58.85px;
  padding-top: 55.64px;
  text-align: center;
  position: relative;
  /* ▼ 人気3院を徹底比較 */
  /* ▼ サブコピー */
}
.compare__inner {
  max-width: 513.6px;
  margin: 0 auto;
  position: relative;
}
.compare__title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 35.31px;
  font-weight: 800;
  background: #1698c7;
  color: #fff;
  letter-spacing: 0.1em;
  padding-bottom: 5.35px;
}
.compare__title-number {
  font-size: 58.85px;
  font-weight: 800;
  line-height: 1;
}
.compare__title--dotto {
  position: relative;
}
.compare__title--dotto:after {
  position: absolute;
  content: "";
  width: 8.56px;
  height: 8.56px;
  background: #fff;
  border-radius: 50%;
  left: 50%;
  top: -10.7px;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.compare__title:before {
  position: absolute;
  content: "";
  background: url(../img/doctor-compare.png);
  background-size: cover;
  width: 99.51px;
  height: 96.3px;
  left: 3.21px;
  top: -95.23px;
}
.compare__title:after {
  position: absolute;
  content: "";
  background: url(/img/compare--text.png);
  background-size: cover;
  width: 118.77px;
  height: 47.08px;
  top: -53.5px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.compare__subtitle {
  font-size: 18.19px;
  color: #1698c7;
  margin-top: 10.7px;
  font-weight: 600;
}

@media screen and (max-width: 430px) {
  .compare {
    width: 100%;
    margin-top: 13.686vw;
    padding-top: 12.94vw;
    text-align: center;
    position: relative;
    /* ▼ 人気3院を徹底比較 */
    /* ▼ サブコピー */
  }
  .compare__inner {
    max-width: 119.442vw;
    margin: 0 auto;
    position: relative;
  }
  .compare__title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    font-size: 8.212vw;
    font-weight: 800;
    background: #1698c7;
    color: #fff;
    letter-spacing: 0.1em;
    padding-bottom: 1.244vw;
  }
  .compare__title-number {
    font-size: 13.686vw;
    font-weight: 800;
    line-height: 1;
  }
  .compare__title--dotto {
    position: relative;
  }
  .compare__title--dotto:after {
    position: absolute;
    content: "";
    width: 1.991vw;
    height: 1.991vw;
    background: #fff;
    border-radius: 50%;
    left: 50%;
    top: -2.488vw;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
  }
  .compare__title:before {
    position: absolute;
    content: "";
    background: url(../img/doctor-compare.png);
    background-size: cover;
    width: 23.142vw;
    height: 22.395vw;
    left: 0.747vw;
    top: -22.147vw;
  }
  .compare__title:after {
    position: absolute;
    content: "";
    background: url(../img/compare--text.png);
    background-size: cover;
    width: 27.621vw;
    height: 10.949vw;
    top: -12.442vw;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
  }
  .compare__subtitle {
    font-size: 4.23vw;
    color: #1698c7;
    margin-top: 2.488vw;
    font-weight: 600;
  }
}
.clinic-table {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  margin-top: 21.4px;
  /* ▼ 横スクロール領域 */
  /* ▼ 表本体 */
}
.clinic-table__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12.84px;
}
.clinic-table__table {
  width: 1391px; /* 固定幅 → スマホは横スクロール */
  border-collapse: collapse;
  background: #fff;
  table-layout: fixed;
  margin-left: 62.06px;
}
.clinic-table__table th {
  background: #6ab0c9;
  color: #fff;
  font-size: 12.84px;
  width: 130.54px;
  height: 52.43px;
  text-align: center;
  vertical-align: middle;
}
.clinic-table__table th:last-child {
  border-right: none;
}
.clinic-table__table td {
  font-size: 14.98px;
  line-height: 1.5;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #d9d9d9;
  text-align: center;
  vertical-align: middle;
  width: 130.54px;
  height: 96.3px;
}
.clinic-table__table th:nth-child(1),
.clinic-table__table td:nth-child(1) {
  position: relative;
  width: 173.34px;
}
.clinic-table__table .number {
  position: absolute;
  width: 53.5px;
  height: 53.5px;
  top: 50%;
  left: -26.75px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.clinic-table__table tr > td {
  background: #ffeaea;
}
.clinic-table__table tbody tr:nth-child(even) > td {
  background-color: #c3e0ea;
}
.clinic-table__name1 {
  display: block;
  font-weight: 600;
  text-align: left;
  padding-left: 36.38px;
  color: #000000;
}
.clinic-table__name2 {
  display: block;
  font-weight: 600;
  text-align: left;
  padding-left: 65.27px;
  color: #000000;
}
.clinic-table__name3 {
  display: block;
  font-weight: 600;
  text-align: left;
  padding-left: 55.64px;
  color: #000000;
}
.clinic-table__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 124.12px;
  height: 28.89px;
  background: #ff8fa0;
  box-shadow: 0px 0px 6.42px 1.07px rgba(0, 0, 0, 0.25);
  border-radius: 53.5px;
  color: #fff;
  margin: 13.91px 0 0 35.31px;
}
.clinic-table__btn:hover {
  opacity: 0.8;
}

@media screen and (max-width: 430px) {
  .clinic-table {
    width: 100%;
    margin-top: 4.977vw;
    /* ▼ 横スクロール領域 */
    /* ▼ 表本体 */
  }
  .clinic-table__scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2.986vw;
  }
  .clinic-table__table {
    width: 323.488vw; /* 固定幅 → スマホは横スクロール */
    border-collapse: collapse;
    background: #fff;
    table-layout: fixed;
    margin-left: 14.433vw;
  }
  .clinic-table__table th {
    background: #6ab0c9;
    color: #fff;
    font-size: 2.986vw;
    width: 30.358vw;
    height: 12.193vw;
    text-align: center;
    vertical-align: middle;
  }
  .clinic-table__table th:last-child {
    border-right: none;
  }
  .clinic-table__table td {
    font-size: 3.484vw;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #d9d9d9;
    text-align: center;
    vertical-align: middle;
    width: 30.358vw;
    height: 22.395vw;
  }
  .clinic-table__table th:nth-child(1),
  .clinic-table__table td:nth-child(1) {
    position: relative;
    width: 40.312vw;
  }
  .clinic-table__table .number {
    position: absolute;
    width: 12.442vw;
    height: 12.442vw;
    top: 50%;
    left: -6.221vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .clinic-table__table tr > td {
    background: #ffeaea;
  }
  .clinic-table__table tbody tr:nth-child(even) > td {
    background-color: #c3e0ea;
  }
  .clinic-table__name1 {
    display: block;
    font-weight: 600;
    text-align: left;
    padding-left: 8.46vw;
    color: #000000;
  }
  .clinic-table__name2 {
    display: block;
    font-weight: 600;
    text-align: left;
    padding-left: 15.179vw;
    color: #000000;
  }
  .clinic-table__name3 {
    display: block;
    font-weight: 600;
    text-align: left;
    padding-left: 12.94vw;
    color: #000000;
  }
  .clinic-table__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28.865vw;
    height: 6.719vw;
    background: #ff8fa0;
    box-shadow: 0px 0px 6.42px 1.07px rgba(0, 0, 0, 0.25);
    border-radius: 12.442vw;
    color: #fff;
    margin: 3.235vw 0 0 8.212vw;
  }
  .clinic-table__btn:hover {
    opacity: 0.8;
  }
}
.notes {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 14.98px 0 32.1px 0;
  text-align: left;
  /* ▼ 注意書きリスト */
}
.notes__inner {
  max-width: 513.6px;
  margin: 0 auto;
}
.notes__list {
  margin-bottom: 32.1px;
}
.notes__item {
  font-size: 8.56px;
  line-height: 1.5;
  color: #444;
}

@media screen and (max-width: 430px) {
  .notes {
    width: 100%;
    padding: 3.484vw 0 7.465vw 0;
    text-align: left;
    /* ▼ 注意書きリスト */
  }
  .notes__inner {
    max-width: 119.442vw;
    margin: 0 auto;
  }
  .notes__list {
    margin-bottom: 7.465vw;
  }
  .notes__item {
    font-size: 1.991vw;
    line-height: 1.5;
    color: #444;
  }
}
.trouble {
  position: relative;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 19.26px 0 0 0;
  /* ■ 見出し */
  /* ■ 悩みリスト */
  /* ■ 中央の導入メッセージ */
}
.trouble__inner {
  max-width: 513.6px;
  margin: 0 auto;
  text-align: center;
}
.trouble__heading {
  width: 356.31px;
  height: 129.47px;
}
.trouble__list {
  width: 100%;
}
.trouble__item1 {
  width: 311.37px;
  height: 114.49px;
  margin: 29.96px 16.05px 0 auto;
}
.trouble__item2 {
  width: 310.3px;
  height: 118.77px;
  margin: -6.42px auto 0 19.26px;
}
.trouble__item3 {
  width: 263.22px;
  height: 112.35px;
  margin: 0 47.08px 0 auto;
}
.trouble__item4 {
  width: 310.3px;
  height: 116.63px;
  margin: -6.42px auto 0 19.26px;
}
.trouble__text {
  background: #fff;
  display: inline-block;
  padding: 12.84px 21.4px;
  border-radius: 10.7px;
  font-size: 14.98px;
  box-shadow: 0 4px 10.7px rgba(0, 0, 0, 0.08);
  line-height: 1.5;
}
.trouble__message {
  width: 254.66px;
}

@media screen and (max-width: 430px) {
  .trouble {
    position: relative;
    width: 100%;
    padding: 4.479vw 0 0 0;
    /* ■ 見出し */
    /* ■ 悩みリスト */
    /* ■ 中央の導入メッセージ */
  }
  .trouble__inner {
    max-width: 119.442vw;
    margin: 0 auto;
    text-align: center;
  }
  .trouble__heading {
    width: 82.863vw;
    height: 30.109vw;
  }
  .trouble__list {
    width: 100%;
  }
  .trouble__item1 {
    width: 72.412vw;
    height: 26.626vw;
    margin: 6.967vw 3.733vw 0 auto;
  }
  .trouble__item2 {
    width: 72.163vw;
    height: 27.621vw;
    margin: -1.493vw auto 0 4.479vw;
  }
  .trouble__item3 {
    width: 61.214vw;
    height: 26.128vw;
    margin: 0 10.949vw 0 auto;
  }
  .trouble__item4 {
    width: 72.163vw;
    height: 27.123vw;
    margin: -1.493vw auto 0 4.479vw;
  }
  .trouble__text {
    background: #fff;
    display: inline-block;
    padding: 2.986vw 4.977vw;
    border-radius: 2.488vw;
    font-size: 3.484vw;
    box-shadow: 0 4px 10.7px rgba(0, 0, 0, 0.08);
    line-height: 1.5;
  }
  .trouble__message {
    width: 59.223vw;
  }
}
.progress {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 19.26px 0 0 0;
  background: #ffffff;
  /* ▼「AGAは進行性…」タイトル */
  /* ▼ テキスト */
  /* ▼ 写真 */
  /* ▼ ケース（丸い頭頂部の図） */
  /* ▼ 注意喚起文 */
  /* ▼ 下部医師イラスト */
}
.progress__inner {
  max-width: 513.6px;
  margin: 0 auto;
  text-align: center;
}
.progress__title {
  height: 160.5px;
}
.progress__text {
  font-size: 14.98px;
  color: #000;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 21.4px;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  margin: 8.56px 32.1px 0 32.1px;
}
.progress__text-red {
  color: #d9534f;
}
.progress__photo {
  width: 365.94px;
  height: auto;
  margin: 8.56px auto 0 auto;
}
.progress__cases-ttl {
  width: 365.94px;
  height: 40.66px;
  margin: 11.77px auto 0 auto;
}
.progress__cases {
  width: 365.94px;
  height: 157.29px;
  margin: 0 auto;
  background: #c3e0ea;
}
.progress__warning1 {
  font-size: 21.4px;
  margin-top: 12.84px;
}
.progress__warning2 {
  font-size: 14.98px;
  text-align: center;
  margin: 16.05px 32.1px 0 32.1px;
  text-align: left;
  line-height: 1.4;
}
.progress__warning3 {
  font-size: 14.98px;
  text-align: center;
  margin: 16.05px 32.1px 0 32.1px;
  text-align: left;
  line-height: 1.4;
}
.progress__doctor {
  width: 142.31px;
  height: 164.78px;
  margin: 4.28px auto 27.82px;
  display: block;
}

@media screen and (max-width: 430px) {
  .progress {
    width: 100%;
    padding: 4.479vw 0 0 0;
    background: #ffffff;
    /* ▼「AGAは進行性…」タイトル */
    /* ▼ テキスト */
    /* ▼ 写真 */
    /* ▼ ケース（丸い頭頂部の図） */
    /* ▼ 注意喚起文 */
    /* ▼ 下部医師イラスト */
  }
  .progress__inner {
    max-width: 119.442vw;
    margin: 0 auto;
    text-align: center;
  }
  .progress__title {
    height: 37.326vw;
  }
  .progress__text {
    font-size: 3.484vw;
    color: #000;
    line-height: 1.6;
    letter-spacing: 0;
    margin-bottom: 4.977vw;
    font-family: "Sawarabi Gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    margin: 1.991vw 7.465vw 0 7.465vw;
  }
  .progress__text-red {
    color: #d9534f;
  }
  .progress__photo {
    width: 85.102vw;
    height: auto;
    margin: 1.991vw auto 0 auto;
  }
  .progress__cases-ttl {
    width: 85.102vw;
    height: 9.456vw;
    margin: 2.737vw auto 0 auto;
  }
  .progress__cases {
    width: 85.102vw;
    height: 36.579vw;
    margin: 0 auto;
    background: #c3e0ea;
  }
  .progress__warning1 {
    font-size: 4.977vw;
    margin-top: 2.986vw;
  }
  .progress__warning2 {
    font-size: 3.484vw;
    text-align: center;
    margin: 3.733vw 7.465vw 0 7.465vw;
    text-align: left;
    line-height: 1.4;
  }
  .progress__warning3 {
    font-size: 3.484vw;
    text-align: center;
    margin: 3.733vw 7.465vw 0 7.465vw;
    text-align: left;
    line-height: 1.4;
  }
  .progress__doctor {
    width: 33.095vw;
    height: 38.321vw;
    margin: 0.995vw auto 6.47vw;
    display: block;
  }
}
.clinic-important {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding-top: 27.82px;
  /* ▼ 上のラベル */
  /* ▼ タイトル */
  /* ▼ テキスト */
  /* ▼ 写真 */
}
.clinic-important__inner {
  max-width: 513.6px;
  margin: 0 auto;
  text-align: center;
}
.clinic-important__label {
  font-size: 14.98px;
  color: #c14444;
  font-weight: 700;
  margin-bottom: 12.84px;
}
.clinic-important__title {
  height: auto;
}
.clinic-important__text {
  font-size: 12.84px;
  line-height: 1.5;
  color: #444;
  text-align: left;
  margin: 17.12px 32.1px 0 32.1px;
}
.clinic-important__text-red {
  color: #d63a3a;
}
.clinic-important__text:nth-child(4) {
  margin: 11.77px 32.1px 0 32.1px;
}
.clinic-important__text:nth-child(6) {
  margin: 10.7px 32.1px 21.4px 32.1px;
  letter-spacing: 0;
}
.clinic-important__photo {
  width: 365.94px;
  height: auto;
  margin: 10.7px 32.1px 0 32.1px;
}

@media screen and (max-width: 430px) {
  .clinic-important {
    width: 100%;
    padding-top: 6.47vw;
    /* ▼ 上のラベル */
    /* ▼ タイトル */
    /* ▼ テキスト */
    /* ▼ 写真 */
  }
  .clinic-important__inner {
    max-width: 119.442vw;
    margin: 0 auto;
    text-align: center;
  }
  .clinic-important__label {
    font-size: 3.484vw;
    color: #c14444;
    font-weight: 700;
    margin-bottom: 2.986vw;
  }
  .clinic-important__title {
    height: auto;
  }
  .clinic-important__text {
    font-size: 2.986vw;
    line-height: 1.5;
    color: #444;
    text-align: left;
    margin: 3.981vw 7.465vw 0 7.465vw;
  }
  .clinic-important__text-red {
    color: #d63a3a;
  }
  .clinic-important__text:nth-child(4) {
    margin: 2.737vw 7.465vw 0 7.465vw;
  }
  .clinic-important__text:nth-child(6) {
    margin: 2.488vw 7.465vw 4.977vw 7.465vw;
    letter-spacing: 0;
  }
  .clinic-important__photo {
    width: 85.102vw;
    height: auto;
    margin: 2.488vw 7.465vw 0 7.465vw;
  }
}
.steps {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding-top: 25.68px;
  /* ▼ 見出し */
  /* ▼ ステップ一覧 */
}
.steps__inner {
  max-width: 513.6px;
  margin: 0 auto;
  text-align: center;
}
.steps__header {
  display: flex;
  justify-content: center;
}
.steps__icon {
  width: 112.35px;
  height: 94.16px;
  display: block;
}
.steps__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 254.66px;
  height: 44.94px;
  font-size: 29.96px;
  font-weight: 800;
  background-color: #1698c7;
  color: #fff;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
.steps__subtitle {
  font-size: 16.05px;
  color: #1698c7;
  line-height: 1.6;
  font-weight: 600;
  text-align: left;
  margin-top: 7.49px;
  line-height: 1.5;
}
.steps__list {
  margin: 20.33px 0;
}
.steps__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 321px;
  height: 65.27px;
  background: url(../img/step-itemback.png);
  background-size: cover;
  color: #fff;
  margin: 0 auto 4.28px auto;
}
.steps__item-icon {
  position: absolute;
  width: 42.8px;
  height: 42.8px;
  border-radius: 50%;
  background: #fff;
  left: 5.35px;
  top: 5.35px;
}
.steps__item-icon1 {
  position: absolute;
  width: 17.12px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.steps__item-icon2 {
  position: absolute;
  width: 22.47px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.steps__item-icon3 {
  position: absolute;
  width: 21.4px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.steps__item-icon4 {
  position: absolute;
  width: 25.68px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.steps__item-icon5 {
  position: absolute;
  width: 27.82px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.steps__item-text {
  font-size: 17.12px;
  font-weight: 600;
  margin-top: -10.7px;
  margin-left: 10.7px;
  letter-spacing: -0.08em;
}
.steps__item:last-child {
  background: url(../img/step-itemback-last.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.steps__arrow {
  font-size: 21.4px;
  color: #7baac5;
  margin-bottom: 17.12px;
}

@media screen and (max-width: 430px) {
  .steps {
    width: 100%;
    padding-top: 5.972vw;
    /* ▼ 見出し */
    /* ▼ ステップ一覧 */
  }
  .steps__inner {
    max-width: 119.442vw;
    margin: 0 auto;
    text-align: center;
  }
  .steps__header {
    display: flex;
    justify-content: center;
  }
  .steps__icon {
    width: 26.128vw;
    height: 21.898vw;
    display: block;
  }
  .steps__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 59.223vw;
    height: 10.451vw;
    font-size: 6.967vw;
    font-weight: 800;
    background-color: #1698c7;
    color: #fff;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
  }
  .steps__subtitle {
    font-size: 3.733vw;
    color: #1698c7;
    line-height: 1.6;
    font-weight: 600;
    text-align: left;
    margin-top: 1.742vw;
    line-height: 1.5;
  }
  .steps__list {
    margin: 4.728vw 0;
  }
  .steps__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74.651vw;
    height: 15.179vw;
    background: url(../img/step-itemback.png);
    background-size: cover;
    color: #fff;
    margin: 0 auto 4.28px auto;
  }
  .steps__item-icon {
    position: absolute;
    width: 9.953vw;
    height: 9.953vw;
    border-radius: 50%;
    background: #fff;
    left: 1.244vw;
    top: 1.244vw;
  }
  .steps__item-icon1 {
    position: absolute;
    width: 3.981vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .steps__item-icon2 {
    position: absolute;
    width: 5.226vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .steps__item-icon3 {
    position: absolute;
    width: 4.977vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .steps__item-icon4 {
    position: absolute;
    width: 5.972vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .steps__item-icon5 {
    position: absolute;
    width: 6.47vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .steps__item-text {
    font-size: 3.981vw;
    font-weight: 600;
    margin-top: -2.488vw;
    margin-left: 2.488vw;
    letter-spacing: -0.08em;
  }
  .steps__item:last-child {
    background: url(../img/step-itemback-last.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .steps__arrow {
    font-size: 4.977vw;
    color: #7baac5;
    margin-bottom: 3.981vw;
  }
}
.clinic-cards {
  padding-top: 43.87px;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}
.clinic-cards__inner {
  max-width: 513.6px;
  margin: 0 auto;
}
.clinic-cards__title {
  font-weight: 800;
  font-size: 27.82px;
  text-align: left;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  color: #1698c7;
  margin-left: 12.84px;
}
.clinic-cards__title--large {
  font-weight: 800;
  font-size: 47.08px;
}
.clinic-cards__box {
  position: relative;
  background: #1698c7;
  margin-top: 2.14px;
  padding: 10.7px 0 5.35px 14.98px;
  margin-bottom: 35.31px;
}
.clinic-cards__box img {
  position: absolute;
  width: 117.7px;
  height: 111.28px;
  z-index: 2;
  top: -67.41px;
  right: 14.98px;
}
.clinic-cards__subtitle {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 800;
  font-size: 32.1px;
  color: #fff;
}
.clinic-cards__desc {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 18.19px;
  margin-top: 8.56px;
  letter-spacing: 0.03em;
}

.clinic-card {
  position: relative;
  background: #fff;
  border-radius: 21.4px;
  padding: 20.33px 21.4px 28.89px 21.4px;
  margin-bottom: 33.17px;
  position: relative;
  box-shadow: 0px 0px 16.05px 2.14px rgba(0, 0, 0, 0.2509803922);
  /* ▼ 左上のバッジ番号 */
  /* ▼ ロゴ */
  /* ▼ タイトル */
  /* ▼ レビュー（星評価） */
  /* ▼ 口コミ */
  /* ▼ 公式サイトボタン */
}
.clinic-card__badge {
  width: 85.6px;
  height: 96.3px;
  background: url(../img/clinic-cards--numberback.png);
  background-size: cover;
  position: absolute;
  color: #fff;
  font-size: 34.24px;
  font-weight: 700;
  top: -4.28px;
  left: 23.54px;
}
.clinic-card__badge--blue {
  background: url(../img/clinic-cards--numberback-blue.png);
  background-size: cover;
  color: #4d4d4d;
}
.clinic-card__badge-num {
  position: relative;
  display: flex;
  margin-top: 20.33px;
  margin-left: 17.12px;
}
.clinic-card__badge-num:before {
  position: absolute;
  content: "";
  width: 27.82px;
  height: 1.07px;
  background: #fff;
  top: 0;
  left: 5.35px;
}
.clinic-card__badge-num:after {
  position: absolute;
  content: "";
  width: 27.82px;
  height: 1.07px;
  background: #fff;
  bottom: 0;
  left: 5.35px;
}
.clinic-card__logo {
  width: 85.6px;
  margin-bottom: 12.84px;
  margin: 0 auto;
}
.clinic-card__logo2 {
  width: 216.14px;
  height: 113.42px;
  margin: -18.19px auto -8.56px auto;
}
.clinic-card__logo3 {
  width: 85.6px;
  height: 85.6px;
  margin: 0 auto;
}
.clinic-card__title {
  font-size: 26.75px;
  font-weight: 600;
  margin-top: 11.77px;
  text-align: center;
}
.clinic-card__subtitle {
  font-size: 17.12px;
  color: #000;
  line-height: 1.5;
  text-align: center;
  margin-top: 16.05px;
}
.clinic-card__ratings {
  margin-top: 42.8px;
  margin-left: 33.17px;
  margin-right: 37.45px;
}
.clinic-card__rating {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22.47px;
  font-size: 12.84px;
}
.clinic-card__rating-label {
  font-weight: 700;
}
.clinic-card__stars {
  position: absolute;
  display: flex;
  align-items: center;
  left: 36%;
}
.clinic-card__stars img {
  width: 32.1px;
  height: auto;
  margin-right: -8.56px;
}
.clinic-card__rating-small {
  color: #333;
  font-weight: 600;
}
.clinic-card__notes {
  font-size: 8.56px;
  line-height: 1.3;
}
.clinic-card__coment {
  font-size: 12.84px;
  margin-top: 19.26px;
  letter-spacing: 0.02em;
  line-height: 1.35;
  margin-bottom: 53.5px;
}
.clinic-card__voice {
  margin-bottom: 19.26px;
}
.clinic-card__voice-text {
  margin-bottom: 8.56px;
  line-height: 1.6;
  font-size: 11.77px;
  text-align: left;
  margin-top: -2.14px;
}
.clinic-card__voice-stars {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5.35px;
}
.clinic-card__voice-stars img {
  width: 28.89px;
  margin-right: -5.35px;
}
.clinic-card__voice-user {
  font-size: 11.77px;
  color: #777;
  text-align: center;
}
.clinic-card__official {
  width: 124.12px;
  height: 28.89px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f9e5e8;
  color: #000000;
  border-radius: 53.5px;
  margin: 0 auto;
  font-weight: 700;
  margin-bottom: 21.4px;
  text-decoration: none;
  font-size: 14.98px;
  box-shadow: 0px 0px 10.7px 1.07px rgba(0, 0, 0, 0.3490196078);
}

@media screen and (max-width: 430px) {
  .clinic-cards {
    padding-top: 10.202vw;
  }
  .clinic-cards__inner {
    max-width: 119.442vw;
    margin: 0 auto;
  }
  .clinic-cards__title {
    font-weight: 800;
    font-size: 6.47vw;
    text-align: left;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    color: #1698c7;
    margin-left: 2.986vw;
  }
  .clinic-cards__title--large {
    font-weight: 800;
    font-size: 10.949vw;
  }
  .clinic-cards__box {
    position: relative;
    background: #1698c7;
    margin-top: 0.498vw;
    padding: 2.488vw 0 1.244vw 3.484vw;
    margin-bottom: 8.212vw;
  }
  .clinic-cards__box img {
    position: absolute;
    width: 27.372vw;
    height: 25.879vw;
    z-index: 2;
    top: -15.677vw;
    right: 3.484vw;
  }
  .clinic-cards__subtitle {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 800;
    font-size: 7.465vw;
    color: #fff;
  }
  .clinic-cards__desc {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 4.23vw;
    margin-top: 1.991vw;
    letter-spacing: 0.03em;
  }
  .clinic-card {
    position: relative;
    background: #fff;
    border-radius: 4.977vw;
    padding: 4.728vw 4.977vw 6.719vw 4.977vw;
    margin-bottom: 7.714vw;
    position: relative;
    box-shadow: 0px 0px 16.05px 2.14px rgba(0, 0, 0, 0.2509803922);
    /* ▼ 左上のバッジ番号 */
    /* ▼ ロゴ */
    /* ▼ タイトル */
    /* ▼ レビュー（星評価） */
    /* ▼ 口コミ */
    /* ▼ 公式サイトボタン */
  }
  .clinic-card__badge {
    width: 19.907vw;
    height: 22.395vw;
    background: url(../img/clinic-cards--numberback.png);
    background-size: cover;
    position: absolute;
    color: #fff;
    font-size: 7.963vw;
    font-weight: 700;
    top: -0.995vw;
    left: 5.474vw;
  }
  .clinic-card__badge--blue {
    background: url(../img/clinic-cards--numberback-blue.png);
    background-size: cover;
    color: #4d4d4d;
  }
  .clinic-card__badge-num {
    position: relative;
    display: flex;
    margin-top: 4.728vw;
    margin-left: 3.981vw;
  }
  .clinic-card__badge-num:before {
    position: absolute;
    content: "";
    width: 6.47vw;
    height: 0.249vw;
    background: #fff;
    top: 0;
    left: 1.244vw;
  }
  .clinic-card__badge-num:after {
    position: absolute;
    content: "";
    width: 6.47vw;
    height: 0.249vw;
    background: #fff;
    bottom: 0;
    left: 1.244vw;
  }
  .clinic-card__logo {
    width: 19.907vw;
    margin-bottom: 2.986vw;
    margin: 0 auto;
  }
  .clinic-card__logo2 {
    width: 50.265vw;
    height: 26.377vw;
    margin: -4.23vw auto -1.991vw auto;
  }
  .clinic-card__logo3 {
    width: 19.907vw;
    height: 19.907vw;
    margin: 0 auto;
  }
  .clinic-card__title {
    font-size: 6.221vw;
    font-weight: 600;
    margin-top: 2.737vw;
    text-align: center;
  }
  .clinic-card__subtitle {
    font-size: 3.981vw;
    color: #000;
    line-height: 1.5;
    text-align: center;
    margin-top: 3.733vw;
  }
  .clinic-card__ratings {
    margin-top: 9.953vw;
    margin-left: 7.714vw;
    margin-right: 8.709vw;
  }
  .clinic-card__rating {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5.226vw;
    font-size: 2.986vw;
  }
  .clinic-card__rating-label {
    font-weight: 700;
  }
  .clinic-card__stars {
    position: absolute;
    display: flex;
    align-items: center;
    left: 36%;
  }
  .clinic-card__stars img {
    width: 7.465vw;
    height: auto;
    margin-right: -1.991vw;
  }
  .clinic-card__rating-small {
    color: #333;
    font-weight: 600;
  }
  .clinic-card__notes {
    font-size: 1.991vw;
    line-height: 1.3;
  }
  .clinic-card__coment {
    font-size: 2.986vw;
    margin-top: 4.479vw;
    letter-spacing: 0.02em;
    line-height: 1.35;
    margin-bottom: 12.442vw;
  }
  .clinic-card__voice {
    margin-bottom: 4.479vw;
  }
  .clinic-card__voice-text {
    margin-bottom: 1.991vw;
    line-height: 1.6;
    font-size: 2.737vw;
    text-align: left;
    margin-top: -0.498vw;
  }
  .clinic-card__voice-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.244vw;
  }
  .clinic-card__voice-stars img {
    width: 6.719vw;
    margin-right: -1.244vw;
  }
  .clinic-card__voice-user {
    font-size: 2.737vw;
    color: #777;
    text-align: center;
  }
  .clinic-card__official {
    width: 28.865vw;
    height: 6.719vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9e5e8;
    color: #000000;
    border-radius: 12.442vw;
    margin: 0 auto;
    font-weight: 700;
    margin-bottom: 4.977vw;
    text-decoration: none;
    font-size: 3.484vw;
    box-shadow: 0px 0px 10.7px 1.07px rgba(0, 0, 0, 0.3490196078);
  }
  .clinic-card__item:last-child {
    background: url(../img/step-itemback-last.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .clinic-card__arrow {
    font-size: 4.977vw;
    color: #7baac5;
    margin-bottom: 3.981vw;
  }
}
.clinic-list {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 0 21.4px 0 21.4px;
  background: #ffffff;
  /* ▼ タイトル帯 */
  /* ▼ 空のコンテンツ（後に一覧が入る想定） */
  /* ▼ 注意書き */
  /* ▼ CTA */
}
.clinic-list__inner {
  max-width: 480px;
  margin: 0 auto;
}
.clinic-list__header {
  width: 366.94px;
  height: 123.05px;
  margin: 0 auto;
}
.clinic-list__header-img {
  width: 96.3px;
  margin-right: 12.84px;
}
.clinic-list__header-text {
  line-height: 1.2;
}
.clinic-list__header-tag {
  background: #fff;
  color: #79aeca;
  padding: 2.14px 8.56px;
  border-radius: 4.28px;
  display: inline-block;
  font-size: 14.98px;
  font-weight: 700;
  margin-bottom: 4.28px;
}
.clinic-list__title {
  font-size: 27.82px;
  font-weight: 800;
}
.clinic-list__badge {
  position: absolute;
  right: 12.84px;
  top: 12.84px;
  background: #fff;
  color: #d9534f;
  border-radius: 50%;
  padding: 6.42px 12.84px;
  font-size: 14.98px;
  font-weight: 700;
  border: 2.14px solid #d9534f;
}
.clinic-list__content {
  height: 449.4px;
  background: #ffffff;
}
.clinic-list__notes {
  margin-top: 142.31px;
  margin-left: 10.7px;
  margin-bottom: 20.33px;
}
.clinic-list__notes p {
  font-size: 8.56px;
  color: #000000;
  line-height: 1.44;
}
.clinic-list__cta {
  margin-top: 42.8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ff7e92;
  color: #fff;
  padding: 21.4px 25.68px;
  border-radius: 53.5px;
  font-size: 19.26px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6.42px 19.26px rgba(255, 120, 150, 0.35);
  transition: opacity 0.2s ease;
}
.clinic-list__cta:hover {
  opacity: 0.85;
}
.clinic-list__cta-label {
  font-size: 12.84px;
  margin-bottom: 4.28px;
  opacity: 0.9;
}
.clinic-list__cta-arrow {
  margin-left: 6.42px;
  font-size: 21.4px;
  font-weight: bold;
}

.table-compare {
  margin-top: 17.12px;
  /* ▼ 基本テーブルスタイル */
  /* ▼ ヘッダー行 */
  /* ▼ 左列（項目名） */
  /* ▼ セル */
  /* ▼ 予約ボタン行 */
}
.table-compare__scroll {
  overflow-x: auto;
  padding-bottom: 21.4px;
  -webkit-overflow-scrolling: touch;
}
.table-compare__table {
  width: max-content;
  border-collapse: collapse;
  line-height: 1.4;
  color: #000000;
}
.table-compare__thead th {
  width: 160.5px;
  height: 64.2px;
  background: #4b9cbc;
  color: #fff;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  font-size: 16.05px;
  border-right: 1.07px solid #d9d9d9;
}
.table-compare__tbody th {
  width: 173.34px;
  height: 64.2px;
  font-weight: 700;
  border-right: 1.07px solid #d9d9d9;
  text-align: center;
  vertical-align: middle;
  font-size: 16.05px;
}
.table-compare__tbody td {
  text-align: center;
  vertical-align: middle;
  border-right: 1.07px solid #d9d9d9;
  font-size: 14.98px;
}
.table-compare__tbody tr:nth-child(even) td, .table-compare__tbody tr:nth-child(even) th {
  background: #fafafa;
}
.table-compare__buttons td {
  padding: 14.98px 10.7px;
}
.table-compare__btn {
  width: 124.12px;
  height: 28.89px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff7e92;
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
  border-radius: 50px;
  font-size: 14.98px;
  font-weight: 700;
  box-shadow: 0px 0px 6.42px 1.07px rgba(0, 0, 0, 0.25);
}
.table-compare__btn:hover {
  opacity: 0.85;
}

@media screen and (max-width: 430px) {
  .clinic-list {
    width: 100%;
    padding: 0 4.977vw 0 4.977vw;
    background: #ffffff;
    /* ▼ タイトル帯 */
    /* ▼ 空のコンテンツ（後に一覧が入る想定） */
    /* ▼ 注意書き */
    /* ▼ CTA */
  }
  .clinic-list__inner {
    max-width: 111.628vw;
    margin: 0 auto;
  }
  .clinic-list__header {
    width: 85.335vw;
    height: 28.616vw;
    margin: 0 auto;
  }
  .clinic-list__header-img {
    width: 22.395vw;
    margin-right: 2.986vw;
  }
  .clinic-list__header-text {
    line-height: 1.2;
  }
  .clinic-list__header-tag {
    background: #fff;
    color: #79aeca;
    padding: 0.498vw 1.991vw;
    border-radius: 0.995vw;
    display: inline-block;
    font-size: 3.484vw;
    font-weight: 700;
    margin-bottom: 0.995vw;
  }
  .clinic-list__title {
    font-size: 6.47vw;
    font-weight: 800;
  }
  .clinic-list__badge {
    position: absolute;
    right: 2.986vw;
    top: 2.986vw;
    background: #fff;
    color: #d9534f;
    border-radius: 50%;
    padding: 1.493vw 2.986vw;
    font-size: 3.484vw;
    font-weight: 700;
    border: 2.14px solid #d9534f;
  }
  .clinic-list__content {
    height: 104.512vw;
    background: #ffffff;
  }
  .clinic-list__notes {
    margin-top: 33.095vw;
    margin-left: 2.488vw;
    margin-bottom: 4.728vw;
  }
  .clinic-list__notes p {
    font-size: 1.991vw;
    color: #000000;
    line-height: 1.44;
  }
  .clinic-list__cta {
    margin-top: 9.953vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ff7e92;
    color: #fff;
    padding: 4.977vw 5.972vw;
    border-radius: 12.442vw;
    font-size: 4.479vw;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6.42px 19.26px rgba(255, 120, 150, 0.35);
    transition: opacity 0.2s ease;
  }
  .clinic-list__cta:hover {
    opacity: 0.85;
  }
  .clinic-list__cta-label {
    font-size: 2.986vw;
    margin-bottom: 0.995vw;
    opacity: 0.9;
  }
  .clinic-list__cta-arrow {
    margin-left: 1.493vw;
    font-size: 4.977vw;
    font-weight: bold;
  }
  .table-compare {
    margin-top: 3.981vw;
    /* ▼ 基本テーブルスタイル */
    /* ▼ ヘッダー行 */
    /* ▼ 左列（項目名） */
    /* ▼ セル */
    /* ▼ 予約ボタン行 */
  }
  .table-compare__scroll {
    overflow-x: auto;
    padding-bottom: 4.977vw;
    -webkit-overflow-scrolling: touch;
  }
  .table-compare__table {
    width: max-content;
    border-collapse: collapse;
    line-height: 1.4;
    color: #000000;
  }
  .table-compare__thead th {
    width: 37.326vw;
    height: 14.93vw;
    background: #4b9cbc;
    color: #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    font-size: 3.733vw;
    border-right: 1.07px solid #d9d9d9;
  }
  .table-compare__tbody th {
    width: 40.312vw;
    height: 14.93vw;
    font-weight: 700;
    border-right: 1.07px solid #d9d9d9;
    text-align: center;
    vertical-align: middle;
    font-size: 3.733vw;
  }
  .table-compare__tbody td {
    text-align: center;
    vertical-align: middle;
    border-right: 1.07px solid #d9d9d9;
    font-size: 3.484vw;
  }
  .table-compare__tbody tr:nth-child(even) td, .table-compare__tbody tr:nth-child(even) th {
    background: #fafafa;
  }
  .table-compare__buttons td {
    padding: 3.484vw 2.488vw;
  }
  .table-compare__btn {
    width: 28.865vw;
    height: 6.719vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff7e92;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 11.628vw;
    font-size: 3.484vw;
    font-weight: 700;
    box-shadow: 0px 0px 6.42px 1.07px rgba(0, 0, 0, 0.25);
  }
  .table-compare__btn:hover {
    opacity: 0.85;
  }
}
.faq {
  padding: 38.52px 21.4px 25.68px 21.4px;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  margin: 0 auto;
  text-align: left;
}
.faq__title {
  text-align: center;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-size: 34.24px;
  color: #1698c7;
}
.faq__subtitle {
  text-align: center;
  font-size: 11.77px;
  color: #000000;
}

/* ▼ アコーディオンエリア */
.accordion-area {
  list-style: none;
  width: 355.24px;
  margin: 0 auto 24.61px auto;
}

.accordion-area li {
  margin: 10.7px 0;
}

.accordion-area section {
  border-bottom: solid 1.07px #d9d9d9;
}

/* ▼ アコーディオンタイトル */
.title {
  position: relative;
  cursor: pointer;
  font-size: 12.84px;
  color: #000000;
  font-weight: normal;
  transition: all 0.5s ease;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  padding: 5.35px 22.47px 10.7px 22.47px;
}

.title::before {
  position: absolute;
  content: "Q";
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 400;
  font-size: 13.91px;
  color: #4d4d4d;
  left: 0;
}

/* ▼ プラスボタン */
.title::after {
  position: absolute;
  content: "";
  width: 17.12px;
  height: 17.12px;
  background: url(../img/button_plus.png);
  background-size: cover;
  top: 0;
  right: 0;
}

/* ▼ マイナスボタン（開いた時） */
.title.close::after {
  position: absolute;
  content: "";
  width: 17.12px;
  height: 17.12px;
  background: url(../img/button_-.png);
  background-size: cover;
}

/* ▼ アコーディオン内容 */
.box {
  display: none;
  background: #f4f4f4;
  padding: 3.21px 22.47px 6.42px 22.47px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 400;
  font-size: 12.84px;
}
.box p {
  line-height: 1.5;
}

@media screen and (max-width: 430px) {
  .faq {
    padding: 8.958vw 4.977vw 5.972vw 4.977vw;
    max-width: 139.535vw;
    margin: 0 auto;
    text-align: left;
  }
  .faq__title {
    text-align: center;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-size: 7.963vw;
    color: #1698c7;
  }
  .faq__subtitle {
    text-align: center;
    font-size: 2.737vw;
    color: #000000;
  }
  /* ▼ アコーディオンエリア */
  .accordion-area {
    list-style: none;
    width: 82.614vw;
    margin: 0 auto 24.61px auto;
  }
  .accordion-area li {
    margin: 2.488vw 0;
  }
  .accordion-area section {
    border-bottom: solid 1.07px #d9d9d9;
  }
  /* ▼ アコーディオンタイトル */
  .title {
    position: relative;
    cursor: pointer;
    font-size: 2.986vw;
    color: #000000;
    font-weight: normal;
    transition: all 0.5s ease;
    font-family: "Sawarabi Gothic", sans-serif;
    font-weight: 400;
    padding: 1.244vw 5.226vw 2.488vw 5.226vw;
  }
  .title::before {
    position: absolute;
    content: "Q";
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 400;
    font-size: 3.235vw;
    color: #4d4d4d;
    left: 0;
  }
  /* ▼ プラスボタン */
  .title::after {
    position: absolute;
    content: "";
    width: 3.981vw;
    height: 3.981vw;
    background: url(../img/button_plus.png);
    background-size: cover;
    top: 0;
    right: 0;
  }
  /* ▼ マイナスボタン（開いた時） */
  .title.close::after {
    position: absolute;
    content: "";
    width: 3.981vw;
    height: 3.981vw;
    background: url(../img/button_-.png);
    background-size: cover;
  }
  /* ▼ アコーディオン内容 */
  .box {
    display: none;
    background: #f4f4f4;
    padding: 0.747vw 5.226vw 1.493vw 5.226vw;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 400;
    font-size: 2.986vw;
  }
  .box p {
    line-height: 1.5;
  }
}
.cta--area {
  background: #0d7398;
  height: 214px;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}
.cta--area__inner {
  padding-top: 85.6px;
}
.cta--area-button {
  background: #c3e0ea !important;
}

@media screen and (max-width: 430px) {
  .cta--area {
    background: #0d7398;
    height: 49.767vw;
  }
  .cta--area__inner {
    padding-top: 19.907vw;
  }
  .cta--area-button {
    background: #c3e0ea !important;
  }
}

/*# sourceMappingURL=style.css.map */