@charset "UTF-8";
:root {
  /* width */
  --pd_inner: 2rem;
  --pd_inner_sp: 1rem;
  /* box-shadow */
  --box-shadow_01: 0px 0px 10px rgba(56, 40, 27, 0.1);
}

/* resset.dev • v5.0.2 */
/* # =================================================================
   # 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;
  tab-size: 4;
}

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

::before,
::after {
  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;
  text-decoration: none;
}

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

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
    monospace; /* Correct the inheritance and scaling of font size in all browsers */
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

small {
  font-size: 80%;
}

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 Chrome and Safari */
  text-indent: 0; /* Remove text indentation in Chrome and Safari */
}

/* # =================================================================
     # Forms
     # ================================================================= */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* Inherit font family */
  font-size: 100%; /* Inherit font size */
  line-height: 1.15; /* Inherit line height */
  margin: 0; /* Remove the margin in Firefox and Safari */
}

button,
select {
  /* 1 */
  text-transform: none; /* Remove the inheritance of text transform in Edge and Firefox */
}

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

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

/* Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

/* Remove the inner border and padding in Firefox. */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Remove the additional :invalid styles in Firefox. */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Add the correct display in Chrome and Safari. */
summary {
  display: list-item;
}

/* my-reset */
ol,
ul,
li {
  list-style: none;
}

address {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

:where(input[type='date'], input[type='time'], input[type='datetime-local']) {
  -webkit-appearance: none;
  height: 4.229375rem;
}

input[type='date']::-webkit-date-and-time-value,
input[type='time']::-webkit-date-and-time-value {
  text-align: left;
}

/* スピンボタン非表示 Chrome, Safari */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* スピンボタン非表示d FireFox, IE */
input[type='number'] {
  -moz-appearance: textfield;
}

/* summaryタグ */
summary {
  display: block;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

/* base */
:root {
  interpolate-size: allow-keywords;
}

html {
  scroll-behavior: smooth;
}
html.is_drawerOpen,
body.is_drawerOpen {
  overflow-y: hidden;
}

body {
  color: var(--wp--preset--color--text-variations);
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  line-height: 1.8;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  font-size: var(--wp--preset--font-size--medium);
  overflow-x: clip;
  overflow-wrap: anywhere;
  background-color: var(--wp--preset--color--base);
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  letter-spacing: 0;
  font-family: var(--wp--preset--font-family--shippori-mincho);
  line-height: 1.3;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease-in-out;
}
a:visited {
  color: currentColor;
}

picture {
  display: block;
  width: 100%;
  height: 100%;
}

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

/* m-plus-1-latin-700-normal */
@keyframes mv-pan-left {
  0% {
    transform: scale(1.06) translateX(3%);
  }
  100% {
    transform: scale(1.06) translateX(0%);
  }
}
/*
	汎用レイアウト
*/
.ly_frontCont_inner {
  padding: 0 var(--pd_inner) 0;
  width: 100%;
  margin-inline: auto;
  max-width: calc(1727px + var(--pd_inner) * 2);
}

.ly_pageCont_inner {
  max-width: calc(1472px + var(--pd_inner) * 2);
  padding: 0 var(--pd_inner) 0;
  width: 100%;
  margin-inline: auto;
}

.ly_pageCont_inner.ly_pageCont_inner__2col {
  display: grid;
  grid-template-columns: 20rem 1fr;
  column-gap: 2rem;
}
.ly_pageCont_inner.ly_pageCont_inner__2col > * {
  min-width: 0;
}

.ly_2colGridUnit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ly_2colGridUnit > * {
  min-width: 0;
}

.ly_3colGridUnit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.ly_3colGridUnit > * {
  min-width: 0;
}

.ly_3colGridUnit.ly_3colGridUnit__collection {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 2rem;
  row-gap: 2.5rem;
}

.ly_3colFlexUnit {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1.5rem;
  justify-content: center;
}
.ly_3colFlexUnit > * {
  min-width: 0;
}

.ly_sec {
  padding-block: 6.5rem;
}
.ly_sec + .ly_sec {
  position: relative;
}
.ly_sec + .ly_sec::before {
  content: '';
  display: block;
  width: min(1536px, 100% - 32px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
}
.ly_sec + .ly_sec.ly_sec__hasBgImage {
  padding-block-start: initial;
}
.ly_sec + .ly_sec.ly_sec__hasBgImage::before {
  content: none;
}

.ly_main > *:last-child {
  padding-block-end: 8.75rem;
}

/* --------------------------------
 * ラベル/強調文/タイトル
 * -------------------------------- */
.el_label {
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1;
  letter-spacing: 0;
  color: var(--wp--preset--color--primary);
}
.el_label:has(.num) {
  font-size: 1.25rem;
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  line-height: 1.7;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  column-gap: 4px;
  white-space: nowrap;
}
.el_label:has(.num) .num {
  font-size: 1.88rem;
  letter-spacing: 0;
  line-height: 1.4;
}

.el_pageTtl {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 600;
  font-size: clamp(2rem, 1.2155172414rem + 2.41vw, 2.875rem);
  line-height: 1.3;
  color: #222222;
}

.el_heading_lv2,
.el_heading_lv3,
.el_heading_lv4 {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--wp--preset--color--text-main);
}

.el_heading_lv2 {
  font-size: var(--wp--preset--font-size--xxx-large);
}

.el_heading_lv3 {
  font-size: var(--wp--preset--font-size--xx-large);
}

.ly_pageCont_side .el_heading_lv2 {
  margin-top: 1.25rem;
  line-height: 1.8;
}

.el_contentLead {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  color: var(--wp--preset--color--text-main);
}

.el_linkText {
  transition: all 0.3s ease-in-out;
}
.el_linkText:visited {
  color: currentColor;
}
.el_linkText:hover,
.el_linkText:focus-visible {
  color: var(--wp--preset--color--primary);
}
.el_linkText:has(i) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.el_linkText:has(i) i {
  transition: all 0.3s ease-in-out;
  display: block;
  width: 2.44rem;
  aspect-ratio: 39/32;
  border-radius: 5px;
  position: relative;
  background-color: var(--wp--preset--color--primary-lighter);
}
.el_linkText:has(i) i::after {
  content: '';
  display: block;
  width: 0.56rem;
  aspect-ratio: 1/1;
  border-right: 1px solid var(--wp--preset--color--primary);
  border-bottom: 1px solid var(--wp--preset--color--primary);
  position: absolute;
  translate: -50% -50%;
  rotate: -45deg;
  top: 50%;
  left: 45%;
}
.el_linkText:has(i):hover i,
.el_linkText:has(i):focus-visible i {
  background-color: var(--wp--preset--color--primary);
}
.el_linkText:has(i):hover i::after,
.el_linkText:has(i):focus-visible i::after {
  border-right: 1px solid var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--white);
}

.el_icon {
  transition: all 0.3s ease-in-out;
  display: block;
  width: 2.44rem;
  aspect-ratio: 39/32;
  border-radius: 5px;
  position: relative;
  background-color: var(--wp--preset--color--primary-lighter);
}
.el_icon::after {
  content: '';
  display: block;
  width: 0.56rem;
  aspect-ratio: 1/1;
  border-right: 1px solid var(--wp--preset--color--primary);
  border-bottom: 1px solid var(--wp--preset--color--primary);
  position: absolute;
  translate: -50% -50%;
  rotate: -45deg;
  top: 50%;
  left: 45%;
}
.el_icon:hover,
.el_icon:focus-visible {
  background-color: var(--wp--preset--color--primary);
}
.el_icon:hover::after,
.el_icon:focus-visible::after {
  border-right: 1px solid var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--white);
}

.el_tag {
  display: inline-block;
  width: fit-content;
  padding: 0.14em 0.43em;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 500;
  color: var(--wp--preset--color--text-main);
  line-height: 1.8;
  border: 1px solid #b5b39f;
  background-color: var(--wp--preset--color--white);
  border-radius: 5px;
}

.el_cat {
  color: var(--wp--preset--color--white);
  line-height: 1;
  text-align: center;
  background-color: #3b7241;
  padding: 0.5em;
  border-radius: 4px;
  font-weight: 400;
  min-width: 6rem;
}

/* --------------------------------
 * ボタン
 * -------------------------------- */
.el_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.63em;
  width: min(440px, 100%);
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 10px;
  padding: 1.88em 1.5em;
  font-size: var(--wp--preset--font-size--large);
  transition: all 0.3s ease-in-out;
  line-height: 1.3;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
}
.el_btn i {
  display: block;
  flex: 0 0 39px;
  aspect-ratio: 39/32;
  border-radius: 5px;
  position: relative;
}
.el_btn i::after {
  content: '';
  display: block;
  width: 0.56rem;
  aspect-ratio: 1/1;
  border-right: 1px solid var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--white);
  position: absolute;
  translate: -50% -50%;
  rotate: -45deg;
  top: 50%;
  left: 45%;
}
.el_btn:visited {
  color: currentColor;
}
.el_btn.el_btn__outline {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
}
.el_btn.el_btn__outline i {
  background: var(--wp--preset--color--primary-lighter);
}
.el_btn.el_btn__outline i::after {
  border-right: 1px solid var(--wp--preset--color--primary);
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.el_btn.el_btn__outline:hover,
.el_btn.el_btn__outline:focus-visible {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.el_btn.el_btn__primary {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.el_btn.el_btn__primary i {
  background: var(--wp--preset--color--primary-light);
}
.el_btn.el_btn__primary:hover,
.el_btn.el_btn__primary:focus-visible {
  background-color: var(--wp--preset--color--primary-lighter);
  color: var(--wp--preset--color--primary);
}
.el_btn.el_btn__primary:hover i,
.el_btn.el_btn__primary:focus-visible i {
  background: var(--wp--preset--color--primary);
}
.el_btn.el_btn__accent {
  border-color: var(--wp--preset--color--accent);
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--white);
}
.el_btn.el_btn__accent i {
  background: var(--wp--preset--color--accent-light);
}
.el_btn.el_btn__accent i::after {
  border-right-color: var(--wp--preset--color--white);
  border-bottom-color: var(--wp--preset--color--white);
}
.el_btn.el_btn__accent:hover,
.el_btn.el_btn__accent:focus-visible {
  background-color: var(--wp--preset--color--accent-lighter);
  color: var(--wp--preset--color--accent);
}
.el_btn.el_btn__accent:hover i,
.el_btn.el_btn__accent:focus-visible i {
  background: var(--wp--preset--color--accent);
}

.el_header_btn {
  width: fit-content;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 10px;
  padding: 0.63em 2.5em;
  font-size: var(--wp--preset--font-size--medium);
  transition: all 0.3s ease-in-out;
  line-height: 1.3;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  white-space: nowrap;
}
.el_header_btn:visited {
  color: currentColor;
}
.el_header_btn.el_header_btn__outline {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
}
.el_header_btn.el_header_btn__outline:hover,
.el_header_btn.el_header_btn__outline:focus-visible {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.el_header_btn.el_header_btn__primary {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.el_header_btn.el_header_btn__primary:hover,
.el_header_btn.el_header_btn__primary:focus-visible {
  background-color: var(--wp--preset--color--primary-white);
  color: var(--wp--preset--color--primary);
}

/* --------------------------------
 * ページトップボタン
 * -------------------------------- */
.bl_pageTopBtnWrap {
  position: fixed;
  right: 2.08vw;
  bottom: 1.5rem;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  translate: 0 1rem;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.bl_pageTopBtnWrap.is_active {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  pointer-events: auto;
}
.bl_pageTopBtnWrap.is_footerOverlap .bl_pageTopBtn_txt {
  color: var(--wp--preset--color--white);
}

.bl_pageTopBtn {
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
}
.bl_pageTopBtn .el_icon {
  width: 24px;
  height: 20px;
  border-radius: 2px;
  padding: 5px;
}
.bl_pageTopBtn .el_icon::after {
  rotate: -135deg;
  top: 63%;
  left: 50%;
}
.bl_pageTopBtn:hover .el_icon,
.bl_pageTopBtn:focus-visible .el_icon {
  background-color: var(--wp--preset--color--primary);
}
.bl_pageTopBtn:hover .el_icon::after,
.bl_pageTopBtn:focus-visible .el_icon::after {
  border-right: 1px solid var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--white);
}

.bl_pageTopBtn_txt {
  text-transform: uppercase;
  writing-mode: vertical-lr;
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  font-size: var(--wp--preset--font-size--large);
  line-height: 1;
  letter-spacing: 0.1em;
  color: #444444;
}

/* --------------------------------
 * パンくずリスト
 * -------------------------------- */
.bl_breadcrumbWrap {
  overflow-x: auto;
  margin-bottom: 0.25rem;
}

.bl_breadcrumb_list {
  display: flex;
  align-items: center;
}

.bl_breadcrumb_item + .bl_breadcrumb_item {
  position: relative;
  padding-left: 2.5rem;
}
.bl_breadcrumb_item + .bl_breadcrumb_item::before {
  content: '';
  display: block;
  width: 0.63rem;
  aspect-ratio: 1/1;
  rotate: -45deg;
  border-right: 1px solid var(--wp--preset--color--text-variations);
  border-bottom: 1px solid var(--wp--preset--color--text-variations);
  position: absolute;
  top: 50%;
  left: 0.63rem;
  translate: 0 -50%;
}
.bl_breadcrumb_item:last-of-type .bl_breadcrumb_ttl {
  white-space: nowrap;
  color: var(--wp--preset--color--primary);
  font-weight: 700;
}

.bl_breadcrumb_link {
  transition: all 0.3s ease-in-out;
}
.bl_breadcrumb_link:hover,
.bl_breadcrumb_link:focus-visible {
  color: var(--wp--preset--color--primary);
}

.bl_breadcrumb_ttl {
  white-space: nowrap;
}

/* --------------------------------
 * バナー
 * -------------------------------- */
.bl_banner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.bl_banner > * {
  min-width: 0;
}
.bl_banner .bl_banner_imgWrap {
  grid-area: 1/1/-1/-1;
  z-index: 1;
}
.bl_banner .bl_banner_content {
  grid-area: 1/1/-1/-1;
  z-index: 2;
}
.bl_banner[href] {
  transition: all 0.3s ease-in-out;
}
.bl_banner[href]:hover .bl_banner_ttl,
.bl_banner[href]:focus-visible .bl_banner_ttl {
  background-color: var(--wp--preset--color--primary-lighter);
}
.bl_banner[href]:hover .el_icon,
.bl_banner[href]:focus-visible .el_icon {
  background-color: var(--wp--preset--color--primary);
}
.bl_banner[href]:hover .el_icon::after,
.bl_banner[href]:focus-visible .el_icon::after {
  border-right: 1px solid var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--white);
}
.bl_banner.bl_banner__recipe .bl_banner_imgWrap {
  border-radius: 8px;
  aspect-ratio: 282/231;
}
.bl_banner.bl_banner__recipe .bl_banner_content {
  padding: 1rem;
  align-content: space-between;
  grid-template-rows: auto auto;
}
.bl_banner.bl_banner__recipe .bl_banner_ttl {
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.9);
}
.bl_banner.bl_banner__recipe p {
  font-weight: 500;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.8;
  color: var(--wp--preset--color--text-main);
}
.bl_banner.bl_banner__recipe:hover .bl_banner_ttl,
.bl_banner.bl_banner__recipe:focus-visible .bl_banner_ttl {
  background-color: hsla(99, 32%, 84%, 0.9);
}

.bl_banner_imgWrap {
  overflow: clip;
  border-radius: 10px;
  aspect-ratio: 295/334;
}

.bl_banner_content {
  padding: 1.5rem 1rem;
  display: grid;
  grid-template-rows: auto;
  align-content: end;
}

.bl_banner_ttl {
  transition: all 0.3s ease-in-out;
  background-color: var(--wp--preset--color--white);
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 1rem;
  align-items: center;
  padding: 1.5rem 1rem;
  border-radius: 10px;
}
.bl_banner_ttl p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1;
  color: #444;
}

.bl_ctaBanner {
  border-radius: 10px;
  overflow: hidden;
  width: min(448px, 100%);
}

.bl_ctaBanner_link {
  display: block;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  transition: opacity 0.3s ease-in-out;
}
.bl_ctaBanner_link:hover,
.bl_ctaBanner_link:focus-visible {
  opacity: 0.9;
}

.bl_ctaBanner_imgWrap {
  grid-area: 1/1/-1/-1;
  width: 100%;
  overflow: hidden;
}
.bl_ctaBanner_imgWrap img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: 20px -34px;
  scale: 1.2;
}

