@charset "UTF-8";
:root {
}

* {
  padding: 0;
  margin: 0;
  box-sizing: unset;
}

p {
  word-break: break-all;
  overflow-wrap: break-word;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

section {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}

html {
  scroll-behavior: smooth;
}

.flowhid {
  overflow: hidden;
}

.hide {
  display: none !important;
}

.hideopa {
  opacity: 0 !important;
}

.show {
  opacity: 1 !important;
}

@keyframes ddm3 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: rotate(-8deg);
  }
  65% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ddm4 {
  0% {
    transform: scale(1);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: scale(1.05);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes blk3 {
  0% {
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate_image {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scaleOpa {
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes scaleOpa2 {
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes ddm {
  0% {
    transform: scale(1);
  }
  50% {
    transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -30);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate_imageY {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes ddm2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: translateY(20px);
  }
  75% {
    transform: scale(1.02);
    transform: translateY(10px);
  }
  100% {
    transform: scale(1);
    transform: translateY(0px);
  }
}
@keyframes scaleOpa3 {
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes smoke {
  0% {
    transform: translateY(30%) scale(0.8);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(-30%) scale(1.1);
    opacity: 0;
  }
}
.smoke {
  animation: smoke 4s infinite linear;
}

@keyframes light {
  0%, 31%, 34%, 39%, 42%, 47% {
    opacity: 0;
  }
  5%, 30%, 35%, 38%, 43%, 46% {
    opacity: 0.4;
  }
  50%, 55%, 60%, 67%, 51%, 54%, 68%, 100% {
    opacity: 1;
  }
  70% {
    opacity: 0.2;
  }
}
@keyframes marqueeX {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marqueeX_r {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes marqueeY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes marqueeY_r {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes shakeAndFall {
  0% {
    transform: translate(0, -50%) rotate(0);
    opacity: 0;
  }
}
.shakeTwice {
  animation: shakeTwice 2s ease-in-out infinite;
  transform-origin: center;
}

.shakeTwices {
  animation: shakeTwices 2s ease-in-out infinite;
  transform-origin: center;
}

@keyframes shakeTwice {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes shakeTwices {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(3deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
div.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.swiper-wrapper.flow {
  pointer-events: none;
  transition-timing-function: linear;
}

section {
  font-family: "Pretendard Variable";
  font-weight: 300;
  font-size: calc(var(--px) * 18);
  letter-spacing: -0.04vw;
}

section img {
  width: 100%;
}

.swiper-button-disabled {
  opacity: 0.3;
}

.noto {
  font-family: "Noto Serif", serif;
}

.notokr {
  font-family: "Noto Serif KR", serif;
}

.exbold {
  font-weight: 800;
}

.bold {
  font-weight: 700;
}

.sebold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

.regular {
  font-weight: 400;
}

.flight {
  font-weight: 200;
}

.thin {
  font-weight: 100;
}

.animate-blk {
  animation: blk 1s infinite ease-in-out;
}

.scaleOpa {
  animation: scaleOpa infinite 2s;
}

.scaleOpa2 {
  animation: scaleOpa2 infinite 2s;
}

.light {
  animation: light infinite 5s;
}

.rotate_img {
  animation: rotate_image 10s infinite linear;
}

.white {
  color: white;
}

.txct {
  text-align: center;
}

.lh {
  line-height: 1.5;
}

/* reveal 대신 사용 start */
/* 왼쪽부터 나타나기 */
.clip_off02 {
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: all 0.8s;
}

/* 가운데에서 나타나기 */
.clip_off {
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  transition: all 0.8s;
}

/* gsap에서 넣을 class */
.clip_on {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}

/* reveal 대신 사용 end */
.absol_cover {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.max_width {
  width: unset !important;
  max-width: 101%;
}

.back_img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

/* image_sd */
.image_sd_wrap {
  overflow: hidden;
}

.image_sd {
  animation: marqueeX 20s infinite linear;
}

.image_sd .absol {
  left: 100%;
}

.image_sd_r {
  animation: marqueeX_r 20s infinite linear;
}

.image_sd_r .absol {
  right: 100%;
}

/* image_sd end */
/* y_slide start */
.slide_y_wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0%;
  overflow: hidden;
}

.slide_y {
  animation: marqueeY 20s infinite linear;
}

.slide_y img.absol {
  top: 100%;
}

.slide_y_r {
  animation: marqueeY_r 20s infinite linear;
}

.slide_y_r img.absol {
  bottom: 100%;
}

/* y_slide end */
/* flow_sd 가로 (여러 이미지 마퀴) start */
.flow_sd {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.flow_sd_move {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marqueeX 20s infinite linear;
}
.flow_sd_move_r {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marqueeX_r 20s infinite linear;
}
.flow_sd_move_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flow_sd_move_item02 {
  left: 100%;
}
.flow_sd_move_item02_r {
  right: 100%;
}
.flow_sd_img {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* flow_sd 가로 end */
/* flow_sd 세로 (여러 이미지 마퀴) start */
.flow_sd_y {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.flow_sd_y_move {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marqueeY 10s infinite linear;
}
.flow_sd_y_move_r {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marqueeY_r 10s infinite linear;
}
.flow_sd_y_move_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.flow_sd_y_move_item02 {
  top: 100%;
}
.flow_sd_y_move_item02_r {
  bottom: 100%;
}
.flow_sd_y_img {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* flow_sd 세로 end */
/* swiper-arr */
.btn_arr {
  z-index: 2;
  cursor: pointer;
}

.arr_next {
  transform: rotateY(180deg);
}

/* swiper-arr */
iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-lock {
  display: none !important;
}

.swiper {
  margin: 0;
  z-index: 0;
}

b {
  font-weight: 700;
}

.obj > img {
  height: 100%;
  object-fit: cover;
}

/* 마커디자인 */
.map_marker {
  position: relative;
  display: inline-block;
}

/* 말풍선 텍스트 박스 */
.map_marker_text {
  background: #e94f0c;
  border: 1px solid #fff;
  padding: 9px 19px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* 퍼블시작 */

/* ===== 모바일 지도 터치 잠금 오버레이 (md/map_zoom_control.md §3) ===== */
.map-touch-lock-parent {
  position: relative;
}
.map-touch-lock {
  position: absolute;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.58);
  border: 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;
}
.map-touch-lock-text {
  display: block;
  padding: 0 calc(var(--px) * 20);
  font-size: calc(var(--px) * 16);
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
}
.is-map-touch-unlocked .map-touch-lock {
  opacity: 0;
  pointer-events: none;
}


/* ===== MAIN VISUAL ===== */
.absol {
  position: absolute;
}

.rltv {
  position: relative;
}

.main {
    height: calc(var(--px) * 1001);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-image: url('/images/main_bg.jpg');
    background-size: cover;
    background-position: top center;
    box-sizing: border-box;
    overflow: hidden;
}

.main_fire_video {
  width: 100%;
  height: calc(var(--px) * 920);
  left: 0%;
  top: 0%;
  z-index: 1;
  opacity: 0.42;
  mix-blend-mode: screen;
  pointer-events: none;
}

.main_copy {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 9.6vw;
  z-index: 3;
  letter-spacing: 0;
}

.main_kicker_img {
  width: calc(var(--px) * 208);
  aspect-ratio: 208 / 20;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 1.8vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 70);
  line-height: calc(var(--px) * 75);
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
  word-break: keep-all;
}

.main_title b {
  font-family: 'Ria';
  font-weight: 400;
  color: #ffc850;
}

.main_desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 1.8vw;
  font-size: calc(var(--px) * 20);
  line-height: calc(var(--px) * 24);
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
  word-break: keep-all;
}

.main_pizza_swiper {
  width: 100%;
  height: calc(var(--px) * 702);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2vw;
  overflow: visible;
  z-index: 2;
}

.main_pizza_swiper .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.main_pizza_swiper .swiper-slide {
  width: calc(var(--px) * 970) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}

.main_pizza_img {
  width: calc(var(--px) * 1072);
  aspect-ratio: 1072 / 702;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.45s ease;
  transform-origin: center bottom;
}

.main_pizza_swiper .swiper-slide-active .main_pizza_img {
  transform: scale(1);
}

.main_pizza_swiper .swiper-slide-prev .main_pizza_img,
.main_pizza_swiper .swiper-slide-next .main_pizza_img {
  transform: scale(0.76);
}

.main_float_img {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
}

.main_badge_profit {
  width: calc(var(--px) * 303);
  aspect-ratio: 303 / 303;
  left: 6.1%;
  top: 25.6vw;
}

.main_badge_system {
  width: calc(var(--px) * 303);
  aspect-ratio: 303 / 303;
  left: 79.3%;
  top: 25.6vw;
}

.main_handwriting {
  width: calc(var(--px) * 196);
  aspect-ratio: 196 / 104;
  left: 22.6%;
  top: 27.3vw;
}

.main_character {
  width: calc(var(--px) * 198);
  aspect-ratio: 198 / 233;
  left: 64.8%;
  top: 26.7vw;
  z-index: 5;
  transform-origin: 55% 80%;
}

.main_marquee {
  height: calc(var(--px) * 84);
  left: 0%;
  bottom: 0%;
  z-index: 6;
  background-color: #fff3c8;
  border-top: 1px solid rgba(255, 255, 255, 0.65);
  box-sizing: border-box;
}

.main_marquee_move {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marqueeX 14s infinite linear;
}

.main_marquee_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.main_marquee_text {
  font-family: 'Ria';
  font-size: calc(var(--px) * 30);
  line-height: calc(var(--px) * 32);
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  color: #e94f0c;
  white-space: nowrap;
}
/* ===== CON02: 매출/단체주문 ===== */
.con01 {
  height: calc(var(--px) * 2026);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-image: url('/images/con02_bg.jpg');
  background-size: cover;
  background-position: top center;
  box-sizing: border-box;
  overflow: hidden;
}

.con01_sales_panel {
  width: 94.4882%;
  height: calc(var(--px) * 960);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  /* overflow: hidden; */
  /* border-radius: 0 0 calc(var(--px) * 40) calc(var(--px) * 40); */
  z-index: 3;
}

.con01_sales_bg_img {
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  border-radius: 0 0 calc(var(--px) * 40) calc(var(--px) * 40);
  overflow: hidden;
}

.con01_sales_bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.con01_sales_head {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 6.5vw;
  text-align: center;
  color: #ffffff;
  z-index: 4;
}

.con01_sales_kicker {
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 28);
  line-height: calc(var(--px) * 30);
  font-weight: 400;
  letter-spacing: -0.05vw;
  color: #ffffff;
  text-align: center;
}

.con01_sales_title {
  margin-top: 0.6vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  line-height: calc(var(--px) * 60);
  font-weight: 400;
  letter-spacing: -0.05vw;
  color: #ffffff;
  text-align: center;
  word-break: keep-all;
}

.con01_sales_title span {
  font-family: 'Ria';
  font-weight: 400;
  color: #ffc850;
}

.con01_sales_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 0.9vw;
  font-size: calc(var(--px) * 20);
  line-height: calc(var(--px) * 30);
  font-weight: 400;
  letter-spacing: -0.05vw;
  color: #ffffff;
  text-align: center;
  word-break: keep-all;
}

.con01_sales_text b {
  font-weight: 700;
  color: #ffffff;
}

.con01_sales_summary {
  width: 100%;
  height: calc(var(--px) * 234);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1vw;
  margin-top: 2.8vw;
  z-index: 4;
}

.con01_sales_summary_card {
  width: calc(var(--px) * 592);
  height: calc(var(--px) * 234);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  background-image: url('/images/con01_01.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.con01_summary_card_text {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: calc(var(--px) * 39);
  box-sizing: border-box;
}


.con01_summary_label {
  font-family: 'Ria';
  font-size: calc(var(--px) * 26);
  line-height: calc(var(--px) * 30);
  font-weight: 400;
  letter-spacing: -0.05vw;
  color: #111111;
  text-align: center;
}

.con01_summary_value {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 1.0vw;
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 80);
  line-height: calc(var(--px) * 66);
  font-weight: 900;
  letter-spacing: -0.03vw;
  color: #ff5a00;
  text-align: center;
}

.con01_summary_value span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 45);
  height: calc(var(--px) * 45);
  margin-left: 0.2vw;
  margin-bottom: 0.2vw;
  border-radius: 50%;
  background-color: #111111;
  font-family: 'Ria';
  font-size: calc(var(--px) * 24);
  line-height: calc(var(--px) * 24);
  font-weight: 400;
  letter-spacing: -0.07vw;
  color: #ffffff;
}

.con01_summary_note {
  margin-top: 1.1vw;
  font-size: calc(var(--px) * 16);
  line-height: calc(var(--px) * 30);
  font-weight: 400;
  letter-spacing: -0.05vw;
  color: #111111;
  text-align: center;
}

.con01_profit_badge {
  width: calc(var(--px) * 264);
  aspect-ratio: 264 / 264;
  right: 5.7%;
  top: -4.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.con01_profit_badge img {
  width: 100%;
  display: block;
}

.con01_sales_swiper {
  width: 100%;
  height: calc(var(--px) * 296);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  margin-top: 2.0vw;
  overflow: hidden;
  z-index: 4;
}

.con01_sales_swiper .swiper-wrapper.flow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition-timing-function: linear !important;
}

.con01_sales_swiper .swiper-slide {
  width: auto !important;
  height: calc(var(--px) * 296);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con01_sales_slide {
  width: calc(var(--px) * 315);
  height: calc(var(--px) * 296);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-right: 0.6vw;
  padding: calc(var(--px) * 29) calc(var(--px) * 18) 0;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: calc(var(--px) * 17);
  background-color: rgba(19, 5, 0, 0.36);
  box-sizing: border-box;
  color: #ffffff;
}

.con01_sales_store {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: calc(var(--px) * 84);
  min-height: calc(var(--px) * 34);
  padding: 0 0.6vw;
  border-radius: calc(var(--px) * 17);
  background-color: #ff5a00;
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 20);
  line-height: calc(var(--px) * 27);
  font-weight: 600;
  letter-spacing: -0.07vw;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}

.con01_sales_label_01,
.con01_sales_label_02 {
  margin-top: 0.7vw;
  font-family: 'Suit';
  font-size: calc(var(--px) * 16);
  line-height: calc(var(--px) * 27);
  font-weight: 400;
  letter-spacing: -0.07vw;
  color: rgba(255, 255, 255, 0.86);
  text-align: center;
}

.con01_sales_label_02 {
  margin-top: 1.1vw;
}

.con01_sales_value_01,
.con01_sales_value_02 {
  margin-top: 0.3vw;
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 36);
  line-height: calc(var(--px) * 29);
  font-weight: 900;
  letter-spacing: -0.05vw;
  color: #ffffff;
  text-align: center;
}

.con01_sales_line {
  width: 72%;
  height: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.1vw;
  background-color: rgba(255, 255, 255, 0.24);
}

.con01_benefit_left,
.con01_benefit_right {
  width: calc(var(--px) * 195);
  aspect-ratio: 195 / 195;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 35.6vw;
  z-index: 7;
}

.con01_benefit_left {
  left: 31.8%;
}

.con01_benefit_right {
  right: 31.8%;
}

.con01_benefit_left img,
.con01_benefit_right img {
  width: 100%;
  display: block;
}

.con01_character_img {
  width: calc(var(--px) * 652);
  aspect-ratio: 652 / 349;
  left: 33.2%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
  bottom: -1.2vw;
}

.con01_character_img img {
  width: 100%;
  display: block;
}

.con01_title_group {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 6.8vw;
  z-index: 5;
}

.con01_title_01 {
  width: calc(var(--px) * 547);
  aspect-ratio: 547 / 85;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con01_title_02 {
  width: calc(var(--px) * 748);
  aspect-ratio: 748 / 114;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -0.4vw;
}

.con01_title_01 img,
.con01_title_02 img {
  width: 100%;
  display: block;
}

.con01_desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 1vw;
  font-size: calc(var(--px) * 20);
  line-height: calc(var(--px) * 30);
  font-weight: 400;
  letter-spacing: -0.05vw;
  color: #ffffff;
  text-align: center;
  word-break: keep-all;
}

.con01_desc b {
  font-weight: 700;
  color: #ffffff;
}

.con01_float_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 271);
  aspect-ratio: 271 / 135;
  z-index: 6;
}

.con01_float_img img {
  width: 100%;
  display: block;
}

.con01_bubble_left {
  left: 13.4%;
  top: 58.6vw;
}

.con01_bubble_right {
  right: 14.8%;
  top: 55.9vw;
}

.con01_conveyor {
  width: 100vw;
  aspect-ratio: 384 / 130;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-top: -4.7vw;
  z-index: 3;
}

.con01_conveyor > img {
  width: 100%;
  display: block;
}

.con01_pizza_swiper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
  z-index: 5;
  margin-top: 4.7vw;
}

.con01_pizza_swiper .swiper-wrapper.flow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition-timing-function: linear !important;
}

.con01_pizza_swiper .swiper-slide {
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con01_order_item {
  width: calc(var(--px) * 400);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.con01_pizza_img {
  width: calc(var(--px) * 400);
  aspect-ratio: 400 / 400;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con01_pizza_img img {
  width: 100%;
  display: block;
}

.con01_label_img {
  width: calc(var(--px) * 213);
  aspect-ratio: 213 / 58;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: -6vw; */
  z-index: 2;
  position: absolute;
}

.con01_label_img img {
  width: 100%;
  display: block;
}

/* ===== CON03: COMPARISON ANSWER ===== */
.con03 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: #fffaf0;
  background-image: url('/images/con03_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 6vw;
  padding-bottom: 5vw;
  box-sizing: border-box;
  overflow: hidden;
}

.con03_side_marquee {
  width: calc(var(--px) * 205);
  height: calc(var(--px) * 1572);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  z-index: 4;
}

.con03_side_marquee_left {
  left: 0;
  top: 0vw;
}

.con03_side_marquee_right {
  right: 0;
  top: 0vw;
}

.con03_side_panel_img {
  width: 100%;
  aspect-ratio: 205 / 1337;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  z-index: 1;
}

.con03_side_panel_img img {
  width: 100%;
  display: block;
}

.con03_side_text_wrap {
  width: calc(var(--px) * 74);
  height: calc(var(--px) * 1572);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 2;
}

.con03_side_text_left {
  /* left: 32.7%; */
  top: 0vw;
}

.con03_side_text_right {
  /* left: 31.7%; */
  top: 0;
}

.con03_side_marquee_move {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  animation-duration: 18s;
}

.con03_side_marquee_move img {
  width: 100%;
  display: block;
  flex-shrink: 0;
}

.con03_content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 0;
  z-index: 3;
  letter-spacing: 0;
}

.con03_logo_img {
  width: calc(var(--px) * 178);
  aspect-ratio: 178 / 33;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con03_logo_img img {
  width: 100%;
  display: block;
}

.con03_title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 1vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  line-height: calc(var(--px) * 53);
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
  text-align: center;
  word-break: keep-all;
}

.con03_title span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.con03_title span:last-child {
  margin-left: 0.4vw;
  color: #e94f0c;
}

.con03_desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 1.9vw;
  font-size: calc(var(--px) * 20);
  line-height: calc(var(--px) * 25);
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
  text-align: center;
  word-break: keep-all;
}

.con03_desc b {
  font-weight: 700;
}

.con03_compare_stage {
  width: 100%;
  height: calc(var(--px) * 685);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.6vw;
}

.con03_boards_row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-left: 27%;
}

.con03_left_board {
  width: calc(var(--px) * 429);
  aspect-ratio: 429 / 624;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.1vw;
  flex-shrink: 0;
  z-index: 1;
}

.con03_label_stack {
  width: calc(var(--px) * 170);
  aspect-ratio: 170 / 468;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * -102);
  margin-top: 7.6vw;
  flex-shrink: 0;
  z-index: 4;
}

.con03_right_board {
  width: calc(var(--px) * 483);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * -90);
  flex-shrink: 0;
  z-index: 2;
}

.con03_right_board_img {
  width: 100%;
  aspect-ratio: 483 / 682;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con03_left_board img,
.con03_label_stack img,
.con03_right_board_img img {
  width: 100%;
  display: block;
}

.con03_win_badge {
  width: calc(var(--px) * 287);
  aspect-ratio: 287 / 171;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 73.5%;
  top: 0;
  z-index: 5;
}

.con03_win_badge img {
  width: 100%;
  display: block;
}
/* ===== CON04: PINNED CARD STACK ===== */
.con04 {
  height: calc(var(--px) * 1030);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
}

.con04_back_visual {
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 0;
}

.con04_back_visual img {
  width: 100%;
  display: block;
}

.con04_head {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 10.3vw;
  text-align: center;
  letter-spacing: 0;
  color: #000000;
  z-index: 1;
  word-break: keep-all;
}

.con04_eyebrow {
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 28);
  line-height: calc(var(--px) * 25);
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
}

.con04_title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 1vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  line-height: calc(var(--px) * 59);
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}

.con04_title > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.con04_orange {
  display: inline;
  color: #e94f0c;
}

.con04_cards_view {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.7vw;
  z-index: 1;
}

.con04_card_deck {
  width: calc(var(--px) * 1443);
  height: calc(var(--px) * 484);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * 14);
}

.con04_card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  background-color: #ffffff;
  border: 1px solid #efe3cf;
  border-radius: calc(var(--px) * 24);
  overflow: hidden;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
}

.con04_card.is-active {
  opacity: 1;
  visibility: visible;
}

.con04_card_media {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 0;
}

.con04_card_info {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  margin-left: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}

.con04_card_photo {
  width: calc(var(--px) * 720);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con04_card_photo img,
.con04_price_img img,
.con04_quality_img img,
.con04_num_img img,
.con04_label_img img,
.con04_mascot_img img {
  width: 100%;
  display: block;
}

.con04_card_photo > img {
  height: 100%;
  object-fit: cover;
}

.con04_price_img {
  width: calc(var(--px) * 207);
  aspect-ratio: 207 / 207;
  display: flex;
  justify-content: center;
  align-items: center;
  left: calc(var(--px) * 32);
  top: calc(var(--px) * 21);
  z-index: 3;
}

.con04_quality_img {
  width: calc(var(--px) * 590);
  aspect-ratio: 590 / 228;
  display: flex;
  justify-content: center;
  align-items: center;
  left: calc(var(--px) * 76);
  top: calc(var(--px) * 137);
  z-index: 3;
}

.con04_card_bar {
  position: relative;
  width: 100%;
  height: calc(var(--px) * 103);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f04b0b;
  flex-shrink: 0;
}

.con04_num_img {
  display: flex;
  justify-content: center;
  align-items: center;
  left: calc(var(--px) * 85);
  top: calc(var(--px) * 36);
}

.con04_label_img {
  display: flex;
  justify-content: center;
  align-items: center;
  right: calc(var(--px) * 60);
  top: calc(var(--px) * 37);
}

.con04_card_01 .con04_num_img {
  width: calc(var(--px) * 27);
  aspect-ratio: 27 / 30;
}

.con04_card_02 .con04_num_img,
.con04_card_03 .con04_num_img {
  width: calc(var(--px) * 34);
  aspect-ratio: 34 / 30;
}

.con04_card_04 .con04_num_img {
  width: calc(var(--px) * 35);
  aspect-ratio: 35 / 30;
}

.con04_card_01 .con04_label_img {
  width: calc(var(--px) * 177);
  aspect-ratio: 177 / 29;
}

.con04_card_02 .con04_label_img {
  width: calc(var(--px) * 256);
  aspect-ratio: 256 / 33;
}

.con04_card_03 .con04_label_img {
  width: calc(var(--px) * 183);
  aspect-ratio: 183 / 29;
}

.con04_card_04 .con04_label_img {
  width: calc(var(--px) * 213);
  aspect-ratio: 213 / 29;
}

.con04_card_body {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-top: calc(var(--px) * 79);
  padding-left: calc(var(--px) * 85);
  box-sizing: border-box;
  color: #000000;
  letter-spacing: 0;
}

.con04_card_title {
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 38);
  line-height: calc(var(--px) * 35);
  font-weight: 800;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
}

.con04_card_lead {
  margin-top: 1.6vw;
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 24);
  line-height: calc(var(--px) * 34);
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
  word-break: keep-all;
}

.con04_card_desc {
  margin-top: 1.1vw;
  font-size: calc(var(--px) * 18);
  line-height: calc(var(--px) * 28);
  font-weight: 300;
  letter-spacing: 0;
  color: #000000;
  word-break: keep-all;
}

.con04_mascot_img {
  width: calc(var(--px) * 90);
  aspect-ratio: 90 / 94;
  display: flex;
  justify-content: center;
  align-items: center;
  left: calc(var(--px) * 677);
  top: calc(var(--px) * 43);
  z-index: 10;
  will-change: transform;
}

/* ===== CON05: PIZZA SLICE PIN ===== */
.con05 {
  height: calc(var(--px) * 1000);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-image: url('/images/con05_bg.jpg');
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.con05_fire_video {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  mix-blend-mode: screen;
  opacity: 0;
}

.con05_grill_img {
  width: calc(var(--px) * 903);
  aspect-ratio: 903 / 1147;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 26.7%;
  top: -22.4vw;
}

.con05_pizza {
  width: calc(var(--px) * 839);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: -8.5vw;
  margin-left: calc(var(--px) * 1);
}

.con05_pizza_slice {
  width: 100%;
  aspect-ratio: 839 / 839;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con05_pizza_slice_02,
.con05_pizza_slice_03,
.con05_pizza_slice_04,
.con05_pizza_slice_05,
.con05_pizza_slice_06,
.con05_pizza_slice_07,
.con05_pizza_slice_08 {
  left: 0;
  top: 0;
}

.con05_copy_01,
.con05_copy_02 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con05_copy_01 {
  width: calc(var(--px) * 880);
  aspect-ratio: 880 / 180;
  left: 15.8%;
  top: 17.1vw;
}

.con05_copy_02 {
  width: calc(var(--px) * 814);
  aspect-ratio: 814 / 178;
  left: 42.6%;
  top: 28.9vw;
}

.con05_grill_img img,
.con05_pizza_slice img,
.con05_copy_01 img,
.con05_copy_02 img {
  width: 100%;
  display: block;
}

/* ===== CON06 + CON07: OPERATION SYSTEM ===== */
.con0607 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-image: url('/images/con06_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  box-sizing: border-box;
}

.con06 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 7.1vw;
  background-image: linear-gradient(#e94f0c, #e94f0c), linear-gradient(#e94f0c, #e94f0c), linear-gradient(#e94f0c, #e94f0c);
  background-repeat: no-repeat;
  background-size: 100% 1px, 100% 1px, 100% 1px;
  background-position: center 28.6vw, center 29.1vw, center 29.7vw;
  box-sizing: border-box;
  flex-shrink: 0;
}

.con06_title_img {
  width: calc(var(--px) * 521);
  aspect-ratio: 521 / 155;
  display: flex;
  justify-content: center;
  align-items: center;
  /* align-self: flex-start; */
  /* margin-left: 37%; */
  flex-shrink: 0;
}

.con06_subtitle_img {
  width: calc(var(--px) * 546);
  aspect-ratio: 546 / 46;
  display: flex;
  justify-content: center;
  align-items: center;
  /* align-self: flex-start; */
  margin-top: 1.6vw;
  /* margin-left: 36.1%; */
  flex-shrink: 0;
}

.con06_visual {
  width: calc(var(--px) * 1681);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  /* align-self: flex-start; */
  margin-top: 2.3vw;
  /* margin-left: 6.3%; */
  flex-shrink: 0;
}

.con06_reason_group {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  padding-top: 1.5vw;
  box-sizing: border-box;
  flex-shrink: 0;
}

.con06_reason_group_left {
  width: calc(var(--px) * 498);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--px) * 38);
  flex-shrink: 0;
}

.con06_reason_group_right {
  width: calc(var(--px) * 491);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--px) * 31);
  margin-left: calc(var(--px) * 39);
  flex-shrink: 0;
}

