@charset "UTF-8";
/**
* common style
*/
/*----------------------------------------
	variables
----------------------------------------*/
:root {
  --white: hsl(0 0% 100% / 1);
  --text-brown: hsla(22.06 59.65% 22.35% / 1);
  --accent-pink: hsl(341.71 88.17% 63.53% / 1);
  --accent-blue: hsl(222 89% 29% / 1);
  --deco-green: hsl(160.99 64.33% 30.78% / 1);
  --bg-pink: hsl(357.39 79.31% 94.31% / 1);
  --main-font: "Noto Sans JP", sans-serif;
  --accent-font: "Noto Serif JP", serif;
  --10px-rem: 0.625rem;
  --11px-rem: 0.6875rem;
  --12px-rem: 0.75rem;
  --13px-rem: 0.8125rem;
  --14px-rem: 0.875rem;
  --15px-rem: 0.9375rem;
  --18px-rem: 1.125rem;
  --20px-rem: 1.25rem;
  --21px-rem: 1.3125rem;
  --22px-rem: 1.375rem;
  --24px-rem: 1.5rem;
  --25px-rem: 1.5625rem;
  --26px-rem: 1.6875rem;
  --28px-rem: 1.75rem;
  --30px-rem: 1.875rem;
  --32px-rem: 2rem;
  --35px-rem: 2.1875rem;
  --36px-rem: 2.25rem;
  --38px-rem: 2.375rem;
  --40px-rem: 2.5rem;
  --41px-rem: 2.5625rem;
  --42px-rem: 2.625rem;
  --48px-rem: 3rem;
  --52px-rem: 3.25rem;
}

/**
 * _font-fece.scss
 * webフォントファイル読み込み記述(@font-face)用
*/
/* 欧文フォント */
/* 和文フォント */
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansJP-Medium.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-display: swap;
}
@font-face {
  font-style: bold;
  font-weight: 700;
  src: url("../font/NotoSansJP-Bold.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-display: swap;
}
@font-face {
  font-style: bold;
  font-weight: 900;
  src: url("../font/NotoSansJP-Black.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSerifJP-Regular.woff2") format("woff2");
  font-family: "Noto Serif JP";
  font-display: swap;
}
@font-face {
  font-style: bold;
  font-weight: 700;
  src: url("../font/NotoSerifJP-Bold.woff2") format("woff2");
  font-family: "Noto Serif JP";
  font-display: swap;
}
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
  font-size: 100%;
  line-height: 1.15;
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
address,
iframe,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  margin: 0;
  clear: both;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle;
  /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

/**
 * Remove padding
 */

/**
 * Reset to invisible
 */

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

/**
 * Correct the outline style in Safari.
 */

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * Fix appearance for Firefox
 */

/**
 * Clickable labels
 */

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

/*
 * Add the correct display in all browsers.
 */

/*
 * Remove outline for editable content.
 */

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
  border-collapse: collapse;
}

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

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

/**
* personal initialization style
*/
body {
  color: var(--text-brown);
  line-height: 1.6;
  font-family: var(--main-font);
  letter-spacing: 0.01em;
}

main {
  display: block;
}

a {
  outline: none;
  color: var(--text-brown);
  text-decoration: none;
  transition: 0.3s;
}
a:focus-visible, button:focus-visible, embed:focus-visible, iframe:focus-visible, video:focus-visible, div:focus-visible, section:focus-visible {
  outline: 0.125rem solid hsl(217, 99%, 71%);
  outline-offset: 0.0625rem;
}

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

h1,
h2,
h3,
dt,
th {
  margin: 0;
  font-weight: bold;
}

button {
  color: #000;
}

/**
* medyfas pages style
*/
/*----------------------------------------
	l-header
----------------------------------------*/
.l-header {
  display: block;
  max-width: 750px;
  margin: auto;
}

/*----------------------------------------
	l-container
----------------------------------------*/
.l-container {
  display: block;
  max-width: 750px;
  margin: auto;
}

/*----------------------------------------
	l-footer
----------------------------------------*/
.l-footer {
  padding: 60px 30px;
  border-top: 2px solid #5b3017;
}

.l-footer__nav {
  margin: 0 0 60px;
}

.l-footer__nav li {
  margin: 0 0 20px;
  text-align: center;
}

.l-footer__nav li:last-child {
  margin: 0;
}

.l-footer__nav li a {
  display: inline-block;
  font-weight: 500;
}

.l-footer__copyright {
  display: block;
  text-align: center;
}
/*----------------------------------------
	index
----------------------------------------*/
/*----------------------------------------
    @use
----------------------------------------*/
/*----------------------------------------
	c-button
----------------------------------------*/
.c-button {
  visibility: hidden;
  z-index: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #fff;
  opacity: 0;
  transition: 0.3s;
}

.c-button a {
  display: block;
  max-width: 690px;
  margin: auto;
}

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

/*----------------------------------------
	index
----------------------------------------*/
/*----------------------------------------
    @use
----------------------------------------*/
h1 {
  width: 100%;
}

