/* reset */
/*! 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-style: solid;
  border-width: 0;
}

/* 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 {
  line-height: 1.15; /* 1 */
}

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

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

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

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

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  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; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

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

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
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.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * 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 {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
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,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

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

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * 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.
 */
/**
 * Fix appearance for Firefox
 */
/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

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

caption {
  text-align: left;
}

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

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

:root {
  --padding-overall: min(calc(16vw*100/375), calc(16px/375*500));
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}

body {
  background-color: #F8ECC9;
  background-image: url(../images/bg.png);
  background-repeat: repeat;
  background-position: center top;
  background-attachment: fixed;
  color: #42311E;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
}

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

a:active, a:hover {
  outline: 0;
}

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

.l-wrapper {
  position: relative;
}

.l-header {
  display: none;
}

@media screen and (min-width: 1200px) {
  .l-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
  }
  .l-header__inner {
    padding: 24px 32px;
  }
  .l-header__logo {
    display: block;
    line-height: 0;
    width: 194px;
    object-fit: contain;
    object-position: left;
  }
}
.l-main {
  background-color: #FFFCDF;
  overflow: hidden;
}

@media screen and (min-width: 1200px) {
  .l-main {
    border-radius: 24px 24px 0 0;
  }
}
.l-footer {
  background-color: #f6f6f6;
}

.l-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(4.2666666667vw, 21.3333333333px);
  padding: min(10.6666666667vw, 53.3333333333px) min(4.2666666667vw, 21.3333333333px);
}

.l-footer__address {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(6.4vw, 32px);
  width: 100%;
}

.l-footer__address-head {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
}

.l-footer__brand {
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 2;
  font-weight: bold;
  text-align: center;
}

.l-footer__company {
  font-size: min(3.2vw, 16px);
}

.l-footer__logo {
  position: relative;
  width: min(58.6666666667vw, 293.3333333333px);
  object-fit: cover;
  aspect-ratio: 220/59;
}

.l-footer__address-list {
  display: flex;
  flex-direction: column;
  gap: min(3.2vw, 16px);
  width: 100%;
}

.l-footer__address-item {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.l-footer__shop-name {
  font-size: min(2.6666666667vw, 13.3333333333px);
  line-height: 1.2;
}

.l-footer__address-detail {
  font-size: min(2.6666666667vw, 13.3333333333px);
  line-height: 1.2;
}

.l-footer__copyright {
  font-size: min(2.6666666667vw, 13.3333333333px);
  line-height: 1.2;
}

.l-pc {
  margin: 0 auto;
  max-width: 500px;
}

@media screen and (min-width: 1200px) {
  .l-pc {
    padding-top: 32px;
    position: relative;
    z-index: 1;
  }
}
.c-link {
  transition: 0.2s ease;
}

@media (hover: hover) {
  .c-link:hover {
    opacity: 0.9;
    transform: scale(1.04);
  }
}
.c-fv__img {
  width: 100%;
}

.c-btnarea {
  background-color: #42311E;
  position: relative;
  z-index: 0;
}
.c-btnarea::before {
  background-image: url(../images/btn_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.32;
}

.c-btnarea__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(3.7333333333vw, 18.6666666667px);
  padding: min(6.4vw, 32px) var(--padding-overall);
}

.c-btnarea__heading {
  color: #fff;
  font-size: min(5.3333333333vw, 26.6666666667px);
  font-weight: bold;
  line-height: 1.5;
}
.c-btnarea__heading.u-hukidashi::before, .c-btnarea__heading.u-hukidashi::after {
  background-color: #fff;
}

.c-btnarea__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(3.7333333333vw, 18.6666666667px);
}

.c-btnarea__btn-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(3.7333333333vw, 18.6666666667px);
}

.c-btnarea__btn {
  width: 100%;
}

.c-btnarea__btn-img {
  width: 100%;
}

