@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=M+PLUS+Rounded+1c&display=swap");
:root {
  --color-h-01:#3246b9;
  --color-h-02:#f55082;
  --color-h-03:#faa7a7;
  --color-text:#535460;
  --color-type01-01:#ffe6a5;
  --color-type01-02:#fff0c9;
  --color-type02-01:#d7c3ff;
  --color-type02-02:#e7dbff;
  --color-type03-01:#ffcdaf;
  --color-type03-02:#ffe1cf;
  --color-type04-01:#bed7ff;
  --color-type04-02:#d8e7ff;
  --color-type05-01:#ebf087;
  --color-type05-02:#f3f6b7;
  --color-type06-01:#afeeee;
  --color-type06-02:#d3f6f6;
  --font-01:'Noto Sans JP', sans-serif;
  --font-02:'M PLUS Rounded 1c', sans-serif;
}

html, body {
  font-family: var(--font-01);
  color: var(--color-text);
  height: auto;
  background-color: transparent !important;
  background: transparent !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-h-01);
}

.uc-page-root .uc-page-body .uc-bg-plane-pink-05 {
  background-color: transparent !important;
}

/* MODULES */
.app-animal-diagnosis-kv, .app-animal-diagnosis-result__kv, .app-animal-diagnosis-result__hint-icon, .app-animal-diagnosis-result__recommend-lead-bg, .app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1), .app-animal-diagnosis-result__type-ttl, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1), .app-animal-diagnosis-result__profile-icon, .app-animal-diagnosis-result__profile-setting, .app-animal-diagnosis-top__info .uc-lyt-grid-col-flex {
  width: 100%;
  margin: 0;
}

.app-animal-diagnosis-kv .uc-object, .app-animal-diagnosis-result__kv .uc-object, .app-animal-diagnosis-result__hint-icon .uc-object, .app-animal-diagnosis-result__recommend-lead-bg .uc-object, .app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) .uc-object, .app-animal-diagnosis-result__type-ttl .uc-object, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) .uc-object, .app-animal-diagnosis-result__profile-icon .uc-object, .app-animal-diagnosis-result__profile-setting .uc-object, .app-animal-diagnosis-top__info .uc-lyt-grid-col-flex .uc-object {
  width: 100%;
  max-width: initial;
}

.app-animal-diagnosis-kv .uc-object img, .app-animal-diagnosis-result__kv .uc-object img, .app-animal-diagnosis-result__hint-icon .uc-object img, .app-animal-diagnosis-result__recommend-lead-bg .uc-object img, .app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) .uc-object img, .app-animal-diagnosis-result__type-ttl .uc-object img, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) .uc-object img, .app-animal-diagnosis-result__profile-icon .uc-object img, .app-animal-diagnosis-result__profile-setting .uc-object img, .app-animal-diagnosis-top__info .uc-lyt-grid-col-flex .uc-object img {
  width: 100%;
  max-width: initial;
}

.app-animal-diagnosis-kv .uc-mod-media-01, .app-animal-diagnosis-result__kv .uc-mod-media-01, .app-animal-diagnosis-result__hint-icon .uc-mod-media-01, .app-animal-diagnosis-result__recommend-lead-bg .uc-mod-media-01, .app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) .uc-mod-media-01, .app-animal-diagnosis-result__type-ttl .uc-mod-media-01, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) .uc-mod-media-01, .app-animal-diagnosis-result__profile-icon .uc-mod-media-01, .app-animal-diagnosis-result__profile-setting .uc-mod-media-01, .app-animal-diagnosis-top__info .uc-lyt-grid-col-flex .uc-mod-media-01 {
  width: 100%;
  margin: 0;
}

