@charset "UTF-8";

:root {
  --pc-calc: 1920*100vw;
  --sp-calc: 611*100vw;
  --color-pink: #d7546b;
  --bg-pink: #ffd0da;
  --color-green: #006241;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gold: #cca944;
}

@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 300;
  src: url("/common/fonts/SoDoSans/SoDoSans-Light.woff") format("woff2");
}

@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}

@font-face {
  font-family: "SoDoSans Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}

@font-face {
  font-family: "SoDoSans Black";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Black.woff") format("woff");
}

@font-face {
  font-family: "SoDoSans Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff");
}

@font-face {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}

*, *::before, *::after {
  box-sizing: border-box;
}


html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.mod-pc {
  display: block;
}

.mod-sp {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

a {
  transition: .3s ease;
}
a:hover {
  opacity: .8;
  transform: .3 ease;
}

.mainContentsIn {
  position: relative;
  overflow: auto;
  height: 100%;
}

.en {
  font-family: "SoDoSans Bold";
}
@media print, screen and (max-width: 1023px) {
  p {
    letter-spacing: calc(0.9 / var(--sp-calc));
  } 
  .mainContentsIn {
    overflow-x: hidden;
  }
  
  .mod-pc {
    display: none;
  }

  .mod-sp {
    display: block;
  }
  
}
/* =============================================
section-kv
============================================= */
.section-kv {
  position: relative;
  background-color: var(--bg-pink);
}
.kv-title {
  position: absolute;
  top: calc(314/var(--pc-calc));
  left: calc(1142/var(--pc-calc));
  width: calc(570/var(--pc-calc));
  margin-bottom: calc(20/var(--pc-calc));
}
.kv-text {
  position: absolute;
  top: calc(418/var(--pc-calc));
  left: calc(1203/var(--pc-calc));
  font-feature-settings: "palt";
  font-size: calc(30/var(--pc-calc));
  font-weight: bold;
  color: var(--color-pink);
  text-align: center;
  margin: 0;
}
.kv-text span {
  line-height: 1;
  display: inline-block;
  vertical-align: super;
}

@media print, screen and (max-width: 1023px) {
  .kv-title {
    top: calc(782 / var(--sp-calc));
    left: calc(77 / var(--sp-calc));
    width: calc(457 / var(--sp-calc));
  }
  .kv-text {
    top: calc(864 / var(--sp-calc));
    left: calc(121 / var(--sp-calc));
    font-size: calc(26 / var(--sp-calc));
    letter-spacing: 0.01em;
  }
}

/* =============================================
section-lead
============================================= */
.section-lead {
  position: relative;
  background-color: var(--bg-pink);
}
.lead-bg {
  position: relative;
}
.lead-ttl {
  width: fit-content;
  position: absolute;
  top: min(60px,calc(60/var(--pc-calc)));
  left: min(8px,calc(8/var(--pc-calc)));
  right: 0;
  font-size: min(40px,calc(40/var(--pc-calc)));
  letter-spacing: -0.02em;
  color: var(--color-green);
  font-weight: bold;
  margin: 0 auto;
}
.lead-text {
  font-feature-settings: "palt";
  width: fit-content;
  position: absolute;
  top: min(144px,calc(144/var(--pc-calc)));
  left: min(8px,calc(8/var(--pc-calc)));
  right: 0;
  font-size: min(24px,calc(24/var(--pc-calc)));
  color: var(--color-black);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
.lead-date {
  width: min(591px,calc(591/var(--pc-calc)));
  position: absolute;
  top: min(296px,calc(296/var(--pc-calc)));
  left: min(4.85px,calc(4.85/var(--pc-calc)));
  right: 0;
  background-color: var(--color-white);
  border-radius: min(15px,calc(15/var(--pc-calc)));
  text-align: center;
  padding: min(18px,calc(18/var(--pc-calc))) 0 min(18px,calc(18/var(--pc-calc)));
  color: var(--color-pink);
  margin: 0 auto;
}
.lead-date .date-01 {
  font-family: "SoDoSans Bold";
  font-size: min(30px,calc(30/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
}
.lead-date .date-02 {
  font-family: "SoDoSans Bold";
  font-size: min(40px,calc(40/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
}
.lead-date .date-03 {
  font-size: min(22px,calc(22/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
  margin: 0 min(9px,calc(9/var(--pc-calc))) 0 min(2px,calc(2/var(--pc-calc)));
}
.data-slash01 {
  display: inline-block;
  width: min(13px,calc(13/var(--pc-calc)));
  height: min(27px,calc(27/var(--pc-calc)));
  margin: 0 min(4px,calc(4/var(--pc-calc)));
}
.data-slash02 {
  display: inline-block;
  width: min(15px,calc(15/var(--pc-calc)));
  height: min(32px,calc(32/var(--pc-calc)));
  margin: 0 min(3px,calc(3/var(--pc-calc))) 0 min(3px,calc(3/var(--pc-calc)));
}
.lead-btn {
  width: min(499px,calc(499/var(--pc-calc)));
  position: absolute;
  top: min(423px,calc(423/var(--pc-calc)));
  left: 0;
  right: 0;
  margin: 0 auto;
}
.lead-btn a {
  font-feature-settings: "palt";
    letter-spacing: 0.01em;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-green);
  color: var(--color-white);
  font-size: min(24px,calc(24/var(--pc-calc)));
  font-weight: bold;
  border-radius: min(40px,calc(40/var(--pc-calc)));
  text-align: center;
  padding: min(23px,calc(23/var(--pc-calc)));
  text-decoration: none;
  transition: .3s ease;
}

@media print, screen and (max-width: 1023px) {
  .lead-ttl {
    top: calc(-2 / var(--sp-calc));
    left: calc(-3 / var(--sp-calc));
    font-size: calc(40 / var(--sp-calc));
    line-height: calc(54 / 40);
    text-align: center;
  }
  .lead-text {
    top: calc(134 / var(--sp-calc));
    left: calc(5 / var(--sp-calc));
    font-size: calc(26 / var(--sp-calc));
    letter-spacing: -0.02em;
  }
  .lead-date {
    top: calc(297 / var(--sp-calc));
    left: 0;
    width: calc(563 / var(--sp-calc));
    border-radius: calc(20 / var(--sp-calc));
    padding: calc(29 / var(--sp-calc)) 0 calc(29 / var(--sp-calc));
  }
  .lead-date .date-01 {
    font-size: calc(30 / var(--sp-calc));
  }
  .lead-date .date-02 {
    font-size: calc(40 / var(--sp-calc));
  }
  .lead-date .date-03 {
    font-size: calc(22 / var(--sp-calc));
    margin: 0 calc(9 / var(--sp-calc)) 0 calc(5 / var(--sp-calc));
  }
  .data-slash01 {
    width: calc(13 / var(--sp-calc));
    height: calc(27 / var(--sp-calc));
    margin: 0 calc(2 / var(--sp-calc));
  }
  .data-slash02 {
    width: calc(15 / var(--sp-calc));
    height: calc(32 / var(--sp-calc));
    margin: 0;
  }
  .lead-btn {
    top: calc(447 / var(--sp-calc));
    left: calc(12 / var(--sp-calc));
    width: calc(500 / var(--sp-calc));
  }
  .lead-btn a {
    font-size: calc(24 / var(--sp-calc));
    padding: calc(24 / var(--sp-calc));
    border-radius: calc(50 / var(--sp-calc));
  }
}
/* =============================================
section-present
============================================= */
.section-present {
  position: relative;
}
.present-bubble {
  position: absolute;
  top: min(153px,calc(153/var(--pc-calc)));
  left: min(890px,calc(890/var(--pc-calc)));
  right: 0;
  width: min(257.5px,calc(257.5/var(--pc-calc)));
  height: auto;
  margin: 0 auto;
  object-fit: cover;
}
.present-ttl {
  position: absolute;
  top: min(92px,calc(92/var(--pc-calc)));
  left: min(4px,calc(4/var(--pc-calc)));
  right: 0;
  width: min(329px,calc(329/var(--pc-calc)));
  margin: 0 auto;
}
.present-ttl-txt {
  font-feature-settings: "palt";
  position: absolute;
  top: min(160px,calc(160/var(--pc-calc)));
  left: min(14px,calc(14/var(--pc-calc)));
  right: 0;
  font-size: min(35px,calc(35/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0 auto;
}
.presernt-lead {
  font-feature-settings: "palt";
  position: absolute;
  top: min(255px,calc(255/var(--pc-calc)));
  left: min(5px,calc(5/var(--pc-calc)));
  right: 0;
  font-size: min(30px,calc(30/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0 auto;
}
.presernt-lead-txt {
  position: absolute;
  top: min(300px,calc(300/var(--pc-calc)));
  left: 0;
  right: 0;
  font-size: min(40px,calc(40/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
  text-align: center;
  margin: 0 auto;
}
.presernt-lead-txt-num {
  position: absolute;
  top: min(407px,calc(407/var(--pc-calc)));
  left: 0;
  right: 0;
  font-size: min(35px,calc(35/var(--pc-calc)));
  font-weight: bold;
  color: var(--color-pink);
  text-align: center;
  margin: 0 auto;
}
.presernt-lead-txt-num span {
  font-size: min(50px,calc(50/var(--pc-calc)));
  line-height: 1;
  font-weight: bold;
  color: #cca944;
  vertical-align: top;
  padding: 0 min(5px,calc(5/var(--pc-calc)));
}
.present-wallpaper {
  width: min(934.5px,calc(934.5/var(--pc-calc)));
  position: absolute;
  top: min(487px,calc(487/var(--pc-calc)));
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* .present-list-wrap {
  width: 92.2rem;
  position: absolute;
  top: 49.5rem;
  left: -0.8rem;
  right: 0;
  display: flex;
  margin: 0 auto;
}
.present-item {
  box-shadow: -8px 7px 16px 3px rgba(181, 175, 175, 0.7);
} */
.ttl-h2-product {
  width: fit-content;
  position: absolute;
  bottom: min(35px,calc(35/var(--pc-calc)));
  left: min(13px,calc(13/var(--pc-calc)));
  right: 0;
  font-size: min(35px,calc(35/var(--pc-calc)));
  letter-spacing: 0.28em;
  line-height: 1;
  font-weight: bold;
  color: var(--color-white);
  text-align: center;
  margin: 0 auto;
}

@media print, screen and (max-width: 1023px) {
  .present-bubble {
    top: calc(305 / var(--sp-calc));
    left: auto;
    right: 0;
    width: calc(220 / var(--sp-calc));
    margin: 0;
  }
  .present-ttl {
    top: calc(110 / var(--sp-calc));
    left: 0;
    width: calc(328 / var(--sp-calc));
  }
  .present-ttl-txt {
    top: calc(175 / var(--sp-calc));
    left: calc(4 / var(--sp-calc));
    font-size: calc(24 / var(--sp-calc));
    letter-spacing: 0.1em;
  }
  .presernt-lead {
    top: calc(270 / var(--sp-calc));
    left: 0;
    font-size: calc(26 / var(--sp-calc));
    letter-spacing: 0.1em;
  }
  .presernt-lead-txt {
    top: calc(320 / var(--sp-calc));
    left: 0;
    font-size: calc(40 / var(--sp-calc));
    line-height: calc(55 / 40);
    letter-spacing: -0.04em;
  }
  .presernt-lead-txt-num {
    top: calc(491 / var(--sp-calc));
    left: 0;
    font-size: calc(30 / var(--sp-calc));
    letter-spacing: 0.02em;
  }
  .presernt-lead-txt-num span {
    font-size: calc(45 / var(--sp-calc));
    letter-spacing: 0.01em;
  }
  .present-wallpaper {
    top: calc(570 / var(--sp-calc));
    left: calc(6 / var(--sp-calc));
    width: calc(428 / var(--sp-calc));
    height: auto;
    object-fit: cover;
  }
  .ttl-h2-product {
    bottom: calc(34 / var(--sp-calc));
    left: calc(7 / var(--sp-calc));
    font-size: calc(30 / var(--sp-calc));
    letter-spacing: 0.28em;
  }
}

/* =============================================
section-product
============================================= */
.section-product {
  background-color: var(--bg-pink);
}
.section-product ._inner {
  max-width: 1264px;
  width: min(1264px,calc(1264/var(--pc-calc)));
  padding: min(131px,calc(131/var(--pc-calc))) min(20px,calc(20/var(--pc-calc))) 0;
  margin: 0 auto;
}
/* .section-product .ttl-h3 {
  width: fit-content;
  position: relative;
  font-family: "SoDoSans Bold";
  font-style: normal;
  font-weight: 700;
  font-size: min(60px, calc(60 / var(--pc-calc)));
  letter-spacing: 0.06em;
  color: var(--color-pink);
  text-align: center;
  margin: 0 auto;
  z-index: 1;
  background-image: linear-gradient(transparent 70%, var(--color-white) 70%);
  background-repeat: no-repeat;
  line-height: 1.2;
} */
.section-product .ttl-h3 {
  width: fit-content;
  position: relative;
  font-family: "SoDoSans Bold";
  font-style: normal;
  font-weight: 700;
  font-size: min(60px,calc(60/var(--pc-calc)));
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--color-pink);
  text-align: center;
  margin: 0 auto;
  z-index: 1;
}
.section-product .ttl-h3::after {
  content: '';
  position: absolute;
  /* bottom: min(-5px,calc(-5/var(--pc-calc))); */
  top: 70%;
  left: 0;
  width: 100%;
  height: min(16px,calc(16/var(--pc-calc)));
  background-color: var(--color-white);
  z-index: -1;
}

.section-product .ttl-h2:first-of-type {
  padding-top: min(143px,calc(143/var(--pc-calc)));
}

.section-product .product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(20px,calc(20/var(--pc-calc))) min(18px,calc(18/var(--pc-calc)));
  margin-top: min(64px,calc(64/var(--pc-calc)));
}
.section-product .product-list-beverage {
  padding-bottom: min(94px,calc(94/var(--pc-calc)));
}
.section-product .product-list-food {
  padding-bottom: min(94px,calc(94/var(--pc-calc)));
}
.section-product .product-list-coffee {
  padding-bottom: min(94px,calc(94/var(--pc-calc)));
}
.section-product .product-list-tumbler-mug {
  justify-content: flex-start;
  padding-bottom: min(129px,calc(129/var(--pc-calc)));
}
.section-product .product-list-goods {
  justify-content: flex-start;
  padding-bottom: min(129px,calc(129/var(--pc-calc)));
}
.section-product .product-list-coffee {
  padding-bottom: min(94px,calc(94/var(--pc-calc)));
}
.section-product .product-list-been-there-series {
  padding-bottom: min(136px,calc(136/var(--pc-calc)));
}
.section-product .product-list-egift {
  display: block;
  padding-bottom: min(141px,calc(141/var(--pc-calc)));
  margin-top: min(73px,calc(73/var(--pc-calc)));
}
.section-product .product-item {
  position: relative;
  width: min(230px,calc(230/var(--pc-calc)));
  max-width: 230px;
  height: min(370px,calc(370/var(--pc-calc)));
  background-color: var(--color-white);
  border-radius: min(15px,calc(15/var(--pc-calc)));
}
.section-product .product-list-egift .product-item {
  max-width: 100%;
  width: 100%;
}
.section-product .product-item-inner {
  padding: min(25px,calc(25/var(--pc-calc))) min(14px,calc(14/var(--pc-calc))) min(20px,calc(20/var(--pc-calc)));
}
.section-product .product-list-egift .product-item-inner {
  padding: min(54px,calc(54/var(--pc-calc))) min(14px,calc(14/var(--pc-calc))) min(42px,calc(42/var(--pc-calc)));
}
.section-product .product-item-image {
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
}
.section-product .product-list-beverage .product-item-image {
  width: 48%;
}
.section-product .product-list-beverage .product-item-image._02 {
  width: 70%;
}
.section-product .product-list-beverage .product-item-image._03 {
  width: 52%;
  margin: min(17px,calc(17/var(--pc-calc))) auto min(14px,calc(14/var(--pc-calc)));
}
.section-product .product-list-food .product-item-image {
  width: 88%;
}
.section-product .product-list-coffee .product-item-image {
  width: 88%;
}
.section-product .product-list-goods .product-item-image {
  width: 88%;
}
.section-product .product-list-tumbler-mug .product-item-image {
  width: 88%;
}
.section-product .product-list-been-there-series .product-item-image {
  width: 88%;
}
.section-product .product-list-egift .product-item-image {
  width: min(712px,calc(712/var(--pc-calc)));
}
.section-product .online_icon {
  position: absolute;
  top: min(12px,calc(12/var(--pc-calc)));
  left: min(13px,calc(13/var(--pc-calc)));
  width: 40px;
  /* width: min(40px,calc(40/var(--pc-calc)));
  height: min(40px,calc(40/var(--pc-calc))); */
  object-fit: cover;
}
.section-product .product-item-content {
  padding: min(14px,calc(14/var(--pc-calc))) min(16px,calc(16/var(--pc-calc)));
  border-top: min(2px,calc(2/var(--pc-calc))) solid var(--color-pink);
}
.section-product .product-list-tumbler-mug .product-item-content {
  padding: min(8px,calc(8/var(--pc-calc))) min(13px,calc(13/var(--pc-calc)));
}
.section-product .product-list-egift .product-item-content {
  padding: min(18px,calc(18/var(--pc-calc))) min(10px,calc(10/var(--pc-calc)));
}
.section-product .product-item-title {
  font-feature-settings: "palt";
  font-weight: bold;
  font-size: min(17px,calc(17/var(--pc-calc)));
  line-height: calc(24/17);
  color: var(--color-pink);
}
.section-product .product-list-egift .product-item-title {
  text-align: center;
  letter-spacing: 0.05em;
}

.product-list-egift-note {
  position: relative;
  width: fit-content;
  left: min(231px,calc(231/var(--pc-calc)));
  padding-bottom: min(136px,calc(136/var(--pc-calc)));
}
.product-list-egift-note li {
  font-feature-settings: "palt";
  font-size: min(18px,calc(18/var(--pc-calc)));
  color: var(--color-black);
  line-height: 1;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0.02em;
  position: relative;
  margin-bottom: min(13px,calc(13/var(--pc-calc)));
}
.product-list-egift-note li:last-child {
  margin-bottom: 0;
}

@media print, screen and (max-width: 1023px) {
  .section-product ._inner {
    max-width: 100%;
    width: calc(511 / var(--sp-calc));
    padding: calc(73 / var(--sp-calc)) 0 0;
  }
  .section-product .ttl-h3 {
    font-size: calc(42 / var(--sp-calc));
    letter-spacing: 0.06em;
  }
  .section-product .ttl-h3::after {
    height: calc(12 / var(--sp-calc));
    top: 86%;
  }
  .section-product .product-list {
    gap: calc(11 / var(--sp-calc)) calc(13 / var(--sp-calc));
    margin-top: calc(40 / var(--sp-calc));
  }
  .section-product .product-list-beverage {
    padding-bottom: calc(56 / var(--sp-calc));
    margin-top: calc(35 / var(--sp-calc));
  }
  .section-product .product-list-food {
    padding-bottom: calc(56 / var(--sp-calc));
    margin-top: calc(36 / var(--sp-calc));
  }
  .section-product .product-list-coffee {
    padding-bottom: calc(54 / var(--sp-calc));
    margin-top: calc(38 / var(--sp-calc));
  }
  .section-product .product-list-tumbler-mug {
    padding-bottom: calc(90 / var(--sp-calc));
    margin-top: calc(36 / var(--sp-calc));
  }
  .section-product .product-list-goods {
    padding-bottom: calc(90 / var(--sp-calc));
    margin-top: calc(36 / var(--sp-calc));
  }
  .section-product .product-list-been-there-series {
    padding-bottom: calc(90 / var(--sp-calc));
    margin-top: calc(36 / var(--sp-calc));
  }
  .section-product .product-list-egift {
    padding-bottom: calc(64 / var(--sp-calc));
    margin-top: calc(35 / var(--sp-calc));
  }
  .section-product .product-item {
    width: calc(161 / var(--sp-calc));
    height: calc(263 / var(--sp-calc));
    border-radius: calc(10 / var(--sp-calc));
  }
  .section-product .product-list-egift .product-item {
    height: calc(202 / var(--sp-calc));
  }
  .section-product .product-item-inner {
    padding: calc(16 / var(--sp-calc)) calc(15 / var(--sp-calc)) calc(14 / var(--sp-calc));
  }
  .section-product .product-list-egift .product-item-inner {
    padding: calc(25 / var(--sp-calc)) calc(10 / var(--sp-calc)) calc(18 / var(--sp-calc));
  }
  .section-product .product-item-image {
    width: 100%;
  }
  .section-product .product-list-beverage .product-item-image {
    width: 54%;
  }
  .section-product .product-list-beverage .product-item-image._02 {
    width: 80%;
  }
  .section-product .product-list-beverage .product-item-image._03 {
    width: 65%;
  }
  .section-product .product-list-food .product-item-image {
    width: 100%;
  }
  .section-product .product-list-coffee .product-item-image {
    width: 98%;
  }
  .section-product .product-list-goods .product-item-image {
    width: 98%;
  }
  .section-product .product-list-tumbler-mug .product-item-image {
    width: 100%;
  }
  .section-product .product-list-been-there-series .product-item-image {
    width: 100%;
  }
  .section-product .product-list-egift .product-item-image {
    width: calc(455 / var(--sp-calc));
  }
  .section-product .online_icon {
    width: calc(40/ var(--sp-calc));
    height: calc(40/ var(--sp-calc));
    top: calc(9 / var(--sp-calc));
    left: calc(9 / var(--sp-calc));
  }
  .section-product .product-item-content {
    padding: calc(7 / var(--sp-calc)) calc(10 / var(--sp-calc));
    border-top: calc(2 / var(--sp-calc)) solid var(--color-pink);
  }
  .section-product .product-list-tumbler-mug .product-item-content {
    padding: calc(6 / var(--sp-calc)) calc(8 / var(--sp-calc));
  }
  .section-product .product-list-egift .product-item-content {
    padding: calc(7 / var(--sp-calc)) calc(10 / var(--sp-calc));
  }
  .section-product .product-item-title {
    font-size: calc(12 / var(--sp-calc));
    line-height: calc(17 / 12);
    letter-spacing: 0;
  }
  .section-product .product-list-tumbler-mug .product-item-title {
    font-size: calc(12 / var(--sp-calc));
    line-height: calc(17 / 12);
  }
  .section-product .product-list-egift .product-item-title {
    letter-spacing: 0.05em;
  }
  .section-product .product-list-egift-note {
    left: auto;
    right: calc(-2 / var(--sp-calc));
    padding-bottom: calc(65 / var(--sp-calc));
  }
  .section-product .product-list-egift-note li {
    font-size: calc(18 / var(--sp-calc));
    line-height: 1.6;
    letter-spacing: 0.02em;
    margin-bottom: calc(5 / var(--sp-calc));
    text-indent: -1.3em;
    padding-left: 1.3em;
  }
}


/* =============================================
join
============================================= */
  .join {
    position: relative;
    margin-top: min(82px,calc(82 / var(--pc-calc)));
  }
  .join_inner {
    max-width: 1288px;
    width: calc(1288/var(--pc-calc));
    margin: 0 auto;
  }
  .join_bg {
    position: relative;
  }
  .join_ttl {
    width: min(551px,calc(551/var(--pc-calc)));
    position: absolute;
    top: min(61px,calc(61/var(--pc-calc)));
    left: min(7px,calc(7/var(--pc-calc)));
    right: 0;
    font-size: min(77px,calc(77/var(--pc-calc)));
    font-family: "SoDoSans Black";
    color: var(--sub-color);
    line-height: calc(100.51/70);
    text-align: center;
    letter-spacing: min(2.8px,calc(2.8/var(--pc-calc)));
    margin: 0 auto;
  }
  .join_txt {
    margin-top: max(-19px,calc(-19/var(--pc-calc)));
    text-align: center;
    font-size: min(38px,calc(38/var(--pc-calc)));
    line-height: 2.7;
    color: var(--color-pink);
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .step_block {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    margin-top: min(199px,calc(199 / var(--pc-calc)));
    padding: min(95px,calc(95 / var(--pc-calc))) min(75px,calc(75 / var(--pc-calc))) min(103px,calc(103 / var(--pc-calc))) min(85px,calc(85 / var(--pc-calc)));
  }
  .step_block._01 {
    top: min(179px,calc(179 / var(--pc-calc)));
  }
  .step_block._02 {
    top: min(700px,calc(700 / var(--pc-calc)));
    margin-top: min(242px,calc(242 / var(--pc-calc)));
    padding: min(95px,calc(95 / var(--pc-calc))) min(75px,calc(75 / var(--pc-calc))) min(80px,calc(80 / var(--pc-calc))) min(85px,calc(85 / var(--pc-calc)));
  }
  .step_block._03 {
    top: min(1583px,calc(1583 / var(--pc-calc)));
    margin-top: min(273px,calc(273 / var(--pc-calc)));
    padding: min(95px,calc(95 / var(--pc-calc))) min(75px,calc(75 / var(--pc-calc))) min(75px,calc(75 / var(--pc-calc))) min(85px,calc(85 / var(--pc-calc)));
  }

  .step_block._04 {
    top: min(2645px,calc(2645 / var(--pc-calc)));
    margin-top: min(250px,calc(250 / var(--pc-calc)));
    padding: min(95px,calc(95 / var(--pc-calc))) min(75px,calc(75 / var(--pc-calc))) min(70px,calc(70 / var(--pc-calc))) min(85px,calc(85 / var(--pc-calc)));
  }

  
  .step_block__step_star {
    position: absolute;
    top: max(-160px,calc(-160 / var(--pc-calc)));
    left: 50%;
    transform: translateX(-50%);
  }
  .step_block__position {
    position: relative;
  }
  .step_block__step_star img {
    max-width: 221px;
    max-height: 210px;
    width: calc(221 / var(--pc-calc));
    height: calc(210 / var(--pc-calc));
  }
  .step_block__step {
    position: absolute;
    top: min(70px,calc(70 / var(--pc-calc)));
    left: 50%;
    transform: translateX(-50%);
    font-size: min(18px,calc(18/var(--pc-calc)));
    font-family: "SoDoSans SemiBold";
    text-align: center;
    color: #fff;
  }
  .step_block__step .num {
    display: block;
    font-size: min(55.64px,calc(55.64/var(--pc-calc)));
    line-height: 1;
    font-family: "SoDoSans SemiBold";
    text-align: center;
    margin-top: calc(-5/var(--pc-calc));
  }
  .step_block__ttl {
    font-feature-settings: "palt";
    font-size: min(30px,calc(30/var(--pc-calc)));
    font-weight: bold;
    color: var(--color-green);
    text-align: center;
  }
  .step_block__ttl sup {
    font-size: min(30px,calc(30/var(--pc-calc)));
    list-style: 1;
    vertical-align: text-top;
  }
  .step_block__txt_sub {
    font-feature-settings: "palt";
    position: relative;
    left: min(-5px,calc(-5/var(--pc-calc)));
    font-size: min(26px,calc(26/var(--pc-calc)));
    font-weight: bold;
    color: var(--color-green);
    text-align: center;
    margin-top: min(31px,calc(31/var(--pc-calc)));
  }
  .step_block__txt_sub._02 {
    margin-top: min(54px,calc(54/var(--pc-calc)));
  }
  .step_block__txt {
    position: relative;
    left: min(-2px,calc(-2/var(--pc-calc)));
    font-feature-settings: "palt";
    font-size: min(24px,calc(24/var(--pc-calc)));
    color: var(--color-black);
    text-align: center;
    margin-top: min(7px,calc(7/var(--pc-calc)));
  }
  ._02 .step_block__txt {
    left: min(-9px,calc(-9/var(--pc-calc)));
  }
  ._03 .step_block__txt {
    margin-top: min(60px,calc(60/var(--pc-calc)));
  }
  ._04 .step_block__txt {
    text-align: center;
    margin-top: min(30px,calc(30/var(--pc-calc)));
  }
  .step_block__note {
    width: fit-content;
    margin: min(25px,calc(25/var(--pc-calc))) auto 0;
  }
  ._01 .step_block__note {
    position: relative;
    margin-top: min(22px,calc(22/var(--pc-calc)));
    margin-bottom: min(35px,calc(35/var(--pc-calc)));
    left: min(-14px,calc(-14/var(--pc-calc)));
  }
  ._02 .step_block__note {
    margin-top: min(43px,calc(43/var(--pc-calc)));
    margin-left: min(94px,calc(94/var(--pc-calc)));
  }
  ._03 .step_block__note {
    width: min(647px,calc(647/var(--pc-calc)));
    margin: min(3px,calc(3/var(--pc-calc))) auto 0;
  }
  ._04 .step_block__note {
    width: min(649px,calc(649/var(--pc-calc)));
    margin-top: min(40px,calc(40/var(--pc-calc)));
  }
  .step_block__note li {
    font-feature-settings: "palt";
    font-size: min(16px,calc(16/var(--pc-calc)));
    color: var(--color-black);
    line-height: calc(28/16);
    text-indent: -1.2em;
    padding-left: 1.2em;
  }
  ._02 .step_block__note li {
    line-height: calc(29/18);
  }
  /* ._04 .step_block__note li {
    font-size: min(22px,calc(22/var(--pc-calc)));
    line-height: calc(33/22);
    text-indent: max(-31px,calc(-31 / var(--pc-calc)));
    padding-left: min(32px,calc(32 / var(--pc-calc)));
  } */
  .step_block__note li a {
    text-decoration: underline;
  }
  .step_block__btn {
    font-feature-settings: "palt";
    display: block;
    max-width: 456px;
    width: calc(456 / var(--pc-calc));
    background-color: var(--color-green);
    color: #fff;
    font-size: min(24px, calc(24 / var(--pc-calc)));
    letter-spacing: min(0.6px, calc(0.6 / var(--pc-calc)));
    padding: min(21px, calc(21 / var(--pc-calc))) 0;
    border-radius: min(40px, calc(40 / var(--pc-calc)));
    margin: 0 auto;
  }
  ._01 .step_block__btn {
    max-width: 422px;
    width: calc(422 / var(--pc-calc));;
  }
  ._02 .step_block__btn {
    margin-top: min(31px,calc(31/var(--pc-calc)));
  }
  .step_block__btn span {
    display: block;
    position: relative;
    font-weight: bold;
    text-align: center;
  }

  .step_block__payment {
    display: flex;
    flex-direction: column;
    gap: min(10.5px,calc(10.5/var(--pc-calc)));
    margin-top: min(45px,calc(45/var(--pc-calc)));
    padding-left: min(232px,calc(232/var(--pc-calc)));
  }
  .step_block__payment li {
    font-feature-settings: "palt";
    position: relative;
    font-size: min(24px,calc(24/var(--pc-calc)));
    font-weight: 400;
    line-height: calc(35.65/24);
    color: var(--color-black);
    padding-left: min(34px,calc(34/var(--pc-calc)));
    margin-bottom: min(30px,calc(30/var(--pc-calc)));
  }
  .step_block__payment li span {
    font-size: min(18px,calc(18/var(--pc-calc)));
    font-weight: 400;
    line-height: calc(37/18);
    color: var(--color-black);
    position: relative;
    top: max(-11px,calc(-11/var(--pc-calc)));
    left: min(10px,calc(-10/var(--pc-calc)));
  }
  .step_block__payment li::before {
    content: "";
    display: block;
    max-width: 3px;
    width: calc(3/var(--pc-calc));
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: min(10px,calc(10/var(--pc-calc)));
    background-color: var(--color-green);
  }

  .step_order_link {
    display: flex;
    flex-direction: column;
    margin-top: min(46px,calc(46 / var(--pc-calc)));
    margin-left: min(199px,calc(199/var(--pc-calc)));
    gap: min(37px,calc(37/var(--pc-calc)));
  }
  .step_order_link a {
    display: inline-block;
    align-self: flex-start;
    font-size: min(22px,calc(22/var(--pc-calc)));
    color: var(--color-black);
    position: relative;
    letter-spacing: min(0.9px,calc(0.9/var(--pc-calc)));
  }
  .step_order_link a::before {
    content: "";
    position: absolute;
    bottom: max(-7px,calc(-7/var(--pc-calc)));
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-height: 2px;
    height: calc(2/var(--pc-calc));
    background-color: var(--color-black);
  }
  .step_order_link a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: max(-24px,calc(-24/var(--pc-calc)));
    transform: translateY(-50%);
    max-width: 12px;
    max-height: 20px;
    width: calc(12/var(--pc-calc));
    height: calc(20/var(--pc-calc));
    background-image: url("/rewards/peanuts2025/images/link_arrow_g.png");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .step__present_wrap {
    margin-top: min(132px,calc(132/var(--pc-calc)));
  }
  .step__present_ttl {
    font-size: min(42px,calc(42/var(--pc-calc)));
    line-height: calc(62/42);
    font-weight: 500;
    color: var(--sub-color);
    text-align: center;
    letter-spacing: max(-3px,calc(-3/var(--pc-calc)));
    position: relative;
  }
  .step__present_ttl::before {
    content: "";
    position: absolute;
    top: min(15px,calc(15 / var(--pc-calc)));
    left: min(85px,calc(85 / var(--pc-calc)));
    max-width: 93px;
    max-height: 105px;
    width: calc(93/var(--pc-calc));
    height: calc(105/var(--pc-calc));
    background-image: url("/rewards/peanuts2025/images/present_star.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .step__present_ttl ._limited {
    font-size: min(48px,calc(48/var(--pc-calc)));
    font-weight: 700;
    color: var(--sub-color);
    letter-spacing: min(4px,calc(4/var(--pc-calc)));
  }
  .step__present_ttl ._amount {
    position: relative;
    color: var(--main-color);
    font-weight: 500;
    position: relative;
    letter-spacing: min(3px,calc(3/var(--pc-calc)));
  }
  .step__present_ttl ._amount::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: min(6px,calc(6/var(--pc-calc)));
    left: 50%;
    transform: translateX(-50%);
    max-width: 426px;
    max-height: 10px;
    width: calc(426/var(--pc-calc));
    height: calc(10/var(--pc-calc));
    background-color: var(--sub-color);
  }

  .step__present_box {
    background-color: #e5dfcf;
    border-radius: min(50px,calc(50/var(--pc-calc)));
    margin-top: min(32px,calc(32/var(--pc-calc)));
    padding: min(55px,calc(55/var(--pc-calc))) 0 min(70px,calc(70/var(--pc-calc)));
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .step__present_image {
    margin: 0 auto;
    position: relative;
    left: min(10px,calc(10/var(--pc-calc)));
  }
  .step__present_image img {
    max-width: 433px;
    width: calc(433/var(--pc-calc));
  }
  .step__present_txt {
    font-size: min(24px,calc(24/var(--pc-calc)));
    line-height: calc(42/24);
    text-align: center;
    margin-top: max(-1px,calc(-1/var(--pc-calc)));
  }
  .step__present_apply {
    font-size: min(18px,calc(18/var(--pc-calc)));
    line-height: calc(31/18);
    text-align: center;
    margin-top: min(15px,calc(15/var(--pc-calc)));
  }

  .step__present_date {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: min(35px,calc(35/var(--pc-calc))) min(17px,calc(17/var(--pc-calc))) min(29px,calc(29/var(--pc-calc)));
    margin-top: min(35px,calc(35/var(--pc-calc)));
  }
  .step__present_date_ttl {
    font-size: min(32px,calc(32/var(--pc-calc)));
    font-weight: 500;
    color: var(--sub-color);
    line-height: calc(51/32);
    text-align: center;
    margin-bottom: max(-7px,calc(-7/var(--pc-calc)));
  }
  .step__present_date_wrap {
    display: flex;
    align-items: center;
  }
  .step__present_date .date {
    color: var(--sub-color);
    font-family: "SoDoSans";
    font-size: min(36.68px,calc(36.68/var(--pc-calc)));
    line-height: calc(73.34/36.68);
    font-weight: 700;
    white-space: nowrap;
    position: relative;
    top: min(5px,calc(5/var(--pc-calc)));
    letter-spacing: min(0.6px,calc(0.6/var(--pc-calc)));
  }
  .step__present_date .date .small {
    font-size: min(25.79px,calc(25.79/var(--pc-calc)));
    line-height: calc(73.34/25.79);
    font-weight: 700;
    letter-spacing: min(1.3px,calc(1.3/var(--pc-calc)));
    margin-right: min(2.5px,calc(2.5/var(--pc-calc)));
  }
  .step__present_date .date .week {
    font-size: min(25.79px,calc(25.79/var(--pc-calc)));
    line-height: calc(73.34/25.79);
    font-weight: 700;
    letter-spacing: min(1.3px,calc(1.3/var(--pc-calc)));
  }
  .step__present_date .date .brackets {
    font-size: min(25.79px,calc(25.79/var(--pc-calc)));
    line-height: calc(73.34/25.79);
    font-weight: 700;
    margin: 0 max(-2.5px,calc(-2.5/var(--pc-calc)));
    position: relative;
    top: max(-5px,calc(-5/var(--pc-calc)));
  }
  .step__present_date .date._end .brackets {
    margin: 0 max(-2.5px,calc(-2.5/var(--pc-calc)));
  }
  .step__present_date .date .brackets._first {
    margin-left: min(5px,calc(5/var(--pc-calc)));
  }
  .step__present_date .hyphen {
    color: var(--sub-color);
    font-family: "SoDoSans";
    font-size: min(36.68px,calc(36.68/var(--pc-calc)));
    line-height: calc(73.34/36.68);
    font-weight: 700;
    margin: 0 min(7px,calc(7/var(--pc-calc))) 0 min(3px,calc(3/var(--pc-calc)));
    position: relative;
    top: min(3px,calc(3/var(--pc-calc)));
    left: min(3px,calc(3/var(--pc-calc)));
  }
  .step__present_note {
    margin-top: min(35px,calc(35/var(--pc-calc)));
    margin-left: min(35px,calc(35/var(--pc-calc)));
  }
  .step__present_note li {
    font-size: min(18px,calc(18/var(--pc-calc)));
    color: var(--color-black);
    line-height: calc(32/18);
    text-indent: max(-27px,calc(-27 / var(--pc-calc)));
    padding-left: min(28px,calc(28/var(--pc-calc)));
    letter-spacing: 0.9px;
  }

  @media print, screen and (max-width: 1023px) {
    .join {
      margin-top: calc(92/var(--sp-calc));
    }
    .join_inner {
      max-width: 100%;
      width: calc(542 / var(--sp-calc));
      margin: 0 auto;
    }
    .join_bg {
      position: relative;
    }
    .join_ttl {
      width: calc(412 / var(--sp-calc));
      top: calc(68 / var(--sp-calc));
      left: calc(-9 / var(--sp-calc));
    }
    .join_txt {
      font-size: calc(24 / var(--sp-calc));
      line-height: calc(35/24);
      letter-spacing: 0.1em;
      margin-top: calc(3 / var(--sp-calc));
    }
    .step_block {
      margin-top: calc(129 / var(--sp-calc));
      padding: calc(70 / var(--sp-calc)) calc(30 / var(--sp-calc)) calc(50 / var(--sp-calc)) calc(20 / var(--sp-calc));
    }
    .step_block._01 {
      top: calc(188 / var(--sp-calc));
    }
    .step_block._02 {
      top: calc(953 / var(--sp-calc));
      margin-top: 0;
      padding: calc(95 / var(--sp-calc)) calc(5 / var(--sp-calc)) calc(80 / var(--sp-calc)) ;
    }
    .step_block._03 {
      top: calc(1621 / var(--sp-calc));
      margin-top: calc(273 / var(--sp-calc));
      padding: calc(95 / var(--sp-calc)) calc(23 / var(--sp-calc)) calc(75 / var(--sp-calc)) calc(12 / var(--sp-calc));
    }
  
    .step_block._04 {
      top: calc(3275 / var(--sp-calc));
      margin-top: 0;
      padding: calc(95 / var(--sp-calc)) calc(5 / var(--sp-calc)) calc(70 / var(--sp-calc)) 0;
    }
    .step_block__ttl {
      font-size: calc(26 / var(--sp-calc));
      line-height: calc(45/26);
      margin-bottom: calc(20 / var(--sp-calc));
    }
    ._01 .step_block__ttl {
      margin-bottom: calc(19 / var(--sp-calc));
    }
    ._03 .step_block__ttl {
      margin-bottom: calc(40 / var(--sp-calc));
    }
    .step_block__ttl sup {
      font-size: calc(30/var(--sp-calc));
      line-height: 1;
      vertical-align: text-top;
    }
    .step_block__txt_sub {
      left: calc(-8 / var(--sp-calc));
      font-size: calc(20 / var(--sp-calc));
      margin-top: calc(31 / var(--sp-calc));
      letter-spacing: 0.1em;
    }
    .step_block__txt_sub._02 {
      margin-top: calc(54/var(--sp-calc));
    }
    .step_block__txt {
      font-size: calc(22 / var(--sp-calc));
      line-height: calc(28/22);
      margin-bottom: calc(20 / var(--sp-calc));
    }
    ._01 .step_block__txt {
      left: 0;
      margin-top: calc(13 / var(--sp-calc));
      line-height: calc(39 / 22);
      letter-spacing: 0.04em;
      margin-bottom: calc(17 / var(--sp-calc));
    }
    ._02 .step_block__txt {
      left: 0;
      margin-top: calc(13 / var(--sp-calc));
      line-height: calc(39 / 22);
      letter-spacing: 0.04em;
      margin-bottom: calc(27 / var(--sp-calc));
    }
    ._03 .step_block__txt {
      margin-top: calc(60/var(--sp-calc));
    }
    ._04 .step_block__txt {
      text-align: center;
      margin-top: calc(38 / var(--sp-calc));
      line-height: calc(39 / 22);
      letter-spacing: 0.01em;
    }
    .step_block__note {
      margin-bottom: calc(20 / var(--sp-calc));
    }
    ._01 .step_block__note {
      margin: 0 0 calc(31 / var(--sp-calc));
      left: calc(93 / var(--sp-calc));
    }
    ._02 .step_block__note {
      margin-top: calc(43/var(--sp-calc));
      margin-left: calc(94/var(--sp-calc));
    }
    ._03 .step_block__note {
      width: calc(440/var(--sp-calc));
      margin: calc(5/var(--sp-calc)) 0 0 calc(48/var(--sp-calc));
    }
    ._04 .step_block__note {
      width: calc(460/var(--sp-calc));
      margin-top: calc(26/var(--sp-calc));
    }
    .step_block__note li {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(28/18);
      margin-bottom: calc(10 / var(--sp-calc));
    }
    ._01 .step_block__note li {
      line-height: calc(30 / 18);
      letter-spacing: 0.02em;
      margin-bottom: calc(5 / var(--sp-calc));
    }
    ._03 .step_block__note li {
      line-height: calc(30 / 18);
      letter-spacing: 0.02em;
      margin-bottom: calc(5 / var(--sp-calc));
    }
    ._04 .step_block__note li {
      line-height: calc(30 / 18);
      letter-spacing: 0.02em;
      margin-bottom: calc(3 / var(--sp-calc));
    }
    .step_block__btn {
      width: calc(397 / var(--sp-calc));
      border-radius: calc(40 / var(--sp-calc));
      padding: calc(15 / var(--sp-calc));
      font-size: calc(20 / var(--sp-calc));
      letter-spacing: 0.1em;
    }
    .step_block__btn span {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(28/18);
    }
    ._01 .step_block__btn {
      max-width: 100%;
      width: calc(397 / var(--sp-calc));
    }
    .step_block__payment {
      margin-top: 0;
      padding-left: calc(48 / var(--sp-calc));
    }
    .step_block__payment li {
      font-size: calc(22 / var(--sp-calc));
      line-height: calc(31 / 22);
      margin-bottom: calc(32 / var(--sp-calc));
      padding-left: calc(28 / var(--sp-calc));
    }
    .step_block__payment li span {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(28/18);
    }
    .step_block__payment li::before {
      width: calc(3 / var(--sp-calc));
    }
    .step_order_link {
      margin-top: calc(20 / var(--sp-calc));
    }
    .step_order_link a {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(28/18);
      margin-bottom: calc(10 / var(--sp-calc));
    }
    .step_order_link a::before {
      width: calc(20 / var(--sp-calc));
      height: calc(20 / var(--sp-calc));
    }
    .step_order_link a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: calc(-24/var(--sp-calc));
      transform: translateY(-50%);
      width: calc(10/var(--sp-calc));
      height: calc(18/var(--sp-calc));
      background-image: url("/rewards/sakura2026/images/link_arrow_g.png");
      background-size: contain;
      background-repeat: no-repeat;
    }
  
    .step__present_wrap {
      margin-top: calc(132/var(--sp-calc));
    }
    .step__present_ttl {
      font-size: calc(42/var(--sp-calc));
      line-height: calc(62/42);
      font-weight: 500;
      color: var(--sub-color);
      text-align: center;
      letter-spacing: calc(-3/var(--sp-calc));
      position: relative;
    }
    .step__present_ttl::before {
      content: "";
      position: absolute;
      top: calc(15 / var(--sp-calc));
      left: calc(85 / var(--sp-calc));
      width: calc(93/var(--sp-calc));
      height: calc(105/var(--sp-calc));
      background-image: url("/rewards/sakura2026/images/present_star.png");
      background-size: contain;
      background-repeat: no-repeat;
    }
    .step__present_ttl ._limited {
      font-size: calc(48/var(--sp-calc));
      font-weight: 700;
      color: var(--sub-color);
      letter-spacing: calc(4/var(--sp-calc));
    }
    .step__present_ttl ._amount {
      position: relative;
      color: var(--main-color);
      font-weight: 500;
      position: relative;
      letter-spacing: calc(3/var(--sp-calc));
    }
    .step__present_ttl ._amount::before {
      content: '';
      position: absolute;
      z-index: -1;
      bottom: calc(6/var(--sp-calc));
      left: 50%;
      transform: translateX(-50%);
      width: calc(426/var(--sp-calc));
      height: calc(10/var(--sp-calc));
      background-color: var(--sub-color);
    }
  
    .step__present_box {
      background-color: #e5dfcf;
      border-radius: calc(50/var(--sp-calc));
      margin-top: calc(32/var(--sp-calc));
      padding: min(55px,calc(55/var(--pc-calc))) 0 min(70px,calc(70/var(--pc-calc)));
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .step__present_image {
      margin: 0 auto;
      position: relative;
      left: calc(10/var(--sp-calc));
    }
    .step__present_image img {
      width: calc(433/var(--sp-calc));
    }
    .step__present_txt {
      font-size: calc(24/var(--sp-calc));
      line-height: calc(42/24);
      text-align: center;
      margin-top: calc(-1/var(--sp-calc));
    }
    .step__present_apply {
      font-size: calc(18/var(--sp-calc));
      line-height: calc(31/18);
      text-align: center;
      margin-top: calc(15/var(--sp-calc));
    }
  
    .step__present_date {
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: calc(35/var(--sp-calc)) calc(17/var(--sp-calc)) calc(29/var(--sp-calc));
      margin-top: calc(35/var(--sp-calc));
    }
    .step__present_date_ttl {
      font-size: calc(32/var(--sp-calc));
      font-weight: 500;
      color: var(--sub-color);
      line-height: calc(51/32);
      text-align: center;
      margin-bottom: calc(-7/var(--sp-calc));
    }
    .step__present_date_wrap {
      display: flex;
      align-items: center;
    }
    .step__present_date .date {
      color: var(--sub-color);
      font-family: "SoDoSans";
      font-size: calc(36.68/var(--sp-calc));
      line-height: calc(73.34/36.68);
      font-weight: 700;
      white-space: nowrap;
      position: relative;
      top: calc(5/var(--sp-calc));
      letter-spacing: calc(0.6/var(--sp-calc));
    }
    .step__present_date .date .small {
      font-size: calc(25.79/var(--sp-calc));
      line-height: calc(73.34/25.79);
      font-weight: 700;
      letter-spacing: calc(1.3/var(--sp-calc));
      margin-right: calc(2.5/var(--sp-calc));
    }
    .step__present_date .date .week {
      font-size: calc(25.79/var(--sp-calc));
      line-height: calc(73.34/25.79);
      font-weight: 700;
      letter-spacing: calc(1.3/var(--sp-calc));
    }
    .step__present_date .date .brackets {
      font-size: calc(25.79/var(--sp-calc));
      line-height: calc(73.34/25.79);
      font-weight: 700;
      margin: 0 calc(-2.5/var(--sp-calc));
      position: relative;
      top: calc(-5/var(--sp-calc));
    }
    .step__present_date .date._end .brackets {
      margin: 0 calc(-2.5/var(--sp-calc));
    }
    .step__present_date .date .brackets._first {
      margin-left: calc(5/var(--sp-calc));
    }
    .step__present_date .hyphen {
      color: var(--sub-color);
      font-family: "SoDoSans";
      font-size: calc(36.68/var(--sp-calc));
      line-height: calc(73.34/36.68);
      font-weight: 700;
      margin: 0 calc(7/var(--sp-calc)) 0 calc(3/var(--sp-calc));
      position: relative;
      top: calc(3/var(--sp-calc));
      left: calc(3/var(--sp-calc));
    }
    .step__present_note {
      margin-top: calc(35/var(--sp-calc));
      margin-left: calc(35/var(--sp-calc));
    }
    .step__present_note li {
      font-size: calc(18/var(--sp-calc));
      color: var(--color-black);
      line-height: calc(32/18);
      text-indent: calc(-27 / var(--sp-calc));
      padding-left: calc(28/var(--sp-calc));
      letter-spacing: 0.9px;
    }
  }
/* =============================================
details
============================================= */
  .details {
    margin-top: min(150px,calc(150/var(--pc-calc)));
    background-color: #ffecf0;
  }
  .details_inner {
    max-width: 1242px;
    width: calc(1242/var(--pc-calc));
    padding-top: min(194px,calc(194/var(--pc-calc)));
    margin: 0 auto;
  }
  /* .details_ttl_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  } */
  .details_ttl_wrap img {
    max-width: 374px;
    width: calc(374/var(--pc-calc));
  }
  .details_ttl_wrap .details_ttl {
    margin-top: min(65px,calc(65/var(--pc-calc)));
    font-size: min(38px,calc(38/var(--pc-calc)));
    line-height: calc(55/38);
    color: var(--color-pink);
    position: relative;
    text-align: center;
  }
  .details_ttl_wrap .details_ttl::before {
    content: "";
    display: block;
    width: min(125px,calc(125 / var(--pc-calc)));
    height: min(90px,calc(90 / var(--pc-calc)));
    position: absolute;
    top: min(-75px,calc(-75 / var(--pc-calc)));
    left: max(-147px,calc(-147 / var(--pc-calc)));
    background-image: url("/rewards/sakura2026/images/detail_star01.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .details_ttl_wrap .details_ttl::after {
    content: "";
    display: block;
    width: min(116px,calc(116 / var(--pc-calc)));
    height: min(109px,calc(109 / var(--pc-calc)));
    position: absolute;
    top: min(22px,calc(22 / var(--pc-calc)));
    left: max(403px,calc(403 / var(--pc-calc)));
    background-image: url("/rewards/sakura2026/images/detail_star02.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .details_ttl_wrap .details_ttl {
    width: min(374px,calc(374 / var(--pc-calc)));
    margin: 0 auto;
  }

  .details_txt_wrap {
    position: relative;
    left: min(60px,calc(60/var(--pc-calc)));
    width: min(1039px,calc(1039/var(--pc-calc)));
    padding-bottom: min(74px,calc(74/var(--pc-calc)));
    margin: 0 auto;
  }
  .details_txt {
    font-size: min(26px,calc(26/var(--pc-calc)));
    color: var(--color-black);
    margin-top: min(90px,calc(90/var(--pc-calc)));
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
  }
  .details_note {
    margin-top: min(2px,calc(2/var(--pc-calc)));
  }
  .details_note li {
    font-size: min(18px,calc(18/var(--pc-calc)));
    color: var(--color-black);
    line-height: calc(35/18);
    padding-left: min(20px,calc(20 / var(--pc-calc)));
    position: relative;
  }
  ._04 .details_note li {
    font-feature-settings: "palt";
    padding-left: min(27px,calc(27 / var(--pc-calc)));
  }
  ._06 .details_note li {
    line-height: calc(32/18);
    font-feature-settings: "palt";
    font-size: min(20px,calc(20/var(--pc-calc)));
  }
  .entry_step ._03 .details_note li {
    line-height: calc(31 / 18);

  }
  .details_note li::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
  }
  .details_content_txt ._line,
  .entry_step_txt ._line,
  .details_note ._line {
    text-decoration: underline;
    text-decoration-color: var(--sub-color);
    text-decoration-thickness: min(1px,calc(1/var(--pc-calc)));
    text-underline-offset: calc(4/var(--pc-calc));
    text-decoration-skip-ink: none;
  }

  .details_content {
    border-top: min(2px,calc(2/var(--pc-calc))) solid var(--color-pink);
    width: 100%;
    padding: min(81px,calc(81/var(--pc-calc))) 0 min(77px,calc(77/var(--pc-calc)));
  }
  .details_content_inner {
    width: min(759px,calc(759/var(--pc-calc)));
    margin: 0 auto;
  }
  .details_content._01 .details_note {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    left: min(17px,calc(17/var(--pc-calc)));
  }
  .details_content._01 .details_note li {
    font-feature-settings: "palt";
    font-size: min(17.97px,calc(17.97/var(--pc-calc)));
    line-height: calc(32/17.97);
  }
  .details_content._03 .details_note {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    left: min(63px,calc(63/var(--pc-calc)));
  }
  .details_content._03 .details_note li {
    font-feature-settings: "palt";
    font-size: min(17.97px,calc(17.97/var(--pc-calc)));
    line-height: calc(32/17.97);
  }
  .details_content._02 {
    padding: min(88px,calc(88/var(--pc-calc))) 0 min(50px,calc(50/var(--pc-calc)));
  }
  .details_content._03 {
    padding: min(79px,calc(79/var(--pc-calc))) 0 min(83px,calc(83/var(--pc-calc)));
  }
  .details_content._04 {
    padding: min(79px,calc(79/var(--pc-calc))) 0 min(64px,calc(64/var(--pc-calc)));
  }
  .details_content._05 {
    padding: min(79px,calc(79/var(--pc-calc))) 0 min(80px,calc(80/var(--pc-calc)));
  }
  .details_content._06 {
    padding: min(79px,calc(79/var(--pc-calc))) 0 min(90px,calc(90/var(--pc-calc)));
  }
  .details_content._07 {
    border-bottom: min(2px,calc(2/var(--pc-calc))) solid var(--color-pink);
    padding-bottom: min(87px,calc(87/var(--pc-calc)));
  }
  .details_content_ttl {
    font-size: min(32px,calc(32/var(--pc-calc)));
    line-height: calc(54.24/32);
    margin-bottom: min(26px,calc(26/var(--pc-calc)));
    color: var(--color-pink);
    font-weight: bold;
  }
  .details_content_ttl_sub {
    font-size: min(26px,calc(26/var(--pc-calc)));
    color: var(--color-pink);
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-bottom: min(12px,calc(12/var(--pc-calc)));
  }
  ._05 .details_content_ttl {
    margin-bottom: min(29px,calc(29 / var(--pc-calc)));
  }
  ._07 .details_content_ttl {
    margin-bottom: min(20px,calc(20 / var(--pc-calc)));
  }
  .details_content_txt {
    font-size: min(27px,calc(27/var(--pc-calc)));
    color: var(--color-black);
  }
  .details_content_txt a {
    text-decoration: underline;
  }
  ._02 .details_content_txt {
    font-size: min(24px,calc(24/var(--pc-calc)));
    letter-spacing: 0.05em;
    margin-bottom: min(36px,calc(36/var(--pc-calc)));
  }
  ._03 .details_content_txt {
    position: relative;
    font-size: min(22px,calc(22/var(--pc-calc)));
    font-weight: bold;
    padding-left: 2em;
    margin-bottom: min(36px,calc(36/var(--pc-calc)));
  }
  ._03 .details_content_txt::before {
    content: "●";
    position: absolute;
    left: min(9px,calc(9/var(--pc-calc)));
    top: 0;
    color: var(--color-pink);
  }
  ._04 .details_content_txt {
    font-feature-settings: "palt";
    font-size: min(24px,calc(24/var(--pc-calc)));
    margin-top: min(7px,calc(7/var(--pc-calc)));
    letter-spacing: 0.05em;
  }
  ._05 .details_content_txt {
    font-size: min(24px,calc(24/var(--pc-calc)));
    letter-spacing: 0.06em;
  }
  ._07 .details_content_txt {
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    font-size: min(20px, calc(20 / var(--pc-calc)));
    line-height: calc(39 / 22);
  }
  .details_content_items {
    margin-bottom: min(31px,calc(31/var(--pc-calc)));
  }
  .details_content_items._01  {
    margin-bottom: min(22px,calc(22/var(--pc-calc)));
  }
  .details_content_items._02  {
    margin-bottom: min(18px,calc(18/var(--pc-calc)));
  }
  .details_content_items._03  {
    margin-bottom: min(21px,calc(21/var(--pc-calc)));
  }
  .details_content_items._04  {
    margin-bottom: min(35px,calc(35/var(--pc-calc)));
  }
  .details_content_items._05  {
    margin-bottom: min(34px,calc(34/var(--pc-calc)));
  }

  .details_content_items li {
    font-feature-settings: "palt";
    letter-spacing: 0.03em;
    font-size: min(24px,calc(24/var(--pc-calc)));
    color: var(--color-black);
    line-height: calc(42/24);
    position: relative;
    font-weight: bold;
    padding-left: 1.4em;
  }
  ._04 .details_content_items {
    width: min(870px,calc(870/var(--pc-calc)));
    margin-bottom: min(14px,calc(14/var(--pc-calc)));
  }
  ._04 .details_content_items li {
    font-size: min(24px,calc(24/var(--pc-calc)));
    line-height: calc(39/22);
    padding-left: 1em;
    text-indent: 0.6em;
    letter-spacing: 0.11em;
  }
  .details_content_items li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-pink);
  } 
  ._04 .details_content_items li::before {
    left: max(-14px,calc(-14/var(--pc-calc)));
  }

  .entry_step > li {
    padding-bottom: min(27px,calc(27/var(--pc-calc)));
  }

  .entry_step_ttl {
    font-size: min(28px,calc(28/var(--pc-calc)));
    color: var(--color-black);
    line-height: calc(54.24/28);
    margin-bottom: min(5px,calc(5/var(--pc-calc)));
    text-indent: max(-17px,calc(-17 / var(--pc-calc)));
    white-space: nowrap;
    font-weight: bold;
  }
  .entry_step > li:nth-of-type(2) .entry_step_ttl {
    text-indent: max(-13px,calc(-13 / var(--pc-calc)));
  }
  .entry_step > li:nth-of-type(3) .entry_step_ttl {
    font-feature-settings: "palt";
    letter-spacing: 0.07em;
    text-indent: 0;
    margin-bottom: min(24px,calc(24/var(--pc-calc)));
  }
  .entry_step .details_note {
    margin-top: min(17px,calc(17/var(--pc-calc)));
  }
  
  .entry_step .entry_step_ttl_sub {
    font-size: min(24px,calc(24/var(--pc-calc)));
    font-weight: bold;
  }
  .entry_step .entry_step_ttl_sub._mt {
    margin-top: min(20px,calc(20/var(--pc-calc)));
  }
  .entry_step .entry_step_txt {
    font-feature-settings: "palt";
    font-size: min(20px,calc(20/var(--pc-calc)));
    margin-top: min(6px,calc(6/var(--pc-calc)));
    padding-left: min(7px,calc(7/var(--pc-calc)));
  }

  .entry_step_links {
    margin-top:min(10px, calc(10/var(--pc-calc)));
  }
  .entry_step_links li {
    font-size: min(22px,calc(22/var(--pc-calc)));
    line-height: calc(38/22);
    color: var(--color-black);
    margin-bottom: min(5px,calc(5/var(--pc-calc)));
  }
  .entry_step_links li a {
    text-decoration: underline;
  }
  .entry_step_links li:last-child {
    margin-bottom: 0;
  }

  .detail_link_area {
    display: flex;
    justify-content: center;
    padding-top: min(87px,calc(87/var(--pc-calc)));
    padding-bottom: min(318px,calc(318/var(--pc-calc)));
  }
  .detail_link_area .detail_btn {
    max-width: 500px;
    width: calc(500/var(--pc-calc));
    display: inline-block;
    background-color: var(--color-green);
    color: #fff;
    letter-spacing: min(0.6px,calc(0.6 / var(--pc-calc)));
    padding: min(23px,calc(23 / var(--pc-calc))) 0;
    border-radius: min(40px,calc(40 / var(--pc-calc)));
    position: relative;
  }
  .detail_link_area .detail_btn span {
    font-feature-settings: "palt";
    display: block;
    font-size: min(24px, calc(24 / var(--pc-calc)));
    font-weight: bold;
    text-align: center;
  }

  @media print, screen and (max-width: 1023px) {
    .details {
      margin-top: calc(138/var(--sp-calc));
    }
    .details_inner {
      max-width: 100%;
      width: calc(512 / var(--sp-calc));
      padding-top: calc(137/var(--sp-calc));
    }
    /* .details_ttl_wrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    } */
    .details_ttl_wrap img {
      max-width: 100%;
      width: calc(374/var(--sp-calc));
    }
    .details_ttl_wrap .details_ttl {
      margin-top: calc(65/var(--sp-calc));
      font-size: calc(24/var(--sp-calc));
      line-height: calc(41/24);
    }
    .details_ttl_wrap .details_ttl::before {
      content: "";
      display: block;
      width: calc(92 / var(--sp-calc));
      height: calc(73 / var(--sp-calc));
      position: absolute;
      top: calc(-52 / var(--sp-calc));
      left: calc(-104 / var(--sp-calc));
      background-image: url("/rewards/sakura2026/images/detail_star01.png");
      background-size: contain;
      background-repeat: no-repeat;
    }
    .details_ttl_wrap .details_ttl::after {
      content: "";
      display: block;
      width: calc(86 / var(--sp-calc));
      height: calc(85 / var(--sp-calc));
      position: absolute;
      top: calc(43 / var(--sp-calc));
      left: calc(306 / var(--sp-calc));
      background-image: url(/rewards/sakura2026/images/detail_star02.png);
      background-size: contain;
      background-repeat: no-repeat;
    }
    .details_ttl_wrap .details_ttl {
      width: calc(274 / var(--sp-calc));
      margin: 0 auto;
    }
  
    .details_txt_wrap {
      left: 0;
      width: 100%;
      padding-bottom: calc(42 / var(--sp-calc));
    }
    .details_txt {
      font-size: calc(23 / var(--sp-calc));
      margin-top: calc(99 / var(--sp-calc));
      letter-spacing: 0.01em;
    }
    .details_note {
      margin-top: calc(2/var(--sp-calc));
    }
    .details_note li {
      font-size: calc(18/var(--sp-calc));
      color: var(--color-black);
      line-height: calc(35/18);
      padding-left: calc(20 / var(--sp-calc));
      position: relative;
    }
    ._04 .details_note li {
      padding-left: calc(21 / var(--sp-calc));
      letter-spacing: 0.1em;
      line-height: calc(32 / 18);
    }
    ._06 .details_note li {
      line-height: calc(32 / 18);
      padding-left: calc(27 / var(--sp-calc));
      font-size: calc(18 / var(--sp-calc));
      letter-spacing: 0.1em;
    }
    .entry_step ._03 .details_note li {
      line-height: calc(31 / 18);
      padding-left: calc(26 / var(--sp-calc));
      margin-bottom: calc(2 / var(--sp-calc));

    }
    .details_content_txt ._line,
    .details_note ._line,
    .entry_step_txt ._line {
      text-decoration: underline;
      text-decoration-color: var(--color-black);
      text-decoration-thickness: calc(1/var(--sp-calc));
      text-underline-offset: calc(4/var(--sp-calc));
      text-decoration-skip-ink: none;
    }
  
    .details_content {
      border-top: calc(1/var(--sp-calc)) solid var(--color-pink);
      width: 100%;
      padding: calc(38/var(--sp-calc)) 0 calc(55/var(--sp-calc));
    }
    .details_content_inner {
      width: calc(759/var(--sp-calc));
    }
    .details_content._01 .details_note {
      left: 0;
    }
    .details_content._01 .details_note li {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(31.5 / 18);
      letter-spacing: 0.02em;
    }
    .details_content._03 .details_note {
      left: 0;
      margin: 0;
    }
    .details_content._03 .details_note li {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(31.5 / 18);
      letter-spacing: 0.03em;
      padding-left: calc(24 / var(--sp-calc));
    }
    .details_content._02 {
      padding: calc(50/var(--sp-calc)) 0 calc(19/var(--sp-calc));
    }
    .details_content._03 {
      padding: calc(45/var(--sp-calc)) 0 calc(49/var(--sp-calc));
    }
    .details_content._04 {
      padding: calc(44/var(--sp-calc)) 0 calc(45/var(--sp-calc));
    }
    .details_content._05 {
      padding: calc(45/var(--sp-calc)) 0 calc(45/var(--sp-calc));
    }
    .details_content._06 {
      padding: calc(44/var(--sp-calc)) 0 calc(47/var(--sp-calc));
    }
    .details_content._07 {
      border-bottom: calc(2/var(--sp-calc)) solid var(--color-pink);
      padding: calc(44/var(--sp-calc)) 0 calc(47/var(--sp-calc));
    }
    .details_content_ttl {
      font-size: calc(24 / var(--sp-calc));
      line-height: calc(54.24 / 24);
      margin-bottom: calc(23 / var(--sp-calc));
      color: var(--color-pink);
      font-weight: bold;
      padding-left: calc(4 / var(--sp-calc));
      letter-spacing: 0.07em;
    }
    .details_content_ttl_sub {
      font-size: calc(22/var(--sp-calc));
      color: var(--color-pink);
      font-weight: bold;
      letter-spacing: 0.04em;
      padding-left: calc(4/var(--sp-calc));
      margin-bottom: calc(12/var(--sp-calc));
    }
    ._04 .details_content_ttl {
      margin-bottom: calc(29 / var(--sp-calc));
    }
    ._05 .details_content_ttl {
      margin-left: calc(-6 / var(--sp-calc));
      margin-bottom: calc(28 / var(--sp-calc));
    }
    ._06 .details_content_ttl {
      margin-left: calc(-6 / var(--sp-calc));
      margin-bottom: calc(24 / var(--sp-calc));
    }
    ._07 .details_content_ttl {
      margin-left: calc(-6 / var(--sp-calc));
      margin-bottom: calc(20 / var(--sp-calc));
    }
    .details_content_txt {
      font-size: calc(27/var(--sp-calc));
      color: var(--color-black);
    }
    .details_content_txt a {
      text-decoration: underline;
    }
    ._02 .details_content_txt {
      font-size: calc(22/var(--sp-calc));
      letter-spacing: 0.04em;
      margin-bottom: calc(39/var(--sp-calc));
    }
    ._03 .details_content_txt {
      font-size: calc(21/var(--sp-calc));
      padding-left: 1.7em;
      margin-bottom: calc(26/var(--sp-calc));
      letter-spacing: 0.03em;
    }
    ._03 .details_content_txt::before {
      content: "●";
      position: absolute;
      left: calc(9/var(--sp-calc));
      top: 0;
      color: var(--color-pink);
    }
    ._04 .details_content_txt {
      font-feature-settings: "palt";
      font-size: calc(22 / var(--sp-calc));
      margin-top: calc(7 / var(--sp-calc));
      letter-spacing: 0.04em;
      padding-left: calc(4 / var(--sp-calc));
    }
    ._05 .details_content_txt {
      font-size: calc(22/var(--sp-calc));
      letter-spacing: 0.06em;
    }
    ._07 .details_content_txt {
      font-size: calc(18 / var(--sp-calc));
      line-height: calc(32 / 18);
    }
    .details_content_items {
      margin-bottom: calc(31/var(--sp-calc));
    }
    .details_content_items._01  {
      margin-bottom: calc(20/var(--sp-calc));
    }
    .details_content_items._02  {
      margin-bottom: calc(18/var(--sp-calc));
    }
    .details_content_items._03  {
      margin-bottom: calc(21/var(--sp-calc));
    }
    .details_content_items._04  {
      margin-bottom: calc(24/var(--sp-calc));
    }
    .details_content_items._05  {
      margin-bottom: calc(39/var(--sp-calc));
    }
  
    .details_content_items li {
      letter-spacing: 0.01em;
      font-size: calc(22 / var(--sp-calc));
      line-height: calc(42 / 24);
    }
    ._04 .details_content_items {
      width: calc(870/var(--sp-calc));
      margin-bottom: calc(14/var(--sp-calc));
    }
    ._04 .details_content_items li {
      font-size: calc(22 / var(--sp-calc));
      line-height: calc(39 / 22);
      padding-left: 1.4em;
      text-indent: 0;
      letter-spacing: 0.12em;
    }

    ._04 .details_content_items li::before {
      left: 0;
    }
  
    .entry_step > li {
      padding-bottom: calc(54/var(--sp-calc));
    }
    .entry_step > li:nth-of-type(2) {
      padding-bottom: calc(48 / var(--sp-calc));
    }
    .entry_step > li._03  {
      padding-bottom: 0;
    }
    .entry_step_ttl {
      font-size: calc(24/var(--sp-calc));
      color: var(--color-black);
      line-height: calc(33/24);
      margin-bottom: calc(21/var(--sp-calc));
      text-indent: calc(-10 / var(--sp-calc));
      white-space: nowrap;
    }
    .entry_step > li:nth-of-type(2) .entry_step_ttl {
      text-indent: calc(5 / var(--sp-calc));
      letter-spacing: 0.07em;
    }
    .entry_step > li:nth-of-type(3) .entry_step_ttl {
      font-size: calc(25 / var(--sp-calc));
      line-height: calc(38 / 25);
      text-indent: -1.8em;
      padding-left: 1.8em;
      margin-bottom: calc(27 / var(--sp-calc));
    }
    .entry_step .details_note {
      padding-left: calc(4 / var(--sp-calc));
      margin-top: calc(17 / var(--sp-calc));
    }
    .entry_step .entry_step_item._03 .details_note {
      margin-top: calc(22 / var(--sp-calc));
    }
    
    .entry_step .entry_step_ttl_sub {
      font-size: calc(22/var(--sp-calc));
      font-weight: bold;
      letter-spacing: 0.07em;
    }
    .entry_step .entry_step_ttl_sub._mt {
      margin-top: calc(26/var(--sp-calc));
      margin-left: calc(-7/var(--sp-calc));
      margin-bottom: calc(10/var(--sp-calc));
    }
    .entry_step .entry_step_txt {
      font-size: calc(20 / var(--sp-calc));
      line-height: calc(32 / 20);
      margin-top: calc(4 / var(--sp-calc));
      padding-left: calc(7 / var(--sp-calc));
      letter-spacing: 0.01em;
    }
  
    .entry_step_links {
      margin-top:calc(10/var(--sp-calc));
    }
    .entry_step_links li {
      font-size: calc(22/var(--sp-calc));
      line-height: calc(38/22);
      color: var(--color-black);
      margin-bottom: calc(5/var(--sp-calc));
    }

    .detail_link_area {
      padding-top: calc(77 / var(--sp-calc));
      padding-bottom: calc(96 / var(--sp-calc));
    }
    .detail_link_area .detail_btn {
      max-width: 100%;
      width: calc(500/var(--sp-calc));
      display: inline-block;
      background-color: var(--color-green);
      color: #fff;
      letter-spacing: calc(0.6 / var(--sp-calc));
      padding: calc(23 / var(--sp-calc)) 0;
      border-radius: calc(40 / var(--sp-calc));
      position: relative;
    }
    .detail_link_area .detail_btn span {
      font-size: calc(24 / var(--sp-calc));
    }
  }