html {
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
}

img, video {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

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

strong {
  font-weight: 700;
}

em {
  font-style: normal;
}

.inner {
  max-width: 570px;
  margin-inline: auto;
}

.pc-a {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc-a {
    display: none !important;
  }
}

.sp-a {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp-a {
    display: block !important;
  }
}

.fs-20 {
  font-size: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) !important;
}

.fs-21 {
  font-size: clamp(8.959944px, -0.00012768px + 2.8000224vw, 15.96px) !important;
}

.fs-22 {
  font-size: clamp(9.386608px, -0.00013376px + 2.9333568vw, 16.72px) !important;
}

.fs-23 {
  font-size: clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px) !important;
}

.fs-24 {
  font-size: clamp(10.239936px, -0.00014592px + 3.2000256vw, 18.24px) !important;
}

.fs-25 {
  font-size: clamp(10.6666px, -0.000152px + 3.33336vw, 19px) !important;
}

.fs-26 {
  font-size: clamp(11.093264px, -0.00015808px + 3.4666944vw, 19.76px) !important;
}

.fs-27 {
  font-size: clamp(11.519928px, -0.00016416px + 3.6000288vw, 20.52px) !important;
}

.fs-28 {
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px) !important;
}

.fs-29 {
  font-size: clamp(12.373256px, -0.00017632px + 3.8666976vw, 22.04px) !important;
}

.fs-32 {
  font-size: clamp(13.653248px, -0.00019456px + 4.2667008vw, 24.32px) !important;
}

.fs-40 {
  font-size: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px) !important;
}

.fs-41 {
  font-size: clamp(17.493224px, -0.00024928px + 5.4667104vw, 31.16px) !important;
}

.fs-42 {
  font-size: clamp(17.919888px, -0.00025536px + 5.6000448vw, 31.92px) !important;
}

.fs-43 {
  font-size: clamp(18.346552px, -0.00026144px + 5.7333792vw, 32.68px) !important;
}

.fs-44 {
  font-size: clamp(18.773216px, -0.00026752px + 5.8667136vw, 33.44px) !important;
}

.fs-45 {
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px) !important;
}

.fs-46 {
  font-size: clamp(19.626544px, -0.00027968px + 6.1333824vw, 34.96px) !important;
}

.fs-47 {
  font-size: clamp(20.053208px, -0.00028576px + 6.2667168vw, 35.72px) !important;
}

.fs-48 {
  font-size: clamp(20.479872px, -0.00029184px + 6.4000512vw, 36.48px) !important;
}

.fs-49 {
  font-size: clamp(20.906536px, -0.00029792px + 6.5333856vw, 37.24px) !important;
}

.fs-50 {
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px) !important;
}

.fs-51 {
  font-size: clamp(21.759864px, -0.00031008px + 6.8000544vw, 38.76px) !important;
}

.fs-52 {
  font-size: clamp(22.186528px, -0.00031616px + 6.9333888vw, 39.52px) !important;
}

.fs-53 {
  font-size: clamp(22.613192px, -0.00032224px + 7.0667232vw, 40.28px) !important;
}

.fs-54 {
  font-size: clamp(23.039856px, -0.00032832px + 7.2000576vw, 41.04px) !important;
}

.fs-55 {
  font-size: clamp(23.46652px, -0.0003344px + 7.333392vw, 41.8px) !important;
}

.fs-56 {
  font-size: clamp(23.893184px, -0.00034048px + 7.4667264vw, 42.56px) !important;
}

.fs-57 {
  font-size: clamp(24.319848px, -0.00034656px + 7.6000608vw, 43.32px) !important;
}

.fs-58 {
  font-size: clamp(24.746512px, -0.00035264px + 7.7333952vw, 44.08px) !important;
}

.fs-59 {
  font-size: clamp(25.173176px, -0.00035872px + 7.8667296vw, 44.84px) !important;
}

.fs-60 {
  font-size: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px) !important;
}

.fs-61 {
  font-size: clamp(26.026504px, -0.00037088px + 8.1333984vw, 46.36px) !important;
}

.fs-62 {
  font-size: clamp(26.453168px, -0.00037696px + 8.2667328vw, 47.12px) !important;
}

.fs-63 {
  font-size: clamp(26.879832px, -0.00038304px + 8.4000672vw, 47.88px) !important;
}

.fs-64 {
  font-size: clamp(27.306496px, -0.00038912px + 8.5334016vw, 48.64px) !important;
}

.fs-65 {
  font-size: clamp(27.73316px, -0.0003952px + 8.666736vw, 49.4px) !important;
}

.fs-66 {
  font-size: clamp(28.159824px, -0.00040128px + 8.8000704vw, 50.16px) !important;
}

.fs-67 {
  font-size: clamp(28.586488px, -0.00040736px + 8.9334048vw, 50.92px) !important;
}

.fs-68 {
  font-size: clamp(29.013152px, -0.00041344px + 9.0667392vw, 51.68px) !important;
}

.fs-69 {
  font-size: clamp(29.439816px, -0.00041952px + 9.2000736vw, 52.44px) !important;
}

.fs-70 {
  font-size: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px) !important;
}

.fs-71 {
  font-size: clamp(30.293144px, -0.00043168px + 9.4667424vw, 53.96px) !important;
}

.fs-72 {
  font-size: clamp(30.719808px, -0.00043776px + 9.6000768vw, 54.72px) !important;
}

.fs-73 {
  font-size: clamp(31.146472px, -0.00044384px + 9.7334112vw, 55.48px) !important;
}

.fs-74 {
  font-size: clamp(31.573136px, -0.00044992px + 9.8667456vw, 56.24px) !important;
}

.fs-75 {
  font-size: clamp(31.9998px, -0.000456px + 10.00008vw, 57px) !important;
}

.fs-76 {
  font-size: clamp(32.426464px, -0.00046208px + 10.1334144vw, 57.76px) !important;
}

.fs-77 {
  font-size: clamp(32.853128px, -0.00046816px + 10.2667488vw, 58.52px) !important;
}

.fs-78 {
  font-size: clamp(33.279792px, -0.00047424px + 10.4000832vw, 59.28px) !important;
}

.fs-79 {
  font-size: clamp(33.706456px, -0.00048032px + 10.5334176vw, 60.04px) !important;
}

.fs-80 {
  font-size: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px) !important;
}

.ls2 {
  letter-spacing: 0.02em;
}

.ls-4 {
  letter-spacing: -0.04em;
}

.ls-5 {
  letter-spacing: -0.05em;
}

.ls-8 {
  letter-spacing: -0.08em;
}

.ls-10 {
  letter-spacing: -0.1em;
}

.ls-20 {
  letter-spacing: -0.2em;
}

.ls-30 {
  letter-spacing: -0.3em;
}

.p-0 {
  padding: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.nowrap {
  white-space: nowrap;
}

.furi {
  position: relative;
}
.furi::before {
  content: "グランツ";
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 500;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.line-yellow {
  display: inline-block;
  line-height: 1.2;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFD9C), color-stop(50%, transparent));
  background: linear-gradient(to top, #FFFD9C 0%, transparent 50%);
}

.red {
  color: #E3502C;
  font-weight: 700;
}

.border {
  padding-bottom: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  background-image: repeating-linear-gradient(to right, #8F8186 0, #8F8186 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px));
  background-size: 100% clamp(0.853328px, -0.00001216px + 0.2666688vw, 1.52px);
  background-repeat: no-repeat;
  background-position: bottom;
}

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/**

fv

**/
header {
  width: clamp(319.998px, -0.00456px + 100.0008vw, 570px);
  height: clamp(41.386408px, -0.00058976px + 12.9334368vw, 73.72px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}

.main-visual::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/fv-fixed-bg.webp") left top/cover no-repeat;
  position: fixed;
  top: 0%;
  left: 0%;
  z-index: -3;
}
.main-visual::after {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0%;
  left: 0%;
  z-index: -1;
  background: radial-gradient(50% 50% at 50% 50%, rgba(236, 225, 214, 0.46) 0%, rgba(223, 213, 203, 0.46) 100%);
}
.main-visual__img {
  position: fixed;
}
@media screen and (max-width: 1200px) {
  .main-visual__img {
    display: none;
  }
}
.main-visual__img._leaf-l {
  width: clamp(228.125px, 0px + 19.0104166667vw, 365px);
  height: clamp(121.25px, 0px + 10.1041666667vw, 194px);
  top: -2%;
  left: 0%;
}
.main-visual__img._leaf-r {
  width: clamp(215px, 0px + 17.9166666667vw, 344px);
  height: clamp(121.25px, 0px + 10.1041666667vw, 194px);
  top: -2%;
  right: -1%;
}
.main-visual__img._food {
  width: clamp(309.5px, -206.3333333333px + 42.9861111111vw, 619px);
  height: clamp(263px, -175.3333333333px + 36.5277777778vw, 526px);
  bottom: 1%;
  left: 0%;
}
.main-visual__img._cat {
  width: calc(50vw - 310px);
  bottom: -5%;
  right: 0;
}
.main-visual__img._cat img {
  width: clamp(251.875px, 0px + 20.9895833333vw, 403px);
  height: clamp(319.375px, 0px + 26.6145833333vw, 511px);
  margin-inline: auto;
}
.main-visual__text-area {
  position: fixed;
  top: 0;
  width: calc(50vw - 285px);
  height: 100vh;
  padding-top: 190px;
}
@media screen and (max-width: 1200px) {
  .main-visual__text-area {
    display: none;
  }
}
.main-visual__text-area._left {
  left: 0;
}
.main-visual__text-area._right {
  right: 0;
}
.main-visual__text {
  margin: 0 auto;
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  color: #716259;
  text-align: center;
}
.main-visual__text-area._left .main-visual__text {
  width: clamp(212.5px, 0px + 17.7083333333vw, 340px);
}
@media screen and (min-width: 1921px) {
  .main-visual__text-area._left .main-visual__text {
    margin-left: auto;
    margin-right: 20%;
  }
}
.main-visual__text-area._right .main-visual__text {
  width: clamp(250px, 0px + 20.8333333333vw, 400px);
}
@media screen and (min-width: 1921px) {
  .main-visual__text-area._right .main-visual__text {
    margin-right: auto;
    margin-left: 18%;
  }
}
.main-visual__text h2 {
  font-size: clamp(25px, 0px + 2.0833333333vw, 40px);
  padding-bottom: clamp(10px, -6.6666666667px + 1.3888888889vw, 20px);
}
.main-visual__text h2 strong {
  font-size: clamp(28.125px, 0px + 2.34375vw, 45px);
}
.main-visual__text p {
  font-size: clamp(12.5px, 0px + 1.0416666667vw, 20px);
  line-height: 2;
  padding-top: 20px;
  border-top: 1px solid #716259;
  white-space: nowrap;
}
.main-visual__cta-img {
  width: clamp(260px, 0px + 21.6666666667vw, 416px);
  margin-inline: auto;
}
.main-visual__wrap {
  background: #fff;
  -webkit-box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px) 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px) 0px rgba(0, 0, 0, 0.25);
}