.c-btnarea__note {
  color: #fff;
  font-size: min(2.9333333333vw, 14.6666666667px);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.c-pointNav__inner {
  background-image: url(../images/pointNav_bg.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  gap: min(10.6666666667vw, 53.3333333333px);
  padding: min(12.8vw, 64px) var(--padding-overall) min(25.6vw, 128px);
}

.c-pointNav__header {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 5.3333333333px);
  text-align: center;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 0;
}
.c-pointNav__header::before {
  background-image: url(../images/pointNav_tit.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  left: calc(var(--padding-overall) * -1);
  right: calc(var(--padding-overall) * -1);
  bottom: max(-8.5333333333vw, -42.6666666667px);
  height: min(20.2666666667vw, 101.3333333333px);
  z-index: -1;
}

.c-pointNav__header-label {
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1.5;
  margin-bottom: min(3.2vw, 16px);
}

.c-pointNav__header-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1;
}

.c-pointNav__header-lead__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-pointNav__header-lead__img {
  width: min(42.6666666667vw, 213.3333333333px);
}

.c-pointNav__header-copy {
  font-size: min(6.4vw, 32px);
  line-height: 1.5;
}

.c-pointNav__header-title {
  font-size: min(9.0666666667vw, 45.3333333333px);
  line-height: 1;
}
.c-pointNav__header-title .u-num {
  font-size: min(11.7333333333vw, 58.6666666667px);
}

.c-pointNav__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(2.1333333333vw, 10.6666666667px);
}

.c-pointNav__link {
  background-color: #FFD759;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  box-shadow: 0 min(0.5333333333vw, 2.6666666667px) min(1.0666666667vw, 5.3333333333px) rgba(0, 0, 0, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(4.2666666667vw, 21.3333333333px);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  height: min(15.4666666667vw, 77.3333333333px);
  position: relative;
  padding-left: min(4.8vw, 24px);
}
.c-pointNav__link::before {
  background-color: #42311E;
  border-radius: min(4.8vw, 24px);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: min(4.2666666667vw, 21.3333333333px);
  width: min(4.8vw, 24px);
  height: min(4.8vw, 24px);
}
.c-pointNav__link::after {
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m.75.75%203%203M6.75.75l-3%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center/44% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%205%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m.75.75%203%203M6.75.75l-3%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center/44% auto;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: min(4.2666666667vw, 21.3333333333px);
  width: min(4.8vw, 24px);
  height: min(4.8vw, 24px);
}

.c-priceTrend {
  background-color: #fff;
}

.c-priceTrend__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(6.4vw, 32px);
  padding: min(6.4vw, 32px) var(--padding-overall);
  position: relative;
}

.c-priceTrend__header-icon {
  margin-bottom: min(2.6666666667vw, 13.3333333333px);
}

.c-priceTrend__header-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-bottom: min(6.4vw, 32px);
}

.c-priceTrend__title-em {
  font-size: min(7.4666666667vw, 37.3333333333px);
}

