html {
  scroll-behavior: auto !important;
}
img {
  max-width: 100%;
}
.hover {
  transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
}
.hover:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1440px) {
  .header {
    width: 100%;
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    margin: 0 0 24px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .header__title img {
    width: 250px;
    width: calc(0.0694444444 * 250 * 1vw);
    height: 25px;
    height: calc(0.0694444444 * 25 * 1vw);
  }
  .header__nav__list__item {
    width: 145px;
    width: calc(0.0694444444 * 145 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
  .header__nav__list__item a {
    gap: 8px;
    gap: calc(0.0694444444 * 8 * 1vw);
  }
  .header__nav__list__item a svg {
    width: 20px;
    width: calc(0.0694444444 * 20 * 1vw);
    height: 18px;
    height: calc(0.0694444444 * 18 * 1vw);
  }
  .header__nav__list__item:last-child a svg {
    width: 20px;
    width: calc(0.0694444444 * 20 * 1vw);
    height: 20px;
    height: calc(0.0694444444 * 20 * 1vw);
  }
  .header__nav__list::before {
    width: 145px;
    width: calc(0.0694444444 * 145 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
  }
  .header__profile {
    gap: 24px;
    gap: calc(0.0694444444 * 24 * 1vw);
  }
  .header__profile__name {
    gap: 12px;
    gap: calc(0.0694444444 * 12 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
  .header__profile__name__position {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .header__profile__logout {
    width: 120px;
    width: calc(0.0694444444 * 120 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
    line-height: 46px;
    line-height: calc(0.0694444444 * 46 * 1vw);
  }
  .tools {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .tools__inner {
    width: 100%;
    height: 80px;
    height: calc(0.0694444444 * 80 * 1vw);
    width: calc(100% - 9.2361111052vw);
  }
  .tools__inner__date {
    padding: 0 24px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .tools__inner__date__nav__list {
    width: 243px;
    width: calc(0.0694444444 * 243 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
  }
  .tools__inner__date__nav__list__item {
    width: 33.3333333333%;
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
  .tools__inner__date__nav__list__item a {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .tools__inner__date__nav__list::before {
    width: 33.333% px;
    width: calc(0.0694444444 * 33.333% * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
  }
  .tools__inner__monthly {
    gap: 24px;
    gap: calc(0.0694444444 * 24 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .tools__inner__monthly__item {
    padding: 0 28px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 28 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .tools__inner__monthly__item span {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .tools__inner__monthly__modal {
    width: 240px;
    width: calc(0.0694444444 * 240 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .tools__inner__monthly__modal__item {
    margin: 0 0 14px 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 14 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    padding: 0 0 0 26px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 26 * 1vw);
  }
  .tools__inner__monthly__modal__item label {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .tools__inner__monthly__modal__item label:has(input[type="radio"]:checked)::before {
    width: 12px;
    width: calc(0.0694444444 * 12 * 1vw);
    height: 12px;
    height: calc(0.0694444444 * 12 * 1vw);
  }
  .tools__inner__calendar {
    gap: 10px;
    gap: calc(0.0694444444 * 10 * 1vw);
    font-size: 22px;
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .tools__inner__calendar__week {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .tools__inner__calendar__tilde {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .tools__inner__calendar::after {
    width: 20px;
    width: calc(0.0694444444 * 20 * 1vw);
    height: 22px;
    height: calc(0.0694444444 * 22 * 1vw);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .tools__inner__area {
    padding: 0 0 0 24px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 24 * 1vw);
  }
  .tools__inner__area__list {
    gap: 25px;
    gap: calc(0.0694444444 * 25 * 1vw);
  }
  .tools__inner__area__list__item {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .tools__inner__area__list__item select {
    padding: 0 20px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    background-size: 1.5vw auto;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .tools__inner__area__list__item__select1 {
    width: 110px;
    width: calc(0.0694444444 * 110 * 1vw);
    height: auto;
  }
  .tools__inner__area__list__item__select2 {
    width: 49px;
    width: calc(0.0694444444 * 49 * 1vw);
    height: auto;
  }
  .tools__inner__area__list__item__select3 {
    width: 49px;
    width: calc(0.0694444444 * 49 * 1vw);
    height: auto;
  }
  .tools__inner__area__list__item__select4 {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: auto;
  }
  .tools__print a {
    gap: 8px;
    gap: calc(0.0694444444 * 8 * 1vw);
    width: 117px;
    width: calc(0.0694444444 * 117 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
  .tools__print a::before {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .ai a {
    width: 104px;
    width: calc(0.0694444444 * 104 * 1vw);
    height: 104px;
    height: calc(0.0694444444 * 104 * 1vw);
    background-size: 100% auto;
  }
  .modalWindow__item__close {
    top: -4.4444444416vw;
    width: 64px;
    width: calc(0.0694444444 * 64 * 1vw);
    height: 64px;
    height: calc(0.0694444444 * 64 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__news {
    width: 480px;
    width: calc(0.0694444444 * 480 * 1vw);
    height: auto;
    border-radius: 2vw;
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .modalWindow__item__news__image {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .modalWindow__item__news__image img {
    border-radius: 1.5vw;
  }
  .modalWindow__item__news__category {
    margin: 0 0 22px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 22 * 1vw);
  }
  .modalWindow__item__news__category span {
    padding: 6px 8px;
    padding: calc(0.0694444444 * 6 * 1vw) calc(0.0694444444 * 8 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .modalWindow__item__news__title {
    margin-bottom: 16px;
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .modalWindow__item__news__text {
    margin: 0 0 32px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .modalWindow__item__news__button a {
    padding: 16px 33px;
    padding: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 33 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .modalWindow__item__ai {
    display: flex;
    padding: 100px 0 0;
    padding: calc(0.0694444444 * 100 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw);
    gap: 20px;
    gap: calc(0.0694444444 * 20 * 1vw);
  }
  .modalWindow__item__ai .modalWindow__item__close {
    top: 2.3611111096vw;
  }
  .modalWindow__item__ai__score {
    width: 420px;
    width: calc(0.0694444444 * 420 * 1vw);
    height: auto;
    min-height: 0;
    border-radius: 3vw;
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .modalWindow__item__ai__score__title {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
    font-size: 24px;
    font-size: calc(0.0694444444 * 24 * 1vw);
  }
  .modalWindow__item__ai__score__title span {
    padding: 11px 27px;
    padding: calc(0.0694444444 * 11 * 1vw) calc(0.0694444444 * 27 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .modalWindow__item__ai__score__detail {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    margin: 0 0 48px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw);
  }
  .modalWindow__item__ai__score__detail__point__today {
    font-size: 115px;
    font-size: calc(0.0694444444 * 115 * 1vw);
  }
  .modalWindow__item__ai__score__detail__point__previous {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__detail__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__detail__status::before {
    content: "";
    display: block;
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__score__other {
    margin: 0 0 32px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
  }
  .modalWindow__item__ai__score__other__title {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .modalWindow__item__ai__score__other__group {
    gap: 5px;
    gap: calc(0.0694444444 * 5 * 1vw);
    margin: 0 0 8px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__point {
    font-size: 60px;
    font-size: calc(0.0694444444 * 60 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__point__previous {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__status::before {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__score__text {
    margin: 0 0 24px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .modalWindow__item__ai__score__notice {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .modalWindow__item__ai__comment {
    min-height: 0;
    width: 704px;
    width: calc(0.0694444444 * 704 * 1vw);
    height: auto;
    border-radius: 3vw;
    padding: 60px 40px 40px;
    padding: 60px 40px 40px;
    padding: calc(0.0694444444 * 60 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .modalWindow__item__ai__comment::before {
    top: -10.41666666vw;
    width: 300px;
    width: calc(0.0694444444 * 300 * 1vw);
    height: 300px;
    height: calc(0.0694444444 * 300 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__comment__hapimaru {
    margin: 0 0 20px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw);
  }
  .modalWindow__item__ai__comment__hapimaru__title {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .modalWindow__item__ai__comment__hapimaru__inner {
    margin: 0 -18px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * -18 * 1vw);
    width: 660px;
    width: calc(0.0694444444 * 660 * 1vw);
    height: 270px;
    height: calc(0.0694444444 * 270 * 1vw);
    padding: 43px 33px 23px;
    padding: calc(0.0694444444 * 43 * 1vw) calc(0.0694444444 * 33 * 1vw) calc(0.0694444444 * 23 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__comment__hapimaru__inner__text {
    max-height: 13vw;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .modalWindow__item__ai__comment__advice {
    border-radius: 2vw;
  }
  .modalWindow__item__ai__comment__advice__title {
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    padding: 20px 32px;
    padding: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .modalWindow__item__ai__comment__advice__title::after {
    width: 90px;
    width: calc(0.0694444444 * 90 * 1vw);
    height: 102px;
    height: calc(0.0694444444 * 102 * 1vw);
    background-size: 100% auto;
  }
  .modalWindow__item__ai__comment__advice__inner {
    padding: 32px 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .modalWindow__item__ai__comment__advice__inner__text {
    font-size: 14px;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .modalWindow.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .calendarMonthlyWindow__item {
    width: 360px;
    width: 360px;
    width: calc(0.0694444444 * 360 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .calendarMonthlyWindow__item__header__prev {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarMonthlyWindow__item__header__cancel {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector {
    gap: 32px;
    gap: calc(0.0694444444 * 32 * 1vw);
    padding: 48px 0;
    padding: calc(0.0694444444 * 48 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector__year {
    width: 124px;
    width: calc(0.0694444444 * 124 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .calendarMonthlyWindow__item__yearMonthSelector__year span {
    right: 2vw;
    top: 50%;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector__month {
    width: 94px;
    width: calc(0.0694444444 * 94 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .calendarMonthlyWindow__item__yearMonthSelector__month span {
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector select {
    padding-right: 0;
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .calendarMonthlyWindow__item__submit input {
    width: 100%;
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector {
    margin-bottom: 16px;
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    padding: 10px 0 0;
    padding: calc(0.0694444444 * 10 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__header {
    margin: 0 0 8px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__header__prev {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 0.75vw auto;
  }
  .calendarMonthlyWindow__item__dateSelector__header__view {
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__header__next {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 0.75vw auto;
  }
  .calendarMonthlyWindow__item__dateSelector__days {
    gap: 16px 0;
    gap: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__days__item {
    width: auto;
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.0694444444 * 32 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(1),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(2),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(3),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(4),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(5),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(6),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(7) {
    width: auto;
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    line-height: 24px;
    line-height: calc(0.0694444444 * 24 * 1vw);
  }
  .calendarWeeklyWindow__item {
    width: 360px;
    width: 360px;
    width: calc(0.0694444444 * 360 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .calendarWeeklyWindow__item__header__prev {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarWeeklyWindow__item__header__cancel {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector {
    gap: 32px;
    gap: calc(0.0694444444 * 32 * 1vw);
    padding: 48px 0;
    padding: calc(0.0694444444 * 48 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector__year {
    width: 124px;
    width: calc(0.0694444444 * 124 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .calendarWeeklyWindow__item__yearMonthSelector__year span {
    right: 2vw;
    top: 50%;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector__month {
    width: 94px;
    width: calc(0.0694444444 * 94 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .calendarWeeklyWindow__item__yearMonthSelector__month span {
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector select {
    padding-right: 0;
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .calendarWeeklyWindow__item__submit input {
    width: 100%;
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector {
    margin-bottom: 16px;
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    padding: 10px 0 0;
    padding: calc(0.0694444444 * 10 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__header {
    margin: 0 0 8px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__header__prev {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 0.75vw auto;
  }
  .calendarWeeklyWindow__item__dateSelector__header__view {
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__header__next {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 0.75vw auto;
  }
  .calendarWeeklyWindow__item__dateSelector__days {
    gap: 16px 0;
    gap: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__days__title .calendarDailyWindow__item__dateSelector__days__list__item {
    width: auto;
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    line-height: 24px;
    line-height: calc(0.0694444444 * 24 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__days__list__item {
    width: auto;
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.0694444444 * 32 * 1vw);
  }
  .calendarDailyWindow__item {
    width: 360px;
    width: 360px;
    width: calc(0.0694444444 * 360 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .calendarDailyWindow__item__header__prev {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarDailyWindow__item__header__cancel {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector {
    gap: 32px;
    gap: calc(0.0694444444 * 32 * 1vw);
    padding: 48px 0;
    padding: calc(0.0694444444 * 48 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector__year {
    width: 124px;
    width: calc(0.0694444444 * 124 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .calendarDailyWindow__item__yearMonthSelector__year span {
    right: 2vw;
    top: 50%;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector__month {
    width: 94px;
    width: calc(0.0694444444 * 94 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5vw auto;
  }
  .calendarDailyWindow__item__yearMonthSelector__month span {
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector select {
    padding-right: 0;
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .calendarDailyWindow__item__submit input {
    width: 100%;
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector {
    margin-bottom: 16px;
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    padding: 10px 0 0;
    padding: calc(0.0694444444 * 10 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__header {
    margin: 0 0 8px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__header__prev {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 0.75vw auto;
  }
  .calendarDailyWindow__item__dateSelector__header__view {
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__header__next {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 0.75vw auto;
  }
  .calendarDailyWindow__item__dateSelector__days {
    gap: 16px 0;
    gap: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__days__title .calendarDailyWindow__item__dateSelector__days__list__item {
    width: auto;
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    line-height: 24px;
    line-height: calc(0.0694444444 * 24 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__days__list__item {
    width: auto;
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.0694444444 * 32 * 1vw);
  }
}
@media only screen and (max-width: 991px) {
  .header {
    width: 100%;
    height: 64px;
    height: calc(0.2564102564 * 64 * 1vw);
    margin: 0;
  }
  .header__title {
    width: 100%;
  }
  .header__title img {
    width: 200px;
    width: calc(0.2564102564 * 200 * 1vw);
    height: auto;
  }
  .header__nav {
    display: none;
  }
  .header__profile {
    display: none;
  }
  .header__menu {
    cursor: pointer;
    display: block;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    background-image: url(/assets/img/icon/menu.svg);
    background-size: 100% auto;
  }
  .tools {
    gap: 0;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
  }
  .tools__inner {
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: 0 0;
  }
  .tools__inner__date {
    order: 1;
    width: 100%;
    gap: 0;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    padding: 0;
    font-size: 0;
  }
  .tools__inner__date__nav {
    width: 100%;
  }
  .tools__inner__date__nav__list {
    width: 100%;
    height: 44px;
    height: calc(0.2564102564 * 44 * 1vw);
    background-color: #fff;
  }
  .tools__inner__date__nav__list__item {
    width: 33.3333333333%;
    line-height: 48px;
    line-height: calc(0.2564102564 * 48 * 1vw);
  }
  .tools__inner__date__nav__list__item a {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .tools__inner__date__nav__list::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 33.333% px;
    width: calc(0.2564102564 * 33.333% * 1vw);
    height: 44px;
    height: calc(0.2564102564 * 44 * 1vw);
    border-radius: 999px;
    background-color: #2a3347;
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .tools__inner__monthly {
    position: relative;
    z-index: 1;
    order: 1;
    gap: 0;
    font-size: 0;
  }
  .tools__inner__monthly__item {
    padding: 0 28px 0 0;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 28 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 0 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    background-size: 5vw;
    background-position: right center;
  }
  .tools__inner__monthly__item span {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .tools__inner__monthly__modal {
    width: 240px;
    width: calc(0.2564102564 * 240 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .tools__inner__monthly__modal__item {
    margin: 0 0 14px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 14 * 1vw);
    padding: 0 0 0 26px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 26 * 1vw);
  }
  .tools__inner__monthly__modal__item label {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .tools__inner__monthly__modal__item label:has(input[type="radio"]:checked)::before {
    width: 12px;
    width: calc(0.2564102564 * 12 * 1vw);
    height: 12px;
    height: calc(0.2564102564 * 12 * 1vw);
  }
  .tools__inner__calendar {
    order: 2;
    width: 100%;
    justify-content: center;
    gap: 16px;
    gap: calc(0.2564102564 * 16 * 1vw);
    font-size: 25px;
    font-size: calc(0.2564102564 * 25 * 1vw);
  }
  .tools__inner__calendar__week {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .tools__inner__calendar__tilde {
    font-size: 12px;
    font-weight: 500;
    color: #d7dae2;
  }
  .tools__inner__calendar::after {
    width: 22px;
    width: calc(0.2564102564 * 22 * 1vw);
    height: 25px;
    height: calc(0.2564102564 * 25 * 1vw);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .tools__inner__calendar.datePicker2 {
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 16px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    max-width: 85%;
  }
  .tools__inner__calendar.datePicker2__start {
    width: 100%;
  }
  .tools__inner__calendar.datePicker2::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .tools__inner__area {
    width: 100%;
    margin: 0 0 20px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 20 * 1vw);
    border-radius: 6vw;
    background-color: #fff;
  }
  .tools__inner__area__item {
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-size: 5vw;
    background-position: right 5vw center;
    font-weight: 600;
    color: #2a3347;
  }
  .tools__inner__area__item a {
    display: block;
    padding: 20px 62px 20px 20px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 62 * 1vw) calc(0.2564102564 * 20 * 1vw)
      calc(0.2564102564 * 20 * 1vw);
    color: #2a3347;
    text-decoration: none;
  }
  .tools__inner__area__list {
    display: none;
  }
  .tools__print {
    display: none;
  }
  .ai {
    bottom: 17vw;
    right: 1vw;
    margin: 0;
  }
  .ai a {
    width: 80px;
    width: calc(0.2564102564 * 80 * 1vw);
    height: 80px;
    height: calc(0.2564102564 * 80 * 1vw);
    background-size: 100% auto;
  }
  .pagetop {
    visibility: hidden;
    opacity: 0;
    display: block;
    position: fixed;
    z-index: 10;
    bottom: 17vw;
    left: 2.3vw;
    transform: translateY(50px);
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pagetop a {
    display: block;
    background-image: url(/assets/img/footer/pagetop@2x.png);
    width: 98px;
    width: calc(0.2564102564 * 98 * 1vw);
    height: 98px;
    height: calc(0.2564102564 * 98 * 1vw);
    background-size: 100% auto;
  }
  .pagetop.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  .pagetop:hover {
    transform: scale(0.95);
  }
  .footer {
    display: block;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .footer__nav__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .footer__nav__list__item {
    width: 33.33%;
    text-align: center;
  }
  .footer__nav__list__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    text-decoration: none;
    background-color: #fff;
    color: #71737a;
    width: 100%;
    height: 64px;
    height: calc(0.2564102564 * 64 * 1vw);
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .footer__nav__list__item a svg {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: auto;
  }
  .footer__nav__list__item a svg path {
    stroke: #71737a;
  }
  .footer__nav__list__item a:hover {
    background-color: #c91432;
    color: #fff;
  }
  .footer__nav__list__item a:hover svg path {
    stroke: #fff;
  }
  .footer__nav__list__item.current a {
    background-color: #c91432;
    color: #fff;
  }
  .footer__nav__list__item.current a svg path {
    stroke: #fff;
  }
  .modalWindow.full {
    display: block;
  }
  .modalWindow.full.is-active {
    display: block;
  }
  .modalWindow__item {
    overflow: visible;
    max-height: calc(100vh - 30vw);
  }
  .modalWindow__item.ai-mode {
    display: block;
    max-height: none;
    overflow-y: visible;
    padding: 48px 0 100px;
    padding: calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 100 * 1vw);
  }
  .modalWindow__item.ai-mode .modalWindow__item__close {
    top: 20.512820512vw;
  }
  .modalWindow__item__close {
    top: -16.4102564096vw;
    width: 64px;
    width: calc(0.2564102564 * 64 * 1vw);
    height: 64px;
    height: calc(0.2564102564 * 64 * 1vw);
    background-size: 100% auto;
  }
  .modalWindow__item__news {
    width: 342px;
    width: calc(0.2564102564 * 342 * 1vw);
    height: auto;
    border-radius: 6vw;
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
  }
  .modalWindow__item__news__image {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .modalWindow__item__news__image img {
    border-radius: 3vw;
  }
  .modalWindow__item__news__category {
    margin: 0 0 22px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 22 * 1vw);
  }
  .modalWindow__item__news__category span {
    padding: 6px 8px;
    padding: calc(0.2564102564 * 6 * 1vw) calc(0.2564102564 * 8 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .modalWindow__item__news__title {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .modalWindow__item__news__text {
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .modalWindow__item__news__button a {
    padding: 16px 33px;
    padding: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 33 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .modalWindow__item__ai {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    gap: calc(0.2564102564 * 36 * 1vw);
    padding-top: 0;
  }
  .modalWindow__item__ai .modalWindow__item__close {
    top: 8.2051282048vw;
    right: 12.3076923072vw;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    background-image: url(/assets/img/ai/close.png);
    background-size: 100% auto;
  }
  .modalWindow__item__ai__score {
    width: 342px;
    width: calc(0.2564102564 * 342 * 1vw);
    height: auto;
    min-height: 0;
    border-radius: 6vw;
    padding: 32px 24px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .modalWindow__item__ai__score__title {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    font-size: 24px;
    font-size: calc(0.2564102564 * 24 * 1vw);
  }
  .modalWindow__item__ai__score__title span {
    display: none;
    padding: 5px 0;
    padding: calc(0.0694444444 * 5 * 1vw) calc(0.0694444444 * 0 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .modalWindow__item__ai__score__detail {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    margin: 0 0 48px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw);
  }
  .modalWindow__item__ai__score__detail__point__today {
    font-size: 100px;
    font-size: calc(0.2564102564 * 100 * 1vw);
  }
  .modalWindow__item__ai__score__detail__point__previous {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .modalWindow__item__ai__score__detail__status {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__detail__status::before {
    content: "";
    display: block;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__score__other {
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
  }
  .modalWindow__item__ai__score__other__title {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .modalWindow__item__ai__score__other__group {
    gap: 5px;
    gap: calc(0.2564102564 * 5 * 1vw);
    margin: 0 0 8px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__point {
    font-size: 56px;
    font-size: calc(0.2564102564 * 56 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__point__previous {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__status {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .modalWindow__item__ai__score__other__group__status::before {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__score__previous {
    display: block;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    padding: 5px;
    padding: calc(0.2564102564 * 5 * 1vw);
    border-radius: 999px;
    background-color: #19b746;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    font-weight: 600;
    text-align: center;
    color: #fff;
  }
  .modalWindow__item__ai__score__text {
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .modalWindow__item__ai__score__notice {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .modalWindow__item__ai__comment {
    min-height: 0;
    width: 342px;
    width: calc(0.2564102564 * 342 * 1vw);
    height: auto;
    border-radius: 6vw;
    padding: 80px 24px 32px;
    padding: calc(0.2564102564 * 80 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 32 * 1vw);
  }
  .modalWindow__item__ai__comment::before {
    top: -20vw;
    width: 240px;
    width: calc(0.2564102564 * 240 * 1vw);
    height: 240px;
    height: calc(0.2564102564 * 240 * 1vw);
  }
  .modalWindow__item__ai__comment__hapimaru {
    margin: 0 0 20px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 20 * 1vw);
  }
  .modalWindow__item__ai__comment__hapimaru__title {
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
    text-align: right;
  }
  .modalWindow__item__ai__comment__hapimaru__inner {
    display: block;
    margin: 0 -18px 0 -15px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * -18 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * -15 * 1vw);
    padding: 0;
    width: 100%;
    height: auto;
    background: 0 0;
  }
  .modalWindow__item__ai__comment__hapimaru__inner::before {
    display: block;
    content: "";
    width: 331px;
    width: calc(0.2564102564 * 331 * 1vw);
    height: 71px;
    height: calc(0.2564102564 * 71 * 1vw);
    background-image: url(/assets/img/ai/fukidashi-head-sp@2x.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__comment__hapimaru__inner__text {
    max-height: none;
    width: 331px;
    width: calc(0.2564102564 * 331 * 1vw);
    height: auto;
    padding: 0 30px 0 35px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 30 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 35 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    background-image: url(/assets/img/ai/fukidashi-body-sp@2x.png);
    background-size: 100% auto;
  }
  .modalWindow__item__ai__comment__hapimaru__inner::after {
    display: block;
    content: "";
    width: 330px;
    width: calc(0.2564102564 * 330 * 1vw);
    height: 46px;
    height: calc(0.2564102564 * 46 * 1vw);
    background-image: url(/assets/img/ai/fukidashi-foot-sp@2x.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .modalWindow__item__ai__comment__advice {
    border-radius: 6vw;
  }
  .modalWindow__item__ai__comment__advice__title {
    border-top-left-radius: 6vw;
    border-top-right-radius: 6vw;
    padding: 20px 24px 16px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
  }
  .modalWindow__item__ai__comment__advice__title::after {
    width: 70px;
    width: calc(0.2564102564 * 70 * 1vw);
    height: 79px;
    height: calc(0.2564102564 * 79 * 1vw);
  }
  .modalWindow__item__ai__comment__advice__inner {
    padding: 32px 24px 24px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .modalWindow__item__ai__comment__advice__inner__text {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .modalWindow.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .login {
    height: 100vh;
    gap: 56px;
    gap: calc(0.2564102564 * 56 * 1vw);
  }
  .login__logo img {
    width: 307px;
    width: calc(0.2564102564 * 307 * 1vw);
    height: auto;
  }
  .login__button img {
    width: 289px;
    width: calc(0.2564102564 * 289 * 1vw);
    height: auto;
  }
  .selectArea {
    overflow-y: scroll;
    position: fixed;
    z-index: 200;
    display: flex;
    scrollbar-width: none;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.75s all ease;
  }
  .selectArea.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .selectArea__item {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 32px 24px 100px 24px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 100 * 1vw)
      calc(0.2564102564 * 24 * 1vw);
    border-top-left-radius: 6vw;
    border-top-right-radius: 6vw;
    background: #fff;
  }
  .selectArea__item__cancel {
    cursor: pointer;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    text-align: right;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .selectArea__item__title {
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
  }
  .selectArea__item__title__top {
    margin: 0 20px 0 0;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 0 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    color: #c91432;
  }
  .selectArea__item__title__selected {
    color: #c91432;
  }
  .selectArea__item__nav {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 999px;
    background-color: #f3f4f6;
  }
  .selectArea__item__nav__list {
    position: relative;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .selectArea__item__nav__list__item {
    position: relative;
    z-index: 1;
    width: auto;
    height: 45px;
    height: calc(0.2564102564 * 45 * 1vw);
    width: 25%;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    font-weight: 600;
    text-align: center;
    line-height: 45px;
    line-height: calc(0.2564102564 * 45 * 1vw);
  }
  .selectArea__item__nav__list__item a {
    display: block;
    text-decoration: none;
    color: #71737a;
  }
  .selectArea__item__nav__list::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: auto;
    height: 45px;
    height: calc(0.2564102564 * 45 * 1vw);
    width: 25%;
    border-radius: 999px;
    background-color: #2a3347;
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .selectArea__item__nav__list.current1::before {
    left: 0;
  }
  .selectArea__item__nav__list.current1 .selectArea__item__nav__list__item:first-child a {
    color: #fff;
  }
  .selectArea__item__nav__list.current2::before {
    left: 25%;
  }
  .selectArea__item__nav__list.current2 .selectArea__item__nav__list__item:nth-child(2) a {
    color: #fff;
  }
  .selectArea__item__nav__list.current3::before {
    left: 50%;
  }
  .selectArea__item__nav__list.current3 .selectArea__item__nav__list__item:nth-child(3) a {
    color: #fff;
  }
  .selectArea__item__nav__list.current4::before {
    left: 75%;
  }
  .selectArea__item__nav__list.current4 .selectArea__item__nav__list__item:last-child a {
    color: #fff;
  }
  .selectArea__item__inner__group {
    overflow-x: hidden;
    height: 35vh;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .selectArea__item__inner__group::-webkit-scrollbar {
    width: 6px;
    height: 1px;
    border-radius: 12px;
    background-color: #d9d9d9;
  }
  .selectArea__item__inner__group::-webkit-scrollbar-thumb {
    background: #c91432;
    width: 6px;
    height: 1px;
    border-radius: 12px;
  }
  .selectArea__item__inner__group::-webkit-scrollbar-thumb:hover {
    background-color: #c91432;
  }
  .selectArea__item__inner__group__list__item {
    position: relative;
  }
  .selectArea__item__inner__group__list__item input[type="radio"] {
    opacity: 0;
    position: absolute;
  }
  .selectArea__item__inner__group__list__item label {
    cursor: pointer;
    display: block;
    padding: 12px 0 12px 26px;
    padding: calc(0.2564102564 * 12 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 12 * 1vw)
      calc(0.2564102564 * 26 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    font-weight: 600;
    color: #71737a;
  }
  .selectArea__item__inner__group__list__item label:has(input[type="radio"]:checked) {
    color: #c91432;
  }
  .selectArea__item__inner__group__list__item label:has(input[type="radio"]:checked)::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 12px;
    width: calc(0.2564102564 * 12 * 1vw);
    height: 12px;
    height: calc(0.2564102564 * 12 * 1vw);
    background-color: #c91432;
    border-radius: 999px;
    transform: translateY(-50%);
  }
  .selectArea__item__inner__submit input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 999px;
    width: 100%;
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    background-color: #c91432;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #fff;
  }
  .calendarMonthlyWindow__item {
    width: 360px;
    width: 300px;
    width: calc(0.2564102564 * 300 * 1vw);
    height: auto;
    padding: 24px 24px;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .calendarMonthlyWindow__item__header__prev {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarMonthlyWindow__item__header__cancel {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector {
    gap: 32px;
    gap: calc(0.2564102564 * 32 * 1vw);
    padding: 48px 0;
    padding: calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector__year {
    width: 124px;
    width: calc(0.2564102564 * 124 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5vw auto;
  }
  .calendarMonthlyWindow__item__yearMonthSelector__year span {
    right: 6vw;
    top: 50%;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector__month {
    width: 94px;
    width: calc(0.2564102564 * 94 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5vw auto;
  }
  .calendarMonthlyWindow__item__yearMonthSelector__month span {
    right: 6vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .calendarMonthlyWindow__item__yearMonthSelector select {
    padding-right: 0;
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .calendarMonthlyWindow__item__submit input {
    width: 100%;
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector {
    margin-bottom: 16px;
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    padding: 10px 0 0;
    padding: calc(0.2564102564 * 10 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__header {
    margin: 0 0 8px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__header__prev {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 2vw auto;
  }
  .calendarMonthlyWindow__item__dateSelector__header__view {
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__header__next {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 2vw auto;
  }
  .calendarMonthlyWindow__item__dateSelector__days {
    gap: 16px 0;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__days__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    width: auto;
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.2564102564 * 32 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(1),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(2),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(3),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(4),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(5),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(6),
  .calendarMonthlyWindow__item__dateSelector__days__item:nth-child(7) {
    width: auto;
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    line-height: 24px;
    line-height: calc(0.2564102564 * 24 * 1vw);
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.current {
    border-radius: 999px !important;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item:hover {
    border-radius: 999px;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.is-range-current-start {
    border-radius: 0;
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.is-range-current-end {
    border-radius: 0;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.is-range-current {
    border-radius: 0 !important;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.is-range-select-start {
    border-radius: 0;
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.is-range-select-end {
    border-radius: 0;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
  }
  .calendarMonthlyWindow__item__dateSelector__days__item.is-range-select {
    border-radius: 0 !important;
  }
  .calendarWeeklyWindow__item {
    width: 360px;
    width: 300px;
    width: calc(0.2564102564 * 300 * 1vw);
    height: auto;
    padding: 24px 24px;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .calendarWeeklyWindow__item__header__prev {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarWeeklyWindow__item__header__cancel {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector {
    gap: 32px;
    gap: calc(0.2564102564 * 32 * 1vw);
    padding: 48px 0;
    padding: calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector__year {
    width: 124px;
    width: calc(0.2564102564 * 124 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5vw auto;
  }
  .calendarWeeklyWindow__item__yearMonthSelector__year span {
    right: 6vw;
    top: 50%;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector__month {
    width: 94px;
    width: calc(0.2564102564 * 94 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5vw auto;
  }
  .calendarWeeklyWindow__item__yearMonthSelector__month span {
    right: 6vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .calendarWeeklyWindow__item__yearMonthSelector select {
    padding-right: 0;
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .calendarWeeklyWindow__item__submit input {
    width: 100%;
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector {
    margin-bottom: 16px;
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    padding: 10px 0 0;
    padding: calc(0.2564102564 * 10 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__header {
    margin: 0 0 8px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__header__prev {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 2vw auto;
  }
  .calendarWeeklyWindow__item__dateSelector__header__view {
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__header__next {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 2vw auto;
  }
  .calendarWeeklyWindow__item__dateSelector__days {
    gap: 16px 0;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__days__title .calendarDailyWindow__item__dateSelector__days__list__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    width: auto;
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.2564102564 * 32 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__days__list__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    width: auto;
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.2564102564 * 32 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(1),
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(2),
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(3),
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(4),
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(5),
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(6),
  .calendarWeeklyWindow__item__dateSelector__days__list__item:nth-child(7) {
    width: auto;
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    line-height: 24px;
    line-height: calc(0.2564102564 * 24 * 1vw);
  }
  .calendarWeeklyWindow__item__dateSelector__days__list__item.current {
    border-radius: 999px !important;
  }
  .calendarWeeklyWindow__item__dateSelector__days__list__item:hover {
    border-radius: 999px;
  }
  .calendarDailyWindow__item {
    width: 360px;
    width: 300px;
    width: calc(0.2564102564 * 300 * 1vw);
    height: auto;
    padding: 24px 24px;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .calendarDailyWindow__item__header__prev {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarDailyWindow__item__header__cancel {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector {
    gap: 32px;
    gap: calc(0.2564102564 * 32 * 1vw);
    padding: 48px 0;
    padding: calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector__year {
    width: 124px;
    width: calc(0.2564102564 * 124 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5vw auto;
  }
  .calendarDailyWindow__item__yearMonthSelector__year span {
    right: 6vw;
    top: 50%;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector__month {
    width: 94px;
    width: calc(0.2564102564 * 94 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5vw auto;
  }
  .calendarDailyWindow__item__yearMonthSelector__month span {
    right: 6vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .calendarDailyWindow__item__yearMonthSelector select {
    padding-right: 0;
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .calendarDailyWindow__item__submit input {
    width: 100%;
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector {
    margin-bottom: 16px;
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    padding: 10px 0 0;
    padding: calc(0.2564102564 * 10 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__header {
    margin: 0 0 8px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__header__prev {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 2vw auto;
  }
  .calendarDailyWindow__item__dateSelector__header__view {
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__header__next {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    background-image: url(/assets/img/icon/prev-gray.svg);
    background-size: 2vw auto;
  }
  .calendarDailyWindow__item__dateSelector__days {
    gap: 16px 0;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__days__title .calendarDailyWindow__item__dateSelector__days__list__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    width: auto;
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.2564102564 * 32 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__days__list__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    width: auto;
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.2564102564 * 32 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(1),
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(2),
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(3),
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(4),
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(5),
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(6),
  .calendarDailyWindow__item__dateSelector__days__list__item:nth-child(7) {
    width: auto;
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    line-height: 24px;
    line-height: calc(0.2564102564 * 24 * 1vw);
  }
  .calendarDailyWindow__item__dateSelector__days__list__item.current {
    border-radius: 999px !important;
  }
  .calendarDailyWindow__item__dateSelector__days__list__item:hover {
    border-radius: 999px;
  }
  .navigation {
    display: block;
    overflow-y: scroll;
    position: fixed;
    z-index: 200;
    display: flex;
    scrollbar-width: none;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.75s all ease;
  }
  .navigation__inner {
    width: 80vw;
    border-radius: 6vw;
    padding: 24px;
    padding: calc(0.2564102564 * 24 * 1vw);
    background-color: #fff;
  }
  .navigation__inner__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .navigation__inner__header__close {
    display: block;
    cursor: pointer;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    background-image: url(/assets/img/ai/close.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .navigation__inner__profile {
    margin: 0 0 48px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 48 * 1vw);
  }
  .navigation__inner__profile__position {
    margin: 0;
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    font-weight: 600;
    color: #71737a;
  }
  .navigation__inner__profile__name {
    margin: 0;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .navigation__inner__nav {
    margin: 0 0 48px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 48 * 1vw);
  }
  .navigation__inner__nav__title {
    margin: 0 0 20px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 20 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    font-weight: 600;
    color: #71737a;
  }
  .navigation__inner__nav__list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    gap: calc(0.2564102564 * 32 * 1vw);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .navigation__inner__nav__list__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
  }
  .navigation__inner__nav__list__item a {
    display: flex;
    align-items: center;
    width: 211px;
    width: calc(0.2564102564 * 211 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    gap: 12px;
    gap: calc(0.2564102564 * 12 * 1vw);
    color: #71737a;
    text-decoration: none;
    border-bottom: 2px solid #fff;
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .navigation__inner__nav__list__item a svg {
    width: auto;
    height: 5vw;
  }
  .navigation__inner__nav__list__item a svg path {
    stroke: #71737a;
  }
  .navigation__inner__nav__list__item a.current,
  .navigation__inner__nav__list__item a:hover {
    border-bottom: 2px solid #c91432;
    color: #c91432;
  }
  .navigation__inner__nav__list__item a.current svg path,
  .navigation__inner__nav__list__item a:hover svg path {
    stroke: #c91432;
  }
  .navigation__inner__logout a {
    display: block;
    text-align: center;
    width: 120px;
    width: calc(0.2564102564 * 120 * 1vw);
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    line-height: 44px;
    line-height: calc(0.2564102564 * 44 * 1vw);
    border: 2px solid #d7dae2;
    border-radius: 999px;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    font-weight: 600;
    color: #71737a;
    text-decoration: none;
  }
  .navigation.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .splash {
    overflow: hidden;
  }
  .splash video {
    aspect-ratio: 780 / 1688;
    height: auto;
  }
  .splash__pc {
    display: none;
  }
  .splash__sp {
    display: block;
  }
}
@media only screen and (max-width: 1440px) {
  .kandouDB {
    overflow: hidden;
    padding: 46px 40px 40px;
    padding: calc(0.0694444444 * 46 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__news {
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    padding: 20px 24px;
    padding: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__news__title {
    width: 82px;
    width: calc(0.0694444444 * 82 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
    line-height: 40px;
    line-height: calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__news__list {
    width: calc(100% - 5.6944444408vw);
    margin: 0 0 0 24px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__news__list__item {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
    line-height: 40px;
    line-height: calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__news__list__item a[target="_blank"]::after {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .kandouDB__separate {
    gap: 24px;
    gap: calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__happiness {
    width: calc((100% - 24px) / 2);
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
    border-radius: 24px;
  }
  .kandouDB__happiness__title {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__happiness__inner {
    padding: 12px 24px 24px;
    padding: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__smile i {
    width: 290px;
    width: calc(0.0694444444 * 290 * 1vw);
    height: 290px;
    height: calc(0.0694444444 * 290 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__smile--rankA i {
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__smile--rankB i {
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__smile--rankC i {
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__smile--rankD i {
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__smile--rankE i {
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__group__score {
    font-size: 128px;
    font-size: calc(0.0694444444 * 128 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__group2 {
    gap: 5px;
    gap: calc(0.0694444444 * 5 * 1vw);
    margin: 0 0 8px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group2__score {
    font-size: 60px;
    font-size: calc(0.0694444444 * 60 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group2__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group2__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__title {
    margin: 0 0 10px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 10 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__previous {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__list {
    padding: 20px;
    padding: calc(0.0694444444 * 20 * 1vw);
    border-radius: 20px;
  }
  .kandouDB__happiness__inner__list__item {
    width: calc((100% - 48px) / 4);
    padding: 16px;
    padding: calc(0.0694444444 * 16 * 1vw);
    border-radius: 24px;
  }
  .kandouDB__happiness__inner__list__item__status {
    margin: 0 0 5px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 5 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__happiness__inner__list__item__status::after {
    width: 24px;
    width: calc(0.0694444444 * 24 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__list__item__title {
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__list__item__score {
    font-size: 48px;
    font-size: calc(0.0694444444 * 48 * 1vw);
  }
  .kandouDB__happiness__inner__list__item__previous {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__impressed {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
    border-radius: 24px;
  }
  .kandouDB__impressed__title {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__impressed__inner {
    padding: 20px 24px 24px;
    padding: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__heart i {
    width: 290px;
    width: calc(0.0694444444 * 290 * 1vw);
    height: 290px;
    height: calc(0.0694444444 * 290 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__heart--rankA i {
    background-size: 100% auto;
  }
  .kandouDB__impressed__inner__result__item__group__score {
    font-size: 92px;
    font-size: calc(0.0694444444 * 92 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group__status::before {
    background-size: 100% auto;
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group2 {
    gap: 5px;
    gap: calc(0.0694444444 * 5 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group2__score {
    font-size: 60px;
    font-size: calc(0.0694444444 * 60 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group2__score__unit {
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group2__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group2__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__impressed__inner__result__item__title {
    margin: 0 0 10px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 10 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__res {
    margin: 0 0 12px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 12 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__all {
    margin: 0 0 12px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 12 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__previous {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__impressed__inner__list {
    gap: 24px;
  }
  .kandouDB__impressed__inner__list__item {
    border-radius: 24px;
    width: auto;
    height: 195px;
    height: calc(0.0694444444 * 195 * 1vw);
    width: calc((100% - 24px) / 2);
    padding: 70px 0 0 24px;
    padding: calc(0.0694444444 * 70 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 24 * 1vw);
    background-size: 10vw auto;
  }
  .kandouDB__impressed__inner__list__item__title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 16px 10px 12px;
    padding: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 10 * 1vw)
      calc(0.0694444444 * 12 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .kandouDB__impressed__inner__list__item__score {
    font-size: 70px;
    font-size: calc(0.0694444444 * 70 * 1vw);
  }
  .kandouDB__impressed__inner__list__item__previous {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__impressed__inner__resultSP {
    display: none;
  }
  .kandouDB__prosperity {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__prosperity__title {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__prosperity__title i {
    width: 40px;
    width: calc(0.0694444444 * 40 * 1vw);
    height: 30px;
    height: calc(0.0694444444 * 30 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__prosperity__inner {
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__prosperity__inner__item__title {
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data {
    gap: 12px;
    gap: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__score {
    font-size: 48px;
    font-size: calc(0.0694444444 * 48 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__score__rate {
    font-size: 24px;
    font-size: calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__rate {
    width: 64px;
    width: calc(0.0694444444 * 64 * 1vw);
    height: 64px;
    height: calc(0.0694444444 * 64 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__rate__value {
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__rate__unit {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .kandouDB__prosperity__inner__item__budget {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__graph {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__graph__title {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__graph__title i {
    width: 40px;
    width: calc(0.0694444444 * 40 * 1vw);
    height: 39px;
    height: calc(0.0694444444 * 39 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__graph__inner {
    padding: 40px 32px;
    padding: calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 32 * 1vw);
  }
  .kandouDB__graph__inner__separate {
    margin: 0 0 48px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw);
  }
  .kandouDB__graph__inner__nav {
    top: 2.777777776vw;
    right: 2.2222222208vw;
  }
  .kandouDB__graph__inner__nav__list__item {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
    line-height: 45px;
    line-height: calc(0.0694444444 * 45 * 1vw);
  }
  .kandouDB__graph__inner__nav__list::before {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
  }
  .kandouDB__graph__inner__sample {
    gap: 40px;
    gap: calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__graph__inner__sample__item {
    gap: 10px;
    gap: calc(0.0694444444 * 10 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__graph__inner__sample__item::before {
    width: 30px;
    width: calc(0.0694444444 * 30 * 1vw);
    height: 30px;
    height: calc(0.0694444444 * 30 * 1vw);
    border: 7px solid #d7dae2;
    box-shadow: 1px 1px 6px 0 rgba(113, 115, 122, 0.3019607843);
  }
  .kandouDB__graph__inner__score__title {
    margin: 0 0 30px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 30 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__graph__inner__score__title span {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .kandouDB__graph__inner__score__group {
    gap: 18px;
    gap: calc(0.0694444444 * 18 * 1vw);
  }
  .kandouDB__graph__inner__score__group__score {
    font-size: 110px;
    font-size: calc(0.0694444444 * 110 * 1vw);
  }
  .kandouDB__graph__inner__score__group__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__graph__inner__score__group__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .kandouDB__graph__inner__score__group__previous {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__graph__inner__content__wrap {
    gap: 32px 0;
    gap: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .kandouDB__graph__inner__content__count {
    width: 60px;
    width: calc(0.0694444444 * 60 * 1vw);
    height: auto;
  }
  .kandouDB__graph__inner__content__count__title {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .kandouDB__graph__inner__content__count__item {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__graph__inner__content__label {
    width: calc(100% - 5.555555552vw);
  }
  .kandouDB__graph__inner__content__inner {
    width: 100%;
    height: 565px;
    height: calc(0.0694444444 * 565 * 1vw);
    width: calc(100% - 5.555555552vw);
    padding: 0 20px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__border__item {
    width: 78px;
    width: calc(0.0694444444 * 78 * 1vw);
    height: 34px;
    height: calc(0.0694444444 * 34 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
    line-height: 34px;
    line-height: calc(0.0694444444 * 34 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__item {
    width: 70px;
    width: calc(0.0694444444 * 70 * 1vw);
    height: 70px;
    height: calc(0.0694444444 * 70 * 1vw);
    line-height: 56px;
    line-height: calc(0.0694444444 * 56 * 1vw);
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__item.good {
    width: 100px;
    width: calc(0.0694444444 * 100 * 1vw);
    height: 100px;
    height: calc(0.0694444444 * 100 * 1vw);
    font-size: 29px;
    font-size: calc(0.0694444444 * 29 * 1vw);
    line-height: 80px;
    line-height: calc(0.0694444444 * 80 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__item.good::before {
    bottom: -4vw;
    width: 69px;
    width: calc(0.0694444444 * 69 * 1vw);
    height: 30px;
    height: calc(0.0694444444 * 30 * 1vw);
    line-height: 30px;
    line-height: calc(0.0694444444 * 30 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__average {
    width: 62px;
    width: calc(0.0694444444 * 62 * 1vw);
    height: 62px;
    height: calc(0.0694444444 * 62 * 1vw);
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__graph__inner__content__time {
    margin: 0 0 0 80px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 80 * 1vw);
    padding: 0 20px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .kandouDB__graph__inner__content__time__item {
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .kandouDB__graph__inner__content__time__item small {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__graph__inner__content__time__item span.kandouDB__graph__inner__content__time__item__label {
    font-size: 17px;
    font-size: calc(0.0694444444 * 17 * 1vw);
  }
  .kandouDB__customer {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__customer__title {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__customer__title i {
    width: 34px;
    width: calc(0.0694444444 * 34 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__customer__inner {
    padding: 40px;
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .kandouDB__customer__inner__good {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
    padding: 80px 56px 56px;
    padding: calc(0.0694444444 * 80 * 1vw) calc(0.0694444444 * 56 * 1vw) calc(0.0694444444 * 56 * 1vw);
  }
  .kandouDB__customer__inner__good__title {
    padding: 16px 24px;
    padding: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 24 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .kandouDB__customer__inner__good__title span {
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__customer__inner__good__title i {
    margin: 0 5px 0 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 5 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    width: 30px;
    width: calc(0.0694444444 * 30 * 1vw);
    height: 30px;
    height: calc(0.0694444444 * 30 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__customer__inner__good__list {
    gap: 12px 72px;
    gap: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 72 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item {
    display: flex;
    align-items: end;
    width: calc((100% - 4.9999999968vw) / 2);
  }
  .kandouDB__customer__inner__good__list__item__title {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail {
    padding: 7px 0;
    padding: calc(0.0694444444 * 7 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__score {
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 23px;
    font-size: calc(0.0694444444 * 23 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__graph {
    width: auto;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__graph__scale {
    width: auto;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__graph__scale::after {
    width: 29px;
    height: 29px;
    top: -8px;
    right: -14px;
    border: 7px solid #19b746;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .kandouDB__customer__inner__bad {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
    padding: 80px 56px 56px;
    padding: calc(0.0694444444 * 80 * 1vw) calc(0.0694444444 * 56 * 1vw) calc(0.0694444444 * 56 * 1vw);
  }
  .kandouDB__customer__inner__bad__title {
    padding: 16px 24px;
    padding: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 24 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .kandouDB__customer__inner__bad__title span {
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .kandouDB__customer__inner__bad__title i {
    margin: 0 5px 0 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 5 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    width: 30px;
    width: calc(0.0694444444 * 30 * 1vw);
    height: 31px;
    height: calc(0.0694444444 * 31 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__customer__inner__bad__list {
    gap: 12px 72px;
    gap: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 72 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item {
    display: flex;
    align-items: end;
    width: calc((100% - 4.9999999968vw) / 2);
  }
  .kandouDB__customer__inner__bad__list__item__title {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail {
    padding: 7px 0;
    padding: calc(0.0694444444 * 7 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__score {
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 23px;
    font-size: calc(0.0694444444 * 23 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__graph {
    width: auto;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__graph__scale {
    width: auto;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__graph__scale::after {
    width: 29px;
    height: 29px;
    top: -8px;
    right: -14px;
    border: 7px solid #0035b0;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .kandouDB__customer__inner__result {
    padding: 24px 56px;
    padding: calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 56 * 1vw);
  }
  .kandouDB__customer__inner__result__list {
    gap: 12px 72px;
    gap: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 72 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item {
    width: calc((100% - 4.9999999968vw) / 2);
  }
  .kandouDB__customer__inner__result__list__item__title {
    font-size: 24px;
    font-size: calc(0.0694444444 * 24 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail {
    padding: 7px 0;
    padding: calc(0.0694444444 * 7 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__wrap {
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__before {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__score {
    font-size: 23px;
    font-size: calc(0.0694444444 * 23 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__graph {
    width: auto;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__graph__scale {
    width: auto;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__graph__scale::after {
    width: 29px;
    height: 29px;
    top: -8px;
    right: -14px;
    border: 7px solid #19b746;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
}
@media only screen and (max-width: 991px) {
  .kandouDB {
    padding: 0 24px 100px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 100 * 1vw);
  }
  .kandouDB__news {
    border-radius: 6vw;
    margin: 0 0 12px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 12 * 1vw);
    padding: 16px 0;
    padding: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__news__title {
    display: none;
  }
  .kandouDB__news__list {
    width: 100%;
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    margin: 0;
    padding: 0;
  }
  .kandouDB__news__list__item {
    padding: 0 0 0 24px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 24 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    line-height: 40px;
    line-height: calc(0.2564102564 * 40 * 1vw);
  }
  .kandouDB__news__list__item a[target="_blank"]::after {
    width: 20px;
    width: calc(0.2564102564 * 20 * 1vw);
    height: 20px;
    height: calc(0.2564102564 * 20 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .kandouDB__separate {
    flex-direction: column;
    gap: 40px 0;
    gap: calc(0.2564102564 * 40 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__happiness {
    width: 100%;
    margin: 0;
    border-radius: 6vw;
  }
  .kandouDB__happiness__title {
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__happiness__inner {
    padding: 10px 20px 0;
    padding: calc(0.2564102564 * 10 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__happiness__inner__result {
    flex-wrap: wrap;
    padding: 0 0 24px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .kandouDB__happiness__inner__result__item {
    width: 60%;
  }
  .kandouDB__happiness__inner__result__item:nth-child(2) {
    width: 40%;
  }
  .kandouDB__happiness__inner__result__item__title {
    margin: 0;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    line-height: 1;
  }
  .kandouDB__happiness__inner__result__item__smile {
    width: 100%;
  }
  .kandouDB__happiness__inner__result__item__smile i {
    width: 230px;
    width: calc(0.2564102564 * 230 * 1vw);
    height: 230px;
    height: calc(0.2564102564 * 230 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__group {
    gap: 0 10px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group__score {
    font-size: 98px;
    font-size: calc(0.2564102564 * 98 * 1vw);
    letter-spacing: -0.05em;
  }
  .kandouDB__happiness__inner__result__item__group__status::before {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__result__item__group__status {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__result__item__group2 {
    gap: 0;
    margin: 0;
  }
  .kandouDB__happiness__inner__result__item__group2__status {
    display: none;
  }
  .kandouDB__happiness__inner__result__item__group2__score {
    font-size: 24px;
    font-size: calc(0.2564102564 * 24 * 1vw);
    line-height: 1;
  }
  .kandouDB__happiness__inner__result__item:last-child {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 45px;
    gap: calc(0.2564102564 * 45 * 1vw);
  }
  .kandouDB__happiness__inner__result__item:last-child .kandouDB__happiness__inner__result__item__previous {
    display: none;
  }
  .kandouDB__happiness__inner__result__item__previous {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__happiness__inner__list {
    flex-wrap: wrap;
    margin: 0 -20px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * -20 * 1vw);
    padding: 24px 20px;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 20 * 1vw);
    gap: 16px 12px;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 12 * 1vw);
    border-radius: 0;
    border-bottom-left-radius: 6vw;
    border-bottom-right-radius: 6vw;
  }
  .kandouDB__happiness__inner__list__item {
    position: relative;
    width: 47%;
    padding: 16px;
    padding: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__list__item__status {
    margin: 0 0 15px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 15 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__list__item__status::after {
    width: 5vw;
    height: 5vw;
    background-size: 100% auto;
  }
  .kandouDB__happiness__inner__list__item__title {
    margin: 0 0 15px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 15 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__happiness__inner__list__item__score {
    font-size: 42px;
    font-size: calc(0.2564102564 * 42 * 1vw);
    letter-spacing: -0.05em;
  }
  .kandouDB__happiness__inner__list__item__previous {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 16px;
    padding: calc(0.2564102564 * 16 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .kandouDB__impressed {
    width: 100%;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 6vw;
  }
  .kandouDB__impressed__title {
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__impressed__inner {
    padding: 20px 20px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__impressed__inner__result {
    flex-wrap: wrap;
  }
  .kandouDB__impressed__inner__result__item {
    width: 60%;
  }
  .kandouDB__impressed__inner__result__item:nth-child(2) {
    width: 40%;
  }
  .kandouDB__impressed__inner__result__item:last-child {
    display: none;
  }
  .kandouDB__impressed__inner__result__item__res {
    display: none;
  }
  .kandouDB__impressed__inner__result__item__heart i {
    width: 190px;
    width: calc(0.2564102564 * 190 * 1vw);
    height: 190px;
    height: calc(0.2564102564 * 190 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__impressed__inner__result__item__group {
    gap: 0 10px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group__score {
    font-size: 59px;
    font-size: calc(0.2564102564 * 59 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__group__status::before {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__impressed__inner__result__item__group__status {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__impressed__inner__result__item__previous {
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__impressed__inner__list {
    flex-direction: column;
    gap: 16px;
    gap: calc(0.2564102564 * 16 * 1vw);
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .kandouDB__impressed__inner__list__item {
    width: 100%;
    height: auto;
    padding: 50px 0 24px 20px;
    padding: calc(0.2564102564 * 50 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw)
      calc(0.2564102564 * 20 * 1vw);
    border-radius: 6vw;
    background-size: 30vw;
  }
  .kandouDB__impressed__inner__list__item__title {
    padding: 12px 16px 10px 12px;
    padding: calc(0.2564102564 * 12 * 1vw) calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 10 * 1vw)
      calc(0.2564102564 * 12 * 1vw);
    border-bottom-right-radius: 3vw;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__impressed__inner__list__item__score {
    font-size: 55px;
    font-size: calc(0.2564102564 * 55 * 1vw);
  }
  .kandouDB__impressed__inner__list__item__previous {
    margin: 0;
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .kandouDB__impressed__inner__resultSP {
    display: block;
  }
  .kandouDB__impressed__inner__resultSP__title {
    display: flex;
    margin: 0;
    justify-content: space-between;
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .kandouDB__impressed__inner__resultSP__title span {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    color: #9799a0;
  }
  .kandouDB__impressed__inner__resultSP__group {
    display: flex;
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
    align-items: center;
  }
  .kandouDB__impressed__inner__resultSP__group__score {
    font-weight: 800;
    font-size: 50px;
    font-size: calc(0.2564102564 * 50 * 1vw);
    color: #2a3347;
  }
  .kandouDB__impressed__inner__resultSP__group__score__unit {
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__impressed__inner__resultSP__group__score--all {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__impressed__inner__resultSP__group__status {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 800;
    text-align: center;
    color: #19b746;
  }
  .kandouDB__impressed__inner__resultSP__group__status::before {
    content: "";
    display: block;
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__impressed__inner__resultSP__group__status--up::before {
    background-image: url(/assets/img/icon/chart-up.svg);
  }
  .kandouDB__impressed__inner__resultSP__group__status--up::after {
    content: "UP";
  }
  .kandouDB__impressed__inner__resultSP__group__status--down {
    color: #0035b0;
  }
  .kandouDB__impressed__inner__resultSP__group__status--down::before {
    background-image: url(/assets/img/icon/chart-down.svg);
  }
  .kandouDB__impressed__inner__resultSP__group__status--down::after {
    content: "DOWN";
  }
  .kandouDB__impressed__inner__resultSP__group__status--stay {
    color: #9799a0;
  }
  .kandouDB__impressed__inner__resultSP__group__status--stay::before {
    background-image: url(/assets/img/icon/chart-stay.svg);
  }
  .kandouDB__impressed__inner__resultSP__group__status--stay::after {
    content: "STAY";
  }
  .kandouDB__impressed__inner__resultSP__previous {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #9799a0;
  }
  .kandouDB__prosperity {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 6vw;
  }
  .kandouDB__prosperity__title {
    margin: 0;
    gap: 16px;
    gap: calc(0.2564102564 * 16 * 1vw);
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__prosperity__title i {
    display: block;
    width: 40px;
    width: calc(0.2564102564 * 40 * 1vw);
    height: 30px;
    height: calc(0.2564102564 * 30 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__prosperity__inner {
    flex-direction: column;
    padding: 32px 20px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 20 * 1vw);
    gap: 32px;
    gap: calc(0.2564102564 * 32 * 1vw);
  }
  .kandouDB__prosperity__inner__item__title {
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data {
    gap: 0;
    justify-content: space-between;
  }
  .kandouDB__prosperity__inner__item__data__score {
    font-size: 38px;
    font-size: calc(0.2564102564 * 38 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__score__rate {
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__rate {
    width: 64px;
    width: calc(0.2564102564 * 64 * 1vw);
    height: 64px;
    height: calc(0.2564102564 * 64 * 1vw);
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__rate__value {
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__prosperity__inner__item__data__rate__unit {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .kandouDB__prosperity__inner__item__budget {
    margin: 0;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__graph {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 6vw;
  }
  .kandouDB__graph__title {
    margin: 0;
    gap: 16px;
    gap: calc(0.2564102564 * 16 * 1vw);
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__graph__title i {
    display: block;
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 29px;
    height: calc(0.2564102564 * 29 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__graph__inner {
    padding: 24px 20px;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 20 * 1vw);
    flex-wrap: wrap;
  }
  .kandouDB__graph__inner__list {
    width: 100%;
  }
  .kandouDB__graph__inner__separate {
    display: block;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
  }
  .kandouDB__graph__inner__nav {
    display: none;
  }
  .kandouDB__graph__inner__select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    padding: 20px 24px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 24 * 1vw);
    border: 2px solid #d7dae2;
    border-radius: 999px;
    background-color: transparent;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right 5vw center;
    background-size: 5vw auto;
  }
  .kandouDB__graph__inner__sample {
    gap: 24px;
    gap: calc(0.2564102564 * 24 * 1vw);
  }
  .kandouDB__graph__inner__sample__item {
    gap: 10px;
    gap: calc(0.2564102564 * 10 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__graph__inner__sample__item::before {
    width: 22px;
    width: calc(0.2564102564 * 22 * 1vw);
    height: 22px;
    height: calc(0.2564102564 * 22 * 1vw);
    border: 1.5vw solid #d7dae2;
    box-shadow: 1px 1px 6px 0 rgba(113, 115, 122, 0.3019607843);
  }
  .kandouDB__graph__inner__sample__item:first-child::before {
    border-color: #ffd901;
  }
  .kandouDB__graph__inner__score__title {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
  }
  .kandouDB__graph__inner__score__title span {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .kandouDB__graph__inner__score__group {
    flex-wrap: wrap;
    gap: 0 8px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
    margin: 0 0 20px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__graph__inner__score__group__score {
    font-size: 64px;
    font-size: calc(0.2564102564 * 64 * 1vw);
  }
  .kandouDB__graph__inner__score__group__status {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .kandouDB__graph__inner__score__group__status::before {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__graph__inner__score__group__previous {
    width: 100%;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__graph__inner__content__scroll {
    overflow: scroll;
  }
  .kandouDB__graph__inner__content__scroll::-webkit-scrollbar {
    width: 1px;
    height: 6px;
    border-radius: 12px;
    background-color: #d9d9d9;
  }
  .kandouDB__graph__inner__content__scroll::-webkit-scrollbar-thumb {
    background: #c91432;
    width: 1px;
    height: 6px;
    border-radius: 12px;
  }
  .kandouDB__graph__inner__content__scroll::-webkit-scrollbar-thumb:hover {
    background-color: #c91432;
  }
  .kandouDB__graph__inner__content__wrap {
    width: 220vw;
    gap: 34px 0;
    gap: calc(0.2564102564 * 34 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__graph__inner__content__count {
    z-index: 10;
    left: 0;
    width: 15vw;
    background-color: #fff;
    padding-right: 5vw;
    border-right: 1px solid #9799a0;
  }
  .kandouDB__graph__inner__content__count__item {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__graph__inner__content__count__title {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .kandouDB__graph__inner__content__label {
    width: 200vw;
    height: 10vw;
    border-left: none;
  }
  .kandouDB__graph__inner__content__inner {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-right: 15vw;
    width: 205vw;
    height: 120vw;
    border-left: none;
    border-bottom: 1px solid #9799a0;
  }
  .kandouDB__graph__inner__content__inner__border__item {
    width: 78px;
    width: calc(0.2564102564 * 78 * 1vw);
    height: 34px;
    height: calc(0.2564102564 * 34 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    line-height: 34px;
    line-height: calc(0.2564102564 * 34 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__item {
    width: 48px;
    width: calc(0.2564102564 * 48 * 1vw);
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    border: 1.2vw solid #ffd901;
    border-radius: 999px;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    line-height: 42px;
    line-height: calc(0.2564102564 * 42 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__item.good {
    width: 72px;
    width: calc(0.2564102564 * 72 * 1vw);
    height: 72px;
    height: calc(0.2564102564 * 72 * 1vw);
    border: 1.5vw solid #19b746;
    line-height: 64px;
    line-height: calc(0.2564102564 * 64 * 1vw);
    font-size: 24px;
    font-size: calc(0.2564102564 * 24 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__item.good::before {
    bottom: -8vw;
    width: 49px;
    width: calc(0.2564102564 * 49 * 1vw);
    height: 20px;
    height: calc(0.2564102564 * 20 * 1vw);
    line-height: 20px;
    line-height: calc(0.2564102564 * 20 * 1vw);
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
  }
  .kandouDB__graph__inner__content__inner__chart__average {
    width: 44px;
    width: calc(0.2564102564 * 44 * 1vw);
    height: 44px;
    height: calc(0.2564102564 * 44 * 1vw);
    border: 1.2vw solid #d7dae2;
    border-radius: 999px;
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
    line-height: 36px;
    line-height: calc(0.2564102564 * 36 * 1vw);
  }
  .kandouDB__graph__inner__content__time {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-left: 15vw;
    padding-right: 15vw;
  }
  .kandouDB__graph__inner__content__time__item {
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
  }
  .kandouDB__graph__inner__content__time__item small {
    font-size: 10px;
    font-size: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__graph__inner__content__time__item span.kandouDB__graph__inner__content__time__item__label {
    font-size: 10px;
    font-size: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 6vw;
    background: 0 0;
  }
  .kandouDB__customer__title {
    margin: 0;
    gap: 16px;
    gap: calc(0.2564102564 * 16 * 1vw);
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .kandouDB__customer__title i {
    display: block;
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 29px;
    height: calc(0.2564102564 * 29 * 1vw);
    background-size: 100% auto;
  }
  .kandouDB__customer__nav {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 0;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__customer__nav__list {
    display: flex;
    justify-content: center;
    list-style: none;
    position: relative;
    width: 100%;
    border-radius: 999px;
    margin: 0 auto;
    padding: 0;
    background-color: #f3f4f6;
  }
  .kandouDB__customer__nav__list::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50%;
    height: 100%;
    border-radius: 999px;
    background-color: #19b746;
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .kandouDB__customer__nav__list__item {
    position: relative;
    z-index: 1;
    width: 50%;
  }
  .kandouDB__customer__nav__list__item a {
    display: block;
    padding: 14px 0 14px 48px;
    padding: calc(0.2564102564 * 14 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 14 * 1vw)
      calc(0.2564102564 * 48 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    line-height: 1.3;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    color: #9799a0;
    background-repeat: no-repeat;
    background-position: left 4vw center;
    background-size: 6vw auto;
  }
  .kandouDB__customer__nav__list__item a span {
    display: block;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__nav__list__item:first-child a {
    background-image: url(/assets/img/icon/good@2x.png);
    filter: grayscale(100%);
  }
  .kandouDB__customer__nav__list__item:last-child a {
    background-image: url(/assets/img/icon/bad@2x.png);
    filter: grayscale(100%);
  }
  .kandouDB__customer__nav__list.current1 .kandouDB__customer__nav__list__item:first-child a {
    color: #fff;
    filter: none;
  }
  .kandouDB__customer__nav__list.current2 .kandouDB__customer__nav__list__item:last-child a {
    color: #fff;
    filter: none;
  }
  .kandouDB__customer__nav__list.current2::before {
    left: 50%;
    background-color: #0035b0;
  }
  .kandouDB__customer__inner {
    padding: 0;
  }
  .kandouDB__customer__inner__good {
    position: relative;
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
    padding: 20px 20px 40px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 0;
    border-bottom-left-radius: 6vw;
    border-bottom-right-radius: 6vw;
    background-color: #fff;
  }
  .kandouDB__customer__inner__good__title {
    display: none;
  }
  .kandouDB__customer__inner__good__title span {
    margin-left: 0.15em;
    font-size: 26px;
    color: #19b746;
  }
  .kandouDB__customer__inner__good__title i {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    background-image: url(/assets/img/icon/good@2x.png);
    background-size: 30px;
  }
  .kandouDB__customer__inner__good__list {
    flex-direction: column;
    gap: 32px 0;
    gap: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item {
    flex-direction: column;
    width: 100%;
    gap: 16px 0;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__title {
    width: 100%;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail {
    width: 100%;
    padding: 0;
  }
  .kandouDB__customer__inner__good__list__item__detail__score {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 26px;
    font-size: calc(0.2564102564 * 26 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__graph {
    width: 100%;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__graph__scale {
    width: 0%;
    width: auto;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer__inner__good__list__item__detail__graph__scale::after {
    width: 6vw;
    height: 6vw;
    top: -2vw;
    right: -4vw;
    border: 1.5vw solid #19b746;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .kandouDB__customer__inner__bad {
    display: none;
    position: relative;
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
    padding: 20px 20px 40px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 40 * 1vw);
    border-radius: 0;
    border-bottom-left-radius: 6vw;
    border-bottom-right-radius: 6vw;
    background-color: #fff;
  }
  .kandouDB__customer__inner__bad__title {
    display: none;
  }
  .kandouDB__customer__inner__bad__list {
    flex-direction: column;
    gap: 32px 0;
    gap: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item {
    flex-direction: column;
    width: 100%;
    gap: 16px 0;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__title {
    width: 100%;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail {
    width: 100%;
    padding: 0;
  }
  .kandouDB__customer__inner__bad__list__item__detail__score {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 26px;
    font-size: calc(0.2564102564 * 26 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__graph {
    width: 100%;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__graph__scale {
    width: 0%;
    width: auto;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer__inner__bad__list__item__detail__graph__scale::after {
    width: 6vw;
    height: 6vw;
    top: -2vw;
    right: -4vw;
    border: 1.5vw solid #0035b0;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .kandouDB__customer__inner__result {
    border-radius: 6vw;
    padding: 20px 20px 40px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .kandouDB__customer__inner__result__list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    gap: calc(0.2564102564 * 32 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item {
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    gap: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__title {
    width: 100%;
    margin: 0;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail {
    width: 100%;
    padding: 0;
  }
  .kandouDB__customer__inner__result__list__item__detail__wrap {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__before {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__score {
    margin: 0;
    font-size: 26px;
    font-size: calc(0.2564102564 * 26 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__graph {
    width: 100%;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__graph__scale {
    width: 0%;
    width: auto;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .kandouDB__customer__inner__result__list__item__detail__graph__scale::after {
    width: 6vw;
    height: 6vw;
    top: -2vw;
    right: -4vw;
    border: 1.5vw solid #19b746;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
}
@media only screen and (max-width: 1440px) {
  .commentDB {
    padding: 46px 40px 40px;
    padding: calc(0.0694444444 * 46 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .commentDB__summary {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .commentDB__summary__graph {
    min-height: 0;
    width: 75.1%;
    padding: 32px 40px 76px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 76 * 1vw);
  }
  .commentDB__summary__graph__title {
    margin: 0 0 32px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 30px;
    font-size: calc(0.0694444444 * 30 * 1vw);
  }
  .commentDB__summary__graph__head {
    width: 61px;
    width: calc(0.0694444444 * 61 * 1vw);
    height: auto;
    padding: 0 16px 10px 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 10 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .commentDB__summary__graph__wrap {
    gap: 16px 0;
    gap: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .commentDB__summary__graph__count {
    width: 40px;
    width: calc(0.0694444444 * 40 * 1vw);
    height: auto;
  }
  .commentDB__summary__graph__count__item {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .commentDB__summary__graph__inner {
    padding: 0 20px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    width: 100%;
    height: 513px;
    height: calc(0.0694444444 * 513 * 1vw);
    width: calc(100% - 4.166666664vw);
  }
  .commentDB__summary__graph__inner__chart {
    width: 20%;
    background-position: right -12px;
    background-size: 2px 24px;
  }
  .commentDB__summary__graph__inner__chart__scale {
    left: 10%;
    width: 80%;
    height: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .commentDB__summary__graph__inner__chart__scale__cnt {
    font-size: 40px;
    font-size: calc(0.0694444444 * 40 * 1vw);
  }
  .commentDB__summary__graph__inner__chart__scale__cnt span {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .commentDB__summary__graph__time {
    margin: 0 0 0 60px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 60 * 1vw);
    padding: 0 20px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .commentDB__summary__graph__time__item {
    width: 20%;
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .commentDB__summary__data {
    min-height: 0;
    padding: 24px;
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
  }
  .commentDB__summary__data__total {
    width: 100%;
    height: 266px;
    height: calc(0.0694444444 * 266 * 1vw);
    margin: 0 0 24px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .commentDB__summary__data__total__title {
    padding: 16px 24px 16px 16px;
    padding: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 16 * 1vw)
      calc(0.0694444444 * 16 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .commentDB__summary__data__total__count {
    font-size: 110px;
    font-size: calc(0.0694444444 * 110 * 1vw);
  }
  .commentDB__summary__data__rating {
    margin: 0 0 33px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 33 * 1vw);
  }
  .commentDB__summary__data__rating__title {
    padding: 16px 24px 16px 16px;
    padding: calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 16 * 1vw)
      calc(0.0694444444 * 16 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .commentDB__summary__data__rating__list {
    gap: 24px 0;
    gap: calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 0 * 1vw);
    padding: 90px 16px 30px;
    padding: calc(0.0694444444 * 90 * 1vw) calc(0.0694444444 * 16 * 1vw) calc(0.0694444444 * 30 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__title {
    width: 40%;
  }
  .commentDB__summary__data__rating__list__item__title__evaluation {
    margin: 0 0 12px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 12 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__title__evaluation::before {
    width: 27px;
    width: calc(0.0694444444 * 27 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .commentDB__summary__data__rating__list__item__title__comment {
    font-size: 11px;
    font-size: calc(0.0694444444 * 11 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__title__comment span {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__score {
    margin: 0 0 16px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 23px;
    font-size: calc(0.0694444444 * 23 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__graph {
    width: 100%;
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__graph__scale {
    width: 50% px;
    width: calc(0.0694444444 * 50% * 1vw);
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__graph__scale::after {
    display: block;
    content: "";
    width: 29px;
    height: 29px;
    position: absolute;
    top: -8px;
    right: -14px;
    border-radius: 999px;
    background-color: #fff;
    border: 7px solid #c91432;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .commentDB__summary__data__rating__list__item.--good
    .commentDB__summary__data__rating__list__item__title__evaluation::before {
    width: 27px;
    width: calc(0.0694444444 * 27 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .commentDB__summary__data__rating__list__item.--good .commentDB__summary__data__rating__list__item__detail__score {
    color: #ff8808;
  }
  .commentDB__summary__data__rating__list__item.--good
    .commentDB__summary__data__rating__list__item__detail__graph__scale {
    background-color: #ff8808;
  }
  .commentDB__summary__data__rating__list__item.--good
    .commentDB__summary__data__rating__list__item__detail__graph__scale::after {
    border: 7px solid #ff8808;
  }
  .commentDB__summary__data__text {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .commentDB__summary__data__text::before {
    width: 28px;
    width: calc(0.0694444444 * 28 * 1vw);
    height: 28px;
    height: calc(0.0694444444 * 28 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .commentDB__summary__data__modal {
    bottom: 7.638888884vw;
    width: 264px;
    width: calc(0.0694444444 * 264 * 1vw);
    height: 167px;
    height: calc(0.0694444444 * 167 * 1vw);
    padding: 75px 24px 24px;
    padding: calc(0.0694444444 * 75 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .commentDB__summary__data__modal__close {
    top: 1.6666666656vw;
    right: 1.6666666656vw;
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
  .commentDB__summary__data__modal__list {
    gap: 8px;
    gap: calc(0.0694444444 * 8 * 1vw);
  }
  .commentDB__summary__data__modal__list__item {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .commentDB__summary__data__modal__list__item span {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .commentDB__summary__data__modal__list__item:first-child::before {
    width: 27px;
    width: calc(0.0694444444 * 27 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__summary__data__modal__list__item:last-child::before {
    width: 27px;
    width: calc(0.0694444444 * 27 * 1vw);
    height: 24px;
    height: calc(0.0694444444 * 24 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__header {
    margin: 0 0 48px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw);
  }
  .commentDB__voices__header__title h2 {
    font-size: 26px;
    font-size: calc(0.0735294118 * 26 * 1vw);
  }
  .commentDB__voices__header__title h2 span {
    margin: 0 0 0 12px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 12 * 1vw);
    font-size: 14px;
    font-size: calc(0.0735294118 * 14 * 1vw);
  }
  .commentDB__voices__header__nav__list__item {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
  }
  .commentDB__voices__header__nav__list__item a {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
    line-height: 45px;
    line-height: calc(0.0694444444 * 45 * 1vw);
  }
  .commentDB__voices__header__nav__list::before {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
  }
  .commentDB__voices__date {
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .commentDB__voices__notice {
    margin: 0 0 44px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 44 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .commentDB__voices__notice i {
    width: 29px;
    width: calc(0.0694444444 * 29 * 1vw);
    height: 29px;
    height: calc(0.0694444444 * 29 * 1vw);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .commentDB__voices__list__item {
    margin-bottom: -2vw;
    width: 340px;
    width: calc(0.0694444444 * 340 * 1vw);
    height: 208px;
    height: calc(0.0694444444 * 208 * 1vw);
    padding: 42px 42px 0 36px;
    padding: calc(0.0694444444 * 42 * 1vw) calc(0.0694444444 * 42 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 36 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item__close {
    width: 77px;
    width: calc(0.0694444444 * 77 * 1vw);
    height: 77px;
    height: calc(0.0694444444 * 77 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item__data {
    font-size: 11px;
    font-size: calc(0.0735294118 * 11 * 1vw);
  }
  .commentDB__voices__list__item__text {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .commentDB__voices__list__item.priority1 {
    width: 340px;
    width: calc(0.0694444444 * 340 * 1vw);
    height: 416px;
    height: calc(0.0694444444 * 416 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item.priority1 .commentDB__voices__list__item__date {
    margin: 0 0 35px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 35 * 1vw);
  }
  .commentDB__voices__list__item.priority1 .commentDB__voices__list__item__text {
    font-size: 28px;
    font-size: calc(0.0694444444 * 28 * 1vw);
  }
  .commentDB__voices__list__item.priority1::before {
    width: 91px;
    width: calc(0.0694444444 * 91 * 1vw);
    height: 81px;
    height: calc(0.0694444444 * 81 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item.priority2 {
    width: 340px;
    width: calc(0.0694444444 * 340 * 1vw);
    height: 416px;
    height: calc(0.0694444444 * 416 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item.priority2 .commentDB__voices__list__item__date {
    margin: 0 0 35px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 35 * 1vw);
  }
  .commentDB__voices__list__item.priority2 .commentDB__voices__list__item__text {
    font-size: 28px;
    font-size: calc(0.0694444444 * 28 * 1vw);
  }
  .commentDB__voices__list__item.priority2::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 29px;
    height: calc(0.0694444444 * 29 * 1vw);
    background-image: url(/assets/img/icon/priority2@2x.png);
    background-size: 100% auto;
  }
  .commentDB__voices__more {
    width: 148px;
    width: calc(0.0694444444 * 148 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
  }
  .commentDB__voices__more a {
    width: 100%;
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
}
@media only screen and (max-width: 991px) {
  .commentDB {
    padding: 0 24px 100px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 100 * 1vw);
  }
  .commentDB__summary {
    flex-direction: column;
    gap: 24px;
    gap: calc(0.2564102564 * 24 * 1vw);
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .commentDB__summary__graph {
    order: 1;
    width: 100%;
    min-height: 0;
    padding: 32px 20px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 20 * 1vw);
  }
  .commentDB__summary__graph__title {
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
  }
  .commentDB__summary__graph__scroll {
    overflow: scroll;
  }
  .commentDB__summary__graph__scroll::-webkit-scrollbar {
    width: 1px;
    height: 6px;
    border-radius: 12px;
    background-color: #d9d9d9;
  }
  .commentDB__summary__graph__scroll::-webkit-scrollbar-thumb {
    background: #c91432;
    width: 1px;
    height: 6px;
    border-radius: 12px;
  }
  .commentDB__summary__graph__scroll::-webkit-scrollbar-thumb:hover {
    background-color: #c91432;
  }
  .commentDB__summary__graph__head {
    width: 14vw;
    padding-bottom: 2vw;
    padding-right: 5vw;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__summary__graph__wrap {
    width: 180vw;
    padding: 0 0 40px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .commentDB__summary__graph__count {
    position: sticky;
    z-index: 1;
    left: 0;
    width: 14vw;
    padding-right: 5vw;
    background: #fff;
    border-right: 1px solid #9799a0;
  }
  .commentDB__summary__graph__count__item {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__summary__graph__inner {
    width: 166vw;
    height: 120vw;
    border-left: none;
    padding-right: 5vw;
  }
  .commentDB__summary__graph__inner__chart__scale {
    border-top-left-radius: 6vw;
    border-top-right-radius: 6vw;
  }
  .commentDB__summary__graph__inner__chart__scale__cnt {
    font-size: 40px;
    font-size: calc(0.2564102564 * 40 * 1vw);
  }
  .commentDB__summary__graph__inner__chart__scale__cnt::after {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__summary__graph__time {
    margin-left: 14vw;
    padding-right: 5vw;
  }
  .commentDB__summary__graph__time__item p {
    font-size: 17px;
    font-size: calc(0.2564102564 * 17 * 1vw);
  }
  .commentDB__summary__data {
    width: 100%;
    min-height: 0;
    padding: 24px;
    padding: calc(0.2564102564 * 24 * 1vw);
    border-radius: 6vw;
  }
  .commentDB__summary__data__total {
    width: auto;
    height: 164px;
    height: calc(0.2564102564 * 164 * 1vw);
    margin: 0 0 14px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__summary__data__total__title {
    padding: 8px 24px 8px 16px;
    padding: calc(0.2564102564 * 8 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 8 * 1vw)
      calc(0.2564102564 * 16 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    border-bottom-right-radius: 6vw;
  }
  .commentDB__summary__data__total__count {
    border-radius: 6vw;
    font-size: 79px;
    font-size: calc(0.2564102564 * 79 * 1vw);
  }
  .commentDB__summary__data__rating {
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .commentDB__summary__data__rating__title {
    padding: 8px 24px 8px 16px;
    padding: calc(0.2564102564 * 8 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 8 * 1vw)
      calc(0.2564102564 * 16 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    border-bottom-right-radius: 6vw;
  }
  .commentDB__summary__data__rating__list {
    gap: 24px 0;
    gap: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 0 * 1vw);
    padding: 60px 16px 16px;
    padding: calc(0.2564102564 * 60 * 1vw) calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__title__evaluation {
    margin: 0 0 15px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 15 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__title__evaluation::before {
    width: 27px;
    width: calc(0.2564102564 * 27 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__summary__data__rating__list__item__title__comment {
    font-size: 11px;
    font-size: calc(0.2564102564 * 11 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__title__comment span {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail {
    padding: 0;
  }
  .commentDB__summary__data__rating__list__item__detail__score {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 26px;
    font-size: calc(0.2564102564 * 26 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__score::after {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__graph {
    width: 100%;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__graph__scale {
    width: 50%;
    width: auto;
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .commentDB__summary__data__rating__list__item__detail__graph__scale::after {
    width: 6vw;
    height: 6vw;
    top: -2vw;
    right: -4vw;
    border: 1.5vw solid #c91432;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .commentDB__summary__data__rating__list__item.--good
    .commentDB__summary__data__rating__list__item__title__evaluation::before {
    width: 27px;
    width: calc(0.2564102564 * 27 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__summary__data__rating__list__item.--good
    .commentDB__summary__data__rating__list__item__detail__graph__scale::after {
    border: 1.5vw solid #ff8808;
  }
  .commentDB__summary__data__text {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__summary__data__text a::before {
    width: 6vw;
    height: 6vw;
    background-size: 100% auto;
  }
  .commentDB__summary__data__modal {
    bottom: 15.384615384vw;
    width: 264px;
    width: calc(0.2564102564 * 264 * 1vw);
    height: 167px;
    height: calc(0.2564102564 * 167 * 1vw);
    padding: 75px 24px 24px;
    padding: calc(0.2564102564 * 75 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .commentDB__summary__data__modal__close {
    top: 6.1538461536vw;
    right: 6.1538461536vw;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
  }
  .commentDB__summary__data__modal__list {
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
  }
  .commentDB__summary__data__modal__list__item {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .commentDB__summary__data__modal__list__item span {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__summary__data__modal__list__item:first-child::before {
    width: 27px;
    width: calc(0.2564102564 * 27 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__summary__data__modal__list__item:last-child::before {
    width: 27px;
    width: calc(0.2564102564 * 27 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .commentDB__voices__header__title {
    margin: 0 0 24px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .commentDB__voices__header__title h2 {
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .commentDB__voices__header__title h2 span {
    margin: 0 0 0 12px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 12 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__voices__header__nav {
    display: none;
  }
  .commentDB__voices__header__select {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    padding: 20px 24px;
    padding: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 24 * 1vw);
    border: 2px solid #d7dae2;
    border-radius: 999px;
    background-color: transparent;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-position: right 5vw center;
    background-size: 5vw auto;
  }
  .commentDB__voices__header__select.hidden {
    opacity: 0.3;
    pointer-events: none;
  }
  .commentDB__voices__date {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__voices__notice {
    gap: 10px;
    gap: calc(0.2564102564 * 10 * 1vw);
    margin: 0 0 30px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 30 * 1vw);
    text-indent: -0.5em;
  }
  .commentDB__voices__notice i {
    margin-left: -0.5em;
    width: 29px;
    width: calc(0.2564102564 * 29 * 1vw);
    height: 29px;
    height: calc(0.2564102564 * 29 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__notice {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .commentDB__voices__list {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin: 0 -24px 38px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * -24 * 1vw) calc(0.2564102564 * 38 * 1vw);
  }
  .commentDB__voices__list__item {
    width: 100%;
    height: auto;
    aspect-ratio: 355 / 208;
    padding: 48px 48px 0 48px;
    padding: calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 48 * 1vw);
    background-size: 96% auto;
  }
  .commentDB__voices__list__item__close {
    cursor: pointer;
    width: 77px;
    width: calc(0.2564102564 * 77 * 1vw);
    height: 77px;
    height: calc(0.2564102564 * 77 * 1vw);
    top: -4vw;
    right: -1vw;
    background-image: url(/assets/img/icon/close@2x.png);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item__date {
    margin: 0 0 15px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 15 * 1vw);
    font-size: 11px;
    font-size: calc(0.2564102564 * 11 * 1vw);
  }
  .commentDB__voices__list__item__text {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .commentDB__voices__list__item.priority1 {
    width: 100%;
    height: auto;
    aspect-ratio: 355 / 405;
    background-size: 95% auto;
  }
  .commentDB__voices__list__item.priority1 .commentDB__voices__list__item__date {
    margin: 0 0 35px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 35 * 1vw);
  }
  .commentDB__voices__list__item.priority1 .commentDB__voices__list__item__text {
    font-size: 24px;
    font-size: calc(0.2564102564 * 24 * 1vw);
    line-height: 1.6;
  }
  .commentDB__voices__list__item.priority1::before {
    width: 91px;
    width: calc(0.2564102564 * 91 * 1vw);
    height: 81px;
    height: calc(0.2564102564 * 81 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__list__item.priority2 {
    width: 100%;
    height: auto;
    aspect-ratio: 355 / 405;
    background-size: 95% auto;
  }
  .commentDB__voices__list__item.priority2 .commentDB__voices__list__item__date {
    margin: 0 0 35px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 35 * 1vw);
  }
  .commentDB__voices__list__item.priority2 .commentDB__voices__list__item__text {
    font-size: 24px;
    font-size: calc(0.2564102564 * 24 * 1vw);
    line-height: 1.6;
  }
  .commentDB__voices__list__item.priority2::before {
    top: 12vw;
    left: 12vw;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 29px;
    height: calc(0.2564102564 * 29 * 1vw);
    background-size: 100% auto;
  }
  .commentDB__voices__more {
    width: 146px;
    width: calc(0.2564102564 * 146 * 1vw);
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
  }
  .commentDB__voices__more a {
    width: 146px;
    width: calc(0.2564102564 * 146 * 1vw);
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    line-height: 48px;
    line-height: calc(0.2564102564 * 48 * 1vw);
  }
}
@media only screen and (min-width: 767px) and (max-width: 900px) {
  .commentDB__voices__list__item__text {
    font-size: 7px;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 991px) {
  .repeatDB {
    overflow: hidden;
    padding: 46px 40px 40px;
    padding: calc(0.0694444444 * 46 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__evaluation {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__evaluation__title {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .repeatDB__evaluation__title i {
    width: 34px;
    width: calc(0.0694444444 * 34 * 1vw);
    height: 40px;
    height: calc(0.0694444444 * 40 * 1vw);
    background-size: 100% auto;
  }
  .repeatDB__evaluation__inner {
    gap: 72px 0;
    gap: calc(0.0694444444 * 72 * 1vw) calc(0.0694444444 * 0 * 1vw);
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__evaluation__inner__item.rank {
    width: 802px;
    width: calc(0.0694444444 * 802 * 1vw);
    height: auto;
  }
  .repeatDB__evaluation__inner__item.repeat {
    width: 430px;
    width: calc(0.0694444444 * 430 * 1vw);
    height: auto;
  }
  .repeatDB__evaluation__inner__item.repeat .repeatDB__evaluation__inner__item__separate {
    gap: 40px;
    gap: calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__evaluation__inner__item.repeat .repeatDB__evaluation__inner__item__list {
    width: calc(100% - 210px);
  }
  .repeatDB__evaluation__inner__item.gender-age .repeatDB__evaluation__inner__item__separate__item {
    width: 430px;
    width: calc(0.0694444444 * 430 * 1vw);
    height: auto;
  }
  .repeatDB__evaluation__inner__item.gender-age .repeatDB__evaluation__inner__item__separate__item:nth-child(2) {
    width: 810px;
    width: calc(0.0694444444 * 810 * 1vw);
    height: auto;
  }
  .repeatDB__evaluation__inner__item.gender-age .repeatDB__evaluation__inner__item__list {
    width: calc(100% - 210px);
  }
  .repeatDB__evaluation__inner__item.area {
    width: 565px;
    width: calc(0.0694444444 * 565 * 1vw);
    height: auto;
  }
  .repeatDB__evaluation__inner__item.occupation {
    width: 667px;
    width: calc(0.0694444444 * 667 * 1vw);
    height: auto;
  }
  .repeatDB__evaluation__inner__item__title {
    gap: 12px;
    gap: 12px;
    gap: calc(0.0694444444 * 12 * 1vw);
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
    padding: 12px 24px;
    padding: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 24 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .repeatDB__evaluation__inner__item__title::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .repeatDB__evaluation__inner__item__separate {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__evaluation__inner__item__separate__item {
    width: 370px;
    width: calc(0.0694444444 * 370 * 1vw);
    height: auto;
    gap: 10px;
    gap: calc(0.0694444444 * 10 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphCircle svg circle {
    stroke-width: 22px;
    stroke-dasharray: 534;
  }
  .repeatDB__evaluation__inner__item__graphCircle__dotA {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 32px;
  }
  .repeatDB__evaluation__inner__item__graphCircle__dotB {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 32px;
  }
  .repeatDB__evaluation__inner__item__graphCircle__dotC {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 32px;
  }
  .repeatDB__evaluation__inner__item__graphCircle__name {
    width: 210px;
    height: 210px;
    line-height: 210px;
    font-size: 18px;
    font-weight: 700;
  }
  .repeatDB__evaluation__inner__item__list {
    gap: 20px;
    gap: calc(0.0694444444 * 20 * 1vw);
  }
  .repeatDB__evaluation__inner__item__list li {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__evaluation__inner__item__list li::before {
    margin-right: 0.5em;
    width: 8px;
    width: calc(0.0694444444 * 8 * 1vw);
    height: 16px;
    height: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__evaluation__inner__item__notice {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item {
    margin: 0 0 32px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__limit {
    margin-bottom: 17px;
    margin: 0 0 17px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 17 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__limit__name {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__limit__ages {
    gap: 24px;
  }
  .repeatDB__evaluation__inner__item__graphBar__item__limit__ages li {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__limit__ages li::before {
    width: 12px;
    width: calc(0.0694444444 * 12 * 1vw);
    height: 12px;
    height: calc(0.0694444444 * 12 * 1vw);
    margin: 0 8px 0 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__memory__name {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__memory__graph {
    width: 730px;
    width: calc(0.0694444444 * 730 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
  .repeatDB__evaluation__inner__item__graphBar__item__memory__graph__scale {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
    width: 100%;
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    line-height: 32px;
    line-height: calc(0.0694444444 * 32 * 1vw);
  }
  .repeatDB__evaluation__inner__item__app {
    gap: 40px;
    gap: calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__evaluation__inner__item__app__item__name {
    width: 20%;
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__evaluation__inner__item__app__item__name::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .repeatDB__evaluation__inner__item__app__item__graph {
    width: 176px;
    width: calc(0.0694444444 * 176 * 1vw);
    height: 16px;
    height: calc(0.0694444444 * 16 * 1vw);
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
  }
  .repeatDB__evaluation__inner__item__app__item__graph__memory {
    width: 50% px;
    width: calc(0.0694444444 * 50% * 1vw);
    height: 16px;
    height: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__evaluation__inner__item__app__item__count {
    width: 80px;
    width: calc(0.0694444444 * 80 * 1vw);
    height: auto;
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__evaluation__inner__item__app__item__percentage {
    width: 85px;
    width: calc(0.0694444444 * 85 * 1vw);
    height: auto;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map {
    min-height: 20vw;
    margin: 0 0 48px 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map__item {
    --min-size: 3vw;
    --max-size: 22vw;
    --max-percent: 90;
    width: clamp(
      var(--min-size),
      (var(--p) - 3) *
      (var(--max-size) - var(--min-size)) /
      (var(--max-percent) - 3) +
      var(--min-size),
      var(--max-size)
    );
    height: clamp(
      var(--min-size),
      (var(--p) - 3) *
      (var(--max-size) - var(--min-size)) /
      (var(--max-percent) - 3) +
      var(--min-size),
      var(--max-size)
    );
  }
  .repeatDB__evaluation__inner__item__map__item__name {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map__item__score {
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map__item__score__p {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map__item.is-over-10 .repeatDB__evaluation__inner__item__map__item__name {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map__item.is-over-10 .repeatDB__evaluation__inner__item__map__item__score {
    font-size: 28px;
    font-size: calc(0.0694444444 * 28 * 1vw);
  }
  .repeatDB__evaluation__inner__item__map__item.is-over-10 .repeatDB__evaluation__inner__item__map__item__score__p {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .repeatDB__evaluation__inner__item__mapList {
    gap: 12px 0;
    gap: 12px 0;
    gap: calc(0.0694444444 * 12 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .repeatDB__evaluation__inner__item__mapList li {
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .repeatDB__evaluation__inner__item__mapList li::before {
    width: 16px;
    width: calc(0.0694444444 * 16 * 1vw);
    height: 16px;
    height: calc(0.0694444444 * 16 * 1vw);
    border-radius: 99px;
  }
  .repeatDB__sales__title {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    padding: 24px;
    padding: calc(0.0694444444 * 24 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .repeatDB__sales__title i {
    width: 40px;
    width: calc(0.0694444444 * 40 * 1vw);
    height: 30px;
    height: calc(0.0694444444 * 30 * 1vw);
    background-size: 100% auto;
  }
  .repeatDB__sales__inner {
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__sales__inner__information {
    margin: 0 0 90px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 90 * 1vw);
  }
  .repeatDB__sales__inner__information__item__title {
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .repeatDB__sales__inner__information__item__data {
    gap: 12px;
    gap: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__information__item__data__score {
    font-size: 48px;
    font-size: calc(0.0694444444 * 48 * 1vw);
  }
  .repeatDB__sales__inner__information__item__data__score__rate {
    font-size: 24px;
    font-size: calc(0.0694444444 * 24 * 1vw);
  }
  .repeatDB__sales__inner__information__item__data__rate {
    width: 64px;
    width: calc(0.0694444444 * 64 * 1vw);
    height: 64px;
    height: calc(0.0694444444 * 64 * 1vw);
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__information__item__data__rate__value {
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .repeatDB__sales__inner__information__item__data__rate__unit {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__sales__inner__information__item__budget {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__header {
    margin: 0 0 48px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw);
  }
  .repeatDB__sales__inner__graph__header__nav {
    gap: 40px;
    gap: 40px;
    gap: calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__sales__inner__graph__header__nav__switch {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__header__nav__switch__item a {
    width: 45px;
    width: calc(0.0694444444 * 45 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
    line-height: 45px;
    line-height: calc(0.0694444444 * 45 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__sales__inner__graph__header__nav__list__item {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
    line-height: 45px;
    line-height: calc(0.0694444444 * 45 * 1vw);
  }
  .repeatDB__sales__inner__graph__header__nav__list::before {
    width: 138px;
    width: calc(0.0694444444 * 138 * 1vw);
    height: 45px;
    height: calc(0.0694444444 * 45 * 1vw);
  }
  .repeatDB__sales__inner__graph__title {
    gap: 16px;
    gap: calc(0.0694444444 * 16 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .repeatDB__sales__inner__graph__title::before {
    width: 29px;
    width: calc(0.0694444444 * 29 * 1vw);
    height: 28px;
    height: calc(0.0694444444 * 28 * 1vw);
  }
  .repeatDB__sales__inner__graph__separate {
    gap: 32px;
    gap: calc(0.0694444444 * 32 * 1vw);
    margin: 0 0 56px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 56 * 1vw);
  }
  .repeatDB__sales__inner__graph__count {
    width: 60px;
    width: calc(0.0694444444 * 60 * 1vw);
    height: auto;
    padding: 50px 0 0;
    padding: calc(0.0694444444 * 50 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .repeatDB__sales__inner__graph__count__item {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .repeatDB__sales__inner__graph__label {
    width: 200px;
    width: calc(0.0694444444 * 200 * 1vw);
    height: auto;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .repeatDB__sales__inner__graph__label span {
    font-size: 13px;
    font-size: calc(0.0694444444 * 13 * 1vw);
  }
  .repeatDB__sales__inner__graph__inner {
    width: auto;
    height: 565px;
    height: calc(0.0694444444 * 565 * 1vw);
    width: calc(100% - 6.94444444vw);
    padding: 50px 20px 0 0;
    padding: calc(0.0694444444 * 50 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .repeatDB__sales__inner__graph__inner__chart__total__score {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__inner__chart__app__score {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__inner__chart__app__percent {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__graph__inner__chart__total2 {
    position: relative;
    width: 45px;
    width: calc(0.0694444444 * 45 * 1vw);
    height: 100%;
  }
  .repeatDB__sales__inner__graph__inner__chart__total2__score {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__inner__chart__app2 {
    width: 45px;
    width: calc(0.0694444444 * 45 * 1vw);
    height: 60% px;
    height: calc(0.0694444444 * 60% * 1vw);
  }
  .repeatDB__sales__inner__graph__inner__chart__app2__score {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__time {
    margin: 0 0 0 100px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 100 * 1vw);
    padding: 0 20px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .repeatDB__sales__inner__graph__time__item {
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .repeatDB__sales__inner__graph__time__item span.repeatDB__sales__inner__graph__time__item__label {
    font-size: 17px;
    font-size: calc(0.0694444444 * 17 * 1vw);
  }
  .repeatDB__sales__inner__graph__time__item small {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__graph__user {
    gap: 46px;
    gap: calc(0.0694444444 * 46 * 1vw);
  }
  .repeatDB__sales__inner__graph__user__item {
    gap: 12px;
    gap: calc(0.0694444444 * 12 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__graph__user__item::before {
    width: 20px;
    width: calc(0.0694444444 * 20 * 1vw);
    height: 20px;
    height: calc(0.0694444444 * 20 * 1vw);
  }
  .repeatDB__sales__inner__comparison__header {
    margin: 0 0 48px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 48 * 1vw);
  }
  .repeatDB__sales__inner__comparison__header__list {
    gap: 40px;
    gap: calc(0.0694444444 * 40 * 1vw);
  }
  .repeatDB__sales__inner__comparison__header__list__item {
    gap: 8px;
    gap: calc(0.0694444444 * 8 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__comparison__header__list__item::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .repeatDB__sales__inner__comparison__title {
    gap: 12px;
    gap: calc(0.0694444444 * 12 * 1vw);
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .repeatDB__sales__inner__comparison__title::before {
    width: 36px;
    width: calc(0.0694444444 * 36 * 1vw);
    height: 36px;
    height: calc(0.0694444444 * 36 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__head {
    padding: 20px 0 20px 32px;
    padding: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw)
      calc(0.0694444444 * 32 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__head__sub {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__head__unit {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__date {
    padding: 20px 32px;
    padding: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 17px;
    font-size: calc(0.0694444444 * 17 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__date__sub {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__cell {
    gap: 0 8px;
    gap: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
    padding: 20px 32px;
    padding: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__cell__sub {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__cell.rank1::after {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__cell.rank2::after {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
  .repeatDB__sales__inner__comparison__table__cell.rank3::after {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
}
@media only screen and (max-width: 991px) {
  .repeatDB__evaluation {
    overflow: scroll;
    width: 1440px;
  }
  .repeatDB__sales {
    overflow: scroll;
    width: 1440px;
  }
  .repeatDB__notice {
    font-weight: 500;
    font-size: 18px;
    font-size: calc(0.2564102564 * 18 * 1vw);
  }
}
@media only screen and (max-width: 1440px) {
  .managerDB {
    padding: 46px 40px 40px;
    padding: calc(0.0694444444 * 46 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .managerDB__nav {
    right: 0;
  }
  .managerDB__nav__list__item {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__nav__list__item a {
    width: 40px;
    width: calc(0.0694444444 * 40 * 1vw);
    height: auto;
    padding: 15px;
    padding: calc(0.0694444444 * 15 * 1vw);
  }
  .managerDB__separate {
    gap: 0;
  }
  .managerDB__aside {
    width: 450px;
    width: calc(0.0694444444 * 450 * 1vw);
    height: auto;
  }
  .managerDB__aside__title {
    padding: 24px 32px;
    padding: calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 24px;
    font-size: calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__aside__inner {
    padding: 24px 40px 40px;
    padding: calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .managerDB__aside__inner__smile {
    position: absolute;
    top: -3vw;
    right: -3.5vw;
  }
  .managerDB__aside__inner__smile i {
    display: block;
    width: 300px;
    width: calc(0.0694444444 * 300 * 1vw);
    height: 300px;
    height: calc(0.0694444444 * 300 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__scoreGroup {
    gap: 10px;
    gap: calc(0.0694444444 * 10 * 1vw);
    margin: 0 0 10px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 10 * 1vw);
  }
  .managerDB__aside__inner__scoreGroup__score {
    font-size: 92px;
    font-size: calc(0.0694444444 * 92 * 1vw);
  }
  .managerDB__aside__inner__scoreGroup__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__aside__inner__scoreGroup__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__separate {
    margin: 0 0 32px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__title {
    font-size: 17px;
    font-size: calc(0.0694444444 * 17 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__before {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__score {
    padding: 0 4px 0 16px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 4 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 16 * 1vw);
    font-size: 52px;
    font-size: calc(0.0694444444 * 52 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__status {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__before {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__aside__inner__answer {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__aside__inner__list {
    gap: 20px 0;
    gap: calc(0.0694444444 * 20 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__aside__inner__list__item {
    gap: 8px;
    gap: calc(0.0694444444 * 8 * 1vw);
  }
  .managerDB__aside__inner__list__item__header__title {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__aside__inner__list__item__header__score {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__aside__inner__list__item__graph {
    width: 330px;
    width: calc(0.0694444444 * 330 * 1vw);
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    font-size: 25px;
    font-size: calc(0.0694444444 * 25 * 1vw);
  }
  .managerDB__aside__inner__list__item__graph__scale {
    width: 100%;
    height: 48px;
    height: calc(0.0694444444 * 48 * 1vw);
    width: 50%;
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
  .managerDB__aside__inner__list__item__graph__scale span {
    position: absolute;
    top: 0;
    left: 0.4em;
    line-height: 48px;
    line-height: calc(0.0694444444 * 48 * 1vw);
  }
  .managerDB__aside__inner__list__item__status {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: auto;
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__aside__inner__list__item__status::before {
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__main {
    width: 867px;
    width: calc(0.0694444444 * 867 * 1vw);
    height: auto;
  }
  .managerDB__main__answer {
    margin: 0 0 24px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
    min-height: 0;
  }
  .managerDB__main__answer__item {
    width: 40%;
  }
  .managerDB__main__answer__item__title {
    margin: 0 0 10px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 10 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .managerDB__main__answer__item__detail__graph {
    width: 315px;
    width: calc(0.0694444444 * 315 * 1vw);
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .managerDB__main__answer__item__detail__graph__scale {
    width: 0;
    width: calc(0.0694444444 * 0 * 1vw);
    height: 15px;
    height: calc(0.0694444444 * 15 * 1vw);
  }
  .managerDB__main__answer__item__detail__graph__scale::after {
    width: 29px;
    width: calc(0.0694444444 * 29 * 1vw);
    height: 29px;
    height: calc(0.0694444444 * 29 * 1vw);
    top: -0.55vw;
    right: -0.75vw;
    border: 0.45vw solid #19b746;
  }
  .managerDB__main__answer__item__detail__score {
    font-size: 52px;
    font-size: calc(0.0694444444 * 52 * 1vw);
  }
  .managerDB__main__answer__item__detail__score__percent {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__main__answer__item:first-child {
    padding: 0 40px 0 0;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__main__answer__item:last-child {
    padding: 0 40px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .managerDB__main__answer__item__score {
    font-size: 52px;
    font-size: calc(0.0694444444 * 52 * 1vw);
  }
  .managerDB__main__answer__item__score__all {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__main__search {
    margin: 0 0 60px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 60 * 1vw);
    padding: 40px;
    padding: calc(0.0694444444 * 40 * 1vw);
  }
  .managerDB__main__search__member {
    gap: 0 12px;
    gap: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 12 * 1vw);
    margin: 0 0 32px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
  }
  .managerDB__main__search__member__modal {
    top: 4.861111108vw;
    width: 491px;
    width: calc(0.0694444444 * 491 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__main__search__member__modal__item {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__search__member__title {
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .managerDB__main__search__member__text {
    width: 491px;
    width: calc(0.0694444444 * 491 * 1vw);
    height: 56px;
    height: calc(0.0694444444 * 56 * 1vw);
    padding: 0 24px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__search__member__submit {
    width: 105px;
    width: calc(0.0694444444 * 105 * 1vw);
    height: 56px;
    height: calc(0.0694444444 * 56 * 1vw);
    padding: 0 0 0 25px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 25 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
    background-position: 1vw center;
    background-size: 1.75vw auto;
  }
  .managerDB__main__search__tags__title {
    margin: 0 0 30px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 30 * 1vw);
    font-size: 18px;
    font-size: calc(0.0694444444 * 18 * 1vw);
  }
  .managerDB__main__search__tags__list {
    gap: 15px 0;
    gap: calc(0.0694444444 * 15 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__main__search__tags__list__item__title {
    width: 80px;
    width: 80px;
    width: calc(0.0694444444 * 80 * 1vw);
    height: auto;
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__main__search__tags__list__item__wrap {
    gap: 8px;
    gap: calc(0.0694444444 * 8 * 1vw);
  }
  .managerDB__main__search__tags__list__item__wrap label {
    padding: 4px 16px;
    padding: calc(0.0694444444 * 4 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 13px;
    font-size: calc(0.0694444444 * 13 * 1vw);
  }
  .managerDB__main__search__tags__list__item__tag {
    padding: 4px 16px;
    padding: calc(0.0694444444 * 4 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 13px;
    font-size: calc(0.0694444444 * 13 * 1vw);
  }
  .managerDB__main__result__header {
    padding: 0 0 24px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__main__result__header__title {
    font-size: 26px;
    font-size: calc(0.0694444444 * 26 * 1vw);
  }
  .managerDB__main__result__header__title span {
    font-size: 20px;
    font-size: calc(0.0694444444 * 20 * 1vw);
  }
  .managerDB__main__result__header__select {
    gap: 0 23px;
    gap: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 23 * 1vw);
    width: 240px;
    width: calc(0.0694444444 * 240 * 1vw);
    height: 52px;
    height: calc(0.0694444444 * 52 * 1vw);
    padding: 0 0 0 20px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 20 * 1vw);
    background-position: right 1.5vw center;
    background-size: 1.5vw auto;
  }
  .managerDB__main__result__header__select__title {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__main__result__header__select__name {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__header__select__modal {
    width: 240px;
    width: calc(0.0694444444 * 240 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.0694444444 * 32 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__main__result__header__select__modal__item {
    margin: 0 0 14px 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 14 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
    padding: 0 0 0 26px;
    padding: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 26 * 1vw);
  }
  .managerDB__main__result__header__select__modal__item label {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__header__select__modal__item label:has(input[type="radio"]:checked)::before {
    width: 12px;
    width: calc(0.0694444444 * 12 * 1vw);
    height: 12px;
    height: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__main__result__list {
    gap: 24px 0;
    gap: calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__main__result__list__item {
    padding: 40px 40px 0;
    padding: calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 40 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__main__result__list__item.scoreD::before {
    width: 18px;
    width: calc(0.0694444444 * 18 * 1vw);
    height: 100%;
  }
  .managerDB__main__result__list__item__header {
    margin: 0 0 24px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__main__result__list__item__header__care {
    width: 56px;
    width: calc(0.0694444444 * 56 * 1vw);
    height: 58px;
    height: calc(0.0694444444 * 58 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__main__result__list__item__header__profile {
    gap: 24px;
    gap: calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__icon {
    width: 80px;
    width: calc(0.0694444444 * 80 * 1vw);
    height: 80px;
    height: calc(0.0694444444 * 80 * 1vw);
    border-radius: 1.5vw;
    background-size: 4vw auto;
  }
  .managerDB__main__result__list__item__header__profile__icon::before {
    right: -0.75vw;
    top: -0.75vw;
    width: 32px;
    width: calc(0.0694444444 * 32 * 1vw);
    height: 32px;
    height: calc(0.0694444444 * 32 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__name {
    margin: 0 0 8px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__number {
    margin: 0 0 4px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 4 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__tenure {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__tenure__duration {
    font-size: 12px;
    font-size: calc(0.0694444444 * 12 * 1vw);
  }
  .managerDB__main__result__list__item__header__position {
    gap: 0 32px;
    gap: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 32 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__header__position span {
    margin: 0 0 0 12px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 12 * 1vw);
    padding: 4px 16px;
    padding: calc(0.0694444444 * 4 * 1vw) calc(0.0694444444 * 16 * 1vw);
    font-size: 13px;
    font-size: calc(0.0694444444 * 13 * 1vw);
  }
  .managerDB__main__result__list__item__panels {
    grid-template-columns: 1fr 1fr;
    gap: 42px 32px;
    gap: calc(0.0694444444 * 42 * 1vw) calc(0.0694444444 * 32 * 1vw);
  }
  .managerDB__main__result__list__item__panels.is-active {
    margin: 0 0 40px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 40 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__title {
    margin: 0 0 20px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 20 * 1vw);
    padding: 10px 0;
    padding: calc(0.0694444444 * 10 * 1vw) calc(0.0694444444 * 0 * 1vw);
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel {
    width: 180px;
    width: calc(0.0694444444 * 180 * 1vw);
    height: auto;
    margin: 0 0 0 20px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw)
      calc(0.0694444444 * 20 * 1vw);
    padding: 18px;
    padding: calc(0.0694444444 * 18 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item {
    gap: 0 8px;
    gap: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 8 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__title {
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__score {
    font-size: 22px;
    font-size: calc(0.0694444444 * 22 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__status {
    width: 30px;
    width: calc(0.0694444444 * 30 * 1vw);
    height: auto;
    font-size: 14px;
    font-size: calc(0.0694444444 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__status::before {
    width: 10px;
    width: calc(0.0694444444 * 10 * 1vw);
    height: 10px;
    height: calc(0.0694444444 * 10 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__main__result__list__item__panels__item__graph__score {
    margin: 0 0 5px 0;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 5 * 1vw)
      calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__score__item {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list {
    margin: 0 0 10px;
    margin: calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 0 * 1vw) calc(0.0694444444 * 10 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item {
    width: 100%;
    height: 107px;
    height: calc(0.0694444444 * 107 * 1vw);
    width: 16.6666666667%;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__dot {
    width: 13px;
    width: calc(0.0694444444 * 13 * 1vw);
    height: 13px;
    height: calc(0.0694444444 * 13 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item.current
    .managerDB__main__result__list__item__panels__item__graph__list__item__dot {
    width: 25px;
    width: calc(0.0694444444 * 25 * 1vw);
    height: 25px;
    height: calc(0.0694444444 * 25 * 1vw);
    border: 0.5vw solid #ff8808;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore {
    width: 106px;
    width: calc(0.0694444444 * 106 * 1vw);
    height: 88px;
    height: calc(0.0694444444 * 88 * 1vw);
    padding: 5px 0;
    padding: calc(0.0694444444 * 5 * 1vw) calc(0.0694444444 * 0 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore__item__title {
    font-size: 10px;
    font-size: calc(0.0694444444 * 10 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore__item__score {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore::before {
    top: -10px;
    width: 22px;
    width: calc(0.0694444444 * 22 * 1vw);
    height: 22px;
    height: calc(0.0694444444 * 22 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore::after {
    width: 106px;
    width: calc(0.0694444444 * 106 * 1vw);
    height: 88px;
    height: calc(0.0694444444 * 88 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__date {
    display: flex;
  }
  .managerDB__main__result__list__item__panels__item__graph__date__item {
    width: 16.6666666667%;
    font-size: 13px;
    font-size: calc(0.0694444444 * 13 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment {
    min-width: 20vw;
    min-height: 14vw;
    padding: 55px 24px 24px;
    padding: calc(0.0694444444 * 55 * 1vw) calc(0.0694444444 * 24 * 1vw) calc(0.0694444444 * 24 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment::before {
    top: -20px;
    right: -10px;
    width: 70px;
    width: calc(0.0694444444 * 70 * 1vw);
    height: 66px;
    height: calc(0.0694444444 * 66 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment__title {
    padding: 10px 14px;
    padding: calc(0.0694444444 * 10 * 1vw) calc(0.0694444444 * 14 * 1vw);
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment__text {
    font-size: 15px;
    font-size: calc(0.0694444444 * 15 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment.feedback::before {
    top: -34px;
    width: 55px;
    width: calc(0.0694444444 * 55 * 1vw);
    height: 82px;
    height: calc(0.0694444444 * 82 * 1vw);
  }
  .managerDB__main__result__notfound__icon img {
    width: 159px;
    width: calc(0.0694444444 * 159 * 1vw);
    height: 134px;
    height: calc(0.0694444444 * 134 * 1vw);
  }
  .managerDB__main__result__notfound__text {
    font-size: 16px;
    font-size: calc(0.0694444444 * 16 * 1vw);
  }
  .managerDB__screenLock {
    background-size: 60vw auto;
  }
}
@media only screen and (max-width: 991px) {
  .managerDB {
    overflow: hidden;
    padding: 0 24px 100px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 100 * 1vw);
  }
  .managerDB__nav {
    display: none;
  }
  .managerDB__separate {
    flex-direction: column;
    gap: 24px;
    gap: calc(0.2564102564 * 24 * 1vw);
  }
  .managerDB__aside {
    position: relative;
    width: 100%;
    border-radius: 6vw;
  }
  .managerDB__aside__title {
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .managerDB__aside__inner {
    padding: 48px 20px 24px;
    padding: calc(0.2564102564 * 48 * 1vw) calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .managerDB__aside__inner__smile {
    position: absolute;
    top: -15vw;
    right: -15vw;
  }
  .managerDB__aside__inner__smile i {
    display: block;
    width: 250px;
    width: calc(0.2564102564 * 250 * 1vw);
    height: 250px;
    height: calc(0.2564102564 * 250 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__scoreGroup {
    gap: 10px;
    gap: calc(0.2564102564 * 10 * 1vw);
    margin: 0 0 10px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__aside__inner__scoreGroup__score {
    font-size: 98px;
    font-size: calc(0.2564102564 * 98 * 1vw);
  }
  .managerDB__aside__inner__scoreGroup__status {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .managerDB__aside__inner__scoreGroup__status::before {
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__separate {
    margin: 0 0 36px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 36 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__title {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__before {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__score {
    padding: 0 4px 0 15px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 4 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 15 * 1vw);
    font-size: 48px;
    font-size: calc(0.2564102564 * 48 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__status {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .managerDB__aside__inner__averageGroup__item__status::before {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__before {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__aside__inner__answer {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__aside__inner__list {
    display: none;
  }
  .managerDB__aside__inner__list.is-active {
    display: flex;
  }
  .managerDB__aside__inner__list {
    gap: 20px 0;
    gap: calc(0.2564102564 * 20 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__aside__inner__list__item {
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
  }
  .managerDB__aside__inner__list__item__header__title {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__aside__inner__list__item__header__score {
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    padding: 0 32px 0 0;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__aside__inner__list__item__graph {
    width: 266px;
    width: calc(0.2564102564 * 266 * 1vw);
    height: 38px;
    height: calc(0.2564102564 * 38 * 1vw);
    font-size: 25px;
    font-size: calc(0.2564102564 * 25 * 1vw);
  }
  .managerDB__aside__inner__list__item__graph__scale {
    width: 266px;
    width: calc(0.2564102564 * 266 * 1vw);
    height: 38px;
    height: calc(0.2564102564 * 38 * 1vw);
    width: 50%;
    line-height: 38px;
    line-height: calc(0.2564102564 * 38 * 1vw);
  }
  .managerDB__aside__inner__list__item__graph__scale span {
    line-height: 38px;
    line-height: calc(0.2564102564 * 38 * 1vw);
  }
  .managerDB__aside__inner__list__item__status {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: auto;
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
  }
  .managerDB__aside__inner__list__item__status::before {
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__aside__inner__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
    margin: calc(0.2564102564 * 40 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw);
    text-align: center;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 700;
    color: #2a3347;
  }
  .managerDB__aside__inner__button__close {
    display: none;
  }
  .managerDB__aside__inner__button.is-active::after {
    transform: scale(1, -1);
  }
  .managerDB__aside__inner__button.is-active .managerDB__aside__inner__button__open {
    display: none;
  }
  .managerDB__aside__inner__button.is-active .managerDB__aside__inner__button__close {
    display: flex;
  }
  .managerDB__aside__inner__button::after {
    display: block;
    content: "";
    width: 5vw;
    height: 5vw;
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-size: 5vw;
    background-position: center;
  }
  .managerDB__main {
    width: 100%;
  }
  .managerDB__main__answer {
    flex-wrap: wrap;
    gap: 39px 0;
    gap: calc(0.2564102564 * 39 * 1vw) calc(0.2564102564 * 0 * 1vw);
    margin: 0 0 64px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 64 * 1vw);
    padding: 20px;
    padding: calc(0.2564102564 * 20 * 1vw);
    min-height: 0;
  }
  .managerDB__main__answer__item {
    width: 100%;
  }
  .managerDB__main__answer__item__title {
    margin: 0 0 10px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 10 * 1vw);
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    color: #9799a0;
  }
  .managerDB__main__answer__item__detail__graph {
    order: 1;
    width: 197px;
    width: calc(0.2564102564 * 197 * 1vw);
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__main__answer__item__detail__graph__scale {
    width: 0;
    width: calc(0.2564102564 * 0 * 1vw);
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__main__answer__item__detail__graph__scale::after {
    width: 6vw;
    height: 6vw;
    top: -2vw;
    right: -4vw;
    border: 1.5vw solid #19b746;
    box-shadow: -2px 1px 4px 0 rgba(113, 115, 122, 0.4);
  }
  .managerDB__main__answer__item__detail__score {
    font-size: 49px;
    font-size: calc(0.2564102564 * 49 * 1vw);
    line-height: 0.85;
  }
  .managerDB__main__answer__item__detail__score__percent {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__answer__item__separate > div {
    width: 50%;
  }
  .managerDB__main__answer__item:first-child {
    width: 100%;
    background-image: none;
    padding: 0;
  }
  .managerDB__main__answer__item:last-child {
    width: 100%;
    padding: 0;
  }
  .managerDB__main__answer__item__score {
    font-size: 49px;
    font-size: calc(0.2564102564 * 49 * 1vw);
  }
  .managerDB__main__answer__item__score__all {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__search {
    min-height: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
  }
  .managerDB__main__search__member {
    display: none;
  }
  .managerDB__main__search__member__modal {
    overflow: scroll;
    display: block;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    top: 16.4102564096vw;
    box-shadow: none;
    width: 100%;
    height: auto;
    max-height: 50vw;
    padding: 0;
  }
  .managerDB__main__search__member__modal__item {
    margin: 0 0 18px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 18 * 1vw);
    padding: 0;
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    font-weight: 600;
  }
  .managerDB__main__search__tags {
    display: none;
  }
  .managerDB__main__search__buttons {
    display: flex;
    justify-content: space-between;
  }
  .managerDB__main__search__buttons__button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
    cursor: pointer;
    border-radius: 999px;
    width: 164px;
    width: calc(0.2564102564 * 164 * 1vw);
    height: 64px;
    height: calc(0.2564102564 * 64 * 1vw);
    line-height: 64px;
    line-height: calc(0.2564102564 * 64 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 700;
    background-color: #fff;
    color: #c91432;
  }
  .managerDB__main__search__buttons__button::before {
    display: block;
    content: "";
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__main__search__buttons__button.member::before {
    background-image: url(/assets/img/icon/search-red.svg);
  }
  .managerDB__main__search__buttons__button.filter::before {
    background-image: url(/assets/img/icon/filter.svg);
  }
  .managerDB__main__search__buttons__button.is-active {
    border: 2px solid #c91432;
  }
  .managerDB__main__search__tagResult {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .managerDB__main__search__tagResult__item {
    display: none;
    align-items: center;
    gap: 4px;
    gap: calc(0.2564102564 * 4 * 1vw);
    cursor: pointer;
    border-radius: 999px;
    background-color: #c91432;
    padding: 8px 16px;
    padding: calc(0.2564102564 * 8 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
    font-weight: 700;
    line-height: 1;
    color: #fff;
  }
  .managerDB__main__search__tagResult__item::after {
    content: "";
    display: block;
    width: 20px;
    width: calc(0.2564102564 * 20 * 1vw);
    height: 20px;
    height: calc(0.2564102564 * 20 * 1vw);
    background-image: url(/assets/img/manager/close-w.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .managerDB__main__search__tagResult__item.is-active {
    display: flex;
  }
  .managerDB__main__result__header {
    flex-direction: column;
    gap: 24px 0;
    gap: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 0 * 1vw);
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .managerDB__main__result__header__title {
    width: 100%;
    margin: 0;
    font-size: 20px;
    font-size: calc(0.2564102564 * 20 * 1vw);
  }
  .managerDB__main__result__header__title span {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__header__select {
    gap: 0 18px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 18 * 1vw);
    width: 100%;
    height: 64px;
    height: calc(0.2564102564 * 64 * 1vw);
    padding: 0 0 0 24px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 24 * 1vw);
    background-size: 5vw;
    background-position: right 5vw center;
  }
  .managerDB__main__result__header__select__title {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__header__select__name {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__result__header__select__modal {
    width: 240px;
    width: calc(0.2564102564 * 240 * 1vw);
    height: auto;
    padding: 32px 24px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .managerDB__main__result__header__select__modal__item {
    margin: 0 0 14px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 14 * 1vw);
    padding: 0 0 0 26px;
    padding: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 26 * 1vw);
  }
  .managerDB__main__result__header__select__modal__item label {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__header__select__modal__item label:has(input[type="radio"]:checked)::before {
    width: 12px;
    width: calc(0.2564102564 * 12 * 1vw);
    height: 12px;
    height: calc(0.2564102564 * 12 * 1vw);
  }
  .managerDB__main__result__list {
    gap: 24px 0;
    gap: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__main__result__list__item {
    padding: 24px 24px 0;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__main__result__list__item.scoreD
    .managerDB__main__result__list__item__header__profile__detail__name::after {
    display: block;
  }
  .managerDB__main__result__list__item.scoreD .managerDB__main__result__list__item__header__care {
    display: none;
  }
  .managerDB__main__result__list__item.scoreD::before {
    width: 12px;
    width: calc(0.2564102564 * 12 * 1vw);
    height: 100%;
  }
  .managerDB__main__result__list__item__header {
    flex-direction: column;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    gap: 32px 0;
    gap: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__main__result__list__item__header__care {
    display: none;
  }
  .managerDB__main__result__list__item__header__profile {
    width: 100%;
    gap: 24px;
    gap: calc(0.2564102564 * 24 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__icon {
    border-radius: 5vw;
    width: 80px;
    width: calc(0.2564102564 * 80 * 1vw);
    height: 80px;
    height: calc(0.2564102564 * 80 * 1vw);
    background-size: 80% auto;
  }
  .managerDB__main__result__list__item__header__profile__icon::before {
    right: -2vw;
    top: -2vw;
    width: 32px;
    width: calc(0.2564102564 * 32 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__name {
    display: flex;
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
    margin: 0 0 8px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
    font-size: 22px;
    font-size: calc(0.2564102564 * 22 * 1vw);
    align-items: center;
  }
  .managerDB__main__result__list__item__header__profile__detail__name::after {
    content: "";
    display: none;
    background-image: url(/assets/img/manager/care@2x.png);
    background-size: 100% auto;
    width: 31px;
    width: calc(0.2564102564 * 31 * 1vw);
    height: 32px;
    height: calc(0.2564102564 * 32 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__number {
    margin: 0 0 4px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 4 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__tenure {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__header__profile__detail__tenure__duration {
    display: block;
    font-size: 12px;
    font-size: calc(0.2564102564 * 12 * 1vw);
    text-indent: -1em;
  }
  .managerDB__main__result__list__item__header__position {
    width: 100%;
    gap: 0 32px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__header__position span {
    margin: 0 0 0 8px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw)
      calc(0.2564102564 * 8 * 1vw);
    padding: 4px 16px;
    padding: calc(0.2564102564 * 4 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
  }
  .managerDB__main__result__list__item__panels {
    display: flex;
    flex-direction: column;
    gap: 36px 0;
    gap: calc(0.2564102564 * 36 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__main__result__list__item__panels.is-active {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__separate {
    flex-direction: column;
    gap: 24px 0;
    gap: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__title {
    margin: 0 0 20px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 20 * 1vw);
    padding: 10px 0;
    padding: calc(0.2564102564 * 10 * 1vw) calc(0.2564102564 * 0 * 1vw);
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graphCircle {
    margin: 0 auto;
  }
  .managerDB__main__result__list__item__panels__item__scorePanel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 33px;
    gap: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 33 * 1vw);
    width: 100%;
    margin-left: 0;
    padding: 24px 16px;
    padding: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item {
    gap: 0 8px;
    gap: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 8 * 1vw);
    line-height: 1;
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__title {
    font-size: 11px;
    font-size: calc(0.2564102564 * 11 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__score {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__status {
    width: 8vw;
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__scorePanel__item__status::before {
    width: 10px;
    width: calc(0.2564102564 * 10 * 1vw);
    height: 10px;
    height: calc(0.2564102564 * 10 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__main__result__list__item__panels__item__graph__score {
    margin: 0 0 5px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 5 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__score__item {
    font-size: 15px;
    font-size: calc(0.2564102564 * 15 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list {
    margin: 0 0 10px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item {
    width: auto;
    height: 107px;
    height: calc(0.2564102564 * 107 * 1vw);
    width: 16.6666666667%;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item:hover
    .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore {
    opacity: 0;
    display: none;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__dot {
    z-index: 1;
    width: 13px;
    width: calc(0.2564102564 * 13 * 1vw);
    height: 13px;
    height: calc(0.2564102564 * 13 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__dot.is-active {
    z-index: 10;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__dot.is-active
    .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore {
    opacity: 1 !important;
    display: grid !important;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item.current
    .managerDB__main__result__list__item__panels__item__graph__list__item__dot {
    width: 18px;
    width: calc(0.2564102564 * 18 * 1vw);
    height: 18px;
    height: calc(0.2564102564 * 18 * 1vw);
    border: 1vw solid #ff8808;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore {
    width: 106px;
    width: calc(0.2564102564 * 106 * 1vw);
    height: 122px;
    height: calc(0.2564102564 * 122 * 1vw);
    padding: 5px 0;
    padding: calc(0.2564102564 * 5 * 1vw) calc(0.2564102564 * 0 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore__item__title {
    font-size: 10px;
    font-size: calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore__item__score {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore__close {
    grid-column: 1 / -1;
    cursor: pointer;
    padding: 12px 0 0;
    padding: calc(0.2564102564 * 12 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw);
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 10px;
    font-size: calc(0.2564102564 * 10 * 1vw);
    color: #2a3347;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore::before {
    top: -2.5vw;
    width: 22px;
    width: calc(0.2564102564 * 22 * 1vw);
    height: 22px;
    height: calc(0.2564102564 * 22 * 1vw);
    background-size: 100% auto;
  }
  .managerDB__main__result__list__item__panels__item__graph__list__item__floatingScore::after {
    width: 106px;
    width: calc(0.2564102564 * 106 * 1vw);
    height: 122px;
    height: calc(0.2564102564 * 122 * 1vw);
    border-radius: 2.75vw;
  }
  .managerDB__main__result__list__item__panels__item__graph__date {
    display: flex;
  }
  .managerDB__main__result__list__item__panels__item__graph__date__item {
    width: 16.6666666667%;
    font-size: 11px;
    font-size: calc(0.2564102564 * 11 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment {
    max-width: 100%;
    min-height: 14vw;
    border: 1vw solid #ffd901;
    border-radius: 5vw;
    padding: 55px 24px 24px;
    padding: calc(0.2564102564 * 55 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 24 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment::before {
    top: -5vw;
    right: -2vw;
    width: 70px;
    width: calc(0.2564102564 * 70 * 1vw);
    height: 66px;
    height: calc(0.2564102564 * 66 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment__title {
    border-top-left-radius: 4vw;
    border-bottom-right-radius: 5vw;
    padding: 10px 12px;
    padding: calc(0.2564102564 * 10 * 1vw) calc(0.2564102564 * 12 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment__text {
    font-size: 15px;
    font-size: calc(0.2564102564 * 15 * 1vw);
  }
  .managerDB__main__result__list__item__panels__item__comment.feedback {
    border: 1vw solid #e7e9ee;
  }
  .managerDB__main__result__list__item__panels__item__comment.feedback::before {
    top: -8vw;
    width: 55px;
    width: calc(0.2564102564 * 55 * 1vw);
    height: 82px;
    height: calc(0.2564102564 * 82 * 1vw);
  }
  .managerDB__main__result__list__item__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px 0;
    padding: calc(0.2564102564 * 16 * 1vw) calc(0.2564102564 * 0 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 700;
    color: #2a3347;
  }
  .managerDB__main__result__list__item__button__close {
    display: none;
  }
  .managerDB__main__result__list__item__button.is-active::after {
    transform: scale(1, -1);
  }
  .managerDB__main__result__list__item__button.is-active .managerDB__main__result__list__item__button__open {
    display: none;
  }
  .managerDB__main__result__list__item__button.is-active .managerDB__main__result__list__item__button__close {
    display: flex;
  }
  .managerDB__main__result__list__item__button::after {
    display: block;
    content: "";
    width: 5vw;
    height: 5vw;
    background-image: url(/assets/img/icon/down.svg);
    background-repeat: no-repeat;
    background-size: 5vw;
    background-position: center;
  }
  .managerDB__main__result__notfound__icon {
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
  }
  .managerDB__main__result__notfound__icon img {
    width: 159px;
    width: calc(0.2564102564 * 159 * 1vw);
    height: 134px;
    height: calc(0.2564102564 * 134 * 1vw);
  }
  .managerDB__main__result__notfound__text {
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
  }
  .managerDB__searchTag {
    overflow-y: scroll;
    position: fixed;
    z-index: 200;
    display: flex;
    scrollbar-width: none;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.75s all ease;
  }
  .managerDB__searchTag.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .managerDB__searchTag__inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 32px 24px 100px 24px;
    padding: calc(0.2564102564 * 32 * 1vw) calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 100 * 1vw)
      calc(0.2564102564 * 24 * 1vw);
    border-top-left-radius: 6vw;
    border-top-right-radius: 6vw;
    background: #fff;
  }
  .managerDB__searchTag__inner__cancel {
    cursor: pointer;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    text-align: right;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .managerDB__searchTag__inner__title {
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 40 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .managerDB__searchTag__inner__title__reset {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    gap: calc(0.2564102564 * 4 * 1vw);
  }
  .managerDB__searchTag__inner__title__reset::before {
    content: "";
    display: block;
    width: 20px;
    width: calc(0.2564102564 * 20 * 1vw);
    height: 20px;
    height: calc(0.2564102564 * 20 * 1vw);
    background-image: url(/assets/img/manager/close.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .managerDB__searchTag__inner__tags {
    display: grid;
    grid-template-columns: 18vw 1fr;
    gap: 24px 0;
    gap: calc(0.2564102564 * 24 * 1vw) calc(0.2564102564 * 0 * 1vw);
    margin: 0 0 100px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 100 * 1vw);
  }
  .managerDB__searchTag__inner__tags__title {
    font-size: 14px;
    font-size: calc(0.2564102564 * 14 * 1vw);
    font-weight: 700;
    color: #2a3347;
  }
  .managerDB__searchTag__inner__tags__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 8px;
    gap: calc(0.2564102564 * 8 * 1vw);
    margin: 0;
    padding: 0;
  }
  .managerDB__searchTag__inner__tags__list__item input[type="checkbox"] {
    display: none;
  }
  .managerDB__searchTag__inner__tags__list__item label {
    display: block;
    padding: 4px 16px;
    padding: calc(0.2564102564 * 4 * 1vw) calc(0.2564102564 * 16 * 1vw);
    border: 1.5px solid #c91432;
    border-radius: 100px;
    font-size: 13px;
    font-size: calc(0.2564102564 * 13 * 1vw);
    font-weight: 700;
    color: #c91432;
    text-decoration: none;
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
  }
  .managerDB__searchTag__inner__tags__list__item label:has(input[type="checkbox"]:checked) {
    background-color: #c91432;
    color: #fff;
  }
  .managerDB__searchTag__inner__submit input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 999px;
    width: 100%;
    height: 48px;
    height: calc(0.2564102564 * 48 * 1vw);
    background-color: #c91432;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #fff;
  }
  .managerDB__searchTag__inner__submit input:disabled {
    background-color: #9799a0;
  }
  .managerDB__searchName {
    display: block;
    overflow-y: scroll;
    position: fixed;
    z-index: 200;
    display: flex;
    scrollbar-width: none;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.75s all ease;
  }
  .managerDB__searchName__inner {
    width: 80vw;
    min-height: 50vh;
    border-radius: 6vw;
    padding: 24px;
    padding: calc(0.2564102564 * 24 * 1vw);
    background-color: #fff;
  }
  .managerDB__searchName__inner__cancel {
    cursor: pointer;
    margin: 0 0 32px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 32 * 1vw);
    text-align: right;
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .managerDB__searchName__inner__title {
    margin: 0 0 16px;
    margin: calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 0 * 1vw) calc(0.2564102564 * 16 * 1vw);
    font-size: 16px;
    font-size: calc(0.2564102564 * 16 * 1vw);
    font-weight: 600;
    color: #2a3347;
  }
  .managerDB__searchName__inner__form {
    display: flex;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #f3f4f6;
  }
  .managerDB__searchName__inner__form__input {
    margin: 0 0 0 auto;
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    height: calc(0.2564102564 * 40 * 1vw);
    font-size: 24px;
    font-size: calc(0.2564102564 * 24 * 1vw);
    font-weight: 600;
    color: #71737a;
  }
  .managerDB__searchName__inner__form__input::-moz-placeholder {
    font-size: 10px;
    font-size: calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__searchName__inner__form__input::placeholder {
    font-size: 10px;
    font-size: calc(0.2564102564 * 10 * 1vw);
  }
  .managerDB__searchName__inner__form__submit {
    margin: 0 0 0 auto;
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    background-image: url(/assets/img/icon/search-red.svg);
    width: 24px;
    width: calc(0.2564102564 * 24 * 1vw);
    height: 24px;
    height: calc(0.2564102564 * 24 * 1vw);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  }
  .managerDB__searchName.is-active {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  .managerDB__screenLock {
    background-size: 90vw auto;
    background-image: url(/assets/img/manager/lock-sp.png);
  }
}