.fv {
  position: relative;
  padding-top: clamp(350px, 4.4px + 108vw, 620px);
  text-align: center;
  z-index: 1;
  background: #83796A;
}
.fv__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.fv__features {
  -webkit-transform: translateY(-6%);
      -ms-transform: translateY(-6%);
          transform: translateY(-6%);
}
.fv__note {
  font-size: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  color: #fff;
  font-weight: 400;
  -webkit-transform: translateY(-145%);
      -ms-transform: translateY(-145%);
          transform: translateY(-145%);
}

/**



**/
.evaluation {
  position: relative;
  background: #F1EFE4;
  text-align: center;
  padding-top: clamp(23.46652px, -0.0003344px + 7.333392vw, 41.8px);
  padding-bottom: clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px);
}
.evaluation__snack {
  position: absolute;
  top: 0;
  left: 4%;
  width: clamp(73.812872px, -0.00105184px + 23.0668512vw, 131.48px);
  -webkit-transform: translateY(-25%);
      -ms-transform: translateY(-25%);
          transform: translateY(-25%);
  z-index: 2;
}
.evaluation__title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
  font-size: clamp(25.173176px, -0.00035872px + 7.8667296vw, 44.84px);
  color: #373737;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.4;
}
.evaluation__title .furi {
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  letter-spacing: 0.01em;
}
.evaluation__title .furi::before {
  font-size: clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px);
  letter-spacing: 0.8em;
}
.evaluation__title .fs-sm {
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.evaluation__title .fs-lg {
  font-size: clamp(34.986448px, -0.00049856px + 10.9334208vw, 62.32px);
}
.evaluation__lead {
  display: block;
  font-size: clamp(5.973296px, -0.00008512px + 1.8666816vw, 10.64px);
  margin-bottom: clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px);
}
.evaluation__lead-small {
  display: block;
  font-size: clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px);
  letter-spacing: 0.35em;
}
.evaluation__continuation-rate {
  position: relative;
  overflow: hidden;
}
.evaluation__img, .evaluation__movie {
  position: absolute;
}
.evaluation__img._img01 {
  width: clamp(128.852528px, -0.00183616px + 40.2669888vw, 229.52px);
  bottom: 12.3%;
  left: 32%;
  z-index: 5;
}
.evaluation__img._img02 {
  width: clamp(101.546032px, -0.00144704px + 31.7335872vw, 180.88px);
  bottom: 15.6%;
  right: -1%;
  z-index: 4;
}
.evaluation__movie {
  overflow: hidden;
  border: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px) solid #fff;
}
.evaluation__movie._movie01 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  bottom: 20%;
  left: -2.3%;
  width: clamp(108.372656px, -0.00154432px + 33.8669376vw, 193.04px);
  height: clamp(87.46612px, -0.0012464px + 27.333552vw, 155.8px);
}
.evaluation__movie._movie01 video, .evaluation__movie._movie01 img {
  width: clamp(273.06496px, -0.0038912px + 85.334016vw, 486.4px);
  height: clamp(153.59904px, -0.0021888px + 48.000384vw, 273.6px);
  max-width: none;
  position: absolute;
  top: -43%;
  left: -70%;
}
.evaluation__movie._movie02 {
  bottom: 39.9%;
  right: -4%;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  width: clamp(93.012752px, -0.00132544px + 29.0668992vw, 165.68px);
  height: clamp(89.59944px, -0.0012768px + 28.000224vw, 159.6px);
}
.evaluation__movie._movie02 video, .evaluation__movie._movie02 img {
  width: clamp(114.772616px, -0.00163552px + 35.8669536vw, 204.44px);
  height: clamp(143.359104px, -0.00204288px + 44.8003584vw, 255.36px);
  max-width: none;
  position: absolute;
  top: -24%;
  left: -20%;
}
.evaluation__note {
  font-family: "Inter", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: right;
  padding-right: clamp(13.226584px, -0.00018848px + 4.1333664vw, 23.56px);
  font-size: clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px);
  color: #1f0e07;
}

/**

シリーズ累計1,800万食突破

**/
.authority__note {
  font-size: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  color: #83796A;
  margin-left: clamp(31.9998px, -0.000456px + 10.00008vw, 57px);
}

/**

ユーザーボイス

**/
.voice {
  position: relative;
}
.voice__wrap {
  position: relative;
  overflow: hidden;
}
.voice__wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(31.9998px, -0.000456px + 10.00008vw, 57px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/voice-bg-top.webp") center bottom/contain no-repeat;
}
.voice__wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(110.505976px, -0.00157472px + 34.5336096vw, 196.84px);
  background-image: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/voice-bg-bottom.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: relative;
  z-index: 3;
}
.voice__title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #373737;
  font-size: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  text-align: center;
  line-height: 1.3;
  background: #F1EFE4;
  position: relative;
}
.voice__title::before {
  content: "";
  display: block;
  width: clamp(62.292944px, -0.00088768px + 19.4668224vw, 110.96px);
  height: clamp(81.492824px, -0.00116128px + 25.4668704vw, 145.16px);
  background-image: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/voice-footprints.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}
.voice__title .en {
  display: block;
  font-family: "Cormorant", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(14.93324px, -0.0002128px + 4.666704vw, 26.6px);
  font-weight: 500;
}
.voice__title p {
  margin-top: clamp(10.6666px, -0.000152px + 3.33336vw, 19px);
}
.voice__title .fs-sm {
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  letter-spacing: -0.05em;
}
.voice__title .fs-lg {
  font-size: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
}
.voice__cat, .voice__pkg {
  position: absolute;
}
.voice__note {
  background: #F1EFE4;
}
.voice__note p {
  margin-inline: auto;
  width: clamp(229.545232px, -0.00327104px + 71.7339072vw, 408.88px);
  font-size: clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px);
  color: #000;
  line-height: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  line-height: 1.7;
  padding-right: clamp(42.6664px, -0.000608px + 13.33344vw, 76px);
}
.voice__cat {
  width: clamp(157.86568px, -0.0022496px + 49.333728vw, 281.2px);
  bottom: 3.5%;
  right: -16%;
  z-index: 10;
}
.voice__pkg {
  width: clamp(210.772016px, -0.00300352px + 65.8671936vw, 375.44px);
  bottom: -1.5%;
  left: -19%;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  z-index: 5;
}

/**

健康寿命は毎日のごはんから

**/
.concept {
  color: #584D51;
  position: relative;
  text-align: center;
  padding-bottom: clamp(85.3328px, -0.001216px + 26.66688vw, 152px);
}
.concept::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(767.9952px, -0.010944px + 240.00192vw, 1368px);
  position: absolute;
  top: -15%;
  left: 0;
  z-index: 1;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/concept-bg.webp") bottom center/cover no-repeat;
}
.concept__title, .concept__txt, .concept__food {
  position: relative;
  z-index: 3;
}
.concept__title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.08em;
  font-weight: 600;
}
.concept__title .fs-1 {
  font-size: clamp(25.173176px, -0.00035872px + 7.8667296vw, 44.84px);
}
.concept__title .fs-2 {
  font-size: clamp(29.013152px, -0.00041344px + 9.0667392vw, 51.68px);
}
.concept__title .fs-3 {
  font-size: clamp(27.306496px, -0.00038912px + 8.5334016vw, 48.64px);
}
.concept__title .fs-4 {
  font-size: clamp(29.013152px, -0.00041344px + 9.0667392vw, 51.68px);
}
.concept__title .fs-5 {
  font-size: clamp(31.9998px, -0.000456px + 10.00008vw, 57px);
}
.concept__txt {
  font-size: clamp(14.506576px, -0.00020672px + 4.5333696vw, 25.84px);
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.concept__txt .furi::before {
  font-size: clamp(5.973296px, -0.00008512px + 1.8666816vw, 10.64px);
  letter-spacing: 0.8em;
}
.concept__food {
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.concept__photo {
  position: absolute;
  bottom: 0%;
  left: 0;
  -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
          transform: translateY(60%);
  z-index: 10;
  overflow: hidden;
}
.concept__photo::before, .concept__photo::after {
  content: "";
  display: block;
  width: 200%;
  height: clamp(298.6648px, -0.004256px + 93.33408vw, 532px);
  background: #82796a;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.concept__photo::before {
  -webkit-transform: translate(-50%, 100%) rotate(45deg);
      -ms-transform: translate(-50%, 100%) rotate(45deg);
          transform: translate(-50%, 100%) rotate(45deg);
}
.concept__photo::after {
  -webkit-transform: translate(-50%, 100%) rotate(-45deg);
      -ms-transform: translate(-50%, 100%) rotate(-45deg);
          transform: translate(-50%, 100%) rotate(-45deg);
}

/**

GRANDSが選ばれる理由

**/
.reason {
  position: relative;
  background: #83796A;
  padding-top: clamp(136.53248px, -0.0019456px + 42.667008vw, 243.2px);
  padding-bottom: clamp(36.693104px, -0.00052288px + 11.4667584vw, 65.36px);
  overflow: hidden;
}
.reason__title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  padding-top: clamp(31.146472px, -0.00044384px + 9.7334112vw, 55.48px);
  height: clamp(215.891984px, -0.00307648px + 67.4672064vw, 384.56px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-title.webp") center/cover no-repeat;
}
.reason__title--top {
  font-size: clamp(21.759864px, -0.00031008px + 6.8000544vw, 38.76px);
  color: #fff;
  letter-spacing: 0.1em;
}
.reason__title--bottom {
  font-size: clamp(40.106416px, -0.00057152px + 12.5334336vw, 71.44px);
  display: inline-block;
  background: linear-gradient(117.71deg, #F4D498 0%, #F7FBDE 52%, #D8A955 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.reason__list {
  width: clamp(294.39816px, -0.0041952px + 92.000736vw, 524.4px);
  margin-inline: auto;
  position: relative;
}
.reason__item {
  background: #fff;
  border-radius: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  padding: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  position: relative;
}
.reason__item + li {
  margin-top: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
}
.reason__item::before {
  content: "";
  display: block;
  width: clamp(182.185528px, -0.00259616px + 56.9337888vw, 324.52px);
  height: clamp(104.106016px, -0.00148352px + 32.5335936vw, 185.44px);
  position: absolute;
  top: -3%;
  left: -9%;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.reason__item:nth-child(1)::before {
  background-image: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-point01.webp");
}
.reason__item:nth-child(2)::before {
  background-image: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-point02.webp");
}
.reason__item:nth-child(3)::before {
  background-image: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-point03.webp");
}
.reason__item:nth-child(4)::before {
  background-image: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-point04.webp");
}
.reason__body {
  margin-inline: auto;
  border: 1px solid rgba(88, 77, 81, 0.7);
  border-radius: clamp(14.506576px, -0.00020672px + 4.5333696vw, 25.84px);
  padding-bottom: clamp(24.319848px, -0.00034656px + 7.6000608vw, 43.32px);
  position: relative;
}
.reason__item:nth-child(2) .reason__body {
  padding-bottom: clamp(38.39976px, -0.0005472px + 12.000096vw, 68.4px);
}
.reason__item:nth-child(2) .reason__body::after {
  content: "";
  display: block;
  width: clamp(184.318848px, -0.00262656px + 57.6004608vw, 328.32px);
  height: clamp(90.879432px, -0.00129504px + 28.4002272vw, 161.88px);
  background: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-food.webp) center/contain no-repeat;
  position: absolute;
  bottom: -5%;
  right: -20%;
}
.reason__item:nth-child(3) .reason__body {
  padding-bottom: clamp(38.39976px, -0.0005472px + 12.000096vw, 68.4px);
}
.reason__item:nth-child(3) .reason__body::after {
  content: "";
  display: block;
  width: clamp(148.052408px, -0.00210976px + 46.2670368vw, 263.72px);
  height: clamp(89.172776px, -0.00127072px + 27.8668896vw, 158.84px);
  background: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-pkg.webp) center/contain no-repeat;
  position: absolute;
  bottom: -8%;
  right: -5%;
  z-index: 20;
}
.reason__img._img01 {
  height: clamp(317.86468px, -0.0045296px + 99.334128vw, 566.2px);
  position: relative;
}
.reason__img._img01 img {
  position: absolute;
  max-width: none;
  width: clamp(342.184528px, -0.00487616px + 106.9341888vw, 609.52px);
  top: clamp(27.73316px, -0.0003952px + 8.666736vw, 49.4px);
  right: -15.7%;
}
.reason__img._img02 {
  height: clamp(311.46472px, -0.0044384px + 97.334112vw, 554.8px);
  position: relative;
}
.reason__img._img02 img {
  position: absolute;
  max-width: none;
  width: clamp(314.024704px, -0.00447488px + 98.1341184vw, 559.36px);
  top: clamp(23.46652px, -0.0003344px + 7.333392vw, 41.8px);
  right: -5.2%;
}
.reason__img._img03 {
  width: clamp(264.958344px, -0.00377568px + 82.8006624vw, 471.96px);
  margin-inline: auto;
  position: relative;
  margin-top: clamp(23.893184px, -0.00034048px + 7.4667264vw, 42.56px);
}
.reason__img._video01 {
  width: clamp(259.838376px, -0.00370272px + 81.2006496vw, 462.84px);
  height: clamp(182.185528px, -0.00259616px + 56.9337888vw, 324.52px);
  margin-inline: auto;
  border-radius: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  position: relative;
  overflow: hidden;
  margin-top: clamp(23.893184px, -0.00034048px + 7.4667264vw, 42.56px);
}
.reason__img._video01 video {
  max-width: none;
  width: clamp(328.53128px, -0.0046816px + 102.667488vw, 585.2px);
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.reason__detail-ttl {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #584D51;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.reason__detail-ttl p {
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.reason__detail-label {
  display: block;
  margin-inline: auto;
  font-size: clamp(18.346552px, -0.00026144px + 5.7333792vw, 32.68px);
  font-weight: 700;
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/reason-label-bg.webp) center/cover no-repeat;
  -webkit-box-shadow: clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) 0px rgba(0, 0, 0, 0.25);
          box-shadow: clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) 0px rgba(0, 0, 0, 0.25);
}
.reason__detail-label .fs-lg {
  font-size: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
}
.reason__detail-label._label01 {
  width: clamp(235.091864px, -0.00335008px + 73.4672544vw, 418.76px);
  height: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px);
  padding-bottom: clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px);
}
.reason__detail-label._label02 {
  width: clamp(190.718808px, -0.00271776px + 59.6004768vw, 339.72px);
  height: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px);
  letter-spacing: -1px;
  padding-bottom: clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px);
}
.reason__detail-label._label02 .red {
  letter-spacing: -0.13em;
}
.reason__detail-label._label03 {
  width: clamp(239.785168px, -0.00341696px + 74.9339328vw, 427.12px);
  height: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px);
  margin-top: clamp(21.759864px, -0.00031008px + 6.8000544vw, 38.76px);
  letter-spacing: -1px;
}
.reason__detail-label._label03 + p .ls-10 {
  letter-spacing: clamp(-2.559984px, 0.00003648px + -0.8000064vw, -4.56px);
}
.reason__detail-label._label04 {
  width: clamp(212.478672px, -0.00302784px + 66.4005312vw, 378.48px);
  height: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px);
  margin-top: clamp(21.759864px, -0.00031008px + 6.8000544vw, 38.76px);
  letter-spacing: -1px;
  background: #fff;
  -webkit-box-shadow: clamp(0px, 0px + 0vw, 0px) clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) 0px rgba(0, 0, 0, 0.25) !important;
          box-shadow: clamp(0px, 0px + 0vw, 0px) clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) 0px rgba(0, 0, 0, 0.25) !important;
}
.reason__detail-txt {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  max-width: 455px;
  margin-inline: auto;
  font-size: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  line-height: 2;
  color: #584D51;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.reason__detail-txt span.red {
  font-weight: bold;
}
.reason__detail-txt span.border {
  display: inline-block;
  width: 100%;
  padding-bottom: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
}

