@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
body {
  width: 100%;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
}

body.fixed {
  overflow: hidden;
}

.wrapper_ {
  padding-top: 0 !important;
}

.navitopicpath_ {
  height: 0;
  margin: 0 !important;
  overflow: hidden;
}

.mainframe_ {
  margin-bottom: 0 !important;
}

.navisort_ {
  margin: 0 auto sp_vw(15) !important;
}

.common_Tit1_ {
  display: none !important;
}

.rightmenuframe_ {
  display: none;
}

@media screen and (min-width: 768.001px) {
  .StyleT_Frame_ .StyleT_Line_ {
    width: 100%;
  }
}
@media screen and (min-width: 768.001px) {
  #footer footer {
    background-color: #dee0e4;
  }
}

.contents {
  color: #000;
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents *:before,
.contents *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.contents img,
.contents svg {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: bottom;
}
.contents table {
  border-collapse: collapse;
}
.contents button {
  cursor: pointer;
}
.contents button,
.contents input,
.contents select,
.contents textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.contents sup {
  font-size: 0.6em;
}
@media screen and (max-width: 768px) {
  .contents .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768.001px) {
  .contents .sp {
    display: none !important;
  }
}
.contents .selfcheck {
  --orange: #f88743;
  --red: #ba0020;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
  background-color: #fdfaf3;
  color: #000000;
  /*--------------------------
    wrap
  ----------------------------*/
  /*--------------------------
    diagnosis
  ----------------------------*/
  /*--------------------------
    data
  ----------------------------*/
  /*--------------------------
    result
  ----------------------------*/
  /*--------------------------
    more
  ----------------------------*/
}
@media screen and (min-width: 768.001px) {
  .contents .selfcheck__wrap {
    width: clamp(1px, 100vw, 499.995px);
    margin-inline: auto;
  }
}
.contents .selfcheck__diagnosis {
  position: relative;
  background-color: #eef3f2;
  overflow: hidden;
}
.contents .selfcheck__diagnosis.is-result {
  display: none;
}
.contents .selfcheck__diagnosis:has(.is-active) .selfcheck__diagnosis__progress {
  translate: 0 0;
}
.contents .selfcheck__diagnosis:has(.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "0";
}
.contents .selfcheck__diagnosis:has(.is-active) .selfcheck__diagnosis__progress .bar {
  width: 100%;
}
.contents .selfcheck__diagnosis:has(#diagnosis1.is-active) .selfcheck__diagnosis__inner {
  translate: -100% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis1.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "12";
}
.contents .selfcheck__diagnosis:has(#diagnosis1.is-active) .selfcheck__diagnosis__progress .bar {
  width: 7.692307692%;
}
.contents .selfcheck__diagnosis:has(#diagnosis2.is-active) .selfcheck__diagnosis__inner {
  translate: -200% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis2.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "11";
}
.contents .selfcheck__diagnosis:has(#diagnosis2.is-active) .selfcheck__diagnosis__progress .bar {
  width: 15.384615384%;
}
.contents .selfcheck__diagnosis:has(#diagnosis3.is-active) .selfcheck__diagnosis__inner {
  translate: -300% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis3.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "10";
}
.contents .selfcheck__diagnosis:has(#diagnosis3.is-active) .selfcheck__diagnosis__progress .bar {
  width: 23.076923076%;
}
.contents .selfcheck__diagnosis:has(#diagnosis4.is-active) .selfcheck__diagnosis__inner {
  translate: -400% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis4.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "9";
}
.contents .selfcheck__diagnosis:has(#diagnosis4.is-active) .selfcheck__diagnosis__progress .bar {
  width: 30.769230768%;
}
.contents .selfcheck__diagnosis:has(#diagnosis5.is-active) .selfcheck__diagnosis__inner {
  translate: -500% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis5.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "8";
}
.contents .selfcheck__diagnosis:has(#diagnosis5.is-active) .selfcheck__diagnosis__progress .bar {
  width: 38.46153846%;
}
.contents .selfcheck__diagnosis:has(#diagnosis6.is-active) .selfcheck__diagnosis__inner {
  translate: -600% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis6.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "7";
}
.contents .selfcheck__diagnosis:has(#diagnosis6.is-active) .selfcheck__diagnosis__progress .bar {
  width: 46.153846152%;
}
.contents .selfcheck__diagnosis:has(#diagnosis7.is-active) .selfcheck__diagnosis__inner {
  translate: -700% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis7.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "6";
}
.contents .selfcheck__diagnosis:has(#diagnosis7.is-active) .selfcheck__diagnosis__progress .bar {
  width: 53.846153844%;
}
.contents .selfcheck__diagnosis:has(#diagnosis8.is-active) .selfcheck__diagnosis__inner {
  translate: -800% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis8.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "5";
}
.contents .selfcheck__diagnosis:has(#diagnosis8.is-active) .selfcheck__diagnosis__progress .bar {
  width: 61.538461536%;
}
.contents .selfcheck__diagnosis:has(#diagnosis9.is-active) .selfcheck__diagnosis__inner {
  translate: -900% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis9.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "4";
}
.contents .selfcheck__diagnosis:has(#diagnosis9.is-active) .selfcheck__diagnosis__progress .bar {
  width: 69.230769228%;
}
.contents .selfcheck__diagnosis:has(#diagnosis10.is-active) .selfcheck__diagnosis__inner {
  translate: -1000% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis10.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "3";
}
.contents .selfcheck__diagnosis:has(#diagnosis10.is-active) .selfcheck__diagnosis__progress .bar {
  width: 76.92307692%;
}
.contents .selfcheck__diagnosis:has(#diagnosis11.is-active) .selfcheck__diagnosis__inner {
  translate: -1100% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis11.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "2";
}
.contents .selfcheck__diagnosis:has(#diagnosis11.is-active) .selfcheck__diagnosis__progress .bar {
  width: 84.615384612%;
}
.contents .selfcheck__diagnosis:has(#diagnosis12.is-active) .selfcheck__diagnosis__inner {
  translate: -1200% 0;
}
.contents .selfcheck__diagnosis:has(#diagnosis12.is-active) .selfcheck__diagnosis__progress .num::before {
  content: "1";
}
.contents .selfcheck__diagnosis:has(#diagnosis12.is-active) .selfcheck__diagnosis__progress .bar {
  width: 92.307692304%;
}
.contents .selfcheck__diagnosis:has(#diagnosis12.is-active.is-finish) .selfcheck__diagnosis__progress .num::before {
  content: "0";
}
.contents .selfcheck__diagnosis:has(#diagnosis12.is-active.is-finish) .selfcheck__diagnosis__progress .bar {
  width: 100%;
}
.contents .selfcheck__diagnosis__inner {
  display: flex;
  transition: 0.4s translate ease-in-out;
}
.contents .selfcheck__diagnosis__top {
  position: relative;
  padding-bottom: clamp(1px, 8.5333333333vw, 42.66624px);
}
@media screen and (min-width: 768.001px) {
  .contents .selfcheck__diagnosis__top {
    min-width: clamp(1px, 100vw, 499.995px);
  }
}
@media screen and (max-width: 768px) {
  .contents .selfcheck__diagnosis__top {
    min-width: 100dvw;
  }
}
.contents .selfcheck__diagnosis__top .kv {
  margin-bottom: clamp(1px, 5.3333333333vw, 26.6664px);
}
.contents .selfcheck__diagnosis__top .txt {
  margin-bottom: clamp(1px, 4vw, 19.9998px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1em;
}
.contents .selfcheck__diagnosis__top .balloon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1px, 2.6666666667vw, 13.3332px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  text-align: center;
  letter-spacing: 0.1em;
}
.contents .selfcheck__diagnosis__top .balloon .strong {
  font-weight: 700;
}
.contents .selfcheck__diagnosis__top .balloon .num {
  font-size: clamp(1px, 4.2666666667vw, 21.33312px);
}
.contents .selfcheck__diagnosis__top .balloon::before, .contents .selfcheck__diagnosis__top .balloon::after {
  content: "";
  display: block;
  width: clamp(1px, 0.2666666667vw, 1.33332px);
  height: clamp(1px, 4vw, 19.9998px);
  margin-inline: clamp(1px, 2.1333333333vw, 10.66656px);
  background-color: #000;
  translate: 0 10%;
}
.contents .selfcheck__diagnosis__top .balloon::before {
  rotate: -30deg;
}
.contents .selfcheck__diagnosis__top .balloon::after {
  rotate: 30deg;
}
.contents .selfcheck__diagnosis__checks {
  position: relative;
  display: flex;
}
@media screen and (min-width: 768.001px) {
  .contents .selfcheck__diagnosis__checks {
    min-height: calc(100dvh - 78px - 37px);
  }
}
@media screen and (max-width: 768px) {
  .contents .selfcheck__diagnosis__checks {
    min-height: calc(100dvh - 60px - 37px);
  }
}
.contents .selfcheck__diagnosis__checks__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: clamp(1px, 7.2vw, 35.99964px);
}
.contents .selfcheck__diagnosis__checks__head .en {
  display: block;
  width: clamp(1px, 40vw, 199.998px);
}
.contents .selfcheck__diagnosis__checks__head .num {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(1px, 8.2666666667vw, 41.33292px);
  letter-spacing: 0.15em;
}
.contents .selfcheck__diagnosis__checks__txt {
  height: clamp(1px, 14.6666666667vw, 73.3326px);
  font-size: clamp(1px, 4.8vw, 23.99976px);
  line-height: clamp(1px, 7.7333333333vw, 38.66628px);
  text-align: center;
  letter-spacing: 0.1em;
}
.contents .selfcheck__diagnosis__checks__txt .small {
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
}
.contents .selfcheck__diagnosis__checks__selector {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 6.6666666667vw, 33.333px);
  margin-bottom: clamp(1px, 5.3333333333vw, 26.6664px);
  min-height: clamp(1px, 48vw, 239.9976px);
}
.contents .selfcheck__diagnosis__checks__selector__radios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1px, 2.6666666667vw, 13.3332px);
}
.contents .selfcheck__diagnosis__checks__selector__radios.js-diagnosis-radio-finish .radio {
  width: clamp(1px, 38.6666666667vw, 193.3314px);
}
.contents .selfcheck__diagnosis__checks__selector__radios.js-diagnosis-radio-finish .radio.long {
  width: clamp(1px, 80vw, 399.996px);
}
.contents .selfcheck__diagnosis__checks__selector .radio {
  position: relative;
  display: block;
  width: clamp(1px, 32vw, 159.9984px);
  height: clamp(1px, 10.6666666667vw, 53.3328px);
  border-radius: 100vmax;
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #000;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.contents .selfcheck__diagnosis__checks__selector .radio:has(:checked) {
  background-color: #555350;
  color: #fff;
}
.contents .selfcheck__diagnosis__checks__selector .radio__txt {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  font-weight: 500;
  letter-spacing: 0.1em;
  pointer-events: none;
  z-index: 10;
}
.contents .selfcheck__diagnosis__checks__selector .select {
  position: relative;
  display: block;
  width: clamp(1px, 66.6666666667vw, 333.33px);
  height: clamp(1px, 10.6666666667vw, 53.3328px);
  border-radius: 100vmax;
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #000;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.contents .selfcheck__diagnosis__checks__selector .select__txt {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  font-weight: 500;
  letter-spacing: 0.1em;
  pointer-events: none;
  z-index: 10;
}
.contents .selfcheck__diagnosis__checks__selector .select__txt::after {
  content: "";
  position: absolute;
  inset: 0 clamp(1px, 4vw, 19.9998px) 0 auto;
  width: clamp(1px, 2.4vw, 11.99988px);
  height: clamp(1px, 2.4vw, 11.99988px);
  margin-block: auto;
  border-right: clamp(1px, 0.5333333333vw, 2.66664px) solid #000;
  border-bottom: clamp(1px, 0.5333333333vw, 2.66664px) solid #000;
  rotate: 45deg;
  translate: 0 -25%;
}
.contents .selfcheck__diagnosis__checks__selector .select select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  cursor: pointer;
  z-index: 1;
}
.contents .selfcheck__diagnosis__checks__item {
  position: relative;
  padding: clamp(1px, 13.3333333333vw, 66.666px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 21.3333333333vw, 106.6656px);
}
@media screen and (min-width: 768.001px) {
  .contents .selfcheck__diagnosis__checks__item {
    min-width: clamp(1px, 100vw, 499.995px);
  }
}
@media screen and (max-width: 768px) {
  .contents .selfcheck__diagnosis__checks__item {
    min-width: 100dvw;
  }
}
.contents .selfcheck__diagnosis__back {
  position: absolute;
  inset: clamp(1px, 3.3333333333vw, 16.6665px) auto auto clamp(1px, 5.3333333333vw, 26.6664px);
  display: flex;
  align-items: center;
  gap: clamp(1px, 1.3333333333vw, 6.6666px);
  font-size: clamp(1px, 3.2vw, 15.99984px);
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.1;
  z-index: 10;
}
.contents .selfcheck__diagnosis__back::before {
  content: "";
  width: clamp(1px, 2vw, 9.9999px);
  aspect-ratio: 1/1;
  border-top: clamp(1px, 0.5333333333vw, 2.66664px) solid #000;
  border-left: clamp(1px, 0.5333333333vw, 2.66664px) solid #000;
  rotate: -45deg;
}
.contents .selfcheck__diagnosis__progress {
  position: absolute;
  inset: auto 0 clamp(1px, 8.5333333333vw, 42.66624px);
  translate: 100% 0;
  z-index: 10;
  transition: 0.4s translate ease-in-out;
}
.contents .selfcheck__diagnosis__progress__inner {
  margin-inline: auto;
  padding-inline: clamp(1px, 6.6666666667vw, 33.333px);
}
.contents .selfcheck__diagnosis__progress__txt {
  margin-bottom: clamp(1px, 2.4vw, 11.99988px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  text-align: center;
  letter-spacing: 0.1em;
}
.contents .selfcheck__diagnosis__progress__txt .strong {
  font-weight: 700;
}
.contents .selfcheck__diagnosis__progress__txt .num {
  font-size: clamp(1px, 4.2666666667vw, 21.33312px);
}
.contents .selfcheck__diagnosis__progress__bar {
  width: 100%;
  border-radius: 100vmax;
  background-color: #fff;
  overflow: hidden;
}
.contents .selfcheck__diagnosis__progress__bar .bar {
  width: 7.692307692%;
  height: clamp(1px, 2.1333333333vw, 10.66656px);
  border-radius: 100vmax;
  background-color: #dad7d1;
  transition: 0.4s width ease-in-out;
}
.contents .selfcheck__diagnosis__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1px, 66.6666666667vw, 333.33px);
  height: clamp(1px, 12.8vw, 63.99936px);
  margin-inline: auto;
  border-radius: 100vmax;
  background-color: var(--orange);
  font-size: clamp(1px, 4.8vw, 23.99976px);
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  cursor: pointer;
}
.contents .selfcheck__diagnosis__btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.contents .selfcheck__data {
  overflow: auto;
  background-color: #fdfaf3;
  display: none;
}
.contents .selfcheck__data.is-active {
  display: block;
}
.contents .selfcheck__data__inner {
  display: flex;
  gap: clamp(1px, 5.3333333333vw, 26.6664px);
}
@media screen and (max-width: 768px) {
  .contents .selfcheck__data__inner {
    flex-direction: column;
  }
}
.contents .selfcheck__data__head {
  display: inline-block;
  margin-block: clamp(1px, 5.3333333333vw, 26.6664px);
  margin-inline: clamp(1px, 5.3333333333vw, 26.6664px);
  padding: clamp(1px, 1.0666666667vw, 5.33328px);
  border-bottom: clamp(1px, 0.5333333333vw, 2.66664px) solid var(--red);
  font-size: clamp(1px, 4.8vw, 23.99976px);
  font-weight: 700;
}
@media screen and (min-width: 768.001px) {
  .contents .selfcheck__data__wrap {
    width: clamp(1px, 100vw, 499.995px);
    min-width: clamp(1px, 100vw, 499.995px);
  }
}
.contents .selfcheck__data__wrap__head {
  margin-block: clamp(1px, 4.8vw, 23.99976px);
  font-size: clamp(1px, 4vw, 19.9998px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.2em;
  text-align: center;
}
.contents .selfcheck__resultWrap {
  overflow: hidden;
  display: none;
}
.contents .selfcheck__resultWrap.is-active {
  position: relative;
  display: block;
  min-height: 100dvh;
}
.contents .selfcheck__resultWrap.is-active::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  display: block;
  min-height: 100dvh;
  background: #fff url(/assets/beauty/refa/inner_beauty/selfcheck/img/im-loading.gif) no-repeat center center/clamp(1px, 8.5333333333vw, 42.66624px) auto;
  z-index: 1;
}
.contents .selfcheck__resultWrap__inner {
  position: relative;
  transition: 1s all 0.6s ease-in-out;
  z-index: 10;
}
.contents .selfcheck__resultWrap__inner:not(.is-active) {
  translate: 0 5dvh;
  opacity: 0;
  filter: blur(20px);
}
.contents .selfcheck__result {
  position: relative;
  z-index: 10;
  /*--------------------------
    top
  ----------------------------*/
  /*--------------------------
    innerCare
  ----------------------------*/
  /*--------------------------
    hariKeepCollagen
  ----------------------------*/
  /*--------------------------
    heatOnGinger
  ----------------------------*/
  /*--------------------------
    slimUpVinegar
  ----------------------------*/
  /*--------------------------
    uvTune
  ----------------------------*/
  /*--------------------------
    advice
  ----------------------------*/
  /*--------------------------
    back
  ----------------------------*/
}
.contents .selfcheck__result #result-detail9 {
  padding-top: clamp(1px, 8vw, 39.9996px);
  background-color: #fff;
}
.contents .selfcheck__result__head1 {
  text-align: center;
  margin-bottom: clamp(1px, 4.8vw, 23.99976px);
  padding-bottom: clamp(1px, 6.4vw, 31.99968px);
  background: url(/assets/beauty/refa/inner_beauty/selfcheck/img/bg-result_head.png) no-repeat center bottom/clamp(1px, 70.6666666667vw, 353.3298px) auto;
  font-size: clamp(1px, 4vw, 19.9998px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.2em;
}
.contents .selfcheck__result__head1 .large {
  font-size: clamp(1px, 5.6vw, 27.99972px);
  font-weight: 700;
}
.contents .selfcheck__result__head1 .red {
  font-weight: 700;
  color: var(--red);
}
.contents .selfcheck__result__head1 sup {
  position: relative;
  top: -1.5em;
  font-size: 0.4em;
}
.contents .selfcheck__result__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(1px, 66.6666666667vw, 333.33px);
  height: clamp(1px, 12.8vw, 63.99936px);
  margin-inline: auto;
  padding: 0 clamp(1px, 5.6vw, 27.99972px) 0 clamp(1px, 10.9333333333vw, 54.66612px);
  border-radius: 100vmax;
  background-color: #000;
  font-size: clamp(1px, 4.8vw, 23.99976px);
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  cursor: pointer;
}
.contents .selfcheck__result__btn::after {
  content: "";
  width: clamp(1px, 2.4vw, 11.99988px);
  aspect-ratio: 1/1;
  border-top: clamp(1px, 0.5333333333vw, 2.66664px) solid #fff;
  border-right: clamp(1px, 0.5333333333vw, 2.66664px) solid #fff;
  rotate: 45deg;
}
.contents .selfcheck__result__top {
  position: relative;
  padding: clamp(1px, 8vw, 39.9996px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 10.6666666667vw, 53.3328px);
  background-color: #f7f4ef;
}
.contents .selfcheck__result__top__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 2.6666666667vw, 13.3332px);
  margin-bottom: clamp(1px, 3.2vw, 15.99984px);
  padding-bottom: clamp(1px, 8.5333333333vw, 42.66624px);
}
.contents .selfcheck__result__top__head::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  display: block;
  width: clamp(1px, 0.2666666667vw, 1.33332px);
  height: clamp(1px, 5.3333333333vw, 26.6664px);
  background-color: var(--orange);
  margin-inline: auto;
}
.contents .selfcheck__result__top__head .en {
  width: clamp(1px, 39.8666666667vw, 199.33134px);
}
.contents .selfcheck__result__top__head .jp {
  font-size: clamp(1px, 7.4666666667vw, 37.33296px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
}
.contents .selfcheck__result__top__txt1 {
  margin-bottom: clamp(1px, 9.6vw, 47.99952px);
  font-size: clamp(1px, 4.2666666667vw, 21.33312px);
  line-height: clamp(1px, 8.8vw, 43.99956px);
  text-align: center;
  letter-spacing: 0.15em;
}
.contents .selfcheck__result__top__txt1 .marker {
  margin-inline: 0.2em;
  padding-inline: 0.2em;
  background-color: var(--orange);
  color: #fff;
}
.contents .selfcheck__result__top__img {
  width: clamp(1px, 56.8vw, 283.99716px);
  margin-bottom: clamp(1px, 7.4666666667vw, 37.33296px);
  margin-inline: auto;
}
.contents .selfcheck__result__top__txt2 {
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
  letter-spacing: 0.15em;
}
.contents .selfcheck__result__innerCare {
  position: relative;
  padding: clamp(1px, 12vw, 59.9994px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 13.3333333333vw, 66.666px);
  background-color: #fff;
}
.contents .selfcheck__result__innerCare__box {
  padding: clamp(1px, 9.6vw, 47.99952px) clamp(1px, 6.6666666667vw, 33.333px) clamp(1px, 10.6666666667vw, 53.3328px);
  background-color: #f7f4ef;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__innerCare__box .strong {
  font-weight: 700;
  color: var(--red);
}
.contents .selfcheck__result__innerCare__box .marker {
  background: linear-gradient(transparent 70%, #fde800 70%);
}
.contents .selfcheck__result__innerCare__txt1 {
  margin-bottom: clamp(1px, 7.4666666667vw, 37.33296px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
  text-align: center;
}
.contents .selfcheck__result__innerCare__graph {
  margin-bottom: clamp(1px, 8.5333333333vw, 42.66624px);
}
.contents .selfcheck__result__innerCare__graph .label {
  margin-bottom: clamp(1px, 10.4vw, 51.99948px);
  padding: clamp(1px, 1.8666666667vw, 9.33324px);
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #666666;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 6.1333333333vw, 30.66636px);
  letter-spacing: 0.1em;
  text-align: center;
}
.contents .selfcheck__result__innerCare__txt2 {
  margin-bottom: clamp(1px, 8vw, 39.9996px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
}
.contents .selfcheck__result__innerCare__txt3 {
  padding: clamp(1px, 6.1333333333vw, 30.66636px) clamp(1px, 6.6666666667vw, 33.333px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  background-color: #f3ebdf;
  line-height: 2;
}
.contents .selfcheck__result__hariKeepCollagen {
  position: relative;
  padding: clamp(1px, 12vw, 59.9994px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 13.3333333333vw, 66.666px);
  background-color: #ffefd7;
}
.contents .selfcheck__result__hariKeepCollagen .strong {
  font-weight: 700;
  color: var(--red);
}
.contents .selfcheck__result__hariKeepCollagen__txt1 {
  margin-bottom: clamp(1px, 4.8vw, 23.99976px);
  font-size: clamp(1px, 4vw, 19.9998px);
  line-height: clamp(1px, 7.2vw, 35.99964px);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.15em;
}
.contents .selfcheck__result__hariKeepCollagen__graph1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 5.3333333333vw, 26.6664px);
  margin-bottom: clamp(1px, 8vw, 39.9996px);
  padding: clamp(1px, 7.4666666667vw, 37.33296px) clamp(1px, 6.6666666667vw, 33.333px) clamp(1px, 4.2666666667vw, 21.33312px);
  background-color: #fff;
}
.contents .selfcheck__result__hariKeepCollagen__graph1 .label {
  padding: clamp(1px, 0.8vw, 3.99996px) clamp(1px, 3.7333333333vw, 18.66648px);
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #666666;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 6.1333333333vw, 30.66636px);
  letter-spacing: 0.1em;
  text-align: center;
}
.contents .selfcheck__result__hariKeepCollagen__graph1 .img {
  margin-right: max(-0.6666666667vw, -3.3333px);
}
.contents .selfcheck__result__hariKeepCollagen__txt2 {
  margin-bottom: clamp(1px, 16.5333333333vw, 82.66584px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
  letter-spacing: 0.15em;
}
.contents .selfcheck__result__hariKeepCollagen__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 5.8666666667vw, 29.33304px);
  width: clamp(1px, 84vw, 419.9958px);
  margin-bottom: clamp(1px, 5.8666666667vw, 29.33304px);
  margin-inline: auto;
}
.contents .selfcheck__result__hariKeepCollagen__head .txt {
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  font-weight: 700;
  color: var(--orange);
  text-align: center;
  letter-spacing: 0.15em;
}
.contents .selfcheck__result__hariKeepCollagen__photo {
  margin-bottom: clamp(1px, 5.6vw, 27.99972px);
}
.contents .selfcheck__result__hariKeepCollagen__txt3 {
  margin-top: clamp(1px, 6.9333333333vw, 34.66632px);
  margin-bottom: clamp(1px, 12vw, 59.9994px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
  letter-spacing: 0.15em;
}
.contents .selfcheck__result__hariKeepCollagen__box {
  padding: clamp(1px, 8vw, 39.9996px) clamp(1px, 6.6666666667vw, 33.333px) clamp(1px, 9.3333333333vw, 46.6662px);
  background-color: #fff;
}
.contents .selfcheck__result__hariKeepCollagen__box__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 2.1333333333vw, 10.66656px);
  margin-bottom: clamp(1px, 13.3333333333vw, 66.666px);
}
.contents .selfcheck__result__hariKeepCollagen__box__head .sub {
  display: block;
  padding-bottom: clamp(1px, 0.8vw, 3.99996px);
  border-bottom: clamp(1px, 0.2666666667vw, 1.33332px) solid #000000;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  letter-spacing: 0.2em;
}
.contents .selfcheck__result__hariKeepCollagen__box__head .main {
  font-size: clamp(1px, 5.0666666667vw, 25.33308px);
  font-weight: 500;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__hariKeepCollagen__graph2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 8vw, 39.9996px);
  margin-bottom: clamp(1px, 8.5333333333vw, 42.66624px);
}
.contents .selfcheck__result__hariKeepCollagen__graph2 .label {
  padding: clamp(1px, 0.8vw, 3.99996px) clamp(1px, 3.7333333333vw, 18.66648px);
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #666666;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 6.1333333333vw, 30.66636px);
  letter-spacing: 0.1em;
  text-align: center;
}
.contents .selfcheck__result__hariKeepCollagen__notes {
  font-size: clamp(1px, 2.6666666667vw, 13.3332px);
  line-height: clamp(1px, 4.2666666667vw, 21.33312px);
  letter-spacing: 0.075em;
}
.contents .selfcheck__result__heatOnGinger {
  position: relative;
  padding: clamp(1px, 12vw, 59.9994px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 13.3333333333vw, 66.666px);
  background-color: #faf7c2;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__heatOnGinger .strong {
  font-weight: 700;
  color: var(--red);
}
.contents .selfcheck__result__heatOnGinger__head {
  margin-bottom: clamp(1px, 5.8666666667vw, 29.33304px);
  margin-inline: auto;
}
.contents .selfcheck__result__heatOnGinger__photo {
  margin-bottom: clamp(1px, 5.6vw, 27.99972px);
}
.contents .selfcheck__result__heatOnGinger__txt {
  margin-top: clamp(1px, 6.9333333333vw, 34.66632px);
  margin-bottom: clamp(1px, 12vw, 59.9994px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  letter-spacing: 0.125em;
  line-height: 2;
}
.contents .selfcheck__result__heatOnGinger__box {
  padding: clamp(1px, 8vw, 39.9996px) clamp(1px, 6.6666666667vw, 33.333px) clamp(1px, 9.3333333333vw, 46.6662px);
  background-color: #fff;
}
.contents .selfcheck__result__heatOnGinger__box__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 2.1333333333vw, 10.66656px);
  margin-bottom: clamp(1px, 13.3333333333vw, 66.666px);
}
.contents .selfcheck__result__heatOnGinger__box__head .sub {
  display: block;
  padding-bottom: clamp(1px, 1.3333333333vw, 6.6666px);
  border-bottom: clamp(1px, 0.2666666667vw, 1.33332px) solid #000000;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 5.3333333333vw, 26.6664px);
  letter-spacing: 0.2em;
  text-align: center;
}
.contents .selfcheck__result__heatOnGinger__box__head .main {
  font-size: clamp(1px, 5.0666666667vw, 25.33308px);
  font-weight: 500;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__heatOnGinger__graph {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 8vw, 39.9996px);
  margin-bottom: clamp(1px, 8.5333333333vw, 42.66624px);
}
.contents .selfcheck__result__heatOnGinger__graph .label {
  padding: clamp(1px, 0.8vw, 3.99996px) clamp(1px, 2.1333333333vw, 10.66656px);
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #666666;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 6.1333333333vw, 30.66636px);
  letter-spacing: 0.05em;
  text-align: center;
}
.contents .selfcheck__result__heatOnGinger__notes {
  font-size: clamp(1px, 2.6666666667vw, 13.3332px);
  line-height: clamp(1px, 4.2666666667vw, 21.33312px);
  letter-spacing: 0.075em;
}
.contents .selfcheck__result__slimUpVinegar {
  position: relative;
  padding: clamp(1px, 12vw, 59.9994px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 13.3333333333vw, 66.666px);
  background-color: #f7e8e8;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__slimUpVinegar .strong {
  font-weight: 700;
  color: var(--red);
}
.contents .selfcheck__result__slimUpVinegar__head {
  margin-bottom: clamp(1px, 5.8666666667vw, 29.33304px);
  margin-inline: auto;
}
.contents .selfcheck__result__slimUpVinegar__photo {
  margin-bottom: clamp(1px, 5.6vw, 27.99972px);
}
.contents .selfcheck__result__slimUpVinegar__txt {
  margin-top: clamp(1px, 6.9333333333vw, 34.66632px);
  margin-bottom: clamp(1px, 12vw, 59.9994px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  letter-spacing: 0.125em;
  line-height: 2;
}
.contents .selfcheck__result__slimUpVinegar__box {
  padding: clamp(1px, 8vw, 39.9996px) clamp(1px, 6.6666666667vw, 33.333px) clamp(1px, 9.3333333333vw, 46.6662px);
  background-color: #fff;
}
.contents .selfcheck__result__slimUpVinegar__box__head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 2.1333333333vw, 10.66656px);
  margin-bottom: clamp(1px, 13.3333333333vw, 66.666px);
}
.contents .selfcheck__result__slimUpVinegar__box__head .sub {
  display: block;
  padding-bottom: clamp(1px, 1.3333333333vw, 6.6666px);
  border-bottom: clamp(1px, 0.2666666667vw, 1.33332px) solid #000000;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 5.3333333333vw, 26.6664px);
  letter-spacing: 0.2em;
  text-align: center;
}
.contents .selfcheck__result__slimUpVinegar__box__head .main {
  font-size: clamp(1px, 5.0666666667vw, 25.33308px);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.contents .selfcheck__result__slimUpVinegar__graph {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 8vw, 39.9996px);
  margin-bottom: clamp(1px, 10.6666666667vw, 53.3328px);
}
.contents .selfcheck__result__slimUpVinegar__graph .label {
  padding: clamp(1px, 0.8vw, 3.99996px) clamp(1px, 2.1333333333vw, 10.66656px);
  border: clamp(1px, 0.2666666667vw, 1.33332px) solid #666666;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: clamp(1px, 6.1333333333vw, 30.66636px);
  letter-spacing: 0.05em;
  text-align: center;
}
.contents .selfcheck__result__slimUpVinegar__notes {
  font-size: clamp(1px, 2.6666666667vw, 13.3332px);
  line-height: clamp(1px, 4.2666666667vw, 21.33312px);
  letter-spacing: 0.075em;
}
.contents .selfcheck__result__uvTune {
  position: relative;
  padding: clamp(1px, 12vw, 59.9994px) clamp(1px, 5.3333333333vw, 26.6664px) clamp(1px, 13.3333333333vw, 66.666px);
  background-color: #eee0f0;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__uvTune .strong {
  font-weight: 700;
  color: var(--red);
}
.contents .selfcheck__result__uvTune__head {
  width: clamp(1px, 61.3333333333vw, 306.6636px);
  margin-bottom: clamp(1px, 9.3333333333vw, 46.6662px);
  margin-inline: auto;
}
.contents .selfcheck__result__uvTune__photo {
  margin-bottom: clamp(1px, 7.4666666667vw, 37.33296px);
}
.contents .selfcheck__result__uvTune__txt {
  margin-bottom: clamp(1px, 8vw, 39.9996px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  letter-spacing: 0.11em;
  line-height: 2;
}
.contents .selfcheck__result__uvTune__notes {
  margin-top: clamp(1px, 6.4vw, 31.99968px);
  font-size: clamp(1px, 2.6666666667vw, 13.3332px);
  line-height: clamp(1px, 4.2666666667vw, 21.33312px);
  letter-spacing: 0.075em;
}
.contents .selfcheck__result__advice {
  position: relative;
  padding: clamp(1px, 12vw, 59.9994px) clamp(1px, 5.3333333333vw, 26.6664px);
  background-color: #fff;
  letter-spacing: 0.1em;
  overflow: hidden;
}
.contents .selfcheck__result__advice:first-child {
  padding-top: 0;
}
.contents .selfcheck__result__advice .selfcheck__result__head1 {
  letter-spacing: 0.125em;
}
.contents .selfcheck__result__advice__head {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: clamp(1px, 9.6vw, 47.99952px);
  padding-inline: clamp(1px, 4.6666666667vw, 23.3331px);
  background-color: var(--orange);
  font-size: clamp(1px, 4.8vw, 23.99976px);
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #fff;
}
.contents .selfcheck__result__advice__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1px, 5.3333333333vw, 26.6664px);
}
.contents .selfcheck__result__advice__list .details {
  position: relative;
  padding-inline: clamp(1px, 6.6666666667vw, 33.333px);
  background-color: #f7f4ef;
}
.contents .selfcheck__result__advice__list .details::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: clamp(1px, 14.4vw, 71.99928px);
  aspect-ratio: 1/1;
  border-right: clamp(1px, 0.2666666667vw, 1.33332px) solid #d2c7b6;
  background-color: #fff;
  rotate: 45deg;
  translate: -55% -55%;
}
.contents .selfcheck__result__advice__list .details::after {
  content: "";
  position: absolute;
  inset: auto 0 0 auto;
  width: clamp(1px, 14.4vw, 71.99928px);
  aspect-ratio: 1/1;
  border-left: clamp(1px, 0.2666666667vw, 1.33332px) solid #d2c7b6;
  background-color: #fff;
  rotate: 45deg;
  translate: 55% 55%;
}
.contents .selfcheck__result__advice__list .details:not([open]) .details__trigger::after {
  rotate: -90deg;
}
.contents .selfcheck__result__advice__list .details__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1px, 1.0666666667vw, 5.33328px);
  min-height: clamp(1px, 26vw, 129.9987px);
  padding: clamp(1px, 3.2vw, 15.99984px);
  font-weight: 500;
  text-align: center;
  list-style-type: none;
  cursor: pointer;
}
.contents .selfcheck__result__advice__list .details__trigger::marker {
  content: "";
}
.contents .selfcheck__result__advice__list .details__trigger::-webkit-details-marker {
  display: none;
}
.contents .selfcheck__result__advice__list .details__trigger::before, .contents .selfcheck__result__advice__list .details__trigger::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  display: block;
  width: clamp(1px, 4.8vw, 23.99976px);
  height: clamp(1px, 0.5333333333vw, 2.66664px);
  margin-block: auto;
  background-color: var(--orange);
  transition: 0.4s rotate ease-in-out;
}
.contents .selfcheck__result__advice__list .details__trigger .sub {
  font-size: clamp(1px, 3.4666666667vw, 17.33316px);
}
.contents .selfcheck__result__advice__list .details__trigger .main {
  font-size: clamp(1px, 5.0666666667vw, 25.33308px);
}
.contents .selfcheck__result__advice__list .details__panel {
  border-top: clamp(1px, 0.5333333333vw, 2.66664px) solid #fff;
  padding: clamp(1px, 5.6vw, 27.99972px) 0 clamp(1px, 8.6666666667vw, 43.3329px);
}
.contents .selfcheck__result__advice__list .details__panel__txt {
  margin-bottom: clamp(1px, 8.5333333333vw, 42.66624px);
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  line-height: 2;
  letter-spacing: 0.1em;
}
.contents .selfcheck__result__advice__list .details__panel__txt .marker {
  background: linear-gradient(transparent 70%, #fde800 70%);
  font-weight: 700;
}
.contents .selfcheck__result__advice__list .details__panel__img {
  margin: 0 max(-3.3333333333vw, -16.6665px) clamp(1px, 8.5333333333vw, 42.66624px);
}
.contents .selfcheck__result__advice__list .details__panel__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1px, 34.6666666667vw, 173.3316px);
  height: clamp(1px, 10.6666666667vw, 53.3328px);
  margin-inline: auto;
  border-radius: 100vmax;
  background-color: var(--orange);
  font-size: clamp(1px, 4vw, 19.9998px);
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  cursor: pointer;
}
.contents .selfcheck__result__back {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1px, 5.3333333333vw, 26.6664px);
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(1px, 9.6vw, 47.99952px);
  margin: clamp(1px, 8vw, 39.9996px) 0;
  margin-inline: auto;
  padding: 0 clamp(1px, 8.2666666667vw, 41.33292px) 0 clamp(1px, 5.6vw, 27.99972px);
  border-radius: 100vmax;
  background-color: #dee0e4;
  font-size: clamp(1px, 3.7333333333vw, 18.66648px);
  font-weight: 500;
  color: #000;
  text-decoration: none;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.contents .selfcheck__result__back::before {
  content: "";
  width: clamp(1px, 2.4vw, 11.99988px);
  aspect-ratio: 1/1;
  border-top: clamp(1px, 0.5333333333vw, 2.66664px) solid #000;
  border-left: clamp(1px, 0.5333333333vw, 2.66664px) solid #000;
  rotate: -45deg;
}
.contents .selfcheck__more {
  overflow: hidden;
  display: none;
}
.contents .selfcheck__more.is-active {
  position: relative;
  display: block;
  min-height: 100dvh;
  background-color: #fff;
}
/*# sourceMappingURL=style.css.map */