@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  background-color: #f5f5f5;
  color: #0d0d0d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none;
}

nav {
  width: 100%;
}

li {
  list-style: none;
}

button {
  width: auto;
  height: auto;
  display: block;
  border: none;
  padding: 0.5em 1em;
  cursor: pointer;
  background-color: #3498db;
  color: #000;
  font-size: 1rem;
  border-radius: 4px;
}
button:hover, button:focus {
  background-color: #d3d3d3;
}
button:disabled {
  background-color: #d3d3d3;
  cursor: not-allowed;
}

.material-symbols-outlined {
  display: block;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

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

input,
textarea {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 1rem;
}
input:focus,
textarea:focus {
  border-color: #999999;
  outline: none;
}

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

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

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

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

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

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

caption {
  text-align: left;
}

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

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

html {
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 1rem 0;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  line-height: 1.5;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 0.5rem;
}

blockquote {
  margin: 0 0 1rem;
  padding-left: 1rem;
  border-left: 4px solid #cccccc;
  color: #666;
  font-style: italic;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

code,
pre {
  font-family: "Courier New", Courier, monospace;
  background-color: hsl(0, 0%, 106.0784313725%);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
}

pre {
  padding: 1rem;
  overflow-x: auto;
}

small {
  font-size: 0.875rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
  text-decoration: underline;
}

.l-container {
  width: 100%;
  height: auto;
}

.l-app-content {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.l-section {
  margin-top: 40px;
  margin-bottom: 40px;
}
.l-section .l-section-box {
  margin-top: 16px;
  margin-bottom: 16px;
}

.l-buttons-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  flex-wrap: wrap;
  gap: 0 2rem;
}

.l-checkboxs-box {
  width: 100%;
  display: flex;
}
.l-checkboxs-box li {
  display: flex;
  margin: auto 0;
}
.l-checkboxs-box li > *:nth-child(n+2) {
  margin-left: 0.5rem;
}
.l-checkboxs-box > *:nth-child(n+2) {
  margin-left: 2rem;
}

.l-app-body.p-app-body.l-bi-body .l-app-content.p-app-content {
  padding-top: 0px !important;
}

.l-app-body.p-app-body.l-bi-body .l-section {
  margin-top: 0px !important;
}

.l-app-body.p-app-body.l-mctop-body .l-main-content {
  margin-left: 0px;
}

.l-app-body.p-app-body.l-mctop-body .top-content {
  padding: 40px 16px;
}

.l-footer {
  width: 100%;
  text-align: center;
  min-height: 30px;
}

.l-header {
  width: 100%;
  height: 48px;
  display: flex;
  position: fixed;
  top: 0;
  z-index: 20;
}

.l-side {
  min-width: 64px;
  height: 100vh;
  max-height: calc(100vh - 48px);
  display: block;
  position: fixed;
  top: 48px;
  z-index: 20;
}

.l-main-content {
  margin-top: 48px;
  margin-left: 64px;
}
.l-main-content .l-app-header {
  height: 72px;
  position: fixed;
  width: calc(100vw - 72px);
  z-index: 10;
}
.l-main-content .l-app-body {
  display: flex;
}
.l-main-content .l-app-body .l-app-side {
  width: 220px;
  position: fixed;
  top: 120px;
  height: calc(100vh - 48px - 72px);
  z-index: 10;
}
.l-main-content .l-app-body .l-app-main {
  margin-left: 220px;
  margin-top: 72px;
  width: 100%;
}
.l-main-content .l-app-body .l-app-content {
  min-height: calc(100vh - 48px - 72px - 30px);
}

.c-button {
  position: relative;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 0.5rem;
  margin: 1rem 0;
  overflow: hidden;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5rem;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  background-color: transparent;
  border-style: solid;
  border-radius: 0.25rem;
  outline: 0;
  cursor: pointer;
  transition: 0;
  appearance: none;
  user-select: none;
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#585c63, #585c63);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-color-neutral {
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#585c63, #585c63);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-color-negative {
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#cc1f24, #cc1f24);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-color-interactive {
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#1f7acc, #1f7acc);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-color-favorite {
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#cc1f24, #cc1f24);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-shape-square {
  border-radius: 0.25rem;
}
.c-button.c-shape-circle {
  border-radius: 999rem;
}
.c-button.c-appearance-flat {
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#585c63, #585c63);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-appearance-outlined {
  color: #585c63;
  font-weight: 400;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#fff, #fff);
  border-color: #585c63;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
}
.c-button.c-appearance-solid {
  color: #fff;
  font-weight: 400;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0.2509803922), rgba(255, 255, 255, 0)), linear-gradient(#585c63, #585c63);
  border-color: #585c63;
  border-width: 0.0625rem;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0), 0 1px 1px rgba(255, 255, 255, 0.5019607843), 0 -1px 1px rgba(0, 0, 0, 0.1019607843);
}
.c-button.c-appearance-transparent {
  color: #585c63;
  font-weight: 400;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: none;
}
.c-button.c-appearance-white {
  color: #585c63;
  font-weight: 400;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#fff, #fff);
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: none;
}
.c-button.c-appearance-gray {
  color: #0d0d0d;
  font-weight: 400;
  background-color: #f0f0f0;
  border-color: transparent;
  border-width: 0.0625rem;
  box-shadow: none;
  background-image: none;
}
.c-button.c-appearance-gray:hover {
  color: #e74c3c;
  background-color: rgb(252.2, 234.3230769231, 232.6);
}
.c-button.c-appearance-hollow {
  color: #585c63;
  font-weight: 700;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(rgba(255, 255, 255, 0.1490196078), rgba(255, 255, 255, 0.1490196078));
  border-color: #585c63;
  border-width: 0.125rem;
  box-shadow: none;
}
.c-button--disabled {
  pointer-events: none;
  opacity: 50%;
}
.c-button.c-size-xs {
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.c-button.c-size-s {
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.c-button.c-size-m {
  height: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.c-button.c-size-l {
  height: 3rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.c-button.c-size-xl {
  height: 3.5rem;
  font-size: 1.3125rem;
  line-height: 2rem;
}
.c-button.c-width-auto {
  width: auto;
}
.c-button.c-width-full {
  width: 100%;
}
.c-button.c-width-half {
  width: 50%;
}
.c-button.c-width-third {
  width: 33.3333333333%;
}
.c-button .c-icon {
  display: inline-block;
  font-weight: 400;
  font-family: Inhouse Icons;
  font-style: normal;
  line-height: 1;
  direction: ltr;
  letter-spacing: normal;
  white-space: nowrap;
  text-transform: none;
  word-wrap: normal;
}
.c-button .c-body p {
  margin: 0;
}

.c-button > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.c-button > *:first-child {
  margin-left: 0.75rem;
}

.c-button > *:last-child {
  margin-right: 0.75rem;
}

.c-button > *:only-child._leading {
  width: 2.375rem;
  margin-right: 0;
  margin-left: 0;
  font-size: 1.5rem;
}

.c-card {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  overflow: hidden;
}

.c-table {
  width: 100%;
}
.c-table th {
  border-top: 0px;
  border-bottom: 0px;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  font-weight: 500;
  background-color: #ccc;
  color: #535657;
}
.c-table tr th:first-child {
  border-radius: 5px 0px 0px 5px;
}
.c-table tr th:last-child {
  border-radius: 0px 5px 5px 0px;
}
.c-table th, .c-table td {
  border-top: 1px solid #E0E0E0;
  vertical-align: middle;
  padding: 0.75rem;
}
.c-table th.text, .c-table td.text {
  text-align: left;
}
.c-table th.number, .c-table td.number {
  text-align: right;
}
.c-table tr:last-child td {
  border-bottom: 1px solid #E0E0E0;
}
.c-table tr:first-child td {
  border-top: 0px;
}

.c-textfield {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: inherit;
  border: none;
  outline: 0;
  transition: 0;
  appearance: none;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.c-textfield.c-appearance-outlined {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
}
.c-textfield.c-appearance-filled {
  background-color: #edeef0;
  border-radius: 0.25rem 0.25rem 0 0;
  box-shadow: inset 0 -0.0625rem #afb3ba;
}
.c-textfield.c-color-neutral {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
}
.c-textfield.c-color-negative {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #eb7175;
}
.c-textfield.c-size-s {
  height: 2rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.c-textfield.c-size-m {
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.c-textfield.c-size-l {
  height: 3rem;
  padding: 0.625rem 1.5rem;
  font-size: 1.125rem;
}
.c-textfield.c-width-auto {
  width: auto;
}
.c-textfield.c-width-full {
  display: block;
  width: 100%;
}
.c-textfield.c-width-half {
  width: 50%;
}
.c-textfield.c-width-third {
  width: 33.3333333333%;
}

.c-label {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
}

.c-sublabel {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.2;
}

.c-checkbox {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: unset;
  cursor: pointer;
  opacity: 1;
}
.c-checkbox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
  margin-left: -0.625rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0), 0 0 0 0.0625rem rgba(57, 60, 65, 0.2);
}
.c-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #fff;
  border-width: 0 0.125rem 0.125rem 0;
  opacity: 0;
  pointer-events: none;
}
.c-checkbox:checked {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: unset;
  cursor: pointer;
  opacity: 1;
}
.c-checkbox:checked::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
  margin-left: -0.625rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  background-color: #1f7acc;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.0625rem #1f7acc;
  content: "";
}
.c-checkbox:checked::after {
  opacity: 1;
}

.c-radio {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  cursor: pointer;
  opacity: 1;
}
.c-radio::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
  margin-left: -0.625rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0), 0 0 0 0.0625rem rgba(57, 60, 65, 0.2);
  transition: box-shadow 0.2s ease;
}
.c-radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.375rem;
  margin-left: -0.375rem;
  background-color: #1f7acc;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.c-radio:checked::before {
  box-shadow: 0 0 0 0.0625rem #1f7acc;
}
.c-radio:checked::after {
  opacity: 1;
}

.c-select {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: text-bottom;
  width: auto;
}
.c-select .c-select-item {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
  height: 2.5rem;
  padding: 0 2.5rem 0 1rem;
  font-size: 1rem;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: inherit;
  border: none;
  outline: 0;
  cursor: pointer;
  transition: 0;
  appearance: none;
}
.c-select .c-select-icon {
  top: 1.125rem;
  right: 1rem;
  width: 0.5rem;
  height: 0.25rem;
  background-color: #393c41;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.c-select.c-appearance-filled .c-select-item {
  background-color: #edeef0;
  border-radius: 0.25rem 0.25rem 0 0;
  box-shadow: inset 0 -0.0625rem #afb3ba;
}
.c-select.c-appearance-outlined .c-select-item {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
}
.c-select.c-color-neutral .c-select-item {
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
}
.c-select.c-color-negative .c-select-item {
  box-shadow: inset 0 0 0 0.0625rem #eb7175;
}
.c-select.c-size-s .c-select-item {
  height: 2rem;
  padding: 0 2rem 0 0.75rem;
  font-size: 0.875rem;
}
.c-select.c-size-s .c-select-icon {
  top: 0.9rem;
  right: 0.8rem;
  width: 0.4rem;
  height: 0.2rem;
}
.c-select.c-size-m .c-select-item {
  height: 2.5rem;
  padding: 0 2.5rem 0 1rem;
  font-size: 1rem;
}
.c-select.c-size-m .c-select-icon {
  top: 1.125rem;
  right: 1rem;
  width: 0.5rem;
  height: 0.25rem;
}
.c-select.c-size-l .c-select-item {
  height: 3rem;
  padding: 0 3rem 0 1.5rem;
  font-size: 1.125rem;
}
.c-select.c-size-l .c-select-icon {
  top: 1.35rem;
  right: 1.2rem;
  width: 0.6rem;
  height: 0.3rem;
}
.c-select.c-width-auto {
  width: auto;
}
.c-select.c-width-full {
  display: block;
  width: 100%;
  max-width: 100%;
}
.c-select.c-width-half {
  min-width: 50%;
}
.c-select.c-width-third {
  min-width: 33.3333333333%;
}

.c-pagination {
  display: flex;
  align-items: center;
}

.c-pagination-item:not(:last-child) {
  margin-right: 10px;
}
.c-pagination-item.disabled {
  background: #111;
  color: #fff;
}
.c-pagination-item.disabled .c-pagination-link {
  background: #d3d3d3;
}
.c-pagination-item.active {
  background: #111;
  color: #fff;
}
.c-pagination-item.active .c-pagination-link {
  background: #3498db;
}

.c-pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 45px;
  height: 45px;
  background: #fff;
  border: solid 1px #cccccc;
  font-size: 14px;
  color: #111;
  font-weight: bold;
  transition: all 0.15s linear;
}