/**

GRANDSのこだわり

**/
.commitment {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.commitment__wrap {
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  padding-bottom: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
}
.commitment__title {
  text-align: center;
}
.commitment__title._ttl02 {
  width: clamp(271.784968px, -0.00387296px + 84.9340128vw, 484.12px);
  margin-inline: auto;
}
.commitment__item {
  text-align: center;
  position: relative;
}
.commitment__box {
  position: relative;
}
.commitment__box:nth-of-type(2) {
  margin-top: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  padding-bottom: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.commitment__text {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.commitment__text:nth-child(2) {
  top: 26%;
}
.commitment__text:nth-child(3) {
  bottom: 5%;
}
.commitment__text h3 {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #584D51;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}
.commitment__text h3 .ls {
  letter-spacing: clamp(-5.546632px, 0.00007904px + -1.7333472vw, -9.88px);
}
.commitment__text p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  max-width: 436px;
  margin-inline: auto;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  font-size: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  color: #584D51;
  text-align: left;
  line-height: 1.8;
}
.commitment__text p .red {
  font-weight: 700;
}
.commitment__container {
  color: #584D51;
  position: relative;
  width: clamp(294.39816px, -0.0041952px + 92.000736vw, 524.4px);
  margin-inline: auto;
}
.commitment__container img {
  -webkit-filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
}
.commitment__container + .commitment__container {
  margin-top: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
}
.commitment__box-body {
  width: clamp(302.93144px, -0.0043168px + 94.667424vw, 539.6px);
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.commitment__container:nth-of-type(3) .commitment__box-body {
  padding-top: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
}
.commitment__support-ttl {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  font-size: clamp(26.026504px, -0.00037088px + 8.1333984vw, 46.36px);
  height: clamp(45.653048px, -0.00065056px + 14.2667808vw, 81.32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.commitment__support-ttl._ribbon01 {
  width: clamp(204.79872px, -0.0029184px + 64.000512vw, 364.8px);
  background: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-ribbon01.webp) center/cover no-repeat;
  margin-top: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  position: relative;
}
.commitment__support-ttl._ribbon02 {
  width: clamp(298.238136px, -0.00424992px + 93.2007456vw, 531.24px);
  background: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-ribbon02.webp) center/cover no-repeat;
  margin-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.commitment__support-ttl._ribbon03 {
  width: clamp(173.652248px, -0.00247456px + 54.2671008vw, 309.32px);
  background: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-ribbon03.webp) center/cover no-repeat;
}
.commitment__support-ttl._ribbon03:last-of-type {
  margin-top: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
}
.commitment__support-txt {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  font-weight: 700;
  padding-left: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  position: relative;
}
.commitment__support-txt._cat01::before {
  content: "";
  display: block;
  width: clamp(127.145872px, -0.00181184px + 39.7336512vw, 226.48px);
  height: clamp(162.13232px, -0.0023104px + 50.667072vw, 288.8px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-cat01.webp") center/contain no-repeat;
  position: absolute;
  bottom: 0%;
  left: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(-100%, 7%);
      -ms-transform: translate(-100%, 7%);
          transform: translate(-100%, 7%);
  z-index: 5;
}
.commitment__support-txt._cat02::before {
  content: "";
  display: block;
  width: clamp(101.972696px, -0.00145312px + 31.8669216vw, 181.64px);
  height: clamp(122.452568px, -0.00174496px + 38.2669728vw, 218.12px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-cat02.webp") center/contain no-repeat;
  position: absolute;
  bottom: 0%;
  left: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(-100%, 0%);
      -ms-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%);
  z-index: 5;
}
.commitment__support-txt._leaf03::before {
  content: "";
  display: block;
  width: clamp(76.79952px, -0.0010944px + 24.000192vw, 136.8px);
  height: clamp(116.052608px, -0.00165376px + 36.2669568vw, 206.72px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-leaf03.webp") center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(-100%, -45%);
      -ms-transform: translate(-100%, -45%);
          transform: translate(-100%, -45%);
  z-index: 5;
}
.commitment__support-txt._leaf05::before {
  content: "";
  display: block;
  width: clamp(90.026104px, -0.00128288px + 28.1335584vw, 160.36px);
  height: clamp(83.19948px, -0.0011856px + 26.000208vw, 148.2px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-leaf05.webp") center/contain no-repeat;
  position: absolute;
  top: 0%;
  left: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(-100%, -95%);
      -ms-transform: translate(-100%, -95%);
          transform: translate(-100%, -95%);
  z-index: 5;
}
.commitment__support-list {
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.commitment__container:nth-child(2) .commitment__support-list {
  margin-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.commitment__support-list + h3 {
  margin-top: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.commitment__support-item {
  background: #FCFAEF;
  border-radius: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  position: relative;
  height: clamp(114.772616px, -0.00163552px + 35.8669536vw, 204.44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0px rgba(0, 0, 0, 0.1);
}
.commitment__support-item + li {
  margin-top: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
}
.commitment__support-list._last .commitment__support-item {
  height: clamp(153.59904px, -0.0021888px + 48.000384vw, 273.6px);
}
@media screen and (max-width: 450px) {
  .commitment__support-list._last .commitment__support-item {
    height: clamp(170.6656px, -0.002432px + 53.33376vw, 304px);
  }
}
.commitment__support-item._leaf01::before {
  content: "";
  display: block;
  width: clamp(66.559584px, -0.00094848px + 20.8001664vw, 118.56px);
  height: clamp(58.026304px, -0.00082688px + 18.1334784vw, 103.36px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-leaf01.webp") center/contain no-repeat;
  position: absolute;
  bottom: 0%;
  right: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(100%, 60%);
      -ms-transform: translate(100%, 60%);
          transform: translate(100%, 60%);
  z-index: 5;
}
.commitment__support-item._leaf02::before {
  content: "";
  display: block;
  width: clamp(59.306296px, -0.00084512px + 18.5334816vw, 105.64px);
  height: clamp(59.306296px, -0.00084512px + 18.5334816vw, 105.64px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-leaf02.webp") center/contain no-repeat;
  position: absolute;
  bottom: 0%;
  left: calc(100% + clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px));
  -webkit-transform: translate(-100%, 50%);
      -ms-transform: translate(-100%, 50%);
          transform: translate(-100%, 50%);
  z-index: 5;
}
.commitment__support-item._leaf04::before {
  content: "";
  display: block;
  width: clamp(72.53288px, -0.0010336px + 22.666848vw, 129.2px);
  height: clamp(62.719608px, -0.00089376px + 19.6001568vw, 111.72px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-leaf04.webp") center/contain no-repeat;
  position: absolute;
  bottom: 0%;
  right: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(100%, 60%);
      -ms-transform: translate(100%, 60%);
          transform: translate(100%, 60%);
  z-index: 5;
}
.commitment__support-item._leaf06::before {
  content: "";
  display: block;
  width: clamp(90.026104px, -0.00128288px + 28.1335584vw, 160.36px);
  height: clamp(75.092864px, -0.00107008px + 23.4668544vw, 133.76px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/commitment-leaf06.webp") center/contain no-repeat;
  position: absolute;
  bottom: 0%;
  right: calc(100% + clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px));
  -webkit-transform: translate(100%, 80%);
      -ms-transform: translate(100%, 80%);
          transform: translate(100%, 80%);
  z-index: 5;
}
.commitment__list-body {
  width: clamp(166.39896px, -0.0023712px + 52.000416vw, 296.4px);
  padding-left: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.commitment__support-item:nth-child(even) .commitment__list-body, .commitment__support-list._last .commitment__list-body {
  margin-left: auto;
  padding-left: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding-right: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.commitment__list-img {
  width: clamp(153.59904px, -0.0021888px + 48.000384vw, 273.6px);
  height: clamp(114.772616px, -0.00163552px + 35.8669536vw, 204.44px);
  position: absolute;
  top: 0;
  right: 0;
}
.commitment__support-list._last .commitment__list-img {
  height: clamp(155.73236px, -0.0022192px + 48.667056vw, 277.4px);
  right: auto;
  left: 0;
}
@media screen and (max-width: 450px) {
  .commitment__support-list._last .commitment__list-img {
    height: 100%;
  }
}
.commitment__list-img img {
  height: 100%;
}
.commitment__support-item:nth-child(even) .commitment__list-img {
  right: auto;
  left: 0;
}
.commitment__list-ttl {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.919888px, -0.00025536px + 5.6000448vw, 31.92px);
  font-weight: 700;
  line-height: 1.3;
  padding-left: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  padding-bottom: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  background-image: repeating-linear-gradient(to right, #584D51 0, #584D51 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px));
  background-size: 100% clamp(0.426664px, -0.00000608px + 0.1333344vw, 0.76px);
  background-position: bottom;
  background-repeat: no-repeat;
}
.commitment__list-txt {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px);
  font-weight: 500;
  padding: 0 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  margin-top: clamp(5.973296px, -0.00008512px + 1.8666816vw, 10.64px);
}

/**

獣医師も推奨

**/
.vet {
  position: relative;
  background: #F1EFE4;
}
.vet::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(341.3312px, -0.004864px + 106.66752vw, 608px);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/vet-bg.webp") right bottom/cover no-repeat;
}
.vet__wrap {
  width: clamp(279.891584px, -0.00398848px + 87.4673664vw, 498.56px);
  margin-inline: auto;
  position: relative;
  z-index: 2;
  padding-top: clamp(51.19968px, -0.0007296px + 16.000128vw, 91.2px);
  padding-bottom: clamp(23.039856px, -0.00032832px + 7.2000576vw, 41.04px);
}
.vet__title {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/vet-title.webp") center/cover no-repeat;
  width: clamp(251.73176px, -0.0035872px + 78.667296vw, 448.4px);
  height: clamp(48.213032px, -0.00068704px + 15.0667872vw, 85.88px);
  margin-inline: auto;
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.613192px, -0.00032224px + 7.0667232vw, 40.28px);
  color: #584D51;
  text-align: center;
  padding-top: clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px);
  text-shadow: 0px 0px clamp(3.7973096px, -0.000054112px + 1.18667616vw, 6.764px) rgb(255, 255, 255);
}
.vet__profile {
  position: relative;
  margin-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.vet__profile-txt {
  width: clamp(170.6656px, -0.002432px + 53.33376vw, 304px);
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.vet__label, .vet__name, .vet__career {
  padding-left: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
}
.vet__label {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.493224px, -0.00024928px + 5.4667104vw, 31.16px);
  color: #584D51;
}
.vet__name {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  color: #584D51;
  line-height: 1.2;
  padding-bottom: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  background-image: repeating-linear-gradient(to right, #584D51 0, #584D51 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(5.973296px, -0.00008512px + 1.8666816vw, 10.64px));
  background-size: 100% clamp(0.853328px, -0.00001216px + 0.2666688vw, 1.52px);
  background-repeat: no-repeat;
  background-position: bottom;
}
.vet__career {
  font-size: clamp(10.239936px, -0.00014592px + 3.2000256vw, 18.24px);
  color: #584D51;
  margin-top: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.vet__photo {
  width: clamp(136.959144px, -0.00195168px + 42.8003424vw, 243.96px);
  position: absolute;
  top: -14%;
  right: 2%;
}
.vet__comment {
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  background: rgba(255, 255, 255, 0.9);
  border-radius: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding: 0 clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  padding-bottom: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.vet__comment-title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-size: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  line-height: 1.3;
  letter-spacing: 0.08em;
  color: #584D51;
  position: relative;
}
.vet__comment-title small {
  position: absolute;
  top: 1%;
  right: 18%;
  font-size: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.vet__comment-txt {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px);
  line-height: 1.8;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  color: #584D51;
}
.vet__comment-txt .furi::before {
  font-size: clamp(6.39996px, -0.0000912px + 2.000016vw, 11.4px);
  letter-spacing: 0.4em;
  left: 57%;
}
.vet__note {
  font-size: clamp(9.386608px, -0.00013376px + 2.9333568vw, 16.72px);
  color: #fff;
  margin-top: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.vet__note span {
  color: #584D51;
}

/**

そんな経験ありませんか？

**/
.dilemma {
  position: relative;
  background: #E2E1DC;
  overflow: hidden;
}
.dilemma__wrap {
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  padding-bottom: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  z-index: 1;
  text-align: center;
}
.dilemma__title {
  width: 100%;
  margin-inline: auto;
}
.dilemma__content {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/dilemma-content-bg.webp") center/cover no-repeat;
  position: relative;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding-top: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  padding-bottom: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
}
.dilemma__content-ttl {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(28.159824px, -0.00040128px + 8.8000704vw, 50.16px);
  text-align: center;
  color: #584D51;
  font-weight: 600;
  line-height: 1.2;
}
.dilemma__content-txt {
  font-size: clamp(14.506576px, -0.00020672px + 4.5333696vw, 25.84px);
  color: #584D51;
  text-align: left;
  line-height: 1.8;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.dilemma__list {
  width: clamp(269.651648px, -0.00384256px + 84.2673408vw, 480.32px);
  margin-inline: auto;
  margin-top: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
  position: relative;
}
.dilemma__list::before {
  content: "";
  display: block;
  width: clamp(91.306096px, -0.00130112px + 28.5335616vw, 162.64px);
  height: clamp(40.959744px, -0.00058368px + 12.8001024vw, 72.96px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/dilemma-text.webp") center/contain no-repeat;
  position: absolute;
  top: -6%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.dilemma__list li {
  font-size: clamp(18.346552px, -0.00026144px + 5.7333792vw, 32.68px);
  font-weight: 700;
  color: #584D51;
  height: clamp(39.253088px, -0.00055936px + 12.2667648vw, 69.92px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  padding-left: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  position: relative;
}
.dilemma__list li::before {
  content: "";
  display: block;
  width: clamp(18.346552px, -0.00026144px + 5.7333792vw, 32.68px);
  height: clamp(15.359904px, -0.00021888px + 4.8000384vw, 27.36px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/check-blue.svg") center/contain no-repeat;
  position: absolute;
  top: 55%;
  left: 3%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.dilemma__list li + li {
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.dilemma__txt {
  font-size: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  color: #584D51;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
.dilemma__txt::after {
  content: "";
  display: block;
  width: clamp(21.759864px, -0.00031008px + 6.8000544vw, 38.76px);
  height: clamp(25.173176px, -0.00035872px + 7.8667296vw, 44.84px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/dilemma-icon.svg") center/contain no-repeat;
  position: absolute;
  bottom: 13%;
  right: -3%;
}
.dilemma__txt--box {
  color: #fff;
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #584D51;
  padding: 0 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  margin-right: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
}
.dilemma__cat01 {
  width: clamp(85.759464px, -0.00122208px + 26.8002144vw, 152.76px);
  margin-inline: auto;
  position: absolute;
  top: 9.3%;
  right: 0%;
  z-index: 10;
}
.dilemma__cat02 {
  width: clamp(244.051808px, -0.00347776px + 76.2672768vw, 434.72px);
  margin-inline: auto;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.dilemma--red {
  color: #E3502C;
  font-weight: 700;
}
.dilemma--blue {
  color: #2F86EA;
  font-weight: 700;
}
.dilemma__burden {
  background: #F1EFE4;
  position: relative;
  padding-bottom: clamp(42.6664px, -0.000608px + 13.33344vw, 76px);
}
.dilemma__burden::before {
  content: "";
  display: block;
  width: clamp(356.691104px, -0.00508288px + 111.4675584vw, 635.36px);
  height: clamp(283.304896px, -0.00403712px + 88.5340416vw, 504.64px);
  background: #746A59;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(6.56deg);
      -ms-transform: translate(-50%, 0) rotate(6.56deg);
          transform: translate(-50%, 0) rotate(6.56deg);
  z-index: 2;
}
.dilemma__burden::after {
  content: "";
  display: block;
  width: clamp(356.691104px, -0.00508288px + 111.4675584vw, 635.36px);
  height: clamp(172.372256px, -0.00245632px + 53.8670976vw, 307.04px);
  background: #534C3E;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(-5.48deg);
      -ms-transform: translate(-50%, 0) rotate(-5.48deg);
          transform: translate(-50%, 0) rotate(-5.48deg);
  z-index: 1;
}
.dilemma__burden-content {
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 10;
}
.dilemma__burden-content::before {
  content: "";
  display: block;
  width: clamp(94.292744px, -0.00134368px + 29.4669024vw, 167.96px);
  height: clamp(46.93304px, -0.0006688px + 14.666784vw, 83.6px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/dilemma-burden-text.webp") center/cover no-repeat;
  position: absolute;
  top: 20%;
  left: 5%;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.dilemma__burden-txt-top {
  font-size: clamp(14.93324px, -0.0002128px + 4.666704vw, 26.6px);
  font-weight: 700;
  line-height: 1.8;
  position: relative;
}
.dilemma__burden-txt-top::after {
  content: "";
  display: block;
  width: clamp(278.611592px, -0.00397024px + 87.0673632vw, 496.28px);
  height: clamp(30.719808px, -0.00043776px + 9.6000768vw, 54.72px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/dilemma-burden-line.webp") center/cover no-repeat;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.dilemma__burden-txt-top span {
  display: inline-block;
  line-height: 1.3;
  color: #746A59;
  background: #fff;
  padding: 0 clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
  margin: 0 clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
}
.dilemma__burden-txt-bottom {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  margin-top: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px);
  position: relative;
}
.dilemma__burden-txt-bottom::before {
  content: "";
  display: block;
  width: clamp(27.306496px, -0.00038912px + 8.5334016vw, 48.64px);
  height: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/dilemma-burden-icon.webp") center/cover no-repeat;
  position: absolute;
  top: 8%;
  left: 6%;
}
.dilemma__burden-txt-bottom span {
  color: #FFFD88;
  font-size: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  line-height: 1.4;
  padding-bottom: clamp(1.279992px, -0.00001824px + 0.4000032vw, 2.28px);
  background-image: repeating-linear-gradient(to right, #fff 0, #fff clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px), transparent clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px), transparent clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px));
  background-size: 100% clamp(0.853328px, -0.00001216px + 0.2666688vw, 1.52px);
  background-repeat: no-repeat;
  background-position: bottom;
}
.dilemma__burden-img {
  width: clamp(276.904936px, -0.00394592px + 86.5340256vw, 493.24px);
  margin-inline: auto;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  position: relative;
  z-index: 10;
}

/**

だからGRANDSは

**/
.rotation {
  position: relative;
  background: #F1EFE4;
  text-align: center;
}
.rotation::before {
  content: "";
  display: block;
  width: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  height: clamp(49.493024px, -0.00070528px + 15.4667904vw, 88.16px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-arrow.svg") center/cover no-repeat;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.rotation::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(695.46232px, -0.0099104px + 217.335072vw, 1238.8px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-bg.webp") center/cover no-repeat;
  position: absolute;
  top: -0.5%;
  left: 0%;
  z-index: 1;
}
.rotation__wrap {
  position: relative;
  z-index: 10;
  padding-top: clamp(42.6664px, -0.000608px + 13.33344vw, 76px);
  overflow: hidden;
}
.rotation__title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.613192px, -0.00032224px + 7.0667232vw, 40.28px);
  color: #584D51;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  padding: 0 clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  position: relative;
}
.rotation__title::before, .rotation__title::after {
  content: "";
  display: block;
  width: clamp(24.319848px, -0.00034656px + 7.6000608vw, 43.32px);
  height: clamp(47.786368px, -0.00068096px + 14.9334528vw, 85.12px);
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.rotation__title::before {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-line-left.svg") center/cover no-repeat;
  right: 100%;
}
.rotation__title::after {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-line-right.svg") center/cover no-repeat;
  left: 100%;
}
.rotation__title .furi::before {
  font-size: clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px);
  letter-spacing: 0.8em;
  left: 55%;
}
.rotation__list {
  width: clamp(294.39816px, -0.0041952px + 92.000736vw, 524.4px);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  margin-top: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
}
.rotation__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  border-radius: clamp(5.119968px, -0.00007296px + 1.6000128vw, 9.12px);
  position: relative;
  padding-top: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
  padding-bottom: clamp(55.46632px, -0.0007904px + 17.333472vw, 98.8px);
}
.rotation__item::before {
  content: "";
  display: block;
  width: clamp(31.146472px, -0.00044384px + 9.7334112vw, 55.48px);
  height: clamp(31.146472px, -0.00044384px + 9.7334112vw, 55.48px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-check.webp") center/contain no-repeat;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rotation__item:first-child::after, .rotation__item:last-child::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.rotation__item:first-child::after {
  width: clamp(118.612592px, -0.00169024px + 37.0669632vw, 211.28px);
  height: clamp(113.919288px, -0.00162336px + 35.6002848vw, 202.92px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-pkg-all.webp") center/cover no-repeat;
}
.rotation__item:last-child::after {
  width: clamp(108.372656px, -0.00154432px + 33.8669376vw, 193.04px);
  height: clamp(110.93264px, -0.0015808px + 34.666944vw, 197.6px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-food01.webp") center/cover no-repeat;
}
.rotation__list-txt {
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  color: #584D51;
  font-weight: 700;
  line-height: 1.3;
}
.rotation__list-txt .fs-32 {
  display: inline-block;
  line-height: 1.4;
}
.rotation__txt {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  color: #584D51;
  font-weight: 700;
  margin-top: clamp(68.26624px, -0.0009728px + 21.333504vw, 121.6px);
}
.rotation__photo {
  width: clamp(300.79812px, -0.0042864px + 94.000752vw, 535.8px);
  margin-inline: auto;
  margin-top: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
  position: relative;
}
.rotation__movie {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  border: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px) solid #fff;
}
.rotation__movie._movie01 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  top: -7%;
  left: -7.5%;
  width: clamp(118.185928px, -0.00168416px + 36.9336288vw, 210.52px);
  height: clamp(95.572736px, -0.00136192px + 29.8669056vw, 170.24px);
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}
.rotation__movie._movie01 video, .rotation__movie._movie01 img {
  position: absolute;
  top: -57%;
  right: 0%;
}
.rotation__movie._movie02 {
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
  top: -11%;
  right: -6.5%;
  width: clamp(118.185928px, -0.00168416px + 36.9336288vw, 210.52px);
  height: clamp(95.572736px, -0.00136192px + 29.8669056vw, 170.24px);
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.rotation__movie._movie02 video, .rotation__movie._movie02 img {
  position: absolute;
  top: -82%;
  left: 0%;
}
.rotation__movie._movie03 {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  bottom: 20%;
  right: 24%;
  width: clamp(123.305896px, -0.00175712px + 38.5336416vw, 219.64px);
  height: clamp(95.572736px, -0.00136192px + 29.8669056vw, 170.24px);
  -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
}
.rotation__movie._movie03 video, .rotation__movie._movie03 img {
  position: absolute;
  top: -31%;
  left: 1%;
}
.rotation__sub-title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  color: #584D51;
  font-weight: 700;
  line-height: 1.3;
  margin-top: clamp(59.73296px, -0.0008512px + 18.666816vw, 106.4px);
  position: relative;
}
.rotation__sub-title::before, .rotation__sub-title::after {
  content: "";
  display: block;
  position: absolute;
}
.rotation__sub-title::before {
  width: clamp(258.985048px, -0.00369056px + 80.9339808vw, 461.32px);
  height: clamp(46.506376px, -0.00066272px + 14.5334496vw, 82.84px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-text.webp") center/cover no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}
.rotation__sub-title::after {
  width: clamp(87.892784px, -0.00125248px + 27.4668864vw, 156.56px);
  height: clamp(96.852728px, -0.00138016px + 30.2669088vw, 172.52px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-food02.webp") center/cover no-repeat;
  position: absolute;
  bottom: -5%;
  right: 0%;
  z-index: -1;
}
.rotation__sub-title p {
  -webkit-transform: translateX(-7%);
      -ms-transform: translateX(-7%);
          transform: translateX(-7%);
}
.rotation__slide {
  width: clamp(253.86508px, -0.0036176px + 79.333968vw, 452.2px);
  margin: 0 clamp(6.39996px, -0.0000912px + 2.000016vw, 11.4px);
}
.rotation__slide-wrap {
  height: clamp(494.93024px, -0.0070528px + 154.667904vw, 881.6px);
  margin-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  background: #fff;
  border-radius: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  -webkit-box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0px rgba(0, 0, 0, 0.25);
}
.rotation__slide-head {
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0;
}
.rotation__slide._orange .rotation__slide-head {
  background: #FF8B00;
}
.rotation__slide._green .rotation__slide-head {
  background: #549B37;
}
.rotation__slide._blue .rotation__slide-head {
  background: #3E93CD;
}
.rotation__slide-head-txt {
  margin-left: clamp(42.6664px, -0.000608px + 13.33344vw, 76px);
}
.rotation__slide._green .rotation__slide-head-txt {
  margin-left: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.rotation__slide-name {
  font-size: clamp(16.213232px, -0.00023104px + 5.0667072vw, 28.88px);
  line-height: 1;
}
.rotation__slide-age {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px);
  letter-spacing: 0.05em;
  margin-top: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
  position: relative;
}
.rotation__slide-age::before, .rotation__slide-age::after {
  content: "";
  display: block;
  width: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  height: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-footprints.webp") center/cover no-repeat;
  position: absolute;
  bottom: -10%;
}
.rotation__slide-age::before {
  right: 100%;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.rotation__slide-age::after {
  left: 100%;
}
.rotation__slide-body {
  padding: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px) clamp(16.639896px, -0.00023712px + 5.2000416vw, 29.64px);
}
.rotation__slide-measure {
  width: clamp(106.666px, -0.00152px + 33.3336vw, 190px);
  padding-left: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.rotation__slide-desc {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  font-size: clamp(10.239936px, -0.00014592px + 3.2000256vw, 18.24px);
  color: #584D51;
  line-height: 1.6;
  text-align: left;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  position: relative;
}
.rotation__slide-desc::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 5%;
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
  width: clamp(70.39956px, -0.0010032px + 22.000176vw, 125.4px);
  height: clamp(121.59924px, -0.0017328px + 38.000304vw, 216.6px);
}
.rotation__slide._orange .rotation__slide-desc::before {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-pkg-orange.webp") center/cover no-repeat;
}
.rotation__slide._green .rotation__slide-desc::before {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-pkg-green.webp") center/cover no-repeat;
}
.rotation__slide._blue .rotation__slide-desc::before {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/rotation-pkg-blue.webp") center/cover no-repeat;
}
.rotation__slide-desc span {
  font-weight: 700;
}
.rotation__slide._orange .rotation__slide-desc span {
  color: #FF8B00;
}
.rotation__slide._green .rotation__slide-desc span {
  color: #549B37;
}
.rotation__slide._blue .rotation__slide-desc span {
  color: #3E93CD;
}
.rotation__slide-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.rotation__slide-point-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.rotation__slide-point-label {
  height: clamp(33.706456px, -0.00048032px + 10.5334176vw, 60.04px);
  font-size: clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px);
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  border-radius: clamp(2.7093164px, -0.000038608px + 0.84667344vw, 4.826px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.rotation__slide._orange .rotation__slide-point-label {
  background: #FF8B00;
}
.rotation__slide._green .rotation__slide-point-label {
  background: #549B37;
}
.rotation__slide._blue .rotation__slide-point-label {
  background: #3E93CD;
}
.rotation__slide-point-label::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) solid transparent;
  border-right: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) solid transparent;
}
.rotation__slide._orange .rotation__slide-point-label::after {
  border-top: clamp(6.826624px, -0.00009728px + 2.1333504vw, 12.16px) solid #F39800;
}
.rotation__slide._green .rotation__slide-point-label::after {
  border-top: clamp(6.826624px, -0.00009728px + 2.1333504vw, 12.16px) solid #549B37;
}
.rotation__slide._blue .rotation__slide-point-label::after {
  border-top: clamp(6.826624px, -0.00009728px + 2.1333504vw, 12.16px) solid #3E93CD;
}
.rotation__slide-point-desc {
  font-size: clamp(10.6666px, -0.000152px + 3.33336vw, 19px);
  color: #584D51;
  line-height: 1.3;
  font-weight: 700;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.rotation__slide._orange .rotation__slide-point-desc span:not([class^=fs-]) {
  color: #FF8B00;
}
.rotation__slide._green .rotation__slide-point-desc span:not([class^=fs-]) {
  color: #549B37;
}
.rotation__slide._blue .rotation__slide-point-desc span:not([class^=fs-]) {
  color: #3E93CD;
}
.rotation {
  /* ボタンだけ別（命名そのまま） */
}
.rotation__slide-btn {
  display: block;
  width: clamp(176.638896px, -0.00251712px + 55.2004416vw, 314.64px);
  height: clamp(28.586488px, -0.00040736px + 8.9334048vw, 50.92px);
  margin-inline: auto;
  border-radius: clamp(15.9999px, -0.000228px + 5.00004vw, 28.5px);
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  cursor: pointer;
  margin-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.rotation__slide._orange .rotation__slide-btn {
  color: #FF8B00;
  border: 1px solid #FF8B00;
}
.rotation__slide._green .rotation__slide-btn {
  color: #549B37;
  border: 1px solid #549B37;
}
.rotation__slide._blue .rotation__slide-btn {
  color: #3E93CD;
  border: 1px solid #3E93CD;
}

/**

実際のやり方はとってもシンプルで簡単

**/
.howto {
  position: relative;
  background: #F1EFE4;
  text-align: center;
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.howto__title {
  width: clamp(296.53148px, -0.0042256px + 92.667408vw, 528.2px);
  height: clamp(111.359304px, -0.00158688px + 34.8002784vw, 198.36px);
  margin-inline: auto;
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  color: #584D51;
  font-weight: 700;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/howto-title.webp") center/cover no-repeat;
  padding-top: clamp(42.6664px, -0.000608px + 13.33344vw, 76px);
}
.howto__wrap {
  position: relative;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  padding-bottom: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
}
.howto__box {
  background: #fff;
  border-radius: clamp(10.6666px, -0.000152px + 3.33336vw, 19px);
  padding: 0 clamp(13.226584px, -0.00018848px + 4.1333664vw, 23.56px);
  padding-top: clamp(20.053208px, -0.00028576px + 6.2667168vw, 35.72px);
  padding-bottom: clamp(26.879832px, -0.00038304px + 8.4000672vw, 47.88px);
}
.howto__box + .howto__box {
  margin-top: clamp(15.359904px, -0.00021888px + 4.8000384vw, 27.36px);
}
.howto__txt {
  margin-top: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  font-size: clamp(13.653248px, -0.00019456px + 4.2667008vw, 24.32px);
  font-weight: 500;
  color: #584D51;
  text-align: left;
  line-height: 2;
  padding-bottom: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.howto__txt .border {
  display: inline-block;
  width: 100%;
  padding-bottom: 0;
  width: 100%;
  white-space: nowrap;
  max-width: 477px;
}
.howto__txt .red {
  font-weight: 500;
}
.howto__menu {
  width: clamp(239.358504px, -0.00341088px + 74.8005984vw, 426.36px);
  height: clamp(43.093064px, -0.00061408px + 13.4667744vw, 76.76px);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/howto-menu.webp") center/contain no-repeat;
  color: #fff;
  text-align: center;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.howto__menu-txt {
  color: #fff;
  font-weight: 700;
}
.howto__menu-name {
  font-size: clamp(10.6666px, -0.000152px + 3.33336vw, 19px);
  font-weight: 700;
}
.howto__menu-name strong {
  font-size: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  font-weight: 700;
}
.howto__menu-title {
  font-size: clamp(16.213232px, -0.00023104px + 5.0667072vw, 28.88px);
  margin-top: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
}
.howto__box:nth-of-type(2) .howto__food {
  width: clamp(179.19888px, -0.0025536px + 56.000448vw, 319.2px);
  margin-inline: auto;
}
.howto__food-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  color: #fff;
  font-weight: 700;
  margin-top: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.howto__food-list li {
  border-radius: clamp(11.306596px, -0.00016112px + 3.5333616vw, 20.14px);
  height: clamp(18.773216px, -0.00026752px + 5.8667136vw, 33.44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.howto__food-list li._orange {
  background: #FF8B00;
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px);
  width: clamp(68.26624px, -0.0009728px + 21.333504vw, 121.6px);
}
.howto__food-list li._blue {
  background: #3E93CD;
  font-size: clamp(11.093264px, -0.00015808px + 3.4666944vw, 19.76px);
  width: clamp(73.812872px, -0.00105184px + 23.0668512vw, 131.48px);
}
.howto__food-list li._green {
  background: #549B37;
  font-size: clamp(10.239936px, -0.00014592px + 3.2000256vw, 18.24px);
  width: clamp(93.012752px, -0.00132544px + 29.0668992vw, 165.68px);
  letter-spacing: -0.04em;
}
.howto__note {
  font-size: clamp(9.386608px, -0.00013376px + 2.9333568vw, 16.72px);
  color: #584D51;
  line-height: 1.6;
  text-align: left;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}

/**

お届けサイクル

**/
.cycle {
  background: #F1EFE4;
  position: relative;
  padding-bottom: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.cycle::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(361.384408px, -0.00514976px + 112.9342368vw, 643.72px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/cycle-bg.webp") center top/cover no-repeat;
  position: absolute;
  top: 0%;
  left: 0%;
}
.cycle-wrap {
  position: relative;
  z-index: 2;
  padding-top: clamp(52.479672px, -0.00074784px + 16.4001312vw, 93.48px);
}
.cycle-title {
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  color: #373737;
  width: clamp(209.06536px, -0.0029792px + 65.333856vw, 372.4px);
  height: clamp(33.279792px, -0.00047424px + 10.4000832vw, 59.28px);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/cycle-title.webp") left top/cover no-repeat;
}
.cycle__img {
  margin-top: clamp(14.079912px, -0.00020064px + 4.4000352vw, 25.08px);
  width: clamp(309.758064px, -0.00441408px + 96.8007744vw, 551.76px);
  margin-left: auto;
}
.cycle_note {
  width: clamp(294.39816px, -0.0041952px + 92.000736vw, 524.4px);
  margin-inline: auto;
  font-size: clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px);
  line-height: 1.8;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  color: #373737;
}
.cycle_note span {
  display: inline-block;
  background: #FFFEB6;
  font-weight: 700;
  line-height: 1.4;
}

/**

オンライン相談

**/
.consultation {
  position: relative;
  background: #F1EFE4;
  padding-bottom: clamp(51.19968px, -0.0007296px + 16.000128vw, 91.2px);
}
.consultation__label, .consultation__txt {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #373737;
  font-weight: 700;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.consultation__label {
  font-size: clamp(14.93324px, -0.0002128px + 4.666704vw, 26.6px);
  width: clamp(260.26504px, -0.0037088px + 81.333984vw, 463.6px);
  height: clamp(31.146472px, -0.00044384px + 9.7334112vw, 55.48px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/consultation-ribbon.webp") center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 4%;
}
.consultation__txt {
  font-size: clamp(20.906536px, -0.00029792px + 6.5333856vw, 37.24px);
  width: clamp(298.6648px, -0.004256px + 93.33408vw, 532px);
  text-align: center;
  line-height: 1.2;
  top: 11%;
}
.consultation__note {
  width: clamp(285.86488px, -0.0040736px + 89.334048vw, 509.2px);
  font-size: clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px);
  color: #373737;
  position: absolute;
  bottom: 1.5%;
  left: 4%;
}

/**

クオリティ

**/
.quality {
  background: #F1EFE4;
  text-align: center;
  padding-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.quality__wrap {
  margin: 0 clamp(12.373256px, -0.00017632px + 3.8666976vw, 22.04px);
  background: #fff;
  position: relative;
  z-index: 2;
}
.quality__box {
  width: calc(100% - clamp(11.093264px, -0.00015808px + 3.4666944vw, 19.76px));
  margin: 0 clamp(5.546632px, -0.00007904px + 1.7333472vw, 9.88px);
  border-left: 1px solid #AFA886;
  border-right: 1px solid #AFA886;
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  padding-bottom: clamp(140.79912px, -0.0020064px + 44.000352vw, 250.8px);
  position: relative;
}
.quality__label {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.919888px, -0.00025536px + 5.6000448vw, 31.92px);
  color: #683620;
  font-weight: 600;
  width: clamp(258.13172px, -0.0036784px + 80.667312vw, 459.8px);
  height: clamp(28.586488px, -0.00040736px + 8.9334048vw, 50.92px);
  background: linear-gradient(120.35deg, #F4D498 4.53%, #F7FBDE 47.56%, #D8A955 87.59%);
  margin-inline: auto;
  display: inline-block;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.quality__title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  font-size: clamp(22.186528px, -0.00031616px + 6.9333888vw, 39.52px);
  color: #584D51;
  line-height: 1.3;
}
.quality__txt {
  font-size: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  text-align: center;
  font-weight: 500;
  color: #584D51;
  line-height: 1.8;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.quality__txt span {
  font-weight: 700;
}
.quality__txt + .quality__txt {
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.quality__lead {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  font-weight: 600;
  color: #584D51;
  line-height: 1.4;
  position: relative;
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.quality__lead::before {
  content: "";
  display: block;
  width: clamp(70.39956px, -0.0010032px + 22.000176vw, 125.4px);
  height: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/quality-text.webp") center/cover no-repeat;
  position: absolute;
  top: 0%;
  right: 98%;
  -webkit-transform: translate(100%, 0%);
      -ms-transform: translate(100%, 0%);
          transform: translate(100%, 0%);
}
.quality__photo {
  width: clamp(262.39836px, -0.0037392px + 82.000656vw, 467.4px);
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 30%);
      -ms-transform: translate(-50%, 30%);
          transform: translate(-50%, 30%);
}
.quality__compare {
  padding-top: clamp(76.79952px, -0.0010944px + 24.000192vw, 136.8px);
  padding-bottom: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  position: relative;
}
.quality__compare-title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  font-weight: 700;
  color: #584D51;
  width: 100%;
  position: relative;
}
.quality__compare-title::before, .quality__compare-title::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
}
.quality__compare-title::before {
  width: clamp(96.426064px, -0.00137408px + 30.1335744vw, 171.76px);
  height: clamp(123.305896px, -0.00175712px + 38.5336416vw, 219.64px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/quality-ribbon01.webp") center/cover no-repeat;
  top: 0%;
  left: 0%;
  -webkit-transform: translate(0%, -72%);
      -ms-transform: translate(0%, -72%);
          transform: translate(0%, -72%);
}
.quality__compare-title::after {
  width: clamp(91.306096px, -0.00130112px + 28.5335616vw, 162.64px);
  height: clamp(97.706056px, -0.00139232px + 30.5335776vw, 174.04px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/quality-ribbon02.webp") center/cover no-repeat;
  bottom: 0%;
  right: 0%;
  -webkit-transform: translate(0%, 55%);
      -ms-transform: translate(0%, 55%);
          transform: translate(0%, 55%);
  z-index: 20;
}
.quality__compare-table {
  width: 100%;
  padding: 0 clamp(12.373256px, -0.00017632px + 3.8666976vw, 22.04px);
  margin-top: clamp(196.26544px, -0.0027968px + 61.333824vw, 349.6px);
  position: relative;
  z-index: 10;
}
.quality__compare-table::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(264.53168px, -0.0037696px + 82.667328vw, 471.2px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/quality-img03.webp") center/cover no-repeat;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -71%);
      -ms-transform: translate(-50%, -71%);
          transform: translate(-50%, -71%);
  z-index: -1;
}

/**

厳格な国際基準に基づいた
確かなフード

**/
.standard {
  padding-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  padding-bottom: clamp(170.6656px, -0.002432px + 53.33376vw, 304px);
}
.standard__title {
  font-size: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
  text-align: center;
  color: #6B3822;
  font-weight: 600;
  width: 100%;
  height: clamp(169.385608px, -0.00241376px + 52.9337568vw, 301.72px);
  padding-top: clamp(44.79972px, -0.0006384px + 14.000112vw, 79.8px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/standard-title.webp") center/cover no-repeat;
}
.standard__title strong {
  display: inline-block;
  padding: 0 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  background: linear-gradient(141.34deg, #43180A 8.9%, #B97056 46.4%, #3A1400 88.48%);
}
.standard__title strong span {
  font-weight: 500;
  background: linear-gradient(120.35deg, #F4D498 4.53%, #F7FBDE 47.56%, #D8A955 87.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.standard__title p:first-child {
  margin-bottom: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  font-weight: 500;
}
.standard__title p + p {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.3;
  background: linear-gradient(110.34deg, #43180A 8.9%, #B97056 46.4%, #3A1400 88.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.standard__wrap {
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  padding-top: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
  position: relative;
}
.standard__box {
  background: #F1EFE4;
  -webkit-box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px clamp(1.706656px, -0.00002432px + 0.5333376vw, 3.04px) clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px) 0px rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 0 clamp(12.373256px, -0.00017632px + 3.8666976vw, 22.04px);
  padding-top: clamp(29.86648px, -0.0004256px + 9.333408vw, 53.2px);
}
.standard__box._top {
  height: clamp(511.9968px, -0.007296px + 160.00128vw, 912px);
}
.standard__box._top::before {
  content: "";
  display: block;
  width: clamp(113.492624px, -0.00161728px + 35.4669504vw, 202.16px);
  height: clamp(129.705856px, -0.00184832px + 40.5336576vw, 231.04px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/standard-cat01.webp") center/cover no-repeat;
  position: absolute;
  top: 0%;
  right: 0%;
  -webkit-transform: translate(0%, -60%);
      -ms-transform: translate(0%, -60%);
          transform: translate(0%, -60%);
}
.standard__box._bottom {
  height: clamp(434.343952px, -0.00618944px + 135.7344192vw, 773.68px);
}
.standard__box + .standard__box {
  margin-top: clamp(46.93304px, -0.0006688px + 14.666784vw, 83.6px);
}
.standard__label {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.613192px, -0.00032224px + 7.0667232vw, 40.28px);
  font-weight: 600;
  color: #fff;
  text-align: left;
  height: clamp(46.506376px, -0.00066272px + 14.5334496vw, 82.84px);
  padding: clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px) 0;
  padding-left: calc(4.4% + clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px));
  background: linear-gradient(110.34deg, #43180A 8.9%, #B97056 46.4%, #3A1400 88.48%);
  position: absolute;
  top: 0%;
  left: -4.4%;
  -webkit-transform: translate(0%, -45%);
      -ms-transform: translate(0%, -45%);
          transform: translate(0%, -45%);
}
.standard__label._short {
  width: clamp(132.692504px, -0.00189088px + 41.4669984vw, 236.36px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/standard-ribbon-short.webp") center left/cover no-repeat;
}
.standard__label._long {
  width: clamp(201.385408px, -0.00286976px + 62.9338368vw, 358.72px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/standard-ribbon-long.webp") center left/cover no-repeat;
}
.standard__box-title {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #584D51;
  font-weight: 600;
  line-height: 1.3;
  background: linear-gradient(145deg, #43180A 8.9%, #B97056 46.4%, #3A1400 88.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.standard__box._top .standard__box-title {
  font-size: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.standard__box._top .standard__box-title--top {
  font-size: clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
}
.standard__box._top .standard__box-title--bottom {
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  letter-spacing: -0.02em;
}
.standard__box._top .standard__box-title--bottom strong {
  font-size: clamp(22.613192px, -0.00032224px + 7.0667232vw, 40.28px);
}
.standard__box._bottom .standard__box-title {
  font-size: clamp(19.19988px, -0.0002736px + 6.000048vw, 34.2px);
  letter-spacing: -0.02em;
}
.standard__box._bottom .standard__box-title strong {
  font-size: clamp(22.186528px, -0.00031616px + 6.9333888vw, 39.52px);
}
.standard__txt {
  font-size: clamp(13.653248px, -0.00019456px + 4.2667008vw, 24.32px);
  letter-spacing: -0.02em;
  color: #584D51;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
.standard__img {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.standard__img._img01 {
  top: 19%;
}
.standard__img._img02 {
  bottom: 10%;
}
.standard__badge-list {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  z-index: 1;
}
.standard__box._top .standard__badge-list {
  width: clamp(254.718408px, -0.00362976px + 79.6006368vw, 453.72px);
  bottom: 0%;
  left: 2%;
  -webkit-transform: translate(0, -17%);
      -ms-transform: translate(0, -17%);
          transform: translate(0, -17%);
}
.standard__box._bottom .standard__badge-list {
  width: clamp(213.758664px, -0.00304608px + 66.8005344vw, 380.76px);
  bottom: 0%;
  right: 6%;
  -webkit-transform: translate(0, -8%);
      -ms-transform: translate(0, -8%);
          transform: translate(0, -8%);
}
.standard__badge-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.standard__badge-item p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  font-size: clamp(13.653248px, -0.00019456px + 4.2667008vw, 24.32px);
  color: #43180A;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  margin-top: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.standard__badge-img {
  margin-inline: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.standard__box._top .standard__badge-img {
  width: clamp(102.39936px, -0.0014592px + 32.000256vw, 182.4px);
}
.standard__box._bottom .standard__badge-img {
  width: clamp(109.652648px, -0.00156256px + 34.2669408vw, 195.32px);
}
.standard__bottom {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  margin-top: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  position: relative;
}
.standard__bottom-txt {
  font-size: clamp(18.346552px, -0.00026144px + 5.7333792vw, 32.68px);
  color: #584D51;
  font-weight: 700;
  line-height: 1.8;
  position: relative;
  z-index: 2;
}
.standard__bottom-txt strong {
  display: inline-block;
  background: #D55A3D;
  line-height: 1.3;
  padding: 0 clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  padding-bottom: clamp(2.13332px, -0.0000304px + 0.666672vw, 3.8px);
  color: #fff;
}
.standard__bottom-txt + .standard__bottom-txt {
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.standard__bottom-txt:last-child {
  line-height: 2;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
/**

よくある質問

**/
.qa {
  background: #F1EFE4;
  padding-top: clamp(68.26624px, -0.0009728px + 21.333504vw, 121.6px);
  padding-bottom: clamp(25.59984px, -0.0003648px + 8.000064vw, 45.6px);
  position: relative;
}
.qa::before {
  content: "";
  display: block;
  width: 100%;
  height: clamp(407.037456px, -0.00580032px + 127.2010176vw, 725.04px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/standard-bg.webp") center/cover no-repeat;
  position: absolute;
  top: 0%;
  right: 0%;
  z-index: 1;
  -webkit-transform: translate(0%, -90%);
      -ms-transform: translate(0%, -90%);
          transform: translate(0%, -90%);
}
.qa__title {
  text-align: center;
}
.qa__title--top {
  font-family: "Cormorant", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  color: #584D51;
  font-weight: 700;
}
.qa__title--bottom {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(25.173176px, -0.00035872px + 7.8667296vw, 44.84px);
  color: #fff;
  width: clamp(265.385008px, -0.00378176px + 82.9339968vw, 472.72px);
  height: clamp(41.386408px, -0.00058976px + 12.9334368vw, 73.72px);
  margin-inline: auto;
  margin-top: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
  padding: 0 clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/qa-ribbon.webp") center/cover no-repeat;
  position: relative;
}
.qa__title--bottom::before {
  content: "";
  display: block;
  width: clamp(96.426064px, -0.00137408px + 30.1335744vw, 171.76px);
  height: clamp(72.959544px, -0.00103968px + 22.8001824vw, 129.96px);
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/qa-cat.webp") center/cover no-repeat;
  position: absolute;
  top: 0%;
  left: 2%;
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}
.qa__wrap {
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding: 0 clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.qa__box {
  background: #FFF;
  border-radius: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding: 0 clamp(14.079912px, -0.00020064px + 4.4000352vw, 25.08px);
  padding-top: clamp(17.919888px, -0.00025536px + 5.6000448vw, 31.92px);
}
.qa__box + .qa__box {
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}
.qa__box-title, .qa__box-text {
  text-align: left;
  color: #373737;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  padding-left: clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px);
}
.qa__box-title::before, .qa__box-text::before {
  content: "";
  width: clamp(31.9998px, -0.000456px + 10.00008vw, 57px);
  height: clamp(31.9998px, -0.000456px + 10.00008vw, 57px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: translateY(-8%);
      -ms-transform: translateY(-8%);
          transform: translateY(-8%);
}
.qa__box-title {
  font-size: clamp(11.946592px, -0.00017024px + 3.7333632vw, 21.28px);
  font-weight: 700;
  padding-bottom: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  background-image: repeating-linear-gradient(to right, #83796A 0, #83796A clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(4.26664px, -0.0000608px + 1.333344vw, 7.6px), transparent clamp(7.679952px, -0.00010944px + 2.4000192vw, 13.68px));
  background-size: 100% clamp(0.853328px, -0.00001216px + 0.2666688vw, 1.52px);
  background-repeat: no-repeat;
  background-position: bottom;
}
.qa__box-title::before {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/qa-title-icon.webp") center/contain no-repeat;
}
.qa__box-text {
  font-size: clamp(11.093264px, -0.00015808px + 3.4666944vw, 19.76px);
  padding-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  padding-bottom: clamp(21.3332px, -0.000304px + 6.66672vw, 38px);
  line-height: 1.9;
}
.qa__box-text::before {
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/qa-answer-icon.webp") center/contain no-repeat;
}
.qa__box-text span {
  font-weight: 700;
}
.qa__box-text p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  max-width: 474px;
}
@media screen and (max-width: 450px) {
  .qa__box-text p {
    max-width: 247px;
    font-size: 0.76rem;
  }
}

/**

メッセージ

**/
.message {
  font-family: "Shippori Mincho B1", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #584D51;
  background: #F1EFE4;
  font-weight: 600;
  text-align: center;
}
.message::after {
  content: "";
  display: block;
  width: 100%;
  height: clamp(220.585288px, -0.00314336px + 68.9338848vw, 392.92px);
  margin-top: -8%;
  background: url("https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/message-bg.webp") center top/cover no-repeat;
}
.message__title {
  font-size: clamp(22.613192px, -0.00032224px + 7.0667232vw, 40.28px);
  background: #fff;
  padding-top: clamp(34.13312px, -0.0004864px + 10.666752vw, 60.8px);
}
.message__wrap {
  font-size: clamp(14.079912px, -0.00020064px + 4.4000352vw, 25.08px);
  background: linear-gradient(168.7deg, #FFFFFF 1.14%, #F9F9F9 98.04%);
  padding-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
  padding-bottom: clamp(42.6664px, -0.000608px + 13.33344vw, 76px);
}
.message__text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  line-height: 2;
}
.message__text + .message__text {
  margin-top: clamp(12.79992px, -0.0001824px + 4.000032vw, 22.8px);
}

/*====================================================================================================
*
*   swiper
*
====================================================================================================*/
.swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.voice__swiper {
  width: 100%;
  background: #F1EFE4;
  position: relative;
}
.voice__swiper-wrapper {
  padding-top: clamp(42.239736px, -0.00060192px + 13.2001056vw, 75.24px);
  padding-bottom: clamp(38.39976px, -0.0005472px + 12.000096vw, 68.4px);
}
.voice__swiper-slide {
  width: clamp(194.985448px, -0.00277856px + 60.9338208vw, 347.32px) !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-box-shadow: 0px clamp(1.279992px, -0.00001824px + 0.4000032vw, 2.28px) clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px) 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px clamp(1.279992px, -0.00001824px + 0.4000032vw, 2.28px) clamp(9.813272px, -0.00013984px + 3.0666912vw, 17.48px) 0px rgba(0, 0, 0, 0.25);
  margin: 0 clamp(17.06656px, -0.0002432px + 5.333376vw, 30.4px);
}
.voice__swiper .swiper-slide-active {
  -webkit-transform: scale(1.18) !important;
      -ms-transform: scale(1.18) !important;
          transform: scale(1.18) !important;
}
.voice__swiper-next, .voice__swiper-prev {
  display: block;
  width: clamp(34.559784px, -0.00049248px + 10.8000864vw, 61.56px);
  height: clamp(34.559784px, -0.00049248px + 10.8000864vw, 61.56px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 20;
  cursor: pointer;
}
.voice__swiper-next {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/next.png);
  left: 82%;
}
.voice__swiper-prev {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/grandspetscom/uploads/cat-type-c/img/prev.png);
  right: 82%;
}

/*====================================================================================================
*
*   inview
*
====================================================================================================*/
.js-fadeIn {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.js-fadeIn.is-inview {
  opacity: 1;
}

@-webkit-keyframes shine {
  10% {
    left: 150%;
    opacity: 1;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

@keyframes shine {
  10% {
    left: 150%;
    opacity: 1;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}
.fuwafuwa {
  -webkit-animation: fuwafuwa 2s linear infinite;
          animation: fuwafuwa 2s linear infinite;
  scale: 1;
}

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.95, 0.95, 0.95);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.95, 0.95, 0.95);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
}

/* modal-共通 */
.lp-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  font-size: 23px;
  z-index: 10;
}

@media screen and (max-width: 640px) {
  .lp-modal {
    font-size: 16px;
  }
}
.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow-y: scroll;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  max-width: 600px;
  max-height: 90%;
  padding: 2%;
}

@media screen and (max-width: 640px) {
  .modal__content {
    padding: 5%;
  }
}
.modal__content.lp {
  padding: 0 0 2%;
}

@media screen and (max-width: 640px) {
  .modal__content.lp {
    padding: 0 0 5%;
  }
}
.modal__content .ttlArea {
  text-align: center;
}

.modal__content .icon {
  background: #f47a20;
  display: block;
  width: 75%;
  font-size: 110%;
  font-weight: bold;
  color: #fff;
  margin: 0 auto 2%;
  padding: 1%;
}

@media screen and (max-width: 640px) {
  .modal__content .icon {
    margin: 0 auto 4%;
    padding: 2%;
  }
}
.modal__content .title {
  font-size: 140%;
  font-weight: bold;
  color: #44a634;
  margin: 1% 0 4%;
}

.modal__content .images {
  width: 80%;
  margin: 0 auto 4%;
}

.modal__content img {
  width: 100%;
}

.modal__content a.modalOrderBtn {
  display: block;
  width: 80%;
  margin: 15px auto 20px;
}

@media screen and (max-width: 640px) {
  .modal__content .images, .modal__content a.modalOrderBtn {
    width: 100%;
  }
}
.modal__content a.modalCloseBtn {
  display: block;
  background: #666;
  color: #fff;
  text-decoration: none;
  font-size: 80%;
  text-align: center;
  border-radius: 10px;
  width: 100px;
  margin: 0 auto;
  padding: 3% 0;
}

.modal__content a.modalCloseBtn:hover {
  background: #333;
}

.modal__content a.modalCloseIcon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 200%;
  color: #666;
  line-height: 0;
}

.modal__content a.modalCloseIcon:hover {
  color: #333;
}

/* modal-スペック表 */
.modal__content.spec {
  background: #fbf4f1;
}

.lp-modal h2 {
  font-size: 110%;
  text-align: center;
  border-bottom: 1px solid #453e40;
  margin: 0 0 5%;
  padding: 0 0 3%;
}

.lp-modal .section06-spec {
  display: block;
  margin: 0;
}

.lp-modal .section06-spec h3, .lp-modal.section06-food h3 {
  margin: 0 0 3%;
}

.lp-modal .section06-spec .section-spec {
  font-size: 90%;
  margin: 0 0 6%;
}

.lp-modal .section06-food {
  width: 100%;
  margin: 0;
}

.lp-modal .section06-food .section06-scroll {
  background: #fff;
  overflow: scroll;
  width: 100%;
  margin: 0 0 2%;
  padding: 3%;
  white-space: nowrap;
}

.lp-modal .section06-food .section06-scroll img {
  width: 130%;
}

@media screen and (max-width: 640px) {
  .lp-modal.section06-food .section06-scroll img {
    width: 180%;
  }
}
.lp-modal .section06-food p {
  display: block;
  font-size: 70%;
  color: #999;
  margin: 0 0 6%;
}

/* section共通部分・レイアウトパーツ */
.section-content1column, .section-content2column {
  width: 90%;
  max-width: 1100px;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 70px;
}

@media screen and (max-width: 1200px) {
  .section-content1column, .section-content2column {
    padding: 0 0 5.83%;
  }
}
.section-content2column.left h4 {
  float: right;
  width: 75%;
}

.section-content2column.left p {
  float: right;
  width: 75%;
}

.section-content2column.left .section-content2column-img {
  float: left;
  width: 23%;
  text-align: left;
}

.section-content2column.left .section-content2column-img img {
  width: 85%;
}

.section-content2column.left .section-content2column-img img:nth-child(2) {
  margin: -20% 15% 0;
}

.section-content2column.right h4 {
  float: left;
  width: 68%;
}

.section-content2column.right p {
  float: left;
  width: 68%;
}

.section-content2column.right img {
  float: right;
  width: 30%;
}

.section-content2column.left2 h4 {
  float: right;
  width: 68%;
}

.section-content2column.left2 p {
  float: right;
  width: 68%;
}

.section-content2column.left2 img {
  float: left;
  width: 30%;
}

.section-content1column h4, .section-content2column h4 {
  font-size: 130%;
  border-bottom: 2px dotted #453e40;
  text-align: left;
  margin: 0 0 24px;
  padding: 0 0 12px;
}

@media screen and (max-width: 1200px) {
  .section-content1column h4, .section-content2column h4 {
    font-size: 3.4vh;
    margin: 0 0 2%;
    padding: 0 0 1%;
  }
}
@media screen and (max-width: 768px) {
  .section-content1column h4, .section-content2column h4 {
    float: none !important;
    width: 100% !important;
    text-align: center;
  }
}
.section-content1column p, .section-content2column p {
  text-align: left;
  margin: 0 0 24px;
}

@media screen and (max-width: 1200px) {
  .section-content1column p, .section-content2column p {
    margin: 0 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .section-content1column p, .section-content2column p {
    float: none !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .section-content2column img {
    float: none !important;
    width: 80% !important;
  }
}
.section-content1column img {
  margin: 0 0 24px;
}

@media screen and (max-width: 1200px) {
  .section-content1column img {
    margin: 0 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .section-content2column .section-content2column-img {
    float: none !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .section-content2column .section-content2column-img img {
    float: left !important;
    width: 50% !important;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .section-content2column .section-content2column-img img:nth-child(2) {
    margin: 0 !important;
  }
}
.section-spec {
  width: 100%;
}

.section-spec th, .section-spec td {
  background: #fff;
  font-size: 80%;
  font-weight: normal;
  text-align: left;
  padding: 10px;
}

.section-spec td {
  text-align: right;
}

.section-spec tr:nth-child(odd) th, .section-spec tr:nth-child(odd) td {
  background: #f5e2da !important;
}

/* 閉じる丸ボタン */
.fas.fa-times-circle {
  position: relative;
  display: inline-block;
  width: 24px; /* サイズ調整可 */
  height: 24px;
  border: 2px solid #666;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* バツ印の線 */
.fas.fa-times-circle::before,
.fas.fa-times-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #666;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.fas.fa-times-circle::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.fas.fa-times-circle::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

/**

CTA

**/
.cta {
  position: relative;
}
.cta__btn {
  width: clamp(274.771616px, -0.00391552px + 85.8673536vw, 489.44px);
  position: absolute;
  top: 48.3%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 1300px) {
  .main-visual__cta-area .cta__btn {
    width: clamp(258.75px, 0px + 21.5625vw, 414px);
    margin-inline: auto;
    margin-top: clamp(12.5px, 0px + 1.0416666667vw, 20px);
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.cta__btn-img {
  position: relative;
  border-radius: clamp(32.213132px, -0.00045904px + 10.0667472vw, 57.38px);
  -webkit-box-shadow: clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px) clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px) clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0px rgba(0, 0, 0, 0.25);
          box-shadow: clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px) clamp(3.413312px, -0.00004864px + 1.0666752vw, 6.08px) clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px) 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1300px) {
  .cta__btn-img {
    -webkit-box-shadow: 5.15px 5.15px 12.87px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 5.15px 5.15px 12.87px 0px rgba(0, 0, 0, 0.25);
  }
}
.cta__btn-img:hover {
  -webkit-transform: translateY(clamp(2.559984px, -0.00003648px + 0.8000064vw, 4.56px));
      -ms-transform: translateY(clamp(2.559984px, -0.00003648px + 0.8000064vw, 4.56px));
          transform: translateY(clamp(2.559984px, -0.00003648px + 0.8000064vw, 4.56px));
  -webkit-box-shadow: 0 0 0 0 #fff;
          box-shadow: 0 0 0 0 #fff;
}
.cta__btn-img a {
  display: block;
  position: relative;
  border-radius: clamp(32.213132px, -0.00045904px + 10.0667472vw, 57.38px);
}
.cta__btn-note {
  font-size: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
  color: #4C4C4C;
  font-weight: 500;
  text-align: center;
  margin-top: clamp(8.53328px, -0.0001216px + 2.666688vw, 15.2px);
}
@media screen and (min-width: 1300px) {
  .cta__btn-note {
    font-size: clamp(7.5px, 0px + 0.625vw, 12px);
    margin-top: 10px;
  }
}
.cta__note {
  width: clamp(290.13152px, -0.0041344px + 90.667392vw, 516.8px);
  font-size: clamp(7.253288px, -0.00010336px + 2.2666848vw, 12.92px);
  line-height: 1.7;
  color: #fff;
  position: absolute;
  bottom: 1%;
  left: 4%;
}

/**

フローティング

**/
.floating {
  position: fixed;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  width: clamp(294.39816px, -0.0041952px + 92.000736vw, 524.4px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 100;
}/*# sourceMappingURL=style.css.map */