@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  background-repeat: no-repeat;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */
:where(:root) {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  overflow-wrap: break-word;
  /* 3 */
  /* 4 */
  tab-size: 4;
  /* 4 */
  -webkit-tap-highlight-color: transparent;
  /* 5 */
  /* 6 */
  text-size-adjust: 100%;
  /* 6 */
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */
:where(hr) {
  color: inherit;
  /* 1 */
  height: 0;
  /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */
:where(nav li)::before {
  content: "​";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
:where(pre) {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
  overflow: auto;
  /* 3 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(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.
 */
:where(code, kbd, samp) {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
:where(svg:not([fill])) {
  fill: currentcolor;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color in Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-collapse: collapse;
  /* 1 */
  border-color: currentcolor;
  /* 2 */
  text-indent: 0;
  /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, [type=button i], [type=reset i], [type=submit i]) {
  appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */
:where(fieldset) {
  border: 1px solid #a0a0a0;
}

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

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */
:where(textarea) {
  margin: 0;
  /* 1 */
  resize: vertical;
  /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where([type=search i]) {
  appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */
:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
:where([aria-busy=true i]) {
  cursor: progress;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
:where([aria-hidden=false i][hidden]) {
  display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*
 * Easing function
 * Original：http://easings.net/
 */
/**
変数の単位を削除
 */
/**
htmlタグ用のルートフォントサイズを計算
 */
/**
ピクセル数値をremに変換
 */
/**
行送り値とフォントサイズの数値からline-heightを計算
 */
/**
トラッキング値をletter-spacingに変換
 */
/**
100vhをクロスブラウザ用に変換
 */
/**
パーセンテージの計算
 */
/**
レスポンシブ（4K対応）を考慮したフォントサイズの出力
 */
:root {
  --bp-mobile: 781px;
  --bp-tablet: 960px;
  --bp-desktop: 1280px;
  --bp-wide: 1440px;
  --bp-max: 1920px;
  --bp-desktopad: 810px;
  --bp-mobilelandscape: 480px;
  --wp-admin-bar-height: 32px;
  --header-height: 5rem;
  --header-width: 100%;
  --pd-container: min(
    max(0.625rem, 0.2195121951rem + 2.3170731707vw),
    3rem
  );
  --scroll-margin-top: calc(var(--header-height) + var(--wp-admin-bar-height, 0));
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --base-duration: .2s;
  --base-timing: var(--ease-in-out-cubic);
  --base-transition: all var(--base-duration) var(--base-timing);
  --slow-transition: all 1s var(--ease-out-quad);
  --scale-minor-second: 1.067;
  --scale-major-second: 1.125;
  --scale-minor-third: 1.2;
  --scale-major-third: 1.25;
  --scale-perfect-fourth: 1.333;
  --scale-augmented-fourth: 1.414;
  --scale-perfect-fifth: 1.5;
  --scale-minor-sixth: 1.6;
  --scale-golden: 1.618;
  --scale-major-sixth: 1.667;
  --scale-minor-seventh: 1.778;
  --scale-major-seventh: 1.875;
  --scale-octave: 2;
  --scale-major-tenth: 2.5;
  --scale-major-eleventh: 2.667;
  --scale-major-twelfth: 3;
  --scale-double-octave: 4;
  --color-white: #fff;
  --color-black: #000;
  --color-main: #fff6e8;
  --color-key: #1692e6;
  --color-error: #c00;
  --color-error-bg: #fffbfb;
  --color-warning: #f90;
  --color-warning-bg: #fff9f0;
  --color-success: #00a500;
  --color-success-bg: #f7fff7;
  --color-body-text: #000;
  --color-background: #fcfcfc;
  --color-link-text: #444;
  --color-link-hover-text: #ad981a;
  --color-button: #90793f;
  --color-mid-gray: rgb(118, 118, 118);
  --color-light-gray: #ccc;
  --color-white-gray: #eee;
  --color-brand-mid: #c6b75f;
  --color-brand-dark: #a6994f;
  --color-brand-light: #ddce98;
  --color-brand-white: #f8f7ed;
  --color-wine: #c43967;
  --color-wine-light: #db92a0;
  --index-header: 100;
  --index-overlay: 200;
  --font-gothic: Noto Sans, 游ゴシック, Myriad Pro, myriad, Lucida Grande, segoe UI, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, meiryo, verdana, arial, sans-serif;
  --font-mincho: Noto Serif JP, Hiragino Mincho ProN W3, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  --font-base-family: var(--font-gothic);
  --base-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 16%);
  --base-filter-shadow: drop-shadow(var(--base-shadow));
}
@media screen and (max-width: 782px) {
  :root {
    --wp-admin-bar-height: 46px;
  }
}
@media (min-width: 48.8125em) {
  html.layout-side-menu {
    --header-height: calc(var(--vh, 1vh) * 100);
    --header-width: 15rem;
  }
}

/**
* Available vars:
* @var --viewport-from: <number> - Number in pixels without the unit. Required if `--font-size` is not exist.
* @var --viewport-to: <number> - Number in pixels without the unit. Required if `--font-size` is not exist.
* @var --font-size-from: <number> - Number in pixels without the unit. Required if `--font-size` and `--min-font-size` is not exist.
* @var --font-size-to: <number> - Number in pixels without the unit. Required if `--font-size` and `--max-font-size` is not exist.
* @var --max-font-size: <number> - Number in pixels without the unit. Optional.
* @var --min-font-size: <number> - Number in pixels without the unit. Optional.
* @var --viewport-unit-converter: 1vw | 1vh | 1vmin | 1vmax - Optional. Default: 1vw.
* @var --font-size: <length> | <percentage> | <absolute-size> | <relative-size> | Global values - Optional.

@see https://zenn.dev/ixkaito/articles/fluid-typography
*/
*,
*::before,
*::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) /
    (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
  letter-spacing: calc(var(--tracking, 0) / 1000 * 1em);
}

html,
body {
  width: 100%;
  --viewport-from: 390;
  --viewport-to: 1920;
}

html {
  font-family: var(--font-base-family);
  line-height: 1.5;
  text-size-adjust: 100%;
  cursor: auto;
  visibility: visible;
  overflow-x: hidden;
  scroll-behavior: smooth;
  touch-action: manipulation;
  font-size: 16px;
}
html.wf-active {
  visibility: visible;
}

body {
  --font-size: 1rem;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-body-text);
  background-color: var(--color-background);
  height: 100%;
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}

a {
  color: var(--color-wine);
  text-decoration: none;
  transition: var(--base-transition);
}
a:hover {
  opacity: 0.85;
}

th,
td {
  word-break: break-word;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
  font-size: calc(1.25rem * 8 / 5);
}

h2 {
  font-size: calc(1.25rem * 8 / 6);
}

h3 {
  font-size: calc(1.25rem * 8 / 7);
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: calc(1.25rem * 8 / 9);
}

h6 {
  font-size: calc(1.25rem * 8 / 10);
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=number],
input[type=password],
input[type=date],
textarea {
  padding: 1rem;
  border: solid 0.0625rem var(--color-light-gray);
}

input[type=submit],
button[type=submit] {
  background-color: var(--color-brand-mid);
  border: none;
  color: #fff;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: var(--base-transition);
}
input[type=submit]:hover,
button[type=submit]:hover {
  background-color: var(--color-brand-dark);
}

input[type=submit]:disabled,
button[type=submit]:disabled {
  background-color: var(--color-light-gray);
  cursor: not-allowed;
  pointer-events: none;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=number],
input[type=password],
input[type=date],
input[type=submit],
button[type=submit],
textarea {
  border-radius: 0.375rem;
}

input[type=date],
input[type=time],
input[type=datetime-local] {
  appearance: none;
  min-height: 2.125rem;
}

input[type=date]::-webkit-date-and-time-value,
input[type=time]::-webkit-date-and-time-value {
  text-align: left;
}

.l-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  width: 100%;
  max-width: 48.75rem;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.l-container > * {
  width: 100%;
}
@media (min-width: 48.8125em) {
  .l-container {
    max-width: calc(64rem + 10rem);
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
.l-container--wide {
  max-width: calc(1440px + 10rem);
}
.l-container--max {
  max-width: calc(1920px + 10rem);
}
.l-container--min {
  max-width: calc(60rem + 10rem);
}

.l-grid {
  --max-width: 60rem;
  --grid-visual-left: 0;
  --grid-visual-right: 0;
  --columns: 12;
  --grid-border-color: rgba(112, 112, 112, 0.2);
}
.l-grid--grid-visual {
  position: relative;
  width: 100%;
  height: 100%;
}
.l-grid--grid-visual::before {
  position: fixed;
  top: 0;
  left: var(--grid-visual-left);
  right: var(--grid-visual-right);
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: var(--max-width);
  content: "";
  display: block;
  background-image: repeating-linear-gradient(to right, var(--grid-border-color), var(--grid-border-color) 0.0625rem, transparent 0, transparent calc(1 / var(--columns) * 100%));
  border-right: solid 0.0625rem var(--grid-border-color);
  pointer-events: none;
  user-select: none;
}
.l-grid-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
}
.l-grid-column {
  --width-default: 0;
  --width-desktop: calc(var(--columns) / 2);
  --width-mobile: calc(var(--columns) / 2);
  --width: var(--width-mobile, var(--with-default));
  --offset: 0;
  width: calc(var(--width) / var(--columns) * 100%);
  margin-left: calc(var(--offset) / var(--columns) * 100%);
}
@media (min-width: 48.8125em) {
  .l-grid-column {
    --width: var(--width-desktop, var(--width-mobile, var(--width-default)));
  }
}

.l-site {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  min-height: 100vh;
  margin-right: auto;
  margin-left: auto;
}
html.fixed-header .l-site {
  padding-top: var(--header-height);
}

.l-site__inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  height: 100%;
  background-color: #f0f0f1;
  background-image: url("../images/common/bg.jpg");
  background-size: cover;
}
html.layout-side-menu .l-site__inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
}

html.layout-side-menu .l-site__header {
  width: var(--header-width);
}

.l-site__content {
  width: calc(100% - var(--header-width));
}

.l-site-main {
  position: relative;
}
.l-site-header {
  display: block;
  width: var(--header-width);
  background-color: transparent;
  border-top: var(--color-brand-mid) solid 1.25rem;
  transition: var(--base-transition);
}
html.layout-side-menu .l-site-header {
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 0;
}

.l-site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 5rem;
}
html.layout-side-menu .l-site-header__inner {
  flex-direction: column;
  padding: 3.125rem 0 0;
}

.l-site-header__site-id {
  margin: 0;
}
.l-site-header__menu {
  display: flex;
}

.l-site-footer {
  position: relative;
  display: block;
  padding: 1.0625rem 0 0;
  background-color: var(--color-brand-mid);
}
@media (min-width: 48.8125em) {
  .l-site-footer {
    padding: 1.5625rem 0 0;
  }
}
.l-site-footer__logo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 12px;
}
.l-site-footer__logo img {
  width: min(
    max(7.5rem, 6.2195121951rem + 7.3170731707vw),
    15rem
  );
  max-width: 100%;
  height: auto;
}
.l-site-footer__copyright {
  height: 45px;
  margin: 0;
  font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}

.l-site-navigation {
  position: relative;
}
@media (min-width: 48.8125em) {
  .l-site-navigation__list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.l-site-navigation__item:not(:first-child) {
  margin-left: 1rem;
}
.l-site-navigation__link {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}
.l-site-navigation__link-sub {
  font-size: 80%;
}
.l-site-navigation__link-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.3em;
}

.c-header-spacer {
  height: 147px;
  background-color: transparent;
}
@media (max-width: 59.99em) {
  .c-header-spacer {
    display: none;
  }
}

.c-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media (min-width: 48.8125em) {
  .c-copyright {
    display: block;
    text-align: center;
  }
}

.c-scroll-top {
  position: fixed;
  z-index: 100;
  right: 3.125rem;
  bottom: 1.375rem;
  pointer-events: none;
  opacity: 0;
  transition: var(--base-transition);
}
@media (max-width: 59.99em) {
  .c-scroll-top {
    right: 0.9375rem;
    bottom: 1.8125rem;
  }
}
.c-scroll-top.js-is-active {
  opacity: 1;
  pointer-events: auto;
}
.c-scroll-top__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.c-scroll-top span {
  position: relative;
  display: none;
  margin-bottom: 0.8125rem;
  white-space: nowrap;
  background-color: #000;
  transform: rotate(-90deg);
}
.c-scroll-top span::after {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  content: "Page Top";
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  transform: translate(0, -50%);
  line-height: 2.2857142857;
  text-shadow: 0 0 0.3125rem var(--color-key);
}
.c-scroll-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  width: 3.375rem;
  height: 3.375rem;
  font-size: 0.875rem;
  margin: 0;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.125rem var(--color-key);
  transition: var(--base-transition);
}
.c-scroll-top i:hover {
  color: #fff;
  background-color: var(--color-button);
  border: solid 0.125rem var(--color-background);
}

.c-button {
  position: relative;
  width: 17rem;
  height: 3.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 2.5rem;
  letter-spacing: 0.05em;
  background-color: var(--color-button);
  box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(var(--color-black), 0.25);
  padding: 0 3.75rem;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}
@media (max-width: 89.99em) {
  .c-button {
    width: 15rem;
    padding: 0 1.875rem;
  }
}
@media (max-width: 79.99em) {
  .c-button {
    width: 10rem;
    padding: 0 0.625rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 59.99em) {
  .c-button {
    width: 17rem;
    font-size: 1rem;
  }
}
.c-button::before {
  position: absolute;
  right: 3.5rem;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 0.9375rem;
  width: 0.0625rem;
  background-color: #fff;
}
@media (max-width: 89.99em) {
  .c-button::before {
    content: none;
  }
}
@media (max-width: 79.99em) {
  .c-button::before {
    content: none;
  }
}
@media (max-width: 59.99em) {
  .c-button::before {
    content: "";
  }
}
.c-button::after {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background-image: url("../images/common/right_arrow.svg");
  display: inline-block;
  height: 1rem;
  width: 1.125rem;
  vertical-align: middle;
}
.c-button:hover {
  color: #fff;
  box-shadow: none;
}

.c-iframe-wraapper {
  position: relative;
  height: 0;
  padding-bottom: 51.8%;
  overflow: hidden;
}
.c-iframe-wraapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-status-message {
  padding: min(
    max(0.3125rem, 0.2804878049rem + 0.1829268293vw),
    0.5rem
  );
  margin-bottom: min(
    max(0.625rem, 0.5609756098rem + 0.3658536585vw),
    1rem
  );
  font-size: min(
    max(0.75rem, 0.7179878049rem + 0.1829268293vw),
    0.9375rem
  );
}
.c-status-message--error {
  color: var(--color-error);
  background-color: var(--color-error-bg);
  border: solid 0.0625rem var(--color-error);
}
.c-status-message--success {
  /*color: var(--color-success);*/
  /*background-color: var(--color-success-bg);*/
  /*border: solid 0.0625rem var(--color-success);*/
  --color-bold: #068333;
  --color-bold-bg: #f5fff9;
  color: var(--color-bold);
  background-color: var(--color-bold-bg);
  border: solid 0.0625rem var(--color-bold);
}
.c-status-message--warning {
  color: var(--color-warning);
  background-color: var(--color-warning-bg);
  border: solid 0.0625rem var(--color-warning);
}
.c-status-message--bold {
  --color-bold: #068333;
  --color-bold-bg: #f5fff9;
  color: var(--color-bold);
  background-color: var(--color-bold-bg);
  border: solid 0.0625rem var(--color-bold);
  font-size: 1.1rem;
  padding: 1rem;
}

.c-status-message--bold__next {
  font-weight: bold;
  font-size: 1.5rem;
}

.c-status-message--steps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.c-breadcrumbs {
  margin-bottom: 20px;
}
.c-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
.c-breadcrumbs__item {
  list-style: none;
}
.c-breadcrumbs__item:not(:last-child)::after {
  margin: 0 8px;
  content: ">";
}

.p-detail-edit__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 48.8125em) {
  .p-detail-edit__header {
    flex-direction: row;
  }
}
.p-detail-edit__info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 48.8125em) {
  .p-detail-edit__info {
    width: auto;
  }
}
.p-detail-edit__info > * {
  display: block;
  width: 100%;
}
.p-detail-edit__info label {
  display: flex;
  gap: 0.625rem;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
@media (min-width: 48.8125em) {
  .p-detail-edit__info label {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.p-detail-edit__info label span {
  flex: 1;
}
.p-detail-edit__info label div {
  flex: 1;
  text-align: right;
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-detail-edit__info label input {
  text-align: right;
  flex: 1;
}
.p-detail-edit__info label input[type=date] {
  width: 100%;
}
.p-detail-edit__info-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  width: 100%;
}
.p-detail-edit__info-bottom label {
  width: 100%;
}
.p-detail-edit__info-bottom abbr {
  white-space: nowrap;
}
@media (min-width: 48.8125em) {
  .p-detail-edit__info-bottom label {
    width: auto;
  }
}
.p-detail-edit__age {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 48.8125em) {
  .p-detail-edit__age {
    justify-content: flex-end;
  }
}
.p-detail-edit__note {
  font-size: 0.75rem;
}
@media (min-width: 48.8125em) {
  .p-detail-edit__note {
    text-align: right;
  }
}
.p-detail-edit__current-status label {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.375rem;
}
.p-detail-edit__current-status label textarea {
  max-height: 15em;
}
.p-detail-edit__textarea {
  margin-top: 2rem;
}

.p-detail-edit__textarea .detail-label {
  display: flex;
  justify-content: space-between;
  column-gap: 1rem;
  flex-wrap: wrap;
}

.detail-bubble-wrapper {
  background: #fff5f5;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.detail-bubble {
  color: #cc0000;
  text-indent: -1em;
  padding-left: 1em;
  font-size: .875rem;
}
.detail-example {
  text-align: center;
}

.detail-example img {
  /*width: 100%;*/
  height: auto;
}
.t-new-customer__detail-edit-link {
  text-align: right;
  margin-top: 1rem;
}
.p-detail-edit__actions {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.p-detail-edit__actions button {
  color: #fff;
  background-color: var(--color-wine);
}
.p-detail-edit__actions button:hover {
  background-color: var(--color-wine);
  opacity: 0.85;
}
.p-detail-edit__actions a {
  color: #fff;
  background-color: #666;
  padding: 0.5rem 1rem;
  text-decoration: none !important;
  border-radius: 0.375rem;
}
.p-detail-edit__actions button,
.p-detail-edit__actions a {
  min-width: 10rem;
}
.p-detail-edit__uploader {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin: 2rem 0 0;
  padding: 0;
}
.p-detail-edit__uploader li {
  width: 49%;
  list-style: none;
  background-color: #f7f7f7;
  aspect-ratio: 1;
}
.p-detail-edit__uploader li:nth-child(n+3) {
  margin-top: 2%;
}
.p-detail-edit__uploader li img {
  object-fit: cover;
  aspect-ratio: 1;
}
.p-detail-edit__example {
  background: #f7f7f7;
  border: solid 1px #ccc;
  padding: 1rem;
  border-radius: 0.375rem;
  margin-top: .5rem;
}

.p-product-edit {
  border-top: solid 0.0625rem #ccc;
}
.p-product-form {
  --list-gutter: 12px;
  --content-pad-block: 10px;
  --content-pad-inline: 20px;
}
.p-product-form__box:not(:first-child) {
  margin-top: 40px;
}
.p-product-form__box input[type="checkbox"] {
  margin-right: .2em;
}
.p-product-form dt {
  padding: 8px 12px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background-color: var(--color-wine);
}
.p-product-form dd {
  margin-top: var(--list-gutter);
  margin-left: 0;
}
.p-product-form dd > ul {
  padding: 0;
}
.p-product-form dd > ul > li {
  border: solid 0.0625rem var(--color-brand-mid);
}
.p-product-form dd > ul > li:not(:first-child) {
  margin-top: var(--list-gutter);
}
.p-product-form dd > ul > li > ul {
  padding: 20px var(--content-pad-inline);
}
.p-product-form dd > ul > li > ul > li:not(:first-child) {
  margin-top: 1em;
}
.p-product-form dd > ul > li > ul ul {
  margin-top: 0.5em;
}
.p-product-form dd > ul > li > ul ul li:not(:first-child) {
  margin-top: 0.3em;
}
.p-product-form ul {
  padding-left: 1em;
  margin: 0;
}
.p-product-form li {
  list-style: none;
}
.p-product-form li b {
  display: block;
  padding: var(--content-pad-block) var(--content-pad-inline);
  background-color: #f7f7f7;
}
.p-product-form li span {
  font-size: 26px;
}
.p-product-other-text {
  background: #f7f7f7;
  padding: 1rem;
  margin-top: .3rem;
}
.p-product-show .bi.bi-check {
  margin-right: 0.3em;
  color: #00a500;
  border: solid 1px #ccc;
  font-size: 1.3rem;
}
.p-product-show:not(:last-of-type) {
  margin-bottom: 40px;
}
.p-product-show__middle-box {
  display: block !important;
  border: solid 1px #ccc;
  background-color: #fff;
}
.p-product-show__middle-box aside h3:last-child {
  margin-bottom: 0 !important;
}
.p-product-show__box {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  /*display: block !important;*/
  /*border: solid 1px #ccc;*/
  /*background-color: #fff;*/
}
.p-product-show dt {
  padding: 5px 16px;
  font-weight: bold;
  border-bottom: dashed 1px #ccc;
  margin-bottom: 0.5em;
  background: #eee;
  width: 100%;
}
.p-product-show dd {
  padding: 1rem 14px 20px !important;
}
.p-product-show dd aside:not(:first-child) {
  margin-top: 1.5em;
}
.p-product-show dd span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
}
.p-product-show dd span::before {
  display: inline-block;
  width: 16px;
  height: 4px;
  margin-right: 8px;
  content: "";
  background-color: var(--color-brand-dark);
}
.p-product-show dd ul {
  margin-top: 0.5em !important;
  padding-left: 1rem !important;
}
.p-product-show dd ul li {
  list-style-type: none;
}

.uppy-dashboard {
  height: 100%;
}
.uppy-dashboard .uppy-Root {
  height: 100%;
}
.uppy-dashboard .uppy-Dashboard {
  height: 100%;
}
.uppy-dashboard .uppy-Dashboard-inner {
  height: 100% !important;
}

.p-image-uploader {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin: 2rem 0 0;
  padding: 0;
}
.p-image-uploader li {
  position: relative;
  width: 49%;
  list-style: none;
  background-color: #f7f7f7;
  aspect-ratio: 1/1.3;
}
@media (min-width: 48.8125em) {
  .p-image-uploader li {
    aspect-ratio: 1;
  }
}
.p-image-uploader li:nth-child(n+3) {
  margin-top: 2%;
}
.p-image-uploader li .uppy-dashboard {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.p-image-uploader li .uppy-dashboard-inner {
  border-radius: 0;
}
.p-image-uploader li .uppy-Dashboard-inner {
  border-radius: 0;
}
.p-image-uploader li.is-uploaded .uppy-dashboard {
  z-index: -1;
}
.p-image-uploader li.is-uploaded .p-image-uploader__image {
  z-index: 1;
}
.p-image-uploader li.is-uploaded .p-image-uploader__image-delete {
  /*display: block;*/
  cursor: pointer;
}
.p-image-uploader__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: contain;
  background-position: center;
}
.p-image-uploader__image.is-hidden {
  display: none;
}
.p-image-uploader__image img {
  object-fit: cover;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}
.p-image-uploader__image-delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  background-color: var(--color-wine);
  padding: 0.5rem;
  display: none;
  border: none;
  border-radius: 0;
}

.p-image-uploader-backdrop {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.p-image-uploader-backdrop.is-active {
  opacity: 1;
  visibility: visible;
}

.p-main-visual {
  position: relative;
}

.u-image-replace {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  text-indent: 100%;
  word-wrap: normal !important;
  white-space: nowrap;
}

.u-font-mincho {
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.u-font-josefin {
  font-family: "Josefin Sans", sans-serif;
}

.u-align-right {
  text-align: right;
}
.u-align-left {
  text-align: left;
}
.u-align-center {
  text-align: center;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important;
}

.u-hover-img-scale-up {
  display: block;
  overflow: hidden;
}
.u-hover-img-scale-up img {
  transition: var(--slow-transition);
}
.u-hover-img-scale-up:hover {
  opacity: 1;
}
.u-hover-img-scale-up:hover img {
  opacity: 0.85;
  transform: scale(1.1);
}

.u-hide-on-scroll {
  transition: var(--base-transition);
  transform: translateY(0%);
}
.u-hide-on-scroll.js-is-hidden {
  transform: translateY(-100%);
}

.u-is-hidden {
  display: none;
}
.u-is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
@media (max-width: 48.8025em) {
  .u-is-pc {
    display: none !important;
  }
}
.u-is-pc-inline {
  display: inline !important;
}
@media (max-width: 48.8025em) {
  .u-is-pc-inline {
    display: none !important;
  }
}
@media (min-width: 48.8125em) {
  .u-is-sp {
    display: none !important;
  }
}
.u-is-sp-inline {
  display: inline !important;
}
@media (min-width: 48.8125em) {
  .u-is-sp-inline {
    display: none !important;
  }
}

.t-home-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(
    max(1.5rem, 1.243902439rem + 1.4634146341vw),
    3rem
  ) 0;
}
.t-home-login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.t-home-login-form input[type=text],
.t-home-login-form input[type=password],
.t-home-login-form input[type=submit] {
  width: 100%;
}
.t-home-login-form__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: min(
    max(0.625rem, 0.5609756098rem + 0.3658536585vw),
    1rem
  );
  text-align: center;
}
.t-home-login-form__error {
  padding: min(
    max(0.3125rem, 0.2804878049rem + 0.1829268293vw),
    0.5rem
  );
  margin-bottom: min(
    max(0.625rem, 0.5609756098rem + 0.3658536585vw),
    1rem
  );
  font-size: min(
    max(0.75rem, 0.7179878049rem + 0.1829268293vw),
    0.9375rem
  );
  color: var(--color-error);
  background-color: var(--color-error-bg);
  border: solid 0.0625rem var(--color-error);
}
.t-home-login-form__title {
  margin-top: 0;
  font-size: min(
    max(1.125rem, 1.0609756098rem + 0.3658536585vw),
    1.5rem
  );
}
.t-home-login-form__inner {
  width: 100%;
  max-width: 30rem;
  padding: var(--pd-container);
  margin: 0 auto;
  background-color: #fff;
}
.t-home-login-form__inner p:first-of-type {
  margin-top: 0;
}
.t-home-login-form__inner p:last-of-type {
  margin-bottom: 0;
}
.t-home-login-form__inner label + input {
  margin-top: min(
    max(0.3125rem, 0.2804878049rem + 0.1829268293vw),
    0.5rem
  );
}
.t-home-login-form__inner .login-remember {
  user-select: none;
}
.t-home-login-form__inner .login-remember label {
  cursor: pointer;
}
.t-home-login-form__desc {
  padding: min(
    max(0.5rem, 0.4573170732rem + 0.243902439vw),
    0.75rem
  );
  margin-bottom: min(
    max(0.75rem, 0.6219512195rem + 0.7317073171vw),
    1.5rem
  );
  background-color: var(--color-brand-white);
  border-left: solid 0.1875rem var(--color-brand-dark);
}
.t-home-login-form__desc p {
  font-size: min(
    max(0.75rem, 0.7179878049rem + 0.1829268293vw),
    0.9375rem
  );
}
.t-home-login-form__register-link {
  margin-top: min(
    max(0.625rem, 0.5609756098rem + 0.3658536585vw),
    1rem
  );
  text-align: center;
}

.t-page-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}
.t-page-wrapper > * {
  flex: 1;
}

@media (960px > width) {
  .t-page-wrapper {
    background: #fff;
  }

  .t-page-wrapper > .l-container {
    padding-inline: 0;
  }
}

.t-page-content {
  flex: 1;
  padding: var(--pd-container);
  background-color: var(--color-white);
}
.t-page-content a {
  text-decoration: underline;
}
.t-page-content a:hover {
  text-decoration: none;
}

.remove-tr-padding {
  margin-bottom: 10px !important;
}

.t-single-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}
.t-single-wrapper > * {
  flex: 1;
}
.t-single-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: var(--color-white);
}
.t-single-content a {
  text-decoration: underline;
}
.t-single-content a:hover {
  text-decoration: none;
}
.t-single-content__breadcrumbs {
  padding: var(--pd-container);
  padding-bottom: 0;
  margin-bottom: 1.25rem;
}

.t-salon-mv {
  text-align: center;
  pointer-events: none;
  /*
  * Created with https://www.css-gradient.com
  * Gradient link: https://www.css-gradient.com/?c1=c7408e&c2=a374ad&gt=r&gd=dtl
  */
  /*background: #C7408E;*/
  /*background: radial-gradient(at left top, #C7408E, #A374AD);*/

  background: #2fb5a8 ;
  background: radial-gradient(at left top, #2fb5a8, #b0d9ab)
}
.t-salon-mv img {
  width: 100%;
}
.t-salon-section {
  padding: min(
    max(1.5rem, 1.243902439rem + 1.4634146341vw),
    3rem
  ) 0;
}
.t-salon-header {
  background-color: var(--color-white);
}
.t-salon-header__salon-name {
  margin: 0;
  text-align: center;
}
.t-salon-header__edit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: min(
    max(0.625rem, 0.5609756098rem + 0.3658536585vw),
    1rem
  );
}
.t-salon-header__edit a {
  padding: min(
    max(0.3125rem, 0.2804878049rem + 0.1829268293vw),
    0.5rem
  ) min(
    max(0.625rem, 0.4756097561rem + 0.8536585366vw),
    1.5rem
  );
  border: solid 0.0625rem var(--color-wine);
}

.t-salon-notice {
  background: #fff;
  /*border-top-width: .1875rem;*/
  /*border-bottom-width: .1875rem;*/
  /*border-left-width: 0;*/
  /*border-right-width: 0;*/
  /*border-style: solid;*/
  /*border-color: var(--color-wine);*/
}

.t-salon-notice__inner {
  border: .1875rem solid var(--color-wine);
  padding: clamp(1rem, 0.8rem + 1vw, 2rem);
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.t-salon-notice__inner h2 {
  margin: 0;

}

.t-salon-notice__inner h3 {
  margin: 0;
}

.t-salon-notice__inner ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.t-salon-notice__inner .popup-register-button-wrapper {
  display: flex;
  justify-content: center;
}
.t-salon-notice__inner .popup-register-button {
  background: var(--color-wine);
  color: #fff;
  font-weight: bold;
  padding: .8em 2rem;
}

.t-salon-notice__inner > p {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  text-align: center;
  margin: 0;

}

.t-salon-guidance {

}
.t-salon-guidance__section > h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  gap: .3em;
  margin-top: 0;
}
.t-salon-guidance__section > p {
  /*text-align: center;*/
  margin-bottom: .5em;
  font-size: 15px;
}
.t-salon-guidance__section h3 b {
  color: #fff;
  background-color: #404040;
  padding: 0 .2em;
}
.t-salon-guidance h4 {
  margin-left: -.5em;
  margin-bottom: .3em;
  font-size: 16px;
}
.t-salon-guidance h4:first-child {
  margin-top: 0;
}
.t-salon-guidance__box p {
  margin: .3em 0;
}
.t-salon-guidance__box ol,
.t-salon-guidance__box p {
  font-size: 14px;
}

.t-salon-guidance ol {
  list-style: none; /* デフォルトのリストスタイルを無効化 */
  padding: 0;
  margin: 0;
}

.t-salon-guidance ol li:not(:first-child) {
  margin-top: .3em;
}

.t-salon-guidance ol li {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}

.t-salon-guidance ol li::before {
  position: absolute;
  left: 0;
}

.t-salon-guidance ol li:nth-of-type(1)::before {
  content: '\2460'; /* 丸数字① */
}

.t-salon-guidance ol li:nth-of-type(2)::before {
  content: '\2461'; /* 丸数字② */
}

.t-salon-guidance ol li:nth-of-type(3)::before {
  content: '\2462'; /* 丸数字③ */
}

.t-salon-guidance ol li:nth-of-type(4)::before {
  content: '\2463'; /* 丸数字④ */
}

.t-salon-guidance ol li:nth-of-type(5)::before {
  content: '\2464'; /* 丸数字⑤ */
}
.t-salon-guidance ol li:nth-of-type(6)::before {
  content: '\02465';
}
.t-salon-guidance ol li:nth-of-type(7)::before {
  content: '\02466';
}
.t-salon-guidance ol li:nth-of-type(8)::before {
  content: '\02467';
}
.t-salon-guidance ol li:nth-of-type(9)::before {
  content: '\02468';
}
.t-salon-guidance ol li:nth-of-type(10)::before {
  content: '\02469';
}

.t-salon-guidance__box {
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 16px;
  max-height: 400px;
  overflow: auto;
}

.t-salon-guidance__box.mail-info {
  border-color: var(--color-wine);
  border-width: 2px;
}

.t-salon-guidance__box p small {
  font-size: 90%;
}

.t-salon-guidance__box code {
  color: var(--color-wine);
}

.t-salon-guidance__box:not(:first-child) {
  margin-top: 24px;
}

.t-salon-guidance__row {
  display: flex;
  gap: 40px;
  padding-top: 32px;
}

.t-salon-guidance__section {
  flex: 1;
 }


.t-salon-guidance__inner {
  background: #fff;
  /*padding-top: 40px;*/
  padding-bottom: 20px;
  border-radius: 16px;
  padding-left: 20px;
  padding-right: 20px;
  /*border: solid 2px var(--color-wine);*/
  border: solid 2px #404040;
  overflow: hidden;
}

.t-salon-guidance__header {
  text-align: center;
  background: #404040;
  color: #fff;
  padding: 16px;
  margin-left: -5rem;
  /*margin-right: -5rem;*/
  width: calc(100% + 10rem);
}

.t-salon-guidance__notice {
  border: #c00 solid 1px;
  border-radius: 8px;
  overflow: hidden;
  color: #fff;
  background-color: #c00;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}

.t-salon-guidance__notice div {
  background-color: #fff;
  color: #c00;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  border-radius: 6px;
  font-size: 38px;
  font-weight: bold;
}

.t-salon-guidance__notice p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.t-salon-guidance__notice p small
{
  font-size: 90%;
}

p.indent-1 {
  padding-left:1em;
  text-indent:-1em;
}

.t-salon-guidance__header h2 {
  margin: 0;
}

.t-salon-guidance__header h3 {

}

@media (max-width: 48.8025em) {
  .t-salon-guidance {
    padding: 0 0 40px;
    background-color: #fff;
  }
  .t-salon-guidance__row {
    flex-direction: column;
  }

  .t-salon-guidance__inner {
    border-radius: 0;
    border: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.t-salon-deadlines {
  text-align: center;
  background-color: #fdf7f7;
}
.t-salon-deadlines__date {
  padding: min(
    max(0.25rem, 0.2073170732rem + 0.243902439vw),
    0.5rem
  ) min(
    max(0.625rem, 0.4756097561rem + 0.8536585366vw),
    1.5rem
  );
  font-size: min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  );
  color: var(--color-white);
  background-color: var(--color-wine-light);
}
.t-salon-deadlines__today {
  margin-top: min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  );
}
.t-salon-deadlines__today span {
  padding: min(
    max(0.125rem, 0.1036585366rem + 0.1219512195vw),
    0.25rem
  ) min(
    max(0.25rem, 0.2073170732rem + 0.243902439vw),
    0.5rem
  );
  margin: 0 min(
    max(0.1875rem, 0.1554878049rem + 0.1829268293vw),
    0.375rem
  );
  font-weight: bold;
  background-color: var(--color-white-gray);
  border: solid 0.0625rem var(--color-light-gray);
}
.t-salon-deadlines__left {
  margin-top: min(
    max(0.375rem, 0.3536585366rem + 0.1219512195vw),
    0.5rem
  );
}
.t-salon-deadlines__message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.t-salon-deadlines__message-box {
  padding: min(
    max(0.75rem, 0.6219512195rem + 0.7317073171vw),
    1.5rem
  ) min(
    max(1rem, 0.6585365854rem + 1.9512195122vw),
    3rem
  );
  border: solid 0.125rem var(--color-wine);
}
.t-salon-deadlines__message-box p {
  margin-top: min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  );
}
.t-salon-deadlines__message-box > *:first-child {
  margin-top: 0;
}
.t-salon-deadlines__message-box > *:last-child {
  margin-bottom: 0;
}
.t-salon-clients {
  background-color: #eee;
}
.t-salon-clients__register {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1.5rem 1rem;
  border: solid 3px var(--color-wine);
}
.t-salon-clients__register a {
  padding: min(
    max(0.3125rem, 0.2804878049rem + 0.1829268293vw),
    0.5rem
  ) min(
    max(0.625rem, 0.4756097561rem + 0.8536585366vw),
    1.5rem
  );
  font-weight: bold;
  color: #fff;
  background-color: var(--color-wine);
  font-size: 1.5rem;
}
.t-salon-clients .bi-chevron-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #fff;
  background-color: var(--color-wine-light);
}
.t-salon-clients__guidance {
  margin-bottom: .5em;
}
.t-salon-clients__guidance p {
  margin: 0;
  font-weight: bold;
  font-size: 160%;
}
.t-salon-clients__table-text {
  text-align: center;
  background: #f9f8ec;
  border: solid 1px #d0c262;
  padding: 20px;
}