.bl_ctaBanner_content {
  grid-area: 2/1/-1/-1;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.94rem 1.25rem;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--accent);
}
.bl_ctaBanner_content i {
  flex: 0 0 auto;
  width: 2.44em;
  aspect-ratio: 39/32;
  border-radius: 5px;
  padding: 0.25em;
  background: var(--wp--preset--color--accent-light);
  position: relative;
}
.bl_ctaBanner_content i::after {
  content: '';
  display: block;
  width: 0.56rem;
  aspect-ratio: 1/1;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  translate: -50% -50%;
  rotate: -45deg;
  top: 50%;
  left: 45%;
}

.bl_ctaBanner_text {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: 0.08em;
}

/* --------------------------------
 * グループ
 * -------------------------------- */
.bl_hasLabelGroup {
  padding-block: 3.5rem 2.5rem;
  position: relative;
  border: 1px solid #000;
}
.bl_hasLabelGroup .bl_hasLabelGroup_label {
  position: absolute;
  top: 0;
  left: 2.5rem;
  translate: 0 -50%;
  z-index: 1;
}
.bl_hasLabelGroup > *:not(.bl_hasLabelGroup_label) {
  width: min(860px + 2rem, 100%);
  padding-inline: 1rem;
  margin-inline: auto;
}

.bl_hasLabelGroup_label {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 2;
  text-align: center;
  padding: 0.63rem 1rem;
  background-color: var(--wp--preset--color--base);
}

.bl_hasBgGroup {
  padding-block-start: 4.5rem;
  position: relative;
}
.bl_hasBgGroup::before {
  content: '';
  translate: -50% 0;
  top: 0;
  left: 50%;
  position: absolute;
  display: block;
  width: 100%;
  height: 41.38rem;
  background-color: var(--wp--preset--color--base-light);
  z-index: -1;
}

.bl_hasBgGroup_ttl {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 500;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--wp--preset--color--text-main);
}

.bl_hasBgGroup_lead {
  margin-top: 2rem;
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
  color: var(--wp--preset--color--text-main);
}

/* --------------------------------
 * メディア/カード
 * -------------------------------- */
.bl_media {
  display: flex;
  background-color: var(--wp--preset--color--white);
}

.bl_media_imageArea {
  flex: 0 1 32.5%;
}

.bl_media_contentArea {
  flex: 1;
}

.bl_card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: clip;
}

.bl_card_imgArea img {
  object-fit: cover;
}

.bl_card_contentArea {
  background-color: var(--wp--preset--color--white);
  padding: 1.88rem;
}

.bl_card_heading {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--wp--preset--color--text-main);
}

.bl_card_catList {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.bl_card.bl_card__product {
  width: min(416px, 100%);
  height: 100%;
  text-align: left;
}
.bl_card.bl_card__product .bl_card_imgArea {
  overflow: clip;
  aspect-ratio: 416/440;
  position: relative;
  background-color: #fdfdfc;
}
.bl_card.bl_card__product .bl_card_imgArea img {
  object-fit: cover;
}
.bl_card.bl_card__product .bl_card_imgArea .bl_card_catList {
  position: absolute;
  z-index: 1;
  top: 1.25rem;
  padding-inline: 1.25rem;
}
.bl_card.bl_card__product .bl_card_contentArea {
  display: grid;
  row-gap: 1.5rem;
  grid-template-rows: auto 1fr auto;
}
.bl_card.bl_card__product .bl_card_contentArea_txtWrap p + p {
  margin-top: 1em;
}
.bl_card.bl_card__product .bl_card_contentArea_footer {
  display: flex;
  align-items: center;
}

/* --------------------------------
 * テーブル
 * -------------------------------- */
.bl_table {
  width: 100%;
  min-width: 900px;
}
.bl_table tr {
  border-bottom: 1px solid #cbc5ad;
}
.bl_table tr > * + * {
  border-left: 1px solid #efece0;
}
.bl_table th {
  text-align: left;
}
.bl_table thead th {
  background-color: #d9d4c3;
}
.bl_table tbody th,
.bl_table tbody td {
  background-color: #efece0;
}

dl.bl_infoTable {
  display: grid;
  grid-template-columns: minmax(7.5rem, 16%) 1fr;
}
dl.bl_infoTable dt,
dl.bl_infoTable dd {
  min-width: 0;
}
dl.bl_infoTable dt:nth-of-type(even),
dl.bl_infoTable dd:nth-of-type(even) {
  background-color: var(--wp--preset--color--base-light);
}
dl.bl_infoTable dt {
  padding: 1.31rem 1.13rem;
  font-weight: 700;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1;
  color: var(--wp--preset--color--text-main);
}
dl.bl_infoTable dd {
  padding: 1.13rem 1.13rem;
}
dl.bl_infoTable .mapWrap {
  margin-top: 0.63rem;
  width: min(680px, 100%);
  aspect-ratio: 680/294;
}
dl.bl_infoTable .mapWrap iframe {
  width: 100%;
  height: 100%;
}

dl.bl_stepTable {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 3.57%;
  row-gap: 3rem;
}
dl.bl_stepTable dt,
dl.bl_stepTable dd {
  min-width: 0;
}
dl.bl_stepTable dt {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.8;
  color: var(--wp--preset--color--text-main);
  padding-left: 2.5rem;
  position: relative;
}
dl.bl_stepTable dt::before,
dl.bl_stepTable dt::after {
  content: '';
  display: block;
  position: absolute;
}
dl.bl_stepTable dt::before {
  top: 0.44rem;
  left: 0;
  width: 0.94rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary);
}
dl.bl_stepTable dt::after {
  top: 0.94rem;
  left: 0.44rem;
  width: 1px;
  height: calc(100% + 3rem);
  background-color: #c0c0c0;
  z-index: -1;
}
dl.bl_stepTable dt:last-of-type::after {
  content: none;
}

/* --------------------------------
 * フロー
 * -------------------------------- */
.bl_flowList > li + li {
  margin-top: 2.5rem;
}
.bl_flowList .bl_txtGroup a {
  text-decoration: underline;
}
.bl_flowList .bl_txtGroup > ul {
  margin-top: 1em;
}
.bl_flowList .bl_txtGroup > ul + * {
  margin-top: 1em;
}

.bl_flowList_ttl {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1.8;
  color: var(--wp--preset--color--text-variations);
}

.bl_flowList_lead {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
}

/* --------------------------------
 * 投稿リスト
 * -------------------------------- */
.bl_postList .publicationDate {
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  color: var(--wp--preset--color--text-main);
}
.bl_postList .renewalDate {
  font-size: 0.75rem;
  color: #909090;
}

.bl_postList_item {
  border-bottom: 1px solid transparent;
  border-image: repeating-linear-gradient(
      to right,
      #c7b7a5 0 8px,
      transparent 8px 16px
    )
    1;
}

.bl_postList_link {
  padding-block: 1.5rem;
  padding-inline: 1.5rem;
  display: block;
}
.bl_postList_link:hover .bl_postList_txt,
.bl_postList_link:focus-visible .bl_postList_txt {
  color: var(--wp--preset--color--primary);
}

