*, :before, :after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  clear: both;
  height: 0;
  color: inherit;
  border-top-width: 1px;
  margin: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

code, kbd, samp {
  font-family: monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

[type="button"] {
  cursor: pointer;
}

[type="reset"] {
  cursor: pointer;
}

[type="submit"] {
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

[type="button"]:disabled {
  cursor: default;
}

[type="reset"]:disabled {
  cursor: default;
}

[type="submit"]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type="number"] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

* {
  box-sizing: border-box;
}

html {
  letter-spacing: 0;
  color: #000;
  height: -webkit-fill-available;
  font-family: Gantari, sans-serif;
  font-size: 100%;
  font-weight: 400;
}

body {
  width: 100%;
  min-height: 100vh;
  -webkit-font-smoothing: auto;
  min-height: -webkit-fill-available;
}

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

a:hover {
  color: inherit;
}

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

b, strong {
  font-weight: inherit;
}

.isPc {
  display: block !important;
}

@media screen and (max-width: 959.98px) {
  .isPc {
    display: none !important;
  }
}

.isSp {
  display: none !important;
}

@media screen and (max-width: 959.98px) {
  .isSp {
    display: block !important;
  }
}

:where(dialog) {
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  padding: unset;
  color: unset;
  background-color: unset;
  border: unset;
  overflow: unset;
}

.footer {
  background-color: #f4ca02;
  padding-top: calc(clamp(60px, 57.1429vw - 122.857px, 100px) + clamp(100px, 72.6316px + 7.01754vw, 140px) - 100px);
  padding-bottom: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px);
  position: relative;
  container: footer-container / inline-size;
}

@media screen and (min-width: 960px) {
  .footer {
    padding-top: clamp(10.2083rem, 17.0139vw, 15.3125rem);
    padding-bottom: clamp(1.66667rem, 2.77778vw, 2.5rem);
  }
}

.footer__spoon {
  z-index: 1;
  width: calc(clamp(192px, 182.857vw - 393.143px, 320px) + clamp(320px, 232.421px + 22.4561vw, 448px) - 320px);
  position: absolute;
  top: calc(clamp(126px, 120vw - 258px, 210px) + clamp(210px, 152.526px + 14.7368vw, 294px) - 210px);
  right: 0;
}

@container footer-container (width <= 340px) {
  .footer__spoon {
    width: calc(clamp(216px, 205.714vw - 442.286px, 360px) + clamp(360px, 261.474px + 25.2632vw, 504px) - 360px);
    top: calc(clamp(216px, 205.714vw - 442.286px, 360px) + clamp(360px, 261.474px + 25.2632vw, 504px) - 360px);
  }
}

@container footer-container (width <= 375px) {
  .footer__spoon {
    top: calc(clamp(156px, 148.571vw - 319.429px, 260px) + clamp(260px, 188.842px + 18.2456vw, 364px) - 260px);
  }
}

@container footer-container (width >= 420px) {
  .footer__spoon {
    top: calc(clamp(156px, 148.571vw - 319.429px, 260px) + clamp(260px, 188.842px + 18.2456vw, 364px) - 260px);
  }
}

@container footer-container (width >= 520px) {
  .footer__spoon {
    width: calc(clamp(216px, 205.714vw - 442.286px, 360px) + clamp(360px, 261.474px + 25.2632vw, 504px) - 360px);
    top: calc(clamp(156px, 148.571vw - 319.429px, 260px) + clamp(260px, 188.842px + 18.2456vw, 364px) - 260px);
  }
}

@container footer-container (width >= 600px) {
  .footer__spoon {
    width: calc(clamp(240px, 228.571vw - 491.429px, 400px) + clamp(400px, 290.526px + 28.0702vw, 560px) - 400px);
    top: calc(clamp(168px, 160vw - 344px, 280px) + clamp(280px, 203.368px + 19.6491vw, 392px) - 280px);
  }
}

@container footer-container (width >= 720px) {
  .footer__spoon {
    width: calc(clamp(270px, 257.143vw - 552.857px, 450px) + clamp(450px, 326.842px + 31.5789vw, 630px) - 450px);
    top: calc(clamp(168px, 160vw - 344px, 280px) + clamp(280px, 203.368px + 19.6491vw, 392px) - 280px);
  }
}

@container footer-container (width >= 820px) {
  .footer__spoon {
    width: calc(clamp(300px, 285.714vw - 614.286px, 500px) + clamp(500px, 363.158px + 35.0877vw, 700px) - 500px);
    top: calc(clamp(180px, 171.429vw - 368.571px, 300px) + clamp(300px, 217.895px + 21.0526vw, 420px) - 300px);
  }
}

@media screen and (min-width: 960px) {
  .footer__spoon {
    width: clamp(28.75rem, 47.9167vw, 43.125rem);
    top: clamp(-3.58333rem, -5.97222vw, -5.375rem);
  }
}

.footer__spoon img {
  width: 100%;
}

.footer__logo {
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
}

@media screen and (min-width: 960px) {
  .footer__logo {
    width: clamp(23.75rem, 39.5833vw, 35.625rem);
    margin-inline: initial;
  }

  @container footer-container (width <= 820px) {
    .footer__logo {
      width: calc(clamp(300px, 285.714vw - 614.286px, 500px) + clamp(500px, 363.158px + 35.0877vw, 700px) - 500px);
    }
  }
}

.footer__logo img {
  width: 100%;
}

.footer__navSns {
  margin-top: calc(clamp(147px, 140vw - 301px, 245px) + clamp(245px, 177.947px + 17.193vw, 343px) - 245px);
}

@container footer-container (width >= 600px) {
  .footer__navSns {
    margin-top: calc(clamp(162px, 154.286vw - 331.714px, 270px) + clamp(270px, 196.105px + 18.9474vw, 378px) - 270px);
  }
}

@container footer-container (width >= 720px) {
  .footer__navSns {
    margin-top: calc(clamp(168px, 160vw - 344px, 280px) + clamp(280px, 203.368px + 19.6491vw, 392px) - 280px);
  }
}

@container footer-container (width >= 820px) {
  .footer__navSns {
    margin-top: calc(clamp(228px, 217.143vw - 466.857px, 380px) + clamp(380px, 276px + 26.6667vw, 532px) - 380px);
  }
}

