@charset "UTF-8";
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
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;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
.pointer-events-none{
  pointer-events: none;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.-right-3{
  right: -0.75rem;
}
.-top-3{
  top: -0.75rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-8{
  left: 2rem;
}
.right-0{
  right: 0px;
}
.right-2{
  right: 0.5rem;
}
.right-6{
  right: 1.5rem;
}
.top-0{
  top: 0px;
}
.top-10{
  top: 2.5rem;
}
.top-6{
  top: 1.5rem;
}
.top-full{
  top: 100%;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-50{
  z-index: 50;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-\[16px\]{
  margin-left: 16px;
  margin-right: 16px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.-mb-1{
  margin-bottom: -0.25rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-\[1\.5px\]{
  margin-left: -1.5px;
}
.-mt-1{
  margin-top: -0.25rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[12px\]{
  margin-bottom: 12px;
}
.mb-\[16px\]{
  margin-bottom: 16px;
}
.mb-\[1px\]{
  margin-bottom: 1px;
}
.mb-\[24px\]{
  margin-bottom: 24px;
}
.mb-\[32px\]{
  margin-bottom: 32px;
}
.mb-\[40px\]{
  margin-bottom: 40px;
}
.mb-\[4px\]{
  margin-bottom: 4px;
}
.mb-\[72px\]{
  margin-bottom: 72px;
}
.mb-\[8px\]{
  margin-bottom: 8px;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-\[1px\]{
  margin-left: 1px;
}
.ml-\[4px\]{
  margin-left: 4px;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[12px\]{
  margin-top: 12px;
}
.mt-\[16px\]{
  margin-top: 16px;
}
.mt-\[24px\]{
  margin-top: 24px;
}
.mt-\[2px\]{
  margin-top: 2px;
}
.mt-\[32px\]{
  margin-top: 32px;
}
.mt-\[40px\]{
  margin-top: 40px;
}
.mt-\[4px\]{
  margin-top: 4px;
}
.mt-\[6px\]{
  margin-top: 6px;
}
.mt-\[8px\]{
  margin-top: 8px;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.size-10{
  width: 2.5rem;
  height: 2.5rem;
}
.size-\[80px\]{
  width: 80px;
  height: 80px;
}
.h-1\.5{
  height: 0.375rem;
}
.h-12{
  height: 3rem;
}
.h-2{
  height: 0.5rem;
}
.h-20{
  height: 5rem;
}
.h-3{
  height: 0.75rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-8{
  height: 2rem;
}
.h-\[1\.2em\]{
  height: 1.2em;
}
.h-\[100dvh\]{
  height: 100dvh;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[128px\]{
  height: 128px;
}
.h-\[12px\]{
  height: 12px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[192px\]{
  height: 192px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[240px\]{
  height: 240px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[350px\]{
  height: 350px;
}
.h-\[36px\]{
  height: 36px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[48px\]{
  height: 48px;
}
.h-\[4px\]{
  height: 4px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[6px\]{
  height: 6px;
}
.h-\[8px\]{
  height: 8px;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.max-h-\[120px\]{
  max-height: 120px;
}
.max-h-\[160px\]{
  max-height: 160px;
}
.min-h-0{
  min-height: 0px;
}
.min-h-\[250px\]{
  min-height: 250px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-screen{
  min-height: 100vh;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-11\/12{
  width: 91.666667%;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-3{
  width: 0.75rem;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-64{
  width: 16rem;
}
.w-8{
  width: 2rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[12px\]{
  width: 12px;
}
.w-\[147px\]{
  width: 147px;
}
.w-\[14px\]{
  width: 14px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[16px\]{
  width: 16px;
}
.w-\[198px\]{
  width: 198px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[32px\]{
  width: 32px;
}
.w-\[36px\]{
  width: 36px;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[416px\]{
  width: 416px;
}
.w-\[42px\]{
  width: 42px;
}
.w-\[48px\]{
  width: 48px;
}
.w-\[514px\]{
  width: 514px;
}
.w-\[560px\]{
  width: 560px;
}
.w-\[676px\]{
  width: 676px;
}
.w-\[690px\]{
  width: 690px;
}
.w-\[726px\]{
  width: 726px;
}
.w-\[80px\]{
  width: 80px;
}
.w-\[8px\]{
  width: 8px;
}
.w-\[calc\(100vw-4rem\)\]{
  width: calc(100vw - 4rem);
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.min-w-0{
  min-width: 0px;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[1010px\]{
  max-width: 1010px;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[912px\]{
  max-width: 912px;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2{
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-grab{
  cursor: grab;
}
.cursor-help{
  cursor: help;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize{
  resize: both;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[200px_repeat\(5\2c 1fr\)\]{
  grid-template-columns: 200px repeat(5,1fr);
}
.grid-cols-\[minmax\(220px\2c 260px\)_100px_repeat\(3\2c 1fr\)\]{
  grid-template-columns: minmax(220px,260px) 100px repeat(3,1fr);
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-evenly{
  justify-content: space-evenly;
}
.gap-0{
  gap: 0px;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[12px\]{
  gap: 12px;
}
.gap-\[16px\]{
  gap: 16px;
}
.gap-\[24px\]{
  gap: 24px;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-\[32px\]{
  gap: 32px;
}
.gap-\[40px\]{
  gap: 40px;
}
.gap-\[4px\]{
  gap: 4px;
}
.gap-\[6px\]{
  gap: 6px;
}
.gap-\[72px\]{
  gap: 72px;
}
.gap-\[8px\]{
  gap: 8px;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-\[12px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.space-y-\[16px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.space-y-\[24px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}
.space-y-\[2px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse));
}
.space-y-\[32px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse));
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-\[8px\]{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-t-\[8px\]{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-tl-none{
  border-top-left-radius: 0px;
}
.rounded-tr-none{
  border-top-right-radius: 0px;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-\[2px\]{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-l-\[3px\]{
  border-left-width: 3px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-\[3px\]{
  border-top-width: 3px;
}
.border-solid{
  border-style: solid;
}
.border-dotted{
  border-style: dotted;
}
.border-none{
  border-style: none;
}
.border-\[\#18D66A\]{
  --tw-border-opacity: 1;
  border-color: rgb(24 214 106 / var(--tw-border-opacity, 1));
}
.border-\[\#3071E2\]{
  --tw-border-opacity: 1;
  border-color: rgb(48 113 226 / var(--tw-border-opacity, 1));
}
.border-\[\#737373\]\/20{
  border-color: rgb(115 115 115 / 0.2);
}
.border-\[\#C7C8CD\]{
  --tw-border-opacity: 1;
  border-color: rgb(199 200 205 / var(--tw-border-opacity, 1));
}
.border-\[\#D9D9D9\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.border-\[\#DDDDDD\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}
.border-\[\#E2E8F0\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-\[\#E5E5E5\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-\[\#F8F8F8\]{
  --tw-border-opacity: 1;
  border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));
}
.border-\[\#FC5537\]{
  --tw-border-opacity: 1;
  border-color: rgb(252 85 55 / var(--tw-border-opacity, 1));
}
.border-\[\#FFC718\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 199 24 / var(--tw-border-opacity, 1));
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
  border-color: rgba(255,255,255,0.2);
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-green-100{
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}
.border-mango{
  --tw-border-opacity: 1;
  border-color: rgb(255 199 24 / var(--tw-border-opacity, 1));
}
.border-mango-light{
  --tw-border-opacity: 1;
  border-color: rgb(255 223 126 / var(--tw-border-opacity, 1));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-b-gray-800{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-t-gray-800{
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.bg-\[\#3B4064\]{
  --tw-bg-opacity: 1;
  background-color: rgb(59 64 100 / var(--tw-bg-opacity, 1));
}
.bg-\[\#94a3b8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EBFFF4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFEFF2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1F5F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F2F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F3F3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F7FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 247 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F6F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F8F8F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F8F8F8\]\/30{
  background-color: rgb(248 248 248 / 0.3);
}
.bg-\[\#F8F8F8\]\/50{
  background-color: rgb(248 248 248 / 0.5);
}
.bg-\[\#FFC718\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 24 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF0ED\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e5b316\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 179 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6a800\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 168 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]{
  background-color: rgba(255,255,255,0.08);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{
  background-color: rgba(255,255,255,0.1);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-current{
  background-color: currentColor;
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-green-200{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-mango{
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 24 / var(--tw-bg-opacity, 1));
}
.bg-mango-light{
  --tw-bg-opacity: 1;
  background-color: rgb(255 223 126 / var(--tw-bg-opacity, 1));
}
.bg-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}
.p-\[16px\]{
  padding: 16px;
}
.p-\[20px\]{
  padding: 20px;
}
.p-\[24px\]{
  padding: 24px;
}
.p-\[32px\]{
  padding: 32px;
}
.p-\[40px\]{
  padding: 40px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[16px\]{
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[17px\]{
  padding-left: 17px;
  padding-right: 17px;
}
.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[24px\]{
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[32px\]{
  padding-left: 32px;
  padding-right: 32px;
}
.px-\[40px\]{
  padding-left: 40px;
  padding-right: 40px;
}
.px-\[56px\]{
  padding-left: 56px;
  padding-right: 56px;
}
.px-\[60px\]{
  padding-left: 60px;
  padding-right: 60px;
}
.px-\[8px\]{
  padding-left: 8px;
  padding-right: 8px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[14px\]{
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[16px\]{
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[24px\]{
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[32px\]{
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-\[40px\]{
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[4px\]{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[16px\]{
  padding-bottom: 16px;
}
.pb-\[24px\]{
  padding-bottom: 24px;
}
.pb-\[48px\]{
  padding-bottom: 48px;
}
.pb-\[8px\]{
  padding-bottom: 8px;
}
.pr-\[16px\]{
  padding-right: 16px;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[12px\]{
  padding-top: 12px;
}
.pt-\[16px\]{
  padding-top: 16px;
}
.pt-\[24px\]{
  padding-top: 24px;
}
.pt-\[34px\]{
  padding-top: 34px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-bottom{
  vertical-align: bottom;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[36px\]{
  font-size: 36px;
}
.text-\[40px\]{
  font-size: 40px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.italic{
  font-style: italic;
}
.leading-\[1\.6\]{
  line-height: 1.6;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.36px\]{
  letter-spacing: 0.36px;
}
.tracking-\[0\.39px\]{
  letter-spacing: 0.39px;
}
.tracking-\[0\.42px\]{
  letter-spacing: 0.42px;
}
.tracking-\[0\.48px\]{
  letter-spacing: 0.48px;
}
.tracking-\[0\.54px\]{
  letter-spacing: 0.54px;
}
.tracking-\[0\.6px\]{
  letter-spacing: 0.6px;
}
.tracking-\[0\.72px\]{
  letter-spacing: 0.72px;
}
.tracking-\[1\.2px\]{
  letter-spacing: 1.2px;
}
.text-\[\#000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#00A63E\]{
  --tw-text-opacity: 1;
  color: rgb(0 166 62 / var(--tw-text-opacity, 1));
}
.text-\[\#059669\]{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-\[\#0F172A\]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-\[\#18D66A\]{
  --tw-text-opacity: 1;
  color: rgb(24 214 106 / var(--tw-text-opacity, 1));
}
.text-\[\#1A1F2E\]{
  --tw-text-opacity: 1;
  color: rgb(26 31 46 / var(--tw-text-opacity, 1));
}
.text-\[\#3071E2\]{
  --tw-text-opacity: 1;
  color: rgb(48 113 226 / var(--tw-text-opacity, 1));
}
.text-\[\#353535\]{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}
.text-\[\#353535\]\/70{
  color: rgb(53 53 53 / 0.7);
}
.text-\[\#36271a\]{
  --tw-text-opacity: 1;
  color: rgb(54 39 26 / var(--tw-text-opacity, 1));
}
.text-\[\#3B4064\]{
  --tw-text-opacity: 1;
  color: rgb(59 64 100 / var(--tw-text-opacity, 1));
}
.text-\[\#444444\]{
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity, 1));
}
.text-\[\#4A5568\]{
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.text-\[\#656565\]{
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}
.text-\[\#737373\]{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-\[\#9C9C9C\]{
  --tw-text-opacity: 1;
  color: rgb(156 156 156 / var(--tw-text-opacity, 1));
}
.text-\[\#9c9c9c\]{
  --tw-text-opacity: 1;
  color: rgb(156 156 156 / var(--tw-text-opacity, 1));
}
.text-\[\#E7000B\]{
  --tw-text-opacity: 1;
  color: rgb(231 0 11 / var(--tw-text-opacity, 1));
}
.text-\[\#FC5537\]{
  --tw-text-opacity: 1;
  color: rgb(252 85 55 / var(--tw-text-opacity, 1));
}
.text-\[\#FFC718\]{
  --tw-text-opacity: 1;
  color: rgb(255 199 24 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#dc2626\]{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-mango-dark{
  --tw-text-opacity: 1;
  color: rgb(133 100 4 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.placeholder-\[\#9C9C9C\]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 156 156 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#9C9C9C\]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 156 156 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-80{
  opacity: 0.8;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-4px_15px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 -4px 15px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 -4px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_3px_23px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0px 3px 23px 0px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0px 3px 23px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_4px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow: 2px 4px 16px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_4px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 2px 4px 16px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_4px_16px_0px_rgba\(53\2c 53\2c 53\2c 0\.1\)\]{
  --tw-shadow: 2px 4px 16px 0px rgba(53,53,53,0.1);
  --tw-shadow-colored: 2px 4px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-2{
  outline-width: 2px;
}
.outline-offset-\[-2px\]{
  outline-offset: -2px;
}
.outline-transparent{
  outline-color: transparent;
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-red-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-drop-shadow: drop-shadow(0 1px 3px rgba(0,0,0,0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[a-zA-Z\:_\]{
  a-z-a--z: ;
}
/* CSS outline -----------------------------------------------

  1.Reset

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

1.Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

html {
  font-size: 62.5%;
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  margin: 0;
  padding: 0;
}

b,
strong {
  font-weight: bold;
}

a {
  max-width: 100%;
}

a,
a:visited,
a:active,
a:hover,
a:focus {
  text-decoration: none;
  outline: 0;
}

a:hover {
  text-decoration: underline;
}

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

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

input,
textarea {
  padding: 0 0.5rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input:focus,
textarea:focus,
button:focus,
html input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline: 0;
}

label {
  cursor: pointer;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

iframe {
  max-width: 100%;
}

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

1.Default */
/*------------------------------------------------------------

2.Element */
/*------------------------------------------------------------

1.Font */
/*------------------------------------------------------------

1.Clear fix */
/*------------------------------------------------------------

1.Clear fix */
/*------------------------------------------------------------

1.Position */
.tab__group {
  display: flex;
  width: 100%;
}
.tab__btn {
  width: 100%;
  padding: 15px;
  border-bottom: 2px solid #ddd;
  text-align: center;
  color: #B4B4B4;
  font-weight: 400;
  cursor: pointer;
  transition: all ease 0.3s;
}
.tab__btn:hover {
  color: #000;
  font-weight: 500;
  background: #FFF5D6;
}
.tab__btn.active {
  border-color: #FFC718;
  color: #000;
  font-weight: 500;
}
.tab__cont {
  display: none;
}
.tab__cont.active {
  display: block;
}

.page-tab__group {
  display: flex;
  width: 100%;
}
.page-tab__btn {
  width: auto;
  padding: 10px 20px;
  text-align: center;
  color: #B4B4B4;
  font-weight: 400;
  cursor: pointer;
  transition: all ease 0.3s;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  margin-right: 3px;
  font-size: 14px;
}
.page-tab__btn:hover {
  color: #000;
  font-weight: 500;
  background: #FFF5D6;
}
.page-tab__btn.active {
  background-color: #FFDF7E;
  color: #000;
  font-weight: 500;
}
.page-tab__cont {
  display: none;
  border-radius: 0 10px 10px 10px;
  padding: 15px;
  background-color: #fff;
}
.page-tab__cont.active {
  display: block;
}

/* CSS outline -----------------------------------------------

  1.Common
  2.Wrapper

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

1.Common */
body {
  -webkit-appearance: none;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.03em;
  background-color: #f3f3f3;
  min-height: 100vh;
}

html[lang=en] body {
  letter-spacing: 0;
}

a {
  color: #000;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
a:hover {
  text-decoration: none;
  opacity: 0.6;
}

select {
  -webkit-appearance: none;
}

.pc-none {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .pc-none {
    display: block !important;
  }
  .sp-none {
    display: none !important;
  }
}

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

1.Wrapper */
.wrap {
  margin: auto;
  width: 100%;
  padding: 25px 25px 0 90px;
  padding-bottom: 0;
  min-height: 100vh;
}
.wrap.flex-layout {
  display: flex;
}

.cont {
  width: 100%;
  position: relative;
}

/* CSS outline -----------------------------------------------

  1.Header

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

1.Header */
.base-layout {
  display: flex;
  flex-flow: column;
}
.base-layout__heading {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* CSS outline -----------------------------------------------

  1. Sidebar Trigger (toggle button)
  2. Sidebar Overlay
  3. Sidebar
  4. Main Nav
  5. Sub Nav (Settings)
  6. User
  7. Language Switcher

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

1. Sidebar Trigger */
.l-sidebar-trigger {
  position: fixed;
  top: 24px;
  left: 24px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: #ffdf7e;
  border: none;
  cursor: pointer;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 3px 1px rgba(218, 227, 250, 0.5);
  transition: opacity 0.3s;
}
.l-sidebar-trigger:hover {
  opacity: 0.8;
}
.l-sidebar-trigger img {
  width: 32px;
  height: 32px;
}
.l-sidebar-trigger.is-hidden {
  opacity: 0;
  pointer-events: none;
}

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

2. Sidebar Overlay */
.l-sidebar-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.l-sidebar-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

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

3. Sidebar */
.l-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 760px;
  height: 100vh;
  background-color: #ffdf7e;
  z-index: 101;
  transform: translateX(-100%);
  transition: transform 0.3s;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 3px 1px rgba(218, 227, 250, 0.5);
}
.l-sidebar.is-open {
  transform: translateX(0);
}
.l-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px;
}
.l-sidebar__logo-link {
  display: flex;
  align-items: center;
}
.l-sidebar__logo-img {
  height: 40px;
  width: auto;
}
.l-sidebar__close {
  background: none;
  border: none;
  cursor: pointer;
  color: #5d626e;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-sidebar__close:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.l-sidebar__close .material-icons-outlined {
  font-size: 24px;
}
.l-sidebar__lang {
  padding: 0 16px 24px;
}

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

4. Main Nav */
.l-nav {
  flex: 1;
  overflow-y: auto;
  padding: 0 0 8px;
}
.l-nav__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 8px;
  align-items: start;
}
.l-nav__col {
  list-style: none;
  padding: 0;
  margin: 0;
}
.l-nav__item {
  margin-bottom: 4px;
}
.l-nav__link {
  display: flex;
  align-items: center;
  width: calc(100% - 16px);
  padding: 12px 16px 12px 16px;
  border-radius: 0 50px 50px 0;
  color: #5d626e;
  text-decoration: none;
}
.l-nav__link:hover {
  background-color: #f2e7c2;
  opacity: 1;
}
.l-nav__link.is-active {
  background-color: #fff4d2;
  color: #000;
}
.l-nav__link.is-active:hover {
  background-color: #fff4d2;
}
.l-nav__parent {
  display: flex;
  align-items: center;
  width: calc(100% - 16px);
  padding: 12px 8px 12px 16px;
  border-radius: 0 50px 50px 0;
  color: #5d626e;
  background: none;
  border: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  text-align: left;
}
.l-nav__parent:hover {
  background-color: #f2e7c2;
}
.l-nav__parent.is-active {
  background-color: #fff4d2;
  color: #000;
}
.l-nav__parent[aria-expanded=true] .l-nav__chevron {
  transform: rotate(180deg);
}
.l-nav__icon {
  font-size: 20px;
  padding-right: 8px;
  width: 32px;
  height: 20px;
  max-width: none;
  flex-shrink: 0;
}
.l-nav__txt {
  flex: 1;
}
.l-nav__chevron {
  font-size: 20px;
  transition: transform 0.2s;
  flex-shrink: 0;
  margin-left: auto;
}
.l-nav__children {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  list-style: none;
  padding: 0;
  margin: 0;
}
.l-nav__children.is-open {
  max-height: 304px;
  margin-top: 4px;
}
.l-nav__child-link {
  display: block;
  padding: 8px 16px 8px 48px;
  color: #5d626e;
  text-decoration: none;
  font-size: 14px;
  border-radius: 0 50px 50px 0;
  width: calc(100% - 16px);
}
.l-nav__child-link:hover {
  background-color: #f2e7c2;
  opacity: 1;
}
.l-nav__child-link.is-active {
  background-color: #fff4d2;
  color: #000;
  font-weight: 500;
}

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

5. Sub Nav (Settings) */
.l-nav-sub {
  padding: 0 0 4px;
}
.l-nav-sub__list {
  display: flex;
  flex-flow: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.l-nav-sub__link {
  display: flex;
  align-items: center;
  width: calc(100% - 16px);
  padding: 12px 16px;
  border-radius: 0 50px 50px 0;
  color: #5d626e;
}
.l-nav-sub__link:hover {
  background-color: #f2e7c2;
  opacity: 1;
}
.l-nav-sub__icon {
  display: inline-block;
  font-size: 20px;
  padding: 0 4px;
}
.l-nav-sub__txt {
  height: 24px;
  overflow: hidden;
  padding-left: 8px;
}

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

6. User */
.l-user {
  border-top: 1px solid #fff4d3;
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.l-user__icon-wrap {
  margin-right: 8px;
  display: flex;
  align-items: center;
  width: 40px;
  flex-shrink: 0;
}
.l-user__icon-img {
  width: 100%;
}
.l-user__info-wrap {
  display: flex;
  flex-flow: column;
}
.l-user__info-position {
  font-size: 10px;
  height: 16px;
  overflow: hidden;
  display: block;
}
.l-user__info-name {
  height: 24px;
  overflow: hidden;
}
.l-user__menu {
  margin-left: auto;
  display: flex;
  align-items: center;
}

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

7. Language Switcher */
.l-language-switcher {
  position: relative;
  width: 100%;
}
.l-language-switcher .language-full-view {
  display: block;
}
.l-language-switcher .language-full-view .language-selector-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 2px solid #FCCA37;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 4px;
  width: 100%;
}
.l-language-switcher .language-full-view .language-selector-header:hover {
  background-color: #f9f9f9;
}
.l-language-switcher .language-full-view .language-selector-header.open {
  background-color: #f9f9f9;
}
.l-language-switcher .language-full-view .language-selector-header .header-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.l-language-switcher .language-full-view .language-selector-header .header-content img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.l-language-switcher .language-full-view .language-selector-header .header-content .header-title {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}
.l-language-switcher .language-full-view .language-selector-header .chevron-icon {
  width: 16px;
  height: 16px;
  color: #5F6368;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.l-language-switcher .language-full-view .language-selector-header .chevron-icon.rotated {
  transform: rotate(180deg);
}
.l-language-switcher .language-full-view .language-dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.l-language-switcher .language-full-view .language-dropdown-options.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.l-language-switcher .language-full-view .language-dropdown-options .language-option-item {
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid #e5e5e5;
}
.l-language-switcher .language-full-view .language-dropdown-options .language-option-item:last-child {
  border-bottom: none;
}
.l-language-switcher .language-full-view .language-dropdown-options .language-option-item:hover {
  background-color: #f3f4f6;
}
.l-language-switcher .language-full-view .language-dropdown-options .language-option-item.active {
  background-color: #FCF7EA;
  font-weight: 500;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.l-language-switcher .language-full-view .language-dropdown-options .language-option-item span {
  font-size: 14px;
  color: #444;
}

.engagement-survey-organization-tree,
.eic-dashboard-organization-tree,
.organization-score-heatmap-wrap-tree {
  background-color: #f3f3f3; /* 背景色（ドットの間） */
  background-image: radial-gradient(#d7d7d7 1.5px, transparent 1.5px);
  background-size: 20px 20px; /* ドットの間隔（3pxのドット + 間隔） */
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  height: 100%;
  width: 100%;
}

.eic-dashboard-organization-tree {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  gap: 100px;
  width: 100%;
  height: 100%;
  min-height: 60vh;
  padding: 20px 870px;
  overflow: hidden;
  overflow-x: auto;
  padding-left: 870px;
}

.boc-search {
  display: none;
}

.boc-light {
  background: transparent !important;
}

.org-chart-container {
  position: relative;
  padding: 20px;
}

.node {
  position: relative;
  text-align: center;
  margin: 20px auto;
}

.card {
  background-color: #eef7ee;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  min-width: 150px;
  margin: 0 auto;
  font-family: sans-serif;
}

.card .title {
  font-weight: bold;
  margin-bottom: 5px;
}

.card .score {
  font-size: 1.2em;
  color: #2c7;
}

.card .info, .card .name {
  font-size: 0.8em;
  color: #555;
}

.children {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.line {
  width: 2px;
  background-color: #ccc;
  position: absolute;
}

.cell-actions {
  display: flex;
  gap: 8px;
}
.cell-actions__group {
  display: flex;
  gap: 4px;
}

.cell-action-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  background: #C8C8C8;
  color: #fff;
  cursor: pointer;
  transition: background 0.15s;
}
.cell-action-btn svg {
  transform: rotate(90deg);
}
.cell-action-btn--horizontal svg {
  transform: none;
}
.cell-action-btn.active {
  background: #FFC718;
  color: #000;
}
.cell-action-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 4px;
  background: #333;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
  z-index: 100;
}
.cell-action-btn:hover::after {
  opacity: 1;
}

.score-toggle-container {
  display: inline-flex;
  background: #fff;
  border-radius: 17px;
  padding: 3px;
  border: 1px solid #E5E5EA;
  height: 34px;
  width: 182px;
}
.score-toggle-container#axis-mode-toggle {
  width: 220px;
}

.score-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border: none;
  border-radius: 14px;
  background: transparent;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.36px;
  padding: 0;
}
.score-toggle-btn.active {
  background: #FFC718;
  color: #000;
}

.heatmap-table {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  overflow: auto;
  margin-top: 16px;
  flex: 1;
  min-height: 0;
}
.heatmap-table__row-group--parent {
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
.heatmap-table__row-group--parent .heatmap-table__cell--org {
  font-weight: 600;
}
.heatmap-table__row-group--children {
  background: #F8F8F8;
}
.heatmap-table__row-group--children .heatmap-table__cell--org {
  font-weight: 400;
  background-color: #F8F8F8;
}
.heatmap-table__row-group--children .heatmap-table__cell--total {
  background-color: #F8F8F8;
}
.heatmap-table__row-group--children .heatmap-table__cell--response {
  background-color: #F8F8F8;
}
.heatmap-table__row-group--grandchild {
  background: #F0F0F0;
}
.heatmap-table__row-group--grandchild .heatmap-table__cell--org {
  font-weight: 400;
  background-color: #F0F0F0;
}
.heatmap-table__row-group--grandchild .heatmap-table__cell--total {
  background-color: #F0F0F0;
}
.heatmap-table__row-group--grandchild .heatmap-table__cell--response {
  background-color: #F0F0F0;
}
.heatmap-table__row-toggle {
  cursor: pointer;
}
.heatmap-table__row {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
  min-width: -moz-max-content;
  min-width: max-content;
}
.heatmap-table__row--header {
  background-color: #F2F2F2;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 50;
}
.heatmap-table__row--header > .heatmap-table__cell {
  font-size: 12px;
}
.heatmap-table__row--header > .heatmap-table__cell:first-of-type {
  min-width: 290px !important;
}
.heatmap-table__row--header .heatmap-table__cell--attribute {
  position: sticky;
  left: 0;
  z-index: 40;
  background-color: #F2F2F2;
}
.heatmap-table__row--header .heatmap-table__cell--total {
  position: sticky;
  left: 290px;
  z-index: 30;
  background-color: #F2F2F2;
}
.heatmap-table__row--header .heatmap-table__cell--response {
  position: sticky;
  left: 422px;
  z-index: 30;
  background-color: #F2F2F2;
}
.heatmap-table__row--threshold {
  position: relative;
}
.heatmap-table__header-multi {
  position: sticky;
  top: 0;
  z-index: 50;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
  min-width: -moz-max-content;
  min-width: max-content;
}
.heatmap-table__header-multi-row {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  border-bottom: 1px solid #ddd;
  min-width: -moz-max-content;
  min-width: max-content;
  position: relative;
  transition: opacity 0.3s ease;
}
.heatmap-table__header-multi-row:nth-child(1) {
  z-index: 30;
}
.heatmap-table__header-multi-row:nth-child(2) {
  z-index: 20;
}
.heatmap-table__header-multi-row:nth-child(3) {
  z-index: 10;
}
.heatmap-table__header-multi-row:last-child {
  border-bottom: none;
}
.heatmap-table__header-multi-row > .heatmap-table__cell:first-child {
  min-width: 290px !important;
}
.heatmap-table__header-multi-row--collapsed {
  display: none;
  opacity: 0;
}
.heatmap-table__cell--axis-org {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  border-right: 1px solid #ddd;
  display: flex;
  align-items: center;
  text-align: left;
  white-space: normal;
  word-break: break-all;
  flex-shrink: 0;
}
.heatmap-table__blur-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 554px;
  right: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  z-index: 5;
}
.heatmap-table__blur-label {
  margin-left: 32px;
  padding: 4px 12px;
  border-radius: 4px;
  background: #D9D9D9;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
}
.heatmap-table__cell--col-blur-header {
  background: rgba(200, 200, 200, 0.3);
}
.heatmap-table__cell--col-blur {
  position: relative;
}
.heatmap-table__cell--col-blur::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.heatmap-table__blur-col-overlay-label {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 4px;
  border-radius: 4px;
  background: #D9D9D9;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  z-index: 20;
  pointer-events: none;
}
.heatmap-table__threshold-icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  z-index: 3;
  position: relative;
}
.heatmap-table__row-group--grandchild .heatmap-table__row {
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
}
.heatmap-table__row-target {
  overflow: visible;
  width: -moz-max-content;
  width: max-content;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
.heatmap-table__row-target.is-open {
  opacity: 1;
}
.heatmap-table__row-group--children .heatmap-table__row > .heatmap-table__cell:first-child {
  padding-left: 27px;
}
.heatmap-table__row-group--grandchild .heatmap-table__row > .heatmap-table__cell:first-child {
  padding-left: 48px;
}
.heatmap-table__cell {
  flex: 0 0 132px;
  min-width: 132px;
  padding: 8px 16px;
  text-align: left;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  border-right: 1px solid #ddd;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}
.heatmap-table__cell[data-score] {
  background-color: hsl(calc(var(--score) * 120 / 5), 100%, 85%);
}
.heatmap-table__cell--category {
  flex: 0 0 132px;
  min-width: 132px;
  max-width: 132px;
  cursor: pointer;
  transition: box-shadow 0.2s;
  position: relative;
  z-index: 1;
}
.heatmap-table__cell--category:hover {
  z-index: 2;
  box-shadow: inset 0 0 0 2px #FFC718, 2px 4px 6px 0 rgba(111, 111, 111, 0.3);
}
.heatmap-table__cell--pointing-out {
  flex-flow: column;
  justify-content: center;
}
.heatmap-table__cell--comment {
  min-width: 500px;
  max-width: 500px;
  white-space: wrap;
}
.heatmap-table__cell--attribute {
  justify-content: space-between;
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: #F2F2F2;
}
.heatmap-table__cell--org {
  min-width: 290px !important;
  font-weight: 400;
  padding: 32px 16px;
  white-space: normal;
  position: sticky;
  left: 0;
  z-index: 25;
  background-color: #fff;
}
.heatmap-table__cell--org--top {
  font-weight: 600;
}
.heatmap-table__cell--total {
  position: sticky;
  left: 290px;
  z-index: 25;
  background-color: #fff;
}
.heatmap-table__cell--response {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: baseline;
  gap: 4px;
  position: sticky;
  left: 422px;
  z-index: 25;
  background-color: #fff;
}
.heatmap-table__cell .rotate {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.heatmap-table__cell.js-slide-modal-btn2 {
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.heatmap-table__cell.js-slide-modal-btn2:hover {
  box-shadow: inset 0 0 0 2px #FFC718, 2px 4px 6px 0 rgba(111, 111, 111, 0.3);
}
.heatmap-table__cell.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 6px 4px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  transform: scale(0.8);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
  z-index: 20;
}
.heatmap-table__cell.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  width: 18px;
  height: 18px;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-variance-high::before {
  content: url(../images/teamsynergy/ai-icon-not-follow.svg);
  background-color: #E65100;
  animation: ai-variance-high-colorchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-variance-high::after {
  border-color: #E65100;
  animation: ai-checked-ripple 1700ms linear infinite, ai-variance-high-borderchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-variance-low::before {
  content: url(../images/teamsynergy/ai-icon-follow.svg);
  background-color: #7B1FA2;
  animation: ai-variance-low-colorchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-variance-low::after {
  border-color: #7B1FA2;
  animation: ai-checked-ripple 1700ms linear infinite, ai-variance-low-borderchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-quadrant-aligned-high::before {
  content: url(../images/teamsynergy/ai-icon-follow.svg);
  background-color: #34c759;
  animation: ai-quadrant-aligned-high-colorchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-quadrant-aligned-high::after {
  border-color: #34c759;
  animation: ai-checked-ripple 1700ms linear infinite, ai-quadrant-aligned-high-borderchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-quadrant-dispersed-high::before {
  content: url(../images/teamsynergy/ai-icon-follow.svg);
  background-color: #ffcc00;
  animation: ai-quadrant-dispersed-high-colorchange 1700ms linear infinite;
}
.heatmap-table__cell.ai-checked.ai-quadrant-dispersed-high::after {
  border-color: #ffcc00;
  animation: ai-checked-ripple 1700ms linear infinite, ai-quadrant-dispersed-high-borderchange 1700ms linear infinite;
}
.heatmap-table__cell.has-item-alert::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  background-color: #E53935;
  border-radius: 50%;
  z-index: 20;
}
.heatmap-table__cell-group {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
  transition: max-width 0.4s ease, opacity 0.3s ease;
}
.heatmap-table__cell-group--hidden {
  max-width: 0;
  opacity: 0;
  pointer-events: none;
}
.heatmap-table__cell-group .heatmap-table__score-wrap {
  width: 64px;
  height: 40px;
}
.heatmap-table__cell-group .heatmap-table__score-wrap--axis-category {
  width: 100%;
  height: 50px;
}
.heatmap-table__cell-group .heatmap-table__score-wrap--axis-item {
  width: 64px;
  height: 40px;
}
.heatmap-table__cell-group .heatmap-table__score-wrap--favorability {
  width: 100px;
  height: 32px;
}
.heatmap-table__cell-group .heatmap-table__sparkline {
  width: 40px;
  height: 10px;
}
.heatmap-table__cell-group > .heatmap-table__cell {
  flex: 0 0 112px;
  min-width: 112px;
  font-size: 12px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.heatmap-table__row--header .heatmap-table__cell-group .heatmap-table__cell {
  background-color: #D9D9D9;
  border-right: 1px solid #c7c7c7;
  justify-content: flex-start;
}
.heatmap-table__name {
  max-width: 160px;
}
.heatmap-table__toggle {
  margin-left: auto;
  transition: transform 0.3s ease;
  position: relative;
}
.heatmap-table__toggle svg {
  transform: rotate(90deg);
}
.heatmap-table__toggle.has-child-alert::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background-color: #E53935;
  border-radius: 50%;
  border: 1px solid #fff;
}
.heatmap-table__face-icon {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.heatmap-table__pointing-out-btn {
  background: #FFDF7E;
  padding: 2px 10px;
  border-radius: 20px;
  text-align: center;
  transition: 0.3s all;
  cursor: pointer;
  font-size: 12px;
}
.heatmap-table__pointing-out-btn:hover {
  opacity: 0.6;
}
.heatmap-table__cell-toggle {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
}
.heatmap-table__cell-toggle span {
  margin-left: auto;
  display: flex;
}
.heatmap-table__cell-toggle span svg {
  width: 16px;
  height: 16px;
}
.heatmap-table__response-rate-meter {
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  background: #FFDF7E;
  border-radius: 0 5px 5px 0;
}
.heatmap-table__response-rate-num {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.heatmap-table__response-count {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
.heatmap-table__total-box {
  width: 123px;
  height: 70px;
  margin: -10px -12px;
  position: relative;
}
.heatmap-table__total-box.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: 0;
  left: -3px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 6px 4px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  transform: scale(0.8);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
}
.heatmap-table__total-box.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  width: 18px;
  height: 18px;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
@keyframes ai-checked-ripple {
  0% {
    scale: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    scale: 2.2;
    opacity: 0;
  }
}
@keyframes ai-checked-colorchange {
  0%, 100% {
    background-color: #8C0505;
  }
  50% {
    background-color: #210303;
  }
}
@keyframes ai-checked-borderchange {
  0%, 100% {
    border-color: #8C0505;
  }
  50% {
    border-color: #210303;
  }
}
.heatmap-table__total-sparkline {
  width: 100%;
  height: 70px;
  display: flex;
}
.heatmap-table__total-score-wrap {
  position: absolute;
  top: 0;
  left: 15px;
  bottom: 0;
  display: flex;
  align-items: center;
}
.heatmap-table__total-score-wrap.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: 50%;
  left: -18px;
  transform: translateY(-50%) scale(0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 6px 4px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
}
.heatmap-table__total-score-wrap.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
.heatmap-table__total-score-wrap.ai-quadrant-aligned-high::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  translate: 0 -50%;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-alert-aligned-high.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  z-index: 9;
}
.heatmap-table__total-score-wrap.ai-quadrant-aligned-high::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  translate: 0 -50%;
  width: 18px;
  height: 18px;
  border: 1px solid #22C55E;
  border-radius: 50%;
  z-index: 10;
  animation: ai-circle-expand 1700ms linear infinite, ai-quadrant-aligned-high-borderchange 1700ms linear infinite;
}
.heatmap-table__total-score-wrap.ai-quadrant-aligned-low::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  translate: 0 -50%;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-alert-aligned-low.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  z-index: 9;
}
.heatmap-table__total-score-wrap.ai-quadrant-aligned-low::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  translate: 0 -50%;
  width: 18px;
  height: 18px;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  animation: ai-circle-expand 1700ms linear infinite, ai-quadrant-aligned-low-borderchange 1700ms linear infinite;
}
.heatmap-table__total-score-wrap.ai-quadrant-dispersed-low::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  translate: 0 -50%;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-alert-dispersed-low.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  z-index: 9;
}
.heatmap-table__total-score-wrap.ai-quadrant-dispersed-low::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -17px;
  translate: 0 -50%;
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  border: 1px solid #1a237e;
  border-radius: 0;
  z-index: 9;
  animation: ai-diamond-spread 1700ms linear infinite, ai-quadrant-dispersed-low-borderchange 1700ms linear infinite;
}
.heatmap-table__total-score {
  font-size: 29px;
  font-weight: 600;
  color: #000;
}
.heatmap-table__total-score.score-relative {
  font-size: 22px;
  color: #000;
}
.heatmap-table__trend {
  font-size: 10px;
  margin-left: 2px;
  margin-right: 2px;
}
.heatmap-table__trend.trend-up {
  color: #4CAF50;
}
.heatmap-table__trend.trend-down {
  color: #E53935;
}
.heatmap-table__trend.trend-flat {
  color: #9E9E9E;
}
.heatmap-table__total-rank {
  margin-left: 5px;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 15px;
  border-radius: 20px;
  border: 1px solid #fff;
}
.heatmap-table__total-rank.mc01 {
  background: #F65D5D;
}
.heatmap-table__total-rank.mc02 {
  background: #F65D5D;
}
.heatmap-table__total-rank.mc03 {
  background: #F65D5D;
}
.heatmap-table__total-rank.mc04 {
  background: #FF7979;
}
.heatmap-table__total-rank.mc05 {
  background: #FF987B;
}
.heatmap-table__total-rank.mc06 {
  background: #FDBC79;
}
.heatmap-table__total-rank.mc07 {
  background: #FFDF7E;
}
.heatmap-table__total-rank.mc08 {
  background: #E7E284;
}
.heatmap-table__total-rank.mc09 {
  background: #BEE68D;
}
.heatmap-table__total-rank.mc10 {
  background: #59DB71;
}
.heatmap-table__total-rank.mcc08, .heatmap-table__total-rank.mcc09, .heatmap-table__total-rank.mcc10 {
  background: #F65D5D;
}
.heatmap-table__total-rank.mcc07 {
  background: #FF7979;
}
.heatmap-table__total-rank.mcc06 {
  background: #FF987B;
}
.heatmap-table__total-rank.mcc05 {
  background: #FDBC79;
}
.heatmap-table__total-rank.mcc04 {
  background: #FFDF7E;
}
.heatmap-table__total-rank.mcc03 {
  background: #E7E284;
}
.heatmap-table__total-rank.mcc02 {
  background: #BEE68D;
}
.heatmap-table__total-rank.mcc01 {
  background: #59DB71;
}
.heatmap-table__voe-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.6;
  color: #737373;
  pointer-events: none;
}
.heatmap-table__voe-badge .lucide {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}
.heatmap-table__score-wrap {
  position: relative;
  padding: 5px 15px;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  gap: 3px;
}
.heatmap-table__score-wrap.mc01 {
  background: #F65D5D;
}
.heatmap-table__score-wrap.mc02 {
  background: #F65D5D;
}
.heatmap-table__score-wrap.mc03 {
  background: #F65D5D;
}
.heatmap-table__score-wrap.mc04 {
  background: #FF7979;
}
.heatmap-table__score-wrap.mc05 {
  background: #FF987B;
}
.heatmap-table__score-wrap.mc06 {
  background: #FDBC79;
}
.heatmap-table__score-wrap.mc07 {
  background: #FFDF7E;
}
.heatmap-table__score-wrap.mc08 {
  background: #E7E284;
}
.heatmap-table__score-wrap.mc09 {
  background: #BEE68D;
}
.heatmap-table__score-wrap.mc10 {
  background: #59DB71;
}
.heatmap-table__score-wrap.mcc08, .heatmap-table__score-wrap.mcc09, .heatmap-table__score-wrap.mcc10 {
  background: #F65D5D;
}
.heatmap-table__score-wrap.mcc07 {
  background: #FF7979;
}
.heatmap-table__score-wrap.mcc06 {
  background: #FF987B;
}
.heatmap-table__score-wrap.mcc05 {
  background: #FDBC79;
}
.heatmap-table__score-wrap.mcc04 {
  background: #FFDF7E;
}
.heatmap-table__score-wrap.mcc03 {
  background: #E7E284;
}
.heatmap-table__score-wrap.mcc02 {
  background: #BEE68D;
}
.heatmap-table__score-wrap.mcc01 {
  background: #59DB71;
}
.heatmap-table__score-wrap--threshold {
  background: #D9D9D9;
  cursor: default;
}
.heatmap-table__score-wrap--threshold .heatmap-table__score {
  color: #666;
  font-size: 14px;
}
.heatmap-table__score-wrap--threshold.heatmap-table__total-score-wrap {
  left: 0;
  right: 0;
  justify-content: center;
  background: transparent;
}
.heatmap-table__score-wrap--threshold.heatmap-table__total-score-wrap .heatmap-table__total-score {
  font-size: 20px;
  color: #999;
}
.heatmap-table__score-wrap.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: -9px;
  left: -9px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 6px 4px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  transform: scale(0.8);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
}
.heatmap-table__score-wrap.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  width: 18px;
  height: 18px;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
@keyframes ai-checked-ripple {
  0% {
    scale: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    scale: 2.2;
    opacity: 0;
  }
}
@keyframes ai-checked-colorchange {
  0%, 100% {
    background-color: #8C0505;
  }
  50% {
    background-color: #210303;
  }
}
@keyframes ai-checked-borderchange {
  0%, 100% {
    border-color: #8C0505;
  }
  50% {
    border-color: #210303;
  }
}
.heatmap-table__score-wrap.ai-quadrant-aligned-high::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-alert-aligned-high.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  z-index: 9;
}
.heatmap-table__score-wrap.ai-quadrant-aligned-high::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 18px;
  height: 18px;
  border: 1px solid #22C55E;
  border-radius: 50%;
  z-index: 10;
  animation: ai-circle-expand 1700ms linear infinite, ai-quadrant-aligned-high-borderchange 1700ms linear infinite;
}
.heatmap-table__score-wrap.ai-quadrant-aligned-low::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-alert-aligned-low.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  z-index: 9;
}
.heatmap-table__score-wrap.ai-quadrant-aligned-low::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 18px;
  height: 18px;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  animation: ai-circle-expand 1700ms linear infinite, ai-quadrant-aligned-low-borderchange 1700ms linear infinite;
}
.heatmap-table__score-wrap.ai-quadrant-dispersed-low::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon-alert-dispersed-low.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  z-index: 9;
}
.heatmap-table__score-wrap.ai-quadrant-dispersed-low::after {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 20px;
  height: 20px;
  border: 1px solid #1a237e;
  border-radius: 0;
  transform: rotate(45deg);
  z-index: 10;
  animation: ai-diamond-spread 1700ms linear infinite, ai-quadrant-dispersed-low-borderchange 1700ms linear infinite;
}
.heatmap-table__score {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.heatmap-table__score.score-relative {
  font-size: 13px;
  color: #000;
}
.heatmap-table__sparkline {
  display: flex;
}

@keyframes ai-variance-high-colorchange {
  0%, 100% {
    background-color: #E65100;
  }
  50% {
    background-color: #BF360C;
  }
}
@keyframes ai-variance-high-borderchange {
  0%, 100% {
    border-color: #E65100;
  }
  50% {
    border-color: #BF360C;
  }
}
@keyframes ai-variance-low-colorchange {
  0%, 100% {
    background-color: #7B1FA2;
  }
  50% {
    background-color: #4A148C;
  }
}
@keyframes ai-variance-low-borderchange {
  0%, 100% {
    border-color: #7B1FA2;
  }
  50% {
    border-color: #4A148C;
  }
}
@keyframes ai-quadrant-aligned-high-colorchange {
  0%, 100% {
    background-color: #34c759;
  }
  50% {
    background-color: #248a3d;
  }
}
@keyframes ai-quadrant-aligned-high-borderchange {
  0%, 100% {
    border-color: #22C55E;
  }
  50% {
    border-color: #16a34a;
  }
}
@keyframes ai-quadrant-dispersed-high-colorchange {
  0%, 100% {
    background-color: #ffcc00;
  }
  50% {
    background-color: #c69500;
  }
}
@keyframes ai-quadrant-dispersed-high-borderchange {
  0%, 100% {
    border-color: #ffcc00;
  }
  50% {
    border-color: #c69500;
  }
}
@keyframes ai-quadrant-aligned-low-colorchange {
  0%, 100% {
    background-color: #8C0505;
  }
  50% {
    background-color: #210303;
  }
}
@keyframes ai-quadrant-aligned-low-borderchange {
  0%, 100% {
    border-color: #8C0505;
  }
  50% {
    border-color: #210303;
  }
}
@keyframes ai-quadrant-dispersed-low-colorchange {
  0%, 100% {
    background-color: #1a237e;
  }
  50% {
    background-color: #0d1226;
  }
}
@keyframes ai-quadrant-dispersed-low-bgchange {
  0%, 100% {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)) brightness(1);
  }
  50% {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)) brightness(0.6);
  }
}
@keyframes ai-quadrant-dispersed-low-borderchange {
  0%, 100% {
    border-color: #1a237e;
  }
  50% {
    border-color: #0d1226;
  }
}
@keyframes ai-quadrant-dispersed-low-shadow {
  0%, 100% {
    box-shadow: 10px 0 0 0 #1a237e, 0 10px 0 0 #1a237e, 10px 10px 0 0 #1a237e, 5px 5px 6px 0 rgba(0, 0, 0, 0.4);
  }
  50% {
    box-shadow: 10px 0 0 0 #0d1226, 0 10px 0 0 #0d1226, 10px 10px 0 0 #0d1226, 5px 5px 6px 0 rgba(0, 0, 0, 0.4);
  }
}
@keyframes ai-circle-expand {
  0% {
    scale: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    scale: 2.2;
    opacity: 0;
  }
}
@keyframes ai-diamond-spread {
  0% {
    transform: rotate(45deg) scale(1);
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: rotate(45deg) scale(1.4);
    opacity: 0;
  }
}
.ai-alert-popup {
  position: fixed;
  z-index: 10000;
  pointer-events: none;
  background: #fff;
  border: 1px solid #8C0505;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
  min-width: 200px;
  max-width: 340px;
  padding: 0;
  overflow: hidden;
}
.ai-alert-popup--green {
  border: 1px solid #34c759;
  box-shadow: 0 4px 16px rgba(52, 199, 89, 0.2);
}
.ai-alert-popup--yellow {
  border: 1px solid #ffcc00;
  box-shadow: 0 4px 16px rgba(255, 204, 0, 0.2);
}
.ai-alert-popup--orange {
  border: 1px solid #ff9500;
  box-shadow: 0 4px 16px rgba(255, 149, 0, 0.2);
}
.ai-alert-popup--red {
  border: 1px solid #8C0505;
  box-shadow: 0 4px 16px rgba(140, 5, 5, 0.2);
}
.ai-alert-popup--indigo {
  border: 1px solid #1a237e;
  box-shadow: 0 4px 16px rgba(26, 35, 126, 0.2);
}
.ai-alert-popup__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  background: #8C0505;
  color: #fff;
}
.ai-alert-popup__header--green {
  background: #34c759;
}
.ai-alert-popup__header--yellow {
  background: #ffcc00;
  color: #333;
}
.ai-alert-popup__header--orange {
  background: #ff9500;
}
.ai-alert-popup__header--red {
  background: #8C0505;
}
.ai-alert-popup__header--indigo {
  background: #1a237e;
}
.ai-alert-popup__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.ai-alert-popup__icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.ai-alert-popup__icon img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ai-alert-popup__title {
  font-size: 13px;
  font-weight: 600;
}
.ai-alert-popup__badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ai-alert-popup__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 4px 8px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #fff;
  color: inherit;
}
.ai-alert-popup__badge:empty {
  display: none;
}
.ai-alert-popup__list {
  list-style: none;
  margin: 0;
  padding: 12px 16px;
}
.ai-alert-popup__list li {
  font-size: 13px;
  color: #333;
  line-height: 1.6;
  width: 276px;
}
.ai-alert-popup__list li + li {
  margin-top: 6px;
}

.heatmap-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
}
.heatmap-header__row {
  display: flex;
  align-items: center;
}
.heatmap-header__row--controls {
  justify-content: space-between;
}
.heatmap-header__row--legend {
  flex-flow: row wrap;
  gap: 16px;
}
.heatmap-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.heatmap-header__right {
  position: relative;
}

.heatmap-alert-legend {
  display: flex;
  align-items: center;
  gap: 16px;
}
.heatmap-alert-legend__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.heatmap-alert-legend__icon {
  position: relative;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heatmap-alert-legend__icon--aligned-high {
  background-image: url(../images/common/icon-alert-aligned-high.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.heatmap-alert-legend__icon--aligned-low {
  background-image: url(../images/common/icon-alert-aligned-low.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.heatmap-alert-legend__label {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
  letter-spacing: 0.36px;
}
.heatmap-alert-legend__item--threshold .heatmap-alert-legend__icon--threshold {
  width: 22px;
  height: 22px;
  background: none;
}

.heatmap-color-scale {
  display: flex;
  align-items: center;
  gap: 8px;
}
.heatmap-color-scale__label {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}
.heatmap-color-scale__bar {
  display: flex;
  gap: 4px;
}
.heatmap-color-scale__step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 24px;
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  letter-spacing: 0.36px;
  line-height: 1;
  white-space: nowrap;
}

.heatmap-info-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  color: #737373;
  cursor: pointer;
}
.heatmap-info-btn:hover {
  color: #525252;
}
.heatmap-info-btn i,
.heatmap-info-btn svg {
  width: 22px;
  height: 22px;
}
.heatmap-info-btn__label {
  font-size: 12px;
  font-weight: 500;
  color: #737373;
  white-space: nowrap;
}

.heatmap-info-popover {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  width: 860px;
  background: #fff;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 24px;
  z-index: 100;
}
.heatmap-info-popover__heading {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.48px;
  line-height: 27px;
  margin: 0 0 16px;
}
.heatmap-info-popover__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.heatmap-info-popover__section--bordered {
  border-bottom: 1px solid #C7C8CD;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.heatmap-info-popover__section-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.heatmap-info-popover__title {
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.heatmap-info-popover__text {
  font-size: 14px;
  font-weight: 400;
  color: #737373;
  letter-spacing: 0.42px;
  line-height: 1.5;
  margin: 0;
}
.heatmap-info-popover__rank-chart {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  align-self: flex-start;
}
.heatmap-info-popover__rank-labels {
  position: relative;
  height: 20px;
}
.heatmap-info-popover__rank-labels span {
  position: absolute;
  top: 0;
  width: 32px;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #444;
}
.heatmap-info-popover__rank-labels span:nth-child(1) {
  left: 96px;
}
.heatmap-info-popover__rank-labels span:nth-child(2) {
  left: 148px;
}
.heatmap-info-popover__rank-labels span:nth-child(3) {
  left: 200px;
}
.heatmap-info-popover__rank-labels span:nth-child(4) {
  left: 252px;
}
.heatmap-info-popover__rank-labels span:nth-child(5) {
  left: 304px;
}
.heatmap-info-popover__rank-labels span:nth-child(6) {
  left: 356px;
}
.heatmap-info-popover__rank-labels span:nth-child(7) {
  left: 408px;
}
.heatmap-info-popover__rank-labels span:nth-child(8) {
  left: 512px;
}
.heatmap-info-popover__rank-pills {
  display: flex;
  align-items: center;
  gap: 8px;
}
.heatmap-info-popover__rank-pill {
  width: 88px;
  height: 23px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 1px solid #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.heatmap-info-popover__rank-divider {
  position: relative;
  width: 0;
  height: 30px;
  flex-shrink: 0;
}
.heatmap-info-popover__rank-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #d1d5db;
  transform: translateX(-50%);
}
.heatmap-info-popover__rank-spacer {
  width: 8px;
  height: 30px;
  flex-shrink: 0;
}
.heatmap-info-popover__alert-cards {
  background: #FFFAF1;
  border: 1px solid #E6DCCB;
  border-radius: 6px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.heatmap-info-popover__alert-cards-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.heatmap-info-popover__alert-card {
  background: #fff;
  border: 1px solid #E6DCCB;
  border-radius: 6px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.heatmap-info-popover__alert-card--low {
  border: 4px solid #DAC39D;
}
.heatmap-info-popover__alert-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  border-radius: 6px;
}
.heatmap-info-popover__alert-card-header .heatmap-alert-legend__icon {
  width: 24px;
  height: 24px;
}
.heatmap-info-popover__alert-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 4px 8px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #fff;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.39px;
}
.heatmap-info-popover__alert-card-body {
  font-size: 13px;
  color: #000;
  line-height: 21px;
  letter-spacing: 0.39px;
  margin: 0;
}
.heatmap-info-popover__alert-card-note {
  font-size: 12px;
  color: #6A655C;
  line-height: 18px;
  letter-spacing: 0.36px;
  margin: 0;
}
.heatmap-info-popover__alert-axis {
  display: flex;
  justify-content: space-between;
}
.heatmap-info-popover__alert-axis-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  width: 72px;
  border: 1px solid #E6DCCB;
  border-radius: 30px;
  background: #fff;
  font-size: 12px;
  color: #6A655C;
  letter-spacing: 0.36px;
}

.heatmap-zoom-target {
  transform-origin: top left;
}
.heatmap-zoom-target--scaled {
  overflow: visible;
}

.heatmap-zoom-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}
.heatmap-zoom-controls__label {
  font-size: 12px;
  font-weight: 500;
  color: #353535;
  white-space: nowrap;
  letter-spacing: 0.36px;
}
.heatmap-zoom-controls__select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23353535' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 13px center;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  height: 34px;
  padding: 0 36px 0 13px;
  font-size: 14px;
  color: #353535;
  cursor: pointer;
  min-width: 120px;
  letter-spacing: 0.42px;
}
.heatmap-zoom-controls__select:hover {
  border-color: #9ca3af;
}
.heatmap-zoom-controls__select:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.heatmap-tricolor {
  display: flex;
  width: 100%;
  height: 14px;
  border-radius: 2px;
  overflow: hidden;
}
.heatmap-tricolor__bar {
  height: 100%;
  transition: width 0.2s ease;
}
.heatmap-tricolor__bar--favorable {
  background-color: #17979F;
}
.heatmap-tricolor__bar--neutral {
  background-color: #E0E0E0;
}
.heatmap-tricolor__bar--unfavorable {
  background-color: #EB676F;
}
.heatmap-tricolor__label {
  font-size: 11px;
  color: #666;
  text-align: center;
  margin-top: 2px;
}

.heatmap-table--favorability .heatmap-table__cell--org {
  padding: 16px 16px;
}
.heatmap-table--favorability .heatmap-table__cell {
  flex: 0 0 200px;
  min-width: 200px;
}
.heatmap-table--favorability .heatmap-table__row--header .heatmap-table__cell {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.3;
  font-size: 12px;
}
.heatmap-table--favorability .heatmap-table__row--header .heatmap-table__cell .heatmap-table__org-label {
  flex: 1;
  min-width: 0;
}
.heatmap-table--favorability .has-item-alert::before,
.heatmap-table--favorability .has-child-alert::after,
.heatmap-table--favorability .ai-checked::before,
.heatmap-table--favorability .ai-checked::after,
.heatmap-table--favorability .ai-quadrant-aligned-low::before,
.heatmap-table--favorability .ai-quadrant-aligned-low::after,
.heatmap-table--favorability .ai-quadrant-dispersed-low::before,
.heatmap-table--favorability .ai-quadrant-dispersed-low::after {
  display: none !important;
}

.heatmap-table__score-wrap--favorability {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 2px 4px;
  height: 32px;
}
.heatmap-table__score-wrap--favorability .heatmap-tricolor-container {
  width: 100%;
}

.heatmap-table__total-score-wrap--favorability {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 2px 8px;
  background-color: transparent;
}
.heatmap-table__total-score-wrap--favorability .heatmap-tricolor-container {
  width: 100%;
}
.heatmap-table__total-score-wrap--favorability .heatmap-tricolor {
  width: 100%;
}

.heatmap-tricolor-legend {
  display: flex;
  align-items: center;
  gap: 16px;
}
.heatmap-tricolor-legend__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
}
.heatmap-tricolor-legend__item::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
.heatmap-tricolor-legend__item--favorable::before {
  background-color: #17979F;
}
.heatmap-tricolor-legend__item--neutral::before {
  background-color: #E0E0E0;
}
.heatmap-tricolor-legend__item--unfavorable::before {
  background-color: #EB676F;
}

.score-toggle-container--disabled {
  opacity: 0.4;
  pointer-events: none;
}

[data-page=engagement-survey] .engagement-survey__cont-group,
[data-page=compliance-monitoring] .engagement-survey__cont-group,
[data-page=organization-score] .engagement-survey__cont-group {
  height: calc(100vh / var(--zoom-scale, 1) - 152px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[data-page=engagement-survey] .engagement-survey__cont-group:has(> .active[tab-num="4"]),
[data-page=engagement-survey] .engagement-survey__cont-group:has(> .active[tab-num="5"]),
[data-page=engagement-survey] .engagement-survey__cont-group:has(> .active[tab-num="6"]),
[data-page=compliance-monitoring] .engagement-survey__cont-group:has(> .active[tab-num="4"]),
[data-page=compliance-monitoring] .engagement-survey__cont-group:has(> .active[tab-num="5"]),
[data-page=compliance-monitoring] .engagement-survey__cont-group:has(> .active[tab-num="6"]),
[data-page=organization-score] .engagement-survey__cont-group:has(> .active[tab-num="4"]),
[data-page=organization-score] .engagement-survey__cont-group:has(> .active[tab-num="5"]),
[data-page=organization-score] .engagement-survey__cont-group:has(> .active[tab-num="6"]) {
  height: auto;
  overflow: visible;
}
[data-page=engagement-survey] .engagement-survey__cont-item,
[data-page=compliance-monitoring] .engagement-survey__cont-item,
[data-page=organization-score] .engagement-survey__cont-item {
  flex: 1;
  min-height: 0;
}
[data-page=engagement-survey] .engagement-survey__cont-item.active[tab-num="2"], [data-page=engagement-survey] .engagement-survey__cont-item.active[tab-num="3"],
[data-page=compliance-monitoring] .engagement-survey__cont-item.active[tab-num="2"],
[data-page=compliance-monitoring] .engagement-survey__cont-item.active[tab-num="3"],
[data-page=organization-score] .engagement-survey__cont-item.active[tab-num="2"],
[data-page=organization-score] .engagement-survey__cont-item.active[tab-num="3"] {
  display: flex;
  flex-direction: column;
}

[data-page=compliance-monitoring] .engagement-survey__cont-group:has(> .active[tab-num="3"]),
[data-page=organization-score] .engagement-survey__cont-group:has(> .active[tab-num="3"]) {
  height: auto;
  overflow: visible;
}

[data-page=engagement-survey] .heatmap-table__row-group--parent {
  position: sticky;
  top: var(--heatmap-header-height, 50px);
  z-index: 30;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.heatmap-table__score-wrap--axis-category {
  width: 100%;
  height: 50px;
}

.heatmap-table__score-wrap--axis-item {
  width: 64px;
  height: 40px;
}

.ranking__cont {
  display: flex;
  gap: 0 15px;
  flex-wrap: nowrap;
  overflow: scroll;
  white-space: nowrap;
}
.ranking__box-vertical {
  padding: 15px;
  border: 1px solid #DDD;
  border-radius: 10px;
  min-width: 28%;
  display: flex;
  flex-flow: column;
}
.ranking__heading-wrap {
  display: flex;
  align-items: center;
  padding: 0 0 12px;
  justify-content: space-between;
}
.ranking__heading {
  font-size: 18px;
  font-weight: 600;
}
.ranking__box {
  padding: 15px;
  padding-bottom: 0;
  border: 2px solid #DDD;
  border-radius: 10px;
}
.ranking__box--main {
  background: #F2F2F2;
}
.ranking__box-vertical .ranking__box + .ranking__box {
  margin-top: 30px;
}
.ranking__row {
  padding: 15px 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
}
.ranking__title {
  font-weight: 600;
  padding: 0 0 12px;
  display: flex;
  align-items: center;
}
.ranking__title-icon {
  display: flex;
  margin-right: 8px;
  padding: 6px;
  border-radius: 30px;
}
.ranking__title-icon--best {
  background-color: #ffd144;
}
.ranking__title-icon--worst {
  background-color: #f55243;
}
.ranking__title-icon svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.ranking__rank {
  margin-right: 10px;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.ranking__rank--1 {
  background: #FFDF7E;
}
.ranking__rank--2 {
  background: #FFF1C8;
}
.ranking__rank--3 {
  background: #FFF1C8;
}
.ranking__rank--4 {
  background: #E6E6E6;
}
.ranking__rank--5 {
  background: #E6E6E6;
}
.ranking__rank--w1 {
  background: #ffaaaa;
}
.ranking__rank--w2 {
  background: #ffcbcb;
}
.ranking__rank--w3 {
  background: #ffe3e3;
}
.ranking__rank--w4 {
  background: #E6E6E6;
}
.ranking__rank--w5 {
  background: #E6E6E6;
}
.ranking__name {
  font-size: 14px;
}
.ranking__score-wrap {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.ranking__score {
  margin-right: 5px;
  font-size: 26px;
  font-weight: 600;
}
.ranking__score-rank {
  padding: 1px 15px;
  border-radius: 20px;
  font-weight: 600;
}
.ranking__score-rank.mc01 {
  background: #F65D5D;
}
.ranking__score-rank.mc04 {
  background: #FF7979;
}
.ranking__score-rank.mc05 {
  background: #FF987B;
}
.ranking__score-rank.mc06 {
  background: #FDBC79;
}
.ranking__score-rank.mc07 {
  background: #FFDF7E;
}
.ranking__score-rank.mc08 {
  background: #E7E284;
}
.ranking__score-rank.mc09 {
  background: #BEE68D;
}
.ranking__score-rank.mc10 {
  background: #59DB71;
}
.ranking__score-rank.mcc09, .ranking__score-rank.mcc10 {
  background: #F65D5D;
}
.ranking__score-rank.mcc07 {
  background: #FF7979;
}
.ranking__score-rank.mcc06 {
  background: #FF987B;
}
.ranking__score-rank.mcc05 {
  background: #FDBC79;
}
.ranking__score-rank.mcc04 {
  background: #FFDF7E;
}
.ranking__score-rank.mcc03 {
  background: #E7E284;
}
.ranking__score-rank.mcc02 {
  background: #BEE68D;
}
.ranking__score-rank.mcc01 {
  background: #59DB71;
}
.ranking__btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.ranking__btn {
  background: #FFDF7E;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  transition: 0.3s all;
  cursor: pointer;
  font-size: 13px;
}
.ranking__btn:hover {
  opacity: 0.6;
}

.ranking-modal__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 15px;
  flex-wrap: nowrap;
  overflow: scroll;
  white-space: nowrap;
}
.ranking-modal__body--single {
  grid-template-columns: 1fr;
}
.ranking-modal__col {
  padding: 15px;
  padding-bottom: 0;
  border: 2px solid #DDD;
  border-radius: 10px;
}
.ranking-modal__box-vertical {
  padding: 15px 0;
  border: 1px solid #DDD;
  border-radius: 10px;
  width: 30%;
  display: flex;
  flex-flow: column;
}
.ranking-modal__box {
  padding: 15px;
  padding-bottom: 0;
  border: 2px solid #DDD;
  border-radius: 10px;
}
.ranking-modal__box--main {
  background: #F2F2F2;
}
.ranking-modal__box-vertical .ranking-modal__box + .ranking-modal__box {
  margin-top: 30px;
}
.ranking-modal__row {
  padding: 15px 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
}
.ranking-modal__heading {
  font-weight: 600;
  padding: 0 0 12px;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.ranking-modal__heading-icon {
  display: flex;
  margin-right: 8px;
  padding: 6px;
  border-radius: 30px;
}
.ranking-modal__heading-icon--best {
  background-color: #ffd144;
}
.ranking-modal__heading-icon--worst {
  background-color: #f55243;
}
.ranking-modal__heading-icon svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.ranking-modal__name {
  font-weight: 600;
}
.ranking-modal__human-wrap {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.ranking-modal__human-wrap img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.ranking-modal__human-wrap p {
  font-size: 14px;
  font-weight: 500;
}
.ranking-modal__rank {
  margin-right: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.ranking-modal__rank--1 {
  background: #FFDF7E;
}
.ranking-modal__rank--2 {
  background: #FFF1C8;
}
.ranking-modal__rank--3 {
  background: #FFF1C8;
}
.ranking-modal__rank--4 {
  background: #E6E6E6;
}
.ranking-modal__rank--5 {
  background: #E6E6E6;
}
.ranking-modal__rank--w1 {
  background: #ffaaaa;
}
.ranking-modal__rank--w2 {
  background: #ffcbcb;
}
.ranking-modal__rank--w3 {
  background: #ffe3e3;
}
.ranking-modal__rank--w4 {
  background: #E6E6E6;
}
.ranking-modal__rank--w5 {
  background: #E6E6E6;
}
.ranking-modal__sparkline {
  margin-left: auto;
  margin-right: 10px;
}
.ranking-modal__score-info-box {
  display: flex;
  flex-flow: column;
}
.ranking-modal__score-wrap {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.ranking-modal__score {
  margin-right: 5px;
  font-size: 29px;
  font-weight: 600;
}
.ranking-modal__score-rank {
  padding: 1px 15px;
  border-radius: 20px;
  font-weight: 600;
}
.ranking-modal__score-rank.mc01 {
  background: #F65D5D;
}
.ranking-modal__score-rank.mc04 {
  background: #FF7979;
}
.ranking-modal__score-rank.mc05 {
  background: #FF987B;
}
.ranking-modal__score-rank.mc06 {
  background: #FDBC79;
}
.ranking-modal__score-rank.mc07 {
  background: #FFDF7E;
}
.ranking-modal__score-rank.mc08 {
  background: #E7E284;
}
.ranking-modal__score-rank.mc09 {
  background: #BEE68D;
}
.ranking-modal__score-rank.mc10 {
  background: #59DB71;
}
.ranking-modal__score-rank.mcc08, .ranking-modal__score-rank.mcc09, .ranking-modal__score-rank.mcc10 {
  background: #F65D5D;
}
.ranking-modal__score-rank.mcc07 {
  background: #FF7979;
}
.ranking-modal__score-rank.mcc06 {
  background: #FF987B;
}
.ranking-modal__score-rank.mcc05 {
  background: #FDBC79;
}
.ranking-modal__score-rank.mcc04 {
  background: #FFDF7E;
}
.ranking-modal__score-rank.mcc03 {
  background: #E7E284;
}
.ranking-modal__score-rank.mcc02 {
  background: #BEE68D;
}
.ranking-modal__score-rank.mcc01 {
  background: #59DB71;
}
.ranking-modal__num {
  font-size: 12px;
}

.slide-modal[data-target=detail] {
  padding: 45px 32px;
}

.voe-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.voe-detail__header-left {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.voe-detail__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #353535;
  line-height: 1;
  letter-spacing: 0.72px;
}
.voe-detail__breadcrumb {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.03em;
}
.voe-detail__breadcrumb-sep {
  color: #c7c8cd;
}
.voe-detail__subheader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
}
.voe-detail__subheader-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.voe-detail__subheader-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.voe-detail__tabs {
  display: flex;
  gap: 12px;
}
.voe-detail__tab {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 3px;
  border: 1px solid #C7C8CD;
  cursor: pointer;
  transition: background-color 0.15s;
  letter-spacing: 0.03em;
}
.voe-detail__tab.is-active {
  background-color: #F6F6F9;
  color: #353535;
}
.voe-detail__tab:not(.is-active) {
  background-color: #D9D9D9;
  color: #353535;
}
.voe-detail__tab:disabled {
  cursor: default;
}
.voe-detail__question {
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.03em;
}
.voe-detail__q-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFC718;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #353535;
  padding: 2px 8px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.voe-detail__question-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.03em;
}
.voe-detail__period-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #737373;
  white-space: nowrap;
  letter-spacing: 0.03em;
}
.voe-detail__period-select {
  height: 34px;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  padding: 0 13px;
  padding-right: 37px;
  line-height: 32px;
  color: #353535;
  background-color: #fff;
  letter-spacing: 0.03em;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23353535' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 16px 16px;
}
.voe-detail__card {
  border: 1px solid #C7C8CD;
  border-radius: 10px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.voe-detail__card-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.voe-detail__card-header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.voe-detail__card-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.03em;
}
.voe-detail__status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFE6E1;
  color: #FA7070;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 16px;
  border-radius: 32px;
  letter-spacing: 0.03em;
}
.voe-detail__summary {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
  line-height: 24px;
  letter-spacing: 0.03em;
}
.voe-detail__issue-block {
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.voe-detail__issue-block--problem {
  background-color: rgba(232, 71, 43, 0.05);
}
.voe-detail__issue-block--strength {
  background-color: rgba(58, 178, 238, 0.05);
}
.voe-detail__issue-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.voe-detail__issue-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.voe-detail__issue-badge--problem {
  background-color: #E8472B;
}
.voe-detail__issue-badge--strength {
  background-color: #3AB2EE;
}
.voe-detail__issue-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.03em;
}
.voe-detail__issue-content {
  display: flex;
  flex: 1;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.voe-detail__voe-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #EFEFF2;
  border-radius: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #737373;
  padding: 4px 8px;
  width: 98px;
  white-space: nowrap;
  letter-spacing: 0.03em;
}
.voe-detail__cause-card {
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
}
.voe-detail__cause-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.voe-detail__cause-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FD8B3E;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.voe-detail__cause-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.03em;
}
.voe-detail__cause-body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #737373;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.voe-detail__reason-card {
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
}
.voe-detail__reason-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.voe-detail__reason-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #4EBCB9;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.voe-detail__reason-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.03em;
}
.voe-detail__reason-body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #737373;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.free-comment__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.free-comment__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  line-height: 1;
  letter-spacing: 0.72px;
}
.free-comment__tags {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.free-comment__tag {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 3px;
  border: 1px solid #C7C8CD;
  letter-spacing: 0.03em;
}
.free-comment__tag--custom {
  background-color: #3071E2;
  color: #fff;
}
.free-comment__tag--name {
  background-color: #D9D9D9;
  color: #000;
}
.free-comment__question {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.free-comment__q-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFC718;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  padding: 2px 8px;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.free-comment__question-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.42px;
}
.free-comment__stats-tabs {
  display: flex;
  margin-bottom: 24px;
}
.free-comment__stats-tab {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #6F6F6F;
  line-height: 18px;
  padding: 8px 16px;
  border: 1px solid #C7C8CD;
  cursor: pointer;
  letter-spacing: 0.03em;
}
.free-comment__stats-tab + .free-comment__stats-tab {
  margin-left: -1px;
}
.free-comment__stats-tab--label {
  background-color: #F8F8F8;
}
.free-comment__stats-tab--count {
  background-color: #fff;
}
.free-comment__card {
  border: 1px solid #C7C8CD;
  border-radius: 10px;
  padding: 24px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.free-comment__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.free-comment__item {
  background-color: #F3F3F3;
  border-radius: 8px;
  padding: 16px;
}
.free-comment__item-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  letter-spacing: 0.03em;
}
.free-comment__more-btn {
  width: 213px;
  height: 42px;
  background-color: #FFDF7E;
  border: 1px solid #FFDF7E;
  border-radius: 50px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
  margin: 24px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.03em;
}
.free-comment__empty {
  background-color: #F3F3F3;
  border-radius: 8px;
  padding: 32px;
  width: 100%;
}
.free-comment__empty-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: #999;
  text-align: center;
  letter-spacing: 0.03em;
}

/* CSS outline -----------------------------------------------

  1.Index

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

1.mainVisual */
.dashboard {
  background-color: #F4F4F4;
  padding: 135px 0;
}
.dashboard__body {
  margin: 0 auto;
  max-width: 1200px;
}
.dashboard__title {
  margin-bottom: 40px;
  font-size: 3.8rem;
  font-weight: 800;
}
.dashboard__search {
  margin-bottom: 20px;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
}
.dashboard__input {
  position: relative;
  margin-bottom: 20px;
}
.dashboard__input::before {
  position: absolute;
  top: 8px;
  left: 5px;
  width: 20px;
  content: url(../images/dashboard/search.svg);
  display: block;
}
.dashboard__input input {
  padding: 10px;
  padding-left: 30px;
  width: 100%;
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #000;
}
.dashboard__selectbox {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.dashboard__selectbox .ms-drop.bottom {
  border: 0;
  border-radius: 2px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.dashboard__selectbox .ms-choice {
  border: 0;
}
.dashboard__selectbox .ms-choice > span {
  padding-left: 0;
  font-size: 14px;
}
.dashboard__selectbox .ms-choice > div.icon-caret {
  position: absolute;
  top: 7px;
  right: 15px;
  width: 10px;
  height: 10px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 0;
  border-top: 0;
  transform: rotate(-45deg);
  content: "";
  pointer-events: none;
}
.dashboard__selectbox .ms-drop ul > li {
  padding: 15px;
  padding-top: 0;
}
.dashboard__selectbox .ms-drop ul > li:first-child {
  padding-top: 15px;
}
.dashboard__selectbox .ms-drop ul > li label span {
  margin-left: 10px;
}
.dashboard__selectbox .ms-drop input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #D9D9D9;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.dashboard__selectbox .ms-drop input[type=checkbox]:checked {
  background-color: #000;
}
.dashboard__selectbox .ms-drop input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 5px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #FAEE01;
  border-bottom: 2px solid #FAEE01;
  content: "";
}
.dashboard__selectbox select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2.8em;
  padding: 2;
  border: none;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}
.dashboard__selectbox select:focus {
  outline: none;
}
.dashboard__list-wrap {
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 2px;
}
.dashboard__item {
  padding: 18px 0;
  border-bottom: 1px solid #ddd;
}
.dashboard__item a {
  display: grid;
  grid-template-columns: 2fr 4fr 1fr 1fr;
  align-items: center;
}
.dashboard__list-headline {
  padding: 0;
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 2fr 4fr 1fr 1fr;
  font-weight: 800;
}
.dashboard__company {
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.dashboard__company-logo {
  margin-right: 15px;
  max-width: 50px;
}
.dashboard__company-name {
  font-weight: 800;
}
.dashboard__seals {
  padding-left: 20px;
  padding-right: 10px;
  font-weight: 800;
  color: #D8BC2A;
}
.dashboard__profit {
  padding-left: 10px;
  padding-right: 20px;
  font-weight: 800;
}
.dashboard__profit--plus {
  color: #FF497F;
}
.dashboard__profit--minus {
  color: #5AD4A8;
}
.dashboard__pagination {
  margin: 30px 0;
}
.dashboard__pagination-list {
  display: flex;
  justify-content: center;
}
.dashboard__pagination-item {
  margin: 0 5px;
}
.dashboard__pagination-link {
  padding: 8px 10px;
  border-radius: 100px;
  background-color: #eee;
  font-weight: 800;
}
.dashboard__pagination-link.active {
  background-color: #000;
  color: #FAEE01;
}

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

1.mainVisual */
.s-about {
  margin: 70px auto 105px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.s-about__container {
  max-width: 1100px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .s-about {
    margin: 10.2564102564vw auto;
  }
  .s-about__container {
    width: 89.7435897436vw;
    margin: auto;
  }
}
.s-about__title {
  margin-bottom: 60px;
  font-size: min(4.1666666667vw, 46px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.025em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .s-about__title {
    font-size: 7.6923076923vw;
  }
}
.s-about__text {
  text-align: center;
  font-size: min(1.8055555556vw, 20px);
  line-height: 1.4615384615;
  letter-spacing: -0.025em;
}
@media screen and (max-width: 768px) {
  .s-about__text {
    margin-top: 8.9743589744vw;
    font-size: 4.1025641026vw;
  }
}

/* CSS outline -----------------------------------------------

  1.Index

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



1.Feedback Monitoring */
.feedback-monitoring {
  position: relative;
  margin-left: 20px;
  width: 1280px;
  padding-bottom: 48px;
}
.feedback-monitoring__heading--01 {
  position: relative;
  padding-left: 31px;
  font-size: 24px;
}
.feedback-monitoring__heading--01::before {
  content: "";
  position: absolute;
  -webkit-mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left;
          mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left;
  background-color: #FFDF7E;
  width: 20px;
  height: 20px;
  top: 4px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.feedback-monitoring__heading--01 + * {
  margin-top: 32px;
}
.feedback-monitoring__heading--02 {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  font-size: 24px;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background-color: #f3f3f3;
}
.feedback-monitoring__heading--02__icon {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  margin-right: 9px;
}
.feedback-monitoring__heading--02__icon::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-personal-02.svg") no-repeat top left;
  width: 45px;
  height: 20px;
  left: 0;
}
.feedback-monitoring__heading--03 {
  font-size: 24px;
  font-weight: 500;
}
.feedback-monitoring__heading--04 {
  display: flex;
  align-items: center;
  padding: 13px 20px;
  font-size: 18px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background-color: #f3f3f3;
}
.feedback-monitoring__heading--04__icon {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  margin-right: 8px;
}
.feedback-monitoring__heading--04__icon::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-power-human.svg") no-repeat top left;
  width: 46px;
  height: 22px;
  left: 0;
}
.feedback-monitoring__heading--04__icon--receptive-ability::before {
  background: url("../images/common/icon-power-human-receptive-ability.svg") no-repeat top left;
}
.feedback-monitoring__heading--05 {
  padding: 16px;
  font-size: 24px;
  font-weight: 500;
  border: 1px solid #61E06A;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  min-height: 106px;
}
.feedback-monitoring__heading--05 .star {
  margin-left: 8px;
  display: inline-flex;
  flex-flow: row nowrap;
}
.feedback-monitoring__heading--05 .star__item {
  position: relative;
  width: 28px;
  height: 28px;
}
.feedback-monitoring__heading--05 .star__item::before {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #F1F1F1;
  -webkit-mask: url("../images/common/icon-star.svg") no-repeat center;
          mask: url("../images/common/icon-star.svg") no-repeat center;
}
.feedback-monitoring__heading--05 .star__item--yellow::before {
  background-color: #FFDF7E;
  -webkit-mask: url("../images/common/icon-star.svg") no-repeat center;
          mask: url("../images/common/icon-star.svg") no-repeat center;
}
.feedback-monitoring__tab__list {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
}
.feedback-monitoring__tab__item {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.feedback-monitoring__tab__item a {
  background-color: #fff;
  display: flex;
  padding: 12px 15px;
  color: #b4b4b4;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.feedback-monitoring__tab__item:hover a {
  background-color: #FFDF7E;
  color: #000;
  opacity: 1;
}
.feedback-monitoring__tab__item:hover .feedback-monitoring__tab__icon::before {
  background-color: #000;
}
.feedback-monitoring__tab__item.is-active a {
  background-color: #FFDF7E;
  color: #000;
}
.feedback-monitoring__tab__icon {
  position: relative;
  padding-left: 22px;
}
.feedback-monitoring__tab__icon::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #b4b4b4;
  transition: all 0.3s;
}
.feedback-monitoring__tab__icon--user::before {
  -webkit-mask: url("../images/common/tab-icon-personal.svg") no-repeat center;
          mask: url("../images/common/tab-icon-personal.svg") no-repeat center;
}
.feedback-monitoring__tab__icon--self-assessment::before {
  -webkit-mask: url("../images/common/tab-icon-self-assessment.svg") no-repeat center;
          mask: url("../images/common/tab-icon-self-assessment.svg") no-repeat center;
}
.feedback-monitoring__tab__icon--sales::before {
  -webkit-mask: url("../images/common/tab-icon-sales.svg") no-repeat center;
          mask: url("../images/common/tab-icon-sales.svg") no-repeat center;
}
.feedback-monitoring__tab__icon--inside-sales::before {
  -webkit-mask: url("../images/common/tab-icon-sales.svg") no-repeat center;
          mask: url("../images/common/tab-icon-sales.svg") no-repeat center;
}
.feedback-monitoring__tab__icon--outbound::before {
  -webkit-mask: url("../images/common/tab-icon-sales.svg") no-repeat center;
          mask: url("../images/common/tab-icon-sales.svg") no-repeat center;
}
.feedback-monitoring__tab__icon--comment::before {
  -webkit-mask: url("../images/common/tab-icon-comment.svg") no-repeat center;
          mask: url("../images/common/tab-icon-comment.svg") no-repeat center;
}
.feedback-monitoring__tab__icon.is-active::before {
  background-color: #000;
}
.feedback-monitoring__time {
  position: absolute;
  top: 61px;
  right: 0;
}
.feedback-monitoring__time select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 130px 10px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
}
.feedback-monitoring__time::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.feedback-monitoring__body {
  padding: 20px 24px 30px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 0 0 10px 10px;
}
.feedback-monitoring__wrapper {
  display: flex;
  border: 1px solid #ddd;
  padding: 20px 24px 32px;
}
.feedback-monitoring__wrapper--type {
  flex-flow: row wrap;
  gap: 0 40px;
  border-radius: 0 0 10px 10px;
}
.feedback-monitoring__wrapper--detail {
  position: relative;
  margin-top: 47px;
  flex-flow: row wrap;
  gap: 24px 26px;
  border: none;
  padding: 0;
}
.feedback-monitoring__wrapper--detail::before {
  content: "";
  position: absolute;
  width: 614px;
  height: 83px;
  top: -79px;
  left: 0;
  right: 0;
  margin: auto;
  background: url("../images/common/img-feedback-monitoring-line01.png") no-repeat top center/100% auto;
}
.feedback-monitoring__wrap--type {
  width: 580px;
  border: 1px solid #FFDF7E;
  border-radius: 10px;
  padding: 14px;
  background-color: #FFF8E3;
}
.feedback-monitoring__wrap--detail {
  position: relative;
  width: 603px;
  border: 1px solid #ddd;
  border-radius: 10px;
  z-index: 20;
}
.feedback-monitoring__wrap .index-chart1 {
  position: relative;
  margin: 44px auto 0;
}
.feedback-monitoring__wrap .index-chart1 canvas {
  width: 380px;
  height: 380px;
  display: block;
  margin: auto;
}
.feedback-monitoring__wrap .index-chart1__score {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.feedback-monitoring__wrap .index-chart1__score--heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.feedback-monitoring__wrap .index-chart1__score--current {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 23px;
}
.feedback-monitoring__wrap .index-chart1__score--current em {
  font-size: 73px;
  font-weight: 500;
  line-height: 100px;
}
.feedback-monitoring__wrap .index-chart1__score--current::after {
  content: "";
  position: absolute;
  top: 30px;
  right: 0;
  width: 35px;
  height: 23px;
  background: url("../images/common/icon-arrow-score.svg") no-repeat top center/100% auto;
}
.feedback-monitoring__wrap .index-chart1__score--sub-heading {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}
.feedback-monitoring__wrap .index-chart1__score--before {
  font-size: 12px;
  line-height: 17px;
}
.feedback-monitoring__wrap .index-chart1__score--before em {
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}
.feedback-monitoring__wrap .index-chart1__score--caution {
  position: relative;
  top: 48px;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  letter-spacing: 0;
}
.feedback-monitoring__wrap .index-chart1__score__power {
  font-size: 10px;
  line-height: 14px;
  position: absolute;
}
.feedback-monitoring__wrap .index-chart1__score__power--communication-skills {
  top: 30px;
  right: 54px;
}
.feedback-monitoring__wrap .index-chart1__score__power--communication-skills span {
  position: relative;
}
.feedback-monitoring__wrap .index-chart1__score__power--communication-skills span::after {
  content: "";
  position: absolute;
  top: 35px;
  left: -20px;
  width: 44px;
  height: 1px;
  transform: rotate(-43deg);
  background-color: #000;
}
.feedback-monitoring__wrap .index-chart1__score__power--receptive-ability {
  bottom: -10px;
  left: 104px;
}
.feedback-monitoring__wrap .index-chart1__score__power--receptive-ability span {
  position: relative;
}
.feedback-monitoring__wrap .index-chart1__score__power--receptive-ability span::after {
  content: "";
  position: absolute;
  top: -28px;
  left: 32px;
  width: 50px;
  height: 1px;
  transform: rotate(-60deg);
  background-color: #000;
}
.feedback-monitoring__wrap .index-chart4,
.feedback-monitoring__wrap .index-chart5,
.feedback-monitoring__wrap .index-chart9,
.feedback-monitoring__wrap .index-chart10 {
  margin: 4px 0 0;
}
.feedback-monitoring__wrap .index-chart4 canvas,
.feedback-monitoring__wrap .index-chart5 canvas,
.feedback-monitoring__wrap .index-chart9 canvas,
.feedback-monitoring__wrap .index-chart10 canvas {
  width: 380px;
  height: 14px;
  outline: 1px solid #DBDBDB;
  outline-offset: -1px;
  background-color: #fff;
  border-radius: 10px;
}
.feedback-monitoring__wrap .index-chart2 {
  margin: 44px auto;
  width: 545px;
  height: 690px;
}
.feedback-monitoring__type {
  display: flex;
  flex-flow: row nowrap;
  padding: 20px;
  border: 1px solid #FFDF7E;
  border-radius: 10px;
  background-color: #fff;
}
.feedback-monitoring__type-level {
  margin-left: 12px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  width: 82px;
  line-height: 37px;
  background-color: #f0f0f0;
  border-radius: 20px;
}
.feedback-monitoring__type-level em {
  font-size: 20px;
}
.feedback-monitoring__comment {
  width: 100%;
  margin: 32px 0 0 auto;
  position: relative;
  padding-left: 138px;
}
.feedback-monitoring__comment::before {
  content: "";
  position: absolute;
  width: 186px;
  height: 176px;
  bottom: 0;
  left: 0;
  background: url("../images/common/u-zero-icons-MIMURA.png") no-repeat top left/100% auto;
  z-index: 30;
}
.feedback-monitoring__comment-text {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 28px 26px 30px 50px;
  margin: 0 0 0 auto;
  width: 1032px;
  font-size: 16px;
  line-height: 29px;
}
.feedback-monitoring__comment-text h4 {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.feedback-monitoring__comment-text h4 img {
  margin-right: 10px;
}
.feedback-monitoring__comment-text::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 20px;
  left: -16px;
  margin: auto;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 16px solid #ddd;
  border-left: 0;
  z-index: 10;
}
.feedback-monitoring__comment-text::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 20px;
  left: -14px;
  margin: auto;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 16px solid #fff;
  border-left: 0;
  z-index: 20;
}
.feedback-monitoring__communication-skills, .feedback-monitoring__receptive-ability {
  padding: 20px 24px 32px;
  margin: 20px;
  background-color: #F4FFF5;
  border: 1px solid #61E06A;
  border-radius: 10px;
}
.feedback-monitoring__communication-skills--type, .feedback-monitoring__receptive-ability--type {
  padding: 20px;
  background-color: #F4FFF5;
  border: 1px solid #61E06A;
}
.feedback-monitoring__communication-skills__comment, .feedback-monitoring__receptive-ability__comment {
  width: 100%;
  margin: 32px 0 0 auto;
  position: relative;
  padding-left: 94px;
}
.feedback-monitoring__communication-skills__comment::before, .feedback-monitoring__receptive-ability__comment::before {
  content: "";
  position: absolute;
  width: 117px;
  height: 111px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("../images/common/u-zero-icons-MIMURA.png") no-repeat top left/100% auto;
  z-index: 30;
}
.feedback-monitoring__communication-skills__comment-text, .feedback-monitoring__receptive-ability__comment-text {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 24px 18px 24px 38px;
  margin: 0 0 0 auto;
  font-size: 14px;
  line-height: 29px;
}
.feedback-monitoring__communication-skills__comment-text h4, .feedback-monitoring__receptive-ability__comment-text h4 {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.feedback-monitoring__communication-skills__comment-text h4 img, .feedback-monitoring__receptive-ability__comment-text h4 img {
  margin-right: 10px;
}
.feedback-monitoring__communication-skills__comment-text::before, .feedback-monitoring__receptive-ability__comment-text::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 40px;
  left: -16px;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 16px solid #ddd;
  border-left: 0;
  z-index: 10;
}
.feedback-monitoring__communication-skills__comment-text::after, .feedback-monitoring__receptive-ability__comment-text::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 40px;
  left: -14px;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 16px solid #fff;
  border-left: 0;
  z-index: 20;
}
.feedback-monitoring__communication-skills .index-chart3,
.feedback-monitoring__communication-skills .index-chart8, .feedback-monitoring__receptive-ability .index-chart3,
.feedback-monitoring__receptive-ability .index-chart8 {
  position: relative;
  margin: 35px auto 0;
}
.feedback-monitoring__communication-skills .index-chart3 canvas,
.feedback-monitoring__communication-skills .index-chart8 canvas, .feedback-monitoring__receptive-ability .index-chart3 canvas,
.feedback-monitoring__receptive-ability .index-chart8 canvas {
  width: 344px;
  height: 344px;
  display: block;
  margin: auto;
}
.feedback-monitoring__communication-skills .index-chart3__score,
.feedback-monitoring__communication-skills .index-chart8__score, .feedback-monitoring__receptive-ability .index-chart3__score,
.feedback-monitoring__receptive-ability .index-chart8__score {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.feedback-monitoring__communication-skills .index-chart3__score--heading,
.feedback-monitoring__communication-skills .index-chart8__score--heading, .feedback-monitoring__receptive-ability .index-chart3__score--heading,
.feedback-monitoring__receptive-ability .index-chart8__score--heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.feedback-monitoring__communication-skills .index-chart3__score--current,
.feedback-monitoring__communication-skills .index-chart8__score--current, .feedback-monitoring__receptive-ability .index-chart3__score--current,
.feedback-monitoring__receptive-ability .index-chart8__score--current {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 23px;
}
.feedback-monitoring__communication-skills .index-chart3__score--current em,
.feedback-monitoring__communication-skills .index-chart8__score--current em, .feedback-monitoring__receptive-ability .index-chart3__score--current em,
.feedback-monitoring__receptive-ability .index-chart8__score--current em {
  font-size: 73px;
  font-weight: 500;
  line-height: 88px;
}
.feedback-monitoring__communication-skills .index-chart3__score--current::after,
.feedback-monitoring__communication-skills .index-chart8__score--current::after, .feedback-monitoring__receptive-ability .index-chart3__score--current::after,
.feedback-monitoring__receptive-ability .index-chart8__score--current::after {
  content: "";
  position: absolute;
  top: 30px;
  right: -10px;
  width: 35px;
  height: 23px;
  background: url("../images/common/icon-arrow-score.svg") no-repeat top center/100% auto;
}
.feedback-monitoring__communication-skills .index-chart3__score--sub-heading,
.feedback-monitoring__communication-skills .index-chart8__score--sub-heading, .feedback-monitoring__receptive-ability .index-chart3__score--sub-heading,
.feedback-monitoring__receptive-ability .index-chart8__score--sub-heading {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}
.feedback-monitoring__communication-skills .index-chart3__score--before,
.feedback-monitoring__communication-skills .index-chart8__score--before, .feedback-monitoring__receptive-ability .index-chart3__score--before,
.feedback-monitoring__receptive-ability .index-chart8__score--before {
  font-size: 12px;
  line-height: 17px;
}
.feedback-monitoring__communication-skills .index-chart3__score--before em,
.feedback-monitoring__communication-skills .index-chart8__score--before em, .feedback-monitoring__receptive-ability .index-chart3__score--before em,
.feedback-monitoring__receptive-ability .index-chart8__score--before em {
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}
.feedback-monitoring__communication-skills .index-chart3__score--caution,
.feedback-monitoring__communication-skills .index-chart8__score--caution, .feedback-monitoring__receptive-ability .index-chart3__score--caution,
.feedback-monitoring__receptive-ability .index-chart8__score--caution {
  position: relative;
  top: 22px;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  letter-spacing: 0;
}
.feedback-monitoring__communication-skills .index-chart3__score__power,
.feedback-monitoring__communication-skills .index-chart8__score__power, .feedback-monitoring__receptive-ability .index-chart3__score__power,
.feedback-monitoring__receptive-ability .index-chart8__score__power {
  font-size: 10px;
  line-height: 14px;
  position: absolute;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--communication-skills,
.feedback-monitoring__communication-skills .index-chart8__score__power--communication-skills, .feedback-monitoring__receptive-ability .index-chart3__score__power--communication-skills,
.feedback-monitoring__receptive-ability .index-chart8__score__power--communication-skills {
  top: 30px;
  right: 54px;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--communication-skills span,
.feedback-monitoring__communication-skills .index-chart8__score__power--communication-skills span, .feedback-monitoring__receptive-ability .index-chart3__score__power--communication-skills span,
.feedback-monitoring__receptive-ability .index-chart8__score__power--communication-skills span {
  position: relative;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--communication-skills span::after,
.feedback-monitoring__communication-skills .index-chart8__score__power--communication-skills span::after, .feedback-monitoring__receptive-ability .index-chart3__score__power--communication-skills span::after,
.feedback-monitoring__receptive-ability .index-chart8__score__power--communication-skills span::after {
  content: "";
  position: absolute;
  top: 35px;
  left: -20px;
  width: 44px;
  height: 1px;
  transform: rotate(-43deg);
  background-color: #000;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--receptive-ability,
.feedback-monitoring__communication-skills .index-chart8__score__power--receptive-ability, .feedback-monitoring__receptive-ability .index-chart3__score__power--receptive-ability,
.feedback-monitoring__receptive-ability .index-chart8__score__power--receptive-ability {
  bottom: 21px;
  left: 64px;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--receptive-ability span,
.feedback-monitoring__communication-skills .index-chart8__score__power--receptive-ability span, .feedback-monitoring__receptive-ability .index-chart3__score__power--receptive-ability span,
.feedback-monitoring__receptive-ability .index-chart8__score__power--receptive-ability span {
  position: relative;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--receptive-ability span::after,
.feedback-monitoring__communication-skills .index-chart8__score__power--receptive-ability span::after, .feedback-monitoring__receptive-ability .index-chart3__score__power--receptive-ability span::after,
.feedback-monitoring__receptive-ability .index-chart8__score__power--receptive-ability span::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 36px;
  width: 50px;
  height: 1px;
  transform: rotate(-30deg);
  background-color: #000;
}
.feedback-monitoring__communication-skills .index-chart3__score__power--communication-skills, .feedback-monitoring__receptive-ability .index-chart3__score__power--communication-skills {
  top: -10px;
}
.feedback-monitoring__communication-skills .index-chart8__score__power--receptive-ability span::after, .feedback-monitoring__receptive-ability .index-chart8__score__power--receptive-ability span::after {
  top: -10px;
  left: 58px;
  transform: rotate(-13deg);
}
.feedback-monitoring__communication-skills .index-chart8__score__power--receptive-ability span, .feedback-monitoring__receptive-ability .index-chart8__score__power--receptive-ability span {
  top: 5px;
}
.feedback-monitoring__communication-skills .index-chart8__score__power--communication-skills, .feedback-monitoring__receptive-ability .index-chart8__score__power--communication-skills {
  top: -20px;
  right: 26px;
}
.feedback-monitoring__communication-skills__P-III, .feedback-monitoring__receptive-ability__P-III {
  position: relative;
  padding: 12px 15px;
  margin: 56px 20px 0;
  background-color: #F4FFF5;
  border: 1px solid #61E06A;
  border-radius: 10px;
}
.feedback-monitoring__communication-skills__P-III::before, .feedback-monitoring__receptive-ability__P-III::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-power-arrow.svg") no-repeat top left/100% auto;
  transform: rotate(180deg);
  width: 54px;
  height: 15px;
  top: -36px;
  right: 0;
  left: 0;
  margin: auto;
}
.feedback-monitoring__communication-skills__G-III, .feedback-monitoring__receptive-ability__G-III {
  position: relative;
  padding: 12px 15px;
  margin: 25px 20px 0;
  background-color: #F4FFF5;
  border: 1px solid #61E06A;
  border-radius: 10px;
}
.feedback-monitoring__communication-skills__P-III__wrap, .feedback-monitoring__communication-skills__G-III__wrap, .feedback-monitoring__receptive-ability__P-III__wrap, .feedback-monitoring__receptive-ability__G-III__wrap {
  display: flex;
  flex-flow: row nowrap;
  gap: 11px;
  justify-content: center;
}
.feedback-monitoring__communication-skills__P-III__wrap + *, .feedback-monitoring__communication-skills__G-III__wrap + *, .feedback-monitoring__receptive-ability__P-III__wrap + *, .feedback-monitoring__receptive-ability__G-III__wrap + * {
  margin-top: 8px;
}
.feedback-monitoring__feedback-type {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 31px;
  padding: 12px 15px;
  background-color: #fff;
  border: 1px solid #61E06A;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.feedback-monitoring__result {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 31px;
  padding: 12px 15px;
  background-color: #fff;
  border: 1px solid #61E06A;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.feedback-monitoring__result svg {
  margin-right: 8px;
  width: 16px;
}
.feedback-monitoring__result.positive svg {
  color: #15DF8B;
}
.feedback-monitoring__result.negative svg {
  color: #F65D5D;
}
.feedback-monitoring__score-heading {
  width: auto;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  font-weight: 800;
  white-space: nowrap;
}
.feedback-monitoring__score {
  font-size: 18px;
  font-weight: 500;
}
.feedback-monitoring .index-chart02,
.feedback-monitoring .index-chart6,
.feedback-monitoring .index-chart11 {
  position: relative;
  display: block;
  width: 545px;
  height: 590px;
  margin: 20px auto 0;
}
.feedback-monitoring .index-chart02__type,
.feedback-monitoring .index-chart6__type,
.feedback-monitoring .index-chart11__type {
  position: absolute;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 7px 0;
  background-color: rgba(255, 255, 255, 0.58);
  width: 132px;
  height: 53px;
}
.feedback-monitoring .index-chart02__type:nth-of-type(1),
.feedback-monitoring .index-chart6__type:nth-of-type(1),
.feedback-monitoring .index-chart11__type:nth-of-type(1) {
  top: 24px;
  left: 54px;
}
.feedback-monitoring .index-chart02__type:nth-of-type(2),
.feedback-monitoring .index-chart6__type:nth-of-type(2),
.feedback-monitoring .index-chart11__type:nth-of-type(2) {
  top: 482px;
  left: 54px;
}
.feedback-monitoring .index-chart02__type:nth-of-type(3),
.feedback-monitoring .index-chart6__type:nth-of-type(3),
.feedback-monitoring .index-chart11__type:nth-of-type(3) {
  top: 24px;
  right: 28px;
}
.feedback-monitoring .index-chart02__type:nth-of-type(4),
.feedback-monitoring .index-chart6__type:nth-of-type(4),
.feedback-monitoring .index-chart11__type:nth-of-type(4) {
  top: 482px;
  right: 28px;
}
.feedback-monitoring__transition {
  margin: 55px auto 15px;
  width: 565px;
}
.feedback-monitoring__transition__heading {
  background: #f3f3f3;
  border-radius: 5px;
  font-size: 16px;
  line-height: 23px;
  padding: 10px 0 9px 35px;
}
.feedback-monitoring__transition .index-chart7,
.feedback-monitoring__transition .index-chart12 {
  margin: 20px auto 0px;
}
.feedback-monitoring__transition .index-chart7__list,
.feedback-monitoring__transition .index-chart12__list {
  display: flex;
  flex-flow: row nowrap;
  gap: 14px;
  margin-left: 48px;
}
.feedback-monitoring__transition .index-chart7__item,
.feedback-monitoring__transition .index-chart12__item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 2px;
  text-align: center;
  width: 120px;
  padding: 5px 0 3px;
  border-radius: 3px;
}
.feedback-monitoring__transition .index-chart7__item--red,
.feedback-monitoring__transition .index-chart12__item--red {
  border: 1px solid #FFADAD;
  background-color: #FFF2F2;
}
.feedback-monitoring__transition .index-chart7__item--yellow,
.feedback-monitoring__transition .index-chart12__item--yellow {
  border: 1px solid #F2E4B7;
  background-color: #FFF8E3;
}
.feedback-monitoring__transition .index-chart7__item--green,
.feedback-monitoring__transition .index-chart12__item--green {
  border: 1px solid #29CF6E;
  background-color: #E3FFE5;
}
.feedback-monitoring__transition .index-chart7__type,
.feedback-monitoring__transition .index-chart12__type {
  font-size: 10px;
  line-height: 14px;
}
.feedback-monitoring__transition .index-chart7__level,
.feedback-monitoring__transition .index-chart12__level {
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}
.feedback-monitoring__transition canvas {
  width: 560px;
  height: 400px;
  display: block;
  margin-top: 8px;
}
.feedback-monitoring__message {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 21px 28px 30px;
}
.feedback-monitoring__message__heading {
  font-size: 20px;
  font-weight: 500;
}
.feedback-monitoring__message__to-box {
  position: absolute;
  top: 21px;
  right: 28px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
.feedback-monitoring__message__to-box a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 7px 43px 7px 28px;
  font-size: 14px;
  line-height: 20px;
}
.feedback-monitoring__message__to-box a::after {
  content: "";
  position: absolute;
  background: url("../images/common/icon-another-window.svg") no-repeat top left/100% auto;
  width: 15px;
  height: 15px;
  top: 0;
  bottom: 0;
  right: 28px;
  margin: auto;
}
.feedback-monitoring__message__to-box a svg {
  margin-right: 8px;
  width: 18px;
}
.feedback-monitoring__message__to-box:hover {
  box-shadow: none;
  background-color: #fff;
  outline: 1px solid #FFDF7E;
  outline-offset: -1px;
  opacity: 1;
}
.feedback-monitoring__message__to-box:hover a {
  opacity: 1;
}
.feedback-monitoring__message__wrapper {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 14px;
  margin-top: 20px;
}
.feedback-monitoring__message__wrap {
  width: 581px;
  padding: 12px 18px;
  background-color: #F8F8F8;
  border-radius: 10px;
}
.feedback-monitoring__message__wrap--positive {
  border: 1px solid #5BA6ED;
}
.feedback-monitoring__message__wrap--gap {
  border: 1px solid #F65D5D;
}
.feedback-monitoring__message__summary {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.feedback-monitoring__message__summary::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.feedback-monitoring__message__summary--positive::before {
  background-color: #5BA6ED;
}
.feedback-monitoring__message__summary--gap::before {
  background-color: #F65D5D;
}
.feedback-monitoring__message__summary + * {
  margin-top: 10px;
}
.feedback-monitoring__message__comment li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding-left: 20px;
}
.feedback-monitoring__message__comment li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.feedback-monitoring__message__comment li + * {
  margin-top: 10px;
}
.feedback-monitoring .index-chart13 {
  margin-top: 18px;
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
  justify-content: center;
  height: 353px;
}
.feedback-monitoring .index-chart13__wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
.feedback-monitoring .index-chart13__item {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}
.feedback-monitoring .index-chart13__item--xl {
  width: 412px;
  height: 100%;
}
.feedback-monitoring .index-chart13__item--l {
  width: 490px;
}
.feedback-monitoring .index-chart13__item--m {
  width: 242px;
}
.feedback-monitoring .index-chart13__item--s {
  width: 256px;
  font-size: 15px;
  line-height: 23px;
}
.feedback-monitoring .index-chart13__item--s span {
  margin-top: 13px;
}
.feedback-monitoring .index-chart13__item--xs {
  width: 125px;
  font-size: 12px;
  line-height: 17px;
}
.feedback-monitoring .index-chart13__item--xs span {
  margin-top: 10px;
  font-size: 10px;
}
.feedback-monitoring .index-chart13__item--positive {
  border: 1px solid #6FB8FF;
  background-color: #C5E2FE;
}
.feedback-monitoring .index-chart13__item--gap {
  border: 1px solid #FFA5A2;
  background-color: #FFCDCB;
}
.feedback-monitoring .index-chart13__item span {
  margin-top: 18px;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
}

/* CSS outline -----------------------------------------------

  2.Result

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



1.Feedback Monitoring Result */
.l-flex {
  display: flex;
  position: relative;
}

.feedback-monitoring-result {
  position: relative;
  margin-left: 20px;
  width: 1280px;
  padding-bottom: 48px;
}
.feedback-monitoring-result__heading--01 {
  display: flex;
  flex-flow: column nowrap;
}
.feedback-monitoring-result__heading--01 span {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 17px;
}
.feedback-monitoring-result__heading--01 span::before {
  content: "";
  position: absolute;
  -webkit-mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
          mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
  background-color: #FFDF7E;
  width: 14px;
  height: 14px;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.feedback-monitoring-result__heading--01 em {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.feedback-monitoring-result__heading--01 em + * {
  margin-top: 3px;
}
.feedback-monitoring-result__heading--01 + * {
  margin-top: 27px;
}
.feedback-monitoring-result__wrapper {
  display: flex;
  flex-flow: row nowrap;
  gap: 17px;
}
.feedback-monitoring-result__wrap {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}
.feedback-monitoring-result__wrap--step-form {
  box-sizing: content-box;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
  background: #fff;
  padding: 16px 16px 30px;
  width: 233px;
  height: 100%;
  max-height: 1114px;
}
.feedback-monitoring-result__step--01 {
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  padding: 16px;
  background: #f8f8f8;
}
.feedback-monitoring-result__step--02 {
  position: relative;
  margin: 18px auto 40px;
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  padding: 16px;
  background: #f8f8f8;
}
.feedback-monitoring-result__step--02::after {
  content: "";
  position: absolute;
  width: 238px;
  height: 1px;
  background-color: #c7c7c7;
  left: -17px;
  bottom: -27px;
}
.feedback-monitoring-result__step--03 + * {
  margin-top: 25px;
}
.feedback-monitoring-result__step__heading {
  font-size: 12px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.001em;
}
.feedback-monitoring-result__step__heading + * {
  margin-top: 10px;
}
.feedback-monitoring-result__step__item {
  position: relative;
}
.feedback-monitoring-result__step__item input {
  position: absolute;
}
.feedback-monitoring-result__step__item + * {
  margin-top: 8px;
}
.feedback-monitoring-result__step__item--step03 {
  display: flex;
  flex-flow: column nowrap;
  gap: 7px 0;
}
.feedback-monitoring-result__step__item--step03:last-of-type {
  margin-top: 18px;
}
.feedback-monitoring-result__step__item--step03__label {
  display: block;
  font-size: 12px;
}
.feedback-monitoring-result__step__label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  letter-spacing: 0.001em;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  padding-left: 26px;
}
.feedback-monitoring-result__step__label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  background-color: #fff;
}
.feedback-monitoring-result__step .radio-buttun:checked + .feedback-monitoring-result__step__label {
  font-weight: 500;
}
.feedback-monitoring-result__step .radio-buttun:checked + .feedback-monitoring-result__step__label::before {
  outline: 6px solid #FFDF7E;
  outline-offset: -6px;
}
.feedback-monitoring-result__step__organization {
  position: relative;
}
.feedback-monitoring-result__step__organization select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 7px 103px 7px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.feedback-monitoring-result__step__organization::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.feedback-monitoring-result__step__period {
  display: flex;
  flex-flow: column nowrap;
  gap: 7px 0;
}
.feedback-monitoring-result__step__period input[type=text] {
  position: relative;
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 7px 103px 7px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
.feedback-monitoring-result__step__period input[type=text]::-moz-placeholder {
  color: #000;
  font-size: 14px;
}
.feedback-monitoring-result__step__period input[type=text]::placeholder {
  color: #000;
  font-size: 14px;
}
.feedback-monitoring-result__step__period input[type=month] {
  z-index: 10;
  width: 202px;
  height: 38px;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}
.feedback-monitoring-result__step__period input[type=month]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.feedback-monitoring-result__step__period__icon {
  position: relative;
}
.feedback-monitoring-result__step__period__icon::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 16px;
  background: url("../images/common/icon-calendar.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.feedback-monitoring-result__step__btn input[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFDF7E;
  border-radius: 35px;
  width: 100%;
  height: 33px;
  background-color: #FFDF7E;
  font-size: 14px;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
.feedback-monitoring-result__step__btn:hover input[type=submit] {
  background-color: #fff;
}
.feedback-monitoring-result__block {
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
  background: #fff;
  padding: 16px 16px 30px;
  width: 1025px;
}
.feedback-monitoring-result__total-score__heading {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.feedback-monitoring-result__total-score__heading em {
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
  padding: 6px 20px;
  margin-left: 10px;
  border-radius: 50px;
  background-color: #f2f2f2;
}
.feedback-monitoring-result__total-score__heading + * {
  margin-top: 20px;
}
.feedback-monitoring-result__box {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
.feedback-monitoring-result__box--column {
  flex-flow: column nowrap;
  gap: 18px 0;
}
.feedback-monitoring-result__cont {
  position: relative;
}
.feedback-monitoring-result__cont--column {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}
.feedback-monitoring-result__sub-heading {
  font-size: 13px;
  font-weight: 500;
}
.feedback-monitoring-result__item {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 40px;
  padding: 6px 12px;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  background-color: #f6f6f6;
}
.feedback-monitoring-result__item--column {
  flex-flow: column nowrap;
  gap: 8px 0;
}
.feedback-monitoring-result .result-chart1 {
  position: relative;
  width: 380px;
  height: 100%;
}
.feedback-monitoring-result .result-chart1 canvas {
  margin: 2px auto;
  width: 112px;
  height: 112px;
  display: block;
}
.feedback-monitoring-result .result-chart1__score {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.feedback-monitoring-result .result-chart1__score em {
  font-size: 26px;
}
.feedback-monitoring-result .result-chart2-1,
.feedback-monitoring-result .result-chart2-2 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 13px;
}
.feedback-monitoring-result .result-chart2-1__graph canvas,
.feedback-monitoring-result .result-chart2-2__graph canvas {
  width: 248px;
  height: 14px;
  outline: 1px solid #DBDBDB;
  outline-offset: -1px;
  background-color: #fff;
  border-radius: 10px;
}
.feedback-monitoring-result .result-chart2-1__score,
.feedback-monitoring-result .result-chart2-2__score {
  font-size: 24px;
}
.feedback-monitoring-result__to-voe {
  position: absolute;
  top: 2px;
  right: 12px;
  z-index: 10;
}
.feedback-monitoring-result__to-voe a {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  transition-duration: all 0.3s;
  font-size: 10px;
  padding: 3px 24px 3px 16px;
}
.feedback-monitoring-result__to-voe a::after {
  content: "";
  position: absolute;
  background: url("../images/common/icon-another-window.svg") no-repeat top left/100% auto;
  width: 9px;
  height: 9px;
  top: 4px;
  bottom: 0;
  right: 15px;
  margin: auto;
}
.feedback-monitoring-result__comment__heading {
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}
.feedback-monitoring-result__comment__text {
  margin-top: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}
.feedback-monitoring-result__ability {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 28px;
  margin-top: 28px;
}
.feedback-monitoring-result__ability__item input {
  position: absolute;
}
.feedback-monitoring-result__ability__label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  letter-spacing: 0.001em;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  padding-left: 26px;
}
.feedback-monitoring-result__ability__label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  background-color: #fff;
}
.feedback-monitoring-result__ability .radio-buttun:checked + .feedback-monitoring-result__ability__label {
  font-weight: 500;
}
.feedback-monitoring-result__ability .radio-buttun:checked + .feedback-monitoring-result__ability__label::before {
  outline: 6px solid #FFDF7E;
  outline-offset: -6px;
}
.feedback-monitoring-result .chart3 {
  width: 100%;
  height: 615px;
  background-color: #c7c7c7;
}
.feedback-monitoring-result .result-chart4 {
  position: relative;
  margin-top: 40px;
}
.feedback-monitoring-result .result-chart4 canvas {
  width: 978px;
  height: 588px;
}
.feedback-monitoring-result .result-chart4__label {
  position: absolute;
  top: 0;
  right: 15px;
  display: flex;
  flex-flow: column nowrap;
  gap: 8px 0;
}
.feedback-monitoring-result .result-chart4__label span {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  line-height: 24px;
}
.feedback-monitoring-result .result-chart4__label span::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(1)::before {
  background-color: #23C414;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(2)::before {
  background-color: #ED752A;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(3)::before {
  background-color: #248AEA;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(4)::before {
  background-color: #f335ac;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(5)::before {
  background-color: #d5d910;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(6)::before {
  background-color: #d97910;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(7)::before {
  background-color: #26bfc9;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(8)::before {
  background-color: #e12f2f;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(9)::before {
  background-color: #3cb20e;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(10)::before {
  background-color: #7d16de;
}
.feedback-monitoring-result .result-chart4__label span:nth-of-type(11)::before {
  background-color: #23b997;
}
.feedback-monitoring-result__ranking {
  padding: 16px 24px;
}
.feedback-monitoring-result__ranking__heading {
  font-size: 14px;
  font-weight: 500;
}
.feedback-monitoring-result__ranking__heading + * {
  margin-top: 20px;
}
.feedback-monitoring-result__ranking__table {
  display: flex;
  flex-flow: column nowrap;
}
.feedback-monitoring-result__ranking__table--head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0 32px;
  height: 40px;
  background-color: #F2F2F2;
  border: 1px solid #F2F2F2;
  border-radius: 10px;
}
.feedback-monitoring-result__ranking__table--heading {
  font-size: 10px;
  line-height: 14px;
  color: #6f6f6f;
  letter-spacing: 0.01em;
}
.feedback-monitoring-result__ranking__table--heading:first-of-type {
  width: 8px;
}
.feedback-monitoring-result__ranking__table--body {
  margin-top: 14px;
}
.feedback-monitoring-result__ranking__table--wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px 32px;
  height: 30px;
}
.feedback-monitoring-result__ranking__table--item {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #6F6F6F;
  text-align: left;
}
.feedback-monitoring-result__ranking__table .column01 {
  width: 10px;
}
.feedback-monitoring-result__ranking__table .column02 {
  width: 32px;
}
.feedback-monitoring-result__ranking__table .column03 {
  width: 113px;
}
.feedback-monitoring-result__ranking__table .column04 {
  width: 132px;
}
.feedback-monitoring-result__ranking__table .column05 {
  width: 92px;
}
.feedback-monitoring-result__ranking__table .column06 {
  width: 92px;
}
.feedback-monitoring-result__ranking__table .column07 {
  width: 92px;
}
.feedback-monitoring-result__ranking__table .column08 {
  width: 152px;
}
.feedback-monitoring-result .result-chart3 {
  position: relative;
  width: 993px;
  height: 610px;
  display: block;
}
.feedback-monitoring-result .result-chart3__type {
  position: absolute;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 7px 0;
  background-color: rgba(0, 0, 0, 0.08);
  width: 184px;
  height: 66px;
}
.feedback-monitoring-result .result-chart3__type:nth-of-type(1) {
  top: 57px;
  left: 67px;
}
.feedback-monitoring-result .result-chart3__type:nth-of-type(2) {
  top: 476px;
  left: 67px;
}
.feedback-monitoring-result .result-chart3__type:nth-of-type(3) {
  top: 57px;
  right: 42px;
}
.feedback-monitoring-result .result-chart3__type:nth-of-type(4) {
  top: 476px;
  right: 42px;
}
.feedback-monitoring-result .result-chart5 {
  position: relative;
  width: 993px;
  height: 610px;
  display: block;
}

.js-chart-organization,
.js-chart-peer-evaluation,
.js-chart-self-evaluation,
.js-chart-organization-label,
.js-chart-peer-evaluation-label,
.js-chart-self-evaluation-label {
  display: none;
}
.js-chart-organization.is-open,
.js-chart-peer-evaluation.is-open,
.js-chart-self-evaluation.is-open,
.js-chart-organization-label.is-open,
.js-chart-peer-evaluation-label.is-open,
.js-chart-self-evaluation-label.is-open {
  display: block;
}

.result-cart-name {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.result-cart-name a {
  display: flex;
  align-items: center;
}
.result-cart-name span {
  margin-right: 5px;
  width: 15px;
  height: 15px;
  display: block;
  border: 4px solid #000;
  border-radius: 100%;
  background: #fff;
}
.result-cart-name p {
  font-size: 12px;
}
.result-cart-name:hover + .result-cart-name__hover {
  display: flex;
}
.result-cart-name__hover {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px;
  top: 52px;
  left: 699px;
  white-space: nowrap;
  display: none;
  align-items: center;
  z-index: 100;
  border-radius: 10px;
  border: 1px solid #d4d4d4;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
}
.result-cart-name__hover-img {
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.result-cart-name__hover-cont {
  display: flex;
  flex-flow: column;
}
.result-cart-name__hover-cont p {
  font-weight: 500;
}
.result-cart-name__hover-cont span {
  font-size: 12px;
}

.teamsynergy {
  position: relative;
  margin: 0 20px;
  width: 96%;
  padding-bottom: 48px;
}
.teamsynergy__heading--01 {
  display: flex;
  flex-flow: column nowrap;
}
.teamsynergy__heading--01 span {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 17px;
}
.teamsynergy__heading--01 span::before {
  content: "";
  position: absolute;
  -webkit-mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
          mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
  background-color: #FFDF7E;
  width: 14px;
  height: 14px;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.teamsynergy__heading--01 em {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.teamsynergy__heading--01 em + * {
  margin-top: 3px;
}
.teamsynergy__heading--01 + * {
  margin-top: 27px;
}

.teamsynergy-filter {
  margin-bottom: 23px;
  padding: 18px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}
.teamsynergy-filter__row {
  display: flex;
}
.teamsynergy-filter__row + .teamsynergy-filter__row {
  margin-top: 24px;
  width: 100%;
}
.teamsynergy-filter__box + .teamsynergy-filter__box {
  margin-left: 24px;
}
.teamsynergy-filter__label {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-weight: 500;
}
.teamsynergy-filter__label .flip {
  transform: scale(-1, 1);
}
.teamsynergy-filter__label svg {
  margin-right: 8px;
  width: 14px;
  height: 14px;
}
.teamsynergy-filter__select-wrap {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.teamsynergy-filter__select-wrap::after {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #5f6368;
  border-left: 2px solid #5f6368;
  transform: rotate(225deg);
  display: block;
  content: "";
}
.teamsynergy-filter__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}
.teamsynergy-filter__checkbox-group {
  display: flex;
  margin-top: 11px;
}
.teamsynergy-filter__checkbox-wrap {
  display: flex;
  align-items: center;
}
.teamsynergy-filter__checkbox-wrap + .teamsynergy-filter__checkbox-wrap {
  margin-left: 24px;
}
.teamsynergy-filter__checkbox {
  display: none;
}
.teamsynergy-filter__checkbox-label {
  display: flex;
  position: relative;
  line-height: 1.8;
  font-weight: 500;
}
.teamsynergy-filter__checkbox-label::before {
  content: "";
  margin-right: 4px;
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.teamsynergy-filter__checkbox-label::before:hover {
  border-color: #fcca37;
}
.teamsynergy-filter__checkbox:checked + .teamsynergy-filter__checkbox-label::before {
  background-color: #fcca37;
  border-color: #fcca37;
}
.teamsynergy-filter__checkbox:checked + .teamsynergy-filter__checkbox-label::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 6px;
  width: 6px;
  height: 13px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(225deg);
}

.teamsynergy-filter-switch {
  display: flex;
  padding: 8px 24px;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.teamsynergy-filter-switch__button-wrap {
  margin: 0 8px;
}
.teamsynergy-filter-switch__button {
  display: none;
}
.teamsynergy-filter-switch__button-img {
  position: relative;
  border-radius: 50px;
  background: #ddd;
  width: 39px;
  height: 17px;
  display: block;
  transition: all 0.3s;
}
.teamsynergy-filter-switch__button-img::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0px 1px 4px 0px #e4e4e4;
}
.teamsynergy-filter-switch__button:checked + .teamsynergy-filter-switch__button-img {
  background: #FFC718;
}
.teamsynergy-filter-switch__button:checked + .teamsynergy-filter-switch__button-img::before {
  left: auto;
  right: 2px;
}

.teamsynergy-filter-slider__wrap {
  display: flex;
  flex-flow: column;
}
.teamsynergy-filter-slider__label {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 500;
}
.teamsynergy-filter-slider__label svg {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  color: #ee9b35;
}
.teamsynergy-filter-slider__label img {
  margin-right: 8px;
}
.teamsynergy-filter-slider__slider-wrap {
  display: flex;
}
.teamsynergy-filter-slider__slider {
  margin-top: 16px;
  width: 370px;
  margin-bottom: 24px;
}
.teamsynergy-filter-slider__under, .teamsynergy-filter-slider__change-under {
  margin-right: 14px;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: #f4f4f4;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.teamsynergy-filter-slider__top, .teamsynergy-filter-slider__change-top {
  margin-left: 14px;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: #f4f4f4;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.teamsynergy-filter-slider__icon-down {
  margin-left: -6px;
  margin-right: 8px;
}
.teamsynergy-filter-slider__icon-up {
  margin-right: -6px;
  margin-left: 8px;
}

.teamsynergy-heatmap__wrap {
  padding: 18px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #e4e4e4;
}
.teamsynergy-heatmap__wrap .heatmap__table {
  width: -moz-max-content;
  width: max-content;
}
.teamsynergy-heatmap__head {
  margin-bottom: 24px;
  display: flex;
}
.teamsynergy-heatmap__head__box {
  margin-right: 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.teamsynergy-heatmap__head__label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #9d9d9d;
}
.teamsynergy-heatmap__head__label .plus {
  width: 14px;
  height: 14px;
}
.teamsynergy-heatmap__head__icon {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 4px 6px;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background-color: #25bdec;
}
.teamsynergy-heatmap__head__icon.gray {
  background-color: #aeaeae;
}
.teamsynergy-heatmap__head__icon svg {
  color: #fff;
}
.teamsynergy-heatmap__head__icon + .plus {
  margin-right: 8px;
}
.teamsynergy-heatmap__head__num {
  font-size: 40px;
  font-weight: 700;
}
.teamsynergy-heatmap__head__sub-box {
  width: 130px;
  margin-right: 16px;
  padding: 8px;
  border-radius: 10px;
  background: #f4f4f4;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.teamsynergy-heatmap__head__sub-label {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  color: #9d9d9d;
}
.teamsynergy-heatmap__head__sub-num {
  font-size: 28px;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.teamsynergy-heatmap__table {
  overflow-x: scroll;
  padding-bottom: 5px;
  /* スクロールバーの幅と高さを設定する */
}
.teamsynergy-heatmap__table::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.teamsynergy-heatmap__table {
  /* スクロールバーの形を設定する */
}
.teamsynergy-heatmap__table::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.teamsynergy-heatmap__table {
  /* スクロールバーの色を設定する */
}
.teamsynergy-heatmap__table::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: rgb(148, 148, 148);
}

.teamsynergy-total {
  margin-top: 23px;
  margin-bottom: 23px;
  padding: 18px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #e4e4e4;
  display: flex;
}
.teamsynergy-total__inner {
  width: 100%;
  display: flex;
}
.teamsynergy-total__score {
  margin-right: 24px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 12px 24px;
  background: #E7E284;
  border-radius: 10px;
}
.teamsynergy-total__score-label {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
}
.teamsynergy-total__score-body {
  display: flex;
  align-items: center;
}
.teamsynergy-total__score-cont {
  display: flex;
  flex-direction: column;
}
.teamsynergy-total__score-num {
  font-size: 84px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.teamsynergy-total__srore-nop {
  text-align: center;
  font-size: 20px;
}
.teamsynergy-total__score-icon {
  margin-left: 8px;
  width: 45px;
}
.teamsynergy-total__score-icon img {
  width: 100%;
}
.teamsynergy-total__detail {
  width: 100%;
}
.teamsynergy-total__table {
  width: 100%;
  margin-bottom: 12px;
}
.teamsynergy-total__table th {
  padding: 8px;
  text-align: center;
  border: 1px solid #ddd;
  background: #f2f2f2;
  font-size: 14px;
  font-weight: 500;
}
.teamsynergy-total__table td {
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
  text-align: center;
}
.teamsynergy-total__title {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 16px;
}
.teamsynergy-total__meter-wrap {
  display: flex;
  align-items: center;
}
.teamsynergy-total__meter {
  margin: 0 24px;
  background-color: #ddd;
  width: 100%;
  border-radius: 50px;
  display: flex;
}
.teamsynergy-total__meter-label {
  display: flex;
  flex-flow: column;
}
.teamsynergy-total__meter-label-top {
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}
.teamsynergy-total__meter-icon {
  margin-right: 4px;
}
.teamsynergy-total__meter-label-txt {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
}
.teamsynergy-total__meter-label-button {
  display: flex !important;
  align-items: center;
  border-radius: 35px;
  background: #fcca37;
  padding: 6px 26px;
  display: block;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.teamsynergy-total__meter-label-button svg {
  margin: 0 8px;
  width: 18px;
  height: 18px;
}
.teamsynergy-total__meter-positive {
  width: 80%;
  padding-left: 16px;
  background: #389cee;
  color: #fff;
  text-align: left;
  border-radius: 50px 0 0 50px;
}
.teamsynergy-total__meter-negative {
  width: 20%;
  padding-right: 16px;
  background: #f53232;
  color: #fff;
  border-left: 2px solid #fff;
  text-align: right;
  border-radius: 0 50px 50px 0;
}

.teamsynergy-correlation {
  margin-top: 30px;
  padding: 18px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #e4e4e4;
}
.teamsynergy-correlation__heading {
  font-size: 24px;
  font-weight: 500;
}
.teamsynergy-correlation__dependecu-wheel__chart {
  display: flex;
  flex-flow: row nowrap;
  gap: 50px;
}
.teamsynergy-correlation__dependecu-wheel__chart #dependencywheel {
  width: 534px;
  height: 582px;
}
.teamsynergy-correlation__dependecu-wheel__wrap {
  display: flex;
  flex-flow: column nowrap;
  gap: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 16px;
  width: 647px;
}
.teamsynergy-correlation__dependecu-wheel__item {
  border-radius: 10px;
  padding: 16px;
  background-color: #F6F8FA;
}
.teamsynergy-correlation__dependecu-wheel__head {
  display: flex;
  gap: 15px;
}
.teamsynergy-correlation__dependecu-wheel__eval-relation {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 30px;
}
.teamsynergy-correlation__dependecu-wheel__evaluator, .teamsynergy-correlation__dependecu-wheel__subject {
  display: flex;
  flex-flow: column;
  white-space: nowrap;
}
.teamsynergy-correlation__dependecu-wheel__evaluator span, .teamsynergy-correlation__dependecu-wheel__subject span {
  font-size: 14px;
  font-weight: 400;
}
.teamsynergy-correlation__dependecu-wheel__evaluator em, .teamsynergy-correlation__dependecu-wheel__subject em {
  font-size: 21px;
  font-weight: 500;
}
.teamsynergy-correlation__dependecu-wheel__body {
  margin-top: 15px;
}
.teamsynergy-correlation__dependecu-wheel__summary {
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
}

.team-synergy-detail__head {
  margin-bottom: 28px;
  display: flex;
}
.team-synergy-detail__target {
  width: 100%;
  padding: 7px 26px;
  border-radius: 10px;
  background: #f6f8fa;
}
.team-synergy-detail__switch-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  width: 100%;
}
.team-synergy-detail__switch {
  display: flex;
  justify-content: center;
  border-radius: 35px;
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 4px 26px;
  font-size: 14px;
  cursor: pointer;
}
.team-synergy-detail__switch svg {
  width: 14px;
}
.team-synergy-detail__switch-txt {
  margin-left: 10px;
}
.team-synergy-detail__target-manager-wrap {
  display: flex;
  width: 100%;
}
.team-synergy-detail__target-manager-table {
  width: 100%;
}
.team-synergy-detail__target-manager-table td {
  font-size: 21px;
  font-weight: 500;
}
.team-synergy-detail__target-manager-table img {
  width: 24px;
}
.team-synergy-detail__target-manager-icon-wrap {
  display: flex;
  align-items: center;
  width: 50%;
}
.team-synergy-detail__target-manager-icon {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.team-synergy-detail__times-select-box {
  padding-left: 18px;
}
.team-synergy-detail__times-select-wrap {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.team-synergy-detail__times-select-wrap::after {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #5f6368;
  border-left: 2px solid #5f6368;
  transform: rotate(225deg);
  display: block;
  content: "";
}
.team-synergy-detail__times-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}
.team-synergy-detail__close {
  margin-left: 15px;
  cursor: pointer;
}

.team-synergy-detail-alert {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  padding: 9px 11px;
  border-radius: 5px;
  border: 1px solid #22abef;
  background: #e0f5ff;
  color: #22abef;
  font-weight: 500;
}
.team-synergy-detail-alert__icon {
  display: flex;
  padding: 8px;
  margin-right: 10px;
  background-color: #22abef;
  border-radius: 30px;
}
.team-synergy-detail-alert__icon svg {
  color: #fff;
}

.team-synergy-detail-ai-eva {
  border-radius: 10px 10px 0 0;
  border: 1px solid #ddd;
  display: flex;
  font-size: 14px;
}
.team-synergy-detail-ai-eva__label-wrap {
  padding: 20px;
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.team-synergy-detail-ai-eva__label-heading {
  margin-bottom: 12px;
}
.team-synergy-detail-ai-eva__label {
  display: flex;
  align-items: center;
  padding: 12px 26px;
  border-radius: 4px;
  border: 1px solid #861e1c;
  background: #ffd8d8;
  color: #861e1c;
  text-align: center;
}
.team-synergy-detail-ai-eva__label.is-good {
  border: 1px solid #22abef;
  background: #e0f5ff;
  color: #22abef;
}
.team-synergy-detail-ai-eva__label svg {
  margin-right: 4px;
}
.team-synergy-detail-ai-eva__ai-comment-wrap {
  padding: 20px;
  background: #f6f8fa;
}

.team-synergy-detail-followup {
  margin-bottom: 28px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #ddd;
  border-top: 0;
  display: flex;
  font-size: 14px;
  padding: 20px;
}
.team-synergy-detail-followup__btn-wrap {
  display: flex;
  flex-flow: column;
}
.team-synergy-detail-followup__btn + .team-synergy-detail-followup__btn {
  margin-top: 15px;
}
.team-synergy-detail-followup__btn-check {
  display: none;
}
.team-synergy-detail-followup__btn-label {
  position: relative;
  padding: 12px 26px;
  border-radius: 35px;
  border: 1px solid #fad870;
  background: #fff5d6;
  display: flex;
  white-space: nowrap;
}
.team-synergy-detail-followup__btn-label::before {
  margin-right: 10px;
  content: "";
  display: block;
  min-width: 17px;
  height: 17px;
  border-radius: 43px;
  border: 1px solid #ddd;
  background: #fff;
}
.team-synergy-detail-followup__btn-check:checked + .team-synergy-detail-followup__btn-label {
  border: 1px solid #fcca37;
  background: #fcca37;
  font-weight: 500;
}
.team-synergy-detail-followup__btn-check:checked + .team-synergy-detail-followup__btn-label::before {
  border: 1px solid #fff;
  background: #fcca37;
}
.team-synergy-detail-followup__btn-check:checked + .team-synergy-detail-followup__btn-label::after {
  content: "";
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 43px;
  position: absolute;
  top: 18px;
  left: 32px;
}
.team-synergy-detail-followup__ta-wrap {
  width: 100%;
  padding-left: 20px;
}
.team-synergy-detail-followup__ta {
  width: 100%;
  min-height: 100%;
  padding: 12px 14px;
  border-radius: 5px;
  border: 2px solid #ddd;
}

.team-synergy-chart {
  margin-bottom: 30px;
  display: flex;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.team-synergy-chart__box-group {
  display: flex;
  padding: 20px;
  justify-content: space-between;
  width: 100%;
}
.team-synergy-chart__box {
  text-align: center;
}
.team-synergy-chart__box-heading {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
}
.team-synergy-chart__box-chart {
  position: relative;
}
.team-synergy-chart__box-graph {
  width: 200px;
  height: 200px;
}
.team-synergy-chart__box-cont {
  position: absolute;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 10px;
  line-height: 1;
}
.team-synergy-chart__box-score {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
}
.team-synergy-chart__box-label {
  margin-bottom: 3px;
  transform: scale(0.8);
}
.team-synergy-chart__box-score-inner {
  margin-bottom: 3px;
  font-weight: 700;
}
.team-synergy-chart__icon-wrap {
  padding-top: 27px;
  margin: auto;
}
.team-synergy-chart__change-box {
  font-size: 14px;
  margin-left: auto;
  padding: 20px;
  background: #f6f8fa;
  white-space: nowrap;
}
.team-synergy-chart__change-box-heading {
  margin-bottom: 15px;
  font-weight: 500;
}

.team-synergy-detail-ai-summary {
  margin-bottom: 30px;
  padding: 25px;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.team-synergy-detail-ai-summary__tab__list {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
}
.team-synergy-detail-ai-summary__tab__item {
  border-radius: 10px 10px 0 0;
  border: 1px solid #ddd;
  border-bottom: none;
  overflow: hidden;
  cursor: pointer;
}
.team-synergy-detail-ai-summary__tab__item__inner {
  background-color: #fff;
  display: flex;
  padding: 12px 15px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.team-synergy-detail-ai-summary__tab__item .icon__border {
  border: 1px solid #fff;
}
.team-synergy-detail-ai-summary__tab__item:hover .inner__hover {
  opacity: 1;
}
.team-synergy-detail-ai-summary__tab__item:hover .inner__hover--positive {
  background-color: #22abef;
  color: #fff;
}
.team-synergy-detail-ai-summary__tab__item:hover .inner__hover--issues {
  background-color: #f55243;
  color: #fff;
}
.team-synergy-detail-ai-summary__tab__item.is-active .inner__hover {
  background-color: #FFDF7E;
  color: #000;
}
.team-synergy-detail-ai-summary__tab__item.is-active .inner__hover--positive {
  background-color: #22abef;
  color: #fff;
}
.team-synergy-detail-ai-summary__tab__item.is-active .inner__hover--issues {
  background-color: #f55243;
  color: #fff;
}
.team-synergy-detail-ai-summary__tab__icon {
  display: flex;
  align-items: center;
}
.team-synergy-detail-ai-summary__heading {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
}
.team-synergy-detail-ai-summary__body {
  padding: 25px;
  border: 1px solid #ddd;
  border-radius: 0 10px 10px 10px;
}
.team-synergy-detail-ai-summary__comment {
  margin-bottom: 10px;
}
.team-synergy-detail-ai-summary__fb-box-plan-wrap.open {
  margin-top: 15px;
}
.team-synergy-detail-ai-summary__fb-box-group + .team-synergy-detail-ai-summary__fb-box-group {
  margin-top: 20px;
}
.team-synergy-detail-ai-summary__fb-box {
  padding: 20px 0;
  border-radius: 10px;
}
.team-synergy-detail-ai-summary__fb-box--positive {
  border: 1px solid #22abef;
}
.team-synergy-detail-ai-summary__fb-box--negative {
  border: 1px solid #f55243;
}
.team-synergy-detail-ai-summary__fb-box--plan {
  position: relative;
  margin-left: auto;
  border: 1px solid #56db2e;
}
.team-synergy-detail-ai-summary__fb-box--plan::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -54px;
  width: 30px;
  height: 40px;
  border-left: 1px solid #8d8d8d;
  border-bottom: 1px solid #8d8d8d;
}
.team-synergy-detail-ai-summary__fb-box-plan-line {
  position: absolute;
  left: -54px;
  border-left: 1px solid #8d8d8d;
}
.team-synergy-detail-ai-summary__fb-box + .team-synergy-detail-ai-summary__fb-box {
  margin-top: 20px;
}
.team-synergy-detail-ai-summary__fb-head {
  padding-bottom: 15px;
  margin: 0 20px 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
}
.team-synergy-detail-ai-summary__fb-head-col {
  display: flex;
  flex-flow: column;
}
.team-synergy-detail-ai-summary__fb-kw-wrap {
  display: flex;
}
.team-synergy-detail-ai-summary__fb-icon {
  display: flex;
  margin-right: 8px;
  padding: 6px;
  border-radius: 30px;
}
.team-synergy-detail-ai-summary__fb-icon.positive {
  background-color: #22abef;
}
.team-synergy-detail-ai-summary__fb-icon.negative {
  background-color: #f55243;
}
.team-synergy-detail-ai-summary__fb-icon.proposal {
  background-color: #56db2e;
}
.team-synergy-detail-ai-summary__fb-icon svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.team-synergy-detail-ai-summary__fb-kw {
  margin-right: 24px;
}
.team-synergy-detail-ai-summary__fb-tags-group {
  margin-top: 10px;
  display: flex;
}
.team-synergy-detail-ai-summary__fb-tags {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 2px 16px;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
  min-width: 80px;
  justify-content: center;
}
.team-synergy-detail-ai-summary__fb-tags.urgency {
  background-color: #ffdebd;
}
.team-synergy-detail-ai-summary__fb-tags.unique {
  background-color: #c1ffe2;
}
.team-synergy-detail-ai-summary__fb-tags.voe {
  background-color: #cae1ff;
  font-weight: 500;
}
.team-synergy-detail-ai-summary__fb-tags.ai {
  background: #f4c9b2;
  font-weight: 500;
}
.team-synergy-detail-ai-summary__fb-tags svg,
.team-synergy-detail-ai-summary__fb-tags img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.team-synergy-detail-ai-summary__fb-btn-voe {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  border-radius: 30px;
  background: #ffeebc;
  padding: 3px 19px;
  white-space: nowrap;
  cursor: pointer;
}
.team-synergy-detail-ai-summary__fb-btn-voe svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.team-synergy-detail-ai-summary__fb-summary {
  padding: 0 20px;
}
.team-synergy-detail-ai-summary__fb-foot {
  margin-top: 20px;
  padding: 20px 20px 0;
  border-top: 1px solid #d2d2d2;
  display: flex;
}
.team-synergy-detail-ai-summary__fb-radio {
  display: flex;
  align-items: center;
}
.team-synergy-detail-ai-summary__fb-radio span {
  content: "";
  margin-right: 4px;
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  border: 1px solid #ddd;
}
.team-synergy-detail-ai-summary__fb-radio input:checked + span {
  background-color: #fff;
  border: 5px solid #fcca37;
}
.team-synergy-detail-ai-summary__fb-btn {
  display: flex;
  align-items: center;
  padding: 3px 19px;
  border-radius: 30px;
  background: #ffdf7e;
  white-space: nowrap;
}
.team-synergy-detail-ai-summary__fb-btn svg {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}
.team-synergy-detail-ai-summary__fb-btn + .team-synergy-detail-ai-summary__fb-btn {
  margin-left: auto;
}
.team-synergy-detail-ai-summary__result {
  margin-top: 30px;
}
.team-synergy-detail-ai-summary__result__wrap {
  display: flex;
  flex-flow: column;
  gap: 15px;
}
.team-synergy-detail-ai-summary__result__row {
  display: flex;
  flex-flow: row;
  gap: 5px;
}
.team-synergy-detail-ai-summary__result__status {
  border: 1px solid #e5e5ea;
  border-radius: 10px;
  width: 98px;
  background-color: #f8f8f8;
}
.team-synergy-detail-ai-summary__result__status--action-plans {
  border-color: #56DB2E;
}
.team-synergy-detail-ai-summary__result__status__heading {
  position: relative;
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 1px solid #e5e5ea;
  padding: 14px 0 14px;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  color: #6f6f6f;
  white-space: nowrap;
}
.team-synergy-detail-ai-summary__result__status__select {
  position: relative;
  cursor: pointer;
  padding: 50px 14px;
}
.team-synergy-detail-ai-summary__result__status__select__button {
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 70px;
  height: 50px;
  padding: 16px 0 17px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}
.team-synergy-detail-ai-summary__result__status__select__button.is-open {
  background-color: #f2f2f2;
}
.team-synergy-detail-ai-summary__result__status__select__options {
  display: none;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  flex-flow: column;
  gap: 4px;
  position: absolute;
  top: 104px;
  left: 0;
  right: 0;
  margin: 0 4px;
  border-radius: 3px;
  box-shadow: 6px 6px 10px 0px rgba(96, 96, 96, 0.4);
  z-index: 10;
}
.team-synergy-detail-ai-summary__result__status__select__options.is-open {
  display: flex;
}
.team-synergy-detail-ai-summary__result__status__select .status__color {
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f8f8f8;
  width: 60px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  padding: 1px 0 2px;
}
.team-synergy-detail-ai-summary__result__status__select .status__color:hover {
  opacity: 0.6;
}
.team-synergy-detail-ai-summary__result__status__select .status__color.is-checked {
  display: block;
}
.team-synergy-detail-ai-summary__result__status__select .status__color--white {
  background-color: white;
}
.team-synergy-detail-ai-summary__result__status__select .status__color--green {
  color: #387B11;
  background-color: #D2FFD7;
  border-color: #D2FFD7;
}
.team-synergy-detail-ai-summary__result__status__select .status__color--yellow {
  color: #D68121;
  background-color: #FFF2CD;
  border-color: #FFF2CD;
}
.team-synergy-detail-ai-summary__result__status__select .status__color--blue {
  color: #2857D7;
  background-color: #E8F1FF;
  border-color: #E8F1FF;
}
.team-synergy-detail-ai-summary__result__status__select .status__color--gray {
  color: #3F3F3F;
  background-color: #b4b4b4;
  border-color: #b4b4b4;
}
.team-synergy-detail-ai-summary__result__data {
  position: relative;
  z-index: 10;
  border: 1px solid #e5e5ea;
  border-radius: 10px;
  background-color: #f8f8f8;
  width: 100%;
  overflow: hidden;
}
.team-synergy-detail-ai-summary__result__data__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid #e5e5ea;
  background-color: #fff;
}
.team-synergy-detail-ai-summary__result__data__head .status__color--green {
  background-color: #29cf6e;
}
.team-synergy-detail-ai-summary__result__data__head .status__color--blue {
  background-color: #299be7;
}
.team-synergy-detail-ai-summary__result__data__head .status__color--yellow {
  background-color: #fcca37;
}
.team-synergy-detail-ai-summary__result__data__head .status__color--red {
  background-color: #fa7070;
}
.team-synergy-detail-ai-summary__result__data__head .status__color--gray {
  background-color: #8e8e93;
}
.team-synergy-detail-ai-summary__result__data__head__section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-right: 16px;
  padding: 2px 0;
  min-width: 430px;
}
.team-synergy-detail-ai-summary__result__data__head__section__item {
  padding: 2px 10px;
  background-color: #2caffe;
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.team-synergy-detail-ai-summary__result__data__head__trend, .team-synergy-detail-ai-summary__result__data__head__plan-origin {
  margin-right: 20px;
  font-size: 12px;
  color: #6F6F6F;
}
.team-synergy-detail-ai-summary__result__data__head__trend > .trend__status,
.team-synergy-detail-ai-summary__result__data__head__trend > .plan-origin__status, .team-synergy-detail-ai-summary__result__data__head__plan-origin > .trend__status,
.team-synergy-detail-ai-summary__result__data__head__plan-origin > .plan-origin__status {
  display: inline-block;
  margin-left: 12px;
  padding: 2px 10px 3px;
  min-width: 90px;
  width: auto;
  height: 24px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.team-synergy-detail-ai-summary__result__data__head__priority {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: 20px;
  font-size: 12px;
  color: #6f6f6f;
}
.team-synergy-detail-ai-summary__result__data__head__column {
  display: flex;
  flex-flow: column;
  gap: 0;
}
.team-synergy-detail-ai-summary__result__data__head__urgency {
  font-size: 10px;
  color: #6f6f6f;
}
.team-synergy-detail-ai-summary__result__data__head__urgency > .urgency__status {
  display: inline-block;
}
.team-synergy-detail-ai-summary__result__data__head__urgency > .urgency__status svg {
  width: 12px;
  height: 12px;
}
.team-synergy-detail-ai-summary__result__data__head__urgency > .urgency__status:first-of-type {
  margin-left: 8px;
}
.team-synergy-detail-ai-summary__result__data__head__urgency > .urgency__status + * {
  margin-left: 3px;
}
.team-synergy-detail-ai-summary__result__data__head__importance {
  font-size: 10px;
  color: #6f6f6f;
  display: flex;
  align-items: center;
}
.team-synergy-detail-ai-summary__result__data__head__importance > .importance__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.team-synergy-detail-ai-summary__result__data__head__importance > .importance__status svg {
  width: 10px;
  height: 13px;
}
.team-synergy-detail-ai-summary__result__data__head__importance > .importance__status:first-of-type {
  margin-left: 8px;
}
.team-synergy-detail-ai-summary__result__data__head__importance > .importance__status + * {
  margin-left: 6px;
}
.team-synergy-detail-ai-summary__result__data__head__impact {
  font-size: 10px;
  color: #6F6F6F;
}
.team-synergy-detail-ai-summary__result__data__head__impact > .impact__status {
  display: inline-block;
}
.team-synergy-detail-ai-summary__result__data__head__impact > .impact__status svg {
  width: 9px;
  height: 13px;
  top: 2px;
  position: relative;
}
.team-synergy-detail-ai-summary__result__data__head__impact > .impact__status:first-of-type {
  margin-left: 9px;
}
.team-synergy-detail-ai-summary__result__data__head__impact > .impact__status + * {
  margin-left: 5px;
}
.team-synergy-detail-ai-summary__result__data__head__feasibility {
  font-size: 10px;
  color: #6F6F6F;
}
.team-synergy-detail-ai-summary__result__data__head__feasibility > .feasibility__status {
  display: inline-block;
}
.team-synergy-detail-ai-summary__result__data__head__feasibility > .feasibility__status svg {
  width: 13px;
  height: 13px;
}
.team-synergy-detail-ai-summary__result__data__head__feasibility > .feasibility__status:first-of-type {
  margin-left: 8px;
}
.team-synergy-detail-ai-summary__result__data__head__feasibility > .feasibility__status + * {
  margin-left: 1px;
}
.team-synergy-detail-ai-summary__result__data__body {
  display: flex;
  flex-flow: row;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px;
  gap: 10px;
}
.team-synergy-detail-ai-summary__result__data__body__main-issues {
  background-color: #fff;
  border: 1px solid #f55243;
  border-radius: 10px;
  padding: 15px 15px 10px;
  width: 918px;
}
.team-synergy-detail-ai-summary__result__data__body__main-issues__focus {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
.team-synergy-detail-ai-summary__result__data__body__main-issues__focus__fb-icon {
  display: flex;
  justify-content: center;
  margin-right: 6px;
  padding: 6px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
.team-synergy-detail-ai-summary__result__data__body__main-issues__focus__fb-icon.negative {
  background-color: #f55243;
}
.team-synergy-detail-ai-summary__result__data__body__main-issues__focus svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.team-synergy-detail-ai-summary__result__data__body__main-issues__summary {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
}
.team-synergy-detail-ai-summary__result__data__body__action {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0 0 0 auto;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-btn-voe {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px 8px 14px;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 177px;
  background: #ffdf7e;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-btn-voe svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-btn-voe:hover {
  opacity: 1;
  border-color: #ffdf7e;
  background-color: #fff;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0 8px 13px;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 177px;
  background: #ffdf7e;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 400;
  cursor: pointer;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-btn svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-btn:hover {
  opacity: 1;
  border-color: #ffdf7e;
  background-color: #fff;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-action-plans {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0 8px 13px;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 177px;
  background: #56db2e;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-action-plans svg {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.team-synergy-detail-ai-summary__result__data__body__action__fb-action-plans:hover {
  opacity: 1;
  border-color: #56db2e;
  background-color: #fff;
  color: #56db2e;
}
.team-synergy-detail-ai-summary__result__data__action-plans {
  position: relative;
  z-index: 20;
  padding: 10px;
  width: 733px;
  margin: 0 0 0 auto;
  background-color: #FCF6E3;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: visible;
}
.team-synergy-detail-ai-summary__result__data__action-plans__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__heading {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}
.team-synergy-detail-ai-summary__result__data__action-plans__list {
  display: flex;
  margin-top: 10px;
  flex-flow: column;
  gap: 10px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__list.js-solution-list {
  display: none;
  transition: all 0.3s ease;
}
.team-synergy-detail-ai-summary__result__data__action-plans__list.js-solution-list.is-open {
  display: flex;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 5px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__box {
  width: 680px;
  border: 1px solid #56DB2E;
  border-radius: 10px;
  padding: 14px 12px;
  background-color: #fff;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 5px;
  align-items: center;
  padding: 20px 0 10px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap:nth-of-type(2) {
  padding-bottom: 0;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap + * {
  border-top: 1px solid #D2D2D2;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap:first-of-type {
  padding-top: 0;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__heading {
  width: 80%;
  font-size: 14px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #56DB2E;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__icon svg {
  width: 12px;
  height: 12px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__icon-VoE {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 17px;
  gap: 4px;
  background-color: #CAE1FF;
  border-radius: 3px;
  width: 58px;
  margin-left: 14px;
  font-weight: 400;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__icon-VoE svg {
  width: 16px;
  height: 17px;
  color: #000;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__icon-AI {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 17px;
  gap: 4px;
  background-color: #F4C9B2;
  border-radius: 3px;
  width: 58px;
  margin-left: 14px;
  font-weight: 400;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__icon-AI svg {
  width: 19px;
  height: 15px;
  color: #000;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__VoE {
  margin: 0 10px 0 0;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__fb-btn-voe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 10px;
  font-weight: 400;
  border-radius: 30px;
  background: #FFDF7E;
  padding: 3px 15px 3px 24px;
  border: 1px solid #fff;
  width: 163px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__fb-btn-voe:hover {
  opacity: 1;
  border-color: #FFDF7E;
  background-color: #fff;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__fb-btn-voe svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap form {
  display: flex;
  gap: 16px;
  align-items: center;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__check {
  position: relative;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__check label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  letter-spacing: 0.001em;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  padding-left: 26px;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__check label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  background-color: #fff;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__check input {
  position: absolute;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__check .radio-buttun:checked + .checked-label {
  font-weight: 500;
}
.team-synergy-detail-ai-summary__result__data__action-plans__item__wrap__check .radio-buttun:checked + .checked-label::before {
  outline: 6px solid #FFDF7E;
  outline-offset: -6px;
}

#score-stacked-bar {
  margin-bottom: 30px;
}

.js-slide-modal-btn {
  cursor: pointer;
}

.js-open-target {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding-top: 0;
  padding-bottom: 0;
}
.js-open-target.is-open {
  max-height: 1000px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.team-synergy-history__heading {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
}
.team-synergy-history__box-group {
  padding: 24px;
  border-radius: 10px;
  background: #f2f2f2;
}
.team-synergy-history__box {
  padding: 16px;
  font-size: 14px;
  display: flex;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
  align-items: center;
}
.team-synergy-history__box + .team-synergy-history__box {
  margin-top: 10px;
}
.team-synergy-history__label {
  border-radius: 4px;
  background: #e8f1ff;
  color: #2857d7;
  font-size: 12px;
  font-weight: 400;
  padding: 3px 10px;
  margin-right: 20px;
}
.team-synergy-history__date {
  margin-right: 20px;
}

.team-synergy-transition__heading {
  font-size: 24px;
  font-weight: 500;
}

.js-tab-block-ai-summary-positive,
.js-tab-block-ai-summary-issues {
  display: none;
}
.js-tab-block-ai-summary-positive.is-visible,
.js-tab-block-ai-summary-issues.is-visible {
  display: block;
}

.noUi-horizontal {
  height: 3px;
  border: 0;
}
.noUi-horizontal .noUi-handle {
  width: 13px;
  height: 13px;
  right: -7px;
  top: -5px;
  border-radius: 100%;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
  display: none;
}
.noUi-horizontal .noUi-connects {
  background: #CBCBCB;
}
.noUi-horizontal .noUi-connect {
  background: #FFDF7E;
  /* 進行バーの色 (青) */
}
.noUi-horizontal .noUi-pips-horizontal {
  top: -11px;
}
.noUi-horizontal .noUi-marker-horizontal.noUi-marker {
  width: 1px;
  height: 6px;
  background: #CBCBCB;
}
.noUi-horizontal .noUi-value {
  top: 15px;
  color: #404D61;
  font-size: 10px;
}
.noUi-horizontal .noUi-value-sub {
  color: #404D61;
}

.heatmap__col-label {
  color: #404D61;
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  background: #EAEAEA;
}
.heatmap__row-label {
  color: #404D61;
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  background: #EAEAEA;
  writing-mode: vertical-rl;
}
.heatmap__section {
  padding: 14px 8px;
  color: #404D61;
  font-family: "M PLUS 1";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #F2F2F2;
}
.heatmap__bg-all {
  background-color: #aaaaaa;
}
.heatmap__icon {
  padding: 3px;
  position: relative;
  min-width: 108px;
}
.heatmap__box {
  display: flex;
  border-radius: 3px;
  background: #E7E284;
}
.heatmap__box.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: -4px;
  left: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 6px 4px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  transform: scale(0.8);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
}
.heatmap__box.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -5px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  width: 18px;
  height: 18px;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
@keyframes ai-checked-ripple {
  0% {
    scale: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    scale: 2.2;
    opacity: 0;
  }
}
@keyframes ai-checked-colorchange {
  0% {
    background-color: #8C0505;
  }
  50% {
    background-color: #210303;
  }
  100% {
    background-color: #8C0505;
  }
}
@keyframes ai-checked-borderchange {
  0% {
    border-color: #8C0505;
  }
  50% {
    border-color: #210303;
  }
  100% {
    border-color: #8C0505;
  }
}
.heatmap__box.none {
  transition: all 0.3s;
  opacity: 0.3;
}
.heatmap__box.none2 {
  transition: all 0.3s;
  opacity: 0.3;
}
.heatmap__box.mc00 {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #E3E3E3;
}
.heatmap__box.mc01 {
  background: #F65D5D;
}
.heatmap__box.mc02 {
  background: #F65D5D;
}
.heatmap__box.mc03 {
  background: #F65D5D;
}
.heatmap__box.mc04 {
  background: #FF7979;
}
.heatmap__box.mc05 {
  background: #FF987B;
}
.heatmap__box.mc06 {
  background: #FDBC79;
}
.heatmap__box.mc07 {
  background: #FFDF7E;
}
.heatmap__box.mc08 {
  background: #E7E284;
}
.heatmap__box.mc09 {
  background: #BEE68D;
}
.heatmap__box.mc10 {
  background: #59DB71;
}
.heatmap__box-follow {
  display: flex;
  align-items: center;
  padding: 2px;
  background-color: #36A8FF;
  border-radius: 3px 0 0 3px;
}
.heatmap__box-follow svg,
.heatmap__box-follow img {
  width: 16px;
  color: #fff;
}
.heatmap__box-inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: auto;
  padding-left: 8px;
}
.heatmap__icon-wrap {
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.heatmap__score {
  font-size: 14px;
  font-weight: 500;
}
.heatmap__noa {
  font-size: 10px;
  font-weight: 300;
  white-space: nowrap;
}
.heatmap__score-wrap.ai-checked {
  position: relative;
  cursor: pointer;
  transition: border 0.2s, box-shadow 0.2s;
  border: 2px solid transparent;
  border-radius: 1px;
}
.heatmap__score-wrap.ai-checked:hover {
  border: 2px solid #FFC718;
  box-shadow: 2px 4px 6px 0 rgba(111, 111, 111, 0.3);
}
.heatmap__score-wrap.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: -6px;
  left: -6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 4px 3px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 16px;
  height: 16px;
  transform: scale(0.7);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
  z-index: 20;
}
.heatmap__score-wrap.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  width: 12px;
  height: 12px;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
.heatmap__total-box.ai-checked {
  cursor: pointer;
  transition: border 0.2s, box-shadow 0.2s;
  border: 2px solid transparent;
}
.heatmap__total-box.ai-checked:hover {
  border: 2px solid #FFC718;
  box-shadow: 2px 4px 6px 0 rgba(111, 111, 111, 0.3);
}

.action-plan__detail {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}
.action-plan__detail__heading {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 20px;
  font-weight: 500;
}
.action-plan__detail__heading + * {
  margin-top: 8px;
}
.action-plan__detail__node {
  padding: 2px 10px;
  background-color: #2CAFFE;
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.action-plan__detail__component img {
  width: 23px;
  height: 23px;
}
.action-plan__detail__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid #E5E5EA;
  background-color: #FFF;
}
.action-plan__detail__head .status__color--green {
  background-color: #29CF6E;
}
.action-plan__detail__head .status__color--blue {
  background-color: #299BE7;
}
.action-plan__detail__head .status__color--yellow {
  background-color: #FCCA37;
}
.action-plan__detail__head .status__color--red {
  background-color: #FA7070;
}
.action-plan__detail__head .status__color--gray {
  background-color: #8E8E93;
}
.action-plan__detail__head__section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-right: 16px;
  padding: 2px 0;
  min-width: 430px;
}
.action-plan__detail__head__section__item {
  padding: 2px 10px;
  background-color: #2CAFFE;
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.action-plan__detail__head__trend, .action-plan__detail__head__plan-origin {
  margin-right: 20px;
  font-size: 12px;
  color: #6F6F6F;
}
.action-plan__detail__head__trend > .trend__status,
.action-plan__detail__head__trend > .plan-origin__status, .action-plan__detail__head__plan-origin > .trend__status,
.action-plan__detail__head__plan-origin > .plan-origin__status {
  display: inline-block;
  margin-left: 12px;
  padding: 2px 10px 3px;
  min-width: 90px;
  width: auto;
  height: 24px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.action-plan__detail__head__priority {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: 20px;
  font-size: 12px;
  color: #6F6F6F;
}
.action-plan__detail__head__column {
  display: flex;
  flex-flow: column;
  gap: 0;
}
.action-plan__detail__head__urgency {
  font-size: 10px;
  color: #6F6F6F;
}
.action-plan__detail__head__urgency > .urgency__status {
  display: inline-block;
}
.action-plan__detail__head__urgency > .urgency__status svg {
  width: 12px;
  height: 12px;
}
.action-plan__detail__head__urgency > .urgency__status:first-of-type {
  margin-left: 4px;
}
.action-plan__detail__head__urgency > .urgency__status + * {
  margin-left: 0;
}
.action-plan__detail__head__importance {
  font-size: 10px;
  color: #6F6F6F;
  display: flex;
  align-items: center;
}
.action-plan__detail__head__importance > .importance__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.action-plan__detail__head__importance > .importance__status svg {
  width: 10px;
  height: 13px;
}
.action-plan__detail__head__importance > .importance__status:first-of-type {
  margin-left: 8px;
}
.action-plan__detail__head__importance > .importance__status + * {
  margin-left: 6px;
}
.action-plan__detail__head__impact {
  font-size: 10px;
  color: #6F6F6F;
}
.action-plan__detail__head__impact > .impact__status {
  display: inline-block;
}
.action-plan__detail__head__impact > .impact__status svg {
  width: 9px;
  height: 13px;
  top: 2px;
  position: relative;
}
.action-plan__detail__head__impact > .impact__status:first-of-type {
  margin-left: 4px;
}
.action-plan__detail__head__impact > .impact__status + * {
  margin-left: 2px;
}
.action-plan__detail__head__feasibility {
  font-size: 10px;
  color: #6F6F6F;
}
.action-plan__detail__head__feasibility > .feasibility__status {
  display: inline-block;
}
.action-plan__detail__head__feasibility > .feasibility__status svg {
  width: 13px;
  height: 13px;
}
.action-plan__detail__head__feasibility > .feasibility__status:first-of-type {
  margin-left: 4px;
}
.action-plan__detail__head__feasibility > .feasibility__status + * {
  margin-left: -2px;
}
.action-plan__detail__main-issues {
  background-color: #fff;
  border: 1px solid #f55243;
  border-radius: 10px;
  padding: 14px 12px;
  width: 100%;
}
.action-plan__detail__main-issues__focus {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: 14px;
  padding-bottom: 10px;
}
.action-plan__detail__main-issues__focus__fb-icon {
  display: flex;
  justify-content: center;
  padding: 3px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.action-plan__detail__main-issues__focus__fb-icon.negative {
  background-color: #f55243;
}
.action-plan__detail__main-issues__focus svg {
  position: relative;
  bottom: 1px;
  width: 16px;
  height: 16px;
  color: #fff;
}
.action-plan__detail__main-issues__text {
  width: 418px;
  margin-left: 14px;
  font-weight: bold;
}
.action-plan__detail__main-issues__summary {
  padding-top: 10px;
  border-top: 1px solid #D2D2D2;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.action-plan__detail__action-plans {
  position: relative;
  z-index: 20;
  padding: 10px;
  width: 100%;
  margin: 0 0 0 auto;
  background-color: #FCF6E3;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: visible;
}
.action-plan__detail__action-plans__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.action-plan__detail__action-plans__heading {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}
.action-plan__detail__action-plans__list {
  display: flex;
  margin-top: 10px;
  flex-flow: column;
  gap: 10px;
}
.action-plan__detail__action-plans__list.js-solution-list {
  display: none;
  transition: all 0.3s ease;
}
.action-plan__detail__action-plans__list.js-solution-list.is-open {
  display: flex;
}
.action-plan__detail__action-plans__item {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 5px;
}
.action-plan__detail__action-plans__item__box {
  border: 1px solid #56DB2E;
  border-radius: 10px;
  padding: 14px 12px;
  background-color: #fff;
}
.action-plan__detail__action-plans__item__box:nth-of-type(1) {
  width: 96px;
}
.action-plan__detail__action-plans__item__box:nth-of-type(2) {
  width: 100%;
}
.action-plan__detail__action-plans__item__wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 10px 0 10px;
}
.action-plan__detail__action-plans__item__wrap:nth-of-type(2) {
  padding-bottom: 0;
}
.action-plan__detail__action-plans__item__wrap + * {
  border-top: 1px solid #D2D2D2;
}
.action-plan__detail__action-plans__item__wrap:first-of-type {
  padding-top: 0;
}
.action-plan__detail__action-plans__item__wrap__heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 346px;
  font-size: 14px;
  margin-left: 14px;
}
.action-plan__detail__action-plans__item__wrap__heading .new {
  border-radius: 3px;
  padding: 1px 4px;
  background-color: #ffeebd;
  font-size: 10px;
  font-weight: normal;
  margin-left: 5px;
  color: #d69820;
}
.action-plan__detail__action-plans__item__wrap__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #56DB2E;
}
.action-plan__detail__action-plans__item__wrap__icon svg {
  width: 12px;
  height: 12px;
}
.action-plan__detail__action-plans__item__wrap__icon-VoE {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  gap: 4px;
  background-color: #CAE1FF;
  border-radius: 3px;
  width: 58px;
  margin-left: 14px;
}
.action-plan__detail__action-plans__item__wrap__icon-VoE svg {
  width: 16px;
  height: 17px;
}
.action-plan__detail__action-plans__item__wrap__icon-AI {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 17px;
  gap: 4px;
  background-color: #F4C9B2;
  border-radius: 3px;
  width: 58px;
  margin-left: 14px;
}
.action-plan__detail__action-plans__item__wrap__icon-AI svg {
  width: 19px;
  height: 15px;
}
.action-plan__detail__action-plans__item__wrap__to-VoE {
  margin: 0 0 0 auto;
}
.action-plan__detail__action-plans__item__wrap__fb-btn-voe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 10px;
  font-weight: 400;
  border-radius: 30px;
  background: #FFDF7E;
  padding: 3px 15px 3px 24px;
  border: 1px solid #fff;
  width: 163px;
}
.action-plan__detail__action-plans__item__wrap__fb-btn-voe:hover {
  opacity: 1;
  border-color: #FFDF7E;
  background-color: #fff;
}
.action-plan__detail__action-plans__item__wrap__fb-btn-voe svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.action-plan__detail__action-plans__item__wrap__text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.action-plan__detail__action-plans__item__wrap form {
  display: flex;
  gap: 16px;
  align-items: center;
}
.action-plan__detail__action-plans__item__wrap__check {
  position: relative;
}
.action-plan__detail__action-plans__item__wrap__check label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  letter-spacing: 0.001em;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  padding-left: 26px;
}
.action-plan__detail__action-plans__item__wrap__check label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  background-color: #fff;
}
.action-plan__detail__action-plans__item__wrap__check input {
  position: absolute;
}
.action-plan__detail__action-plans__item__wrap__check .radio-buttun:checked + .checked-label {
  font-weight: 500;
}
.action-plan__detail__action-plans__item__wrap__check .radio-buttun:checked + .checked-label::before {
  outline: 6px solid #FFDF7E;
  outline-offset: -6px;
}
.action-plan__detail__information {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 40px;
}
.action-plan__detail__information__column {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px 0;
}
.action-plan__detail__status__label {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 2px 16px;
  border-radius: 3px;
  font-size: 12px;
  justify-content: center;
  background-color: #F1F1F1;
  color: #3F3F3F;
  min-width: 84px;
}
.action-plan__detail__status__label.adopted-short-term {
  background-color: #D2FFD7;
  color: #387B11;
}
.action-plan__detail__status__label.adopted-long-term {
  background-color: #1E6B3A;
  color: #B8FFD0;
}
.action-plan__detail__status__label.hold {
  background-color: #fff;
  color: #3f3f3f;
}
.action-plan__detail__status__label.onhold {
  background-color: #FFEEBC;
  color: #d78912;
}
.action-plan__detail__status__label.open {
  background-color: #E8F1FF;
  color: #2857D7;
}
.action-plan__detail__status__label.complete {
  background-color: #D2FFD7;
  color: #387B11;
}
.action-plan__detail__status__label.gray {
  background-color: #AEAEAE;
}
.action-plan__detail__activity {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #D2D2D2;
}
.action-plan__detail__activity__list {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.action-plan__detail__activity__item {
  display: flex;
  flex-flow: row nowrap;
  gap: 30px;
  font-size: 14px;
}
.action-plan__detail__list {
  display: flex;
  flex-flow: column nowrap;
  gap: 2px;
}
.action-plan__detail__item {
  font-size: 14px;
}

.constructive-feedback {
  padding: 18px;
  border-radius: 10px;
  border-top-left-radius: 0;
  background: #fff;
  box-shadow: 0 4px 10px 0 #e4e4e4;
}
.constructive-feedback__filter {
  background-color: #F8F8F8;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.constructive-feedback__filter__btn {
  font-size: 12px;
  line-height: 17px;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
.constructive-feedback__filter__btn::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-filter-btn.svg") no-repeat top left/100% auto;
  width: 20px;
  height: 14px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.constructive-feedback__filter__sort {
  margin-top: 30px;
}
.constructive-feedback__filter__sort__form {
  display: flex;
  flex-flow: row wrap;
  align-items: end;
  gap: 7px 10px;
}
.constructive-feedback__filter__sort__form label {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}
.constructive-feedback__filter__sort__form select,
.constructive-feedback__filter__sort__form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 7px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.constructive-feedback__filter__sort__form__select {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.constructive-feedback__filter__sort__form__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  bottom: 14px;
  right: 13px;
  pointer-events: none;
}
.constructive-feedback__filter__sort__form__select.w-100 {
  width: 100px;
}
.constructive-feedback__filter__sort__form__select.w-178 {
  width: 178px;
}
.constructive-feedback__filter__sort__form__keyword {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 430px;
}
.constructive-feedback__filter__sort__form__submit {
  margin: 24px 0 0 auto;
  width: 202px;
  height: 33px;
  border-radius: 35px;
  background-color: #FFDF7E;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0 5px;
  cursor: pointer;
}
.constructive-feedback__filter__sort__form__submit:hover {
  box-shadow: none;
  background-color: #fff;
  outline: 1px solid #FFDF7E;
  outline-offset: -1px;
  opacity: 1;
}
.constructive-feedback__filter__sort__form__submit:hover a {
  opacity: 1;
}
.constructive-feedback__table {
  width: 100%;
  margin-bottom: 12px;
}
.constructive-feedback__table th {
  padding: 8px;
  text-align: center;
  border: 1px solid #DDD;
  background: #F2F2F2;
  font-size: 14px;
  font-weight: 500;
}
.constructive-feedback__table td {
  padding: 8px;
  border: 1px solid #DDD;
  font-size: 14px;
  text-align: center;
}
.constructive-feedback__chart-wrap {
  margin: 24px 0 0;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 50px;
}
.constructive-feedback__chart {
  width: 580px;
}
.constructive-feedback__chart__tooltip--m-over {
  width: 316px;
  white-space: normal;
  word-break: break-word;
  padding: 15px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  color: #333;
  font-size: 12px;
  box-sizing: content-box;
}
.constructive-feedback__chart #sunburst-impact-feasibility {
  display: none;
}
.constructive-feedback__chart #sunburst-impact-feasibility.is-visible {
  display: block;
}
.constructive-feedback__chart-eisenhower-matrix, .constructive-feedback__chart-impact-feasibility {
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #E5E5EA;
  border-radius: 10px;
}
.constructive-feedback__chart-eisenhower-matrix__btn, .constructive-feedback__chart-impact-feasibility__btn {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border: 1px solid #E5E5EA;
  background-color: #E5E5EA;
  gap: 0 1px;
  border-radius: 6px;
  overflow: hidden;
  width: 180px;
}
.constructive-feedback__chart-eisenhower-matrix__btn__item, .constructive-feedback__chart-impact-feasibility__btn__item {
  padding: 8px 0;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
}
.constructive-feedback__chart-eisenhower-matrix__btn__item--main-issues, .constructive-feedback__chart-impact-feasibility__btn__item--main-issues {
  color: #F55243;
}
.constructive-feedback__chart-eisenhower-matrix__btn__item--main-issues.is-active, .constructive-feedback__chart-impact-feasibility__btn__item--main-issues.is-active {
  color: #fff;
  background-color: #F55243;
}
.constructive-feedback__chart-eisenhower-matrix__btn__item--action-plans, .constructive-feedback__chart-impact-feasibility__btn__item--action-plans {
  color: #56DB2E;
}
.constructive-feedback__chart-eisenhower-matrix__btn__item--action-plans.is-active, .constructive-feedback__chart-impact-feasibility__btn__item--action-plans.is-active {
  color: #fff;
  background-color: #56DB2E;
}
.constructive-feedback__chart-eisenhower-matrix__bg, .constructive-feedback__chart-impact-feasibility__bg {
  position: relative;
  width: 583px;
  height: 392px;
  background: url("../images/common/bg-Matrix-urgency-importance.svg") no-repeat top left/100% auto;
}
.constructive-feedback__chart-eisenhower-matrix__bg--action-plans, .constructive-feedback__chart-impact-feasibility__bg--action-plans {
  background: url("../images/common/bg-Matrix-impact-Feasibility.svg") no-repeat top left/100% auto;
}
.constructive-feedback__chart-eisenhower-matrix__map, .constructive-feedback__chart-impact-feasibility__map {
  position: absolute;
  top: 0;
  bottom: 0;
}
.constructive-feedback__chart-eisenhower-matrix__cell, .constructive-feedback__chart-impact-feasibility__cell {
  position: absolute;
  z-index: 7;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__importance-4, .constructive-feedback__chart-impact-feasibility__cell.map__importance-4 {
  left: 415px;
  z-index: 30;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__importance-3, .constructive-feedback__chart-impact-feasibility__cell.map__importance-3 {
  left: 285px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__importance-2, .constructive-feedback__chart-impact-feasibility__cell.map__importance-2 {
  left: 139px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__importance-1, .constructive-feedback__chart-impact-feasibility__cell.map__importance-1 {
  left: 9px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__urgency-4, .constructive-feedback__chart-impact-feasibility__cell.map__urgency-4 {
  top: 40px;
  z-index: 30;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__urgency-3, .constructive-feedback__chart-impact-feasibility__cell.map__urgency-3 {
  top: 124px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__urgency-2, .constructive-feedback__chart-impact-feasibility__cell.map__urgency-2 {
  top: 219px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__urgency-1, .constructive-feedback__chart-impact-feasibility__cell.map__urgency-1 {
  top: 303px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__impact-4, .constructive-feedback__chart-impact-feasibility__cell.map__impact-4 {
  left: 415px;
  z-index: 30;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__impact-3, .constructive-feedback__chart-impact-feasibility__cell.map__impact-3 {
  left: 285px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__impact-2, .constructive-feedback__chart-impact-feasibility__cell.map__impact-2 {
  left: 139px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__impact-1, .constructive-feedback__chart-impact-feasibility__cell.map__impact-1 {
  left: 9px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__feasibility-4, .constructive-feedback__chart-impact-feasibility__cell.map__feasibility-4 {
  top: 40px;
  z-index: 30;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__feasibility-3, .constructive-feedback__chart-impact-feasibility__cell.map__feasibility-3 {
  top: 124px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__feasibility-2, .constructive-feedback__chart-impact-feasibility__cell.map__feasibility-2 {
  top: 219px;
}
.constructive-feedback__chart-eisenhower-matrix__cell.map__feasibility-1, .constructive-feedback__chart-impact-feasibility__cell.map__feasibility-1 {
  top: 303px;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item, .constructive-feedback__chart-impact-feasibility__cell__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 126px;
  height: 79px;
  color: #FA7070;
  font-weight: bold;
  font-size: 32px;
  border-radius: 10px;
  z-index: 20;
  cursor: pointer;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item--priority::before, .constructive-feedback__chart-impact-feasibility__cell__item--priority::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  z-index: 10;
  animation: ripple 2000ms linear infinite;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--red, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--red {
  color: #FA7070;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--red::before, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--red::before {
  border: 1px solid #FA7070;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--red:hover, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--red:hover {
  background-color: #FA7070;
  color: white;
  border-color: #FF9B9B;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--green, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--green {
  color: #29CF6E;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--green::before, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--green::before {
  border: 1px solid #29CF6E;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--green:hover, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--green:hover {
  background-color: #29CF6E;
  color: white;
  border-color: #9ae5b9;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--yellow, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--yellow {
  color: #FCCA37;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--yellow::before, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--yellow::before {
  border: 1px solid #FCCA37;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--yellow:hover, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--yellow:hover {
  background-color: #FCCA37;
  color: white;
  border-color: #f6df9b;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--gray, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--gray {
  color: #8E8E93;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--gray::before, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--gray::before {
  border: 1px solid #8E8E93;
}
.constructive-feedback__chart-eisenhower-matrix__cell__item.status-color--gray:hover, .constructive-feedback__chart-impact-feasibility__cell__item.status-color--gray:hover {
  background-color: #8E8E93;
  color: white;
  border-color: #c4c4c7;
}
.constructive-feedback__chart-eisenhower-matrix__text, .constructive-feedback__chart-impact-feasibility__text {
  position: absolute;
  z-index: 5;
  font-size: 19px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.2);
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix01, .constructive-feedback__chart-impact-feasibility__text.matrix01 {
  top: 106px;
  left: 47px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix02, .constructive-feedback__chart-impact-feasibility__text.matrix02 {
  top: 106px;
  left: 352px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix03, .constructive-feedback__chart-impact-feasibility__text.matrix03 {
  top: 286px;
  left: 38px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix04, .constructive-feedback__chart-impact-feasibility__text.matrix04 {
  top: 286px;
  left: 313px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix05, .constructive-feedback__chart-impact-feasibility__text.matrix05 {
  top: 106px;
  left: 28px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix06, .constructive-feedback__chart-impact-feasibility__text.matrix06 {
  top: 106px;
  left: 292px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix07, .constructive-feedback__chart-impact-feasibility__text.matrix07 {
  top: 286px;
  left: 28px;
}
.constructive-feedback__chart-eisenhower-matrix__text.matrix08, .constructive-feedback__chart-impact-feasibility__text.matrix08 {
  top: 286px;
  left: 293px;
}
@keyframes ripple {
  0% {
    scale: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    scale: 1.2;
    opacity: 0;
  }
}
.constructive-feedback__voe-trend-report__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 14px;
  border: 2px solid #fff;
  border-radius: 30px;
  width: 90%;
  margin: 20px auto 0;
  background: #FFDF7E;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.constructive-feedback__voe-trend-report__btn:hover {
  opacity: 1;
  border-color: #FFDF7E;
  background-color: #fff;
}
.constructive-feedback__summary-sort {
  width: 620px;
}
.constructive-feedback__summary-sort table {
  width: 100%;
}
.constructive-feedback__summary-sort__head {
  padding: 16px 7px 12px;
  border-bottom: 1px solid #DDD;
}
.constructive-feedback__summary-sort__head--empty {
  width: 74px;
}
.constructive-feedback__summary-sort__head--section {
  width: 229px;
}
.constructive-feedback__summary-sort__heading {
  position: relative;
  padding-left: 27px;
  font-size: 12px;
  line-height: 16px;
}
.constructive-feedback__summary-sort__heading::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.constructive-feedback__summary-sort__heading--main-issues::before {
  background: #F55243;
}
.constructive-feedback__summary-sort__heading--aciton-plans::before {
  background: #56DB2E;
}
.constructive-feedback__summary-sort__body {
  width: 100%;
}
.constructive-feedback__summary-sort__body__row {
  width: 100%;
}
.constructive-feedback__summary-sort__body__row__data {
  padding: 16px 7px 12px;
}
.constructive-feedback__summary-sort__body__row__wrap {
  font-size: 16px;
  line-height: 17px;
}
.constructive-feedback__summary-sort__body__row__wrap__bar-block {
  width: 209px;
  height: 17px;
  margin-right: 8px;
}
.constructive-feedback__summary-sort__body__row__wrap .bar {
  display: inline-block;
  width: 0;
  height: 17px;
  border-radius: 0 30px 30px 0;
  transition: width 2s ease;
}
.constructive-feedback__summary-sort__body__row__wrap .bar-value {
  font-size: 12px;
  line-height: 17px;
}
.constructive-feedback__summary-sort__body__row__wrap--heading {
  width: 100%;
}
.constructive-feedback__summary-sort__body__row__wrap--main-issues {
  width: 229px;
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.constructive-feedback__summary-sort__body__row__wrap--main-issues .bar {
  background-color: #F55243;
}
.constructive-feedback__summary-sort__body__row__wrap--aciton-plans {
  width: 229px;
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.constructive-feedback__summary-sort__body__row__wrap--aciton-plans .bar {
  background-color: #56DB2E;
}
.constructive-feedback__summary-sort__body__summary__data {
  padding: 0;
}
.constructive-feedback__summary-sort__body__summary__text {
  background-color: #F2F2F2;
  border-radius: 10px;
  padding: 14px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  min-height: 88px;
}
.constructive-feedback__segment-group--ver3 {
  margin-top: 70px;
}
.constructive-feedback__segment-group--ver3__sort__form {
  display: flex;
  flex-flow: row wrap;
  gap: 7px 10px;
}
.constructive-feedback__segment-group--ver3__sort__form label {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}
.constructive-feedback__segment-group--ver3__sort__form select,
.constructive-feedback__segment-group--ver3__sort__form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 7px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.constructive-feedback__segment-group--ver3__sort__form__select {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.constructive-feedback__segment-group--ver3__sort__form__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  bottom: 14px;
  right: 13px;
  pointer-events: none;
}
.constructive-feedback__segment-group--ver3__sort__form__select.w-100 {
  width: 100px;
}
.constructive-feedback__segment-group--ver3__sort__form__select.w-178 {
  width: 178px;
}
.constructive-feedback__segment-group--ver3__sort__form__keyword {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 430px;
}
.constructive-feedback__segment-group--ver3__sort__form__submit {
  margin: 24px 0 0 auto;
  width: 202px;
  height: 33px;
  border-radius: 35px;
  background-color: #FFDF7E;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0 5px;
  cursor: pointer;
}
.constructive-feedback__segment-group--ver3__sort__form__submit:hover {
  box-shadow: none;
  background-color: #fff;
  outline: 1px solid #FFDF7E;
  outline-offset: -1px;
  opacity: 1;
}
.constructive-feedback__segment-group--ver3__sort__form__submit:hover a {
  opacity: 1;
}
.constructive-feedback__segment-group--ver3__result {
  margin-top: 30px;
}
.constructive-feedback__segment-group--ver3__result__wrap > *:first-child {
  margin-top: 0 !important;
}
.constructive-feedback__segment-group--ver3__result__row {
  margin-top: 24px;
}
.constructive-feedback__segment-group--ver3__result__row:first-child {
  margin-top: 0;
}
.constructive-feedback__segment-group--ver3__result__status {
  border: 1px solid #E5E5EA;
  border-radius: 10px;
  width: 98px;
  background-color: #F8F8F8;
  display: flex;
  flex-flow: column;
}
.constructive-feedback__segment-group--ver3__result__status--action-plans {
  border: 1px solid #56DB2E;
  background-color: #FFF;
}
.constructive-feedback__segment-group--ver3__result__status__heading {
  position: relative;
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 1px solid #E5E5EA;
  padding: 14px 0 14px;
  background-color: #FFF;
  text-align: center;
  font-size: 12px;
  color: #6F6F6F;
  white-space: nowrap;
}
.constructive-feedback__segment-group--ver3__result__status__heading--action-plans {
  border-bottom: 1px solid #E5E5EA;
}
.constructive-feedback__segment-group--ver3__result__status__select {
  position: relative;
  cursor: pointer;
  padding: 14px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.constructive-feedback__segment-group--ver3__result__status__select__button {
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  padding: 16px 0 17px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}
.constructive-feedback__segment-group--ver3__result__status__select__button.is-open {
  background-color: #F2F2F2;
}
.constructive-feedback__segment-group--ver3__result__status__select__button.status__color--green {
  color: #387B11;
  background-color: #D2FFD7;
  border-color: #D2FFD7;
}
.constructive-feedback__segment-group--ver3__result__status__select__button.status__color--dark-green {
  color: #B8FFD0;
  background-color: #1E6B3A;
  border-color: #1E6B3A;
}
.constructive-feedback__segment-group--ver3__result__status__select__button.status__color--yellow {
  color: #D68121;
  background-color: #FFF2CD;
  border-color: #FFF2CD;
}
.constructive-feedback__segment-group--ver3__result__status__select__button.status__color--gray {
  color: #3F3F3F;
  background-color: #b4b4b4;
  border-color: #b4b4b4;
}
.constructive-feedback__segment-group--ver3__result__status__select__button.status__color--blue {
  color: #2857D7;
  background-color: #E8F1FF;
  border-color: #E8F1FF;
}
.constructive-feedback__segment-group--ver3__result__status__select__options {
  display: none;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  flex-flow: column;
  gap: 4px;
  position: absolute;
  top: 104px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  border-radius: 3px;
  box-shadow: 6px 6px 10px 0px rgba(96, 96, 96, 0.4);
  z-index: 11;
}
.constructive-feedback__segment-group--ver3__result__status__select__options.is-open {
  display: flex;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color {
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #F8F8F8;
  width: 80px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  padding: 1px 0 2px;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color:hover {
  opacity: 0.6;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color.is-checked {
  display: block;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color--white {
  background-color: white;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color--green {
  color: #387B11;
  background-color: #D2FFD7;
  border-color: #D2FFD7;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color--dark-green {
  color: #B8FFD0;
  background-color: #1E6B3A;
  border-color: #1E6B3A;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color--yellow {
  color: #D68121;
  background-color: #FFF2CD;
  border-color: #FFF2CD;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color--blue {
  color: #2857D7;
  background-color: #E8F1FF;
  border-color: #E8F1FF;
}
.constructive-feedback__segment-group--ver3__result__status__select .status__color--gray {
  color: #3F3F3F;
  background-color: #b4b4b4;
  border-color: #b4b4b4;
}
.constructive-feedback__segment-group--ver3__result__data {
  position: relative;
  padding-left: 4px;
  overflow: hidden;
}
.constructive-feedback__segment-group--ver3__result__data::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #EE1919;
  border-radius: 20px;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__priority {
  width: 12px;
  height: 12px;
  display: inline-block;
  flex-shrink: 0;
}
.constructive-feedback__segment-group--ver3__result__data__priority > [class*=__status--] {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.constructive-feedback__segment-group--ver3__result__data__priority > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback__segment-group--ver3__result__data__priority__status--low::before {
  font-size: 1em;
  content: "-";
}
.constructive-feedback__segment-group--ver3__result__data__priority__status--middle::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__priority__status--high::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__priority__status--critical::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-03.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__assessment {
  width: 12px;
  height: 12px;
  display: inline-block;
  flex-shrink: 0;
}
.constructive-feedback__segment-group--ver3__result__data__assessment > [class*=__status--] {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.constructive-feedback__segment-group--ver3__result__data__assessment > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback__segment-group--ver3__result__data__assessment__status--3::before, .constructive-feedback__segment-group--ver3__result__data__assessment__status--4::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-03.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__assessment__status--2::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__assessment__status--1::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__attributes {
  width: 12px;
  height: 12px;
  display: inline-block;
  flex-shrink: 0;
}
.constructive-feedback__segment-group--ver3__result__data__attributes > [class*=__status--] {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.constructive-feedback__segment-group--ver3__result__data__attributes > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback__segment-group--ver3__result__data__attributes__status--3::before, .constructive-feedback__segment-group--ver3__result__data__attributes__status--4::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-attributes-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__attributes__status--2::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-attributes-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__attributes__status--1::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-attributes-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding: 5px 22px;
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background-color: #EFEFF2;
}
.constructive-feedback__segment-group--ver3__result__data__head .status__color--green {
  background-color: #C6F5DC;
  color: #0A8F4A;
}
.constructive-feedback__segment-group--ver3__result__data__head .status__color--blue {
  background-color: #D4EDFC;
  color: #1976B8;
}
.constructive-feedback__segment-group--ver3__result__data__head .status__color--yellow {
  background-color: #FFF3D4;
  color: #B8860B;
}
.constructive-feedback__segment-group--ver3__result__data__head .status__color--red {
  background-color: #FCDBCF;
  color: #C0392B;
}
.constructive-feedback__segment-group--ver3__result__data__head .status__color--gray {
  background-color: #E8E8ED;
  color: #5C5C5C;
}
.constructive-feedback__segment-group--ver3__result__data__head__heading {
  display: flex;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
.constructive-feedback__segment-group--ver3__result__data__head__favorite {
  display: flex;
}
.constructive-feedback__segment-group--ver3__result__data__head__favorite > button {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.constructive-feedback__segment-group--ver3__result__data__head__favorite__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 24px;
  text-align: center;
}
.constructive-feedback__segment-group--ver3__result__data__head__favorite__icon.is-hide {
  display: none;
}
.constructive-feedback__segment-group--ver3__result__data__head__section {
  display: flex;
}
.constructive-feedback__segment-group--ver3__result__data__head__section__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  background-color: #90B296;
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.constructive-feedback__segment-group--ver3__result__data__head__status {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 14px;
}
.constructive-feedback__segment-group--ver3__result__data__head__trend, .constructive-feedback__segment-group--ver3__result__data__head__plan-origin {
  display: flex;
  align-items: center;
}
.constructive-feedback__segment-group--ver3__result__data__head__trend > .trend__status,
.constructive-feedback__segment-group--ver3__result__data__head__trend > .plan-origin__status, .constructive-feedback__segment-group--ver3__result__data__head__plan-origin > .trend__status,
.constructive-feedback__segment-group--ver3__result__data__head__plan-origin > .plan-origin__status {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 17px 2px;
  min-width: 61px;
  width: auto;
  height: 24px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  text-align: center;
}
.constructive-feedback__segment-group--ver3__result__data__head__evaluation {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 3px 8px;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.constructive-feedback__segment-group--ver3__result__data__head__priority {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment {
  min-width: 69px;
  height: 21px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 4px 10px;
  background-color: #EFEFF2;
  border: 1px solid #EEEBE5;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .urgency__status {
  display: inline-block;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .urgency__status svg {
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .urgency__status:nth-of-type(2) {
  margin-left: 8px;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .urgency__status + * {
  margin-left: 3px;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .importance__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .importance__status svg {
  width: 10px;
  height: 13px;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .importance__status:nth-of-type(2) {
  margin-left: 8px;
}
.constructive-feedback__segment-group--ver3__result__data__head__assessment > .importance__status + * {
  margin-left: 6px;
}
.constructive-feedback__segment-group--ver3__result__data__body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  padding: 9px 20px;
  background-color: #fff;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #C7C8CD;
}
.constructive-feedback__segment-group--ver3__result__data__body__main-issues {
  width: 100%;
}
.constructive-feedback__segment-group--ver3__result__data__body__main-issues__focus {
  display: flex;
  flex-flow: row nowrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__body__main-issues__focus__fb-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 5px;
  border-radius: 4px;
  width: 24px;
  height: 22px;
}
.constructive-feedback__segment-group--ver3__result__data__body__main-issues__focus__fb-icon.negative {
  background-color: #FFDCD8;
}
.constructive-feedback__segment-group--ver3__result__data__body__main-issues__focus svg {
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__body__main-issues__summary {
  margin-top: 9px;
  font-size: 13px;
  line-height: normal;
}
.constructive-feedback__segment-group--ver3__result__data__body__action {
  width: 177px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  flex-shrink: 0;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn-voe {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 9px 14px;
  border: 1px solid #C7C8CD;
  border-radius: 30px;
  width: 100%;
  background: #EFEFF2;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn-voe svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn-voe:hover {
  opacity: 1;
  text-decoration: underline;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 9px 14px;
  border: 1px solid #C7C8CD;
  border-radius: 30px;
  width: 100%;
  background: #EFEFF2;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn:hover {
  opacity: 1;
  text-decoration: underline;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-action-plans {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 9px 14px;
  border: 1px solid #11D76D;
  border-radius: 30px;
  width: 100%;
  background: #C6F5DC;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-action-plans svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__body__action__fb-action-plans:hover {
  opacity: 1;
  text-decoration: underline;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans {
  position: relative;
  z-index: 20;
  padding: 23px;
  background-color: #F6F6F9;
  border: 1px solid #C7C8CD;
  border-top: none;
  border-bottom-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  overflow: visible;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans.is-visible {
  border-bottom-width: 1px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__heading {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  -moz-column-gap: 9px;
       column-gap: 9px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__heading > svg {
  width: 23px;
  height: 23px;
  flex-shrink: 0;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__list.js-solution-list {
  display: none;
  transition: all 0.3s ease;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__list.js-solution-list.is-open {
  display: flex;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item {
  position: relative;
  padding-left: 4px;
  overflow: hidden;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #11D76D;
  border-radius: 20px;
  content: "";
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  padding: 5px 22px;
  border-width: 2px 2px 1px 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background-color: #fff;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__evaluation {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 3px 8px;
  background-color: #F2F2F2;
  border-radius: 4px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__priority {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment {
  min-width: 69px;
  height: 21px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 4px 10px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .impact__status {
  display: inline-block;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .impact__status svg {
  width: 9px;
  height: 13px;
  top: 2px;
  position: relative;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .impact__status:nth-of-type(2) {
  margin-left: 9px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .impact__status + * {
  margin-left: 5px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .feasibility__status {
  display: inline-block;
  height: 100%;
  display: flex;
  align-items: center;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .feasibility__status svg {
  width: 13px;
  height: 13px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .feasibility__status:nth-of-type(2) {
  margin-left: 8px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__head__assessment > .feasibility__status + * {
  margin-left: 1px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__body {
  padding: 24px;
  background-color: #fff;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap {
  display: flex;
  flex-flow: row nowrap;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__body {
  width: 100%;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__foot {
  width: 177px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  flex-shrink: 0;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__heading {
  display: flex;
  flex-flow: row nowrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-bottom: 9px;
  font-size: 14px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #56DB2E;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__icon svg {
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__icon-VoE {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 17px;
  gap: 4px;
  background-color: #CAE1FF;
  border-radius: 3px;
  width: 58px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__icon-VoE svg {
  width: 16px;
  height: 17px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__icon-AI {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 17px;
  gap: 4px;
  background-color: #F4C9B2;
  border-radius: 3px;
  width: 58px;
  margin-left: 14px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__icon-AI svg {
  width: 19px;
  height: 15px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__fb-btn-voe {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 9px 14px;
  border: 1px solid #C7C8CD;
  border-radius: 30px;
  width: 100%;
  background: #EFEFF2;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  color: #353535;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__fb-btn-voe svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__fb-btn-voe:hover {
  opacity: 1;
  text-decoration: underline;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap form {
  display: flex;
  gap: 16px;
  align-items: center;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__check {
  position: relative;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__check label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  letter-spacing: 0.001em;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  padding-left: 26px;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__check label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  background-color: #fff;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__check input {
  position: absolute;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__check .radio-buttun:checked + .checked-label {
  font-weight: 500;
}
.constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__check .radio-buttun:checked + .checked-label::before {
  outline: 6px solid #FFDF7E;
  outline-offset: -6px;
}
.constructive-feedback__eisenhower-matrix-issues-list__head {
  display: flex;
  flex-flow: row nowrap;
}
.constructive-feedback__eisenhower-matrix-issues-list__heading {
  font-size: 21px;
  font-weight: 600;
  line-height: 29px;
  margin-right: 20px;
}
.constructive-feedback__eisenhower-matrix-issues-list__body {
  margin-top: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
}
.constructive-feedback__eisenhower-matrix-issues-list__body__wrap {
  margin-top: 15px;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px 0;
}
.constructive-feedback__eisenhower-matrix-issues-list__body__item {
  width: 100% !important;
  cursor: pointer;
}
.constructive-feedback__eisenhower-matrix-issues-list__body__item:hover {
  background-color: #F55243;
  color: #fff;
}
.constructive-feedback__eisenhower-matrix-issues-list__body__item:hover .constructive-feedback__segment-group--ver3__result__data__body__main-issues__focus__fb-icon.negative {
  background-color: #fff;
}
.constructive-feedback__eisenhower-matrix-issues-list__body__item:hover .constructive-feedback__segment-group--ver3__result__data__body__main-issues__focus__fb-icon.negative svg {
  color: #F55243;
}
.constructive-feedback__eisenhower-matrix-issues-list__sub-heading {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.constructive-feedback__department-list {
  padding: 16px;
  display: flex;
  flex-flow: row wrap;
  gap: 22px 20px;
}
.constructive-feedback__department-list__item {
  width: 283px;
  border-radius: 10px;
  border: 1px solid #E5E5EA;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
.constructive-feedback__department-list__item a {
  display: block;
  padding: 20px;
}
.constructive-feedback__department-list__item a:hover {
  opacity: 1;
}
.constructive-feedback__department-list__item:hover {
  background-color: #FFDF7E;
  border-color: #FFDF7E;
}
.constructive-feedback__department-list__chart {
  width: 234px;
  height: 200px;
}
.constructive-feedback__department-list__department-name {
  margin-top: 34px;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}
.constructive-feedback__department-list__text {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.constructive-feedback-summary__fb-box-group {
  padding-left: 80px;
}
.constructive-feedback-summary__fb-box-plan-wrap {
  margin-top: 15px;
  padding-left: 80px;
}
.constructive-feedback-summary__fb-box {
  position: relative;
  padding: 20px 0;
  border-radius: 10px;
  background: #fff;
  display: none;
  margin-top: 20px;
}
.constructive-feedback-summary__fb-box::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -54px;
  width: 30px;
  height: 40px;
  border-left: 1px solid #8D8D8D;
  border-bottom: 1px solid #8D8D8D;
}
.constructive-feedback-summary__fb-box--positive {
  border: 1px solid #6FB8FF;
}
.constructive-feedback-summary__fb-box--negative {
  border: 1px solid #F55243;
}
.constructive-feedback-summary__fb-box--plan {
  position: relative;
  margin-left: auto;
  border: 1px solid #56DB2E;
}
.constructive-feedback-summary__fb-box--plan::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -54px;
  width: 30px;
  height: 40px;
  border-left: 1px solid #8D8D8D;
  border-bottom: 1px solid #8D8D8D;
}
.constructive-feedback-summary__fb-box-plan-line {
  position: absolute;
  left: -54px;
  border-left: 1px solid #8D8D8D;
}
.constructive-feedback-summary__fb-box + .constructive-feedback-summary__fb-box {
  margin-top: 20px;
}
.constructive-feedback-summary__fb-head {
  padding-bottom: 15px;
  margin: 0 20px 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D2D2D2;
}
.constructive-feedback-summary__fb-icon {
  display: flex;
  margin-right: 8px;
  padding: 6px;
  border-radius: 30px;
}
.constructive-feedback-summary__fb-icon.positive {
  background-color: #22ABEF;
}
.constructive-feedback-summary__fb-icon.negative {
  background-color: #F55243;
}
.constructive-feedback-summary__fb-icon.proposal {
  background-color: #56DB2E;
}
.constructive-feedback-summary__fb-icon svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.constructive-feedback-summary__fb-kw {
  margin-right: 24px;
}
.constructive-feedback-summary__fb-tags {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 2px 16px;
  border-radius: 3px;
  width: 84px;
  font-size: 12px;
  min-width: 80px;
  justify-content: center;
}
.constructive-feedback-summary__fb-tags.urgency {
  background-color: #FFDEBD;
}
.constructive-feedback-summary__fb-tags.unique {
  background-color: #C1FFE2;
}
.constructive-feedback-summary__fb-tags.voe {
  background-color: #CAE1FF;
  font-weight: 500;
}
.constructive-feedback-summary__fb-tags.ai {
  background: #f4c9b2;
  font-weight: 500;
}
.constructive-feedback-summary__fb-tags.ai img {
  margin: 0 8px 0 -10px;
}
.constructive-feedback-summary__fb-tags svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.constructive-feedback-summary__fb-tags img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.constructive-feedback-summary__fb-btn-voe {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  border-radius: 30px;
  background: #FFEEBC;
  padding: 3px 19px;
}
.constructive-feedback-summary__fb-btn-voe svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.constructive-feedback-summary__fb-summary {
  padding: 0 20px;
}
.constructive-feedback-summary__fb-foot {
  margin-top: 20px;
  padding: 20px 20px 0;
  border-top: 1px solid #D2D2D2;
  display: flex;
}
.constructive-feedback-summary__fb-radio {
  display: flex;
  align-items: center;
}
.constructive-feedback-summary__fb-radio span {
  content: "";
  margin-right: 4px;
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  border: 1px solid #ddd;
}
.constructive-feedback-summary__fb-radio input:checked + span {
  background-color: #fff;
  border: 5px solid #FCCA37;
}
.constructive-feedback-summary__fb-btn {
  display: flex;
  align-items: center;
  padding: 3px 19px;
  border-radius: 30px;
  background: #FFDF7E;
}
.constructive-feedback-summary__fb-btn svg {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}
.constructive-feedback-summary__fb-btn + .constructive-feedback-summary__fb-btn {
  margin-left: auto;
}

.constructive-feedback-filter {
  margin-bottom: 24px;
  padding: 16px;
  padding-bottom: 24px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
}
.constructive-feedback-filter__list {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.constructive-feedback-filter__item {
  margin: 4px 8px;
}
.constructive-feedback-filter__item:last-child {
  margin-left: auto;
  max-width: 200px;
  width: 100%;
}
.constructive-feedback-filter__item label {
  font-size: 12px;
  font-weight: 500;
}
.constructive-feedback-filter__select {
  position: relative;
}
.constructive-feedback-filter__select select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 130px 10px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
}
.constructive-feedback-filter__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.constructive-feedback-filter__button {
  margin-left: auto;
  max-width: 200px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
.constructive-feedback-filter__button a {
  display: block;
  position: relative;
  text-align: center;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 20px;
}
.constructive-feedback-filter__button:hover {
  box-shadow: none;
  background-color: #fff;
  outline: 1px solid #FFDF7E;
  outline-offset: -1px;
  opacity: 1;
}
.constructive-feedback-filter__button:hover a {
  opacity: 1;
}

.constructive-feedback-table-head {
  margin-bottom: 24px;
  display: flex;
}
.constructive-feedback-table-head__box {
  margin-right: 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-width: 100px;
}
.constructive-feedback-table-head__label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #9D9D9D;
}
.constructive-feedback-table-head__label .plus {
  width: 14px;
  height: 14px;
}
.constructive-feedback-table-head__icon {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 4px 6px;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background-color: #25BDEC;
}
.constructive-feedback-table-head__icon.adopted-short-term {
  background-color: #D2FFD7;
}
.constructive-feedback-table-head__icon.adopted-short-term svg {
  color: #387B11;
}
.constructive-feedback-table-head__icon.adopted-long-term {
  background-color: #1E6B3A;
}
.constructive-feedback-table-head__icon.adopted-long-term svg {
  color: #B8FFD0;
}
.constructive-feedback-table-head__icon.onhold {
  background-color: #FFEEBC;
}
.constructive-feedback-table-head__icon.onhold svg {
  color: #d78912;
}
.constructive-feedback-table-head__icon.hold {
  background-color: #fff;
}
.constructive-feedback-table-head__icon.hold svg {
  color: #3f3f3f;
}
.constructive-feedback-table-head__icon.open {
  background-color: #E8F1FF;
}
.constructive-feedback-table-head__icon.open svg {
  color: #2857D7;
}
.constructive-feedback-table-head__icon.complete {
  background-color: #D2FFD7;
}
.constructive-feedback-table-head__icon.complete svg {
  color: #387B11;
}
.constructive-feedback-table-head__icon.gray {
  background-color: #AEAEAE;
}
.constructive-feedback-table-head__icon svg {
  color: #fff;
}
.constructive-feedback-table-head__icon + .plus {
  margin-right: 8px;
}
.constructive-feedback-table-head__num {
  font-size: 40px;
  font-weight: 700;
}
.constructive-feedback-table-head__sub-box {
  position: relative;
  width: 130px;
  margin-right: 16px;
  padding: 8px;
  border-radius: 10px;
  background: #F4F4F4;
  display: flex;
  flex-flow: column;
  align-items: baseline;
  justify-content: center;
}
.constructive-feedback-table-head__sub-box input[type=checkbox] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.constructive-feedback-table-head__sub-box input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.constructive-feedback-table-head__sub-box input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 3px;
  transform: rotate(50deg);
  width: 2px;
  height: 4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.constructive-feedback-table-head__sub-label {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  color: #9D9D9D;
}
.constructive-feedback-table-head__sub-num {
  margin: auto;
  font-size: 28px;
  font-weight: 700;
}

.constructive-feedback-table__wrapper {
  max-width: 1280px;
}
.constructive-feedback-table__body {
  padding: 16px 24px;
  background: #fff;
  box-shadow: 0 4px 10px #f4f4f4;
  border-radius: 10px;
}
.constructive-feedback-table__table table {
  display: grid;
  grid-template-columns: repeat(8, auto);
}
.constructive-feedback-table__table table thead,
.constructive-feedback-table__table table tbody,
.constructive-feedback-table__table table tfoot,
.constructive-feedback-table__table table tr {
  display: contents;
}
.constructive-feedback-table__table table tr {
  cursor: pointer;
  background-color: #22ABEF;
}
.constructive-feedback-table__table table tr:hover td {
  background-color: #f7f7f7;
}
.constructive-feedback-table__table table tr.is-none {
  display: none;
}
.constructive-feedback-table__table table th,
.constructive-feedback-table__table table td {
  display: block;
}
.constructive-feedback-table__table table thead th {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #F2F2F2;
  font-size: 12px;
  font-weight: 500;
  color: #6f6f6f;
}
.constructive-feedback-table__table table thead th:first-child {
  padding-left: 24px;
  border-radius: 10px 0 0 10px;
}
.constructive-feedback-table__table table thead th:last-child {
  padding-right: 24px;
  border-radius: 0 10px 10px 0;
}
.constructive-feedback-table__table table thead th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.constructive-feedback-table__table table thead th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.constructive-feedback-table__table table thead th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.constructive-feedback-table__table table thead th svg {
  width: 12px;
  height: 12px;
}
.constructive-feedback-table__table table tbody {
  font-size: 14px;
}
.constructive-feedback-table__table table tbody .is-none {
  display: none;
}
.constructive-feedback-table__table table tbody th {
  padding: 8px;
  padding-left: 24px;
  align-items: center;
  display: flex;
}
.constructive-feedback-table__table table tbody th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.constructive-feedback-table__table table tbody th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.constructive-feedback-table__table table tbody th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.constructive-feedback-table__table table tbody td {
  display: flex;
  align-items: center;
  padding: 8px;
}
.constructive-feedback-table__table table tbody td:first-of-type {
  border-radius: 10px 0 0 10px;
}
.constructive-feedback-table__table table tbody td:last-of-type {
  border-radius: 0 10px 10px 0;
}
.constructive-feedback-table__table table tbody td img {
  width: 30px;
  margin-right: 8px;
}
.constructive-feedback-table__table table tbody td svg {
  width: 16px;
  height: 16px;
  margin-left: 2px;
}
.constructive-feedback-table__table table tbody td .urgency__status svg {
  margin-left: 0;
}
.constructive-feedback-table__table table tbody td .urgency__status + * {
  margin-left: 4px;
}
.constructive-feedback-table__table table tbody td .importance__status svg {
  margin-left: 0;
}
.constructive-feedback-table__table table tbody td .status-label {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 2px 16px;
  border-radius: 3px;
  font-size: 12px;
  justify-content: center;
  background-color: #F1F1F1;
  color: #3F3F3F;
  min-width: 94px;
}
.constructive-feedback-table__table table tbody td .adopted-short-term {
  background-color: #D2FFD7;
  color: #387B11;
}
.constructive-feedback-table__table table tbody td .adopted-long-term {
  background-color: #1E6B3A;
  color: #B8FFD0;
}
.constructive-feedback-table__table table tbody td .onhold {
  background-color: #FFEEBC;
  color: #d78912;
}
.constructive-feedback-table__table table tbody td .seeingoff {
  background-color: #F1F1F1;
  color: #3F3F3F;
}
.constructive-feedback-table__table table tbody td .completed-short-term {
  background-color: #D2FFD7;
  color: #387B11;
}
.constructive-feedback-table__table table tbody td .completed-long-term {
  background-color: #1E6B3A;
  color: #B8FFD0;
}
.constructive-feedback-table__table table tbody td .fix {
  background-color: #D2FFD7;
  color: #387B11;
}
.constructive-feedback-table__table table tbody td .recruitment {
  background-color: #D2FFD7;
  color: #387B11;
}
.constructive-feedback-table__table table tbody td .open {
  background-color: #FFEEBC;
  color: #d78912;
}
.constructive-feedback-table__table table tbody td .icon {
  width: 23px;
}
.constructive-feedback-table__table table tbody td .new {
  border-radius: 3px;
  padding: 1px 4px;
  background-color: #ffeebd;
  font-size: 10px;
  margin-left: 5px;
  color: #d69820;
}
.constructive-feedback-table__table table tbody td .urgency {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 2px 16px;
  border-radius: 3px;
  font-size: 10px;
  justify-content: center;
  background-color: #FFDEBD;
}

.col-2 {
  display: flex;
}
.col-2__left {
  width: 20%;
  padding-right: 20px;
}
.col-2__right {
  width: 80%;
}

.action-list-meter {
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
  font-size: 14px;
}
.action-list-meter__box {
  padding: 15px;
}
.action-list-meter__box + .action-list-meter__box {
  border-top: 1px solid #ddd;
}
.action-list-meter__heading {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.action-list-meter__heading img {
  margin-right: 5px;
  width: 20px;
}

.js-rendering-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding-top: 0;
  padding-bottom: 0;
}
.js-rendering-body.is-visible {
  max-height: 5000px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.issue__item {
  position: relative;
}

.issue__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 100, 0.5);
  /* 薄い黄色のオーバーレイ */
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
}

.issue__item.is-highlight::after {
  opacity: 1;
  animation: flashOverlay 3s ease-out forwards;
}

@keyframes flashOverlay {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.status__color--green {
  background-color: #C6F5DC;
  color: #0A8F4A !important;
}
.status__color--blue {
  background-color: #D4EDFC;
  color: #1976B8 !important;
}
.status__color--yellow {
  background-color: #FFF3D4;
  color: #B8860B !important;
}
.status__color--red {
  background-color: #FCDBCF;
  color: #C0392B !important;
}
.status__color--gray {
  background-color: #E8E8ED;
  color: #5C5C5C !important;
}
.status__color.priority__status {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.status__color.priority__status::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-union.svg") no-repeat top left/100% auto;
  width: 12px;
  height: 16px;
  transform: translate(-50%, 25%);
}
.status__color.priority__status--critical::before {
  transform: translate(-50%, 25%) rotate(0);
}
.status__color.priority__status--high::before {
  transform: translate(-50%, 25%) rotate(45deg);
}
.status__color.priority__status--middle::before {
  transform: translate(-50%, 25%) rotate(90deg);
}
.status__color.priority__status--low::before {
  transform: translate(-50%, 25%) rotate(135deg);
}

.js-filter-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  margin: 0;
}

.js-filter-content.is-active {
  max-height: -moz-fit-content;
  max-height: fit-content;
  opacity: 1;
  margin-top: 30px;
}

/* 翻訳対象要素を翻訳完了まで非表示 */
[data-i18n]:not([data-i18n-ready]) {
  visibility: hidden;
}

[data-i18n-placeholder]:not([data-i18n-ready]) {
  visibility: hidden;
}

html[lang=en] .constructive-feedback__chart-eisenhower-matrix__bg {
  background: url(../images/common/bg-Matrix-urgency-importance-en.svg) no-repeat top left/100% auto;
}
html[lang=en] .constructive-feedback__chart-eisenhower-matrix__bg--action-plans {
  background: url(../images/common/bg-Matrix-impact-Feasibility-en.svg) no-repeat top left/100% auto;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__section:first-child {
  width: 60%;
  flex-flow: row wrap;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__column {
  gap: 1px;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__importance, html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__urgency, html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__impact, html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__feasibility {
  min-width: 132px;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__importance span:first-of-type, html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__urgency span:first-of-type, html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__impact span:first-of-type, html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__feasibility span:first-of-type {
  display: inline-block;
  width: 72px;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__importance span:nth-of-type(2), html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__urgency span:nth-of-type(2), html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__impact span:nth-of-type(2), html[lang=en] .constructive-feedback__segment-group--ver3__result__data__head__feasibility span:nth-of-type(2) {
  margin-left: 0;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__body__action__fb-btn svg {
  margin-right: 3px;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__fb-btn-voe {
  padding: 5px 0 4px;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__status__heading {
  padding: 34px 0;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__status__select {
  padding: 8px;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__status__select__button {
  width: 100%;
}
html[lang=en] .constructive-feedback__segment-group--ver3__result__status__select .status__color {
  width: 160px;
}
html[lang=en] .constructive-feedback-table__table table tbody td .status-label {
  min-width: 172px;
}

/* モード切り替え */
.constructive-feedback-tab {
  margin-top: 23px;
}
.constructive-feedback-tab__navigation {
  display: inline-flex;
  border: 2px solid #E5E5EA;
  border-radius: 10px;
}
.constructive-feedback-tab__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: #F8F8F8;
  border: none;
  cursor: pointer;
}
.constructive-feedback-tab__btn[data-tab=treemap] {
  border-radius: 8px 0 0 8px;
}
.constructive-feedback-tab__btn[data-tab=feedback] {
  border-radius: 0 8px 8px 0;
}
.constructive-feedback-tab__btn > svg {
  filter: brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(12%) hue-rotate(152deg) brightness(98%) contrast(87%);
}
.constructive-feedback-tab__btn:hover .constructive-feedback-tab__btn__tooltip {
  opacity: 1;
}
.constructive-feedback-tab__btn:hover > svg {
  opacity: 0.7;
}
.constructive-feedback-tab__btn.is-active {
  background-color: #6F6F6F;
}
.constructive-feedback-tab__btn.is-active > svg {
  filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(284%) hue-rotate(271deg) brightness(117%) contrast(95%);
}
.constructive-feedback-tab__btn__tooltip {
  position: absolute;
  left: -15px;
  bottom: -20px;
  min-width: 96px;
  height: 24px;
  display: block;
  padding: 4px;
  background-color: #363636;
  border-radius: 2px;
  font-size: 1.3rem;
  color: #FFFFFF;
  line-height: 1.2;
  opacity: 0;
  z-index: 1;
}
.constructive-feedback-tab__content {
  display: none;
  margin-top: 22px;
}
.constructive-feedback-tab__content.is-active {
  display: block;
}
.constructive-feedback-tab__content > *:first-child {
  margin-top: 0 !important;
}

/* 属性分析モーダル */
.all-modal__box.attribute-modal__box {
  width: 90%;
  max-width: 1200px;
  height: 80vh;
  max-height: 800px;
  margin-top: -400px;
  margin-left: -600px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .all-modal__box.attribute-modal__box {
    left: 5%;
    margin-left: 0;
    transform: translateY(-50%);
    margin-top: 0;
    top: 50%;
  }
}

.attribute-modal__body {
  padding: 20px;
  height: calc(100% - 60px);
  overflow-y: auto;
}

.attribute-modal__count {
  display: inline-block;
  margin-left: 16px;
  padding: 2px 10px;
  background: #6F6F6F;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.attribute-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .attribute-chart-grid {
    grid-template-columns: 1fr;
  }
}

.attribute-chart-item {
  min-height: 480px;
  background: #fff;
  border: 1px solid #E5E5EA;
  border-radius: 10px;
  padding: 10px;
}

.attribute-chart-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 280px;
  gap: 10px;
}
.attribute-chart-no-data strong {
  font-size: 14px;
  color: #333;
}
.attribute-chart-no-data .text-muted {
  font-size: 12px;
  color: #8E8E93;
}

.btn-attribute-analysis {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.btn-attribute-analysis:focus {
  outline: none;
}

/* constructive-feedback-kadai */
.constructive-feedback-kadai-category-button-wrap {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin: -18px -18px 24px;
  padding-bottom: 3px;
  border-bottom: 1px solid #C9BEB9;
}

.constructive-feedback-kadai-category-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px 15px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #353535;
}
.constructive-feedback-kadai-category-button.is-active::after {
  opacity: 1;
}
.constructive-feedback-kadai-category-button::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #FFC718;
  border-radius: 10px;
  opacity: 0;
  content: "";
}

.constructive-feedback-kadai-heading {
  margin: 0 0 8px;
}
.constructive-feedback-kadai-heading__title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.constructive-feedback-kadai-text {
  font-size: 14px;
}

.constructive-feedback-kadai-control {
  margin: 24px 0 0;
  display: flex;
  flex-flow: row nowrap;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.constructive-feedback-kadai-control__sort {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  -moz-column-gap: 17px;
       column-gap: 17px;
  flex-shrink: 0;
}
.constructive-feedback-kadai-control__sort > svg {
  flex-shrink: 0;
}
.constructive-feedback-kadai-control__sort__pulldown {
  position: relative;
  width: 100%;
  height: 34px;
  display: block;
  background: #FFF;
  border-radius: 5px;
  overflow: hidden;
}
.constructive-feedback-kadai-control__sort__pulldown:after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-top: 2px solid #5F6368;
  border-right: 2px solid #5F6368;
  transform: rotate(135deg);
  content: "";
  z-index: 0;
}
.constructive-feedback-kadai-control__sort__pulldown__select {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5px 44px 4px 14px;
  background: none;
  border: 2px solid #DDD;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
}
.constructive-feedback-kadai-control__filter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
.constructive-feedback-kadai-control__filter__button-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 9px;
}
.constructive-feedback-kadai-control__filter__button {
  min-width: 93px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #C9BEB9;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
  color: #705946;
}
.constructive-feedback-kadai-control__filter__button:hover {
  text-decoration: underline;
}
.constructive-feedback-kadai-control__filter__button.is-active {
  background-color: #FFF2CD;
}

.constructive-feedback-kadai-card-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 24px 0 0;
}

.constructive-feedback-kadai-card.is-active .constructive-feedback-kadai-card__problem::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #EE1919;
  border-radius: 20px;
  content: "";
}
.constructive-feedback-kadai-card__problem {
  position: relative;
  padding-left: 4px;
}
.constructive-feedback-kadai-card__problem__head {
  display: flex;
  -moz-column-gap: 49px;
       column-gap: 49px;
  background-color: #F8F8F8;
  border-width: 2px 2px 1px 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
.constructive-feedback-kadai-card__problem__body {
  background-color: #FFFFFF;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
.constructive-feedback-kadai-card__problem__status {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding: 5px 0 5px 22px;
}
.constructive-feedback-kadai-card__problem__status__title {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #705946;
}
.constructive-feedback-kadai-card__problem__status__pulldown {
  position: relative;
  width: 93px;
  height: 27px;
  display: block;
  flex-shrink: 0;
  background: #FFF2CD;
  border-radius: 54px;
  overflow: hidden;
}
.constructive-feedback-kadai-card__problem__status__pulldown:after {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-top: 1px solid #705946;
  border-right: 1px solid #705946;
  transform: rotate(135deg);
  content: "";
  z-index: 0;
}
.constructive-feedback-kadai-card__problem__status__pulldown__select {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3px 26px 2px 16px;
  background: none;
  border: 1px solid #D68121;
  border-radius: 54px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #D68121;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
}
.constructive-feedback-kadai-card__problem__heading {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding: 5px 21px 5px 0;
}
.constructive-feedback-kadai-card__problem__heading::before {
  position: absolute;
  top: 0;
  left: -24.5px;
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
  content: "";
}
.constructive-feedback-kadai-card__problem__heading__inner {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.constructive-feedback-kadai-card__problem__heading__inner > svg {
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__problem__heading__title {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}
.constructive-feedback-kadai-card__problem__heading__button {
  width: 150px;
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__problem__front {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding: 16px 20px;
}
.constructive-feedback-kadai-card__problem__favorite {
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__problem__favorite__button {
  display: flex;
}
.constructive-feedback-kadai-card__problem__favorite__button > button {
  min-width: 85px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  background-color: #FFF2CD;
  border: 2px solid #FFDF7E;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #705946;
}
.constructive-feedback-kadai-card__problem__favorite__button__number {
  display: inline-block;
}
.constructive-feedback-kadai-card__problem__favorite__description-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px 0 0;
}
.constructive-feedback-kadai-card__problem__favorite__description {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  font-size: 10px;
}
.constructive-feedback-kadai-card__problem__favorite__description > dt {
  min-width: 4em;
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__problem__favorite__description > dd {
  position: relative;
  width: 100%;
  padding-left: 1em;
}
.constructive-feedback-kadai-card__problem__favorite__description > dd::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  content: "：";
}
.constructive-feedback-kadai-card__problem__favorite__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10000;
}
.constructive-feedback-kadai-card__problem__favorite__modal__inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px;
}
.constructive-feedback-kadai-card__problem__favorite__modal__content {
  position: relative;
  width: 493px;
  background-color: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
.constructive-feedback-kadai-card__problem__favorite__modal__head {
  height: 70px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding: 13px 61px 13px 24px;
  background-color: #F2F2F2;
}
.constructive-feedback-kadai-card__problem__favorite__modal__body {
  max-height: calc(100vh - 340px);
  padding: 29px 21px;
  overflow-y: auto;
}
.constructive-feedback-kadai-card__problem__favorite__modal__icon {
  width: 43px;
  height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.constructive-feedback-kadai-card__problem__favorite__modal__title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.constructive-feedback-kadai-card__problem__favorite__modal__close {
  position: absolute;
  top: 23px;
  right: 24px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.constructive-feedback-kadai-card__problem__favorite__modal__description-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.constructive-feedback-kadai-card__problem__favorite__modal__description {
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDDDD;
}
.constructive-feedback-kadai-card__problem__favorite__modal__description__title {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}
.constructive-feedback-kadai-card__problem__favorite__modal__description__detail {
  margin: 8px 0 0;
}
.constructive-feedback-kadai-card__problem__favorite__modal__description__text {
  font-size: 14px;
}
.constructive-feedback-kadai-card__problem__favorite__modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.constructive-feedback-kadai-card__problem__content {
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.constructive-feedback-kadai-card__problem__inner {
  width: 100%;
}
.constructive-feedback-kadai-card__problem__breadcrumb {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.constructive-feedback-kadai-card__problem__breadcrumb__list {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.constructive-feedback-kadai-card__problem__breadcrumb__list > li {
  position: relative;
  font-size: 12px;
  font-weight: 400;
}
.constructive-feedback-kadai-card__problem__breadcrumb__list > li::after {
  display: inline-block;
  content: "＞";
}
.constructive-feedback-kadai-card__problem__breadcrumb__title {
  font-size: 14px;
  font-weight: 600;
  color: #353535;
}
.constructive-feedback-kadai-card__problem__trigger {
  display: flex;
  margin: 16px 0 0;
}
.constructive-feedback-kadai-card__problem__trigger > button {
  position: relative;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-right: 16px;
}
.constructive-feedback-kadai-card__problem__trigger > button:hover .constructive-feedback-kadai-card__problem__trigger__label {
  text-decoration: none;
}
.constructive-feedback-kadai-card__problem__trigger > button::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
  content: "";
}
.constructive-feedback-kadai-card__problem__trigger__badge {
  min-width: 58px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  padding: 2px 7px;
  background-color: #FFDCD8;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #EE1919;
}
.constructive-feedback-kadai-card__problem__trigger__label {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  color: #173583;
}
.constructive-feedback-kadai-card__problem__detail {
  display: none;
  margin: 16px 0 0;
}
.constructive-feedback-kadai-card__problem__detail.is-open {
  display: block;
}
.constructive-feedback-kadai-card__problem__text {
  font-size: 13px;
  font-weight: 400;
}
.constructive-feedback-kadai-card__problem__condition {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  flex-shrink: 0;
  padding: 8px;
  background-color: #F6F6F9;
  border-radius: 4px;
}
.constructive-feedback-kadai-card__problem__trend {
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__problem__trend__status {
  min-width: 90px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 15px 3px;
  background-color: #FCDBCF;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #705946;
}
.constructive-feedback-kadai-card__problem__trend__status--green {
  background-color: #C6F5DC;
  color: #0A8F4A;
}
.constructive-feedback-kadai-card__problem__trend__status--blue {
  background-color: #D4EDFC;
  color: #1976B8;
}
.constructive-feedback-kadai-card__problem__trend__status--yellow {
  background-color: #FFF3D4;
  color: #B8860B;
}
.constructive-feedback-kadai-card__problem__trend__status--red {
  background-color: #FCDBCF;
  color: #C0392B;
}
.constructive-feedback-kadai-card__problem__trend__status--gray {
  background-color: #E8E8ED;
  color: #5C5C5C;
}
.constructive-feedback-kadai-card__problem__evaluation {
  width: 100%;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 3px 8px;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.constructive-feedback-kadai-card__problem__priority {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.constructive-feedback-kadai-card__problem__priority__label {
  display: inline-block;
  font-size: 12px;
  color: #705946;
}
.constructive-feedback-kadai-card__problem__priority > [class*=__status--] {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.constructive-feedback-kadai-card__problem__priority > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback-kadai-card__problem__priority__status--low::before {
  font-size: 1em;
  content: "-";
}
.constructive-feedback-kadai-card__problem__priority__status--middle::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__problem__priority__status--high::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__problem__priority__status--critical::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-03.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__problem__assessment {
  min-width: 69px;
  height: 21px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 2px 6px;
  background-color: #EFEFF2;
  border: 1px solid #EEEBE5;
  border-radius: 4px;
}
.constructive-feedback-kadai-card__problem__assessment__label {
  display: inline-block;
  font-size: 10px;
  color: #705946;
}
.constructive-feedback-kadai-card__problem__assessment > [class*=__status--] {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.constructive-feedback-kadai-card__problem__assessment > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback-kadai-card__problem__assessment__status--3::before, .constructive-feedback-kadai-card__problem__assessment__status--4::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-03.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__problem__assessment__status--2::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__problem__assessment__status--1::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__problem__panel {
  display: none;
  padding: 16px 20px;
}
.constructive-feedback-kadai-card__problem__panel.is-open {
  display: block;
}
.constructive-feedback-kadai-card__solution {
  display: none;
  padding: 23px 22px;
  background-color: #F6F6F9;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #C7C8CD;
}
.constructive-feedback-kadai-card__solution__heading {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  -moz-column-gap: 9px;
       column-gap: 9px;
  font-size: 14px;
  font-weight: 700;
  color: #353535;
}
.constructive-feedback-kadai-card__solution__detail {
  margin: 10px 0 0;
}
.constructive-feedback-kadai-card__solution__card-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.constructive-feedback-kadai-card__solution__card {
  position: relative;
  padding-left: 4px;
}
.constructive-feedback-kadai-card__solution__card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #11D76D;
  border-radius: 20px;
  content: "";
}
.constructive-feedback-kadai-card__solution__card__head {
  display: flex;
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  padding: 5px 13px;
  background-color: #fff;
  border-width: 2px 2px 1px 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
.constructive-feedback-kadai-card__solution__card__body {
  display: flex;
  flex-flow: row nowrap;
  -moz-column-gap: 40px;
       column-gap: 40px;
  padding: 23px;
  background-color: #FFFFFF;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
.constructive-feedback-kadai-card__solution__card__content {
  width: 100%;
}
.constructive-feedback-kadai-card__solution__card__foot {
  width: 177px;
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__solution__card__heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.constructive-feedback-kadai-card__solution__card__heading__badge {
  min-width: 58px;
  height: 21px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 2px 8px;
  background-color: #CAE1FF;
  border-radius: 3px;
  flex-shrink: 0;
  font-size: 12px;
  color: #353535;
}
.constructive-feedback-kadai-card__solution__card__heading__badge > svg {
  flex-shrink: 0;
}
.constructive-feedback-kadai-card__solution__card__heading__title {
  font-size: 14px;
  font-weight: 600;
  color: #353535;
}
.constructive-feedback-kadai-card__solution__card__detail {
  margin: 9px 0 0;
}
.constructive-feedback-kadai-card__solution__card__text {
  font-size: 13px;
}
.constructive-feedback-kadai-card__solution__new {
  min-width: 61px;
  height: 21px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #C6F5DC;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #11D76D;
  overflow: hidden;
}
.constructive-feedback-kadai-card__solution__evaluation {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 3px 8px;
  background-color: #F2F2F2;
  border-radius: 4px;
}
.constructive-feedback-kadai-card__solution__priority {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.constructive-feedback-kadai-card__solution__priority__label {
  display: inline-block;
  font-size: 12px;
  color: #705946;
}
.constructive-feedback-kadai-card__solution__priority > [class*=__status--] {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.constructive-feedback-kadai-card__solution__priority > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback-kadai-card__solution__priority__status--low::before {
  font-size: 1em;
  content: "-";
}
.constructive-feedback-kadai-card__solution__priority__status--middle::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__solution__priority__status--high::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__solution__priority__status--critical::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-priority-03.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__solution__assessment {
  min-width: 69px;
  height: 21px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 2px 6px;
  background-color: #FFFFFF;
  border: 1px solid #EFEFF2;
  border-radius: 4px;
}
.constructive-feedback-kadai-card__solution__assessment__label {
  display: inline-block;
  font-size: 10px;
  color: #705946;
}
.constructive-feedback-kadai-card__solution__assessment > [class*=__status--] {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.constructive-feedback-kadai-card__solution__assessment > [class*=__status--]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.constructive-feedback-kadai-card__solution__assessment__status--3::before, .constructive-feedback-kadai-card__solution__assessment__status--4::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-attributes-02.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__solution__assessment__status--2::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-attributes-01.svg") no-repeat center center/100% auto;
  content: "";
}
.constructive-feedback-kadai-card__solution__assessment__status--1::before {
  width: 100%;
  height: 100%;
  background: url("../images/constructive-feedback/icon-attributes-01.svg") no-repeat center center/100% auto;
  content: "";
}

.constructive-feedback-kadai-button-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}

.constructive-feedback-kadai-button {
  display: flex;
}
.constructive-feedback-kadai-button__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 6px 17px;
  border: 1px solid #C7C8CD;
  border-radius: 30px;
  width: 100%;
  background: #EFEFF2;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.constructive-feedback-kadai-button__link svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.constructive-feedback-kadai-button__link:hover {
  opacity: 1;
  text-decoration: underline;
}

.constructive-feedback-kadai-solution-button {
  display: flex;
}
.constructive-feedback-kadai-solution-button > button {
  min-width: 150px;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 6px 17px;
  border: 1px solid #11D76D;
  border-radius: 30px;
  width: 100%;
  background: #C6F5DC;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.constructive-feedback-kadai-solution-button > button svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.constructive-feedback-kadai-solution-button > button:hover {
  opacity: 1;
  text-decoration: underline;
}

.constructive-feedback-kadai-solution-record {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10000;
}
.constructive-feedback-kadai-solution-record.is-open {
  display: block;
}
.constructive-feedback-kadai-solution-record__inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px;
}
.constructive-feedback-kadai-solution-record__content {
  position: relative;
  width: 100%;
  max-width: 1369px;
  background-color: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
.constructive-feedback-kadai-solution-record__head {
  height: 70px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding: 13px 61px 13px 24px;
  background-color: #F2F2F2;
}
.constructive-feedback-kadai-solution-record__body {
  max-height: calc(100vh - 340px);
  padding: 29px 21px;
  overflow-y: auto;
}
.constructive-feedback-kadai-solution-record__body__inner {
  display: flex;
  flex-flow: row nowrap;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.constructive-feedback-kadai-solution-record__icon {
  width: 43px;
  height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.constructive-feedback-kadai-solution-record__title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.constructive-feedback-kadai-solution-record__close {
  position: absolute;
  top: 23px;
  right: 24px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.constructive-feedback-kadai-solution-record__result {
  width: 648px;
  flex-shrink: 0;
}
.constructive-feedback-kadai-solution-record__entry {
  width: 100%;
  padding: 22px 19px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
}
.constructive-feedback-kadai-solution-record__entry > *:first-child {
  margin-top: 0 !important;
}
.constructive-feedback-kadai-solution-record__field-wrap {
  width: 100%;
  display: flex;
  -moz-column-gap: 9px;
       column-gap: 9px;
  margin: 16px 0 0;
}
.constructive-feedback-kadai-solution-record__field {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.constructive-feedback-kadai-solution-record__field__title {
  font-size: 13px;
  font-weight: 500;
}
.constructive-feedback-kadai-solution-record__field__input {
  display: flex;
}
.constructive-feedback-kadai-solution-record__field__input > input {
  width: 100%;
  min-height: 42px;
  padding: 9px 15px;
  background-color: #FFFFFF;
  border: 1px solid #C9BEB9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
}
.constructive-feedback-kadai-solution-record__field__pulldown {
  position: relative;
  width: 100%;
  height: 42px;
  display: block;
  background: #FFF;
  border-radius: 4px;
  overflow: hidden;
}
.constructive-feedback-kadai-solution-record__field__pulldown:after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-top: 2px solid #9C9C9C;
  border-right: 2px solid #9C9C9C;
  transform: rotate(135deg);
  content: "";
  z-index: 0;
}
.constructive-feedback-kadai-solution-record__field__pulldown__select {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 9px 38px 9px 15px;
  background: none;
  border: 1px solid #C9BEB9;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
}
.constructive-feedback-kadai-solution-record__field__textarea {
  display: flex;
}
.constructive-feedback-kadai-solution-record__field__textarea > textarea {
  width: 100%;
  min-height: 482px;
  padding: 9px 15px;
  background-color: #FFFFFF;
  border: 1px solid #C9BEB9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
}
.constructive-feedback-kadai-solution-record__button {
  display: flex;
  justify-content: flex-end;
  margin: 16px 0 0;
}
.constructive-feedback-kadai-solution-record__button > button {
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #FFC718;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
}
.constructive-feedback-kadai-solution-record__button > button:hover {
  text-decoration: underline;
}
.constructive-feedback-kadai-solution-record__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.constructive-feedback-result-favorite-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10000;
}
.constructive-feedback-result-favorite-modal__inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px;
}
.constructive-feedback-result-favorite-modal__content {
  position: relative;
  width: 493px;
  background-color: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
.constructive-feedback-result-favorite-modal__head {
  height: 70px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding: 13px 61px 13px 24px;
  background-color: #F2F2F2;
}
.constructive-feedback-result-favorite-modal__body {
  padding: 29px 21px;
}
.constructive-feedback-result-favorite-modal__icon {
  width: 43px;
  height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.constructive-feedback-result-favorite-modal__title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.constructive-feedback-result-favorite-modal__close {
  position: absolute;
  top: 23px;
  right: 24px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.constructive-feedback-result-favorite-modal__text {
  font-size: 14px;
}
.constructive-feedback-result-favorite-modal__textarea {
  display: flex;
  margin: 21px 0 0;
}
.constructive-feedback-result-favorite-modal__textarea > textarea {
  width: 100%;
  height: 161px;
  padding: 9px 15px;
  background-color: #FFFFFF;
  border: 2px solid #C9BEB9;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  overflow-y: auto;
}
.constructive-feedback-result-favorite-modal__button-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin: 21px 0 0;
}
.constructive-feedback-result-favorite-modal__button--clear {
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #0F172A;
}
.constructive-feedback-result-favorite-modal__button--clear:hover {
  text-decoration: underline;
}
.constructive-feedback-result-favorite-modal__button--save {
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #FFC718;
  border: 1px solid #FFC718;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
}
.constructive-feedback-result-favorite-modal__button--save:hover {
  text-decoration: underline;
}
.constructive-feedback-result-favorite-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.star-users-popup {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  min-width: 180px;
  max-width: 220px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  transform: translateX(-50%) translateY(-4px);
}
.star-users-popup::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
.star-users-popup::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  z-index: -1;
}
.star-users-popup__header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  background: #fffbeb;
  border-radius: 8px 8px 0 0;
}
.star-users-popup__header span {
  font-size: 12px;
  font-weight: 600;
  color: #705946;
}
.star-users-popup__list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  max-height: 200px;
  overflow-y: auto;
}
.star-users-popup__list li {
  padding: 6px 12px;
  font-size: 12px;
  color: #333;
  line-height: 1.4;
  transition: background-color 0.15s ease;
}
.star-users-popup__list li:hover {
  background-color: #f8f8f8;
}

.js-star-popup-trigger {
  position: relative;
}
.js-star-popup-trigger:hover .star-users-popup, .js-star-popup-trigger.is-active .star-users-popup {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.constructive-feedback__color-info-trigger {
  position: absolute;
  top: -32px;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #666;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 10;
}
.constructive-feedback__color-info-trigger:hover {
  color: #333;
}
.constructive-feedback__color-info-trigger svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.constructive-feedback__color-legend-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s;
  z-index: 1000;
}
.constructive-feedback__color-legend-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
.constructive-feedback__color-legend-popup {
  position: relative;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding: 32px 40px 40px;
  min-width: 320px;
  transform: translateY(20px) scale(0.95);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.is-active .constructive-feedback__color-legend-popup {
  transform: translateY(0) scale(1);
}
.constructive-feedback__color-legend-popup::before {
  content: "色の凡例";
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 20px;
}
.constructive-feedback__color-legend-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: #f0f0f0;
  color: #999;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s;
}
.constructive-feedback__color-legend-close:hover {
  background: #e5e5e5;
  color: #333;
}
.constructive-feedback__color-legend-close svg {
  width: 18px;
  height: 18px;
}
.constructive-feedback__color-legend-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 12px;
  overflow: hidden;
}
.constructive-feedback__color-legend-item {
  position: relative;
  display: flex;
  align-items: center;
  transition: transform 0.15s;
}
.constructive-feedback__color-legend-item:hover {
  transform: scale(1.02);
  z-index: 1;
}
.constructive-feedback__color-legend-item:first-child .constructive-feedback__color-legend-swatch {
  border-radius: 8px 8px 0 0;
}
.constructive-feedback__color-legend-item:last-child .constructive-feedback__color-legend-swatch {
  border-radius: 0 0 8px 8px;
}
.constructive-feedback__color-legend-swatch {
  display: block;
  width: 100%;
  height: 44px;
  flex-shrink: 0;
  transition: filter 0.15s;
}
.constructive-feedback__color-legend-item:hover .constructive-feedback__color-legend-swatch {
  filter: brightness(1.1);
}
.constructive-feedback__color-legend-label {
  position: absolute;
  left: 20px;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.constructive-feedback-score {
  display: flex;
  align-items: center;
  padding: 16px 25px 16px 16px;
  background-color: #F6F6F9;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  overflow: hidden;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.constructive-feedback-score__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 15px 15px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  min-width: 160px;
  flex-shrink: 0;
  row-gap: 10px;
}
.constructive-feedback-score__label {
  font-size: 14px;
  color: #353535;
  line-height: 1.1;
}
.constructive-feedback-score__value {
  display: flex;
  align-items: baseline;
  color: #353535;
}
.constructive-feedback-score__number {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.1;
}
.constructive-feedback-score__max {
  font-size: 12px;
  font-weight: bold;
  color: #353535;
  line-height: 1.1;
}
.constructive-feedback-score__chart-area {
  width: 100%;
  position: relative;
}
.constructive-feedback-score__legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row nowrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.constructive-feedback-score__legend-item {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-size: 10px;
  color: #353535;
}
.constructive-feedback-score__legend-color {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.constructive-feedback-score__container {
  width: 100%;
  height: 84px;
  overflow: visible !important;
}
.constructive-feedback-score__container .highcharts-exporting-group {
  display: none !important;
}
.constructive-feedback-score__container .highcharts-plot-background,
.constructive-feedback-score__container .highcharts-plot-border {
  height: 50px !important;
  rx: 4;
  ry: 4;
}
.constructive-feedback-score__container .highcharts-series-group {
  clip-path: inset(1px 0 1px 0 round 4px);
}
.constructive-feedback-score__container .highcharts-container {
  overflow: visible !important;
}
.constructive-feedback-score__container .highcharts-tooltip {
  z-index: 9999 !important;
}
.constructive-feedback-score__container .highcharts-tooltip > span {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.constructive-feedback-score__container .highcharts-tooltip-box {
  fill: transparent;
  stroke: transparent;
}
.constructive-feedback-score__graph-label {
  text-align: center;
  line-height: 1.1;
  text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;
}
.constructive-feedback-score__graph-label__percent {
  font-size: 14px;
  font-weight: 400;
}
.constructive-feedback-score__graph-label__people {
  font-size: 10px;
  font-weight: 400;
}
.constructive-feedback-score__tooltip {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 0;
}
.constructive-feedback-score__tooltip__content {
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
}
.constructive-feedback-score__tooltip__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}
.constructive-feedback-score__tooltip.is-right .constructive-feedback-score__tooltip__arrow {
  left: -8px;
  border-width: 8px 8px 8px 0;
  border-color: transparent #ccc transparent transparent;
}
.constructive-feedback-score__tooltip.is-right .constructive-feedback-score__tooltip__arrow::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 2px;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #fff transparent transparent;
}
.constructive-feedback-score__tooltip.is-left .constructive-feedback-score__tooltip__arrow {
  right: -8px;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #ccc;
}
.constructive-feedback-score__tooltip.is-left .constructive-feedback-score__tooltip__arrow::after {
  content: "";
  position: absolute;
  top: -7px;
  right: 2px;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #fff;
}

.constructive-feedback-voe-list__head {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.constructive-feedback-voe-list__close {
  margin-left: auto;
  cursor: pointer;
}
.constructive-feedback-voe-list__heading {
  font-size: 21px;
  line-height: 44px;
}
.constructive-feedback-voe-list__heading span {
  margin-right: 5px;
  font-weight: 500;
  padding: 6px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.constructive-feedback-voe-list__wrap {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
}
.constructive-feedback-voe-list__heading2 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}
.constructive-feedback-voe-list__box {
  border-radius: 10px;
  padding: 15px;
  background-color: #F2F2F2;
}
.constructive-feedback-voe-list__box + .constructive-feedback-voe-list__box {
  margin-top: 15px;
}
.constructive-feedback-voe-list__link-group {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
}
.constructive-feedback-voe-list__link-group a {
  color: #269FDB;
  cursor: pointer;
}
.constructive-feedback-voe-list__comment-first {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  display: none;
}
.constructive-feedback-voe-list__comment-first.is-open {
  display: block;
}
.constructive-feedback-voe-list__btn-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.constructive-feedback-voe-list__btn-more {
  cursor: pointer;
  width: 150px;
  text-align: center;
  padding: 6px 15px;
  border-radius: 30px;
  font-size: 12px;
  background-color: #e3e3e3;
  border: 1px solid #FAD870;
  background: #FFF5D6;
}

.all-modal__bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.7);
}
.all-modal__bg.is-open {
  display: block;
}
.all-modal__bg.interview-done {
  z-index: 100000;
}
.all-modal__done-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
.all-modal__box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -250px;
  width: 500px;
  height: 500px;
  background-color: #fff;
  border-radius: 10px;
}
.all-modal__box.interview {
  height: 550px;
  margin-top: -275px;
}
.all-modal__box.interview-done {
  height: 240px;
  margin-top: -120px;
}
.all-modal__head {
  padding: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  height: 60px;
}
.all-modal__heading {
  font-size: 18px;
  font-weight: 500;
}
.all-modal__close {
  margin-left: auto;
  cursor: pointer;
}
.all-modal__ta-desc {
  font-size: 14px;
  margin-bottom: 10px;
}
.all-modal__ta {
  width: 100%;
  height: 300px;
  border-radius: 5px;
  border: #ddd 1px solid;
  background-color: #F3F3F3;
  padding: 10px;
  line-height: 1.4;
}
.all-modal__ta:focus {
  background-color: #fff;
}
.all-modal__exchange {
  padding: 15px;
  height: 440px;
  overflow: scroll;
}
.all-modal__exchange--engagement-survey .constructive-feedback__segment-group--ver3__result__data__action-plans {
  width: 1043px;
}
.all-modal__exchange--engagement-survey .constructive-feedback__segment-group--ver3__result__data__action-plans__item__wrap__heading {
  width: 246px;
}
.all-modal__comment {
  width: 80%;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 10px;
  font-size: 14px;
}
.all-modal__comment span {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
  color: #737373;
}
.all-modal__comment.interview {
  background: #F3F3F3;
}
.all-modal__comment.staff {
  margin-left: auto;
  background: #FFF1C6;
}
.all-modal__line {
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  background: #F4F4F4;
  border-radius: 10px;
}
.all-modal__checkbox {
  display: none;
}
.all-modal__checkbox-label + label {
  margin-left: 10px;
}
.all-modal__checkbox-label {
  display: flex;
  position: relative;
  line-height: 1.8;
  font-weight: 500;
}
.all-modal__checkbox-label::before {
  content: "";
  margin-right: 4px;
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.all-modal__checkbox-label::before:hover {
  border-color: #FCCA37;
}
.all-modal__checkbox:checked + .all-modal__checkbox-label::before {
  background-color: #FCCA37;
  border-color: #FCCA37;
}
.all-modal__checkbox:checked + .all-modal__checkbox-label::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 6px;
  width: 6px;
  height: 13px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(225deg);
}
.all-modal__foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.all-modal__foot-btn {
  padding: 5px 28px;
  min-width: 200px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  text-align: center;
  cursor: pointer;
}

.constructive-feedback-trend {
  padding: 18px;
  border-radius: 10px;
  border-top-left-radius: 0;
  background: #fff;
  box-shadow: 0 4px 10px 0 #e4e4e4;
}
.constructive-feedback-trend__heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 20px;
}
.constructive-feedback-trend__table {
  width: 100%;
  margin-bottom: 40px;
}
.constructive-feedback-trend__table th {
  padding: 8px;
  text-align: center;
  border: 1px solid #E5E5EA;
  background: #F2F2F2;
  font-size: 12px;
  font-weight: 500;
}
.constructive-feedback-trend__table th:nth-of-type(5) {
  width: 334px;
}
.constructive-feedback-trend__table th:nth-of-type(6) {
  width: 570px;
}
.constructive-feedback-trend__table td {
  padding: 8px;
  border: 1px solid #E5E5EA;
  font-size: 12px;
  text-align: center;
}
.constructive-feedback-trend__aggregate-month {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  padding: 3px 10px;
  border-radius: 3px;
}
.constructive-feedback-trend__aggregate-month--n {
  background-color: #A4A4A4;
}
.constructive-feedback-trend__aggregate-month--n-1 {
  background-color: #D9D9D9;
}
.constructive-feedback-trend__aggregate-month--n-2 {
  background-color: #F2F2F2;
}
.constructive-feedback-trend__list {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.constructive-feedback-trend__label {
  width: 120px;
  padding-left: 18px;
  position: relative;
}
.constructive-feedback-trend__label__up::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 13px;
  background: url("/images/common/icon-trend-up.svg") no-repeat center center;
}
.constructive-feedback-trend__label__down::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 13px;
  background: url("/images/common/icon-trend-down.svg") no-repeat center center;
}
.constructive-feedback-trend__label__text {
  display: inline-block;
  width: 102px;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  padding: 2px;
  background-color: #F2F2F2;
  border-radius: 3px;
}
.constructive-feedback-trend #total-action-plans {
  height: 200px;
}
.constructive-feedback-trend__pie-chart {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}
.constructive-feedback-trend__pie-chart__item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 50px 10px 30px;
  gap: 56px;
  border: 1px solid #E5E5EA;
  border-radius: 15px;
}
.constructive-feedback-trend__pie-chart__label {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  padding: 3px 10px;
  border-radius: 3px;
}
.constructive-feedback-trend__pie-chart__label--n {
  background-color: #A4A4A4;
}
.constructive-feedback-trend__pie-chart__label--n-1 {
  background-color: #D9D9D9;
}
.constructive-feedback-trend__pie-chart__label--n-2 {
  background-color: #F2F2F2;
}
.constructive-feedback-trend #trend-chart-n-2,
.constructive-feedback-trend #trend-chart-n-1,
.constructive-feedback-trend #trend-chart-n {
  min-width: 380px;
  width: 100%;
  min-height: 270px;
}
.constructive-feedback-trend__bar-chart {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 50px 20px;
  padding: 0 20px;
}
.constructive-feedback-trend__bar-chart__item {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  width: 588px;
}
.constructive-feedback-trend__bar-chart__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 4px 12px;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 26px;
}
.constructive-feedback-trend__bar-chart__chart {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 10px;
}
.constructive-feedback-trend__bar-chart__wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 30px;
  padding-left: 44px;
}
.constructive-feedback-trend__bar-chart__wrap__label {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #595959;
}
.constructive-feedback-trend__bar-chart__pick {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 10px;
  min-width: 188px;
  text-align: center;
}
.constructive-feedback-trend__bar-chart__pick--up {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 10px;
}
.constructive-feedback-trend__bar-chart__pick--up__icon {
  margin-top: 2px;
  width: 9px;
  height: 13px;
  background: url("/images/common/icon-trend-up.svg") no-repeat top left;
}
.constructive-feedback-trend__bar-chart__pick--up__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  padding: 0 10px 4px;
  position: relative;
  min-width: 160px;
}
.constructive-feedback-trend__bar-chart__pick--up__text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddd;
  width: 100%;
  height: 3px;
  border-radius: 10px;
}
.constructive-feedback-trend__bar-chart__pick--down {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.constructive-feedback-trend__bar-chart__pick--down__icon {
  margin-top: -2px;
  width: 9px;
  height: 13px;
  background: url("/images/common/icon-trend-down.svg") no-repeat top left;
}
.constructive-feedback-trend__bar-chart__pick--down__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  padding: 0 10px 4px;
  position: relative;
  min-width: 160px;
}
.constructive-feedback-trend__bar-chart__pick--down__text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddd;
  width: 100%;
  height: 3px;
  border-radius: 10px;
}
.constructive-feedback-trend .color--d1 {
  background-color: #00B0FD;
}
.constructive-feedback-trend .color--d1-1::after {
  background-color: #00B1FC;
}
.constructive-feedback-trend .color--d1-2::after {
  background-color: #0098E3;
}
.constructive-feedback-trend .color--d1-3::after {
  background-color: #007EC9;
}
.constructive-feedback-trend .color--d1-4::after {
  background-color: #0065B0;
}
.constructive-feedback-trend .color--d1-5::after {
  background-color: #054E97;
}
.constructive-feedback-trend .color--d2 {
  background-color: #5952C4;
}
.constructive-feedback-trend .color--d2-1::after {
  background-color: #5E55C3;
}
.constructive-feedback-trend .color--d2-2::after {
  background-color: #4238A4;
}
.constructive-feedback-trend .color--d2-3::after {
  background-color: #251A84;
}
.constructive-feedback-trend .color--d2-4::after {
  background-color: #120A66;
}
.constructive-feedback-trend .color--d3 {
  background-color: #00E172;
}
.constructive-feedback-trend .color--d3-1::after {
  background-color: #00E16F;
}
.constructive-feedback-trend .color--d3-2::after {
  background-color: #00B64A;
}
.constructive-feedback-trend .color--d3-3::after {
  background-color: #008B1F;
}
.constructive-feedback-trend .color--d4 {
  background-color: #FF6C3C;
}
.constructive-feedback-trend .color--d4-1::after {
  background-color: #FF6C3B;
}
.constructive-feedback-trend .color--d4-2::after {
  background-color: #CF3119;
}
.constructive-feedback-trend .color--d5 {
  background-color: #688CBC;
}
.constructive-feedback-trend .color--d5-1::after {
  background-color: #688CB9;
}
.constructive-feedback-trend .color--d5-2::after {
  background-color: #2A4D7D;
}
.constructive-feedback-trend .color--d6 {
  background-color: #DF6DFB;
}
.constructive-feedback-trend .color--d6-1::after {
  background-color: #DF6DF8;
}
.constructive-feedback-trend .color--d6-2::after {
  background-color: #A636BC;
}
.constructive-feedback-trend .color--d7 {
  background-color: #00DFCA;
}
.constructive-feedback-trend .color--d7-1::after {
  background-color: #00DFCA;
}
.constructive-feedback-trend .color--d7-2::after {
  background-color: #009F8B;
}
.constructive-feedback-trend .color--d8 {
  background-color: #FF4E47;
}
.constructive-feedback-trend .color--d8-1::after {
  background-color: #FF4E47;
}
.constructive-feedback-trend .color--d8-2::after {
  background-color: #CB1B1A;
}
.constructive-feedback-trend .color--d9 {
  background-color: #FFB56D;
}
.constructive-feedback-trend .color--d9-1::after {
  background-color: #FFB56D;
}
.constructive-feedback-trend .color--d9-2::after {
  background-color: #C97635;
}
.constructive-feedback-trend .color--d10 {
  background-color: #85E8E1;
}
.constructive-feedback-trend .color--d10-1::after {
  background-color: #85E8E1;
}
.constructive-feedback-trend .color--d10-2::after {
  background-color: #29A9A2;
}
.constructive-feedback-trend .color--d11 {
  background-color: #007899;
}
.constructive-feedback-trend .color--d11-1::after {
  background-color: #007899;
}

/* CSS outline -----------------------------------------------

  1.Filter
  2.List

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

1.Team Synergy Filter */
.team-synergy-filter {
  margin-bottom: 24px;
  padding: 16px;
  padding-bottom: 24px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
}
.team-synergy-filter__list {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.team-synergy-filter__item {
  margin: 4px 8px;
}
.team-synergy-filter__item:last-child {
  margin-left: auto;
  max-width: 200px;
  width: 100%;
}
.team-synergy-filter__item label {
  font-size: 12px;
  font-weight: 500;
}
.team-synergy-filter__select {
  position: relative;
}
.team-synergy-filter__select select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 130px 10px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
}
.team-synergy-filter__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.team-synergy-filter__button {
  margin-left: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
.team-synergy-filter__button a {
  display: block;
  position: relative;
  text-align: center;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 20px;
}
.team-synergy-filter__button:hover {
  box-shadow: none;
  background-color: #fff;
  outline: 1px solid #FFDF7E;
  outline-offset: -1px;
  opacity: 1;
}
.team-synergy-filter__button:hover a {
  opacity: 1;
}

/* 1.Team Synergy list */
.team-synergy-list {
  position: relative;
  margin-left: 20px;
  padding-bottom: 48px;
}
.team-synergy-list__heading--01 {
  display: flex;
  flex-flow: column nowrap;
}
.team-synergy-list__heading--01 span {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 17px;
}
.team-synergy-list__heading--01 span::before {
  content: "";
  position: absolute;
  -webkit-mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
          mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
  background-color: #FFDF7E;
  width: 14px;
  height: 14px;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.team-synergy-list__heading--01 em {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.team-synergy-list__heading--01 em + * {
  margin-top: 3px;
}
.team-synergy-list__heading--01 + * {
  margin-top: 27px;
}
.team-synergy-list__body {
  padding: 16px 24px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
}
.team-synergy-list__table table {
  display: grid;
  grid-template-columns: repeat(8, auto);
}
.team-synergy-list__table table thead,
.team-synergy-list__table table tbody,
.team-synergy-list__table table tfoot,
.team-synergy-list__table table tr {
  display: contents;
}
.team-synergy-list__table table th,
.team-synergy-list__table table td {
  display: block;
}
.team-synergy-list__table table thead th {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #F2F2F2;
  font-size: 12px;
  font-weight: 500;
  color: #6f6f6f;
}
.team-synergy-list__table table thead th:first-child {
  padding-left: 24px;
  border-radius: 10px 0 0 10px;
}
.team-synergy-list__table table thead th:last-child {
  padding-right: 24px;
  border-radius: 0 10px 10px 0;
}
.team-synergy-list__table table thead th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.team-synergy-list__table table thead th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.team-synergy-list__table table thead th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.team-synergy-list__table table thead th svg {
  width: 12px;
  height: 12px;
}
.team-synergy-list__table table tbody .is-none {
  display: none;
}
.team-synergy-list__table table tbody th {
  padding: 8px;
  padding-left: 24px;
}
.team-synergy-list__table table tbody th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.team-synergy-list__table table tbody th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.team-synergy-list__table table tbody th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.team-synergy-list__table table tbody td {
  display: flex;
  align-items: center;
  padding: 8px;
}
.team-synergy-list__status {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  max-width: 100px;
  width: 100%;
}
.team-synergy-list__status.completed {
  background-color: #D2FFD7;
  color: #387B11;
}
.team-synergy-list__status.in-progress {
  background-color: #E8F1FF;
  color: #2857D7;
}
.team-synergy-list__status.not-started {
  background-color: #F1F1F1;
  color: #3F3F3F;
}

/* CSS outline -----------------------------------------------

  1.Filter
  2.List

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

/* 1.Team Synergy list */
.team-synergy-improvement {
  position: relative;
  margin-left: 20px;
  padding-bottom: 48px;
}
.team-synergy-improvement__heading--01 {
  display: flex;
  flex-flow: column nowrap;
}
.team-synergy-improvement__heading--01 span {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 17px;
}
.team-synergy-improvement__heading--01 span::before {
  content: "";
  position: absolute;
  -webkit-mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
          mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
  background-color: #FFDF7E;
  width: 14px;
  height: 14px;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.team-synergy-improvement__heading--01 em {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.team-synergy-improvement__heading--01 em + * {
  margin-top: 3px;
}
.team-synergy-improvement__heading--01 + * {
  margin-top: 27px;
}
.team-synergy-improvement__body {
  padding: 16px 24px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
}
.team-synergy-improvement__table table {
  display: grid;
  grid-template-columns: repeat(11, auto);
}
.team-synergy-improvement__table table thead,
.team-synergy-improvement__table table tbody,
.team-synergy-improvement__table table tfoot,
.team-synergy-improvement__table table tr {
  display: contents;
}
.team-synergy-improvement__table table th,
.team-synergy-improvement__table table td {
  display: block;
}
.team-synergy-improvement__table table thead th {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #F2F2F2;
  font-size: 12px;
  font-weight: 500;
  color: #6f6f6f;
}
.team-synergy-improvement__table table thead th:first-child {
  padding-left: 24px;
  border-radius: 10px 0 0 10px;
}
.team-synergy-improvement__table table thead th:last-child {
  padding-right: 24px;
  border-radius: 0 10px 10px 0;
}
.team-synergy-improvement__table table thead th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.team-synergy-improvement__table table thead th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.team-synergy-improvement__table table thead th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.team-synergy-improvement__table table thead th svg {
  width: 12px;
  height: 12px;
}
.team-synergy-improvement__table table tbody .is-none {
  display: none;
}
.team-synergy-improvement__table table tbody th {
  padding: 8px;
  padding-left: 24px;
}
.team-synergy-improvement__table table tbody th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.team-synergy-improvement__table table tbody th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.team-synergy-improvement__table table tbody th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.team-synergy-improvement__table table tbody td {
  display: flex;
  align-items: center;
  padding: 8px;
}
.team-synergy-improvement__table table tbody td img {
  margin-left: 4px;
}
.team-synergy-improvement__status {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  max-width: 100px;
  width: 100%;
}
.team-synergy-improvement__status.completed {
  background-color: #D2FFD7;
  color: #387B11;
}
.team-synergy-improvement__status.in-progress {
  background-color: #E8F1FF;
  color: #2857D7;
}
.team-synergy-improvement__status.stay {
  background-color: #E4E2FF;
  color: #3D257D;
}
.team-synergy-improvement__status.not-started {
  background-color: #F1F1F1;
  color: #3F3F3F;
}

/* CSS outline -----------------------------------------------

  1.Filter
  2.List

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

1.Team Synergy Filter */
.pulse-survey-filter {
  margin-bottom: 24px;
  padding: 16px;
  padding-bottom: 24px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 10px;
}
.pulse-survey-filter__list {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.pulse-survey-filter__item {
  margin: 4px 8px;
}
.pulse-survey-filter__item:last-child {
  margin-left: auto;
  max-width: 200px;
  width: 100%;
}
.pulse-survey-filter__item label {
  font-size: 12px;
  font-weight: 500;
}
.pulse-survey-filter__select {
  position: relative;
}
.pulse-survey-filter__select select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 130px 10px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
}
.pulse-survey-filter__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.pulse-survey-filter__button {
  margin-left: auto;
  max-width: 200px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  transition-duration: all 0.3s;
}
.pulse-survey-filter__button a {
  display: block;
  position: relative;
  text-align: center;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 20px;
}
.pulse-survey-filter__button:hover {
  box-shadow: none;
  background-color: #fff;
  outline: 1px solid #FFDF7E;
  outline-offset: -1px;
  opacity: 1;
}
.pulse-survey-filter__button:hover a {
  opacity: 1;
}

/* 1.Team Synergy list */
.pulse-survey-list {
  position: relative;
  margin-left: 20px;
  padding-bottom: 48px;
}
.pulse-survey-list__heading--01 {
  display: flex;
  flex-flow: column nowrap;
}
.pulse-survey-list__heading--01 span {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 17px;
}
.pulse-survey-list__heading--01 span::before {
  content: "";
  position: absolute;
  -webkit-mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
          mask: url("../images/common/side-icon-feedback-monitoring.svg") no-repeat top left/100% auto;
  background-color: #FFDF7E;
  width: 14px;
  height: 14px;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pulse-survey-list__heading--01 em {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
}
.pulse-survey-list__heading--01 em + * {
  margin-top: 3px;
}
.pulse-survey-list__heading--01 + * {
  margin-top: 27px;
}
.pulse-survey-list__tab {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
}
.pulse-survey-list__tab__item {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  padding: 10px 20px;
  color: #b4b4b4;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.pulse-survey-list__tab__item:hover {
  background-color: #FFDF7E;
  color: #000;
  opacity: 1;
}
.pulse-survey-list__tab__item.is-active {
  background-color: #FFDF7E;
  color: #000;
}
.pulse-survey-list__body {
  padding: 16px 24px;
  background: #fff;
  box-shadow: 0 4px 10px #e4e4e4;
  border-radius: 0px 10px 10px 10px;
  width: 1640px;
  overflow-x: scroll;
}
.pulse-survey-list__matrix {
  position: relative;
  width: 505px;
  height: 505px;
  background: url("../images/pulsesurvey/bg-score-palse.svg") no-repeat top left/100% auto;
  margin-bottom: 30px;
}
.pulse-survey-list__matrix__btn {
  position: absolute;
  width: 140px;
  height: 140px;
}
.pulse-survey-list__matrix__btn.btn--01 {
  position: absolute;
  bottom: 40px;
  left: 40px;
  cursor: pointer;
}
.pulse-survey-list__matrix__btn.btn--01::before {
  border: 1px solid #FA7070;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  border-radius: 5px;
  z-index: 10;
  animation: ripple-pulse 2000ms linear infinite;
}
@keyframes ripple-pulse {
  0% {
    scale: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    scale: 1.2;
    opacity: 0;
  }
}
.pulse-survey-list__select {
  position: relative;
}
.pulse-survey-list__select select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 4px 60px 4px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 12px;
}
.pulse-survey-list__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.pulse-survey-list__table table {
  display: grid;
  grid-template-columns: repeat(13, auto);
}
.pulse-survey-list__table table thead,
.pulse-survey-list__table table tbody,
.pulse-survey-list__table table tfoot,
.pulse-survey-list__table table tr {
  display: contents;
}
.pulse-survey-list__table table th,
.pulse-survey-list__table table td {
  display: block;
}
.pulse-survey-list__table table thead th {
  display: flex;
  align-items: center;
  padding: 8px 11px;
  background-color: #F2F2F2;
  font-size: 12px;
  font-weight: 500;
  color: #6f6f6f;
  border-right: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.pulse-survey-list__table table thead th:nth-of-type(1) {
  justify-content: center;
  align-items: center;
}
.pulse-survey-list__table table thead th:last-child {
  padding-right: 24px;
  border-right: none;
}
.pulse-survey-list__table table thead th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.pulse-survey-list__table table thead th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.pulse-survey-list__table table thead th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.pulse-survey-list__table table thead th svg {
  width: 12px;
  height: 12px;
}
.pulse-survey-list__table table tbody .is-none {
  display: none;
}
.pulse-survey-list__table table tbody th {
  padding: 8px 11px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pulse-survey-list__table table tbody th:nth-of-type(1) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pulse-survey-list__table table tbody th input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: -5px;
}
.pulse-survey-list__table table tbody th input[type=checkbox]:checked {
  background-color: #FCCA37;
}
.pulse-survey-list__table table tbody th input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.pulse-survey-list__table table tbody td {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pulse-survey-list__table table tbody td:nth-of-type(1) {
  justify-content: center;
}
.pulse-survey-list__table table tbody td img {
  width: 30px;
  margin-right: 8px;
  border-radius: 50%;
}
.pulse-survey-list__table table tbody td svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.pulse-survey-list__status {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 20px;
  text-align: center;
  width: 62px;
  background-color: #FFAFAD;
  color: #861E1C;
}
.pulse-survey-list__status.status--none {
  background-color: #F2F2F2;
  color: #000;
}
.pulse-survey-list__employee-score {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}
.pulse-survey-list__employee-score.mc00 {
  background: #E3E3E3;
}
.pulse-survey-list__employee-score.mc01, .pulse-survey-list__employee-score.mc02 {
  background: #F65D5D;
}
.pulse-survey-list__employee-score.mc04, .pulse-survey-list__employee-score.mc03 {
  background: #FF7979;
}
.pulse-survey-list__employee-score.mc05 {
  background: #FF987B;
}
.pulse-survey-list__employee-score.mc06 {
  background: #FDBC79;
}
.pulse-survey-list__employee-score.mc07 {
  background: #FFDF7E;
}
.pulse-survey-list__employee-score.mc08 {
  background: #E7E284;
}
.pulse-survey-list__employee-score.mc09 {
  background: #BEE68D;
}
.pulse-survey-list__employee-score.mc10 {
  background: #59DB71;
}
.pulse-survey-list__counseling {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFEBAE;
  border-radius: 35px;
  font-size: 12px;
  width: 132px;
  height: 22px;
}
.pulse-survey-list__counseling.status--none {
  background-color: #F2F2F2;
}
.pulse-survey-list__microexpression {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFEBAE;
  border-radius: 35px;
  font-size: 12px;
  width: 64px;
  height: 22px;
}
.pulse-survey-list__microexpression.status--none {
  background-color: #F2F2F2;
}
.pulse-survey-list__sparkline {
  width: 100%;
  max-width: 60px;
  height: 30px;
  display: block;
}

.pulse-survey-chatbox {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.pulse-survey-chatbox__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background-color: #FCCA37;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
}
.pulse-survey-chatbox__btn svg {
  width: 30px;
  height: 30px;
  color: #5D626E;
}
.pulse-survey-chatbox__textbox {
  position: absolute;
  bottom: 0;
  right: 0;
  flex-direction: column;
  padding: 8px 16px;
  width: 580px;
  height: 500px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
  display: none;
}
.pulse-survey-chatbox__textbox.is-open {
  display: flex;
}
.pulse-survey-chatbox__close {
  margin-left: auto;
  margin-bottom: 16px;
}
.pulse-survey-chatbox__close svg {
  width: 30px;
  height: 30px;
}
.pulse-survey-chatbox__baloon {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.pulse-survey-chatbox__baloon-img {
  margin-right: 8px;
  width: 45px;
}
.pulse-survey-chatbox__baloon-txt {
  margin-bottom: 8px;
  padding: 16px 24px;
  width: 100%;
  border-radius: 20px;
}
.pulse-survey-chatbox__baloon-txt--user {
  margin-left: auto;
  width: 75%;
  background-color: #FFDF7E;
}
.pulse-survey-chatbox__baloon-txt--ai {
  background-color: #f2f2f2;
}
.pulse-survey-chatbox__baloon-img + .pulse-survey-chatbox__baloon-txt {
  margin-bottom: 0;
}
.pulse-survey-chatbox__message {
  display: flex;
  margin-top: auto;
}
.pulse-survey-chatbox__message-mic {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 8px;
  width: 45px;
  height: 45px;
  border: 1px solid #A9AEB5;
  border-radius: 50px;
}
.pulse-survey-chatbox__message-mic svg {
  color: #A9AEB5;
}
.pulse-survey-chatbox__message-txt {
  display: flex;
  align-items: center;
  padding: 8px;
  width: 100%;
  border: 1px solid #A9AEB5;
  border-radius: 10px;
}
.pulse-survey-chatbox__message-txt textarea {
  width: 100%;
  border: none;
  resize: none;
}
.pulse-survey-chatbox__message-send {
  display: flex;
}
.pulse-survey-chatbox__message-send svg {
  color: #FCCA37;
}

.js-pulse-survey-item.is-hidden {
  display: none;
}

/* CSS outline -----------------------------------------------

  1.Filter
  2.List

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

1.Team Synergy Filter */
.pulse-survey-modal-head {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.pulse-survey-modal-head__user {
  display: flex;
  align-items: center;
}
.pulse-survey-modal-head__user-icon {
  margin-right: 16px;
  width: 64px;
  border-radius: 50%;
  overflow: hidden;
}
.pulse-survey-modal-head__user-name {
  margin-right: 16px;
  font-size: 24px;
  font-weight: 500;
}
.pulse-survey-modal-head__share {
  display: flex;
  align-items: center;
  padding: 4px 24px;
  border-radius: 40px;
  background-color: #FFDF7E;
  margin-right: auto;
}
.pulse-survey-modal-head__share svg {
  margin-right: 4px;
  width: 14px;
}
.pulse-survey-modal-head__select-box {
  margin-right: 15px;
  display: flex;
  align-items: center;
}
.pulse-survey-modal-head__select-box p {
  font-size: 12px;
  margin-right: 5px;
}
.pulse-survey-modal-head__select-wrap {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.pulse-survey-modal-head__select-wrap::after {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #5F6368;
  border-left: 2px solid #5F6368;
  transform: rotate(225deg);
  display: block;
  content: "";
}
.pulse-survey-modal-head__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 150px;
  height: 40px;
  padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}

.pulse-survey-modal-table {
  margin: 30px 0;
  width: 100%;
  font-size: 14px;
}
.pulse-survey-modal-table th {
  padding: 5px;
  background: #F2F2F2;
  font-weight: 500;
  border: 1px solid #DDD;
  text-align: center;
}
.pulse-survey-modal-table td {
  padding: 5px;
  border: 1px solid #DDD;
  text-align: center;
}

.pulse-survey-modal-ai-eva {
  border-radius: 10px;
  border: 1px solid #DDD;
  display: flex;
  font-size: 14px;
  margin-bottom: 30px;
}
.pulse-survey-modal-ai-eva__label-wrap {
  padding: 20px;
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.pulse-survey-modal-ai-eva__label-heading {
  margin-bottom: 12px;
}
.pulse-survey-modal-ai-eva__label {
  padding: 12px 26px;
  border-radius: 4px;
  border: 1px solid #861E1C;
  background: #FFD8D8;
  color: #861E1C;
}
.pulse-survey-modal-ai-eva__ai-comment-wrap {
  padding: 20px;
  background: #F6F8FA;
}

.pulse-survey-modal-action {
  margin-bottom: 60px;
}
.pulse-survey-modal-action__list {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  margin: 15px 0 20px;
}
.pulse-survey-modal-action__item {
  padding: 10px;
  border-bottom: 1px solid #DDD;
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
  align-items: center;
}
.pulse-survey-modal-action__item:nth-of-type(1) {
  border-top: 1px solid #DDD;
}
.pulse-survey-modal-action__item__content {
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
  align-items: center;
}
.pulse-survey-modal-action__item__task {
  width: 500px;
}
.pulse-survey-modal-action__item__check {
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 80px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 2px;
}
.pulse-survey-modal-action__item__check.status__color--green {
  color: #387B11;
  background-color: #D2FFD7;
  border-color: #D2FFD7;
}
.pulse-survey-modal-action__item__check.status__color--yellow {
  color: #D68121;
  background-color: #FFF2CD;
  border-color: #FFF2CD;
}
.pulse-survey-modal-action__item__check.status__color--blue {
  color: #2857D7;
  background-color: #E8F1FF;
  border-color: #E8F1FF;
}
.pulse-survey-modal-action__item__check.status__color--gray {
  color: #3F3F3F;
  background-color: #b4b4b4;
  border-color: #b4b4b4;
}
.pulse-survey-modal-action__action-form__heading {
  font-size: 16px;
  font-weight: 500;
}
.pulse-survey-modal-action__action-form__row {
  display: flex;
  flex-flow: column nowrap;
  gap: 5px;
}
.pulse-survey-modal-action__action-form form {
  padding: 10px;
}
.pulse-survey-modal-action__action-form__content {
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
  margin-bottom: 20px;
}
.pulse-survey-modal-action__action-form__content input {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 14px 10px 14px;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
}
.pulse-survey-modal-action__action-form__content input#task {
  width: 500px;
}
.pulse-survey-modal-action__action-form__content input#deadline {
  width: 210px;
}
.pulse-survey-modal-action__action-form__btn {
  max-width: 200px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 35px;
  background-color: #FFDF7E;
  transition: all 0.3s;
  text-align: center;
}

.pulse-survey-modal-followup {
  margin-bottom: 28px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #DDD;
  border-top: 0;
  display: flex;
  font-size: 14px;
}
.pulse-survey-modal-followup__btn-wrap {
  display: flex;
  justify-content: center;
  padding: 20px 40px;
}
.pulse-survey-modal-followup__btn-wrap + * {
  padding: 20px;
  padding-left: 70px;
  border-left: 1px solid #DDD;
}
.pulse-survey-modal-followup__btn + .pulse-survey-modal-followup__btn {
  margin-left: 15px;
}
.pulse-survey-modal-followup__btn-check {
  display: none;
}
.pulse-survey-modal-followup__btn-label {
  position: relative;
  padding: 12px 26px;
  border-radius: 35px;
  border: 1px solid #FAD870;
  background: #FFF5D6;
  display: flex;
  white-space: nowrap;
}
.pulse-survey-modal-followup__btn-label::before {
  margin-right: 10px;
  content: "";
  display: block;
  min-width: 17px;
  height: 17px;
  border-radius: 43px;
  border: 1px solid #DDD;
  background: #FFF;
}
.pulse-survey-modal-followup__btn-label--AI {
  border: 1px solid #861E1C;
  background: #FFAFAD;
  color: #861E1C;
}
.pulse-survey-modal-followup__btn-check:checked + .pulse-survey-modal-followup__btn-label {
  border: 1px solid #FCCA37;
  background: #FCCA37;
  font-weight: 500;
}
.pulse-survey-modal-followup__btn-check:checked + .pulse-survey-modal-followup__btn-label::before {
  border: 1px solid #fff;
  background: #FCCA37;
}
.pulse-survey-modal-followup__btn-check:checked + .pulse-survey-modal-followup__btn-label::after {
  content: "";
  width: 7px;
  height: 7px;
  background: #FFF;
  border-radius: 43px;
  position: absolute;
  top: 18px;
  left: 32px;
}
.pulse-survey-modal-followup__ta-wrap {
  width: 100%;
  padding-left: 20px;
}
.pulse-survey-modal-followup__ta {
  width: 100%;
  min-height: 100%;
  padding: 12px 14px;
  border-radius: 5px;
  border: 2px solid #DDD;
}

.pulse-survey-modal-ai-comment {
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #F02D2D;
}
.pulse-survey-modal-ai-comment + .pulse-survey-modal-ai-comment {
  margin-top: 10px;
}
.pulse-survey-modal-ai-comment--suggestion {
  border: 1px solid #56DB2E;
}
.pulse-survey-modal-ai-comment__heading-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.pulse-survey-modal-ai-comment__icon {
  margin-right: 8px;
  padding: 8px 6px;
  border-radius: 30px;
  color: #fff;
  background-color: #F02D2D;
}
.pulse-survey-modal-ai-comment__icon--suggestion {
  background-color: #56DB2E;
}
.pulse-survey-modal-ai-comment__heading {
  color: #ED6262;
  font-size: 16px;
  font-weight: 500;
}
.pulse-survey-modal-ai-comment__heading--suggestion {
  color: #56DB2E;
}

.pulse-survey-modal-score-detail {
  margin-top: 30px;
}
.pulse-survey-modal-score-detail__heading {
  font-size: 20px;
  font-weight: 500;
}
.pulse-survey-modal-score-detail__table th {
  padding: 10px;
  border: 1px solid #DDD;
  background: #F2F2F2;
  white-space: nowrap;
}
.pulse-survey-modal-score-detail__table td {
  padding: 10px;
  border: 1px solid #DDD;
}
.pulse-survey-modal-score-detail__table thead th {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.pulse-survey-modal-score-detail__table tbody th {
  font-weight: 500;
}
.pulse-survey-modal-score-detail__table tbody .score {
  text-align: center;
}
.pulse-survey-modal-score-detail__table tbody .score span {
  display: block;
  border-radius: 4px;
  background-color: #E7E284;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc00 {
  background: #E3E3E3;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc01, .pulse-survey-modal-score-detail__table tbody .score span.mc02 {
  background: #F65D5D;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc04, .pulse-survey-modal-score-detail__table tbody .score span.mc03 {
  background: #FF7979;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc05 {
  background: #FF987B;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc06 {
  background: #FDBC79;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc07 {
  background: #FFDF7E;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc08 {
  background: #E7E284;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc09 {
  background: #BEE68D;
}
.pulse-survey-modal-score-detail__table tbody .score span.mc10 {
  background: #59DB71;
}

.pulse-survey-modal-score {
  margin-bottom: 30px;
  display: flex;
}
.pulse-survey-modal-score__circle {
  margin-right: auto;
  position: relative;
}
.pulse-survey-modal-score__circle-cont {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  line-height: 1;
}
.pulse-survey-modal-score__circle-label {
  margin-bottom: 10px;
  font-weight: 700;
}
.pulse-survey-modal-score__circle-score-wrap {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-end;
}
.pulse-survey-modal-score__circle-score {
  font-size: 52px;
  font-weight: 700;
}
.pulse-survey-modal-score__circle-change-score {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  margin-left: 10px;
}
.pulse-survey-modal-score__circle-change-score p {
  color: #FE9084;
  font-weight: 700;
}
.pulse-survey-modal-score__circle-lasttime-score {
  font-size: 10px;
}
.pulse-survey-modal-score__polyline-label-group {
  display: flex;
  justify-content: flex-end;
}
.pulse-survey-modal-score__polyline-label {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.pulse-survey-modal-score__polyline-label::before {
  content: "";
  margin-right: 3px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 4px solid #FFDF7E;
  background: #fff;
}
.pulse-survey-modal-score__polyline-label.is-total::before {
  border-color: #258AEA;
}
.pulse-survey-modal-score__polyline-label.is-work::before {
  border-color: #ED752A;
}
.pulse-survey-modal-score__polyline-label.is-organization::before {
  border-color: #23C414;
}
.pulse-survey-modal-score__polyline-label.is-mental::before {
  border-color: #A09EEB;
}
.pulse-survey-modal-score__polyline-label.is-challenging::before {
  border-color: #9DE3B8;
}
.pulse-survey-modal-score__polyline-label + .pulse-survey-modal-score__polyline-label {
  margin-left: 10px;
}

/* CSS outline -----------------------------------------------

  1.Filter
  2.List

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

1.Team Synergy Filter */
.pulse-survey-modal-follow-history__btn-wrap {
  padding: 15px 0;
  display: flex;
  justify-content: flex-end;
}
.pulse-survey-modal-follow-history__btn {
  border-radius: 35px;
  background: #FFDF7E;
  padding: 6px 26px;
}
.pulse-survey-modal-follow-history__box-wrap {
  padding: 20px;
  border-radius: 10px;
  background: #F2F2F2;
}
.pulse-survey-modal-follow-history__box {
  padding: 20px;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
}
.pulse-survey-modal-follow-history__box + .pulse-survey-modal-follow-history__box {
  margin-top: 20px;
}
.pulse-survey-modal-follow-history__cont {
  margin-bottom: 20px;
}
.pulse-survey-modal-follow-history__foot {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.pulse-survey-modal-follow-history__user-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.pulse-survey-modal-follow-history__user-label {
  color: #6F6F6F;
}
.pulse-survey-modal-follow-history__user-icon {
  margin-right: 10px;
  width: 34px;
  height: 34px;
}

.engagement-survey-modal__heading-wrap {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.engagement-survey-modal__info-wrap {
  margin-bottom: 15px;
  display: flex;
}
.engagement-survey-modal__info-label {
  padding: 10px 15px;
  color: #6F6F6F;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-right: 0;
  font-size: 12px;
}
.engagement-survey-modal__info-txt {
  padding: 10px 15px;
  color: #6F6F6F;
  border: 1px solid #ddd;
  font-size: 12px;
}
.engagement-survey-modal__action-report-btn {
  margin-bottom: 20px;
  text-align: center;
}
.engagement-survey-modal__action-report-btn-link {
  position: relative;
  display: inline-block;
  padding: 10px 20px 10px 46px;
  background-color: #FFDF7E;
  border: 2px solid #fff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.engagement-survey-modal__action-report-btn-link::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 22px;
  height: 18px;
  background: url("../images/common/icon-ai.svg") no-repeat center center/contain;
}
.engagement-survey-modal__action-report-btn-link:hover {
  opacity: 1;
  background-color: #fff;
  border-color: #FFDF7E;
}

.engagement-survey-modal-score__wrap {
  margin-bottom: 30px;
  display: flex;
}
.engagement-survey-modal-score__score-wrap {
  padding-right: 15px;
  display: flex;
  flex-flow: column;
}
.engagement-survey-modal-score__score {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 10px;
  background-color: #59DB71;
  min-width: 170px;
  height: calc(100% - 72px);
}
.engagement-survey-modal-score__score-ranking {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.engagement-survey-modal-score__score-ranking span {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFDF7E;
}
.engagement-survey-modal-score__score-num {
  margin-bottom: 5px;
  font-size: 63px;
  line-height: 1;
}
.engagement-survey-modal-score__score-rank {
  padding: 5px 20px;
  border-radius: 30px;
  background-color: #fff;
  text-align: center;
  line-height: 1;
}
.engagement-survey-modal-score__comment-wrap {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.engagement-survey-modal-score__comment-heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.engagement-survey-modal-score__fb-icon {
  display: flex;
  margin-right: 8px;
  padding: 6px;
  border-radius: 30px;
}
.engagement-survey-modal-score__fb-icon.positive {
  background-color: #22abef;
}
.engagement-survey-modal-score__fb-icon.negative {
  background-color: #f55243;
}
.engagement-survey-modal-score__fb-icon.proposal {
  background-color: #56db2e;
}
.engagement-survey-modal-score__fb-icon svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.engagement-survey-modal-score__comment-box-wrap {
  display: flex;
  gap: 0 10px;
}
.engagement-survey-modal-score__comment-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.engagement-survey-modal-score__comment {
  background: #F2F2F2;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
  overflow: scroll;
  max-height: 144px;
  min-height: 144px;
  font-size: 14px;
}

.engagement-survey-modal-transition {
  margin-top: 30px;
  margin-bottom: 30px;
}
.engagement-survey-modal-transition__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.engagement-survey-modal-transition #container {
  padding: 15px;
  background-color: #f3f3f3;
  border-radius: 15px;
}

.engagement-survey-modal-score-detail {
  color: #404D61;
  font-size: 14px;
}
.engagement-survey-modal-score-detail__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.engagement-survey-modal-score-detail__row-head {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #ddd;
  font-weight: 600;
}
.engagement-survey-modal-score-detail__row {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.engagement-survey-modal-score-detail__row--parent {
  background-color: #f8f9fa;
  font-weight: 600;
  border-bottom: 2px solid #dee2e6;
}
.engagement-survey-modal-score-detail__cell {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding: 15px;
  border-right: 1px solid #ddd;
}
.engagement-survey-modal-score-detail__cell:last-child {
  border-right: 0;
}
.engagement-survey-modal-score-detail__cell--category {
  max-width: 160px;
}
.engagement-survey-modal-score-detail__cell--score {
  max-width: 180px;
  position: relative;
}
.engagement-survey-modal-score-detail__cell--score.ai-checked {
  background-color: #fff5f5;
}
.engagement-survey-modal-score-detail__cell--score.ai-checked::before {
  content: url(../images/teamsynergy/ai-icon.svg);
  position: absolute;
  top: 4px;
  left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 6px 4px;
  background-color: #8C0505;
  border-radius: 40px;
  width: 24px;
  height: 24px;
  transform: scale(0.8);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  animation: ai-checked-colorchange 1700ms linear infinite;
  z-index: 20;
}
.engagement-survey-modal-score-detail__cell--score.ai-checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  border: 1px solid #8C0505;
  border-radius: 50%;
  z-index: 10;
  width: 18px;
  height: 18px;
  animation: ai-checked-ripple 1700ms linear infinite, ai-checked-borderchange 1700ms linear infinite;
}
.engagement-survey-modal-score-detail__cell--factor {
  max-width: 160px;
}
.engagement-survey-modal-score-detail__cell--group {
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.engagement-survey-modal-score-detail__row-head .engagement-survey-modal-score-detail__cell {
  background: #F2F2F2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}
.engagement-survey-modal-score-detail__row-head .engagement-survey-modal-score-detail__cell--positive {
  background-color: #c5eafc;
}
.engagement-survey-modal-score-detail__row-head .engagement-survey-modal-score-detail__cell--negative {
  background-color: #fdb6c8;
}
.engagement-survey-modal-score-detail__fb-icon {
  display: flex;
  margin-right: 8px;
  padding: 6px;
  border-radius: 30px;
}
.engagement-survey-modal-score-detail__fb-icon.positive {
  background-color: #22abef;
}
.engagement-survey-modal-score-detail__fb-icon.negative {
  background-color: #f55243;
}
.engagement-survey-modal-score-detail__fb-icon.proposal {
  background-color: #56db2e;
}
.engagement-survey-modal-score-detail__fb-icon svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.engagement-survey-modal-score-detail__score {
  padding: 5px 15px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.engagement-survey-modal-score-detail__score.mc01 {
  background: #F65D5D;
}
.engagement-survey-modal-score-detail__score.mc04 {
  background: #FF7979;
}
.engagement-survey-modal-score-detail__score.mc05 {
  background: #FF987B;
}
.engagement-survey-modal-score-detail__score.mc06 {
  background: #FDBC79;
}
.engagement-survey-modal-score-detail__score.mc07 {
  background: #FFDF7E;
}
.engagement-survey-modal-score-detail__score.mc08 {
  background: #E7E284;
}
.engagement-survey-modal-score-detail__score.mc09 {
  background: #BEE68D;
}
.engagement-survey-modal-score-detail__score.mc10 {
  background: #59DB71;
}
.engagement-survey-modal-score-detail__score.mcc08, .engagement-survey-modal-score-detail__score.mcc09, .engagement-survey-modal-score-detail__score.mcc10 {
  background: #F65D5D;
}
.engagement-survey-modal-score-detail__score.mcc07 {
  background: #FF7979;
}
.engagement-survey-modal-score-detail__score.mcc06 {
  background: #FF987B;
}
.engagement-survey-modal-score-detail__score.mcc05 {
  background: #FDBC79;
}
.engagement-survey-modal-score-detail__score.mcc04 {
  background: #FFDF7E;
}
.engagement-survey-modal-score-detail__score.mcc03 {
  background: #E7E284;
}
.engagement-survey-modal-score-detail__score.mcc02 {
  background: #BEE68D;
}
.engagement-survey-modal-score-detail__score.mcc01 {
  background: #59DB71;
}
.engagement-survey-modal-score-detail__score-comparison {
  margin-top: 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
}
.engagement-survey-modal-score-detail__list {
  padding-left: 20px;
  list-style-type: disc;
}
.engagement-survey-modal-score-detail__btn-group {
  margin-top: 10px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 10px 0;
}
.engagement-survey-modal-score-detail__btn {
  width: 100%;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  background: #FFDF7E;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
}
.engagement-survey-modal-score-detail__btn svg {
  margin-right: 5px;
  width: 15px;
}

.engagement-survey-modal-score-table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.engagement-survey-modal-score-table__box {
  border: 2px solid #ddd;
  border-radius: 10px;
}
.engagement-survey-modal-score-table__box--center {
  background: #FFF2C9;
}
.engagement-survey-modal-score-table__heading-wrap {
  height: 70px;
  padding: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.engagement-survey-modal-score-table__heading {
  font-weight: 600;
}
.engagement-survey-modal-score-table__heading-icon {
  margin-left: auto;
  margin-right: 10px;
  color: #22abef;
}
.engagement-survey-modal-score-table__heading-icon.is-blue {
  color: #22abef;
}
.engagement-survey-modal-score-table__heading-icon.is-red {
  color: #f55243;
}
.engagement-survey-modal-score-table__signal-wrap {
  padding: 5px;
  display: flex;
  gap: 0 5px;
  border-radius: 20px;
  border: 2px solid #ddd;
  background: #F2F2F2;
}
.engagement-survey-modal-score-table__signal-wrap span {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  opacity: 0.1;
}
.engagement-survey-modal-score-table__signal-wrap span.is-active {
  opacity: 1;
}
.engagement-survey-modal-score-table__signal-wrap span:nth-child(1) {
  background-color: #09ba1a;
}
.engagement-survey-modal-score-table__signal-wrap span:nth-child(2) {
  background-color: #e9c615;
}
.engagement-survey-modal-score-table__signal-wrap span:nth-child(3) {
  background-color: #d7452c;
}
.engagement-survey-modal-score-table__score-wrap {
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.engagement-survey-modal-score-table__score-title {
  padding: 5px 10px;
  border: 1px solid #ddd;
  background: #F2F2F2;
}
.engagement-survey-modal-score-table__score-cont {
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-top: 0;
  background: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
.engagement-survey-modal-score-table__ai-comment-wrap {
  padding: 15px;
  border-top: 1px solid #ddd;
  font-size: 14px;
}
.engagement-survey-modal-score-table__ai-comment-title {
  font-weight: 600;
  margin-bottom: 5px;
}

.engagement-survey-action-report {
  position: relative;
  width: 925px;
  padding: 35px 20px;
}
.engagement-survey-action-report__reporting-period {
  position: absolute;
  right: -15px;
  top: -69px;
}
.engagement-survey-action-report__reporting-period label {
  font-size: 14px;
  margin-right: 10px;
  cursor: default;
}
.engagement-survey-action-report__reporting-period select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 5px 83px 5px 14px;
  font-size: 14px;
  cursor: pointer;
}
.engagement-survey-action-report__reporting-period::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.engagement-survey-action-report__heading {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.engagement-survey-action-report__heading::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -26px;
  margin: auto;
  width: 19px;
  height: 15px;
  background-image: url("/images/common/icon-ai.svg");
}
.engagement-survey-action-report__header {
  margin-top: 20px;
}
.engagement-survey-action-report__header__inner {
  display: flex;
  justify-content: space-between;
}
.engagement-survey-action-report__download {
  display: flex;
  align-items: center;
}
.engagement-survey-action-report__download a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  padding-left: 35px;
  line-height: 100%;
  cursor: pointer;
}
.engagement-survey-action-report__download a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 27px;
  background: url("../images/common/icon-pdf.svg") no-repeat center center/contain;
}
.engagement-survey-action-report__select {
  display: inline-block;
  position: relative;
}
.engagement-survey-action-report__select label {
  font-size: 14px;
  margin-right: 10px;
  cursor: default;
}
.engagement-survey-action-report__select select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 6px 90px 6px 14px;
  font-size: 14px;
  cursor: pointer;
}
.engagement-survey-action-report__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.engagement-survey-action-report__theme-list {
  margin-top: 25px;
  min-width: 560px;
  width: -moz-fit-content;
  width: fit-content;
}
.engagement-survey-action-report__theme-list__heading {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.engagement-survey-action-report__theme-list__head {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 15px;
  background-color: #F8F8F8;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  border: 1px solid #E5E5EA;
}
.engagement-survey-action-report__theme-list__head__item {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  padding: 6px 0;
  border-right: 1px solid #E5E5EA;
  color: #6F6F6F;
}
.engagement-survey-action-report__theme-list__head__item:nth-of-type(1) {
  min-width: 218px;
}
.engagement-survey-action-report__theme-list__head__item:nth-of-type(2) {
  width: 58px;
}
.engagement-survey-action-report__theme-list__head__item:nth-of-type(3) {
  min-width: 286px;
  border: none;
}
.engagement-survey-action-report__theme-list__body {
  border-radius: 0 0 10px 10px;
  border: 1px solid #E5E5EA;
  border-top: none;
}
.engagement-survey-action-report__theme-list__body__item {
  font-size: 12px;
  font-weight: 500;
  color: #6F6F6F;
}
.engagement-survey-action-report__theme-list__body__item + * {
  border-top: 1px solid #E5E5EA;
}
.engagement-survey-action-report__theme-list__body__item__link {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
.engagement-survey-action-report__theme-list__body__item__link:hover {
  opacity: 1;
}
.engagement-survey-action-report__theme-list__body__item__link:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFDF7E;
  border-radius: 1px;
}
.engagement-survey-action-report__theme-list__body__item__link:hover .bg-hover {
  position: relative;
}
.engagement-survey-action-report__theme-list__body__item__link:hover .bg-hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 223, 126, 0.25);
  z-index: 0;
}
.engagement-survey-action-report__theme-list__body__item__link:hover .bg-hover * {
  position: relative;
  z-index: 1;
}
.engagement-survey-action-report__theme-list__body__item__link:hover .check-icon-hover {
  --bg-color: #FFDF7E;
  --accent-color: white;
}
.engagement-survey-action-report__theme-list__body__item__link:hover .check-icon-hover rect {
  fill: var(--bg-color);
}
.engagement-survey-action-report__theme-list__body__item__link:hover .check-icon-hover path {
  stroke: var(--accent-color);
}
.engagement-survey-action-report__theme-list__body__item:last-child .border-hover:hover::before {
  border-radius: 1px 1px 10px 10px;
}
.engagement-survey-action-report__theme-list__body__item__name {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  min-width: 218px;
  padding: 12px 0 12px 20px;
  border-right: 1px solid #E5E5EA;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.engagement-survey-action-report__theme-list__body__item__name__icon {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 10px;
}
.engagement-survey-action-report__theme-list__body__item__name__icon svg {
  width: 16px;
  height: 16px;
}
.engagement-survey-action-report__theme-list__body__item__priority {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 58px;
  padding: 12px 0;
  border-right: 1px solid #E5E5EA;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status {
  margin: 0;
  width: 20px;
  height: 20px;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status::before {
  width: 10px;
  height: 14px;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status.status__color--red {
  background-color: #FA7070;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status.status__color--yellow {
  background-color: #FCCA37;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status.status__color--blue {
  background-color: #299BE7;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status.status__color--green {
  background-color: #29CF6E;
}
.engagement-survey-action-report__theme-list__body__item__priority .priority__status.status__color--gray {
  background-color: #8E8E93;
}
.engagement-survey-action-report__theme-list__body__item__score {
  padding: 12px 20px;
  min-width: 286px;
}
.engagement-survey-action-report__theme-list__body__item__score__inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.engagement-survey-action-report__theme-list__body__item__score__category {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin-right: 10px;
}
.engagement-survey-action-report__theme-list__body__item__score__value {
  margin: 0 0 0 auto;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box {
  width: 60px;
  height: 20px;
  display: flex;
  border-radius: 3px;
  background: #E7E284;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.none {
  transition: all 0.3s;
  opacity: 0.3;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.none2 {
  transition: all 0.3s;
  opacity: 0.3;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc00 {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #E3E3E3;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc01 {
  background: #F65D5D;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc04 {
  background: #FF7979;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc05 {
  background: #FF987B;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc06 {
  background: #FDBC79;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc07 {
  background: #FFDF7E;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc08 {
  background: #E7E284;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc09 {
  background: #BEE68D;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box.mc10 {
  background: #59DB71;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box-inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: auto;
}
.engagement-survey-action-report__theme-list__body__item__score__value__box-inner .score__num {
  display: inline-block;
  padding-left: 9px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}
.engagement-survey-action-report__theme-list__body__item__score__value__icon-wrap {
  display: flex;
  align-items: center;
  padding: 2px 8px 2px 0;
}
.engagement-survey-action-report__theme-list__body__item__score__value__rate {
  line-height: 1;
  max-width: 10px;
  height: 100%;
}
.engagement-survey-action-report__theme-list__body__item__score__value__rate img {
  width: 100%;
  height: 100%;
}
.engagement-survey-action-report__filter {
  margin-top: 10px;
  background-color: #F8F8F8;
  border-radius: 10px;
  padding: 12px 10px;
}
.engagement-survey-action-report__filter__btn {
  font-size: 12px;
  line-height: 17px;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
.engagement-survey-action-report__filter__btn::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-filter-btn.svg") no-repeat top left/100% auto;
  width: 20px;
  height: 14px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.engagement-survey-action-report__filter__form {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
}
.engagement-survey-action-report__filter__select {
  width: 100%;
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  gap: 0 10px;
}
.engagement-survey-action-report__filter__select__item {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.engagement-survey-action-report__filter__select__item label {
  font-size: 14px;
  margin-right: 10px;
  cursor: default;
}
.engagement-survey-action-report__filter__select__item select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 7px 45px 7px 14px;
  font-size: 14px;
  cursor: pointer;
}
.engagement-survey-action-report__filter__select__item::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  bottom: 10px;
  right: 15px;
  pointer-events: none;
}
.engagement-survey-action-report__filter__submit {
  margin-left: auto;
}
.engagement-survey-action-report__filter__submit a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border: 2px solid #fff;
  border-radius: 30px;
  width: 202px;
  background: #FFDF7E;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.engagement-survey-action-report__filter__submit a:hover {
  opacity: 1;
  border-color: #FFDF7E;
  background-color: #fff;
}
.engagement-survey-action-report__list {
  margin-top: 10px;
}
.engagement-survey-action-report__item {
  position: relative;
  border: 1px solid #E5E5EA;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F8F8F8;
}
.engagement-survey-action-report__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 100, 0.5);
  /* 薄い黄色のオーバーレイ */
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
}
.engagement-survey-action-report__item.is-highlight::after {
  opacity: 1;
  animation: flashOverlay 3s ease-out forwards;
}
@keyframes flashOverlay {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.engagement-survey-action-report__item__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  background-color: #fff;
}
.engagement-survey-action-report__item__label {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  background-color: #FFDF7E;
  padding: 4px 10px;
  border-radius: 3px;
}
.engagement-survey-action-report__item__heading {
  margin-left: 20px;
  font-size: 18px;
}
.engagement-survey-action-report__item__priority {
  margin: 0 520px 0 auto;
  font-size: 14px;
  color: #6F6F6F;
  display: flex;
  align-items: center;
}
.engagement-survey-action-report__item__priority .status__color--green {
  background-color: #29CF6E;
}
.engagement-survey-action-report__item__priority .status__color--blue {
  background-color: #299BE7;
}
.engagement-survey-action-report__item__priority .status__color--yellow {
  background-color: #FCCA37;
}
.engagement-survey-action-report__item__priority .status__color--red {
  background-color: #FA7070;
}
.engagement-survey-action-report__item__priority .status__color--gray {
  background-color: #8E8E93;
}
.engagement-survey-action-report__item__priority.priority__status {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.engagement-survey-action-report__item__priority.priority__status::before {
  content: "";
  position: absolute;
  background: url("../images/common/icon-union.svg") no-repeat top left/100% auto;
  width: 12px;
  height: 16px;
  transform: translate(-50%, 25%);
}
.engagement-survey-action-report__item__priority.priority__status--critical::before {
  transform: translate(-50%, 25%) rotate(0);
}
.engagement-survey-action-report__item__priority.priority__status--high::before {
  transform: translate(-50%, 25%) rotate(45deg);
}
.engagement-survey-action-report__item__priority.priority__status--middle::before {
  transform: translate(-50%, 25%) rotate(90deg);
}
.engagement-survey-action-report__item__priority.priority__status--low::before {
  transform: translate(-50%, 25%) rotate(135deg);
}
.engagement-survey-action-report__item__body {
  padding: 15px;
  border-top: 1px solid #E5E5EA;
}
.engagement-survey-action-report__item__body__desc {
  display: flex;
  flex-flow: column;
}
.engagement-survey-action-report__item__body__row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border: 1px solid #E5E5EA;
  overflow: hidden;
}
.engagement-survey-action-report__item__body__row:nth-of-type(1) {
  border-radius: 10px 10px 0 0;
}
.engagement-survey-action-report__item__body__row:nth-of-type(2) {
  border-radius: 0 0 10px 10px;
  border-top: 0;
}
.engagement-survey-action-report__item__body__wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  text-align: center;
  font-size: 12px;
  padding: 10px 15px;
  height: 58px;
  width: 100%;
}
.engagement-survey-action-report__item__body__wrap--column {
  flex-flow: column nowrap;
  align-items: flex-start;
}
.engagement-survey-action-report__item__body__wrap:nth-of-type(1) {
  width: 158px;
  border-right: 1px solid #E5E5EA;
  justify-content: center;
}
.engagement-survey-action-report__item__body__wrap:nth-of-type(2) {
  background-color: #fff;
}
.engagement-survey-action-report__item__body__category {
  font-size: 15px;
  font-weight: 500;
}
.engagement-survey-action-report__item__body__score {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-left: 20px;
  gap: 1px;
}
.engagement-survey-action-report__item__body__score--n {
  width: 75px;
  height: 32px;
}
.engagement-survey-action-report__item__body__score--n .score__num {
  display: inline-block;
  padding-left: 9px;
  font-size: 18px;
  font-weight: 500;
}
.engagement-survey-action-report__item__body__score--n-1, .engagement-survey-action-report__item__body__score--n-2 {
  width: 53px;
  height: 17px;
}
.engagement-survey-action-report__item__body__score--n-1 em, .engagement-survey-action-report__item__body__score--n-2 em {
  font-size: 10px;
}
.engagement-survey-action-report__item__body__score--n-1 span, .engagement-survey-action-report__item__body__score--n-2 span {
  font-size: 12px;
}
.engagement-survey-action-report__item__body__score + * {
  margin-left: 10px;
}
.engagement-survey-action-report__item__body__score__icon {
  padding: 3px;
  position: relative;
  min-width: 108px;
}
.engagement-survey-action-report__item__body__score__box {
  height: 100%;
  display: flex;
  border-radius: 3px;
  background: #E7E284;
}
.engagement-survey-action-report__item__body__score__box.none {
  transition: all 0.3s;
  opacity: 0.3;
}
.engagement-survey-action-report__item__body__score__box.none2 {
  transition: all 0.3s;
  opacity: 0.3;
}
.engagement-survey-action-report__item__body__score__box.mc00 {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #E3E3E3;
}
.engagement-survey-action-report__item__body__score__box.mc01 {
  background: #F65D5D;
}
.engagement-survey-action-report__item__body__score__box.mc04 {
  background: #FF7979;
}
.engagement-survey-action-report__item__body__score__box.mc05 {
  background: #FF987B;
}
.engagement-survey-action-report__item__body__score__box.mc06 {
  background: #FDBC79;
}
.engagement-survey-action-report__item__body__score__box.mc07 {
  background: #FFDF7E;
}
.engagement-survey-action-report__item__body__score__box.mc08 {
  background: #E7E284;
}
.engagement-survey-action-report__item__body__score__box.mc09 {
  background: #BEE68D;
}
.engagement-survey-action-report__item__body__score__box.mc10 {
  background: #59DB71;
}
.engagement-survey-action-report__item__body__score__box-follow {
  display: flex;
  align-items: center;
  padding: 2px;
  background-color: #36A8FF;
  border-radius: 3px 0 0 3px;
}
.engagement-survey-action-report__item__body__score__box-follow svg,
.engagement-survey-action-report__item__body__score__box-follow img {
  width: 16px;
  color: #fff;
}
.engagement-survey-action-report__item__body__score__box-inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: auto;
}
.engagement-survey-action-report__item__body__score__icon-wrap {
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.engagement-survey-action-report__item__body__score__noa {
  font-size: 10px;
  font-weight: 300;
  white-space: nowrap;
}
.engagement-survey-action-report__item__body__issue {
  margin-top: 10px;
  border: 1px solid #E5E5EA;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  padding: 15px;
}
.engagement-survey-action-report__item__body__issue__heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__issue__text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__issue__icon {
  width: 20px;
  height: 20px;
  background-color: #F55243;
  border-radius: 50%;
}
.engagement-survey-action-report__item__body__issue__icon svg {
  display: flex;
  align-items: center;
  justify-self: center;
  width: 15px;
  height: 15px;
  padding-top: 2px;
  color: #fff;
}
.engagement-survey-action-report__item__body__goal {
  margin-top: 10px;
  border: 1px solid #E5E5EA;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  padding: 15px;
}
.engagement-survey-action-report__item__body__goal__heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__goal__text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__goal__icon {
  width: 20px;
  height: 20px;
  background-color: #56DB2E;
  border-radius: 50%;
}
.engagement-survey-action-report__item__body__goal__icon svg {
  display: flex;
  align-items: center;
  justify-self: center;
  width: 12px;
  height: 12px;
  padding: 4px 0 0 1px;
  color: #fff;
}
.engagement-survey-action-report__item__body__plan {
  margin-top: 15px;
  padding: 0 15px;
}
.engagement-survey-action-report__item__body__plan__heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__plan__icon {
  width: 20px;
  height: 20px;
  background-color: #FCCA37;
  border-radius: 50%;
}
.engagement-survey-action-report__item__body__plan__icon svg {
  display: flex;
  align-items: center;
  justify-self: center;
  width: 12px;
  height: 12px;
  padding: 4px 1px 0 0;
  color: #fff;
}
.engagement-survey-action-report__item__body__plan__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 20px;
  font-size: 13px;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__plan__item {
  background-color: #fff;
  border: 1px solid #FCCA37;
  border-radius: 10px;
  padding: 20px 15px 15px;
  width: 240px;
  position: relative;
}
.engagement-survey-action-report__item__body__plan__item:nth-of-type(-n+2)::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 23px;
  background: url("../images/common/icon-step-arrow-to-right.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: -40px;
  margin: auto;
  pointer-events: none;
}
.engagement-survey-action-report__item__body__plan__step {
  position: absolute;
  left: 8px;
  top: -10px;
  display: inline-block;
  width: 47px;
  height: 20px;
  background-color: #FCCA37;
  border-radius: 26px;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #fff;
}
.engagement-survey-action-report__item__body__plan__step__heading {
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
}
.engagement-survey-action-report__item__body__plan__step__text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__discussion-theme {
  margin-top: 15px;
  border: 1px solid #3BAFFC;
  border-radius: 10px;
  overflow: hidden;
  background-color: #E2F3FF;
  padding: 15px;
}
.engagement-survey-action-report__item__body__discussion-theme__heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__discussion-theme__text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
}
.engagement-survey-action-report__item__body__discussion-theme__icon {
  width: 20px;
  height: 20px;
  background-color: #3BAFFC;
  border-radius: 50%;
}
.engagement-survey-action-report__item__body__discussion-theme__icon svg {
  display: flex;
  align-items: center;
  justify-self: center;
  width: 14px;
  height: 10px;
  padding: 6px 0 0 0;
  color: #fff;
}
.engagement-survey-action-report .js-accordion-header.is-active .js-accordion-icon path[fill=white] {
  fill: #FFDF7E !important;
}
.engagement-survey-action-report .js-accordion-header.is-active .js-accordion-icon path[fill="#FFDF7E"]:not(:nth-child(2)) {
  fill: white !important;
}
.engagement-survey-action-report .js-accordion-header .is-rotated svg {
  transform: scaleY(-1);
}
.engagement-survey-action-report .js-accordion-body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  margin: 0;
  padding: 0;
  border-top: none;
}
.engagement-survey-action-report .js-accordion-body.is-open {
  max-height: -moz-fit-content;
  max-height: fit-content;
  opacity: 1;
  padding: 15px;
  border-top: 1px solid #E5E5EA;
}

.favorability-summary {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px 24px;
  margin-bottom: 20px;
}
.favorability-summary__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.favorability-summary__title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.favorability-summary__org-filter {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 6px 32px 6px 12px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  min-width: 200px;
}
.favorability-summary__org-filter:hover {
  border-color: #9ca3af;
}
.favorability-summary__org-filter:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}
.favorability-summary__body {
  display: flex;
  align-items: center;
  gap: 32px;
}
.favorability-summary__bar-area {
  flex: 1;
  min-width: 0;
}
.favorability-summary__tricolor-bar {
  display: flex;
  width: 100%;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
}
.favorability-summary__segment {
  height: 100%;
  transition: width 0.3s ease;
}
.favorability-summary__segment--favorable {
  background-color: #17979F;
}
.favorability-summary__segment--neutral {
  background-color: #E0E0E0;
}
.favorability-summary__segment--unfavorable {
  background-color: #EB676F;
}
.favorability-summary__labels {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
.favorability-summary__label {
  font-size: 12px;
  color: #666;
}
.favorability-summary__label--favorable {
  color: #17979F;
}
.favorability-summary__label--neutral {
  color: #757575;
}
.favorability-summary__label--unfavorable {
  color: #EB676F;
}
.favorability-summary__metrics {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 120px;
}
.favorability-summary__big-number {
  font-size: 36px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.favorability-summary__delta {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.favorability-summary__delta--positive {
  color: #17979F;
}
.favorability-summary__delta--negative {
  color: #EB676F;
}
.favorability-summary__delta--zero {
  color: #757575;
}
.favorability-summary__respondents {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1;
}
.favorability-summary__threshold-msg {
  padding: 24px;
  text-align: center;
  font-size: 14px;
  color: #9ca3af;
  background: #f9fafb;
  border-radius: 6px;
}

.favorability-matrix {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.favorability-matrix__toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.favorability-matrix__tool-btn {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.favorability-matrix__tool-btn:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
}
.favorability-matrix__tool-btn.active {
  background: #FFC718;
  border-color: #FFC718;
  color: #000;
}
.favorability-matrix__table-wrap {
  overflow-x: auto;
}
.favorability-matrix__table {
  display: flex;
  flex-direction: column;
  min-width: -moz-max-content;
  min-width: max-content;
}
.favorability-matrix__row {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #e5e7eb;
  min-width: -moz-max-content;
  min-width: max-content;
}
.favorability-matrix__row--header {
  background: #f2f2f2;
  border-bottom: 2px solid #ddd;
  font-weight: 600;
  font-size: 12px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.favorability-matrix__row--category {
  background: #fafafa;
  cursor: pointer;
  transition: background 0.15s;
}
.favorability-matrix__row--category:hover {
  background: #f0f0f0;
}
.favorability-matrix__row--item {
  background: #fff;
}
.favorability-matrix__row-target {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}
.favorability-matrix__row-target.is-open {
  opacity: 1;
}
.favorability-matrix__cell {
  flex: 0 0 140px;
  min-width: 140px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e5e7eb;
  font-size: 13px;
  gap: 2px;
}
.favorability-matrix__cell--label {
  flex: 0 0 200px;
  min-width: 200px;
  align-items: flex-start;
  font-weight: 500;
  color: #333;
  padding: 10px 12px;
  white-space: normal;
  line-height: 1.4;
}
.favorability-matrix__cell--category-label {
  font-weight: 600;
  font-size: 13px;
}
.favorability-matrix__cell--item-label {
  font-weight: 400;
  font-size: 12px;
  padding-left: 24px;
  color: #555;
}
.favorability-matrix__cell--threshold {
  color: #9ca3af;
  font-size: 14px;
}
.favorability-matrix__cell--highlight {
  background: rgba(255, 199, 24, 0.08);
}
.favorability-matrix__tricolor {
  display: flex;
  width: 100%;
  height: 14px;
  border-radius: 2px;
  overflow: hidden;
}
.favorability-matrix__tricolor-bar {
  height: 100%;
  transition: width 0.2s ease;
}
.favorability-matrix__tricolor-bar--favorable {
  background-color: #17979F;
}
.favorability-matrix__tricolor-bar--neutral {
  background-color: #E0E0E0;
}
.favorability-matrix__tricolor-bar--unfavorable {
  background-color: #EB676F;
}
.favorability-matrix__cell-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
}
.favorability-matrix__pct-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.favorability-matrix__pct-label {
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}
.favorability-matrix__pct-label--favorable {
  color: #17979F;
}
.favorability-matrix__pct-label--unfavorable {
  color: #EB676F;
}
.favorability-matrix__col-group {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  transition: max-width 0.4s ease, opacity 0.3s ease;
}
.favorability-matrix__col-group--hidden {
  max-width: 0;
  opacity: 0;
  pointer-events: none;
}
.favorability-matrix__col-toggle {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
}
.favorability-matrix__col-toggle .icon-open,
.favorability-matrix__col-toggle .icon-close {
  display: flex;
  align-items: center;
}
.favorability-matrix__col-toggle .icon-open svg,
.favorability-matrix__col-toggle .icon-close svg {
  width: 14px;
  height: 14px;
}
.favorability-matrix__toggle-icon {
  margin-left: auto;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
}
.favorability-matrix__toggle-icon svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.favorability-matrix__toggle-icon.rotate {
  transform: rotate(180deg);
}

.favorability-popover {
  position: fixed;
  z-index: 10000;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  padding: 12px 16px;
  min-width: 200px;
  max-width: 280px;
}
.favorability-popover__content {
  font-size: 13px;
  color: #333;
  line-height: 1.6;
}
.favorability-popover__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.favorability-popover__row + .favorability-popover__row {
  margin-top: 4px;
}
.favorability-popover__label {
  color: #6b7280;
}
.favorability-popover__value {
  font-weight: 600;
}
.favorability-popover__divider {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 8px 0;
}

.js-fav-cell {
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.js-fav-cell:hover {
  box-shadow: inset 0 0 0 2px #FFC718, 2px 4px 6px 0 rgba(111, 111, 111, 0.3);
}

.compliance-monitoring-modal__head {
  align-items: center;
  gap: 0 15px;
}
.compliance-monitoring-modal__info-wrap {
  display: flex;
}
.compliance-monitoring-modal__info-label {
  padding: 10px 15px;
  color: #6F6F6F;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-right: 0;
  font-size: 12px;
}
.compliance-monitoring-modal__info-txt {
  padding: 10px 15px;
  color: #6F6F6F;
  border: 1px solid #ddd;
  font-size: 12px;
}
.compliance-monitoring-modal__info-txt + .compliance-monitoring-modal__info-label {
  border-left: 0;
}
.compliance-monitoring-modal__alert-wrap {
  padding: 10px 15px;
  display: flex;
  gap: 0 10px;
  border: 1px solid #cf1313;
  background-color: #f7cfda;
  border-radius: 5px;
  color: #6f1010;
  align-items: center;
}
.compliance-monitoring-modal__alert-wrap svg {
  width: 40px;
}
.compliance-monitoring-modal__head-wrap {
  margin-bottom: 15px;
  display: flex;
}

.compliance-monitoring-modal-score__wrap {
  margin-bottom: 30px;
  display: flex;
  gap: 0 15px;
}
.compliance-monitoring-modal-score__spiderweb {
  width: 50%;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #F2F2F2;
}
.compliance-monitoring-modal-score__comment-wrap {
  width: 50%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.compliance-monitoring-modal-score__comment-heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.compliance-monitoring-modal-score__comment-heading span {
  font-weight: 400;
  font-size: 12px;
  display: block;
}
.compliance-monitoring-modal-score__comment-box-wrap {
  display: flex;
  gap: 0 10px;
  max-height: calc(100% - 57px);
  height: 100%;
}
.compliance-monitoring-modal-score__comment-title {
  margin-bottom: 5px;
  font-weight: 600;
}
.compliance-monitoring-modal-score__comment {
  background: #F2F2F2;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
  overflow: scroll;
  height: 100%;
}

.compliance-monitoring-modal-transition {
  margin-bottom: 30px;
}
.compliance-monitoring-modal-transition__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.compliance-monitoring-modal-score-detail {
  color: #404D61;
  font-size: 14px;
}
.compliance-monitoring-modal-score-detail__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.compliance-monitoring-modal-score-detail__row-head {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ddd;
  font-weight: 600;
  font-size: 12px;
}
.compliance-monitoring-modal-score-detail__row {
  display: flex;
  border: 1px solid #ddd;
  border-top: 0;
}
.compliance-monitoring-modal-score-detail__row--child {
  background: #F2F2F2;
}
.compliance-monitoring-modal-score-detail__cell {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  padding: 10px;
  border-right: 1px solid #ddd;
}
.compliance-monitoring-modal-score-detail__cell:last-child {
  border-right: 0;
}
.compliance-monitoring-modal-score-detail__cell--category {
  max-width: 160px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}
.compliance-monitoring-modal-score-detail__cell--category svg {
  margin-left: 5px;
  color: #6f1010;
  width: 20px;
}
.compliance-monitoring-modal-score-detail__cell--score {
  max-width: 174px;
}
.compliance-monitoring-modal-score-detail__cell--transition {
  max-width: 100px;
}
.compliance-monitoring-modal-score-detail__cell--comment {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 0 15px;
}
.compliance-monitoring-modal-score-detail__row--child .compliance-monitoring-modal-score-detail__cell--category {
  padding-left: 23x;
}
.compliance-monitoring-modal-score-detail__row-head .compliance-monitoring-modal-score-detail__cell {
  background: #F2F2F2;
}
.compliance-monitoring-modal-score-detail__row-head .compliance-monitoring-modal-score-detail__cell--positive {
  background-color: #c5eafc;
}
.compliance-monitoring-modal-score-detail__row-head .compliance-monitoring-modal-score-detail__cell--negative {
  background-color: #fdb6c8;
}
.compliance-monitoring-modal-score-detail__toggle {
  margin-left: auto;
}
.compliance-monitoring-modal-score-detail__toggle svg {
  color: #000;
}
.compliance-monitoring-modal-score-detail__score {
  padding: 5px 15px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compliance-monitoring-modal-score-detail__score.mc01 {
  background: #F65D5D;
}
.compliance-monitoring-modal-score-detail__score.mc04 {
  background: #FF7979;
}
.compliance-monitoring-modal-score-detail__score.mc05 {
  background: #FF987B;
}
.compliance-monitoring-modal-score-detail__score.mc06 {
  background: #FDBC79;
}
.compliance-monitoring-modal-score-detail__score.mc07 {
  background: #FFDF7E;
}
.compliance-monitoring-modal-score-detail__score.mc08 {
  background: #E7E284;
}
.compliance-monitoring-modal-score-detail__score.mc09 {
  background: #BEE68D;
}
.compliance-monitoring-modal-score-detail__score.mc10 {
  background: #59DB71;
}
.compliance-monitoring-modal-score-detail__score.mcc08, .compliance-monitoring-modal-score-detail__score.mcc09, .compliance-monitoring-modal-score-detail__score.mcc10 {
  background: #F65D5D;
}
.compliance-monitoring-modal-score-detail__score.mcc07 {
  background: #FF7979;
}
.compliance-monitoring-modal-score-detail__score.mcc06 {
  background: #FF987B;
}
.compliance-monitoring-modal-score-detail__score.mcc05 {
  background: #FDBC79;
}
.compliance-monitoring-modal-score-detail__score.mcc04 {
  background: #FFDF7E;
}
.compliance-monitoring-modal-score-detail__score.mcc03 {
  background: #E7E284;
}
.compliance-monitoring-modal-score-detail__score.mcc02 {
  background: #BEE68D;
}
.compliance-monitoring-modal-score-detail__score.mcc01 {
  background: #59DB71;
}
.compliance-monitoring-modal-score-detail__score-comparison {
  margin-top: 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
}
.compliance-monitoring-modal-score-detail__btn-group {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 10px 0;
}
.compliance-monitoring-modal-score-detail__btn {
  min-width: 110px;
  border-radius: 50px;
  padding: 1px 10px;
  background: #FFDF7E;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.compliance-monitoring-modal-score-detail__btn svg {
  margin-right: 5px;
  width: 15px;
}

.eic-dashboard__layer {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 55px;
  position: relative;
}
.eic-dashboard__layer--row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.eic-dashboard__cont {
  border-radius: 10px;
  padding: 15px;
  background-color: #fff;
}
.eic-dashboard__cont__inner {
  display: flex;
  flex-flow: row nowrap;
  gap: 120px;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
}
.eic-dashboard__cont-item {
  position: relative;
}
.eic-dashboard__select {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
.eic-dashboard__select select {
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 114px 10px 14px;
  font-size: 18px;
}
.eic-dashboard__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.eic-dashboard__block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.eic-dashboard__inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 100px;
}
.eic-dashboard__card {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 2px solid #BEBEBE;
  border-radius: 5px;
  background-color: #fff;
  padding: 12px;
  display: flex;
  flex-flow: column;
  gap: 5px;
  z-index: 20;
}
.eic-dashboard__card.js-slide-modal-btn {
  cursor: pointer;
}
.eic-dashboard__card.is-heat {
  border-color: #FC5537;
  background-color: #FFE6E1;
}
.eic-dashboard__card__head {
  border-radius: 5px;
  background-color: #F2F2F2;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
  text-align: center;
  font-weight: 500;
}
.eic-dashboard__card__head.is-heat span {
  position: relative;
}
.eic-dashboard__card__head.is-heat span::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: -30px;
  background: url("../images/common/icon-issue.svg") no-repeat top left/100% auto;
}
.eic-dashboard__card__body {
  display: flex;
  flex-flow: column nowrap;
  gap: 5px;
}
.eic-dashboard__card__wrap {
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #BEBEBE;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
}
.eic-dashboard__card__column {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.eic-dashboard__card__column + * {
  border-left: 1px solid #BEBEBE;
}
.eic-dashboard__card__total {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #BEBEBE;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 0 15px;
}
.eic-dashboard__card__item {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 4px;
  letter-spacing: 0;
  padding: 6px 0;
}
.eic-dashboard__card__item:first-of-type {
  min-height: 51px;
  padding-top: 10px;
}
.eic-dashboard__card__item:nth-of-type(2) {
  min-height: 55px;
  padding-top: 10px;
}
.eic-dashboard__card__item:not(:last-of-type) {
  border-bottom: 1px solid #BEBEBE;
}
.eic-dashboard__card__item.bg-green {
  background-color: #E4FFEA;
}
.eic-dashboard__card__item.bg-red {
  background-color: #FFEFE4;
}
.eic-dashboard__card__item__heading {
  font-size: 14px;
  line-height: 1;
}
.eic-dashboard__card__item__percentage {
  font-size: 12px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 4px;
}
.eic-dashboard__card__item__percentage.bg-blue {
  background-color: #E0F5FF;
}
.eic-dashboard__card__item__percentage.bg-red {
  background-color: #FFE6E1;
}
.eic-dashboard__card__informaiton {
  width: 24px;
  height: 24px;
  background-color: #FFDF7E;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: auto;
  color: #FFDF7E;
  padding-left: 1px;
  transition: all 0.3s;
  margin-left: 15px;
  color: #000;
}
.eic-dashboard__card__informaiton:hover {
  background-color: #fff;
  border: 1px solid #FFDF7E;
}
.eic-dashboard__card__informaiton.is-visible {
  background-color: #fff;
  border: 1px solid #FFDF7E;
}
.eic-dashboard__card__informaiton-block {
  position: relative;
  height: 0;
  overflow: visible;
  pointer-events: none;
}
.eic-dashboard__card__informaiton-block__list {
  display: flex;
  flex-flow: column nowrap;
  gap: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  margin: 0;
}
.eic-dashboard__card__informaiton-block__item {
  border: 2px solid #ddd;
  border-radius: 40px;
  background-color: #fff;
  padding: 3px 60px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transform: translate(0, 0) scale(0.5);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.eic-dashboard__card__informaiton-block__item:hover {
  background-color: #ddd;
}
.eic-dashboard__card__informaiton-block__item:nth-of-type(2) {
  position: relative;
  left: 15px;
}
.eic-dashboard__card__graph {
  display: none;
  margin: auto;
  width: 400px;
  min-height: 90px;
}
.eic-dashboard__card__ai-comment {
  padding-top: 8px;
  width: 400px;
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
}
.eic-dashboard__card__ai-comment__heading {
  font-size: 14px;
  line-height: 19px;
}
.eic-dashboard__card__ai-comment__text {
  font-size: 12px;
  line-height: 18px;
}
.eic-dashboard__card__VoE {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 5px;
}
.eic-dashboard__card__VoE__item {
  border: 1px solid #fff;
  border-radius: 30px;
  width: 177px;
  background: #FFDF7E;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.eic-dashboard__card__VoE__item svg {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.eic-dashboard__card__VoE__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0 8px;
  border-radius: 30px;
}
.eic-dashboard__card__VoE__btn:hover {
  opacity: 1;
  border-color: #FFDF7E;
  background-color: #fff;
}
.eic-dashboard__modal {
  position: relative;
}
.eic-dashboard__modal__head {
  margin-bottom: 10px;
}
.eic-dashboard__modal__heading {
  font-size: 28px;
}
.eic-dashboard__modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.eic-dashboard__modal__body {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
  padding: 15px;
  background: #FAFAFA;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.eic-dashboard__modal__filter {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 12px 18px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.eic-dashboard__modal__switch {
  display: flex;
  padding: 8px 24px;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.eic-dashboard__modal__switch__label {
  font-size: 12px;
  list-style: 14px;
}
.eic-dashboard__modal__switch__button-wrap {
  margin: 0 30px 0 10px;
}
.eic-dashboard__modal__switch__button {
  display: none;
}
.eic-dashboard__modal__switch__button-img {
  position: relative;
  border-radius: 50px;
  background: #ddd;
  width: 39px;
  height: 17px;
  display: block;
  transition: all 0.3s;
}
.eic-dashboard__modal__switch__button-img::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0px 1px 4px 0px #e4e4e4;
}
.eic-dashboard__modal__switch__button:checked + .eic-dashboard__modal__switch__button-img {
  background: #ffdf7e;
}
.eic-dashboard__modal__switch__button:checked + .eic-dashboard__modal__switch__button-img::before {
  left: auto;
  right: 2px;
}
.eic-dashboard__modal__button:checked + .eic-dashboard__modal__button-img {
  background: #ffdf7e;
}
.eic-dashboard__modal__button:checked + .eic-dashboard__modal__button-img::before {
  left: auto;
  right: 2px;
}
.eic-dashboard__modal__select {
  position: relative;
  margin: 0 10px 0 auto;
  font-size: 12px;
  list-style: 14px;
}
.eic-dashboard__modal__select select {
  display: inline-block;
  margin-left: 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 4px 47px 4px 14px;
  font-size: 14px;
}
.eic-dashboard__modal__select::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../images/common/icon-select-arrow.svg") no-repeat top left/100% auto;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.eic-dashboard__modal__wrap {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 20px;
}
.eic-dashboard__modal__segment {
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fff;
  width: 183px;
  margin-top: 20px;
}
.eic-dashboard__modal__segment__heading {
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  padding: 12px 18px;
}
.eic-dashboard__modal__segment__filter {
  padding: 12px 18px;
}
.eic-dashboard__modal__segment__filter:last-of-type {
  padding-bottom: 18px;
}
.eic-dashboard__modal__segment__filter__heading {
  font-size: 12px;
}
.eic-dashboard__modal__segment__filter__item {
  position: relative;
  margin-top: 12px;
}
.eic-dashboard__modal__segment__filter__item input {
  position: absolute;
}
.eic-dashboard__modal__segment__filter__item + * {
  margin-top: 9px;
}
.eic-dashboard__modal__segment__filter__item--step03 {
  display: flex;
  flex-flow: column nowrap;
  gap: 7px 0;
}
.eic-dashboard__modal__segment__filter__item--step03:last-of-type {
  margin-top: 18px;
}
.eic-dashboard__modal__segment__filter__item--step03__label {
  display: block;
  font-size: 12px;
}
.eic-dashboard__modal__segment__filter__label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  padding-left: 28px;
}
.eic-dashboard__modal__segment__filter__label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  background-color: #fff;
}
.eic-dashboard__modal__segment__filter .radio-buttun:checked + .eic-dashboard__modal__segment__filter__label {
  font-weight: 500;
}
.eic-dashboard__modal__segment__filter .radio-buttun:checked + .eic-dashboard__modal__segment__filter__label::before {
  outline: 6px solid #FFDF7E;
  outline-offset: -6px;
}
.eic-dashboard__modal__chart {
  width: 708px;
}

.js-information-target.is-visible {
  height: auto;
  pointer-events: auto;
}
.js-information-target.is-visible .js-information-item1 {
  animation: enablePointer 0.4s forwards;
  opacity: 1;
  transform: translate(120px, -45px) scale(1);
}
.js-information-target.is-visible .js-information-item2 {
  animation: enablePointer 0.4s forwards;
  opacity: 1;
  transform: translate(130px, 0) scale(1);
}
.js-information-target.is-visible .js-information-item3 {
  animation: enablePointer 0.4s forwards;
  opacity: 1;
  transform: translate(120px, 45px) scale(1);
}

@keyframes enablePointer {
  to {
    pointer-events: auto;
  }
}
.js-org-children {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), height 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}
.js-org-children.is-visible {
  /* JSで明示的に設定する */
  width: auto;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.org-chart-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

#liner-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.organization-score-heatmap-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 30px;
  min-height: 640px;
}

/* 重回帰分析ツリー用スタイル */
/* プロジェクト環境: 1rem = 10px */
/* 元のHTMLファイル: 1rem = 16px */
/* すべてのサイズは元のHTMLと同じpx値になるよう調整済み */
.engagement-survey-factor-analysis .text-xs {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
}
.engagement-survey-factor-analysis .text-sm {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
}
.engagement-survey-factor-analysis .text-base {
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
}
.engagement-survey-factor-analysis .text-lg {
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
}
.engagement-survey-factor-analysis .text-xl {
  font-size: 2rem !important;
  line-height: 2.8rem !important;
}
.engagement-survey-factor-analysis .text-2xl {
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
}
.engagement-survey-factor-analysis .text-3xl {
  font-size: 3rem !important;
  line-height: 3.6rem !important;
}
.engagement-survey-factor-analysis .text-4xl {
  font-size: 3.6rem !important;
  line-height: 4rem !important;
}
.engagement-survey-factor-analysis .leading-none {
  line-height: 1 !important;
}
.engagement-survey-factor-analysis .leading-tight {
  line-height: 1.25 !important;
}
.engagement-survey-factor-analysis .leading-snug {
  line-height: 1.375 !important;
}
.engagement-survey-factor-analysis .leading-normal {
  line-height: 1.5 !important;
}
.engagement-survey-factor-analysis .leading-relaxed {
  line-height: 1.625 !important;
}
.engagement-survey-factor-analysis .leading-loose {
  line-height: 2 !important;
}
.engagement-survey-factor-analysis .p-1 {
  padding: 0.4rem !important;
}
.engagement-survey-factor-analysis .p-2 {
  padding: 0.8rem !important;
}
.engagement-survey-factor-analysis .p-3 {
  padding: 1.2rem !important;
}
.engagement-survey-factor-analysis .p-4 {
  padding: 1.6rem !important;
}
.engagement-survey-factor-analysis .p-6 {
  padding: 2.4rem !important;
}
.engagement-survey-factor-analysis .p-8 {
  padding: 3.2rem !important;
}
.engagement-survey-factor-analysis .px-1 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}
.engagement-survey-factor-analysis .px-2 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}
.engagement-survey-factor-analysis .px-3 {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}
.engagement-survey-factor-analysis .px-4 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}
.engagement-survey-factor-analysis .px-6 {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important;
}
.engagement-survey-factor-analysis .py-1 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}
.engagement-survey-factor-analysis .py-2 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}
.engagement-survey-factor-analysis .py-3 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}
.engagement-survey-factor-analysis .pt-16 {
  padding-top: 6.4rem !important;
}
.engagement-survey-factor-analysis .pb-1 {
  padding-bottom: 0.4rem !important;
}
.engagement-survey-factor-analysis .pb-10 {
  padding-bottom: 4rem !important;
}
.engagement-survey-factor-analysis .m-1 {
  margin: 0.4rem !important;
}
.engagement-survey-factor-analysis .m-2 {
  margin: 0.8rem !important;
}
.engagement-survey-factor-analysis .mb-1 {
  margin-bottom: 0.4rem !important;
}
.engagement-survey-factor-analysis .mb-2 {
  margin-bottom: 0.8rem !important;
}
.engagement-survey-factor-analysis .mb-3 {
  margin-bottom: 1.2rem !important;
}
.engagement-survey-factor-analysis .mb-4 {
  margin-bottom: 1.6rem !important;
}
.engagement-survey-factor-analysis .mb-6 {
  margin-bottom: 2.4rem !important;
}
.engagement-survey-factor-analysis .mb-8 {
  margin-bottom: 3.2rem !important;
}
.engagement-survey-factor-analysis .mt-1 {
  margin-top: 0.4rem !important;
}
.engagement-survey-factor-analysis .mt-4 {
  margin-top: 1.6rem !important;
}
.engagement-survey-factor-analysis .ml-2 {
  margin-left: 0.8rem !important;
}
.engagement-survey-factor-analysis .mr-1 {
  margin-right: 0.4rem !important;
}
.engagement-survey-factor-analysis .mr-2 {
  margin-right: 0.8rem !important;
}
.engagement-survey-factor-analysis .mr-4 {
  margin-right: 1.6rem !important;
}
.engagement-survey-factor-analysis .w-full {
  width: 100% !important;
}
.engagement-survey-factor-analysis .w-64 {
  width: 25.6rem !important;
}
.engagement-survey-factor-analysis .w-1\/3 {
  width: 33.333333% !important;
}
.engagement-survey-factor-analysis .w-5 {
  width: 2rem !important;
}
.engagement-survey-factor-analysis .h-5 {
  height: 2rem !important;
}
.engagement-survey-factor-analysis .w-2 {
  width: 0.8rem !important;
}
.engagement-survey-factor-analysis .w-8 {
  width: 4rem !important;
}
.engagement-survey-factor-analysis .h-2 {
  height: 0.8rem !important;
}
.engagement-survey-factor-analysis .w-3 {
  width: 1.2rem !important;
}
.engagement-survey-factor-analysis .h-3 {
  height: 1.2rem !important;
}
.engagement-survey-factor-analysis .h-12 {
  height: 4.8rem !important;
}
.engagement-survey-factor-analysis .w-11\/12 {
  width: 91.666667% !important;
}
.engagement-survey-factor-analysis .max-w-xs {
  max-width: 32rem !important;
}
.engagement-survey-factor-analysis .max-w-3xl {
  max-width: 76.8rem !important;
}
.engagement-survey-factor-analysis .gap-1 {
  gap: 0.4rem !important;
}
.engagement-survey-factor-analysis .gap-2 {
  gap: 0.8rem !important;
}
.engagement-survey-factor-analysis .gap-3 {
  gap: 1.2rem !important;
}
.engagement-survey-factor-analysis .gap-4 {
  gap: 1.6rem !important;
}
.engagement-survey-factor-analysis .gap-6 {
  gap: 2.4rem !important;
}
.engagement-survey-factor-analysis .gap-8 {
  gap: 3.2rem !important;
}
.engagement-survey-factor-analysis .gap-10 {
  gap: 4rem !important;
}
.engagement-survey-factor-analysis .rounded-md {
  border-radius: 0.6rem !important;
}
.engagement-survey-factor-analysis .rounded-lg {
  border-radius: 0.8rem !important;
}
.engagement-survey-factor-analysis .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.8rem !important;
  margin-bottom: 0 !important;
}
.engagement-survey-factor-analysis .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.2rem !important;
  margin-bottom: 0 !important;
}
.engagement-survey-factor-analysis {
  /* カスタムカラー */
  /* カスタムカラー */
}
.engagement-survey-factor-analysis .border {
  border-width: 1px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-0 {
  border-width: 0 !important;
}
.engagement-survey-factor-analysis .border-2 {
  border-width: 2px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-4 {
  border-width: 4px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-t {
  border-top-width: 1px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-r {
  border-right-width: 1px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-b {
  border-bottom-width: 1px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-l {
  border-left-width: 1px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-b-2 {
  border-bottom-width: 2px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-l-4 {
  border-left-width: 4px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-t-\[3px\] {
  border-top-width: 3px !important;
  border-style: solid !important;
}
.engagement-survey-factor-analysis .border-transparent {
  border-color: transparent !important;
}
.engagement-survey-factor-analysis .border-t-gray-800 {
  border-top-color: #1F2937 !important;
}
.engagement-survey-factor-analysis .border-red-500 {
  border-color: #EF4444 !important;
}
.engagement-survey-factor-analysis .border-red-100 {
  border-color: #FEE2E2 !important;
}
.engagement-survey-factor-analysis .border-green-100 {
  border-color: #D1FAE5 !important;
}
.engagement-survey-factor-analysis .border-gray-100 {
  border-color: #F3F4F6 !important;
}
.engagement-survey-factor-analysis .border-gray-200 {
  border-color: #E5E7EB !important;
}
.engagement-survey-factor-analysis .border-slate-300 {
  border-color: #CBD5E1 !important;
}
.engagement-survey-factor-analysis .text-alert {
  color: #DC2626;
}
.engagement-survey-factor-analysis .bg-alert-light {
  background-color: #FEE2E2;
}
.engagement-survey-factor-analysis .text-positive {
  color: #10B981;
}
.engagement-survey-factor-analysis .text-negative {
  color: #EF4444;
}
.engagement-survey-factor-analysis {
  /* ツリー構造の線 */
}
.engagement-survey-factor-analysis .tree-line-vertical {
  position: absolute;
  width: 3px;
  background-color: #CBD5E1;
  z-index: 0;
}
.engagement-survey-factor-analysis .tree-line-horizontal {
  position: absolute;
  height: 3px;
  background-color: #CBD5E1;
  z-index: 0;
}
.engagement-survey-factor-analysis {
  /* カードスタイル */
}
.engagement-survey-factor-analysis .node-card {
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
  background-color: white;
}
.engagement-survey-factor-analysis .node-card:hover {
  transform: translateY(-3px);
  z-index: 20;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.engagement-survey-factor-analysis {
  /* モーダル設定 */
}
.engagement-survey-factor-analysis .modal-backdrop {
  transition: opacity 0.3s ease;
}
.engagement-survey-factor-analysis .modal-content {
  transition: transform 0.3s ease, max-width 0.3s ease;
  height: 90vh;
  max-height: 90vh;
  z-index: 60;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.engagement-survey-factor-analysis .modal-content.expanded {
  max-width: 85vw !important;
}
.engagement-survey-factor-analysis {
  /* ビュー切り替えボタン */
}
.engagement-survey-factor-analysis .view-toggle-btn {
  background-color: white;
  color: #4B5563;
  border-color: #E5E7EB;
}
.engagement-survey-factor-analysis .view-toggle-btn.active {
  background-color: #ffc718;
  color: #444444;
  border-color: #ffc718;
  font-weight: 600;
}
.engagement-survey-factor-analysis {
  /* バブルチャート */
}
.engagement-survey-factor-analysis .quadrant-bubble {
  cursor: pointer;
  transition: opacity 0.2s;
}
.engagement-survey-factor-analysis .quadrant-bubble:hover {
  opacity: 1 !important;
}
.engagement-survey-factor-analysis .quadrant-bubble:hover circle {
  stroke: #333;
  stroke-width: 2px;
}
.engagement-survey-factor-analysis .quadrant-bubble text {
  stroke: none;
  fill: #333;
  pointer-events: none;
}
.engagement-survey-factor-analysis {
  /* 質問用の小さいバブル */
}
.engagement-survey-factor-analysis .question-bubble {
  cursor: help;
}
.engagement-survey-factor-analysis .question-bubble circle {
  transition: r 0.2s, stroke 0.2s;
}
.engagement-survey-factor-analysis .question-bubble:hover {
  z-index: 100;
}
.engagement-survey-factor-analysis .question-bubble:hover circle {
  r: 10px;
  stroke: #555;
  stroke-width: 1px;
}
.engagement-survey-factor-analysis .question-bubble text {
  stroke: none;
  pointer-events: none;
}
.engagement-survey-factor-analysis {
  /* 接続線のアニメーション */
}
@keyframes dash-animation {
  to {
    stroke-dashoffset: -10;
  }
}
.engagement-survey-factor-analysis .connection-line {
  fill: none;
  stroke: #E5E7EB;
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
  pointer-events: none;
  transition: stroke 0.3s ease, stroke-width 0.3s ease;
}
.engagement-survey-factor-analysis .connection-line.active {
  stroke: #6B7280;
  stroke-width: 1.5px;
  animation: dash-animation 0.5s linear infinite;
}
.engagement-survey-factor-analysis {
  /* ツールチップコネクタ */
}
.engagement-survey-factor-analysis .tooltip-connector {
  stroke: #4B5563;
  stroke-width: 2px;
  fill: none;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s;
}
.engagement-survey-factor-analysis .tooltip-connector.visible {
  opacity: 1;
}
.engagement-survey-factor-analysis {
  /* ツールチップ */
}
.engagement-survey-factor-analysis #alert-tooltip {
  position: fixed;
  z-index: 1000;
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
  max-width: 220px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.engagement-survey-factor-analysis #alert-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.engagement-survey-factor-analysis #chart-tooltip {
  position: fixed;
  z-index: 3000;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #ccc;
  color: #333;
  padding: 10px;
  border-radius: 6px;
  font-size: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s;
  max-width: 280px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  line-height: 1.4;
}
.engagement-survey-factor-analysis .comment-tooltip {
  position: fixed;
  z-index: 2000;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px;
  width: 360px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  font-size: 13px;
  line-height: 1.5;
  color: #374151;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  pointer-events: auto;
}
.engagement-survey-factor-analysis .comment-tooltip.visible {
  opacity: 1;
  visibility: visible;
}
.engagement-survey-factor-analysis .voe-star {
  cursor: pointer;
  color: #D1D5DB;
  margin-right: 8px;
  transition: color 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.engagement-survey-factor-analysis .voe-star.marked {
  color: #ffc718;
}
.engagement-survey-factor-analysis {
  /* アクション対象リスト */
}
.engagement-survey-factor-analysis .voe-item {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #E5E7EB;
}
.engagement-survey-factor-analysis .voe-item:last-child {
  border-bottom: none;
}
.engagement-survey-factor-analysis .voe-content {
  padding-right: 32px;
}
.engagement-survey-factor-analysis .voe-text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1F2937;
  margin-bottom: 8px;
  line-height: 1.5;
}
.engagement-survey-factor-analysis .voe-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.engagement-survey-factor-analysis .voe-tag {
  font-size: 1.2rem;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 600;
  white-space: nowrap;
}
.engagement-survey-factor-analysis .voe-tag-category {
  background-color: #FEF3C7;
  color: #D97706;
}
.engagement-survey-factor-analysis .voe-tag-group {
  background-color: #F3F4F6;
  color: #4B5563;
}
.engagement-survey-factor-analysis .voe-delete {
  position: absolute;
  top: 16px;
  right: 0;
  cursor: pointer;
  color: #9CA3AF;
  font-size: 2.4rem;
  line-height: 1;
  transition: color 0.2s;
}
.engagement-survey-factor-analysis .voe-delete:hover {
  color: #EF4444;
}
.engagement-survey-factor-analysis .quadrant-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.engagement-survey-factor-analysis {
  /* 指標表示用のグリッド */
}
.engagement-survey-factor-analysis .metrics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  text-align: center;
  border-top: 1px solid #f3f3f3;
  padding-top: 8px;
  margin-top: 4px;
}
.engagement-survey-factor-analysis .metric-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 4px;
}
.engagement-survey-factor-analysis .metric-label {
  font-size: 1rem;
  color: #9CA3AF;
}
.engagement-survey-factor-analysis .metric-value {
  font-size: 1.44rem;
  font-weight: 700;
  color: #4B5563;
}
.engagement-survey-factor-analysis {
  /* 帯グラフ用スタイル */
}
.engagement-survey-factor-analysis .bar-segment {
  transition: width 0.5s ease-in-out;
}
.engagement-survey-factor-analysis {
  /* 右側VoE詳細パネルのスタイル */
}
.engagement-survey-factor-analysis #voe-detail-panel {
  transition: width 0.3s ease, opacity 0.3s ease;
  width: 0;
  opacity: 0;
  overflow: hidden;
  background-color: #f9fafb;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.engagement-survey-factor-analysis #voe-detail-panel.open {
  width: 550px;
  opacity: 1;
}
.engagement-survey-factor-analysis {
  /* 優先度バッジ */
}
.engagement-survey-factor-analysis .priority-badge {
  display: inline-block;
  font-size: 1.04rem;
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
  margin-right: 4px;
}
.engagement-survey-factor-analysis .badge-high {
  background-color: #EF4444;
}
.engagement-survey-factor-analysis .badge-mid {
  background-color: #F59E0B;
}
.engagement-survey-factor-analysis .badge-low {
  background-color: #6B7280;
}

.insight-hub-tab__list {
  display: flex;
  align-items: center;
  gap: 6px;
}
.insight-hub-tab__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 12px 12px 8px;
  background-color: #fff;
  border: 1px solid #C7C8CD;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  text-decoration: none;
  cursor: pointer;
  transition: all ease 0.2s;
}
.insight-hub-tab__link:hover {
  background: #FFF5D6;
}
.insight-hub-tab__link:hover .insight-hub-tab__label {
  color: #000;
  font-weight: 500;
}
.insight-hub-tab__link.active {
  background-color: #FFC718;
  border-color: #FFC718;
}
.insight-hub-tab__link.active .insight-hub-tab__number {
  background-color: #fff;
}
.insight-hub-tab__link.active .insight-hub-tab__label {
  color: #000;
  font-weight: 500;
}
.insight-hub-tab__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #F6F6F9;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-tab__label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #B4B4B4;
  letter-spacing: 0.48px;
  white-space: nowrap;
  transition: all ease 0.2s;
}

.insight-hub__content {
  border-radius: 0 12px 12px 12px;
  padding: 24px;
  background-color: #fff;
}
.insight-hub__content:has(.insight-hub-org-tree) {
  padding: 0;
}

.insight-hub-org-tree {
  background-color: #EFEFF2;
  background-size: 20px 20px;
  height: 350px;
  overflow: hidden;
  position: relative;
}
.insight-hub-org-tree svg, .insight-hub-org-tree svg * {
  cursor: default !important;
}
.insight-hub-org-tree [data-ctrl-ec-id] {
  cursor: pointer !important;
}

.insight-hub-org-selected {
  padding: 16px 24px;
}
.insight-hub-org-selected__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  line-height: 1;
}
.insight-hub-org-selected__person {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}
.insight-hub-org-selected__photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.insight-hub-org-selected__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.insight-hub-org-selected__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.42px;
}
.insight-hub-org-selected__name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.54px;
}

.insight-hub-dropdown-section {
  margin-top: 24px;
  padding: 24px 24px 0;
}

.insight-hub-dropdown {
  position: relative;
  display: inline-block;
}
.insight-hub-dropdown__trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.insight-hub-dropdown__label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.72px;
}
.insight-hub-dropdown__chevron {
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
}
.insight-hub-dropdown.open .insight-hub-dropdown__chevron {
  transform: rotate(180deg);
}
.insight-hub-dropdown__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 10;
  min-width: max(280px, 100%);
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 4px 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}
.insight-hub-dropdown.open .insight-hub-dropdown__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.insight-hub-dropdown__item {
  padding: 10px 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: #353535;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.insight-hub-dropdown__item:hover {
  background-color: #FFF5D6;
}
.insight-hub-dropdown__item.active {
  font-weight: 600;
  background-color: #FFF9E6;
}

.insight-hub-voe-tab__list {
  display: flex;
  gap: 12px;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-voe-tab__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 160px;
  height: 112px;
  padding: 12px 16px 8px;
  background-color: #fff;
  border: 1px solid #C7C8CD;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-bottom: -1px;
  z-index: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.insight-hub-voe-tab__item:not(.active):hover {
  background-color: #FFF5D6;
}
.insight-hub-voe-tab__item.active {
  background-color: #FFC718;
  border-color: #FFC718;
}
.insight-hub-voe-tab__label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
  line-height: 1.3;
  text-align: left;
}
.insight-hub-voe-tab__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.insight-hub-voe-tab__value {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.insight-hub-voe-tab__number {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #353535;
  letter-spacing: 0.72px;
  line-height: 1;
}
.insight-hub-voe-tab__unit {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-voe-tab__trend {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #18D66A;
}
.insight-hub-voe-tab__trend-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.insight-hub-voe-tab__trend-value {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.36px;
}
.insight-hub-voe-tab__content {
  border: 1px solid #C7C8CD;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-radius: 0 12px 12px 12px;
  padding: 24px 24px 24px 0;
  background-color: #fff;
}
.insight-hub-voe-tab__panel {
  display: none;
}
.insight-hub-voe-tab__panel.active {
  display: block;
}
.insight-hub-voe-tab__panel-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
}

.insight-hub-voe-section-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.insight-hub-voe-summary {
  display: flex;
  gap: 24px;
  margin-bottom: 48px;
}
.insight-hub-voe-summary__left {
  flex: 1;
  min-width: 0;
}
.insight-hub-voe-summary__right {
  width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.insight-hub-voe-summary__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.72px;
  line-height: 1.4;
  margin-bottom: 16px;
}
.insight-hub-voe-summary__highlight {
  color: #FF2D55;
}
.insight-hub-voe-summary__body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}

.insight-hub-voe-treemap {
  margin-top: 24px;
}
.insight-hub-voe-treemap__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  width: 100%;
  height: 36px;
  background: #EFEFF2;
  border-radius: 8px;
  margin-bottom: 0;
}
.insight-hub-voe-treemap__header-icon {
  width: 18px;
  height: 16px;
  flex-shrink: 0;
}
.insight-hub-voe-treemap__header-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.insight-hub-voe-treemap__breadcrumb {
  display: none;
  min-height: 32px;
  border-radius: 5px;
  margin: 8px 0 12px;
}
.insight-hub-voe-treemap__breadcrumb.is-visible {
  display: flex;
}
.insight-hub-voe-treemap__breadcrumb button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  border: none;
  outline: none;
  height: 100%;
  transition: background-color 0.2s ease;
}
.insight-hub-voe-treemap #insight-treemap-container {
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 4px;
}
.insight-hub-voe-treemap__tooltip {
  display: none;
  position: fixed;
  z-index: 50;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px 12px;
  pointer-events: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  word-break: break-word;
  font-family: "Noto Sans JP", sans-serif;
}
.insight-hub-voe-treemap__tooltip.is-visible {
  display: block;
}
.insight-hub-voe-treemap__tooltip-name {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.insight-hub-voe-treemap__tooltip-value {
  font-size: 12px;
  color: #000;
}

.insight-hub-voe-report__preview {
  position: relative;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  overflow: hidden;
}
.insight-hub-voe-report__thumbnail {
  width: 100%;
  height: auto;
  display: block;
}
.insight-hub-voe-report__hover-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}
.insight-hub-voe-report__preview:hover .insight-hub-voe-report__hover-overlay {
  opacity: 1;
}
.insight-hub-voe-report__hover-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  height: 36px;
  padding: 0 16px;
  background: #EFEFF2;
  border: 1px solid #C7C8CD;
  border-radius: 1000px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-voe-report__slide {
  position: relative;
  padding: 20px;
  background: #f8f8f8;
  aspect-ratio: 16/9;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
.insight-hub-voe-report__slide-text {
  flex: 1;
  z-index: 1;
}
.insight-hub-voe-report__slide-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  margin-bottom: 12px;
}
.insight-hub-voe-report__slide-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insight-hub-voe-report__slide-author {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8px;
  color: #666;
}
.insight-hub-voe-report__slide-avatar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #C7C8CD;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.insight-hub-voe-report__slide-date {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 8px;
  color: #999;
  margin-top: 4px;
}
.insight-hub-voe-report__slide-chart {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 160px;
}
.insight-hub-voe-report__donut {
  width: 100%;
  height: 100%;
}
.insight-hub-voe-report__slide-logo {
  position: absolute;
  right: 16px;
  bottom: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #FF6B00;
  display: flex;
  align-items: center;
  gap: 4px;
}
.insight-hub-voe-report__slide-logo::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FF6B00;
}
.insight-hub-voe-report__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 0;
}
.insight-hub-voe-report__filename {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  color: #353535;
}
.insight-hub-voe-report__download {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}

.insight-hub-voe-meta {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.insight-hub-voe-meta th, .insight-hub-voe-meta td {
  padding: 6px 8px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.42px;
  line-height: 1.6;
  border-right: 1px solid #C7C8CD;
}
.insight-hub-voe-meta th:last-child, .insight-hub-voe-meta td:last-child {
  border-right: none;
}
.insight-hub-voe-meta th {
  background-color: #EFEFF2;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-voe-meta__unit {
  font-size: 12px;
  letter-spacing: 0.36px;
  margin-left: 2px;
}

.insight-hub-survey-tab__list {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-survey-tab__item {
  display: flex;
  align-items: center;
  padding: 16px 32px;
  background-color: #fff;
  border: 1px solid #C7C8CD;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.48px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.insight-hub-survey-tab__item:not(.active):hover {
  background-color: #FFF5D6;
}
.insight-hub-survey-tab__item.active {
  background-color: #FFC718;
  border-color: #FFC718;
  margin-bottom: -1px;
  z-index: 1;
  cursor: default;
}
.insight-hub-survey-tab__content {
  padding: 24px 0;
  background-color: #fff;
}
.insight-hub-survey-tab__panel {
  display: none;
}
.insight-hub-survey-tab__panel.active {
  display: block;
}
.insight-hub-survey-tab__panel-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
}

.insight-hub-theme-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.insight-hub-theme-section__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
}

.insight-hub-theme-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.insight-hub-theme-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  min-height: 96px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
.insight-hub-theme-item--extra {
  display: none;
}
.insight-hub-theme-list.expanded .insight-hub-theme-item--extra {
  display: grid;
}
.insight-hub-theme-item__number {
  grid-column: 1;
  grid-row: 1/span 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  background: #EFEFF2;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 1px;
  line-height: 28px;
  text-align: center;
}
.insight-hub-theme-item__body {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 12px 16px;
  min-width: 0;
  cursor: pointer;
  transition: background-color 0.15s;
}
.insight-hub-theme-item__body:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.insight-hub-theme-item__badges {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.insight-hub-theme-item__badges-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.insight-hub-theme-item__badges-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.insight-hub-theme-item__main {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}
.insight-hub-theme-item__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.insight-hub-theme-item__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.54px;
}
.insight-hub-theme-item__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.48px;
  line-height: 1.6;
}
.insight-hub-theme-item__detail {
  grid-column: 2;
  display: none;
  flex-direction: column;
  align-items: center;
  background-color: #EFEFF2;
  background-size: 20px 20px;
  border-top: none;
  margin: 0 24px;
  border-radius: 0 0 4px 4px;
}
.insight-hub-theme-item__detail.is-open {
  display: flex;
}
.insight-hub-theme-item__extra-section {
  grid-column: 2;
  display: none;
  border-top: 1px solid #C7C8CD;
}
.insight-hub-theme-item__extra-section.open {
  display: block;
}
.insight-hub-theme-item__tree {
  width: 100%;
  height: 340px;
  overflow: hidden;
}
.insight-hub-theme-item__tree svg, .insight-hub-theme-item__tree svg * {
  cursor: default !important;
}
.insight-hub-theme-item__tree [data-ctrl-ec-id] {
  cursor: pointer !important;
}
.insight-hub-theme-item__collapse {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #9C9C9C;
}
.insight-hub-theme-item__collapse svg {
  width: 24px;
  height: 24px;
}
.insight-hub-theme-item__collapse:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.insight-hub-theme-item__collapse-icon-collapse {
  display: none;
}
.insight-hub-theme-item__collapse[aria-expanded=true] .insight-hub-theme-item__collapse-icon-expand {
  display: none;
}
.insight-hub-theme-item__collapse[aria-expanded=true] .insight-hub-theme-item__collapse-icon-collapse {
  display: inline-flex;
}

.insight-hub-theme-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 12px 0 8px;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.36px;
  flex-shrink: 0;
}
.insight-hub-theme-badge svg {
  width: 16px;
  height: 16px;
}
.insight-hub-theme-badge--ai {
  background: #3071E2;
  color: #fff;
}
.insight-hub-theme-badge--unique {
  background: #fff;
  border: 1px solid #C7C8CD;
  color: #353535;
}

.insight-hub-theme-judge {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 16px 4px 12px;
  border: 1px solid #18D66A;
  border-radius: 4px;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #18D66A;
  letter-spacing: 0.36px;
  flex-shrink: 0;
}
.insight-hub-theme-judge svg {
  width: 16px;
  height: 16px;
}

.insight-hub-theme-ratings {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background: #EFEFF2;
  border-radius: 6px;
  flex-shrink: 0;
}
.insight-hub-theme-ratings__pill {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  background: #fff;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.36px;
  white-space: nowrap;
}

.insight-hub-theme-stats {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
  padding: 4px 0;
}
.insight-hub-theme-stats__row {
  display: flex;
  align-items: center;
}
.insight-hub-theme-stats__label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 60px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-theme-stats__val {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  border-right: 1px solid #C7C8CD;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-theme-stats__val--last {
  border-right: none;
}

.insight-hub-theme-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 8px 0;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
  transition: background-color 0.15s;
}
.insight-hub-theme-more:hover {
  background-color: #F6F6F9;
}
.insight-hub-theme-more svg {
  width: 20px;
  height: 20px;
}
.insight-hub-theme-more__icon-collapse {
  display: none;
}
.insight-hub-theme-more.expanded .insight-hub-theme-more__icon-expand {
  display: none;
}
.insight-hub-theme-more.expanded .insight-hub-theme-more__icon-collapse {
  display: inline-flex !important;
}

.insight-hub-dropdown-content {
  margin-top: 16px;
}
.insight-hub-dropdown-content__panel {
  display: none;
}
.insight-hub-dropdown-content__panel.active {
  display: block;
}
.insight-hub-dropdown-content__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
}

.insight-hub-theme-detail {
  width: 100%;
}
.insight-hub-theme-detail__titlebar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-bottom: 1px solid #EFEFF2;
}
.insight-hub-theme-detail__titlebar-text {
  flex: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #353535;
}
.insight-hub-theme-detail__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-theme-detail__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-theme-detail__close:hover {
  color: #000;
}
.insight-hub-theme-detail__header {
  display: flex;
  align-items: flex-start;
  padding: 16px 24px;
  background: #F6F6F9;
}
.insight-hub-theme-detail__header-icon {
  flex-shrink: 0;
  padding-right: 12px;
  padding-top: 4px;
  color: #353535;
}
.insight-hub-theme-detail__header-icon svg {
  width: 20px;
  height: 20px;
}
.insight-hub-theme-detail__header-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insight-hub-theme-detail__header-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.48px;
  color: #353535;
}
.insight-hub-theme-detail__header-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.insight-hub-theme-detail__header-flag {
  flex-shrink: 0;
  padding-left: 4px;
  padding-top: 20px;
  display: flex;
  align-items: flex-start;
  color: #353535;
}
.insight-hub-theme-detail__header-flag svg {
  width: 24px;
  height: 24px;
}
.insight-hub-theme-detail__attr {
  padding: 24px;
}
.insight-hub-theme-detail__attr-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #353535;
  margin-bottom: 16px;
}
.insight-hub-theme-detail__attr-tabs {
  display: flex;
  gap: 6px;
}
.insight-hub-theme-detail__attr-tab {
  padding: 16px;
  border: 1px solid #C7C8CD;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  background: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.48px;
  color: #353535;
  cursor: pointer;
  transition: all ease 0.2s;
}
.insight-hub-theme-detail__attr-tab:hover {
  background: #FFF5D6;
}
.insight-hub-theme-detail__attr-tab.active {
  background: #FFC718;
  border-color: #FFC718;
}
.insight-hub-theme-detail__attr-content {
  border: 1px solid #C7C8CD;
  border-radius: 0 6px 6px 6px;
  overflow: hidden;
}
.insight-hub-theme-detail__attr-panel {
  display: none;
  padding: 24px;
  min-width: 0;
  overflow-x: auto;
}
.insight-hub-theme-detail__attr-panel.active {
  display: block;
}
.insight-hub-theme-detail__attr-panel-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
}
.insight-hub-theme-detail__attr-chart {
  width: 100%;
  min-height: 300px;
}

.insight-hub-causal {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #EFEFF2;
}
.insight-hub-causal__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #000;
  margin-bottom: 16px;
}
.insight-hub-causal__legend {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.insight-hub-causal__legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.insight-hub-causal__legend-swatch {
  display: block;
  width: 24px;
  height: 16px;
  border-radius: 4px;
  border: 2px solid;
}
.insight-hub-causal__legend-swatch--root {
  background: #FFEBEE;
  border-color: #EF9A9A;
}
.insight-hub-causal__legend-swatch--mid {
  background: #FFF3E0;
  border-color: #FFCC80;
}
.insight-hub-causal__legend-swatch--result {
  background: #E3F2FD;
  border-color: #90CAF9;
}
.insight-hub-causal__legend-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
  white-space: nowrap;
}
.insight-hub-causal__legend-divider {
  width: 1px;
  height: 16px;
  background: #C7C8CD;
}
.insight-hub-causal__legend-arrow {
  flex-shrink: 0;
}
.insight-hub-causal__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.insight-hub-causal__controls-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.insight-hub-causal__segment {
  display: flex;
  align-items: center;
  padding: 4px 5px;
  border: 1px solid #CBD5E1;
  border-radius: 6px;
  background: #FFF;
}
.insight-hub-causal__segment-btn {
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  background: transparent;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
  transition: background ease 0.15s;
}
.insight-hub-causal__segment-btn:hover {
  background: #F8FAFC;
}
.insight-hub-causal__segment-btn.active {
  background: #F1F5F9;
}
.insight-hub-causal__toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 4px;
  border-radius: 6px;
  background: #EFEFF2;
}
.insight-hub-causal__toggle-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #9C9C9C;
  cursor: pointer;
  transition: all ease 0.15s;
}
.insight-hub-causal__toggle-btn svg {
  width: 24px;
  height: 24px;
}
.insight-hub-causal__toggle-btn.active {
  background: #FFF;
  color: #000;
}
.insight-hub-causal__toggle-btn.active[data-causal-val=cause] {
  color: #E8472B;
}
.insight-hub-causal__toggle-btn.active[data-causal-val=effect] {
  color: #E8472B;
}
.insight-hub-causal__diagram {
  position: relative;
  width: 688px;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.insight-hub-causal__band {
  height: 112px;
  padding: 8px;
}
.insight-hub-causal__band--result {
  background: rgba(227, 242, 253, 0.5);
  border-radius: 8px 8px 0 0;
}
.insight-hub-causal__band--mid {
  background: rgba(255, 243, 224, 0.5);
}
.insight-hub-causal__band--root {
  background: rgba(255, 235, 238, 0.5);
}
.insight-hub-causal__band--bottom {
  height: 64px;
  border-radius: 0 0 8px 8px;
}
.insight-hub-causal__band-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.42px;
}
.insight-hub-causal__node {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 172px;
  height: 48px;
  padding: 14px;
  border-radius: 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.42px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
.insight-hub-causal__node--result {
  background: #E3F2FD;
  border: 2px solid #90CAF9;
  color: #0D47A1;
}
.insight-hub-causal__node--mid {
  background: #FFF3E0;
  border: 2px solid #FFCC80;
  color: #E65100;
}
.insight-hub-causal__node--root {
  background: #FFEBEE;
  border: 2px solid #EF9A9A;
  color: #B71C1C;
}
.insight-hub-causal__node--selected {
  border-width: 4px;
  border-color: #FB8C00;
}
.insight-hub-causal__node--dim {
  opacity: 0.3;
}
.insight-hub-causal__node-tooltip {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 2px;
  background: #363636;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 0.39px;
  white-space: nowrap;
}
.insight-hub-causal__arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.insight-hub-causal__detail {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  border: 1px solid #C7C8CD;
  border-radius: 6px;
}
.insight-hub-causal__detail-info {
  flex-shrink: 0;
}
.insight-hub-causal__detail-badge {
  display: inline-block;
  padding: 4px 16px;
  border-radius: 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.42px;
  margin-bottom: 4px;
}
.insight-hub-causal__detail-badge--mid {
  background: #FFF3E0;
  border: 1px solid #FFCC80;
  color: #E65100;
}
.insight-hub-causal__detail-badge--root {
  background: #FFEBEE;
  border: 1px solid #EF9A9A;
  color: #B71C1C;
}
.insight-hub-causal__detail-badge--result {
  background: #E3F2FD;
  border: 1px solid #90CAF9;
  color: #0D47A1;
}
.insight-hub-causal__detail-name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.42px;
  line-height: 1.5;
}
.insight-hub-causal__detail-gauges {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.insight-hub-causal__gauge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}
.insight-hub-causal__gauge-svg {
  width: 80px;
  height: 80px;
}
.insight-hub-causal__gauge-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  letter-spacing: 1px;
}
.insight-hub-causal__gauge-value small {
  font-size: 12px;
  letter-spacing: 0.36px;
}
.insight-hub-causal__gauge-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.42px;
}
.insight-hub-causal__gauge-label--blue {
  color: #3071E2;
}
.insight-hub-causal__gauge-label--orange {
  color: #FD8B3E;
}
.insight-hub-causal__detail-tracking {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: auto;
}
.insight-hub-causal__tracking-card {
  display: flex;
  align-items: center;
  gap: 80px;
  padding: 8px 16px;
  border: 1px solid #C7C8CD;
  border-radius: 6px;
}
.insight-hub-causal__tracking-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.insight-hub-causal__tracking-left > [data-lucide], .insight-hub-causal__tracking-left > svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #353535;
}
.insight-hub-causal__tracking-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.insight-hub-causal__tracking-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-causal__tracking-sub {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.36px;
}
.insight-hub-causal__tracking-count {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  letter-spacing: 1px;
  line-height: 28px;
}

.insight-hub-voe-section {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #EFEFF2;
}
.insight-hub-voe-section__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #000;
}

.insight-hub-voe-card-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.insight-hub-voe-card {
  position: relative;
  padding-left: 4px;
  overflow: hidden;
}
.insight-hub-voe-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #EE1919;
  border-radius: 20px;
}
.insight-hub-voe-card__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding: 5px 22px;
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background-color: #EFEFF2;
}
.insight-hub-voe-card__trend {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 17px 2px;
  min-width: 61px;
  height: 24px;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  text-align: center;
}
.insight-hub-voe-card__trend--red {
  background-color: #FCDBCF;
}
.insight-hub-voe-card__trend--green {
  background-color: #C6F5DC;
  color: #0A8F4A;
}
.insight-hub-voe-card__trend--blue {
  background-color: #D4EDFC;
  color: #1976B8;
}
.insight-hub-voe-card__trend--gray {
  background-color: #E8E8ED;
  color: #5C5C5C;
}
.insight-hub-voe-card__evaluation {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 3px 8px;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.insight-hub-voe-card__priority {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #353535;
}
.insight-hub-voe-card__assessment {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  min-width: 69px;
  height: 21px;
  padding: 4px 10px;
  background-color: #EFEFF2;
  border: 1px solid #EEEBE5;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #353535;
}
.insight-hub-voe-card__arrow-icon {
  flex-shrink: 0;
}
.insight-hub-voe-card__body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  padding: 9px 20px;
  background-color: #fff;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #C7C8CD;
  min-width: 0;
}
.insight-hub-voe-card__issue {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.insight-hub-voe-card__title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-voe-card__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 22px;
  padding: 4px 5px;
  border-radius: 4px;
  background-color: #FFDCD8;
}
.insight-hub-voe-card__title-text {
  line-height: normal;
}
.insight-hub-voe-card__desc {
  margin-top: 9px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.39px;
  line-height: normal;
}
.insight-hub-voe-card__actions {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 177px;
  flex-shrink: 0;
}
.insight-hub-voe-card__action-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 3px 24px;
  height: 28px;
  border: 1px solid #C7C8CD;
  border-radius: 30px;
  width: 100%;
  background: #EFEFF2;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  color: #353535;
}
.insight-hub-voe-card__action-btn svg {
  flex-shrink: 0;
}
.insight-hub-voe-card__action-btn--green {
  background-color: #56DB2E;
  border-color: #fff;
  color: #fff;
  font-family: "M PLUS 1", "Noto Sans JP", sans-serif;
  font-weight: 600;
}
.insight-hub-voe-card__solution-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 23px;
  background-color: #F6F6F9;
  border: 1px solid #C7C8CD;
  border-top: none;
  border-bottom-width: 0;
}
.insight-hub-voe-card__solution-panel.is-visible {
  max-height: 1000px;
  padding: 23px;
  border-bottom-width: 1px;
}
.insight-hub-voe-card__solution-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.insight-hub-voe-card__solution-head-left {
  display: flex;
  align-items: center;
  -moz-column-gap: 9px;
       column-gap: 9px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #353535;
}
.insight-hub-voe-card__solution-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-voe-card__solution-close svg {
  width: 16px;
  height: 16px;
}
.insight-hub-voe-card__solution-list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.insight-hub-voe-card__solution-item {
  position: relative;
  padding-left: 4px;
  overflow: hidden;
}
.insight-hub-voe-card__solution-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #11D76D;
  border-radius: 20px;
}
.insight-hub-voe-card__solution-item-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  padding: 5px 22px;
  border-width: 2px 2px 1px 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background-color: #fff;
}
.insight-hub-voe-card__solution-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 17px 2px;
  min-width: 61px;
  height: 24px;
  border-radius: 4px;
  background-color: #C6F5DC;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #0A8F4A;
}
.insight-hub-voe-card__solution-eval {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  min-width: 69px;
  height: 21px;
  padding: 4px 10px;
  background-color: #EFEFF2;
  border: 1px solid #EEEBE5;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #353535;
}
.insight-hub-voe-card__solution-item-body {
  padding: 9px 20px;
  background-color: #fff;
  border-width: 0 1px 2px 1px;
  border-style: solid;
  border-color: #C7C8CD;
}
.insight-hub-voe-card__solution-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-voe-card__solution-desc {
  margin-top: 9px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.39px;
  line-height: normal;
}

.insight-hub-voe-modal__head {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.insight-hub-voe-modal__heading {
  font-size: 21px;
  line-height: 44px;
}
.insight-hub-voe-modal__heading span {
  margin-right: 5px;
  font-weight: 500;
  padding: 6px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.insight-hub-voe-modal__close {
  margin-left: auto;
  cursor: pointer;
}
.insight-hub-voe-modal__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-voe-modal__wrap {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
}
.insight-hub-voe-modal__subheading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  margin-bottom: 24px;
}
.insight-hub-voe-modal__count {
  font-weight: 400;
}
.insight-hub-voe-modal__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.insight-hub-voe-modal__box {
  background-color: #F6F6F9;
  border-radius: 12px;
  padding: 16px;
}
.insight-hub-voe-modal__box-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  line-height: 1.6;
  letter-spacing: 0.48px;
  white-space: pre-wrap;
}
.insight-hub-voe-modal__box-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  letter-spacing: 0.36px;
  color: #353535;
  text-align: right;
}
.insight-hub-voe-modal__box-link {
  color: #2848AC;
  text-decoration: underline;
  cursor: pointer;
}

.insight-hub-strength-summary {
  background: #F6F6F9;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
}
.insight-hub-strength-summary__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
  line-height: 1;
  margin-bottom: 12px;
}
.insight-hub-strength-summary__body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}

.insight-hub-strength-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.insight-hub-strength-card {
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 16px;
  padding: 16px 16px 4px 24px;
}
.insight-hub-strength-card__content {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.insight-hub-strength-card__left {
  flex: 3;
  display: flex;
  align-items: flex-start;
  min-width: 0;
}
.insight-hub-strength-card__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 16px;
  margin-top: 6px;
  color: #E8472B;
}
.insight-hub-strength-card__text {
  flex: 1;
  min-width: 0;
  padding: 8px 0;
}
.insight-hub-strength-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1;
  margin-bottom: 8px;
}
.insight-hub-strength-card__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}
.insight-hub-strength-card__voe {
  flex: 2.5;
  min-width: 0;
  background: #F6F6F9;
  border-radius: 12px;
  padding: 16px 24px;
}
.insight-hub-strength-card__voe-heading {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}
.insight-hub-strength-card__voe-icon {
  flex-shrink: 0;
  width: 20px;
  height: 17px;
}
.insight-hub-strength-card__voe-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.48px;
}
.insight-hub-strength-card__voe-chevron {
  width: 24px !important;
  height: 24px !important;
  color: #353535 !important;
}
.insight-hub-strength-card__voe-quotes {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.insight-hub-strength-card__voe-item {
  display: flex;
  flex-direction: column;
}
.insight-hub-strength-card__voe-quote-row {
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.insight-hub-strength-card__voe-quote-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #353535;
}
.insight-hub-strength-card__voe-text {
  flex: 1;
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
  line-height: 1;
}
.insight-hub-strength-card__voe-attr {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.36px;
  text-align: right;
}
.insight-hub-strength-card__org-wrap {
  display: none;
  margin-top: 16px;
  border-top: 1px solid #C7C8CD;
}
.insight-hub-strength-card__org-tree {
  width: 100%;
  height: 340px;
  overflow: hidden;
  background-color: #EFEFF2;
  background-size: 20px 20px;
}
.insight-hub-strength-card__org-tree > div {
  background: #EFEFF2 !important;
}
.insight-hub-strength-card__org-tree svg, .insight-hub-strength-card__org-tree svg * {
  cursor: default !important;
}
.insight-hub-strength-card__org-tree [data-ctrl-ec-id] {
  cursor: pointer !important;
}
.insight-hub-strength-card__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 12px 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: #9C9C9C;
}
.insight-hub-strength-card__toggle .lucide,
.insight-hub-strength-card__toggle [data-lucide] {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
.insight-hub-strength-card.is-expanded .insight-hub-strength-card__org-wrap {
  display: block;
}
.insight-hub-strength-card.is-expanded .insight-hub-strength-card__toggle .lucide,
.insight-hub-strength-card.is-expanded .insight-hub-strength-card__toggle [data-lucide] {
  transform: rotate(180deg);
}

.insight-hub-theme-history {
  margin-top: 48px;
}
.insight-hub-theme-history__chart {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 80px;
  padding: 24px 0;
}
.insight-hub-theme-history__chart::before {
  content: "";
  position: absolute;
  top: 38px;
  left: var(--history-line-left, 0);
  right: var(--history-line-right, 0);
  height: 1px;
  background: #C7C8CD;
}
.insight-hub-theme-history__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}
.insight-hub-theme-history__year-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 16px;
  background: #fff;
  color: #000;
  border: 1px solid #C7C8CD;
  border-radius: 9999px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.54px;
  position: relative;
  z-index: 1;
}
.insight-hub-theme-history__nodes {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.insight-hub-theme-history__node {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
}
.insight-hub-theme-history__node:hover {
  opacity: 0.8;
}
.insight-hub-theme-history__node--green {
  background: #EBFFF4;
}
.insight-hub-theme-history__node--gray {
  background: #F6F6F9;
}
.insight-hub-theme-history__node--red {
  background: #FFF0ED;
}
.insight-hub-theme-history__node.is-active {
  box-shadow: 0 0 0 2px #888;
  opacity: 1 !important;
}
.insight-hub-theme-history__node.is-dimmed {
  opacity: 0.25;
}
.insight-hub-theme-history__node.is-dimmed:hover {
  opacity: 0.4;
}
.insight-hub-theme-history__node-text {
  flex: 1;
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-theme-history__node-new {
  position: absolute;
  top: -8px;
  right: -4px;
  padding: 0 6px;
  background: #FFC718;
  border-radius: 9999px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.42px;
  line-height: 1.6;
  z-index: 2;
}
.insight-hub-theme-history__node-chevron {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #9C9C9C;
}
.insight-hub-theme-history__lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.insight-hub-detail-modal__box {
  height: 600px;
  margin-top: -300px;
}

.insight-hub-interview-modal__bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.7);
}
.insight-hub-interview-modal__bg.is-open {
  display: block;
}
.insight-hub-interview-modal__box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 550px;
  margin-top: -275px;
  margin-left: -250px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.insight-hub-interview-modal__head {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  height: 60px;
}
.insight-hub-interview-modal__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
}
.insight-hub-interview-modal__close {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.insight-hub-interview-modal__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-interview-modal__body {
  padding: 15px;
  height: 440px;
  overflow-y: auto;
}
.insight-hub-interview-modal__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
  line-height: 1.6;
  margin-bottom: 15px;
}
.insight-hub-interview-modal__textarea {
  width: 100%;
  height: 300px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #F3F3F3;
  padding: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  resize: none;
}
.insight-hub-interview-modal__foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 15px;
}
.insight-hub-interview-modal__foot-btn {
  padding: 5px 28px;
  min-width: 200px;
  background-color: #FFDF7E;
  border-radius: 35px;
  cursor: pointer;
  transition: all 0.3s;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.insight-hub-ts-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-ts-header__org {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  line-height: 1;
}
.insight-hub-ts-header__person {
  display: flex;
  align-items: center;
  gap: 12px;
}
.insight-hub-ts-header__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.insight-hub-ts-header__info {
  display: flex;
  flex-direction: column;
}
.insight-hub-ts-header__role {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.42px;
}
.insight-hub-ts-header__name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.54px;
}

.insight-hub-ts-summary {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}
.insight-hub-ts-summary__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  line-height: 1;
}

.insight-hub-ts-themes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}
.insight-hub-ts-themes__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  line-height: 1;
}
.insight-hub-ts-themes__columns {
  display: flex;
  gap: 24px;
}
.insight-hub-ts-themes__col-left, .insight-hub-ts-themes__col-right {
  flex: 1;
  min-width: 0;
}
.insight-hub-ts-themes__col-right {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.insight-hub-ts-block {
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  overflow: hidden;
}
.insight-hub-ts-block__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background-color: #EFEFF2;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-ts-block__header-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #353535;
}
.insight-hub-ts-block__header-title {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.insight-hub-ts-block__header-name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
}
.insight-hub-ts-block__header-count {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-ts-block__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.insight-hub-ts-block__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: #353535;
}
.insight-hub-ts-block__icon-btn:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.insight-hub-ts-block__icon-btn svg {
  width: 14px;
  height: 14px;
}
.insight-hub-ts-block__icon-btn.is-filtered {
  position: relative;
  color: #FCCA37;
}
.insight-hub-ts-block__icon-btn.is-filtered::after {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 7px;
  height: 7px;
  background-color: #FCCA37;
  border: 1.5px solid #fff;
  border-radius: 50%;
  content: "";
}
.insight-hub-ts-block__add-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 12px 0 8px;
  background-color: #EFEFF2;
  border: 1px solid #C7C8CD;
  border-radius: 1000px;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-ts-block__add-btn:hover {
  background-color: #E5E5E8;
}
.insight-hub-ts-block__add-btn svg {
  width: 24px;
  height: 24px;
}
.insight-hub-ts-block__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  min-height: 20px;
}
.insight-hub-ts-block__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
  background-color: #F6F6F9;
}
.insight-hub-ts-block__empty p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.42px;
  line-height: 1.6;
}

.insight-hub-ts-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  cursor: grab;
  transition: opacity 0.3s ease, box-shadow 0.3s ease;
}
.insight-hub-ts-card:active {
  cursor: grabbing;
}
.insight-hub-ts-card--ghost {
  opacity: 0.4;
  border: 2px dashed #FFC718;
  box-shadow: none;
}
.insight-hub-ts-card--drag {
  opacity: 0.9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transform: rotate(2deg);
}
.insight-hub-ts-card--chosen {
  cursor: grabbing;
}
.insight-hub-ts-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.insight-hub-ts-card__meta-left {
  display: flex;
  align-items: center;
  gap: 2px;
}
.insight-hub-ts-card__meta-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.insight-hub-ts-card__star {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-ts-card__star svg {
  width: 24px;
  height: 24px;
}
.insight-hub-ts-card__star.is-active {
  color: #FFC718;
}
.insight-hub-ts-card__star.is-active svg {
  fill: #FFC718;
}
.insight-hub-ts-card__star-count, .insight-hub-ts-card__comment-count {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
  margin-right: 6px;
}
.insight-hub-ts-card__comment-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-ts-card__comment-btn svg {
  width: 24px;
  height: 24px;
}
.insight-hub-ts-card__type {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 0 6px 0 4px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
}
.insight-hub-ts-card__type svg {
  width: 24px;
  height: 24px;
}
.insight-hub-ts-card__type span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.42px;
}
.insight-hub-ts-card__status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 20px;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.36px;
}
.insight-hub-ts-card__status--bad {
  background-color: #FCDBCF;
  color: #FC5537;
}
.insight-hub-ts-card__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.insight-hub-ts-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}
.insight-hub-ts-card__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.36px;
  line-height: 1.6;
  word-break: break-word;
}

.insight-hub-ts-popup {
  z-index: 100;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  min-width: 160px;
}
.insight-hub-ts-popup__body {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.insight-hub-ts-popup__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-ts-popup__item:hover {
  background-color: #F6F6F9;
}
.insight-hub-ts-popup__checkbox {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
.insight-hub-ts-popup__checkbox:checked {
  background-color: #FCCA37;
  border-color: #FCCA37;
}
.insight-hub-ts-popup__checkbox:checked::before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.insight-hub-ts-popup__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 12px;
  border-top: 1px solid #C7C8CD;
}
.insight-hub-ts-popup__apply {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1A0DAB;
  letter-spacing: 0.42px;
  text-decoration: underline;
}
.insight-hub-ts-popup__sort-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
  text-align: left;
}
.insight-hub-ts-popup__sort-item:hover {
  background-color: #F6F6F9;
}
.insight-hub-ts-popup__sort-item.is-active {
  background-color: #FFF5D6;
  font-weight: 600;
}

.insight-hub-ts-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.insight-hub-ts-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.insight-hub-ts-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 201;
  width: 800px;
  height: 100vh;
  background: #fff;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}
.insight-hub-ts-drawer.is-open {
  transform: translateX(0);
}

.insight-hub-theme-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.insight-hub-theme-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.insight-hub-theme-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 201;
  width: 800px;
  height: 100vh;
  background: #fff;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}
.insight-hub-theme-drawer.is-open {
  transform: translateX(0);
}

.insight-hub-ts-memo-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.insight-hub-ts-memo {
  width: 560px;
  max-width: 90vw;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.insight-hub-ts-memo__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-ts-memo__title {
  flex: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.6px;
}
.insight-hub-ts-memo__close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-ts-memo__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-ts-memo__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px 0;
}
.insight-hub-ts-memo__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.48px;
  line-height: 1.6;
}
.insight-hub-ts-memo__textarea {
  width: 100%;
  height: 200px;
  padding: 8px 12px;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  resize: vertical;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.48px;
  line-height: 1.6;
}
.insight-hub-ts-memo__textarea::-moz-placeholder {
  color: #9C9C9C;
}
.insight-hub-ts-memo__textarea::placeholder {
  color: #9C9C9C;
}
.insight-hub-ts-memo__textarea:focus {
  outline: none;
  border-color: #FFC718;
}
.insight-hub-ts-memo__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}
.insight-hub-ts-memo__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 36px;
  border-radius: 1000px;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-ts-memo__btn--clear {
  background-color: #EFEFF2;
  border: 1px solid #C7C8CD;
}
.insight-hub-ts-memo__btn--clear:hover {
  background-color: #E5E5E8;
}
.insight-hub-ts-memo__btn--save {
  background-color: #FFC718;
  border: none;
}
.insight-hub-ts-memo__btn--save:hover {
  background-color: #FFD54F;
}

.insight-hub-as-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}
.insight-hub-as-actions__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
  line-height: 1;
}
.insight-hub-as-actions__columns {
  display: flex;
  gap: 24px;
  position: sticky;
  top: 16px;
  height: calc(100vh - 32px);
}
.insight-hub-as-actions__columns.has-above-overlay {
  z-index: 201;
}
.insight-hub-as-actions__columns.has-above-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}
.insight-hub-as-actions__col-left {
  flex: 0 0 768px;
  min-width: 0;
  overflow-y: auto;
}
.insight-hub-as-actions__col-left > .insight-hub-ts-block {
  overflow: visible;
  border: none;
}
.insight-hub-as-actions__col-left > .insight-hub-ts-block::before {
  content: "";
  display: block;
  position: sticky;
  top: 0;
  height: 8px;
  margin-bottom: -8px;
  background: #fff;
  z-index: 2;
  pointer-events: none;
}
.insight-hub-as-actions__col-left > .insight-hub-ts-block > .insight-hub-ts-block__header {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #EFEFF2;
  border: 1px solid #C7C8CD;
  border-radius: 8px 8px 0 0;
}
.insight-hub-as-actions__col-left > .insight-hub-ts-block > .insight-hub-as-mindmap {
  border: 1px solid #C7C8CD;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.insight-hub-as-actions__col-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
}
.insight-hub-as-actions__col-right .insight-hub-ts-block {
  flex-shrink: 0;
}
.insight-hub-as-actions__col-right .insight-hub-ts-block__empty {
  padding: 12px 16px;
}

.insight-hub-as-mindmap {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 16px;
  position: relative;
}

.insight-hub-as-group {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 24px;
}
.insight-hub-as-group:last-of-type {
  margin-bottom: 0;
}

.insight-hub-as-group__themes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 0 0 280px;
  align-self: flex-start;
}

.insight-hub-as-theme-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
.insight-hub-as-theme-card.is-active {
  opacity: 1 !important;
  border: 1px solid #FFC718;
}
.insight-hub-as-theme-card.is-dimmed {
  opacity: 0.25;
  transition: opacity 0.3s ease;
}
.insight-hub-as-theme-card.is-dimmed:hover {
  opacity: 0.4;
}
.insight-hub-as-theme-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.insight-hub-as-theme-card__type {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 0 6px 0 4px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
}
.insight-hub-as-theme-card__type svg {
  width: 24px;
  height: 24px;
}
.insight-hub-as-theme-card__type span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.42px;
}
.insight-hub-as-theme-card__judge {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px 0 6px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
}
.insight-hub-as-theme-card__judge svg {
  width: 24px;
  height: 24px;
}
.insight-hub-as-theme-card__judge span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.36px;
}
.insight-hub-as-theme-card__judge--green {
  border-color: #18D66A;
}
.insight-hub-as-theme-card__judge--green span {
  color: #18D66A;
}
.insight-hub-as-theme-card__judge--green svg {
  color: #18D66A;
}
.insight-hub-as-theme-card__judge--gray {
  border-color: #C7C8CD;
}
.insight-hub-as-theme-card__judge--gray span {
  color: #9C9C9C;
}
.insight-hub-as-theme-card__judge--gray svg {
  color: #9C9C9C;
}
.insight-hub-as-theme-card__judge--blue {
  border-color: #3071E2;
}
.insight-hub-as-theme-card__judge--blue span {
  color: #3071E2;
}
.insight-hub-as-theme-card__judge--blue svg {
  color: #3071E2;
}
.insight-hub-as-theme-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}
.insight-hub-as-theme-card__footer {
  display: flex;
  align-items: center;
  gap: 8px;
}
.insight-hub-as-theme-card__stat {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 1000px;
}
.insight-hub-as-theme-card__stat span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-as-theme-card__stat--star {
  background: #FFF9E5;
  border: 1px solid #FFC718;
}
.insight-hub-as-theme-card__stat--comment {
  background: #F6F6F9;
  border: 1px solid #C7C8CD;
}
.insight-hub-as-theme-card__status-wrap {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.insight-hub-as-group__branch {
  margin-left: 96px;
  flex: 1;
  min-width: 0;
}

.insight-hub-as-theme-card.is-label-hidden {
  display: none;
}

.insight-hub-as-group__actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.insight-hub-as-mindmap__lines {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.insight-hub-as-actions .insight-hub-ts-card.is-active {
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #FFC718;
  opacity: 1 !important;
}

.insight-hub-as-actions .insight-hub-ts-card.is-dimmed {
  opacity: 0.25;
}
.insight-hub-as-actions .insight-hub-ts-card.is-dimmed:hover {
  opacity: 0.4;
}

.insight-hub-as-unselected {
  max-width: 280px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 12px;
  margin-top: 24px;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  cursor: pointer;
}
.insight-hub-as-unselected__label {
  flex: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.42px;
}
.insight-hub-as-unselected__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-as-unselected__btn svg {
  width: 24px;
  height: 24px;
}

.insight-hub-as-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.insight-hub-as-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.insight-hub-as-drawer-overlay--transparent {
  background: transparent;
}

.insight-hub-as-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 210;
  width: 600px;
  height: 100vh;
  background: #fff;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}
.insight-hub-as-drawer.is-open {
  transform: translateX(0);
}

.insight-hub-as-detail__titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-as-detail__titlebar-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
}
.insight-hub-as-detail__close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-as-detail__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-as-detail__body {
  padding: 24px;
}

.insight-hub-as-detail__content {
  padding: 24px;
  background-color: #F6F6F9;
}

.insight-hub-as-detail__header {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.insight-hub-as-detail__header-icon {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
  color: #353535;
}
.insight-hub-as-detail__header-icon svg {
  width: 20px;
  height: 20px;
}

.insight-hub-as-detail__header-body {
  flex: 1;
  min-width: 0;
}

.insight-hub-as-detail__header-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.48px;
  margin-bottom: 8px;
}

.insight-hub-as-detail__header-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #717171;
  line-height: 1.6;
  letter-spacing: 0.36px;
}

.insight-hub-as-detail__quickwin {
  margin-bottom: 20px;
}

.insight-hub-as-detail__quickwin-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 8px 0 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #353535;
  background: #FFC718;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  letter-spacing: 0.42px;
}
.insight-hub-as-detail__quickwin-btn svg {
  width: 24px;
  height: 24px;
}

.insight-hub-as-detail__form-row {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

.insight-hub-as-detail__form-group {
  flex: 1;
  min-width: 0;
}

.insight-hub-as-detail__form-label {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.36px;
  margin-bottom: 6px;
}

.insight-hub-as-detail__form-select {
  position: relative;
}
.insight-hub-as-detail__form-select select {
  width: 100%;
  height: 36px;
  padding: 0 32px 0 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  color: #353535;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.insight-hub-as-detail__form-select select:focus {
  outline: none;
  border-color: #FFC718;
}
.insight-hub-as-detail__form-select > svg,
.insight-hub-as-detail__form-select > i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  color: #717171;
  pointer-events: none;
}

.insight-hub-as-detail__memo {
  margin-bottom: 16px;
}

.insight-hub-as-detail__memo-textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  color: #353535;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  resize: vertical;
}
.insight-hub-as-detail__memo-textarea::-moz-placeholder {
  color: #9C9C9C;
}
.insight-hub-as-detail__memo-textarea::placeholder {
  color: #9C9C9C;
}
.insight-hub-as-detail__memo-textarea:focus {
  outline: none;
  border-color: #FFC718;
}

.insight-hub-as-detail__save-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}

.insight-hub-as-detail__save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 8px 16px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  background: #FFC718;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.insight-hub-as-detail__save-btn:hover {
  opacity: 0.85;
}

.insight-hub-as-detail__actions-section {
  background: #F6F6F9;
  border: 1px solid #C7C8CD;
  border-top: none;
  padding: 23px;
}

.insight-hub-as-detail__actions-heading {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
}

.insight-hub-as-detail__actions-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  background: #C6F5DC;
  border-radius: 4px;
}
.insight-hub-as-detail__actions-icon svg {
  width: 13px;
  height: 13px;
}

.insight-hub-as-detail__actions-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #353535;
}

.insight-hub-as-detail__actions-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.insight-hub-as-action-item {
  display: flex;
  align-items: stretch;
}

.insight-hub-as-action-item__bar {
  flex-shrink: 0;
  width: 4px;
  background: #11D76D;
  border-radius: 20px;
}

.insight-hub-as-action-item__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.insight-hub-as-action-item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 24px;
  background: #fff;
  border-top: 2px solid #DDD;
  border-right: 2px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
}

.insight-hub-as-action-item__head-left {
  display: flex;
  align-items: center;
  gap: 13px;
}

.insight-hub-as-action-item__new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 61px;
  height: 21px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #11D76D;
  background: #C6F5DC;
  border-radius: 4px;
}

.insight-hub-as-action-item__evals {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 14px;
  background: #F6F6F9;
  border-radius: 4px;
}

.insight-hub-as-action-item__eval-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #353535;
}

.insight-hub-as-action-item__eval-fire {
  width: 12px;
  height: 11px;
}

.insight-hub-as-action-item__eval-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 80px;
  height: 21px;
  padding: 0 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #353535;
  background: #fff;
  border: 1px solid #EFEFF2;
  border-radius: 4px;
}
.insight-hub-as-action-item__eval-tag svg {
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}

.insight-hub-as-action-item__body {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  padding: 24px;
  background: #fff;
  border-bottom: 2px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}

.insight-hub-as-action-item__body-left {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.insight-hub-as-action-item__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.insight-hub-as-action-item__voe-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
  width: 58px;
  height: 21px;
  background: #CAE1FF;
  border-radius: 3px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #353535;
}
.insight-hub-as-action-item__voe-badge svg {
  width: 16px;
  height: 13px;
}

.insight-hub-as-action-item__title {
  flex: 1;
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.42px;
}

.insight-hub-as-action-item__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.39px;
}

.insight-hub-as-action-item__voe-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  width: 177px;
  height: 30px;
  padding: 0 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #353535;
  background: #EFEFF2;
  border: 1px solid #C7C8CD;
  border-radius: 30px;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.insight-hub-as-action-item__voe-btn svg {
  width: 12px;
  height: 10px;
  flex-shrink: 0;
}
.insight-hub-as-action-item__voe-btn:hover {
  opacity: 0.85;
}

.insight-hub-at-filters {
  margin-bottom: 20px;
}

.insight-hub-at-filters__row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.insight-hub-at-filters__row + .insight-hub-at-filters__row {
  margin-top: 12px;
}

.insight-hub-at-filters__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.insight-hub-at-filters__label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.39px;
}

.insight-hub-at-filters__select {
  position: relative;
}
.insight-hub-at-filters__select select {
  height: 40px;
  width: 240px;
  padding: 0 32px 0 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #353535;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  letter-spacing: 0.48px;
}
.insight-hub-at-filters__select select:focus {
  outline: none;
  border-color: #FFC718;
}
.insight-hub-at-filters__select > svg,
.insight-hub-at-filters__select > i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  color: #717171;
  pointer-events: none;
}

.insight-hub-at-filters__input {
  height: 40px;
  width: 240px;
  padding: 0 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #353535;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  letter-spacing: 0.48px;
}
.insight-hub-at-filters__input::-moz-placeholder {
  color: #9C9C9C;
}
.insight-hub-at-filters__input::placeholder {
  color: #9C9C9C;
}
.insight-hub-at-filters__input:focus {
  outline: none;
  border-color: #FFC718;
}

.insight-hub-at-filters__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 200px;
  width: 200px;
  padding: 0 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  background: #FFC718;
  border: none;
  border-radius: 1000px;
  cursor: pointer;
  margin-left: auto;
  transition: opacity 0.2s;
}
.insight-hub-at-filters__submit:hover {
  opacity: 0.85;
}

.insight-hub-at-summary {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.insight-hub-at-summary__card {
  display: flex;
  flex-direction: column;
  width: 120px;
  padding: 8px 12px;
  border: 1px solid #C7C8CD;
  border-radius: 12px;
  background: #fff;
}

.insight-hub-at-summary__label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #9C9C9C;
  letter-spacing: 0.39px;
}

.insight-hub-at-summary__value {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  line-height: 1.6;
  letter-spacing: 0.48px;
}

.insight-hub-at-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #353535;
  letter-spacing: 0.48px;
  border-radius: 8px;
  overflow: hidden;
}
.insight-hub-at-table thead th {
  padding: 12px;
  background: #EFEFF2;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.42px;
  border-bottom: 1px solid #C7C8CD;
  border-right: 1px solid #C7C8CD;
}
.insight-hub-at-table thead th:last-child {
  border-right: none;
}
.insight-hub-at-table tbody tr {
  cursor: pointer;
  transition: background-color 0.15s;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-at-table tbody tr:hover {
  background-color: #F6F6F9;
}
.insight-hub-at-table tbody td {
  height: 48px;
  padding: 0 12px;
  vertical-align: middle;
  border-right: 1px solid #C7C8CD;
  line-height: 1.6;
}
.insight-hub-at-table tbody td:last-child {
  border-right: none;
}

.insight-hub-at-table__col-type {
  width: 160px;
}

.insight-hub-at-table__col-action { /* flex: auto */ }

.insight-hub-at-table__col-progress {
  width: 160px;
}

.insight-hub-at-table__col-project {
  width: 300px;
}

.insight-hub-at-table__col-assignee {
  width: 120px;
}

.insight-hub-at-table__col-period {
  width: 120px;
}

.insight-hub-at-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px 0 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  white-space: nowrap;
  line-height: normal;
  letter-spacing: 0.36px;
}
.insight-hub-at-type-badge svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.insight-hub-at-type-badge--quickWin {
  background: #FECE23;
  color: #353535;
}
.insight-hub-at-type-badge--longTerm {
  background: #22ABEF;
  color: #fff;
}
.insight-hub-at-type-badge--fairProcess {
  background: #FFE0E6;
  color: #353535;
}
.insight-hub-at-type-badge--skip {
  background: #EFEFF2;
  color: #888;
}

.insight-hub-at-progress-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px 0 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  white-space: nowrap;
  line-height: normal;
  letter-spacing: 0.36px;
}
.insight-hub-at-progress-badge svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.insight-hub-at-progress-badge--done {
  background: #18D66A;
  color: #fff;
}
.insight-hub-at-progress-badge--inProgress {
  background: #fff;
  border: 1.5px solid #22ABEF;
  color: #22ABEF;
}
.insight-hub-at-progress-badge--todo {
  background: #EFEFF2;
  color: #888;
}

.insight-hub-at-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.insight-hub-at-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.insight-hub-at-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 210;
  width: 600px;
  height: 100vh;
  background: #fff;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.1);
}
.insight-hub-at-drawer.is-open {
  transform: translateX(0);
}

.insight-hub-at-detail__titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #C7C8CD;
}
.insight-hub-at-detail__titlebar-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.6px;
}
.insight-hub-at-detail__close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-at-detail__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-at-detail__close:hover {
  color: #000;
}

.insight-hub-at-detail__header {
  display: flex;
  gap: 16px;
  padding: 16px 24px;
  background: #F6F6F9;
}

.insight-hub-at-detail__header-left {
  flex: 1;
  min-width: 0;
}

.insight-hub-at-detail__header-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
  margin-bottom: 8px;
}

.insight-hub-at-detail__header-badge {
  margin-bottom: 8px;
}

.insight-hub-at-detail__header-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
  line-height: 1.6;
  letter-spacing: 0.42px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.insight-hub-at-detail__header-right {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.insight-hub-at-detail__header-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border: 1px solid #C7C8CD;
  border-radius: 6px;
}

.insight-hub-at-detail__header-field-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 241px;
}

.insight-hub-at-detail__header-field-value {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.36px;
}

.insight-hub-at-status-selector {
  position: relative;
}

.insight-hub-at-status-selector__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 32px;
  padding: 0 8px 0 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  letter-spacing: 0.42px;
  text-align: center;
}
.insight-hub-at-status-selector__btn .js-at-status-label {
  flex: 1;
}
.insight-hub-at-status-selector__btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.insight-hub-at-status-selector__btn--done {
  background: #18D66A;
  color: #fff;
  border: none;
}
.insight-hub-at-status-selector__btn--inProgress {
  background: #fff;
  color: #22ABEF;
  border: 1px solid #22ABEF;
}
.insight-hub-at-status-selector__btn--todo {
  background: #EFEFF2;
  color: #888;
  border: 1px solid #D0D0D0;
}
.insight-hub-at-status-selector__btn:hover {
  opacity: 0.85;
}

.insight-hub-at-status-selector__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 10;
  min-width: 140px;
  padding: 4px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.insight-hub-at-status-selector__dropdown.is-open {
  display: block;
}

.insight-hub-at-status-selector__option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #353535;
  background: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.insight-hub-at-status-selector__option:hover {
  background: #F6F6F9;
}

.insight-hub-at-detail__summary {
  padding: 16px 24px;
}
.insight-hub-at-detail__summary h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
  margin-bottom: 16px;
}

.insight-hub-at-detail__summary-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
  line-height: 1.6;
  letter-spacing: 0.42px;
  white-space: pre-line;
  padding: 8px 12px;
  border: 1px solid #CBD5E1;
  border-radius: 6px;
  min-height: 80px;
}

.insight-hub-at-themes {
  padding: 16px 24px;
}
.insight-hub-at-themes h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
  margin-bottom: 16px;
}

.insight-hub-at-themes__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.insight-hub-at-theme-card {
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.insight-hub-at-theme-card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 10px rgba(0, 0, 0, 0.15);
}

.insight-hub-at-theme-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.insight-hub-at-theme-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-at-theme-card__stat svg {
  width: 24px;
  height: 24px;
}

.insight-hub-at-theme-card__type-badge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 0 6px 0 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
  letter-spacing: 0.42px;
}
.insight-hub-at-theme-card__type-badge svg {
  width: 24px;
  height: 24px;
}

.insight-hub-at-theme-card__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 80px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 0.36px;
  margin-left: auto;
}
.insight-hub-at-theme-card__status--bad {
  background: #FCDBCF;
  color: #FC5537;
}
.insight-hub-at-theme-card__status--good {
  background: #D4F5E4;
  color: #18A058;
}

.insight-hub-at-theme-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
  margin-bottom: 2px;
}

.insight-hub-at-theme-card__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  line-height: normal;
  letter-spacing: 0.36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.insight-hub-at-comment {
  padding: 16px 24px;
}
.insight-hub-at-comment h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #353535;
  letter-spacing: 0.54px;
  margin-bottom: 16px;
}

.insight-hub-at-comment__form {
  margin-bottom: 20px;
}

.insight-hub-at-comment__textarea {
  width: 100%;
  min-height: 80px;
  padding: 8px 12px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #353535;
  background: #fff;
  border: 1px solid #CBD5E1;
  border-radius: 6px;
  resize: vertical;
  line-height: 20px;
}
.insight-hub-at-comment__textarea::-moz-placeholder {
  color: #94A3B8;
}
.insight-hub-at-comment__textarea::placeholder {
  color: #94A3B8;
}
.insight-hub-at-comment__textarea:focus {
  outline: none;
  border-color: #94A3B8;
}

.insight-hub-at-comment__actions {
  display: none;
  gap: 8px;
  margin-top: 8px;
}
.insight-hub-at-comment__actions.is-visible {
  display: flex;
}

.insight-hub-at-comment__save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #353535;
  background: #FECE23;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.insight-hub-at-comment__save-btn:hover {
  opacity: 0.85;
}

.insight-hub-at-comment__cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #353535;
  background: #EFEFF2;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.insight-hub-at-comment__cancel-btn:hover {
  opacity: 0.85;
}

.insight-hub-at-comment__list {
  display: flex;
  flex-direction: column;
}

.insight-hub-at-comment__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
}

.insight-hub-at-comment__item-head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.insight-hub-at-comment__avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #3b4064;
}

.insight-hub-at-comment__item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.insight-hub-at-comment__item-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.insight-hub-at-comment__item-author {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.42px;
}

.insight-hub-at-comment__item-role {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  background: #EFEFF2;
  border-radius: 30px;
  letter-spacing: 0.36px;
  white-space: nowrap;
}

.insight-hub-at-comment__item-time {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #9C9C9C;
  letter-spacing: 0.42px;
}

.insight-hub-at-comment__item-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  letter-spacing: 0.42px;
  white-space: pre-line;
  padding-left: 40px;
}

.insight-hub-at-theme-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 220;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.insight-hub-at-theme-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.insight-hub-at-theme-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 221;
  width: 800px;
  height: 100vh;
  background: #fff;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}
.insight-hub-at-theme-drawer.is-open {
  transform: translateX(0);
}

.insight-hub-at-theme-detail {
  width: 100%;
}
.insight-hub-at-theme-detail__titlebar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-bottom: 1px solid #EFEFF2;
}
.insight-hub-at-theme-detail__titlebar-text {
  flex: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #353535;
}
.insight-hub-at-theme-detail__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #353535;
}
.insight-hub-at-theme-detail__close svg {
  width: 24px;
  height: 24px;
}
.insight-hub-at-theme-detail__close:hover {
  color: #000;
}
.insight-hub-at-theme-detail__header {
  display: flex;
  align-items: flex-start;
  padding: 16px 24px;
  background: #F6F6F9;
}
.insight-hub-at-theme-detail__header-icon {
  flex-shrink: 0;
  padding-right: 12px;
  padding-top: 4px;
  color: #353535;
}
.insight-hub-at-theme-detail__header-icon svg {
  width: 20px;
  height: 20px;
}
.insight-hub-at-theme-detail__header-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insight-hub-at-theme-detail__header-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.48px;
  color: #353535;
}
.insight-hub-at-theme-detail__header-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.insight-hub-at-theme-detail__header-flag {
  flex-shrink: 0;
  padding-left: 4px;
  padding-top: 20px;
  display: flex;
  align-items: flex-start;
  color: #353535;
}
.insight-hub-at-theme-detail__header-flag svg {
  width: 24px;
  height: 24px;
}
.insight-hub-at-theme-detail__attr {
  padding: 24px;
}
.insight-hub-at-theme-detail__attr-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #353535;
  margin-bottom: 16px;
}
.insight-hub-at-theme-detail__attr-tabs {
  display: flex;
  gap: 6px;
}
.insight-hub-at-theme-detail__attr-tab {
  padding: 16px;
  border: 1px solid #C7C8CD;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  background: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.48px;
  color: #353535;
  cursor: pointer;
  transition: all ease 0.2s;
}
.insight-hub-at-theme-detail__attr-tab:hover {
  background: #FFF5D6;
}
.insight-hub-at-theme-detail__attr-tab.active {
  background: #FFC718;
  border-color: #FFC718;
}
.insight-hub-at-theme-detail__attr-content {
  border: 1px solid #C7C8CD;
  border-radius: 0 6px 6px 6px;
  overflow: hidden;
}
.insight-hub-at-theme-detail__attr-panel {
  display: none;
  padding: 24px;
  min-width: 0;
  overflow-x: auto;
}
.insight-hub-at-theme-detail__attr-panel.active {
  display: block;
}
.insight-hub-at-theme-detail__attr-panel-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #353535;
  margin-bottom: 16px;
}
.insight-hub-at-theme-detail__attr-chart {
  width: 100%;
  min-height: 400px;
}

.insight-hub-tar {
  width: 100%;
}

.insight-hub-tar__columns {
  display: flex;
  gap: 48px;
  position: relative;
  overflow: hidden;
}

.insight-hub-tar__col {
  overflow: hidden;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}
.insight-hub-tar__col--themes {
  flex: 1 1 500px;
  min-width: 0;
}
.insight-hub-tar__col--actions {
  flex: 1 1 500px;
  min-width: 0;
}

.insight-hub-tar__header {
  background: #F6F6F9;
  height: 52px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.insight-hub-tar__header > svg,
.insight-hub-tar__header > i {
  width: 24px;
  height: 24px;
  color: #353535;
  flex-shrink: 0;
}

.insight-hub-tar__header-title {
  display: flex;
  gap: 4px;
  align-items: baseline;
  flex: 1;
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  color: #353535;
  line-height: 1;
}
.insight-hub-tar__header-title > span:first-child {
  font-size: 18px;
  letter-spacing: 0.54px;
}

.insight-hub-tar__header-count {
  font-size: 14px;
  letter-spacing: 0.42px;
}

.insight-hub-tar__header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.insight-hub-tar__header-actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: #353535;
}
.insight-hub-tar__header-actions button svg,
.insight-hub-tar__header-actions button i {
  width: 14px;
  height: 14px;
}

.insight-hub-tar__list {
  background: #F6F6F9;
  padding: 24px 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.insight-hub-tar__theme-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s ease, box-shadow 0.3s ease;
}

.insight-hub-tar__theme-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.insight-hub-tar__theme-type {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 0 6px 0 4px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
}
.insight-hub-tar__theme-type svg,
.insight-hub-tar__theme-type i {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.insight-hub-tar__theme-type span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.42px;
}

.insight-hub-tar__theme-judge {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px 0 6px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
}
.insight-hub-tar__theme-judge svg,
.insight-hub-tar__theme-judge i {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.insight-hub-tar__theme-judge span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.36px;
}
.insight-hub-tar__theme-judge--green {
  border-color: #18D66A;
}
.insight-hub-tar__theme-judge--green span {
  color: #18D66A;
}
.insight-hub-tar__theme-judge--green svg {
  color: #18D66A;
}
.insight-hub-tar__theme-judge--gray {
  border-color: #C7C8CD;
}
.insight-hub-tar__theme-judge--gray span {
  color: #9C9C9C;
}
.insight-hub-tar__theme-judge--gray svg {
  color: #9C9C9C;
}

.insight-hub-tar__theme-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}

.insight-hub-tar__theme-footer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.insight-hub-tar__theme-stat {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 1000px;
}
.insight-hub-tar__theme-stat button {
  display: flex;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.insight-hub-tar__theme-stat button svg {
  width: 24px;
  height: 24px;
}
.insight-hub-tar__theme-stat span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}
.insight-hub-tar__theme-stat--star {
  background: #FFF9E5;
  border: 1px solid #FFC718;
}
.insight-hub-tar__theme-stat--comment {
  background: #F6F6F9;
  border: 1px solid #C7C8CD;
}

.insight-hub-tar__theme-status-wrap {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.insight-hub-tar__theme-status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 20px;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.36px;
}
.insight-hub-tar__theme-status--bad {
  background: #FCDBCF;
  color: #FC5537;
}

.insight-hub-tar__action-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px rgba(0, 0, 0, 0.15);
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s ease, box-shadow 0.3s ease;
}

.insight-hub-tar__action-meta {
  display: flex;
  gap: 8px;
  align-items: center;
}

.insight-hub-tar__action-stat {
  display: flex;
  align-items: center;
  gap: 2px;
}
.insight-hub-tar__action-stat button,
.insight-hub-tar__action-stat span.insight-hub-tar__action-star-icon {
  display: flex;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.insight-hub-tar__action-stat button svg,
.insight-hub-tar__action-stat button i,
.insight-hub-tar__action-stat span.insight-hub-tar__action-star-icon svg,
.insight-hub-tar__action-stat span.insight-hub-tar__action-star-icon i {
  width: 16px;
  height: 16px;
}
.insight-hub-tar__action-stat > i,
.insight-hub-tar__action-stat > svg {
  width: 16px;
  height: 16px;
  color: #353535;
}
.insight-hub-tar__action-stat span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.36px;
}

.insight-hub-tar__action-type {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 0 6px 0 4px;
  background: #fff;
  border: 1px solid #C7C8CD;
  border-radius: 4px;
}
.insight-hub-tar__action-type svg,
.insight-hub-tar__action-type i {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.insight-hub-tar__action-type span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.42px;
}

.insight-hub-tar__action-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.insight-hub-tar__action-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  letter-spacing: 0.48px;
  line-height: 1.6;
}

.insight-hub-tar__action-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9C9C9C;
  letter-spacing: 0.36px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-hub-tar__lines {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.insight-hub-tar__theme-card.is-active {
  border: 1px solid #FFC718;
  opacity: 1 !important;
}

.insight-hub-tar__theme-card.is-dimmed {
  opacity: 0.25;
}
.insight-hub-tar__theme-card.is-dimmed:hover {
  opacity: 0.4;
}

.insight-hub-tar__action-card.is-active {
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #FFC718;
  opacity: 1 !important;
}

.insight-hub-tar__action-card.is-dimmed {
  opacity: 0.25;
}
.insight-hub-tar__action-card.is-dimmed:hover {
  opacity: 0.4;
}

.mvv-dot-bg {
  border: 1px solid #C9BEB9;
  background-color: #EEEBE5;
  background-image: radial-gradient(#D5D0C8 1.5px, transparent 1.5px);
  background-size: 20px 20px;
  border-radius: 10px;
}

.mvv-inner-tab__btn {
  position: relative;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
  background: transparent;
  border: none;
  cursor: pointer;
}
.mvv-inner-tab__btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 4px;
  background: transparent;
}
.mvv-inner-tab__btn.active::after {
  background: #FFC718;
}
.mvv-inner-tab__btn:hover {
  background: transparent;
}

.mvv-header {
  background-color: #3B4064;
  border-radius: 8px 8px 0 0;
  padding: 16px 40px 32px;
}

.mvv-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.mvv-modal-overlay.is-open {
  display: block;
}

.mvv-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 12px;
  max-width: 672px;
  width: 90%;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.mvv-modal__header {
  padding: 24px 24px 16px;
  border-bottom: 1px solid #E5E5E5;
}
.mvv-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px 24px;
}
.mvv-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #F8F8F8;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  color: #737373;
}
.mvv-modal__close:hover {
  background: #E5E5E5;
}

/* ==========================================================
   HOME Dashboard
   - レイアウト（グリッド・サイドバー）
   - 通知バー
   - 右パネルのセクションカード構造
   曼荼羅Chart: engagement-survey-modal-score-table を直接使用
   右パネル: insight-hub-at-table / badge / heatmap-score を直接使用
   ========================================================== */
/* ---- Notification Bar ---- */
.home-notification {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #FFF8E1;
  border: 1px solid #FFD54F;
  border-radius: 8px;
  margin-bottom: 24px;
}
.home-notification__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: #E53935;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 4px;
  white-space: nowrap;
}
.home-notification__text {
  font-size: 13px;
  color: #353535;
}

/* ---- Dashboard 2-column Layout ---- */
.home-dashboard {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
}

/* ---- Right Sidebar ---- */
.home-sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* セクションカード: insight-hub-at-summary__card 準拠のカード構造 */
}
.home-sidebar__section {
  padding: 0;
  border-radius: 12px;
  border: 1px solid #C7C8CD;
  background-color: #fff;
  overflow: hidden;
}
.home-sidebar__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background-color: #EFEFF2;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.home-sidebar__section-date {
  font-size: 11px;
  font-weight: 400;
  color: #666;
}
.home-sidebar__section-body {
  padding: 12px 16px;
}
.home-sidebar__section-footer {
  padding: 8px 16px 12px;
  text-align: right;
  border-top: 1px solid #EFEFF2;
}

/* ---- 既存コンポーネントのサイドバー用バリアント ---- */
/* insight-hub-at-table のコンパクト版 */
.insight-hub-at-table--compact {
  font-size: 12px;
}
.insight-hub-at-table--compact thead th {
  padding: 8px;
  font-size: 11px;
}
.insight-hub-at-table--compact tbody td {
  padding: 8px;
}

/* heatmap-table__score-wrap のサイドバー版（本体64×40に準拠） */
.heatmap-table__score-wrap--sm {
  width: 64px;
  height: 40px;
}

/* アクションリストのサブテキスト */
.home-action-list__sub {
  font-size: 10px;
  color: #666;
  margin-top: 4px;
}

/* 優先度ドットのビビッドカラー（action-plan__detail__head 準拠） */
.home-sidebar .status__color--green {
  background-color: #29CF6E;
}
.home-sidebar .status__color--blue {
  background-color: #299BE7;
}
.home-sidebar .status__color--yellow {
  background-color: #FCCA37;
}
.home-sidebar .status__color--red {
  background-color: #FA7070;
}
.home-sidebar .status__color--gray {
  background-color: #8E8E93;
}

/* アクションリストのステータスラベル（action-tracker .status-label 準拠） */
.home-status-label {
  display: flex;
  align-items: center;
  padding: 2px 16px;
  border-radius: 3px;
  font-size: 12px;
  justify-content: center;
  background-color: #F1F1F1;
  color: #3F3F3F;
  min-width: 84px;
  white-space: nowrap;
}
.home-status-label--inProgress {
  background-color: #E8F1FF;
  color: #2857D7;
}
.home-status-label--todo {
  background-color: #F1F1F1;
  color: #3F3F3F;
}
.home-status-label--done {
  background-color: #D2FFD7;
  color: #387B11;
}

.slide-modal {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1000px;
  height: 100%;
  background: #fff;
  padding: 30px;
  box-shadow: -7px 0px 14px rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
  z-index: 1000;
}
.slide-modal__cont {
  display: none;
}
.slide-modal__cont.is-open {
  display: block;
}
.slide-modal__head {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.slide-modal__heading {
  font-size: 28px;
  font-weight: 500;
}
.slide-modal__head-close {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.slide-modal__head-close svg {
  width: 30px;
  height: 30px;
}
.slide-modal__option-wrap {
  margin: 0 -30px 15px;
  display: flex;
  padding: 15px 30px;
  background: #F2F2F2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.slide-modal__select-wrap {
  display: flex;
  align-items: center;
}
.slide-modal__select-wrap--last {
  margin-left: auto;
}
.slide-modal__select-label {
  margin-right: 5px;
}
.slide-modal__select {
  border: 1px solid #ddd;
  padding: 10px 15px;
  font-size: 21px;
  border-radius: 5px;
}
.slide-modal__select--small {
  font-size: 16px;
}
.slide-modal__select-cross {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.slide-modal__select-cross svg {
  width: 30px;
  height: 30px;
}
.slide-modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

/* 初期状態で右から隠れるように */
.js-slide-modal-target,
.js-slide-modal-target2,
.js-voe-slide-modal-target,
.js-cell-modal-target,
.js-insight-voe-slide-target,
.js-ts-drawer-voe-slide,
.js-as-drawer-voe-slide,
.js-at-theme-voe-slide,
.js-tar-drawer-voe-slide,
.js-insight-drawer-voe-slide {
  right: -10000px;
  transition: right 0.3s ease;
}

/* 開いた状態 */
.js-slide-modal-target.is-open,
.js-slide-modal-target2.is-open,
.js-voe-slide-modal-target.is-open,
.js-cell-modal-target.is-open,
.js-insight-voe-slide-target.is-open,
.js-ts-drawer-voe-slide.is-open,
.js-as-drawer-voe-slide.is-open,
.js-at-theme-voe-slide.is-open,
.js-tar-drawer-voe-slide.is-open,
.js-insight-drawer-voe-slide.is-open {
  right: 0;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-slate-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#3B4064\]\/90:hover{
  background-color: rgb(59 64 100 / 0.9);
}
.hover\:bg-\[\#E5E5E5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F5F5F5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F8F8F8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F8F8F8\]\/50:hover{
  background-color: rgb(248 248 248 / 0.5);
}
.hover\:bg-\[\#FFF9E5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.hover\:bg-mango-light:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 223 126 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:opacity-80:hover{
  opacity: 0.8;
}
.hover\:shadow-\[2px_4px_6px_0px_rgba\(111\2c 111\2c 111\2c 0\.3\)\]:hover{
  --tw-shadow: 2px 4px 6px 0px rgba(111,111,111,0.3);
  --tw-shadow-colored: 2px 4px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:outline-\[\#FFC718\]:hover{
  outline-color: #FFC718;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group:hover .group-hover\:translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:active .group-active\:scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){
  .md\:left-1\/2{
    left: 50%;
  }
  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:w-80{
    width: 20rem;
  }
  .md\:max-w-3xl{
    max-width: 48rem;
  }
  .md\:max-w-4xl{
    max-width: 56rem;
  }
  .md\:max-w-\[80\%\]{
    max-width: 80%;
  }
  .md\:max-w-xs{
    max-width: 20rem;
  }
  .md\:-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:rounded-3xl{
    border-radius: 1.5rem;
  }
  .md\:border-x{
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .md\:bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
  .md\:p-4{
    padding: 1rem;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:shadow-2xl{
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1024px){
  .lg\:max-w-4xl{
    max-width: 56rem;
  }
}