@charset "UTF-8";
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
     # General elements
     # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
     # Forms
     # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
     # Specify media element style
     # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

* {
  box-sizing: border-box;
}

:root {
  --bg-color: #fffcf5;
  --cta-bg-color: #e7f2c7;
  --cta-border: #00b167;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #484234;
  margin: 0;
  padding: 0;
}

section {
  max-width: none;
}

img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}

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

a {
  text-decoration: none;
  transition: opacity 300ms ease;
}

[data-fadein] {
  opacity: 0;
  transform: translateY(40px);
  transition: transform 600ms ease, opacity 600ms ease;
}

[data-fadein=true] {
  opacity: 1;
  transform: none;
}

/* 既存の設定の上書き */
.l-contents__frame {
  width: 100%;
  padding: 0;
}

.l-contents {
  background: transparent;
}

.l-container {
  position: relative;
  overflow: hidden;
}

.l-footer {
  background-color: #e9789e;
  padding: 56px 0 14px;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.l-footer__inner {
  position: relative;
}
.l-footer__inner::after {
  content: "";
  aspect-ratio: 272/355;
  position: absolute;
  background: url("/lp_media/new_lp/assets/images/common/deco_footer.png") no-repeat;
  background-size: contain;
  width: 19.4285714286%;
  left: -138px;
  bottom: -42px;
}
.l-footer__nav {
  margin-bottom: 72px;
  position: relative;
  z-index: 2;
}
.l-footer__top-item {
  padding: 0 !important;
  border: none !important;
}
.l-footer__top-list {
  justify-content: center;
  display: flex;
  gap: 28px 56px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.l-footer__top-link {
  padding: 0 !important;
  background: transparent !important;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.l-footer__bottom-item {
  padding: 0 !important;
  border: none !important;
}
.l-footer__bottom-list {
  justify-content: center;
  display: flex;
  gap: 20px 56px;
  flex-wrap: wrap;
}
.l-footer__bottom-link {
  padding: 0 !important;
  background: transparent !important;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.l-footer__logo {
  max-width: 160px;
  margin: auto auto 64px;
}
.l-footer__copyright {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

.l-header {
  background-color: #fff;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  height: auto;
  padding: 0;
}
.l-header__inner.p-inner {
  max-width: 1339px;
}
.l-header__contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28px 0 22px;
  position: relative;
  width: 100%;
}
.l-header__right {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.l-header__logo {
  display: block;
  width: 172px;
  flex-shrink: 0;
}
.l-header__btn {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 18px;
  margin-right: 56px;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 300ms ease;
}
.l-header__btn .arrow {
  transition: transform 300ms ease;
  position: relative;
  display: inline-block;
  width: 10px;
  height: 5px;
}
.l-header__btn .arrow::before,
.l-header__btn .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.75px);
  width: 1.5px;
  height: 7px;
  border-radius: 9999px;
  background-color: #e9789e;
  transform-origin: 50% calc(100% - 0.75px);
}
.l-header__btn .arrow::before {
  transform: rotate(50.55deg);
}
.l-header__btn .arrow::after {
  transform: rotate(-50.55deg);
}
.l-header__btn.is-active .arrow {
  transform: rotate(180deg);
}
.l-header__login {
  flex-shrink: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #e9789e;
  padding: 7px 8px;
  border-radius: 19px;
  border: 1px solid #e9789e;
  background: #fff;
  max-width: 148px;
  width: 100%;
  margin-right: 16px;
}
.l-header__cart {
  flex-shrink: 0;
  display: block;
  position: relative;
  background-color: #e9789e;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.l-header__cart-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 20px;
}
.c-accordion__desc {
  width: 100%;
}

.p-about {
  padding: 60px 0 0;
  position: relative;
  overflow-x: clip;
}
.p-about::after, .p-about::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
.p-about::after {
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about01.png");
  aspect-ratio: 407/378;
  width: 21.1979166667%;
  top: -187px;
  left: 200px;
}
.p-about::before {
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about02.png");
  aspect-ratio: 387/304;
  width: 20.15625%;
  right: 180px;
  top: -87px;
}
.p-about__title {
  text-align: center;
  margin-bottom: 80px;
}
.p-about__title .sub {
  display: block;
  color: #e9789e;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6;
}
.p-about__title .main {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.6;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
  letter-spacing: 0.07em;
}
.p-about__top {
  max-width: 1240px;
  margin: auto;
  margin-bottom: 170px;
  position: relative;
}
.p-about__top::after {
  content: "";
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about03.png");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 256/332;
  width: 20.6451612903%;
  bottom: -246px;
  right: -275px;
  position: absolute;
}
.p-about__box {
  position: relative;
}
.p-about__box:first-of-type::after, .p-about__box:nth-of-type(2)::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.p-about__box:first-of-type::after {
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about04.png");
  aspect-ratio: 196/365;
  width: 14%;
}
.p-about__box:nth-of-type(2)::after {
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about05.png");
  aspect-ratio: 164/339;
  width: 11.7142857143%;
}
.p-about__box:not(:last-of-type) {
  margin-bottom: 120px;
}
.p-about__box-title {
  margin-bottom: 48px;
  display: flex;
  align-items: center;
}
.p-about__box-title .num {
  font-family: "Lexend", sans-serif;
  color: #e9789e;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}
.p-about__box-title .main {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  padding-left: 30px;
  border-left: 4px solid #e9789e;
  margin-left: 16px;
}
.p-about__list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-left: 80px;
}
.p-about__item {
  display: grid;
  gap: 40px;
  grid-template-columns: 43.7878787879% auto;
}
.p-about__catch {
  display: flex;
  gap: 10px;
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.8;
}
.p-about__catch::before {
  display: block;
  content: "";
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/icon_about.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}
.p-about__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-about .grainfree {
  padding: 20px 0 220px;
}
.p-about .grainfree__title {
  margin-bottom: 220px;
}
.p-about .grainfree__top {
  max-width: 1042px;
  margin: auto;
  margin-bottom: 173px;
  display: grid;
  gap: 49px;
  grid-template-columns: 58.5412667946% auto;
}
.p-about .grainfree__top-catch {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 7px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.p-about .grainfree__top-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-about .grainfree__middle {
  margin-bottom: 14px;
}
.p-about .grainfree__middle-head {
  text-align: center;
  position: relative;
  max-width: 1012px;
  margin: auto;
  margin-bottom: 61px;
  padding: 0px 29px;
}
.p-about .grainfree__middle-head .deco {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 100%;
  background-color: #ca9e03;
}
.p-about .grainfree__middle-head .deco::after, .p-about .grainfree__middle-head .deco::before {
  content: "";
  width: 29px;
  position: absolute;
  height: 10px;
  background-color: #ca9e03;
  mix-blend-mode: multiply;
}
.p-about .grainfree__middle-head .deco::before {
  top: 0;
}
.p-about .grainfree__middle-head .deco::after {
  bottom: 0;
}
.p-about .grainfree__middle-head .deco.-left {
  left: 0;
}
.p-about .grainfree__middle-head .deco.-left::after, .p-about .grainfree__middle-head .deco.-left::before {
  left: 0;
}
.p-about .grainfree__middle-head .deco.-right {
  right: 0;
}
.p-about .grainfree__middle-head .deco.-right::after, .p-about .grainfree__middle-head .deco.-right::before {
  right: 0;
}
.p-about .grainfree__middle-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 3px;
}
.p-about .grainfree__middle-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-about .grainfree__middle-text .bold {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
}
.p-about .grainfree__middle-foot {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
  padding-bottom: 81px;
  position: relative;
  margin-bottom: 14px;
}
.p-about .grainfree__middle-foot::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: inline-block;
  width: 80px;
  height: 28px;
  background: #ed2e2e;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
          clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.p-about .grainfree__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-about .grainfree__bottom-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 29px;
}
.p-about .grainfree__frame {
  background-color: #ffe7f0;
  border-radius: 40px;
  padding: 55px 44px 56px 49px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6;
}
.p-about .grainfree__frame .highlight {
  font-size: 40px;
  line-height: 1.2;
  color: #ed2e2e;
}

.p-lp {
  background-color: var(--bg-color);
  padding: 44px 0 72px;
}
.p-lp .c-link {
  color: #e9789e !important;
}
.p-lp .c-contents-header,
.p-lp .c-contents-body {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 32px);
}
.p-lp .custom-radio {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 32px);
  margin-bottom: 40px;
}
.p-lp .radio-group {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.p-lp .radio-container {
  width: 100%;
  display: inline-block;
  max-width: 284px;
}
.p-lp .radio-container input[type=radio] {
  display: none;
}
.p-lp .radio-container input[type=radio]:checked + label {
  color: #fff;
  background-color: #e9789e;
  border-color: #e9789e;
}
.p-lp .radio-container label {
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  display: block;
  border: 2px solid #ccc;
  transition: background-color 300ms ease, border-color 300ms ease;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  transition: color 300ms ease;
  cursor: pointer;
}
.p-lp .c-button {
  color: #fff;
}

.p-lp__login .login-section__contents .login-form {
  flex-wrap: wrap;
}

#confirm_submit .c-button {
  background: #e9789e;
  border-color: #e9789e;
}