.bl_postList_top {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.bl_postList_bottom {
  display: flex;
  align-items: start;
  gap: 0.63rem;
  margin-top: 1rem;
}
.bl_postList_bottom .el_cat {
  flex: 0 1 auto;
}
.bl_postList_bottom .bl_postList_txt {
  flex: 1;
}

.bl_postList_txt {
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 400;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.8;
  vertical-align: middle;
}

.bl_postList_moreLink {
  width: fit-content;
  margin-top: 1rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 0.88rem;
  font-size: var(--wp--preset--font-size--large);
}
.bl_postList_moreLink:hover,
.bl_postList_moreLink:focus-visible {
  color: var(--wp--preset--color--primary);
}
.bl_postList_moreLink:hover .el_icon,
.bl_postList_moreLink:focus-visible .el_icon {
  background: var(--wp--preset--color--primary);
}
.bl_postList_moreLink:hover .el_icon::after,
.bl_postList_moreLink:focus-visible .el_icon::after {
  border-right-color: var(--wp--preset--color--white);
  border-bottom-color: var(--wp--preset--color--white);
}

/* --------------------------------
 * リスト
 * -------------------------------- */
.bl_pageLinkList li {
  padding-inline: 2rem;
  border-bottom: 1px solid transparent;
  border-image: repeating-linear-gradient(
      to right,
      #c7b7a5 0 8px,
      transparent 8px 16px
    )
    1;
}
.bl_pageLinkList a {
  padding-block: 3.13rem;
  font-size: var(--wp--preset--font-size--xxx-large);
  display: flex;
  justify-content: space-between;
}

.bl_linkListWrap.is_active {
  position: sticky;
  top: 50vh;
  translate: 0 -50%;
}

.bl_linkList > li + li {
  margin-top: 1.5rem;
}

.bl_linkList_link {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #222222;
  column-gap: 0.5rem;
}
.bl_linkList_link .el_icon {
  width: 1.88rem;
  height: 1.5rem;
  border-radius: 4px;
  background-color: var(--wp--preset--color--base-light);
}
.bl_linkList_link .el_icon::after {
  width: 0.44rem;
  border-color: var(--wp--preset--color--text-main);
  rotate: 45deg;
  top: 45%;
  left: 50%;
}
.bl_linkList_link.is_active,
.bl_linkList_link:hover,
.bl_linkList_link:focus-visible {
  color: var(--wp--preset--color--primary);
}
.bl_linkList_link.is_active .el_icon,
.bl_linkList_link:hover .el_icon,
.bl_linkList_link:focus-visible .el_icon {
  background-color: var(--wp--preset--color--primary);
}
.bl_linkList_link.is_active .el_icon::after,
.bl_linkList_link:hover .el_icon::after,
.bl_linkList_link:focus-visible .el_icon::after {
  border-color: var(--wp--preset--color--white);
}

.js_highlightContent > [id] {
  scroll-margin-top: 6.25rem;
}

/* --------------------------------
 * カルーセル
 * -------------------------------- */
.bl_productIntroduction_carouselArea {
  padding-bottom: 5.38rem;
}
.bl_productIntroduction_carouselArea .splide__pagination {
  display: flex !important;
}

.splide {
  position: relative;
}
.splide .ly_splide_footer {
  display: grid;
  grid-template-rows: 1fr;
  align-items: center;
  width: min(600px, 100%);
  position: absolute;
  left: 8%;
  bottom: -4rem;
}
.splide .ly_splide_footer > * {
  grid-row: 1/-1;
}
.splide .ly_splide_footer .splide__arrows {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.splide .ly_splide_footer .splide__arrow.bl_arrows_btn {
  position: inherit;
  translate: 0 50%;
}

.ly_splide_footer {
  position: relative;
}
.ly_splide_footer .splide__pagination {
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: center;
  position: absolute;
  flex-wrap: nowrap;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.ly_splide_footer .splide__pagination li {
  height: 100%;
  display: grid;
  place-content: center;
}

.splide__arrow.bl_arrows_btn {
  background: transparent;
}
.splide__arrow.bl_arrows_btn svg {
  fill: var(--wp--preset--color--text-main);
}

.bl_pagination_btn {
  width: 28px;
  height: 3px;
  border-radius: 40px;
  background-color: #c4bba0;
}

.bl_pagination_btn.is-active {
  background-color: #4e4040;
  transform: scale(1);
}

/* --------------------------------
 * パン粉を使ったレシピグループ
 * -------------------------------- */
.bl_pankoRecipes_videoArea {
  aspect-ratio: 1920/647;
}
.bl_pankoRecipes_videoArea video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bl_pankoRecipes_contentArea {
  translate: 0 -7.5rem;
}

.bl_pankoRecipes_contentGroup {
  display: grid;
  grid-template-columns: minmax(352px, 24%) 1fr;
  column-gap: 4.34%;
  align-items: start;
}
.bl_pankoRecipes_contentGroup > * {
  min-width: 0;
}

.bl_pankoRecipes_contentGroup.bl_pankoRecipes_contentGroup__front {
  width: min(1472px, 100%);
  margin-inline: auto;
  grid-template-columns: minmax(300px, 29%) 1fr;
  background-color: var(--wp--preset--color--white);
  box-shadow: 0px 0px 10px 0px rgba(56, 40, 27, 0.1019607843);
  padding: 3.5rem 4rem;
  border-radius: 20px;
}
.bl_pankoRecipes_contentGroup.bl_pankoRecipes_contentGroup__front
  .bl_pankoRecipes_contentGroup_leadArea {
  border-top: 2.32px solid transparent;
  border-bottom: 2.32px solid transparent;
  border-image: repeating-linear-gradient(
      to right,
      #e2dcdc 0 8px,
      transparent 8px 16px
    )
    1;
  padding: 2.5rem 0;
}

.bl_pankoRecipes_contentGroup_leadArea > * {
  margin-top: 1.63rem;
}
.bl_pankoRecipes_contentGroup_leadArea > .el_heading_lv2 {
  margin-top: 1.25rem;
}

.bl_pankoRecipes_contentGroup_bannerArea .ly_3colGridUnit {
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

/* --------------------------------
 * ページヘッダー
 * -------------------------------- */
.bl_pegeHeader {
  padding-block-start: 3.75rem;
  position: relative;
}
.bl_pegeHeader .el_pageTtl {
  margin-top: 1.5rem;
}
.bl_pegeHeader .bl_pegeHeader_bgImgWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.bl_pegeHeader_bgImgWrap {
  height: 500px;
  width: 100%;
  overflow: clip;
}
.bl_pegeHeader_bgImgWrap picture {
  position: relative;
  display: block;
  width: 100%;
}
.bl_pegeHeader_bgImgWrap picture::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ece8d9;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.bl_pegeHeader_bgImgWrap img {
  filter: blur(20px);
}

.bl_pegeHeader_inner {
  max-width: calc(1536px + var(--pd_inner) * 2);
  padding: 0 var(--pd_inner) 0;
  width: 100%;
  margin-inline: auto;
}

.bl_pegeHeader_top .bl_pegeHeader_inner {
  display: flex;
  align-items: end;
  justify-content: space-between;
  column-gap: 1rem;
}

.bl_pegeHeader_top_group .el_pageTtl {
  margin-top: 1.5rem;
}

.bl_pegeHeader_bottom {
  margin-top: 1.63rem;
}
.bl_pegeHeader_bottom .bl_pegeHeader_imgWrap {
  margin-right: calc(50% - 50vw);
  margin-left: 12.5vw;
  aspect-ratio: 1488/614;
}
.bl_pegeHeader_bottom:has(.bl_pegeHeader_desc) .bl_pegeHeader_inner {
  display: flex;
  align-items: flex-start;
}
.bl_pegeHeader_bottom:has(.bl_pegeHeader_desc) .bl_pegeHeader_imgWrap {
  flex: 1;
  margin-left: initial;
}

.bl_pegeHeader_desc {
  flex: 0 1 736px;
  margin-top: 5.63rem;
  margin-right: -25.83vw;
  padding: 2.5rem 3.75rem;
  background-color: rgba(253, 253, 252, 0.9);
  backdrop-filter: blur(44px);
  box-shadow: 0px 0px 10px 0px rgba(56, 40, 27, 0.1019607843);
}
.bl_pegeHeader_desc p {
  line-height: 2;
}
.bl_pegeHeader_desc .el_emphasizeTxt {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--large);
  line-height: 2.6;
  margin-top: 1rem;
}
.bl_pegeHeader_desc .el_emphasizeTxt .large {
  font-size: 1.75rem;
}
.bl_pegeHeader_desc .el_emphasizeTxt + p {
  margin-top: 1rem;
}
.bl_pegeHeader_desc .el_btn {
  width: min(480px, 100%);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1;
  margin-top: 2.5rem;
}

.bl_pegeHeader_desc_emphasizeTxt {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 500;
  font-size: clamp(1.5rem, 1.299270073rem + 0.58vw, 2rem);
  letter-spacing: 0.04em;
  line-height: 1.8;
}
.bl_pegeHeader_desc_emphasizeTxt + p {
  margin-top: 1.5rem;
}

.bl_pegeHeader.bl_pegeHeader__simple {
  padding-block: 4rem 4.31rem;
  background-color: hsla(47, 33%, 89%, 0.922);
}
.bl_pegeHeader.bl_pegeHeader__simple .bl_pegeHeader_inner {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  columns: 1rem;
  row-gap: 1.5rem;
  align-items: end;
}

.bl_pegeHeader.bl_pegeHeader__recipe {
  padding-block: 4.38rem;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_bgImgWrap {
  height: 100%;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_breadcrumbWrap {
  width: fit-content;
  margin-left: auto;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_wrap {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  margin-top: 1.5rem;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_group {
  flex: 1;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_imgWrap {
  flex: 0 1 44.27%;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_imgWrap img {
  aspect-ratio: 680/408;
}
.bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_catList {
  margin-top: 2rem;
}

.bl_pegeHeader_catList {
  margin-top: 2rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* --------------------------------
 * 背景画像ありセクション
 * -------------------------------- */
.bl_hasBgImageSec_bgImageWrap {
  position: relative;
  z-index: -1;
  aspect-ratio: 1920/535;
}

.bl_hasBgImageSec_bgImageWrap.bl_hasBgImageSec_bgImageWrap__3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.bl_hasBgImageSec_group {
  margin-top: -8.33vw;
  width: min(1472px, 100%);
  padding: 3rem;
  border-radius: 20px;
  background-color: #fdfdfc;
  box-shadow: 0px 0px 10px 0px rgba(56, 40, 27, 0.1019607843);
}

.bl_paginationWrap {
  margin-top: 6.5rem;
  width: fit-content;
  margin-inline: auto;
}
.bl_paginationWrap .nav-links {
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.bl_paginationWrap .page-numbers {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.8;
  text-align: center;
}
.bl_paginationWrap .page-numbers.current {
  display: inline-block;
  min-width: 30px;
  border-radius: 4px;
  padding: 0.13rem 0.63rem;
  background-color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.8;
  text-align: center;
  color: var(--wp--preset--color--white);
}
.bl_paginationWrap :is(.prev, .next) .el_icon {
  background-color: var(--wp--preset--color--base-light);
}
.bl_paginationWrap :is(.prev, .next) .el_icon::after {
  border-color: var(--wp--preset--color--text-main);
}
.bl_paginationWrap :is(.prev, .next) .el_icon:hover,
.bl_paginationWrap :is(.prev, .next) .el_icon :focus-visible {
  background-color: var(--wp--preset--color--accent);
}
.bl_paginationWrap :is(.prev, .next) .el_icon:hover::after,
.bl_paginationWrap :is(.prev, .next) .el_icon :focus-visible::after {
  border-color: var(--wp--preset--color--white);
}
.bl_paginationWrap .prev .el_icon::after {
  rotate: 135deg;
  left: 55%;
}

.screen-reader-text {
  display: none;
}

/* --------------------------------
 * フッター
 * -------------------------------- */
.ly_footer {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary);
  padding-block: 1.25rem 5rem;
  border-radius: 3.13rem 3.13rem 0 0;
}

.ly_footer_inner {
  width: 100%;
  max-width: calc(1727px + 3rem);
  margin-inline: auto;
  padding: 0 1.5rem 0;
}

.ly_footer_contInner {
  width: 100%;
  max-width: calc(1472px + var(--pd_inner) * 2);
  margin-inline: auto;
  display: flex;
  column-gap: 1.5rem;
  justify-content: space-between;
  padding-block: 4rem;
}

.ly_footer_top {
  border-bottom: 1px solid #a2bba4;
}
.ly_footer_top .ly_footer_contInner {
  align-items: center;
}

.bl_footer_contactSection_header {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 3.94rem;
  row-gap: 1.25rem;
}
.bl_footer_contactSection_header .bl_footer_contactSection_label {
  grid-column: 1/2;
  grid-row: 1/2;
}
.bl_footer_contactSection_header .bl_footer_contactSection_ttl {
  grid-column: 1/2;
  grid-row: 2/3;
}
.bl_footer_contactSection_header .bl_footer_contactSection_desc {
  grid-column: 2/3;
  grid-row: 1/-1;
  align-self: center;
}

.bl_footer_contactSection_label {
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  font-weight: var();
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: 0;
  font-weight: 700;
}

.bl_footer_contactSection_ttl {
  font-size: var(--wp--preset--font-size--xxx-large);
}

.bl_footer_contactSection_btnGroup {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.bl_footer_contactSection_btnGroup .el_btn {
  width: min(312px, 100%);
}
.bl_footer_contactSection_btnGroup .el_btn:hover,
.bl_footer_contactSection_btnGroup .el_btn:focus-visible {
  border-color: var(--wp--preset--color--white);
}

.bl_footer_copyright {
  text-align: right;
}

.ly_footer_bottom .ly_footer_contInner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5.5rem;
}

.bl_footer_brand_link {
  display: flex;
  column-gap: 0.81rem;
  align-items: center;
}
.bl_footer_brand_link img {
  width: 3.63rem;
  aspect-ratio: 58/61;
  display: block;
  object-fit: contain;
  object-position: center;
}

.bl_footer_brand_name {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0;
}

.bl_footer_brand_address {
  font-style: normal;
  line-height: 1.8;
  margin-top: 2rem;
}
.bl_footer_brand_address > p + p {
  margin-top: 1em;
}

.bl_footer_nav {
  width: min(487px, 100%);
}

.bl_footer_navColumns {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
  column-gap: 5.5rem;
}

.bl_footer_navList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bl_footer_navList a {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  color: currentColor;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
}
.bl_footer_navList a:hover,
.bl_footer_navList a:focus-visible {
  text-decoration: underline;
  opacity: 0.9;
  outline: none;
}
.bl_footer_navList > li + li {
  margin-top: 0.56rem;
}
.bl_footer_navList > li > a {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
}
.bl_footer_navList li ul {
  margin-top: 0.5rem;
}
.bl_footer_navList li ul a {
  font-weight: 500;
  font-size: 1.06rem;
  line-height: 1.45;
  position: relative;
}
.bl_footer_navList li ul a::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1px;
  background-color: #a2bba4;
  position: absolute;
  top: 50%;
  left: -2rem;
  transform: translateY(-50%);
}
.bl_footer_navList li ul li {
  margin-top: 0.5rem;
  padding-left: 2rem;
}
.bl_footer_navList li ul li + li {
  margin-top: 0.5rem;
}

/* --------------------------------
 * ヘッダー/ドロワー
 * -------------------------------- */
.ly_header {
  background-color: var(--wp--preset--color--white);
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 20;
  transition: background-color 0.3s ease-in-out;
}

.ly_header.ly_header__home {
  position: -webkit-fixed;
  position: fixed;
}
.ly_header.ly_header__home.is_transparent {
  background-color: transparent;
}
.ly_header.ly_header__home.is_drawerSolid {
  background-color: var(--wp--preset--color--white);
}

.ly_header_inner {
  container: ly_header_inner/inline-size;
  max-width: calc(1792px + var(--pd_inner) * 2);
  padding: 0 var(--pd_inner);
  width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 5.88rem;
}

.bl_header_brand {
  flex: 0 1 auto;
}

.bl_header_brand_link {
  display: block;
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  color: #2e2e2e;
}
.bl_header_brand_link:hover,
.bl_header_brand_link:focus-visible {
  opacity: 0.8;
}
.bl_header_brand_link:visited {
  color: #2e2e2e;
}

.bl_header_brand_img {
  display: block;
  object-fit: contain;
  width: 3.38rem;
  aspect-ratio: 1/1;
}

.bl_header_company_name {
  font-weight: 700;
  font-family: var(--wp--preset--font-family--m-plus-1);
  font-size: clamp(1.125rem, 0.6971649485rem + 0.82vw, 1.625rem);
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.bl_header_nav {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.bl_header_btnGroup {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bl_header_nav_list {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1.73cqi, 2rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
@container ly_header_inner (max-width: 1279px) {
  .bl_header_nav_list {
    display: none;
  }
}

.bl_header_nav_item {
  position: relative;
}
.bl_header_nav_item a {
  display: block;
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  color: var(--wp--preset--color--text-variations);
  transition: color 0.3s ease-in-out;
}
.bl_header_nav_item a:hover,
.bl_header_nav_item a:focus-visible {
  color: var(--wp--preset--color--primary);
}
.bl_header_nav_item:has(> ul) > a {
  padding-right: 1.25rem;
  position: relative;
}
.bl_header_nav_item:has(> ul) > a::after {
  content: '';
  display: block;
  width: 0.5rem;
  aspect-ratio: 1/1;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  top: 45%;
  right: 2%;
}
.bl_header_nav_item > ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--primary-lighter);
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  min-width: 15rem;
  opacity: 0;
  visibility: hidden;
  translate: -50% 0;
  left: 70%;
  top: 2.19rem;
  transition: all 0.3s ease-in-out;
  z-index: 25;
}
.bl_header_nav_item > ul li {
  list-style: none;
  padding-inline: 1rem;
}
.bl_header_nav_item > ul li:hover,
.bl_header_nav_item > ul li:focus-visible {
  background-color: var(--wp--preset--color--primary-lighter);
}
.bl_header_nav_item > ul li + li a {
  border-top: 1px solid var(--wp--preset--color--base);
}
.bl_header_nav_item > ul li a {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  justify-content: space-between;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--text-variations);
  transition: background-color 0.3s ease-in-out;
  position: relative;
  padding-block: 0.75rem;
}
.bl_header_nav_item > ul li a i {
  flex: 0 0 auto;
  width: 2.44em;
  aspect-ratio: 39/32;
  border-radius: 5px;
  padding: 0.25em;
  background: var(--wp--preset--color--primary-lighter);
  position: relative;
}
.bl_header_nav_item > ul li a i::after {
  content: '';
  display: block;
  width: 0.56rem;
  aspect-ratio: 1/1;
  border-right: 1px solid var(--wp--preset--color--primary);
  border-bottom: 1px solid var(--wp--preset--color--primary);
  position: absolute;
  translate: -50% -50%;
  rotate: -45deg;
  top: 50%;
  left: 45%;
}
.bl_header_nav_item > ul li a:hover,
.bl_header_nav_item > ul li a:focus-visible {
  color: var(--wp--preset--color--primary);
}
.bl_header_nav_item > ul li a:hover i,
.bl_header_nav_item > ul li a:focus-visible i {
  flex: 0 0 auto;
  width: 2.44em;
  aspect-ratio: 39/32;
  border-radius: 5px;
  padding: 0.25em;
  background: var(--wp--preset--color--primary);
  position: relative;
}
.bl_header_nav_item > ul li a:hover i::after,
.bl_header_nav_item > ul li a:focus-visible i::after {
  content: '';
  display: block;
  width: 0.56rem;
  aspect-ratio: 1/1;
  border-right: 1px solid var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--white);
}
.bl_header_nav_item:hover > ul,
.bl_header_nav_item:focus-within > ul {
  opacity: 1;
  visibility: visible;
  left: 50%;
  top: 2.19rem;
}

.bl_hamburgerWrap {
  display: none;
}
@container ly_header_inner (max-width: 1279px) {
  .bl_hamburgerWrap {
    display: block;
  }
}

.bl_hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}
.bl_hamburger:hover,
.bl_hamburger:focus-visible {
  opacity: 0.8;
}

.bl_hamburger_line {
  display: block;
  width: 1.5rem;
  height: 0.13rem;
  background-color: var(--wp--preset--color--text-variations);
  border-radius: 0.06rem;
  transition: all 0.3s ease-in-out;
}
.bl_hamburger[aria-expanded='true'] .bl_hamburger_line:nth-child(1) {
  transform: translateY(0.38rem) rotate(45deg);
}
.bl_hamburger[aria-expanded='true'] .bl_hamburger_line:nth-child(2) {
  opacity: 0;
}
.bl_hamburger[aria-expanded='true'] .bl_hamburger_line:nth-child(3) {
  transform: translateY(-0.38rem) rotate(-45deg);
}

/**
 * ドロワー
 */
.bl_drawer {
  position: fixed;
  z-index: 30;
  width: 100%;
  inset: 5.88rem 0 0 0;
}

.bl_drawer_backdrop {
  background-color: rgba(59, 114, 65, 0.5);
  position: absolute;
  z-index: 0;
  inset: 0;
}

/* aria-expanded
  対象が展開されているか否かを示す属性 */
#js_drawer[aria-expanded] {
  --duration: 0.5s;
  transition-property: visibility;
  transition-duration: var(--duration);
}
#js_drawer[aria-expanded] .bl_drawer_backdrop {
  transition-property: opacity;
  transition-duration: var(--duration);
  transition-timing-function: linear;
}
#js_drawer[aria-expanded] .bl_drawer_inner {
  transition-property: transform;
  transition-duration: var(--duration);
  transition-timing-function: ease-in-out;
}

/* 閉じているとき */
#js_drawer[aria-expanded='false'] {
  visibility: hidden;
}
#js_drawer[aria-expanded='false'] .bl_drawer_backdrop {
  opacity: 0;
}
#js_drawer[aria-expanded='false'] .bl_drawer_inner {
  transform: translateX(100%);
}

/* 開いているとき */
#js_drawer[aria-expanded='true'] {
  visibility: visible;
}
#js_drawer[aria-expanded='true'] .bl_drawer_backdrop {
  opacity: 1;
}
#js_drawer[aria-expanded='true'] .bl_drawer_inner {
  transform: translateX(0);
}

