@charset "UTF-8";
/******************************************************
// その他の変数定義
*******************************************************/
/******************************************************
// mixin定義
*******************************************************/
body {
  background-color: #dbff9d;
}
body .container {
  overflow: hidden;
}

.c-breadcrumbs {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2.2rem;
  margin: 0;
}

img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

@keyframes bound {
  0% {
    transform: translateY(-50rem) scale(1, 1);
  }
  20% {
    transform: translateY(0%) scale(1, 1);
  }
  30% {
    transform: translateY(0%) scale(1.1, 0.9);
  }
  60% {
    transform: translateY(-15px) scale(1, 1);
  }
  70% {
    transform: translateY(0%) scale(1.05, 0.95);
  }
  80% {
    transform: translateY(-5px) scale(1, 1);
  }
  70% {
    transform: translateY(0%) scale(1.02, 0.98);
  }
  100% {
    transform: translateY(0%) scale(1, 1);
  }
}
@keyframes bound2 {
  0% {
    transform: scale(1.25, 1.25) translate(0, 0);
  }
  4% {
    transform: scale(1.2, 1.2) translate(0, 0);
  }
  10% {
    transform: scale(1.2, 1.2) translate(0, 0);
  }
  15% {
    transform: scale(1.16, 1.1) translate(0, 5px);
  }
  30% {
    transform: scale(1.22, 1.2) translate(0, 8px);
  }
  50% {
    transform: scale(1.16, 1.25) translate(0, -8px);
  }
  70% {
    transform: scale(1.2, 1.1) translate(0, 5px);
  }
  100% {
    transform: scale(1.2, 1.2) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.p-mv {
  margin-bottom: 20rem;
  position: relative;
  isolation: auto;
}
@media screen and (max-width: 767px) {
  .p-mv {
    padding-top: 2%;
  }
}
.p-mv::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.p-mv__head {
  width: 95.6rem;
  margin-inline: auto;
  padding-top: 1.7rem;
  position: relative;
  z-index: 1;
  transform-origin: center bottom;
  transform: translateY(-50rem);
}
.p-mv__head.is-animation {
  animation: bound 1.3s ease-in-out alternate forwards;
}
@media screen and (max-width: 1271px) {
  .p-mv__head {
    width: 82rem;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__head {
    width: 49.8rem;
    padding-top: 2rem;
  }
}
.p-mv__text {
  width: 60.7rem;
  margin-inline: auto;
  margin-top: 1.8rem;
  position: relative;
  z-index: 1;
  transform-origin: center bottom;
  transform: translateY(-50rem);
}
.p-mv__text.is-animation {
  animation: bound 1.3s ease-in-out alternate forwards;
}
@media screen and (max-width: 767px) {
  .p-mv__text {
    width: 66.7rem;
  }
}
.p-mv__logo-area {
  width: 95.6rem;
  margin-inline: auto;
  position: relative;
  top: 7rem;
  left: -2rem;
  opacity: 0;
  transform: scale(0);
  transition: transform 1s ease-in-out, opacity 1s;
  z-index: 1;
}
.p-mv__logo-area.is-animation {
  opacity: 1;
  transform: scale(1.25);
  animation: bound2 1.5s 1s ease alternate forwards;
}
@media screen and (max-width: 767px) {
  .p-mv__logo-area.is-animation {
    animation: bound2 1.7s 0.7s ease alternate forwards;
  }
}
@media screen and (max-width: 1271px) {
  .p-mv__logo-area {
    width: 80rem;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__logo-area {
    width: 62.5rem;
    left: 0;
    top: 7.3rem;
    transition: transform 0.7s ease-in-out, opacity 0.7s;
  }
}
.p-mv__bg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: -40rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.p-mv__bg1 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-mv__bg1 {
    height: auto;
    top: -12rem;
  }
  .p-mv__bg1 img {
    height: auto;
  }
}
.p-mv__bg2 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
  mix-blend-mode: screen;
}
.p-mv__bg2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
@media screen and (max-width: 767px) {
  .p-mv__bg2 img {
    object-fit: center;
  }
}
.p-mv__goods {
  position: absolute;
  top: 6rem;
  width: 128.2rem;
  max-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-mv__goods {
    top: 3rem;
  }
}

.p-bg {
  position: relative;
}
.p-bg::before, .p-bg::after {
  background-image: url(../images/lp/img_bg_left.webp);
  background-repeat: repeat-y;
  background-size: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 7rem;
  left: 0;
  height: calc(100% - 79rem);
  width: 50.5rem;
  z-index: -1;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-bg::before, .p-bg::after {
    display: none;
  }
}
.p-bg::after {
  background-image: url(../images/lp/img_bg_right.webp);
  left: auto;
  top: -27rem;
  width: 33.8rem;
  right: 0;
}

.p-point {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.3rem;
}
.p-point__logo {
  width: 22.1rem;
}
@media screen and (max-width: 767px) {
  .p-point__logo {
    width: 24.6rem;
  }
}
.p-point__head {
  width: 40.5rem;
}
@media screen and (max-width: 767px) {
  .p-point__head {
    width: 50rem;
  }
}
.p-point__intro {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-size: 3.6rem;
  letter-spacing: 0em;
  line-height: 1.5555555556;
  color: #ff6f3c;
  text-align: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-point__intro {
    font-size: 5.2rem;
    line-height: 1.3846153846;
    margin-top: 4.2rem;
  }
}
.p-point__text {
  font-family: sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0em;
  line-height: 1.7222222222;
  max-width: 62.2rem;
  width: 80%;
  margin-inline: auto;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-point__text {
    font-family: sans-serif;
    font-weight: 500;
    font-size: 3.2rem;
    letter-spacing: 0.02em;
    line-height: 1.625;
    width: 100%;
    max-width: unset;
    padding-inline: 4.4rem;
  }
}
.p-point__text--annotation {
  display: inline !important;
  font-size: 0.65em;
  position: relative;
  top: -1rem;
}
.p-point__text span {
  display: block;
  text-align: right;
  font-size: 0.6em;
}
.p-point__img {
  margin-inline: auto;
  margin-top: 3rem;
  width: 95%;
  max-width: 84.8rem;
  position: relative;
  left: 0.2%;
}
@media screen and (max-width: 1271px) {
  .p-point__img {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .p-point__img {
    width: 95%;
    margin-top: 6rem;
  }
}

.p-point-list {
  width: 95%;
  margin-inline: auto;
  max-width: 92rem;
  margin-top: 13.2rem;
}
.p-point-list__item {
  background-color: #fff;
  border-radius: 10rem;
  position: relative;
  padding-block: 6.4rem 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-point-list__item {
    padding-block: 7rem 10.6rem;
  }
}
.p-point-list__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: -1;
  background-image: -moz-linear-gradient(90deg, rgb(255, 233, 182) 0%, rgb(255, 217, 230) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(255, 233, 182) 0%, rgb(255, 217, 230) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(255, 233, 182) 0%, rgb(255, 217, 230) 100%);
}
.p-point-list__item:nth-of-type(n + 2) {
  margin-top: 13rem;
}
.p-point-list__item:nth-of-type(2)::before {
  background-image: -moz-linear-gradient(90deg, rgb(149, 255, 224) 0%, rgb(204, 216, 255) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(149, 255, 224) 0%, rgb(204, 216, 255) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(149, 255, 224) 0%, rgb(204, 216, 255) 100%);
}
.p-point-list__item:nth-of-type(2) .p-point__intro {
  color: #04bda5;
}
.p-point-list__item:nth-of-type(2) .p-point-list__decoration {
  right: auto;
  left: -4.8rem;
}
@media screen and (max-width: 1271px) {
  .p-point-list__item:nth-of-type(2) .p-point-list__decoration {
    left: -1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-point-list__item:nth-of-type(2) .p-point-list__decoration {
    left: -10rem;
  }
}
.p-point-list__item:nth-of-type(2) .p-point-list__number {
  left: auto;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-point-list__item:nth-of-type(2) .p-point-list__number {
    right: -1rem;
  }
}
.p-point-list__item:nth-of-type(3)::before {
  background-image: -moz-linear-gradient(90deg, rgb(255, 219, 219) 0%, rgb(255, 226, 156) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(255, 219, 219) 0%, rgb(255, 226, 156) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(255, 219, 219) 0%, rgb(255, 226, 156) 100%);
}
.p-point-list__item:nth-of-type(3) .p-point__intro {
  color: #fa647d;
}
.p-point-list__item:nth-of-type(3) .p-point-list__number {
  left: 2rem;
}
.p-point-list__number {
  height: 27.3rem;
  position: absolute;
  top: -14rem;
  left: 7rem;
}
@media screen and (max-width: 1271px) {
  .p-point-list__number {
    height: 22rem;
  }
}
@media screen and (max-width: 767px) {
  .p-point-list__number {
    height: 28.4rem;
    top: -16rem;
    left: 2rem;
  }
}
.p-point-list__number img {
  width: auto;
  height: 100%;
}
.p-point-list__decoration {
  position: absolute;
  top: -15rem;
  right: -5rem;
  height: 27.6rem;
}
@media screen and (max-width: 1271px) {
  .p-point-list__decoration {
    height: 22rem;
    right: -3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-point-list__decoration {
    height: 27.6rem;
    top: -15rem;
    right: -12rem;
  }
}
.p-point-list__decoration img {
  width: auto;
  height: 100%;
}
.p-point-list__head {
  margin-inline: auto;
  width: fit-content;
  height: 9.9rem;
  position: relative;
  z-index: 1;
}
.p-point-list__head img {
  width: auto;
  height: 100%;
}

.p-service-list {
  width: 96.3rem;
  margin-inline: auto;
  margin-block: 8rem;
}
.p-service-list__item {
  width: 100%;
}
.p-service-list__item:first-of-type {
  margin-bottom: -3rem;
}
@media screen and (max-width: 767px) {
  .p-service-list__item:first-of-type {
    margin-bottom: 0;
  }
}
.p-service-list__item:nth-of-type(2) {
  margin-bottom: -7rem;
}
@media screen and (max-width: 1271px) {
  .p-service-list__item:nth-of-type(2) {
    margin-bottom: -5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-service-list__item:nth-of-type(2) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1271px) {
  .p-service-list {
    width: 80rem;
  }
}
@media screen and (max-width: 767px) {
  .p-service-list {
    width: 72rem;
  }
}

.p-btn-contents {
  position: relative;
}
.p-btn-contents__img {
  width: 88rem;
  margin-inline: auto;
}
@media screen and (max-width: 1271px) {
  .p-btn-contents__img {
    width: 73rem;
  }
}
@media screen and (max-width: 767px) {
  .p-btn-contents__img {
    width: 71rem;
  }
}
.p-btn-contents__link {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-size: 5.4rem;
  letter-spacing: 0em;
  line-height: 1;
  color: #fff;
  width: 78rem;
  height: 20.7rem;
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  counter-reset: #fff;
  background-color: #9bcf41;
  position: absolute;
  left: calc(50% - 0.5rem);
  bottom: 4rem;
  transform: translateX(-50%);
  box-shadow: 1rem 1rem 0 #7ab416;
  transition: transform 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .p-btn-contents__link:hover {
    transform: translate(-50%, -0.7rem);
  }
}
@media (hover: hover), (hover: none) {
  .p-btn-contents__link:active {
    transform: translate(-50%, -0.7rem);
  }
}
@media screen and (max-width: 1271px) {
  .p-btn-contents__link {
    font-size: 4.4rem;
    width: 65rem;
    height: 17rem;
  }
}
@media screen and (max-width: 767px) {
  .p-btn-contents__link {
    font-size: 6.4rem;
    line-height: 1.25;
    flex-direction: column;
    height: 20.7rem;
    box-shadow: 1rem 1.2rem 0 #7ab416;
  }
}
.p-btn-contents__link::before {
  content: "";
  display: block;
  background-image: url(../images/lp/icon_angle.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 3.7rem;
  height: 7.1rem;
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 1271px) {
  .p-btn-contents__link::before {
    width: 3rem;
    height: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-btn-contents__link::before {
    width: 3.7rem;
    height: 7.1rem;
  }
}
.p-btn-contents__link span {
  display: inline-block;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .p-btn-contents__link span {
    padding-left: 0;
    display: block;
    margin-top: 1rem;
  }
}

.p-guide {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-guide {
    width: 95%;
    max-width: 108rem;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1271px) {
  .p-guide {
    max-width: 95rem;
    width: 89.5%;
  }
}
.p-guide__head {
  width: 32rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-guide__head {
    width: 39.7rem;
  }
}

.p-guide-list {
  margin-block: 11rem 11rem;
  width: 95%;
  max-width: 109rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-guide-list {
    width: 100%;
    max-width: unset;
  }
}
.p-guide-list__item {
  border-radius: 5rem;
  background-color: #fff;
  padding-block: 8.8rem 4.8rem;
  padding-inline: 5.6rem;
  box-shadow: 0 0 2rem rgba(34, 34, 34, 0.16);
}
@media screen and (max-width: 767px) {
  .p-guide-list__item {
    padding-block: 9rem 8rem;
    padding-inline: 4.5rem;
  }
}
.p-guide-list__item:nth-of-type(n + 2) {
  margin-top: 6rem;
}
.p-guide-list__head {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-size: 4rem;
  letter-spacing: 0em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-guide-list__head {
    font-size: 5rem;
  }
}
.p-guide-list__text {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-top: 2.4rem;
  text-align: center;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-guide-list__text {
    font-size: 2rem;
    margin-top: 4rem;
  }
}
.p-guide-list__text span {
  font-size: 1.2rem;
  margin-top: 0.6rem;
  display: block;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-guide-list__text span {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 1rem;
  }
}
.p-guide-list__img-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  margin-top: 5rem;
  position: relative;
}
@media screen and (max-width: 1271px) {
  .p-guide-list__img-wrap {
    grid-template-columns: 1fr;
    gap: 8rem;
    width: 80%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-list__img-wrap {
    width: 100%;
    gap: 11rem;
  }
}
@media screen and (max-width: 1271px) {
  .p-guide-list__img-wrap.p-guide-list__img-wrap--col2 {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-list__img-wrap.p-guide-list__img-wrap--col2 {
    margin-top: 11rem;
  }
}
.p-guide-list__img-wrap.p-guide-list__img-wrap--col2::after {
  content: "";
  display: block;
  background-color: #7ab416;
  width: 3rem;
  height: 3rem;
  clip-path: polygon(100% 50%, 0 0%, 0 100%);
  position: absolute;
  top: -3.5rem;
  left: calc(50% - 0.5rem);
  transform: translateX(-50%) rotate(135deg);
}
@media screen and (max-width: 1271px) {
  .p-guide-list__img-wrap.p-guide-list__img-wrap--col2::after {
    width: 2.4rem;
    height: 10rem;
    clip-path: polygon(100% 50%, 0 0%, 0 100%);
    position: absolute;
    top: -9rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
.p-guide-list__img-wrap::before {
  content: "";
  display: block;
  background-color: #7ab416;
  width: 2.4rem;
  height: 10rem;
  clip-path: polygon(100% 50%, 0 0%, 0 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1271px) {
  .p-guide-list__img-wrap::before {
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .p-guide-list__img-wrap::before {
    height: 12.5rem;
    width: 3rem;
  }
}
.p-guide-list__link {
  margin-top: 3rem;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-guide-list__link {
    margin-top: 7rem;
  }
}
.p-guide-list__sub {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-guide-list__sub {
    margin-top: 10rem;
  }
}
.p-guide-list__sub-head {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-size: 2.8rem;
  letter-spacing: 0em;
  line-height: 1;
  color: #7ab416;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-guide-list__sub-head {
    font-size: 3.6rem;
  }
}
.p-guide-list__sub-head span {
  font-size: 0.6em;
  position: relative;
  top: -1rem;
}

.p-pay-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 3rem;
}
@media screen and (max-width: 1271px) {
  .p-pay-wrap {
    grid-template-columns: 1fr;
    width: 80%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-pay-wrap {
    width: 100%;
  }
}
.p-pay-wrap__contents {
  background-color: #ebf1e5;
  padding: 1.8rem;
}
.p-pay-wrap__contents.p-pay-wrap__contents--flex {
  background-color: #fff;
  display: grid;
  grid-template-columns: 23rem 23rem;
  gap: 1.8rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-pay-wrap__contents.p-pay-wrap__contents--flex {
    grid-template-columns: 28.5rem 28.5rem;
  }
}
.p-pay-wrap__contents img {
  width: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-pay-wrap__contents img {
    width: 7rem;
  }
}
.p-pay-wrap__head {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0em;
  line-height: 1;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .p-pay-wrap__head {
    font-size: 2.25rem;
  }
}
.p-pay-wrap__head span {
  font-size: 0.7em;
}
.p-pay-wrap__logo-wrap {
  display: flex;
  align-items: center;
  gap: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-pay-wrap__logo-wrap {
    gap: 4.6rem;
  }
}
.p-pay-wrap__logo-wrap.p-pay-wrap__logo-wrap--center {
  justify-content: center;
}
@media screen and (max-width: 1271px) {
  .p-pay-wrap__logo-wrap {
    justify-content: center;
  }
}
.p-pay-wrap__inner {
  background-color: #ebf1e5;
  padding: 1.8rem 1rem;
  text-align: center;
}

.p-mypage-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem 3.8rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-mypage-list {
    grid-template-columns: 1fr;
    margin-top: 6rem;
  }
}
.p-mypage-list__item {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #7ab416;
  border: 0.8rem solid #ebf9a1;
  border-radius: 3rem;
  height: 12rem;
  display: flex;
  align-items: center;
  padding-left: 5rem;
  position: relative;
}
@media screen and (max-width: 1271px) {
  .p-mypage-list__item {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-mypage-list__item {
    border-width: 1.2rem;
    font-size: 3.6rem;
    height: 15rem;
    padding-left: 5rem;
  }
}
.p-mypage-list__item.p-mypage-list__item--news::before {
  background-image: url(../images/lp/icon_news.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item.p-mypage-list__item--history::before {
  background-image: url(../images/lp/icon_history.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item.p-mypage-list__item--point::before {
  background-image: url(../images/lp/icon_point.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item.p-mypage-list__item--goods::before {
  background-image: url(../images/lp/icon_goods.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item.p-mypage-list__item--info::before {
  background-image: url(../images/lp/icon_info.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item.p-mypage-list__item--favorite::before {
  background-image: url(../images/lp/icon_favorite.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item.p-mypage-list__item--list::before {
  background-image: url(../images/lp/icon_list.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-mypage-list__item::before {
  content: "";
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: 50%;
  right: 7rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 1271px) {
  .p-mypage-list__item::before {
    right: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-mypage-list__item::before {
    width: 6rem;
    height: 6rem;
    right: 6rem;
  }
}

/*# sourceMappingURL=lp.css.map */