.app-animal-diagnosis__btn a {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-size: 3.72093vw;
  font-family: var(--font-02);
  font-weight: bold;
  line-height: 1.4;
  color: #FFF;
  padding: 3.48837vw 4.65116vw;
  background: #faa7a7;
  background: linear-gradient(90deg, #faa7a7 0%, #f7858f 100%);
  border-radius: 3.48837vw;
  box-shadow: inset 0 -0.93023vw 0 rgba(0, 0, 0, 0.01), 0 1.86047vw 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.app-animal-diagnosis__btn--center {
  text-align: center;
}

.app-animal-diagnosis__btn--max a {
  border-radius: 4.65116vw;
  font-size: 23px;
  font-size: 5.34884vw;
  max-width: 69.76744vw;
  padding: 3.48837vw 9.30233vw;
}

.app-animal-diagnosis__btn--max a::after {
  right: 4.65116vw !important;
}

.app-animal-diagnosis__btn--arrow a {
  position: relative;
  padding: 3.48837vw 6.97674vw;
}

.app-animal-diagnosis__btn--arrow a::after {
  display: block;
  content: "";
  width: 3.95349vw;
  aspect-ratio: 1 / 1;
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/icon-animal-diagnosis-arrow.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 50%;
  right: 2.32558vw;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.app-animal-diagnosis__btn--restart {
  margin-top: 9.30233vw;
}

.app-animal-diagnosis__btn--restart a {
  position: relative;
  font-size: 20px;
  font-size: 4.65116vw;
  max-width: 69.76744vw;
  padding: 3.48837vw 6.97674vw;
}

.app-animal-diagnosis__btn--restart a::after {
  display: block;
  content: "";
  width: 5.81395vw;
  aspect-ratio: 1 / 1;
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/icon-animal-diagnosis-restart.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 50%;
  left: 4.65116vw;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.ga-scroll {
  width: 100%;
  height: 1px;
  overflow: hidden;
  margin-bottom: -1px;
}

.app-animal-diagnosis-goto-back {
  margin-top: 9.30233vw;
  text-align: center;
}

.app-animal-diagnosis-goto-back p {
  font-size: 16px;
  font-size: 3.72093vw;
  text-decoration: underline;
  cursor: pointer;
}

.app-animal-diagnosis-goto-back p::before {
  content: "<";
}

.like-btn {
  margin: 40px 15px 0px 15px;
  margin: 9.30233vw 3.48837vw 0vw 3.48837vw;
  padding: 30px 20px 30px 20px;
  padding: 6.97674vw 4.65116vw 6.97674vw 4.65116vw;
  border-radius: 4.65116vw;
  border: 0.69767vw solid #faa7a7;
  background-color: #fff4f4;
  position: relative;
  z-index: 0;
}

.like-btn::before {
  display: block;
  content: "";
  width: 86.27907vw;
  height: 32.09302vw;
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/img-like-sofy.png") center bottom no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 3.48837vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.like-btn__ttl {
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  position: relative;
  padding-bottom: 6.97674vw;
}

.like-btn__ttl img {
  width: 6.97674vw;
  height: auto;
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.like-btn__ttl::after {
  display: block;
  content: "";
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/img-animal-diagnosis-decoline-03.png") center no-repeat;
  background-size: contain;
  width: 62.7907vw;
  height: 3.95349vw;
  position: absolute;
  right: 50%;
  bottom: 2.32558vw;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.like-btn__btn {
  position: relative;
  z-index: 1;
}

.like-btn__btn .uc-mod-like-contents {
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: 500;
  text-align: center;
}

.like-btn__btn .uc-mod-like-contents img {
  display: block;
  width: 44.18605vw;
  aspect-ratio: 1 / 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.55814vw;
}

.like-btn__btn .uc-mod-like-text {
  text-align: center;
  font-size: 20px;
  font-size: 4.65116vw;
  font-weight: 500;
  margin-top: 3.02326vw;
}

.like-btn__btn .uc-js-like-message {
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: 400;
}

.app-animal-diagnosis-main {
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/bg-animal-diagnosis-01.jpg") top left;
  background-size: 55%;
  padding-bottom: 9.30233vw;
}

.app-animal-diagnosis-progress {
  margin-top: 11.62791vw;
  margin-left: 3.48837vw;
  margin-right: 3.48837vw;
  align-items: center;
}

.app-animal-diagnosis-progress .uc-lyt-grid-col-flex {
  align-items: center;
}

.app-animal-diagnosis-progress .uc-lyt-grid-col-flex:nth-of-type(1), .app-animal-diagnosis-progress .uc-lyt-grid-col-flex:nth-of-type(3) {
  flex: 0 0 20.93023vw;
  max-width: initial;
  text-align: center;
}

.app-animal-diagnosis-progress .uc-lyt-grid-col-flex:nth-of-type(2) {
  flex: 1;
  max-width: initial;
}

.app-animal-diagnosis-progress__text {
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: bold;
  color: var(--color-h-01);
}

.app-animal-diagnosis-progress__bar {
  height: 2.32558vw;
  border-radius: calc(infinity * 1px);
  background-color: #fdbbbb;
  align-self: center;
  overflow: hidden;
  position: relative;
}

.app-animal-diagnosis-progress__bar::before {
  display: block;
  content: "";
  width: 0%;
  height: 100%;
  background-color: var(--color-h-01);
  position: absolute;
  top: 0;
  left: 0;
}

.app-animal-diagnosis-progress__bar--0::before {
  width: 0%;
}

.app-animal-diagnosis-progress__bar--5::before {
  width: 5%;
}

.app-animal-diagnosis-progress__bar--10::before {
  width: 10%;
}

.app-animal-diagnosis-progress__bar--15::before {
  width: 15%;
}

.app-animal-diagnosis-progress__bar--20::before {
  width: 20%;
}

.app-animal-diagnosis-progress__bar--25::before {
  width: 25%;
}

.app-animal-diagnosis-progress__bar--30::before {
  width: 30%;
}

.app-animal-diagnosis-progress__bar--35::before {
  width: 35%;
}

.app-animal-diagnosis-progress__bar--40::before {
  width: 40%;
}

.app-animal-diagnosis-progress__bar--45::before {
  width: 45%;
}

.app-animal-diagnosis-progress__bar--50::before {
  width: 50%;
}

.app-animal-diagnosis-progress__bar--55::before {
  width: 55%;
}

.app-animal-diagnosis-progress__bar--60::before {
  width: 60%;
}

.app-animal-diagnosis-progress__bar--65::before {
  width: 65%;
}

.app-animal-diagnosis-progress__bar--70::before {
  width: 70%;
}

.app-animal-diagnosis-progress__bar--75::before {
  width: 75%;
}

.app-animal-diagnosis-progress__bar--80::before {
  width: 80%;
}

.app-animal-diagnosis-progress__bar--85::before {
  width: 85%;
}

.app-animal-diagnosis-progress__bar--90::before {
  width: 90%;
}

.app-animal-diagnosis-progress__bar--95::before {
  width: 95%;
}

.app-animal-diagnosis-progress__bar--100::before {
  width: 100%;
}

.app-animal-diagnosis-q {
  margin-top: 11.62791vw;
  margin-left: 3.48837vw;
  margin-right: 3.48837vw;
  border: 0.46512vw solid var(--color-h-03);
  background-color: #fff;
  border-radius: 4.65116vw;
  padding: 11.62791vw 3.48837vw 5.81395vw;
  position: relative;
}

.app-animal-diagnosis-q__icon {
  width: 11.62791vw;
  z-index: 0;
  position: absolute;
  top: -4.65116vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.app-animal-diagnosis-q__icon::before {
  display: block;
  content: "";
  width: 18.60465vw;
  height: 11.62791vw;
  background-color: #FFF;
  position: absolute;
  bottom: -3.02326vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  z-index: -1;
}

.app-animal-diagnosis-q__icon::after {
  display: block;
  content: "";
  width: 16.27907vw;
  aspect-ratio: 1 / 1;
  border-radius: calc(infinity * 1px);
  background-color: #FFF;
  border: 0.46512vw solid var(--color-h-03);
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  z-index: -2;
}

.app-animal-diagnosis-q__icon img {
  width: 100%;
  max-width: initial;
}

.app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 {
  margin: 0;
}

.app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 h1, .app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 h2, .app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 h3, .app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 h4, .app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 h5, .app-animal-diagnosis-q .CMP-CM09-heading .uc-mod-hdg-lv2-01 h6 {
  font-size: 23px;
  font-size: 5.34884vw;
  font-weight: bold;
  line-height: 1.6;
  color: var(--color-h-01);
}

.app-animal-diagnosis-q__btn-area {
  margin-top: 4.65116vw;
  flex-wrap: nowrap;
}

.app-animal-diagnosis-q__btn-area .uc-lyt-grid-col-flex {
  flex: auto;
  max-width: initial;
  margin-left: 1.16279vw;
  margin-right: 1.16279vw;
}

.app-animal-diagnosis-result__ttl {
  margin-top: 6.97674vw;
  margin-bottom: 6.97674vw;
}

.app-animal-diagnosis-result__ttl h1, .app-animal-diagnosis-result__ttl h2, .app-animal-diagnosis-result__ttl h3, .app-animal-diagnosis-result__ttl h4, .app-animal-diagnosis-result__ttl h5, .app-animal-diagnosis-result__ttl h6 {
  font-size: 23px;
  font-size: 5.34884vw;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-h-01);
  margin: 0;
}

.app-animal-diagnosis-result__ttl .uc-mod-hdg-lv2-01 {
  margin-bottom: 0;
}

.app-animal-diagnosis-result__wrap {
  background-color: #fff;
  margin-left: 3.48837vw;
  margin-right: 3.48837vw;
  border-radius: 4.65116vw;
}

.app-animal-diagnosis-result__wrap--01 {
  background-color: var(--color-type01-01);
}

.app-animal-diagnosis-result__wrap--01 .app-animal-diagnosis-result__hint,
.app-animal-diagnosis-result__wrap--01 .app-animal-diagnosis-result__hint-icon::before,
.app-animal-diagnosis-result__wrap--01 .app-animal-diagnosis-result__recommend,
.app-animal-diagnosis-result__wrap--01 .app-animal-diagnosis-result__type,
.app-animal-diagnosis-result__wrap--01 .app-animal-diagnosis-result__profile {
  background-color: var(--color-type01-02);
}

.app-animal-diagnosis-result__wrap--02 {
  background-color: var(--color-type02-01);
}

.app-animal-diagnosis-result__wrap--02 .app-animal-diagnosis-result__hint,
.app-animal-diagnosis-result__wrap--02 .app-animal-diagnosis-result__hint-icon::before,
.app-animal-diagnosis-result__wrap--02 .app-animal-diagnosis-result__recommend,
.app-animal-diagnosis-result__wrap--02 .app-animal-diagnosis-result__type,
.app-animal-diagnosis-result__wrap--02 .app-animal-diagnosis-result__profile {
  background-color: var(--color-type02-02);
}

.app-animal-diagnosis-result__wrap--03 {
  background-color: var(--color-type03-01);
}

.app-animal-diagnosis-result__wrap--03 .app-animal-diagnosis-result__hint,
.app-animal-diagnosis-result__wrap--03 .app-animal-diagnosis-result__hint-icon::before,
.app-animal-diagnosis-result__wrap--03 .app-animal-diagnosis-result__recommend,
.app-animal-diagnosis-result__wrap--03 .app-animal-diagnosis-result__type,
.app-animal-diagnosis-result__wrap--03 .app-animal-diagnosis-result__profile {
  background-color: var(--color-type03-02);
}

.app-animal-diagnosis-result__wrap--04 {
  background-color: var(--color-type04-01);
}

.app-animal-diagnosis-result__wrap--04 .app-animal-diagnosis-result__hint,
.app-animal-diagnosis-result__wrap--04 .app-animal-diagnosis-result__hint-icon::before,
.app-animal-diagnosis-result__wrap--04 .app-animal-diagnosis-result__recommend,
.app-animal-diagnosis-result__wrap--04 .app-animal-diagnosis-result__type,
.app-animal-diagnosis-result__wrap--04 .app-animal-diagnosis-result__profile {
  background-color: var(--color-type04-02);
}

.app-animal-diagnosis-result__wrap--05 {
  background-color: var(--color-type05-01);
}

.app-animal-diagnosis-result__wrap--05 .app-animal-diagnosis-result__hint,
.app-animal-diagnosis-result__wrap--05 .app-animal-diagnosis-result__hint-icon::before,
.app-animal-diagnosis-result__wrap--05 .app-animal-diagnosis-result__recommend,
.app-animal-diagnosis-result__wrap--05 .app-animal-diagnosis-result__type,
.app-animal-diagnosis-result__wrap--05 .app-animal-diagnosis-result__profile {
  background-color: var(--color-type05-02);
}

.app-animal-diagnosis-result__wrap--06 {
  background-color: var(--color-type06-01);
}

.app-animal-diagnosis-result__wrap--06 .app-animal-diagnosis-result__hint,
.app-animal-diagnosis-result__wrap--06 .app-animal-diagnosis-result__hint-icon::before,
.app-animal-diagnosis-result__wrap--06 .app-animal-diagnosis-result__recommend,
.app-animal-diagnosis-result__wrap--06 .app-animal-diagnosis-result__type,
.app-animal-diagnosis-result__wrap--06 .app-animal-diagnosis-result__profile {
  background-color: var(--color-type06-02);
}

.app-animal-diagnosis-result__kv {
  -webkit-transform: translateY(-3.48837vw);
  transform: translateY(-3.48837vw);
}

.app-animal-diagnosis-result__catch {
  margin-top: 3.48837vw;
  padding-left: 3.48837vw;
  padding-right: 3.48837vw;
}

.app-animal-diagnosis-result__catch h1, .app-animal-diagnosis-result__catch h2, .app-animal-diagnosis-result__catch h3, .app-animal-diagnosis-result__catch h4, .app-animal-diagnosis-result__catch h5, .app-animal-diagnosis-result__catch h6 {
  font-size: 23px;
  font-size: 5.34884vw;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-h-01);
  margin: 0;
}

.app-animal-diagnosis-result__catch .uc-mod-hdg-lv2-01 {
  margin-bottom: 0;
}

.app-animal-diagnosis-result__lead {
  margin-top: 6.97674vw;
  padding-left: 3.48837vw;
  padding-right: 3.48837vw;
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-h-01);
}

.app-animal-diagnosis-result__hint {
  margin-top: 26.74419vw;
  padding-top: 25.5814vw;
  padding-left: 3.48837vw;
  padding-right: 3.48837vw;
  padding-bottom: 6.97674vw;
  position: relative;
}

.app-animal-diagnosis-result__hint-icon {
  width: 34.88372vw;
  position: absolute;
  top: -17.44186vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  z-index: 0;
}

.app-animal-diagnosis-result__hint-icon::before {
  display: block;
  content: "";
  width: 41.86047vw;
  height: 41.86047vw;
  position: absolute;
  top: -3.48837vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  border-radius: 50%;
  z-index: -1;
}

.app-animal-diagnosis-result__hint-icon .uc-caption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 25%;
  font-size: 23px;
  font-size: 5.34884vw;
  font-family: var(--font-02);
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  color: var(--color-h-02);
}

.app-animal-diagnosis-result__hint-ill {
  text-align: center;
}

.app-animal-diagnosis-result__hint-ill img {
  height: 58.13953vw;
  width: auto;
  max-width: initial;
}

.app-animal-diagnosis-result__hint-text {
  margin-top: 6.97674vw;
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-h-01);
}

.app-animal-diagnosis-result__recommend {
  padding-top: 6.97674vw;
  padding-left: 3.48837vw;
  padding-right: 3.48837vw;
}

.app-animal-diagnosis-result__recommend-ttl {
  width: 69.76744vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.app-animal-diagnosis-result__recommend-ttl img {
  width: 100%;
  height: auto;
  max-width: initial;
}

.app-animal-diagnosis-result__recommend-lead {
  position: relative;
  margin-top: 4.65116vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  width: 86.04651vw;
  aspect-ratio: 740 / 330;
}

.app-animal-diagnosis-result__recommend-lead::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  z-index: -1;
}

.app-animal-diagnosis-result__recommend-lead .CMP-CM34-rich-text {
  width: 100%;
  height: 100%;
  align-content: center;
  padding-left: 5.81395vw;
  padding-right: 31.39535vw;
}

.app-animal-diagnosis-result__recommend-lead-text {
  font-size: 18px;
  font-size: 4.18605vw;
  font-weight: bold;
  line-height: 1.6;
  color: var(--color-h-03);
}

.app-animal-diagnosis-result__recommend-lead-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.app-animal-diagnosis-result__products {
  margin-top: 6.97674vw;
  padding-bottom: 6.97674vw;
  display: flex;
  flex-direction: column;
  gap: 13.95349vw 0;
}

.app-animal-diagnosis-result__products .CMP-CM05-block {
  position: relative;
}

.app-animal-diagnosis-result__products .CMP-CM05-block:not(:last-of-type)::after {
  display: block;
  content: "";
  width: 79.06977vw;
  aspect-ratio: 680 / 12;
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/img-animal-diagnosis-decoline-01.png") center no-repeat;
  background-size: contain;
  position: absolute;
  right: 50%;
  bottom: -8.13953vw;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.app-animal-diagnosis-result__products-item-ttl h1, .app-animal-diagnosis-result__products-item-ttl h2, .app-animal-diagnosis-result__products-item-ttl h3, .app-animal-diagnosis-result__products-item-ttl h4, .app-animal-diagnosis-result__products-item-ttl h5, .app-animal-diagnosis-result__products-item-ttl h6 {
  font-size: 20px;
  font-size: 4.65116vw;
  font-weight: bold;
  line-height: 1.6;
  color: var(--color-h-01);
  margin: 0;
}

.app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance {
  margin-top: 4.65116vw;
}

.app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-container-advance {
  gap: 0 1.16279vw;
}

.app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex {
  flex: initial;
  max-width: initial;
}

.app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) {
  width: 32.55814vw;
}

.app-animal-diagnosis-result__products-item .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(2) {
  flex: 1;
}

.app-animal-diagnosis-result__products-item-text {
  font-size: 14px;
  font-size: 3.25581vw;
  font-weight: 500;
  line-height: 1.6;
}

.app-animal-diagnosis-result__products-item-note {
  margin-top: 2.32558vw;
  font-size: 13px;
  font-size: 3.02326vw;
  line-height: 1.6;
}

.app-animal-diagnosis-result__products-item-btn {
  margin-top: 4.65116vw;
  max-width: 51.16279vw;
  margin-left: auto;
  margin-right: auto;
}

.app-animal-diagnosis-result__type {
  padding-top: 6.97674vw;
  padding-left: 3.48837vw;
  padding-right: 3.48837vw;
  background-position: top 6.97674vw center;
  background-repeat: no-repeat;
  background-image: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/bg-animal-diagnosis-type.png");
  background-size: contain;
  width: 100%;
  aspect-ratio: 800 / 1073;
}

.app-animal-diagnosis-result__type-ttl {
  width: 52.32558vw;
  margin-top: 13.95349vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance {
  margin-top: 6.97674vw;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance + .CMP-CM40-grid-advance {
  margin-top: 2.32558vw;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-container-advance {
  padding: 2.32558vw 4.65116vw 2.32558vw 2.32558vw;
  border-radius: calc(infinity * 1px);
  align-items: center;
  gap: 0 2.32558vw;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex {
  flex: initial;
  max-width: initial;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(1) {
  width: 25.5814vw;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .uc-lyt-grid-col-flex:nth-of-type(2) {
  flex: 1;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading .uc-mod-position-float {
  margin-bottom: 0;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading h1, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading h2, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading h3, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading h4, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading h5, .app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM09-heading h6 {
  font-size: 20px;
  font-size: 4.65116vw;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  color: var(--color-h-01);
  margin: 0;
}

.app-animal-diagnosis-result__type .CMP-CM40-grid-advance .CMP-CM34-rich-text {
  margin-top: 1.16279vw;
  font-size: 14px;
  font-size: 3.25581vw;
  font-weight: 500;
  line-height: 1.4;
}

.app-animal-diagnosis-result__type-item--01 {
  background-color: var(--color-type01-02);
}

.app-animal-diagnosis-result__type-item--02 {
  background-color: var(--color-type02-02);
}

.app-animal-diagnosis-result__type-item--03 {
  background-color: var(--color-type03-02);
}

.app-animal-diagnosis-result__type-item--04 {
  background-color: var(--color-type04-02);
}

.app-animal-diagnosis-result__type-item--05 {
  background-color: var(--color-type05-02);
}

.app-animal-diagnosis-result__type-item--06 {
  background-color: var(--color-type06-02);
}

.app-animal-diagnosis-result__profile {
  padding-top: 10.46512vw;
  border-radius: 0 0 4.65116vw 4.65116vw;
}

.app-animal-diagnosis-result__profile .CMP-CM09-heading .uc-mod-position-float {
  margin-bottom: 0;
  padding-bottom: 8.13953vw;
  position: relative;
}

.app-animal-diagnosis-result__profile .CMP-CM09-heading .uc-mod-position-float::after {
  display: block;
  content: "";
  width: 62.7907vw;
  aspect-ratio: 540 / 34;
  background: url("/content/dam/sites/jp_sofygirls_com/app/animal-diagnosis/img-animal-diagnosis-decoline-02.png") center no-repeat;
  background-size: contain;
  position: absolute;
  right: 50%;
  bottom: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.app-animal-diagnosis-result__profile .CMP-CM09-heading h1, .app-animal-diagnosis-result__profile .CMP-CM09-heading h2, .app-animal-diagnosis-result__profile .CMP-CM09-heading h3, .app-animal-diagnosis-result__profile .CMP-CM09-heading h4, .app-animal-diagnosis-result__profile .CMP-CM09-heading h5, .app-animal-diagnosis-result__profile .CMP-CM09-heading h6 {
  font-size: 23px;
  font-size: 5.34884vw;
  font-family: var(--font-02);
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-h-02);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.32558vw 0;
}

.app-animal-diagnosis-result__profile .CMP-CM09-heading h1 span, .app-animal-diagnosis-result__profile .CMP-CM09-heading h2 span, .app-animal-diagnosis-result__profile .CMP-CM09-heading h3 span, .app-animal-diagnosis-result__profile .CMP-CM09-heading h4 span, .app-animal-diagnosis-result__profile .CMP-CM09-heading h5 span, .app-animal-diagnosis-result__profile .CMP-CM09-heading h6 span {
  font-size: 16px;
  font-size: 3.72093vw;
  line-height: 1.4;
  font-family: var(--font-01);
  font-weight: 500;
  color: var(--color-h-01);
}

.app-animal-diagnosis-result__profile-icon {
  margin-top: 6.97674vw;
  width: 69.76744vw;
  margin-left: auto;
  margin-right: auto;
}

.app-animal-diagnosis-result__profile-setting {
  margin-top: 6.97674vw;
  width: 81.39535vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5.81395vw;
}

.app-animal-diagnosis-share {
  margin-top: 9.30233vw;
}

.app-animal-diagnosis-share .uc-mod-position-float {
  margin: 0;
}

.app-animal-diagnosis-share .uc-mod-position-float h1, .app-animal-diagnosis-share .uc-mod-position-float h2, .app-animal-diagnosis-share .uc-mod-position-float h3, .app-animal-diagnosis-share .uc-mod-position-float h4, .app-animal-diagnosis-share .uc-mod-position-float h5, .app-animal-diagnosis-share .uc-mod-position-float h6 {
  font-size: 16px;
  font-size: 3.72093vw;
  font-family: var(--font-02);
  font-weight: bold;
  color: var(--color-h-01);
  margin: 0;
}

.app-animal-diagnosis-share .CMP-CM16-sns-share {
  margin-top: 9.30233vw;
}

.app-animal-diagnosis-share .CMP-CM16-sns-share .uc-mod-sns-01 {
  margin-bottom: 0;
}

.app-animal-diagnosis-share .CMP-CM16-sns-share .uc-mod-sns-01 ul li {
  margin-left: 0;
  padding: 0;
}

.app-animal-diagnosis-share .CMP-CM16-sns-share .uc-mod-sns-01 ul li .a2a_svg {
  width: 17.44186vw;
  height: 17.44186vw;
  position: relative;
}

.app-animal-diagnosis-share .CMP-CM16-sns-share .uc-mod-sns-01 ul li .a2a_svg svg {
  position: absolute;
  top: 0;
  left: 0;
}

.app-animal-diagnosis-top__intro {
  margin-top: 2.32558vw;
}

.app-animal-diagnosis-top__lead {
  font-size: 15px;
  font-size: 3.48837vw;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-h-01);
}

.app-animal-diagnosis-top__info {
  border: 0.93023vw solid var(--color-h-03);
  background-color: #fff;
  margin-top: 9.30233vw;
  margin-left: 3.48837vw;
  margin-right: 3.48837vw;
  border-radius: 4.65116vw;
  position: relative;
}

.app-animal-diagnosis-top__info::before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 5.34884vw solid var(--color-h-03);
  border-left: 3.25581vw solid transparent;
  border-right: 3.25581vw solid transparent;
  position: absolute;
  top: -5.34884vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.app-animal-diagnosis-top__info::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 4.65116vw solid #fff;
  border-left: 2.55814vw solid transparent;
  border-right: 2.55814vw solid transparent;
  position: absolute;
  top: -3.95349vw;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.app-animal-diagnosis-top__info .uc-lyt-grid-col-flex {
  align-items: center;
}

.app-animal-diagnosis-top__info .uc-lyt-grid-col-flex:nth-of-type(1) {
  flex: auto;
  max-width: 45%;
  padding-top: 3.48837vw;
  padding-left: 3.48837vw;
  padding-right: 3.48837vw;
}

.app-animal-diagnosis-top__info .uc-lyt-grid-col-flex:nth-of-type(2) {
  flex: auto;
  max-width: 55%;
  padding-right: 3.48837vw;
}

.app-animal-diagnosis-top__info-text {
  font-size: 16px;
  font-size: 3.72093vw;
  font-weight: 500;
  line-height: 1.6;
}

.app-animal-diagnosis-top__info-note {
  font-size: 13px;
  font-size: 3.02326vw;
  line-height: 1.6;
  margin-top: 2.32558vw;
}

/* LAYOUT */