.c-icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.c-icon.size-s {
  width: 15px;
  height: 15px;
}
.c-icon.c-icon-settings {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z'/></svg>");
}
.c-icon.c-icon-chat_bubble {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M20.04,17.75H6.39v-1.5h12.89l-.07-11.25H4.71v11.25h-1.5V4.25c0-.41.34-.75.75-.75h16c.41,0,.75.33.75.75l.08,12.75c0,.2-.08.39-.22.53s-.33.22-.53.22Z'/><path fill='%235f6368' d='M3.21,21.9v-5.66c0-.41.34-.75.75-.75s.75.34.75.75v1.58l1.11-1.31c.27-.32.74-.35,1.06-.09.32.27.35.74.09,1.06l-3.75,4.42Z'/></svg>");
}
.c-icon.c-icon-dashboard {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M520-600v-240h320v240H520ZM120-440v-400h320v400H120Zm400 320v-400h320v400H520Zm-400 0v-240h320v240H120Zm80-400h160v-240H200v240Zm400 320h160v-240H600v240Zm0-480h160v-80H600v80ZM200-200h160v-80H200v80Zm160-320Zm240-160Zm0 240ZM360-280Z'/></svg>");
}
.c-icon.c-icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M14,19.39H5c-.96,0-1.75-.79-1.75-1.75V5.64c0-.96.79-1.75,1.75-1.75h14c.96,0,1.75.79,1.75,1.75v9h-1.5V5.64c0-.14-.11-.25-.25-.25H5c-.14,0-.25.11-.25.25v12c0,.14.11.25.25.25h9v1.5Z'/><rect fill='%235f6368' x='15.76' y='17.89' width='5' height='1.5'/><polygon fill='%235f6368' points='18.49 21.75 17.64 20.9 19.91 18.64 17.64 16.37 18.49 15.52 21.61 18.64 18.49 21.75'/><path fill='%235f6368' d='M12,12.39c-.12,0-.23-.03-.33-.08L3.67,8.31l.67-1.34,7.67,3.83,7.67-3.83.67,1.34-8,4c-.11.05-.22.08-.33.08Z'/></svg>");
}
.c-icon.c-icon-help {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/></svg>");
}
.c-icon.c-icon-notifications {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z'/></svg>");
}
.c-icon.c-icon-photo_camera {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M14,4.45l1.79,2,.45.5h4.26v12H3.5V6.95h4.26l.45-.5,1.79-2h4M14.11,2.95h-4.22c-.36,0-.69.15-.93.42l-1.86,2.08h-3.84c-.69,0-1.25.56-1.25,1.25v12.5c0,.69.56,1.25,1.25,1.25h17.5c.69,0,1.25-.56,1.25-1.25V6.7c0-.69-.56-1.25-1.25-1.25h-3.84l-1.86-2.08c-.24-.27-.58-.42-.93-.42h0Z'/><path fill='%235f6368' d='M11.96,9.95c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3M11.96,8.45c-2.49,0-4.5,2.01-4.5,4.5s2.01,4.5,4.5,4.5,4.5-2.01,4.5-4.5-2.01-4.5-4.5-4.5h0Z'/></svg>");
}
.c-icon.c-icon-person {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z'/></svg>");
}
.c-icon.c-icon-apartment {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M120-120v-560h160v-160h400v320h160v400H520v-160h-80v160H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z'/></svg>");
}
.c-icon.c-icon-add_business {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M720-40v-120H600v-80h120v-120h80v120h120v80H800v120h-80ZM80-160v-240H40v-80l40-200h600l40 200v80h-40v120h-80v-120H440v240H80Zm80-80h200v-160H160v160Zm-38-240h516-516ZM80-720v-80h600v80H80Zm42 240h516l-24-120H146l-24 120Z'/></svg>");
}
.c-icon.c-icon-edit {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z'/></svg>");
}
.c-icon.c-icon-photo_prints {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M508-200h224q-7 26-24 42t-44 20L228-85q-33 5-59.5-15.5T138-154L85-591q-4-33 16-59t53-30l46-6v80l-36 5 54 437 290-36Zm-148-80q-33 0-56.5-23.5T280-360v-440q0-33 23.5-56.5T360-880h440q33 0 56.5 23.5T880-800v440q0 33-23.5 56.5T800-280H360Zm0-80h440v-440H360v440Zm220-220ZM218-164Zm363-236q68 0 115.5-47T749-560q-68 0-116.5 47T581-400Zm0 0q-3-66-51.5-113T413-560q5 66 52.5 113T581-400Zm0-120q17 0 28.5-11.5T621-560v-10l10 4q15 6 30.5 3t23.5-17q9-15 6-32t-20-24l-10-4 10-4q17-7 19.5-24.5T685-700q-9-15-24-17.5t-30 3.5l-10 4v-10q0-17-11.5-28.5T581-760q-17 0-28.5 11.5T541-720v10l-10-4q-15-6-30-3.5T477-700q-8 14-5.5 31.5T491-644l10 4-10 4q-17 7-20 24t6 32q8 14 23.5 17t30.5-3l10-4v10q0 17 11.5 28.5T581-520Zm0-80q-17 0-28.5-11.5T541-640q0-17 11.5-28.5T581-680q17 0 28.5 11.5T621-640q0 17-11.5 28.5T581-600Z'/></svg>");
}
.c-icon.c-icon-psychology {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M240-80v-172q-57-52-88.5-121.5T120-520q0-150 105-255t255-105q125 0 221.5 73.5T827-615l52 205q5 19-7 34.5T840-360h-80v120q0 33-23.5 56.5T680-160h-80v80h-80v-160h160v-200h108l-38-155q-23-91-98-148t-172-57q-116 0-198 81t-82 197q0 60 24.5 114t69.5 96l26 24v208h-80Zm254-360Zm-54 80h80l6-50q8-3 14.5-7t11.5-9l46 20 40-68-40-30q2-8 2-16t-2-16l40-30-40-68-46 20q-5-5-11.5-9t-14.5-7l-6-50h-80l-6 50q-8 3-14.5 7t-11.5 9l-46-20-40 68 40 30q-2 8-2 16t2 16l-40 30 40 68 46-20q5 5 11.5 9t14.5 7l6 50Zm40-100q-25 0-42.5-17.5T420-520q0-25 17.5-42.5T480-580q25 0 42.5 17.5T540-520q0 25-17.5 42.5T480-460Z'/></svg>");
}
.c-icon.c-icon-swap_calls {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d=' M240-200 80-360l56-58 64 64v-286q0-66 47-113t113-47q66 0 113 47t47 113v280q0 33 23.5 56.5T600-280q33 0 56.5-23.5T680-360v-286l-64 64-56-58 160-160 160 160-56 58-64-64v286q0 66-47 113t-113 47q-66 0-113-47t-47-113v-280q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640v286l64-64 56 58-160 160Z'/></svg>");
}
.c-icon.c-icon-contact_support {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='m480-80-10-120h-10q-142 0-241-99t-99-241q0-142 99-241t241-99q71 0 132.5 26.5t108 73q46.5 46.5 73 108T800-540q0 75-24.5 144t-67 128q-42.5 59-101 107T480-80Zm80-146q71-60 115.5-140.5T720-540q0-109-75.5-184.5T460-800q-109 0-184.5 75.5T200-540q0 109 75.5 184.5T460-280h100v54Zm-101-95q17 0 29-12t12-29q0-17-12-29t-29-12q-17 0-29 12t-12 29q0 17 12 29t29 12Zm-29-127h60q0-30 6-42t38-44q18-18 30-39t12-45q0-51-34.5-76.5T460-720q-44 0-74 24.5T344-636l56 22q5-17 19-33.5t41-16.5q27 0 40.5 15t13.5 33q0 17-10 30.5T480-558q-35 30-42.5 47.5T430-448Zm30-65Z'/></svg>");
}
.c-icon.c-icon-app {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24' fill='%235f6368'><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M17.82,22.24H6.53c-.41,0-.75-.34-.75-.75V2.27c0-.41.34-.75.75-.75h11.28c.41,0,.75.34.75.75v19.22c0,.41-.34.75-.75.75ZM7.28,20.74h9.78V3.02H7.28v17.72Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M18.29,19.33H6.01l.02-15.05h12.28l-.02,15.05ZM7.01,18.33h10.28l.02-13.05H7.03l-.02,13.05Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M7.82,13.23l1.27-3.07s.04-.04.06-.04h.4s.05.01.06.04l1.27,3.07s0,.02,0,.02c0,.02-.02.04-.05.04h-.55s-.05-.01-.06-.04l-.22-.59h-1.32l-.23.59s-.03.04-.06.04h-.54s-.06-.02-.04-.06ZM9.81,12.12l-.46-1.2-.46,1.2h.91Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M11.33,13.24v-3.07s.02-.06.06-.06h.96c.84,0,1.26.41,1.26,1.11s-.42,1.11-1.26,1.11h-.43v.9s-.02.06-.06.06h-.47s-.06-.02-.06-.06ZM13.01,11.21c0-.38-.24-.56-.67-.56h-.41v1.14h.41c.43,0,.67-.18.67-.58Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M14.15,13.24v-3.07s.02-.06.06-.06h.96c.84,0,1.26.41,1.26,1.11s-.42,1.11-1.26,1.11h-.43v.9s-.02.06-.06.06h-.47s-.06-.02-.06-.06ZM15.82,11.21c0-.38-.24-.56-.67-.56h-.41v1.14h.41c.43,0,.67-.18.67-.58Z'/></svg>");
}
.c-icon.c-icon-home {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M20,20.75h-6c-.41,0-.75-.34-.75-.75v-5.25h-2.5v5.25c0,.41-.34.75-.75.75h-6c-.41,0-.75-.34-.75-.75v-12c0-.28.16-.54.42-.67L11.67,3.33c.21-.11.46-.11.67,0l8,4c.25.13.42.39.42.67v12c0,.41-.34.75-.75.75ZM14.75,19.25h4.5v-10.79l-7.25-3.62-7.25,3.62v10.79h4.5v-5.25c0-.41.34-.75.75-.75h4c.41,0,.75.34.75.75v5.25Z'/></svg>");
}
.c-icon.c-icon-mail {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M14,19.39H5c-.96,0-1.75-.79-1.75-1.75V5.64c0-.96.79-1.75,1.75-1.75h14c.96,0,1.75.79,1.75,1.75v9h-1.5V5.64c0-.14-.11-.25-.25-.25H5c-.14,0-.25.11-.25.25v12c0,.14.11.25.25.25h9v1.5Z'/><rect fill='%235f6368' x='15.76' y='17.89' width='5' height='1.5'/><polygon fill='%235f6368' points='18.49 21.75 17.64 20.9 19.91 18.64 17.64 16.37 18.49 15.52 21.61 18.64 18.49 21.75'/><path fill='%235f6368' d='M12,12.39c-.12,0-.23-.03-.33-.08L3.67,8.31l.67-1.34,7.67,3.83,7.67-3.83.67,1.34-8,4c-.11.05-.22.08-.33.08Z'/></svg>");
}
.c-icon.c-icon-cabinet {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M20,20.75H4.23c-.41,0-.74-.33-.75-.74l-.23-16c0-.2.08-.39.22-.54.14-.14.33-.22.53-.22h16c.41,0,.75.34.75.75v16c0,.41-.34.75-.75.75ZM4.97,19.25h14.28V4.75H4.76l.21,14.5Z'/><polygon fill='%235f6368' points='6.95 16.65 17.55 16.65 14.25 12.25 11.58 15.78 9.45 13.35 6.95 16.65'/><circle fill='%235f6368' cx='8.65' cy='8.3' r='1.25'/></svg>");
}
.c-icon.c-icon-asking {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M20.08,17.5H6.43v-1.5h12.89l-.07-11.25H4.75v11.25h-1.5V4c0-.41.34-.75.75-.75h16c.41,0,.75.33.75.75l.08,12.75c0,.2-.08.39-.22.53s-.33.22-.53.22Z'/><path fill='%235f6368' d='M4,20.36c-.09,0-.17-.01-.26-.05-.29-.11-.49-.39-.49-.7v-3.62c0-.41.34-.75.75-.75s.75.34.75.75v1.58l1.11-1.31c.27-.32.74-.35,1.06-.09.32.27.35.74.09,1.06l-2.43,2.86c-.14.17-.36.26-.57.26Z'/><path fill='%235f6368' d='M8.89,14.75h-2.01c-.41,0-.75-.34-.75-.75v-2c0-.2.08-.39.22-.54l5.11-5.01c.28-.28.73-.29,1.02-.03l2,1.77c.15.14.25.33.25.53,0,.21-.07.4-.21.55l-5.11,5.24c-.14.14-.33.23-.54.23ZM7.64,13.25h.94l4.34-4.45-.89-.79-4.39,4.3v.94Z'/><rect fill='%235f6368' x='13.18' y='13.25' width='4.05' height='1.5'/><polygon fill='%235f6368' points='10.16 8.8 12.15 10.65 14 8.76 12 6.99 10.16 8.8'/><polygon fill='%235f6368' points='11.43 14.75 13.18 13.25 13.18 14.75 11.43 14.75'/></svg>");
}
.c-icon.c-icon-bi {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect fill='%235f6368' x='2.65' y='18.95' width='18.89' height='1.5'/><rect fill='%235f6368' x='3.65' y='12.35' width='2.5' height='5.2'/><rect fill='%235f6368' x='8.45' y='7.33' width='2.5' height='10.22'/><rect fill='%235f6368' x='13.35' y='10.4' width='2.5' height='7.2'/><rect fill='%235f6368' x='18.15' y='4.12' width='2.5' height='13.43'/></svg>");
}
.c-icon.c-icon-store {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm720 0v-120q0-44-24.5-84.5T666-434q51 6 96 20.5t84 35.5q36 20 55 44.5t19 53.5v120H760ZM360-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm400-160q0 66-47 113t-113 47q-11 0-28-2.5t-28-5.5q27-32 41.5-71t14.5-81q0-42-14.5-81T544-792q14-5 28-6.5t28-1.5q66 0 113 47t47 113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0 320Zm0-400Z'/></svg>");
}
.c-icon.c-icon-competitor {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M2.15,20.95V2.95h10v4h10v14H2.15ZM4.15,18.95h2v-2h-2v2ZM4.15,14.95h2v-2h-2v2ZM4.15,10.95h2v-2h-2v2ZM4.15,6.95h2v-2h-2v2ZM8.15,18.95h2v-2h-2v2ZM8.15,14.95h2v-2h-2v2ZM8.15,10.95h2v-2h-2v2ZM8.15,6.95h2v-2h-2v2ZM12.15,18.95h8v-10h-8v2h2v2h-2v2h2v2h-2v2ZM16.15,12.95v-2h2v2h-2ZM16.15,16.95v-2h2v2h-2Z'/></svg>");
}
.c-icon.c-icon-info_delete {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 -960 960 960' width='15px' fill='%235f6368'><path d='M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z'/></svg>");
}
.c-icon.c-icon-callout {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M480-80q-26 0-47-12.5T400-126q-33 0-56.5-23.5T320-206v-142q-59-39-94.5-103T190-590q0-121 84.5-205.5T480-880q121 0 205.5 84.5T770-590q0 77-35.5 140T640-348v142q0 33-23.5 56.5T560-126q-12 21-33 33.5T480-80Zm-80-126h160v-36H400v36Zm0-76h160v-38H400v38Zm-8-118h58v-108l-88-88 42-42 76 76 76-76 42 42-88 88v108h58q54-26 88-76.5T690-590q0-88-61-149t-149-61q-88 0-149 61t-61 149q0 63 34 113.5t88 76.5Zm88-162Zm0-38Z'/></svg>");
}
.c-icon.c-icon-comment_copy {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z'/></svg>");
}
.c-icon.c-icon-lightbulb {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M12,22c-.55,0-1.02-.2-1.41-.59s-.59-.86-.59-1.41h4c0,.55-.2,1.02-.59,1.41s-.86.59-1.41.59ZM8,19v-2h8v2H8ZM8.25,16c-1.15-.68-2.06-1.6-2.74-2.75s-1.01-2.4-1.01-3.75c0-2.08.73-3.85,2.19-5.31,1.46-1.46,3.23-2.19,5.31-2.19s3.85.73,5.31,2.19,2.19,3.23,2.19,5.31c0,1.35-.34,2.6-1.01,3.75s-1.59,2.07-2.74,2.75h-7.5ZM8.85,14h6.3c.75-.53,1.33-1.19,1.74-1.98s.61-1.63.61-2.53c0-1.53-.53-2.83-1.6-3.9s-2.37-1.6-3.9-1.6-2.83.53-3.9,1.6-1.6,2.37-1.6,3.9c0,.9.2,1.74.61,2.53s.99,1.44,1.74,1.98Z'/></svg>");
}
.c-icon.c-icon-guide_boy {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' rx='1.5' ry='1.5' fill='none' stroke='%235f6368' stroke-width='2' stroke-miterlimit='10'/><circle cx='8.94' cy='9.13' r='1.5' fill='%235f6368'/><circle cx='14.94' cy='9.13' r='1.5' fill='%235f6368'/><path d='M15.2,14.16c0,1.38-1.43,2.5-3.2,2.5s-3.2-1.12-3.2-2.5' fill='none' stroke='%235f6368' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10'/></svg>");
}
.c-icon.c-icon-beginner_mark {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M12,21.35c-.16,0-.33-.05-.46-.16l-5.91-4.6c-.18-.14-.29-.36-.29-.59l-.08-12c0-.29.16-.55.41-.67s.56-.1.79.07l5.54,4.18,5.54-4.18c.23-.17.53-.2.78-.07.25.13.42.38.42.67l.07,12.07c0,.24-.11.46-.3.61l-6.06,4.53c-.13.1-.29.15-.45.15ZM6.83,15.63l5.18,4.03,5.3-3.96-.06-10.2-4.8,3.62c-.27.2-.64.2-.9,0l-4.78-3.61.07,10.12Z'/><polygon fill='%235f6368' points='6 4 11.99 8.52 11.99 20.6 6.08 16 6 4'/><polygon fill='%235f6368' points='10.02 8 12 9.45 13.92 8 10.02 8'/></svg>");
}
.c-icon.c-icon-competitor {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M2.15,20.95V2.95h10v4h10v14H2.15ZM4.15,18.95h2v-2h-2v2ZM4.15,14.95h2v-2h-2v2ZM4.15,10.95h2v-2h-2v2ZM4.15,6.95h2v-2h-2v2ZM8.15,18.95h2v-2h-2v2ZM8.15,14.95h2v-2h-2v2ZM8.15,10.95h2v-2h-2v2ZM8.15,6.95h2v-2h-2v2ZM12.15,18.95h8v-10h-8v2h2v2h-2v2h2v2h-2v2ZM16.15,12.95v-2h2v2h-2ZM16.15,16.95v-2h2v2h-2Z'/></svg>");
}
.c-icon.c-icon-compass {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%235f6368' d='M7.5,16.5l7-2,2-7-7,2-2,7ZM12,13.5c-.42,0-.77-.15-1.06-.44s-.44-.65-.44-1.06.15-.77.44-1.06c.29-.29.65-.44,1.06-.44s.77.15,1.06.44c.29.29.44.65.44,1.06s-.15.77-.44,1.06c-.29.29-.65.44-1.06.44ZM12,22c-1.38,0-2.68-.26-3.9-.79s-2.28-1.24-3.18-2.14-1.61-1.96-2.14-3.18c-.53-1.22-.79-2.52-.79-3.9s.26-2.68.79-3.9c.53-1.22,1.24-2.28,2.14-3.18s1.96-1.61,3.18-2.14,2.52-.79,3.9-.79,2.68.26,3.9.79,2.28,1.24,3.18,2.14,1.61,1.96,2.14,3.18c.53,1.22.79,2.52.79,3.9s-.26,2.68-.79,3.9c-.53,1.22-1.24,2.28-2.14,3.18s-1.96,1.61-3.18,2.14-2.52.79-3.9.79ZM12,20c2.22,0,4.1-.78,5.66-2.34,1.56-1.56,2.34-3.45,2.34-5.66s-.78-4.1-2.34-5.66-3.45-2.34-5.66-2.34-4.1.78-5.66,2.34c-1.56,1.56-2.34,3.45-2.34,5.66s.78,4.1,2.34,5.66c1.56,1.56,3.45,2.34,5.66,2.34Z'/></svg>");
}
.c-icon.c-icon-shoe_prints {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235f6368'><path d='M7.31 12.26c.37.53.92.8 1.64.8.5 0 .92-.18 1.25-.53.33-.35.5-.8.5-1.33 0-.31-.07-.6-.2-.89s-.23-.49-.31-.62l-.11-.18-3.3.97c-.02.66.16 1.26.53 1.79Z'/><path d='M10.51 6.18c0-.83-.22-1.6-.67-2.3-.44-.7-1.06-1.06-1.85-1.06-.73 0-1.33.32-1.81.96-.48.64-.71 1.44-.71 2.4 0 .85.12 1.55.36 2.11.24.56.41.92.51 1.08l.25.38 3.3-.97c.11-.28.24-.65.39-1.11.15-.46.22-.96.22-1.5Z'/><path d='M17.69 11.64c-.48-.64-1.08-.96-1.81-.96-.79 0-1.41.35-1.85 1.06-.44.7-.67 1.47-.67 2.3 0 .54.07 1.04.22 1.5.15.46.28.83.39 1.11l3.3.97.25-.39c.1-.16.27-.52.51-1.07.24-.56.36-1.26.36-2.11 0-.96-.24-1.76-.71-2.4Z'/><path d='M13.67 17.61c-.07.13-.18.34-.31.62s-.2.58-.2.89c0 .53.17.98.5 1.33.33.35.75.53 1.25.53.72 0 1.26-.27 1.63-.8.37-.53.55-1.13.54-1.79l-3.3-.97-.11.18Z'/></svg>");
}
.c-icon.c-icon-book {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235f6368'><path d='M6.5 16c.78 0 1.55.09 2.29.26s1.48.44 2.21.79V7.2c-.68-.4-1.41-.7-2.18-.9s-1.54-.3-2.33-.3c-.6 0-1.2.06-1.79.18s-1.16.29-1.71.53v9.9c.58-.2 1.16-.35 1.74-.45s1.16-.15 1.76-.15ZM13 17.05c.73-.35 1.47-.61 2.21-.79s1.5-.26 2.29-.26c.6 0 1.19.05 1.76.15s1.15.25 1.74.45V6.7c-.55-.23-1.12-.41-1.71-.53s-1.19-.18-1.79-.18c-.78 0-1.56.1-2.33.3s-1.49.5-2.18.9v9.85ZM12 20c-.8-.63-1.67-1.13-2.6-1.48s-1.9-.53-2.9-.53c-.7 0-1.39.09-2.06.28s-1.32.44-1.94.78c-.35.18-.69.18-1.01-.03s-.49-.49-.49-.88V6.1c0-.18.05-.36.14-.53s.23-.29.41-.38c.77-.4 1.57-.7 2.4-.9.83-.2 1.68-.3 2.55-.3.97 0 1.91.13 2.84.38s1.81.63 2.66 1.13c.85-.5 1.74-.88 2.66-1.13s1.87-.38 2.84-.38c.87 0 1.72.1 2.55.3s1.63.5 2.4.9c.18.08.32.21.41.38s.14.34.14.53v12.05c0 .38-.16.68-.49.88s-.66.21-1.01.03c-.62-.33-1.26-.59-1.94-.78s-1.36-.28-2.06-.28c-1 0-1.97.18-2.9.53s-1.8.84-2.6 1.48Z'/></svg>");
}
.c-icon.c-icon-settings--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z'/></svg>");
}
.c-icon.c-icon-chat_bubble--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M20.04,17.75H6.39v-1.5h12.89l-.07-11.25H4.71v11.25h-1.5V4.25c0-.41.34-.75.75-.75h16c.41,0,.75.33.75.75l.08,12.75c0,.2-.08.39-.22.53s-.33.22-.53.22Z'/><path fill='%23a0a0a0' d='M3.21,21.9v-5.66c0-.41.34-.75.75-.75s.75.34.75.75v1.58l1.11-1.31c.27-.32.74-.35,1.06-.09.32.27.35.74.09,1.06l-3.75,4.42Z'/></svg>");
}
.c-icon.c-icon-dashboard--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M520-600v-240h320v240H520ZM120-440v-400h320v400H120Zm400 320v-400h320v400H520Zm-400 0v-240h320v240H120Zm80-400h160v-240H200v240Zm400 320h160v-240H600v240Zm0-480h160v-80H600v80ZM200-200h160v-80H200v80Zm160-320Zm240-160Zm0 240ZM360-280Z'/></svg>");
}
.c-icon.c-icon-forward--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M14,19.39H5c-.96,0-1.75-.79-1.75-1.75V5.64c0-.96.79-1.75,1.75-1.75h14c.96,0,1.75.79,1.75,1.75v9h-1.5V5.64c0-.14-.11-.25-.25-.25H5c-.14,0-.25.11-.25.25v12c0,.14.11.25.25.25h9v1.5Z'/><rect fill='%23a0a0a0' x='15.76' y='17.89' width='5' height='1.5'/><polygon fill='%23a0a0a0' points='18.49 21.75 17.64 20.9 19.91 18.64 17.64 16.37 18.49 15.52 21.61 18.64 18.49 21.75'/><path fill='%23a0a0a0' d='M12,12.39c-.12,0-.23-.03-.33-.08L3.67,8.31l.67-1.34,7.67,3.83,7.67-3.83.67,1.34-8,4c-.11.05-.22.08-.33.08Z'/></svg>");
}
.c-icon.c-icon-help--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/></svg>");
}
.c-icon.c-icon-notifications--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z'/></svg>");
}
.c-icon.c-icon-photo_camera--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M14,4.45l1.79,2,.45.5h4.26v12H3.5V6.95h4.26l.45-.5,1.79-2h4M14.11,2.95h-4.22c-.36,0-.69.15-.93.42l-1.86,2.08h-3.84c-.69,0-1.25.56-1.25,1.25v12.5c0,.69.56,1.25,1.25,1.25h17.5c.69,0,1.25-.56,1.25-1.25V6.7c0-.69-.56-1.25-1.25-1.25h-3.84l-1.86-2.08c-.24-.27-.58-.42-.93-.42h0Z'/><path fill='%23a0a0a0' d='M11.96,9.95c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3M11.96,8.45c-2.49,0-4.5,2.01-4.5,4.5s2.01,4.5,4.5,4.5,4.5-2.01,4.5-4.5-2.01-4.5-4.5-4.5h0Z'/></svg>");
}
.c-icon.c-icon-person--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z'/></svg>");
}
.c-icon.c-icon-apartment--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M120-120v-560h160v-160h400v320h160v400H520v-160h-80v160H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z'/></svg>");
}
.c-icon.c-icon-add_business--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M720-40v-120H600v-80h120v-120h80v120h120v80H800v120h-80ZM80-160v-240H40v-80l40-200h600l40 200v80h-40v120h-80v-120H440v240H80Zm80-80h200v-160H160v160Zm-38-240h516-516ZM80-720v-80h600v80H80Zm42 240h516l-24-120H146l-24 120Z'/></svg>");
}
.c-icon.c-icon-edit--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z'/></svg>");
}
.c-icon.c-icon-photo_prints--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M508-200h224q-7 26-24 42t-44 20L228-85q-33 5-59.5-15.5T138-154L85-591q-4-33 16-59t53-30l46-6v80l-36 5 54 437 290-36Zm-148-80q-33 0-56.5-23.5T280-360v-440q0-33 23.5-56.5T360-880h440q33 0 56.5 23.5T880-800v440q0 33-23.5 56.5T800-280H360Zm0-80h440v-440H360v440Zm220-220ZM218-164Zm363-236q68 0 115.5-47T749-560q-68 0-116.5 47T581-400Zm0 0q-3-66-51.5-113T413-560q5 66 52.5 113T581-400Zm0-120q17 0 28.5-11.5T621-560v-10l10 4q15 6 30.5 3t23.5-17q9-15 6-32t-20-24l-10-4 10-4q17-7 19.5-24.5T685-700q-9-15-24-17.5t-30 3.5l-10 4v-10q0-17-11.5-28.5T581-760q-17 0-28.5 11.5T541-720v10l-10-4q-15-6-30-3.5T477-700q-8 14-5.5 31.5T491-644l10 4-10 4q-17 7-20 24t6 32q8 14 23.5 17t30.5-3l10-4v10q0 17 11.5 28.5T581-520Zm0-80q-17 0-28.5-11.5T541-640q0-17 11.5-28.5T581-680q17 0 28.5 11.5T621-640q0 17-11.5 28.5T581-600Z'/></svg>");
}
.c-icon.c-icon-psychology--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M240-80v-172q-57-52-88.5-121.5T120-520q0-150 105-255t255-105q125 0 221.5 73.5T827-615l52 205q5 19-7 34.5T840-360h-80v120q0 33-23.5 56.5T680-160h-80v80h-80v-160h160v-200h108l-38-155q-23-91-98-148t-172-57q-116 0-198 81t-82 197q0 60 24.5 114t69.5 96l26 24v208h-80Zm254-360Zm-54 80h80l6-50q8-3 14.5-7t11.5-9l46 20 40-68-40-30q2-8 2-16t-2-16l40-30-40-68-46 20q-5-5-11.5-9t-14.5-7l-6-50h-80l-6 50q-8 3-14.5 7t-11.5 9l-46-20-40 68 40 30q-2 8-2 16t2 16l-40 30 40 68 46-20q5 5 11.5 9t14.5 7l6 50Zm40-100q-25 0-42.5-17.5T420-520q0-25 17.5-42.5T480-580q25 0 42.5 17.5T540-520q0 25-17.5 42.5T480-460Z'/></svg>");
}
.c-icon.c-icon-swap_calls--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d=' M240-200 80-360l56-58 64 64v-286q0-66 47-113t113-47q66 0 113 47t47 113v280q0 33 23.5 56.5T600-280q33 0 56.5-23.5T680-360v-286l-64 64-56-58 160-160 160 160-56 58-64-64v286q0 66-47 113t-113 47q-66 0-113-47t-47-113v-280q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640v286l64-64 56 58-160 160Z'/></svg>");
}
.c-icon.c-icon-contact_support--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='m480-80-10-120h-10q-142 0-241-99t-99-241q0-142 99-241t241-99q71 0 132.5 26.5t108 73q46.5 46.5 73 108T800-540q0 75-24.5 144t-67 128q-42.5 59-101 107T480-80Zm80-146q71-60 115.5-140.5T720-540q0-109-75.5-184.5T460-800q-109 0-184.5 75.5T200-540q0 109 75.5 184.5T460-280h100v54Zm-101-95q17 0 29-12t12-29q0-17-12-29t-29-12q-17 0-29 12t-12 29q0 17 12 29t29 12Zm-29-127h60q0-30 6-42t38-44q18-18 30-39t12-45q0-51-34.5-76.5T460-720q-44 0-74 24.5T344-636l56 22q5-17 19-33.5t41-16.5q27 0 40.5 15t13.5 33q0 17-10 30.5T480-558q-35 30-42.5 47.5T430-448Zm30-65Z'/></svg>");
}
.c-icon.c-icon-app--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24' fill='%23a0a0a0'><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M17.82,22.24H6.53c-.41,0-.75-.34-.75-.75V2.27c0-.41.34-.75.75-.75h11.28c.41,0,.75.34.75.75v19.22c0,.41-.34.75-.75.75ZM7.28,20.74h9.78V3.02H7.28v17.72Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M18.29,19.33H6.01l.02-15.05h12.28l-.02,15.05ZM7.01,18.33h10.28l.02-13.05H7.03l-.02,13.05Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M7.82,13.23l1.27-3.07s.04-.04.06-.04h.4s.05.01.06.04l1.27,3.07s0,.02,0,.02c0,.02-.02.04-.05.04h-.55s-.05-.01-.06-.04l-.22-.59h-1.32l-.23.59s-.03.04-.06.04h-.54s-.06-.02-.04-.06ZM9.81,12.12l-.46-1.2-.46,1.2h.91Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M11.33,13.24v-3.07s.02-.06.06-.06h.96c.84,0,1.26.41,1.26,1.11s-.42,1.11-1.26,1.11h-.43v.9s-.02.06-.06.06h-.47s-.06-.02-.06-.06ZM13.01,11.21c0-.38-.24-.56-.67-.56h-.41v1.14h.41c.43,0,.67-.18.67-.58Z'/><path class='uuid-c3db2b63-df9c-47ae-9705-5b4538b41ccd' d='M14.15,13.24v-3.07s.02-.06.06-.06h.96c.84,0,1.26.41,1.26,1.11s-.42,1.11-1.26,1.11h-.43v.9s-.02.06-.06.06h-.47s-.06-.02-.06-.06ZM15.82,11.21c0-.38-.24-.56-.67-.56h-.41v1.14h.41c.43,0,.67-.18.67-.58Z'/></svg>");
}
.c-icon.c-icon-home--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M20,20.75h-6c-.41,0-.75-.34-.75-.75v-5.25h-2.5v5.25c0,.41-.34.75-.75.75h-6c-.41,0-.75-.34-.75-.75v-12c0-.28.16-.54.42-.67L11.67,3.33c.21-.11.46-.11.67,0l8,4c.25.13.42.39.42.67v12c0,.41-.34.75-.75.75ZM14.75,19.25h4.5v-10.79l-7.25-3.62-7.25,3.62v10.79h4.5v-5.25c0-.41.34-.75.75-.75h4c.41,0,.75.34.75.75v5.25Z'/></svg>");
}
.c-icon.c-icon-mail--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M14,19.39H5c-.96,0-1.75-.79-1.75-1.75V5.64c0-.96.79-1.75,1.75-1.75h14c.96,0,1.75.79,1.75,1.75v9h-1.5V5.64c0-.14-.11-.25-.25-.25H5c-.14,0-.25.11-.25.25v12c0,.14.11.25.25.25h9v1.5Z'/><rect fill='%23a0a0a0' x='15.76' y='17.89' width='5' height='1.5'/><polygon fill='%23a0a0a0' points='18.49 21.75 17.64 20.9 19.91 18.64 17.64 16.37 18.49 15.52 21.61 18.64 18.49 21.75'/><path fill='%23a0a0a0' d='M12,12.39c-.12,0-.23-.03-.33-.08L3.67,8.31l.67-1.34,7.67,3.83,7.67-3.83.67,1.34-8,4c-.11.05-.22.08-.33.08Z'/></svg>");
}
.c-icon.c-icon-cabinet--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M20,20.75H4.23c-.41,0-.74-.33-.75-.74l-.23-16c0-.2.08-.39.22-.54.14-.14.33-.22.53-.22h16c.41,0,.75.34.75.75v16c0,.41-.34.75-.75.75ZM4.97,19.25h14.28V4.75H4.76l.21,14.5Z'/><polygon fill='%23a0a0a0' points='6.95 16.65 17.55 16.65 14.25 12.25 11.58 15.78 9.45 13.35 6.95 16.65'/><circle fill='%23a0a0a0' cx='8.65' cy='8.3' r='1.25'/></svg>");
}
.c-icon.c-icon-asking--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M20.08,17.5H6.43v-1.5h12.89l-.07-11.25H4.75v11.25h-1.5V4c0-.41.34-.75.75-.75h16c.41,0,.75.33.75.75l.08,12.75c0,.2-.08.39-.22.53s-.33.22-.53.22Z'/><path fill='%23a0a0a0' d='M4,20.36c-.09,0-.17-.01-.26-.05-.29-.11-.49-.39-.49-.7v-3.62c0-.41.34-.75.75-.75s.75.34.75.75v1.58l1.11-1.31c.27-.32.74-.35,1.06-.09.32.27.35.74.09,1.06l-2.43,2.86c-.14.17-.36.26-.57.26Z'/><path fill='%23a0a0a0' d='M8.89,14.75h-2.01c-.41,0-.75-.34-.75-.75v-2c0-.2.08-.39.22-.54l5.11-5.01c.28-.28.73-.29,1.02-.03l2,1.77c.15.14.25.33.25.53,0,.21-.07.4-.21.55l-5.11,5.24c-.14.14-.33.23-.54.23ZM7.64,13.25h.94l4.34-4.45-.89-.79-4.39,4.3v.94Z'/><rect fill='%23a0a0a0' x='13.18' y='13.25' width='4.05' height='1.5'/><polygon fill='%23a0a0a0' points='10.16 8.8 12.15 10.65 14 8.76 12 6.99 10.16 8.8'/><polygon fill='%23a0a0a0' points='11.43 14.75 13.18 13.25 13.18 14.75 11.43 14.75'/></svg>");
}
.c-icon.c-icon-bi--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect fill='%23a0a0a0' x='2.65' y='18.95' width='18.89' height='1.5'/><rect fill='%23a0a0a0' x='3.65' y='12.35' width='2.5' height='5.2'/><rect fill='%23a0a0a0' x='8.45' y='7.33' width='2.5' height='10.22'/><rect fill='%23a0a0a0' x='13.35' y='10.4' width='2.5' height='7.2'/><rect fill='%23a0a0a0' x='18.15' y='4.12' width='2.5' height='13.43'/></svg>");
}
.c-icon.c-icon-store--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm720 0v-120q0-44-24.5-84.5T666-434q51 6 96 20.5t84 35.5q36 20 55 44.5t19 53.5v120H760ZM360-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm400-160q0 66-47 113t-113 47q-11 0-28-2.5t-28-5.5q27-32 41.5-71t14.5-81q0-42-14.5-81T544-792q14-5 28-6.5t28-1.5q66 0 113 47t47 113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0 320Zm0-400Z'/></svg>");
}
.c-icon.c-icon-competitor--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M2.15,20.95V2.95h10v4h10v14H2.15ZM4.15,18.95h2v-2h-2v2ZM4.15,14.95h2v-2h-2v2ZM4.15,10.95h2v-2h-2v2ZM4.15,6.95h2v-2h-2v2ZM8.15,18.95h2v-2h-2v2ZM8.15,14.95h2v-2h-2v2ZM8.15,10.95h2v-2h-2v2ZM8.15,6.95h2v-2h-2v2ZM12.15,18.95h8v-10h-8v2h2v2h-2v2h2v2h-2v2ZM16.15,12.95v-2h2v2h-2ZM16.15,16.95v-2h2v2h-2Z'/></svg>");
}
.c-icon.c-icon-info_delete--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 -960 960 960' width='15px' fill='%23a0a0a0'><path d='M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z'/></svg>");
}
.c-icon.c-icon-comment_copy--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23a0a0a0'><path d='M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z'/></svg>");
}
.c-icon.c-icon-lightbulb--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M12,22c-.55,0-1.02-.2-1.41-.59s-.59-.86-.59-1.41h4c0,.55-.2,1.02-.59,1.41s-.86.59-1.41.59ZM8,19v-2h8v2H8ZM8.25,16c-1.15-.68-2.06-1.6-2.74-2.75s-1.01-2.4-1.01-3.75c0-2.08.73-3.85,2.19-5.31,1.46-1.46,3.23-2.19,5.31-2.19s3.85.73,5.31,2.19,2.19,3.23,2.19,5.31c0,1.35-.34,2.6-1.01,3.75s-1.59,2.07-2.74,2.75h-7.5ZM8.85,14h6.3c.75-.53,1.33-1.19,1.74-1.98s.61-1.63.61-2.53c0-1.53-.53-2.83-1.6-3.9s-2.37-1.6-3.9-1.6-2.83.53-3.9,1.6-1.6,2.37-1.6,3.9c0,.9.2,1.74.61,2.53s.99,1.44,1.74,1.98Z'/></svg>");
}
.c-icon.c-icon-guide_boy--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' rx='1.5' ry='1.5' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-miterlimit='10'/><circle cx='8.94' cy='9.13' r='1.5' fill='%23a0a0a0'/><circle cx='14.94' cy='9.13' r='1.5' fill='%23a0a0a0'/><path d='M15.2,14.16c0,1.38-1.43,2.5-3.2,2.5s-3.2-1.12-3.2-2.5' fill='none' stroke='%23a0a0a0' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10'/></svg>");
}
.c-icon.c-icon-beginner_mark--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M12,21.35c-.16,0-.33-.05-.46-.16l-5.91-4.6c-.18-.14-.29-.36-.29-.59l-.08-12c0-.29.16-.55.41-.67s.56-.1.79.07l5.54,4.18,5.54-4.18c.23-.17.53-.2.78-.07.25.13.42.38.42.67l.07,12.07c0,.24-.11.46-.3.61l-6.06,4.53c-.13.1-.29.15-.45.15ZM6.83,15.63l5.18,4.03,5.3-3.96-.06-10.2-4.8,3.62c-.27.2-.64.2-.9,0l-4.78-3.61.07,10.12Z'/><polygon fill='%23a0a0a0' points='6 4 11.99 8.52 11.99 20.6 6.08 16 6 4'/><polygon fill='%23a0a0a0' points='10.02 8 12 9.45 13.92 8 10.02 8'/></svg>");
}
.c-icon.c-icon-competitor--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M2.15,20.95V2.95h10v4h10v14H2.15ZM4.15,18.95h2v-2h-2v2ZM4.15,14.95h2v-2h-2v2ZM4.15,10.95h2v-2h-2v2ZM4.15,6.95h2v-2h-2v2ZM8.15,18.95h2v-2h-2v2ZM8.15,14.95h2v-2h-2v2ZM8.15,10.95h2v-2h-2v2ZM8.15,6.95h2v-2h-2v2ZM12.15,18.95h8v-10h-8v2h2v2h-2v2h2v2h-2v2ZM16.15,12.95v-2h2v2h-2ZM16.15,16.95v-2h2v2h-2Z'/></svg>");
}
.c-icon.c-icon-compass--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a0a0a0' d='M7.5,16.5l7-2,2-7-7,2-2,7ZM12,13.5c-.42,0-.77-.15-1.06-.44s-.44-.65-.44-1.06.15-.77.44-1.06c.29-.29.65-.44,1.06-.44s.77.15,1.06.44c.29.29.44.65.44,1.06s-.15.77-.44,1.06c-.29.29-.65.44-1.06.44ZM12,22c-1.38,0-2.68-.26-3.9-.79s-2.28-1.24-3.18-2.14-1.61-1.96-2.14-3.18c-.53-1.22-.79-2.52-.79-3.9s.26-2.68.79-3.9c.53-1.22,1.24-2.28,2.14-3.18s1.96-1.61,3.18-2.14,2.52-.79,3.9-.79,2.68.26,3.9.79,2.28,1.24,3.18,2.14,1.61,1.96,2.14,3.18c.53,1.22.79,2.52.79,3.9s-.26,2.68-.79,3.9c-.53,1.22-1.24,2.28-2.14,3.18s-1.96,1.61-3.18,2.14-2.52.79-3.9.79ZM12,20c2.22,0,4.1-.78,5.66-2.34,1.56-1.56,2.34-3.45,2.34-5.66s-.78-4.1-2.34-5.66-3.45-2.34-5.66-2.34-4.1.78-5.66,2.34c-1.56,1.56-2.34,3.45-2.34,5.66s.78,4.1,2.34,5.66c1.56,1.56,3.45,2.34,5.66,2.34Z'/></svg>");
}
.c-icon.c-icon-shoe_prints--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0a0a0'><path d='M7.31 12.26c.37.53.92.8 1.64.8.5 0 .92-.18 1.25-.53.33-.35.5-.8.5-1.33 0-.31-.07-.6-.2-.89s-.23-.49-.31-.62l-.11-.18-3.3.97c-.02.66.16 1.26.53 1.79Z'/><path d='M10.51 6.18c0-.83-.22-1.6-.67-2.3-.44-.7-1.06-1.06-1.85-1.06-.73 0-1.33.32-1.81.96-.48.64-.71 1.44-.71 2.4 0 .85.12 1.55.36 2.11.24.56.41.92.51 1.08l.25.38 3.3-.97c.11-.28.24-.65.39-1.11.15-.46.22-.96.22-1.5Z'/><path d='M17.69 11.64c-.48-.64-1.08-.96-1.81-.96-.79 0-1.41.35-1.85 1.06-.44.7-.67 1.47-.67 2.3 0 .54.07 1.04.22 1.5.15.46.28.83.39 1.11l3.3.97.25-.39c.1-.16.27-.52.51-1.07.24-.56.36-1.26.36-2.11 0-.96-.24-1.76-.71-2.4Z'/><path d='M13.67 17.61c-.07.13-.18.34-.31.62s-.2.58-.2.89c0 .53.17.98.5 1.33.33.35.75.53 1.25.53.72 0 1.26-.27 1.63-.8.37-.53.55-1.13.54-1.79l-3.3-.97-.11.18Z'/></svg>");
}
.c-icon.c-icon-book--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0a0a0'><path d='M6.5 16c.78 0 1.55.09 2.29.26s1.48.44 2.21.79V7.2c-.68-.4-1.41-.7-2.18-.9s-1.54-.3-2.33-.3c-.6 0-1.2.06-1.79.18s-1.16.29-1.71.53v9.9c.58-.2 1.16-.35 1.74-.45s1.16-.15 1.76-.15ZM13 17.05c.73-.35 1.47-.61 2.21-.79s1.5-.26 2.29-.26c.6 0 1.19.05 1.76.15s1.15.25 1.74.45V6.7c-.55-.23-1.12-.41-1.71-.53s-1.19-.18-1.79-.18c-.78 0-1.56.1-2.33.3s-1.49.5-2.18.9v9.85ZM12 20c-.8-.63-1.67-1.13-2.6-1.48s-1.9-.53-2.9-.53c-.7 0-1.39.09-2.06.28s-1.32.44-1.94.78c-.35.18-.69.18-1.01-.03s-.49-.49-.49-.88V6.1c0-.18.05-.36.14-.53s.23-.29.41-.38c.77-.4 1.57-.7 2.4-.9.83-.2 1.68-.3 2.55-.3.97 0 1.91.13 2.84.38s1.81.63 2.66 1.13c.85-.5 1.74-.88 2.66-1.13s1.87-.38 2.84-.38c.87 0 1.72.1 2.55.3s1.63.5 2.4.9c.18.08.32.21.41.38s.14.34.14.53v12.05c0 .38-.16.68-.49.88s-.66.21-1.01.03c-.62-.33-1.26-.59-1.94-.78s-1.36-.28-2.06-.28c-1 0-1.97.18-2.9.53s-1.8.84-2.6 1.48Z'/></svg>");
}

