@charset "UTF-8";

body.guide-page .guide-insurance-break {
  display: none;
}

body.guide-page #info blockquote.guide-flow-description {
  margin-right: -8px;
}

@media screen and (max-width: 959px) {
  body.guide-page #info,
  body.guide-page #info > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.guide-page #info .guide-hours-table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
  }

  body.guide-page #info .guide-hours-table tr > :first-child {
    width: 40%;
    box-sizing: border-box;
  }

  body.guide-page #info .guide-hours-table tr > :not(:first-child) {
    width: calc(60% / 7);
    padding-right: 1px;
    padding-left: 1px;
    box-sizing: border-box;
    text-align: center;
  }

  body.guide-page #info .guide-hours-table tr:nth-child(2) > th:first-child,
  body.guide-page #info .guide-hours-table tr:nth-child(2) > th:first-child > font {
    font-size: 16px !important;
    line-height: 1.3;
    white-space: nowrap;
    word-break: normal;
  }

  body.guide-page #info .guide-insurance-heading {
    width: 100%;
    max-width: 100%;
    height: auto;
    table-layout: fixed;
    box-sizing: border-box;
  }

  body.guide-page #info .guide-insurance-heading td {
    height: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.guide-page #info .guide-treatment-image {
    display: block;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 8px auto 16px;
  }

  body.guide-page #info .guide-beauty-spacer {
    display: none;
  }

  body.guide-page #info ol#flow,
  body.guide-page #info ol#flow > li {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.guide-page #info ol#flow > li {
    float: none;
    clear: both;
    margin-top: 0;
    margin-bottom: 24px;
    text-align: left;
  }

  body.guide-page #info ol#flow > li::after {
    display: block;
    clear: both;
    content: "";
  }

  body.guide-page #info ol#flow img {
    display: block;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 8px auto 16px;
  }

  body.guide-page #info blockquote {
    max-width: 100%;
    margin-left: 1em;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}

@media screen and (max-width: 400px) {
  body.guide-page #info blockquote.guide-flow-description {
    width: auto;
    margin-right: 12px;
  }
}

@media screen and (min-width: 431px) and (max-width: 481px) {
  body.guide-page #info .guide-insurance-break {
    display: inline;
  }
}