.t-salon-clients__table-text span {
  display: inline-block;
  margin: 0 .2em;
}
/*.t-salon-clients__table-wrapper {*/
/*  margin-top: min(*/
/*    max(1.5rem, 1.243902439rem + 1.4634146341vw),*/
/*    3rem*/
/*  );*/
/*}*/
.t-salon-download {
  background-color: var(--color-white);
}
.t-salon-download__guidance {
  border: 1rem solid #eee;
  padding: 2rem 1rem;
  display: flex;
  justify-content: center;
}
.t-salon-download__guidance-inner {

}

.t-salon-download__guidance-inner h2 {
  margin-top: 0;
}
.t-salon-download__guidance-inner h2 br {
  display: none;
}
.t-salon-download__guidance-inner p {
  margin-bottom: 0;
}
@media (960px > width) {
  .t-salon-download__guidance {
    border: .5rem solid #eee;
  }
  .t-salon-download__guidance-inner h2 br {
    display: inline;
  }
}

.t-salon-download__box:not(:first-child) {
  margin-top: 40px;
}
.t-salon-download__header h2 {
  margin: 0;
  text-align: center;
}
.t-salon-download__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: min(
    max(1.5rem, 1.243902439rem + 1.4634146341vw),
    3rem
  );
}
.t-salon-download__item {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 48.8025em) {
  .t-salon-download__item:nth-child(n+3) {
    margin-top: min(
    max(1.5rem, 1.243902439rem + 1.4634146341vw),
    3rem
  );
  }
}
@media (min-width: 48.8125em) {
  .t-salon-download__item {
    flex-basis: 33.3333333333%;
  }
  .t-salon-download__item:nth-child(n+4) {
    margin-top: min(
    max(1.5rem, 1.243902439rem + 1.4634146341vw),
    3rem
  );
  }
}
.t-salon-download__thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.t-salon-download__thumbnail span {
  color: var(--color-black);
}
.t-salon-download__link {
  margin-top: min(
    max(0.1875rem, 0.1554878049rem + 0.1829268293vw),
    0.375rem
  );
  font-size: min(
    max(0.75rem, 0.7286585366rem + 0.1219512195vw),
    0.875rem
  );
}
.t-salon-download__link i {
  margin-right: min(
    max(0.1875rem, 0.1554878049rem + 0.1829268293vw),
    0.375rem
  );
}
.t-salon-download__pdf {
  width: fit-content;
  padding: min(
    max(1rem, 0.8292682927rem + 0.9756097561vw),
    2rem
  );
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
  border: solid 2px var(--color-wine);
}