.p-ctaBanner {
  position: fixed;
  bottom: 0;
  right: 0;
  filter: drop-shadow(-3px -3px 20px rgba(0, 0, 0, 0.1));
  max-width: 672px;
  z-index: 99;
  transition: opacity 300ms ease, visibility 300ms ease;
  opacity: 0;
  visibility: hidden;
}
.p-ctaBanner.is-show {
  opacity: 1;
  visibility: visible;
}
.p-ctaBanner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}

.p-ctaBox {
  background-color: var(--bg-color);
}
.p-ctaBox__inner {
  position: relative;
}
.p-ctaBox.-main {
  padding: 240px 0px 190px;
}
.p-ctaBox.-main .p-ctaBox__contents {
  display: flex;
  flex-direction: column;
}
.p-ctaBox.-main .p-ctaBox__link-area {
  gap: 40px;
}
.p-ctaBox__contents {
  padding: 100px 88px;
  align-items: center;
  justify-content: center;
  gap: 0px 40px;
  background-color: var(--cta-bg-color);
  border-radius: 20px;
  display: grid;
  grid-template-columns: 49.8366013072% 46.8137254902%;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
}
.p-ctaBox__contents .p-ctaBox__title {
  grid-area: 1/1/2/2;
}
.p-ctaBox__contents .p-ctaBox__link-area {
  grid-area: 2/1/3/2;
}
.p-ctaBox__contents .p-ctaBox__img-area {
  grid-area: 1/2/3/3;
}
.p-ctaBox__title {
  margin-bottom: 18px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.8;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.p-ctaBox__link-area {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.p-ctaBox__link {
  max-width: 442px;
}
.p-ctaBox__banner {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  padding: 15px 28px;
  display: grid;
  gap: 0px 20px;
  align-items: center;
  grid-template-columns: 136px auto 108px;
  margin-bottom: 32px;
  width: 100%;
  max-width: 924px;
}
.p-ctaBox__banner .icon {
  grid-area: 1/1/3/2;
}
.p-ctaBox__banner .title {
  grid-area: 1/2/2/3;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 6px;
  margin-left: 10px;
  margin-top: auto;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.p-ctaBox__banner .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
  grid-area: 2/2/3/3;
  margin-left: 10px;
  margin-bottom: auto;
}
.p-ctaBox__banner .text .highlight {
  color: #e9789e;
}
.p-ctaBox__banner .deco {
  grid-area: 1/3/3/4;
}
.p-ctaBox__note {
  text-align: center;
  margin-top: 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-ctaBox__deco {
  display: block;
  position: absolute;
  bottom: -190px;
  right: 34px;
  width: 17.2857142857%;
}
.p-ctaBox__link-note {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 16px;
  color: #484234;
}
.p-ctaBox__link-note .caution {
  color: #f44d4d;
}

.p-ctaLink {
  padding-bottom: 140px;
  background-color: var(--bg-color);
}
.p-ctaLink__inner.p-inner {
  width: calc(100% - 64px);
}
.p-ctaLink__contents {
  display: grid;
  grid-template-columns: 50% 46.7741935484%;
  gap: 40px;
  max-width: 1240px;
  margin: auto;
}
.p-ctaLink__box {
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  border-color: var(--cta-border);
  background: var(--cta-bg-color);
  padding: 10px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.p-ctaLink__box.-regular .p-ctaLink__link {
  background: #f44d4d;
  box-shadow: 0 6px 0 0 #fb9090;
}
.p-ctaLink__box.-regular .p-ctaLink__link .arrow::before,
.p-ctaLink__box.-regular .p-ctaLink__link .arrow::after {
  background: #f44d4d;
}
.p-ctaLink__box.-normal .p-ctaLink__link {
  background: #00b167;
  box-shadow: 0 6px 0 0 #9fd8a5;
}
.p-ctaLink__box.-normal .p-ctaLink__link .arrow::before,
.p-ctaLink__box.-normal .p-ctaLink__link .arrow::after {
  background: #00b167;
}
.p-ctaLink__img {
  margin-bottom: 12px;
  max-width: 420px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.p-ctaLink__img.-long {
  max-width: 521px;
  margin-left: 8.3333333333%;
}
.p-ctaLink__link {
  text-align: center;
  border-radius: 10px;
  color: #fff580;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  padding: 16px;
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 16px;
  position: relative;
}
.p-ctaLink__link .circle {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  right: 20px;
}
.p-ctaLink__link .circle .arrow {
  position: absolute;
  inset: 0;
  margin: auto;
  display: inline-block;
  width: 11px;
  height: 6px;
}
.p-ctaLink__link .circle .arrow::before,
.p-ctaLink__link .circle .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.75px);
  width: 1.5px;
  height: 8px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 50% calc(100% - 0.75px);
}
.p-ctaLink__link .circle .arrow::before {
  transform: rotate(46.55deg);
}
.p-ctaLink__link .circle .arrow::after {
  transform: rotate(-46.55deg);
}
.p-ctaLink__note {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}
.p-ctaLink__note .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
.p-ctaLink__note .text:not(.-mark-no) {
  padding-left: 1em;
  text-indent: -1em;
}

.p-description {
  border-radius: 20px;
  background-image: url("/lp_media/new_lp/assets/images/common/bg_description.png");
  background-repeat: repeat-y;
  background-size: cover;
  padding: 120px 0px;
  margin-top: 69px;
  position: relative;
}
.p-description::after, .p-description::before {
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  background-color: var(--bg-color);
  z-index: -1;
}
.p-description::after {
  height: 100px;
  top: -69px;
}
.p-description::before {
  height: 100px;
  bottom: 0;
}
.p-description__top {
  position: relative;
}
.p-description__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 40px;
  color: #e9789e;
}
.p-description__title .small {
  font-size: 32px;
  color: #484234;
}
.p-description__title .sub {
  color: #484234;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
  display: block;
  margin: auto;
  margin-bottom: 3px;
  padding-bottom: 11px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 0;
  display: block;
}
.p-description__title .sub::after {
  content: "";
  background: url("/lp_media/new_lp/assets/images/common/deco_desc.svg") no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 19px;
  z-index: -1;
}
.p-description__img-text {
  display: grid;
  align-items: center;
  grid-template-columns: 50% auto;
  gap: 48px;
  margin-bottom: 120px;
}
.p-description__img {
  border-radius: 20px;
}
.p-description__text-area {
  max-width: 570px;
  margin-right: auto;
}
.p-description__catch {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 24px;
}
.p-description__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-description__deco {
  position: absolute;
  max-width: 16.4285714286%;
  bottom: -46px;
  right: -150px;
}
.p-description__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.p-description__item {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}
.p-description__item.is-open {
  padding-bottom: 30px;
}
.p-description__item.is-open::after {
  opacity: 0;
}
.p-description__item.is-open .open span:last-of-type {
  transform: rotate(0deg);
}
.p-description__item .head {
  align-items: center;
  display: grid;
  grid-template-columns: 25.25% auto;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  gap: 0px 16px;
  margin-bottom: 30px;
}
.p-description__item .head .icon {
  grid-area: 1/1/3/2;
}
.p-description__item .head .num {
  grid-area: 1/2/2/3;
  font-family: "Lexend", sans-serif;
  color: #e9789e;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
}
.p-description__item .head .title {
  color: #484234;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  grid-area: 2/2/3/3;
  margin-bottom: auto;
}
.p-description__item .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-description__item .note {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  margin-top: 32px;
}
.p-description__item .open {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 15px;
  bottom: 16px;
}
.p-description__item .open span {
  inset: 0;
  margin: auto;
  position: absolute;
  width: 15px;
  height: 1.5px;
  background-color: #e9789e;
  border-radius: 9999px;
  transition: transform 300ms ease;
}
.p-description__item .open span:last-of-type {
  transform: rotate(90deg);
}

/* 全体ラッパー */
.simplebar-track.simplebar-vertical {
  opacity: 0;
}

.simplebar-scrollbar::before {
  background: #e9789e;
  border-radius: 2px;
  top: 0;
  bottom: initial;
  height: 4px !important;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.simplebar-track {
  background: #fff;
  border-radius: 2px;
  height: 4px !important;
}

.p-goods__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.p-goods__contents {
  border-radius: 10px;
  border: 1px solid #cac5a9;
  overflow: hidden;
}
.p-goods__box {
  display: flex;
}
.p-goods__box:not(:last-of-type) {
  border-bottom: 1px solid #cac5a9;
}
.p-goods__box .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
.p-goods__box-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 20px;
  background-color: #f0e0cb;
  display: flex;
  justify-content: center;
  height: 100%;
}
.p-goods__box-item {
  padding: 20px;
  width: 100%;
}
.p-goods__box-item.-p-none {
  padding: 0;
}
.p-goods__box-list .item {
  display: flex;
}
.p-goods__box-list .item:not(:last-of-type) {
  border-bottom: 1px solid #cac5a9;
}
.p-goods__box-list .item .title {
  text-align: center;
  padding: 10px 20px;
  min-width: 120px;
  border-right: 1px solid #cac5a9;
}
.p-goods__box-list .item .content {
  padding: 10px 20px;
  text-align: right;
  width: 100%;
}
.p-goods__cate {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid #cac5a9;
  background: #fffded;
}
.p-goods__title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 9px;
}
.p-goods__img {
  filter: drop-shadow(4px 4px 10px #bfb7a5);
}
.p-goods__img-area {
  width: 243px;
  margin-bottom: 24px;
}
.p-goods__info {
  border-radius: 20px;
  border: 1px dashed #484234;
  background: #f0e0cb;
  padding: 14px 20px;
}
.p-goods__info-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-goods__info-item .name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  min-width: 64px;
}
.p-goods__info-item .content {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.p-goods__info-item .content .small {
  font-size: 14px;
  line-height: 1.8;
}
.p-goods__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.p-goods__table tr:not(:last-of-type) {
  border-bottom: 1px solid #cac5a9;
}
.p-goods__table tr td:not(:last-of-type),
.p-goods__table tr th:not(:last-of-type) {
  border-right: 1px solid #cac5a9;
}
.p-goods__table th {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 10px 20px;
  background-color: #f0e0cb;
}
.p-goods__table th.is-two {
  width: 50%;
}
.p-goods__table td {
  text-align: center;
  padding: 3px 5px;
}
.p-goods__table td.head {
  padding: 20px;
}
.p-goods__note {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

.p-goTop {
  transition: opacity 300ms ease;
  position: fixed;
  bottom: 24.5333333333vw;
  right: 8px;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
  width: 46px;
  z-index: 99;
}

.p-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  width: calc(100% - 32px);
}

.p-intro {
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/bg_intro.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 163px 0 0;
  overflow: hidden;
}
.p-intro__head {
  max-width: 862px;
  margin: auto;
  margin-bottom: 60px;
}
.p-intro__list {
  max-width: 1358px;
  margin: auto;
  margin-bottom: 37px;
  display: flex;
  gap: 12px;
}

.p-megaMenu {
  padding: 30px 0 40px;
  width: 100%;
  position: fixed;
  top: 90px;
  left: 0;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.p-megaMenu.is-show {
  opacity: 1;
  visibility: visible;
}
.p-megaMenu__inner {
  max-width: 1320px;
  width: calc(100% - 35px);
}
.p-megaMenu__link {
  color: #333333;
}
.p-megaMenu__img-area {
  border: 1px solid #d6d6d6;
  aspect-ratio: 300/185;
  position: relative;
  padding: 10px;
  margin-bottom: 8px;
}
.p-megaMenu__img {
  position: absolute;
  inset: 0;
  margin: auto;
  max-height: 142px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.p-megaMenu__title {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.p-megaMenu__cate {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: #e9789e;
}
.p-megaMenu__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.p-message {
  padding-bottom: 160px;
  background-color: var(--bg-color);
}
.p-message__inner {
  max-width: 1402px;
}

.p-mv {
  position: relative;
  padding-bottom: 27px;
  background-color: var(--bg-color);
}
.p-mv__inner {
  max-width: 1498px;
}
.p-mv__img-area {
  margin-bottom: 29px;
}
.p-mv__logo {
  max-width: 49.0654205607%;
  margin-left: 14px;
}

.p-overview {
  padding: 105px 0 100px;
  background-color: var(--bg-color);
}
.p-overview__contents {
  align-items: center;
  display: flex;
  gap: 36px;
}
.p-overview__text-area {
  width: 50%;
}
.p-overview__img-area {
  width: 47.4285714286%;
}
.p-overview__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 32px;
}
.p-overview__title .sub {
  display: block;
  color: #e9789e;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
}
.p-overview__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

.p-point {
  padding: 212px 0 160px;
  overflow: hidden;
  position: relative;
}
.p-point::after {
  content: "";
  background-color: var(--bg-color);
  height: 644px;
  width: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
}
.p-point__inner {
  max-width: 1240px;
}
.p-point__contents {
  border-radius: 20px;
  border: 1px solid #484234;
  background: url("/lp_media/new_lp/assets/images/common/bg_point.png") repeat;
  background-size: contain;
  position: relative;
  padding: 87px 80px 71px;
}
.p-point__contents::after, .p-point__contents::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.p-point__contents::before {
  aspect-ratio: 247/262;
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/bg_point01.png");
  width: 19.9193548387%;
  top: 87px;
  right: -90px;
}
.p-point__contents::after {
  aspect-ratio: 364/333;
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/bg_point02.png");
  width: 29.3548387097%;
  bottom: -35px;
  left: -188px;
}
.p-point__title {
  width: calc(100% - 32px);
  position: absolute;
  margin: auto;
  max-width: 741px;
  left: 0;
  right: 0;
  top: -62px;
}
.p-point__top {
  max-width: 679px;
  margin: auto;
  display: grid;
  grid-template-columns: 36.6715758468% auto;
  gap: 38px;
  margin-bottom: 16px;
}
.p-point__top-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
.p-point__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 86px;
  margin-bottom: 40px;
}
.p-point__item {
  display: flex;
  flex-direction: column;
}
.p-point__item .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 8px;
}
.p-point__item .title .point {
  align-items: end;
  font-family: "Lexend", sans-serif;
  margin-bottom: 4px;
  display: flex;
  gap: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.p-point__item .title .point .num {
  color: #e9789e;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}
.p-point__item .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 16px;
}
.p-point__item .foot {
  margin-top: auto;
  border-radius: 20px;
  background-color: #ffe7f0;
  padding: 16px;
  display: grid;
  grid-template-columns: 96px auto;
  gap: 0 12px;
}
.p-point__item .foot .foot__img {
  grid-area: 1/1/3/2;
}
.p-point__item .foot .foot__title {
  grid-area: 1/2/2/3;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  gap: 8px;
}
.p-point__item .foot .foot__title::before {
  content: "";
  flex-shrink: 0;
  display: block;
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_point02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 21px;
}
.p-point__item .foot .foot__text {
  grid-area: 2/2/3/3;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
.p-point__bottom {
  position: relative;
}
.p-point__bottom-text {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
}
.p-point__bottom::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  aspect-ratio: 289/81;
  background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_point.png");
  width: 26.8089053803%;
  transform: rotate(-14.18deg);
  right: -20px;
  bottom: -40px;
}

.p-product {
  padding: 240px 0 140px;
  background-color: var(--bg-color);
}
.p-product__inner {
  max-width: 1240px;
}
.p-product__content {
  gap: 80px;
}
.p-product__logo {
  margin: auto;
  margin-bottom: 8px;
  max-width: 322px;
}
.p-product__title {
  color: #e9789e;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 40px;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}

.p-tab__list {
  align-items: end;
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 48px;
  border-bottom: 1px solid #cac5a9;
  min-height: 51px;
}
.p-tab__item {
  min-width: 120px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  padding: 8px 5px;
  border-top: 1px solid #cac5a9;
  border-right: 1px solid #cac5a9;
  border-left: 1px solid #cac5a9;
  position: relative;
  transition: padding 300ms ease;
}
.p-tab__item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  bottom: -1px;
  left: 0;
  z-index: 2;
}
.p-tab__item.is-active {
  padding: 12px 5px;
}
.p-tab__item .small {
  font-size: 12px;
  line-height: 1.5;
}
.p-tab__content {
  display: flex;
}
.p-tab__panel.is-active {
  opacity: 1;
  visibility: visible;
  display: block;
}
@starting-style {
  .p-tab__panel.is-active {
    opacity: 0;
    visibility: hidden;
  }
}
.p-tab__panel.-one {
  margin: auto;
}

.p-textImg {
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 40.6562054208% 52.0684736091%;
}
.p-textImg__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.p-textImg__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

.p-useguide {
  overflow: hidden;
  background-color: #f3ede2;
  padding: 56px 0 72px;
}
.p-useguide .c-accordion__title::after, .p-useguide .c-accordion__title::before {
  right: 0;
}
.p-useguide__inner {
  position: relative;
}
.p-useguide__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 32px;
}
.p-useguide__contents {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 32px 100px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
}
.p-useguide__box:first-of-type {
  grid-area: 1/1/3/2;
}
.p-useguide__box:nth-of-type(2) {
  grid-area: 1/2/3/3;
}
.p-useguide__box:nth-of-type(3) {
  grid-area: 1/3/2/4;
}
.p-useguide__box:nth-of-type(4) {
  grid-area: 2/3/3/4;
}
.p-useguide__box-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 6px;
  border-bottom: 1px solid #484234;
  margin-bottom: 8px;
}
.p-useguide__desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 32px;
}
.p-useguide__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.p-useguide__item-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
  padding-left: 12px;
  border-left: 3px solid #484234;
}
.p-useguide__item-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}
.p-useguide__item-text:not(:last-of-type) {
  margin-bottom: 32px;
}
.p-useguide__item-text a {
  color: #e9789e;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: underline;
}
.p-useguide__item-img {
  width: auto;
  max-width: 280px;
}
.p-useguide__item-img a {
  display: block;
}
.p-useguide__img-area {
  margin-top: 32px;
}
@media screen and (min-width:768px){
  .p-about__box {
    padding-top: 70px;
  }
  .p-about__box:first-of-type::after {
    bottom: 249px;
    right: -250px;
  }
  .p-about__box:nth-of-type(2)::after {
    bottom: 106px;
    left: -250px;
  }
  .p-about__box-title .num {
    min-width: 69px;
  }
  .p-about__text-area {
    margin-top: 30px;
  }
  .p-about .grainfree__top-text-area {
    margin-top: 2px;
  }
  .p-about .grainfree__middle-head .deco {
    margin-top: 11px;
  }
  .p-lp.c-contents {
    padding-bottom: 0;
  }
  .p-ctaBanner::before {
    border-radius: 15px 0px 0px 0px;
  }
  .p-ctaBox.-main .p-ctaBox__title {
    margin-bottom: 12px;
  }
  .p-ctaBox.-main .p-ctaBox__img-area {
    max-width: 573px;
    margin-bottom: 28px;
    margin: auto;
  }
  .p-ctaBox.-main .p-ctaBox__link-area {
    align-items: flex-start;
    flex-direction: row;
  }
  .p-ctaLink__box {
    min-height: 380px;
  }
  .p-ctaLink__box.-normal .p-ctaLink__link {
    max-width: 420px;
  }
  .p-ctaLink__box.-normal .p-ctaLink__note {
    max-width: 420px;
  }
  .p-description__item .open {
    display: none;
  }
  .p-goods__box-title {
    min-width: 170px;
    border-right: 1px solid #cac5a9;
  }
  .p-goTop {
    display: none;
  }
  .p-point__top-text {
    margin-top: 24px;
  }
  .p-useguide__inner::after {
    content: "";
    background: url("/lp_media/new_lp/assets/images/common/deco_useguide.png") no-repeat;
    background-size: contain;
    position: absolute;
    aspect-ratio: 310/513;
    width: 310px;
    bottom: -133px;
    right: -110px;
    z-index: 0;
  }
  .u-disp--pcnone {
    display: none !important;
  }
}
@media screen and (min-width:768px) and (max-width: 1900px){
  .p-useguide__inner::after {
    right: 0;
  }
}
@media screen and (min-width:1100px){
  .p-tab__list {
    display: none;
  }
  .p-tab__panel.-one {
    max-width: 580px;
  }
}
@media screen and (min-width:1370px){
  .p-description__item .head .title.-nowrap {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1900px){
  .l-footer__inner::after {
    left: 0;
  }
  .p-about::after {
    left: 80px;
    top: 0;
  }
  .p-about::before {
    right: 0px;
    top: 0;
  }
  .p-about__top::after {
    right: -60px;
  }
}
@media screen and (max-width: 1900px) and (min-width:768px){
  .p-about__box:first-of-type::after {
    right: -100px;
  }
  .p-about__box:nth-of-type(2)::after {
    left: -100px;
  }
  .p-overview__title {
    font-size: clamp(
    1.5rem,
    1.131147541rem + 1.5737704918vw,
    3rem
  );
  }
  .p-overview__title .sub {
    font-size: clamp(
    1.125rem,
    1.0327868852rem + 0.393442623vw,
    1.5rem
  );
  }
}
@media screen and (max-width:1369px){
  .p-about__top::after {
    right: 0;
  }
  .p-about__list {
    margin-left: 0px;
  }
  .p-ctaBanner {
    max-width: 35%;
  }
  .p-ctaLink__img.-long {
    margin-left: auto;
  }
  .p-description__img-text {
    margin-bottom: 200px;
  }
  .p-description__deco {
    right: 0;
    bottom: -180px;
  }
  .p-mv {
    padding-top: 3.90625%;
  }
  .p-point__contents::before {
    right: -30px;
    top: -50px;
  }
  .p-point__contents::after {
    left: -80px;
    bottom: -140px;
  }
}
@media screen and (max-width:1369px) and (min-width:768px){
  .p-about__title .sub {
    font-size: clamp(
    1rem,
    0.7173366834rem + 1.2060301508vw,
    1.75rem
  );
  }
  .p-about__title .main {
    font-size: clamp(
    2rem,
    1.3404522613rem + 2.8140703518vw,
    3.75rem
  );
  }
  .p-about__box-title .num {
    font-size: clamp(
    1.75rem,
    1.2317839196rem + 2.2110552764vw,
    3.125rem
  );
  }
  .p-about__box-title .main {
    font-size: clamp(
    1.5rem,
    0.9346733668rem + 2.4120603015vw,
    3rem
  );
  }
  .p-about__catch {
    font-size: clamp(
    1.25rem,
    0.9673366834rem + 1.2060301508vw,
    2rem
  );
  }
  .p-about .grainfree__top-catch {
    font-size: clamp(
    1.125rem,
    0.7952261307rem + 1.4070351759vw,
    2rem
  );
  }
  .p-about .grainfree__middle-title {
    font-size: clamp(
    1.5rem,
    0.9346733668rem + 2.4120603015vw,
    3rem
  );
  }
  .p-about .grainfree__middle-foot {
    font-size: clamp(
    1.25rem,
    0.9673366834rem + 1.2060301508vw,
    2rem
  );
  }
  .p-about .grainfree__bottom-title {
    font-size: clamp(
    1.5rem,
    0.9346733668rem + 2.4120603015vw,
    3rem
  );
  }
  .p-about .grainfree__frame {
    font-size: clamp(
    1.125rem,
    0.8894472362rem + 1.0050251256vw,
    1.75rem
  );
  }
  .p-about .grainfree__frame .highlight {
    font-size: clamp(
    1.25rem,
    0.7788944724rem + 2.0100502513vw,
    2.5rem
  );
  }
  .p-ctaBox__title {
    font-size: clamp(
    1.125rem,
    0.7952261307rem + 1.4070351759vw,
    2rem
  );
  }
  .p-textImg__title {
    font-size: clamp(
    1.75rem,
    1.4673366834rem + 1.2060301508vw,
    2.5rem
  );
  }
}
@media screen and (max-width:1099px){
  .p-about .grainfree__title {
    margin-bottom: 80px;
  }
  .p-about .grainfree__top {
    gap: 24px;
    margin-bottom: 80px;
  }
  .p-ctaBox__contents {
    padding: 100px 140x;
    gap: 0px 25px;
    border-radius: 10px;
  }
  .p-description__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-megaMenu__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .p-point__contents {
    padding: 87px 40px 71px;
  }
  .p-point__contents::before {
    content: none;
  }
  .p-point__list {
    display: flex;
    flex-direction: column;
    gap: 54px;
    margin-bottom: 48px;
  }
  .p-tab__panel {
    display: none;
    transition: opacity 300ms ease, visibility 300ms ease;
  }
  .p-useguide__contents {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 40px;
  }
  .p-useguide__box:first-of-type {
    grid-area: 1/1/2/2;
    grid-row: span 3;
  }
  .p-useguide__box:nth-of-type(2) {
    grid-area: 2/1/3/2;
    grid-row: span 2;
  }
  .p-useguide__box:nth-of-type(3) {
    grid-area: 1/2/2/3;
  }
  .p-useguide__box:nth-of-type(4) {
    grid-area: 2/2/3/3;
  }
}
@media screen and (max-width:767px){
  .l-footer {
    padding-bottom: 96px;
  }
  .l-footer__inner::after {
    aspect-ratio: 109/141;
    width: 109px;
    right: -33px;
    left: initial;
    bottom: 105px;
  }
  .l-footer__nav {
    margin-bottom: 64px;
  }
  .l-footer__top-list {
    flex-direction: column;
    justify-content: left;
    margin-bottom: 40px;
  }
  .l-footer__top-link {
    line-height: 1.8;
  }
  .l-footer__bottom-list {
    gap: 24px 27px;
    display: grid;
    grid-template-columns: 41.9825072886% auto;
    justify-content: initial;
  }
  .l-footer__copyright {
    font-size: 12px;
  }
  .l-header__contents {
    padding: 9px 0;
  }
  .l-header__logo {
    width: 112px;
  }
  .l-header__btn {
    gap: 6px;
    font-size: 12px;
    margin-right: 19px;
  }
  .l-header__login {
    font-size: 12px;
    max-width: 80px;
    margin-right: 8px;
    padding: 6px 7px;
  }
  .l-header__cart {
    width: 32px;
    height: 32px;
  }
  .l-header__cart-icon {
    width: 16px;
  }
  .c-accordion [data-accordion-content] {
    height: 0;
    overflow: hidden;
    transition: height ease 300ms;
  }
  .c-accordion [data-accordion][data-is-open=true] > [data-accordion-content] {
    height: auto;
  }
  .c-accordion [data-accordion][data-is-open=true] > [data-accordion-switch]::after {
    transform: rotate(0deg);
  }
  .c-accordion__title {
    position: relative;
  }
  .c-accordion__title::after, .c-accordion__title::before {
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background-color: #484234;
    width: 13px;
    height: 1.5px;
    border-radius: 9999px;
    display: block;
    transition: transform 300ms ease;
  }
  .c-accordion__title::after {
    transform: rotate(90deg);
  }
  .p-about {
    padding: 40px 0 0;
  }
  .p-about::after {
    background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about01_sp.png");
    aspect-ratio: 96/80;
    width: 96px;
    height: 80px;
    left: 15px;
    top: -25px;
  }
  .p-about::before {
    background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about02_sp.png");
    aspect-ratio: 80/112;
    width: 80px;
    height: 112px;
    top: -50px;
    right: 15px;
  }
  .p-about__title {
    margin-bottom: 24px;
  }
  .p-about__title .sub {
    font-size: 16px;
  }
  .p-about__title .main {
    font-size: 32px;
  }
  .p-about__top::after {
    aspect-ratio: 121/166;
    width: 121px;
    bottom: -192px;
  }
  .p-about__top {
    margin-bottom: 184px;
  }
  .p-about__box:first-of-type::after {
    background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about04_sp.png");
    aspect-ratio: 82/100;
    width: 82px;
    left: -25px;
    top: -132px;
  }
  .p-about__box:nth-of-type(2)::after {
    background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_about04_sp.png");
    aspect-ratio: 82/100;
    width: 82px;
    right: -16px;
    top: -49px;
  }
  .p-about__box:not(:last-of-type) {
    margin-bottom: 60px;
  }
  .p-about__box-title {
    margin-bottom: 40px;
  }
  .p-about__box-title .num {
    font-size: 28px;
  }
  .p-about__box-title .main {
    font-size: 24px;
    margin-left: 8px;
    padding-left: 16px;
  }
  .p-about__list {
    margin-left: 0px;
    gap: 56px;
  }
  .p-about__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .p-about__catch {
    gap: 4px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.6;
  }
  .p-about__catch::before {
    width: 32px;
    height: 32px;
  }
  .p-about .grainfree {
    padding: 12px 0 80px;
  }
  .p-about .grainfree__title {
    margin-bottom: 40px;
  }
  .p-about .grainfree__title .main {
    letter-spacing: 0.07em;
  }
  .p-about .grainfree__top {
    display: flex;
    margin-bottom: 56px;
    flex-direction: column-reverse;
    gap: 24px;
  }
  .p-about .grainfree__top-img-area {
    max-width: 200px;
    margin: auto;
  }
  .p-about .grainfree__top-catch {
    text-align: center;
    font-size: 18px;
    margin-bottom: 16px;
  }
  .p-about .grainfree__middle {
    margin-bottom: 16px;
  }
  .p-about .grainfree__middle-head {
    padding: 10px 29px;
    margin-bottom: 32px;
  }
  .p-about .grainfree__middle-head .deco {
    width: 8px;
  }
  .p-about .grainfree__middle-head .deco::after, .p-about .grainfree__middle-head .deco::before {
    height: 8px;
  }
  .p-about .grainfree__middle-title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 1.2;
  }
  .p-about .grainfree__middle-text {
    font-size: 14px;
    line-height: 1.8;
  }
  .p-about .grainfree__middle-text .bold {
    font-size: 18px;
  }
  .p-about .grainfree__middle-foot {
    margin-bottom: 28px;
    padding-bottom: 40px;
    font-size: 20px;
  }
  .p-about .grainfree__middle-foot::after {
    width: 59px;
    height: 21px;
  }
  .p-about .grainfree__middle-img-area {
    max-width: 375px;
    margin: auto;
  }
  .p-about .grainfree__bottom-title {
    font-size: 24px;
    line-height: 1.8;
    margin-bottom: 16px;
  }
  .p-about .grainfree__frame {
    width: 100%;
    text-align: center;
    border-radius: 30px;
    padding: 20px;
    font-size: 18px;
    line-height: 1.8;
  }
  .p-about .grainfree__frame .highlight {
    font-size: 20px;
    line-height: 1.6;
  }
  .p-lp {
    padding: 0;
    padding-bottom: 80px;
  }
  .p-lp .radio-group {
    flex-direction: column;
  }
  .p-lp .radio-container {
    max-width: 315px;
  }
  .p-lp .radio-container label {
    font-size: 16px;
    padding: 10px;
  }
  .p-ctaBanner {
    width: 100%;
    max-width: none;
  }
  .p-ctaBox.-main {
    padding: 80px 0px 32px;
  }
  .p-ctaBox.-main .p-ctaBox__link-area {
    gap: 16px;
    flex-direction: column;
  }
  .p-ctaBox__contents {
    flex-direction: column;
    display: flex;
    padding: 28px 16px;
  }
  .p-ctaBox__contents .p-ctaBox__title {
    order: 1;
  }
  .p-ctaBox__contents .p-ctaBox__link-area {
    order: 3;
  }
  .p-ctaBox__contents .p-ctaBox__img-area {
    order: 2;
    max-width: 250px;
    margin: 24px 0px;
  }
  .p-ctaBox__title {
    font-size: 18px;
    margin-bottom: 0;
    letter-spacing: 0.07em;
  }
  .p-ctaBox__link-area {
    flex-direction: column-reverse;
    gap: 12px;
  }
  .p-ctaBox__img-area {
    max-width: 260px;
    margin: auto;
  }
  .p-ctaBox__banner {
    order: 3;
    grid-template-columns: auto 24.4372990354%;
    position: relative;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 18px;
    gap: 0;
  }
  .p-ctaBox__banner .icon {
    grid-area: 1/2/3/3;
  }
  .p-ctaBox__banner .title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-area: 1/1/2/2;
    font-size: 18px;
    margin-left: 0;
    margin-bottom: 8px;
    position: relative;
    letter-spacing: 0.07em;
  }
  .p-ctaBox__banner .title::after {
    content: "";
    transform: rotate(-3.69deg);
    background: url("/lp_media/new_lp/assets/images/common/img_cta_banner02.png") no-repeat;
    background-size: contain;
    width: 34px;
    height: 40px;
    position: absolute;
    right: -40px;
  }
  .p-ctaBox__banner .text {
    grid-area: 2/1/3/2;
    font-size: 14px;
    line-height: 1.69;
    margin-left: 0;
  }
  .p-ctaBox__banner .deco {
    display: none;
  }
  .p-ctaBox__note {
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
    margin-top: 9px;
  }
  .p-ctaBox__deco {
    position: static;
    width: 163px;
    margin-left: auto;
    margin-top: 24px;
  }
  .p-ctaBox__link-note {
    font-size: 12px;
    margin-top: 8px;
  }
  .p-ctaLink {
    padding-bottom: 60px;
  }
  .p-ctaLink.-bottom {
    padding-bottom: 80px;
  }
  .p-ctaLink__contents {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .p-ctaLink__box {
    padding: 16px;
    border-radius: 10px;
    border-width: 2px;
  }
  .p-ctaLink__img {
    margin-bottom: 11px;
  }
  .p-ctaLink__link {
    font-size: 24px;
    margin-bottom: 12px;
    padding: 11px;
  }
  .p-ctaLink__link .circle {
    width: 24px;
    height: 24px;
    right: 14px;
  }
  .p-ctaLink__link .circle .arrow {
    width: 7px;
    height: 4px;
  }
  .p-ctaLink__link .circle .arrow::before,
.p-ctaLink__link .circle .arrow::after {
    height: 5.2px;
  }
  .p-ctaLink__link .circle .arrow::before {
    transform: rotate(47.75deg);
  }
  .p-ctaLink__link .circle .arrow::after {
    transform: rotate(-47.75deg);
  }
  .p-ctaLink__note {
    max-width: none;
  }
  .p-ctaLink__note .text {
    font-size: 12px;
    line-height: 1.5;
  }
  .p-description {
    margin-top: 0;
    padding: 72px 0px 68px;
    background-image: url("/lp_media/new_lp/assets/images/common/bg_description_sp.png");
    background-repeat: repeat;
    background-size: 100%;
  }
  .p-description__title {
    font-size: 28px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .p-description__title .small {
    font-size: 18px;
    line-height: 1.8;
  }
  .p-description__title .sub::after {
    height: 15px;
  }
  .p-description__title .sub {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 3px;
    margin-bottom: 2px;
  }
  .p-description__img-text {
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
    margin-bottom: 234px;
  }
  .p-description__img-area {
    min-width: 700px;
    padding-bottom: 16px;
  }
  .p-description__img-scroll {
    width: 100%;
    overflow-x: scroll;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /*------------------------
    Firefoxの設定
    ------------------------*/
  }
  .p-description__img-scroll::-webkit-scrollbar {
    display: none;
  }
  .p-description__catch {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 14px;
  }
  .p-description__deco {
    right: -1px;
    bottom: -190px;
    max-width: 161px;
  }
  .p-description__list {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
  .p-description__item {
    transition: padding-bottom 300ms ease;
    padding: 16px;
    padding-bottom: 45px;
  }
  .p-description__item::after {
    transition: opacity 300ms ease;
    content: "";
    height: 64px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .p-description__item .head {
    grid-template-columns: 54px auto;
    margin-bottom: 16px;
  }
  .p-description__item .head .num {
    font-size: 16px;
  }
  .p-description__item .head .title {
    font-size: 20px;
    line-height: 1.6;
  }
  .p-description__item .text-area {
    height: 64px;
    transition: height 300ms ease;
    overflow: hidden;
  }
  .p-description__item .text {
    font-size: 14px;
    line-height: 1.8;
  }
  .p-description__item .note {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 28px;
  }
  .p-goods__head {
    margin-bottom: 40px;
  }
  .p-goods__box:not(:last-of-type) {
    border-bottom: none;
  }
  .p-goods__box:not(:last-of-type) .p-goods__box-item {
    border-top: 1px solid #cac5a9;
  }
  .p-goods__box:last-of-type .p-goods__box-item {
    border-top: 1px solid #cac5a9;
  }
  .p-goods__box:not(:first-of-type) .p-goods__box-title {
    border-top: 1px solid #cac5a9;
  }
  .p-goods__box {
    flex-direction: column;
  }
  .p-goods__box-title {
    padding: 12px 16px;
    justify-content: left;
  }
  .p-goods__box-item {
    padding: 16px;
  }
  .p-goods__box-list .item .title {
    padding: 10px 16px;
  }
  .p-goods__box-list .item .content {
    padding: 10px 16px;
  }
  .p-goods__cate {
    font-size: 12px;
    margin-bottom: 0;
  }
  .p-goods__title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .p-goods__img-area {
    width: 194px;
    margin-bottom: 32px;
  }
  .p-goods__info-item:not(:last-of-type) {
    margin-bottom: 4px;
  }
  .p-goods__note {
    margin-top: 16px;
    font-size: 12px;
  }
  .p-intro {
    padding: 39px 0 0;
    background-image: url("/lp_media/new_lp/assets/images/sakura-food/bg_intro_sp.png");
    background-size: 1125px;
    background-position: 50% 0%;
  }
  .p-intro__head {
    max-width: 342px;
    margin-bottom: 20px;
  }
  .p-intro__list {
    grid-template-columns: repeat(2, 136px);
    display: grid;
    margin-bottom: 0px;
    gap: 0px 39px;
    justify-content: center;
  }
  .p-intro__item {
    max-width: 136px;
  }
  .p-intro__item:nth-of-type(3) {
    grid-column: 1/-1;
    justify-self: center;
    transform: translateY(-23px);
  }
  .p-intro__item:nth-child(4), .p-intro__item:nth-child(5) {
    transform: translateY(-50px);
  }
  .p-intro__img {
    display: flex;
    justify-content: center;
    margin-top: -30px;
  }
  .p-intro__img img {
    width: 900px;
  }
  .p-megaMenu {
    top: 50px;
    padding: 16px 0 20px;
  }
  .p-megaMenu__img-area {
    aspect-ratio: 160/92;
  }
  .p-megaMenu__title {
    font-size: 12px;
    line-height: 1.8;
  }
  .p-megaMenu__cate {
    font-size: 10px;
  }
  .p-message {
    padding-bottom: 80px;
  }
  .p-mv {
    padding-top: 51px;
    padding-bottom: 0;
  }
  .p-mv__img-area {
    margin: 0 calc(50% - 50vw);
    margin-bottom: 48px;
    width: 100vw;
  }
  .p-mv__logo {
    max-width: 258px;
    margin-left: 0;
  }
  .p-overview {
    padding: 48px 0 58px;
  }
  .p-overview__contents {
    gap: 44px;
    flex-direction: column;
  }
  .p-overview__text-area {
    width: 100%;
  }
  .p-overview__img-area {
    width: 100%;
  }
  .p-overview__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.8;
  }
  .p-overview__title .sub {
    font-size: 18px;
  }
  .p-point::after {
    height: 1266px;
  }
  .p-point {
    padding: 111px 0 247px;
  }
  .p-point__contents {
    border-radius: 10px;
    padding: 88px 16px 29px;
    background-size: 320%;
  }
  .p-point__contents::after {
    aspect-ratio: 240/219;
    width: 240px;
    bottom: -167px;
    left: -47px;
  }
  .p-point__title {
    max-width: 292px;
    top: -23px;
  }
  .p-point__top {
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 54px;
  }
  .p-point__top-text {
    font-size: 12px;
  }
  .p-point__top-img {
    max-width: 249px;
  }
  .p-point__item .title {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .p-point__item .title .point {
    line-height: 1.3;
    margin-bottom: 8px;
  }
  .p-point__item .title .point .num {
    font-size: 32px;
  }
  .p-point__item .text {
    margin-bottom: 20px;
  }
  .p-point__item .foot {
    border-radius: 10px;
    grid-template-columns: 68px auto;
    align-items: center;
  }
  .p-point__item .foot .foot__img {
    grid-area: 1/1/2/2;
    margin-left: 10px;
    max-width: 60px;
  }
  .p-point__item .foot .foot__title {
    line-height: 1.6;
    margin-bottom: 0;
    gap: 7px;
  }
  .p-point__item .foot .foot__title::before {
    width: 17px;
    height: 18px;
    margin-top: 4px;
  }
  .p-point__item .foot .foot__text {
    grid-area: 2/1/3/3;
    margin-top: 8px;
  }
  .p-point__bottom-text {
    text-align: initial;
    font-size: 18px;
  }
  .p-point__bottom::after {
    display: block;
    position: static;
    background-image: url("/lp_media/new_lp/assets/images/sakura-food/deco_point_sp.png");
    transform: rotate(0deg);
    aspect-ratio: 193/86;
    width: 193px;
    margin-top: 13px;
    margin-right: -7px;
    margin-left: auto;
  }
  .p-product {
    padding: 64px 0px 80px;
  }
  .p-product__logo {
    margin-bottom: 16px;
    max-width: 200px;
  }
  .p-product__title {
    font-size: 18px;
    margin-bottom: 56px;
  }
  .p-textImg {
    gap: 28px;
    display: flex;
    flex-direction: column;
  }
  .p-textImg__title {
    font-size: 28px;
    line-height: 1.7;
    margin-bottom: 20px;
    letter-spacing: 0.07em;
  }
  .p-useguide {
    padding: 56px 0px 48px;
  }
  .p-useguide__title {
    line-height: 1.2;
  }
  .p-useguide__contents {
    display: flex;
    flex-direction: column;
  }
  .p-useguide__box-title {
    line-height: 1.6;
  }
  .p-useguide__desc {
    font-size: 14px;
    line-height: 1.8;
  }
  .p-useguide__list {
    margin-bottom: 40px;
  }
  .p-useguide__item-title {
    line-height: 1.8;
  }
  .p-useguide__item-text {
    font-size: 14px;
    line-height: 1.8;
  }
  .p-useguide__item-text a {
    font-size: 14px;
  }
  .u-disp--spnone {
    display: none !important;
  }
}
@media screen and (max-width:767px) and (max-width:767px){
  .c-accordion__title::after, .c-accordion__title::before {
    right: 16px;
  }
}
@media screen and (max-width:639px){
  .p-about .grainfree__middle-img-area {
    max-width: 109.3294460641%;
  }
  .p-megaMenu__img {
    max-height: 71px;
  }
}
@media (hover: hover) and (pointer: fine){
  a:hover {
    opacity: 0.7;
  }
  .l-header__btn:hover {
    opacity: 0.7;
  }
}