.c-priceTrend__summary {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-priceTrend__summary-em {
  font-size: min(7.4666666667vw, 37.3333333333px);
}

.c-priceTrend__alert {
  display: flex;
  flex-direction: column;
  gap: min(2.1333333333vw, 10.6666666667px);
}

.c-priceTrend__alert-lead {
  color: #C80707;
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-priceTrend__alert-text {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-priceTrend__alert-text__em {
  font-size: min(6.4vw, 32px);
}

.c-choice {
  position: relative;
}
.c-choice::before {
  background-color: #fff;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: min(17.0666666667vw, 85.3333333333px);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.c-choice__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(6.4vw, 32px);
  padding: min(23.4666666667vw, 117.3333333333px) var(--padding-overall) min(12.8vw, 64px);
  position: relative;
}

.c-choice__header-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-choice__header-lead__em {
  font-size: min(7.4666666667vw, 37.3333333333px);
}

.c-choice__visual {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-choice__visual-photo {
  margin: 0 calc(var(--padding-overall) * -1);
}

.c-choice__visual-text {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.7;
}

.c-choice__worry {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
}

.c-choice__worry-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-choice__worry-lead__em {
  font-size: min(7.4666666667vw, 37.3333333333px);
}

.choice__worry-list {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.choice__worry-item {
  background-color: #fff;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1.7;
  font-weight: bold;
  text-align: center;
  padding: min(1.6vw, 8px);
}

.c-choice__worry-text {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.7;
}

.c-point {
  background-color: #fff;
}

.c-point__inner {
  display: flex;
  flex-direction: column;
  padding: min(12.8vw, 64px) var(--padding-overall);
}

.c-point__header {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
  text-align: center;
  font-weight: bold;
  text-align: center;
}

.c-point__header-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
}
.c-point__header-lead .u-underline {
  background: linear-gradient(transparent 84%, #FFD759 84%);
}

.c-point__header-lead__inner {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-point__header-lead__em {
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1.5;
}

.c-point__list {
  display: flex;
  flex-direction: column;
  gap: min(8.5333333333vw, 42.6666666667px);
}

.c-point__card {
  background-color: #FFF5E5;
  border-radius: min(4.2666666667vw, 21.3333333333px);
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
  padding: min(6.4vw, 32px) min(4.2666666667vw, 21.3333333333px);
}

.c-point__card-title {
  font-size: min(5.8666666667vw, 29.3333333333px);
  font-weight: bold;
  line-height: 1.5;
  padding-left: min(11.7333333333vw, 58.6666666667px);
  position: relative;
}
.c-point__card-title::before {
  background-color: #fff;
  border-radius: min(1.0666666667vw, 5.3333333333px);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: min(7.4666666667vw, 37.3333333333px);
  height: min(7.4666666667vw, 37.3333333333px);
}
.c-point__card-title::after {
  background-color: #F59200;
  content: "";
  display: block;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2022%22%3E%3Cpath%20fill%3D%22%23f59200%22%20d%3D%22M26.998.678a2.313%202.313%200%200%200-3.273%200L8.972%2015.431l-5.02-5.02a2.313%202.313%200%200%200-3.274%200%202.313%202.313%200%200%200%200%203.272l6.656%206.656a2.3%202.3%200%200%200%201.638.677c.616%200%201.203-.242%201.638-.677L26.998%203.951a2.313%202.313%200%200%200%200-3.273%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2022%22%3E%3Cpath%20fill%3D%22%23f59200%22%20d%3D%22M26.998.678a2.313%202.313%200%200%200-3.273%200L8.972%2015.431l-5.02-5.02a2.313%202.313%200%200%200-3.274%200%202.313%202.313%200%200%200%200%203.272l6.656%206.656a2.3%202.3%200%200%200%201.638.677c.616%200%201.203-.242%201.638-.677L26.998%203.951a2.313%202.313%200%200%200%200-3.273%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  position: absolute;
  top: calc(50% - min(1.0666666667vw, 5.3333333333px));
  transform: translateY(-50%);
  left: min(1.0666666667vw, 5.3333333333px);
  width: min(7.4666666667vw, 37.3333333333px);
  height: min(5.8666666667vw, 29.3333333333px);
}

.c-point__card-photo__img {
  border-radius: min(4.2666666667vw, 21.3333333333px);
}

.c-point__card-text {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.7;
}

.c-reason {
  background-color: #FFD759;
}

.c-reason__inner {
  display: flex;
  flex-direction: column;
  padding: min(12.8vw, 64px) var(--padding-overall);
}

.c-reason__header {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
  text-align: center;
  font-weight: bold;
  text-align: center;
}

.c-reason__header-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
}

.c-reason__header-lead__inner {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-reason__header-lead__em {
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1.5;
}

.c-reason__list {
  display: flex;
  flex-direction: column;
  gap: min(8.5333333333vw, 42.6666666667px);
}

.c-reason__list {
  counter-reset: reasonList;
}

.c-reason__card {
  background-color: #fff;
  border-radius: min(4.2666666667vw, 21.3333333333px);
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
  padding: min(6.4vw, 32px) min(4.2666666667vw, 21.3333333333px);
}
.c-reason__card::before {
  color: #FFD759;
  counter-increment: reasonList;
  content: counter(reasonList, decimal-leading-zero);
  font-family: "Roboto", sans-serif;
  font-size: min(14.9333333333vw, 74.6666666667px);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: max(-3.2vw, -16px);
}

.c-reason__card-title {
  font-size: min(5.8666666667vw, 29.3333333333px);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.c-reason__card-photo__img {
  border-radius: min(4.2666666667vw, 21.3333333333px);
}

.c-reason__card-text {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.7;
}

.c-benefits__inner {
  display: flex;
  flex-direction: column;
  gap: min(8.5333333333vw, 42.6666666667px);
  padding: min(14.9333333333vw, 74.6666666667px) var(--padding-overall) min(6.4vw, 32px);
}

.c-diff__header {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
  text-align: center;
  font-weight: bold;
  text-align: center;
}

.c-diff__header-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
}

.c-diff__header-lead__em {
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1.5;
}

.c-diff__table {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  width: 100%;
  table-layout: fixed;
  margin-bottom: min(8.5333333333vw, 42.6666666667px);
}
.c-diff__table thead th {
  padding: min(5.3333333333vw, 26.6666666667px);
  text-align: center;
}
.c-diff__table thead th:first-child {
  width: min(16vw, 80px);
}
.c-diff__table thead th:nth-child(2) {
  background-color: #FFD759;
  border-radius: min(4.2666666667vw, 21.3333333333px) min(4.2666666667vw, 21.3333333333px) 0 0;
}
.c-diff__table thead th:nth-child(3) {
  padding: 0;
  vertical-align: bottom;
}
.c-diff__table thead th:nth-child(3) span {
  background-color: #F6F6F6;
  border-radius: min(4.2666666667vw, 21.3333333333px) min(4.2666666667vw, 21.3333333333px) 0 0;
  display: block;
  padding: min(4.2666666667vw, 21.3333333333px);
}
.c-diff__table tbody th, .c-diff__table tbody td {
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(66, 49, 30, 0.24);
  padding: min(5.3333333333vw, 26.6666666667px) 0;
  text-align: center;
  vertical-align: middle;
}
.c-diff__table tbody th {
  font-size: min(3.2vw, 16px);
}
.c-diff__table tbody td:nth-child(2) {
  background-color: #FFF2B0;
  color: #C80707;
}

.c-diff__note {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(4.2666666667vw, 21.3333333333px);
}

.c-diff__note-lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-diff__note-lead__em {
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1.5;
}

.c-diff__note-text {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.7;
}

.c-product__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-product__header {
  background-color: #F59200;
  border-radius: 100vw;
  color: #fff;
  font-size: min(6.4vw, 32px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  padding: min(2.6666666667vw, 13.3333333333px) 0;
  margin-bottom: max(-6.4vw, -32px);
  position: relative;
  width: 86%;
}

.c-product__body {
  background-color: #fff;
  border-radius: min(4.2666666667vw, 21.3333333333px);
  display: flex;
  flex-direction: column;
  gap: min(6.4vw, 32px);
  padding: min(14.9333333333vw, 74.6666666667px) min(4.2666666667vw, 21.3333333333px) min(8.5333333333vw, 42.6666666667px);
  width: 100%;
}

.c-product__body-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.1333333333vw, 10.6666666667px);
}

.c-product__body-logo {
  width: min(58.6666666667vw, 293.3333333333px);
}

.c-product__body-desc {
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.c-product__body-capacity {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-product__body-capacity__num {
  font-size: min(19.7333333333vw, 98.6666666667px);
}

.c-product__body-capacity__unit {
  font-size: min(10.6666666667vw, 53.3333333333px);
}

.c-product__body-list {
  font-size: min(4.5333333333vw, 22.6666666667px);
  line-height: 1.7;
  font-weight: bold;
}

.c-product__body-item {
  position: relative;
  padding-left: min(6.9333333333vw, 34.6666666667px);
}
.c-product__body-item::before {
  background-color: #F59200;
  border-radius: 100vw;
  content: "";
  display: block;
  position: absolute;
  top: min(1.6vw, 8px);
  left: 0;
  width: min(4.8vw, 24px);
  height: min(4.8vw, 24px);
}
.c-product__body-item::after {
  background-color: #fff;
  content: "";
  display: block;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%208%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.755.245a.836.836%200%200%200-1.183%200l-5.33%205.33-1.814-1.813A.836.836%200%201%200%20.245%204.944L2.65%207.35a.835.835%200%200%200%201.184%200l5.92-5.921a.836.836%200%200%200%200-1.183%22%2F%3E%3C%2Fsvg%3E") no-repeat center/55% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%208%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.755.245a.836.836%200%200%200-1.183%200l-5.33%205.33-1.814-1.813A.836.836%200%201%200%20.245%204.944L2.65%207.35a.835.835%200%200%200%201.184%200l5.92-5.921a.836.836%200%200%200%200-1.183%22%2F%3E%3C%2Fsvg%3E") no-repeat center/55% auto;
  position: absolute;
  top: min(1.6vw, 8px);
  left: 0;
  width: min(4.8vw, 24px);
  height: min(4.8vw, 24px);
}

.c-product__body-price {
  background-color: #F7F5E7;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  overflow: hidden;
}

.c-product__body-price__header {
  background-color: #42311E;
  color: #fff;
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1;
  font-weight: bold;
  padding: min(2.1333333333vw, 10.6666666667px) 0;
  text-align: center;
}

.c-product__body-price__body {
  padding: min(4.2666666667vw, 21.3333333333px);
}

.c-product__body-price__box {
  background-color: #fff;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(2.6666666667vw, 13.3333333333px);
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1;
  font-weight: bold;
  padding: min(3.2vw, 16px);
}

.c-product__body-price__title {
  border-radius: min(2.1333333333vw, 10.6666666667px);
}

.c-product__body-price__text {
  border-radius: min(2.1333333333vw, 10.6666666667px);
  text-align: center;
}

.c-product__body-price__text-num {
  font-size: min(5.3333333333vw, 26.6666666667px);
}

.c-product__body-price__text-small {
  font-size: min(3.2vw, 16px);
  font-weight: normal;
}

.c-cost__inner {
  display: flex;
  flex-direction: column;
  gap: min(8.5333333333vw, 42.6666666667px);
}

.c-cost__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-cost__header {
  background-color: #C80707;
  border-radius: 100vw;
  color: #fff;
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  padding: min(2.6666666667vw, 13.3333333333px) 0;
  margin-bottom: max(-6.4vw, -32px);
  position: relative;
  width: 86%;
}

.c-cost__body {
  background-color: #fff;
  border-radius: min(4.2666666667vw, 21.3333333333px);
  display: flex;
  flex-direction: column;
  gap: min(6.4vw, 32px);
  padding: min(14.9333333333vw, 74.6666666667px) min(4.2666666667vw, 21.3333333333px) 0;
  width: 100%;
}

.c-cost__body-header {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 5.3333333333px);
  text-align: center;
}

.c-cost__body-header__lead {
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1;
  font-weight: bold;
}

.c-cost__body-header__amount {
  display: flex;
  justify-content: center;
  gap: min(1.0666666667vw, 5.3333333333px);
  font-size: min(10.6666666667vw, 53.3333333333px);
  line-height: 1;
  font-weight: bold;
}

.c-cost__body-header__amount-main {
  display: flex;
  align-items: baseline;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-cost__body-header__amount-num {
  color: #C80707;
  font-size: min(19.7333333333vw, 98.6666666667px);
}

.c-cost__body-header__amount-note {
  font-size: min(3.7333333333vw, 18.6666666667px);
  line-height: 1.3;
  position: relative;
  align-self: flex-end;
  top: -0.5em;
}

.c-cost__body-note {
  font-size: min(3.2vw, 16px);
  line-height: 1.7;
}

.c-cost__body-collection {
  display: flex;
  flex-direction: column;
  gap: min(6.4vw, 32px);
}
.c-cost__body-collection::before {
  background-color: #FFD759;
  display: block;
  content: "";
  margin: 0 auto;
  width: min(52.5333333333vw, 262.6666666667px);
  height: min(12.2666666667vw, 61.3333333333px);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.c-cost__body-collection__body {
  font-size: min(7.4666666667vw, 37.3333333333px);
  line-height: 1;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-cost__body-collection__num {
  color: #C80707;
  font-size: min(19.7333333333vw, 98.6666666667px);
}

.c-cost__body-collection__unit {
  font-size: min(10.6666666667vw, 53.3333333333px);
}

.c-cost__body-capacity {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: baseline;
  gap: min(1.0666666667vw, 5.3333333333px);
}

.c-cost__body-capacity__num {
  font-size: min(19.7333333333vw, 98.6666666667px);
}

.c-cost__body-capacity__unit {
  font-size: min(10.6666666667vw, 53.3333333333px);
}

.c-cost__body-price {
  background-color: #F7F5E7;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  overflow: hidden;
}

.c-cost__body-price__header {
  background-color: #42311E;
  color: #fff;
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1;
  font-weight: bold;
  padding: min(2.1333333333vw, 10.6666666667px) 0;
  text-align: center;
}

.c-cost__body-price__body {
  display: flex;
  flex-direction: column;
  gap: min(5.3333333333vw, 26.6666666667px);
  padding: min(4.2666666667vw, 21.3333333333px);
}

.c-cost__body-price__body-inner {
  display: flex;
  flex-direction: column;
  gap: min(2.1333333333vw, 10.6666666667px);
}

.c-cost__body-price__box-equal {
  display: flex;
  flex-direction: column;
  gap: min(2.1333333333vw, 10.6666666667px);
}
.c-cost__body-price__box-equal::before {
  background-color: #42311E;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2342311e%22%20d%3D%22M2.5%2012V0h2v12zM7.5%2012V0h2v12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2342311e%22%20d%3D%22M2.5%2012V0h2v12zM7.5%2012V0h2v12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  content: "";
  display: block;
  margin: 0 auto;
  width: min(3.2vw, 16px);
  height: min(3.2vw, 16px);
}

.c-cost__body-price__box-formula {
  background-color: #fff;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(3.2vw, 16px);
  padding: min(3.2vw, 16px);
  font-size: min(3.4666666667vw, 17.3333333333px);
  font-weight: bold;
  text-align: center;
}
.c-cost__body-price__box-formula::before {
  background-color: #42311E;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2342311e%22%20d%3D%22M1.05%209.535%209.535%201.05l1.414%201.414-8.485%208.485z%22%2F%3E%3Cpath%20fill%3D%22%2342311e%22%20d%3D%22M9.535%2010.95%201.05%202.465%202.464%201.05l8.485%208.485z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2342311e%22%20d%3D%22M1.05%209.535%209.535%201.05l1.414%201.414-8.485%208.485z%22%2F%3E%3Cpath%20fill%3D%22%2342311e%22%20d%3D%22M9.535%2010.95%201.05%202.465%202.464%201.05l8.485%208.485z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  content: "";
  width: min(3.2vw, 16px);
  height: min(3.2vw, 16px);
}

.c-cost__body-price__box-formula__inner {
  display: flex;
  flex-direction: column;
  gap: min(2.1333333333vw, 10.6666666667px);
}
.c-cost__body-price__box-formula__inner:first-of-type {
  order: -1;
}

.c-cost__body-price__box-formula__title {
  line-height: 1;
}

.c-cost__body-price__box-formula__text {
  line-height: 1.5;
}

.c-cost__body-price__box-formula__num {
  font-size: min(4.5333333333vw, 22.6666666667px);
}

.c-cost__body-price__box-formula__note {
  font-size: min(2.1333333333vw, 10.6666666667px);
  display: block;
  text-align: center;
}

.c-cost__body-price__box {
  background-color: #fff;
  border-radius: min(2.1333333333vw, 10.6666666667px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(2.6666666667vw, 13.3333333333px);
  font-size: min(4.2666666667vw, 21.3333333333px);
  line-height: 1;
  font-weight: bold;
  padding: min(3.2vw, 16px);
}

.c-cost__body-price__title {
  border-radius: min(2.1333333333vw, 10.6666666667px);
}

.c-cost__body-price__text {
  border-radius: min(2.1333333333vw, 10.6666666667px);
  text-align: center;
}

.c-cost__body-price__text-num {
  font-size: min(5.3333333333vw, 26.6666666667px);
}

.c-cost__body-price__text-small {
  font-size: min(3.2vw, 16px);
  font-weight: normal;
}

.c-cost__body-price__note {
  font-size: min(2.6666666667vw, 13.3333333333px);
  font-weight: normal;
  line-height: 1.7;
}

.c-cost__body-price__body-inner__lead {
  font-size: min(5.3333333333vw, 26.6666666667px);
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  justify-content: center;
}

.c-cost__body-price__body-inner__description {
  font-size: min(3.2vw, 16px);
  font-weight: bold;
  line-height: 1.7;
}

.c-cost__foot {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
}

.c-cost__foot-lead {
  font-size: min(4.2666666667vw, 21.3333333333px);
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}

.c-cost__foot-note {
  font-size: min(3.2vw, 16px);
  line-height: 1.7;
}

.c-telarea {
  background-color: #FFF2B0;
}

.c-telarea__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(6.4vw, 32px) 0 min(8.5333333333vw, 42.6666666667px);
  position: relative;
}

.c-telarea__header {
  margin-top: max(-9.6vw, -48px);
  width: 100%;
}

.c-telarea__header-img {
  width: 100%;
}

.c-telarea__content {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
  padding: 0 var(--padding-overall);
  width: 100%;
}

.c-telarea__info {
  background-color: #fff;
  border-radius: min(4.2666666667vw, 21.3333333333px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(2.6666666667vw, 13.3333333333px);
  padding: min(5.3333333333vw, 26.6666666667px);
}

.c-telarea__info-text {
  font-size: min(4.8vw, 24px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.c-telarea__phone {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.6vw, 8px);
}

.c-telarea__phone-number {
  display: inline-flex;
  align-items: center;
  gap: min(2.6666666667vw, 13.3333333333px);
}
.c-telarea__phone-number::before {
  background-color: #F17F14;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2226%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23F17F14%22%20d%3D%22M3.746.692C4.68-.229%205.854-.229%206.793.687c.58.568%201.15%201.149%201.724%201.723.556.563%201.113%201.113%201.67%201.676.981.987.981%202.137.006%203.118-.7.706-1.395%201.412-2.107%202.1-.185.186-.204.336-.108.563.473%201.125%201.149%202.125%201.909%203.059%201.532%201.879%203.262%203.549%205.327%204.847.443.276.934.48%201.395.73.233.133.395.09.587-.108.7-.717%201.412-1.423%202.124-2.13.933-.927%202.107-.927%203.046%200%201.143%201.138%202.287%202.275%203.424%203.418.952.957.945%202.13-.012%203.1-.647.652-1.334%201.275-1.945%201.957-.891%201-2.005%201.323-3.286%201.251-1.861-.101-3.574-.718-5.226-1.52-3.668-1.784-6.805-4.256-9.432-7.38-1.945-2.31-3.55-4.83-4.603-7.666C.772%208.055.407%206.647.521%205.157c.072-.915.413-1.7%201.089-2.34C2.34%202.123%203.028%201.4%203.746.692Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2226%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23F17F14%22%20d%3D%22M3.746.692C4.68-.229%205.854-.229%206.793.687c.58.568%201.15%201.149%201.724%201.723.556.563%201.113%201.113%201.67%201.676.981.987.981%202.137.006%203.118-.7.706-1.395%201.412-2.107%202.1-.185.186-.204.336-.108.563.473%201.125%201.149%202.125%201.909%203.059%201.532%201.879%203.262%203.549%205.327%204.847.443.276.934.48%201.395.73.233.133.395.09.587-.108.7-.717%201.412-1.423%202.124-2.13.933-.927%202.107-.927%203.046%200%201.143%201.138%202.287%202.275%203.424%203.418.952.957.945%202.13-.012%203.1-.647.652-1.334%201.275-1.945%201.957-.891%201-2.005%201.323-3.286%201.251-1.861-.101-3.574-.718-5.226-1.52-3.668-1.784-6.805-4.256-9.432-7.38-1.945-2.31-3.55-4.83-4.603-7.666C.772%208.055.407%206.647.521%205.157c.072-.915.413-1.7%201.089-2.34C2.34%202.123%203.028%201.4%203.746.692Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  content: "";
  display: block;
  width: min(6.9333333333vw, 34.6666666667px);
  height: min(6.9333333333vw, 34.6666666667px);
}

.c-telarea__phone-number-text {
  font-family: "Roboto", sans-serif;
  font-size: min(9.6vw, 48px);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.c-telarea__schedule {
  font-size: min(3.2vw, 16px);
  text-align: center;
  line-height: 1.5;
}

.c-telarea__note {
  font-size: min(3.2vw, 16px);
  line-height: 1.7;
}

.is-hidden,
.screen-reader-response {
  display: none !important;
}

.wpcf7-not-valid-tip {
  color: #E00211;
  font-weight: 700;
}

.wpcf7-response-output {
  margin-top: 1em;
}

@media screen and (min-width: 1024px) {
  .wpcf7-response-output {
    text-align: center;
  }
}
.c-form {
  background-color: #F59200;
}

.c-form__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(8.5333333333vw, 42.6666666667px) var(--padding-overall);
  position: relative;
}

.c-form__header {
  margin-top: max(-3.2vw, -16px);
  width: 100%;
  text-align: center;
}

.c-form__header-img {
  width: min(91.4666666667vw, 457.3333333333px);
}

.c-form__form {
  background-color: #fff;
  border-radius: min(4.2666666667vw, 21.3333333333px);
  padding: min(4.2666666667vw, 21.3333333333px);
}

.c-form__wrap {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 21.3333333333px);
}

.c-form__frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(3.2vw, 16px);
}

.c-form__field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(2.1333333333vw, 10.6666666667px);
}

.c-form__label {
  display: flex;
  align-items: center;
  gap: min(1.6vw, 8px);
}

.c-form__label-text {
  font-size: min(3.7333333333vw, 18.6666666667px);
  font-weight: 700;
  line-height: 1.4;
}

.c-form__label-required {
  background-color: #fbe969;
  border-radius: min(1.0666666667vw, 5.3333333333px);
  font-size: min(2.6666666667vw, 13.3333333333px);
  font-weight: 700;
  line-height: 1.4;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: min(0.5333333333vw, 2.6666666667px) min(1.6vw, 8px);
}

.c-form__input-text,
.c-form__textarea-text {
  background-color: #f1f5f7;
  border-radius: min(0.5333333333vw, 2.6666666667px);
  border: min(0.2666666667vw, 1.3333333333px) solid #cfd3d6;
  color: #333;
  font-size: min(4.2666666667vw, 21.3333333333px);
  font-weight: 500;
  width: 100%;
}
.c-form__input-text::placeholder,
.c-form__textarea-text::placeholder {
  opacity: 0.36;
}

.c-form__input-text {
  line-height: 1;
  padding: 0 min(2.6666666667vw, 13.3333333333px);
  height: min(12.2666666667vw, 61.3333333333px);
}

.c-form__textarea-text {
  line-height: 1.5;
  padding: min(2.9333333333vw, 14.6666666667px) min(2.6666666667vw, 13.3333333333px);
  height: min(40vw, 200px);
  resize: vertical;
}

.c-form__note {
  font-size: min(3.2vw, 16px);
  line-height: 1.7;
  opacity: 0.7;
}

.c-form__submit-btn {
  background: linear-gradient(to right, #F5A902, #EB590F);
  border-radius: 26.6666666667vw;
  box-shadow: 0 min(1.0666666667vw, 5.3333333333px) min(4.2666666667vw, 21.3333333333px) rgba(0, 0, 0, 0.24);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(6.4vw, 32px);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  height: min(17.0666666667vw, 85.3333333333px);
  position: relative;
  width: 100%;
}
.c-form__submit-btn::before {
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%200c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S0%2017.075%200%2011%204.925%200%2011%200M9.871%205.63a1.23%201.23%200%200%200-1.666%200%201.07%201.07%200%200%200%200%201.573l4.118%203.886-4.118%203.887a1.07%201.07%200%200%200%200%201.572c.46.434%201.206.434%201.666%200l4.942-4.664.01-.008c.201-.19.314-.432.34-.68.032-.319-.08-.649-.34-.893l-.01-.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%200c6.075%200%2011%204.925%2011%2011s-4.925%2011-11%2011S0%2017.075%200%2011%204.925%200%2011%200M9.871%205.63a1.23%201.23%200%200%200-1.666%200%201.07%201.07%200%200%200%200%201.573l4.118%203.886-4.118%203.887a1.07%201.07%200%200%200%200%201.572c.46.434%201.206.434%201.666%200l4.942-4.664.01-.008c.201-.19.314-.432.34-.68.032-.319-.08-.649-.34-.893l-.01-.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
  content: "";
  display: block;
  width: min(5.8666666667vw, 29.3333333333px);
  height: min(5.8666666667vw, 29.3333333333px);
  position: absolute;
  top: 50%;
  right: min(4.2666666667vw, 21.3333333333px);
  transform: translateY(-50%);
}

.c-pcParts {
  display: none;
}

@media screen and (min-width: 1200px) {
  .c-pcParts {
    display: block;
  }
  .c-pcParts__bnr {
    position: fixed;
    bottom: 10px;
    left: 10px;
  }
  .c-pcParts__bnr-img {
    max-width: 282px;
  }
  .c-pcParts__btn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .c-pcParts__pagetop {
    position: fixed;
    left: calc(50% + 202px);
    bottom: 17px;
  }
  .c-pcParts__pagetop-img {
    max-width: 162px;
  }
  .c-pcParts__pagetop-inner {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.2s cubic-bezier(0.16, 0.74, 0.64, 1.22);
  }
  [data-scroll=true] .c-pcParts__pagetop-inner {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1200px) and (hover: hover) {
  .c-pcParts__pagetop-img {
    transition: all 0.1s;
  }
  .c-pcParts__pagetop-img:hover {
    transform: translateY(-5px);
  }
}
.u-em {
  color: #F79306;
}

.u-em__blue {
  color: #0097E8;
}

.u-num {
  font-family: "Roboto", sans-serif;
}

.u-underline {
  background: linear-gradient(transparent 60%, #F9F49B 60%);
}

.u-underline__yellow {
  background: linear-gradient(transparent 60%, #FFEE00 60%);
}

.u-underline__blue {
  background: linear-gradient(transparent 70%, #87D5FF 70%);
}

.u-underline__blue02 {
  background: linear-gradient(transparent 70%, #E1F4FF 70%);
}

.u-underline__orange {
  background: linear-gradient(transparent 70%, #FFD759 70%);
}

.u-hukidashi {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.57em;
  text-align: center;
}
.u-hukidashi::before, .u-hukidashi::after {
  background-color: #42311E;
  border-radius: 100vw;
  content: "";
  width: min(0.8vw, 4px);
  flex-shrink: 0;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.u-hukidashi::before {
  transform: rotate(-30deg);
}
.u-hukidashi::after {
  transform: rotate(30deg);
}