#password-lost-form-wrap fieldset {
  padding: 0;
  border: none;
}
#password-lost-form-wrap fieldset legend {
  display: none;
}

.somfrp-lost-pass-form-text {
  padding: min(
    max(0.5rem, 0.4573170732rem + 0.243902439vw),
    0.75rem
  );
  margin-bottom: min(
    max(0.75rem, 0.6219512195rem + 0.7317073171vw),
    1.5rem
  );
  background-color: var(--color-brand-white);
  border-left: solid 0.1875rem var(--color-brand-dark);
}
.somfrp-lost-pass-form-text p {
  font-size: min(
    max(0.75rem, 0.7179878049rem + 0.1829268293vw),
    0.9375rem
  );
}

.lostpassword-submit {
  margin-bottom: 0;
}
.lostpassword-submit #reset-pass-submit {
  width: 100%;
  margin-top: min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  );
}

#your-profile .learn_more_link {
  display: none;
}

/* uppy アップローダーCSSカスタム */
.uppy-Dashboard-innerWrap .uppy-Dashboard-AddFiles-title {
  padding: 0;
}

.t-new-customer {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.t-new-customer__top {
  padding: var(--pd-container);
}
.t-new-customer__bottom {
  flex: 1;
  padding: var(--pd-container);
  background-color: #f7f7f7;
}
.t-new-customer__bottom > h2 {
  margin: 0 0 2rem;
  text-align: center;
}
.t-new-customer-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}
.t-new-customer-wrapper > * {
  flex: 1;
}
.t-new-customer-content {
  flex: 1;
  padding: var(--pd-container);
  background-color: var(--color-white);
}
.t-new-customer-content a {
  text-decoration: underline;
}
.t-new-customer-content a:hover {
  text-decoration: none;
}
.t-new-customer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 10px;
}
.t-new-customer__states {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 48.8125em) {
  .t-new-customer__states {
    justify-content: flex-end;
    flex: 1;
  }
}
.t-new-customer__consent {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  max-width: 11.25rem;
  text-align: center;
  flex: 1.3;
}
.t-new-customer__consent a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-block: 0.25rem;
  font-weight: bold;
  text-decoration: none;
  border: solid 0.125rem var(--color-light-gray);
  background-color: transparent;
  appearance: none;
  color: var(--color-wine);
  cursor: pointer;
  transition: var(--base-transition);
}
.t-new-customer__consent a:hover {
  background-color: #f7f7f7;
}
.t-new-customer__status {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  max-width: 11.25rem;
  text-align: center;
  flex: 1;
}
.t-new-customer__status--not-registered {
  background-color: #777;
}
.t-new-customer__status--registered {
  background-color: var(--color-brand-dark);
}
.t-new-customer__status p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-block: 0.25rem;
  margin: 0;
  font-weight: bold;
  color: #fff;
}
.t-new-customer__basics {
  padding: min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  );
  background-color: #f7f7f7;
}

