@charset "UTF-8";
.p-guideline_ym .c-circleTitle__text_ym::before {
  height: clamp(16px, calc(1.3867488444vw + 10.7996918336px), 25px);
  background-image: url("../images/guideline/txt_guideline.svg");
}
.p-guideline_ym .c-gradButton_ym {
  width: clamp(280px, calc(15.4083204931vw + 222.218798151px), 380px);
  margin: clamp(45px, calc(5.3929121726vw + 24.7765793529px), 80px) auto 0;
}
.p-guideline__stickyBg_ym {
  position: sticky;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.p-guideline__stickyBg_ym img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  opacity: 0;
  filter: blur(15px) saturate(1.75);
  transition: opacity 1s 0s linear, filter 0.8s 0s ease-out;
}
.p-guideline__bg_ym {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: calc(80/375 * 100vw) 0 calc(40/375 * 100vw);
  background-color: #fff;
  background-image: url("../images/guideline/bg_guideline_sp.jpg");
  background-repeat: no-repeat;
  background-position: center calc(148/375 * 100vw);
  background-size: cover;
}
.p-guideline__bg_ym > * {
  position: relative;
  z-index: 2;
}
.p-guideline__lead_ym {
  max-width: 860px;
  line-height: 2;
  margin: clamp(20px, calc(3.0816640986vw + 8.4437596302px), 40px) auto 0;
  padding: clamp(42px, calc(6.7796610169vw + 16.5762711864px), 86px) 40px 0;
  background: url("../images/guideline/ico_guideline.svg") no-repeat center 0/clamp(28px, calc(3.3898305085vw + 15.2881355932px), 50px) auto;
  font-size: clamp(14px, calc(0.3081664099vw + 12.844375963px), 16px);
}

body.is-loaded_ym .p-guideline__stickyBg_ym img {
  opacity: 1;
  filter: blur(0) saturate(1);
}

.p-condition_ym,
.p-aboutPhoto_ym,
.p-termOfUse_ym,
.p-aboutResult_ym {
  max-width: 860px;
  margin: clamp(36px, calc(6.1633281972vw + 12.8875192604px), 76px) auto 0;
  padding: 0 40px;
}

.p-unorderedList_ym,
.p-orderedList_ym {
  line-height: 2;
  margin: clamp(16px, calc(6.0092449923vw + -6.5346687211px), 55px) 0;
  font-size: clamp(14px, calc(0.3081664099vw + 12.844375963px), 16px);
}
.p-unorderedList__item_ym,
.p-orderedList__item_ym {
  position: relative;
  padding-left: clamp(18px, calc(0.9244992296vw + 14.5331278891px), 24px);
}
.p-unorderedList__item_ym::before,
.p-orderedList__item_ym::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #707070;
}
.p-unorderedList__item_ym:nth-child(n+2),
.p-orderedList__item_ym:nth-child(n+2) {
  margin-top: clamp(0px, calc(-3.6979969183vw + 37.8674884438px), 24px);
}

.p-unorderedList_ym .p-orderedList {
  padding-left: clamp(0px, calc(-2.7734976888vw + 28.4006163328px), 18px);
  margin: clamp(12px, calc(6.1633281972vw + -11.1124807396px), 52px) 0 clamp(-15px, calc(10.3235747304vw + -53.7134052388px), 52px);
}
.p-unorderedList__item_ym {
  position: relative;
}
.p-unorderedList__item_ym::before {
  content: "・";
}
.p-orderedList__item_ym:nth-child(1)::before {
  content: "⑴";
}
.p-orderedList__item_ym:nth-child(2)::before {
  content: "⑵";
}
.p-orderedList__item_ym:nth-child(3)::before {
  content: "⑶";
}
.p-orderedList__item_ym:nth-child(4)::before {
  content: "⑷";
}

@keyframes rainDrops {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
.p-raindropsL_ym,
.p-raindropsR_ym {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: auto;
  pointer-events: none;
}
.p-raindropsL_ym img,
.p-raindropsR_ym img {
  width: auto;
  margin: auto;
}

.p-raindropsL_ym {
  left: clamp(71px, calc(34.9673202614vw + -493.3725490196px), 178px);
}
.p-raindropsL_ym img {
  animation: rainDrops 120s linear 0s infinite normal forwards running;
}

.p-raindropsR_ym {
  right: clamp(51px, calc(25.1633986928vw + -355.137254902px), 128px);
}
.p-raindropsR_ym img {
  animation: rainDrops 120s linear 0s infinite normal forwards running;
}
@media screen and (min-width: 768px) {
  .p-guideline__stickyBg_ym {
    width: auto;
    height: 600px;
  }
  .p-guideline__bg_ym {
    padding: 130px 0 120px;
    background-image: url("../images/guideline/bg_guideline_pc.jpg");
    background-position: center clamp(-382px, calc(-33.1885317116vw + 255.2198088619px), 0px);
  }
  .p-unorderedList_ym .p-orderedList {
    padding-left: 0;
  }
  .p-orderedList__item_ym {
    padding-left: 20px;
  }
  .p-raindropsL_ym,
.p-raindropsR_ym {
    display: block;
  }
}