.con06_store_group {
  width: calc(var(--px) * 744);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-left: calc(var(--px) * -91);
  flex-shrink: 0;
  z-index: 2;
}

.con06_mascot_img {
  width: calc(var(--px) * 230);
  aspect-ratio: 230 / 304;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 11.9vw;
  z-index: 2;
  flex-shrink: 0;
  will-change: transform;
}

.con06_store_img {
  width: calc(var(--px) * 624);
  aspect-ratio: 624 / 524;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * -110);
  flex-shrink: 0;
}

.con06_flip_card {
  width: calc(var(--px) * 230);
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: calc(var(--px) * 1000);
  flex-shrink: 0;
}

.con06_flip_card.is-front {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con06_flip_card.is-back {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con06_flip_inner {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;
  will-change: transform;
}

.con06_flip_card.is-front .con06_flip_inner {
  transform: rotateY(0deg);
}

.con06_flip_card.is-back .con06_flip_inner {
  transform: rotateY(180deg);
}

.con06_flip_face {
  width: 100%;
  aspect-ratio: 230 / 230;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  flex-shrink: 0;
}

.con06_flip_front {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateY(0deg);
}

.con06_flip_back {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  transform: rotateY(180deg);
}

.con06_title_img img {
  width: 100%;
  display: block;
}

.con06_subtitle_img img {
  width: 100%;
  display: block;
}

.con06_flip_face img {
  width: 100%;
  display: block;
}

.con06_mascot_img img {
  width: 100%;
  display: block;
}

.con06_store_img img {
  width: 100%;
  display: block;
}

.con07 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: -4.5vw;
  flex-shrink: 0;
}

.con07_body {
  width: calc(var(--px) * 1800);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  /* align-self: flex-start; */
  /* margin-left: 3.1%; */
  padding-bottom: 3.8vw;
  background-image: url('/images/con07_bg.jpg');
  background-repeat: no-repeat;
  background-size: calc(var(--px) * 1800) calc(var(--px) * 920);
  background-position: center top;
  border-radius: calc(var(--px) * 50);
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
}

.con07_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 6.7vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  line-height: 3.1vw;
  font-weight: 800;
  letter-spacing: -0.1vw;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

.con07_title > span {
  display: block;
}

.con07_title_accent {
  color: #ffc850;
}

.con07_outline_marquee {
  width: 100%;
  height: calc(var(--px) * 161);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: -5.2vw;
  -webkit-mask-image: linear-gradient(to right, #000000 0%, #000000 14%, transparent 35%, transparent 65%, #000000 86%, #000000 100%);
  mask-image: linear-gradient(to right, #000000 0%, #000000 14%, transparent 35%, transparent 65%, #000000 86%, #000000 100%);
  overflow: hidden;
  flex-shrink: 0;
}

.con07_outline_image {
  width: calc(var(--px) * 2172);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: -9.3%;
  flex-shrink: 0;
}

.con07_outline_track {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation-duration: 28s;
  flex-shrink: 0;
}

.con07_outline_track > .absol {
  top: 0;
}

.con07_outline_track img {
  width: 100%;
  display: block;
}

.con07_desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: -1.3vw;
  font-size: calc(var(--px) * 20);
  line-height: 1.6vw;
  font-weight: 400;
  letter-spacing: -0.1vw;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

.con07_desc > span {
  display: block;
}

.con07_cards {
  width: calc(var(--px) * 1576);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  /* align-self: flex-start; */
  gap: calc(var(--px) * 11);
  margin-top: 1.9vw;
  /* margin-left: 6.3%; */
  flex-shrink: 0;
}

.con07_card {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.9vw;
  transform: translateY(0);
  transition: transform 0.45s ease;
  will-change: transform;
}

.con07_card.is-active {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transform: translateY(-1.9vw);
}

.con07_card_img {
  width: calc(var(--px) * 518);
  aspect-ratio: 518 / 433;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con07_card_left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con07_card_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con07_card_center {
  width: calc(var(--px) * 518);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
}

.con07_badge_img {
  width: calc(var(--px) * 175);
  aspect-ratio: 175 / 100;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 11.6%;
  top: 10.6vw;
  z-index: 2;
  animation: con07_float_y 3.2s infinite ease-in-out;
  will-change: transform;
}

.con07_card_img img {
  width: 100%;
  display: block;
}

.con07_badge_img img {
  width: 100%;
  display: block;
}

.con07_marquee {
  width: 100%;
  height: calc(var(--px) * 83);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.4vw;
  background-color: #000000;
  overflow: hidden;
  flex-shrink: 0;
}

.con07_marquee_image {
  width: calc(var(--px) * 2938);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.con07_marquee_track {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation-duration: 20s;
  flex-shrink: 0;
}

.con07_marquee_track > .absol {
  top: 0;
}

.con07_marquee_track img {
  width: 100%;
  display: block;
}

@keyframes con07_float_y {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5vw);
  }
  100% {
    transform: translateY(0);
  }
}

/* con08 */
.con08 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-top: 7.9vw;
  background-image: url('/images/con08_bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto calc(var(--px) * 811);
  box-sizing: border-box;
  flex-shrink: 0;
}

.con08_boxes {
  width: calc(var(--px) * 707);
  height: auto;
  aspect-ratio: 707 / 733;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 70.5%;
  top: 9.2vw;
  transform: translate(calc(var(--px) * -1), calc(var(--px) * 1));
}

.con08_boxes img {
  width: 100%;
  height: 100%;
  display: block;
}

.con08_content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  gap: calc(var(--px) * 98);
  padding-left: calc(var(--px) * 232);
  box-sizing: border-box;
  flex-shrink: 0;
}

.con08_intro {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 3.8vw;
  flex-shrink: 0;
}

.con08_since_img {
  width: calc(var(--px) * 181);
  aspect-ratio: 181 / 39;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con08_since_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con08_intro_title {
  margin: 1.4vw 0 0;
  font-family: "Ria";
  font-size: calc(var(--px) * 55);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 3.2vw;
  color: #000000;
  white-space: nowrap;
  transform: translateX(calc(var(--px) * -4));
}

.con08_intro_title > span,
.con08_intro_desc > span,
.con08_card_desc > span {
  display: block;
}

.con08_intro_accent {
  font-weight: 400;
  color: #e94f0c;
}

.con08_intro_desc {
  margin: 1.4vw 0 0;
  font-size: calc(var(--px) * 20);
  font-weight: 400;
  line-height: 1.6vw;
  color: #000000;
  white-space: nowrap;
  transform: translateX(calc(var(--px) * -3));
}

.con08_intro_desc b {
  font-weight: 700;
}

.con08_swiper {
  width: calc(var(--px) * 1098);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: visible;
  clip-path: inset(0 0 -4vw 0);
  flex-shrink: 0;
}

.con08_swiper .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.con08_slide {
  width: calc(var(--px) * 444) !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
}

.con08_card {
  position: relative;
  width: 100%;
  height: calc(var(--px) * 476);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  border: 1px solid #e9e5cc;
  border-radius: calc(var(--px) * 30);
  background-color: #ffffff;
  box-sizing: border-box;
  transition: border-color 0.5s ease;
}

.con08_swiper .swiper-slide-active .con08_card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-color: #e94f0c;
}

.con08_badge_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.6vw;
  flex-shrink: 0;
}

.con08_badge_learn,
.con08_badge_build {
  width: calc(var(--px) * 137);
  aspect-ratio: 137 / 44;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con08_badge_experience {
  width: calc(var(--px) * 164);
  aspect-ratio: 164 / 44;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con08_badge_together {
  width: calc(var(--px) * 154);
  aspect-ratio: 154 / 44;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con08_badge_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con08_photo_img {
  width: calc(var(--px) * 345);
  aspect-ratio: 345 / 163;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
  transform: translateX(calc(var(--px) * -1));
  flex-shrink: 0;
}

.con08_photo_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con08_card_title {
  margin: 1.9vw 0 0;
  font-family: "Paperlogy";
  font-size: calc(var(--px) * 30);
  font-weight: 700;
  letter-spacing: -0.1vw;
  line-height: 1.5vw;
  color: #000000;
  white-space: nowrap;
  transform: translateX(calc(var(--px) * -3));
}

.con08_card_desc {
  margin: 1vw 0 0;
  font-size: calc(var(--px) * 18);
  font-weight: 300;
  line-height: 1.5vw;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  transform: translateX(calc(var(--px) * -2));
}

.con08_mascot {
  width: calc(var(--px) * 97);
  aspect-ratio: 97 / 109;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 36.9%;
  top: 22.8vw;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.con08_mascot img {
  width: 100%;
  height: 100%;
  display: block;
}

.con08_swiper .swiper-slide-active .con08_mascot {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.con08_checker_img {
  width: calc(var(--px) * 1590);
  aspect-ratio: 1590 / 49;
  display: flex;
  justify-content: center;
  align-items: center;
  /* align-self: flex-start; */
  /* margin-left: -0.4%; */
  margin-top: 7.1vw;
  flex-shrink: 0;
}

.con08_checker_img img {
  width: 100%;
  height: 100%;
  display: block;
}

/* ===== CON09 + CON10: MENU SELECTION + EASY COOKING ===== */
.con0910 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con09 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 3.4vw;
  padding-bottom: 10.1vw;
  background-image: url('/images/con09_bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  box-sizing: border-box;
  flex-shrink: 0;
}

.con09_panel {
  width: calc(var(--px) * 1800);
  height: calc(var(--px) * 920);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-image: url('/images/con09_bg_2.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-radius: calc(var(--px) * 50);
  box-sizing: border-box;
  overflow: visible;
  flex-shrink: 0;
}

.con09_intro {
  width: calc(var(--px) * 896);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  flex-shrink: 0;
}

.con09_intro_badge_img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}


.con09_intro_badge_left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 193);
  aspect-ratio: 193 / 198;
  top: -0.6vw;
  left: 0;
  z-index: 1;
}

.con09_intro_center {
  width: calc(var(--px) * 657);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: -3.4vw;
  flex-shrink: 0;
}

.con09_hero_pizza_img {
  width: calc(var(--px) * 657);
  aspect-ratio: 657 / 219;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con09_intro_badge_right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 191);
  aspect-ratio: 191 / 196;
  top: 3.8vw;
  right: 0;
  flex-shrink: 0;
}

.con09_intro_badge_img img {
  width: 100%;
  display: block;
}

.con09_hero_pizza_img img {
  width: 100%;
  display: block;
}

.con09_title {
  margin: 2vw 0 0;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  line-height: 3.1vw;
  font-weight: 800;
  letter-spacing: -0.1vw;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}

.con09_title > span {
  display: block;
}

.con09_title b {
  font-weight: 800;
  color: #e94f0c;
}

.con09_tabs {
  width: calc(var(--px) * 597);
  height: calc(var(--px) * 66);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: calc(var(--px) * 10);
  margin-top: 2vw;
  flex-shrink: 0;
}

.con09_tab {
  height: calc(var(--px) * 66);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vw;
  background-color: #ffe7dc;
  font-family: 'Ria';
  font-size: calc(var(--px) * 19.4);
  line-height: 1.6vw;
  font-weight: 800;
  letter-spacing: -0.1vw;
  color: #e94f0c;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  flex-shrink: 0;
}

.con09_tab.is-active {
  background-color: #e94f0c;
  color: #ffffff;
}

.con09_tab_pizza {
  width: calc(var(--px) * 142);
}

.con09_tab_side {
  width: calc(var(--px) * 143);
}

.con09_tab_sauce {
  width: calc(var(--px) * 141);
}

.con09_tab_drink {
  width: calc(var(--px) * 141);
}

.con09_products_row {
  width: calc(var(--px) * 1473);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 1.8vw;
  flex-shrink: 0;
}

.con09_products {
  width: calc(var(--px) * 1324);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: calc(var(--px) * 19);
  min-height: calc(var(--px) * 401);
  overflow: hidden;
  flex-shrink: 0;
}

.con09_products .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.con09_products_empty {
  width: 100%;
  min-height: calc(var(--px) * 401);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--px) * 20);
  font-weight: 500;
  color: #818181;
}

.con09_products_row.is-empty .con09_arrow_img {
  visibility: hidden;
}

.con09_arrow_img {
  width: calc(var(--px) * 55);
  aspect-ratio: 55 / 55;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7.3vw;
  cursor: pointer;
  flex-shrink: 0;
}

.con09_arrow_prev {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con09_arrow_next {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * 20);
}

.con09_arrow_img img {
  width: 100%;
  display: block;
}

.con09_arrow_next img {
  transform: rotate(180deg);
}

.con09_product {
  width: calc(var(--px) * 324);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  flex-shrink: 0;
}
.con09_card {
  width: calc(var(--px) * 324);
  height: calc(var(--px) * 324);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  border: 1px solid #e9e5cc;
  border-radius: calc(var(--px) * 30);
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
  transition: background-color 0.3s ease;
  flex-shrink: 0;
}

.con09_product:hover .con09_card {
  background-color: #ffe7dc;
}

.con09_product_img {
  width: calc(var(--px) * 274);
  aspect-ratio: 445 / 302;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.7vw;
  transition: width 0.3s ease, margin-top 0.3s ease;
  flex-shrink: 0;
}

.con09_product:hover .con09_product_img {
  width: calc(var(--px) * 445);
  margin-top: 4vw;
}
.con09_product_img img {
  width: 100%;
  display: block;
}

.con09_product_name {
  margin: 1vw 0 0;
  font-size: calc(var(--px) * 22);
  line-height: 1.5vw;
  font-weight: 800;
  letter-spacing: -0.1vw;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}

.con09_product_price {
  margin: 0.1vw 0 0;
  font-size: calc(var(--px) * 20);
  line-height: 1.5vw;
  font-weight: 400;
  letter-spacing: -0.1vw;
  color: #818181;
  text-align: center;
  white-space: nowrap;
}

.con09_slogans {
  width: calc(var(--px) * 1750);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 4.9vw;
  flex-shrink: 0;
}

.con09_slogan_img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con09_slogan_left {
  width: calc(var(--px) * 512);
  aspect-ratio: 512 / 45;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con09_line_img {
  width: calc(var(--px) * 539);
  aspect-ratio: 539 / 9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.9vw;
  margin-left: 5.2%;
  flex-shrink: 0;
}

.con09_slogan_right {
  width: calc(var(--px) * 546);
  aspect-ratio: 546 / 45;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5.5%;
}

.con09_slogan_img img {
  width: 100%;
  display: block;
}

.con09_line_img img {
  width: 100%;
  display: block;
}

.con10 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: -15.7vw;
  padding-bottom: 5.6vw;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image: url('/images/con10_bg.png'), linear-gradient(to bottom, transparent 0, transparent calc(var(--px) * 352), #ffffff calc(var(--px) * 352), #ffffff 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center 8.7vw, center top;
  background-size: calc(var(--px) * 1920) calc(var(--px) * 185), 100% 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}

.con10_marquee {
  width: calc(var(--px) * 3754);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 40.1vw;
  left: calc(var(--px) * -286);
  z-index: -1;
  flex-shrink: 0;
}

.con10_marquee_track {
  width: 100%;
  aspect-ratio: 3754 / 130;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.con10_marquee_track img {
  width: 100%;
  display: block;
}

.con10_mascot_img {
  width: calc(var(--px) * 147);
  aspect-ratio: 147 / 179;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con10_easy_img {
  position: relative;
  width: calc(var(--px) * 183);
  aspect-ratio: 183 / 63;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.3vw;
  margin-left: calc(var(--px) * -8);
  flex-shrink: 0;
}

.con10_mascot_img img {
  width: 100%;
  display: block;
}

.con10_easy_img img {
  width: 100%;
  display: block;
}

.con10_title {
  margin: 1.5vw 0 0;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  line-height: 3.1vw;
  font-weight: 800;
  letter-spacing: -0.1vw;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}

.con10_title > span {
  display: block;
}

.con10_title b {
  font-weight: 800;
  color: #e94f0c;
}

.con10_desc {
  margin: 1.5vw 0 0;
  font-size: calc(var(--px) * 20);
  line-height: 1.6vw;
  font-weight: 400;
  letter-spacing: -0.1vw;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}

.con10_desc b {
  display: block;
}

.con10_desc span {
  display: block;
}

.con10_desc b {
  font-weight: 700;
}

.con10_cards {
  width: calc(var(--px) * 1498);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 0.8vw;
  flex-shrink: 0;
}

.con10_card_img {
  width: calc(var(--px) * 481);
  aspect-ratio: 481 / 523;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(0);
  transition: transform 0.45s ease;
  will-change: transform;
  flex-shrink: 0;
}

.con10_card_img.is-active {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(1.6vw);
}


.con10_card_center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * 29);
}

.con10_card_right {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--px) * 26);
}