.t-new-customer__basics__basic {
  margin: 0;
  display: grid;
  grid-template-columns: fit-content(20rem) 1fr;
  gap: .4em;
}
@media (960px > width) {
  .t-new-customer__basics {
    padding: 0;
  }
  .t-new-customer__basics-edit {
    padding: min(
      max(1rem, 0.9146341463rem + 0.487804878vw),
      1.5rem
    );
  }
  .t-new-customer__basics__basic {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.t-new-customer__basics__basic div {
  display: flex;
  flex-wrap: wrap;
  /*gap: 1rem;*/
  align-items: flex-start;
  justify-content: flex-start;
}
.t-new-customer__basics__basic div:not(:first-child) {
  /*margin-top: 0.5rem;*/
}
.t-new-customer__basics dl dt {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #e8e8e8;
  padding: .4rem .8rem;
}
.t-new-customer__basics dl dd i {
  color: var(--color-success);
  font-size: .8rem;
}

.t-new-customer__basics dl dd {
  margin: 0;
  background: #fff;
  padding: .4rem .8rem;
}
.t-new-customer__basics dl dd ul:not(.treatment_faces) {
  list-style: none;
  margin: 0;
  padding: 0;
}
.t-new-customer__basics dl dd ul.treatment_faces {
  padding-left: 1.5em;
  list-style: disc;
}
.t-new-customer__basics-edit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.t-new-customer__basics-edit:first-of-type {
  margin-bottom: 1rem;
}

.t-new-customer__basics-edit:last-of-type {
  margin-top: 1rem;
}

.t-new-customer__agree {
margin-top: 3.5rem;
}
.t-new-customer__agree-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  row-gap: 2rem;
  grid-template-areas:
    "item1 item2"
    "link link";
  background: #f7f7f7;
  /*padding: min(*/
  /*  max(1rem, 0.9146341463rem + 0.487804878vw),*/
  /*  1.5rem*/
  /*);*/
}
@media (960px > width) {
  .t-new-customer__agree-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
.t-new-customer__agree-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background: #fff;
  padding: 2rem 1rem;
  gap: 1.5rem;
}
.t-new-customer__agree-item:nth-child(1) {
  grid-area: item1;
}
.t-new-customer__agree-item:nth-child(2) {
  grid-area: item2;
}
.t-new-customer__agree-link {
  grid-area: link;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-new-customer__agree-link a {
  background: var(--color-wine);
  color: #fff;
  padding: .5rem 2rem;
  text-decoration: none;
  /*border-radius: .3em;*/
}
.t-new-customer__agree-item h3 {
  margin: 0;
}

.t-new-customer__agree-item p {
  margin: 0;
  font-size: 2.5rem;
}

.t-new-customer__agree-item i.is-agree {
  margin: 0;
}

.t-new-customer__agree-item i.is-agree {
  color: #00a500;
}

.t-new-customer__agree-item i.is-not-agree {
  color: #f00;
}
.t-new-customer__agree-link {

}

.t-new-customer__detail-section {
  padding: min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  );
  background-color: #fff;
}
.t-new-customer__detail-section.is-progress {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "header check"
    "photo photo"
    "link link";
}
.t-new-customer__detail-section h3 {
  margin: 0 0 1.5rem;
  font-size: 1.5rem;
}
.t-new-customer__detail-section.is-progress h3 {
  grid-area: header;
}
.t-new-customer__detail-section.is-progress .t-new-customer__progress-select {
  grid-area: check;
}
.t-new-customer__detail-section.is-progress .t-new-customer__section-edit {
  grid-area: link;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.t-new-customer__detail-section.is-progress .t-new-customer__photos {
  grid-area: photo;
}
.t-new-customer__detail-section .deleteProgressRepeat {
  border: solid 1px #cc0000;
  color: #cc0000;
  background: #fff;
  font-size: 15px;
  padding: .2em .5em;
  border-radius: .3em;
  cursor: pointer;
}
.t-new-customer__detail-section .deleteProgressRepeat i {
  margin-right: .2em;
}
@media (hover: hover) {
  .t-new-customer__detail-section .deleteProgressRepeat {
    transition: color .3s ease-in-out, background .3s ease-in-out;
  }
  .t-new-customer__detail-section .deleteProgressRepeat:hover {
    color: #fff;
    background: #cc0000;
  }
}
.t-new-customer__detail-section:not(:first-child) {
  margin-top: 2.5rem;
}
.t-new-customer__photos {
  padding: 0 min(
    max(1rem, 0.9146341463rem + 0.487804878vw),
    1.5rem
  ) 0;
}
.t-new-customer__photo-info-top {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
}
.t-new-customer__photo-info-middle {
  margin-top: 0.625rem;
  display: flex;
  gap: 0.1875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.t-new-customer__photo-info-bottom {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.625rem;
}
.t-new-customer__photo-info-bottom p {
  margin: 0;
}
.t-new-customer__photo-images {
  display: flex;
  gap: 0.625rem;
  margin: 1.5rem 0 0;
  padding: 0;
}
.t-new-customer__photo-item {
  list-style: none;
  flex: 1;
}

.t-new-customer__photo-image {
  background-position: center;
  background-size: cover;
  aspect-ratio: 1/1.618;
  background-color: #eee;
}

@media (960px > width) {
  .t-new-customer__photo-images {
    display: flex;
    flex-direction: column;
  }

  .t-new-customer__photo-image {
    aspect-ratio: 1.618/1;
  }
}

.t-new-customer__section-edit {
  margin-top: 0.625rem;
  text-align: right;
}

.t-new-customer__section-edit.is-progress {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.t-new-customer__detail-content {
  margin-top: 5rem;
}
.t-new-customer__detail-content--detail {
  border: solid .3rem #000;
  /*padding: 0 1rem;*/
}
.t-new-customer__detail-content h2 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  background: #000;
  color: #fff;
  padding: .5rem 1rem;
  margin: 0;
}

.detail-contents {
  padding: 1rem;
}

.detail-contents__action {
  display: flex;
  justify-content: flex-end;
  margin-top: .8rem;
}

.c-preview-headline {
  margin-bottom: 1rem;
  margin-top: 1.5em;
}

.t-new-customer__detail-content h2 a {
  font-size: 1rem;
  font-weight: normal;
  background: #fff;
  padding: .3em 1em;
  border-radius: .3em;
}
.t-new-customer__detail-content h3 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  /*margin-top: 2rem;*/
  flex-wrap: wrap;
}
.t-new-customer__detail-content h3 button {
  padding: 0;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  color: var(--color-wine);
  transition: var(--base-transition);
  font-size: 1rem;
  text-decoration: underline;
}
.t-new-customer__detail-content h3 button:hover {
  text-decoration: none;
  opacity: 0.85;
}
.t-new-customer__detail-content-value {
  min-height: 10rem;
  padding: 1rem;
  background-color: #fff;
}
.t-new-customer__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0 2.5rem;
  background-color: #f7f7f7;
  gap: 2rem;
  border-top: dashed 1px #ccc;
}
@media (960px > width) {
  .t-new-customer__action {
    padding-top: 2.5rem;
    padding-inline: 1rem;
  }
}
.t-new-customer__action > a {
  padding: 0.5rem 1.25rem;
  text-decoration: none;
  color: #fff;
  background-color: var(--color-wine);
  font-size: min(
    max(0.875rem, 0.8323170732rem + 0.243902439vw),
    1.125rem
  );
}
.t-new-customer__action p {
  padding: 0.5rem 1.25rem;
  text-decoration: none;
  color: #777;
  background-color: #ddd;
  font-size: min(
    max(0.875rem, 0.8323170732rem + 0.243902439vw),
    1.125rem
  );
  margin: 0;
}
.t-new-customer__action > ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .3rem;
  border: solid 2px #cc0000;
  padding: .5rem;
}
.t-new-customer__action > ul > li {
  list-style: none;
  display: grid;
  grid-template-columns: 1.2em 1fr;
}
.t-new-customer__action > ul > li > i {
  color: #cc0000;
}
.t-new-customer__action > ul > li > ul {
  grid-column: span 2;
  /*border-left: dashed 1px #cc0101;*/
  /*padding-left: 1.5rem;*/
  /*margin-left: .45em;*/
}
.t-new-customer__action > ul > li > ul li {
  list-style: disc;
}
.t-new-customer__progress-wrapper {
  border: solid .1875rem #b7b7b7;
  padding: 1rem 1rem;
  margin-top: 2.5rem;
}
@media (960px > width) {
  .t-new-customer__progress-wrapper {
    padding: .5rem;
  }
}
.t-new-customer__add-after {
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
.t-new-customer__guidance {
  border: solid 3px var(--color-wine);
  font-size: 1.3rem;
  padding: .5rem 1rem;
}
.t-new-customer__add-after button {
  border: none;
  background-color: transparent;
  padding: 0;
  appearance: none;
  /*color: var(--color-black);*/
  /*text-decoration: none;*/
  font-size: 1.25rem;
  cursor: pointer;
  transition: var(--base-transition);
  color: var(--color-wine);
  text-decoration: underline;
}
.t-new-customer__add-after button:hover {
  opacity: 0.85;
  text-decoration: none;
}
.t-new-customer__add-after button:disabled {
  pointer-events: none;
  color: #888;
}
.t-new-customer__add-after button i {
  margin-right: 0.625rem;
}
.t-new-customer__progress-select {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}
.t-new-customer__progress-select span {
  margin-right: 0.375rem;
}
.t-new-customer__progress-select input {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.t-new-customer__progress-select input::before {
  position: absolute;
  z-index: 1;
  top: 0.125rem;
  left: 0.1875rem;
  width: 0.75rem;
  height: 0.375rem;
  content: "";
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transform: rotate(-45deg) scale(0, 0);
  border: 2px solid #da3c41;
  border-top-style: none;
  border-right-style: none;
}
.t-new-customer__progress-select input:checked::before {
  transform: rotate(-45deg) scale(1, 1);
}
.t-new-customer__progress-select input::after {
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  content: "";
  cursor: pointer;
  border: 2px solid #f2f2f2;
  background: #fff;
}
.t-new-customer__progress-select input.is-not-allowed::after {
  cursor: not-allowed;
}
.t-new-customer__progress-photos {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}

.t-new-customer__progress-photos .t-new-customer__detail-section {
  margin: 0;
}

.t-new-customer__progress-empty {
  border: dashed 1px #ccc;
  text-align: center;
  padding: 2rem;
}

.t-new-customer__progress-empty.for-agree {
  border: none;
  padding: 0;
}

.cp_ipcheck {
  width: 90%;
  margin: 2em auto;
  text-align: left;
}
.cp_ipcheck ul {
  margin: 0.5rem 0.5rem 2rem;
  padding: 0.5rem 1rem;
  list-style: none;
  border: 1px solid #ccc;
}
.cp_ipcheck .list_item {
  margin: 0 0 0.5rem;
  padding: 0;
}
.cp_ipcheck label {
  line-height: 135%;
  position: relative;
  margin: 0.5rem;
  cursor: pointer;
}
.cp_ipcheck .option-input05 {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.cp_ipcheck .option-input05::before {
  position: absolute;
  z-index: 1;
  top: 0.125rem;
  left: 0.1875rem;
  width: 0.75rem;
  height: 0.375rem;
  content: "";
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transform: rotate(-45deg) scale(0, 0);
  border: 2px solid #da3c41;
  border-top-style: none;
  border-right-style: none;
}
.cp_ipcheck .option-input05:checked::before {
  transform: rotate(-45deg) scale(1, 1);
}
.cp_ipcheck .option-input05::after {
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  content: "";
  cursor: pointer;
  border: 2px solid #f2f2f2;
  background: #fff;
}

.t-confirmation-wrapper {
  /*padding: 1rem 1rem;*/
  padding: var(--pd-container);
}
/*@media (min-width: 48.8125em) {*/
/*  .t-confirmation-wrapper {*/
/*    padding: 1rem 2rem;*/
/*  }*/
/*}*/
.t-confirmation-content__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 48.8125em) {
  .t-confirmation-content__header {
    flex-wrap: nowrap;
    margin-right: calc(var(--pd-container) * -1);
  }
}
.t-confirmation-content__header h1 {
  margin-bottom: 0;
}
.t-confirmation-content__header div {
  color: #fff;
  background-color: var(--color-brand-dark);
  padding: 0.5rem 1rem;
  font-weight: bold;
}
.t-confirmation-content__headline {
  margin: 2.5rem 0 0.75rem;
  font-size: min(
    max(1.375rem, 1.3109756098rem + 0.3658536585vw),
    1.75rem
  );
}
.t-confirmation-content__headline:not(:first-of-type) {
  margin-top: 3.75rem;
}
.t-confirmation-box {
  padding: 1.25rem 1.25rem;
  border: solid 0.0625rem #ccc;
}
@media (min-width: 48.8125em) {
  .t-confirmation-box {
    padding: 2rem 2.5rem;
  }
}
.t-confirmation-box:not(:first-child) {
  margin-top: 2rem;
}
.t-confirmation-box__headline {
  margin: 0 0 1.25rem;
  font-size: min(
    max(1.125rem, 1.0823170732rem + 0.243902439vw),
    1.375rem
  );
}
.t-confirmation-box__headline:not(:first-of-type) {
  margin-top: 2rem;
}
.t-confirmation-box__textarea {
  /*border: solid 1px #ccc;*/
  padding: .8rem;
  background: #f7f7f7;
}
.t-confirmation-box__textarea > p:first-child {
  margin-top: 0;
}
.t-confirmation-box__textarea > p:last-child {
  margin-bottom: 0;
}
.t-confirmation-box ul {
  margin: 0;
}
.t-confirmation-box dl div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 48.8125em) {
  .t-confirmation-box dl div {
    flex-direction: row;
  }
}
.t-confirmation-box dl div:not(:first-child) {
  margin-top: 0.5rem;
}
.t-confirmation-box dt {
  font-weight: bold;
  min-width: 6.25rem;
}
.t-confirmation-box dd {
  margin-left: 1rem;
}
.t-confirmation-box dl div.agree-staff-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: .1rem;
  gap: .2rem;
}
.t-confirmation-box .agree-staff-name small {
  font-size: 85%;
  color: #666;
  border: solid 1px #ccc;
  padding: 0 .2em;
  border-radius: .2em;
}
.t-confirmation-pagination {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.t-confirmation-pagination .prev-page,
.t-confirmation-pagination .next-page {
  padding: 0.5rem 1rem;
  text-decoration: none !important;
  border-radius: 0.375rem;
  transition: var(--base-transition);
  flex: 1;
  text-align: center;
  min-width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-confirmation-pagination .gform_wrapper {
  flex: 1;
}
.t-confirmation-pagination .gform_wrapper .gform_footer input {
  width: 100%;
  background-color: var(--color-wine);
  transition: var(--base-transition);
}
.t-confirmation-pagination .gform_wrapper .gform_footer input:hover {
  opacity: 0.85;
}
.t-confirmation-pagination .gform_wrapper .field_description_below {
  display: none;
}
.t-confirmation-pagination .prev-page {
  color: #fff;
  background-color: #666;
}
.t-confirmation-pagination .next-page {
  color: #fff;
  background-color: var(--color-wine);
}
.t-confirmation-pagination .gform_wrapper.gravity-theme .gform_footer,
.t-confirmation-pagination .gform_wrapper.gravity-theme .gform_page_footer {
  margin: 0;
  padding: 0;
}
.t-confirmation-pagination .gform_wrapper.gravity-theme .gform_footer button,
.t-confirmation-pagination .gform_wrapper.gravity-theme .gform_footer input,
.t-confirmation-pagination .gform_wrapper.gravity-theme .gform_page_footer button,
.t-confirmation-pagination .gform_wrapper.gravity-theme .gform_page_footer input {
  margin: 0;
}
.t-confirmation-pagination .gform_heading {
  display: none;
}
.t-confirmation-photo__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.t-confirmation-photo__info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
}
.t-confirmation-photo__info > * {
  display: block;
  width: 100%;
}
.t-confirmation-photo__info-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.t-confirmation-photo__info-label div {
  flex: 1;
  text-align: right;
}
.t-confirmation-photo__info-label input {
  text-align: right;
}
.t-confirmation-photo__info-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.t-confirmation-photo__note {
  font-size: 0.75rem;
}
@media (min-width: 48.8125em) {
  .t-confirmation-photo__note {
    text-align: right;
  }
}
.t-confirmation-photo__current-status div {
  border: solid 0.0625rem #ccc;
  padding: 0.5rem 1rem;
  min-height: 7.5rem;
}

.t-confirmation-images {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin: 2rem 0 0;
  padding: 0;
}
.t-confirmation-images li {
  position: relative;
  width: 49%;
  list-style: none;
  background-color: #f7f7f7;
  aspect-ratio: 1;
}
.t-confirmation-images li:nth-child(n+3) {
  margin-top: 2%;
}
.t-confirmation-images__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: contain;
  background-position: center;
}
.t-confirmation-images__image.is-hidden {
  display: none;
}
.t-confirmation-images__image img {
  object-fit: cover;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}