/*----------------------------------------
	p-lp-product-list
----------------------------------------*/
.p-lp-product-list > li .link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  max-width: 750px;
  height: -moz-fit-content;
  height: fit-content;
}
.p-lp-product-list > li .link:hover {
  filter: none;
}
.p-lp-product-list > li .image {
  width: 42.13333334%;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
}
.p-lp-product-list > li .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 57.86666667%;
  height: 100%;
  background-color: hsl(39.31, 100%, 94.31%);
  font-weight: 600;
  line-height: 1.2;
}
.p-lp-product-list > li .name .box {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.p-lp-product-list > li .name .circle-area {
  display: flex;
  justify-content: space-between;
}
.p-lp-product-list > li .name .circle-area.-color1 > li {
  background-color: hsl(16, 64%, 56%);
}
.p-lp-product-list > li .name .circle-area.-color2 > li {
  background-color: hsl(75, 46%, 54%);
}
.p-lp-product-list > li .name .circle-area.-color3 > li {
  background-color: hsl(321, 100%, 25%);
}
.p-lp-product-list > li .name .circle-area > li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.p-lp-product-list > li .name .circle-area > li .sup {
  top: -0.5em;
  font-size: 70%;
}
.p-lp-product-list > li .name .circle-area.-extra {
  display: table;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  transform: translateX(-5px);
}
.p-lp-product-list > li .name .circle-area.-extra > li {
  display: table-cell;
  vertical-align: middle;
}
.p-lp-product-list > li .name .circle-area.-extra > li:first-child {
  letter-spacing: -0.075em;
}
.p-lp-product-list > li .name .circle-area.-extra > li.pos-l {
  position: relative;
}
.p-lp-product-list > li .name .note {
  font-weight: normal;
}
.p-lp-product-list > li .name .lh1 {
  line-height: 1;
}
.p-lp-product-list > li .name .colored {
  color: hsl(12.83, 88.83%, 64.9%);
}
.p-lp-product-list > li .name .button {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  background-color: var(--bg-pink);
}
.p-lp-product-list > li .name .button::after {
  display: inline-block;
  width: 8px;
  height: 13px;
  background: no-repeat url("../image/icon-chevron02.svg");
  background-size: cover;
  content: "";
}

.p-lp-product-note {
  background: url("data:image/webp;base64,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") center/cover;
}
.p-lp-product-note > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

/*----------------------------------------
	c-button
----------------------------------------*/
.c-button {
  visibility: hidden;
  z-index: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: var(--white);
  opacity: 0;
  transition: 0.3s;
}

.c-button a {
  display: block;
  max-width: 690px;
  margin: auto;
}

/* 指定スクロール位置で.is-active付与(.js-button-fixedトリガー) */
.c-button.is-active {
  visibility: visible;
  opacity: 1;
}

/*----------------------------------------
	p-lp-button
----------------------------------------*/
.p-lp-button {
  padding: 60px 30px 0 30px;
}

.p-lp-button p {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.p-lp-button .cta-link,
.c-button .cta-link {
  display: flex;
  align-items: center;
  justify-content: stretch;
  height: 11vw;
  max-height: 120px;
  margin: auto;
  padding-left: 4px;
  gap: 20px;
  border-radius: 25vw;
  background: var(--accent-pink);
  box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.2);
  color: var(--white);
  font-weight: 500;
  line-height: 130%;
}

.p-lp-button .cta-link em,
.c-button .cta-link em {
  font-style: normal;
  font-weight: 500;
  font-size: var(--52px-rem);
}

.p-lp-button .cta-link .text,
.c-button .cta-link .text {
  display: block;
  margin: auto;
  transform: translate(-8px, -3px);
  font-size: var(--26px-rem);
  line-height: 1.05;
  text-align: center;
}

.p-lp-button .cta-link .badge,
.c-button .cta-link .badge {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: normal;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  color: var(--accent-pink);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.p-lp-button .cta-link::after,
.c-button .cta-link::after {
  display: block;
  background: center/cover url("../image/icon-chevron.svg");
  content: "";
}
.p-lp-button .cta-link-top::after,
.c-button .cta-link-top::after {
  display: none;
  content: "";
}

.p-lp-button-top.p-lp-button-top {
  padding-bottom: 8vw;
}

.sinia02-limited-emphasis {
  position: relative;
  color: #f57856;
  font-size: 3.2rem;
}
.sinia02-limited-emphasis::after {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f57856;
  content: "";
}
.sinia02-limited-emphasis span {
  position: relative;
}
.sinia02-limited-emphasis span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: #f57856;
  content: "";
}

.cta-link-top02.cta-link-top02.cta-link-top02 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.cta-link-top02.cta-link-top02.cta-link-top02 .text {
  margin: 0;
  margin-top: 4px;
  font-size: var(--35px-rem);
}

.p-lp-description {
  width: 92%;
  table-layout: fixed;
}
.p-lp-description.-ma0 {
  margin: 0;
}
.p-lp-description th {
  width: 13.165%;
  background-color: var(--text-brown);
  color: var(--white);
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.p-lp-description td {
  width: 80%;
  background-color: #fff5e2;
  line-height: 1.2;
}

.p-lp-lineup {
  background: top/cover url("../image/bg-lineup.webp") no-repeat;
}
.p-lp-lineup__list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  background-color: var(--white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.p-lp-lineup__list .title {
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
}
.p-lp-lineup__list .title .main-text {
  font-weight: 600;
  line-height: 1.25;
}
.p-lp-lineup__list .colored1 {
  color: #f57e5e;
}
.p-lp-lineup__list .colored2 {
  color: hsl(75, 46%, 54%);
}
.p-lp-lineup__list .colored3 {
  color: hsl(321, 100%, 25%);
}

.p-lp-lineup__link {
  border-radius: 50px;
  background: hsl(357, 79%, 94%);
  color: var(--text_brown);
  font-weight: 600;
  line-height: 1.333334;
  letter-spacing: 0.57px;
}
.p-lp-lineup__link::after {
  display: inline-block;
  width: 8px;
  height: 13px;
  margin-left: 2.1333333333vw;
  background: no-repeat url("../image/icon-chevron02.svg");
  content: "";
}

.p-lp-lineup__itemization {
  display: flex;
  flex-direction: column;
}
.p-lp-lineup__itemization > li {
  display: flex;
  gap: 4px;
  color: var(--text-brown);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.p-lp-lineup__itemization .text.-spacing {
  letter-spacing: -0.01em;
}
.p-lp-lineup__itemization .smaller {
  font-size: 65%;
}
.p-lp-lineup__note {
  padding-left: 1.25em;
  text-indent: -1.25em;
}

.p-lp-lineup__text-image {
  display: block;
}

.p-lp-lineup__panel {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
}
.p-lp-lineup__panel > .text {
  font-weight: 500;
  line-height: 1.35;
}

.p-lp-lineup__comments {
  color: var(--white);
  text-align: right;
}

/*----------------------------------------
	p-lp-point
----------------------------------------*/
.p-lp-point {
  padding: 100px 30px;
  background: top/cover url("../image/bg-point016.webp") no-repeat;
}

.p-lp-point__head {
  text-align: center;
}

.p-lp-point__item {
  position: relative;
  margin: 92px 0 0;
  padding: 82px 30px 50px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.p-lp-point__item.mb {
  margin-bottom: 56px !important;
}

.p-lp-point__number {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  translate: -50% -50%;
  background-color: #000b7f;
  color: var(--white);
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.p-lp-point__heading {
  margin: 0 0 28px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.p-lp-point__heading em {
  color: var(--deco-green);
  font-style: normal;
}

.p-lp-point__text {
  line-height: 1.4;
  text-align: center;
}
.p-lp-point__text .size-mini {
  vertical-align: 4%;
}

.p-lp-point__fig-explain {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: var(--22px-rem);
  line-height: 1.3;
}

.p-lp-point__heading img {
  width: auto;
}

.p-lp-point__img figcaption {
  width: 100%;
  margin-top: 1.25rem;
  font-size: 1.5rem;
  text-align: right;
}
/*----------------------------------------
	p-lp-sample
----------------------------------------*/
.p-lp-sample {
  padding: 60px;
  background: var(--bg-pink);
}

.p-lp-sample__head {
  font-weight: bold;
  line-height: 1.4;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}

.p-lp-sample__head span {
  display: block;
  font-size: 2.5rem;
}

.p-lp-sample__head span strong {
  color: var(--accent-pink);
}

.p-lp-sample__head strong span {
  display: inline-block;
  width: auto;
  font-size: 0.9375rem;
}

.p-lp-sample__main {
  margin: 0 0 30px;
}

.p-lp-sample__foot {
  font-size: 1.75rem;
  text-align: center;
}
.p-lp-sample__foot:not(:first-of-type) {
  margin-top: 28px;
}

.p-lp-sample__foot span {
  color: var(--deco-green);
  font-weight: bold;
}
/*----------------------------------------
	p-lp-movie
----------------------------------------*/
.p-lp-movie__heading {
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 32px auto 20px;
  gap: 1.25rem;
  color: var(--text-brown);
  font-style: normal;
  font-weight: 400;
  font-size: 1.75rem;
  text-align: center;
}

.p-lp-movie__heading:before,
.p-lp-movie__heading:after {
  display: block;
  background-color: var(--text-brown);
  content: "";
}

.p-lp-movie__heading:before {
  flex-shrink: 0;
  width: 4px;
  height: 38px;
  transform: rotate(-30deg) translateY(16px);
}

.p-lp-movie__heading:after {
  flex-shrink: 0;
  width: 4px;
  height: 38px;
  transform: rotate(30deg) translateY(16px);
}

.p-lp-movie .iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
/*----------------------------------------
	p-lp-voice
----------------------------------------*/
.p-lp-voice {
  padding: 56px 60px;
  background: url("../image/bg-voice01.webp") center/cover;
}

.p-lp-voice__head {
  margin: 0 0 140px;
}

.p-lp-voice__main {
  margin: 0 0 60px;
}

.p-lp-voice__main__item {
  position: relative;
  margin: 0 0 160px;
  padding: 135px 40px 40px;
  background: var(--white);
  filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.25));
}

.p-lp-voice__main__item:last-child {
  margin: 0;
}

.p-lp-voice__main__img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 244px;
  translate: -50% -50%;
}

.p-lp-voice__main__heading {
  margin: 0 0 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.p-lp-voice__main__category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 30px;
  gap: 10px;
}

.p-lp-voice__main__category li {
  padding: 6px 16px;
  border: 2px solid #5b3017;
  border-radius: 4px;
  line-height: 1.4;
}

.p-lp-voice__main__text {
  line-height: 1.5;
}

.p-lp-voice__foot__lead {
  margin: 0 0 30px;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.4;
  text-align: center;
}

.p-lp-voice__foot__heading {
  margin: 0 0 30px;
}

.p-lp-voice__foot__text {
  font-weight: 500;
  font-size: 1.375rem;
  text-align: center;
}
/*----------------------------------------
	p-lp-taste
----------------------------------------*/
.p-lp-taste {
  padding: 80px 30px;
  background: url("../image/bg-taste01.webp") center/cover;
}

.p-lp-taste__head {
  margin: 0 0 150px;
  color: #fff;
  font-weight: bold;
  font-size: 3.5rem;
  line-height: 1.4;
  text-align: center;
}

.p-lp-taste__main {
  position: relative;
  padding-bottom: 28px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.p-lp-taste__icon {
  position: absolute;
  top: -125px;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
}

.p-lp-taste__heading {
  margin: 0 0 20px;
  padding: 24px 20px 0;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.p-lp-taste__heading span {
  color: #f45082;
  font-weight: bold;
}

.p-lp-taste__text {
  font-weight: bold;
}

.p-lp-taste__explain {
  margin: 36px 10px 0;
  padding: 16px;
  border-radius: 8px;
  background: #f7f7c8;
  color: var(--text-brown);
  font-weight: 700;
  text-align: center;
}
/*----------------------------------------
	p-lp-maker
----------------------------------------*/
.p-lp-maker__head .text {
  padding: 24px 0 20px;
  color: var(--text-brown);
  font-weight: 700;
  font-family: Noto Serif JP;
  text-align: center;
}

.p-lp-maker__main {
  padding: 60px;
  background: #fff5e2;
}

.p-lp-maker__main dl {
  margin: 0 0 40px;
}

.p-lp-maker__main dl:last-child {
  margin: 0;
}

.p-lp-maker__main dl dt {
  margin: 0 0 10px;
  font-size: 2rem;
}

.p-lp-maker__main dl dd {
  font-size: 1.7333333333rem;
  line-height: 1.8;
  letter-spacing: 0.52px;
}

.p-lp-maker__main dl dd span {
  color: #f45082;
  font-weight: bold;
}
/*----------------------------------------
	p-lp-step
----------------------------------------*/
.p-lp-step {
  padding: 100px 30px;
  background: var(--bg-pink);
}

.p-lp-step__head {
  margin: 0 0 60px;
}

.p-lp-step__main {
  padding: 10px 30px;
  background: #fff;
  box-shadow: 1.5px 2.5px 7.5px 0px rgba(0, 0, 0, 0.25);
}

.p-lp-step__item {
  padding: 50px 0;
  border-bottom: 1px dashed #6bc6aa;
}

.p-lp-step__item:last-child {
  border-bottom: none;
}

.p-lp-step__heading {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
  font-weight: 400;
  line-height: 1.4;
}

.p-lp-step__heading span {
  width: 136px;
  margin: 0 30px 0 0;
}

.p-lp-step__img {
  margin: 0 0 30px;
}

.p-lp-step__text a {
  color: #6bc6aa;
  text-decoration: underline;
}
/*----------------------------------------
	p-lp-faq
----------------------------------------*/
.p-lp-faq {
  padding: 100px 30px;
  background: url("../image/bg-faq01.webp") top center/100%;
}

.p-lp-faq__head {
  margin: 0 0 60px;
}

.p-lp-faq__main dl {
  margin: 0 0 32px;
  padding: 30px;
  background: #fff;
}

.p-lp-faq__main dl:last-child {
  margin: 0;
}

.p-lp-faq__main dl dt {
  position: relative;
  padding: 0 100px 0 0;
  color: var(--deco-green);
  cursor: pointer;
}

.p-lp-faq__main dl dt:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: url("data:image/webp;base64,UklGRlABAABXRUJQVlA4WAoAAAAQAAAAGQAAGQAAQUxQSG0AAAABP6AYkiQ2uQhb98wGCeIiIlDSx1cwjWzbySXqjP4l4LB0gc1QAf/2/7nvKwqI6L/BpG3abv6CH9QlJlUKvIPJtmDmk6iexUoOKlmODKjMcATUCXA+YAT2gFGpVeUWDRQNokW0fEa4IwKo8ZMCAFZQOCC8AAAAUAYAnQEqGgAaAD4ZCoRBoQUBAAQAYS2AE6ZQjqD0b8QPyA58/bXwA9QGcA/WbJAOfC9iABjIM+S08AAA/vtoyv9/Y2i8i+LuTd59VuEVs4+b/9jfQjBUnxXKfbLNGM1Jlcref9+THfP/P1nJBXfL3/uxtmVRlnjy+B2WqqohxP82ZkM7yvg+2cie0q7jX8TOCDI892ckY3e+HA90o2MGLgXRd/raxkXH0tB5fyfbggXnjC/c8yjCs/vIAAA=") center/cover;
  content: "";
  transition: 0.3s;
}

.p-lp-faq__main dl dt.is-active:before {
  rotate: 180deg;
}

.p-lp-faq__main dl dd {
  display: none;
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 3px solid var(--deco-green);
}
/*----------------------------------------
	index
----------------------------------------*/
.caution__head {
  display: flex;
  position: absolute;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 448px;
  inset-block-start: -40px;
  inset-inline-end: 50%;
  padding: 9px 28px;
  gap: 10px;
  transform: translateX(50%);
  border-radius: 5px;
  background-color: var(--accent-pink);
  color: #fff;
  font-weight: 500;
  font-size: 24px;
}
.bg-pink {
  display: flex;
  justify-content: center;
  background-color: var(--bg-pink);
}

.caution__frame {
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  border: 2px solid var(--accent-pink);
  border-radius: 5px;
  background-color: var(--white);
}
.mt58 {
  margin-top: 58px;
}

.caution__itemization {
  display: flex;
  flex-direction: column;
}
.caution__itemization > li {
  display: flex;
  gap: 4px;
  color: var(--text-brown);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.caution__separator {
  position: relative;
  height: 1px;
  margin-block: 0;
  border-color: var(--accent-pink);
}
.caution__notation {
  display: flex;
  align-items: center;
  color: var(--text-brown);
  line-height: 1.4;
  letter-spacing: 0.055em;
}
@media screen and (min-width: 450px){
  .p-lp-button .cta-link .text,
  .c-button .cta-link .text {
    text-align: center;
  }
  .p-lp-button .cta-link .text,
  .c-button .cta-link .text {
    text-align: center;
  }
}
@media screen and (min-width: 768px){
  .l-footer__nav li a {
    font-size: var(--24px-rem);
  }
  .l-footer__copyright {
    font-size: var(--20px-rem);
  }
  .p-lp-product-list > li:not(:last-of-type) {
    border-bottom: 2px solid #000;
  }
  .p-lp-product-list > li .image img {
    width: 180px;
    height: 100%;
  }
  .p-lp-product-list > li .name {
    padding-block: 36px;
    font-size: var(--36px-rem);
  }
  .p-lp-product-list > li .name .circle-area {
    width: 360px;
  }
  .p-lp-product-list > li .name .circle-area.-extra > li.pos-l {
    left: 20px;
  }
  .p-lp-product-list > li .name .note {
    margin: 36px auto 0;
  }
  .p-lp-product-list > li .name .smaller {
    font-size: var(--28px-rem);
  }
  .p-lp-product-list > li .name .larger {
    font-size: var(--40px-rem);
  }
  .p-lp-product-list > li .name .circle-area {
    margin-block: 36px;
    font-size: var(--24px-rem);
  }
  .p-lp-product-list > li .name .circle-area > li {
    width: 168px;
    height: 168px;
    font-size: var(--24px-rem);
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  }
  .p-lp-product-list > li .name .note {
    font-size: var(--22px-rem);
  }
  .p-lp-product-list > li .name .button {
    margin: 36px auto 0;
    padding: 26px 47px 22px 60px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    font-size: var(--30px-rem);
  }
  .p-lp-product-list > li .name .button::after {
    margin-left: 32px;
    transform: scale(2) translateY(-2px);
  }
  .p-lp-product-note {
    padding: 24px 48px;
    font-size: var(--22px-rem);
  }
  .p-lp-button .cta-link .style,
  .c-button .cta-link .style {
    font-size: var(--40px-rem);
  }
  .p-lp-button .cta-link .badge,
  .c-button .cta-link .badge {
    width: 10vw;
    max-width: 105px;
    height: 10vw;
    max-height: 105px;
    padding: 10px 4px 10px 8px;
    font-size: var(--24px-rem);
    letter-spacing: 0.025em;
  }
  .p-lp-button .cta-link .badge span,
  .c-button .cta-link .badge span {
    font-size: 14px;
    letter-spacing: 0.01em;
  }
  .p-lp-button .cta-link .em,
  .c-button .cta-link .em {
    font-size: var(--40px-rem);
  }
  .p-lp-button p {
    margin: 0 0 30px;
    font-size: var(--36px-rem);
  }
  .l-footer__nav li a {
    font-size: 1.5rem;
  }
  .l-footer__copyright {
    font-size: 1.25rem;
  }
  .p-lp-button .cta-link .badge,
  .c-button .cta-link .badge {
    width: 10vw;
    max-width: 110px;
    height: 10vw;
    max-height: 110px;
    padding: 10px 2px 14px;
    font-size: var(--20px-rem);
  }
  .p-lp-button .cta-link .em,
  .c-button .cta-link .em {
    font-size: 2.5rem;
  }
  .p-lp-button p {
    margin: 0 0 30px;
    font-size: 2.25rem;
  }
  .p-lp-button .cta-link::after,
  .c-button .cta-link::after {
    width: 16px;
    height: 26px;
    margin-right: 32px;
  }
  .p-lp-description {
    margin: 30px auto 60px;
    font-size: var(--20px-rem);
  }
  .p-lp-description td {
    padding-inline-start: 12px;
    padding-block-start: 10px;
    padding-block-end: 10px;
    font-size: var(--22px-rem);
  }
  .p-lp-lineup {
    padding-block-end: 80px;
  }
  .p-lp-lineup__list {
    padding-right: 30px;
    padding-left: 30px;
  }
  .p-lp-lineup__list > li {
    margin-top: 40px;
    padding: 96px 0 72px;
  }
  .p-lp-lineup__list > li:first-of-type {
    margin-top: 94px;
  }
  .p-lp-lineup__list .title {
    font-size: var(--36px-rem);
  }
  .p-lp-lineup__list .title .main-text {
    margin-top: 32px;
    font-size: var(--40px-rem);
  }
  .p-lp-lineup__list .title .smaller {
    font-size: var(--28px-rem);
  }
  .p-lp-lineup__image {
    width: 473px;
    margin-top: 40px;
  }
  .p-lp-lineup__link {
    margin: 40px auto 72px;
    padding: 25px 34px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    font-size: 30px;
  }
  .p-lp-lineup__link::after {
    transform: scale(2) translateY(-2px);
  }
  .p-lp-lineup__itemization {
    width: 616px;
  }
  .p-lp-lineup__itemization > li > .bullet-point {
    font-size: var(--32px-rem);
  }
  .p-lp-lineup__itemization > li > .text {
    font-size: var(--32px-rem);
  }
  .p-lp-lineup__note {
    margin-top: 40px;
    font-size: var(--22px-rem);
  }
  .p-lp-lineup__text-image {
    width: 640px;
    margin: 50px auto;
  }
  .p-lp-lineup__panel {
    width: 630px;
    margin: 40px auto auto;
    padding: 16px 72px;
    gap: 48px;
    border-radius: 16px;
  }
  .p-lp-lineup__panel > .image {
    width: 104px;
    height: 56px;
  }
  .p-lp-lineup__panel > .text {
    font-size: var(--32px-rem);
  }
  .p-lp-lineup__comments {
    margin-right: 47px;
    font-size: var(--22px-rem);
  }
  .p-lp-point__item.-special {
    margin-bottom: 0;
    padding: 60px 0;
    border-radius: 5px;
    background: linear-gradient(180deg, #fff5e2 42.19%, #fffffd 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
  }
  .p-lp-point__item .style1 {
    font-weight: 500;
    font-size: 44px;
    line-height: 26px;
    text-align: center;
  }
  .p-lp-point__item .style2 {
    display: inline-block;
    margin-top: 5px;
    color: var(--accent-pink);
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0.56px;
    text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  }
  .p-lp-point__item .style3 {
    color: var(--deco-green);
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    text-align: center;
  }
  .p-lp-point__item .style3.-deco {
    position: relative;
  }
  .p-lp-point__item .style3.-deco::before {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 30px;
    height: 42px;
    margin-left: -34px;
    padding-right: 20px;
    background: 0 0/contain no-repeat url(../image/deco-line.svg);
    content: "";
  }
  .p-lp-point__item .style3.-deco::after {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 30px;
    height: 42px;
    margin-left: 8px;
    padding-right: 20px;
    transform: scale(1, -1);
    background: 0 0/contain no-repeat url(../image/deco-line.svg);
    content: "";
  }
  .p-lp-point__item .style3.mb5 {
    margin-bottom: 10px;
  }
  .p-lp-point__item .style3.mt10 {
    margin-top: 20px;
  }
  .p-lp-point__item .style3 > em {
    font-style: normal;
    font-size: 48px;
  }
  .p-lp-point__item .p-lp-point__summary {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 12px 40px;
    border: 4px solid var(--text-brown);
    border-radius: 16px;
    background: var(--bg-pink);
    font-weight: bold;
    font-size: var(--32px-rem);
    line-height: 1.3;
    text-align: center;
  }
  .p-lp-point__item .p-lp-point__summary-img {
    width: 32px;
    height: 32px;
    margin: 10px 0;
  }
  .p-lp-point__item .p-lp-point__item-img {
    width: 64%;
    margin: 40px auto auto;
  }
  .p-lp-point__item .p-lp-point__item-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 30px;
    gap: 44px;
  }
  .p-lp-point__item .p-lp-point__item-list > li {
    padding: 10px 24px;
    border-radius: 60px;
    background: var(--accent-pink);
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
  }
  .p-lp-point__number {
    padding: 28px 40px;
    border-radius: 50px;
    font-size: var(--42px-rem);
  }
  .p-lp-point__text {
    margin: 0 0 28px;
    font-size: 1.875rem;
  }
  .p-lp-point__text .size-mini {
    font-size: var(--22px-rem);
  }
  .p-lp-point__heading img {
    height: 5.75rem;
  }
  .p-lp-point__heading {
    font-size: var(--32px-rem);
  }
  .p-lp-point__heading em {
    font-size: var(--48px-rem);
  }
  .p-lp-sample__head {
    margin: 0 calc(50% - 50vw) 30px calc(50% - 50vw);
    font-size: 2.25rem;
  }
  .p-lp-movie .iframe {
    margin-top: 8px;
  }
  .p-lp-voice__foot__text:first-of-type {
    margin-top: 24px;
  }
  .p-lp-voice__main__heading {
    font-size: 2.5rem;
  }
  .p-lp-voice__main__category li {
    font-size: 1.625rem;
  }
  .p-lp-voice__main__text {
    font-size: 1.875rem;
  }
  .p-lp-voice__foot__lead {
    font-size: 1.875rem;
  }
  .p-lp-taste__heading {
    font-size: 2.25rem;
  }
  .p-lp-taste__heading .emphasis {
    font-size: 3.75rem;
  }
  .p-lp-taste__explain {
    font-size: 1.625rem;
  }
  .p-lp-maker__head .text {
    font-size: 1.75rem;
  }
  .p-lp-maker__head .text span {
    font-size: 3rem;
  }
  .p-lp-step__heading {
    font-size: 1.875rem;
  }
  .p-lp-step__text {
    font-size: var(--26px-rem);
  }
  .p-lp-faq__main dl dt {
    font-size: 1.875rem;
  }
  .p-lp-faq__main dl dd {
    font-size: 1.625rem;
  }
  .caution__head {
    inset-block-start: -48px;
    padding: 6px 28px;
    font-size: 48px;
  }
  .caution__head > .image {
    width: 75%;
    max-width: 336px;
  }
  .caution__frame.-mt90 {
    margin-top: 180px;
  }
  .caution__frame {
    width: 695px;
    padding: 88px 0px 48px;
  }
  .caution__itemization {
    gap: 40px;
  }
  .caution__itemization > li {
    width: 626px;
  }
  .caution__itemization > li > .bullet-point {
    font-size: 40px;
  }
  .caution__itemization > li > .text {
    font-size: 36px;
  }
  .caution__separator {
    width: 692px;
  }
  .caution__notation {
    width: 626px;
    font-size: 28px;
  }
}
@media screen and (max-width: 767px){
  .l-footer {
    padding: 8vw 4vw;
    border-top: 1px solid var(--text-brown);
  }
  .l-footer__nav {
    margin: 0 0 8vw;
  }
  .l-footer__nav li {
    margin: 0 0 2.6666666667vw;
  }
  .l-footer__nav li a {
    font-size: 3.2vw;
  }
  .l-footer__copyright {
    font-size: 2.6666666667vw;
  }
  .p-lp-product-list > li:not(:last-of-type) {
    border-bottom: 1px solid #000;
  }
  .p-lp-product-list > li .image img {
    width: 24vw;
    height: 100%;
  }
  .p-lp-product-list > li .name {
    padding-block: 4.8vw;
    font-size: 4.8vw;
  }
  .p-lp-product-list > li .name .circle-area {
    width: 48vw;
  }
  .p-lp-product-list > li .name .circle-area.-extra > li.pos-l {
    left: 2.6666666667vw;
  }
  .p-lp-product-list > li .name .note {
    margin: 4.8vw auto 0 3.2vw;
  }
  .p-lp-product-list > li .name .smaller {
    font-size: 3.7333333333vw;
  }
  .p-lp-product-list > li .name .larger {
    font-size: 5.3333333333vw;
  }
  .p-lp-product-list > li .name .circle-area {
    margin-block: 4.8vw;
  }
  .p-lp-product-list > li .name .circle-area > li {
    width: 22.4vw;
    height: 22.4vw;
    font-size: 3.2vw;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  }
  .p-lp-product-list > li .name .note {
    font-size: 2.9333333333vw;
  }
  .p-lp-product-list > li .name .button {
    margin: 4.8vw auto 0 3.2vw;
    padding: 3.4666666667vw 5.6vw 2.9333333333vw 7.4666666667vw;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    font-size: 4vw;
  }
  .p-lp-product-list > li .name .button::after {
    margin-left: 4.2666666667vw;
    transform: translateY(1px);
  }
  .p-lp-product-note {
    padding: 12px 24px;
    font-size: var(--11px-rem);
  }
  .p-lp-button .cta-link .style,
  .c-button .cta-link .style {
    font-size: var(--20px-rem);
  }
  .p-lp-button {
    padding: 8vw 4vw 0;
  }
  .c-button {
    padding: 4vw;
  }
  .p-lp-button p {
    margin: 0 0 4vw;
  }
  .p-lp-button .cta-link,
  .c-button .cta-link {
    display: flex;
    align-items: center;
    justify-content: stretch;
    height: 11vw;
    max-height: 120px;
    margin: auto;
    padding-left: 8px;
    gap: 20px;
    border-radius: 25vw;
    background: var(--accent-pink);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    color: var(--white);
    font-weight: 500;
    line-height: 130%;
  }
  .p-lp-button .cta-link .badge,
  .c-button .cta-link .badge {
    width: 50px;
    height: 50px;
    font-size: var(--13px-rem);
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .p-lp-button .cta-link .badge span,
  .c-button .cta-link .badge span {
    font-size: 11px;
    letter-spacing: 0.01em;
  }
  .p-lp-button .cta-link .text,
  .c-button .cta-link .text {
    display: block;
    width: 85%;
    font-size: 1rem;
  }
  .p-lp-button .cta-link em,
  .c-button .cta-link em {
    font-size: 1.5rem;
  }
  .p-lp-button .cta-link .em,
  .c-button .cta-link .em {
    font-size: 1.25rem;
  }
  .c-button {
    padding: 4vw;
  }
  .p-lp-button p {
    margin: 0 0 4vw;
    font-size: 4.8vw;
  }
  .p-lp-button .cta-link,
  .c-button .cta-link {
    min-width: auto;
    min-height: 60px;
    gap: 1.0666666667vw;
    font-size: 1rem;
  }
  .p-lp-button .cta-link .badge,
  .c-button .cta-link .badge {
    width: 54px;
    height: 54px;
    font-size: var(--12px-rem);
    line-height: 1.3;
    letter-spacing: 0.2em;
  }
  .p-lp-button .cta-link .badge span,
  .c-button .cta-link .badge span {
    letter-spacing: -0.005em;
  }
  .p-lp-button .cta-link .text,
  .c-button .cta-link .text {
    display: block;
    width: 85%;
    margin: auto;
    font-size: 1rem;
  }
  .p-lp-button .cta-link em,
  .c-button .cta-link em {
    font-size: 6.1333333333vw;
  }
  .p-lp-button .cta-link .em,
  .c-button .cta-link .em {
    font-size: 5.3333333333vw;
  }
  .p-lp-button .cta-link::after,
  .c-button .cta-link::after {
    width: 2.13333vw;
    height: 3.466667vw;
    margin-right: 5.33333333vw;
  }
  .sinia02-limited-emphasis {
    font-size: 6.4vw;
  }
  .cta-link-top02.cta-link-top02.cta-link-top02 .text {
    font-size: 1.5rem;
  }
  .p-lp-description {
    margin: 4vw auto 8vw;
    font-size: 2.6666666667vw;
  }
  .p-lp-description th {
    padding: 0;
  }
  .p-lp-description td {
    padding-inline-start: 6px;
    padding-block-start: 5px;
    padding-block-end: 5px;
    font-size: 2.9333333333vw;
  }
  .p-lp-lineup {
    padding-block-end: 10.6666666667vw;
  }
  .p-lp-lineup__list {
    padding-right: 4vw;
    padding-left: 4vw;
  }
  .p-lp-lineup__list > li {
    margin-top: 5.3333333333vw;
    padding: 12.8vw 0 9.6vw;
  }
  .p-lp-lineup__list > li:first-of-type {
    margin-top: 48px;
  }
  .p-lp-lineup__list .title {
    font-size: 4.8vw;
  }
  .p-lp-lineup__list .title .main-text {
    margin-top: 4.2666666667vw;
    font-size: 5.3333333333vw;
  }
  .p-lp-lineup__list .title .smaller {
    font-size: 3.7333333333vw;
  }
  .p-lp-lineup__image {
    width: 63.0666666667vw;
    margin-top: 5.3333333333vw;
  }
  .p-lp-lineup__link {
    margin: 5.3333333333vw auto 9.6vw;
    padding: 3.3333333333vw 5.2vw;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    font-size: 4vw;
  }
  .p-lp-lineup__itemization {
    width: 82.1333333333vw;
  }
  .p-lp-lineup__itemization > li {
    width: 83.46666667vw;
  }
  .p-lp-lineup__itemization > li > .bullet-point {
    font-size: 5.3333333333vw;
  }
  .p-lp-lineup__itemization > li > .text {
    font-size: 4.2666666667vw;
  }
  .p-lp-lineup__note {
    margin-top: 5.3333333333vw;
    font-size: 2.9333333333vw;
  }
  .p-lp-lineup__text-image {
    width: 85.3333333333vw;
    margin: 6.6666666667vw auto;
  }
  .p-lp-lineup__panel {
    width: 84vw;
    margin: 5.3333333333vw auto auto;
    padding: 2.1333333333vw 9.6vw;
    gap: 6.4vw;
    border-radius: 2.1333333333vw;
  }
  .p-lp-lineup__panel > .image {
    width: 13.8666666667vw;
    height: 7.4666666667vw;
  }
  .p-lp-lineup__panel > .text {
    font-size: 4.2666666667vw;
  }
  .p-lp-lineup__comments {
    margin-right: 6.2666666667vw;
    font-size: 2.9333333333vw;
  }
  .p-lp-point__item {
    margin: 46px 0 0;
  }
  .p-lp-point__item.-special {
    margin-bottom: 0;
    padding: 8vw 0;
    border-radius: 5px;
    background: linear-gradient(180deg, #fff5e2 42.19%, #fffffd 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
  }
  .p-lp-point__item .style1 {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
  }
  .p-lp-point__item .style2 {
    display: inline-block;
    margin-top: 5px;
    color: var(--accent-pink);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0.56px;
    text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
  }
  .p-lp-point__item .style3 {
    color: var(--deco-green);
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-align: center;
  }
  .p-lp-point__item .style3.-deco {
    position: relative;
  }
  .p-lp-point__item .style3.-deco::before {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 15px;
    height: 21px;
    margin-left: -17px;
    padding-right: 10px;
    background: 0 0/contain no-repeat url(../image/deco-line.svg);
    content: "";
  }
  .p-lp-point__item .style3.-deco::after {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 15px;
    height: 21px;
    margin-left: px;
    padding-right: 10px;
    transform: scale(1, -1);
    background: 0 0/contain no-repeat url(../image/deco-line.svg);
    content: "";
  }
  .p-lp-point__item .style3.mb5 {
    margin-bottom: 5px;
  }
  .p-lp-point__item .style3.mt10 {
    margin-top: 10px;
  }
  .p-lp-point__item .style3 > em {
    font-style: normal;
    font-size: 24px;
  }
  .p-lp-point__item .p-lp-point__summary {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 6px 20px;
    border: 2px solid var(--text-brown);
    border-radius: 8px;
    background: var(--bg-pink);
    font-weight: bold;
    font-size: var(--16px-rem);
    line-height: 1.3;
    text-align: center;
  }
  .p-lp-point__item .p-lp-point__summary-img {
    width: 16px;
    height: 16px;
    margin-bottom: 5px;
  }
  .p-lp-point__item .p-lp-point__item-img {
    width: 64%;
    margin: 20px auto auto;
  }
  .p-lp-point__item .p-lp-point__item-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 15px;
    gap: 22px;
  }
  .p-lp-point__item .p-lp-point__item-list > li {
    padding: 5px 12px;
    border-radius: 30px;
    background: var(--accent-pink);
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
  }
  .p-lp-point__number {
    padding: 11px 20px;
    border-radius: 50px;
    font-size: 5.6vw;
    letter-spacing: 0.4px;
  }
  .p-lp-point {
    padding: 6.9333333333vw 4vw 14.1333333333vw;
  }
  .p-lp-point__item {
    padding: 11.7333333333vw 3.5vw 6.6666666667vw;
    border-radius: 5px;
  }
  .p-lp-point__item.mb {
    margin-bottom: 28px;
  }
  .p-lp-point__heading {
    margin: 0 0 3.2vw;
    font-size: 4.2666666667vw;
  }
  .p-lp-point__heading em {
    font-size: 6.4vw;
  }
  .p-lp-point__heading img {
    height: 12.2666666667vw;
  }
  .p-lp-point__text {
    margin: 0 0 4vw;
    font-size: 4vw;
  }
  .p-lp-point__text .size-mini {
    font-size: 2.9333333333vw;
  }
  .p-lp-point__fig-explain {
    margin-bottom: 4px;
    font-size: 2.9333333333vw;
  }
  .p-lp-point__img figcaption {
    margin-top: 4.2666666667vw;
    font-size: 3.2vw;
  }
  .p-lp-sample {
    padding: 6.6666666667vw;
  }
  .p-lp-sample__head {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    font-size: 4.8vw;
  }
  .p-lp-sample__head strong span {
    font-size: 2.6666666667vw;
  }
  .p-lp-sample__head span {
    font-size: 5.3333333333vw;
  }
  .p-lp-sample__main {
    width: 84vw;
    margin: 4.2666666667vw auto;
  }
  .p-lp-sample__foot {
    font-size: 3.7333333333vw;
  }
  .p-lp-sample__foot:not(:first-of-type) {
    margin-top: 4.2666666667vw;
  }
  .p-lp-movie__heading {
    margin: 16px auto 10px;
    font-size: 3.7333333333vw;
  }
  .p-lp-movie__heading:before {
    flex-shrink: 0;
    width: 2px;
    height: 19px;
    transform: rotate(-30deg) translateY(8px);
  }
  .p-lp-movie__heading:after {
    flex-shrink: 0;
    width: 2px;
    height: 19px;
    transform: rotate(30deg) translateY(8px);
  }
  .p-lp-voice__foot__text:first-of-type {
    margin-top: 12px;
  }
  .p-lp-voice {
    padding: 8vw;
  }
  .p-lp-voice__head {
    margin: 0 0 20.6666666667vw;
  }
  .p-lp-voice__main {
    margin: 0 0 8vw;
  }
  .p-lp-voice__main__item {
    margin: 0 0 21.3333333333vw;
    padding: 18.1333333333vw 5.3333333333vw 5.3333333333vw;
  }
  .p-lp-voice__main__img {
    width: 32.5333333333vw;
  }
  .p-lp-voice__main__heading {
    margin: 0 0 3.7333333333vw;
    font-size: 5.3333333333vw;
  }
  .p-lp-voice__main__category {
    margin: 0 0 3.2vw;
    gap: 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .p-lp-voice__main__category li {
    padding: 0.5333333333vw 2.2666666667vw;
    border: 1px solid #5b3017;
    border-radius: 2px;
    font-size: 3.4666666667vw;
  }
  .p-lp-voice__main__text {
    font-size: 4vw;
  }
  .p-lp-voice__foot__lead {
    margin: 0 0 4vw;
    font-size: 4vw;
  }
  .p-lp-voice__foot__heading {
    margin: 0 0 4vw;
  }
  .p-lp-voice__foot__text {
    font-size: 2.9333333333vw;
  }
  .p-lp-taste {
    padding: 10.6666666667vw 4vw;
  }
  .p-lp-taste__head {
    margin: 0 0 20vw;
    font-size: 7.4666666667vw;
  }
  .p-lp-taste__main {
    border-radius: 10px;
  }
  .p-lp-taste__icon {
    position: absolute;
    top: -5.2%;
    left: 50%;
    width: 20.8vw;
    transform: translateX(-50%);
  }
  .p-lp-taste__heading {
    margin: 0 0 2.6666666667vw;
    font-size: 4.8vw;
  }
  .p-lp-taste__heading .emphasis {
    color: var(--accent-pink);
    font-size: 8vw;
  }
  .p-lp-taste__explain {
    font-size: 4.2666666667vw;
  }
  .p-lp-maker__head .text {
    font-size: 3.7333333333vw;
  }
  .p-lp-maker__head .text span {
    font-size: 6.4vw;
  }
  .p-lp-maker__main {
    padding: 8vw;
  }
  .p-lp-maker__main dl {
    margin: 0 0 5.3333333333vw;
  }
  .p-lp-maker__main dl dt {
    margin: 0 0 1.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .p-lp-maker__main dl dd {
    font-size: 3.4666666667vw;
  }
  .p-lp-step {
    padding: 21.33333333vw 4vw 13.33333333vw;
  }
  .p-lp-step__head {
    margin: 0 0 8vw;
  }
  .p-lp-step__main {
    padding: 1.3333333333vw 4vw;
  }
  .p-lp-step__item {
    padding: 6.6666666667vw 0;
  }
  .p-lp-step__heading {
    margin: 0 0 4vw;
    font-size: 4vw;
  }
  .p-lp-step__text {
    font-size: 3.4666666667vw;
  }
  .p-lp-step__heading span {
    width: 18.1333333333vw;
    margin: 0 4vw 0 0;
  }
  .p-lp-step__img {
    margin: 0 0 4vw;
  }
  .p-lp-faq {
    padding: 13.3333333333vw 4vw;
  }
  .p-lp-faq__head {
    margin: 0 0 8vw;
  }
  .p-lp-faq__main dl {
    margin: 0 0 4.2666666667vw;
    padding: 4vw;
  }
  .p-lp-faq__main dl dt {
    padding: 0 13.3333333333vw 0 0;
    font-size: 4vw;
  }
  .p-lp-faq__main dl dt:before {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
  .p-lp-faq__main dl dd {
    margin: 4vw 0 0;
    padding: 4vw 0 0;
    border-top: 1.5px solid var(--deco-green);
    font-size: 3.4666666667vw;
  }
  .caution__head {
    width: 59.73333vw;
    inset-block-start: -6.333vw;
    padding: 0.7vw 4.3333vw;
  }
  .caution__frame.-mt90 {
    margin-top: 90px;
  }
  .caution__frame {
    width: 92.26666vw;
    padding: 9.6vw 0px 6.4vw;
    gap: 5vw;
  }
  .caution__itemization {
    gap: 3.2vw;
  }
  .caution__itemization > li {
    width: 83.46666vw;
  }
  .caution__itemization > li > .bullet-point {
    font-size: 5.33333vw;
  }
  .caution__itemization > li > .text {
    font-size: 4.8vw;
  }
  .caution__separator {
    width: 92.66666vw;
  }
  .caution__notation {
    width: 83.46666vw;
    font-size: 3.73333vw;
  }
}
@media screen and (max-width: 490px){
  .sinia02-limited-emphasis span::before {
    width: 4px;
    height: 4px;
  }
}
@media screen and (max-width: 350px){
  .p-lp-button .cta-link,
  .c-button .cta-link {
    width: 100%;
    min-width: auto;
  }
  .p-lp-button .cta-link .text,
  .c-button .cta-link .text {
    margin: auto 5% auto 0;
  }
}
@media (hover: hover){
  a:where(:-moz-any-link, :enabled, summary):hover {
    filter: brightness(1.125);
  }
  a:where(:any-link, :enabled, summary):hover {
    filter: brightness(1.125);
  }
  .p-lp-lineup__link:hover {
    filter: saturate(1.3);
  }
}