@media screen and (min-width: 960px) {
  .footer__navSns {
    margin-top: clamp(5rem, 8.33333vw, 7.5rem);
  }
}

.footer__navSnsList {
  justify-content: center;
  align-items: center;
  gap: 0 calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  display: flex;
}

@media screen and (min-width: 960px) {
  .footer__navSnsList {
    gap: 0 clamp(2.5rem, 4.16667vw, 3.75rem);
  }
}

.footer__navSnsLink {
  place-items: center;
  display: grid;
}

@media screen and (min-width: 960px) {
  .footer__navSnsLink {
    transition: opacity .3s;
  }

  .footer__navSnsLink:hover {
    opacity: .7;
  }
}

.footer__navSnsLink:first-child img {
  width: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  height: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
}

@media screen and (min-width: 960px) {
  .footer__navSnsLink:first-child img {
    width: clamp(2.5rem, 4.16667vw, 3.75rem);
    height: clamp(2.5rem, 4.16667vw, 3.75rem);
  }
}

.footer__navSnsLink:nth-child(2) img {
  width: calc(clamp(19.8px, 18.8571vw - 40.5429px, 33px) + clamp(33px, 23.9684px + 2.31579vw, 46.2px) - 33px);
  height: calc(clamp(22.2px, 21.1429vw - 45.4571px, 37px) + clamp(37px, 26.8737px + 2.59649vw, 51.8px) - 37px);
}

@media screen and (min-width: 960px) {
  .footer__navSnsLink:nth-child(2) img {
    width: clamp(2.08333rem, 3.47222vw, 3.125rem);
    height: clamp(2.33333rem, 3.88889vw, 3.5rem);
  }
}

.footer__navSnsLink:nth-child(3) img {
  width: calc(clamp(28.2px, 26.8571vw - 57.7429px, 47px) + clamp(47px, 34.1368px + 3.29825vw, 65.8px) - 47px);
  height: calc(clamp(19.8px, 18.8571vw - 40.5429px, 33px) + clamp(33px, 23.9684px + 2.31579vw, 46.2px) - 33px);
}

@media screen and (min-width: 960px) {
  .footer__navSnsLink:nth-child(3) img {
    width: clamp(2.91667rem, 4.86111vw, 4.375rem);
    height: clamp(2.04167rem, 3.40278vw, 3.0625rem);
  }
}

.footer__copyright {
  text-align: center;
  margin-top: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
}

@media screen and (min-width: 960px) {
  .footer__copyright {
    margin-top: clamp(2.5rem, 4.16667vw, 3.75rem);
  }
}

.footer__copyrightText {
  text-align: center;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: calc(clamp(7.2px, 6.85714vw - 14.7429px, 12px) + clamp(12px, 8.71579px + .842105vw, 16.8px) - 12px);
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .footer__copyrightText {
    font-size: clamp(.541667rem, .902778vw, .8125rem);
  }
}

.cContainer {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  padding-right: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
}

@media screen and (min-width: 960px) {
  .cContainer {
    max-width: clamp(57.5rem, 95.8333vw, 86.25rem);
    padding-left: clamp(1.66667rem, 2.77778vw, 2.5rem);
    padding-right: clamp(1.66667rem, 2.77778vw, 2.5rem);
  }
}

.cLowCol3 {
  grid-template-columns: 1fr;
  gap: calc(clamp(30px, 28.5714vw - 61.4286px, 50px) + clamp(50px, 36.3158px + 3.50877vw, 70px) - 50px);
  margin-top: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px);
  display: grid;
}

@media screen and (min-width: 960px) {
  .cLowCol3 {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2.5rem, 4.16667vw, 3.75rem) clamp(.833333rem, 1.38889vw, 1.25rem);
    margin-top: clamp(2.08333rem, 3.47222vw, 3.125rem);
  }
}

.cLowCol1 {
  flex-direction: column;
  gap: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  margin-top: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px);
  display: flex;
}

@media screen and (min-width: 960px) {
  .cLowCol1 {
    gap: clamp(2.5rem, 4.16667vw, 3.75rem);
    margin-top: clamp(2.08333rem, 3.47222vw, 3.125rem);
  }
}

.primaryButton {
  color: #000;
  text-align: center;
  background-color: #f4ca02;
  border-radius: calc(clamp(19.2px, 18.2857vw - 39.3143px, 32px) + clamp(32px, 23.2421px + 2.24561vw, 44.8px) - 32px);
  place-items: center;
  max-width: 100%;
  padding: calc(clamp(9px, 8.57143vw - 18.4286px, 15px) + clamp(15px, 10.8947px + 1.05263vw, 21px) - 15px) calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-size: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  font-weight: 900;
  line-height: 1;
  display: grid;
}

@media screen and (min-width: 960px) {
  .primaryButton {
    border-radius: clamp(1.33333rem, 2.22222vw, 2rem);
    max-width: clamp(17.5rem, 29.1667vw, 26.25rem);
    padding: clamp(.625rem, 1.04167vw, .9375rem) clamp(.833333rem, 1.38889vw, 1.25rem);
    font-size: clamp(.666667rem, 1.11111vw, 1rem);
    transition: background-color .3s;
  }

  .primaryButton:hover {
    background: #e2a600;
  }
}

.primaryButton.isContent {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .primaryButton.isContent {
    max-width: 100%;
  }
}

.headingH3 {
  color: #000;
  align-items: center;
  gap: 0 calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  font-weight: 900;
  line-height: 1;
  display: flex;
}

@media screen and (min-width: 960px) {
  .headingH3 {
    gap: 0 clamp(.833333rem, 1.38889vw, 1.25rem);
    font-size: clamp(2.5rem, 4.16667vw, 3.75rem);
  }
}

.headingH3 .headingH3__text {
  white-space: nowrap;
  color: #000;
  flex-shrink: 0;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .headingH3 .headingH3__text {
    font-size: clamp(2.5rem, 4.16667vw, 3.75rem);
  }
}

.headingH3 .headingH3__line {
  background-color: #000;
  width: 100%;
  height: calc(clamp(.6px, .571429vw - 1.22857px, 1px) + clamp(1px, .726316px + .0701754vw, 1.4px) - 1px);
}

@media screen and (min-width: 960px) {
  .headingH3 .headingH3__line {
    height: clamp(.0416667rem, .0694445vw, .0625rem);
  }
}