/* GridJS */
.gridjs-pages {
  display: flex;
  align-items: stretch;
}

/* form */
textarea:invalid,
input:invalid {
  border: 1px solid #ffbbbb;
  background-color: #fff1f1;
}

.label-required {
  color: #f00;
}

/*input:valid {*/
/*  border: 2px solid green;*/
/*  background-color: #e6ffe6;*/
/*}*/

/* 参加同意書 */
.p-agree {

}

.p-agree__headline {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1em;
  font-weight: bold;
}

.p-agree__headline b {
  padding: .1em .3em;
  color: #fff;
  background: #000;
  font-size: 80%;
}

.p-agree__headline .required {
  color: #f00;
  font-size: 75%;
  font-weight: normal;
}

@media (960px > width) {
  .p-agree__headline {
    display: flex;
    flex-direction: column;

  }
}

.p-agree__preview {
  position: relative;
  background: #f7f7f7;
  margin: 0 calc(-1* var(--pd-container));
  padding-inline: var(--pd-container);
  padding-top: 3rem;
  /*padding-bottom: 3rem;*/
  padding-bottom: 0;
  border: solid .1875rem var(--color-wine);
}

.p-agree__preview::after {
  content: "同意書 - 応募内容確認ここまで";
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  /*width: 100%;*/
  margin: 2rem calc(-1* var(--pd-container)) 0;
  padding-inline: var(--pd-container);
  padding-block: .5em;
  text-align: center;
  font-weight: bold;
  /*transform: translateY(50%);*/
  background: var(--color-wine);
  color: #fff;
  display: block;
}

