@charset "UTF-8";
/*
* diagnostic.css
*
*/
/* ------------------------
  reset
------------------------ */
:where(.renewal) *,
:where(.renewal) *::after,
:where(.renewal) *::before {
  box-sizing: border-box;
}
:where(.renewal) * {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
:where(.renewal) pre,
:where(.renewal) textarea {
  overflow: auto;
}
:where(.renewal) template {
  display: none;
}
:where(.renewal) details,
:where(.renewal) main,
:where(.renewal) summary {
  display: block;
}
:where(.renewal) input[type=number] {
  width: auto;
}
:where(.renewal) input[type=search] {
  -webkit-appearance: textfield;
}
:where(.renewal) input[type=search]::-webkit-search-cancel-button,
:where(.renewal) input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
:where(.renewal) progress {
  display: inline-block;
}
:where(.renewal) small {
  font-size: 75%;
}
:where(.renewal) sub,
:where(.renewal) sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
:where(.renewal) sup {
  top: -0.5em;
}
:where(.renewal) sub {
  bottom: -0.25em;
}
:where(.renewal) textarea {
  resize: vertical;
}
:where(.renewal) audio,
:where(.renewal) canvas,
:where(.renewal) iframe,
:where(.renewal) img,
:where(.renewal) svg,
:where(.renewal) video {
  vertical-align: middle;
}
:where(.renewal) audio:not([controls]) {
  display: none;
}
:where(.renewal) img {
  border: 0;
  max-width: 100%;
  height: auto;
}
:where(.renewal) button,
:where(.renewal) input,
:where(.renewal) select,
:where(.renewal) textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}
:where(.renewal) button {
  overflow: visible;
}
:where(.renewal) button,
:where(.renewal) select {
  text-transform: none;
}
:where(.renewal) input {
  line-height: normal;
}
:where(.renewal) button,
:where(.renewal) html input[type=button],
:where(.renewal) input[type=reset],
:where(.renewal) input[type=submit] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}
:where(.renewal) button[disabled],
:where(.renewal) html input[disabled] {
  cursor: default;
}
:where(.renewal) button::-moz-focus-inner,
:where(.renewal) input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
:where(.renewal) code,
:where(.renewal) kbd,
:where(.renewal) pre,
:where(.renewal) samp {
  font-family: monospace;
}
:where(.renewal) ol,
:where(.renewal) ul {
  list-style: none;
}
:where(.renewal) select {
     -moz-appearance: none;
  -webkit-appearance: none;
}
:where(.renewal) table {
  border-spacing: 0;
  border-collapse: collapse;
}
:where(.renewal) fieldset {
  border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
:where(.renewal) {
  background-color: #fff;
  text-align: initial;
  word-wrap: break-word;
  color: #303030;
  font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: calc(14 * var(--base-font, 1) / 10);
  line-height: 1.6875;

  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  --base-font: 2.6667vw;
  --c-btn-navy: 66, 53, 128;
  --c-btn-yellow: 246, 236, 61;
  --c-carousel-pagination-default: 217, 217, 217;
  --c-fat-and-constipation-pink: 228, 0, 110;
  --c-font-navy: 66, 53, 128;
  --c-font-pink: 228, 0, 110;
  --c-font-blue: 0, 94, 174;
  --c-kracie-yellow: 246, 236, 61;
  --c-marker-yellow: 246, 236, 61;
  --c-swelling-blue: 0, 94, 174;
  --c-text-navy: 66, 53, 128;
  --c-true-black: 51, 51, 51;
  --c-true-white: 255, 255, 255;
  --c-bg-coccoapo-theme: 234, 232, 221;
  --c-carousel-pager: 141, 95, 41;
  --c-carousel-pager-active: 54, 54, 54;
  --c-shadow-lineup: 115, 61, 25;
  --c-heading-line: 54, 54, 54;
  --c-diagnosis-label: 87, 38, 5;
  --c-category-theme-fat: 238, 150, 121;
  --c-category-theme-hie: 117, 177, 229;
  --c-category-theme-constipation: 213, 150, 209;
  --c-category-theme-kanpo: 157, 201, 110;
  --c-category-theme-mukumi: 225, 175, 24;
  --c-category-theme-chokatsu: 183, 173, 84;
}
@media (min-width: 640px) {
  :where(.renewal) {
    font-size: calc(15 * var(--base-font, 1) / 10);

    --base-font: 1rem;
  }
}
:where(.renewal) a {
  text-decoration: underline;
  color: #00f;
}
:where(.renewal) a:visited {
  color: #000080;
}
:where(.renewal) a:hover {
  text-decoration: none;
  color: #f00;
}
:where(.renewal) a:active {
  text-decoration: none;
  color: #ff8000;
}
:where(.renewal) a[href^="tel:"]:hover {
  color: #00f;
}
@media (min-width: 640px) {
  :where(.renewal) a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}

/* ------------------------
  Components
------------------------ */
/* ボタン
-------------------------------- */
.c-btn-link {
  display: grid;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
}
@media (max-width: 639.98px) {
  .c-btn-link {
    margin: 9.6vw auto 0;
    height: 13.3333333333vw;
  }
}
@media (min-width: 640px) {
  .c-btn-link {
    margin: calc(60 * var(--base-font, 1) / 10) auto 0;
    height: calc(90 * var(--base-font, 1) / 10);
  }
}
@media (min-width: 640px) {
  .c-btn-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform ease 0.3s;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background-color: rgba(var(--c-true-white), 0.2);
  }
}
@media (min-width: 640px) {
  .c-btn-link:hover::before {
    transform: scaleX(1);
    transform-origin: 0% 50%;
  }
}
.c-btn-link:link,
.c-btn-link:visited {
  text-decoration: none;
  letter-spacing: 0.15em;
  color: rgba(var(--c-diagnosis-label), 1);
  font-weight: bold;
}
@media (max-width: 639.98px) {
  .c-btn-link:link,
  .c-btn-link:visited {
    font-size: 5.0666666667vw;
    line-height: 1.6842105263;
  }
}
@media (min-width: 640px) {
  .c-btn-link:link,
  .c-btn-link:visited {
    font-size: calc(32 * var(--base-font, 1) / 10);
    line-height: 1.625;
  }
}
.c-btn-link.--arrow {
  background-color: #f0b43e;
}
.c-btn-link.--arrow span {
  display: block;
  position: absolute;
  top: 50%;
}
@media (max-width: 639.98px) {
  .c-btn-link.--arrow span {
    right: 2.4vw;
    margin-top: -0.6666666667vw;
    width: 5.6vw;
    height: 1.3333333333vw;
  }
}
@media (min-width: 640px) {
  .c-btn-link.--arrow span {
    right: calc(20 * var(--base-font, 1) / 10);
    margin-top: calc(-5 * var(--base-font, 1) / 10);
    width: calc(42 * var(--base-font, 1) / 10);
    height: calc(10 * var(--base-font, 1) / 10);
  }
}
.c-btn-link.--arrow img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.c-btn-link.--x {
  display: grid;
  justify-content: center;
  background-color: #363636;
  text-align: center;
  color: #fff;
}
@media (max-width: 639.98px) {
  .c-btn-link.--x {
    padding: 0 3.3333333333vw 0 2.6666666667vw;
    font-size: 3.7333333333vw;

    grid-template-columns: 5.3333333333vw 1fr 4vw;
  }
}
@media (min-width: 640px) {
  .c-btn-link.--x {
    padding: 0 calc(17 * var(--base-font, 1) / 10) 0 calc(23 * var(--base-font, 1) / 10);
    font-size: calc(22 * var(--base-font, 1) / 10);

    grid-template-columns: calc(40 * var(--base-font, 1) / 10) 1fr calc(30 * var(--base-font, 1) / 10);
  }
}

.c-btn-link.--ripples-anim {
  animation: ripple-anim 4s infinite cubic-bezier(0.6, 0.04, 0.98, 0.335);
  box-shadow: 0px 0px 15px -5px #fff;
}

@keyframes ripple-anim {
  0% {
    box-shadow: 0px 0px 0px -5px #fff;
  }
  50% {
    box-shadow: 0px 0px 35px -5px #fff;
  }
  100% {
    box-shadow: 0px 0px 0px -5px #fff;
  }
}
/* Background
-------------------------------- */
.c-background {
  background: rgba(var(--c-bg-coccoapo-theme), 1) no-repeat right 0/100% auto;
}
@media (max-width: 639.98px) {
  .c-background {
    background-image: url("/ph/coccoapo/img/top/common_bg_sm.webp");
  }
}
@media (min-width: 640px) {
  .c-background {
    background-image: url("/ph/coccoapo/img/top/common_bg_lg.webp");
  }
}

/* ページ見出し
-------------------------------- */
.c-heading {
  text-align: center;
}
.c-heading .c-heading_text-eng img {
  width: auto;
  height: 100%;
}
.lineup .c-heading .c-heading_text-eng {
  display: block;
}
@media (max-width: 639.98px) {
  .lineup .c-heading .c-heading_text-eng {
    margin-bottom: 2.6666666667vw;
    height: 13.3333333333vw;
  }
}
@media (min-width: 640px) {
  .lineup .c-heading .c-heading_text-eng {
    margin-bottom: calc(11 * var(--base-font, 1) / 10);
    height: calc(75 * var(--base-font, 1) / 10);
  }
}
.column .c-heading .c-heading_text-eng {
  display: block;
}
@media (max-width: 639.98px) {
  .column .c-heading .c-heading_text-eng {
    margin-bottom: 2.6666666667vw;
    height: 13.3333333333vw;
  }
}
@media (min-width: 640px) {
  .column .c-heading .c-heading_text-eng {
    margin-bottom: calc(11 * var(--base-font, 1) / 10);
    height: calc(75 * var(--base-font, 1) / 10);
  }
}
.basicinfo .c-heading .c-heading_text-eng {
  display: block;
}
@media (max-width: 639.98px) {
  .basicinfo .c-heading .c-heading_text-eng {
    height: 17.8666666667vw;
  }
}
@media (min-width: 640px) {
  .basicinfo .c-heading .c-heading_text-eng {
    height: calc(102 * var(--base-font, 1) / 10);
  }
}
.movie .c-heading .c-heading_text-eng {
  display: block;
}
@media (max-width: 639.98px) {
  .movie .c-heading .c-heading_text-eng {
    margin-bottom: 2.6666666667vw;
    height: 13.3333333333vw;
  }
}
@media (min-width: 640px) {
  .movie .c-heading .c-heading_text-eng {
    margin-bottom: calc(11 * var(--base-font, 1) / 10);
    height: calc(75 * var(--base-font, 1) / 10);
  }
}
.c-heading .c-heading_text-jp {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 639.98px) {
  .c-heading .c-heading_text-jp {
    margin-top: 0;
    padding-top: 2.9333333333vw;
    letter-spacing: 0.2em;
    font-size: 3.7333333333vw;
    line-height: 2.3571428571;
  }
}
@media (min-width: 640px) {
  .c-heading .c-heading_text-jp {
    padding-top: calc(22 * var(--base-font, 1) / 10);
    font-size: calc(20 * var(--base-font, 1) / 10);
  }
}
.c-heading .c-heading_text-jp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background-color: rgba(var(--c-heading-line), 1);
}
@media (max-width: 639.98px) {
  .c-heading .c-heading_text-jp::before {
    margin-left: -6.7333333333vw;
    width: 13.4666666667vw;
    height: 0.2666666667vw;
  }
}
@media (min-width: 640px) {
  .c-heading .c-heading_text-jp::before {
    margin-left: calc(-36 * var(--base-font, 1) / 10);
    width: calc(71 * var(--base-font, 1) / 10);
    height: calc(2 * var(--base-font, 1) / 10);
  }
}
@media (max-width: 639.98px) {
  .basicinfo .c-heading .c-heading_text-jp {
    margin-top: -2vw;
  }
}
@media (min-width: 640px) {
  .basicinfo .c-heading .c-heading_text-jp {
    margin-top: calc(-12 * var(--base-font, 1) / 10);
  }
}
.movie .c-heading .c-heading_text-jp {
  color: rgba(var(--c-true-white), 1);
}
.movie .c-heading .c-heading_text-jp::before {
  background-color: rgba(var(--c-true-white), 1);
}

