@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sofia&display=swap");
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-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;
  line-height: 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;
  /* 2 */
  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; }

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none; }

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

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

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

/**
 * 1. 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. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * 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] {
  outline: none; }

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

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

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

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

@media (max-width: 768px) {
  .cmn_hdr__logo.is__shindoatsu {
    width: 12rem;
    font-size: 0.6rem; } }
@media screen and (min-width: 1001px) {
  .cmn_hdr__logo.is__shindoatsu {
    width: 300px;
    margin: auto 1rem auto 30px; } }
@media screen and (min-width: 1001px) and (max-width: 1400px) {
  .cmn_hdr__logo.is__shindoatsu {
    width: 20vw;
    margin-right: 1rem; } }
.cmn_hdr__logo.is__shindoatsu img {
  margin-top: 1rem; }
  @media (max-width: 768px) {
    .cmn_hdr__logo.is__shindoatsu img {
      margin-top: .4rem; } }

.p-shindouatsu__kv {
  background-image: url(/resource/hair/shindouatsu/images/kv_bg.png);
  background-size: cover;
  position: relative;
  display: block;
  height: 580px;
  width: 100%; }
  @media screen and (max-width: 1100px) and (min-width: 769px) {
    .p-shindouatsu__kv {
      padding-left: 5%;
      padding-right: 5%;
      background-position: center; } }
  @media (max-width: 768px) {
    .p-shindouatsu__kv {
      background-image: url(/resource/hair/shindouatsu/images/kv_bg_sp.png);
      height: 82.6666666667vw; } }
  .p-shindouatsu__kv::before {
    content: 'クレアージュ\A福岡限定';
    display: block;
    position: absolute;
    background: linear-gradient(135deg, #D7A476, #B7775D);
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    bottom: -36px;
    right: 120px;
    padding: 60px 16px 55px;
    font-size: 24px;
    width: 184px;
    height: 184px;
    line-height: 1.4;
    text-align: center;
    z-index: 1; }
    @media screen and (max-width: 1100px) and (min-width: 769px) {
      .p-shindouatsu__kv::before {
        right: 20px; } }
    @media (max-width: 768px) {
      .p-shindouatsu__kv::before {
        bottom: -2.6666666667vw;
        right: 8.2666666667vw;
        padding: 8vw 2vw 7.3333333333vw;
        font-size: 3.2vw;
        width: 24.5333333333vw;
        height: 24.5333333333vw;
        z-index: 2; } }
  .p-shindouatsu__kv_inner {
    max-width: 1090px;
    margin: 0px auto;
    padding-top: 60px;
    padding-bottom: 75px; }
    @media (max-width: 768px) {
      .p-shindouatsu__kv_inner {
        max-width: 89.3333333333vw;
        padding-top: 8vw; } }
  .p-shindouatsu__kv_catch, .p-shindouatsu__kv_copy {
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    letter-spacing: 0.05em; }
  .p-shindouatsu__kv_copy {
    color: #555555;
    font-weight: bold;
    line-height: 1.6;
    font-size: 26px;
    margin-bottom: 15px; }
    @media (max-width: 768px) {
      .p-shindouatsu__kv_copy {
        font-size: 3.4666666667vw;
        margin-bottom: 2.2666666667vw; } }
    .p-shindouatsu__kv_copy span {
      color: #B55D45;
      background-color: #fff;
      font-size: 38px;
      padding: 0 0.2em;
      margin-right: 0.2em; }
      @media (max-width: 768px) {
        .p-shindouatsu__kv_copy span {
          font-size: 5.0666666667vw; } }
  .p-shindouatsu__kv_catch {
    color: #B55D45;
    font-size: 80px;
    line-height: 1.2; }
    @media (max-width: 768px) {
      .p-shindouatsu__kv_catch {
        font-size: 7.2vw;
        line-height: 1.4; } }
  .p-shindouatsu__kv_price {
    position: relative;
    font-family: "Noto Serif JP", serif;
    background-color: #fff;
    color: #E85C5C;
    text-align: right;
    font-weight: bold;
    line-height: 1;
    max-width: 450px;
    font-size: 60px;
    padding: 6px 23px 12px 110px;
    margin-top: 40px;
    margin-left: 52px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
    @media (max-width: 768px) {
      .p-shindouatsu__kv_price {
        display: flex;
        align-items: flex-end;
        text-align: left;
        font-size: 8vw;
        max-width: 100%;
        padding: 3.3333333333vw 6.6666666667vw;
        margin-top: 31.4666666667vw;
        margin-left: 0;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        z-index: 1; } }
    .p-shindouatsu__kv_price .target {
      position: absolute;
      font-family: "Noto Sans JP";
      background-color: #E85C5C;
      color: #fff;
      transform: translateY(-50%);
      line-height: 1.2;
      top: 50%;
      left: -52px;
      padding: 8px 15px;
      font-size: 20px; }
      @media (max-width: 768px) {
        .p-shindouatsu__kv_price .target {
          font-weight: bold;
          transform: translateY(0%);
          left: 4vw;
          padding: 1.6vw 1.8666666667vw;
          font-size: 2.9333333333vw;
          top: -4.5333333333vw; } }
    .p-shindouatsu__kv_price .fs-small {
      font-weight: 400;
      font-size: 36px; }
      @media (max-width: 768px) {
        .p-shindouatsu__kv_price .fs-small {
          font-size: 4.8vw; } }
    .p-shindouatsu__kv_price .attention {
      margin-right: auto;
      width: fit-content;
      display: block;
      color: #444444;
      text-align: left;
      font-family: "Noto Sans JP";
      font-size: 13px;
      margin-top: 10px; }
      @media (max-width: 768px) {
        .p-shindouatsu__kv_price .attention {
          font-size: 2.1333333333vw;
          margin-left: 1.3333333333vw; } }
.p-shindouatsu__about {
  padding-top: 110px;
  padding-bottom: 100px;
  max-width: 1160px;
  margin: auto; }
  @media (max-width: 768px) {
    .p-shindouatsu__about {
      padding-top: 19.0666666667vw;
      padding-bottom: 13.3333333333vw; } }
  .p-shindouatsu__about .cmn__ttl.is__serif_l {
    padding-bottom: 63px; }
    @media (max-width: 768px) {
      .p-shindouatsu__about .cmn__ttl.is__serif_l {
        padding-bottom: 7.0666666667vw; } }
  .p-shindouatsu__about .cmn__btn.is__cv {
    margin: 150px auto 0; }
    @media (max-width: 768px) {
      .p-shindouatsu__about .cmn__btn.is__cv {
        margin: 8vw auto 0; } }
  .p-shindouatsu__about_cnt {
    position: relative; }
    .p-shindouatsu__about_cnt p {
      position: relative;
      background-color: #fff;
      padding: 60px 50px 50px;
      margin-right: 100%;
      margin-top: 88px;
      width: 600px; }
      @media (max-width: 768px) {
        .p-shindouatsu__about_cnt p {
          width: 89.3333333333vw;
          padding: 5.3333333333vw 8vw 9.3333333333vw;
          margin: 0 auto;
          margin-top: 5.3333333333vw; } }
      .p-shindouatsu__about_cnt p span {
        font-size: 32px; }
        @media (max-width: 768px) {
          .p-shindouatsu__about_cnt p span {
            font-size: 5.3333333333vw; } }
    .p-shindouatsu__about_cnt::before {
      content: '';
      position: absolute;
      display: block;
      background-size: cover;
      background-image: url(/resource/hair/shindouatsu/images/about.png);
      width: 580px;
      height: 485px;
      top: -90px;
      right: 0; }
      @media (max-width: 768px) {
        .p-shindouatsu__about_cnt::before {
          position: relative;
          background-image: url(/resource/hair/shindouatsu/images/about_sp.png);
          width: 89.6vw;
          height: 74.9333333333vw;
          transform: translateX(-50%);
          right: 50%;
          left: 50%;
          top: 0; } }
@media (min-width: 769px) {
  .p-shindouatsu__amazing-spot .acc_btn {
    transition: all 0.2s ease-out;
    opacity: 1; }
  .p-shindouatsu__amazing-spot .acc_btn:hover {
    transition: all 0.2s ease-out;
    opacity: 0.6; } }
.p-shindouatsu__amazing-spot.is__open .acc_btn::after {
  transition: .4s;
  transform: translateY(-50%) rotate(0deg); }
.p-shindouatsu__amazing-spot .acc_body {
  height: 0;
  overflow: hidden;
  transition: all .4s; }
  .p-shindouatsu__amazing-spot .acc_body.is__open {
    overflow: visible;
    transition: all 0.4s; }
.p-shindouatsu__amazing-spot_ttl {
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #D7A476;
  line-height: 1;
  font-size: 20px;
  padding: 25px 0;
  position: relative; }
  @media (max-width: 768px) {
    .p-shindouatsu__amazing-spot_ttl {
      font-size: 3.7333333333vw;
      padding: 4vw 0; } }
  .p-shindouatsu__amazing-spot_ttl::before, .p-shindouatsu__amazing-spot_ttl::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    width: 16.55px;
    height: 2px;
    border-radius: 10px;
    transform: translateY(-50%);
    top: 50%;
    right: 30px; }
  .p-shindouatsu__amazing-spot_ttl::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .4s; }
.p-shindouatsu__amazing-spot_cnt {
  background-color: #fff;
  padding: 70px 60px 0px; }
  @media (max-width: 768px) {
    .p-shindouatsu__amazing-spot_cnt {
      padding: 8vw 5.3333333333vw 0; } }
  .p-shindouatsu__amazing-spot_cnt .cmn__ttl.is__serif_l {
    letter-spacing: 0; }
  .p-shindouatsu__amazing-spot_cnt .column_wrp .cmn__ttl.is__serif_s {
    font-size: 26px;
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .cmn__ttl.is__serif_s {
        font-size: 4.2666666667vw;
        margin-bottom: 5.3333333333vw; } }
  .p-shindouatsu__amazing-spot_cnt .column_wrp .media {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 960px) and (min-width: 769px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media {
        flex-direction: column;
        align-items: center;
        gap: 40px; } }
    @media (max-width: 768px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media {
        flex-direction: column;
        gap: 6.6666666667vw; } }
    .p-shindouatsu__amazing-spot_cnt .column_wrp .media_text {
      width: 400px; }
      @media screen and (max-width: 960px) and (min-width: 769px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media_text {
          width: 100%; } }
      @media (max-width: 768px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media_text {
          width: 100%; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media_text span {
        background-color: #F7D3D2;
        font-weight: 500;
        padding: 0 0.2em; }
    .p-shindouatsu__amazing-spot_cnt .column_wrp .media_img {
      width: 400px; }
      @media (max-width: 768px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media_img {
          width: 100%; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media_img figcaption {
        font-size: 14px;
        margin-top: 12px; }
        @media (max-width: 768px) {
          .p-shindouatsu__amazing-spot_cnt .column_wrp .media_img figcaption {
            font-size: 3.2vw;
            margin-top: 2.6666666667vw; } }
    .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box {
      border: 1px solid #E2E2E2;
      padding: 30px 40px 57.62px; }
      @media (max-width: 768px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box {
          padding: 4vw 5.3333333333vw 11.0666666667vw; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box h5 {
        text-align: center;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 30px;
        font-size: 20px; }
        @media (max-width: 768px) {
          .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box h5 {
            font-size: 4.2666666667vw;
            margin-bottom: 2.6666666667vw; } }
      @media (min-width: 769px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box img {
          width: 320px; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box .video_wrp {
        position: relative;
        width: 274.06px;
        height: 205.91px; }
        @media (max-width: 768px) {
          .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box .video_wrp {
            width: 57.8386666667vw;
            height: 43.5493333333vw; } }
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box .video_wrp::before {
          content: '';
          position: absolute;
          background-image: url(/resource/hair/shindouatsu/images/movie_bg.png);
          background-size: contain;
          background-repeat: no-repeat;
          width: 92.7px;
          height: 232.83px;
          bottom: -30px;
          right: -45px; }
          @media (max-width: 768px) {
            .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box .video_wrp::before {
              width: 19.5626666667vw;
              height: 49.3333333333vw;
              bottom: -6vw;
              right: -9.356vw; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box + p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.6; }
        @media (max-width: 768px) {
          .p-shindouatsu__amazing-spot_cnt .column_wrp .media .content_box + p {
            font-size: 3.2vw;
            margin-top: 2.6666666667vw; } }
    @media (max-width: 768px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point {
        width: fit-content;
        margin: 0 auto;
        line-height: 1; }
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point > p {
          text-align: center; } }
    .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point ul {
      margin-top: 28px; }
      @media (max-width: 768px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point ul {
          margin-top: 3.7333333333vw; } }
    .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point li {
      position: relative;
      padding-left: 52px;
      font-size: 20px; }
      @media (max-width: 768px) {
        .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point li {
          font-size: 3.4666666667vw;
          padding-left: 8.6666666667vw;
          line-height: 2; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point li span {
        background-color: transparent;
        color: #C27358;
        font-size: 26px; }
        @media (max-width: 768px) {
          .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point li span {
            font-size: 4.2666666667vw; } }
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point li::before {
        content: '';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/resource/hair/shindouatsu/images/icon_check.png);
        transform: translateY(-50%);
        left: 0;
        top: 50%;
        width: 38px;
        height: 29.67px; }
        @media (max-width: 768px) {
          .p-shindouatsu__amazing-spot_cnt .column_wrp .media .amazing_point li::before {
            width: 6.8vw;
            height: 5.3093333333vw; } }
    @media (min-width: 769px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media:has(.amazing_point) .media_img {
        margin-top: -100px; } }
    @media screen and (max-width: 960px) and (min-width: 769px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media:has(.amazing_point) .media_img {
        margin-top: 0px; } }
  .p-shindouatsu__amazing-spot_cnt .column_wrp .media + .media, .p-shindouatsu__amazing-spot_cnt .column_wrp p + .media {
    margin-top: 40px; }
    @media (max-width: 768px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp .media + .media, .p-shindouatsu__amazing-spot_cnt .column_wrp p + .media {
        margin-top: 7.3333333333vw; } }
  .p-shindouatsu__amazing-spot_cnt .column_wrp:last-of-type {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 100px; }
    @media (max-width: 768px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp:last-of-type {
        padding-bottom: 13.3333333333vw; } }
  .p-shindouatsu__amazing-spot_cnt .column_wrp + .column_wrp {
    margin-top: 60px; }
    @media (max-width: 768px) {
      .p-shindouatsu__amazing-spot_cnt .column_wrp + .column_wrp {
        margin-top: 13.3333333333vw; } }
.p-shindouatsu__amazing-spot_cnt:last-of-type .column_wrp {
  border-bottom: none; }
.p-shindouatsu__RECtreatment {
  padding-top: 90px; }
  @media (max-width: 768px) {
    .p-shindouatsu__RECtreatment {
      padding-top: 13.3333333333vw; } }
  .p-shindouatsu__RECtreatment .cmn__ttl.is__serif_l {
    padding-bottom: 95px; }
    @media (max-width: 768px) {
      .p-shindouatsu__RECtreatment .cmn__ttl.is__serif_l {
        padding-bottom: 15.0666666667vw; } }
  .p-shindouatsu__RECtreatment .cmn__btn {
    background-color: transparent;
    margin: 60px auto 0;
    max-width: 500px;
    padding: 1em;
    line-height: 1.5;
    font-size: 20px; }
    @media (max-width: 768px) {
      .p-shindouatsu__RECtreatment .cmn__btn {
        font-weight: bold;
        width: 100% !important;
        margin: 8vw auto 0;
        font-size: 3.7333333333vw; } }
  .p-shindouatsu__RECtreatment_case {
    display: flex;
    justify-content: space-between;
    gap: 60px; }
    @media (max-width: 768px) {
      .p-shindouatsu__RECtreatment_case {
        flex-direction: column;
        align-items: center;
        gap: 16.5333333333vw; } }
    .p-shindouatsu__RECtreatment_case .case_detail {
      position: relative;
      display: flex;
      flex-direction: column;
      text-align: center; }
      @media (min-width: 769px) {
        .p-shindouatsu__RECtreatment_case .case_detail {
          width: 280px; } }
      @media (max-width: 768px) {
        .p-shindouatsu__RECtreatment_case .case_detail {
          align-items: center; } }
      .p-shindouatsu__RECtreatment_case .case_detail::before {
        content: '';
        display: block;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/resource/hair/shindouatsu/images/icon_check.png);
        width: 38px;
        height: 29.67px;
        transform: translateX(-50%);
        right: 50%;
        left: 50%;
        top: calc(-29.67px + -14px); }
        @media (max-width: 768px) {
          .p-shindouatsu__RECtreatment_case .case_detail::before {
            width: 6.8vw;
            height: 5.3093333333vw;
            top: -8.376vw; } }
      .p-shindouatsu__RECtreatment_case .case_detail p {
        margin-bottom: 15px;
        line-height: 1.6; }
        @media (max-width: 768px) {
          .p-shindouatsu__RECtreatment_case .case_detail p {
            margin-bottom: 3.3333333333vw; } }
        .p-shindouatsu__RECtreatment_case .case_detail p span {
          color: #C27358; }
      .p-shindouatsu__RECtreatment_case .case_detail img {
        margin-top: auto; }
        @media (max-width: 768px) {
          .p-shindouatsu__RECtreatment_case .case_detail img {
            width: 42.9333333333vw; } }
.p-shindouatsu__patientCase {
  padding-top: 100px; }
  @media (max-width: 768px) {
    .p-shindouatsu__patientCase {
      padding-top: 16.9333333333vw; } }
  .p-shindouatsu__patientCase .cmn__ttl.is__serif_m {
    font-size: 36px;
    padding-bottom: 42px; }
    @media (max-width: 768px) {
      .p-shindouatsu__patientCase .cmn__ttl.is__serif_m {
        font-size: 6.9333333333vw;
        padding-bottom: 5.6vw; } }
  .p-shindouatsu__patientCase .case_wrp .cmn__ttl.is__serif_s {
    font-size: 22px;
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      .p-shindouatsu__patientCase .case_wrp .cmn__ttl.is__serif_s {
        font-size: 4.2666666667vw;
        margin-bottom: 4.2666666667vw; } }
  .p-shindouatsu__patientCase .case_wrp .case_img {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .p-shindouatsu__patientCase .case_wrp .case_img {
        margin-bottom: 5.3333333333vw;
        flex-direction: column;
        gap: 14.2666666667vw; } }
    .p-shindouatsu__patientCase .case_wrp .case_img::before {
      content: '';
      position: absolute;
      display: block;
      background-color: #C27358;
      clip-path: polygon(0 0, 100% 50%, 0 100%);
      transform: translateX(-50%);
      width: 15px;
      height: 26px;
      top: 128px;
      right: 50%;
      left: 50%; }
      @media screen and (max-width: 960px) and (min-width: 769px) {
        .p-shindouatsu__patientCase .case_wrp .case_img::before {
          transform: translateX(-50%) translateY(-100%);
          top: 50%; } }
      @media (max-width: 768px) {
        .p-shindouatsu__patientCase .case_wrp .case_img::before {
          clip-path: polygon(0 0, 100% 0, 50% 100%);
          width: 5.3333333333vw;
          height: 3.0773333333vw;
          top: 50%;
          bottom: 50%;
          transform: translateX(-50%) translateY(-50%); } }
    @media (min-width: 769px) {
      .p-shindouatsu__patientCase .case_wrp .case_img img {
        width: 460px; } }
    @media screen and (max-width: 960px) and (min-width: 769px) {
      .p-shindouatsu__patientCase .case_wrp .case_img img {
        width: calc(100% / 2 - 30px); } }
  .p-shindouatsu__patientCase .case_wrp dl {
    font-size: 14px; }
    @media (max-width: 768px) {
      .p-shindouatsu__patientCase .case_wrp dl {
        font-size: 3.2vw; } }
    .p-shindouatsu__patientCase .case_wrp dl dt {
      font-size: 16px;
      color: #C27358;
      font-weight: 400; }
      @media (max-width: 768px) {
        .p-shindouatsu__patientCase .case_wrp dl dt {
          font-size: 4.2666666667vw; } }
  .p-shindouatsu__patientCase .case_wrp + .case_wrp {
    margin-top: 60px; }
    @media (max-width: 768px) {
      .p-shindouatsu__patientCase .case_wrp + .case_wrp {
        margin-top: 10.6666666667vw; } }
.p-shindouatsu__cost {
  padding-top: 110px; }
  @media (max-width: 768px) {
    .p-shindouatsu__cost {
      padding-top: 13.3333333333vw; } }
  .p-shindouatsu__cost .cmn__ttl.is__serif_m {
    font-size: 36px;
    padding-bottom: 60px; }
    @media (max-width: 768px) {
      .p-shindouatsu__cost .cmn__ttl.is__serif_m {
        font-size: 6.9333333333vw;
        padding-bottom: 8vw; } }
  .p-shindouatsu__cost table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-left: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2; }
    .p-shindouatsu__cost table tr {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: auto auto;
      grid-template-areas: "explain regular" "explain moniter"; }
      @media (max-width: 768px) {
        .p-shindouatsu__cost table tr:first-child {
          border-top: 1px solid #E2E2E2; } }
      .p-shindouatsu__cost table tr td:first-of-type {
        border-bottom: none; }
    .p-shindouatsu__cost table th, .p-shindouatsu__cost table td {
      border-right: 1px solid #E2E2E2;
      border-bottom: 1px solid #E2E2E2; }
    .p-shindouatsu__cost table th {
      background-color: #fff;
      font-weight: 400;
      line-height: 1.7;
      padding: 20px 30px;
      grid-area: explain; }
      @media (max-width: 768px) {
        .p-shindouatsu__cost table th {
          font-size: 3.4666666667vw;
          padding: 5.3333333333vw; } }
      .p-shindouatsu__cost table th span {
        color: #C27358;
        font-family: "Noto Serif JP", serif;
        font-size: 22px;
        font-weight: 600; }
        @media (max-width: 768px) {
          .p-shindouatsu__cost table th span {
            font-size: 4.2666666667vw; } }
    .p-shindouatsu__cost table td {
      grid-area: regular;
      background-color: #F9F1EE;
      color: #000;
      text-align: right;
      vertical-align: middle;
      font-family: "Noto Sans JP";
      display: flex;
      justify-content: space-between;
      align-items: center;
      line-height: 1;
      font-size: 16px;
      width: 270px;
      padding: 16px 14px; }
      @media (max-width: 768px) {
        .p-shindouatsu__cost table td {
          display: block;
          width: 29.3333333333vw;
          padding: 3.3333333333vw 1.3333333333vw;
          font-size: 3.2vw; } }
      .p-shindouatsu__cost table td .price_detail {
        color: #C27358;
        font-weight: bold;
        font-size: 20px;
        line-height: 0.8; }
        @media (max-width: 768px) {
          .p-shindouatsu__cost table td .price_detail {
            font-size: 4.2666666667vw;
            margin-top: 0.2em;
            line-height: 1.2; } }
        .p-shindouatsu__cost table td .price_detail span {
          font-size: 12px; }
          @media (max-width: 768px) {
            .p-shindouatsu__cost table td .price_detail span {
              font-size: 3.2vw; } }
      .p-shindouatsu__cost table td.introductory_price {
        background-color: #FFE9E9;
        grid-area: moniter;
        font-size: 26px;
        color: #C27358;
        font-weight: bold; }
        @media (max-width: 768px) {
          .p-shindouatsu__cost table td.introductory_price {
            font-size: 4vw; } }
        .p-shindouatsu__cost table td.introductory_price .price_detail {
          font-size: 20px; }
          @media (max-width: 768px) {
            .p-shindouatsu__cost table td.introductory_price .price_detail {
              font-size: 4.2666666667vw; } }
        @media (min-width: 769px) {
          .p-shindouatsu__cost table td.introductory_price .price_detail.is__0 {
            font-size: 26px; } }
  .p-shindouatsu__cost_attention {
    margin-top: 20px;
    line-height: 1.5; }
    @media (max-width: 768px) {
      .p-shindouatsu__cost_attention {
        margin-top: 4.4vw;
        font-size: 3.2vw; } }
.p-shindouatsu__shindouFlow {
  padding-top: 110px; }
  @media (max-width: 768px) {
    .p-shindouatsu__shindouFlow {
      padding-top: 15.3333333333vw; } }
  .p-shindouatsu__shindouFlow .cmn__ttl.is__serif_m {
    font-size: 36px;
    padding-bottom: 52px; }
    @media (max-width: 768px) {
      .p-shindouatsu__shindouFlow .cmn__ttl.is__serif_m {
        font-size: 6.9333333333vw;
        padding-bottom: 6.6666666667vw; } }
  .p-shindouatsu__shindouFlow .content_box.is__supplement {
    margin-top: 100px; }
    @media (max-width: 768px) {
      .p-shindouatsu__shindouFlow .content_box.is__supplement {
        margin-top: 16vw; } }
    .p-shindouatsu__shindouFlow .content_box.is__supplement .catch {
      display: flex;
      justify-content: space-between;
      margin-bottom: 70px; }
      @media screen and (max-width: 960px) and (min-width: 769px) {
        .p-shindouatsu__shindouFlow .content_box.is__supplement .catch {
          align-items: center;
          flex-direction: column;
          text-align: center; } }
      @media (max-width: 768px) {
        .p-shindouatsu__shindouFlow .content_box.is__supplement .catch {
          flex-direction: column;
          margin-bottom: 14.1333333333vw; } }
      .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text {
        font-family: "Noto Serif JP", serif;
        color: #C27358;
        font-size: 24px;
        line-height: 1.7; }
        @media screen and (max-width: 960px) and (min-width: 769px) {
          .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text {
            margin-bottom: 40px; } }
        @media (max-width: 768px) {
          .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text {
            font-size: 4.2666666667vw;
            letter-spacing: 0.08em; } }
        .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text.is__center {
          text-align: center;
          margin-bottom: 30px; }
          @media (max-width: 768px) {
            .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text.is__center {
              margin-bottom: 8vw; } }
        .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text .accent {
          font-size: 34px;
          padding: 8px 15px;
          margin-top: 30px;
          letter-spacing: 0.05em; }
          @media (max-width: 768px) {
            .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text .accent {
              font-size: 5.3333333333vw;
              padding: 2vw 3.3333333333vw;
              margin-top: 5.3333333333vw; } }
        .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text .fs-small {
          font-size: 18px; }
          @media (max-width: 768px) {
            .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_text .fs-small {
              font-size: 2.9333333333vw; } }
      .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_img {
        width: 415px; }
        @media (max-width: 768px) {
          .p-shindouatsu__shindouFlow .content_box.is__supplement .catch_img {
            width: 100%;
            margin-top: 8vw; } }
    .p-shindouatsu__shindouFlow .content_box.is__supplement .accent {
      background-color: #F9F7F7;
      display: inline-block; }
    .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp {
      display: flex;
      gap: 20px; }
      @media screen and (max-width: 960px) and (min-width: 769px) {
        .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp {
          flex-direction: column; } }
      @media (max-width: 768px) {
        .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp {
          flex-direction: column;
          gap: 5.8666666667vw; } }
      .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .catch_text {
        margin-bottom: 10px; }
        @media (max-width: 768px) {
          .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .catch_text {
            font-size: 4.2666666667vw;
            margin-bottom: 2.9333333333vw;
            letter-spacing: inherit; } }
        .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .catch_text .fs-small {
          font-size: 16px; }
          @media (max-width: 768px) {
            .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .catch_text .fs-small {
              font-size: 2.9333333333vw; } }
      .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail {
        display: flex;
        flex-direction: column;
        text-align: center;
        border: 1px solid #E2E2E2; }
        .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail p {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          line-height: 1.5;
          padding: 30px 40px;
          height: 150px; }
          @media (max-width: 768px) {
            .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail p {
              height: auto;
              padding: 5.3333333333vw;
              font-size: 3.4666666667vw;
              line-height: 1.8; } }
          .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail p .accent {
            background-color: #F9F1EE;
            color: #C27358;
            font-family: "Noto Sans JP";
            font-weight: bold;
            width: 100%;
            font-size: 20px;
            margin-top: 10px;
            padding: 5px 0; }
            @media (max-width: 768px) {
              .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail p .accent {
                padding: 0.6666666667vw;
                font-size: 4vw;
                margin-top: 2.6666666667vw; } }
          .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail p .fs-small {
            font-size: 12px; }
            @media (max-width: 768px) {
              .p-shindouatsu__shindouFlow .content_box.is__supplement .card_wrp .card_detail p .fs-small {
                font-size: 2.6666666667vw; } }
.p-shindouatsu__supplementFlow {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 768px) {
    .p-shindouatsu__supplementFlow {
      padding-top: 13.3333333333vw;
      padding-bottom: 16vw; } }
  .p-shindouatsu__supplementFlow .cmn__ttl.is__serif_m {
    font-size: 36px;
    margin-bottom: 52px; }
    @media (max-width: 768px) {
      .p-shindouatsu__supplementFlow .cmn__ttl.is__serif_m {
        font-size: 6.9333333333vw;
        margin-bottom: 10.2666666667vw; } }
  .p-shindouatsu__supplementFlow .content_box {
    border: 1px solid #D6D6D6; }
.p-shindouatsu__clinic {
  padding-top: 100px; }
  @media (max-width: 768px) {
    .p-shindouatsu__clinic {
      padding-top: 13.3333333333vw; } }
  .p-shindouatsu__clinic .cmn__ttl.is__serif_m {
    font-size: 36px;
    margin-bottom: 60px; }
    @media (max-width: 768px) {
      .p-shindouatsu__clinic .cmn__ttl.is__serif_m {
        font-size: 6.9333333333vw;
        margin-bottom: 10.4vw; } }
  .p-shindouatsu__clinic .content_box {
    padding: 30px 30px 40px !important;
    display: flex;
    justify-content: space-between;
    position: relative; }
    @media screen and (max-width: 960px) and (min-width: 769px) {
      .p-shindouatsu__clinic .content_box {
        flex-direction: column;
        gap: 40px; } }
    .p-shindouatsu__clinic .content_box::before {
      content: 'オンライン診療可能';
      position: absolute;
      font-family: 'Noto Serif JP','serif';
      color: #fff;
      background-color: #C27358;
      z-index: 2;
      font-weight: 400;
      top: 0;
      left: 0;
      padding: 10px 27px; }
    @media (max-width: 768px) {
      .p-shindouatsu__clinic .content_box {
        flex-direction: column;
        align-items: center;
        padding: 8vw 5.3333333333vw 5.3333333333vw !important; } }
    .p-shindouatsu__clinic .content_box .clinic_img {
      width: 420px; }
      @media (max-width: 768px) {
        .p-shindouatsu__clinic .content_box .clinic_img {
          width: 70.6666666667vw; } }
    .p-shindouatsu__clinic .content_box .clinic_detail {
      font-family: 'Noto Sans JP'; }
      @media (max-width: 768px) {
        .p-shindouatsu__clinic .content_box .clinic_detail {
          margin-top: 11.8vw; } }
      .p-shindouatsu__clinic .content_box .clinic_detail .clinic_name {
        color: #C27358;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 10px; }
        @media (max-width: 768px) {
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_name {
            font-size: 3.7333333333vw;
            margin-bottom: 0.8vw; } }
      .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info {
        margin-bottom: 18px;
        font-size: 15px; }
        @media (max-width: 768px) {
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info {
            margin-bottom: 8.4vw;
            font-size: 2.9333333333vw; } }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_access, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_tel {
          position: relative;
          padding-left: 25px; }
          @media (max-width: 768px) {
            .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_access, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_tel {
              padding-left: 4.6666666667vw; } }
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address::before, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_access::before, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_tel::before {
            content: '';
            width: 15px;
            height: 15px;
            background-size: contain;
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            left: 0px;
            top: 0.3em; }
            @media (max-width: 768px) {
              .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address::before, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_access::before, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_tel::before {
                width: 3.4666666667vw;
                height: 3.4666666667vw; } }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address {
          line-height: 1.5;
          margin-bottom: .5em; }
          @media (min-width: 769px) {
            .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address {
              font-size: 14px; } }
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_address::before {
            background-image: url(/resource/hair/shindouatsu/images/icon_address.png); }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_access {
          font-weight: bold; }
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_access::before {
            background-image: url(/resource/hair/shindouatsu/images/icon_access.png);
            top: 0.5em; }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_tel::before {
          background-image: url(/resource/hair/shindouatsu/images/icon_tel.png);
          top: 0.5em; }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_freedial {
          display: flex;
          line-height: 1.5;
          margin-top: 10px; }
          @media (max-width: 768px) {
            .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_freedial {
              margin-top: 4vw; } }
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_freedial .is__color {
            color: #C27358;
            font-weight: bold;
            font-size: 12px;
            padding-right: 10px; }
            @media (max-width: 768px) {
              .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_freedial .is__color {
                font-size: 2.9333333333vw;
                padding-right: 2.1333333333vw; } }
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_info_freedial .is__bold {
            font-weight: bold; }
      .p-shindouatsu__clinic .content_box .clinic_detail .clinic_closedTime {
        color: #C27358;
        background-color: #F9F1EE;
        text-align: center;
        font-weight: 500;
        width: 100%;
        font-size: 14px;
        padding: 5px;
        margin-bottom: 20px; }
        @media (max-width: 768px) {
          .p-shindouatsu__clinic .content_box .clinic_detail .clinic_closedTime {
            font-size: 2.9333333333vw;
            padding: 1.2vw;
            margin-bottom: 2.6666666667vw; } }
      .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime {
        width: 100%;
        border: 1px solid #E2E2E2; }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime th, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime td {
          border: 1px solid #E2E2E2;
          border-bottom: none;
          border-top: none;
          text-align: center;
          width: 90px;
          font-weight: 400; }
          @media (max-width: 768px) {
            .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime th, .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime td {
              width: 15.7546666667vw; } }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime th {
          background-color: #F9F7F7;
          font-size: 14px; }
          @media (max-width: 768px) {
            .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime th {
              padding: 0.6666666667vw 0;
              font-size: 2.9333333333vw; } }
        .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime td {
          line-height: 1.5;
          padding: 10px 0; }
          @media (max-width: 768px) {
            .p-shindouatsu__clinic .content_box .clinic_detail .clinic_openingTime td {
              padding: 2vw 0;
              font-size: 3.2vw; } }
  .p-shindouatsu__clinic .cmn__btn {
    background-color: transparent;
    margin: 60px auto 0;
    padding: 15px 0;
    font-size: 16px; }
.p-shindouatsu .content_box {
  background-color: #fff;
  padding: 50px 60px 70px; }
  @media screen and (max-width: 960px) and (min-width: 769px) {
    .p-shindouatsu .content_box {
      padding: 50px 6% 70px; } }
  @media (max-width: 768px) {
    .p-shindouatsu .content_box {
      padding: 8vw 5.3333333333vw 13.3333333333vw; } }
  .p-shindouatsu .content_box.is__addtext {
    margin-top: 170px !important; }
    .p-shindouatsu .content_box.is__addtext::before {
      top: calc(-21px + -109.5px) !important; }
    .p-shindouatsu .content_box.is__addtext::after {
      content: 'お薬の服用もご希望の場合';
      position: absolute;
      width: max-content;
      color: #C27358;
      font-family: 'Noto Serif JP','serif';
      top: calc(-1.6em + -33px);
      left: 50%;
      right: 50%;
      transform: translateX(-50%);
      font-weight: 600;
      font-size: 32px; }
      @media (max-width: 768px) {
        .p-shindouatsu .content_box.is__addtext::after {
          font-size: 6.1333333333vw;
          top: calc(-2em + vw(20)); } }
  .p-shindouatsu .content_box .flow_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 25px;
    margin-bottom: 47px; }
    @media (max-width: 768px) {
      .p-shindouatsu .content_box .flow_head {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 7.3333333333vw;
        margin-bottom: 8.6666666667vw; } }
    .p-shindouatsu .content_box .flow_head__title {
      font-size: 32px;
      color: #C27358;
      font-family: "Noto Serif JP", serif;
      white-space: nowrap; }
      @media (max-width: 768px) {
        .p-shindouatsu .content_box .flow_head__title {
          font-size: 6.1333333333vw;
          margin-bottom: 2.6666666667vw; } }
    .p-shindouatsu .content_box .flow_head__tag span {
      display: inline-block;
      background-color: #F9F7F7;
      color: #363636;
      padding: 12px 30px;
      line-height: 1; }
      @media (max-width: 768px) {
        .p-shindouatsu .content_box .flow_head__tag span {
          padding: 2vw 3.3333333333vw; } }
    .p-shindouatsu .content_box .flow_head__tag span {
      margin-right: 10px;
      margin-bottom: 10px; }
      @media (max-width: 768px) {
        .p-shindouatsu .content_box .flow_head__tag span {
          margin-right: 2vw;
          margin-bottom: 2vw; } }
    .p-shindouatsu .content_box .flow_head__tag span:last-of-type {
      margin-right: 0px; }
  .p-shindouatsu .content_box .flow_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 52px; }
    @media (max-width: 768px) {
      .p-shindouatsu .content_box .flow_list li {
        flex-direction: column;
        align-items: center;
        gap: 6vw; } }
    .p-shindouatsu .content_box .flow_list li img {
      width: 220px; }
      @media (max-width: 768px) {
        .p-shindouatsu .content_box .flow_list li img {
          width: 57.3333333333vw; } }
  .p-shindouatsu .content_box .flow_list li + li {
    margin-top: 70px; }
    @media (max-width: 768px) {
      .p-shindouatsu .content_box .flow_list li + li {
        margin-top: 8vw; } }
  .p-shindouatsu .content_box .flow_list__head h4 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px; }
    @media (max-width: 768px) {
      .p-shindouatsu .content_box .flow_list__head h4 {
        font-size: 4.2666666667vw;
        margin-bottom: 4vw; } }
    .p-shindouatsu .content_box .flow_list__head h4 span {
      font-family: "Noto Serif JP", serif;
      display: block;
      color: #C27358;
      font-weight: 500;
      line-height: 1;
      margin-bottom: 10px;
      font-size: 42px; }
      @media (max-width: 768px) {
        .p-shindouatsu .content_box .flow_list__head h4 span {
          font-size: 7.4666666667vw;
          margin-bottom: 2.4vw; } }
.p-shindouatsu__supplementFlow .content_box + .content_box, .p-shindouatsu__shindouFlow .content_box + .content_box {
  margin-top: 100px;
  position: relative; }
  .p-shindouatsu__supplementFlow .content_box + .content_box::before, .p-shindouatsu__shindouFlow .content_box + .content_box::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(/resource/hair/shindouatsu/images/icon_arw.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    right: 50%;
    left: 50%;
    top: -60px;
    width: 12.18px;
    height: 21px; }
    @media (max-width: 768px) {
      .p-shindouatsu__supplementFlow .content_box + .content_box::before, .p-shindouatsu__shindouFlow .content_box + .content_box::before {
        width: 4.8706666667vw;
        height: 7.464vw;
        top: calc(-2em + vw(-100)); } }
.p-shindouatsu .cmn__bg.is__color {
  padding-bottom: 100px !important; }
  @media (max-width: 768px) {
    .p-shindouatsu .cmn__bg.is__color {
      padding-bottom: 13.3333333333vw !important; } }
.p-shindouatsu .visible_m {
  display: block; }
  @media (min-width: 769px) {
    .p-shindouatsu .visible_m {
      display: none; } }
.p-shindouatsu .visible_to_m {
  display: none; }
  @media (min-width: 769px) {
    .p-shindouatsu .visible_to_m {
      display: block; } }
.p-shindouatsu sup {
  top: -1em;
  font-size: 0.5em; }
@media (max-width: 768px) {
  .p-shindouatsu .cmn__btn {
    width: 100%;
    max-width: 89.3333333333vw;
    font-size: 3.7333333333vw; } }
@media screen and (max-width: 960px) and (min-width: 769px) {
  .p-shindouatsu .cmn_inr__wrp {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    max-width: 960px; } }
.p-shindouatsu .modal_trigger {
  cursor: pointer;
  opacity: 1;
  transition: .4s; }
  .p-shindouatsu .modal_trigger :hover {
    opacity: 0.5;
    transition: .4s; }
  .p-shindouatsu .modal_trigger img.add_flame {
    width: 275px !important; }
    @media (max-width: 768px) {
      .p-shindouatsu .modal_trigger img.add_flame {
        width: 58vw !important; } }
.p-shindouatsu .modal_bg {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease, visibility .6s ease; }
  .p-shindouatsu .modal_bg.is__active {
    visibility: visible;
    opacity: 1;
    transition: opacity .6s ease, visibility .6s ease; }
.p-shindouatsu .modal_inner {
  display: none;
  place-content: center;
  position: fixed;
  z-index: 101;
  top: 50%;
  bottom: 50%;
  right: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%; }
  .p-shindouatsu .modal_inner.is__active {
    display: grid; }
.p-shindouatsu .modal_cnt {
  position: relative;
  display: none;
  height: auto;
  width: 80vw;
  max-width: 600px;
  aspect-ratio: 16 / 10; }
  .p-shindouatsu .modal_cnt.is__active {
    display: block; }
    .p-shindouatsu .modal_cnt.is__active .modal_closeBtn {
      cursor: pointer;
      position: absolute;
      display: grid;
      place-content: center;
      color: #fff;
      top: -2.5rem;
      right: -2.5rem;
      border-radius: 100%;
      width: 2.5rem;
      height: 2.5rem;
      font-weight: 200;
      font-size: 3.5rem;
      padding-bottom: .8rem; }
.p-shindouatsu .splide {
  height: fit-content;
  position: relative; }
  @media screen and (max-width: 960px) and (min-width: 769px) {
    .p-shindouatsu .splide {
      width: fit-content;
      margin: auto; } }
  .p-shindouatsu .splide__arrow {
    background: transparent; }
    .p-shindouatsu .splide__arrow svg {
      fill: #fff; }
    .p-shindouatsu .splide__arrow--prev {
      left: 0em; }
    .p-shindouatsu .splide__arrow--next {
      right: 0em; }
  .p-shindouatsu .splide__pagination {
    bottom: -1.5em; }
    .p-shindouatsu .splide__pagination__page.is-active {
      background: #C27358;
      transform: scale(1);
      z-index: 1;
      opacity: 1; }

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