@-webkit-keyframes fv_cloud {
  0% {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@keyframes fv_cloud {
  0% {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fv_title {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fv_title {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fv_product {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_product {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_product_sp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_product_sp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_meta {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fv_meta {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fv_hdg {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_hdg {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_hdg_sp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_hdg_sp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_effect {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_effect {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_effect_sp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_effect_sp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_info {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fv_info {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fv_sub {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fv_sub {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fv_scale {
  0% {
    -webkit-transform: translate(-15%, -26%) scale(0);
    transform: translate(-15%, -26%) scale(0);
  }
  to {
    -webkit-transform: translate(-15%, -26%) scale(1);
    transform: translate(-15%, -26%) scale(1);
  }
}
@keyframes fv_scale {
  0% {
    -webkit-transform: translate(-15%, -26%) scale(0);
    transform: translate(-15%, -26%) scale(0);
  }
  to {
    -webkit-transform: translate(-15%, -26%) scale(1);
    transform: translate(-15%, -26%) scale(1);
  }
}
@-webkit-keyframes fv_scale_sp {
  0% {
    -webkit-transform: translate(-50%, 0) scale(0);
    transform: translate(-50%, 0) scale(0);
  }
  to {
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
}
@keyframes fv_scale_sp {
  0% {
    -webkit-transform: translate(-50%, 0) scale(0);
    transform: translate(-50%, 0) scale(0);
  }
  to {
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
}
@-webkit-keyframes fv_fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fv_fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fv_windUp {
  0% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fv_windUp {
  0% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fv_fadeUp {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fv_fadeUp {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fv_slideScale {
  0% {
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
  }
  to {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}
@keyframes fv_slideScale {
  0% {
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
  }
  to {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}
.is_init.is_animationReady .keyAnime00 {
  position: relative;
}

.is_init.is_animationReady .keyAnime00:before {
  content: "";
  position: absolute;
}

@media not all and (max-width: 767px) {
  .is_init.is_animationReady .keyAnime00:before {
    -webkit-transform: translate(-15%, -26%) scale(0);
    transform: translate(-15%, -26%) scale(0);
    -webkit-animation: fv_scale 2s 0.3s ease-in-out forwards;
    animation: fv_scale 2s 0.3s ease-in-out forwards;
  }
}
@media (max-width: 767px) {
  .is_init.is_animationReady .keyAnime00:before {
    -webkit-transform: translate(-50%, 0) scale(0);
    transform: translate(-50%, 0) scale(0);
    -webkit-animation: fv_scale_sp 2s 0.3s ease-in-out forwards;
    animation: fv_scale_sp 2s 0.3s ease-in-out forwards;
  }
}
.pg_sub .firstView_body {
  position: relative;
  padding-top: min(57px, 3%);
}

@media not all and (max-width: 767px) {
  .pg_sub .firstView_body {
    background-image: url(../images/suimin/bg_fv.png);
  }
}
@media (max-width: 767px) {
  .pg_sub .firstView_body {
    padding-bottom: 50px;
    background-image: url(../images/suimin/bg_fv_sp.png);
  }
}
.pg_sub .firstView_body:before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 0;
}

@media not all and (max-width: 767px) {
  .pg_sub .firstView_body:before {
    top: 0;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate(-15%, -26%) scale(1);
    transform: translate(-15%, -26%) scale(1);
    width: min(56%, 1070px);
  }
}
@media (max-width: 767px) {
  .pg_sub .firstView_body:before {
    top: -26%;
    left: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
    width: 120%;
  }
}
.pg_sub .firstView_inner {
  position: relative;
  z-index: 1;
}

@media not all and (max-width: 767px) {
  .pg_sub .firstView_inner {
    -webkit-transform: translate(-3%, -5.3%);
    transform: translate(-3%, -5.3%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6%;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .firstView_product {
    width: min(34.47916667%, 662px);
  }
}
@media (max-width: 767px) {
  .pg_sub .firstView_product {
    width: 80%;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .firstView_title {
    margin-top: min(8.7%, 167px);
    width: min(39%, 750px);
  }
}
@media (max-width: 767px) {
  .pg_sub .firstView_title {
    width: 90%;
    margin-top: 4%;
    margin-inline: auto;
  }
}
.pg_sub .bl_stickyNav_unit a {
  color: #f05c95;
}

.pg_sub .bl_stickyNav_unit a:before {
  background-color: #f05c95;
}

.pg_sub .page {
  position: relative;
  background-color: #fff0f9;
  pointer-events: none;
}

@media not all and (max-width: 767px) {
  .pg_sub .page {
    padding-block: 120px 20%;
    margin-bottom: -26%;
  }
}
@media (max-width: 767px) {
  .pg_sub .page {
    padding-block: 50px 40%;
  }
}
.pg_sub .page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgb(255, 240, 249);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 240, 249, 0)), color-stop(30%, rgba(236, 205, 223, 0)), to(rgb(195, 126, 166)));
  background: linear-gradient(0deg, rgba(255, 240, 249, 0) 0%, rgba(236, 205, 223, 0) 30%, rgb(195, 126, 166) 100%);
  opacity: 0.7;
  z-index: 1;
}

@media not all and (max-width: 767px) {
  .pg_sub .page:before {
    height: 282px;
  }
}
@media (max-width: 767px) {
  .pg_sub .page:before {
    height: 140px;
  }
}
.pg_sub .page:after {
  content: "";
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}

@media not all and (max-width: 767px) {
  .pg_sub .page:after {
    top: 0;
    left: 50%;
    width: min(200%, 2428px);
    max-width: 2711px;
    aspect-ratio: 2428/2711;
    background-image: url(../images/suimin/bg_page.png);
  }
}
@media (max-width: 767px) {
  .pg_sub .page:after {
    top: 60px;
    left: calc(50% - 50px);
    width: 660px;
    aspect-ratio: 1288/3868;
    background-image: url(../images/suimin/bg_page_sp.png);
  }
}
.pg_sub .page > * {
  pointer-events: auto;
}

@media (max-width: 767px) {
  .pg_sub .about_title .txt .span {
    display: block;
    margin-top: 10px;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .about_img {
    position: absolute;
    top: 100px;
    left: min(640px, 52%);
    width: 566px;
    width: 46%;
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .pg_sub .about_img {
    max-width: 84%;
    margin-top: 25px;
    margin-inline: auto;
  }
}
.pg_sub .about_btn a {
  border-color: #f05c95;
  background-color: #f05c95;
}

.pg_sub .about_btn a:hover {
  background-color: #fff;
  color: #f05c95;
}

@media not all and (max-width: 767px) {
  .pg_sub .q10_inner {
    border-radius: 80px;
  }
}
@media (max-width: 767px) {
  .pg_sub .q10_inner {
    border-radius: 40px;
  }
}
.pg_sub .q10_btn a {
  border-color: #f05c95;
  background-color: #fff;
  color: #f05c95;
}

.pg_sub .q10_btn a:hover {
  background-color: #f05c95;
  color: #fff;
}

.pg_sub .movie_title {
  color: #f05c95;
}

.pg_sub .function {
  position: relative;
  display: -ms-grid;
  display: grid;
  z-index: 1;
}

@media not all and (max-width: 767px) {
  .pg_sub .function {
    margin-top: -100px;
    margin-bottom: -35%;
  }
}
@media (max-width: 767px) {
  .pg_sub .function {
    margin-top: -33%;
    margin-bottom: -40%;
  }
}
.pg_sub .function:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
}

@media not all and (max-width: 767px) {
  .pg_sub .function:before {
    aspect-ratio: 1920/501;
    background-image: url(../images/suimin/bg_function_01.png);
  }
}
@media (max-width: 767px) {
  .pg_sub .function:before {
    aspect-ratio: 750/170;
    background-image: url(../images/suimin/bg_function_01_sp.png);
  }
}
.pg_sub .function:after {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
}

@media not all and (max-width: 767px) {
  .pg_sub .function:after {
    aspect-ratio: 1920/447;
    margin-top: -161px;
    background-image: url(../images/suimin/bg_function_02.png);
  }
}
@media (max-width: 767px) {
  .pg_sub .function:after {
    aspect-ratio: 750/216;
    margin-top: -1px;
    background-image: url(../images/suimin/bg_function_02_sp.png);
  }
}
.pg_sub .function_inner {
  position: relative;
  z-index: 1;
}

.pg_sub .function_inner:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background-color: #fde2ed;
  z-index: 0;
  pointer-events: none;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_inner:before {
    height: calc(100% - 160px);
  }
}
@media (max-width: 767px) {
  .pg_sub .function_inner:before {
    height: 100%;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_inner:after {
    content: "";
    position: absolute;
    top: -300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: min(160%, 2165px);
    max-height: 4172px;
    height: auto;
    aspect-ratio: 2165/4172;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/suimin/bg_function_03.png);
    z-index: 1;
    pointer-events: none;
  }
}
.pg_sub .function_inner > .ly_container {
  position: relative;
  z-index: 2;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_inner > .ly_container {
    margin-top: -5.5%;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_inner > .ly_container {
    margin-top: 10px;
  }
}
.pg_sub .function_anchorPoint {
  position: absolute;
  left: 0;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_anchorPoint {
    top: -100px;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_anchorPoint {
    top: -60px;
  }
}
.pg_sub .function_units {
  position: relative;
  z-index: 2;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_units {
    margin-top: 110px;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_units {
    margin-top: 40px;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:not(:first-child) {
    margin-top: 140px;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:not(:first-child) {
    margin-top: 40px;
  }
}
.pg_sub .function_unit:nth-child(odd) .function_article {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_unit:first-child .function_article {
    padding: 60px 100px;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:first-child .function_body {
    width: 53%;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:first-child .function_img {
    position: absolute;
    top: 7%;
    left: -17%;
    width: min(65%, 833px);
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:first-child .function_img {
    width: 140%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
}
.pg_sub .function_unit:first-child .function_img img {
  width: 100%;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_unit:first-child .function_img img {
    aspect-ratio: 833/959;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:first-child .function_img img {
    aspect-ratio: 414/347;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(2) .function_article {
    padding: 60px 70px;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(2) .function_body {
    width: 50%;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(2) .function_img {
    position: absolute;
    top: 6%;
    right: -21%;
    width: min(71%, 925px);
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:nth-child(2) .function_img {
    width: 140%;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
.pg_sub .function_unit:nth-child(2) .function_img img {
  width: 100%;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(2) .function_img img {
    aspect-ratio: 925/1010;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:nth-child(2) .function_img img {
    aspect-ratio: 411/351;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(3) .function_article {
    padding: 60px 70px;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(3) .function_body {
    width: 52%;
  }
}
@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(3) .function_img {
    position: absolute;
    top: 3%;
    left: -22%;
    width: min(73%, 944px);
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:nth-child(3) .function_img {
    width: 140%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
}
.pg_sub .function_unit:nth-child(3) .function_img img {
  width: 100%;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_unit:nth-child(3) .function_img img {
    aspect-ratio: 944/960;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_unit:nth-child(3) .function_img img {
    aspect-ratio: 416/379;
  }
}
.pg_sub .function_article {
  position: relative;
  background-color: #fff0ff;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 80px;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_article {
    display: -ms-grid;
    display: grid;
    padding: 35px 20px;
    border-radius: 40px;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_img {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}
.pg_sub .function_img img {
  width: 100%;
}

.pg_sub .function_body {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .pg_sub .function_body {
    display: contents;
  }
}
.pg_sub .function_point {
  color: #f05c95;
}

.pg_sub .function_title {
  color: #f05c95;
}

.pg_sub .function_result {
  border: 1px solid #f05c95;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_result {
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_result {
    border-radius: 6px;
  }
}
.pg_sub .function_result .hdg {
  background-color: #fff0ff;
  color: #f05c95;
}

@media not all and (max-width: 767px) {
  .pg_sub .function_graph .img {
    padding-right: 4%;
  }
}
@media (max-width: 767px) {
  .pg_sub .function_graph .img {
    padding-right: 8%;
  }
}
.pg_sub .function_quote {
  color: #a3939a;
}

.pg_sub .products {
  background-color: #FFF0F9;
}

@media not all and (max-width: 767px) {
  .pg_sub .products {
    padding-block: max(400px, 31%) 160px;
  }
}
@media (max-width: 767px) {
  .pg_sub .products {
    padding-block: 50% 100px;
  }
}
.pg_sub .products > .ly_container {
  position: relative;
}

.pg_sub .products_anchorPoint {
  position: absolute;
  left: 0;
}

@media not all and (max-width: 767px) {
  .pg_sub .products_anchorPoint {
    top: -100px;
  }
}
@media (max-width: 767px) {
  .pg_sub .products_anchorPoint {
    top: -60px;
  }
}
.pg_sub .products_sub {
  color: #a3939a;
}

.pg_sub .products_btn a {
  border-color: #f05c95;
  background-color: #f05c95;
  color: #fff;
}

.pg_sub .products_btn a:hover {
  background-color: #fff;
  color: #f05c95;
}

.pg_sub .recommended {
  background-color: #FFF0F9;
}
@media screen and (min-width: 768px) {
  .pg_sub .recommended {
    padding-block: max(400px, 31%) 0;
  }
}
@media screen and (max-width: 767px) {
  .pg_sub .recommended {
    padding-block: 200px 0;
  }
}
.pg_sub .recommended:after {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .pg_sub .recommended:after {
    margin-top: -5%;
    aspect-ratio: 1920/501;
    background-image: url(../images/suimin/bg_function_01.png);
  }
}
@media screen and (max-width: 767px) {
  .pg_sub .recommended:after {
    aspect-ratio: 750/170;
    background-image: url(../images/suimin/bg_function_01_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .pg_sub .recommended_anchorPoint {
    margin-top: -100px;
  }
}
@media screen and (max-width: 767px) {
  .pg_sub .recommended_anchorPoint {
    margin-top: -60px;
  }
}
@media screen and (max-width: 767px) {
  .pg_sub .recommended_inner {
    padding-bottom: 30px;
  }
}
.pg_sub .recommended_copy > strong {
  color: #f05c95;
}
.pg_sub .recommended_box {
  border: 1px solid #f05c95;
}
.pg_sub .products {
  position: relative;
  background-color: #fde2ed;
  padding-block: 0;
}
@media screen and (max-width: 767px) {
  .pg_sub .ly_footer_movieGallery {
    padding-top: 8%;
  }
}
.pg_sub .ly_footer_movieGallery:before {
  content: "";
  display: block;
  margin-top: -12%;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .pg_sub .ly_footer_movieGallery:before {
    aspect-ratio: 1920/501;
    background-image: url(../images/suimin/bg_function_02.png);
  }
}
@media screen and (max-width: 767px) {
  .pg_sub .ly_footer_movieGallery:before {
    aspect-ratio: 750/216;
    background-image: url(../images/suimin/bg_function_02_sp.png);
  }
}