.embla {
  position: relative;
  overflow: hidden;
}

.embla__viewport {
  border-radius: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 960px) {
  .embla__viewport {
    border-radius: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.embla__container {
  backface-visibility: hidden;
  touch-action: pan-y pinch-zoom;
  display: flex;
}

.embla__slide {
  flex: 0 0 100%;
  position: relative;
}

.embla__slide__img {
  object-fit: cover;
  aspect-ratio: 413 / 354;
  width: 100%;
  height: 100%;
  display: block;
}

.embla__prev, .embla__next {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 0;
  line-height: 0;
  transition: opacity .3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 960px) {
  .embla__prev:hover, .embla__next:hover {
    opacity: .7;
  }
}

.embla__prev:before, .embla__next:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(clamp(14.4px, 13.7143vw - 29.4857px, 24px) + clamp(24px, 17.4316px + 1.68421vw, 33.6px) - 24px);
  height: calc(clamp(14.4px, 13.7143vw - 29.4857px, 24px) + clamp(24px, 17.4316px + 1.68421vw, 33.6px) - 24px);
  display: block;
}

.embla__prev {
  left: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
}

@media screen and (min-width: 960px) {
  .embla__prev {
    left: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.embla__prev:before {
  background-image: url("/global/assets/images/top/icon_slider_pre.webp");
}

.embla__next {
  right: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
}

@media screen and (min-width: 960px) {
  .embla__next {
    right: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.embla__next:before {
  background-image: url("/global/assets/images/top/icon_slider_next.webp");
}

.embla__dots {
  z-index: 10;
  gap: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  display: flex;
  position: absolute;
  bottom: calc(clamp(10.2px, 9.71429vw - 20.8857px, 17px) + clamp(17px, 12.3474px + 1.19298vw, 23.8px) - 17px);
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 960px) {
  .embla__dots {
    gap: clamp(.833333rem, 1.38889vw, 1.25rem);
    bottom: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.embla__dot {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  width: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  height: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  padding: 0;
  transition: opacity .3s;
  position: relative;
}

@media screen and (min-width: 960px) {
  .embla__dot {
    width: clamp(.5rem, .833333vw, .75rem);
    height: clamp(.5rem, .833333vw, .75rem);
  }

  .embla__dot:hover {
    opacity: .7;
  }
}

.embla__dot:before {
  content: "";
  opacity: 0;
  background-color: #000;
  border-radius: 50%;
  width: calc(clamp(2.4px, 2.28571vw - 4.91429px, 4px) + clamp(4px, 2.90526px + .280702vw, 5.6px) - 4px);
  height: calc(clamp(2.4px, 2.28571vw - 4.91429px, 4px) + clamp(4px, 2.90526px + .280702vw, 5.6px) - 4px);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 960px) {
  .embla__dot:before {
    width: clamp(.208333rem, .347222vw, .3125rem);
    height: clamp(.208333rem, .347222vw, .3125rem);
  }
}

.embla__dot.is-selected:before {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .embla__dot:hover {
    opacity: .7;
  }

  .showcase__inner {
    flex-direction: column;
    height: 100%;
    display: flex;
  }
}

.showcase__body {
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
}

@media screen and (min-width: 960px) {
  .showcase:has(.showcase__button):not(.showcase--horizontal) .showcase__body {
    margin-bottom: clamp(1.25rem, 2.08333vw, 1.875rem);
  }
}

.showcase__title {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(21px, 20vw - 43px, 35px) + clamp(35px, 25.4211px + 2.45614vw, 49px) - 35px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .showcase__title {
    font-size: clamp(1.875rem, 3.125vw, 2.8125rem);
  }
}

.showcase__lead {
  color: #000;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(13.2px, 12.5714vw - 27.0286px, 22px) + clamp(22px, 15.9789px + 1.54386vw, 30.8px) - 22px);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .showcase__lead {
    margin-top: clamp(1.25rem, 2.08333vw, 1.875rem);
    font-size: clamp(.916667rem, 1.52778vw, 1.375rem);
  }
}

.showcase__content {
  align-items: flex-start;
  gap: calc(clamp(9px, 8.57143vw - 18.4286px, 15px) + clamp(15px, 10.8947px + 1.05263vw, 21px) - 15px);
  width: 100%;
  margin-top: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  padding-bottom: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  display: flex;
}

@media screen and (min-width: 960px) {
  .showcase__content {
    gap: clamp(.625rem, 1.04167vw, .9375rem);
    margin-top: clamp(.625rem, 1.04167vw, .9375rem);
  }
}

.showcase:not(:has(.showcase__lead)) .showcase__content {
  margin-top: calc(clamp(9px, 8.57143vw - 18.4286px, 15px) + clamp(15px, 10.8947px + 1.05263vw, 21px) - 15px);
}

@media screen and (min-width: 960px) {
  .showcase:not(:has(.showcase__lead)) .showcase__content {
    margin-top: clamp(1.25rem, 2.08333vw, 1.875rem);
  }
}

.showcase__image {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: calc(clamp(63px, 60vw - 129px, 105px) + clamp(105px, 76.2632px + 7.36842vw, 147px) - 105px);
}

@media screen and (min-width: 960px) {
  .showcase__image {
    width: clamp(5.125rem, 8.54167vw, 7.6875rem);
  }
}

.showcase__text {
  color: #000;
  align-self: center;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

@media screen and (min-width: 960px) {
  .showcase__text {
    font-size: clamp(.75rem, 1.25vw, 1.125rem);
  }
}

.showcase__button {
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
}

@media screen and (min-width: 960px) {
  .showcase__button {
    margin-top: auto;
  }
}

.showcase--horizontal .showcase__inner {
  flex-direction: row;
}

@media screen and (min-width: 960px) {
  .showcase--horizontal .showcase__inner {
    gap: clamp(2.08333rem, 3.47222vw, 3.125rem);
  }

  .showcase--horizontal .showcase__carousel {
    flex-shrink: 0;
    width: clamp(17.2083rem, 28.6806vw, 25.8125rem);
    max-width: 420px;
  }
}

.showcase--horizontal .showcase__bodyWrap {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

@media screen and (min-width: 960px) {
  .showcase--horizontal .showcase__bodyWrap {
    max-width: clamp(24.1667rem, 40.2778vw, 36.25rem);
  }

  .showcase--horizontal .showcase__body {
    margin-top: 0;
    margin-bottom: 0;
  }

  .showcase--horizontal .showcase__button {
    margin-top: clamp(1.25rem, 2.08333vw, 1.875rem);
  }

  .showcase--horizontal .showcase__text {
    font-size: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopMv, .pTopMv__figure, .pTopMv__figure img {
  width: 100%;
}

.pTopMovie {
  background-color: #692a11;
  width: 100%;
  padding: calc(clamp(30px, 28.5714vw - 61.4286px, 50px) + clamp(50px, 36.3158px + 3.50877vw, 70px) - 50px) 0 calc(clamp(54px, 51.4286vw - 110.571px, 90px) + clamp(90px, 65.3684px + 6.31579vw, 126px) - 90px);
  position: relative;
}

@media screen and (min-width: 960px) {
  .pTopMovie {
    padding: clamp(3.75rem, 6.25vw, 5.625rem) 0 clamp(5.41667rem, 9.02778vw, 8.125rem);
  }
}

.pTopMovie:after {
  content: url("/global/assets/images/top/bg_movie_wave_sp.svg");
  aspect-ratio: 390 / 20;
  z-index: 1;
  width: 100%;
  height: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  display: block;
  position: absolute;
  bottom: calc(clamp(1.2px, 1.14286vw - 2.45714px, 2px) + clamp(2px, 1.45263px + .140351vw, 2.8px) - 2px);
  left: 0;
  transform: translateY(100%);
}

@media screen and (min-width: 960px) {
  .pTopMovie:after {
    content: url("/global/assets/images/top/bg_movie_wave_pc.svg");
    aspect-ratio: 1440 / 75;
    height: clamp(3.125rem, 5.20833vw, 4.6875rem);
    bottom: clamp(.0833333rem, .138889vw, .125rem);
  }
}

.pTopMovie__title {
  color: #fff5dc;
  text-align: center;
  font-size: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  font-weight: 900;
}

@media screen and (min-width: 960px) {
  .pTopMovie__title {
    font-size: clamp(2.91667rem, 4.86111vw, 4.375rem);
  }
}

.pTopMovie__Wrap {
  position: relative;
}

.pTopMovie__thumbnail {
  aspect-ratio: 350 / 197;
  border-radius: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  width: 100%;
  margin-top: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px);
  overflow: clip;
}

@media screen and (min-width: 960px) {
  .pTopMovie__thumbnail {
    aspect-ratio: 1300 / 731;
    border-radius: clamp(.833333rem, 1.38889vw, 1.25rem);
    margin-top: clamp(2.08333rem, 3.47222vw, 3.125rem);
  }
}

.pTopMovie__thumbnail > iframe {
  object-fit: cover;
  width: calc(100% + 2px);
  height: 100%;
  position: relative;
  left: -1px;
}

.pTopMovie__thumbnailIcon {
  background-color: #000;
  border-radius: 50%;
  place-items: center;
  block-size: calc(clamp(48px, 45.7143vw - 98.2857px, 80px) + clamp(80px, 58.1053px + 5.61404vw, 112px) - 80px);
  inline-size: calc(clamp(48px, 45.7143vw - 98.2857px, 80px) + clamp(80px, 58.1053px + 5.61404vw, 112px) - 80px);
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 960px) {
  .pTopMovie__thumbnailIcon {
    block-size: clamp(5.41667rem, 9.02778vw, 8.125rem);
    inline-size: clamp(5.41667rem, 9.02778vw, 8.125rem);
  }
}

.pTopMovie__thumbnailIcon:before {
  content: "";
  background: url("/global/assets/images/top/icon_start.svg") center / contain no-repeat;
  width: calc(clamp(12.552px, 11.9543vw - 25.7017px, 20.92px) + clamp(20.92px, 15.1945px + 1.46807vw, 29.288px) - 20.92px);
  height: calc(clamp(14.496px, 13.8057vw - 29.6823px, 24.16px) + clamp(24.16px, 17.5478px + 1.69544vw, 33.824px) - 24.16px);
  display: block;
  position: relative;
  left: calc(clamp(1.8px, 1.71429vw - 3.68571px, 3px) + clamp(3px, 2.17895px + .210526vw, 4.2px) - 3px);
}

@media screen and (min-width: 960px) {
  .pTopMovie__thumbnailIcon:before {
    width: clamp(1.55833rem, 2.59722vw, 2.3375rem);
    height: clamp(1.79917rem, 2.99861vw, 2.69875rem);
    left: clamp(.166667rem, .277778vw, .25rem);
  }
}

.pTopAppeal {
  background-color: #f4ca02;
  width: 100%;
  padding: calc(clamp(54px, 51.4286vw - 110.571px, 90px) + clamp(90px, 65.3684px + 6.31579vw, 126px) - 90px) 0;
  position: relative;
}

@media screen and (min-width: 960px) {
  .pTopAppeal {
    padding: clamp(9.375rem, 15.625vw, 14.0625rem) 0 clamp(5.41667rem, 9.02778vw, 8.125rem);
  }
}

.pTopAppeal:after {
  content: url("/global/assets/images/top/bg_appeal_wave_sp.svg");
  aspect-ratio: 390 / 20;
  width: 100%;
  height: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  display: block;
  position: absolute;
  bottom: calc(clamp(1.2px, 1.14286vw - 2.45714px, 2px) + clamp(2px, 1.45263px + .140351vw, 2.8px) - 2px);
  left: 0;
  transform: translateY(100%);
}

@media screen and (min-width: 960px) {
  .pTopAppeal:after {
    content: url("/global/assets/images/top/bg_appeal_wave_pc.svg");
    aspect-ratio: 1440 / 75;
    height: clamp(3.125rem, 5.20833vw, 4.6875rem);
    bottom: clamp(.0833333rem, .138889vw, .125rem);
  }
}

.pTopAppeal__titleImage {
  width: calc(clamp(108px, 102.857vw - 221.143px, 180px) + clamp(180px, 130.737px + 12.6316vw, 252px) - 180px);
}

@media screen and (min-width: 960px) {
  .pTopAppeal__titleImage {
    width: clamp(15rem, 25vw, 22.5rem);
  }
}

.pTopAppeal__titleImage img {
  width: 100%;
}

.pTopAppeal__titleText {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(39px, 37.1429vw - 79.8571px, 65px) + clamp(65px, 47.2105px + 4.5614vw, 91px) - 65px);
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__titleText {
    font-size: clamp(4.58333rem, 7.63889vw, 6.875rem);
  }
}

.pTopAppeal__list {
  grid-template-columns: 1fr;
  gap: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px) 0;
  margin-top: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  display: grid;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 clamp(.833333rem, 1.38889vw, 1.25rem);
    margin-top: clamp(2.29167rem, 3.81944vw, 3.4375rem);
  }
}

.pTopAppeal__item {
  background-color: #fff5dc;
  border-radius: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  overflow: hidden;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__item {
    border-radius: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopAppeal__itemImage {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__itemImage {
    aspect-ratio: 580 / 300;
  }
}

.pTopAppeal__itemImage img {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__itemImage img {
    aspect-ratio: 420 / 360;
  }
}

.pTopAppeal__itemContent {
  padding: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px) calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px) calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
}

@media screen and (min-width: 960px) {
  .pTopAppeal__itemContent {
    padding: clamp(1.66667rem, 2.77778vw, 2.5rem) clamp(.833333rem, 1.38889vw, 1.25rem) clamp(2.08333rem, 3.47222vw, 3.125rem);
  }
}

.pTopAppeal__itemTitle {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(30px, 28.5714vw - 61.4286px, 50px) + clamp(50px, 36.3158px + 3.50877vw, 70px) - 50px);
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__itemTitle {
    font-size: clamp(2.5rem, 4.16667vw, 3.75rem);
  }
}

.pTopAppeal__itemText {
  color: #000;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-size: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 960px) {
  .pTopAppeal__itemText {
    margin-top: clamp(.833333rem, 1.38889vw, 1.25rem);
    font-size: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopTaste {
  padding-top: calc(clamp(72px, 68.5714vw - 147.429px, 120px) + clamp(120px, 87.1579px + 8.42105vw, 168px) - 120px);
  overflow-x: clip;
}

@media screen and (min-width: 960px) {
  .pTopTaste {
    padding-top: clamp(10.625rem, 17.7083vw, 15.9375rem);
  }
}

.pTopTaste__header {
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.pTopTaste__title {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(36px, 34.2857vw - 73.7143px, 60px) + clamp(60px, 43.579px + 4.21053vw, 84px) - 60px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

@media screen and (min-width: 960px) {
  .pTopTaste__title {
    font-size: clamp(3.58333rem, 5.97222vw, 5.375rem);
  }
}

.pTopTaste__text {
  color: #000;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 960px) {
  .pTopTaste__text {
    margin-top: clamp(1.66667rem, 2.77778vw, 2.5rem);
    font-size: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopTaste__decoration {
  width: 40vw;
  position: absolute;
  top: 0;
  right: calc(-50vw + 50%);
  transform: translateY(-100%);
}

@media screen and (min-width: 960px) {
  .pTopTaste__decoration {
    max-width: 600px;
    transform: initial;
    bottom: 0;
    top: initial;
  }
}

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

.pTopTasteSection {
  margin-top: calc(clamp(48px, 45.7143vw - 98.2857px, 80px) + clamp(80px, 58.1053px + 5.61404vw, 112px) - 80px);
}

@media screen and (min-width: 960px) {
  .pTopTasteSection {
    margin-top: clamp(4.58333rem, 7.63889vw, 6.875rem);
  }
}

.pTopTaste__header + .pTopTasteSection {
  margin-top: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px);
}

@media screen and (min-width: 960px) {
  .pTopTaste__header + .pTopTasteSection {
    margin-top: clamp(2.08333rem, 3.47222vw, 3.125rem);
  }
}

.pTopInternational__title {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  font-weight: 900;
  line-height: 1;
}

.pTopInternational__text {
  display: block;
}

.pTopInternational__text--line {
  flex-shrink: 0;
  display: block;
}

.pTopInternational__textWrapper {
  align-items: center;
  gap: 0 calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  display: flex;
}

.pTopInternational__line {
  background-color: #000;
  width: 100%;
  height: calc(clamp(.6px, .571429vw - 1.22857px, 1px) + clamp(1px, .726316px + .0701754vw, 1.4px) - 1px);
}

@media screen and (min-width: 960px) {
  .pTopInternational__line {
    height: clamp(.0416667rem, .0694445vw, .0625rem);
  }
}

.pTopRouxOrFlakes {
  background-color: #692a11;
  width: 100%;
  padding: calc(clamp(48px, 45.7143vw - 98.2857px, 80px) + clamp(80px, 58.1053px + 5.61404vw, 112px) - 80px) 0 calc(clamp(60px, 57.1429vw - 122.857px, 100px) + clamp(100px, 72.6316px + 7.01754vw, 140px) - 100px);
  position: relative;
  container: roux-flakes / inline-size;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes {
    padding: clamp(8.54167rem, 14.2361vw, 12.8125rem) 0 clamp(6.25rem, 10.4167vw, 9.375rem);
  }
}

.pTopRouxOrFlakes:after {
  content: url("/global/assets/images/top/bg_rouxorflakes_flakes_sp.svg");
  aspect-ratio: 390 / 20;
  z-index: 1;
  width: 100%;
  height: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  display: block;
  position: absolute;
  bottom: calc(clamp(1.2px, 1.14286vw - 2.45714px, 2px) + clamp(2px, 1.45263px + .140351vw, 2.8px) - 2px);
  left: 0;
  transform: translateY(100%);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes:after {
    content: url("/global/assets/images/top/bg_rouxorflakes_flakes_pc.svg");
    aspect-ratio: 1440 / 75;
    height: clamp(3.125rem, 5.20833vw, 4.6875rem);
    bottom: clamp(.0833333rem, .138889vw, .125rem);
  }
}

.pTopRouxOrFlakes__choiceImage {
  width: calc(clamp(57px, 54.2857vw - 116.714px, 95px) + clamp(95px, 69px + 6.66667vw, 133px) - 95px);
  margin: 0 auto;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__choiceImage {
    width: clamp(7.08333rem, 11.8056vw, 10.625rem);
  }
}

.pTopRouxOrFlakes__choiceImage img {
  width: 100%;
}

.pTopRouxOrFlakes__titleGroup {
  justify-content: center;
  align-items: center;
  gap: 0 calc(clamp(1.8px, 1.71429vw - 3.68571px, 3px) + clamp(3px, 2.17895px + .210526vw, 4.2px) - 3px);
  margin-top: calc(clamp(3px, 2.85714vw - 6.14286px, 5px) + clamp(5px, 3.63158px + .350877vw, 7px) - 5px);
  display: flex;
  position: relative;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleGroup {
    gap: 0 clamp(1.66667rem, 2.77778vw, 2.5rem);
    margin-top: clamp(-2.08333rem, -3.47222vw, -3.125rem);
  }

  @container roux-flakes (width <= 1214px) {
    .pTopRouxOrFlakes__titleGroup {
      margin-top: clamp(.833333rem, 1.38889vw, 1.25rem);
    }
  }
}

.pTopRouxOrFlakes__titleH2 {
  color: #f4ca02;
  text-align: center;
  width: fit-content;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(33px, 31.4286vw - 67.5714px, 55px) + clamp(55px, 39.9474px + 3.85965vw, 77px) - 55px);
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleH2 {
    align-items: center;
    gap: 0 clamp(.833333rem, 1.38889vw, 1.25rem);
    font-size: clamp(4.16667rem, 6.94444vw, 6.25rem);
    display: flex;
  }

  @container roux-flakes (width <= 1214px) {
    .pTopRouxOrFlakes__titleH2 {
      flex-direction: column;
      gap: clamp(.625rem, 1.04167vw, .9375rem);
    }
  }
}

.pTopRouxOrFlakes__titleText {
  display: block;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleText {
    display: inline-block;
  }

  @container roux-flakes (width <= 1214px) {
    .pTopRouxOrFlakes__titleText {
      display: block;
    }
  }
}

.pTopRouxOrFlakes__titleText--small {
  font-size: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  display: block;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleText--small {
    font-size: clamp(2.5rem, 4.16667vw, 3.75rem);
    display: inline;
  }
}

.pTopRouxOrFlakes__titleGroupImage1 {
  width: calc(clamp(54px, 51.4286vw - 110.571px, 90px) + clamp(90px, 65.3684px + 6.31579vw, 126px) - 90px);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleGroupImage1 {
    width: clamp(10.4167rem, 17.3611vw, 15.625rem);
  }
}

.pTopRouxOrFlakes__titleGroupImage1 img {
  width: 100%;
}

.pTopRouxOrFlakes__titleGroupImage2 {
  width: calc(clamp(54px, 51.4286vw - 110.571px, 90px) + clamp(90px, 65.3684px + 6.31579vw, 126px) - 90px);
  position: relative;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleGroupImage2 {
    width: clamp(10.4167rem, 17.3611vw, 15.625rem);
  }
}

.pTopRouxOrFlakes__titleGroupImage2:after {
  content: "";
  background: url("/global/assets/images/top/img_rouxorflakes_question.webp") 0 0 / cover no-repeat;
  width: calc(clamp(22.2px, 21.1429vw - 45.4571px, 37px) + clamp(37px, 26.8737px + 2.59649vw, 51.8px) - 37px);
  height: calc(clamp(46.2px, 44vw - 94.6px, 77px) + clamp(77px, 55.9263px + 5.40351vw, 107.8px) - 77px);
  display: block;
  position: absolute;
  bottom: calc(clamp(-25.2px, 51.6px - 24vw, -42px) + clamp(-42px, -30.5053px - 2.94737vw, -58.8px) + 42px);
  left: 0;
  transform: rotate(15.43deg);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__titleGroupImage2:after {
    width: clamp(3.79167rem, 6.31944vw, 5.6875rem);
    height: clamp(8.04167rem, 13.4028vw, 12.0625rem);
    bottom: clamp(.833333rem, 1.38889vw, 1.25rem);
    left: clamp(-2.5rem, -4.16667vw, -3.75rem);
  }

  @container roux-flakes (width <= 1214px) {
    .pTopRouxOrFlakes__titleGroupImage2:after {
      bottom: clamp(.625rem, 1.04167vw, .9375rem);
      left: clamp(-1.875rem, -3.125vw, -2.8125rem);
    }
  }
}

.pTopRouxOrFlakes__titleGroupImage2 img {
  width: 100%;
}

.pTopRouxOrFlakes__leadText {
  letter-spacing: 0;
  color: #fff5dc;
  text-align: center;
  margin-top: calc(clamp(2.4px, 2.28571vw - 4.91429px, 4px) + clamp(4px, 2.90526px + .280702vw, 5.6px) - 4px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(10.2px, 9.71429vw - 20.8857px, 17px) + clamp(17px, 12.3474px + 1.19298vw, 23.8px) - 17px);
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__leadText {
    font-size: clamp(1.08333rem, 1.80556vw, 1.625rem);
    position: relative;
    top: clamp(-2.08333rem, -3.47222vw, -3.125rem);
  }

  @container roux-flakes (width <= 1214px) {
    .pTopRouxOrFlakes__leadText {
      margin-top: clamp(.833333rem, 1.38889vw, 1.25rem);
      top: 0;
    }
  }
}

.pTopRouxOrFlakes__boxes {
  margin-top: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__boxes {
    margin-top: clamp(2.08333rem, 3.47222vw, 3.125rem);
  }
}

.pTopRouxOrFlakes__box {
  background-color: #fff5dc;
  border-radius: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  padding: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px) calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px) calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
}

.pTopRouxOrFlakes__box + .pTopRouxOrFlakes__box {
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__box + .pTopRouxOrFlakes__box {
    margin-top: clamp(2.625rem, 4.375vw, 3.9375rem);
  }

  .pTopRouxOrFlakes__box {
    border-radius: clamp(1.25rem, 2.08333vw, 1.875rem);
    padding: clamp(2.91667rem, 4.86111vw, 4.375rem) clamp(3.33333rem, 5.55556vw, 5rem);
  }
}

.pTopRouxOrFlakes__title {
  text-align: center;
  color: #692a11;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(30px, 28.5714vw - 61.4286px, 50px) + clamp(50px, 36.3158px + 3.50877vw, 70px) - 50px);
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__title {
    font-size: clamp(2.91667rem, 4.86111vw, 4.375rem);
  }
}

.pTopRouxOrFlakes__figure {
  text-align: center;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  width: 100%;
  max-width: calc(clamp(240px, 228.571vw - 491.429px, 400px) + clamp(400px, 290.526px + 28.0702vw, 560px) - 400px);
  margin-inline: auto;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__figure {
    grid-area: 1 / 2 / 4 / 3;
    max-width: 100%;
    margin-top: 0;
  }
}

.pTopRouxOrFlakes__figure img {
  width: 100%;
}

.pTopRouxOrFlakes__list {
  margin-top: calc(clamp(15px, 14.2857vw - 30.7143px, 25px) + clamp(25px, 18.1579px + 1.75439vw, 35px) - 25px);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__list {
    grid-area: 1 / 1 / 2 / 2;
    margin-top: 0;
  }
}

.pTopRouxOrFlakes__item {
  align-items: center;
  gap: 0 calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  display: flex;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__item {
    gap: 0 clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopRouxOrFlakes__item:not(:first-child) {
  margin-top: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__item:not(:first-child) {
    margin-top: clamp(.416667rem, .694444vw, .625rem);
  }
}

.pTopRouxOrFlakes__itemNumber {
  color: #f4ca02;
  background-color: #000;
  border-radius: 50%;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: calc(clamp(36px, 34.2857vw - 73.7143px, 60px) + clamp(60px, 43.579px + 4.21053vw, 84px) - 60px);
  height: calc(clamp(36px, 34.2857vw - 73.7143px, 60px) + clamp(60px, 43.579px + 4.21053vw, 84px) - 60px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(15.75px, 15vw - 32.25px, 26.25px) + clamp(26.25px, 19.0658px + 1.84211vw, 36.75px) - 26.25px);
  font-weight: 900;
  line-height: 1;
  display: flex;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__itemNumber {
    width: clamp(3.33333rem, 5.55556vw, 5rem);
    height: clamp(3.33333rem, 5.55556vw, 5rem);
    font-size: clamp(1.45833rem, 2.43056vw, 2.1875rem);
  }
}

.pTopRouxOrFlakes__itemNumber:before {
  content: "";
  background: url("/global/assets/images/top/img_rouxorflakes_point.webp") center / contain no-repeat;
  width: calc(clamp(15.6px, 14.8571vw - 31.9429px, 26px) + clamp(26px, 18.8842px + 1.82456vw, 36.4px) - 26px);
  height: calc(clamp(6.6px, 6.28571vw - 13.5143px, 11px) + clamp(11px, 7.98947px + .77193vw, 15.4px) - 11px);
  margin-bottom: calc(clamp(.15px, .142857vw - .307143px, .25px) + clamp(.25px, .181579px + .0175439vw, .35px) - .25px);
  display: block;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__itemNumber:before {
    width: clamp(1.33333rem, 2.22222vw, 2rem);
    height: clamp(.625rem, 1.04167vw, .9375rem);
    margin-bottom: 0;
  }
}

.pTopRouxOrFlakes__itemText {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(18px, 17.1429vw - 36.8571px, 30px) + clamp(30px, 21.7895px + 2.10526vw, 42px) - 30px);
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__itemText {
    font-size: clamp(1.66667rem, 2.77778vw, 2.5rem);
  }
}

.pTopRouxOrFlakes__text {
  color: #000;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-size: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__text {
    margin-top: clamp(1.66667rem, 2.77778vw, 2.5rem);
    font-size: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopRouxOrFlakes__text + .pTopRouxOrFlakes__text {
  margin-top: calc(clamp(15px, 14.2857vw - 30.7143px, 25px) + clamp(25px, 18.1579px + 1.75439vw, 35px) - 25px);
}

@media screen and (min-width: 960px) {
  .pTopRouxOrFlakes__text + .pTopRouxOrFlakes__text {
    margin-top: clamp(1.45833rem, 2.43056vw, 2.1875rem);
  }

  .pTopRouxOrFlakes__boxContent {
    grid-template-columns: calc(58% - clamp(1.04167rem, 1.73611vw, 1.5625rem)) calc(42% - clamp(1.04167rem, 1.73611vw, 1.5625rem));
    gap: 0 clamp(2.08333rem, 3.47222vw, 3.125rem);
    width: 100%;
    margin-top: clamp(.833333rem, 1.38889vw, 1.25rem);
    display: grid;
  }

  .pTopRouxOrFlakes__boxTexts {
    grid-area: 2 / 1 / 3 / 2;
  }
}

.pTopWorkShop {
  margin-top: calc(clamp(66px, 62.8571vw - 135.143px, 110px) + clamp(110px, 79.8947px + 7.7193vw, 154px) - 110px);
  position: relative;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop {
    margin-top: clamp(11.875rem, 19.7917vw, 17.8125rem);
    padding-bottom: clamp(10.6667rem, 17.7778vw, 16rem);
  }
}

.pTopWorkShop:after {
  content: url("/global/assets/images/top/bg_wave_white_sp.svg");
  aspect-ratio: 390 / 20;
  z-index: 1;
  width: 100%;
  height: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  display: block;
  position: absolute;
  bottom: calc(clamp(1.2px, 1.14286vw - 2.45714px, 2px) + clamp(2px, 1.45263px + .140351vw, 2.8px) - 2px);
  left: 0;
  transform: translateY(100%);
}

@media screen and (min-width: 960px) {
  .pTopWorkShop:after {
    content: url("/global/assets/images/top/bg_wave_white_pc.svg");
    aspect-ratio: 1440 / 75;
    height: clamp(3.125rem, 5.20833vw, 4.6875rem);
    bottom: clamp(.0833333rem, .138889vw, .125rem);
  }
}

.pTopWorkShop__bg {
  background-color: rgba(0, 0, 0, 0);
  padding-top: calc(clamp(36px, 34.2857vw - 73.7143px, 60px) + clamp(60px, 43.579px + 4.21053vw, 84px) - 60px);
  padding-bottom: calc(clamp(66px, 62.8571vw - 135.143px, 110px) + clamp(110px, 79.8947px + 7.7193vw, 154px) - 110px);
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__bg {
    background-color: #f4ca02;
    padding-top: clamp(4.41667rem, 7.36111vw, 6.625rem);
    padding-bottom: clamp(4.41667rem, 7.36111vw, 6.625rem);
  }
}

.pTopWorkShop__bg:before {
  content: "";
  z-index: -1;
  background-color: #f4ca02;
  width: 100%;
  height: calc(100% + -1 * clamp(331.2px, 315.429vw - 678.171px, 552px) + -1 * clamp(552px, 400.926px + 38.7368vw, 772.8px) + 552px);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__bg:before {
    display: none;
  }

  .pTopWorkShop__container {
    max-width: clamp(45.9583rem, 76.5972vw, 68.9375rem);
  }
}

.pTopWorkShop__inner {
  flex-direction: column;
  display: flex;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__inner {
    flex-direction: row;
    gap: clamp(5.41667rem, 9.02778vw, 8.125rem);
  }
}

.pTopWorkShop__contentWrap {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__contentWrap {
    flex-shrink: 0;
    width: clamp(19.6667rem, 32.7778vw, 29.5rem);
  }
}

.pTopWorkShop__imgWrap {
  width: 100%;
  margin-top: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__imgWrap {
    margin-top: 0;
    position: relative;
  }
}

.pTopWorkShop__imgInner {
  aspect-ratio: 350 / 622;
  border-radius: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  width: 100%;
  overflow: clip;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__imgInner {
    aspect-ratio: 421 / 748;
    border-radius: clamp(.833333rem, 1.38889vw, 1.25rem);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.pTopWorkShop__imgInner iframe, .pTopWorkShop__imgInner video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pTopWorkShop__title {
  color: #000;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(36px, 34.2857vw - 73.7143px, 60px) + clamp(60px, 43.579px + 4.21053vw, 84px) - 60px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__title {
    font-size: clamp(4.16667rem, 6.94444vw, 6.25rem);
  }
}

.pTopWorkShop__text {
  color: #000;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(9.6px, 9.14286vw - 19.6571px, 16px) + clamp(16px, 11.6211px + 1.12281vw, 22.4px) - 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 960px) {
  .pTopWorkShop__text {
    margin-top: clamp(1.66667rem, 2.77778vw, 2.5rem);
    font-size: clamp(.833333rem, 1.38889vw, 1.25rem);
  }
}

.pTopWhoWeAre {
  padding-top: calc(clamp(60px, 57.1429vw - 122.857px, 100px) + clamp(100px, 72.6316px + 7.01754vw, 140px) - 100px);
  padding-bottom: calc(clamp(60px, 57.1429vw - 122.857px, 100px) + clamp(100px, 72.6316px + 7.01754vw, 140px) - 100px);
  position: relative;
  overflow-x: clip;
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre {
    padding-top: clamp(10.625rem, 17.7083vw, 15.9375rem);
    padding-bottom: clamp(6.25rem, 10.4167vw, 9.375rem);
  }
}

.pTopWhoWeAre:after {
  content: url("/global/assets/images/top/bg_wave_white_sp.svg");
  aspect-ratio: 390 / 20;
  z-index: 1;
  width: 100%;
  height: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  display: block;
  position: absolute;
  bottom: calc(clamp(1.2px, 1.14286vw - 2.45714px, 2px) + clamp(2px, 1.45263px + .140351vw, 2.8px) - 2px);
  left: 0;
  transform: translateY(100%);
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre:after {
    content: url("/global/assets/images/top/bg_wave_white_pc.svg");
    aspect-ratio: 1440 / 75;
    height: clamp(3.125rem, 5.20833vw, 4.6875rem);
    bottom: clamp(.0833333rem, .138889vw, .125rem);
  }
}

.pTopWhoWeAre__inner {
  flex-direction: column;
  gap: calc(clamp(24px, 22.8571vw - 49.1429px, 40px) + clamp(40px, 29.0526px + 2.80702vw, 56px) - 40px);
  display: flex;
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre__inner {
    flex-direction: row;
    align-items: center;
    gap: clamp(3.75rem, 6.25vw, 5.625rem);
  }
}

.pTopWhoWeAre__imgWrap {
  width: calc(50% + 50vw);
  margin-left: calc(-50vw + 50%);
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre__imgWrap {
    height: 600px;
  }
}

.pTopWhoWeAre__img {
  border-top-right-radius: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
  border-bottom-right-radius: calc(clamp(6px, 5.71429vw - 12.2857px, 10px) + clamp(10px, 7.26316px + .701754vw, 14px) - 10px);
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre__img {
    object-fit: cover;
    border-top-right-radius: clamp(.833333rem, 1.38889vw, 1.25rem);
    border-bottom-right-radius: clamp(.833333rem, 1.38889vw, 1.25rem);
    width: 100%;
    height: 100%;
  }

  .pTopWhoWeAre__contentWrap {
    flex-shrink: 0;
    width: 544px;
    margin-right: clamp(1.54167rem, 2.56944vw, 2.3125rem);
  }
}

.pTopWhoWeAre__title {
  color: #692a11;
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(36px, 34.2857vw - 73.7143px, 60px) + clamp(60px, 43.579px + 4.21053vw, 84px) - 60px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre__title {
    font-size: clamp(4.16667rem, 6.94444vw, 6.25rem);
  }
}

.pTopWhoWeAre__subtitle {
  color: #000;
  margin-top: calc(clamp(12px, 11.4286vw - 24.5714px, 20px) + clamp(20px, 14.5263px + 1.40351vw, 28px) - 20px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(15px, 14.2857vw - 30.7143px, 25px) + clamp(25px, 18.1579px + 1.75439vw, 35px) - 25px);
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre__subtitle {
    margin-top: clamp(1.25rem, 2.08333vw, 1.875rem);
    font-size: clamp(1.45833rem, 2.43056vw, 2.1875rem);
  }
}

.pTopWhoWeAre__text {
  color: #000;
  margin-top: calc(clamp(9px, 8.57143vw - 18.4286px, 15px) + clamp(15px, 10.8947px + 1.05263vw, 21px) - 15px);
  font-family: Gantari, sans-serif;
  font-size: calc(clamp(10.8px, 10.2857vw - 22.1143px, 18px) + clamp(18px, 13.0737px + 1.26316vw, 25.2px) - 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 960px) {
  .pTopWhoWeAre__text {
    margin-top: clamp(.625rem, 1.04167vw, .9375rem);
    font-size: clamp(1.08333rem, 1.80556vw, 1.625rem);
  }
}