.p-agree__preview-headline {
  margin-bottom: 1rem;
  text-align: center;
}

.p-agree__paper {
  display: flex;
  flex-direction: column;
  /*gap: 1.5rem;*/
  padding-block: 1.5rem 2.5rem;
  margin: 2rem calc(-1* var(--pd-container));
  padding-inline: var(--pd-container);
  border: solid 3px #000;
}

@media (960px > width) {
  .p-agree__preview,
  .p-agree__paper {
    margin: 0 auto;
  }

  .c-preview-headline {
   margin-top: 0;
  }
}

.p-agree__paper .p-agree__headline {
  margin-bottom: 0;
}

.p-agree__date {
  margin-bottom: .3rem;
  text-align: right;
  font-weight: bold;
  margin-top: 1.5rem;
  font-size: 1.2rem;
}

.p-agree__date .bi-check-lg {
  color: #00a500;
}

/* 応募手続きページ（new） */
.p-photo-layout-wrapper {
  /*counter-reset: photo-counter;*/
}
.p-photo-layout {
  padding-top: clamp(1rem, 0.8rem + 1vw, 2rem);
  margin-top: clamp(1rem, 0.8rem + 1vw, 2rem);
  /*counter-increment: photo-counter;*/
}

.p-photo-layout__count {
  margin-bottom: clamp(1rem, 0.8rem + 1vw, 2rem);
  display: grid;
  place-items: center;
}