.bl_drawer_navArea {
  background-color: var(--wp--preset--color--base);
}
.bl_drawer_navArea .bl_drawer_inner {
  padding: 2rem;
}

.bl_drawer_bannerArea {
  background-color: var(--wp--preset--color--base-light);
}
.bl_drawer_bannerArea .bl_drawer_inner {
  padding: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.bl_drawer_content {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(640px, 100%);
  height: 100%;
  overflow-y: auto;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.bl_drawer_btnGroup {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0.5rem;
}
.bl_drawer_btnGroup .el_btn {
  width: 100%;
  padding: 1.5rem;
  border-color: var(--wp--preset--color--white);
}

.bl_drawer_navList {
  margin-top: 1rem;
}
.bl_drawer_navList a {
  display: block;
  align-items: center;
  column-gap: 0.5rem;
  font-weight: 500;
  color: currentColor;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
  position: relative;
}
.bl_drawer_navList a::after {
  content: '';
  display: block;
  width: 0.56em;
  aspect-ratio: 1/1;
  border-bottom: 1px solid #2d7023;
  border-right: 1px solid #2d7023;
  position: absolute;
  rotate: -45deg;
  translate: 0 -50%;
  top: 50%;
  right: 0;
}
.bl_drawer_navList a:hover,
.bl_drawer_navList a:focus-visible {
  color: var(--wp--preset--color--primary);
}
.bl_drawer_navList > li {
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #dddbd8;
}
.bl_drawer_navList > li:has(> ul) {
  position: relative;
}
.bl_drawer_navList > li:has(> ul) .bl_drawer_navList_btn {
  position: absolute;
  top: 1.5rem;
  right: 0;
}
.bl_drawer_navList > li:has(> ul) > a::after {
  content: none;
}
.bl_drawer_navList li ul {
  margin-top: 1.88rem;
}
.bl_drawer_navList li ul a {
  position: relative;
}
.bl_drawer_navList li ul a::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1px;
  background-color: #dddbd8;
  position: absolute;
  translate: 0 -50%;
  top: 50%;
  left: -2rem;
}
.bl_drawer_navList li ul li {
  padding-left: 2rem;
}

.bl_drawer_navList_btn {
  display: inline-block;
  width: 1.88rem;
  aspect-ratio: 1/1;
  background-color: var(--wp--preset--color--primary-lighter);
  position: relative;
  border-color: transparent;
  border-radius: 4px;
  z-index: 35;
}
.bl_drawer_navList_btn::after {
  content: '';
  display: block;
  width: 0.56em;
  aspect-ratio: 1/1;
  border-bottom: 1px solid #2d7023;
  border-right: 1px solid #2d7023;
  position: absolute;
  rotate: 45deg;
  translate: -50% -50%;
  top: 45%;
  left: 50%;
}
.bl_drawer_navList_btn.is_open::after {
  rotate: -135deg;
  top: 60%;
}

/* --------------------------------
 * ホーム
 * -------------------------------- */
.bl_mainVisual {
  display: grid;
  height: 100vh;
  overflow: clip;
  background-color: #fdfdfd;
}
.bl_mainVisual picture {
  display: block;
  height: 100%;
}
.bl_mainVisual picture img {
  object-fit: cover;
  animation: mv-pan-left var(--mv_interval, 7000ms) linear paused;
  will-change: transform;
}
.bl_mainVisual .bl_mainVisual_bg {
  grid-area: 1/1/-1/-1;
}
.bl_mainVisual .bl_mainVisual_bg .splide__track {
  height: 100%;
}
.bl_mainVisual .bl_mainVisual_inner {
  grid-area: 1/1/-1/-1;
  padding-inline: 2rem;
  padding-block: 12.5rem 1.5rem;
  height: 100vh;
}

/* アクティブスライドのみパンアニメを再生 */
#js_mainVisual_splide .splide__slide.is-active picture img {
  animation-play-state: running;
}

/* 強制フェード*/
#js_mainVisual_splide.splide--fade .splide__list {
  position: relative !important;
}
#js_mainVisual_splide.splide--fade .splide__slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  transition: opacity 1000ms !important;
}
#js_mainVisual_splide.splide--fade .splide__slide.is-active {
  opacity: 1 !important;
}
#js_mainVisual_splide.splide--fade {
  /* translateXの影響を殺す保険 */
}
#js_mainVisual_splide.splide--fade .splide__slide {
  transform: none !important;
}

.bl_mainVisual_content {
  max-width: 1727px;
  margin-inline: auto;
  position: relative;
  width: 100%;
  height: 100%;
}
.bl_mainVisual_content .bl_mainVisual_txt_cta {
  position: absolute;
  translate: 0 -50%;
  top: 40%;
  left: 0;
}
.bl_mainVisual_content .bl_mainVisual_verticalText {
  position: absolute;
  top: 0%;
  right: 0;
}
.bl_mainVisual_content .bl_mainVisual_companyName {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bl_mainVisual_subTtl {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  font-size: clamp(1.125rem, 0.3405172414rem + 2.41vw, 2rem);
  letter-spacing: 0;
}

.bl_mainVisual_ttl {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  font-size: clamp(2rem, 0.3189655172rem + 5.17vw, 3.875rem);
  letter-spacing: 0.12em;
}
.bl_mainVisual_ttl span {
  color: var(--wp--preset--color--primary);
}

.bl_mainVisual_verticalText {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 2px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.63rem;
}
.bl_mainVisual_verticalText span {
  white-space: nowrap;
  padding: 0.63rem 0.5rem 0.63rem 0.59rem;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary);
  font-size: clamp(1rem, 0.775862069rem + 0.69vw, 1.25rem);
}

.bl_mainVisual_cta {
  margin-top: 3.88rem;
}
.bl_mainVisual_cta .el_btn {
  box-shadow: 0px 0px 20px 0px rgba(113, 99, 22, 0.3019607843);
  line-height: 1.8;
  letter-spacing: 0.08em;
}

.bl_mainVisual_companyName {
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--preset--font-family--noto-sans-jp);
}

/**
 * STRENGTHS
 */
