html, body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333333;
  height: auto;
  background-color: transparent !important;
  background: transparent !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #2157a4;
}

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

/* MODULES */
.lookback-comment {
  width: 95.34884vw;
  margin-top: 6.97674vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 3.02326vw 0;
}

.lookback-comment .uc-lyt-grid-col-flex {
  flex: auto;
  max-width: initial;
}

.lookback-comment__ill {
  text-align: center;
  margin-top: 4.65116vw;
}

.lookback-comment__ill img {
  width: 16.51163vw;
  max-width: initial;
}

.lookback-comment__text {
  position: relative;
  padding: 6.97674vw 0;
  font-size: 14px;
  font-size: 3.25581vw;
  line-height: 1.4;
  color: #333399;
}

.lookback-comment__text p {
  padding: 0 3.48837vw;
}

.lookback-comment__text::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #CCC;
  z-index: -1;
}

.lookback-comment--01 .uc-lyt-grid-col-flex:nth-of-type(1) {
  width: 31.86047vw;
  align-self: center;
}

.lookback-comment--01 .uc-lyt-grid-col-flex:nth-of-type(2) {
  width: 63.48837vw;
}

.lookback-comment--01 .uc-lyt-grid-col-flex:nth-of-type(2) .lookback-comment__text::before {
  background-color: #D9F0FF;
}

.lookback-comment--01 .uc-lyt-grid-col-flex:nth-of-type(2) .lookback-comment__text::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-right: 6.97674vw solid #D9F0FF;
  border-top: 1.39535vw solid transparent;
  border-bottom: 1.39535vw solid transparent;
  position: absolute;
  bottom: 45%;
  left: -5.81395vw;
  -webkit-transform: translateY(45%) rotate(-15deg);
  transform: translateY(45%) rotate(-15deg);
}

.lookback-comment--02 .uc-lyt-grid-col-flex:nth-of-type(1) {
  width: 63.48837vw;
}

.lookback-comment--02 .uc-lyt-grid-col-flex:nth-of-type(1) .lookback-comment__text::before {
  background-color: #FEEDED;
}

.lookback-comment--02 .uc-lyt-grid-col-flex:nth-of-type(1) .lookback-comment__text::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 6.97674vw solid #FEEDED;
  border-top: 1.39535vw solid transparent;
  border-bottom: 1.39535vw solid transparent;
  position: absolute;
  bottom: 45%;
  right: -5.81395vw;
  -webkit-transform: translateY(45%) rotate(15deg);
  transform: translateY(45%) rotate(15deg);
}

.lookback-comment--02 .uc-lyt-grid-col-flex:nth-of-type(2) {
  width: 31.86047vw;
  align-self: center;
}

html, body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333333;
  height: auto;
  background-color: transparent !important;
  background: transparent !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #2157a4;
}

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

.lookback-end {
  background-color: #FAA7A7;
  padding-top: 8.83721vw;
  padding-bottom: 11.86047vw;
  padding-left: 4.65116vw;
  padding-right: 4.65116vw;
}

.lookback-end__text {
  width: 72.7907vw;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-size: 4.18605vw;
  line-height: 2;
  color: #333399;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lookback-end__text::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.lookback-end__text::after {
  display: block;
  content: "";
  border-top: 6.97674vw solid #FFF;
  border-left: 2.32558vw solid transparent;
  border-right: 2.32558vw solid transparent;
  position: absolute;
  right: 50%;
  bottom: -5.81395vw;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.lookback-end__ill {
  width: 46.74419vw;
  margin-top: 4.65116vw;
  margin-left: auto;
  margin-right: auto;
}

.lookback-end__ill img {
  width: 100%;
  max-width: initial;
}

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

.lookback-hero {
  width: 100%;
  aspect-ratio: 430/333;
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback_manga-bg-01.jpg") center top no-repeat;
  background-size: contain;
}

.lookback-hero__ttl {
  width: 81.86047vw;
  padding-top: 5.81395vw;
  margin-left: auto;
  margin-right: auto;
}

.lookback-hero__ttl img {
  width: 100%;
  max-width: initial;
}

.lookback-intro__lead {
  width: 81.86047vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  font-size: 3.95349vw;
  line-height: 1.6;
  color: #333399;
}

.like-btn {
  margin: 32px 25px 40px 25px;
  margin: 7.44186vw 5.81395vw 9.30233vw 5.81395vw;
  padding: 14px 20px 50px 20px;
  padding: 3.25581vw 4.65116vw 11.62791vw 4.65116vw;
  border-radius: 4.65116vw;
  border: 0.46512vw solid #FFF;
  box-shadow: 0 0 2.32558vw rgba(0, 0, 0, 0.16);
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback-like-bg.png") center top no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
}

.like-btn::before {
  display: block;
  content: "";
  width: 76.97674vw;
  height: 31.86047vw;
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback-like-so-fy.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: 17px;
  font-size: 3.95349vw;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 3.95349vw;
  margin-bottom: 3.48837vw;
  border-bottom: 0.46512vw solid #FFF;
}

.like-btn__ttl img {
  width: 4.4186vw;
  height: auto;
}

.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: 34.88372vw;
  height: auto;
  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;
}

.lookback-manga {
  margin-top: 6.97674vw;
}

.lookback-manga .uc-mod-media-01 {
  margin: 0;
}

.lookback-point {
  background: linear-gradient(to bottom, #FFF 0%, #FEEDED 30%, #FAA7A7 100%);
  padding-top: 10.93023vw;
}

.lookback-point__wrap {
  width: 91.16279vw;
  margin-left: auto;
  margin-right: auto;
}

.lookback-point__header, .lookback-point__footer {
  width: 100%;
}

.lookback-point__header img, .lookback-point__footer img {
  width: 100%;
  max-width: initial;
}

.lookback-point__body {
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback_manga-point-bg.png") center top repeat-y;
  background-size: contain;
  padding: 0 5.81395vw 0 4.65116vw;
}

.lookback-point__body ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2.55814vw 0;
}

.lookback-point__body ul li {
  list-style: none;
  font-size: 16px;
  font-size: 3.72093vw;
  line-height: 1.4;
  color: #333399;
  padding-left: 12.7907vw;
  position: relative;
}

.lookback-point__body ul li::before {
  display: block;
  content: "";
  position: absolute;
  top: 1.16279vw;
  left: 0;
}

.lookback-point__body ul li:nth-child(1)::before {
  width: 9.30233vw;
  height: 9.06977vw;
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback_manga-icon-01.svg") top left no-repeat;
  background-size: contain;
}

.lookback-point__body ul li:nth-child(2)::before {
  width: 9.30233vw;
  height: 9.06977vw;
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback_manga-icon-02.svg") top left no-repeat;
  background-size: contain;
}

.lookback-point__body ul li:nth-child(3)::before {
  width: 9.30233vw;
  height: 9.06977vw;
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback_manga-icon-03.svg") top left no-repeat;
  background-size: contain;
}

.lookback-point__body ul li:nth-child(4)::before {
  width: 9.30233vw;
  height: 9.06977vw;
  background: url("/content/dam/sites/jp_sofygirls_com/app/navi/lookback_manga/img-lookback_manga-icon-04.svg") top left no-repeat;
  background-size: contain;
}

/* LAYOUT */