@charset "UTF-8";
html {
  scroll-behavior: smooth;
  scroll-padding-top: 170px;
}
@media screen and (max-width: 1023px) {
  html {
    scroll-padding-top: 115px;
  }
}

.lp-content-e_gift {
  position: relative;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  color: #1A1A1A;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift {
    font-size: calc(clamp(0px, 3.7333333333vw, 38.192px) * 1);
    line-height: 1.7142857143;
    margin-bottom: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}
.lp-content-e_gift input[type=radio] ~ .label, .lp-content-e_gift input[type=radio] ~ label {
  margin: 0 !important;
  padding: 0 !important;
}
.lp-content-e_gift input[type=radio] ~ .label::before, .lp-content-e_gift input[type=radio] ~ .label::after, .lp-content-e_gift input[type=radio] ~ label::before, .lp-content-e_gift input[type=radio] ~ label::after {
  display: none;
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .sp {
    display: none !important;
  }
}
.lp-content-e_gift sup {
  font-size: 0.7em !important;
}
.lp-content-e_gift strong {
  font-weight: bold;
}
.lp-content-e_gift label {
  text-transform: unset;
}
.lp-content-e_gift input {
  position: absolute;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
.lp-content-e_gift img {
  width: 100%;
  vertical-align: bottom;
}
.lp-content-e_gift p {
  margin: 0;
}
.lp-content-e_gift a {
  color: #1A1A1A;
}
.lp-content-e_gift dl,
.lp-content-e_gift dt,
.lp-content-e_gift dd {
  margin: 0;
  border: none;
}
.lp-content-e_gift .fs110p {
  font-size: 110%;
}
.lp-content-e_gift .fs80p {
  font-size: 80%;
}
.lp-content-e_gift .strong {
  color: #36A546;
  font-weight: bold;
}
.lp-content-e_gift .section-title {
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .section-title {
    font-size: calc(clamp(0px, 1.9791666667vw, 38px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .section-title {
    font-size: calc(clamp(0px, 6.4vw, 65.472px) * 1);
    margin-bottom: 0;
  }
}
.lp-content-e_gift .cmn-link {
  color: #1A1A1A;
  border: 1px solid #1A1A1A;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .cmn-link {
    font-size: calc(clamp(0px, 0.7291666667vw, 14px) * 1);
    width: calc(clamp(0px, 19.0104166667vw, 365px) * 1);
    height: calc(clamp(0px, 2.5520833333vw, 49px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .cmn-link {
    font-size: calc(clamp(0px, 3.2vw, 32.736px) * 1);
    width: calc(clamp(0px, 78.6666666667vw, 804.76px) * 1);
    height: calc(clamp(0px, 9.6vw, 98.208px) * 1);
  }
}
.lp-content-e_gift .link-underline {
  text-decoration: underline;
}
.lp-content-e_gift .lp-bg {
  background: linear-gradient(rgb(255, 255, 255), rgb(255, 241, 241) 72%);
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .lp-bg {
    padding: 0 0 calc(clamp(0px, 10.4166666667vw, 200px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .lp-bg {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1) calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
  }
}
.lp-content-e_gift .keyvisual {
  position: relative;
  display: flex;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .keyvisual {
    background-image: url(/media/export/cms2.0/lp/e_gift/251014/img/kv.jpg);
    width: calc(clamp(0px, 100vw, 1920px) * 1);
    height: calc(clamp(0px, 42.03125vw, 807px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .keyvisual {
    background-image: url(/media/export/cms2.0/lp/e_gift/251014/img/kv_sp.jpg);
    width: calc(clamp(0px, 100vw, 1023px) * 1);
    height: calc(clamp(0px, 142.9333333333vw, 1462.208px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .keyvisual .keyvisual-inner {
    margin-top: calc(clamp(0px, 9.6354166667vw, 185px) * 1);
    margin-left: calc(clamp(0px, 8.3333333333vw, 160px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .keyvisual .keyvisual-inner {
    text-align: center;
    position: absolute;
    bottom: calc(clamp(0px, 12.6666666667vw, 129.58px) * 1);
    right: 0;
    left: 0;
  }
}
.lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-title {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-title {
    font-size: calc(clamp(0px, 3.125vw, 60px) * 1);
    margin-bottom: calc(clamp(0px, 3.125vw, 60px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-title {
    font-size: calc(clamp(0px, 8.5333333333vw, 87.296px) * 1);
    margin-bottom: calc(clamp(0px, 8vw, 81.84px) * 1);
  }
}
.lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-text {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-text {
    line-height: 1.5;
    font-size: calc(clamp(0px, 1.40625vw, 27px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-text {
    line-height: 1.7142857143;
  }
}
.lp-content-e_gift .keyvisual .keyvisual-inner .keyvisual-text + .keyvisual-text {
  margin-top: 0.8em;
}
.lp-content-e_gift .anchor-wrap {
  display: grid;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .anchor-wrap {
    grid-template-columns: repeat(5, calc(clamp(0px, 17.1875vw, 330px) * 1));
    gap: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
    margin-block: calc(clamp(0px, 4.6875vw, 90px) * 1) calc(clamp(0px, 6.5104166667vw, 125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .anchor-wrap {
    gap: calc(clamp(0px, 4vw, 40.92px) * 1);
    margin-block: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1) calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
  }
}
.lp-content-e_gift .anchor-wrap .anchor-item a {
  background-color: #F5F6F7;
  color: #1A1A1A;
  font-weight: bold;
  display: grid;
  place-content: center;
  grid-auto-flow: column;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .anchor-wrap .anchor-item a {
    height: calc(clamp(0px, 4.6875vw, 90px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .anchor-wrap .anchor-item a {
    font-size: calc(clamp(0px, 4vw, 40.92px) * 1);
    width: calc(clamp(0px, 89.3333333333vw, 913.88px) * 1);
    height: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
  }
}
.lp-content-e_gift .anchor-wrap .anchor-item a::after {
  content: "";
  color: #1A1A1A;
  line-height: 1;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .anchor-wrap .anchor-item a::after {
    width: calc(clamp(0px, 0.625vw, 12px) * 1);
    height: calc(clamp(0px, 0.625vw, 12px) * 1);
    border: calc(clamp(0px, 0.1041666667vw, 2px) * 1) solid currentColor;
    border-left: 0;
    border-bottom: 0;
    right: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    top: calc(clamp(0px, 1.9791666667vw, 38px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .anchor-wrap .anchor-item a::after {
    width: calc(clamp(0px, 2.4vw, 24.552px) * 1);
    height: calc(clamp(0px, 2.4vw, 24.552px) * 1);
    border: calc(clamp(0px, 0.5333333333vw, 5.456px) * 1) solid currentColor;
    border-left: 0;
    border-bottom: 0;
    right: calc(clamp(0px, 5.0666666667vw, 51.832px) * 1);
    top: calc(clamp(0px, 4.8vw, 49.104px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .about {
    margin-bottom: calc(clamp(0px, 5.9895833333vw, 115px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .about {
    margin-top: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
    margin-bottom: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}
.lp-content-e_gift .about .about-text {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .about .about-text {
    margin-block: calc(clamp(0px, 3.125vw, 60px) * 1) calc(clamp(0px, 3.6458333333vw, 70px) * 1);
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .about .about-text {
    margin-block: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1) calc(clamp(0px, 10vw, 102.3px) * 1);
    line-height: 1.7142857143;
  }
}
.lp-content-e_gift .about .about-list {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .about .about-list {
    display: grid;
    grid-template-columns: calc(clamp(0px, 9.84375vw, 189px) * 1) calc(clamp(0px, 7.65625vw, 147px) * 1) calc(clamp(0px, 9.84375vw, 189px) * 1) calc(clamp(0px, 12.03125vw, 231px) * 1);
    justify-content: center;
    gap: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .about .about-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    gap: calc(clamp(0px, 8vw, 81.84px) * 1) 0;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .about .about-list li {
    width: calc(clamp(0px, 34.6666666667vw, 354.64px) * 1);
  }
}
.lp-content-e_gift .about .about-list img {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .about .about-list img {
    height: calc(clamp(0px, 4.375vw, 84px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .about .about-list img {
    height: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}
.lp-content-e_gift .about .about-list p {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .about .about-list p {
    margin-top: calc(clamp(0px, 1.3541666667vw, 26px) * 1);
    line-height: 1.619047619;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .about .about-list p {
    font-size: calc(clamp(0px, 3.2vw, 32.736px) * 1);
    margin-top: calc(clamp(0px, 4vw, 40.92px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping {
    margin: 0 auto;
    margin-bottom: calc(clamp(0px, 6.5104166667vw, 125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .wrapping {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    margin-bottom: calc(clamp(0px, 24vw, 245.52px) * 1);
  }
}
.lp-content-e_gift .wrapping .wrappingw-wrap {
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping .wrappingw-wrap {
    background-image: url(/media/export/cms2.0/lp/e_gift/251014/img/wrapping_pc.jpg);
    width: calc(clamp(0px, 91.6666666667vw, 1760px) * 1);
    height: calc(clamp(0px, 28.6458333333vw, 550px) * 1);
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .wrapping .wrappingw-wrap {
    background-image: url(/media/export/cms2.0/lp/e_gift/251014/img/wrapping_sp.jpg);
    width: calc(clamp(0px, 89.3333333333vw, 913.88px) * 1);
    height: calc(clamp(0px, 117.3333333333vw, 1200.32px) * 1);
    padding: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1) calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping .wrappingw-wrap .section-title {
    text-align: start;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping .wrapping-text {
    padding-top: calc(clamp(0px, 8.8541666667vw, 170px) * 1);
    padding-left: calc(clamp(0px, 4.1666666667vw, 80px) * 1);
    width: calc(clamp(0px, 52.6041666667vw, 1010px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping .wrapping-lead {
    margin-block: calc(clamp(0px, 2.8645833333vw, 55px) * 1) calc(clamp(0px, 1.5625vw, 30px) * 1);
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .wrapping .wrapping-lead {
    margin-block: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1) calc(clamp(0px, 4vw, 40.92px) * 1);
    line-height: 1.7142857143;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping .wrapping-note {
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
    margin-bottom: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .wrapping .wrapping-note {
    margin-bottom: calc(clamp(0px, 6.6666666667vw, 68.2px) * 1);
  }
  .lp-content-e_gift .wrapping .wrapping-note p {
    font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .wrapping .wrapping-link {
    margin-inline: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .wrapping .wrapping-link {
    width: 100%;
    height: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to {
    margin: 0 auto;
    width: calc(clamp(0px, 83.3333333333vw, 1600px) * 1);
    margin-bottom: calc(clamp(0px, 6.7708333333vw, 130px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    margin-bottom: calc(clamp(0px, 9.3333333333vw, 95.48px) * 1);
  }
}
.lp-content-e_gift .how_to .tab-filter .tab-item {
  display: none;
}
.lp-content-e_gift .how_to .tab-filter #tab_content1:checked ~ nav label[for=tab_content1],
.lp-content-e_gift .how_to .tab-filter #tab_content2:checked ~ nav label[for=tab_content2] {
  background-color: #CEEAD4;
  color: #1A1A1A;
}
.lp-content-e_gift .how_to .tab-filter #tab_content1:checked ~ .tab-content .tab_content1 {
  display: block;
}
.lp-content-e_gift .how_to .tab-filter #tab_content2:checked ~ .tab-content .tab_content2 {
  display: block;
}
.lp-content-e_gift .how_to nav {
  display: grid;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to nav {
    grid-template-columns: repeat(2, calc(clamp(0px, 18.75vw, 360px) * 1));
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    -moz-column-gap: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    column-gap: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    margin-block: calc(clamp(0px, 3.4375vw, 66px) * 1) calc(clamp(0px, 4.0625vw, 78px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to nav {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    column-gap: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    margin-block: calc(clamp(0px, 4vw, 40.92px) * 1) calc(clamp(0px, 6.4vw, 65.472px) * 1);
  }
}
.lp-content-e_gift .how_to label {
  cursor: pointer;
  background: #F0F0F0;
  color: #7E7E7E;
  transition: background 0.3s;
  display: grid;
  place-content: center;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to label {
    height: calc(clamp(0px, 4.6875vw, 90px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to label {
    height: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
    letter-spacing: -0.01em;
  }
}
.lp-content-e_gift .how_to .tab-content {
  background: #FAFAFA;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to .step-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    text-align: center;
    padding-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
  .lp-content-e_gift .how_to .step-list .step {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: calc(clamp(0px, 1.5625vw, 30px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to {
    /* スライド領域のスタイル */
    /* タブ1のスライド制御 */
    /* タブ2のスライド制御 */
    /* ナビゲーションボタン */
    /* スライド切り替え制御 */
    /* タブ1のスライド */
    /* タブ2のスライド */
  }
  .lp-content-e_gift .how_to .tab_content1,
  .lp-content-e_gift .how_to .tab_content2 {
    position: relative;
    overflow: hidden;
  }
  .lp-content-e_gift .how_to .tab_content1 .step-list,
  .lp-content-e_gift .how_to .tab_content2 .step-list {
    display: flex;
    width: 300%;
    transition: transform 0.4s ease;
    transform: translateX(0);
  }
  .lp-content-e_gift .how_to .tab_content1 .step,
  .lp-content-e_gift .how_to .tab_content2 .step {
    width: 33.333%;
    flex-shrink: 0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
  }
  .lp-content-e_gift .how_to .tab_content1 .step .step-inner,
  .lp-content-e_gift .how_to .tab_content2 .step .step-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
  }
  .lp-content-e_gift .how_to .tab-item {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .lp-content-e_gift .how_to .tab-item input[type=radio] {
    display: none;
  }
  .lp-content-e_gift .how_to .tab_content1 #step1_1:checked ~ .step-list {
    transform: translateX(0);
  }
  .lp-content-e_gift .how_to .tab_content1 #step1_1:checked ~ .carousel-nav.nav1 {
    display: block;
  }
  .lp-content-e_gift .how_to .tab_content1 #step1_2:checked ~ .step-list {
    transform: translateX(-33.333%);
  }
  .lp-content-e_gift .how_to .tab_content1 #step1_2:checked ~ .carousel-nav.nav2 {
    display: block;
  }
  .lp-content-e_gift .how_to .tab_content1 #step1_3:checked ~ .step-list {
    transform: translateX(-66.666%);
  }
  .lp-content-e_gift .how_to .tab_content1 #step1_3:checked ~ .carousel-nav.nav3 {
    display: block;
  }
  .lp-content-e_gift .how_to .tab_content2 #step2_1:checked ~ .step-list {
    transform: translateX(0);
  }
  .lp-content-e_gift .how_to .tab_content2 #step2_1:checked ~ .carousel-nav.nav1 {
    display: block;
  }
  .lp-content-e_gift .how_to .tab_content2 #step2_2:checked ~ .step-list {
    transform: translateX(-33.333%);
  }
  .lp-content-e_gift .how_to .tab_content2 #step2_2:checked ~ .carousel-nav.nav2 {
    display: block;
  }
  .lp-content-e_gift .how_to .tab_content2 #step2_3:checked ~ .step-list {
    transform: translateX(-66.666%);
  }
  .lp-content-e_gift .how_to .tab_content2 #step2_3:checked ~ .carousel-nav.nav3 {
    display: block;
  }
  .lp-content-e_gift .how_to .carousel-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 10;
  }
  .lp-content-e_gift .how_to .carousel-nav.nav1, .lp-content-e_gift .how_to .carousel-nav.nav2, .lp-content-e_gift .how_to .carousel-nav.nav3 {
    display: none;
  }
  .lp-content-e_gift .how_to .carousel-nav label {
    position: absolute;
    background: none;
    color: #000;
    width: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
    height: calc(clamp(0px, 40vw, 409.2px) * 1);
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    cursor: pointer;
  }
  .lp-content-e_gift .how_to .carousel-nav label.prev {
    left: 10px;
  }
  .lp-content-e_gift .how_to .carousel-nav label.prev::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    height: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(25%) rotate(-135deg);
  }
  .lp-content-e_gift .how_to .carousel-nav label.next {
    right: 10px;
  }
  .lp-content-e_gift .how_to .carousel-nav label.next::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    height: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
  }
  .lp-content-e_gift .how_to #step1_1:checked ~ .step-list {
    transform: translateX(0);
  }
  .lp-content-e_gift .how_to #step1_1:checked ~ .carousel-nav.nav1 {
    display: block;
  }
  .lp-content-e_gift .how_to #step1_2:checked ~ .step-list {
    transform: translateX(-33.333%);
  }
  .lp-content-e_gift .how_to #step1_2:checked ~ .carousel-nav.nav2 {
    display: block;
  }
  .lp-content-e_gift .how_to #step1_3:checked ~ .step-list {
    transform: translateX(-66.666%);
  }
  .lp-content-e_gift .how_to #step1_3:checked ~ .carousel-nav.nav3 {
    display: block;
  }
  .lp-content-e_gift .how_to #step2_1:checked ~ .step-list {
    transform: translateX(0);
  }
  .lp-content-e_gift .how_to #step2_1:checked ~ .carousel-nav.nav1 {
    display: block;
  }
  .lp-content-e_gift .how_to #step2_2:checked ~ .step-list {
    transform: translateX(-33.333%);
  }
  .lp-content-e_gift .how_to #step2_2:checked ~ .carousel-nav.nav2 {
    display: block;
  }
  .lp-content-e_gift .how_to #step2_3:checked ~ .step-list {
    transform: translateX(-66.666%);
  }
  .lp-content-e_gift .how_to #step2_3:checked ~ .carousel-nav.nav3 {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to .step-number {
    font-size: calc(clamp(0px, 5.6vw, 57.288px) * 1);
    font-weight: bold;
    text-align: center;
    height: calc(clamp(0px, 12.2666666667vw, 125.488px) * 1);
    margin-bottom: calc(clamp(0px, 6.4vw, 65.472px) * 1);
    font-family: Helvetica, Arial !important;
  }
  .lp-content-e_gift .how_to .step-number span {
    font-size: calc(clamp(0px, 7.4666666667vw, 76.384px) * 1);
    font-family: Helvetica, Arial !important;
  }
}
.lp-content-e_gift .how_to .step1 .step-number {
  background-color: #DBEEDF;
}
.lp-content-e_gift .how_to .step2 .step-number {
  background-color: #CCE8D3;
}
.lp-content-e_gift .how_to .step3 .step-number {
  background-color: #ADDDB7;
}
.lp-content-e_gift .how_to .step-title {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to .step-title {
    font-size: calc(clamp(0px, 1.5625vw, 30px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to .step-title {
    text-align: center;
    font-size: calc(clamp(0px, 4.8vw, 49.104px) * 1);
    margin-bottom: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
    line-height: 1.4;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to .step-text {
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to .step-text {
    text-align: center;
    line-height: 1.7142857143;
  }
}
.lp-content-e_gift .how_to .step-image {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .how_to .step-image {
    width: calc(clamp(0px, 13.5416666667vw, 260px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .how_to .step-image {
    margin-top: calc(clamp(0px, 4vw, 40.92px) * 1);
    width: calc(clamp(0px, 56.2666666667vw, 575.608px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products {
    margin: 0 auto;
    margin-bottom: calc(clamp(0px, 10.8333333333vw, 208px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    margin-bottom: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
  }
}
.lp-content-e_gift .products .category-filter {
  /* ===== 装飾 ===== */
  /* ===== 動き ===== */
  /* アクティブカテゴリのタブラベル */
  /* 表示ルール (OR検索) */
}
.lp-content-e_gift .products .category-filter .category-list .item {
  display: none;
  /* 初期状態は隠す */
}
.lp-content-e_gift .products .category-filter #cat_skincare:checked ~ nav label[for=cat_skincare],
.lp-content-e_gift .products .category-filter #cat_makeup:checked ~ nav label[for=cat_makeup],
.lp-content-e_gift .products .category-filter #item:checked ~ nav label[for=item] {
  font-weight: bold;
  background: #CEEAD4;
}
.lp-content-e_gift .products .category-filter #cat_skincare:checked ~ .category-list .cat_skincare,
.lp-content-e_gift .products .category-filter #cat_makeup:checked ~ .category-list .cat_makeup,
.lp-content-e_gift .products .category-filter #item:checked ~ .category-list .item {
  display: block grid;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products nav {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    justify-content: center;
    -moz-column-gap: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    column-gap: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    margin-block: calc(clamp(0px, 3.4375vw, 66px) * 1) calc(clamp(0px, 4.6875vw, 90px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    margin-block: calc(clamp(0px, 4vw, 40.92px) * 1) calc(clamp(0px, 7.3333333333vw, 75.02px) * 1);
  }
}
.lp-content-e_gift .products label {
  text-align: center;
  cursor: pointer;
  background: #e6e8ed;
  transition: background 0.3s;
  place-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products label {
    height: calc(clamp(0px, 4.6875vw, 90px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products label {
    height: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products label .small {
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products label .small {
    font-size: calc(clamp(0px, 2.9333333333vw, 30.008px) * 1);
  }
}
.lp-content-e_gift .products .category-list {
  display: grid;
  margin: 0;
  padding: 0;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .category-list {
    text-align: center;
    grid-template-columns: repeat(4, calc(clamp(0px, 19.0104166667vw, 365px) * 1));
    gap: calc(clamp(0px, 3.125vw, 60px) * 1) calc(clamp(0px, 2.34375vw, 45px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .category-list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1) calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
  }
}
.lp-content-e_gift .products .item {
  grid-template-rows: subgrid;
  grid-row: span 5;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .item {
    gap: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item {
    gap: calc(clamp(0px, 2.9333333333vw, 30.008px) * 1);
  }
}
.lp-content-e_gift .products .item .item-title {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .item .item-title {
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item .item-title {
    word-break: keep-all;
    font-size: calc(clamp(0px, 3.7333333333vw, 38.192px) * 1);
    line-height: 1.7142857143;
  }
}
.lp-content-e_gift .products .item .item-title img {
  display: block;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .item .item-title img {
    margin-top: calc(clamp(0px, 0.78125vw, 15px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item .item-title img {
    margin-top: calc(clamp(0px, 2.4vw, 24.552px) * 1);
  }
}
.lp-content-e_gift .products .item .item-text {
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .item .item-text {
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item .item-text {
    font-size: calc(clamp(0px, 3.2vw, 32.736px) * 1);
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item .item-detail {
    font-size: calc(clamp(0px, 3.7333333333vw, 38.192px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .item .item-detail span {
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item .item-detail span {
    font-size: calc(clamp(0px, 2.9333333333vw, 30.008px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .products .item .item-link {
    margin-top: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .products .item .item-link {
    height: calc(clamp(0px, 11.4666666667vw, 117.304px) * 1);
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-list {
    margin-top: calc(clamp(0px, 3.4375vw, 66px) * 1);
    width: calc(clamp(0px, 83.3333333333vw, 1600px) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-list {
    margin-top: calc(clamp(0px, 6.6666666667vw, 68.2px) * 1);
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-content-e_gift .faq .faq-item {
  background-color: #F0FAF3;
}
.lp-content-e_gift .faq .faq-item + .faq-item {
  margin-top: calc(clamp(0px, 1.5625vw, 30px) * 1);
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-item + .faq-item {
    margin-top: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-content-e_gift .faq .faq-item[open] .faq-txt {
  opacity: 1;
}
.lp-content-e_gift .faq .faq-item[open] .accordion__toggle::after {
  opacity: 0;
}
.lp-content-e_gift .faq .faq-item .accordion__toggle {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-item .accordion__toggle {
    width: calc(clamp(0px, 1.25vw, 24px) * 1);
    height: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-item .accordion__toggle {
    width: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
    height: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
    top: calc(clamp(0px, 1.8666666667vw, 19.096px) * 1);
  }
}
.lp-content-e_gift .faq .faq-item .accordion__toggle::before, .lp-content-e_gift .faq .faq-item .accordion__toggle::after {
  background: #0e122a;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.lp-content-e_gift .faq .faq-item .accordion__toggle::before {
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-item .accordion__toggle::before {
    width: calc(clamp(0px, 1.25vw, 24px) * 1);
    height: calc(clamp(0px, 0.2083333333vw, 4px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-item .accordion__toggle::before {
    width: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
    height: calc(clamp(0px, 0.5333333333vw, 5.456px) * 1);
  }
}
.lp-content-e_gift .faq .faq-item .accordion__toggle::after {
  right: 0;
  transition: opacity 0.1s ease;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-item .accordion__toggle::after {
    width: calc(clamp(0px, 0.2083333333vw, 4px) * 1);
    height: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-item .accordion__toggle::after {
    width: calc(clamp(0px, 0.5333333333vw, 5.456px) * 1);
    height: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
  }
}
.lp-content-e_gift .faq .faq-title {
  padding-left: 1.5em;
  font-weight: bold;
  display: grid;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-title {
    cursor: pointer;
    padding: calc(clamp(0px, 1.25vw, 24px) * 1) calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
    grid-template-columns: calc(clamp(0px, 1.8229166667vw, 35px) * 1) auto calc(clamp(0px, 1.25vw, 24px) * 1);
    gap: calc(clamp(0px, 0.625vw, 12px) * 1);
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-title {
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
    line-height: 1.6875;
    padding: calc(clamp(0px, 4.5333333333vw, 46.376px) * 1) calc(clamp(0px, 3.7333333333vw, 38.192px) * 1) calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    grid-template-columns: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1) auto calc(clamp(0px, 3.2vw, 32.736px) * 1);
    gap: calc(clamp(0px, 1.8666666667vw, 19.096px) * 1);
  }
}
.lp-content-e_gift .faq .faq-title::before {
  content: "Q.";
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-title::before {
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-title::before {
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}
.lp-content-e_gift .faq .faq-txt {
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: grid;
  align-items: baseline;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-txt {
    grid-template-columns: calc(clamp(0px, 1.8229166667vw, 35px) * 1) auto;
    gap: calc(clamp(0px, 0.625vw, 12px) * 1);
    line-height: 1.7142857143;
    padding: 0 calc(clamp(0px, 2.34375vw, 45px) * 1) calc(clamp(0px, 1.8229166667vw, 35px) * 1) calc(clamp(0px, 1.8229166667vw, 35px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-txt {
    font-size: calc(clamp(0px, 3.7333333333vw, 38.192px) * 1);
    line-height: 1.6875;
    padding: 0 calc(clamp(0px, 3.7333333333vw, 38.192px) * 1) calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    grid-template-columns: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1) auto;
    gap: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
  }
}
.lp-content-e_gift .faq .faq-txt .faq-note {
  display: block;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-txt .faq-note {
    font-size: calc(clamp(0px, 1.1458333333vw, 22px) * 1);
    margin-top: calc(clamp(0px, 1.5625vw, 30px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-txt .faq-note {
    font-size: calc(clamp(0px, 2.9333333333vw, 30.008px) * 1);
    margin-top: calc(clamp(0px, 4vw, 40.92px) * 1);
  }
}
.lp-content-e_gift .faq .faq-txt::before {
  content: "A.";
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-txt::before {
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-txt::before {
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-indent {
    margin-top: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-indent {
    margin-top: calc(clamp(0px, 1.3333333333vw, 13.64px) * 1);
  }
}
.lp-content-e_gift .faq .faq-indent > li {
  text-indent: -1.4em;
  margin-left: 1.4em;
  color: #999999;
}
@media screen and (min-width: 1024px) {
  .lp-content-e_gift .faq .faq-indent > li {
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content-e_gift .faq .faq-indent > li {
    font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    line-height: 1.6;
  }
}