.strengths {
  padding-block: 5rem 0;
}
.strengths .ly_frontCont_inner {
  display: grid;
  grid-template-columns: 1fr minmax(32.5rem, 60%);
  grid-template-rows: auto auto;
  column-gap: 1rem;
  row-gap: 4.75rem;
  position: relative;
}
.strengths .ly_frontCont_inner .bl_strengths_titleWrap {
  margin-top: 4rem;
  grid-column: 1/2;
  grid-row: 1;
  z-index: 1;
}
.strengths .ly_frontCont_inner .bl_strengths_featureWrap {
  grid-column: 2/3;
  grid-row: 1/3;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.strengths .ly_frontCont_inner .bl_strengths_imgWrap {
  grid-column: 1/-1;
  grid-row: 2;
  z-index: 0;
}

.bl_strengths_titleWrap .el_heading_lv2 {
  line-height: 2.3;
  margin-top: 2.5rem;
  font-size: 1.88rem;
}

.bl_strengths_featureWrap {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.bl_media.bl_media__feature {
  box-shadow: 0px 0px 10px rgba(56, 40, 27, 0.1),
    0px 0px 30px rgba(113, 99, 22, 0.1);
}
.bl_media.bl_media__feature .bl_media_imageArea {
  flex: 0 1 35%;
}
.bl_media.bl_media__feature .bl_media_imageArea img {
  aspect-ratio: 352/350;
}
.bl_media.bl_media__feature .bl_media_contentArea {
  padding: 2.5rem 3.13rem;
}
.bl_media.bl_media__feature .bl_media_contentArea .bl_media_txtGroup {
  margin-top: 2rem;
}
.bl_media.bl_media__feature .bl_media_contentArea_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.bl_strengths_imgWrap {
  margin-right: calc(50% - 50vw);
}

.productIntroduction {
  padding-block: 5rem 7.5rem;
  overflow: clip;
  container: productIntroduction/inline-size;
  position: relative;
}
.productIntroduction::before,
.productIntroduction::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
}
.productIntroduction::before {
  width: 100%;
  height: 45%;
  left: 0;
  bottom: 0;
  background-color: var(--wp--preset--color--base-light);
}
.productIntroduction::after {
  translate: -50% 0%;
  width: 130.99vw;
  aspect-ratio: 2515/1812;
  left: 50%;
  top: 27vw;
  z-index: -1;
  background: center/contain no-repeat
    url('https://marui-panko.com/wp-content/themes/marui-theme/assets/images/illust_background_object.svg');
}

.bl_productIntroduction_top {
  position: relative;
}
.bl_productIntroduction_top .bl_productIntroduction_imgWrap {
  position: absolute;
  top: 7vw;
  left: -36%;
}
.bl_productIntroduction_top .ly_frontCont_inner {
  display: grid;
  grid-template-columns: 1fr 55.6%;
}
.bl_productIntroduction_top .bl_pageLinkList {
  grid-column: 2/3;
  grid-row: 1;
}
.bl_productIntroduction_top .el_linkText {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-size: var(--wp--preset--font-size--xxx-large);
  font-weight: 700;
  line-height: 1.3;
}

.bl_productIntroduction_imgWrap {
  margin-left: calc(50% - 50vw);
  position: relative;
  width: 70.31vw;
}
.bl_productIntroduction_imgWrap img {
  object-fit: contain;
}

.bl_productIntroduction_bottom {
  margin-top: 15rem;
}
.bl_productIntroduction_bottom .ly_frontCont_inner {
  display: grid;
  column-gap: 7.4%;
  grid-template-columns: minmax(25.9%, 28rem) 1fr;
  align-items: center;
}
.bl_productIntroduction_bottom .bl_productIntroduction_leadArea {
  grid-column: 1/2;
  grid-row: 1;
  display: grid;
  row-gap: 3rem;
}
.bl_productIntroduction_bottom .bl_productIntroduction_carouselArea {
  grid-column: 2/3;
  grid-row: 1;
}
.bl_productIntroduction_bottom
  .bl_productIntroduction_carouselArea
  .splide__slide {
  padding-block: 5px;
}

@container productIntroduction (max-width: 1440px) {
  .bl_productIntroduction_bottom .ly_frontCont_inner {
    display: block;
  }
  .bl_productIntroduction_bottom .bl_productIntroduction_leadArea {
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 1rem;
  }
  .bl_productIntroduction_bottom .bl_productIntroduction_carouselArea {
    margin-top: 3rem;
  }
  .splide .ly_splide_footer {
    position: relative;
    left: initial;
    margin-inline: auto;
  }
}
.bl_productIntroduction_leadArea .el_heading_lv2 {
  margin-top: 1.25rem;
}
.bl_productIntroduction_leadArea .ly_txtGroup p:first-of-type {
  margin-top: 3rem;
}
.bl_productIntroduction_leadArea .ly_btnGroup > * + * {
  margin-top: 1rem;
}

.information {
  background-color: var(--wp--preset--color--base-light);
  border-radius: 60px 60px 0 0;
  position: relative;
  padding-block: 6.25rem 7.5rem;
}
.information::after {
  content: '';
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 100px;
  z-index: -1;
  background-color: var(--wp--preset--color--base-light);
}

.bl_information {
  width: min(1472px, 100%);
  margin-inline: auto;
  display: flex;
  column-gap: 2rem;
  align-items: start;
  justify-content: space-between;
  row-gap: 1.63rem;
}
.bl_information .bl_information_leadArea {
  flex: 0 1 auto;
}
.bl_information .bl_information_contentArea {
  flex: 1;
  max-width: 1088px;
  align-self: center;
}
.bl_information .el_heading_lv2 {
  margin-top: 1.25rem;
}

/* --------------------------------
 * 商品紹介
 * -------------------------------- */
.products .bl_pegeHeader_desc_emphasizeTxt {
  letter-spacing: 0;
}
.products .bl_hasBgGroup .ly_3colFlexUnit {
  margin-top: 4rem;
  width: min(1216px + 2rem, 100%);
  padding-inline: 1rem;
  margin-inline: auto;
  column-gap: 2.56%;
  row-gap: 1.5rem;
  flex-wrap: nowrap;
}
.products .bl_hasBgGroup .ly_3colFlexUnit > * {
  flex: 0 1 33%;
}
.products .bl_hasBgGroup .bl_banner_imgWrap {
  aspect-ratio: 383/417;
}
.products .bl_hasBgGroup .positionAdjustmentImg {
  object-position: 50% -23px;
  scale: 1.1;
}

.productsLineUp .bl_card.bl_card__product {
  width: 100%;
}
.productsLineUp .bl_card.bl_card__product .bl_card_imgArea {
  aspect-ratio: 352/376;
}
.productsLineUp .bl_card.bl_card__product .bl_card_contentArea {
  padding: 1.31rem;
  row-gap: 1.05rem;
}
.productsLineUp .bl_card.bl_card__product .bl_card_heading {
  font-size: var(--wp--preset--font-size--large);
}

/* --------------------------------
 * パン粉の基礎知識
 * -------------------------------- */
.variations .el_contentLead,
.variations02 .el_contentLead {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: 2;
}

.variations .el_contentLead + p {
  margin-top: 1rem;
}
.variations .bl_hasLabelGroup {
  margin-top: 3.5rem;
}
.variations .ly_2colGridUnit {
  gap: 1.5rem;
}
.variations .ly_2colGridUnit .ly_2colGridUnit_item:nth-of-type(3) {
  grid-column: 1/-1;
}

.bl_dlCard {
  display: grid;
  grid-template-rows: auto 1fr;
}
.bl_dlCard dt {
  padding: 0.5rem;
  background-color: var(--wp--preset--color--text-main);
  color: var(--wp--preset--color--white);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 2;
  text-align: center;
}
.bl_dlCard dd {
  padding: 0.63rem;
  font-weight: 500;
  background-color: var(--wp--preset--color--white);
}

.bl_dlCard.bl_dlCard__horizontal {
  display: flex;
}
.bl_dlCard.bl_dlCard__horizontal dt,
.bl_dlCard.bl_dlCard__horizontal dd {
  padding-block: 0.81rem;
  text-align: center;
}
.bl_dlCard.bl_dlCard__horizontal dt {
  flex: 0 1 18.44rem;
  position: relative;
}
.bl_dlCard.bl_dlCard__horizontal dt::after {
  content: '';
  position: absolute;
  translate: 0 -50%;
  top: 50%;
  left: 100%;
  display: block;
  width: 3.63rem;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--wp--preset--color--text-main);
}
.bl_dlCard.bl_dlCard__horizontal dd {
  flex: 1;
  padding-left: 3.63rem;
}
.bl_dlCard.bl_dlCard__horizontal + .bl_dlCard__horizontal {
  margin-top: 1rem;
}

.variations02 .ly_pageCont_main {
  background-color: var(--wp--preset--color--base-light);
  padding: 3rem 3.25rem;
}
.variations02 .ly_2colGridUnit {
  column-gap: 2rem;
  row-gap: 1.5rem;
  width: min(865px, 100%);
  margin-inline: auto;
}

.bl_breadCrumbsTypeGroup p {
  color: #222222;
}
.bl_breadCrumbsTypeGroup > * {
  margin-top: 2.5rem;
}
.bl_breadCrumbsTypeGroup + .bl_breadCrumbsTypeGroup {
  margin-top: 6.25rem;
}

.bl_breadCrumbsTypeGroup_ttl {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.77;
  color: #fdfdfc;
  background-color: var(--wp--preset--color--text-main);
  padding: 1rem;
}

.bl_breadCrumbsTypeGroup_unit > * {
  margin-top: 1.5rem;
}

.bl_card.bl_card__breadCrumbsType .bl_card_ttl {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 2;
  color: var(--wp--preset--color--text-main);
  background-color: #d9d4c3;
  padding: 0.5rem 0.63rem;
  text-align: center;
}
.bl_card.bl_card__breadCrumbsType .bl_card_body {
  background-color: #fdfdfc;
  color: #555555;
  padding: 1.5rem;
  display: grid;
}
.bl_card.bl_card__breadCrumbsType .bl_card_body:has(.bl_card_imgWrap) {
  grid-template-rows: auto auto 1fr;
}
.bl_card.bl_card__breadCrumbsType .bl_card_body:not(:has(.bl_card_imgWrap)) {
  grid-template-rows: auto 1fr;
}
.bl_card.bl_card__breadCrumbsType .bl_card_body {
  row-gap: 1.75rem;
}
.bl_card.bl_card__breadCrumbsType .bl_card_body > p {
  min-height: 5rem;
}
.bl_card.bl_card__breadCrumbsType .bl_txtGroup {
  background-color: #f5f3eb;
  padding: 1rem 1.5rem;
}
.bl_card.bl_card__breadCrumbsType .bl_txtGroup .el_contentLead {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 2;
}
.bl_card.bl_card__breadCrumbsType .bl_txtGroup .el_contentLead + * {
  margin-top: 0.63rem;
}
.bl_card.bl_card__breadCrumbsType .bl_card_imgWrap {
  width: min(280px, 100%);
  aspect-ratio: 280/216;
  margin-inline: auto;
}

.bl_table.bl_table__breadCrumbsType tr > th:first-of-type {
  padding: 0.63rem 1.25rem;
  min-width: 12.5rem;
}
.bl_table.bl_table__breadCrumbsType tr > *:not(:first-of-type),
.bl_table.bl_table__breadCrumbsType tr > td {
  padding: 0.63rem 0.63rem 0.63rem 2.5rem;
}

.bl_table.bl_table__mesh tr > th:first-of-type {
  padding: 0.63rem 1.25rem;
  min-width: 15rem;
}
.bl_table.bl_table__mesh tr th,
.bl_table.bl_table__mesh tr td {
  padding: 0.63rem 1rem;
}
.bl_table.bl_table__mesh tbody th,
.bl_table.bl_table__mesh tbody td {
  vertical-align: top;
}

.bl_reuseGroup_header {
  text-align: center;
}
.bl_reuseGroup_header > * + * {
  margin-top: 2.5rem;
}
.bl_reuseGroup_header .el_megaphoneTxt {
  font-weight: 500;
  font-size: 1.06rem;
  line-height: 1;
  padding-inline: 0.5em;
  position: relative;
}
.bl_reuseGroup_header .el_megaphoneTxt .tiltMark {
  display: inline-block;
  rotate: 35deg;
}
.bl_reuseGroup_header .el_megaphoneTxt::before,
.bl_reuseGroup_header .el_megaphoneTxt::after {
  content: '';
  display: block;
  translate: -50% -50%;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 2.5rem;
  background-color: #000;
  transform-origin: bottom center;
}
.bl_reuseGroup_header .el_megaphoneTxt::before {
  left: 0;
  rotate: -30deg;
}
.bl_reuseGroup_header .el_megaphoneTxt::after {
  left: 100%;
  rotate: 32deg;
}
.bl_reuseGroup_header .bl_reuseGroup_header_ttl {
  width: fit-content;
  margin-inline: auto;
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--xxx-large);
  line-height: 1;
  color: #222222;
  position: relative;
}
.bl_reuseGroup_header .bl_reuseGroup_header_ttl .subTxtWrap {
  position: absolute;
  translate: -50% -50%;
  translate: 0% -50%;
  top: -2.5rem;
  right: -3.38rem;
  rotate: 17deg;
}
.bl_reuseGroup_header p {
  line-height: 2;
}

.bl_reuseGroup > * + * {
  margin-top: 2.5rem;
}

.bl_reuseGroup_body {
  padding: 2.5rem;
  background-color: rgba(236, 232, 217, 0.4);
  border-radius: 20px;
}
.bl_reuseGroup_body .ly_3colGridUnit {
  margin-top: 3rem;
  column-gap: 2.88rem;
  width: min(740px + 2rem, 100%);
  padding-inline: 2rem;
  margin-inline: auto;
}
.bl_reuseGroup_body .ly_3colGridUnit_item .bl_reuseGroup_card_noteWrap {
  width: 100%;
  position: absolute;
  translate: -50% 0;
  left: 50%;
  top: 0;
}
.bl_reuseGroup_body
  .ly_3colGridUnit_item:nth-of-type(1)
  .bl_reuseGroup_card_noteWrap {
  top: 10px;
  left: calc(50% - 40px);
}
.bl_reuseGroup_body
  .ly_3colGridUnit_item:nth-of-type(3)
  .bl_reuseGroup_card_noteWrap {
  top: 10px;
  left: calc(50% + 40px);
}

.bl_reuseGroup_body_ttl {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  color: var(--wp--preset--color--text-main);
  text-align: center;
}

.bl_reuseGroup_card {
  position: relative;
  padding-top: 4.44rem;
}
.bl_reuseGroup_card .bl_reuseGroup_card_illust {
  object-fit: contain;
  aspect-ratio: 216/197;
}

.bl_reuseGroup_card_ttl {
  margin-top: 1rem;
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 2;
  text-align: center;
  color: var(--wp--preset--color--text-main);
}

.bl_reuseGroup_note {
  margin-top: 4.25rem;
  position: relative;
  width: min(840px, 100%);
  padding: 0.63rem 0.63rem 0.63rem 5rem;
  background-color: #ede9d7;
  margin-inline: auto;
}
.bl_reuseGroup_note .bl_reuseGroup_note_label {
  position: absolute;
  translate: -50% -50%;
  top: 18%;
  left: 2.5%;
}
.bl_reuseGroup_note > p {
  line-height: 2;
  text-align: center;
}

.bl_reuseGroup_note_label {
  display: grid;
  place-content: center;
  rotate: -11.4deg;
  width: 6.31rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1;
  color: var(--wp--preset--color--white);
}

/* --------------------------------
 * パン粉が出来るまで
 * -------------------------------- */
.ly_sec.ly_sec__process {
  padding-block-start: 5rem;
  overflow-x: clip;
}
.ly_sec.ly_sec__process .ly_pageCont_inner.ly_pageCont_inner__2col {
  margin-top: 5rem;
}

.bl_processSec_ttl {
  margin-left: -1.5rem;
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 600;
  font-size: clamp(1.25rem, 0.125rem + 3.27vw, 2.375rem);
  position: relative;
  width: fit-content;
}
.bl_processSec_ttl::after {
  content: '';
  display: block;
  background-color: #000000;
  height: 1px;
  width: 5rem;
  position: absolute;
  left: 103%;
  bottom: 25%;
  translate: 0 -50%;
}

.bl_processUnit {
  padding: 2.5rem;
  width: min(840px, 100%);
  background-color: var(--wp--preset--color--white);
  margin-inline: auto;
}
.bl_processUnit > * + * {
  margin-top: 2rem;
}
.bl_processUnit .bl_txtGroup {
  margin-top: 2rem;
  color: #444;
}
.bl_processUnit .bl_txtGroup P:nth-of-type(2) {
  margin-top: 1rem;
}

.bl_processUnit_header {
  display: flex;
  align-items: center;
  column-gap: 2rem;
  padding: 0.5rem;
  border-bottom: 1px solid #c2c1be;
}

.bl_processUnit_imgWrap {
  width: min(463px, 100% - 2.5rem);
  margin-inline: auto;
  aspect-ratio: 463/309;
}

/* --------------------------------
 * お取り引きをご検討の法人の方へ
 * -------------------------------- */
.caseStudy .bl_hasBgGroup_ttl,
.caseStudy .bl_hasBgGroup_lead {
  padding-inline: 0.5rem;
}