.c-appearance-gray:hover .c-icon-info_delete {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='15px' viewBox='0 -960 960 960' width='15px' fill='%23e74c3c'><path d='M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z'/></svg>");
}

.p-footer {
  background-color: #fff;
  color: #000;
}
.p-footer .p-copyright {
  line-height: 30px;
  margin: 0;
}

.p-header {
  background-color: #fff;
  color: #000;
}
.p-header nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 100%;
}
.p-header nav .right-box {
  display: flex;
  align-items: center;
}
.p-header nav ul {
  display: flex;
  margin: 10px;
}
.p-header nav ul::before,
.p-header nav ul::after {
  content: "";
  width: 1px;
  height: auto;
  background-color: #f5f5f5;
}
.p-header nav li {
  margin: 0 5px;
}
.p-header nav li:last-child,
.p-header nav li:first-child {
  margin: 0 15px;
}
.p-header nav .p-header__icon svg {
  fill: currentColor;
  /* 親要素の文字色を継承 */
}
.p-header .p-header__right-box {
  display: flex;
  align-items: center;
}
.p-header .p-header__right-box .c-select {
  max-width: 300px;
  min-width: 200px;
  width: 20vw;
}
.p-header .p-header__logo {
  display: flex;
}

.p-side {
  /*background-color: #33475b;*/
  background-color: #fff;
  color: #000;
  z-index: 11;
}
.p-side .p-side__nav {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.p-side .p-side__menu-title {
  display: none;
}
.p-side .p-side__menu-item:hover, .p-side .p-side__menu-item:focus {
  background-color: rgb(219.5, 219.5, 219.5);
  border-left: 5px solid #c2c2c2;
}
.p-side .p-side__menu-item a {
  padding: 10px 20px;
  display: flex;
}
.p-side .p-side__menu-item--active {
  border-left: 5px solid #c2c2c2;
}
.p-side .p-side__menu-item--selected {
  background-color: #f5f5f5;
}
.p-side .p-side__menu-item--disabled {
  color: #a0a0a0;
}
.p-side a {
  padding: 10px 20px;
  display: flex;
}

.p-side--active {
  width: 260px;
}
.p-side--active .p-side__menu-link {
  display: flex;
  align-items: center;
}
.p-side--active .p-side__menu-title {
  display: block;
  margin: 0 10px;
}

.p-app-main {
  background-color: #f5f5f5;
}

.p-app-header {
  display: flex;
  align-items: center;
  margin: auto;
  border-bottom: 1px solid #cccccc;
  background-color: #f5f5f5;
}
.p-app-header h2 {
  margin: 0 20px;
}

.p-app-side {
  color: #000;
  min-width: 216px;
  background-color: #f5f5f5;
}
.p-app-side .p-app-side__nav {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #cccccc;
}
.p-app-side .p-app-side__menu-item {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
.p-app-side .p-app-side__menu-item a {
  display: block;
  padding: 10px 20px;
}
.p-app-side .p-app-side__menu-item:hover, .p-app-side .p-app-side__menu-item:focus {
  background-color: #c2c2c2;
  border-left: 5px solid #a0a0a0;
}
.p-app-side .p-app-side__menu-item--selected {
  background-color: rgb(219.5, 219.5, 219.5);
}
.p-app-side .p-app-side__menu-item--disabled {
  color: rgb(178.5, 178.5, 178.5);
}
.p-app-side .p-app-side__submenu-list {
  display: none;
  position: absolute;
  top: 0;
  left: 220px;
  width: 0px;
  height: 100%;
  background-color: #fff;
  border-right: 1px solid #cccccc;
}
.p-app-side .p-app-side__submenu-list .p-app-side__submenu-item {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
.p-app-side .p-app-side__submenu-list .p-app-side__submenu-item a {
  display: block;
  padding: 10px 20px;
}
.p-app-side .p-app-side__submenu-list .p-app-side__submenu-item:hover, .p-app-side .p-app-side__submenu-list .p-app-side__submenu-item:focus {
  background-color: #c2c2c2;
  border-left: 5px solid #a0a0a0;
}
.p-app-side .p-app-side__submenu-list .p-app-side__submenu-item--selected {
  background-color: #f5f5f5;
}
.p-app-side .p-app-side__menu-item--active {
  background-color: #c2c2c2;
}
.p-app-side .p-app-side__menu-item--active .p-app-side__submenu-list {
  display: block;
  animation-name: AppSidemenuDisplayAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes AppSidemenuDisplayAnime {
  from {
    opacity: 0;
    width: 0px;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
    width: 220px;
  }
}
.p-app-side .p-app-side__menu-group {
  margin-left: 10px;
}
.p-app-side .p-app-side__menu-group .p-app-side__menu-group-title {
  border-bottom: 1px solid #cccccc;
  font-size: medium;
  font-weight: bold;
  padding: 10px 0;
}

.p-modal {
  display: none;
  position: fixed;
  z-index: 10;
  /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-modal .p-modal-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}
.p-modal .p-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 500px;
  padding: 1.5rem;
  background-color: #f5f5f5;
}
.p-modal .p-modal-content.is-l {
  max-width: 800px;
}
.p-modal .p-modal-content.is-ll {
  max-width: 1000px;
}
.p-modal .p-modal-close {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.c-newslist li {
  margin: 20px 0;
  border-bottom: 1px solid #cccccc;
}
.c-newslist li a {
  display: flex;
  justify-content: flex-start;
}
.c-newslist li a > *:first-child {
  margin-right: 1rem;
  min-width: 20%;
}

.p-form .p-form-box {
  margin: 1.5rem 0;
}
.p-form .p-form-box .p-label-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-form.p-formprevie {
  display: flex;
}
.p-form.p-formprevie .p-form-formarea {
  width: 66.6666666667%;
  margin: 0 15px 0 0;
}
.p-form.p-formprevie .p-form-previewarea {
  width: 33.3333333333%;
  margin: 0 0 0 15px;
}
.p-form.p-formprevie .p-form-previewarea .p-form-phoneframe {
  background: #fff;
  margin: 10px auto 0;
  border: solid 5px #000;
  border-bottom: solid 0 #000;
  border-radius: 20px 20px 0 0;
  width: 80%;
  min-height: 45vh;
}

/*tabの形状*/
.p-tab {
  width: 100%;
  flex-wrap: wrap;
}
.p-tab .p-tab-selector {
  display: flex;
  width: 100%;
  border-bottom: solid 1px rgb(229.5, 229.5, 229.5);
}
.p-tab .p-tab-selector li {
  margin: 0;
}
.p-tab li a {
  display: block;
  margin: 0;
  padding: 10px 20px;
}
.p-tab {
  /*liにactiveクラスがついた時の形状*/
}
.p-tab li.active a {
  border-bottom: solid 2px rgb(178.5, 178.5, 178.5);
}
.p-tab {
  /*エリアの表示非表示と形状*/
}
.p-tab .p-tab-area {
  display: none;
  /*はじめは非表示*/
  opacity: 0;
  /*透過0*/
  padding: 0.5rem 0.75rem;
  /*areaにis-activeというクラスがついた時の形状*/
}
.p-tab .p-tab-area.is-active {
  display: block;
  /*表示*/
  animation-name: displayAnime;
  /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.p-header__login-button {
  cursor: pointer;
  padding: 10px;
  border: none;
  background-color: transparent;
}

.dropdown {
  position: absolute;
  right: 10px;
  top: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  transition: opacity 0.3s ease, transform 0.3s ease;
  max-width: 250px;
  /* ドロップダウンの最大幅を設定 */
  /*dropdown_setting {
      right: 170px;
  }*/
}
.dropdown.hidden {
  display: none;
}
.dropdown.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  /* 表示時の位置調整 */
}
.dropdown.hide {
  opacity: 0;
  transform: translateY(-10px);
  /* 非表示時の位置調整 */
}
.dropdown .dropdown-header {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
}
.dropdown .dropdown-header .account-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  object-fit: cover;
  flex-shrink: 0;
  /* アイコンが縮まないようにする */
}
.dropdown .dropdown-header .user-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dropdown .dropdown-header .user-info .username {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 長いユーザー名を省略する */
}
.dropdown .dropdown-header .user-info .email {
  font-size: 10px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* メールが長い場合に省略 */
}
.dropdown .dropdown-content .dropdown-item {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
}
.dropdown .dropdown-content .dropdown-item:last-child {
  border-bottom: none;
  /* 最後のアイテムのボーダーを削除 */
}
.dropdown .dropdown-content .dropdown-item h4 {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.dropdown .dropdown-content .dropdown-item p {
  margin: 5px 0;
  font-size: 12px;
  color: #333;
}
.dropdown .dropdown-content .dropdown-item .progress-bar {
  background-color: #e0e0e0;
  border-radius: 5px;
  height: 8px;
  width: 100%;
}
.dropdown .dropdown-content .dropdown-item .progress-bar .progress {
  background-color: #4caf50;
  height: 100%;
  transition: width 0.3s ease;
  /* 進捗バーのスムーズなアニメーション */
}
.dropdown .dropdown-content .dropdown-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 12px;
  padding: 5px 0;
}
.dropdown .dropdown-content .dropdown-item a .external-link-icon {
  margin-left: 8px;
  font-size: 14px;
  color: #666;
}
.dropdown .dropdown-content .dropdown-item a .external-link-icon::before {
  content: "→";
  /* 外部リンクアイコンとして矢印を追加 */
  font-size: 14px;
  color: #666;
}

div#dropdownMenu2 {
  width: 140px;
}

.p-error {
  text-align: center;
  max-width: 600px;
  margin: 5vh auto;
}
.p-error__icon {
  font-size: 3rem;
  color: #0d0d0d;
  line-height: 1;
}
.p-error__icon .material-symbols-outlined {
  font-size: 3.5rem;
}
.p-error__code {
  font-size: 5rem;
  font-weight: bold;
  color: #0d0d0d;
  margin: 0;
  line-height: 1;
}
.p-error__title {
  font-size: 1.5rem;
  color: #0d0d0d;
}
.p-error__description {
  color: #0d0d0d;
}
.p-error__solution {
  margin-bottom: 1rem;
}
.p-error__solution-title {
  color: #0d0d0d;
  margin-top: 0;
  text-align: left;
}
.p-error__solution-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.p-error__solution-list li {
  margin-bottom: 0.5rem;
  text-align: left;
}
.p-error__solution-list li:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .p-error {
    margin: 1rem;
  }
  .p-error__code {
    font-size: 4rem;
  }
  .p-error__title {
    font-size: 1.25rem;
  }
}
.p-group-stores {
  display: none;
  padding-left: 20px;
  background-color: #fff;
}

.p-group-header {
  display: flex;
  justify-content: space-between;
  padding: 0.9rem;
  background-color: #f1f1f1;
}

.p-toggle-icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%207L10%2012L15%207%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.p-toggle-icon.active {
  transform: rotate(180deg);
}

.p-group {
  height: 300px;
  overflow-y: auto;
  margin-top: 20px;
}

.p-modal-search {
  margin-top: 10px;
}

.p-group-name {
  text-align: left;
  font-size: small;
  font-weight: bold;
}

.p-account-text {
  padding: 5px;
}

.p-group div {
  margin: 5px;
}

.p-group-name a {
  color: #000;
  text-decoration: underline;
}

.p-colorpalette {
  margin: 0 0 1rem 0;
}
.p-colorpalette .p-primary-color {
  background-color: #3498db;
}
.p-colorpalette .p-secondary-color {
  background-color: #2ecc71;
}
.p-colorpalette .p-accent-color {
  background-color: #e74c3c;
}
.p-colorpalette .p-disabled-color {
  background-color: #d3d3d3;
}
.p-colorpalette .p-background-color {
  background-color: #f5f5f5;
}
.p-colorpalette .p-text-color {
  background-color: #0d0d0d;
}
.p-colorpalette .p-border-color {
  background-color: #cccccc;
}
.p-colorpalette .p-primary-color-light-10 {
  background-color: rgb(95.3179916318, 173.9790794979, 226.6820083682);
}
.p-colorpalette .p-primary-color-light-20 {
  background-color: rgb(138.6359832636, 195.9581589958, 234.3640167364);
}
.p-colorpalette .p-primary-color-dark-10 {
  background-color: rgb(33.1380753138, 125.1882845188, 186.8619246862);
}
.p-colorpalette .p-primary-color-dark-20 {
  background-color: rgb(25.4560669456, 96.1673640167, 143.5439330544);
}
.p-colorpalette .p-secondary-color-light-10 {
  background-color: rgb(84.456, 216.544, 140.468);
}
.p-colorpalette .p-secondary-color-light-20 {
  background-color: rgb(126.072, 225.928, 168.416);
}
.p-colorpalette .p-secondary-color-dark-10 {
  background-color: rgb(36.616, 162.384, 89.948);
}
.p-colorpalette .p-secondary-color-dark-20 {
  background-color: rgb(27.232, 120.768, 66.896);
}
.p-colorpalette .p-accent-color-light-10 {
  background-color: rgb(236.5890410959, 117.6849315068, 105.4109589041);
}
.p-colorpalette .p-accent-color-light-20 {
  background-color: rgb(242.1780821918, 159.3698630137, 150.8219178082);
}
.p-colorpalette .p-accent-color-dark-10 {
  background-color: rgb(213.698630137, 43.8356164384, 26.301369863);
}
.p-colorpalette .p-accent-color-dark-20 {
  background-color: rgb(168.2876712329, 34.5205479452, 20.7123287671);
}
.p-colorpalette .p-disabled-color-light-10 {
  background-color: rgb(236.5, 236.5, 236.5);
}
.p-colorpalette .p-disabled-color-light-20 {
  background-color: hsl(0, 0%, 102.7450980392%);
}
.p-colorpalette .p-disabled-color-dark-10 {
  background-color: rgb(185.5, 185.5, 185.5);
}
.p-colorpalette .p-disabled-color-dark-20 {
  background-color: #a0a0a0;
}
.p-colorpalette .p-background-color-light-10 {
  background-color: hsl(0, 0%, 106.0784313725%);
}
.p-colorpalette .p-background-color-light-20 {
  background-color: hsl(0, 0%, 116.0784313725%);
}
.p-colorpalette .p-background-color-dark-10 {
  background-color: rgb(219.5, 219.5, 219.5);
}
.p-colorpalette .p-background-color-dark-20 {
  background-color: #c2c2c2;
}
.p-colorpalette .p-border-color-light-10 {
  background-color: rgb(229.5, 229.5, 229.5);
}
.p-colorpalette .p-border-color-light-20 {
  background-color: white;
}
.p-colorpalette .p-border-color-dark-10 {
  background-color: rgb(178.5, 178.5, 178.5);
}
.p-colorpalette .p-border-color-dark-20 {
  background-color: #999999;
}
.p-colorpalette .p-background-color-inverted {
  background-color: #fff;
}
.p-colorpalette .p-text-color-inverted {
  background-color: #000;
}
.p-colorpalette .p-colorpalette-box {
  display: flex;
}
.p-colorpalette .p-color {
  display: block;
  width: 100px;
  height: 100px;
}
.p-colorpalette p {
  margin: 0;
}

.p-info {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  overflow: hidden;
}

.icon-info {
  width: 24px;
  /* アイコンの幅 */
  height: 24px;
  /* アイコンの高さ */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%202960%206960%22%20width%3D%2224px%22%20fill%3D%22%235f6368%22%3E%3Cpath%20d%3D%22m424-296%20282-282-56-56-226%20226-114-114-56%2056%20170%20170Zm56%20216q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E%3C%2Fsvg%3E");
  /* SVGアイコンのパスを指定 */
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  /* アイコンをインラインブロック要素に */
  margin-right: 8px;
  /* アイコンとテキストの間隔 */
}

.u-mt-s {
  margin-top: 0.5rem;
}

.u-mt-m {
  margin-top: 1rem;
}

.u-mt-l {
  margin-top: 2rem;
}

.u-mt-xl {
  margin-top: 4rem;
}

.u-mr-s {
  margin-right: 0.5rem;
}

.u-mr-m {
  margin-right: 1rem;
}

.u-mr-l {
  margin-right: 2rem;
}

.u-mr-xl {
  margin-right: 4rem;
}

.u-mb-s {
  margin-bottom: 0.5rem;
}

.u-mb-m {
  margin-bottom: 1rem;
}

.u-mb-l {
  margin-bottom: 2rem;
}

.u-mb-xl {
  margin-bottom: 4rem;
}

.u-ml-s {
  margin-left: 0.5rem;
}

.u-ml-m {
  margin-left: 1rem;
}

.u-ml-l {
  margin-left: 2rem;
}

.u-ml-xl {
  margin-left: 4rem;
}

.u-mx-s {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.u-mx-m {
  margin-left: 1rem;
  margin-right: 1rem;
}

.u-mx-l {
  margin-left: 2rem;
  margin-right: 2rem;
}

.u-mx-xl {
  margin-left: 4rem;
  margin-right: 4rem;
}

.u-my-s {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.u-my-m {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.u-my-l {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.u-my-xl {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.u-pt-s {
  padding-top: 0.5rem;
}

.u-pt-m {
  padding-top: 1rem;
}

.u-pt-l {
  padding-top: 2rem;
}

.u-pt-xl {
  padding-top: 4rem;
}

.u-pr-s {
  padding-right: 0.5rem;
}

.u-pr-m {
  padding-right: 1rem;
}

.u-pr-l {
  padding-right: 2rem;
}

.u-pr-xl {
  padding-right: 4rem;
}

.u-pb-s {
  padding-bottom: 0.5rem;
}

.u-pb-m {
  padding-bottom: 1rem;
}

.u-pb-l {
  padding-bottom: 2rem;
}

.u-pb-xl {
  padding-bottom: 4rem;
}

.u-pl-s {
  padding-left: 0.5rem;
}

.u-pl-m {
  padding-left: 1rem;
}

.u-pl-l {
  padding-left: 2rem;
}

.u-pl-xl {
  padding-left: 4rem;
}

.u-px-s {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.u-px-m {
  padding-left: 1rem;
  padding-right: 1rem;
}

.u-px-l {
  padding-left: 2rem;
  padding-right: 2rem;
}

.u-px-xl {
  padding-left: 4rem;
  padding-right: 4rem;
}

.u-py-s {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.u-py-m {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.u-py-l {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.u-py-xl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.u-center-horizontal {
  margin-left: auto;
  margin-right: auto;
}

.u-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.u-left {
  display: flex;
  justify-content: left;
  align-items: center;
}

.u-right {
  display: flex;
  justify-content: right;
  align-items: center;
}

.u-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}

.u-space-evenly {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 15px;
}

.u-space-evenly * {
  flex: 1;
  /* 子要素を等分に広げる */
}

p.u-xs,
span.u-xs,
a.u-xs {
  font-size: 0.6rem;
}
p.u-s,
span.u-s,
a.u-s {
  font-size: 0.8rem;
}
p.u-m,
span.u-m,
a.u-m {
  font-size: 1rem;
}
p.u-l,
span.u-l,
a.u-l {
  font-size: 1.2rem;
}
p.u-xl,
span.u-xl,
a.u-xl {
  font-size: 1.4rem;
}
p.u-xxl,
span.u-xxl,
a.u-xxl {
  font-size: 1.6rem;
}
p.u-xxl,
span.u-xxl,
a.u-xxl {
  font-size: 1.8rem;
}
p.u-comfort,
span.u-comfort,
a.u-comfort {
  line-height: 1.75;
}
p.u-normal,
span.u-normal,
a.u-normal {
  line-height: 1.5;
}
p.u-dense,
span.u-dense,
a.u-dense {
  line-height: 1.25;
}

h1.u-center,
h2.u-center,
h3.u-center,
h4.u-center,
h5.u-center,
h6.u-center,
p.u-center,
span.u-center,
small.u-center,
a.u-center {
  text-align: center;
}
h1.u-right,
h2.u-right,
h3.u-right,
h4.u-right,
h5.u-right,
h6.u-right,
p.u-right,
span.u-right,
small.u-right,
a.u-right {
  text-align: right;
}
h1.u-left,
h2.u-left,
h3.u-left,
h4.u-left,
h5.u-left,
h6.u-left,
p.u-left,
span.u-left,
small.u-left,
a.u-left {
  text-align: left;
}
h1.u-bold,
h2.u-bold,
h3.u-bold,
h4.u-bold,
h5.u-bold,
h6.u-bold,
p.u-bold,
span.u-bold,
small.u-bold,
a.u-bold {
  font-weight: bold;
}
h1.u-italic,
h2.u-italic,
h3.u-italic,
h4.u-italic,
h5.u-italic,
h6.u-italic,
p.u-italic,
span.u-italic,
small.u-italic,
a.u-italic {
  font-style: italic;
}
h1.u-uppercase,
h2.u-uppercase,
h3.u-uppercase,
h4.u-uppercase,
h5.u-uppercase,
h6.u-uppercase,
p.u-uppercase,
span.u-uppercase,
small.u-uppercase,
a.u-uppercase {
  text-transform: uppercase;
}
h1.u-lowercase,
h2.u-lowercase,
h3.u-lowercase,
h4.u-lowercase,
h5.u-lowercase,
h6.u-lowercase,
p.u-lowercase,
span.u-lowercase,
small.u-lowercase,
a.u-lowercase {
  text-transform: lowercase;
}
h1.u-capitalize,
h2.u-capitalize,
h3.u-capitalize,
h4.u-capitalize,
h5.u-capitalize,
h6.u-capitalize,
p.u-capitalize,
span.u-capitalize,
small.u-capitalize,
a.u-capitalize {
  text-transform: capitalize;
}
h1.u-underline,
h2.u-underline,
h3.u-underline,
h4.u-underline,
h5.u-underline,
h6.u-underline,
p.u-underline,
span.u-underline,
small.u-underline,
a.u-underline {
  text-decoration: underline;
}
h1.u-strikethrough,
h2.u-strikethrough,
h3.u-strikethrough,
h4.u-strikethrough,
h5.u-strikethrough,
h6.u-strikethrough,
p.u-strikethrough,
span.u-strikethrough,
small.u-strikethrough,
a.u-strikethrough {
  text-decoration: line-through;
}
h1.u-nowrap,
h2.u-nowrap,
h3.u-nowrap,
h4.u-nowrap,
h5.u-nowrap,
h6.u-nowrap,
p.u-nowrap,
span.u-nowrap,
small.u-nowrap,
a.u-nowrap {
  white-space: nowrap;
}

.top-content {
  margin: 0 auto;
  padding: 40px 40px;
  width: 100%;
}
.top-content p,
.top-content .menu button {
  font-size: 0.9rem;
}
.top-content h2 {
  font-size: 1.3em;
}

/* メニュータブ */
.menu {
  display: flex;
  margin-bottom: 20px;
  padding: 3px;
  background-color: #eee;
  border-radius: 5px;
  color: #ddd;
}

.menu button {
  flex: 1;
  padding: 10px 0;
  font-size: 1rem;
  font-weight: bold;
  color: #ccc;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.menu button.active {
  color: #000;
  background-color: #fff;
  border-radius: 5px;
}

.menu button:hover {
  color: #000;
  background-color: #fff;
  border-radius: 5px;
}

/* カード */
.cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.card {
  flex: 0 1 calc(33.333% - 20px);
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.card a {
  display: block;
  padding: 10px;
}

.label {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ccc;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
}

.card p {
  margin: 10px 0 0;
  font-weight: bold;
}

.cards {
  display: none;
  text-align: center;
}

.cards.active {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.quick-actions {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* シャドウを追加 */
}

.video-container {
  overflow: hidden;
  cursor: pointer;
}

/* 最初はGIFが停止した状態 */
.hover-video {
  width: 60px;
  height: 60px;
  /* 必要に応じて調整 */
}

.bi {
  margin: 30px 0px;
}

.tb-in {
  display: flex;
  margin-bottom: 20px 0px;
  flex-wrap: wrap;
  /* 横並びにし、画面幅に応じて折り返す */
  gap: 16px;
  /* 要素間の隙間 */
}

.tb-in > div {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  flex: 1 1 calc(25% - 16px);
  /* 4列配置 */
  /* 画面幅に応じてサイズを調整（2列配置） */
  max-width: 100%;
  /* 幅が親要素を超えないようにする */
  height: 500px;
  /* Tableauの高さを指定 */
}

tableau-viz {
  width: 100%;
  /* 親要素に合わせた幅 */
  height: 100%;
  /* 親要素に合わせた高さ */
}

.callout {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  overflow: hidden;
}

html,
body {
  scroll-padding-top: 120px;
}

.c-auth-headding {
  margin-top: 40px;
  margin-bottom: 32px;
  text-align: center;
}

.c-auth-boxes {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 -0.1px 1px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.1215686275), 0 0 rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  overflow: hidden;
}

.c-auth-box-inner {
  padding: 0 200px;
}

.c-button-box {
  text-align: center;
}

.c-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-invalid {
  color: #d62c1a;
}

.text-link-navigation {
  color: #217dbb;
}

.text-center {
  text-align: center;
}

.hidden {
  display: none;
}

.ts-control {
  font-size: 1rem !important;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem !important;
  line-height: 1.5rem !important;
  color: initial !important;
  border: 1px solid #afb3ba !important;
}

.ts-control > input {
  width: initial;
  padding: 0.5rem 1rem;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.ts-dropdown {
  font-size: 1rem !important;
  padding: 0.5rem !important;
  line-height: initial !important;
}

.p-form-box input[readonly] {
  background-color: #d3d3d3;
}

body.auth-page {
  position: static !important;
}

/* 全体のレイアウト */
.guide-container {
  display: flex;
  font-family: Arial, sans-serif;
  color: #697a79;
  /*top説明*/
}
.guide-container .guide-intro {
  background-color: #f5fdfc;
  padding: 20px;
  margin-bottom: 50px;
  border-radius: 5px;
}
.guide-container .guide-intro h3 {
  color: #08d4c6;
  text-align: center;
}
.guide-container .guide-intro p {
  color: #697a79;
  margin: 0;
  text-align: left;
}
.guide-container .guide-intro-container {
  margin-bottom: 2rem;
  text-align: center;
  padding: 40px 20px;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f9fdfd;
  color: #333;
  line-height: 1.6;
}
.guide-container .guide-intro-title {
  color: #00c4cc;
  font-size: 24px;
  margin-bottom: 8px;
}
.guide-container .guide-intro-subtitle {
  color: #666;
  font-size: 14px;
  margin-bottom: 40px;
}
.guide-container .guide-intro-steps-wrapper {
  width: 100%;
  padding: 16px 0;
}
.guide-container .guide-intro-steps {
  display: flex;
  flex-wrap: wrap; /* 折り返し可能に変更 */
  justify-content: center;
  gap: 10px;
  padding-bottom: 16px;
  overflow-x: visible; /* 横スクロールなし */
}
.guide-container {
  /* 各ステップ + 説明 */
}
.guide-container .guide-intro-step-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(25% - 38px); /* 4列 */
  min-width: 220px;
}
.guide-container .guide-intro-step {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  text-align: center;
  width: 100%;
}
.guide-container .guide-intro-step-header {
  background-color: #00c4cc;
  color: #fff;
  padding: 10px 0;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}
.guide-container .guide-intro-step img {
  width: 100%;
  border-radius: 0 0 8px 8px;
  padding: 10px;
}
.guide-container .guide-intro-caption {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  text-align: center;
}
.guide-container {
  /* 矢印 */
}
.guide-container .guide-intro-arrow {
  font-size: 24px;
  color: #00c4cc;
  align-self: center;
  display: flex; /* デフォルトは表示 */
}
.guide-container {
  /* ▼ レスポンシブ対応 ▼ */
  /* タブレット: 2列表示 */
}
@media screen and (max-width: 1024px) {
  .guide-container .guide-intro-step-group {
    width: calc(50% - 18px);
  }
  .guide-container .guide-intro-arrow {
    display: none; /* 矢印非表示 */
  }
}
.guide-container {
  /* スマホ: 1列表示 */
}
@media screen and (max-width: 600px) {
  .guide-container .guide-intro-step-group {
    width: 100%;
  }
  .guide-container .guide-intro-arrow {
    display: none; /* 矢印非表示 */
  }
}
.guide-container .sidebar {
  position: fixed;
  /* サイドバーを固定表示にする */
  width: 250px;
  background-color: #f4f4f4;
  padding: 15px;
  border-right: 1px solid #ddd;
  overflow-y: auto;
  height: 100vh;
  /* 画面の高さいっぱいにする */
}
.guide-container .menu-category {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.guide-container .menu-category span {
  font-size: 12px;
  color: #888;
}
.guide-container .menu-content {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.guide-container .menu-content.active {
  max-height: 500px;
  transition: max-height 0.3s ease-in;
}
.guide-container .menu-item {
  display: flex;
  align-items: center;
  padding: 8px 0;
  justify-content: space-between;
}
.guide-container .menu-right {
  display: flex;
  align-items: center;
  gap: 8px;
  /* 時間と矢印の間隔 */
}
.guide-container .menu-time {
  font-size: 12px;
  color: #333;
  background-color: #fff;
  padding: 3px;
  /* 時間の色を少しグレーに */
  font-weight: normal;
  width: 210px;
  text-align: center;
  border-radius: 10px;
}
.guide-container .main-content {
  flex-grow: 1;
  padding: 40px;
  background-color: #f4f4f4;
  margin-left: 250px;
}
.guide-container .step[data-icon=product]::before {
  background-image: url("./images/itemadd.png");
  /* 商品登録のアイコン */
}
.guide-container .step[data-icon=questionnaire]::before {
  background-image: url("./images/questionnaire.png");
  /* アンケート配信のアイコン */
}
.guide-container .step[data-icon=analysis]::before {
  background-image: url("./images/analysis.png");
  /* アンケート分析のアイコン */
}
.guide-container .step[data-icon=personalize]::before {
  background-image: url("./images/send.png");
  /* パーソナライズ配信のアイコン */
}
.guide-container .step.active::before {
  filter: brightness(0) invert(1);
  /* アイコンの色を反転して白にする */
}
.guide-container {
  /* アコーディオン */
}
.guide-container .accordion-innr {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
}
.guide-container {
  /* チェックボックスとラベルを横並びに */
}
.guide-container .accordion-item {
  display: flex;
  align-items: center;
}
.guide-container .accordion-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.guide-container .menu-checkbox {
  margin-right: 10px;
  /* チェックボックスとラベルの間にスペース */
}
.guide-container {
  /* アイコンの回転 */
}
.guide-container .accordion-icon {
  height: 10px;
  margin: 5px;
  transition: transform 0.3s ease;
  /* 回転アニメーション */
}
.guide-container {
  /* アコーディオンの開閉 */
}
.guide-container .accordion-content {
  display: none;
  padding: 15px;
}
.guide-container .accordion-content h5 {
  margin: 0;
  line-height: 1.5;
  /* 行間を調整 */
}
.guide-container .accordion-content h5 .material-symbols-outlined {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  /* アイコンの位置を調整 */
}
.guide-container .accordion-content-innr {
  padding: 10px;
}
.guide-container {
  /* 開いたアコーディオンのスタイル */
}
.guide-container .accordion-innr.open .accordion-content {
  display: block;
}
.guide-container .accordion-header {
  display: block;
  width: 100%;
}
.guide-container .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.guide-container .accordion-innr {
  width: 100%;
}
.guide-container {
  /* シンプルな四角形、角丸のチェックボックス */
}
.guide-container .side-check {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  /* 角を丸くする */
  border: 2px solid #333;
  /* 枠線の色 */
  background-color: #fff;
  /* 背景色 */
  cursor: pointer;
  position: relative;
  appearance: none;
  /* デフォルトのチェックボックスのスタイルを無効にする */
  transition: background-color 0.3s, border-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-container {
  /* チェックボックスがチェックされている場合 */
}
.guide-container .side-check:checked {
  background-color: #0056b3;
  /* チェック時の背景色 */
  border-color: #0056b3;
  /* 枠線の色 */
}
.guide-container {
  /* チェックマーク（borderで作成） */
}
.guide-container .side-check:checked::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(-45deg);
}
.guide-container {
  /* ラベルのスタイル */
}
.guide-container label {
  margin-left: 8px;
  font-size: 16px;
  cursor: pointer;
}
.guide-container .guide-box {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px 10px 10px 10px;
}
.guide-container {
  /* ステップのラベル */
}
.guide-container .step-label {
  margin-bottom: 8px;
  font-size: 14px;
  text-align: center;
}
.guide-container .accordion-title {
  padding: 10px;
  border-radius: 10px 10px 0px 0px;
  font-weight: bold;
}
.guide-container .accordion-active {
  background-color: #08d4c6;
  color: #fff;
}
.guide-container .accordion-active .menu-text.menu-itemadd::before {
  background-image: url("./images/itemadd_on.png");
}
.guide-container .accordion-active .menu-text.menu-questionnaire::before {
  background-image: url("./images/questionnaire_on.png");
}
.guide-container .accordion-active .menu-text.menu-analysis::before {
  background-image: url("./images/analysis_on.png");
}
.guide-container .accordion-active .menu-text.menu-send::before {
  background-image: url("./images/send_on.png");
}
.guide-container .accordion-active .menu-text.menu-send::before {
  background-image: url("./images/send_on.png");
}
.guide-container .accordion-active .menu-text.menu-completion::before {
  background-image: url("./images/completion_on.png");
}
.guide-container .accordion-active .menu-text.menu-itemadd::before {
  background-image: url("./images/itemadd_on.png");
}
.guide-container .accordion-active .menu-text.menu-ec::before {
  background-image: url("./images/ec_on.png");
}
.guide-container .accordion-active .menu-text.menu-mail::before {
  background-image: url("./images/mail_on.png");
}
.guide-container .accordion-active .menu-text.menu-app::before {
  background-image: url("./images/app_on.png");
}
.guide-container .accordion-default {
  background-color: #ddd;
  color: #697a79;
}
.guide-container .accordion-default .menu-text.menu-itemadd::before {
  background-image: url("./images/itemadd_off.png");
}
.guide-container .accordion-default .menu-text.menu-questionnaire::before {
  background-image: url("./images/questionnaire_off.png");
}
.guide-container .accordion-default .menu-text.menu-analysis::before {
  background-image: url("./images/analysis_off.png");
}
.guide-container .accordion-default .menu-text.menu-send::before {
  background-image: url("./images/send_off.png");
}
.guide-container .accordion-default .menu-text.menu-completion::before {
  background-image: url("./images/completion_off.png");
}
.guide-container .accordion-default .menu-text.menu-completion::before {
  background-image: url("./images/completion_off.png");
}
.guide-container .accordion-default .menu-text.menu-ec::before {
  background-image: url("./images/ec_off.png");
}
.guide-container .accordion-default .menu-text.menu-mail::before {
  background-image: url("./images/mail_off.png");
}
.guide-container .accordion-default .menu-text.menu-app::before {
  background-image: url("./images/app_off.png");
}
.guide-container .accordion-completion {
  background-color: #697a79;
  color: #fff;
}
.guide-container .accordion-completion .menu-text.menu-itemadd::before {
  background-image: url("./images/itemadd_on.png");
}
.guide-container .accordion-completion .menu-text.menu-questionnaire::before {
  background-image: url("./images/questionnaire_on.png");
}
.guide-container .accordion-completion .menu-text.menu-analysis::before {
  background-image: url("./images/analysis_on.png");
}
.guide-container .accordion-completion .menu-text.menu-send::before {
  background-image: url("./images/send_on.png");
}
.guide-container .accordion-completion .menu-text.menu-completion::before {
  background-image: url("./images/completion_on.png");
}
.guide-container .accordion-completion .menu-text.menu-ec::before {
  background-image: url("./images/ec_on.png");
}
.guide-container .accordion-completion .menu-text.menu-mail::before {
  background-image: url("./images/mail_on.png");
}
.guide-container .accordion-completion .menu-text.menu-app::before {
  background-image: url("./images/app_on.png");
}
.guide-container {
  /* menu-text にアイコンを追加 */
}
.guide-container .menu-text {
  position: relative;
  padding-left: 45px;
}
.guide-container .menu-text h5 {
  margin-bottom: 5px;
}
.guide-container {
  /* ::before でアイコンを表示 */
}
.guide-container .menu-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /* アイコンのサイズ */
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.guide-container .guide_h1 {
  font-size: 1.5em;
  margin-bottom: 30px;
  text-align: center;
}
.guide-container .sidebar > .menu-item {
  font-size: 12px;
}
.guide-container .accordion-title {
  border-radius: 10px;
  transition: border-radius 0.1s ease;
}
.guide-container .accordion-title.open {
  border-radius: 10px 10px 0 0;
}
.guide-container .c-button {
  background-image: none;
  font-weight: bold;
}
.guide-container .c-button {
  transition: background-color 0.3s ease;
}
.guide-container {
  /*完了ボタンエリア*/
}
.guide-container .button-container {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d9d9d9;
  display: flex;
  justify-content: center;
  /* 左右中央配置 */
}
.guide-container .complete-btn {
  background-color: #495857;
  color: white;
  font-size: 13px;
  padding: 10px 40px;
  border: none;
  border-radius: 20px;
  /* 角丸 */
  cursor: pointer;
  /* アイコン分のスペース確保 */
}
.guide-container .complete-btn:hover {
  background-color: #ffa755;
}
.guide-container .complete-btn:focus {
  background-color: #495857;
}
.guide-container .complete-btn:active {
  background-color: #495857;
}
.guide-container {
  /* 初期状態（「このステップを完了する」が表示される） */
}
.guide-container .complete-btn .c-body p {
  position: relative;
  /* 疑似要素の基準位置 */
}
.guide-container {
  /* 初期状態では何も表示しない */
}
.guide-container .complete-btn .c-body p::after {
  content: "";
}
.guide-container {
  /* 完了時（completed クラスが追加された時） */
}
.guide-container .completed .c-body p {
  color: transparent;
  /* 元のテキストを透明にする */
}
.guide-container {
  /* 完了時の疑似要素 */
}
.guide-container .completed .c-body p::after {
  content: "完了を取り消す";
  color: #fff;
  font-size: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-container {
  /* デフォルトの状態: check_circleを表示し、arrow_circle_leftを非表示 */
}
.guide-container .c-leading .icon-check {
  display: inline-block;
}
.guide-container .c-leading .icon-check-completed {
  display: none;
}
.guide-container {
  /* completedクラスが追加された時: check_circleを非表示にし、arrow_circle_leftを表示 */
}
.guide-container .c-button.complete-btn.completed .c-leading .icon-check {
  display: none;
}
.guide-container .c-button.complete-btn.completed .c-leading .icon-check-completed {
  display: inline-block;
}
.guide-container .guide-btn {
  background-color: #08d4c6;
}
.guide-container .guide-btn:hover {
  background-color: #06b3a7;
}
.guide-container {
  /*サイドの進捗バー*/
}
.guide-container .side-progress-container {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.guide-container .side-progress-bar {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23C7D2D1'><path d='m421-298 283-283-46-45-237 237-120-120-45 45 165 166Zm59 218q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 90px;
}
.guide-container .side-progress-bar.side-progress-bar-complete {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%2308D4C6'><path d='m421-298 283-283-46-45-237 237-120-120-45 45 165 166Zm59 218q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z'/></svg>");
}
.guide-container .side-progress {
  height: 10px;
  background: #08d4c6;
  border-radius: 10px;
  transition: width 0.3s ease;
}
.guide-container {
  /*プログレス*/
}
.guide-container .progress-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 50px auto;
}
.guide-container {
  /* 進捗バーのライン */
}
.guide-container .progress-line {
  position: absolute;
  top: 45%;
  left: 10%;
  width: 80%;
  height: 4px;
  background-color: #ddd;
  z-index: 1;
}
.guide-container .progress-line-pa {
  position: absolute;
  top: 35%;
  left: 25%;
  width: 50%;
  height: 4px;
  background-color: #ddd;
  z-index: 1;
}
.guide-container .progress-line-active {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 25%;
  height: 4px;
  background-color: #2fc3b1;
  z-index: 2;
}
.guide-container {
  /* ステップの基本スタイル */
}
.guide-container .step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 25%;
  text-align: center;
}
.guide-container .step {
  position: relative;
  background-color: #ddd;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: background-color 0.3s ease;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.guide-container {
  /* 各ステップの通常時アイコン */
}
.guide-container .step-itemadd-default {
  background-image: url("./images/itemadd_default.png");
}
.guide-container .step-questionnaire-default {
  background-image: url("./images/questionnaire_default.png");
}
.guide-container .step-analysis-default {
  background-image: url("./images/analysis_default.png");
}
.guide-container .step-send-default {
  background-image: url("./images/send_default.png");
}
.guide-container .step-ec-default {
  background-image: url("./images/ec_default.png");
}
.guide-container .step-mail-default {
  background-image: url("./images/mail_default.png");
}
.guide-container .step-app-default {
  background-image: url("./images/app_default.png");
}
.guide-container {
  /* active のとき背景色変更 & 画像変更 */
}
.guide-container .step-itemadd-active {
  background-image: url("./images/itemadd_active.png");
}
.guide-container .step-questionnaire-active {
  background-image: url("./images/questionnaire_active.png");
}
.guide-container .step-analysis-active {
  background-image: url("./images/analysis_active.png");
}
.guide-container .step-send-active {
  background-image: url("./images/send_active.png");
}
.guide-container .step-ec-active {
  background-image: url("./images/ec_active.png");
}
.guide-container .step-mail-active {
  background-image: url("./images/mail_active.png");
}
.guide-container .step-app-active {
  background-image: url("./images/app_active.png");
}
.guide-container .step-container .step.step-completed {
  background-color: #697a79;
  background-size: 30px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'><path d='M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q65 0 123 19t107 53l-58 59q-38-24-81-37.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-18-2-36t-6-35l65-65q11 32 17 66t6 70q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-56-216L254-466l56-56 114 114 400-401 56 56-456 457Z'/></svg>");
}
.guide-container .step-text {
  margin-top: 8px;
  font-size: 14px;
}
.guide-container .button-area {
  max-width: 500px;
  margin: 0 auto;
}
.guide-container .side-button-area {
  max-width: 190px;
  margin: 0 auto;
}
.guide-container .button-area-flex {
  display: flex;
  gap: 10px;
  max-width: 500px;
  margin: 0 auto;
}
.guide-container .button-area-flex button {
  flex: 1;
}
.guide-container .button-area-flex-02 {
  display: flex;
  gap: 20px;
  margin: 0 auto;
}
.guide-container .button-area-flex-02 button {
  flex: 1;
}
.guide-container .divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  max-width: 500px;
}
.guide-container .divider::before,
.guide-container .divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
}
.guide-container .quote {
  background-color: #f5f5f5;
  padding: 20px;
  display: flex;
  place-items: self-end;
}
.guide-container {
  /*通知メッセージ*/
}
.guide-container .notification {
  display: flex;
  align-items: center;
  background-color: #f0f9f7;
  padding: 16px;
  border-radius: 8px;
  color: #065c58;
}
.guide-container .notification-error {
  display: flex;
  align-items: center;
  background-color: rgba(255, 231, 133, 0.1);
  padding: 16px;
  border-radius: 8px;
  color: rgb(191, 160, 18, var(--tw-text-opacity, 1));
  border-color: rgb(191, 160, 18, var(--tw-border-opacity, 1));
  border: 1px solid;
}
.guide-container .notification-error i {
  font-size: 20px;
  margin-right: 10px;
}
.guide-container .notification-error p {
  margin: 0 0 0 15px;
  font-size: 16px;
  line-height: 1.5;
}
.guide-container .notification i {
  font-size: 20px;
  margin-right: 10px;
}
.guide-container .notification p {
  margin: 0 0 0 15px;
  font-size: 16px;
  line-height: 1.5;
}
.guide-container {
  /* タイトル部分のスタイル */
}
.guide-container .personalize-title {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 30px;
}
.guide-container {
  /* メニューアイテムのスタイル */
}
.guide-container .side-menu-item {
  display: flex;
  align-items: center;
  position: relative;
}
.guide-container .side-menu-item div {
  display: flex;
  align-items: center;
  width: 100%;
}
.guide-container .side-menu-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
  padding: 10px 0;
  width: 100%;
  font-size: 0.9em;
}
.guide-container .side-menu-item a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.guide-container {
  /* ラベルとテキストを縦並びに */
}
.guide-container .menu-label-wrapper {
  display: flex;
  flex-direction: column;
}
.guide-container {
  /* step1ラベル */
}
.guide-container .menu-label {
  width: 50px;
  font-size: 10px;
  color: #697a79;
  padding: 2px;
  border-radius: 12px;
  margin-bottom: 4px;
  line-height: 1;
}
.guide-container {
  /* EC連携テキスト */
}
.guide-container .side-menu-text {
  font-size: 14px;
  line-height: 1.2;
}
.guide-container {
  /* 各メニューのアイコン指定 */
}
.guide-container .side-menu-item.side-ec a::before {
  background-image: url("./images/ec.png");
}
.guide-container .side-menu-item.side-mail a::before {
  background-image: url("./images/mail.png");
}
.guide-container .side-menu-item.side-app a::before {
  background-image: url("./images/app.png");
}
.guide-container .side-menu-item.side-itemadd a::before {
  background-image: url("./images/itemadd.png");
}
.guide-container .side-menu-item.side-questionnaire a::before {
  background-image: url("./images/questionnaire.png");
}
.guide-container .side-menu-item.side-analysis a::before {
  background-image: url("./images/analysis.png");
}
.guide-container .side-menu-item.side-send a::before {
  background-image: url("./images/send.png");
}
.guide-container {
  /* チェックマークのスタイル */
}
.guide-container .side-menu-item::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  right: 0px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ddd"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>') no-repeat center center;
  background-position: center;
  background-repeat: no-repeat;
}
.guide-container .side-menu-item.active::after {
  width: 30px;
  height: 30px;
  border-color: #08d4c6;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2308D4C6"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>') no-repeat center center;
}
.guide-container {
  /* 完了画面のコンテナ */
}
.guide-container .completion-container {
  margin: 0 auto;
  text-align: center;
}
.guide-container .completion-container .material-symbols-outlined {
  font-size: 6em;
  color: #08d4c6;
}
.guide-container .completion-container h2 {
  color: #08d4c6;
  margin-top: 4rem;
}
.guide-container .completion-container h2 + p {
  color: #08d4c6;
  margin-bottom: 4rem;
}
.guide-container {
  /* チェックマークアイコン */
}
.guide-container .completion-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
}
.guide-container .completion-icon p {
  width: 100%;
  height: 100%;
}
.guide-container {
  /* タイトル */
}
.guide-container .completion-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.guide-container {
  /* メッセージ */
}
.guide-container .completion-message {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.guide-container .quote-container {
  position: relative;
  background-color: #f9f9f9;
}
.guide-container .copy-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  background-color: #e5e7eb;
  color: #6f6d6d;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  gap: 6px;
}
.guide-container .copy-btn:hover {
  background-color: #e5e7eb;
  color: #6f6d6d;
}
.guide-container .copied {
  background-color: #e5e7eb;
  color: #6f6d6d;
}
.guide-container .copy-btn .material-symbols-outlined {
  font-size: 18px;
}
.guide-container .accordion-status-completion,
.guide-container .accordion-status-active,
.guide-container .accordion-status-default {
  display: inline-block;
  padding: 3px 10px;
  margin-left: 15px;
  font-size: 12px;
  border-radius: 12px;
  text-transform: uppercase;
  line-height: 1.5;
  /* ラベルの高さ調整 */
  vertical-align: text-bottom;
  /* ベースライン調整 */
}
.guide-container .accordion-status-default {
  background-color: #fff;
  color: rgb(191, 160, 18, var(--tw-text-opacity, 1));
}
.guide-container .accordion-status-active {
  background-color: #fff;
  color: #06b3a7;
}
.guide-container .accordion-status-completion {
  background-color: #fff;
  color: #6f6d6d;
}
.guide-container .message-box {
  position: relative;
  background-color: #e9fcfc;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #555;
  width: fit-content;
  max-width: 90%;
  margin: 0 auto 15px auto;
}
.guide-container .message-box p {
  margin: 0;
  text-align: left;
  line-height: 2;
}
.guide-container .message-box::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 16px 12px 0 12px;
  border-style: solid;
  border-color: #e9fcfc transparent transparent transparent;
}
.guide-container {
  /*スキップボタン*/
}
.guide-container .skip-btn:hover {
  background-color: #fff;
}

.floating-button {
  position: fixed;
  bottom: 20px;
  /* ボタンを画面の下から20px */
  right: 20px;
  /* ボタンを画面の右から20px */
  padding: 5px;
  background-color: #fff;
  /* ボタンの背景色 */
  color: white;
  /* ボタンの文字色 */
  border: none;
  /* ボーダーをなくす */
  border-radius: 50%;
  /* 丸いボタン */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* 影をつけて浮いているように */
  cursor: pointer;
  font-size: 24px;
  /* アイコンのサイズ */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
  /* ホバー時の色変更にアニメーション */
  z-index: 100000;
}

.floating-button:hover {
  background-color: #fff;
  /* ホバー時の背景色 */
}

.floating-button span {
  display: block;
  /* アイコンがきちんと表示されるように */
}

.button-disabled {
  background-color: #dddddd;
  border-color: #f0f0f0 !important;
}

/* 総合レポートページ */
/* レポート画面専用のレイアウト調整 */
/* .reports-contentが存在する場合、スクロールバーを常時表示 */
.reports-content {
  margin: 0 auto;
  padding: 24px;
  width: 100%;
  min-width: 960px !important;
  height: calc(100vh - 48px - 72px);
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* メインタブコンテナ */
.main-tab-container {
  display: flex;
  gap: 10px;
  background: #ffffff;
  border-radius: 14px;
  padding: 6px;
  margin-bottom: 20px;
  border: 1px solid #e5e7eb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* メインタブボタン */
.main-tab-btn {
  flex: 1;
  padding: 12px 14px;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
  color: #6b7280;
  font-size: 14px;
  letter-spacing: 0.02em;
  position: relative;
}
.main-tab-btn::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 6px;
  height: 3px;
  border-radius: 999px;
  background: transparent;
  transition: background 0.2s ease, transform 0.2s ease;
  transform: translateY(6px);
}
.main-tab-btn.is-active {
  background: #f9fafb;
  color: #111827;
  border-color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);
}
.main-tab-btn:hover {
  background: #f3f4f6;
  color: #374151;
  border-color: rgba(37, 99, 235, 0.3);
}
.main-tab-btn:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}

.scenario-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.scenario-toggle__form {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: #4b5563;
}
.scenario-toggle__label {
  font-weight: 600;
  color: #111827;
  font-size: 13px;
}
.scenario-toggle__option {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  color: #374151;
}
.scenario-toggle__option input[type=radio] {
  accent-color: #2563eb;
  cursor: pointer;
}

/* タブコンテンツ */
.tab-content {
  display: none;
}
.tab-content.is-active {
  display: block;
}

/* 期間選択エリア */
.date-range-selector {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 16px 12px auto;
  max-width: 600px;
  width: 100%;
  min-width: 280px;
  flex-wrap: nowrap;
  position: relative;
}
.date-range-selector.date-range-selector-competitor {
  max-width: 200px;
  min-width: 200px;
}
.date-range-selector.date-range-selector-competitor .date-range-selector-input {
  width: 100%;
  flex-shrink: 0;
}
.date-range-selector.date-range-selector-competitor .date-range-selector-input input {
  width: 100%;
  min-width: 0;
  cursor: pointer;
  flex: 1;
}
.date-range-selector.date-range-selector-competitor .date-range-selector-input input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.date-range-selector.date-range-selector-competitor .date-range-selector-input input::-moz-calendar-picker-indicator {
  display: none;
}
.date-range-selector.date-range-selector-competitor .date-range-selector-input input::calendar-picker-indicator {
  display: none;
}
.date-range-selector-preset {
  min-width: 140px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.date-range-selector-preset select {
  width: 100%;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #afb3ba;
  background: #fff;
  font-size: 1rem;
  height: 2.5rem;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
  appearance: none;
  outline: 0;
  box-sizing: border-box;
}
.date-range-selector-preset select:hover {
  box-shadow: inset 0 0 0 0.0625rem #9ca3af;
}
.date-range-selector-preset select:focus {
  box-shadow: inset 0 0 0 0.0625rem #111827;
}
.date-range-selector-custom {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 280px;
  flex-shrink: 0;
}
.date-range-selector-input {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.date-range-selector-input svg {
  flex-shrink: 0;
}
.date-range-selector-input input {
  flex: 1;
  margin-top: 0;
  min-width: 0;
  width: 100%;
}
.date-range-selector-button {
  padding: 8px 20px;
  background: #111827;
  color: #fff;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.date-range-selector-button:hover {
  background: #1f2937;
}
@media (max-width: 768px) {
  .date-range-selector {
    max-width: 100%;
    margin: 0 24px 16px 24px;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .date-range-selector-preset {
    width: 100%;
  }
  .date-range-selector-custom {
    width: 100%;
    min-width: auto;
  }
  .date-range-selector .date-range-loading {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}

/* ローディング表示（オーバーレイ） */
.date-range-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(243, 244, 246, 0.98);
  backdrop-filter: blur(4px);
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  z-index: 10;
  pointer-events: all;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.date-range-loading i {
  color: #2563eb;
  font-size: 16px;
}
.date-range-loading span {
  white-space: nowrap;
}

/* 読み込み中は期間選択エリア全体を無効化 */
.date-range-selector.is-loading {
  pointer-events: none;
}
.date-range-selector.is-loading * {
  pointer-events: none;
}

/* セクションタイトル */
.section-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* セクション説明 */
.section-description {
  color: #888;
  margin-bottom: 24px;
}

/* コンテンツエリア */
.content-area {
  padding: 0 16px 16px 16px;
}

/* 競合比較タブ専用スタイル */
/* 大項目タブ（競合比較用） */
.competitor-mode-tabs {
  display: flex;
  gap: 8px;
  background: #f5f5f5;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 16px;
}

.mc-mode-btn {
  flex: 1;
  padding: 10px 12px;
  border: none;
  background: transparent;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
}
.mc-mode-btn.is-active {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 2カラム横並びエリア */
.competitor-columns {
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin-top: 16px;
}

/* 自社データグラフエリア */
.competitor-chart-card {
  flex: 1;
  max-width: 52%;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* グラフ内タブボタン */
.mc-tab-btn {
  padding: 6px 12px;
  border-radius: 16px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mc-tab-btn.is-active {
  background: #fff;
}
.mc-tab-btn[style*="display:none"], .mc-tab-btn.hidden {
  display: none !important;
}

.mc-tab-buttons {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}

/* チャートコンテナ */
#chart-container {
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#mcCompetitorChart {
  max-width: 100%;
  max-height: 100%;
}

/* 競合店データエリア */
.competitor-shops-card {
  flex: 1;
  max-width: 48%;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  min-height: 280px;
}

/* 競合店舗が0件時のメッセージ */
.competitor-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.competitor-empty-state p {
  color: #666;
  font-size: 16px;
  margin-bottom: 16px;
}
.competitor-empty-state p:last-of-type {
  color: #888;
  font-size: 14px;
  margin-bottom: 24px;
}
.competitor-empty-state a {
  display: inline-block;
  padding: 10px 20px;
  background: #111827;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.2s ease;
}
.competitor-empty-state a:hover {
  background: #1f2937;
}

/* 競合店舗リスト */
.competitor-shops-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.competitor-shops-list h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.competitor-shop-item {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fafafa;
}
.competitor-shop-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.competitor-shop-item-header h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.competitor-shop-item-header span {
  font-size: 12px;
  color: #888;
}
.competitor-shop-item-data {
  color: #888;
  font-size: 14px;
}

/* SVGアイコン */
.competitor-date-icon {
  color: #666;
}

/* 2カラム横並びセクション */
.two-column-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .two-column-section {
    grid-template-columns: 1fr;
  }
}
.two-column-section .two-column-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* 登録データ・収集データの状況 */
.registration-data-section {
  margin-bottom: 24px;
}
.registration-data-section:last-child {
  margin-bottom: 0;
}

.collection-data-section {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
}
.collection-data-section:last-child {
  margin-bottom: 0;
}

.data-section-title {
  position: relative;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #111827;
  padding-left: 18px;
  letter-spacing: 0.01em;
}
.data-section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 24px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2563eb, #4f46e5);
  box-shadow: 0 4px 8px rgba(37, 99, 235, 0.25);
}

.data-category {
  margin-bottom: 16px;
}
.data-category:last-child {
  margin-bottom: 0;
}

.data-category-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #555;
  padding-bottom: 6px;
  padding-left: 0;
  border-bottom: 1px solid #e5e7eb;
  position: relative;
}

.data-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}

.registration-data-section {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
}
.registration-data-section .data-category-grid .data-category {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.media-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1400px) {
  .media-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .media-category-grid {
    grid-template-columns: 1fr;
  }
}

.delivery-media-section {
  margin-bottom: 24px;
}
.delivery-media-section > .data-category-title {
  margin-bottom: 12px;
}
.delivery-media-section .media-category-grid .data-category {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.target-users-media-section {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
}
.target-users-media-section > .data-category-title {
  margin-bottom: 12px;
}
.target-users-media-section .media-category-grid .data-category {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.asking-total-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1400px) {
  .asking-total-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .asking-total-grid {
    grid-template-columns: 1fr;
  }
}
.asking-total-grid .data-category {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.delivery-total-section {
  margin-bottom: 24px;
}
.delivery-total-section > .data-category-title {
  margin-bottom: 12px;
}

.delivery-total-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1400px) {
  .delivery-total-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .delivery-total-grid {
    grid-template-columns: 1fr;
  }
}
.delivery-total-grid .data-category {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.data-items-grid {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.data-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.15s ease;
}
.data-item:hover {
  background-color: #f9fafb;
  margin: 0 -8px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
}
.data-item:last-child {
  border-bottom: none;
}
.data-item.is-disabled {
  opacity: 0.5;
  color: #9ca3af;
}
.data-item.is-disabled .data-item-label {
  color: #9ca3af;
}
.data-item.is-disabled .data-number {
  color: #9ca3af;
}
.data-item.is-disabled .data-change {
  display: none;
}
.data-item.is-disabled:hover {
  background-color: transparent;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.data-item-label {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
  flex: 1;
  margin: 0;
  padding-left: 16px;
}

.data-item-value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: nowrap;
  margin-left: 16px;
}

.data-number {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  line-height: 1.2;
}
.data-number.is-empty::before {
  content: "-";
  color: #9ca3af;
}

.data-change {
  font-size: 13px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: nowrap;
}
.data-change.positive {
  color: #059669;
  background-color: #d1fae5;
}
.data-change.negative {
  color: #dc2626;
  background-color: #fee2e2;
}

/* アスキング実績・配信実績用の追加スタイル */
.asking-section,
.delivery-section {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
}
.asking-section:last-child,
.delivery-section:last-child {
  margin-bottom: 0;
}

.asking-section .media-category-grid .data-category {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.media-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #555;
}

.media-not-contracted {
  padding: 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  text-align: center;
}
.media-not-contracted p {
  color: #888;
  font-size: 14px;
  margin: 0;
}

/* 配信対象ユーザー・アスキング実績用の追加スタイル */
.target-users-section {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
}
.target-users-section:last-child {
  margin-bottom: 0;
}

.asking-total-section,
.asking-media-section {
  margin-bottom: 24px;
}
.asking-total-section:last-child,
.asking-media-section:last-child {
  margin-bottom: 0;
}

/* レポート画面のサイドメニュー専用スタイル */
.p-app-side__menu-item--media-group {
  border-bottom: none !important;
  padding-left: 10px !important;
}

.p-app-side__menu-title {
  margin: 0;
}
.p-app-side__menu-title .p-app-side__menu-title-label {
  display: block;
  padding: 10px 20px;
}

.p-app-side__menu-item--media-group:last-of-type {
  border-bottom: 1px solid #cccccc !important;
}

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