.p-photo-layout__count::after {
  content: "";
  background: repeating-linear-gradient(90deg,#aaa,#aaa 4px,transparent 4px,transparent 14px);
  height: .1875rem;
  width: 100%;
  display: block;
  grid-column-start: 1;
  grid-row-start: 1;
  z-index: 0;
}

.p-photo-layout__count span {
  background: #fff;
  padding: .5em;
  font-weight: bold;
  grid-column-start: 1;
  grid-row-start: 1;
  z-index: 1;
}

.p-photo-layout:not(:first-of-type) {

  /*border-top: dashed .1875rem #ccc;*/
}

.p-photo-layout__header {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto;
  grid-template-areas:
    "header"
    "shooting"
    "progress"
    "body_weight"
    "body_fat";
  background: #000;
  border: solid .1875rem #000;
}

.p-photo-layout__note {
  text-align: left;
  margin-top: .3em;
}

@media (960px > width) {
  .p-photo-layout__header.has-age {
    border-bottom: solid 0.0625rem #000;
  }
}

@media (960px <= width) {
  .p-photo-layout__header {
    grid-template-columns: 10rem auto auto;
    grid-template-rows: auto auto;
    grid-template-areas:
    "header shooting progress"
    "header body_weight body_fat";
  }

  /*.p-photo-layout__header.has-age {*/
  /*  grid-template-columns: 10rem 1fr 1fr 1fr 1fr 1fr auto;*/
  /*  grid-template-rows: auto auto;*/
  /*  grid-template-areas:*/
  /*  "header shooting shooting progress progress age age"*/
  /*  "header body_weight body_weight body_weight body_fat body_fat body_fat";*/
  /*}*/

  .p-photo-layout__note {
    text-align: right;
    margin-top: .3em;
  }
}

.p-photo-layout__note p {
  margin: 0;
  font-size: 0.75rem;
  text-indent: -1em;
  padding-left: 1em;
}

.p-photo-layout__header h1 {
  grid-area: header;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  padding: .3rem 1px;
}

@media (960px <= width) {
  .p-photo-layout__header h1 {
    padding: .3rem .5rem;
  }
}

.p-photo-layout__header h1 span {
  background: #eee;
  color: #000;
}

.p-photo-layout__header h1 small {
  font-size: 1.1rem;
  padding-bottom: .2em;
}

.p-photo-layout__header-field {
  background: #fff;
  border: solid 0.0625rem #000;
  display: flex;
}

.p-photo-layout__header-field > span {
  background: #eee;
  color: #000;
  width: 42%;
  max-width: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  gap: .3em;
  flex-wrap: wrap;
}

.p-photo-layout__header-field span b,
.p-photo-layout__header-field span .required {
  color: #f00;
  /*font-weight: normal;*/
  font-size: calc(13 / 16 * 1rem);
  /*margin-left: .3em;*/
}

.p-photo-layout__header-field span b::before,
.p-photo-layout__header-field span .required::before {
  content: "（必須）";
}

.p-photo-layout__header-field span i {
  color: #f00;
  font-style: normal;
  font-size: calc(13 / 16 * 1rem);
}

.p-photo-layout__header-field abbr {
  white-space: nowrap;
}

.p-photo-layout__header-field div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-inline: .5rem;
  padding-block: .5rem;
  column-gap: .3em;
  flex: 1;
}