.bl_caseStudyGroup {
  width: min(1214px, 100% - 2rem);
  margin-inline: auto;
  border-radius: 20px;
  padding: 3rem;
  background-color: #fdfdfc;
  box-shadow: 0px 0px 10px 0px rgba(56, 40, 27, 0.1019607843);
  margin-top: 3.38rem;
}
.bl_caseStudyGroup .ly_3colFlexUnit {
  margin-top: 2.5rem;
  flex-wrap: nowrap;
  column-gap: 2.86%;
  row-gap: 2rem;
}
.bl_caseStudyGroup .ly_3colFlexUnit > * {
  flex: 0 1 33.33%;
}
.bl_caseStudyGroup .bl_card {
  height: 100%;
}
.bl_caseStudyGroup .bl_card_imgArea {
  aspect-ratio: 353/259;
}
.bl_caseStudyGroup .bl_card_contentArea {
  background-color: #f6f5ee;
  padding: 1.5rem;
}
.bl_caseStudyGroup .bl_card_contentArea > * + * {
  margin-top: 1rem;
}
.bl_caseStudyGroup .bl_card_heading {
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.8;
}

.bl_caseStudyGroup_header {
  text-align: center;
}
.bl_caseStudyGroup_header p {
  margin-top: 2.5rem;
}

.bl_caseStudyGroup_header_ttl {
  margin-top: 1.25rem;
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--xxx-large);
  line-height: 1;
  color: var(--wp--preset--color--text-variations);
}

.bl_flowList.bl_flowList__transaction > li {
  background-color: #fdfdfc;
  padding: 2rem 2.5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2rem;
  align-items: start;
}
.bl_flowList.bl_flowList__transaction > li + li {
  margin-top: 4rem;
  position: relative;
}
.bl_flowList.bl_flowList__transaction > li + li::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  rotate: 45deg;
  translate: -50% -50%;
  position: absolute;
  top: -2.13rem;
  left: 50%;
  border-right: 2px solid var(--wp--preset--color--primary);
  border-bottom: 2px solid var(--wp--preset--color--primary);
}
.bl_flowList.bl_flowList__transaction .bl_txtGroup {
  margin-top: 1rem;
}

.faq .el_contentLead {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  color: var(--wp--preset--color--text-variations);
}
.faq .el_contentLead:not(:first-of-type) {
  margin-top: 2rem;
}

.bl_faqList {
  margin-top: 1.5rem;
}
.bl_faqList > li + li {
  margin-top: 1rem;
}

details.bl_faq {
  background-color: #fdfdfc;
  padding: 1.5rem;
}
details.bl_faq.is_opened .bl_faq_question::after {
  top: 60%;
  rotate: -135deg;
}

summary.bl_faq_question {
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 2.5rem;
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  position: relative;
  padding-right: 2.5rem;
}
summary.bl_faq_question::after {
  content: '';
  translate: 0 -50%;
  position: absolute;
  top: 40%;
  right: 10px;
  width: 1rem;
  aspect-ratio: 1/1;
  border-right: 2px solid var(--wp--preset--color--primary);
  border-bottom: 2px solid var(--wp--preset--color--primary);
  rotate: 45deg;
}

.bl_faq_icon {
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  font-weight: 700;
  font-size: 1.88rem;
  line-height: 1.4;
  text-align: center;
  color: var(--wp--preset--color--primary);
}

.bl_faq_answer {
  margin-top: 1.5rem;
}
.bl_faq_answer .bl_faq_icon {
  color: var(--wp--preset--color--text-main);
}

.bl_faq_answer_inner {
  background-color: #f6f5ee;
  padding: 1.5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  justify-items: start;
  column-gap: 2rem;
  row-gap: 0.5rem;
}

/* --------------------------------
 * 安心・安全への取り組み
 * -------------------------------- */
.qualityManagement .ly_3colFlexUnit {
  container-type: inline-size;
  --overlap: clamp(12px, 2cqi, 28px);
  --cols: 3;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0;
  row-gap: 1rem;
  margin-top: 3.5rem;
  --card-diam: min(387px, 100%);
}
.qualityManagement .ly_3colFlexUnit > li {
  position: relative;
  flex: 0 0 var(--card-diam);
  min-width: 0;
}
.qualityManagement .ly_3colFlexUnit > li:nth-child(1) {
  z-index: -1;
}
.qualityManagement .ly_3colFlexUnit > li:nth-child(2) {
  z-index: -2;
}
.qualityManagement .ly_3colFlexUnit > li:nth-child(3) {
  z-index: -3;
}
.qualityManagement .ly_3colFlexUnit > li + li {
  margin-left: calc(-1 * var(--overlap));
}
.qualityManagement .ly_3colFlexUnit > li:nth-child(3n + 1) {
  margin-left: 0;
}
@container (max-width: 1100px) {
  .qualityManagement .ly_3colFlexUnit {
    --cols: 2;
  }
  .qualityManagement .ly_3colFlexUnit > li:nth-child(3n + 1) {
    margin-left: calc(-1 * var(--overlap));
  }
  .qualityManagement .ly_3colFlexUnit {
    /* いったん解除 */
  }
  .qualityManagement .ly_3colFlexUnit > li:nth-child(2n + 1) {
    margin-left: 0;
  }
  .qualityManagement .ly_3colFlexUnit {
    /* 2列の行頭 */
  }
}
.qualityManagement .ly_3colFlexUnit {
  /* 1列ゾーン */
}
@container (max-width: 750px) {
  .qualityManagement .ly_3colFlexUnit {
    --cols: 1;
    /* 横の食い込みは不要、縦へ切替 */
    row-gap: initial;
  }
  .qualityManagement .ly_3colFlexUnit > li {
    margin-left: 0 !important;
  }
  .qualityManagement .ly_3colFlexUnit > li + li {
    margin-top: -1.5rem;
  }
  .qualityManagement .ly_3colFlexUnit .bl_circleCard {
    display: grid;
    place-content: center;
  }
}

.bl_circleCard {
  --item-size: 50px;
  --border: 2px;
  --angle: 225deg;
  --radius: calc(50% - var(--border) / 2);
  width: 100%;
  aspect-ratio: 1;
  box-sizing: border-box;
  background-color: #f2f1ed;
  border: var(--border) solid #9c8879;
  border-radius: 50%;
  position: relative;
  text-align: center;
}
.bl_circleCard .bl_circleCard_num {
  position: absolute;
  width: var(--item-size);
  aspect-ratio: 1;
  top: calc(50% + sin(var(--angle)) * var(--radius));
  left: calc(50% + cos(var(--angle)) * var(--radius));
  transform: translate(-50%, -50%);
}
.bl_circleCard::before {
  content: '';
  display: block;
  width: calc(100% + 10px);
  aspect-ratio: 1/1;
  translate: -50% -50%;
  background-color: #f2f1ed;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.bl_circleCard .bl_txtGroup {
  margin-top: 1rem;
}

.bl_circleCard_inner {
  padding: 3rem;
}

.bl_circleCard_num {
  border-radius: 50%;
  background-color: var(--wp--preset--color--text-main);
  font-family: var(--wp--preset--font-family--averia-serif-libre);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--xxx-large);
  line-height: 1;
  color: var(--wp--preset--color--white);
  display: grid;
  place-content: center;
}

.bl_circleCard_imgWrap {
  width: min(100px, 100%);
  aspect-ratio: 1/1;
  margin-inline: auto;
}
.bl_circleCard_imgWrap img {
  object-fit: contain;
}

.bl_circleCard_ttl {
  margin-top: 1rem;
  color: var(--wp--preset--color--text-main);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.8;
  font-family: var(--wp--preset--font-family--noto-sans-jp);
}

.ingredients .ly_3colGridUnit,
.hygieneManagement .ly_3colGridUnit {
  margin-top: 3.5rem;
}
.ingredients .bl_card,
.hygieneManagement .bl_card {
  height: 100%;
}
.ingredients .bl_card_imgArea,
.hygieneManagement .bl_card_imgArea {
  width: 352;
  aspect-ratio: 352/259;
}
.ingredients .bl_card_heading,
.hygieneManagement .bl_card_heading {
  font-size: var(--wp--preset--font-size--large);
}
.ingredients .bl_card_contentArea,
.hygieneManagement .bl_card_contentArea {
  padding: 1.5rem;
}
.ingredients .bl_card_contentArea_txtWrap,
.hygieneManagement .bl_card_contentArea_txtWrap {
  margin-top: 1rem;
}

.bl_aboutHaccpGroup {
  width: min(1214px, 100%);
  margin-inline: auto;
  padding: 3rem;
  background-color: #fdfdfc;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  box-shadow: 0px 0px 10px 0px rgba(56, 40, 27, 0.1019607843);
}
.bl_aboutHaccpGroup > * + * {
  margin-top: 1.5rem;
}
.bl_aboutHaccpGroup .el_contentLead {
  color: var(--wp--preset--color--text-variations);
  text-align: center;
}

.bl_aboutHaccpGroup_header {
  text-align: center;
}

.bl_aboutHaccpGroup_header_ttl {
  margin-top: 1.25rem;
  font-size: var(--wp--preset--font-size--xxx-large);
  line-height: 1;
}
.bl_aboutHaccpGroup_header_ttl ~ * {
  margin-top: 2.5rem;
}

.bl_aboutHaccpGroup_imgWrap {
  width: min(191px, 100%);
  margin-inline: auto;
}
.bl_aboutHaccpGroup_imgWrap img {
  object-fit: contain;
}

.bl_aboutHaccpGroup_note {
  width: min(960px, 100%);
  padding: 1.5rem 2rem;
  margin-inline: auto;
  background-color: #f6f5ee;
}
.bl_aboutHaccpGroup_note .bl_txtGroup {
  margin-top: 0.63rem;
}

/* --------------------------------
 * パン粉を使ったレシピ
 * -------------------------------- */
.recipsArchive .bl_linkListWrap {
  margin-top: 2rem;
  width: min(211px, 100%);
}
.recipsArchive .bl_linkList_link {
  justify-content: space-between;
}
.recipsArchive .bl_linkList_link.is_current {
  color: var(--wp--preset--color--primary);
}
.recipsArchive .bl_linkList_link.is_current .el_icon {
  background-color: var(--wp--preset--color--primary);
}
.recipsArchive .bl_linkList_link.is_current .el_icon::after {
  border-color: var(--wp--preset--color--white);
}
.recipsArchive .bl_linkList_link .el_icon::after {
  rotate: -45deg;
  top: 50%;
  left: 45%;
}
.recipsArchive .ly_3colGridUnit {
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* --------------------------------
 * パン粉を使ったレシピ詳細
 * -------------------------------- */
.bl_recepe_contentGroup {
  container-type: inline-size;
}
.bl_recepe_contentGroup + .bl_recepe_contentGroup {
  margin-top: 5rem;
}
@container (max-width: 600px) {
  .bl_recepe_contentGroup .bl_ingredientsList {
    column-count: 1;
  }
}
@container (max-width: 500px) {
  .bl_recepe_contentGroup .bl_recepe_contentGroup_item {
    flex-direction: column;
  }
  .bl_recepe_contentGroup .bl_recepe_contentGroup_imgArea {
    width: min(216px, 100%);
    margin-inline: auto;
  }
  .bl_recepe_contentGroup .bl_recepe_contentGroup_txtArea .bl_txtGroup {
    margin-top: initial;
    padding-left: 0.5rem;
  }
}

.bl_recepe_contentGroup_ttl {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1.8;
  color: var(--wp--preset--color--text-main);
}
.bl_recepe_contentGroup_ttl .num {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-weight: 400;
  font-size: var(--wp--preset--font-size--large);
}
.bl_recepe_contentGroup_ttl:has(.num) {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
}
.bl_recepe_contentGroup_ttl + * {
  margin-top: 1.5rem;
}

.bl_recepe_contentGroup_emTxt {
  font-family: var(--wp--preset--font-family--shippori-mincho);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 500;
  margin-top: 1.5rem;
}

.bl_ingredientsList {
  column-count: 2;
  column-gap: 7.14%;
}
.bl_ingredientsList + .bl_ingredientsList {
  margin-top: 1.5rem;
}
.bl_ingredientsList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  padding: 0.54rem 1rem 0.5rem;
  border-bottom: 1px solid transparent;
  border-image: repeating-linear-gradient(
      to right,
      #c7b7a5 0 8px,
      transparent 8px 16px
    )
    1;
}
.bl_ingredientsList .name,
.bl_ingredientsList .amount {
  line-height: 1.8;
  color: #6e5d51;
}
.bl_ingredientsList .name {
  font-size: var(--wp--preset--font-size--large);
}
.bl_ingredientsList .amount {
  white-space: nowrap;
}

.bl_recepe_contentGroup_item {
  background-color: var(--wp--preset--color--white);
  padding: 1.5rem;
  display: flex;
  align-items: start;
  column-gap: 3.6%;
  row-gap: 1rem;
}
.bl_recepe_contentGroup_item + * {
  margin-top: 1.5rem;
}

.bl_recepe_contentGroup_imgArea {
  flex: 0 1 19.3%;
  min-width: 180px;
  aspect-ratio: 216/200;
}

.bl_recepe_contentGroup_txtArea {
  flex: 1;
}
.bl_recepe_contentGroup_txtArea .bl_txtGroup {
  margin-top: 1rem;
}

.OtherRecipes .ly_pageCont_side .el_btn {
  margin-top: 1.25rem;
  padding: 1.5rem;
}
.OtherRecipes .ly_3colGridUnit {
  column-gap: 2.86%;
  row-gap: 1.5rem;
}

/* --------------------------------
 * お問い合わせ
 * -------------------------------- */
/* --------------------------------
 * プライバシーポリシー
 * -------------------------------- */
.privacy-policy .ly_sec h2:not(:first-of-type) {
  margin-top: 2rem;
}
.privacy-policy .ly_sec h2 + * {
  margin-top: 1rem;
}
.privacy-policy .ly_sec h2 ~ *:not(h2) {
  padding-left: 1rem;
}
.privacy-policy .ly_sec ol,
.privacy-policy .ly_sec ul {
  margin-top: 1rem;
}
.privacy-policy .ly_sec ol + *,
.privacy-policy .ly_sec ul + * {
  margin-top: 1rem;
}
.privacy-policy .ly_sec ul li {
  list-style: disc;
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 1.5em;
}
.privacy-policy .ly_sec a {
  text-decoration: underline;
}

/*
  ヘルパークラス
*/
.hp_box-shadow-01 {
  box-shadow: var(--box-shadow_01);
}