.con10_card_img img {
  width: 100%;
  display: block;
}
/* con11 */
.con11 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: calc(var(--px) * 134);
  padding-bottom: calc(var(--px) * 137);
  background-image: url('/images/con11_bg.jpg');
  background-repeat: no-repeat;
  background-position: calc(var(--px) * -8) top;
  background-size: calc(var(--px) * 1920) auto;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
}

.con11_side_cluster {
  width: calc(var(--px) * 696);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  top: 3.2vw;
}

.con11_side_left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  left: -18.7%;
}

.con11_side_right {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  right: -19%;
}

.con11_board_img {
  width: calc(var(--px) * 696);
  aspect-ratio: 696 / 698;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con11_pizza_img {
  width: calc(var(--px) * 674);
  aspect-ratio: 674 / 675;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 1.6%;
  top: 0.6vw;
}

.con11_content {
  width: calc(var(--px) * 928);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-left: calc(var(--px) * -1);
  flex-shrink: 0;
}

.con11_top_row {
  width: calc(var(--px) * 825);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: calc(var(--px) * 23);
  flex-shrink: 0;
}

.con11_card_unit {
  width: calc(var(--px) * 401);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
}

.con11_card_img {
  width: 100%;
  aspect-ratio: 401 / 208;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con11_title_img {
  width: calc(var(--px) * 928);
  aspect-ratio: 928 / 68;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--px) * 32);
  flex-shrink: 0;
}