/* Loder
-------------------------------- */
.loader {
  display: block; /* ローダーを表示 */
  display: flex;
  align-items: center;
  justify-content: center; /* 中央にローディングアイコンを表示 */
  position: fixed; /* 画面全体にフィットさせる */
  z-index: 1001; /* コンテンツより上に表示 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95); /* 背景色、透明度で少しコンテンツを見せる */
}

.loader.is-active {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.loader.is-active-now {
  opacity: 0;
  transition: opacity 0 ease-out;
}

.kvgif {
  width: 100%;
  max-width: 1400px;
  height: auto;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 639.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 639.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 640px) and (max-width: 1023.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 640px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1023.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1439.98px) {
  .u-hidden-down-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1440px) {
  .u-hidden-lq {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1440px) {
  .u-hidden-up-lq {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-lq {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 639.98px) {
  .u-br--visible-down-sm {
    overflow: hidden;
    height: 0;
    text-align: left;
    text-indent: -9999px;
    font-size: 1px;
    line-height: 100%;
  }
}
@media (max-width: 639.98px) {
  .u-br--visible-down-sm::before {
    content: "\a";
    white-space: pre;
    font-size: 1px;
    line-height: 100%;
  }
}
@media (min-width: 640px) {
  .u-br--visible-up-md {
    overflow: hidden;
    height: 0;
    text-align: left;
    text-indent: -9999px;
    font-size: 1px;
    line-height: 100%;
  }
}
@media (min-width: 640px) {
  .u-br--visible-up-md::before {
    content: "\a";
    white-space: pre;
    font-size: 1px;
    line-height: 100%;
  }
}

.u-fontcolor-pink {
  color: rgba(var(--c-font-pink), 1);
}
.u-fontcolor-blue {
  color: rgba(var(--c-font-blue), 1);
}

/* ------------------------
  Print Styles
------------------------ */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.brandLogo {
  text-align: left;
}

/* --------------------------------
  Diagnostic Content
-------------------------------- */
.renewal {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 121.0666666667vw;
  color: #343333;
}
.renewal.-top > .scene-top {
  display: block;
}
.renewal.-intro > .scene-intro {
  display: block;
}
.renewal.-intro.-text01 > .scene-intro > .skip {
  display: block;
}
.renewal.-intro.-text01 > .scene-intro > .chara > .img.-img01 {
  visibility: visible;
}
.renewal.-intro.-text01 > .scene-intro > .talk-box {
  display: block;
}
.renewal.-intro.-text01 > .scene-intro > .talk-box > .text-box > .text.-text01 {
  display: block;
}
.renewal.-intro.-text02 > .scene-intro > .skip {
  display: block;
}
.renewal.-intro.-text02 > .scene-intro > .chara > .img.-img02 {
  visibility: visible;
}
.renewal.-intro.-text02 > .scene-intro > .talk-box {
  display: block;
}
.renewal.-intro.-text02 > .scene-intro > .talk-box > .text-box > .text.-text02 {
  display: block;
}
.renewal.-intro.-text03 > .scene-intro > .chara > .img.-img03 {
  visibility: visible;
}
.renewal.-intro.-text03 > .scene-intro > .talk-box {
  display: block;
}
.renewal.-intro.-text03 > .scene-intro > .talk-box > .text-box > .text.-text03 {
  display: block;
}
.renewal.-intro.-text03 > .scene-intro > .talk-box > .btn {
  display: block;
}
.renewal.-intro.-text04 > .scene-intro > .skip {
  visibility: hidden;
}
.renewal.-intro.-text04 > .scene-intro > .chara > .img.-img03 {
  visibility: visible;
}
.renewal.-intro.-text04 > .scene-intro > .talk-box {
  display: block;
}
.renewal.-intro.-text04 > .scene-intro > .talk-box > .text-box > .text.-text04 {
  display: block;
}
.renewal.-intro.-text04 > .scene-intro > .talk-box > .btn {
  display: block;
}
.renewal.-intro.-text05 > .scene-intro > .skip {
  visibility: hidden;
}
.renewal.-intro.-text05 > .scene-intro > .chara > .img.-img02 {
  visibility: visible;
}
.renewal.-intro.-text05 > .scene-intro > .talk-box {
  display: block;
}
@media (max-width: 1023.98px) {
  .renewal.-intro.-text05 > .scene-intro > .talk-box {
    top: 73.6vw;
    padding-top: 3.4666666667vw;
    height: 43.0666666667vw;
  }
}
@media (max-width: 1023.98px) {
  .renewal.-intro.-text05 > .scene-intro > .talk-box > .text-box {
    font-size: 4vw;
  }
}
.renewal.-intro.-text05 > .scene-intro > .talk-box > .text-box > .text.-text05 {
  display: block;
}
.renewal.-intro.-text05 > .scene-intro > .talk-box > .btn {
  display: block;
}
.renewal.-intro.-age > .scene-intro > .age-box {
  display: block;
}
@media (min-width: 640px) {
  .renewal.-intro.-age > .scene-intro > .chara > .img.-img03 {
    visibility: visible;
  }
}
.renewal.-intro.-sex > .scene-intro > .chara > .img.-img03 {
  visibility: visible;
}
.renewal.-intro.-sex > .scene-intro > .select-box.-sex {
  display: block;
}
.renewal.-intro.-wish > .scene-intro > .chara > .img.-img03 {
  visibility: visible;
}
.renewal.-intro.-wish > .scene-intro > .select-box.-wish {
  display: block;
}
.renewal.-question > .scene-question {
  display: block;
}
.renewal.-question > .scene-question > .progress-box {
  display: block;
}
.renewal.-question > .scene-question > .progress-box > .num {
  visibility: visible;
}
.renewal.-question > .scene-question > .question-container {
  display: block;
}
.renewal.-question.-question1 > .scene-question > .question-container > .question-box.-question1 {
  display: block;
}
.renewal.-question.-question1 > .scene-question > .question-container > .question-box.-question1 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question2 > .scene-question > .question-container > .question-box.-question2 {
  display: block;
}
.renewal.-question.-question2 > .scene-question > .question-container > .question-box.-question2 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question3 > .scene-question > .question-container > .question-box.-question3 {
  display: block;
}
.renewal.-question.-question3 > .scene-question > .question-container > .question-box.-question3 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question4 > .scene-question > .question-container > .question-box.-question4 {
  display: block;
}
.renewal.-question.-question4 > .scene-question > .question-container > .question-box.-question4 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question5 > .scene-question > .question-container > .question-box.-question5 {
  display: block;
}
.renewal.-question.-question5 > .scene-question > .question-container > .question-box.-question5 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question6 > .scene-question > .question-container > .question-box.-question6 {
  display: block;
}
.renewal.-question.-question6 > .scene-question > .question-container > .question-box.-question6 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question7 > .scene-question > .question-container > .question-box.-question7 {
  display: block;
}
.renewal.-question.-question7 > .scene-question > .question-container > .question-box.-question7 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question8 > .scene-question > .question-container > .question-box.-question8 {
  display: block;
}
.renewal.-question.-question8 > .scene-question > .question-container > .question-box.-question8 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question9 > .scene-question > .question-container > .question-box.-question9 {
  display: block;
}
.renewal.-question.-question9 > .scene-question > .question-container > .question-box.-question9 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question10 > .scene-question > .question-container > .question-box.-question10 {
  display: block;
}
.renewal.-question.-question10 > .scene-question > .question-container > .question-box.-question10 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question11 > .scene-question > .question-container > .question-box.-question11 {
  display: block;
}
.renewal.-question.-question11 > .scene-question > .question-container > .question-box.-question11 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question12 > .scene-question > .question-container > .question-box.-question12 {
  display: block;
}
.renewal.-question.-question12 > .scene-question > .question-container > .question-box.-question12 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question13 > .scene-question > .question-container > .question-box.-question13 {
  display: block;
}
.renewal.-question.-question13 > .scene-question > .question-container > .question-box.-question13 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question14 > .scene-question > .question-container > .question-box.-question14 {
  display: block;
}
.renewal.-question.-question14 > .scene-question > .question-container > .question-box.-question14 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question15 > .scene-question > .question-container > .question-box.-question15 {
  display: block;
}
.renewal.-question.-question15 > .scene-question > .question-container > .question-box.-question15 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question16 > .scene-question > .question-container > .question-box.-question16 {
  display: block;
}
.renewal.-question.-question16 > .scene-question > .question-container > .question-box.-question16 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question17 > .scene-question > .question-container > .question-box.-question17 {
  display: block;
}
.renewal.-question.-question17 > .scene-question > .question-container > .question-box.-question17 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-question.-question18 > .scene-question > .question-container > .question-box.-question18 {
  display: block;
}
.renewal.-question.-question18 > .scene-question > .question-container > .question-box.-question18 > .interview-box > .note {
  animation: anim-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
.renewal.-break > .scene-question {
  display: block;
}
.renewal.-break > .scene-question > .progress-box {
  display: block;
}
.renewal.-break > .scene-question > .break-container {
  display: block;
}
.renewal.-break.-bmi > .scene-question > .break-container > .break-box.-bmi {
  display: block;
}
.renewal.-break.-def > .scene-question > .break-container > .break-box.-def {
  display: block;
}
.renewal.-break.-def.-text1 > .scene-question > .break-container > .break-box > .text-box > .text.-text1 {
  display: block;
}
.renewal.-break.-def.-text2 > .scene-question > .break-container > .break-box > .text-box > .text.-text2 {
  display: block;
}
@media (max-width: 1023.98px) {
  .renewal.-break.-def.-text3 > .scene-question > .break-container > .break-box > .text-box {
    left: -6.4vw;
    margin-top: 4.8vw;
    width: 70.5333333333vw;
  }
}
.renewal.-break.-def.-text3 > .scene-question > .break-container > .break-box > .text-box > .text.-text3 {
  display: block;
}
@media (max-width: 1023.98px) {
  .renewal.-break.-def.-text3 > .scene-question > .break-container > .break-box > .text-box > .text.-text3 {
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
  }
}
@media (max-width: 1023.98px) {
  .renewal.-break.-def.-text3 > .scene-question > .break-container > .break-box > .sheet-box {
    bottom: 5.3333333333vw;
  }
}
.renewal.-judging > .scene-question {
  display: block;
}
.renewal.-judging > .scene-question > .judging-container {
  display: block;
}
.renewal.-result {
  overflow: initial;
  height: auto;
}
.renewal.-result > .scene-result {
  display: block;
}
.renewal.-result.-self > .scene-result > .kv-box > .title-box > .title.-self {
  display: block;
}
.renewal.-result.-self > .scene-result > .result-box > .self-box {
  order: 1;
}
.renewal.-result.-self > .scene-result > .result-box > .prescription-box {
  order: 2;
}
.renewal.-result.-prescription > .scene-result > .kv-box > .title-box > .title.-prescription {
  display: block;
}
.renewal.-result.-prescription > .scene-result > .result-box > .self-box {
  order: 2;
}
.renewal.-result.-prescription > .scene-result > .result-box > .prescription-box {
  order: 1;
}
.renewal.-result.-o > .scene-result > .kv-box > .title-box {
  background-image: url("../img/diagnosis/result_title_o_sm.svg");
}
@media (min-width: 640px) {
  .renewal.-result.-o > .scene-result > .kv-box > .title-box {
    background-image: url("../img/diagnosis/result_title_o_lg.svg");
  }
}
.renewal.-result.-o > .scene-result > .kv-box > .title-box > .btn {
  background-color: #005eae;
}
.renewal.-result.-o > .scene-result > .kv-box > .title-box > .btn > .text.-o {
  display: block;
}
.renewal.-result.-o > .scene-result > .result-box > .self-box > .advice-box > .title > .img.-o,
.renewal.-result.-o > .scene-result > .result-box > .self-box > .point-box > .title > .img.-o {
  display: block;
}
.renewal.-result.-o > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .title,
.renewal.-result.-o > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .title {
  background-color: #005eae;
}
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .type {
  border-color: #005eae;
}
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .type > .text.-o {
  display: block;
  color: #005eae;
}
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .product > .img.-o,
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .h > .img.-o,
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .video > .img.-o {
  display: block;
}
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-o {
  display: block;
}
.renewal.-result.-o > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-o .color {
  color: #005eae;
}
.renewal.-result.-o > .scene-result > .modal-container > .modal-body > .title {
  background-color: #005eae;
}
.renewal.-result.-o > .scene-result > .modal-container > .modal-body > .title > .text.-o {
  display: block;
}
.renewal.-result.-o > .scene-result > .modal-container > .modal-body > .desc > .text.-o {
  display: block;
}
.renewal.-result.-o > .scene-result > .modal-container > .modal-body > .btn {
  border: 0.2666666667vw solid #005eae;
  color: #005eae;
}
@media (min-width: 640px) {
  .renewal.-result.-o > .scene-result > .modal-container > .modal-body > .btn {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #005eae;
  }
}
.renewal.-result.-o > .scene-result > .modal-container > .modal-body > .btn > .icon svg {
  fill: #005eae;
}
.renewal.-result.-e > .scene-result > .kv-box > .title-box {
  background-image: url("../img/diagnosis/result_title_e_sm.svg");
}
@media (min-width: 640px) {
  .renewal.-result.-e > .scene-result > .kv-box > .title-box {
    background-image: url("../img/diagnosis/result_title_e_lg.svg");
  }
}
.renewal.-result.-e > .scene-result > .kv-box > .title-box > .btn {
  background-color: #ca231c;
}
.renewal.-result.-e > .scene-result > .kv-box > .title-box > .btn > .text.-e {
  display: block;
}
.renewal.-result.-e > .scene-result > .result-box > .self-box > .advice-box > .title > .img.-e,
.renewal.-result.-e > .scene-result > .result-box > .self-box > .point-box > .title > .img.-e {
  display: block;
}
.renewal.-result.-e > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .title,
.renewal.-result.-e > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .title {
  background-color: #ca231c;
}
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .type {
  border-color: #ca231c;
}
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .type > .text.-e {
  display: block;
  color: #ca231c;
}
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .product > .img.-e,
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .h > .img.-e,
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .video > .img.-e {
  display: block;
}
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-e {
  display: block;
}
.renewal.-result.-e > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-e .color {
  color: #ca231c;
}
.renewal.-result.-e > .scene-result > .modal-container > .modal-body > .title {
  background-color: #ca231c;
}
.renewal.-result.-e > .scene-result > .modal-container > .modal-body > .title > .text.-e {
  display: block;
}
.renewal.-result.-e > .scene-result > .modal-container > .modal-body > .desc > .text.-e {
  display: block;
}
.renewal.-result.-e > .scene-result > .modal-container > .modal-body > .btn {
  border: 0.2666666667vw solid #ca231c;
  color: #ca231c;
}
@media (min-width: 640px) {
  .renewal.-result.-e > .scene-result > .modal-container > .modal-body > .btn {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #ca231c;
  }
}
.renewal.-result.-e > .scene-result > .modal-container > .modal-body > .btn > .icon svg {
  fill: #ca231c;
}
.renewal.-result.-l > .scene-result > .kv-box > .title-box {
  background-image: url("../img/diagnosis/result_title_l_sm.svg");
}
@media (min-width: 640px) {
  .renewal.-result.-l > .scene-result > .kv-box > .title-box {
    background-image: url("../img/diagnosis/result_title_l_lg.svg");
  }
}
.renewal.-result.-l > .scene-result > .kv-box > .title-box > .btn {
  background-color: #df8200;
}
.renewal.-result.-l > .scene-result > .kv-box > .title-box > .btn > .text.-l {
  display: block;
}
.renewal.-result.-l > .scene-result > .result-box > .self-box > .advice-box > .title > .img.-l,
.renewal.-result.-l > .scene-result > .result-box > .self-box > .point-box > .title > .img.-l {
  display: block;
}
.renewal.-result.-l > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .title,
.renewal.-result.-l > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .title {
  background-color: #df8200;
}
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .type {
  border-color: #df8200;
}
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .type > .text.-l {
  display: block;
  color: #df8200;
}
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .product > .img.-l,
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .h > .img.-l,
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .video > .img.-l {
  display: block;
}
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-l {
  display: block;
}
.renewal.-result.-l > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-l .color {
  color: #df8200;
}
.renewal.-result.-l > .scene-result > .modal-container > .modal-body > .title {
  background-color: #df8200;
}
.renewal.-result.-l > .scene-result > .modal-container > .modal-body > .title > .text.-l {
  display: block;
}
.renewal.-result.-l > .scene-result > .modal-container > .modal-body > .desc > .text.-l {
  display: block;
}
.renewal.-result.-l > .scene-result > .modal-container > .modal-body > .btn {
  border: 0.2666666667vw solid #df8200;
  color: #df8200;
}
@media (min-width: 640px) {
  .renewal.-result.-l > .scene-result > .modal-container > .modal-body > .btn {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #df8200;
  }
}
.renewal.-result.-l > .scene-result > .modal-container > .modal-body > .btn > .icon svg {
  fill: #df8200;
}
.renewal.-result.-g > .scene-result > .kv-box > .title-box {
  background-image: url("../img/diagnosis/result_title_g_sm.svg");
}
@media (min-width: 640px) {
  .renewal.-result.-g > .scene-result > .kv-box > .title-box {
    background-image: url("../img/diagnosis/result_title_g_lg.svg");
  }
}
.renewal.-result.-g > .scene-result > .kv-box > .title-box > .btn {
  background-color: #cb3f7e;
}
.renewal.-result.-g > .scene-result > .kv-box > .title-box > .btn > .text.-g {
  display: block;
}
.renewal.-result.-g > .scene-result > .result-box > .self-box > .advice-box > .title > .img.-g,
.renewal.-result.-g > .scene-result > .result-box > .self-box > .point-box > .title > .img.-g {
  display: block;
}
.renewal.-result.-g > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .title,
.renewal.-result.-g > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .title {
  background-color: #cb3f7e;
}
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .type {
  border-color: #cb3f7e;
}
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .type > .text.-g {
  display: block;
  color: #cb3f7e;
}
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .product > .img.-g,
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .h > .img.-g,
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .video > .img.-g {
  display: block;
}
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-g {
  display: block;
}
.renewal.-result.-g > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text.-g .color {
  color: #cb3f7e;
}
.renewal.-result.-g > .scene-result > .modal-container > .modal-body > .title {
  background-color: #cb3f7e;
}
.renewal.-result.-g > .scene-result > .modal-container > .modal-body > .title > .text.-g {
  display: block;
}
.renewal.-result.-g > .scene-result > .modal-container > .modal-body > .desc > .text.-g {
  display: block;
}
.renewal.-result.-g > .scene-result > .modal-container > .modal-body > .btn {
  border: 0.2666666667vw solid #cb3f7e;
  color: #cb3f7e;
}
@media (min-width: 640px) {
  .renewal.-result.-g > .scene-result > .modal-container > .modal-body > .btn {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #cb3f7e;
  }
}
.renewal.-result.-g > .scene-result > .modal-container > .modal-body > .btn > .icon svg {
  fill: #cb3f7e;
}
.renewal p {
  margin-top: 0;
}
.renewal > .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f8f4fa;
  background-image: url("../img/diagnosis/top_bg_sm.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.renewal > .scene-top {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.renewal > .scene-top > .title-box {
  position: relative;
  top: 7.4666666667vw;
  margin: auto;
  width: 61.3333333333vw;
  height: 62.6666666667vw;
  background-image: url("../img/diagnosis/top_title_sm.webp");
  background-size: 100%;
  text-align: center;
}
.renewal > .scene-top > .title-box > .title {
  display: none;
}
.renewal > .scene-top > .title-box > .desc {
  padding-top: 42.4vw;
  text-align: center;
  color: #fff;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 6.1333333333vw;
}
.renewal > .scene-top > .title-box > .count-box {
  display: inline-flex;
  align-items: baseline;
  margin: 0.8vw auto 0;
  font-size: 2.6666666667vw;
  font-weight: 700;

  gap: 0.6666666667vw;
}
.renewal > .scene-top > .title-box > .count-box > .current {
  color: #fff;
  line-height: 5.3333333333vw;
}
.renewal > .scene-top > .title-box > .count-box > .num > .lineup-diagnosis_counter-num {
  display: inline-flex;

  gap: 0.6666666667vw;
}
.renewal > .scene-top > .title-box > .count-box > .num > .lineup-diagnosis_counter-num span {
  width: 4.9333333333vw;
  height: 6.2666666667vw;
  background-color: #e8ddc8;
  font-size: 4vw;
}
.renewal > .scene-top > .title-box > .count-box > .people {
  color: #fff;
  line-height: 5.3333333333vw;
}
.renewal > .scene-top > .chara {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 4.2666666667vw;
  margin: auto;
  width: 54.4vw;
}
.renewal > .scene-top > .btn {
  display: block;
  position: relative;
  margin: 37.3333333333vw auto 0;
  border-radius: 6.6666666667vw;
  width: 73.3333333333vw;
  height: 13.3333333333vw;
  cursor: pointer;
  background-color: #e7b656;
  color: #343333;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 5.0666666667vw;
}
.renewal > .scene-top > .btn > .icon {
  position: absolute;
  top: 3.4666666667vw;
  right: 4.5333333333vw;
  width: 5.0666666667vw;
}
.renewal > .scene-intro {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.renewal > .scene-intro > .skip {
  display: none;
  position: absolute;
  top: 4.2666666667vw;
  right: 7.2vw;
  text-decoration: none;
  color: #fff !important;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 6.9333333333vw;
}
.renewal > .scene-intro > .skip > .icon {
  display: inline-block;
  margin-top: 0.8vw;
  margin-left: -1.0666666667vw;
  width: 4.2666666667vw;
}
.renewal > .scene-intro > .skip::after {
  content: "";
  position: absolute;
  bottom: 0.8vw;
  left: 0;
  width: 24.5333333333vw;
  height: 1px;
  background: #fff;
}
.renewal > .scene-intro > .chara {
  position: absolute;
  bottom: 0;
  margin: auto auto auto 10.6666666667vw;
  width: 56.1333333333vw;
}
.renewal > .scene-intro > .chara > .img {
  visibility: hidden;
  position: absolute;
  bottom: 0;
}
.renewal > .scene-intro > .chara > .img.-img01 {
  left: -1.8666666667vw;
  width: 76.2666666667vw;
}
.renewal > .scene-intro > .chara > .img.-img02 {
  right: -29.0666666667vw;
  width: 84vw;
}
.renewal > .scene-intro > .chara > .img.-img03 {
  right: -18.6666666667vw;
  width: 68.9333333333vw;
}
.renewal > .scene-intro > .talk-box {
  display: none;
  position: relative;
  top: 78vw;
  margin: auto;
  padding: 5.3333333333vw 0;
  border: 0.2666666667vw solid #e7b656;
  border-radius: 1.3333333333vw;
  width: 84vw;
  cursor: pointer;
  background-color: #fff;
}
.renewal > .scene-intro > .talk-box > .text-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;
}
.renewal > .scene-intro > .talk-box > .text-box > .text {
  display: none;
  text-align: center;
}
.renewal > .scene-intro > .talk-box > .text-box > .text > .icon {
  position: absolute;
  right: 6.4vw;
  width: 2.6666666667vw;
}
.renewal > .scene-intro > .talk-box > .btn {
  display: none;
  position: absolute;
  right: 4.4vw;
  bottom: 4vw;
  width: 21.3333333333vw;
  cursor: pointer;
  color: #d09523;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 5.0666666667vw;
}
.renewal > .scene-intro > .talk-box > .btn::after {
  content: "";
  display: block;
  position: relative;
  margin-top: 0.5333333333vw;
  width: 100%;
  height: 0.2666666667vw;
  background-color: #d09523;
}
.renewal > .scene-intro > .talk-box > .btn > .icon {
  display: inline-block;
  position: relative;
  width: 5.0666666667vw;
}
.renewal > .scene-intro > .age-box {
  display: none;
  position: relative;
  margin: 2.5333333333vw auto auto;
  padding-top: 3.0666666667vw;
  width: 84vw;
  height: 114vw;
  background: linear-gradient(180deg, #ece3d1 -14.84%, #fffef9 93.75%);
  text-align: center;
}
.renewal > .scene-intro > .age-box.-show {
  display: block;
}
.renewal > .scene-intro > .age-box > .title-box {
  display: inline-flex;
  padding: 0vw 1.3333333333vw;
  height: 16.6896vw;

  gap: 5.3333333333vw;
}
.renewal > .scene-intro > .age-box > .title-box > .icon {
  width: 16vw;
}
.renewal > .scene-intro > .age-box > .title-box > .title {
  margin-top: -1.0666666667vw;
  text-align: left;
  font-size: 4.6666666667vw;
  font-weight: 700;
  line-height: 6.9333333333vw;
}
.renewal > .scene-intro > .age-box > .btn-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.3333333333vw;
  padding: 0 5vw;
}
.renewal > .scene-intro > .age-box > .btn-items > .btn-item {
  margin-top: 2vw;
}
.renewal > .scene-intro > .age-box > .btn-items > .btn-item > .input {
  display: none;
}
.renewal > .scene-intro > .age-box > .btn-items > .btn-item > .input:checked + .label {
  border: 0.2666666667vw solid #d5cae8;
  background: #d5cae8;
}
.renewal > .scene-intro > .age-box > .btn-items > .btn-item > .label {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.2666666667vw solid #d5cae8;
  border-radius: 1.3333333333vw;
  width: 36vw;
  height: 12vw;
  cursor: pointer;
  background: #f8f4fa;
  letter-spacing: -1.28;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;
}
.renewal > .scene-intro > .age-box > .next-prev {
  position: absolute;
  right: 0;
  bottom: 5.2vw;
  left: 0;
  margin: auto;
  width: 74.5333333333vw;
}
.renewal > .scene-intro > .select-box {
  display: none;
  position: relative;
  top: 49.8666666667vw;
  margin: auto;
  padding: 4.5333333333vw 4.8vw 6.1333333333vw;
  width: 84vw;
  height: 66.9333333333vw;
  background: linear-gradient(180deg, #ece3d1 -14.84%, #fffef9 93.75%);
  text-align: center;
}
.renewal > .scene-intro > .select-box.-show {
  display: block;
}
.renewal > .scene-intro > .select-box > .title {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 6.6666666667vw;
}
.renewal > .scene-intro > .select-box.-sex .btn-item.-item03 > .label {
  width: 68.8vw;
}
.renewal > .scene-intro > .select-box > .btn-items {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 6.1333333333vw;

  gap: 2.9333333333vw;
}
.renewal > .scene-intro > .select-box > .btn-items > .btn-item > .input {
  display: none;
}
.renewal > .scene-intro > .select-box > .btn-items > .btn-item > .input:checked + .label {
  border: 0.2666666667vw solid #d5cae8;
  background: #d5cae8;
}
.renewal > .scene-intro > .select-box > .btn-items > .btn-item > .label {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.2666666667vw solid #d5cae8;
  border-radius: 1.3333333333vw;
  width: 32.9333333333vw;
  height: 12vw;
  cursor: pointer;
  background: #f8f4fa;
  letter-spacing: -1.28;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;
}
.renewal > .scene-intro > .select-box > .next-prev {
  position: absolute;
  right: 0;
  bottom: 5.2vw;
  left: 0;
  margin: auto;
  width: 74.5333333333vw;
}
.renewal > .scene-question {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.renewal > .scene-question > .progress-box {
  display: none;
  position: relative;
  margin: 1.3333333333vw auto 0;
  width: 84vw;
  color: #fff;
}
.renewal > .scene-question > .progress-box > .num {
  display: flex;
  visibility: hidden;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 7.4666666667vw;
}
.renewal > .scene-question > .progress-box > .bar-box {
  margin-top: -1.0666666667vw;
  width: 84vw;
  height: 1.6vw;
  background-color: #e7e7e7;
}
.renewal > .scene-question > .progress-box > .bar-box > .bar {
  width: 100%;
  height: 100%;
  transition: transform 0.25s;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #e7b656;
}
.renewal > .scene-question > .question-container {
  display: none;
}
.renewal > .scene-question > .question-container > .question-box {
  display: none;
}
.renewal > .scene-question > .question-container > .question-box > .interview-box {
  display: flex;
  align-items: center;
  position: relative;
  margin: 1.0666666667vw auto 0;
  padding: 0 0vw;
  width: 85.7333333333vw;

  gap: 5.8666666667vw;
}
.renewal > .scene-question > .question-container > .question-box > .interview-box > .icon {
  margin-left: 2.4vw;
  width: 16vw;
}
.renewal > .scene-question > .question-container > .question-box > .interview-box > .text {
  color: #fff;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 5.3333333333vw;
}
.renewal > .scene-question > .question-container > .question-box > .interview-box > .text > .small {
  display: inline-block;
  margin-top: 1.8666666667vw;
  font-size: 4vw;
}
.renewal > .scene-question > .question-container > .question-box > .interview-box > .note {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  margin-top: 22.9333333333vw;
  margin-left: 4.5333333333vw;
  padding-top: 1.3333333333vw;
  width: 75.8666666667vw;
  height: 9.3333333333vw;
  transition: transform 1.25s 1s;
  transform: scale(0);
  transform-origin: 7% 0%;
  background-image: url("../img/diagnosis/pop_sm.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-size: 3.4666666667vw;
  line-height: 4.8vw;
}
.renewal > .scene-question > .question-container > .question-box > .interview-box > .note .big {
  color: #d09523;
  font-size: 3.8666666667vw;
  font-weight: 700;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box {
  position: relative;
  left: -2.1333333333vw;
  margin: 1.0666666667vw auto 0;
  padding: 0 7.8666666667vw 0 10.1333333333vw;
  width: 92vw;
  height: 85.8666666667vw;
  background-image: url("../img/diagnosis/sheet_sm.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items {
  padding-top: 13.7333333333vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item {
  display: flex;
  align-items: center;
  margin: auto;
  width: 51.0666666667vw;
  height: 12vw;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;

  gap: 4.6666666667vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item + .form {
  margin-top: 4vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item > .input {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5333333333vw 0;
  border: 0.2666666667vw solid #fbc400;
  border-radius: 1.3333333333vw;
  width: 25.0666666667vw;
  background: #fff;
  text-align: center;
  font-size: 4.2666666667vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item > .input::-moz-placeholder {
  color: #999;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item > .input::placeholder {
  color: #999;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .note {
  margin-top: 4vw;
  text-align: center;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 8.4vw;

  gap: 2.6666666667vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item {
  position: relative;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .input {
  display: none;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .input:checked + .label {
  border: 0.2666666667vw solid #d5cae8;
  background: #d5cae8;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .input:checked + .label::after {
  border: 1px solid #fff;
  background-color: #fff;
  background-image: url("../img/diagnosis/icon_check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.2vw 2.9333333333vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 13.3333333333vw;
  border: 0.2666666667vw solid #d5cae8;
  border-radius: 1.3333333333vw;
  width: 76vw;
  height: 12vw;
  cursor: pointer;
  background: #f8f4fa;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .label::after {
  content: "";
  position: absolute;
  top: 3.3333333333vw;
  left: 3.7333333333vw;
  margin-right: 1.3333333333vw;
  border: 1px solid #d5cae8;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-color: #f8f4fa;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 8.4vw;

  gap: 2.6666666667vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items > .item {
  position: relative;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items > .item > .input {
  display: none;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items > .item > .input:checked + .label {
  border: 0.2666666667vw solid #d5cae8;
  background: #d5cae8;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items > .item > .label {
  display: flex;
  align-items: center;
  padding-left: 4vw;
  border: 0.2666666667vw solid #d5cae8;
  border-radius: 1.3333333333vw;
  width: 76vw;
  height: 12vw;
  cursor: pointer;
  background: #f8f4fa;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;
}
.renewal > .scene-question > .question-container > .question-box > .sheet-box > .next-prev {
  position: absolute;
  right: 0;
  bottom: 4.8vw;
  left: 4.2666666667vw;
  margin: auto;
  width: 74.5333333333vw;
}
.renewal > .scene-question > .break-container {
  display: none;
}
.renewal > .scene-question > .break-container > .break-box {
  display: none;
}
.renewal > .scene-question > .break-container > .break-box > .chara {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 37.8666666667vw;
}
.renewal > .scene-question > .break-container > .break-box > .text-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 0;
  left: -12.2666666667vw;
  margin: 5.3333333333vw auto 0;
  padding: 3.2vw 4vw;
  border: 0.2666666667vw solid #e7b656;
  border-radius: 1.3333333333vw;
  width: 59.3333333333vw;
  background: #fff;
  text-align: center;
  letter-spacing: -0.05em;
  font-size: 4vw;
  line-height: 6.4vw;
}
.renewal > .scene-question > .break-container > .break-box > .text-box > .text {
  display: none;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 5.3333333333vw;
  left: 0;
  margin: auto;
  padding: 5.2vw 4.6666666667vw 18.6666666667vw 5.4666666667vw;
  width: 83.8666666667vw;
  height: 71.2vw;
  background-image: url("../img/diagnosis/result_sheet_m_sm.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  gap: 1.3333333333vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box {
  display: flex;
  align-items: center;

  gap: 0.8vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box.-hidden {
  display: none;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box + .answer-box {
  margin-top: 0.6666666667vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box > .num {
  color: #423580;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 7.2vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box > .text-box > .question {
  color: #423580;
  font-size: 2.9333333333vw;
  font-weight: 700;
  line-height: 3.2vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box > .text-box > .answer {
  margin-top: 0.5333333333vw;
  font-size: 2.9333333333vw;
  font-weight: 700;
  line-height: 3.2vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .result-box {
  margin-top: 1.3333333333vw;
  border-bottom: 1px solid #dadada;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .result-box > .text {
  display: inline-block;
  font-size: 4.2666666667vw;
  line-height: 6.9333333333vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .result-box > .num {
  display: inline-block;
  margin-left: 11.7333333333vw;
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 6.9333333333vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .bmi {
  margin-top: 2.8vw;
  width: 73.3333333333vw;
}
.renewal > .scene-question > .break-container > .break-box > .sheet-box > .next-prev {
  position: absolute;
  right: 0;
  bottom: 5.2vw;
  left: 0;
  margin: auto;
  width: 74.5333333333vw;
}
.renewal > .scene-question > .break-container > .break-box.-bmi > .sheet-box {
  height: 65.3333333333vw;
  background-image: url("../img/diagnosis/result_sheet_sm.webp");
}
.renewal > .scene-question > .break-container > .break-box.-bmi > .chara {
  width: 58.8vw;
}
.renewal > .scene-question > .break-container > .break-box.-bmi > .text-box {
  left: -20.5333333333vw;
  margin: 5.3333333333vw auto 0;
  width: 42.6666666667vw;
}
.renewal > .scene-question > .judging-container {
  display: none;
  position: relative;
}
.renewal > .scene-question > .judging-container > .result-box {
  margin: auto;
  margin-top: 8.4vw;
  padding: 5.8666666667vw 0 4.9333333333vw;
  width: 84vw;
  height: 34.2666666667vw;
  background-image: url("../img/diagnosis/judging_box_sm.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  text-align: center;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 7.4666666667vw;
}
.renewal > .scene-question > .judging-container > .img {
  position: relative;
  right: 1.8666666667vw;
  bottom: 0;
  margin: 2.6666666667vw auto 0;
  width: 58.4vw;
}
.renewal > .scene-result {
  display: none;
  position: relative;
}
.renewal > .scene-result > .kv-box {
  position: relative;
  padding-top: 5.3333333333vw;
  width: 100%;
  height: 81.6vw;
  background-image: url("../img/diagnosis/result_bg_sm.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.renewal > .scene-result > .kv-box > .title-box {
  position: relative;
  margin: auto;
  padding: 27.0666666667vw 13.0666666667vw 0vw 5.3333333333vw;
  width: 84vw;
  height: 66.8vw;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
.renewal > .scene-result > .kv-box > .title-box > .title {
  display: none;
  margin-top: 3.0666666667vw;
  text-align: justify;
  letter-spacing: -0.025em;
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 5.8666666667vw;
}
.renewal > .scene-result > .kv-box > .title-box > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4vw;
  border-radius: 1.3333333333vw;
  width: -moz-fit-content;
  width: fit-content;
  height: 12vw;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 5.0666666667vw;

  gap: 2.6666666667vw;
}
.renewal > .scene-result > .kv-box > .title-box > .btn::after {
  content: "";
  display: inline-block;
  width: 5.6vw;
  height: 5.6vw;
  background-image: url("../img/diagnosis/result_plus_sm.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
.renewal > .scene-result > .kv-box > .title-box > .btn > .text {
  display: none;
}
.renewal > .scene-result > .kv-box > .chara {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28vw;
}
.renewal > .scene-result > .result-box {
  display: flex;
  flex-direction: column;
  padding-top: 4.5333333333vw;
  padding-bottom: 10.9333333333vw;
  background-color: #fff;
}
.renewal > .scene-result > .result-box > .self-box {
  margin: 4vw auto 0;
  border-radius: 1.3333333333vw;
  width: 84vw;
  background-color: #f6f3eb;
}
.renewal > .scene-result > .result-box > .self-box[open] {
  padding-bottom: 5.3333333333vw;
}
.renewal > .scene-result > .result-box > .self-box[open] > .title {
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
}
.renewal > .scene-result > .result-box > .self-box[open] > .title > .icon {
  transform: scaleY(-1);
}
.renewal > .scene-result > .result-box > .self-box > .title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
  border-radius: 1.3333333333vw;
  width: 84vw;
  height: 12vw;
  cursor: pointer;
  background-color: #d9c6a0;
  letter-spacing: 0.1813333333vw;
  color: #343333;
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 7.4666666667vw;
}
.renewal > .scene-result > .result-box > .self-box > .title::-webkit-details-marker {
  display: none;
}
.renewal > .scene-result > .result-box > .self-box > .title > .icon {
  display: block;
  position: absolute;
  right: 1.4666666667vw;
  width: 5.6vw;
  height: 5.6vw;
  line-height: 0;
}
.renewal > .scene-result > .result-box > .self-box > .point-box {
  display: none;
  margin-top: 6vw;
}
.renewal > .scene-result > .result-box > .self-box > .point-box.-show {
  display: block;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box,
.renewal > .scene-result > .result-box > .self-box > .point-box {
  margin: 5.3333333333vw auto 0;
  width: 76vw;
  background-color: #fff;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .title,
.renewal > .scene-result > .result-box > .self-box > .point-box > .title {
  margin: auto;
  padding-top: 5.0666666667vw;
  width: 62.9333333333vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .title > .img,
.renewal > .scene-result > .result-box > .self-box > .point-box > .title > .img {
  display: none;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .desc,
.renewal > .scene-result > .result-box > .self-box > .point-box > .desc {
  padding: 3.3333333333vw 4.6666666667vw 6.4vw;
  text-align: justify;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 6.6666666667vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .desc > .note,
.renewal > .scene-result > .result-box > .self-box > .point-box > .desc > .note {
  display: inline-block;
  margin-top: 0.6666666667vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 5.3333333333vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items {
  padding: 3.3333333333vw 4.6666666667vw 6.4vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item {
  display: none;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item.-show,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item.-show {
  display: block;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item + .point-item,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item + .point-item {
  margin-top: 5.2vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .title,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 0.5333333333vw 2.9333333333vw;
  border-radius: 5.3333333333vw;
  width: -moz-fit-content;
  width: fit-content;
  height: 7.3333333333vw;
  text-align: center;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 5.6vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .desc,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .desc {
  margin-top: 1.0666666667vw;
  text-align: justify;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 6.6666666667vw;
}
.renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .desc > .note,
.renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .desc > .note {
  display: inline-block;
  margin-top: 0.6666666667vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 5.3333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box {
  margin: 4vw auto 0;
  border-radius: 1.3333333333vw;
  width: 84vw;
  background-color: #f6f3eb;
}
.renewal > .scene-result > .result-box > .prescription-box[open] {
  padding-bottom: 7.7333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box[open] > .title {
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
}
.renewal > .scene-result > .result-box > .prescription-box[open] > .title > .icon {
  transform: scaleY(-1);
}
.renewal > .scene-result > .result-box > .prescription-box > .title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
  border-radius: 1.3333333333vw;
  width: 84vw;
  height: 12vw;
  cursor: pointer;
  background-color: #e7b656;
  letter-spacing: 0.1813333333vw;
  color: #343333;
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 7.4666666667vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .title::-webkit-details-marker {
  display: none;
}
.renewal > .scene-result > .result-box > .prescription-box > .title > .icon {
  display: block;
  position: absolute;
  right: 1.4666666667vw;
  width: 5.6vw;
  height: 5.6vw;
  line-height: 0;
}
.renewal > .scene-result > .result-box > .prescription-box > .type {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5.3333333333vw auto 0;
  padding: 1.3333333333vw 6.6666666667vw;
  border: 0.2666666667vw solid;
  border-radius: 1.3333333333vw;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;

  gap: 1.3333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .type > .text {
  display: none;
  text-align: center;
  letter-spacing: 0.02em;
  font-size: 4.2666666667vw;
  font-weight: 700;
  font-style: normal;
  line-height: 5.6vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .type > .text.-o {
  color: #005eae;
}
.renewal > .scene-result > .result-box > .prescription-box > .type > .text.-e {
  color: #ca231c;
}
.renewal > .scene-result > .result-box > .prescription-box > .type > .text.-l {
  color: #df8200;
}
.renewal > .scene-result > .result-box > .prescription-box > .type > .text.-g {
  color: #cb3f7e;
}
.renewal > .scene-result > .result-box > .prescription-box > .h {
  margin-top: 6.5333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .h > .img {
  display: none;
  margin: auto;
  width: 66.1333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .video {
  margin: 6.5333333333vw auto 0;
  width: 76vw;
  height: 42.6666666667vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .video > .img {
  display: none;
  width: 100%;
  height: 100%;
}
.renewal > .scene-result > .result-box > .prescription-box > .product {
  margin-top: 6.5333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .product > .img {
  display: none;
  margin: auto;
  width: 84vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .product-box {
  margin: 6.5333333333vw auto 0;
  width: 76vw;
  background-color: #fff;
}
.renewal > .scene-result > .result-box > .prescription-box > .product-box > .desc {
  padding: 3.3333333333vw 4.6666666667vw 6.4vw;
  text-align: justify;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 6.6666666667vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text {
  display: none;
}
.renewal > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text > .note {
  display: inline-block;
  margin-top: 0.6666666667vw;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 5.3333333333vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 6.5333333333vw auto 0;
  border-radius: 6.6666666667vw;
  width: 64vw;
  height: 13.3333333333vw;
  background-color: #e7b656;
  color: #343333;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 5.0666666667vw;
}
.renewal > .scene-result > .result-box > .prescription-box > .btn > .icon {
  position: absolute;
  right: 2.1333333333vw;
  width: 5.6vw;
}
.renewal > .scene-result > .modal-container {
  display: flex;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s, visibility 0.2s;
  background-color: rgba(0, 0, 0, 0.5);
}
.renewal > .scene-result > .modal-container.-show {
  visibility: visible;
  opacity: 1;
}
.renewal > .scene-result > .modal-container > .modal-body {
  position: relative;
  border-radius: 1.3333333333vw;
  width: 76vw;
  height: 112vw;
  background-color: #fff;
}
.renewal > .scene-result > .modal-container > .modal-body > .title {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  width: 76vw;
  height: 19.6vw;
  color: #fff;
  font-size: 6.2666666667vw;
  font-weight: 700;
  line-height: 9.0666666667vw;
}
.renewal > .scene-result > .modal-container > .modal-body > .title .small {
  font-size: 4.5333333333vw;
}
.renewal > .scene-result > .modal-container > .modal-body > .title > .text {
  display: none;
}
.renewal > .scene-result > .modal-container > .modal-body > .desc {
  margin-top: 4.9333333333vw;
  padding: 0 7.4666666667vw;
  text-align: justify;
  font-size: 4vw;
  font-weight: 700;
  line-height: 7.2vw;
}
.renewal > .scene-result > .modal-container > .modal-body > .desc > .text {
  display: none;
}
.renewal > .scene-result > .modal-container > .modal-body > .desc > .text.-o .color {
  color: #005eae;
}
.renewal > .scene-result > .modal-container > .modal-body > .desc > .text.-e .color {
  color: #ca231c;
}
.renewal > .scene-result > .modal-container > .modal-body > .desc > .text.-l .color {
  color: #df8200;
}
.renewal > .scene-result > .modal-container > .modal-body > .desc > .text.-g .color {
  color: #cb3f7e;
}
.renewal > .scene-result > .modal-container > .modal-body > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 6vw;
  left: 0;
  margin: auto;
  border: 0.2666666667vw solid #ca231c;
  border-radius: 6.6666666667vw;
  width: 34.6666666667vw;
  height: 13.3333333333vw;
  background: #fff;
  color: #ca231c;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.renewal > .scene-result > .modal-container > .modal-body > .btn > .icon {
  position: absolute;
  right: 2.8vw;
  width: 5.6vw;
  height: 5.6vw;
  font-size: 0;
}
.renewal > .scene-result > .modal-container > .modal-body > .btn > .icon svg {
  width: 100%;
  height: 100%;

  fill: #ca231c;
}
.renewal .next-prev {
  display: flex;
  justify-content: space-between;
}
.renewal .next-prev > .btn-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0.2666666667vw solid #e7b656;
  border-radius: 6.6666666667vw;
  width: 34.6666666667vw;
  height: 13.3333333333vw;
  cursor: pointer;
  background: #fff;
  color: #d09523;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.renewal .next-prev > .btn-prev > .icon {
  display: inline-block;
  position: absolute;
  left: 2.1333333333vw;
  width: 5.6vw;
  transform: scaleX(-1);
}
.renewal .next-prev > .btn-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0.2666666667vw solid #cbcbcb;
  border-radius: 6.6666666667vw;
  width: 34.6666666667vw;
  height: 13.3333333333vw;
  cursor: pointer;
  background: #cbcbcb;
  pointer-events: none;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.renewal .next-prev > .btn-next > .icon {
  display: inline-block;
  position: absolute;
  right: 2.1333333333vw;
  width: 5.6vw;

  fill: #fff;
}
.renewal .next-prev > .btn-next.-visible {
  border: 0.2666666667vw solid #e7b656;
  background: #e7b656;
  pointer-events: auto;
  color: #343333;
}
.renewal .next-prev > .btn-next.-visible > .icon {
  fill: #343333;
}
.renewal .sk-fading-circle {
  position: relative;
  margin: 3.0666666667vw auto;
  width: 10vw;
  height: 10vw;
}
.renewal .sk-fading-circle .sk-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.renewal .sk-fading-circle .sk-circle::before {
  content: "";
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  width: 15%;
  height: 15%;
  animation: sk-circleFadeDelay 1s infinite ease-in-out both;
  background-color: #fbc400;
}
.renewal .sk-fading-circle .sk-circle2 {
  transform: rotate(36deg);
}
.renewal .sk-fading-circle .sk-circle3 {
  transform: rotate(72deg);
}
.renewal .sk-fading-circle .sk-circle4 {
  transform: rotate(108deg);
}
.renewal .sk-fading-circle .sk-circle5 {
  transform: rotate(144deg);
}
.renewal .sk-fading-circle .sk-circle6 {
  transform: rotate(180deg);
}
.renewal .sk-fading-circle .sk-circle7 {
  transform: rotate(216deg);
}
.renewal .sk-fading-circle .sk-circle8 {
  transform: rotate(252deg);
}
.renewal .sk-fading-circle .sk-circle9 {
  transform: rotate(288deg);
}
.renewal .sk-fading-circle .sk-circle10 {
  transform: rotate(324deg);
}
.renewal .sk-fading-circle .sk-circle2::before {
  animation-delay: -0.9s;
}
.renewal .sk-fading-circle .sk-circle3::before {
  animation-delay: -0.8s;
}
.renewal .sk-fading-circle .sk-circle4::before {
  animation-delay: -0.7s;
}
.renewal .sk-fading-circle .sk-circle5::before {
  animation-delay: -0.6s;
}
.renewal .sk-fading-circle .sk-circle6::before {
  animation-delay: -0.5s;
}
.renewal .sk-fading-circle .sk-circle7::before {
  animation-delay: -0.4s;
}
.renewal .sk-fading-circle .sk-circle8::before {
  animation-delay: -0.3s;
}
.renewal .sk-fading-circle .sk-circle9::before {
  animation-delay: -0.2s;
}
.renewal .sk-fading-circle .sk-circle10::before {
  animation-delay: -0.1s;
}
@media (min-width: 640px) {
  .renewal {
    height: clamp(260.8888888889px, 40.7638888889vw, 587px);
  }
  .renewal > .bg {
    background-image: url("../img/diagnosis/top_bg_lg.webp");
    background-size: 100%;
  }
  .renewal > .scene-top > .title-box {
    top: clamp(15.1111111111px, 2.3611111111vw, 34px);
    left: clamp(-161px, -11.1805555556vw, -71.5555555556px);
    width: clamp(309.3333333333px, 48.3333333333vw, 696px);
    height: clamp(186.6666666667px, 29.1666666667vw, 420px);
    background-image: url("../img/diagnosis/top_title_lg.webp");
  }
  .renewal > .scene-top > .title-box > .desc {
    padding-top: clamp(129.3333333333px, 20.2083333333vw, 291px);
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
    line-height: clamp(20.4444444444px, 3.1944444444vw, 46px);
  }
  .renewal > .scene-top > .title-box > .count-box {
    margin: clamp(2.6666666667px, 0.4166666667vw, 6px) auto 0;
    font-size: clamp(8.8888888889px, 1.3888888889vw, 20px);

    gap: clamp(2.2222222222px, 0.3472222222vw, 5px);
  }
  .renewal > .scene-top > .title-box > .count-box > .current {
    line-height: clamp(17.7777777778px, 2.7777777778vw, 40px);
  }
  .renewal > .scene-top > .title-box > .count-box > .num > .lineup-diagnosis_counter-num {
    gap: clamp(2.2222222222px, 0.3472222222vw, 5px);
  }
  .renewal > .scene-top > .title-box > .count-box > .num > .lineup-diagnosis_counter-num span {
    width: clamp(16.4444444444px, 2.5694444444vw, 37px);
    height: clamp(20.8888888889px, 3.2638888889vw, 47px);
    font-size: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-top > .title-box > .count-box > .people {
    line-height: clamp(17.7777777778px, 2.7777777778vw, 40px);
  }
  .renewal > .scene-top > .chara {
    position: absolute;
    right: 0;
    bottom: 0;
    left: clamp(297.7777777778px, 46.5277777778vw, 670px);
    margin: auto;
    width: clamp(245.3333333333px, 38.3333333333vw, 552px);
  }
  .renewal > .scene-top > .btn {
    display: block;
    position: relative;
    left: clamp(-160px, -11.1111111111vw, -71.1111111111px);
    margin: clamp(26.6666666667px, 4.1666666667vw, 60px) auto 0;
    border-radius: clamp(22.2222222222px, 3.4722222222vw, 50px);
    width: clamp(136.8888888889px, 21.3888888889vw, 308px);
    height: clamp(28.4444444444px, 4.4444444444vw, 64px);
    font-size: clamp(8px, 1.25vw, 18px);
    font-weight: 700;
    line-height: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-top > .btn > .icon {
    position: absolute;
    top: clamp(8px, 1.25vw, 18px);
    right: clamp(13.7777777778px, 2.1527777778vw, 31px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal > .scene-intro > .skip {
    display: none;
    position: absolute;
    top: clamp(29.7777777778px, 4.6527777778vw, 67px);
    right: 0;
    left: clamp(-877px, -60.9027777778vw, -389.7777777778px);
    margin: auto;
    width: clamp(72px, 11.25vw, 162px);
    text-align: center;
    font-size: clamp(8px, 1.25vw, 18px);
    font-weight: 700;
    line-height: clamp(16.8888888889px, 2.6388888889vw, 38px);
  }
  .renewal > .scene-intro > .skip > .icon {
    margin-top: 0;
    margin-left: clamp(3.5555555556px, 0.5555555556vw, 8px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal > .scene-intro > .skip::after {
    bottom: 0;
    left: 0;
    width: clamp(72px, 11.25vw, 162px);
  }
  .renewal > .scene-intro > .skip.-show {
    display: block;
  }
  .renewal > .scene-intro > .chara {
    position: absolute;
    top: clamp(13.3333333333px, 2.0833333333vw, 30px);
    right: 0;
    left: clamp(320px, 50vw, 720px);
    margin: auto;
    width: clamp(187.1111111111px, 29.2361111111vw, 421px);
  }
  .renewal > .scene-intro > .chara > .img {
    visibility: hidden;
    position: absolute;
  }
  .renewal > .scene-intro > .chara > .img.-show {
    visibility: visible;
  }
  .renewal > .scene-intro > .chara > .img.-img01 {
    left: clamp(2.6666666667px, 0.4166666667vw, 6px);
    width: clamp(168px, 26.25vw, 378px);
  }
  .renewal > .scene-intro > .chara > .img.-img02 {
    right: clamp(-74px, -5.1388888889vw, -32.8888888889px);
    width: clamp(196.4444444444px, 30.6944444444vw, 442px);
  }
  .renewal > .scene-intro > .chara > .img.-img03 {
    right: clamp(-21px, -1.4583333333vw, -9.3333333333px);
    width: clamp(160px, 25vw, 360px);
  }
  .renewal > .scene-intro > .talk-box {
    display: none;
    position: relative;
    top: clamp(83.1111111111px, 12.9861111111vw, 187px);
    left: clamp(-200px, -13.8888888889vw, -88.8888888889px);
    margin: auto;
    padding: clamp(20.4444444444px, 3.1944444444vw, 46px) 0 clamp(24px, 3.75vw, 54px);
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #e7b656;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(280px, 43.75vw, 630px);
    background-color: #fff;
  }
  .renewal > .scene-intro > .talk-box > .text-box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(11.5555555556px, 1.8055555556vw, 26px);
    line-height: clamp(18.6666666667px, 2.9166666667vw, 42px);
  }
  .renewal > .scene-intro > .talk-box > .text-box > .text {
    display: none;
    text-align: center;
  }
  .renewal > .scene-intro > .talk-box > .text-box > .text.-text03 {
    padding-bottom: clamp(4.4444444444px, 0.6944444444vw, 10px);
  }
  .renewal > .scene-intro > .talk-box > .text-box > .text > .icon {
    display: inline-block;
    right: clamp(31.1111111111px, 4.8611111111vw, 70px);
    margin-top: clamp(-4px, -0.2777777778vw, -1.7777777778px);
    width: clamp(17.7777777778px, 2.7777777778vw, 40px);
  }
  .renewal > .scene-intro > .talk-box > .text-box > .text.-show {
    display: block;
  }
  .renewal > .scene-intro > .talk-box > .btn {
    right: clamp(14.6666666667px, 2.2916666667vw, 33px);
    bottom: clamp(13.3333333333px, 2.0833333333vw, 30px);
    width: clamp(31.5555555556px, 4.9305555556vw, 71px);
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(16.8888888889px, 2.6388888889vw, 38px);
  }
  .renewal > .scene-intro > .talk-box > .btn::after {
    margin-top: 0;
    margin-left: clamp(-3px, -0.2083333333vw, -1.3333333333px);
    height: clamp(0.8888888889px, 0.1388888889vw, 2px);
  }
  .renewal > .scene-intro > .talk-box > .btn > .icon {
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal > .scene-intro > .age-box {
    top: clamp(27.5555555556px, 4.3055555556vw, 62px);
    left: clamp(-205px, -14.2361111111vw, -91.1111111111px);
    margin: 0 auto auto;
    padding-top: clamp(6.2222222222px, 0.9722222222vw, 14px);
    width: clamp(280px, 43.75vw, 630px);
    height: clamp(217.7777777778px, 34.0277777778vw, 490px);
  }
  .renewal > .scene-intro > .age-box > .title-box {
    padding: 0 clamp(4.4444444444px, 0.6944444444vw, 10px);
    height: auto;

    gap: 0;
  }
  .renewal > .scene-intro > .age-box > .title-box > .icon {
    display: none;
  }
  .renewal > .scene-intro > .age-box > .title-box > .title {
    text-align: center;
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
    line-height: clamp(14.2222222222px, 2.2222222222vw, 32px);
  }
  .renewal > .scene-intro > .age-box > .btn-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
    padding: 0 clamp(35.5555555556px, 5.5555555556vw, 80px);
  }
  .renewal > .scene-intro > .age-box > .btn-items > .btn-item {
    margin-top: clamp(4.4444444444px, 0.6944444444vw, 10px);
  }
  .renewal > .scene-intro > .age-box > .btn-items > .btn-item > .input {
    display: none;
  }
  .renewal > .scene-intro > .age-box > .btn-items > .btn-item > .input:checked + .label {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
    background: #d5cae8;
  }
  .renewal > .scene-intro > .age-box > .btn-items > .btn-item > .label {
    display: flex;
    align-items: center;
    justify-content: center;
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(102.2222222222px, 15.9722222222vw, 230px);
    height: clamp(22.2222222222px, 3.4722222222vw, 50px);
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(7.1111111111px, 1.1111111111vw, 16px);
  }
  .renewal > .scene-intro > .age-box > .next-prev {
    bottom: clamp(13.7777777778px, 2.1527777778vw, 31px);
    width: clamp(213.3333333333px, 33.3333333333vw, 480px);
  }
  .renewal > .scene-intro > .select-box {
    display: none;
    top: clamp(27.5555555556px, 4.3055555556vw, 62px);
    left: clamp(-205px, -14.2361111111vw, -91.1111111111px);
    padding: clamp(28.4444444444px, 4.4444444444vw, 64px) clamp(33.3333333333px, 5.2083333333vw, 75px) clamp(13.7777777778px, 2.1527777778vw, 31px);
    width: clamp(280px, 43.75vw, 630px);
    height: clamp(217.7777777778px, 34.0277777778vw, 490px);
  }
  .renewal > .scene-intro > .select-box.-sex .btn-item.-item03 > .label {
    width: clamp(120px, 18.75vw, 270px);
  }
  .renewal > .scene-intro > .select-box > .title {
    font-size: clamp(12.4444444444px, 1.9444444444vw, 28px);
    line-height: clamp(18.6666666667px, 2.9166666667vw, 42px);
  }
  .renewal > .scene-intro > .select-box > .btn-items {
    margin-top: clamp(13.3333333333px, 2.0833333333vw, 30px);

    gap: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-intro > .select-box > .btn-items > .btn-item > .input:checked + .label {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
  }
  .renewal > .scene-intro > .select-box > .btn-items > .btn-item > .label {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(102.2222222222px, 15.9722222222vw, 230px);
    height: clamp(22.2222222222px, 3.4722222222vw, 50px);
    letter-spacing: -1.28;
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(7.1111111111px, 1.1111111111vw, 16px);
  }
  .renewal > .scene-intro > .select-box > .next-prev {
    bottom: clamp(13.7777777778px, 2.1527777778vw, 31px);
    width: clamp(213.3333333333px, 33.3333333333vw, 480px);
  }
  .renewal > .scene-question > .progress-box {
    left: clamp(-205px, -14.2361111111vw, -91.1111111111px);
    margin: clamp(8px, 1.25vw, 18px) auto 0;
    width: clamp(280px, 43.75vw, 630px);
  }
  .renewal > .scene-question > .progress-box > .num {
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(7.1111111111px, 1.1111111111vw, 16px);
  }
  .renewal > .scene-question > .progress-box > .bar-box {
    margin-top: clamp(4px, 0.625vw, 9px);
    width: clamp(280px, 43.75vw, 630px);
    height: clamp(2.6666666667px, 0.4166666667vw, 6px);
  }
  .renewal > .scene-question > .question-container > .question-box > .interview-box {
    justify-content: center;
    position: absolute;
    z-index: 1;
    right: 0;
    left: clamp(-424px, -29.4444444444vw, -188.4444444444px);
    margin: clamp(40px, 6.25vw, 90px) auto 0;
    padding: 0 clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(280px, 43.75vw, 630px);

    gap: clamp(17.7777777778px, 2.7777777778vw, 40px);
  }
  .renewal > .scene-question > .question-container > .question-box > .interview-box > .icon {
    position: absolute;
    top: clamp(-83px, -5.7638888889vw, -36.8888888889px);
    left: clamp(337.3333333333px, 52.7083333333vw, 759px);
    width: clamp(160px, 25vw, 360px);
  }
  .renewal > .scene-question > .question-container > .question-box > .interview-box > .text {
    text-align: center;
    color: #333;
    font-size: clamp(12.4444444444px, 1.9444444444vw, 28px);
    line-height: clamp(18.6666666667px, 2.9166666667vw, 42px);
  }
  .renewal > .scene-question > .question-container > .question-box > .interview-box > .text > .small {
    margin-top: 0;
    font-size: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-question > .question-container > .question-box > .interview-box > .note {
    display: block;
    margin-top: clamp(22.2222222222px, 3.4722222222vw, 50px);
    margin-left: clamp(400.8888888889px, 62.6388888889vw, 902px);
    padding: clamp(7.5555555556px, 1.1805555556vw, 17px);
    padding-left: clamp(5.7777777778px, 0.9027777778vw, 13px);
    width: clamp(86.2222222222px, 13.4722222222vw, 194px);
    height: clamp(39.1111111111px, 6.1111111111vw, 88px);
    transform-origin: 100% 50%;
    background-image: url("../img/diagnosis/pop_lg.svg");
    background-position: 0%;
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(12px, 1.875vw, 27px);
  }
  .renewal > .scene-question > .question-container > .question-box > .interview-box > .note .big {
    font-size: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box {
    position: absolute;
    right: clamp(194.2222222222px, 30.3472222222vw, 437px);
    bottom: clamp(11.5555555556px, 1.8055555556vw, 26px);
    left: 0;
    padding: 0 clamp(26.2222222222px, 4.0972222222vw, 59px) 0 clamp(35.1111111111px, 5.4861111111vw, 79px);
    width: clamp(306.6666666667px, 47.9166666667vw, 690px);
    height: clamp(221.7777777778px, 34.6527777778vw, 499px);
    background-image: url("../img/diagnosis/sheet_lg.webp");
    text-align: center;

    gap: clamp(3.5555555556px, 0.5555555556vw, 8px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items {
    padding-top: clamp(60.8888888889px, 9.5138888889vw, 137px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item {
    margin: auto;
    width: clamp(118.6666666667px, 18.5416666667vw, 267px);
    height: clamp(22.2222222222px, 3.4722222222vw, 50px);
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(7.1111111111px, 1.1111111111vw, 16px);

    gap: clamp(6.6666666667px, 1.0416666667vw, 15px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item + .item {
    margin-top: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .text-items > .item > .input {
    padding: clamp(8.4444444444px, 1.3194444444vw, 19px) 0;
    padding-left: clamp(5.7777777778px, 0.9027777778vw, 13px);
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(70.6666666667px, 11.0416666667vw, 159px);
    height: clamp(22.2222222222px, 3.4722222222vw, 50px);
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .note {
    margin-top: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items {
    margin-top: clamp(56px, 8.75vw, 126px);

    gap: clamp(6.2222222222px, 0.9722222222vw, 14px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .input:checked + .label {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .input:checked + .label::after {
    background-size: clamp(7.32px, 1.14375vw, 16.47px) clamp(6.8444444444px, 1.0694444444vw, 15.4px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .label {
    justify-content: center;
    padding-left: 0;
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(208.8888888889px, 32.6388888889vw, 470px);
    height: clamp(22.2222222222px, 3.4722222222vw, 50px);
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .check-items > .item > .label::after {
    top: clamp(4px, 0.625vw, 9px);
    left: clamp(8.4444444444px, 1.3194444444vw, 19px);
    margin-right: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
    height: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items {
    margin-top: clamp(56px, 8.75vw, 126px);

    gap: clamp(6.2222222222px, 0.9722222222vw, 14px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items > .item > .input:checked + .label {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .radio-items > .item > .label {
    justify-content: center;
    padding-left: 0;
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #d5cae8;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(208.8888888889px, 32.6388888889vw, 470px);
    height: clamp(22.2222222222px, 3.4722222222vw, 50px);
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-question > .question-container > .question-box > .sheet-box > .next-prev {
    bottom: clamp(17.3333333333px, 2.7083333333vw, 39px);
    left: 0;
    width: clamp(213.3333333333px, 33.3333333333vw, 480px);
  }
  .renewal > .scene-question > .break-container > .break-box > .chara {
    right: 0;
    bottom: 0;
    left: clamp(319.5555555556px, 49.9305555556vw, 719px);
    margin: auto;
    width: clamp(175.5555555556px, 27.4305555556vw, 395px);
  }
  .renewal > .scene-question > .break-container > .break-box > .text-box {
    display: flex;
    left: clamp(-205px, -14.2361111111vw, -91.1111111111px);
    margin: clamp(8px, 1.25vw, 18px) auto 0;
    padding: clamp(7.1111111111px, 1.1111111111vw, 16px) clamp(13.3333333333px, 2.0833333333vw, 30px);
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #e7b656;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(280px, 43.75vw, 630px);
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
    line-height: clamp(14.2222222222px, 2.2222222222vw, 32px);
  }
  .renewal > .scene-question > .break-container > .break-box.-bmi > .sheet-box {
    height: clamp(142.2222222222px, 22.2222222222vw, 320px);
    background-image: url("../img/diagnosis/result_sheet_s_lg.webp");
  }
  .renewal > .scene-question > .break-container > .break-box.-bmi > .chara {
    left: clamp(319.5555555556px, 49.9305555556vw, 719px);
    width: clamp(175.5555555556px, 27.4305555556vw, 395px);
  }
  .renewal > .scene-question > .break-container > .break-box.-bmi > .text-box {
    left: clamp(-205px, -14.2361111111vw, -91.1111111111px);
    margin: clamp(8px, 1.25vw, 18px) auto 0;
    padding: clamp(17.7777777778px, 2.7777777778vw, 40px) clamp(13.3333333333px, 2.0833333333vw, 30px);
    width: clamp(280px, 43.75vw, 630px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box {
    right: clamp(194.2222222222px, 30.3472222222vw, 437px);
    bottom: clamp(11.5555555556px, 1.8055555556vw, 26px);
    left: 0;
    padding: clamp(21.3333333333px, 3.3333333333vw, 48px) clamp(26.2222222222px, 4.0972222222vw, 59px) clamp(44.4444444444px, 6.9444444444vw, 100px) clamp(44.4444444444px, 6.9444444444vw, 100px);
    width: clamp(306.6666666667px, 47.9166666667vw, 690px);
    height: clamp(170.6666666667px, 26.6666666667vw, 384px);
    background-image: url("../img/diagnosis/result_sheet_m_lg.webp");

    gap: clamp(3.5555555556px, 0.5555555556vw, 8px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box {
    gap: clamp(2.6666666667px, 0.4166666667vw, 6px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box + .answer-box {
    margin-top: 0;
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box > .num {
    font-size: clamp(8.8888888889px, 1.3888888889vw, 20px);
    line-height: clamp(7.1111111111px, 1.1111111111vw, 16px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box > .text-box > .question {
    font-size: clamp(6.2222222222px, 0.9722222222vw, 14px);
    line-height: clamp(7.1111111111px, 1.1111111111vw, 16px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .answer-box > .text-box > .answer {
    margin-top: 0;
    font-size: clamp(6.2222222222px, 0.9722222222vw, 14px);
    line-height: clamp(9.7777777778px, 1.5277777778vw, 22px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .result-box {
    margin-top: clamp(0.8888888889px, 0.1388888889vw, 2px);
    border-bottom: 1px solid #dadada;
    width: clamp(213.3333333333px, 33.3333333333vw, 480px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .result-box > .text {
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
    line-height: clamp(10.6666666667px, 1.6666666667vw, 24px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .result-box > .num {
    margin-left: clamp(6.6666666667px, 1.0416666667vw, 15px);
    font-size: clamp(12.4444444444px, 1.9444444444vw, 28px);
    line-height: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .bmi {
    margin-top: clamp(1.7777777778px, 0.2777777778vw, 4px);
    width: clamp(213.3333333333px, 33.3333333333vw, 480px);
  }
  .renewal > .scene-question > .break-container > .break-box > .sheet-box > .next-prev {
    bottom: clamp(17.3333333333px, 2.7083333333vw, 39px);
    width: clamp(213.3333333333px, 33.3333333333vw, 480px);
  }
  .renewal > .scene-question > .judging-container > .result-box {
    position: relative;
    left: clamp(-193px, -13.4027777778vw, -85.7777777778px);
    margin-top: clamp(68.8888888889px, 10.7638888889vw, 155px);
    padding: clamp(19.5555555556px, 3.0555555556vw, 44px) 0 clamp(16.4444444444px, 2.5694444444vw, 37px);
    width: clamp(289.7777777778px, 45.2777777778vw, 652px);
    height: clamp(104px, 16.25vw, 234px);
    background-image: url("../img/diagnosis/judging_box_lg.svg");
    font-size: clamp(11.5555555556px, 1.8055555556vw, 26px);
    line-height: clamp(24.8888888889px, 3.8888888889vw, 56px);
  }
  .renewal > .scene-question > .judging-container > .img {
    position: absolute;
    top: clamp(-120px, -8.3333333333vw, -53.3333333333px);
    right: 0;
    left: clamp(295.5555555556px, 46.1805555556vw, 665px);
    margin: clamp(18.6666666667px, 2.9166666667vw, 42px) auto 0;
    width: clamp(124.4444444444px, 19.4444444444vw, 280px);
  }
  .renewal > .scene-result > .kv-box {
    padding-top: clamp(20px, 3.125vw, 45px);
    height: clamp(172px, 26.875vw, 387px);
    background-image: url("../img/diagnosis/result_bg_lg.webp");
  }
  .renewal > .scene-result > .kv-box > .title-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    left: clamp(-164px, -11.3888888889vw, -72.8888888889px);
    padding: clamp(60px, 9.375vw, 135px) clamp(36.8888888889px, 5.7638888889vw, 83px) 0 clamp(36.8888888889px, 5.7638888889vw, 83px);
    width: clamp(311.1111111111px, 48.6111111111vw, 700px);
    height: clamp(136.4444444444px, 21.3194444444vw, 307px);
  }
  .renewal > .scene-result > .kv-box > .title-box > .title {
    order: 1;
    margin-top: 0;
    text-align: center;
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(10.6666666667px, 1.6666666667vw, 24px);
  }
  .renewal > .scene-result > .kv-box > .title-box > .btn {
    order: 2;
    margin-top: clamp(10.2222222222px, 1.5972222222vw, 23px);
    padding: 0 clamp(8.8888888889px, 1.3888888889vw, 20px);
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    height: clamp(25.7777777778px, 4.0277777778vw, 58px);
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
    line-height: clamp(16.8888888889px, 2.6388888889vw, 38px);

    gap: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-result > .kv-box > .title-box > .btn::after {
    content: "";
    width: clamp(14.2222222222px, 2.2222222222vw, 32px);
    height: clamp(14.2222222222px, 2.2222222222vw, 32px);
    background-image: url("../img/diagnosis/result_plus_lg.svg");
  }
  .renewal > .scene-result > .kv-box > .chara {
    left: clamp(366.2222222222px, 57.2222222222vw, 824px);
    margin: auto;
    width: clamp(160px, 25vw, 360px);
  }
  .renewal > .scene-result > .result-box {
    padding-top: clamp(3.5555555556px, 0.5555555556vw, 8px);
    padding-bottom: clamp(36.4444444444px, 5.6944444444vw, 82px);
  }
  .renewal > .scene-result > .result-box > .self-box {
    margin: clamp(8.8888888889px, 1.3888888889vw, 20px) auto 0;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(455.1111111111px, 71.1111111111vw, 1024px);
  }
  .renewal > .scene-result > .result-box > .self-box[open] {
    padding-bottom: clamp(21.7777777778px, 3.4027777778vw, 49px);
  }
  .renewal > .scene-result > .result-box > .self-box[open] > .title {
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px) clamp(4.4444444444px, 0.6944444444vw, 10px) 0 0;
  }
  .renewal > .scene-result > .result-box > .self-box > .title {
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(455.1111111111px, 71.1111111111vw, 1024px);
    height: clamp(28.4444444444px, 4.4444444444vw, 64px);
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-result > .result-box > .self-box > .title > .icon {
    right: clamp(9.3333333333px, 1.4583333333vw, 21px);
    width: clamp(18.6666666667px, 2.9166666667vw, 42px);
    height: clamp(18.6666666667px, 2.9166666667vw, 42px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box,
  .renewal > .scene-result > .result-box > .self-box > .point-box {
    margin: clamp(22.2222222222px, 3.4722222222vw, 50px) auto 0;
    width: clamp(413.3333333333px, 64.5833333333vw, 930px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .title,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .title {
    padding-top: clamp(13.3333333333px, 2.0833333333vw, 30px);
    width: clamp(170.6666666667px, 26.6666666667vw, 384px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .desc,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .desc {
    padding: clamp(11.1111111111px, 1.7361111111vw, 25px) clamp(15.5555555556px, 2.4305555556vw, 35px) clamp(21.3333333333px, 3.3333333333vw, 48px);
    text-align: center;
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .desc > .note,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .desc > .note {
    margin-top: 0;
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .point-items {
    padding: clamp(7.5555555556px, 1.1805555556vw, 17px) clamp(15.5555555556px, 2.4305555556vw, 35px) clamp(21.3333333333px, 3.3333333333vw, 48px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item + .point-item,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item + .point-item {
    margin-top: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .title,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .title {
    padding: clamp(2.6666666667px, 0.4166666667vw, 6px) clamp(6.6666666667px, 1.0416666667vw, 15px);
    border-radius: clamp(17.7777777778px, 2.7777777778vw, 40px);
    height: clamp(14.2222222222px, 2.2222222222vw, 32px);
    font-size: clamp(9.7777777778px, 1.5277777778vw, 22px);
    line-height: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .desc,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .desc {
    margin-top: clamp(6.6666666667px, 1.0416666667vw, 15px);
    text-align: center;
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .self-box > .advice-box > .point-items > .point-item > .desc > .note,
  .renewal > .scene-result > .result-box > .self-box > .point-box > .point-items > .point-item > .desc > .note {
    margin-top: 0;
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .self-box > .point-box {
    margin-top: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .prescription-box {
    margin: clamp(8.8888888889px, 1.3888888889vw, 20px) auto 0;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(455.1111111111px, 71.1111111111vw, 1024px);
  }
  .renewal > .scene-result > .result-box > .prescription-box[open] {
    padding-bottom: clamp(25.7777777778px, 4.0277777778vw, 58px);
  }
  .renewal > .scene-result > .result-box > .prescription-box[open] > .title {
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px) clamp(4.4444444444px, 0.6944444444vw, 10px) 0 0;
  }
  .renewal > .scene-result > .result-box > .prescription-box > .title {
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(455.1111111111px, 71.1111111111vw, 1024px);
    height: clamp(28.4444444444px, 4.4444444444vw, 64px);
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .title > .icon {
    right: clamp(9.3333333333px, 1.4583333333vw, 21px);
    width: clamp(18.6666666667px, 2.9166666667vw, 42px);
    height: clamp(18.6666666667px, 2.9166666667vw, 42px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .type {
    margin: clamp(17.7777777778px, 2.7777777778vw, 40px) auto 0;
    padding: clamp(1.7777777778px, 0.2777777778vw, 4px) clamp(10.2222222222px, 1.5972222222vw, 23px);
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid;
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);

    gap: clamp(4.4444444444px, 0.6944444444vw, 10px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .type > .text {
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
    line-height: clamp(18.6666666667px, 2.9166666667vw, 42px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .h {
    margin-top: clamp(21.7777777778px, 3.4027777778vw, 49px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .h > .img {
    display: none;
    width: clamp(220.2222222222px, 34.4097222222vw, 495.5px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .video {
    margin: clamp(13.3333333333px, 2.0833333333vw, 30px) auto 0;
    width: clamp(253.3333333333px, 39.5833333333vw, 570px);
    height: clamp(142.6666666667px, 22.2916666667vw, 321px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .video > .img {
    display: none;
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product {
    margin: clamp(14.6666666667px, 2.2916666667vw, 33px) auto 0;
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product > .img {
    position: relative;
    width: clamp(220.2222222222px, 34.4097222222vw, 495.5px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product > .img.-o {
    left: 0;
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product > .img.-e {
    left: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product > .img.-l {
    left: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product > .img.-g {
    left: clamp(8.8888888889px, 1.3888888889vw, 20px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product-box {
    margin: clamp(13.3333333333px, 2.0833333333vw, 30px) auto 0;
    width: clamp(413.3333333333px, 64.5833333333vw, 930px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product-box > .desc {
    padding: clamp(4.4444444444px, 0.6944444444vw, 10px);
    text-align: center;
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .product-box > .desc > .text > .note {
    margin-top: 0;
    font-size: clamp(7.1111111111px, 1.1111111111vw, 16px);
    line-height: clamp(13.3333333333px, 2.0833333333vw, 30px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .btn {
    margin: clamp(17.3333333333px, 2.7083333333vw, 39px) auto 0;
    border-radius: clamp(22.2222222222px, 3.4722222222vw, 50px);
    width: clamp(164.4444444444px, 25.6944444444vw, 370px);
    height: clamp(28.4444444444px, 4.4444444444vw, 64px);
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-result > .result-box > .prescription-box > .btn > .icon {
    right: clamp(13.7777777778px, 2.1527777778vw, 31px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal > .scene-result > .modal-container > .modal-body {
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px);
    width: clamp(275.5555555556px, 43.0555555556vw, 620px);
    height: clamp(176.8888888889px, 27.6388888889vw, 398px);
  }
  .renewal > .scene-result > .modal-container > .modal-body > .title {
    border-radius: clamp(4.4444444444px, 0.6944444444vw, 10px) clamp(4.4444444444px, 0.6944444444vw, 10px) 0 0;
    width: clamp(275.5555555556px, 43.0555555556vw, 620px);
    height: clamp(31.1111111111px, 4.8611111111vw, 70px);
    font-size: clamp(13.3333333333px, 2.0833333333vw, 30px);
    line-height: clamp(22.2222222222px, 3.4722222222vw, 50px);
  }
  .renewal > .scene-result > .modal-container > .modal-body > .title .small {
    font-size: clamp(10.6666666667px, 1.6666666667vw, 24px);
  }
  .renewal > .scene-result > .modal-container > .modal-body > .desc {
    margin-top: clamp(16.4444444444px, 2.5694444444vw, 37px);
    padding: 0 clamp(19.5555555556px, 3.0555555556vw, 44px);
    font-size: clamp(8.8888888889px, 1.3888888889vw, 20px);
    line-height: clamp(15.5555555556px, 2.4305555556vw, 35px);
  }
  .renewal > .scene-result > .modal-container > .modal-body > .btn {
    right: 0;
    bottom: clamp(14.6666666667px, 2.2916666667vw, 33px);
    left: 0;
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #ca231c;
    border-radius: clamp(22.2222222222px, 3.4722222222vw, 50px);
    width: clamp(102.2222222222px, 15.9722222222vw, 230px);
    height: clamp(26.6666666667px, 4.1666666667vw, 60px);
    color: #ca231c;
    font-size: clamp(8px, 1.25vw, 18px);
  }
  .renewal > .scene-result > .modal-container > .modal-body > .btn > .icon {
    right: clamp(7.1111111111px, 1.1111111111vw, 16px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
    height: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal .next-prev > .btn-prev {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #e7b656;
    border-radius: clamp(22.2222222222px, 3.4722222222vw, 50px);
    width: clamp(102.2222222222px, 15.9722222222vw, 230px);
    height: clamp(28.4444444444px, 4.4444444444vw, 64px);
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(8px, 1.25vw, 18px);
  }
  .renewal .next-prev > .btn-prev > .icon {
    left: clamp(7.1111111111px, 1.1111111111vw, 16px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal .next-prev > .btn-next {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #cbcbcb;
    border-radius: clamp(22.2222222222px, 3.4722222222vw, 50px);
    width: clamp(102.2222222222px, 15.9722222222vw, 230px);
    height: clamp(28.4444444444px, 4.4444444444vw, 64px);
    font-size: clamp(8px, 1.25vw, 18px);
    line-height: clamp(8px, 1.25vw, 18px);
  }
  .renewal .next-prev > .btn-next > .icon {
    right: clamp(7.1111111111px, 1.1111111111vw, 16px);
    width: clamp(12.4444444444px, 1.9444444444vw, 28px);
  }
  .renewal .next-prev > .btn-next.-visible {
    border: clamp(0.8888888889px, 0.1388888889vw, 2px) solid #e7b656;
  }
  .renewal .sk-fading-circle {
    position: relative;
    margin: clamp(10.2222222222px, 1.5972222222vw, 23px) auto;
    width: clamp(33.3333333333px, 5.2083333333vw, 75px);
    height: clamp(33.3333333333px, 5.2083333333vw, 75px);
  }
}

@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes anim-pop {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}