.hp_spOnly {
  display: none;
}

.hp_tbFrom {
  display: none;
}

.hp_pcOnly {
  display: block;
}

.hp_wbr {
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

.hp_upperCase {
  text-transform: uppercase !important;
}

.hp_primaryList li {
  list-style: disc;
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 1.5em;
}

.hp_txtDeco-underline {
  text-decoration: underline;
}

.hp_txtAlignCenter {
  text-align: center;
}

.hp_fwMedium {
  font-weight: 500;
}

@media only screen and (width <= 1100px) {
  .ly_3colGridUnit.ly_3colGridUnit__collection {
    column-gap: 2.85%;
    row-gap: 1.5rem;
  }
  .bl_pankoRecipes_contentGroup {
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
  .bl_pankoRecipes_contentGroup.bl_pankoRecipes_contentGroup__front
    .bl_pankoRecipes_contentGroup_leadArea {
    padding: 0 0 2rem;
    border-top: none;
  }
  .bl_pankoRecipes_contentGroup.bl_pankoRecipes_contentGroup__front {
    padding: 2.5rem 1.5rem;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
  .bl_pegeHeader_bottom:has(.bl_pegeHeader_desc) .bl_pegeHeader_imgWrap {
    aspect-ratio: 351/336;
  }
  .bl_pegeHeader_desc {
    flex: 0 1 80%;
  }
  .ly_footer_top .ly_footer_contInner {
    flex-wrap: wrap;
    row-gap: 2.5rem;
  }
  .ly_footer_bottom .ly_footer_contInner {
    flex-wrap: wrap;
    row-gap: 1.5rem;
  }
  .strengths .ly_frontCont_inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    row-gap: 4.13rem;
  }
  .strengths .ly_frontCont_inner .bl_strengths_titleWrap {
    margin-top: initial;
    grid-column: initial;
    grid-row: 1;
  }
  .strengths .ly_frontCont_inner .bl_strengths_imgWrap {
    grid-column: initial;
    grid-row: 2;
  }
  .strengths .ly_frontCont_inner .bl_strengths_featureWrap {
    grid-column: initial;
    grid-row: 3;
    margin-top: -200px;
  }
  .bl_strengths_imgWrap {
    margin-left: calc(50% - 50vw);
  }
  .productIntroduction::before {
    height: 60%;
  }
  .products .bl_hasBgGroup .ly_3colFlexUnit {
    margin-top: 2.25rem;
    padding-inline: initial;
    flex-wrap: wrap;
  }
  .products .bl_hasBgGroup .ly_3colFlexUnit > * {
    flex: 0 1 47.44%;
  }
  .variations .ly_2colGridUnit {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .bl_dlCard.bl_dlCard__horizontal {
    display: block;
  }
  .bl_dlCard.bl_dlCard__horizontal dt {
    padding-block: 0.88rem 0.69rem;
  }
  .bl_dlCard.bl_dlCard__horizontal dt::after {
    width: 100%;
    height: 1.5rem;
    translate: -50% 0%;
    top: calc(100% - 1px);
    left: 50%;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
  }
  .bl_dlCard.bl_dlCard__horizontal dd {
    padding-block: 2.5rem 1rem;
    padding-inline: 0.63rem;
  }
  .variations02 .ly_2colGridUnit {
    grid-template-columns: 1fr;
  }
  .OtherRecipes .ly_3colGridUnit {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (width <= 830px) {
  .ly_pageCont_inner.ly_pageCont_inner__2col {
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
  .ly_pageCont_side,
  .ly_pageCont_main {
    padding-inline: 0.5rem;
  }
  .ly_sec {
    padding-block: 3.5rem;
  }
  .ly_main > *:last-child {
    padding-block-end: 5rem;
  }
  .el_label {
    font-size: var(--wp--preset--font-size--medium);
  }
  .el_heading_lv3 {
    font-size: var(--wp--preset--font-size--x-large);
  }
  .ly_pageCont_side .el_heading_lv2 {
    font-size: 1.5rem;
  }
  .el_btn {
    font-size: var(--wp--preset--font-size--medium);
  }
  .bl_banner.bl_banner__recipe .bl_banner_imgWrap {
    aspect-ratio: 295/180;
  }
  .bl_banner.bl_banner__recipe {
    margin-inline: initial;
  }
  .bl_banner_ttl {
    padding: 1.09rem 1rem;
  }
  .bl_banner_ttl p {
    font-size: var(--wp--preset--font-size--medium);
  }
  .bl_hasLabelGroup {
    margin-top: 1.31rem;
    padding-block: 2.5rem;
  }
  .bl_hasLabelGroup_label {
    font-size: var(--wp--preset--font-size--large);
  }
  .bl_hasBgGroup {
    padding-block-start: 2.5rem;
  }
  .bl_hasBgGroup::before {
    width: 100vw;
    height: 36.75rem;
  }
  .bl_hasBgGroup_ttl {
    font-size: var(--wp--preset--font-size--xxx-large);
  }
  .bl_hasBgGroup_lead {
    font-size: var(--wp--preset--font-size--medium);
    text-align: left;
  }
  .bl_card_heading {
    font-size: var(18);
  }
  .bl_flowList > li + li {
    margin-top: 1.5rem;
  }
  .bl_flowList_ttl {
    font-size: 1.38rem;
  }
  .bl_postList_link {
    padding-inline: initial;
  }
  .bl_postList_bottom {
    flex-direction: column;
  }
  .bl_postList_txt {
    -webkit-line-clamp: 6;
  }
  .bl_postList_moreLink {
    font-size: var(--wp--preset--font-size--medium);
  }
  .bl_pageLinkList li {
    padding-inline: 1rem;
  }
  .bl_pageLinkList a {
    padding-block: 1.5rem;
    font-size: var(--wp--preset--font-size--x-large);
  }
  .bl_linkListWrap.is_active {
    position: static;
    translate: initial;
  }
  .bl_linkList > li + li {
    margin-top: 1.63rem;
  }
  .bl_linkList_link.is_active {
    color: #222222;
  }
  .bl_linkList_link.is_active .el_icon {
    background-color: var(--wp--preset--color--base-light);
  }
  .bl_linkList_link.is_active .el_icon::after {
    border-color: var(--wp--preset--color--text-main);
  }
  .bl_productIntroduction_carouselArea {
    padding-bottom: 3.63rem;
  }
  .splide .ly_splide_footer {
    bottom: -2.13rem;
  }
  .bl_pagination_btn {
    width: 16px;
  }
  .bl_pankoRecipes_videoArea {
    aspect-ratio: 375/320;
  }
  .bl_pankoRecipes_contentGroup.bl_pankoRecipes_contentGroup__front
    .bl_pankoRecipes_contentGroup_leadArea
    > * {
    margin-top: 1.63rem;
  }
  .bl_pankoRecipes_contentGroup_leadArea > .el_heading_lv2 {
    margin-top: 1.13rem;
    font-size: 1.5rem;
  }
  .bl_pankoRecipes_contentGroup_leadArea > * {
    margin-top: 1.5rem;
  }
  .bl_pegeHeader {
    padding-block-start: 2.5rem;
  }
  .bl_pegeHeader_top .bl_pegeHeader_inner {
    flex-direction: column;
    align-items: start;
    row-gap: 1.5rem;
  }
  .bl_pegeHeader_top .bl_breadcrumbWrap {
    width: 100%;
  }
  .bl_pegeHeader_top_group .el_pageTtl {
    margin-top: 1rem;
  }
  .bl_pegeHeader_bottom {
    margin-top: 1rem;
  }
  .bl_pegeHeader_bottom .bl_pegeHeader_inner {
    flex-direction: column-reverse;
  }
  .bl_pegeHeader_bottom .bl_pegeHeader_imgWrap {
    aspect-ratio: 351/336;
  }
  .bl_pegeHeader_desc {
    margin-top: -5.63rem;
    margin-right: initial;
    margin-left: calc(50% - 50vw);
    padding: 1.5rem 1.5rem 1.5rem 1.75rem;
  }
  .bl_pegeHeader_desc .el_btn {
    width: min(312px, 100%);
    font-weight: 700;
    line-height: 1.8;
    font-size: var(--wp--preset--font-size--large);
    margin-top: 1.5rem;
    padding: 1rem;
  }
  .bl_pegeHeader_desc .el_emphasizeTxt .large {
    font-size: 1.25rem;
  }
  .bl_pegeHeader_desc_emphasizeTxt {
    letter-spacing: 0;
  }
  .bl_pegeHeader_desc_emphasizeTxt + p {
    margin-top: 1rem;
  }
  .bl_pegeHeader.bl_pegeHeader__simple {
    padding-block: 2.5rem 2.5rem;
  }
  .bl_pegeHeader.bl_pegeHeader__simple .bl_pegeHeader_inner {
    grid-template-columns: 1fr;
  }
  .bl_pegeHeader.bl_pegeHeader__simple .el_pageTtl {
    margin-top: 1rem;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe {
    padding-block: 3.13rem;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_inner {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe .bl_breadcrumbWrap {
    width: auto;
    margin-left: initial;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_wrap {
    display: contents;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_group {
    order: -1;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe .bl_pegeHeader_catList {
    margin-top: 1rem;
  }
  .bl_pegeHeader.bl_pegeHeader__recipe .el_pageTtl {
    margin-top: 1rem;
  }
  .bl_hasBgImageSec_group {
    padding: 2.5rem 1.5rem;
  }
  .bl_paginationWrap {
    width: min(422px, 100%);
    margin-top: 3.5rem;
  }
  .bl_paginationWrap .nav-links {
    justify-content: space-between;
    column-gap: initial;
  }
  .ly_footer {
    border-radius: 2.5rem 2.5rem 0 0;
    padding-block: 0rem 4rem;
  }
  .ly_footer_contInner {
    padding-block: 3.5rem;
  }
  .bl_footer_contactSection_header {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    row-gap: 1.63rem;
  }
  .bl_footer_contactSection_header .bl_footer_contactSection_label {
    grid-area: initial;
  }
  .bl_footer_contactSection_header .bl_footer_contactSection_ttl {
    grid-area: initial;
  }
  .bl_footer_contactSection_header .bl_footer_contactSection_desc {
    grid-area: initial;
    align-self: initial;
  }
  .bl_header_btnGroup {
    display: none;
  }
  .bl_drawer_navArea .bl_drawer_inner {
    padding: 1.5rem 1rem 2rem;
  }
  .bl_drawer_btnGroup {
    grid-template-columns: 1fr;
  }
  .bl_mainVisual_ttl {
    letter-spacing: 0.08em;
  }
  .strengths .ly_frontCont_inner .bl_strengths_featureWrap {
    margin-top: -265px;
  }
  .bl_strengths_titleWrap .el_heading_lv2 {
    font-size: 1.19rem;
    margin-top: 1.25rem;
  }
  .bl_media.bl_media__feature .bl_media_contentArea {
    padding: 1.5rem;
  }
  .bl_media.bl_media__feature .bl_media_contentArea_header {
    flex-direction: column;
    align-items: start;
  }
  .productIntroduction {
    padding-block: 2rem 2.31rem;
  }
  .productIntroduction::after {
    width: 428.27vw;
    top: 460px;
    left: 146%;
  }
  .bl_productIntroduction_top .bl_productIntroduction_imgWrap {
    top: 105%;
    left: -34%;
  }
  .bl_productIntroduction_top .ly_frontCont_inner {
    grid-template-columns: 1fr;
  }
  .bl_productIntroduction_top .bl_pageLinkList {
    grid-column: initial;
    grid-row: 1;
  }
  .bl_productIntroduction_top .el_linkText {
    font-size: var(--wp--preset--font-size--x-large);
  }
  .bl_productIntroduction_imgWrap {
    width: 103vw;
  }
  .bl_productIntroduction_bottom {
    margin-top: 17.81rem;
  }
  .bl_productIntroduction_bottom .bl_productIntroduction_leadArea {
    grid-template-columns: 1fr !important;
    row-gap: 2rem;
  }
  .bl_productIntroduction_leadArea .ly_txtGroup p:first-of-type {
    margin-top: 2.5rem;
  }
  .pankoRecipes + * {
    margin-top: -4rem;
  }
  .information {
    border-radius: 40px 40px 0 0;
    padding-block: 4rem 3rem;
  }
  .bl_information {
    flex-direction: column;
    align-items: stretch;
  }
  .bl_information .bl_information_leadArea {
    flex: initial;
  }
  .bl_information .bl_information_contentArea {
    flex: initial;
    align-self: initial;
  }
  .variations .bl_hasLabelGroup {
    margin-top: 3rem;
  }
  .variations02 .ly_pageCont_main {
    padding: 1.5rem 1rem;
  }
  .variations02 .ly_2colGridUnit {
    grid-template-columns: 1fr 1fr;
  }
  .bl_breadCrumbsTypeGroup > * {
    margin-top: 1.5rem;
  }
  .bl_breadCrumbsTypeGroup + .bl_breadCrumbsTypeGroup {
    margin-top: 3rem;
  }
  .bl_card.bl_card__breadCrumbsType .bl_card_body {
    padding: 1.5rem 1rem;
    row-gap: 1rem;
  }
  .bl_card.bl_card__breadCrumbsType .bl_txtGroup {
    padding: 1rem 1rem;
  }
  .bl_reuseGroup_header .bl_reuseGroup_header_ttl {
    font-size: 1.5rem;
    line-height: 1.8;
  }
  .bl_reuseGroup_header .bl_reuseGroup_header_ttl .subTxtWrap {
    top: -0.5rem;
    right: -2.81rem;
    rotate: 20deg;
  }
  .bl_reuseGroup_header .el_megaphoneTxt {
    font-size: var(--wp--preset--font-size--small);
  }
  .bl_reuseGroup_header .el_megaphoneTxt::before,
  .bl_reuseGroup_header .el_megaphoneTxt::after {
    width: 1px;
    height: 1.56rem;
  }
  .bl_reuseGroup_header .el_megaphoneTxt::before {
    rotate: -30deg;
  }
  .bl_reuseGroup_header .el_megaphoneTxt::after {
    rotate: 30deg;
  }
  .bl_reuseGroup_header p {
    text-align: left;
  }
  .bl_reuseGroup > * + * {
    margin-top: 1.5rem;
  }
  .bl_reuseGroup_body {
    padding: 2rem 1.25rem;
  }
  .bl_reuseGroup_body .ly_3colGridUnit {
    margin-top: 2.25rem;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3rem;
    padding-inline: initial;
  }
  .bl_reuseGroup_body .ly_3colGridUnit_item {
    width: min(216px, 100%);
    margin-inline: auto;
  }
  .bl_reuseGroup_body .ly_3colGridUnit_item .bl_reuseGroup_card_noteWrap {
    width: 100%;
    position: absolute;
    translate: -50% 0;
    left: 50%;
    top: 0;
  }
  .bl_reuseGroup_body
    .ly_3colGridUnit_item:nth-of-type(1)
    .bl_reuseGroup_card_noteWrap {
    top: 10px;
    left: 50%;
  }
  .bl_reuseGroup_body .ly_3colGridUnit_item:nth-of-type(3) {
    grid-column: 1/-1;
  }
  .bl_reuseGroup_body
    .ly_3colGridUnit_item:nth-of-type(3)
    .bl_reuseGroup_card_noteWrap {
    top: 10px;
    left: 50%;
  }
  .bl_reuseGroup_card {
    padding-top: 3.13rem;
  }
  .bl_reuseGroup_card .bl_reuseGroup_card_illust {
    width: min(168px, 100%);
    margin-inline: auto;
  }
  .bl_reuseGroup_card_ttl {
    margin-top: initial;
  }
  .bl_reuseGroup_note {
    margin-top: 2.5rem;
    padding: 2rem 0.63rem 0.63rem;
  }
  .bl_reuseGroup_note .bl_reuseGroup_note_label {
    top: -1%;
    left: 3.5%;
  }
  .bl_reuseGroup_note > p {
    text-align: left;
  }
  .bl_reuseGroup_note_label {
    width: 4.31rem;
    font-size: var(--wp--preset--font-size--medium);
  }
  .ly_sec.ly_sec__process .ly_pageCont_inner.ly_pageCont_inner__2col {
    margin-top: 2.5rem;
  }
  .ly_sec.ly_sec__process {
    padding-block-start: 5rem;
  }
  .bl_processSec_ttl {
    margin-left: initial;
  }
  .bl_processSec_ttl::after {
    width: 3rem;
  }
  .bl_processUnit {
    padding: 1.5rem 1rem;
  }
  .bl_processUnit_header {
    align-items: flex-start;
    column-gap: 1rem;
  }
  .bl_caseStudyGroup {
    padding: 3rem 1.5rem;
    margin-top: 1.31rem;
    width: 100%;
  }
  .bl_caseStudyGroup .ly_3colFlexUnit {
    flex-wrap: wrap;
  }
  .bl_caseStudyGroup .ly_3colFlexUnit > * {
    flex: 0 1 47.14%;
  }
  .bl_caseStudyGroup_header p {
    text-align: left;
  }
  .bl_flowList.bl_flowList__transaction > li {
    padding: 1.5rem 1rem;
  }
  .bl_flowList.bl_flowList__transaction > li + li {
    margin-top: 3rem;
  }
  .bl_flowList.bl_flowList__transaction > li + li::before {
    top: -1.88rem;
  }
  .bl_flowList.bl_flowList__transaction .bl_flowList_ttl {
    font-size: 1.25rem;
  }
  .faq .el_contentLead {
    margin-top: 2.63rem;
  }
  details.bl_faq {
    padding: 1.5rem 1rem;
  }
  summary.bl_faq_question {
    font-size: var(--wp--preset--font-size--medium);
  }
  .bl_faq_answer {
    margin-top: 1rem;
  }
  .bl_circleCard .bl_txtGroup {
    margin-top: 0.56rem;
    font-size: 0.94rem;
  }
  .bl_circleCard_ttl {
    font-size: var(--wp--preset--font-size--medium);
  }
  .ingredients,
  .hygieneManagement {
    margin-top: 2.5rem;
  }
  .bl_aboutHaccpGroup {
    padding: 3rem 1rem;
  }
  .bl_aboutHaccpGroup_header .bl_txtGroup {
    text-align: left;
  }
  .bl_aboutHaccpGroup_header_ttl {
    font-size: 1.5rem;
    line-height: 180%;
  }
  .bl_aboutHaccpGroup_note {
    padding: 1.5rem 1rem;
  }
  .recipsArchive .bl_linkListWrap {
    margin-top: 2.5rem;
  }
  .recipsArchive .ly_3colGridUnit {
    gap: 1.5rem;
  }
  .bl_recepe_contentGroup + .bl_recepe_contentGroup {
    margin-top: 2.5rem;
  }
  .bl_recepe_contentGroup_ttl + * {
    margin-top: 1rem;
  }
  .OtherRecipes .ly_pageCont_side .el_btn {
    margin-top: 1.5rem;
  }
  .hp_tbFrom {
    display: block;
  }
  .hp_pcOnly {
    display: none;
  }
}

@media only screen and (width <= 520px) {
  .ly_frontCont_inner {
    padding-inline: var(--pd_inner_sp);
  }
  .ly_pageCont_inner {
    padding-inline: var(--pd_inner_sp);
  }
  .ly_3colGridUnit.ly_3colGridUnit__collection {
    grid-template-columns: 1fr;
  }
  .el_heading_lv2 {
    margin-top: 1.25rem;
  }
  .bl_pageTopBtn .el_icon {
    width: 49px;
    height: 40px;
    border-radius: 5px;
  }
  .bl_pageTopBtn .el_icon::after {
    top: 55%;
  }
  .bl_pageTopBtn_txt {
    display: none;
  }
  .bl_hasLabelGroup .bl_hasLabelGroup_label {
    left: 0.75rem;
  }
  dl.bl_infoTable {
    grid-template-columns: 1fr;
  }
  dl.bl_infoTable dt {
    padding: 1rem 1rem 0.5rem;
  }
  dl.bl_infoTable dd {
    padding: 0.5rem 1rem 1rem;
  }
  dl.bl_infoTable .mapWrap {
    width: 100%;
  }
  dl.bl_stepTable {
    grid-template-columns: 1fr;
    row-gap: initial;
  }
  dl.bl_stepTable dt:not(:first-of-type) {
    margin-top: 2.5rem;
  }
  dl.bl_stepTable dt::after {
    top: 0.94rem;
    left: 0.44rem;
    width: 1px;
    height: 100%;
  }
  dl.bl_stepTable dd {
    padding-left: 2.5rem;
    position: relative;
  }
  dl.bl_stepTable dd::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0.44rem;
    width: 1px;
    height: calc(100% + 2.94rem);
    background-color: #c0c0c0;
  }
  dl.bl_stepTable dd:last-of-type::after {
    content: none;
  }
  .js_highlightContent > [id] {
    scroll-margin-top: 4.38rem;
  }
  .bl_pankoRecipes_contentGroup {
    grid-template-columns: 1fr;
  }
  .bl_pankoRecipes_contentGroup.bl_pankoRecipes_contentGroup__front {
    grid-template-columns: 1fr;
  }
  .bl_pankoRecipes_contentGroup_bannerArea .ly_3colGridUnit {
    grid-template-columns: 1fr;
  }
  .bl_pegeHeader_inner {
    padding-inline: 1.5rem;
  }
  .bl_pegeHeader_bottom .bl_pegeHeader_imgWrap {
    margin-left: initial;
  }
  .bl_hasBgImageSec_bgImageWrap {
    aspect-ratio: 375/201;
  }
  .bl_hasBgImageSec_group {
    margin-top: -12vw;
  }
  .bl_paginationWrap {
    /* まず全部消す */
  }
  .bl_paginationWrap .page-numbers {
    display: none;
  }
  .bl_paginationWrap {
    /* 常に表示したいもの */
  }
  .bl_paginationWrap .page-numbers.prev,
  .bl_paginationWrap .page-numbers.prev + .page-numbers,
  .bl_paginationWrap .page-numbers.next,
  .bl_paginationWrap .page-numbers:has(+ .next),
  .bl_paginationWrap .page-numbers.current,
  .bl_paginationWrap .page-numbers.dots {
    display: inline-block;
  }
  .bl_paginationWrap {
    /* current の「次」1つ */
  }
  .bl_paginationWrap .page-numbers.current + .page-numbers {
    display: inline-block;
  }
  .bl_paginationWrap {
    /* current の「前」1つ — :has() で拾う */
  }
  .bl_paginationWrap .page-numbers:has(+ .current) {
    display: inline-block;
  }
  .bl_footer_contactSection_btnGroup .el_btn {
    width: 100%;
  }
  .bl_footer_contactSection_btnGroup {
    flex-wrap: wrap;
  }
  .bl_footer_copyright {
    font-size: var(--wp--preset--font-size--small);
    text-align: center;
  }
  .ly_footer_bottom .ly_footer_contInner {
    justify-content: center;
  }
  .bl_footer_brand_address {
    text-align: center;
  }
  .bl_footer_navColumns:first-of-type ul > li:first-of-type {
    border-top: none;
  }
  .bl_footer_navColumns {
    grid-template-columns: 1fr;
  }
  .bl_footer_navList > li + li {
    margin-top: initial;
  }
  .bl_footer_navList > li {
    padding: 1.5rem 1rem;
    border-top: 1px solid #5a885f;
  }
  .bl_footer_navList li ul {
    margin-top: 2rem;
  }
  .bl_footer_navList li ul li {
    margin-top: initial;
  }
  .bl_footer_navList li ul li + li {
    margin-top: 1.25rem;
  }
  .ly_header_inner {
    min-height: 3.75rem;
  }
  .bl_header_brand_link {
    column-gap: 0.5rem;
  }
  .bl_header_brand_img {
    width: 2.5rem;
  }
  .bl_drawer {
    top: 3.75rem;
  }
  .bl_mainVisual {
    height: auto;
  }
  .bl_mainVisual .bl_mainVisual_inner {
    padding-inline: 1rem;
    padding-block: 6.06rem 0.63rem;
    height: 100%;
  }
  .bl_mainVisual_content {
    position: initial;
    display: flex;
    flex-direction: column;
  }
  .bl_mainVisual_content .bl_mainVisual_txt_cta {
    position: relative;
    translate: initial;
    top: initial;
    left: initial;
    order: 1;
    margin-top: 2.19rem;
  }
  .bl_mainVisual_content .bl_mainVisual_verticalText {
    position: relative;
    top: initial;
    right: initial;
    order: 0;
  }
  .bl_mainVisual_content .bl_mainVisual_companyName {
    position: relative;
    bottom: initial;
    right: initial;
    margin-top: auto;
    order: 2;
    margin-top: 1rem;
  }
  .bl_mainVisual_verticalText {
    gap: 0.5rem;
  }
  .bl_mainVisual_cta {
    margin-top: 1.5rem;
  }
  .bl_mainVisual_cta .el_btn {
    padding: 1rem;
  }
  .strengths {
    padding-block: 3.75rem 0;
  }
  .bl_media.bl_media__feature .bl_media_imageArea {
    flex: 0 1 auto;
  }
  .bl_media.bl_media__feature .bl_media_imageArea img {
    aspect-ratio: 343/240;
  }
  .bl_media.bl_media__feature {
    flex-direction: column;
  }
  .bl_media.bl_media__feature > * {
    min-height: 0;
  }
  .productIntroduction::after {
    top: 460px;
    left: 146%;
  }
  .bl_productIntroduction_top .bl_productIntroduction_imgWrap {
    top: 110%;
    left: -90%;
  }
  .bl_productIntroduction_imgWrap {
    width: 170vw;
  }
  .bl_productIntroduction_bottom
    .bl_productIntroduction_carouselArea
    .splide__slide {
    width: min(343px, 100%) !important;
  }
  .bl_information {
    padding-inline: 0.5rem;
  }
  .products .bl_hasBgGroup .ly_3colFlexUnit {
    padding-inline: 1.47rem;
  }
  .products .bl_hasBgGroup .ly_3colFlexUnit > * {
    flex: 0 1 100%;
  }
  .variations02 .ly_2colGridUnit {
    grid-template-columns: 1fr;
  }
  .bl_card.bl_card__breadCrumbsType .bl_card_body > p {
    min-height: initial;
  }
  .bl_reuseGroup_header .bl_reuseGroup_header_ttl .subTxtWrap {
    right: -12vw;
  }
  .bl_reuseGroup_body .ly_3colGridUnit {
    grid-template-columns: 1fr;
  }
  .bl_reuseGroup_body .ly_3colGridUnit_item {
    width: min(216px, 100%);
    margin-inline: auto;
  }
  .bl_caseStudyGroup {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }
  .bl_caseStudyGroup .ly_3colFlexUnit > * {
    flex: 0 1 auto;
  }
  .bl_flowList.bl_flowList__transaction > li {
    row-gap: 0.5rem;
    grid-template-columns: 1fr;
  }
  summary.bl_faq_question {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-items: start;
    row-gap: 0.5rem;
  }
  summary.bl_faq_question::after {
    translate: 0 -50%;
    top: 40%;
    right: 10px;
    width: 1rem;
    aspect-ratio: 1/1;
  }
  .bl_faq_answer_inner {
    grid-template-columns: auto;
  }
  .bl_circleCard {
    --angle: 215deg;
  }
  .bl_circleCard_inner {
    padding: 2rem;
  }
  .bl_circleCard_imgWrap {
    width: min(60px, 100%);
  }
  .recipsArchive .ly_3colGridUnit {
    grid-template-columns: 1fr;
  }
  .OtherRecipes .ly_3colGridUnit {
    grid-template-columns: 1fr;
  }
  .ly_postCont_inner {
    padding-inline: var(--pd_inner_sp);
  }
  .hp_spOnly {
    display: block;
  }
}