.con11_bottom_row {
  width: calc(var(--px) * 823);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: calc(var(--px) * 21);
  margin-top: calc(var(--px) * 28);
  margin-left: calc(var(--px) * 3);
  flex-shrink: 0;
}

.con11_card_04 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  /* margin-top: calc(var(--px) * 5); */
}

.con11_mushroom_img {
  width: calc(var(--px) * 138);
  aspect-ratio: 138 / 139;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -26.7%;
  top: -0.3vw;
}

.con11_tomato_img {
  width: calc(var(--px) * 120);
  aspect-ratio: 120 / 112;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 93.5%;
  top: 4vw;
}

.con11_leaf_img {
  width: calc(var(--px) * 118);
  aspect-ratio: 118 / 101;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -10.2%;
  top: 3vw;
}

.con11_img {
  width: 100%;
  display: block;
}

/* con12 */
.con12 {
  background: #ffe7dc;
}

.con12_wall {
  width: 100%;
  height: calc(var(--px) * 937);
  padding-left: calc(var(--px) * 30);
  padding-right: calc(var(--px) * 15);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.con12_reviews_left {
  width: calc(var(--px) * 572);
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--px) * 18);
}

.con12_reviews_right {
  width: calc(var(--px) * 572);
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--px) * 18);
}

.con12_review_col {
  width: calc(var(--px) * 277);
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.con12_review_track {
  width: calc(var(--px) * 277);
  aspect-ratio: 277 / 1293;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con12_review_track_01 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation-delay: -19.4741s;
}

.con12_review_track_02 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation-delay: -2.3357s;
}

