@charset "UTF-8";
@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 SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}
@font-face {
  font-family:'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf") format("woff2");
}
@font-face {
  font-family: 'LanderGrande';
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/Lander/LanderGrande-SemiBold.woff") format("woff")
}

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


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

* {
  box-sizing: border-box;
}

.mod-en {
  font-family: "SoDoSans";
}
.title-en {
  font-family: "LanderGrande";
}
.mainContents {
  overflow-x: hidden; 
  overflow-x: clip; 
}
.mainContents img {
  width: 100%;
}
h2, h3 {
  margin: 0;
}
p {
  margin: 0;
  letter-spacing: 0;
}
a:hover {
  opacity: 0.75;
}
.btn_w {
  width: calc(426 / 1440 * 100vw);
  height: calc(56 / 1440 * 100vw);
  margin: 0 auto;
}
.btn_w a {
  display: block;
  color: #fff;
  font-size: calc(18.9 / 1440 * 100vw);
  line-height: calc(56 / 1440 * 100vw);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  font-weight: 500;
  border: 2px solid #fff;
  border-radius: calc(50 / 1440 * 100vw);
}

@media print, screen and (min-width: 1024px) {
  .is-pc {
    display: block;
  }
  .is-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .is-pc {
    display: none;
  }
  .is-sp {
    display: block;
  }
  .btn_w {
    width: calc(582 / 750 * 100vw);
    height: calc(72 / 750 * 100vw);
  }
  .btn_w a {
    font-size: calc(26.43 / 750 * 100vw);
    line-height: calc(72 / 750 * 100vw);
    letter-spacing: 0.03em;
    border: calc(4 / 750 * 100vw) solid #fff;
    border-radius: calc(100 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
kv
---------------------------------------------------------- */
.block-kv {
  position: relative;
}
.kv_ttl {
  position: absolute;
  width: calc(659/1440*100vw);
  top: calc(240/1440*100vw);
  left: calc(155/1440*100vw);
}
.kv_dev_name {
  color: #fff;
  font-size: calc(13.62/1440*100vw);
  line-height: calc(19.84/13.62);
  letter-spacing: -0.06em;
  margin-bottom: calc(4/1440*100vw);
}
.kv_dev_note {
  color: #fff;
  font-size: calc(10/1440*100vw);
  line-height: calc(14.5/10);
  letter-spacing: 0.03em;
}

.kv_dev01 {
  position: absolute;
  top: calc(123/1440*100vw);
  left: calc(806/1440*100vw);
}
.kv_dev01_link {
  position: absolute;
  top: calc(73 / 1440 * 100vw);
  left: calc(906 / 1440 * 100vw);
  width: calc(277 / 1440 * 100vw);
  height: calc(423 / 1440 * 100vw);
}

.kv_dev02 {
  position: absolute;
  top: calc(207/1440*100vw);
  left: calc(1204/1440*100vw);
}
.kv_dev02_link {
  position: absolute;
  top: calc(13 / 1440 * 100vw);
  right: 0;
  width: calc(205 / 1440 * 100vw);
  height: calc(239 / 1440 * 100vw);
}

.kv_dev03 {
  position: absolute;
  top: calc(697/1440*100vw);
  left: calc(1080/1440*100vw);
}
.kv_dev03_link {
  position: absolute;
  top: calc(367 / 1440 * 100vw);
  right: calc(67 / 1440 * 100vw);
  width: calc(279 / 1440 * 100vw);
  height: calc(424 / 1440 * 100vw);
}

@media screen and (max-width: 1023px) {
  .kv_ttl {
    width: calc(695/750*100vw);
    top: calc(35/750*100vw);
    left: calc(23/750*100vw);
  }
  .kv_dev_name {
    font-size: calc(20/750*100vw);
    line-height: calc(29.14/20);
    letter-spacing: -0.09em;
    margin-bottom: calc(4/750*100vw);
  }
  .kv_dev_note {
    font-size: calc(13/750*120vw);
    line-height: calc(19/13);
    letter-spacing: 0.09em;
  }

  .kv_dev01 {
    top: calc(592/750*100vw);
    left: calc(26/750*100vw);
  }
  .kv_dev01_link {
    top: calc(395 / 750 * 100vw);
    left: calc(67 / 750 * 100vw);
    width: calc(387 / 750 * 100vw);
    height: calc(583 / 750 * 100vw);
  }

  .kv_dev02 {
    top: calc(572/750*100vw);
    left: calc(480/750*100vw);
  }
  .kv_dev02_link {
    top: calc(293 / 750 * 100vw);
    right: 0;
    width: calc(245 / 750 * 100vw);
    height: calc(329 / 750 * 100vw);
  }

  .kv_dev03 {
    top: calc(1286/750*100vw);
    left: calc(576/750*100vw);
  }
  .kv_dev03_link {
    top: calc(804 / 750 * 100vw);
    right: calc(47 / 750 * 100vw);
    width: calc(389 / 750 * 100vw);
    height: calc(594 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
smore
---------------------------------------------------------- */
.block-smore {
  position: relative;
}

.smore_content {
  position: absolute;
  top: calc(993 / 1440 * 100vw);
  left: calc(493 / 1440 * 100vw);
  color: #d8a859;
  text-align: center;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(43.6 / 24);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  font-weight: 500;
}


.smore_dev_name {
  color: #fce9d2;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(36 / 25);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  font-weight: 500;
  margin-bottom: calc(6 / 1440 * 100vw);
}
.smore_dev_price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  color: #fce9d2;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(36 / 25);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
.smore_dev_price span {
  color: #fce9d2;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(43.6 / 24);
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  padding-left: calc(14 / 1440 * 100vw);
}
.smore_dev_note {
  color: #fce9d2;
  font-size: calc(17 / 1440 * 100vw);
  line-height: calc(25/ 17);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  font-weight: 500;
  margin-bottom: calc(24 / 1440 * 100vw);
}
.smore_dev_link_btn {
  position: relative;
  left: calc(-10 / 1440 * 100vw);
  width: calc(297 / 1440 * 100vw);
  height: calc(68 / 1440 * 100vw);
  background-color: #fce9d2;
  border-radius: 50px;
}
.smore_dev_link_btn a {
  display: block;
  color: #865800;
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(68 / 1440 * 100vw);
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

.smore_dev01_link {
  position: absolute;
  top: calc(5324 / 1440 * 100vw);
  left: calc(276 / 1440 * 100vw);
  width: calc(253 / 1440 * 100vw);
  height: calc(243 / 1440 * 100vw);
}
.smore_dev01 {
  position: absolute;
  top: calc(5685 / 1440 * 100vw);
  left: calc(333 / 1440 * 100vw);
}
.smore_dev01 .smore_dev_price {
  margin-bottom: calc(5 / 1440 * 100vw);
}

.smore_dev02_link {
  position: absolute;
  top: calc(5299 / 1440 * 100vw);
  left: calc(907 / 1440 * 100vw);
  width: calc(221 / 1440 * 100vw);
  height: calc(333 / 1440 * 100vw);
}
.smore_dev02 {
  position: absolute;
  top: calc(5685 / 1440 * 100vw);
  left: calc(829 / 1440 * 100vw);
}
.smore_dev02 .smore_dev_name {
  line-height: calc(34 / 25);
}

@media screen and (min-width: 1024px) {
  .block-smore ._bg {
  margin-bottom: calc(-1 / 1440 * 100vw);
}
}

@media screen and (max-width: 1023px) {
  .smore_content {
    top: calc(1110 / 750 * 100vw);
    left: calc(116 / 750 * 100vw);
    font-size: calc(27 / 750 * 100vw);
    line-height: calc(45.91 / 27);
    letter-spacing: 0.1em;
  }

  .smore_dev_name {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(53.536 / 40);
    letter-spacing: 0.08em;
    margin-bottom: calc(10 / 750 * 100vw);
  }
  .smore_dev_price {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    letter-spacing: 0.01em;
  }
  .smore_dev_price span {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    letter-spacing: 0.01em;
    padding-left: calc(23 / 750 * 100vw);
  }
  .smore_dev_note {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(40/ 28);
    letter-spacing: 0.07em;
    margin-bottom: calc(32 / 750 * 100vw);
  }
  .smore_dev_link_btn {
    left: calc(-10 / 750 * 100vw);
    width: calc(480 / 750 * 100vw);
    height: calc(106 / 750 * 100vw);
    border-radius: 50px;
  }
  .smore_dev_link_btn a {
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(106 / 750 * 100vw);
    letter-spacing: 0.04em;
  }

  .smore_dev01_link {
    top: calc(5614 / 750 * 100vw);
    left: calc(96 / 750 * 100vw);
    width: calc(393 / 750 * 100vw);
    height: calc(373 / 750 * 100vw);
  }
  .smore_dev01 {
    top: calc(6171 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
  }
  .smore_dev01 .smore_dev_price {
    margin-bottom: calc(24 / 750 * 100vw);
  }

  .smore_dev02_link {
    top: calc(6729 / 750 * 100vw);
    left: calc(300 / 750 * 100vw);
    width: calc(321 / 750 * 100vw);
    height: calc(493 / 750 * 100vw);
  }
  .smore_dev02 {
    top: calc(7252 / 750 * 100vw);
    left: calc(142 / 750 * 100vw);
  }
  .smore_dev02 .smore_dev_name {
    line-height: calc(34 / 25);
  }
  .smore_dev02 .smore_dev_price {
    margin-bottom: calc(24 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
apple
---------------------------------------------------------- */
.block-apple {
  position: relative;
}
.apple_dev_link {
  position: absolute;
  top: calc(507 / 1440 * 100vw);
  left: calc(699 / 1440 * 100vw);
  width: calc(186 / 1440 * 100vw);
  height: calc(239 / 1440 * 100vw);
}
.apple_dev {
  position: absolute;
  top: calc(395 / 1440 * 100vw);
  left: calc(369 / 1440 * 100vw);
}
.apple_dev_text {
  color: #fff;
  font-size: calc(17 / 1440 * 100vw);
  line-height: calc(27.5 / 17);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: calc(11 / 1440 * 100vw);
}
.apple_dev_name {
  position: relative;
  left: calc(-1 / 1440 * 100vw);
  margin-bottom: calc(2 / 1440 * 100vw);
}
.apple_dev_name a {
  display: block;
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(34 / 25);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  font-weight: 500;
}
.apple_dev_subtext {
  color: #fff;
  font-size: calc(17 / 1440 * 100vw);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  margin-bottom: calc(-2 / 1440 * 100vw);
}
.apple_dev_price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(36 / 25);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  margin-bottom: calc(7 / 1440 * 100vw);
}
.apple_dev_price span {
  color: #fff;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(43.6 / 24);
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  padding-left: 0.5em;
}
.apple_dev_note {
  color: #fff;
  font-size: calc(17 / 1440 * 100vw);
  line-height: calc(22/ 17);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: calc(24 / 1440 * 100vw);
}
.apple_dev_link_btn {
  position: relative;
  left: calc(-10 / 1440 * 100vw);
  width: calc(297 / 1440 * 100vw);
  height: calc(68 / 1440 * 100vw);
  background-color: #fce9d2;
  border-radius: 50px;
}
.apple_dev_link_btn a {
  display: block;
  color: #a32624;
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(68 / 1440 * 100vw);
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1023px) {
  .apple_dev {
    top: calc(1234 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
  }
  .apple_dev_link {
    top: calc(707 / 750 * 100vw);
    left: calc(169 / 750 * 100vw);
    width: calc(326 / 750 * 100vw);
    height: calc(409 / 750 * 100vw);
  }
  .apple_dev_text {
    font-size: calc(27 / 750 * 100vw);
    line-height: calc(43.5 / 27);
    letter-spacing: 0.08em;
    margin-bottom: calc(19 / 750 * 100vw);
  }
  .apple_dev_name {
    left: calc(-1 / 750 * 100vw);
    margin-bottom: calc(2 / 750 * 100vw);
  }
  .apple_dev_name a {
    display: block;
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(53.5 / 40);
    letter-spacing: 0.04em;
  }
  .apple_dev_subtext {
    font-size: calc(21 / 750 * 100vw);
    letter-spacing: 0.05em;
    margin-bottom: calc(2 / 750 * 100vw);
  }
  .apple_dev_price {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    letter-spacing: 0;
    margin-bottom: calc(8 / 750 * 100vw);
  }
  .apple_dev_price span {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    letter-spacing: 0.01em;
    padding-left: 0.5em;
  }
  .apple_dev_note {
    font-size: calc(21 / 750 * 100vw);
    line-height: calc(29/ 21);
    letter-spacing: 0.06em;
    margin-bottom: calc(24 / 750 * 100vw);
  }
  .apple_dev_link_btn {
    left: calc(-10 / 750 * 100vw);
    width: calc(481 / 750 * 100vw);
    height: calc(105 / 750 * 100vw);
    border-radius: 50px;
  }
  .apple_dev_link_btn a {
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(105 / 750 * 100vw);
    letter-spacing: 0.04em;
  }
}

/* ----------------------------------------------------------
beverage
---------------------------------------------------------- */
.block-beverage {
  position: relative;
}
.beverage_dev01_link {
  position: absolute;
  top: calc(553 / 1440 * 100vw);
  left: calc(355 / 1440 * 100vw);
  width: calc(202 / 1440 * 100vw);
  height: calc(271 / 1440 * 100vw);
}
.beverage_dev01 {
  position: absolute;
  top: calc(883 / 1440 * 100vw);
  left: calc(330 / 1440 * 100vw);
}
.beverage_dev02_link {
  position: absolute;
  top: calc(543 / 1440 * 100vw);
  left: calc(879 / 1440 * 100vw);
  width: calc(206 / 1440 * 100vw);
  height: calc(289 / 1440 * 100vw);
}
.beverage_dev02 {
  position: absolute;
  top: calc(883 / 1440 * 100vw);
  left: calc(829 / 1440 * 100vw);
}
.beverage_dev_text {
  color: #fff;
  font-size: calc(17 / 1440 * 100vw);
  line-height: calc(27.5 / 17);
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-weight: 500;
  margin-bottom: calc(10 / 1440 * 100vw);
}
.beverage_dev_name {
  position: relative;
  left: calc(-1 / 1440 * 100vw);
  margin-bottom: calc(2 / 1440 * 100vw);
}
.beverage_dev_name a {
  display: block;
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(34 / 25);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  font-weight: 500;
}
.beverage_dev_price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(36 / 25);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  margin-bottom: calc(7 / 1440 * 100vw);
}
.beverage_dev_price span {
  color: #fff;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(43.6 / 24);
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  padding-left: 0.5em;
}
.beverage_dev_note {
  color: #fff;
  font-size: calc(17 / 1440 * 100vw);
  line-height: calc(22/ 17);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  /* text-indent: -1em;
  padding-left: 1em; */
  margin-bottom: calc(24 / 1440 * 100vw);
}
.beverage_dev01 .beverage_dev_price {
  margin-bottom: calc(16 / 1440 * 100vw);
}
.beverage_dev_link_btn {
  position: relative;
  left: calc(-10 / 1440 * 100vw);
  width: calc(297 / 1440 * 100vw);
  height: calc(67 / 1440 * 100vw);
  background-color: #fff;
  border-radius: 50px;
}
.beverage_dev_link_btn a {
  display: block;
  color: #30a45b;
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(67 / 1440 * 100vw);
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

.block-beverage .btn_w {
  position: absolute;
  top: calc(1447 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  width: calc(374 / 1440 * 100vw);
  height: calc(61 / 1440 * 100vw);
}
.block-beverage .btn_w a {
  font-size: calc(22.43 / 1440 * 100vw);
  line-height: calc(61 / 1440 * 100vw);
}
.beverage_text_link {
  width: fit-content;
  position: absolute;
  top: calc(1554 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
}
.beverage_text_link a {
  display: block;
  color: #fff;
  font-size: calc(21.66 / 1440 * 100vw);
  font-weight: 500;
  border-bottom: 2px solid;
  padding-bottom: calc(8 / 1440 * 100vw);
  font-feature-settings: "palt";
}
@media screen and (max-width: 1023px) {
  .beverage_dev01_link {
    top: calc(655 / 750 * 100vw);
    left: calc(220 / 750 * 100vw);
    width: calc(302 / 750 * 100vw);
    height: calc(411 / 750 * 100vw);
  }
  .beverage_dev01 {
    top: calc(1165 / 750 * 100vw);
    left: calc(140 / 750 * 100vw);
  }
  .beverage_dev02_link {
    top: calc(1792 / 750 * 100vw);
    left: calc(244 / 750 * 100vw);
    width: calc(312 / 750 * 100vw);
    height: calc(431 / 750 * 100vw);
  }
  .beverage_dev02 {
    top: calc(2282 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
  }
  .beverage_dev_text {
    font-size: calc(27 / 750 * 100vw);
    line-height: calc(43.5 / 27);
    letter-spacing: 0.08em;
    margin-bottom: calc(19 / 750 * 100vw);
  }
  .beverage_dev01 .beverage_dev_text {
    margin-bottom: calc(23 / 750 * 100vw);
  }
  .beverage_dev_name {
    left: calc(-4 / 750 * 100vw);
    margin-bottom: calc(2 / 750 * 100vw);
  }
  .beverage_dev_name a {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(53.5 / 40);
    letter-spacing: 0.09em;
  }
  .beverage_dev01 .beverage_dev_name {
    margin-bottom: calc(11 / 750 * 100vw);
  }
  .beverage_dev_price {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    letter-spacing: 0;
    margin-bottom: calc(10 / 750 * 100vw);
  }
  .beverage_dev_price span {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    letter-spacing: 0.02em;
    padding-left: 0.5em;
  }
  .beverage_dev01 .beverage_dev_price {
    letter-spacing: 0.05em;
    margin-bottom: calc(24 / 750 * 100vw);
  }

  .beverage_dev_note {
    font-size: calc(21 / 750 * 100vw);
    line-height: calc(29 / 21);
    letter-spacing: 0.05em;
    /* text-indent: -1em;
    padding-left: 1em; */
    margin-bottom: calc(26 / 750 * 100vw);
  }
  .beverage_dev_link_btn {
    left: calc(-10 / 750 * 100vw);
    width: calc(481 / 750 * 100vw);
    height: calc(105 / 750 * 100vw);
    border-radius: 50px;
  }
  .beverage_dev_link_btn a {
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(105 / 750 * 100vw);
    letter-spacing: 0.04em;
  }

  .block-beverage .btn_w {
    top: calc(3025 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
    width: calc(482 / 750 * 100vw);
    height: calc(79 / 750 * 100vw);
  }
  .block-beverage .btn_w a {
    font-size: calc(29 / 750 * 100vw);
    line-height: calc(73 / 750 * 100vw);
  }
  .beverage_text_link {
    top: calc(3158 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  .beverage_text_link a {
    font-size: calc(28 / 750 * 100vw);
    border-bottom: calc(2 / 750 * 100vw) solid;
    padding-bottom: calc(16 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
food
---------------------------------------------------------- */
.block-food {
  position: relative;
}
.food_ttl {
  position: absolute;
  top: calc(102 / 1440 * 100vw);
  width: calc(194 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
}

.food_name {
  margin-bottom: calc(12 / 1440 * 100vw);
}
.food_name a {
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(35/25);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
  font-weight: 500;
}
.food_price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  position: relative;
  left: calc(5 / 1440 * 100vw);
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(35/25);
  letter-spacing: 0.01em;
  margin-bottom: calc(10 / 1440 * 100vw);
}
.food_text {
  position: relative;
  left: calc(3 / 1440 * 100vw);
  color: #fff;
  font-size: calc(19 / 1440 * 100vw);
  line-height: calc(30/19);
  margin-bottom: calc(22 / 1440 * 100vw);
}
.food_btn {
  position: relative;
  left: calc(-5 / 1440 * 100vw);
  width: calc(308 / 1440 * 100vw);
  height: calc(68 / 1440 * 100vw);
  background-color: #fff;
  border-radius: 50px;
}
.food_btn a {
  display: block;
  color: #d8a859;
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(68 / 1440 * 100vw);
  text-align: center;
  font-weight: bold;
}

.food_dev_img01 a:hover,
.food_dev_img02 a:hover,
.food_dev_img03 a:hover {
  opacity: 1;
}

.food_dev_img01 {
  position: absolute;
  top: calc(413 / 1440 * 100vw);
  left: calc(589 / 1440 * 100vw);
  width: calc(402 / 1440 * 100vw);
}
.food_dev_text01 {
  position: absolute;
  top: calc(509 / 1440 * 100vw);
  left: calc(228 / 1440 * 100vw);
}

.food_dev_img02 {
  position: absolute;
  top: calc(958 / 1440 * 100vw);
  left: calc(401 / 1440 * 100vw);
  width: calc(433 / 1440 * 100vw);
}
.food_dev_text02 {
  position: absolute;
  top: calc(1006 / 1440 * 100vw);
  left: calc(863 / 1440 * 100vw);
  text-align: right;
}
.food_dev_text02 .food_name {
  margin-bottom: calc(6 / 1440 * 100vw);
}
.food_dev_text02 .food_price {
  left: calc(-1 / 1440 * 100vw);
  letter-spacing: 0.07em;
}
.food_dev_text02 .food_text {
  left: calc(-1 / 1440 * 100vw);
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
.food_dev_text02 .food_btn {
  left: calc(15 / 1440 * 100vw);
}


.food_dev_img03 {
  position: absolute;
  top: calc(1437 / 1440 * 100vw);
  left: calc(627 / 1440 * 100vw);
  width: calc(433 / 1440 * 100vw);
}
.food_dev_text03 {
  position: absolute;
  top: calc(1484 / 1440 * 100vw);
  left: calc(227 / 1440 * 100vw);
}
.food_dev_text03 .food_name {
    letter-spacing: 0.06em;
    margin-bottom: calc(6 / 1440 * 100vw);
}
.food_dev_text03 .food_price {
  left: calc(4 / 1440 * 100vw);
  letter-spacing: 0.05em;
}
.food_dev_text03 .food_text {
  left: calc(4 / 1440 * 100vw);
  font-feature-settings: "palt";
  letter-spacing: 0.09em;
}

.block-food .btn_w {
  position: absolute;
  top: calc(1928 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  width: calc(374 / 1440 * 100vw);
  height: calc(61 / 1440 * 100vw);
}
.block-food .btn_w a {
  font-size: calc(22.43 / 1440 * 100vw);
  line-height: calc(61 / 1440 * 100vw);
}
.food_text_link {
  width: fit-content;
  position: absolute;
  top: calc(2034 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
}
.food_text_link a {
  display: block;
  color: #fff;
  font-size: calc(21.66 / 1440 * 100vw);
  border-bottom: 2px solid;
  padding-bottom: calc(8 / 1440 * 100vw);
  font-feature-settings: "palt";
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .food_name {
    margin-bottom: calc(12 / 750 * 100vw);
  }
  .food_name a {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(53.5/40);
    letter-spacing: 0.09em;
  }
  .food_price {
    left: calc(5 / 750 * 100vw);
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(55/40);
    letter-spacing: 0.01em;
    margin-bottom: calc(15 / 750 * 100vw);
  }
  .food_text {
    left: calc(3 / 750 * 100vw);
    font-size: calc(27 / 750 * 100vw);
    line-height: calc(43/27);
    margin-bottom: calc(37 / 750 * 100vw);
  }
  .food_btn {
    left: calc(-5 / 750 * 100vw);
    width: calc(365 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
    border-radius: 50px;
  }
  .food_btn a {
    font-size: calc(30.76 / 750 * 100vw);
    line-height: calc(80 / 750 * 100vw);
  }

  .food_dev_img01 {
    top: calc(653 / 750 * 100vw);
    left: calc(238 / 750 * 100vw);
    width: calc(461 / 750 * 100vw);
  }
  .food_dev_text01 {
    top: calc(1039 / 750 * 100vw);
    left: calc(97 / 750 * 100vw);
  }
  .food_dev_text01 .food_name {
    margin-bottom: calc(5 / 750 * 100vw);
  }
  .food_dev_text01 .food_price {
    left: calc(-1 / 750 * 100vw);
    letter-spacing: 0.07em;
  }
  .food_dev_text01 .food_text {
    left: calc(-1 / 750 * 100vw);
    letter-spacing: 0.01em;
    margin-bottom: calc(32 / 750 * 100vw);
  }
  .food_dev_text01 .food_btn {
    left: calc(-11 / 750 * 100vw);
  }

  .food_dev_img02 {
    top: calc(1603 / 750 * 100vw);
    left: calc(78 / 750 * 100vw);
    width: calc(492 / 750 * 100vw);
  }
  .food_dev_text02 {
    top: calc(1982 / 750 * 100vw);
    left: calc(236 / 750 * 100vw);
    text-align: right;
  }
  .food_dev_text02 .food_name {
    margin-bottom: calc(5 / 750 * 100vw);
  }
  .food_dev_text02 .food_price {
    left: calc(-1 / 750 * 100vw);
    letter-spacing: 0.07em;
  }
  .food_dev_text02 .food_text {
    left: calc(-1 / 750 * 100vw);
    letter-spacing: 0.08em;
  }
  .food_dev_text02 .food_btn {
    left: calc(66 / 750 * 100vw);
  }


  .food_dev_img03 {
    top: calc(2644 / 750 * 100vw);
    left: calc(202 / 750 * 100vw);
    width: calc(512 / 750 * 100vw);
  }
  .food_dev_text03 {
    top: calc(3047 / 750 * 100vw);
    left: calc(95 / 750 * 100vw);
  }
  .food_dev_text03 .food_name {
    letter-spacing: 0.06em;
    margin-bottom: calc(4 / 750 * 100vw);
  }
  .food_dev_text03 .food_price {
    left: calc(-1 / 750 * 100vw);
    letter-spacing: 0.07em;
  }
  .food_dev_text03 .food_text {
    left: calc(4 / 750 * 100vw);
    letter-spacing: 0.09em;
  }

  .block-food .btn_w {
    top: calc(3668 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
    width: calc(482 / 750 * 100vw);
    height: calc(79 / 750 * 100vw);
  }
  .block-food .btn_w a {
    font-size: calc(29 / 750 * 100vw);
    line-height: calc(73 / 750 * 100vw);
  }
  .food_text_link {
    top: calc(3804 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  .food_text_link a {
    font-size: calc(28 / 750 * 100vw);
    border-bottom: calc(2 / 750 * 100vw) solid;
    padding-bottom: calc(16 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
beans
---------------------------------------------------------- */
.block-beans {
  position: relative;
}

.beans_ttl {
  position: absolute;
  top: calc(102 / 1440 * 100vw);
  width: calc(353 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
}

.beans_dev_img01 a:hover,
.beans_dev_img02 a:hover,
.beans_dev_img03 a:hover,
.beans_dev_img04 a:hover {
  opacity: 1;
}

.beans_dev_img01 {
  position: absolute;
  top: calc(530 / 1440 * 100vw);
  left: calc(444 / 1440 * 100vw);
  width: calc(176 / 1440 * 100vw);
}
.beans_text_img01 {
  position: absolute;
  top: calc(575 / 1440 * 100vw);
  left: calc(709 / 1440 * 100vw);
  color: #fff;
}
.beans_sub_text {
  font-size: calc(19 / 1440 * 100vw);
  letter-spacing: 0.01em;
  margin-bottom: calc(12 / 1440 * 100vw);
}
.beans_name {
  margin-bottom: calc(11 / 1440 * 100vw);
}
.beans_name a {
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(34 / 25);
  font-weight: 500;
}
.beans_price {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(35 / 25);
  margin-bottom: calc(14 / 1440 * 100vw);
}
.beans_price span {
  padding-left: calc(15 / 1440 * 100vw);
  /* letter-spacing: 0.03em; */
}
.beans_text {
  font-size: calc(19 / 1440 * 100vw);
  line-height: calc(30 / 19);
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-bottom: calc(21 / 1440 * 100vw);
}
.beans_btn {
  width: calc(298 / 1440 * 100vw);
  height: calc(68 / 1440 * 100vw);
  background-color: #fff;
  border-radius: 50px;
}
.beans_btn a {
  display: block;
  color: #d8a859;
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(68 / 1440 * 100vw);
  font-weight: bold;
  text-align: center;
}

.beans_text_ttl {
  position: absolute;
  top: calc(1116 / 1440 * 100vw);
  left: 0;
  right: 0;
  color: #fff;
  font-size: calc(28 / 1440 * 100vw);
  line-height: calc(45.41 / 28);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-weight: 500;  
}
.beans_dev_wrap {
  position: absolute;
  top: calc(1252 / 1440 * 100vw);
  left: calc(-8 / 1440 * 100vw);
  right: 0;
  display: flex;
  justify-content: center;
  gap: calc(41 / 1440 * 100vw);
  margin: auto;
}
.beans_dev_img02 {
  width: calc(127 / 1440 * 100vw);
}
.beans_dev_img03 {
  width: calc(130 / 1440 * 100vw);
}
.beans_dev_img04 {
  width: calc(126 / 1440 * 100vw);
}
.beans_text_link {
  width: fit-content;
  position: absolute;
  top: calc(1767 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
}
.beans_text_link a {
  display: block;
  color: #fff;
  font-size: calc(21.66 / 1440 * 100vw);
  border-bottom: 2px solid;
  padding-bottom: calc(8 / 1440 * 100vw);
  font-feature-settings: "palt";
  font-weight: 500;
}
.block-beans .btn_w {
  position: absolute;
  top: calc(1659 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  width: calc(374 / 1440 * 100vw);
  height: calc(61 / 1440 * 100vw);
}
.block-beans .btn_w a {
  font-size: calc(22.43 / 1440 * 100vw);
  line-height: calc(61 / 1440 * 100vw);
}
@media screen and (max-width: 1023px) {
  .beans_dev_img01 {
    top: calc(636 / 750 * 100vw);
    left: calc(243 / 750 * 100vw);
    width: calc(232 / 750 * 100vw);
  }
  .beans_text_img01 {
    top: calc(1252 / 750 * 100vw);
    left: calc(150 / 750 * 100vw);
  }
  .beans_sub_text {
    font-size: calc(28 / 750 * 100vw);
    letter-spacing: 0.03em;
    margin-bottom: calc(12 / 750 * 100vw);
  }
  .beans_name {
    margin-bottom: calc(10 / 750 * 100vw);
  }
  .beans_name a {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(54 / 40);
  }
  .beans_price {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56 / 40);
    margin-bottom: calc(24 / 750 * 100vw);
  }
  .beans_price span {
    padding-left: calc(15 / 750 * 100vw);
    letter-spacing: 0.03em;
  }
  .beans_text {
    font-size: calc(31.12 / 750 * 100vw);
    line-height: calc(49 / 31.12);
    letter-spacing: 0.12em;
    margin-bottom: calc(39 / 750 * 100vw);
  }
  .beans_btn {
    position: relative;
    left: calc(-8 / 750 * 100vw);
    width: calc(481 / 750 * 100vw);
    height: calc(105 / 750 * 100vw);
    border-radius: 50px;
  }
  .beans_btn a {
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(105 / 750 * 100vw);
  }

  .beans_text_ttl {
    top: calc(1990 / 750 * 100vw);
    left: 0;
    right: 0;
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(64 / 40);
    letter-spacing: 0.07em;
  }
  .beans_dev_wrap {
    top: calc(2201 / 750 * 100vw);
    left: calc(-8 / 750 * 100vw);
    right: 0;
    gap: calc(30 / 750 * 100vw);
  }
  .beans_dev_img02 {
    width: calc(164 / 750 * 100vw);
  }
  .beans_dev_img03 {
    width: calc(169 / 750 * 100vw);
  }
  .beans_dev_img04 {
    width: calc(161 / 750 * 100vw);
  }
  .beans_text_link {
    top: calc(2899 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  .beans_text_link a {
    font-size: calc(28 / 750 * 100vw);
    border-bottom: calc(2 / 750 * 100vw) solid;
    padding-bottom: calc(16 / 750 * 100vw);
  }
  .block-beans .btn_w {
    top: calc(2760 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
    width: calc(482 / 750 * 100vw);
    height: calc(79 / 750 * 100vw);
  }
  .block-beans .btn_w a {
    font-size: calc(29 / 750 * 100vw);
    line-height: calc(73 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
present
---------------------------------------------------------- */
.block-present {
  position: relative;
}
.present_content {
  position: absolute;
  top: calc(138 / 1440 * 100vw);
  left: calc(934 / 1440 * 100vw);
}
.present_ttl {
  color: #f6dcbb;
  font-family: "LanderGrande";
  font-style: normal;
  font-weight: 500;
  text-align: center;
  font-size: calc(68 / 1440 * 100vw);
  line-height: 1.2;
  letter-spacing: calc(10 / 1440 * 100vw);
  margin-bottom: calc(65 / 1440 * 100vw);
  transform: scale(0.7, 1);
}
.present_text {
  color: #f6dcbb;
  text-align: center;
  font-size: calc(24.7 / 1440 * 100vw);
  line-height: calc(43.7/24.7);
  letter-spacing: 0.12em;
  font-weight: 500;
  margin-bottom: calc(25 / 1440 * 100vw);
}
.present_link {
  position: relative;
  left: calc(18 / 1440 * 100vw);
  color: #f6dcbb;
}
.present_link a {
  width: fit-content;
  position: relative;
  left: calc(106 / 1440 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-size: calc(24.54 / 1440 * 100vw);
  line-height: calc(53.16/24.54);
  font-weight: 500;
}
.present_link a::after {
  content: "";
  background: url(/cafe/smore/images/icon_arrow.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  width: calc(15 / 1440 * 100vw);
  height: calc(24 / 1440 * 100vw);
}
@media screen and (max-width: 1023px) {
  .present_content {
    top: calc(712 / 750 * 100vw);
    left: calc(15 / 750 * 100vw);
  }
  .present_ttl {
    font-size: calc(60 / 750 * 100vw);
    line-height: 1.2;
    letter-spacing: calc(6 / 750 * 100vw);
    margin-bottom: calc(22 / 750 * 100vw);
  }
  .present_text {
    width: fit-content;
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(52/32);
    letter-spacing: 0.1em;
    margin: 0 auto calc(32 / 750 * 100vw);
  }
  .present_link {
    width: fit-content;
    left: calc(182 / 750 * 100vw);
  }
  .present_link a {
    gap: calc(12 / 750 * 100vw);
    font-size: calc(31.15 / 750 * 100vw);
    line-height: calc(67.47/31.15);
  }
  .present_link a::after {
    content: "";
    background: url(/cafe/smore/images/icon_arrow.webp) no-repeat;
    background-size: cover;
    display: inline-block;
    width: calc(19 / 750 * 100vw);
    height: calc(31 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
holiday_gift
---------------------------------------------------------- */
.block-holiday_gift {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .holiday_gift_ttl {
    position: absolute;
    width: calc(296 / 1440 * 100vw);
    top: calc(118 / 1440 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* ----------------------------------------------------------
goods
---------------------------------------------------------- */
.block-goods {
  position: relative;
}
.goods_content {
  position: absolute;
  top: calc(77 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
}
.goods_ttl {
  position: relative;
  left: calc(1 / 1440 * 100vw);
  font-family: "LanderGrande";
  font-style: normal;
  font-weight: 500;
  font-size: calc(52 / 1440 * 100vw);
  line-height: calc(73/52);
  text-align: center;
  color: #174827;
  letter-spacing: 0.02em;
  margin-bottom: calc(102 / 1440 * 100vw);
}
.goods_link {
  position: relative;
  top: calc(583 / 1440 * 100vw);
  width: fit-content;
  margin: 0 auto;
}
.goods_link a {
  color: #fff;
  font-size: calc(28 / 1440 * 100vw);
  text-align: center;
  font-weight: bold;
  border-bottom: calc(2 / 1440 * 100vw) solid #fff;
  padding-bottom: calc(7 / 1440 * 100vw);
}
@media screen and (max-width: 1023px) {
  .goods_content {
    top: calc(66 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  .goods_ttl {
    left: calc(1 / 750 * 100vw);
    font-size: calc(52 / 750 * 100vw);
    line-height: calc(73/52);
    letter-spacing: 0.02em;
    margin-bottom: calc(102 / 750 * 100vw);
  }
  .goods_link {
    top: calc(439 / 750 * 100vw);
    margin: 0 auto;
  }
  .goods_link a {
    font-size: calc(30 / 750 * 100vw);
    border-bottom: calc(2 / 750 * 100vw) solid #fff;
    padding-bottom: calc(7 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
card
---------------------------------------------------------- */
.block-card {
  position: relative;
}
.card_content {
  position: absolute;
  top: calc(144 / 1440 * 100vw);
  left: calc(286 / 1440 * 100vw);
}

.card_ttl {
  position: relative;
  left: calc(6 / 1440 * 100vw);
  font-family: "LanderGrande";
  font-style: normal;
  font-weight: 500;
  font-size: calc(52 / 1440 * 100vw);
  line-height: calc(73/52);
  text-align: center;
  color: #174827;
  letter-spacing: 0.06em;
  margin-bottom: calc(102 / 1440 * 100vw);
}
.card_text {
  color: #174827;
  font-size: calc(30 / 1440 * 100vw);
  line-height: calc(50 / 30);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.11em;
  margin-bottom: calc(80 / 1440 * 100vw);
}
.card_img_wrap {
  position: relative;
  left: calc(-34 / 1440 * 100vw);
  display: flex;
  justify-content: center;
  gap: calc(124 / 1440 * 100vw);
  margin-bottom: calc(16 / 1440 * 100vw);
}

.card_img_01 a:hover,
.card_img_02 a:hover {
  opacity: 1;
}

.card_img_01 {
  width: calc(436 / 1440 * 100vw);
}
.card_img_02 {
  position: relative;
  width: calc(308 / 1440 * 100vw);
  top: calc(-12 / 1440 * 100vw);
}

.card_text_01 {
  position: relative;
  width: fit-content;
  left: calc(35 / 1440 * 100vw);
}
.card_text_02 {
  position: relative;
  width: fit-content;
  top: calc(-203 / 1440 * 100vw);
  left: calc(528 / 1440 * 100vw);
}
.card_name {
  margin-bottom: calc(10 / 1440 * 100vw);
}
.card_name a {
  color: #fff;
  font-size: calc(25 / 1440 * 100vw);
  line-height: calc(36/25);
  font-weight: 500;
}
.card_note {
  color: #fff;
  font-size: calc(18.5 / 1440 * 100vw);
  letter-spacing: 0.08em;
  font-weight: 500;
  margin-bottom: calc(20 / 1440 * 100vw);
}
.card_note span {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
}
.card_btn {
  width: calc(309 / 1440 * 100vw);
  height: calc(68 / 1440 * 100vw);
  background-color: #fff;
  border-radius: 50px;
}
.card_btn a {
  display: block;
  color: #d8a859;
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(68 / 1440 * 100vw);
  text-align: center;
  font-weight: bold;
}
.block-card .btn_w {
  width: calc(404 / 1440 * 100vw);
  margin-top: calc(-117 / 1440 * 100vw);
}
@media screen and (max-width: 1023px) {
  .card_content {
    top: calc(112 / 750 * 100vw);
    left: calc(128 / 750 * 100vw);
  }

  .card_ttl {
    left: calc(-40 / 750 * 100vw);
    font-size: calc(51.6 / 750 * 100vw);
    letter-spacing: 0.06em;
    margin-bottom: calc(108 / 750 * 100vw);
  }
  .card_text {
    font-size: calc(30 / 750 * 100vw);
    line-height: calc(50 / 30);
    letter-spacing: 0.11em;
    margin-bottom: calc(80 / 750 * 100vw);
  }
  .card_img_wrap {
    left: 0;
    flex-direction: column;
    gap: calc(454 / 750 * 100vw);
    margin-bottom: calc(16 / 750 * 100vw);
  }
  .card_img_01 {
    width: calc(490 / 750 * 100vw);
  }
  .card_img_02 {
    width: calc(352 / 750 * 100vw);
    top: calc(-12 / 750 * 100vw);
    left: calc(71 / 750 * 100vw);
  }

  .card_text_01 {
    top: calc(-754 / 750 * 100vw);
    left: calc(14 / 750 * 100vw);
  }
  .card_text_02 {
    top: calc(-264 / 750 * 100vw);
    left: calc(15 / 750 * 100vw);
  }
  .card_name {
    margin-bottom: calc(7 / 750 * 100vw);
  }
  .card_name a {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(56/40);
  }
  .card_note {
    font-size: calc(29 / 750 * 100vw);
    letter-spacing: 0.06em;
    margin-bottom: calc(35 / 750 * 100vw);
  }
  .card_text_02 .card_note {
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .card_btn {
    position: relative;
    left: calc(-6 / 750 * 100vw);
    width: calc(480 / 750 * 100vw);
    height: calc(105 / 750 * 100vw);
    border-radius: 50px;
  }
  .card_text_02 .card_btn {
    left: calc(-8 / 750 * 100vw);
  }
  .card_btn a {
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(105 / 750 * 100vw);
  }
  .block-card .btn_w {
    position: relative;
    left: calc(-42 / 750 * 100vw);
    width: calc(576 / 750 * 100vw);
    height: calc(78 / 750 * 100vw);
    margin-top: calc(-130 / 750 * 100vw);
  }
  .block-card .btn_w a {
    font-size: calc(27 / 750 * 100vw);
    line-height: calc(78 / 750 * 100vw);
    letter-spacing: 0.06em;
  }
}


/* ----------------------------------------------------------
degital_card
---------------------------------------------------------- */
.block-degital_card {
  position: relative;
}

.degital_card_content {
  position: absolute;
  top: calc(110 / 1440 * 100vw);
  left: calc(255 / 1440 * 100vw);
}
.degital_card_ttl {
  position: relative;
  left: calc(1 / 1440 * 100vw);
  font-family: "LanderGrande";
  font-style: normal;
  font-weight: 500;
  font-size: calc(52 / 1440 * 100vw);
  line-height: calc(73/52);
  text-align: center;
  color: #174827;
  letter-spacing: 0.06em;
  margin-bottom: calc(27 / 1440 * 100vw);
}
.degital_card_text {
  color: #174827;
  font-size: calc(30 / 1440 * 100vw);
  line-height: calc(50 / 30);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.11em;
  margin-bottom: calc(80 / 1440 * 100vw);
}
.degital_card_img_wrap {
  display: flex;
  justify-content: center;
  gap: calc(59 / 1440 * 100vw);
  margin-bottom: calc(76 / 1440 * 100vw);
}
.degital_card_img {
  width: calc(436 / 1440 * 100vw);
}
.degital_card_content .btn_w a {
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1023px) {
  .degital_card_content {
    top: calc(80 / 750 * 100vw);
    left: calc(87 / 750 * 100vw);
  }
  .degital_card_ttl {
    left: calc(1 / 750 * 100vw);
    font-size: calc(52 / 750 * 100vw);
    line-height: calc(73/52);
    letter-spacing: 0.06em;
    margin-bottom: calc(32 / 750 * 100vw);
  }
  .degital_card_text {
    font-size: calc(36 / 750 * 100vw);
    line-height: calc(59 / 36);
    letter-spacing: 0.11em;
    margin-bottom: calc(130 / 750 * 100vw);
  }
  .degital_card_img_wrap {
    position: relative;
    left: calc(40 / 750 * 100vw);
    flex-direction: column;
    gap: calc(109 / 750 * 100vw);
    margin-bottom: calc(132 / 750 * 100vw);
  }
  .degital_card_img {
    width: calc(492 / 750 * 100vw);
  }
  .degital_card_content .btn_w {
    width: calc(576 / 750 * 100vw);
    height: calc(79 / 750 * 100vw);
  }
  .degital_card_content .btn_w a {
    font-size: calc(27 / 750 * 100vw);
    line-height: calc(72 / 750 * 100vw);
    letter-spacing: 0.01em;
  }
}


/* ----------------------------------------------------------
egift
---------------------------------------------------------- */
.block-egift {
  position: relative;
}
.egift_content {
  position: absolute;
  top: calc(88 / 1440 * 100vw);
  left: calc(470 / 1440 * 100vw);
}
.egift_ttl {
  position: relative;
  left: calc(1 / 1440 * 100vw);
  font-family: "LanderGrande";
  font-style: normal;
  font-weight: 500;
  font-size: calc(52 / 1440 * 100vw);
  text-align: center;
  color: #174827;
  letter-spacing: 0.04em;
  margin-bottom: calc(17 / 1440 * 100vw);
}
.egift_text {
  color: #174827;
  font-size: calc(30 / 1440 * 100vw);
  line-height: calc(50 / 30);
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.11em;
  margin-bottom: calc(75 / 1440 * 100vw);
}
.egift_img {
  width: calc(500 / 1440 * 100vw);
  margin-bottom: calc(92 / 1440 * 100vw);
}

@media screen and (max-width: 1023px) {
  .egift_content {
    top: calc(124 / 750 * 100vw);
    left: calc(85 / 750 * 100vw);
  }
  .egift_ttl {
    left: calc(1 / 750 * 100vw);
    font-size: calc(52 / 750 * 100vw);
    letter-spacing: 0.08em;
    margin-bottom: calc(17 / 750 * 100vw);
  }
  .egift_text {
    font-size: calc(36 / 750 * 100vw);
    line-height: calc(59 / 36);
    letter-spacing: 0.1em;
    margin-bottom: calc(88 / 750 * 100vw);
  }
  .egift_img {
    position: relative;
    left: calc(41 / 750 * 100vw);
    width: calc(500 / 750 * 100vw);
    margin-bottom: calc(102 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
joiful_town
---------------------------------------------------------- */
.block-joiful_town {
  position: relative;
}
.joiful_town_link {
  position: absolute;
  top: calc(851 / 1440 * 100vw);
  left: calc(470 / 1440 * 100vw);
  width: calc(500 / 1440 * 100vw);
  height: calc(89 / 1440 * 100vw);
}
.joiful_town_link a {
  display: block;
  height: 100%;
}
@media screen and (max-width: 1023px) {
    .joiful_town_link {
        top: calc(1000 / 750 * 100vw);
        left: calc(50 / 750 * 100vw);
        width: calc(650 / 750 * 100vw);
        height: calc(110 / 750 * 100vw);
        border-radius: 0 0 2vw 2vw;
    }
}