.p-photo-layout__header-field-passed {
  display: flex;
  justify-content: flex-end;
}

.p-photo-layout__header-field input[type="number"] {
  text-align: right;
}

.p-photo-layout__header-field input {
  border: solid 1px #000;
  padding: .3rem .5rem;
  flex: 1;
}

div.p-photo-layout__header-field-inner {
  padding: 0;
  flex: none;
}

/* 経過年月用 */
div.p-photo-layout__header-field-inner input {
  max-width: 3em;
  width: 100%;
}

.p-photo-layout__header-shooting {
  grid-area: shooting;

}

.p-photo-layout__header-progress {
  grid-area: progress;
}

.p-photo-layout__header-age {
  margin-left: auto;
  border: solid .25rem #000;
  border-top: none;
}

@media (960px <= width) {
  .p-photo-layout__header-age {
    width: fit-content;
    margin-left: auto;
    border: solid .25rem #000;
    border-top: none;
  }

  .p-photo-layout__header-age > span {
    white-space: nowrap;
    width: fit-content;
    padding-inline: .5em;
  }
}


.p-photo-layout__header-body_weight {
  grid-area: body_weight;
}

.p-photo-layout__header-body_fat {
  grid-area: body_fat;
}

.p-photo-layout__header label {
  display: flex;
}

.p-photo-layout__header span {
  /*color: #fff;*/
}

.p-photo-layout__header label input {
  flex: 1;
}

.p-photo-layout__textarea {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 1rem;
  border: .25rem solid #000;
  background: #000;
}

@media (960px <= width) {
  .p-photo-layout__textarea {
    flex-direction: row;
  }
}

.p-photo-layout__textarea span {
  background: #eee;
  color: #000;
  font-weight: bold;
  padding: .5rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10rem;
  flex-direction: column;
}

.p-photo-layout__textarea span .required {
  color: #f00;
}

.p-photo-layout__textarea div {
  width: 100%;
  padding: .5rem;
  background: #fff;
}

.p-photo-layout__textarea div textarea {
  width: 100%;
  border: solid 1px #000;
  display: block;
}

@media (960px > width) {
  .p-photo-layout__textarea span {
    width: 100%;
  }
  .p-photo-layout__textarea span br {
    display: none;
  }
  .p-photo-layout__textarea div {
    padding: .5rem;
  }
}

.p-photo-layout .t-confirmation-images {
  margin-top: 1rem;
}

/* 確認ページ */
.confirm-note {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  /*border: solid 2px #000;*/
  background: #fff4f4;
  margin: 2rem 0 0;
}

.confirm-note p {
  margin: 0;
  color: #f00;
}


/* 使用商品フォーム */
.p-product-form__purpose-groups-name {
  margin-bottom: .5em;
  padding: 5px 12px;
  background-color: #fff3f7;
  font-size: 1.2rem;
}

.p-product-form__purpose-group-name {
  position: relative;

  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) no-repeat;
  background-position: center;
  background-size: 100% 1px;
}

/*.p-product-form__purpose-group-name::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: */
/*}*/

.p-product-form__purpose-group-name em {
  background: #fff;
  padding-right: .3em;
}

/* --------------------------------

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: .875rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1rem;
  }
}

/* --------------------------------

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /*
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* --------------------------------

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #96c03d;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    /*width: 80px;*/
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* --------------------------------

Add a counter to the multi-steps indicator

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}

.t-salon-contact {
 background: #fff;
}
.t-salon-contact h3 {
  text-align: center;
}

.t-salon-contact__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}