.con12_review_track_03 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation-delay: -19.3349s;
}

.con12_review_track_04 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation-delay: -2.4749s;
}

.con12_review_track img {
  width: 100%;
  display: block;
}

.con12_review_marquee_m {
  display: none;
  justify-content: flex-start;
  align-items: center;
}

.con12_review_marquee_move {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: marqueeX 56.2s infinite linear;
  flex-shrink: 0;
}

.con12_review_marquee_set {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
}

.con12_review_marquee_card {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  flex-shrink: 0;
}

.con12_review_marquee_card img {
  width: 100%;
  display: block;
}

.con12_review_marquee_card_middle img {
  transform: translateY(-33.2%);
}

.con12_review_marquee_card_bottom img {
  transform: translateY(-66.3%);
}

.con12_center {
  width: calc(var(--px) * 716);
  padding-top: 8.8vw;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}

.con12_eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 28);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1.3vw;
  color: #000000;
  white-space: nowrap;
}

.con12_title {
  margin-top: 0.9vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 3.1vw;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}

.con12_title .accent {
  color: #e94f0c;
}

.con12_reaction {
  width: calc(var(--px) * 841);
  margin-top: 3.7vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.con12_bubble_img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.con12_bubble_left {
  width: calc(var(--px) * 303);
  aspect-ratio: 303 / 135;
  margin-top: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con12_mascot_img {
  width: calc(var(--px) * 168);
  aspect-ratio: 168 / 204;
  margin-left: calc(var(--px) * 33);
  margin-top: 0.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.con12_bubble_right {
  width: calc(var(--px) * 303);
  aspect-ratio: 303 / 139;
  margin-left: calc(var(--px) * 34);
  display: flex;
  justify-content: center;
  align-items: center;
}

.con12_bubble_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con12_mascot_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con12_pizza_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con12_pizza_img {
  width: calc(var(--px) * 883);
  aspect-ratio: 883 / 607;
  margin-top: -0.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.con12_ticker {
  width: 100%;
  height: calc(var(--px) * 83);
  padding-top: 1.3vw;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background: #e94f0c;
  overflow: hidden;
}

.con12_ticker_track {
  width: calc(var(--px) * 2749);
  aspect-ratio: 2749 / 36;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}

.con12_ticker_track img {
  width: 100%;
  display: block;
}

.con13 {
  padding-top: 7.1vw;
  padding-bottom: 3.4vw;
  background-image: url('/images/con13_bg.jpg');
}

.con13_eyebrow {
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 28);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1.3vw;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

.con13_title {
  margin-top: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 2.8vw;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

.con13_title_accent {
  color: #ffc850;
}

.con13_desc {
  margin-top: 1.6vw;
  font-size: calc(var(--px) * 20);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1.6vw;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

.con13_desc b {
  font-weight: 700;
}

.con13_swiper {
  width: 100%;
  margin-top: 2.7vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.con13_swiper .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.con13_slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con13_slide_01 {
  width: calc(var(--px) * 659) !important;
  aspect-ratio: 659 / 317;
}

.con13_slide_02 {
  width: calc(var(--px) * 658) !important;
  aspect-ratio: 658 / 316;
}

.con13_slide_03 {
  width: calc(var(--px) * 659) !important;
  aspect-ratio: 659 / 317;
}

.con13_slide_04 {
  width: calc(var(--px) * 659) !important;
  aspect-ratio: 659 / 316;
}

.con13_slide_05 {
  width: calc(var(--px) * 659) !important;
  aspect-ratio: 659 / 317;
}

.con13_slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.con13_nav {
  margin-top: 1.5vw;
  gap: calc(var(--px) * 17);
  display: flex;
  justify-content: center;
  align-items: center;
}

.con13_arrow_img {
  width: calc(var(--px) * 55);
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.con13_arrow_img img {
  width: 100%;
  height: 100%;
  display: block;
}

.con13_arrow_next {
  transform: rotate(180deg);
}

.con14 {
  height: calc(var(--px) * 840);
  padding-top: 6.9vw;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  overflow: hidden;
  background-image: url('/images/con14_bg.jpg');
}

.con14_left {
  width: 85.0919%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
}

.con14_copy {
  margin-top: 1.6vw;
  margin-left: 14.7%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.con14_eyebrow {
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 28);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1.5vw;
  color: #000000;
  white-space: nowrap;
  word-break: keep-all;
}

.con14_title {
  margin-top: 0.9vw;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 3.1vw;
  color: #000000;
  white-space: nowrap;
}

.con14_title > span {
  display: block;
}

.con14_title .accent {
  color: #e94f0c;
}

.con14_slider_stack {
  width: 100%;
  margin-top: 4.9vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.con14_swiper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  z-index: 1;
}

.con14_swiper .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.con14_swiper .swiper-slide {
  width: auto !important;
  margin-right: calc(var(--px) * 20);
  display: flex;
  justify-content: center;
  align-items: center;
}

.con14_slide_img {
  width: calc(var(--px) * 561);
  aspect-ratio: 561 / 320;
  border-radius: calc(var(--px) * 30);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.con14_slide_img img {
  width: 100%;
  display: block;
}

.con14_watermark {
  margin-top: -1.4vw;
  margin-left: 7.4%;
  position: relative;
  z-index: 0;
  font-family: 'Ria';
  font-size: calc(var(--px) * 160);
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.4vw;
  line-height: 7.1vw;
  color: #e94f0c;
  opacity: 0.15;
  white-space: nowrap;
}

.con14_right {
  width: 35.0131%;
  margin-left: -22.5%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  z-index: 2;
}

.con14_motion_row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.con14_bubble_img {
  width: calc(var(--px) * 221);
  margin-left: 34.6%;
  aspect-ratio: 221 / 113;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: con14_float_y 3.2s ease-in-out infinite;
}

.con14_mascot_img {
  width: calc(var(--px) * 140);
  margin-top: 2.2vw;
  margin-left: 0.3%;
  aspect-ratio: 140 / 143;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con14_bubble_img img,
.con14_mascot_img img,
.con14_store_img img {
  width: 100%;
  display: block;
}

.con14_store_img {
  width: 100%;
  margin-top: -0.5vw;
  aspect-ratio: 667 / 560;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes con14_float_y {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5vw);
  }
}

.con151617 {
  height: auto;
  padding-top: 6.4vw;
  padding-bottom: 5.8vw;
  background: #e94f0c;
}

.con151617_wrap {
  width: 88.294%;
  padding-bottom: 5.4vw;
  border-radius: calc(var(--px) * 50);
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con15 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con15_badge_img {
  position: relative;
  width: calc(var(--px) * 284);
  margin-top: -1.6vw;
  aspect-ratio: 284 / 66;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.con15_body {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con15_deco_left_img {
  width: calc(var(--px) * 446);
  position: absolute;
  left: -7.1%;
  top: 1.2vw;
  aspect-ratio: 446 / 365;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}

.con15_deco_right_img {
  width: calc(var(--px) * 449);
  position: absolute;
  left: 80.4%;
  top: 21.5vw;
  aspect-ratio: 449 / 365;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}

.con15_badge_img img,
.con15_deco_left_img img,
.con15_deco_right_img img,
.con16_card_img img,
.con16_arrow_img img,
.con16_mascot_img img {
  width: 100%;
  display: block;
}

.con151617_title {
  position: relative;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 0.964;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.con151617_title span:last-child {
  color: #e94f0c;
}

.con15_title {
  margin-top: 4.1vw;
}

.con15_cost_table {
  width: 56.5993%;
  margin-top: 2.2vw;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  z-index: 1;
}

.con15_cost_head {
  width: 100%;
  height: calc(var(--px) * 62);
  background: #e9e9e9;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.con15_cost_head .con15_cost_col {
  font-size: calc(var(--px) * 18);
  font-weight: 700;
}

.con15_cost_body {
  width: 100%;
  height: calc(var(--px) * 371);
  margin-top: 1vw;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

.con15_cost_row {
  width: 100%;
  height: calc(100% / 11);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.con15_cost_col {
  box-sizing: border-box;
  font-size: calc(var(--px) * 17.01);
  font-weight: 300;
  line-height: 1.8vw;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con15_cost_col_name {
  width: 19.3277%;
}

.con15_cost_col_content {
  width: 52.521%;
}

.con15_cost_col_price {
  width: 28.1513%;
}

.con15_cost_body .con15_cost_col + .con15_cost_col {
  border-left: 1px solid #dcdcdc;
}

.con15_cost_body .con15_cost_col_content {
  padding-left: calc(var(--px) * 36);
  justify-content: flex-start;
}

.con15_cost_body .con15_cost_col_price {
  /* padding-left: calc(var(--px) * 28); */
  justify-content: center;
}

.con15_contact {
  width: 56.5993%;
  height: calc(var(--px) * 62);
  margin-top: 1vw;
  position: relative;
  background: #e94f0c;
  font-family: 'Ria';
  font-size: calc(var(--px) * 29.96);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.con15_note {
  width: 56.5993%;
  margin-top: 0.7vw;
  position: relative;
  font-size: calc(var(--px) * 15.01);
  font-weight: 300;
  line-height: 1.466;
  color: #000;
  z-index: 1;
}

.con16 {
  width: 100%;
  margin-top: 7.3vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con16_row {
  width: 82.2235%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.con16_mobile_swiper,
.con16_mobile_nav {
  display: none;
}

.con16_row_01 {
  margin-top: 2.8vw;
}

.con16_row_02 {
  margin-top: 1.3vw;
  position: relative;
}

.con16_card_img {
  width: calc(var(--px) * 321);
  aspect-ratio: 321 / 211;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con16_arrow_img {
  width: calc(var(--px) * 11);
  aspect-ratio: 11 / 12;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con16_mascot_img {
  width: calc(var(--px) * 101);
  position: absolute;
  left: 49.2%;
  top: 6.3vw;
  aspect-ratio: 101 / 115;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.con17 {
  width: 100%;
  margin-top: 7.5vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.qna_accordion {
  width: 58.9774%;
  margin-top: 2.1vw;
  border-top: 1px solid #000;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

.qna_item {
  width: 100%;
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

.qna_question {
  min-height: calc(var(--px) * 66);
  padding-left: calc(var(--px) * 14);
  padding-right: calc(var(--px) * 32);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.qna_question_main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.qna_q_img,
.qna_a_img {
  width: calc(var(--px) * 34);
  aspect-ratio: 34 / 34;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.qna_q_img img,
.qna_a_img img,
.qna_arrow_img img {
  width: 100%;
  display: block;
}

.qna_subject {
  margin-left: calc(var(--px) * 16);
  font-size: calc(var(--px) * 18);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

.qna_arrow_img {
  width: calc(var(--px) * 16);
  aspect-ratio: 16 / 9;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: transform 0.22s ease;
}

.qna_item.is-open .qna_arrow_img {
  transform: rotate(180deg);
}

.qna_answer {
  width: 100%;
  border-top: 1px solid #dcdcdc;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

.qna_answer.is-open {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.qna_answer_inner {
  padding: calc(var(--px) * 12) calc(var(--px) * 32) calc(var(--px) * 15) calc(var(--px) * 14);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.qna_content {
  margin-left: calc(var(--px) * 16);
  padding-top: calc(var(--px) * 4);
  font-size: calc(var(--px) * 16);
  font-weight: 300;
  line-height: 1.3vw;
  color: #000;
}

.qna_answer[hidden] {
  display: none;
}

.con18 {
  width: 100%;
  padding-top: 7.6vw;
  padding-bottom: 3.5vw;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background-image: url('/images/con18_bg.jpg');
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.con18_content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con18_title {
  margin: 0;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  font-weight: 800;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 51);
  color: #000000;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con18_title_accent {
  color: #e94f0c;
}

.con18_search {
  width: calc(var(--px) * 804);
  height: calc(var(--px) * 74);
  margin-top: 2.6vw;
  padding: 0 calc(var(--px) * 11) 0 calc(var(--px) * 45);
  border: 1px solid #e94f0c;
  border-radius: 50vw;
  box-sizing: border-box;
  background: #ffffff;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.con18_search_input {
  width: calc(100% - calc(var(--px) * 53));
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: 'Suit';
  font-size: calc(var(--px) * 20);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 28);
  color: #131313;
  white-space: nowrap;
}

.con18_search_input::placeholder {
  color: #8a8a8a;
}

.con18_search_btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con18_search_icon_img {
  width: calc(var(--px) * 53);
  aspect-ratio: 53 / 53;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con18_panel {
  width: calc(var(--px) * 1565);
  height: calc(var(--px) * 654);
  margin-top: -2.1vw;
  border: 1px solid #e94f0c;
  border-radius: calc(var(--px) * 50);
  box-sizing: border-box;
  overflow: hidden;
  background: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.con18_store_list {
  width: calc(var(--px) * 404);
  height: 100%;
  border-right: 1px solid #e94f0c;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e94f0c transparent;
  background: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
}

.con18_store_list::-webkit-scrollbar {
  width: calc(var(--px) * 8);
}

.con18_store_list::-webkit-scrollbar-track {
  background: transparent;
}

.con18_store_list::-webkit-scrollbar-thumb {
  border-radius: 50vw;
  background: #e94f0c;
}

.con18_store_rows {
  width: calc(var(--px) * 329);
  margin-left: calc(var(--px) * 42);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  flex-shrink: 0;
}

.con18_store_row {
  width: 100%;
  height: calc(var(--px) * 163);
  padding: calc(var(--px) * 45) calc(var(--px) * 23) 0 calc(var(--px) * 18);
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
}

.con18_store_row:last-child {
  border-bottom: 0;
}

.con18_store_text {
  min-width: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.con18_store_name {
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 20.04);
  font-weight: 700;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 19);
  color: #131313;
  white-space: nowrap;
}

.con18_store_address {
  margin: calc(var(--px) * 15) 0 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 18.04);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 17);
  color: #131313;
  white-space: nowrap;
}

.con18_store_tel {
  margin: calc(var(--px) * 9) 0 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 16.03);
  font-weight: 300;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 13);
  color: #131313;
  white-space: nowrap;
}

.con18_plus {
  margin-top: calc(var(--px) * 36);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con18_plus_img {
  width: calc(var(--px) * 34);
  aspect-ratio: 34 / 34;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con18_empty {
  height: 100%;
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 18.04);
  font-weight: 400;
  letter-spacing: -0.1vw;
  color: #8a8a8a;
  white-space: nowrap;
  align-self: stretch;
  display: none;
  justify-content: center;
  align-items: center;
}

.con18_empty.is-visible {
  display: flex;
}

.con18_map_area {
  width: calc(var(--px) * 1161);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con18_map {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con18_pizza_img {
  width: calc(var(--px) * 1103);
  position: absolute;
  left: -15.9%;
  top: 26.1vw;
  aspect-ratio: 1103 / 504;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con18_mascot_img {
  width: calc(var(--px) * 115);
  position: absolute;
  left: 80.8%;
  top: 8.9vw;
  aspect-ratio: 115 / 118;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.con19 {
  width: 100%;
  margin-top: -0.1vw;
  padding-bottom: 0.5vw;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: #e94f0c;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con19_checker_img {
  width: calc(var(--px) * 1920);
  aspect-ratio: 1920 / 50;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con19_marquee_view {
  width: 100%;
  height: calc(var(--px) * 156);
  margin-top: 4.8vw;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.con19_marquee_track {
  width: calc(var(--px) * 2871);
  aspect-ratio: 2871 / 156;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.con19_marquee_track img {
  width: 100%;
  display: block;
}

.con19_marquee_clone {
  top: 0;
}

.con19_promo_img {
  width: calc(var(--px) * 925);
  aspect-ratio: 925 / 388;
  margin-top: -12.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}

.con19_panel {
  width: 94.6457%;
  height: calc(var(--px) * 779);
  margin-top: -5.1vw;
  padding-right: calc(var(--px) * 240);
  border-radius: calc(var(--px) * 50);
  box-sizing: border-box;
  overflow: hidden;
  background-image: url('/images/con19_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-shrink: 0;
}

.con19_pizza_img {
  width: calc(var(--px) * 933);
  left: 63.1%;
  top: 22.2vw;
  aspect-ratio: 933 / 611;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con19_sticker_img {
  width: calc(var(--px) * 267);
  left: 39.8%;
  top: 21.9vw;
  aspect-ratio: 267 / 272;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.con19_intro {
  width: calc(var(--px) * 930);
  padding-top: calc(var(--px) * 262);
  padding-left: calc(var(--px) * 242);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
}

.con19_eyebrow {
  margin: 0;
  font-family: 'Paperlogy';
  font-size: calc(var(--px) * 28);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1.3vw;
  color: #ffffff;
  white-space: nowrap;
}

.con19_title {
  margin: 1.2vw 0 0;
  font-family: 'Ria';
  font-size: calc(var(--px) * 55);
  font-weight: 800;
  letter-spacing: -0.1vw;
  line-height: 3.1vw;
  color: #ffffff;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.con19_title_accent {
  color: #ffc850;
}

.con19_desc {
  margin: 2.2vw 0 0;
  font-size: calc(var(--px) * 20);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: 1.6vw;
  color: #ffffff;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.con19_form {
  width: calc(var(--px) * 633);
  height: calc(var(--px) * 583);
  margin-top: 6.7vw;
  border-radius: calc(var(--px) * 50);
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}

.con19_form input,
.con19_form select,
.con19_form textarea {
  font-family: inherit;
}

.con19_fields {
  width: calc(var(--px) * 508);
  margin-top: calc(var(--px) * 46);
  /* margin-left: calc(var(--px) * 60); */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}

.con19_form_row {
  width: 100%;
  height: calc(var(--px) * 60);
  padding-left: calc(var(--px) * 18);
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.con19_form_row:nth-child(3),
.con19_form_row:nth-child(4),
.con19_form_row:nth-child(5) {
  height: calc(var(--px) * 59);
}

.con19_form_row:nth-child(6) {
  height: calc(var(--px) * 62);
}

.con19_form_label {
  width: calc(var(--px) * 139);
  color: #000000;
  font-size: calc(var(--px) * 18.01);
  font-weight: 700;
  letter-spacing: -0.1vw;
  line-height: 0.9vw;
  white-space: nowrap;
  flex-shrink: 0;
}

.con19_form_value {
  width: calc(100% - calc(var(--px) * 139));
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  background: transparent;
  color: #818181;
  font-size: calc(var(--px) * 18.01);
  font-weight: 300;
  letter-spacing: -0.1vw;
  line-height: 0.9vw;
  white-space: nowrap;
}

.con19_form_value::placeholder {
  color: #818181;
  font-family: inherit;
  opacity: 1;
}

.con19_radio_group {
  width: calc(100% - calc(var(--px) * 139));
  padding-right: 1vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.con19_radio_label {
  color: #000000;
  font-size: calc(var(--px) * 18);
  font-weight: 300;
  letter-spacing: -0.1vw;
  line-height: 0.9vw;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.con19_radio_label input {
  width: calc(var(--px) * 20);
  height: calc(var(--px) * 20);
  margin: 0 calc(var(--px) * 8) 0 0;
  accent-color: #000000;
  cursor: pointer;
}

.con19_location {
  cursor: pointer;
}

.con19_content {
  resize: none;
  overflow: auto;
  white-space: pre-wrap;
}

.con19_privacy {
  margin-top: calc(var(--px) * 10);
  margin-left: calc(var(--px) * 380);
  color: #000000;
  font-size: calc(var(--px) * 16);
  font-weight: 300;
  letter-spacing: -0.1vw;
  line-height: 0.8vw;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.con19_privacy input {
  width: calc(var(--px) * 27);
  height: calc(var(--px) * 26);
  margin: 0 calc(var(--px) * 7) 0 0;
  border: 1px solid #000000;
  border-radius: 50%;
  box-sizing: border-box;
  appearance: none;
  background: #ffffff;
  cursor: pointer;
}

.con19_privacy input:checked {
  background: radial-gradient(circle, #000000 0 35%, #ffffff 38% 100%);
}

.con19_submit_img {
  width: calc(var(--px) * 302);
  height: calc(var(--px) * 64);
  margin-top: calc(var(--px) * 40);
  padding: 0;
  border: 0;
  align-self: center;
  cursor: pointer;
}

body.is-con18-popup-open {
  overflow: hidden;
}

.con18_popup {
  width: 100%;
  height: 100%;
  padding: 4vw 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  overflow-y: auto;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.72);
  display: none;
  justify-content: center;
  align-items: center;
}

.con18_popup.is-open {
  display: flex;
}

.con18_popup_dialog {
  width: calc(var(--px) * 800);
  padding: calc(var(--px) * 40);
  border: 1px solid #e94f0c;
  border-radius: calc(var(--px) * 40);
  box-sizing: border-box;
  background: #fffef5;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

.con18_popup_head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.con18_popup_title {
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 30);
  font-weight: 800;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 36);
  color: #131313;
  white-space: nowrap;
}

.con18_popup_close {
  width: calc(var(--px) * 40);
  height: calc(var(--px) * 40);
  border-radius: 50%;
  cursor: pointer;
  background: #131313;
  color: #ffffff;
  font-family: 'Suit';
  font-size: calc(var(--px) * 28);
  font-weight: 400;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con18_popup_body {
  width: 100%;
  margin-top: calc(var(--px) * 25);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.con18_popup_image {
  width: calc(var(--px) * 340);
  aspect-ratio: 340 / 260;
  border-radius: calc(var(--px) * 24);
  overflow: hidden;
  background: #f2eadf;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.con18_popup_image_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.con18_popup_image.has-image .con18_popup_image_img {
  display: block;
}

.con18_popup_image.has-image .con18_popup_image_empty {
  display: none;
}

.con18_popup_image_empty {
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 16);
  font-weight: 400;
  letter-spacing: -0.1vw;
  color: #8a8a8a;
  white-space: nowrap;
}

.con18_popup_info {
  width: calc(var(--px) * 345);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

.con18_popup_category {
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 15);
  font-weight: 700;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 20);
  color: #e94f0c;
  white-space: nowrap;
}

.con18_popup_category.is-hidden {
  display: none;
}

.con18_popup_name {
  margin: calc(var(--px) * 8) 0 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 28);
  font-weight: 800;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 34);
  color: #131313;
  white-space: nowrap;
}

.con18_popup_detail {
  width: 100%;
  margin-top: calc(var(--px) * 24);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--px) * 16);
}

.con18_popup_label {
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 16);
  font-weight: 700;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 24);
  color: #e94f0c;
  white-space: nowrap;
}

.con18_popup_address,
.con18_popup_tel {
  margin: 0;
  font-family: 'Suit';
  font-size: calc(var(--px) * 16);
  font-weight: 400;
  letter-spacing: -0.1vw;
  line-height: calc(var(--px) * 24);
  color: #131313;
  word-break: keep-all;
}

.con18_popup_map_link {
  width: 100%;
  height: calc(var(--px) * 50);
  margin-top: calc(var(--px) * 28);
  border-radius: 50vw;
  box-sizing: border-box;
  background: #e94f0c;
  color: #ffffff;
  font-family: 'Suit';
  font-size: calc(var(--px) * 16);
  font-weight: 700;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con18_popup_map_link.is-hidden {
  display: none;
}

/* ===== sticker peel layers ===== */
.peel {
  --peel: 0;
}

.peel .peel-main,
.peel .peel-flap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.peel .peel-main img,
.peel .peel-flap img {
  width: 100%;
  display: block;
}

.peel .peel-flap {
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
}

.peel .peel-flap img {
  filter: grayscale(1) brightness(1.3) contrast(0.82);
}

.main_badge_profit.peel {
  --fold: calc(var(--peel) * 100%);
  --tilt: 10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 94% 50%;
}

.main_badge_profit.peel .peel-main {
  clip-path: inset(0 0 0 var(--fold));
}

.main_badge_profit.peel .peel-flap {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}

.con09_intro_badge_left.peel {
  --fold: calc(var(--peel) * 100%);
  --tilt: 10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 94% 50%;
}

.con09_intro_badge_left.peel .peel-main {
  clip-path: inset(0 0 0 var(--fold));
}

.con09_intro_badge_left.peel .peel-flap {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}

.con19_sticker_img.peel {
  --fold: calc(var(--peel) * 100%);
  --tilt: 10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 94% 50%;
}

.con19_sticker_img.peel .peel-main {
  clip-path: inset(0 0 0 var(--fold));
}

.con19_sticker_img.peel .peel-flap {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}

.main_badge_system.peel,
.con01_profit_badge.peel,
.con09_intro_badge_right.peel,
.con10_easy_img.peel,
.con15_badge_img.peel {
  --fold: calc(var(--peel) * 100%);
  --tilt: 10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 94% 50%;
}

.main_badge_system.peel .peel-main,
.con01_profit_badge.peel .peel-main,
.con09_intro_badge_right.peel .peel-main,
.con10_easy_img.peel .peel-main,
.con15_badge_img.peel .peel-main {
  clip-path: inset(0 0 0 var(--fold));
}

.main_badge_system.peel .peel-flap,
.con01_profit_badge.peel .peel-flap,
.con09_intro_badge_right.peel .peel-flap,
.con10_easy_img.peel .peel-flap,
.con15_badge_img.peel .peel-flap {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}

@keyframes con11_food_float_01 {
  0%,
  100% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(-0.7vw) rotate(-3deg);
  }
}

@keyframes con11_food_float_02 {
  0%,
  100% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(0.6vw) rotate(3deg);
  }
}

@keyframes con12_bubble_float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.6vw);
  }
}

.con11_mushroom_img,
.con11_leaf_img {
  animation: con11_food_float_01 2.8s ease-in-out infinite;
}

.con11_tomato_img {
  animation: con11_food_float_02 3.2s ease-in-out -0.8s infinite;
}

.con12_bubble_left {
  animation: con12_bubble_float 2.8s ease-in-out infinite;
}

.con12_bubble_right {
  animation: con12_bubble_float 3.1s ease-in-out -1s infinite;
}

@media (prefers-reduced-motion: reduce) {
  .peel {
    --peel: 0 !important;
    transform: none !important;
  }

  .con04_card_deck {
    height: auto;
    flex-direction: column;
  }

  .con04_card {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .con04_card + .con04_card {
    margin-top: 2.6vw;
  }

  .con04_mascot_img {
    display: none;
  }

  .con11_mushroom_img,
  .con11_tomato_img,
  .con11_leaf_img,
  .con12_bubble_img,
  .con07_badge_img,
  .con14_bubble_img,
  .smoke,
  .shakeTwice,
  .shakeTwices,
  .animate-blk,
  .scaleOpa,
  .scaleOpa2,
  .light,
  .image_sd,
  .image_sd_r,
  .slide_y,
  .slide_y_r,
  .flow_sd_move,
  .flow_sd_move_r,
  .flow_sd_y_move,
  .flow_sd_y_move_r,
  .con12_review_marquee_move,
  .rotate_img {
    animation: none !important;
  }
}