/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* 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
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * 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;
}

* {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  letter-spacing: 0.05em;
  line-height: 200%;
}

html, body {
  width: 100vw;
  background-color: #FBFBFB;
  overflow-x: hidden;
}

header, footer, main, section, a, img, .fv {
  width: 100%;
}

a {
  width: 100%;
  height: 100%;
  transition-duration: 0.25s;
}
a:hover {
  opacity: 0.75;
}

img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  vertical-align: initial;
}

button {
  display: block;
  transition-duration: 0.25s;
  cursor: pointer;
}

img.right-icon {
  width: auto;
  height: 18px;
  transform: translateY(4px);
}

a.neovoir {
  margin-top: 12px;
  font-size: 12px;
  text-decoration: underline;
}

p.large-p {
  line-height: 165%;
}

td.td-br br {
  display: block !important;
}

span.faq-span {
  transform: translateY(-6.5px);
}

ul.article-ul {
  width: 70% !important;
}

img.li-img {
  width: 17px !important;
}

section.price p.copy {
  font-weight: 500;
}

article.none {
  display: none !important;
}

li.method-li {
  margin-top: 20px !important;
}

@media screen and (min-width: 1000px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  * {
    font-size: 14px;
  }
  .pc {
    display: none !important;
  }
  p.large-p {
    width: 90% !important;
    line-height: 165%;
  }
  ul.article-ul {
    width: 90% !important;
  }
  img.li-img {
    width: 17px !important;
  }
}
@media screen and (max-width: 1000px) {
  header {
    height: 65px;
    background-color: transparent;
  }
  header button {
    width: 78px;
    height: 100%;
  }
  header nav.mnav {
    width: 65px;
    height: 65px;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
  }
  header nav.mnav button.drawer {
    width: 100%;
    background-color: #55BDC8;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  header nav.mnav button.drawer span {
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background-color: #FFFFFF;
    margin-top: 6px;
    transition-duration: 0.25s;
  }
  header nav.mnav button.drawer span:nth-of-type(1) {
    margin-top: 0;
  }
  header nav.mnav button.drawer.on span:nth-of-type(1) {
    transform: translateY(8px) rotate(45deg);
  }
  header nav.mnav button.drawer.on span:nth-of-type(2) {
    opacity: 0;
  }
  header nav.mnav button.drawer.on span:nth-of-type(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
  header nav.mnav nav.dmenu {
    width: 100vw;
    height: 100vh;
    background-color: #F2FEFF;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(100%);
    z-index: 9998;
    transition-duration: 0.5s;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(1) {
    margin: 113px 0 0 40px;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(1) li {
    margin-top: 28px;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(1) li a {
    display: flex;
    align-items: center;
    line-height: 100%;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(1) li a span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #55BDC8;
    margin-right: 16px;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(1) li:nth-of-type(1) {
    margin-top: 0;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(2) {
    width: 329px;
    border-top: solid 1px #DAE4E5;
    padding-top: 19px;
    margin: 32px auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(2) li {
    margin-left: 16px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(2) li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(2) li img {
    width: 18px;
    margin-right: 10px;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(2) li:nth-of-type(1) {
    margin-left: 0;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) {
    width: 329px;
    border-top: solid 1px #DAE4E5;
    padding-top: 32px;
    margin: 19px auto 0 auto;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li {
    height: 60px;
    border-radius: 8px;
    margin-top: 16px;
    position: relative;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #FFFFFF;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li a img {
    width: 20px;
    margin-right: 16px;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(1) {
    background-color: #55BDC8;
    margin-top: 0;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(2) {
    background-color: #06C755;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(2) img {
    width: 35px;
    height: 35px;
    margin-right: 8px;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(3)::before, header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(3)::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(3)::before {
    background: radial-gradient(circle, #7017FF 0%, #C500E9 25%, #ED00C0 50%, #F80261 75%, #FF1B90 100%);
    opacity: 0.75;
    z-index: -1;
  }
  header nav.mnav nav.dmenu ul:nth-of-type(3) li:nth-of-type(3)::after {
    background: radial-gradient(circle, #FE3B36 0%, #FE3B36 33%, #FF6930 66%, #FFD000 100%);
    opacity: 0.75;
    z-index: -2;
  }
  header nav.mnav nav.dmenu.open {
    transform: translateX(0);
  }
  nav.cta {
    position: fixed;
    top: 100vh;
    transform: translateY(-100%);
  }
  nav.cta ul {
    height: 15.4vw;
    display: flex;
  }
  nav.cta ul li a {
    display: block;
    height: 100%;
  }
  nav.cta ul li a img {
    width: auto;
    height: 100%;
  }
  nav.cta ul li:nth-of-type(1), nav.cta ul li:nth-of-type(2) {
    width: 42.3vw;
    height: 100%;
  }
  nav.cta ul li:nth-of-type(3) {
    width: 15.4vw;
    height: 100%;
  }
  section.gallery {
    margin-top: 120px;
  }
  section.gallery div img {
    width: 300px;
  }
  section.news {
    width: calc(100% - 40px);
    margin: 120px auto 0 auto;
  }
  section.news h2 {
    font-size: 24px;
  }
  section.news h2 span {
    font-size: 16px;
  }
  section.news ul {
    margin-top: 48px;
  }
  section.news ul li {
    height: 126px;
    position: relative;
  }
  section.news ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: initial;
  }
  section.news ul li a span.detail {
    width: initial;
    padding-left: 8px;
    margin: 0 0 0 0;
  }
  section.news ul li a span.detail span:nth-of-type(1) {
    padding-left: 0;
    font-size: 12px;
    line-height: 100%;
  }
  section.news ul li a span.detail span:nth-of-type(2) {
    border: solid 1px #55BDC8;
    border-radius: 50px;
    background-color: #F2FEFF;
    padding: 2px 11px;
    margin-left: 11px;
    font-size: 10px;
    color: #55BDC8;
    line-height: 100%;
  }
  section.news ul li a span.headline {
    display: block;
    padding-left: 8px;
    margin: 20px 0 0 0;
  }
  section.news ul li:nth-of-type(1) {
    border-top: none;
    margin-top: 0;
  }
  section.news button {
    margin-top: 65px;
  }
  section.news button a span {
    width: 40px;
    height: 40px;
    margin-left: 16px;
  }
  section.faq {
    width: calc(100% - 40px);
    margin: 120px auto 0 auto;
  }
  section.faq h2 {
    font-size: 24px;
  }
  section.faq h2 span {
    font-size: 16px;
  }
  section.faq ul li {
    line-height: 22px;
  }
  section.faq div.modal2 {
    height: 100vh;
    padding-bottom: 150px;
    top: 0;
    overflow: hidden;
    z-index: 9999;
  }
  section.faq div.modal2 .container {
    width: 90%;
    height: 100%;
    padding: 24px 0;
    margin-top: 150px;
    position: static;
    overflow-y: scroll;
  }
  section.faq div.modal2 .container button {
    width: 32px;
    height: 32px;
    top: 110px;
    right: 5vw;
    transform: translate(0, -210%);
  }
  section.access {
    width: calc(100% - 40px);
    margin: 120px auto 0 auto;
  }
  section.access h2 {
    font-size: 24px;
  }
  section.access h2 span {
    font-size: 16px;
  }
  section.access iframe {
    width: 100%;
    height: calc(100vw - 40px);
  }
  section.access button {
    margin-top: 16px;
  }
  section.access button a span:nth-of-type(1) {
    font-size: 12px;
  }
  section.access button a span:nth-of-type(2) {
    font-size: 12px;
  }
  section.access ul {
    margin-top: 72px;
  }
  section.access ul li {
    margin-top: 24px;
    display: block;
    line-height: 26px;
  }
  section.access ul li span {
    width: initial;
    margin-bottom: 8px;
  }
  section.hours {
    width: 100%;
    margin: 120px auto 0 auto;
  }
  section.hours h2 {
    padding-left: 20px;
    font-size: 24px;
  }
  section.hours h2 span {
    font-size: 16px;
  }
  section.hours p {
    width: calc(100% - 40px);
    margin: 48px auto 0 auto;
  }
  section.hours p:nth-of-type(2) {
    margin: 12px auto 0 auto;
  }
  section.hours .con {
    width: 100%;
    border-radius: 0;
    padding: 12px 20px 32px 20px;
    margin: 40px 0 0 0;
  }
  section.hours .con table tr {
    height: 61px;
  }
  section.hours .con table tr th, section.hours .con table tr td {
    font-size: 12px;
  }
  section.hours .con table tr th:nth-of-type(1) {
    width: 122px;
    padding-left: 8px;
  }
  section.hours .con table tr td:nth-of-type(1) {
    padding-left: 8px;
  }
  section.hours .con table tr:nth-of-type(1) th:nth-of-type(1) {
    font-size: 14px;
  }
  section.hours .con:nth-of-type(2) {
    margin: 0 0 0 0;
  }
  section.hours .con:nth-of-type(2) table tr td::after {
    font-size: 8px;
  }
  section.hours .con:nth-of-type(2) table tr td:nth-last-of-type(1)::after {
    margin-left: 12px;
  }
  section.contact {
    background-image: url(../../img/responsive/template/contact/bg.webp);
    padding-bottom: 48px;
    margin-top: 0;
    position: relative;
  }
  section.contact::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  section.contact h2 {
    font-size: 24px;
    position: relative;
    z-index: 1;
  }
  section.contact h2 span {
    font-size: 16px;
  }
  section.contact ul {
    width: calc(100% - 80px);
    height: initial;
    background-color: transparent;
    margin: 40px auto 0 auto;
    display: block;
    position: relative;
    z-index: 1;
  }
  section.contact ul li {
    height: 184px;
    background-color: #FFFFFF;
    margin-top: 32px;
    margin-left: 0;
  }
  section.contact ul li a img {
    width: 28px;
    height: 28px;
    margin: 0 auto 22px auto;
  }
  section.contact ul li:nth-of-type(2) a img {
    width: 30px;
    height: 33.3px;
    margin: 0 auto 22px auto;
  }
  section.contact ul li:nth-of-type(3) a img {
    width: 40px;
    height: 40px;
    margin: 0 auto 22px auto;
  }
  footer .container {
    width: calc(100% - 40px);
    margin: 65px auto 68px auto;
  }
  footer .container nav.fnav {
    margin: 48px 0 0 8px;
  }
  footer .container nav.fnav ul {
    width: 240px;
    flex-wrap: wrap;
  }
  footer .container nav.fnav ul li {
    margin-top: 29px;
    margin-left: 14px;
  }
  footer .container nav.fnav ul li:nth-of-type(1) {
    display: block;
    margin-left: 0;
  }
  footer .container nav.fnav ul li:nth-of-type(2) {
    margin-left: 14px;
  }
  footer .container nav.fnav ul li:nth-of-type(1), footer .container nav.fnav ul li:nth-of-type(2), footer .container nav.fnav ul li:nth-of-type(3) {
    margin-top: 0;
  }
  footer .container nav.fnav ul li:nth-of-type(4) {
    margin-left: 0;
  }
  footer .container nav.fnav ul li:nth-of-type(7) {
    margin-left: 0;
  }
  footer .container ul.tel {
    margin: 40px 0 0 8px;
    display: block;
  }
  footer .container ul.tel li:nth-of-type(2) {
    margin-top: 20px;
    margin-left: 0;
  }
  footer .container .con {
    margin-top: 56px;
    flex-direction: column-reverse;
    position: relative;
  }
  footer .container .con small {
    margin-top: 78px;
    text-align: center;
  }
  footer .container .con button {
    position: absolute;
    top: 0;
    right: 0;
  }
  footer .container .instagram-button {
    top: 52px;
    right: 8px;
  }
}
@media screen and (max-width: 1000px) {
  html body.plasticsurgery .fv, html body.aestheticsurgery .fv, html body.news .fv, html body.aboutclinic .fv, html body.firsttime .fv, html body.pricetable .fv {
    height: 100vw;
    margin-top: 0;
  }
  html body.plasticsurgery .fv nav, html body.aestheticsurgery .fv nav, html body.news .fv nav, html body.aboutclinic .fv nav, html body.firsttime .fv nav, html body.pricetable .fv nav {
    top: 85px;
    left: 20px;
  }
  html body.plasticsurgery .fv h1, html body.aestheticsurgery .fv h1, html body.news .fv h1, html body.aboutclinic .fv h1, html body.firsttime .fv h1, html body.pricetable .fv h1 {
    font-size: 28px;
  }
  html body.plasticsurgery .fv h1 span, html body.aestheticsurgery .fv h1 span, html body.news .fv h1 span, html body.aboutclinic .fv h1 span, html body.firsttime .fv h1 span, html body.pricetable .fv h1 span {
    margin-top: 20px;
  }
  html body.plasticsurgery main.plasticsurgery, html body.plasticsurgery main.aestheticsurgery, html body.aestheticsurgery main.plasticsurgery, html body.aestheticsurgery main.aestheticsurgery, html body.news main.plasticsurgery, html body.news main.aestheticsurgery, html body.aboutclinic main.plasticsurgery, html body.aboutclinic main.aestheticsurgery, html body.firsttime main.plasticsurgery, html body.firsttime main.aestheticsurgery, html body.pricetable main.plasticsurgery, html body.pricetable main.aestheticsurgery {
    margin-top: 0;
  }
  html body.plasticsurgery main.plasticsurgery .container, html body.plasticsurgery main.aestheticsurgery .container, html body.aestheticsurgery main.plasticsurgery .container, html body.aestheticsurgery main.aestheticsurgery .container, html body.news main.plasticsurgery .container, html body.news main.aestheticsurgery .container, html body.aboutclinic main.plasticsurgery .container, html body.aboutclinic main.aestheticsurgery .container, html body.firsttime main.plasticsurgery .container, html body.firsttime main.aestheticsurgery .container, html body.pricetable main.plasticsurgery .container, html body.pricetable main.aestheticsurgery .container {
    width: 100%;
  }
  html body.plasticsurgery main.plasticsurgery .container nav, html body.plasticsurgery main.aestheticsurgery .container nav, html body.aestheticsurgery main.plasticsurgery .container nav, html body.aestheticsurgery main.aestheticsurgery .container nav, html body.news main.plasticsurgery .container nav, html body.news main.aestheticsurgery .container nav, html body.aboutclinic main.plasticsurgery .container nav, html body.aboutclinic main.aestheticsurgery .container nav, html body.firsttime main.plasticsurgery .container nav, html body.firsttime main.aestheticsurgery .container nav, html body.pricetable main.plasticsurgery .container nav, html body.pricetable main.aestheticsurgery .container nav {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  html body.plasticsurgery main.plasticsurgery .container nav ul li, html body.plasticsurgery main.aestheticsurgery .container nav ul li, html body.aestheticsurgery main.plasticsurgery .container nav ul li, html body.aestheticsurgery main.aestheticsurgery .container nav ul li, html body.news main.plasticsurgery .container nav ul li, html body.news main.aestheticsurgery .container nav ul li, html body.aboutclinic main.plasticsurgery .container nav ul li, html body.aboutclinic main.aestheticsurgery .container nav ul li, html body.firsttime main.plasticsurgery .container nav ul li, html body.firsttime main.aestheticsurgery .container nav ul li, html body.pricetable main.plasticsurgery .container nav ul li, html body.pricetable main.aestheticsurgery .container nav ul li {
    width: calc((100% - 20px) / 3);
    height: 36px;
    margin: 10px 0 0 10px;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail, html body.plasticsurgery main.aestheticsurgery .container .detail, html body.aestheticsurgery main.plasticsurgery .container .detail, html body.aestheticsurgery main.aestheticsurgery .container .detail, html body.news main.plasticsurgery .container .detail, html body.news main.aestheticsurgery .container .detail, html body.aboutclinic main.plasticsurgery .container .detail, html body.aboutclinic main.aestheticsurgery .container .detail, html body.firsttime main.plasticsurgery .container .detail, html body.firsttime main.aestheticsurgery .container .detail, html body.pricetable main.plasticsurgery .container .detail, html body.pricetable main.aestheticsurgery .container .detail {
    margin-top: 40px;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail h2, html body.plasticsurgery main.aestheticsurgery .container .detail h2, html body.aestheticsurgery main.plasticsurgery .container .detail h2, html body.aestheticsurgery main.aestheticsurgery .container .detail h2, html body.news main.plasticsurgery .container .detail h2, html body.news main.aestheticsurgery .container .detail h2, html body.aboutclinic main.plasticsurgery .container .detail h2, html body.aboutclinic main.aestheticsurgery .container .detail h2, html body.firsttime main.plasticsurgery .container .detail h2, html body.firsttime main.aestheticsurgery .container .detail h2, html body.pricetable main.plasticsurgery .container .detail h2, html body.pricetable main.aestheticsurgery .container .detail h2 {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail section, html body.plasticsurgery main.aestheticsurgery .container .detail section, html body.aestheticsurgery main.plasticsurgery .container .detail section, html body.aestheticsurgery main.aestheticsurgery .container .detail section, html body.news main.plasticsurgery .container .detail section, html body.news main.aestheticsurgery .container .detail section, html body.aboutclinic main.plasticsurgery .container .detail section, html body.aboutclinic main.aestheticsurgery .container .detail section, html body.firsttime main.plasticsurgery .container .detail section, html body.firsttime main.aestheticsurgery .container .detail section, html body.pricetable main.plasticsurgery .container .detail section, html body.pricetable main.aestheticsurgery .container .detail section {
    width: calc(100% - 40px);
    margin: 40px auto 0 auto;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail section h3 span, html body.plasticsurgery main.aestheticsurgery .container .detail section h3 span, html body.aestheticsurgery main.plasticsurgery .container .detail section h3 span, html body.aestheticsurgery main.aestheticsurgery .container .detail section h3 span, html body.news main.plasticsurgery .container .detail section h3 span, html body.news main.aestheticsurgery .container .detail section h3 span, html body.aboutclinic main.plasticsurgery .container .detail section h3 span, html body.aboutclinic main.aestheticsurgery .container .detail section h3 span, html body.firsttime main.plasticsurgery .container .detail section h3 span, html body.firsttime main.aestheticsurgery .container .detail section h3 span, html body.pricetable main.plasticsurgery .container .detail section h3 span, html body.pricetable main.aestheticsurgery .container .detail section h3 span {
    width: 8px;
    height: 8px;
    margin-right: 10px;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.plasticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.aestheticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.aestheticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.news main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.news main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.aboutclinic main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.aboutclinic main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.firsttime main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.firsttime main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.pricetable main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1), html body.pricetable main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) {
    display: block;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.plasticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.aestheticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.aestheticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.news main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.news main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.aboutclinic main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.aboutclinic main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.firsttime main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.firsttime main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.pricetable main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) div, html body.pricetable main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) div {
    margin: 0 auto;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.plasticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.aestheticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.aestheticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.news main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.news main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.aboutclinic main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.aboutclinic main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.firsttime main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.firsttime main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.pricetable main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(1) p, html body.pricetable main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(1) p {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }
  html body.plasticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.plasticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.aestheticsurgery main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.aestheticsurgery main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.news main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.news main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.aboutclinic main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.aboutclinic main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.firsttime main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.firsttime main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.pricetable main.plasticsurgery .container .detail section.epilogue .con:nth-of-type(2), html body.pricetable main.aestheticsurgery .container .detail section.epilogue .con:nth-of-type(2) {
    height: 278px;
    margin: 32px auto 0 auto;
  }
  html body.plasticsurgery .fv {
    background-image: url(../../img/responsive/contents/plasticsurgery/fv.webp);
  }
  html body.plasticsurgery main.plasticsurgery .container {
    width: 100%;
  }
  html body.plasticsurgery main.plasticsurgery .container nav ul li:nth-of-type(2), html body.plasticsurgery main.plasticsurgery .container nav ul li:nth-of-type(3), html body.plasticsurgery main.plasticsurgery .container nav ul li:nth-of-type(4) {
    margin: 0 0 0 10px;
  }
  html body.plasticsurgery main.plasticsurgery .container nav ul li:nth-of-type(4n + 1) {
    margin: 10px 0 0 10px;
  }
  html body.plasticsurgery main.plasticsurgery .container nav ul li:nth-of-type(3n + 1) {
    margin: 10px 0 0 0;
  }
  html body.plasticsurgery main.plasticsurgery .container nav ul li:nth-of-type(1) {
    margin: 0 0 0 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.visit ul {
    display: block;
  }
  html body.plasticsurgery main.plasticsurgery .container section.visit ul li {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.visit ul li p {
    margin-top: 16px;
    line-height: 165%;
  }
  html body.plasticsurgery main.plasticsurgery .container section.visit ul li:nth-of-type(1) {
    margin-top: 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method p {
    margin-top: 24px;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method ul li {
    height: initial;
    padding: 20px 0;
    display: block;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method ul li span {
    margin-left: 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method ul li div {
    width: fit-content;
    max-width: 90%;
    margin: 16px auto 0 auto;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method ul li div h4 {
    margin-left: 0;
    line-height: 145%;
    text-align: center;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method ul li div p {
    padding-right: 0;
    margin: 12px auto 0 auto;
    font-size: 14px;
  }
  html body.plasticsurgery main.plasticsurgery .container section.method ul li:nth-of-type(1) {
    margin-top: 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price p.copy {
    padding-top: 24px;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price ul {
    width: 100%;
    margin-top: 24px;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price ul li {
    height: 150px;
    margin: 20px 0 0 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price ul li p {
    text-align: center;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price ul li:nth-of-type(odd) {
    margin: 20px 0 0 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price ul li:nth-of-type(2) {
    margin: 20px 0 0 0;
  }
  html body.plasticsurgery main.plasticsurgery .container section.price p.footnote {
    margin-top: 24px;
  }
  html body.aestheticsurgery .fv {
    background-image: url(../../img/responsive/contents/aestheticsurgery/fv.webp);
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li {
    width: calc((100% - 10px) / 2);
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li:nth-of-type(2) {
    margin: 0 0 0 10px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li:nth-of-type(3) {
    margin: 10px 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li:nth-of-type(4) {
    margin: 10px 0 0 10px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li:nth-of-type(4n + 1) {
    margin: 10px 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li:nth-of-type(odd) {
    margin: 10px 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container nav ul li:nth-of-type(1) {
    margin: 0 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail .table {
    width: max-content;
    margin-right: 20px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail .table table tr th {
    width: initial !important;
    padding: 0 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail .table table tr td {
    width: initial !important;
    padding: 16px !important;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail section.faq ul li span.q {
    width: 82.5%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail section.faq ul li span.q span.num {
    margin-left: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail section.faq ul li span.q span.button {
    transform: translate(45px, -10px);
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail section.faq ul li span.a {
    width: 82.5%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail section.consent button {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 .dmodal {
    height: 100vh;
    top: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 .dmodal .con {
    width: 95%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 .dmodal .con button {
    transform: translate(0, -110%);
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.lightsheerduet div {
    height: initial;
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.lightsheerduet div .img {
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.lightsheerduet div .img img {
    width: 120px;
    background-color: #FFFFFF;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.lightsheerduet div p {
    width: 100%;
    margin-top: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(1) {
    display: block;
    width: 100% !important;
    margin: 24px 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(1) img {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(1) p {
    width: 100%;
    margin-top: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(2) {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(2) {
    height: initial;
    padding: 32px 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(2) ul li img {
    width: 12px;
    margin-right: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method article:nth-of-type(3) {
    width: calc(100vw - 20px);
    overflow-x: scroll;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div {
    width: 100%;
    margin-top: 48px;
    justify-content: initial;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div h3 span {
    margin-right: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(1) h3 span {
    margin-right: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(1) h3 span::after {
    height: 55px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(2) h3 span {
    margin-right: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(2) h3 span::after {
    height: 100px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(3) h3 span {
    margin-right: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(3) h3 span::after {
    height: 100px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(4) h3 span {
    margin-right: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail3 section.method .treatment2 .con2 div:nth-of-type(4) h3 span::after {
    height: 48px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.epilogue .con div {
    display: flex !important;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 h4 {
    height: initial !important;
    line-height: 145% !important;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 div {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 div p {
    width: 100% !important;
    margin-top: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 .element2.active {
    display: block !important;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 .element2:nth-of-type(3) button {
    width: 100%;
    height: 48px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.method article:nth-of-type(1) {
    width: 100%;
    height: initial;
    padding: 32px 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.method article:nth-of-type(1) ul li img {
    width: 16px;
    margin-right: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.method article:nth-of-type(2) {
    width: 100%;
    height: initial;
    padding: 32px 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.method article:nth-of-type(2) p {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.method article:nth-of-type(3) {
    width: calc(100vw - 20px);
    overflow-x: scroll;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.faq h3 {
    line-height: 145%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 section.faq h3 span {
    width: 12px;
    transform: translateY(-12px);
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 .contents1 section.method article:nth-of-type(1) ul li:nth-last-of-type(1) img {
    width: 40px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail6 .contents2 section.method article:nth-of-type(1) ul li:nth-last-of-type(1) img {
    width: 35px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 .contents2 section.method article:nth-of-type(1) ul li img {
    width: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 .elements3 p {
    margin-top: 12px !important;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 .contents3 {
    width: calc(100% - 40px);
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 .contents3 section {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure .elements1 div {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure .elements1 div img {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure .elements1 div p {
    width: 100%;
    margin-top: 12px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure ul {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure ul li {
    width: 100%;
    margin-top: 16px;
    margin-left: 0 !important;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure ul li:nth-of-type(1) {
    margin-top: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure div {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure div img {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.procedure div p {
    width: 100%;
    margin-top: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.method article:nth-of-type(1) {
    width: 100%;
    height: initial;
    padding: 32px 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.method article:nth-of-type(1) ul li img {
    width: 12px;
    margin-right: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.method article:nth-of-type(1) ul li:nth-of-type(3) img {
    width: 18px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.method article:nth-of-type(2) {
    width: 100%;
    height: initial;
    padding: 32px 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.method article:nth-of-type(2) p {
    width: 100%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.method article:nth-of-type(3) {
    width: calc(100vw - 20px);
    overflow-x: scroll;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail7 section.faq ul li span.q {
    line-height: 145%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.visit ul {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.visit ul li {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.visit ul li p {
    margin-top: 16px;
    line-height: 165%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.visit ul li:nth-of-type(1) {
    margin-top: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 p {
    margin-top: 24px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 ul li {
    height: initial;
    padding: 20px 0;
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 ul li span {
    margin-left: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 ul li div {
    width: fit-content;
    max-width: 90%;
    margin: 16px auto 0 auto;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 ul li div h4 {
    margin-left: 0;
    line-height: 145%;
    text-align: center;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 ul li div p {
    padding-right: 0;
    margin: 12px auto 0 auto;
    font-size: 14px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.method1 ul li:nth-of-type(1) {
    margin-top: 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.reccomend {
    width: calc(100% - 40px);
    margin-top: 32px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.table {
    width: calc(100vw - 20px);
    margin-left: 20px;
    overflow-x: scroll;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.table .table {
    margin-right: 20px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.table .table table tr th {
    width: initial !important;
    padding: 0 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container #con .detail9 section.table .table table tr td {
    width: initial !important;
    padding: 16px !important;
    font-size: 12px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.type ul, html body.aestheticsurgery main.aestheticsurgery .container section.method ul {
    padding-top: 32px;
    margin-top: 12px;
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.type ul li, html body.aestheticsurgery main.aestheticsurgery .container section.method ul li {
    width: 100%;
    margin-top: 20px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.type ul li p, html body.aestheticsurgery main.aestheticsurgery .container section.method ul li p {
    width: calc(100% - 44px);
    font-size: 14px;
    font-weight: 400;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.type ul li:nth-of-type(2), html body.aestheticsurgery main.aestheticsurgery .container section.method ul li:nth-of-type(2) {
    margin-top: 20px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.type p, html body.aestheticsurgery main.aestheticsurgery .container section.method p {
    line-height: 165%;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.method ul li {
    height: auto;
    padding-bottom: 20px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.detail ul li {
    width: 100%;
    height: auto;
    padding: 20px 0;
    margin: 16px 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.detail ul li a {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.detail ul li a span {
    line-height: 100%;
    right: 16px;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.detail ul li:nth-of-type(1) {
    margin: 0 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.detail ul li:nth-of-type(2), html body.aestheticsurgery main.aestheticsurgery .container section.detail ul li:nth-of-type(3) {
    margin: 16px 0 0 0;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.process .container {
    display: block;
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.process .container ol {
    width: calc(100% - 24px);
  }
  html body.aestheticsurgery main.aestheticsurgery .container section.process .container img {
    width: 100%;
    height: calc(100vw - 40px);
    margin-top: 24px;
  }
  html body.news main.news {
    margin-top: 80px;
  }
  html body.news main.news ul.container {
    width: calc(100% - 40px);
  }
  html body.news main.news ul.container li {
    height: initial;
    margin-top: 40px;
  }
  html body.news main.news ul.container li a {
    display: block;
  }
  html body.news main.news ul.container li a img {
    width: 100%;
    height: 55vw;
  }
  html body.news main.news ul.container li a div {
    width: 100%;
    margin-top: 16px;
    margin-left: 0;
  }
  html body.news main.news ul.container li a div h2 {
    font-size: 16px;
  }
  html body.aboutclinic .fv {
    height: 90vw;
    background-image: url(../../img/responsive/contents/aboutclinic/fv.webp);
  }
  html body.aboutclinic main.aboutclinic {
    margin-top: 80px;
  }
  html body.aboutclinic main.aboutclinic section.about h2 {
    width: calc(100% - 40px);
    padding-bottom: 20px;
    font-size: 20px;
  }
  html body.aboutclinic main.aboutclinic section.about h2 span {
    margin-right: 10px;
  }
  html body.aboutclinic main.aboutclinic section.about .container {
    padding: 32px 0 41px 0;
    margin-top: 32px;
  }
  html body.aboutclinic main.aboutclinic section.about .container article {
    width: calc(100% - 40px);
    margin: 32px auto 0 auto;
    display: block;
  }
  html body.aboutclinic main.aboutclinic section.about .container article div h3 {
    justify-content: center;
    font-size: 18px;
  }
  html body.aboutclinic main.aboutclinic section.about .container article div h3 span {
    margin-left: 8px;
    font-size: 28px;
  }
  html body.aboutclinic main.aboutclinic section.about .container article div p {
    margin-top: 12px;
    font-size: 16px;
    text-align: center;
  }
  html body.aboutclinic main.aboutclinic section.about .container article img {
    width: 100%;
    height: auto;
    margin-top: 16px;
  }
  html body.aboutclinic main.aboutclinic section.about .container article:nth-of-type(even) {
    display: flex;
    flex-direction: column-reverse;
  }
  html body.aboutclinic main.aboutclinic section.about .container article:nth-of-type(even) div {
    margin-left: 0;
  }
  html body.aboutclinic main.aboutclinic section.doctor {
    width: calc(100% - 40px);
    margin: 97.5px auto 0 auto;
  }
  html body.aboutclinic main.aboutclinic section.doctor h2 {
    font-size: 20px;
    line-height: 34px;
  }
  html body.aboutclinic main.aboutclinic section.doctor h2 span {
    font-size: 80px;
    transform: translateY(22.5px);
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail {
    width: 100%;
    margin: 40px auto 0 auto;
    display: block;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail img {
    width: 100%;
    height: calc(100vw - 40px);
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail .text {
    width: 100%;
    margin-top: 40px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail .text h3 {
    padding: 0 0 20px 16px;
    font-size: 18px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail .text h3 span:nth-of-type(2) {
    bottom: 2.5px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail .text ul li {
    font-size: 12px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.detail .text p {
    padding-left: 0;
    margin-top: 32px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message {
    width: 100%;
    max-height: 589px;
    padding: 32px 20px;
    margin: 40px 0 0 0;
    position: relative;
    overflow: hidden;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message::after {
    content: "";
    display: block;
    width: 100%;
    height: 589px;
    background: linear-gradient(to bottom, transparent, transparent, #FFFFFF 80%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message h2 {
    font-size: 20px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message p:nth-of-type(1) {
    margin-top: 32px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message p:nth-of-type(2) {
    margin-top: 24px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message p:nth-of-type(2) span {
    display: block;
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message button {
    width: 119px;
    height: 38px;
    border-radius: 6px;
    background-color: #55BDC8;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message.open {
    max-height: fit-content;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message.open::after {
    display: none;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.message.open button {
    display: none;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.career {
    width: 100%;
    margin: 100px 0 0 0;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.career table tr {
    height: 57px;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.career table tr td, html body.aboutclinic main.aboutclinic section.doctor article.career table tr th {
    padding: 20px 0;
  }
  html body.aboutclinic main.aboutclinic section.doctor article.career table tr td:nth-of-type(1) {
    padding-top: 28px;
  }
  html body.firsttime .fv {
    background-image: url(../../img/responsive/contents/firsttime/fv.webp);
  }
  html body.firsttime main.firsttime {
    margin-top: 60px;
  }
  html body.firsttime main.firsttime section.appointment h2, html body.firsttime main.firsttime section.process h2, html body.firsttime main.firsttime section.cancelpolicy h2 {
    width: calc(100vw - 40px);
    padding-left: 18px;
    font-size: 18px;
  }
  html body.firsttime main.firsttime section.appointment h2 span, html body.firsttime main.firsttime section.process h2 span, html body.firsttime main.firsttime section.cancelpolicy h2 span {
    margin-right: 16px;
  }
  html body.firsttime main.firsttime section.appointment p {
    margin-top: 24px;
    font-size: 16px;
  }
  html body.firsttime main.firsttime section.appointment ul.annotation {
    width: calc(100% - 40px);
    height: auto;
    padding: 32px 0;
    margin: 24px auto 0 auto;
  }
  html body.firsttime main.firsttime section.appointment ul.annotation li {
    width: calc(100% - 32px);
  }
  html body.firsttime main.firsttime section.appointment ul.annotation li span.annotation {
    width: 30px;
  }
  html body.firsttime main.firsttime section.appointment ul.cta {
    width: 312px;
    flex-direction: column;
  }
  html body.firsttime main.firsttime section.appointment ul.cta li {
    width: 100%;
    height: 150px;
    margin-top: 20px;
    margin-left: 0;
  }
  html body.firsttime main.firsttime section.appointment ul.cta li a {
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  html body.firsttime main.firsttime section.appointment ul.cta li a img {
    width: 28px;
    height: 28px;
    margin: 0 auto 0 auto;
  }
  html body.firsttime main.firsttime section.appointment ul.cta li a span {
    margin-top: 20px;
  }
  html body.firsttime main.firsttime section.appointment ul.cta li:nth-of-type(1) {
    margin-top: 0;
  }
  html body.firsttime main.firsttime section.process {
    margin-top: 100px;
  }
  html body.firsttime main.firsttime section.process .container {
    padding: 24px 0;
    margin-top: 32px;
  }
  html body.firsttime main.firsttime section.process .container .con {
    width: 100%;
    padding: 32px 0 32px 0;
  }
  html body.firsttime main.firsttime section.process .container .con article {
    width: calc(100% - 40px);
  }
  html body.firsttime main.firsttime section.process .container .con article h3 {
    font-size: 16px;
  }
  html body.firsttime main.firsttime section.process .container .con article h3 span {
    width: 48px;
    height: 48px;
    margin-right: 24px;
  }
  html body.firsttime main.firsttime section.process .container .con article p {
    padding-left: 72px;
    margin-top: 16px;
  }
  html body.firsttime main.firsttime section.process .container .con article ul {
    padding-left: 90px;
  }
  html body.firsttime main.firsttime section.process .container .con article ul li {
    margin-top: 6px;
    font-size: 12px;
  }
  html body.firsttime main.firsttime section.process .container .con article button {
    width: 278px;
    height: 44px;
    margin: 16px 0 0 72px;
  }
  html body.firsttime main.firsttime section.process .container .con article button a {
    font-size: 12px;
  }
  html body.firsttime main.firsttime section.process .container .con article button a img {
    width: 12px;
    height: 12px;
    margin-left: 14.5px;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(1) {
    margin: 0 auto 0 auto;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(1) h3 span::after {
    height: 725px;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(2) {
    margin: 24px auto 0 auto;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(2) h3 span::after {
    height: 225px;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(3) {
    margin: 100px auto 0 auto;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(3) h3 span::after {
    height: 400px;
  }
  html body.firsttime main.firsttime section.process .container .con article:nth-of-type(4) {
    margin: 24px auto 0 auto;
  }
  html body.firsttime main.firsttime section.cancelpolicy {
    margin-top: 100px;
  }
  html body.firsttime main.firsttime section.cancelpolicy ul {
    width: calc(100% - 40px);
    height: initial;
    padding: 32px 0;
    margin: 32px auto 0 auto;
  }
  html body.firsttime main.firsttime section.cancelpolicy ul li {
    width: 300px;
    margin-top: 16px;
    line-height: 200%;
    transform: translateX(9px);
  }
  html body.pricetable .fv {
    background-image: url(../../img/responsive/contents/pricetable/fv.webp);
  }
  html body.pricetable main.pricetable .modal {
    height: 100vh;
    top: 0;
  }
  html body.pricetable main.pricetable .modal .con {
    width: 95%;
  }
  html body.pricetable main.pricetable .modal .con button {
    transform: translate(0, -110%);
  }
  html body.pricetable main.pricetable p.annotation {
    width: calc(100% - 40px);
    font-size: 12px;
  }
  html body.pricetable main.pricetable section.consultation, html body.pricetable main.pricetable section.procedure, html body.pricetable main.pricetable section.products {
    width: calc(100% - 40px);
  }
  html body.pricetable main.pricetable section.consultation h2, html body.pricetable main.pricetable section.procedure h2, html body.pricetable main.pricetable section.products h2 {
    padding-left: 18px;
    font-size: 18px;
  }
  html body.pricetable main.pricetable section.consultation h2 span, html body.pricetable main.pricetable section.procedure h2 span, html body.pricetable main.pricetable section.products h2 span {
    margin-right: 16px;
  }
  html body.pricetable main.pricetable section.consultation table, html body.pricetable main.pricetable section.products table {
    margin-top: 4px;
  }
  html body.pricetable main.pricetable section.consultation table tr, html body.pricetable main.pricetable section.products table tr {
    height: 53px;
  }
  html body.pricetable main.pricetable section.consultation table tr th, html body.pricetable main.pricetable section.products table tr th {
    width: 60%;
    padding-left: 21.5px;
  }
  html body.pricetable main.pricetable section.consultation table tr td, html body.pricetable main.pricetable section.products table tr td {
    width: 40%;
    padding-right: 21.5px;
    font-size: 18px;
  }
  html body.pricetable main.pricetable section.consultation {
    margin: 32px auto 0 auto;
  }
  html body.pricetable main.pricetable section.procedure nav, html body.pricetable main.pricetable section.products nav {
    padding-top: 24px;
  }
  html body.pricetable main.pricetable section.procedure nav ul li, html body.pricetable main.pricetable section.products nav ul li {
    width: calc((100% - 8px) / 2);
    height: 36px;
  }
  html body.pricetable main.pricetable section.procedure nav ul li:nth-of-type(even), html body.pricetable main.pricetable section.products nav ul li:nth-of-type(even) {
    margin: 12px 0 0 8px;
  }
  html body.pricetable main.pricetable section.procedure nav ul li:nth-of-type(odd), html body.pricetable main.pricetable section.products nav ul li:nth-of-type(odd) {
    margin: 12px 0 0 0;
  }
  html body.pricetable main.pricetable section.procedure nav ul li:nth-of-type(1), html body.pricetable main.pricetable section.products nav ul li:nth-of-type(1) {
    margin: 0 0 0 0;
  }
  html body.pricetable main.pricetable section.procedure nav ul li:nth-of-type(2), html body.pricetable main.pricetable section.products nav ul li:nth-of-type(2) {
    margin: 0 0 0 8px;
  }
  html body.pricetable main.pricetable section.procedure h3 {
    height: 44px;
    font-size: 16px;
  }
  html body.pricetable main.pricetable section.procedure table {
    padding: 18px 16px;
  }
  html body.pricetable main.pricetable section.procedure table tr td.price {
    width: calc((100vw - 40px) * 0.4);
    font-size: 16px;
  }
  html body.pricetable main.pricetable section.procedure table tr:nth-of-type(2) td {
    display: table-cell;
  }
  html body.pricetable main.pricetable section.procedure table tr:nth-of-type(2) td button {
    width: 154px;
    height: 36px;
  }
  html body.pricetable main.pricetable section.procedure table tr:nth-of-type(2) td button a {
    font-size: 12px;
  }
  html body.pricetable main.pricetable section.procedure table tr:nth-of-type(2) td button:nth-of-type(2) {
    margin-left: 10px;
  }
  html body.pricetable main.pricetable section.procedure table tr:nth-of-type(2) td:nth-of-type(1) {
    padding-right: 5px;
    float: right;
  }
  html body.pricetable main.pricetable section.procedure table tr:nth-of-type(2) td:nth-of-type(2) {
    padding-left: 5px;
  }
  html body.pricetable main.pricetable section.procedure table:nth-of-type(1) {
    margin-top: 24px;
  }
  html body.pricetable main.pricetable section.products .container:nth-last-of-type(2) {
    width: calc(100vw - 40px);
  }
  html body.pricetable main.pricetable section.products .container:nth-last-of-type(1) {
    width: calc(100vw - 40px);
  }
}
@media screen and (max-width: 1000px) {
  html body.news-minicontents .fv, html body.lasertoning .fv, html body.yaglaser .fv, html body.chemicalpeeling .fv, html body.electroporation .fv, html body.lighttherapy .fv, html body.potemza .fv, html body.potemzamn .fv, html body.botoxinjection .fv, html body.hyaluronicacidinjection .fv {
    height: 100vw;
    margin-top: 0;
  }
  html body.news-minicontents .fv nav, html body.lasertoning .fv nav, html body.yaglaser .fv nav, html body.chemicalpeeling .fv nav, html body.electroporation .fv nav, html body.lighttherapy .fv nav, html body.potemza .fv nav, html body.potemzamn .fv nav, html body.botoxinjection .fv nav, html body.hyaluronicacidinjection .fv nav {
    top: 85px;
    left: 20px;
  }
  html body.news-minicontents .fv h1, html body.lasertoning .fv h1, html body.yaglaser .fv h1, html body.chemicalpeeling .fv h1, html body.electroporation .fv h1, html body.lighttherapy .fv h1, html body.potemza .fv h1, html body.potemzamn .fv h1, html body.botoxinjection .fv h1, html body.hyaluronicacidinjection .fv h1 {
    font-size: 28px;
  }
  html body.news-minicontents .fv h1 span, html body.lasertoning .fv h1 span, html body.yaglaser .fv h1 span, html body.chemicalpeeling .fv h1 span, html body.electroporation .fv h1 span, html body.lighttherapy .fv h1 span, html body.potemza .fv h1 span, html body.potemzamn .fv h1 span, html body.botoxinjection .fv h1 span, html body.hyaluronicacidinjection .fv h1 span {
    margin-top: 20px;
  }
  html body.news-minicontents main.news-minicontents .container, html body.lasertoning main.news-minicontents .container, html body.yaglaser main.news-minicontents .container, html body.chemicalpeeling main.news-minicontents .container, html body.electroporation main.news-minicontents .container, html body.lighttherapy main.news-minicontents .container, html body.potemza main.news-minicontents .container, html body.potemzamn main.news-minicontents .container, html body.botoxinjection main.news-minicontents .container, html body.hyaluronicacidinjection main.news-minicontents .container {
    width: calc(100vw - 40px);
    margin: 0 auto;
  }
  html body.news-minicontents main.news-minicontents .container p, html body.lasertoning main.news-minicontents .container p, html body.yaglaser main.news-minicontents .container p, html body.chemicalpeeling main.news-minicontents .container p, html body.electroporation main.news-minicontents .container p, html body.lighttherapy main.news-minicontents .container p, html body.potemza main.news-minicontents .container p, html body.potemzamn main.news-minicontents .container p, html body.botoxinjection main.news-minicontents .container p, html body.hyaluronicacidinjection main.news-minicontents .container p {
    width: initial;
  }
  html body.news-minicontents main.news-minicontents .container ul, html body.lasertoning main.news-minicontents .container ul, html body.yaglaser main.news-minicontents .container ul, html body.chemicalpeeling main.news-minicontents .container ul, html body.electroporation main.news-minicontents .container ul, html body.lighttherapy main.news-minicontents .container ul, html body.potemza main.news-minicontents .container ul, html body.potemzamn main.news-minicontents .container ul, html body.botoxinjection main.news-minicontents .container ul, html body.hyaluronicacidinjection main.news-minicontents .container ul {
    width: calc(100vw - 80px);
    margin: 32px auto 0 auto;
    flex-direction: column;
  }
  html body.news-minicontents main.news-minicontents .container ul li, html body.lasertoning main.news-minicontents .container ul li, html body.yaglaser main.news-minicontents .container ul li, html body.chemicalpeeling main.news-minicontents .container ul li, html body.electroporation main.news-minicontents .container ul li, html body.lighttherapy main.news-minicontents .container ul li, html body.potemza main.news-minicontents .container ul li, html body.potemzamn main.news-minicontents .container ul li, html body.botoxinjection main.news-minicontents .container ul li, html body.hyaluronicacidinjection main.news-minicontents .container ul li {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  html body.news-minicontents main.news-minicontents .container button, html body.lasertoning main.news-minicontents .container button, html body.yaglaser main.news-minicontents .container button, html body.chemicalpeeling main.news-minicontents .container button, html body.electroporation main.news-minicontents .container button, html body.lighttherapy main.news-minicontents .container button, html body.potemza main.news-minicontents .container button, html body.potemzamn main.news-minicontents .container button, html body.botoxinjection main.news-minicontents .container button, html body.hyaluronicacidinjection main.news-minicontents .container button {
    width: initial;
    margin: 40px 0 0 8px;
  }
  html body.news-minicontents main.news-minicontents .container button a span, html body.lasertoning main.news-minicontents .container button a span, html body.yaglaser main.news-minicontents .container button a span, html body.chemicalpeeling main.news-minicontents .container button a span, html body.electroporation main.news-minicontents .container button a span, html body.lighttherapy main.news-minicontents .container button a span, html body.potemza main.news-minicontents .container button a span, html body.potemzamn main.news-minicontents .container button a span, html body.botoxinjection main.news-minicontents .container button a span, html body.hyaluronicacidinjection main.news-minicontents .container button a span {
    width: 47px;
    height: 47px;
  }
  html body.lasertoning h2, html body.yaglaser h2, html body.chemicalpeeling h2, html body.electroporation h2, html body.lighttherapy h2, html body.potemza h2, html body.potemzamn h2, html body.botoxinjection h2, html body.hyaluronicacidinjection h2 {
    line-height: 145% !important;
    align-items: initial !important;
  }
  html body.lasertoning h2 span, html body.yaglaser h2 span, html body.chemicalpeeling h2 span, html body.electroporation h2 span, html body.lighttherapy h2 span, html body.potemza h2 span, html body.potemzamn h2 span, html body.botoxinjection h2 span, html body.hyaluronicacidinjection h2 span {
    transform: translateY(9.5px);
  }
  html body.lasertoning .fv, html body.yaglaser .fv, html body.chemicalpeeling .fv, html body.electroporation .fv, html body.lighttherapy .fv, html body.potemza .fv, html body.potemzamn .fv, html body.botoxinjection .fv, html body.hyaluronicacidinjection .fv {
    background-image: url(../../img/responsive/contents/minicontents/aestheticsurgery/fv.webp);
  }
  html body.lasertoning main .container, html body.yaglaser main .container, html body.chemicalpeeling main .container, html body.electroporation main .container, html body.lighttherapy main .container, html body.potemza main .container, html body.potemzamn main .container, html body.botoxinjection main .container, html body.hyaluronicacidinjection main .container {
    width: 100%;
    margin: 0 0;
  }
  html body.lasertoning main .container .con, html body.yaglaser main .container .con, html body.chemicalpeeling main .container .con, html body.electroporation main .container .con, html body.lighttherapy main .container .con, html body.potemza main .container .con, html body.potemzamn main .container .con, html body.botoxinjection main .container .con, html body.hyaluronicacidinjection main .container .con {
    width: calc(100vw - 40px);
  }
  html body.lasertoning main .container .con .flex, html body.yaglaser main .container .con .flex, html body.chemicalpeeling main .container .con .flex, html body.electroporation main .container .con .flex, html body.lighttherapy main .container .con .flex, html body.potemza main .container .con .flex, html body.potemzamn main .container .con .flex, html body.botoxinjection main .container .con .flex, html body.hyaluronicacidinjection main .container .con .flex {
    display: block;
  }
  html body.lasertoning main .container .con .flex img, html body.yaglaser main .container .con .flex img, html body.chemicalpeeling main .container .con .flex img, html body.electroporation main .container .con .flex img, html body.lighttherapy main .container .con .flex img, html body.potemza main .container .con .flex img, html body.potemzamn main .container .con .flex img, html body.botoxinjection main .container .con .flex img, html body.hyaluronicacidinjection main .container .con .flex img {
    width: 100%;
  }
  html body.lasertoning main .container .con .flex p, html body.yaglaser main .container .con .flex p, html body.chemicalpeeling main .container .con .flex p, html body.electroporation main .container .con .flex p, html body.lighttherapy main .container .con .flex p, html body.potemza main .container .con .flex p, html body.potemzamn main .container .con .flex p, html body.botoxinjection main .container .con .flex p, html body.hyaluronicacidinjection main .container .con .flex p {
    width: 100%;
    margin-top: 24px;
  }
  html body.lasertoning main .container .con .recommend, html body.yaglaser main .container .con .recommend, html body.chemicalpeeling main .container .con .recommend, html body.electroporation main .container .con .recommend, html body.lighttherapy main .container .con .recommend, html body.potemza main .container .con .recommend, html body.potemzamn main .container .con .recommend, html body.botoxinjection main .container .con .recommend, html body.hyaluronicacidinjection main .container .con .recommend {
    width: 100%;
    padding-bottom: 24px;
    margin: 32px auto 0 auto;
  }
  html body.lasertoning main .container .con .recommend h3, html body.yaglaser main .container .con .recommend h3, html body.chemicalpeeling main .container .con .recommend h3, html body.electroporation main .container .con .recommend h3, html body.lighttherapy main .container .con .recommend h3, html body.potemza main .container .con .recommend h3, html body.potemzamn main .container .con .recommend h3, html body.botoxinjection main .container .con .recommend h3, html body.hyaluronicacidinjection main .container .con .recommend h3 {
    padding-top: 24px;
  }
  html body.lasertoning main .container .con .recommend ul, html body.yaglaser main .container .con .recommend ul, html body.chemicalpeeling main .container .con .recommend ul, html body.electroporation main .container .con .recommend ul, html body.lighttherapy main .container .con .recommend ul, html body.potemza main .container .con .recommend ul, html body.potemzamn main .container .con .recommend ul, html body.botoxinjection main .container .con .recommend ul, html body.hyaluronicacidinjection main .container .con .recommend ul {
    margin: 24px auto 0 auto;
  }
  html body.lasertoning main .container .con .recommend ul li, html body.yaglaser main .container .con .recommend ul li, html body.chemicalpeeling main .container .con .recommend ul li, html body.electroporation main .container .con .recommend ul li, html body.lighttherapy main .container .con .recommend ul li, html body.potemza main .container .con .recommend ul li, html body.potemzamn main .container .con .recommend ul li, html body.botoxinjection main .container .con .recommend ul li, html body.hyaluronicacidinjection main .container .con .recommend ul li {
    font-size: 12px;
  }
  html body.lasertoning main .container .con .recommend ul li img, html body.yaglaser main .container .con .recommend ul li img, html body.chemicalpeeling main .container .con .recommend ul li img, html body.electroporation main .container .con .recommend ul li img, html body.lighttherapy main .container .con .recommend ul li img, html body.potemza main .container .con .recommend ul li img, html body.potemzamn main .container .con .recommend ul li img, html body.botoxinjection main .container .con .recommend ul li img, html body.hyaluronicacidinjection main .container .con .recommend ul li img {
    width: 12px;
    margin-right: 16px;
  }
  html body.lasertoning main .container .con .recommend p, html body.yaglaser main .container .con .recommend p, html body.chemicalpeeling main .container .con .recommend p, html body.electroporation main .container .con .recommend p, html body.lighttherapy main .container .con .recommend p, html body.potemza main .container .con .recommend p, html body.potemzamn main .container .con .recommend p, html body.botoxinjection main .container .con .recommend p, html body.hyaluronicacidinjection main .container .con .recommend p {
    margin: 24px auto 0 auto;
    width: 90%;
    font-size: 12px;
  }
  html body.lasertoning main .container .con table tr th, html body.lasertoning main .container .con table tr td, html body.yaglaser main .container .con table tr th, html body.yaglaser main .container .con table tr td, html body.chemicalpeeling main .container .con table tr th, html body.chemicalpeeling main .container .con table tr td, html body.electroporation main .container .con table tr th, html body.electroporation main .container .con table tr td, html body.lighttherapy main .container .con table tr th, html body.lighttherapy main .container .con table tr td, html body.potemza main .container .con table tr th, html body.potemza main .container .con table tr td, html body.potemzamn main .container .con table tr th, html body.potemzamn main .container .con table tr td, html body.botoxinjection main .container .con table tr th, html body.botoxinjection main .container .con table tr td, html body.hyaluronicacidinjection main .container .con table tr th, html body.hyaluronicacidinjection main .container .con table tr td {
    width: 50%;
  }
  html body.lasertoning main .container .con table tr td, html body.yaglaser main .container .con table tr td, html body.chemicalpeeling main .container .con table tr td, html body.electroporation main .container .con table tr td, html body.lighttherapy main .container .con table tr td, html body.potemza main .container .con table tr td, html body.potemzamn main .container .con table tr td, html body.botoxinjection main .container .con table tr td, html body.hyaluronicacidinjection main .container .con table tr td {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 12px;
  }
  html body.lasertoning main .container .con section.consent button, html body.yaglaser main .container .con section.consent button, html body.chemicalpeeling main .container .con section.consent button, html body.electroporation main .container .con section.consent button, html body.lighttherapy main .container .con section.consent button, html body.potemza main .container .con section.consent button, html body.potemzamn main .container .con section.consent button, html body.botoxinjection main .container .con section.consent button, html body.hyaluronicacidinjection main .container .con section.consent button {
    width: 100%;
  }
  html body.lasertoning main .container .con section.faq h2 span, html body.yaglaser main .container .con section.faq h2 span, html body.chemicalpeeling main .container .con section.faq h2 span, html body.electroporation main .container .con section.faq h2 span, html body.lighttherapy main .container .con section.faq h2 span, html body.potemza main .container .con section.faq h2 span, html body.potemzamn main .container .con section.faq h2 span, html body.botoxinjection main .container .con section.faq h2 span, html body.hyaluronicacidinjection main .container .con section.faq h2 span {
    margin-top: 0;
  }
  html body.lasertoning main .container .con section.faq ul li, html body.yaglaser main .container .con section.faq ul li, html body.chemicalpeeling main .container .con section.faq ul li, html body.electroporation main .container .con section.faq ul li, html body.lighttherapy main .container .con section.faq ul li, html body.potemza main .container .con section.faq ul li, html body.potemzamn main .container .con section.faq ul li, html body.botoxinjection main .container .con section.faq ul li, html body.hyaluronicacidinjection main .container .con section.faq ul li {
    padding: 16px 0;
  }
  html body.lasertoning main .container .con section.faq ul li span, html body.yaglaser main .container .con section.faq ul li span, html body.chemicalpeeling main .container .con section.faq ul li span, html body.electroporation main .container .con section.faq ul li span, html body.lighttherapy main .container .con section.faq ul li span, html body.potemza main .container .con section.faq ul li span, html body.potemzamn main .container .con section.faq ul li span, html body.botoxinjection main .container .con section.faq ul li span, html body.hyaluronicacidinjection main .container .con section.faq ul li span {
    padding-right: 32px;
    line-height: 145%;
  }
  html body.lasertoning main .container .con section.faq ul li span span:nth-of-type(2), html body.yaglaser main .container .con section.faq ul li span span:nth-of-type(2), html body.chemicalpeeling main .container .con section.faq ul li span span:nth-of-type(2), html body.electroporation main .container .con section.faq ul li span span:nth-of-type(2), html body.lighttherapy main .container .con section.faq ul li span span:nth-of-type(2), html body.potemza main .container .con section.faq ul li span span:nth-of-type(2), html body.potemzamn main .container .con section.faq ul li span span:nth-of-type(2), html body.botoxinjection main .container .con section.faq ul li span span:nth-of-type(2), html body.hyaluronicacidinjection main .container .con section.faq ul li span span:nth-of-type(2) {
    line-height: 145%;
  }
  html body.lasertoning main .container .con section.faq ul li span span.num, html body.yaglaser main .container .con section.faq ul li span span.num, html body.chemicalpeeling main .container .con section.faq ul li span span.num, html body.electroporation main .container .con section.faq ul li span span.num, html body.lighttherapy main .container .con section.faq ul li span span.num, html body.potemza main .container .con section.faq ul li span span.num, html body.potemzamn main .container .con section.faq ul li span span.num, html body.botoxinjection main .container .con section.faq ul li span span.num, html body.hyaluronicacidinjection main .container .con section.faq ul li span span.num {
    padding-right: 12px;
    margin: 0 0 0 24px;
  }
  html body.lasertoning main .container .con section.faq ul li span span.button, html body.yaglaser main .container .con section.faq ul li span span.button, html body.chemicalpeeling main .container .con section.faq ul li span span.button, html body.electroporation main .container .con section.faq ul li span span.button, html body.lighttherapy main .container .con section.faq ul li span span.button, html body.potemza main .container .con section.faq ul li span span.button, html body.potemzamn main .container .con section.faq ul li span span.button, html body.botoxinjection main .container .con section.faq ul li span span.button, html body.hyaluronicacidinjection main .container .con section.faq ul li span span.button {
    top: -7.5px;
    right: 0;
    transform: translateX(15px);
  }
  html body.lasertoning main .container .con section.faq ul li span.answer, html body.yaglaser main .container .con section.faq ul li span.answer, html body.chemicalpeeling main .container .con section.faq ul li span.answer, html body.electroporation main .container .con section.faq ul li span.answer, html body.lighttherapy main .container .con section.faq ul li span.answer, html body.potemza main .container .con section.faq ul li span.answer, html body.potemzamn main .container .con section.faq ul li span.answer, html body.botoxinjection main .container .con section.faq ul li span.answer, html body.hyaluronicacidinjection main .container .con section.faq ul li span.answer {
    padding: 0 24px;
  }
  html body.lasertoning main .container .con section.faq ul li.active span.question, html body.yaglaser main .container .con section.faq ul li.active span.question, html body.chemicalpeeling main .container .con section.faq ul li.active span.question, html body.electroporation main .container .con section.faq ul li.active span.question, html body.lighttherapy main .container .con section.faq ul li.active span.question, html body.potemza main .container .con section.faq ul li.active span.question, html body.potemzamn main .container .con section.faq ul li.active span.question, html body.botoxinjection main .container .con section.faq ul li.active span.question, html body.hyaluronicacidinjection main .container .con section.faq ul li.active span.question {
    padding-bottom: 12px;
  }
  html body.electroporation main.electroporation .container .con section.treatment .flex-con {
    display: block;
  }
  html body.electroporation main.electroporation .container .con section.treatment .flex-con div {
    width: 100%;
  }
  html body.electroporation main.electroporation .container .con section.treatment .flex-con .plus {
    margin: 32px auto 0 auto;
    position: relative;
    bottom: 0;
    left: 0;
    transform: translateX(0);
  }
  html body.electroporation main.electroporation .container .con section.price .scroll {
    overflow-x: scroll;
    width: calc(100vw - 20px);
  }
  html body.electroporation main.electroporation .container .con section.price .scroll table.pricetable {
    width: max-content;
    margin-right: 20px;
  }
  html body.electroporation main.electroporation .container .con section.price .scroll table.pricetable tr {
    height: 60px;
  }
  html body.electroporation main.electroporation .container .con section.price .scroll table.pricetable tr th, html body.electroporation main.electroporation .container .con section.price .scroll table.pricetable tr td {
    width: fit-content;
    font-size: 12px;
  }
  html body.lasertoning main.lasertoning .container .con section.method nav ul {
    flex-wrap: wrap;
  }
  html body.lasertoning main.lasertoning .container .con section.method nav ul li {
    width: calc((100% - 8px) / 2);
    height: 49px;
    margin-top: 8px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 125%;
    text-align: center;
  }
  html body.lasertoning main.lasertoning .container .con section.method nav ul li:nth-of-type(odd) {
    margin-left: 0;
  }
  html body.lasertoning main.lasertoning .container .con section.method nav ul li:nth-of-type(1), html body.lasertoning main.lasertoning .container .con section.method nav ul li:nth-of-type(2) {
    margin-top: 0;
  }
  html body.lasertoning main.lasertoning .container .con section.method h3 {
    padding-left: 0;
  }
  html body.potemza main.potemza .container .con section.about .flex .img {
    width: 100%;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body.potemza main.potemza .container .con section.about .flex .img img {
    width: 40%;
    background-color: transparent;
  }
  html body.potemza main.potemza .container .con section.faq h2 span {
    width: 16px;
  }
  html body.potemzamn main.potemzamn .container .con section.method .recommend ul {
    width: 90%;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article {
    width: 100%;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article h3 span {
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article p {
    padding-left: 92px;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(1) h3 span::after {
    height: 125px;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(1) p {
    transform: translateY(-60px);
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(2) {
    margin: 0 auto 0 auto;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(2) h3 span::after {
    height: 100px;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(2) p {
    transform: translateY(-50px);
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(3) {
    margin: 0 auto 0 auto;
  }
  html body.potemzamn main.potemzamn .container .con section.treatment div article:nth-of-type(3) p {
    transform: translateY(-40px);
  }
  html body.potemzamn main.potemzamn .container .con .table {
    margin-top: 32px !important;
  }
  html body.potemzamn main.potemzamn .container .con section.medication p {
    margin-top: 16px;
  }
  html body.potemzamn main.potemzamn .container .con .table {
    margin-top: 0;
  }
  html body.lighttherapy main.lighttherapy section.about .flex .img {
    width: 100%;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body.lighttherapy main.lighttherapy section.about .flex .img img {
    width: 40%;
    background-color: transparent;
  }
  html body.lighttherapy main.lighttherapy section.method .treatment2 .con2 div:nth-of-type(2) h5 span::after {
    height: 48px;
  }
  html body.lighttherapy main.lighttherapy section.method .treatment2 .con2 div:nth-of-type(3) h5 span::after {
    height: 72px;
  }
  html body.botoxinjection main.botoxinjection .container .con section.treatment {
    /*
    .scroll2 {
        width: calc(100vw - 20px);
        overflow-x: scroll;

        .table {
            width: max-content;
            margin-right: 20px;

            table {

                tr {

                    th {
                        width: initial !important;
                        padding: 0 16px;
                    }

                    td {
                        width: initial !important;
                        padding: 16px !important;
                        font-size: 12px;
                    }
                }
            }
        }
    }
    */
  }
  html body.botoxinjection main.botoxinjection .container .con section.treatment .recommend ul {
    width: 82.5%;
  }
  html body.hyaluronicacidinjection main.hyaluronicacidinjection .container .con section.treatment .flex img {
    width: 100%;
  }
  html body.hyaluronicacidinjection main.hyaluronicacidinjection .container .con section.treatment .flex p {
    width: 100%;
  }
  html body.hyaluronicacidinjection main.hyaluronicacidinjection .container .con section.treatment .recommend {
    padding: 48px 0;
  }
  html body.hyaluronicacidinjection main.hyaluronicacidinjection .container .con section.treatment .recommend h3 {
    padding: 0;
    margin: 0;
  }
  html body.hyaluronicacidinjection main.hyaluronicacidinjection .container .con section.treatment .point {
    width: 100%;
  }
  html .treatment2 {
    width: 100%;
  }
  html .treatment2 .con2 div {
    width: 100%;
    margin-top: 48px;
    justify-content: initial;
  }
  html .treatment2 .con2 div h3 span {
    margin-right: 24px;
  }
  html .treatment2 .con2 div:nth-of-type(1) h3 span {
    margin-right: 24px;
  }
  html .treatment2 .con2 div:nth-of-type(1) h3 span::after {
    height: 55px;
  }
  html .treatment2 .con2 div:nth-of-type(2) h3 span {
    margin-right: 24px;
  }
  html .treatment2 .con2 div:nth-of-type(2) h3 span::after {
    height: 100px;
  }
  html .treatment2 .con2 div:nth-of-type(3) h3 span {
    margin-right: 24px;
  }
  html .treatment2 .con2 div:nth-of-type(3) h3 span::after {
    height: 100px;
  }
  html .treatment2 .con2 div:nth-of-type(4) h3 span {
    margin-right: 24px;
  }
  html .treatment2 .con2 div:nth-of-type(4) h3 span::after {
    height: 48px;
  }
  html .treatment2 {
    width: 100%;
  }
  html .treatment2 .con2 div {
    width: 100%;
    margin-top: 32px;
    justify-content: initial;
  }
  html .treatment2 .con2 div p {
    margin-left: 24px;
  }
}
@media screen and (max-width: 1000px) {
  html body.top .fv {
    height: calc(100vh - 15.4vw);
    background-image: url(../../img/responsive/fv.webp);
    margin-top: 0;
  }
  html body.top .fv .text {
    bottom: 154px;
    left: 24px;
  }
  html body.top .fv .text h1 {
    font-size: 28px;
    line-height: 47.6px;
  }
  html body.top .fv .text p {
    margin-top: 16px;
    font-size: 14px;
  }
  html body.top .fv .news {
    width: 100%;
    border-bottom: solid 1px #DAE4E5;
    border-radius: 0 0 0 0;
    justify-content: initial;
  }
  html body.top .fv .news .change a p:nth-of-type(1) {
    padding-left: 16px;
  }
  html body.top .fv .news .change a p:nth-of-type(1) span:nth-of-type(1) {
    font-size: 11px;
  }
  html body.top .fv .news .change a p:nth-of-type(1) span:nth-of-type(3) {
    font-size: 12px;
  }
  html body.top .fv .news .change a p:nth-of-type(2) {
    margin-left: 24px;
    font-size: 12px;
  }
  html body.top .fv .news .change .con {
    width: 28px;
    padding-right: 0;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }
  html body.top .fv .news .change .con div {
    width: 100%;
    position: relative;
    top: initial;
    right: initial;
  }
  html body.top main.top section.about h2 {
    font-size: 24px;
  }
  html body.top main.top section.about h2 span {
    font-size: 16px;
  }
  html body.top main.top section.about .con {
    margin-top: 40px;
    display: block;
    transform: translateY(0);
  }
  html body.top main.top section.about .con .image {
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    flex-direction: column;
  }
  html body.top main.top section.about .con .image img:nth-of-type(1) {
    width: 300px;
    height: 234px;
    border-radius: 16px 0 0 16px;
    margin-left: calc(100% - 300px);
    position: relative;
  }
  html body.top main.top section.about .con .image img:nth-of-type(2) {
    width: 300px;
    height: 234px;
    border-radius: 0 16px 16px 0;
    margin-top: 31px;
    position: relative;
  }
  html body.top main.top section.about .con .text {
    margin-top: 19px;
    margin-left: 0;
  }
  html body.top main.top section.about .con .text p.treat {
    width: initial;
    margin-top: 0;
    font-size: 64px;
    color: #55BDC8;
    letter-spacing: 0.08em;
    white-space: nowrap;
    transform: translateY(20px);
  }
  html body.top main.top section.about .con .text h3 {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
  }
  html body.top main.top section.about .con .text p {
    width: calc(100% - 40px);
    margin: 32px auto 0 auto;
    letter-spacing: 0.03em;
  }
  html body.top main.top section.about .con .text button {
    width: calc(100% - 22px);
  }
  html body.top main.top section.about .con .text button a span {
    margin-left: 16px;
  }
  html body.top main.top section.medical {
    margin-top: 120px;
  }
  html body.top main.top section.medical h2 {
    font-size: 24px;
  }
  html body.top main.top section.medical h2 span {
    font-size: 16px;
  }
  html body.top main.top section.medical nav {
    margin-top: 48px;
  }
  html body.top main.top section.medical nav h3 {
    height: 50px;
  }
  html body.top main.top section.medical .change {
    padding: 24px 0;
  }
  html body.top main.top section.medical .change div {
    padding: 32px 0 32px 0;
  }
  html body.top main.top section.medical .change div ul {
    width: calc(100% - 40px);
    margin: 0 auto;
    display: block;
  }
  html body.top main.top section.medical .change div ul li {
    width: 100%;
    height: 103px;
    margin-top: 24px;
  }
  html body.top main.top section.medical .change div ul li a {
    align-items: center;
  }
  html body.top main.top section.medical .change div ul li a img {
    width: 40px;
  }
  html body.top main.top section.medical .change div ul li a span.detail span {
    font-weight: 500;
  }
  html body.top main.top section.medical .change div ul li a span.detail span:nth-of-type(2) {
    width: 236px;
    margin-top: 6px;
    font-weight: 400;
    line-height: 200%;
  }
  html body.top main.top section.medical .change div ul li a span.rarr {
    display: none;
  }
  html body.top main.top section.medical .change div ul li:nth-of-type(2) {
    margin-top: 24px;
  }
  html body.top main.top section.medical .change div ul li:nth-of-type(even) {
    margin-left: 0;
  }
  html body.top main.top section.doctor {
    width: calc(100% - 40px);
    margin: 97.5px auto 0 auto;
  }
  html body.top main.top section.doctor h2 {
    font-size: 20px;
    line-height: 34px;
  }
  html body.top main.top section.doctor h2 span {
    font-size: 80px;
    transform: translateY(22.5px);
  }
  html body.top main.top section.doctor article.detail {
    width: 100%;
    margin: 40px auto 0 auto;
    display: block;
  }
  html body.top main.top section.doctor article.detail img {
    width: 100%;
    height: calc(100vw - 40px);
  }
  html body.top main.top section.doctor article.detail .text {
    width: 100%;
    margin-top: 40px;
  }
  html body.top main.top section.doctor article.detail .text h3 {
    padding: 0 0 20px 16px;
    font-size: 18px;
  }
  html body.top main.top section.doctor article.detail .text h3 span:nth-of-type(2) {
    bottom: 2.5px;
  }
  html body.top main.top section.doctor article.detail .text ul li {
    font-size: 12px;
  }
  html body.top main.top section.doctor article.detail .text p {
    padding-left: 0;
    margin-top: 32px;
  }
  html body.top main.top section.doctor article.message {
    width: 100%;
    max-height: 589px;
    padding: 32px 20px;
    margin: 40px 0 0 0;
    position: relative;
    overflow: hidden;
  }
  html body.top main.top section.doctor article.message::after {
    content: "";
    display: block;
    width: 100%;
    height: 589px;
    background: linear-gradient(to bottom, transparent, transparent, #FFFFFF 80%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  html body.top main.top section.doctor article.message h2 {
    font-size: 20px;
  }
  html body.top main.top section.doctor article.message p:nth-of-type(1) {
    margin-top: 32px;
  }
  html body.top main.top section.doctor article.message p:nth-of-type(2) {
    margin-top: 24px;
  }
  html body.top main.top section.doctor article.message p:nth-of-type(2) span {
    display: block;
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
  }
  html body.top main.top section.doctor article.message button {
    width: 119px;
    height: 38px;
    border-radius: 6px;
    background-color: #55BDC8;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  html body.top main.top section.doctor article.message button img {
    width: 20px;
    margin: 2px 0 0 4px;
  }
  html body.top main.top section.doctor article.message.accordion {
    max-height: fit-content;
  }
  html body.top main.top section.doctor article.message.accordion::after {
    display: none;
  }
  html body.top main.top section.doctor article.message.accordion button {
    margin: 24px auto 0 auto;
    position: relative;
    bottom: 0;
    left: 0;
    transform: translateX(0);
  }
}