@charset "UTF-8";
:root {
  --vw-base: 1920;
}
#frozen-yogurt {
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */
}
#frozen-yogurt *,
#frozen-yogurt *::before,
#frozen-yogurt *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#frozen-yogurt html,
#frozen-yogurt body,
#frozen-yogurt div,
#frozen-yogurt span,
#frozen-yogurt object,
#frozen-yogurt iframe,
#frozen-yogurt h1,
#frozen-yogurt h2,
#frozen-yogurt h3,
#frozen-yogurt h4,
#frozen-yogurt h5,
#frozen-yogurt h6,
#frozen-yogurt p,
#frozen-yogurt blockquote,
#frozen-yogurt pre,
#frozen-yogurt abbr,
#frozen-yogurt address,
#frozen-yogurt cite,
#frozen-yogurt code,
#frozen-yogurt del,
#frozen-yogurt dfn,
#frozen-yogurt em,
#frozen-yogurt img,
#frozen-yogurt ins,
#frozen-yogurt kbd,
#frozen-yogurt q,
#frozen-yogurt samp,
#frozen-yogurt small,
#frozen-yogurt strong,
#frozen-yogurt sub,
#frozen-yogurt sup,
#frozen-yogurt var,
#frozen-yogurt b,
#frozen-yogurt i,
#frozen-yogurt dl,
#frozen-yogurt dt,
#frozen-yogurt dd,
#frozen-yogurt ol,
#frozen-yogurt ul,
#frozen-yogurt li,
#frozen-yogurt fieldset,
#frozen-yogurt form,
#frozen-yogurt label,
#frozen-yogurt legend,
#frozen-yogurt table,
#frozen-yogurt caption,
#frozen-yogurt tbody,
#frozen-yogurt tfoot,
#frozen-yogurt thead,
#frozen-yogurt tr,
#frozen-yogurt th,
#frozen-yogurt td,
#frozen-yogurt article,
#frozen-yogurt aside,
#frozen-yogurt canvas,
#frozen-yogurt details,
#frozen-yogurt figcaption,
#frozen-yogurt figure,
#frozen-yogurt footer,
#frozen-yogurt header,
#frozen-yogurt hgroup,
#frozen-yogurt menu,
#frozen-yogurt nav,
#frozen-yogurt section,
#frozen-yogurt summary,
#frozen-yogurt time,
#frozen-yogurt mark,
#frozen-yogurt audio,
#frozen-yogurt video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#frozen-yogurt body {
  line-height: 1;
}
#frozen-yogurt article,
#frozen-yogurt aside,
#frozen-yogurt details,
#frozen-yogurt figcaption,
#frozen-yogurt figure,
#frozen-yogurt footer,
#frozen-yogurt header,
#frozen-yogurt hgroup,
#frozen-yogurt menu,
#frozen-yogurt nav,
#frozen-yogurt section {
  display: block;
}
#frozen-yogurt ul,
#frozen-yogurt ol {
  list-style: none;
}
#frozen-yogurt blockquote,
#frozen-yogurt q {
  quotes: none;
}
#frozen-yogurt blockquote:before,
#frozen-yogurt blockquote:after,
#frozen-yogurt q:before,
#frozen-yogurt q:after {
  content: "";
  content: none;
}
#frozen-yogurt a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
#frozen-yogurt img,
#frozen-yogurt svg {
  width: 100%;
  vertical-align: bottom;
}
#frozen-yogurt label,
#frozen-yogurt input,
#frozen-yogurt select,
#frozen-yogurt option,
#frozen-yogurt textarea,
#frozen-yogurt button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
#frozen-yogurt input,
#frozen-yogurt select {
  vertical-align: middle;
}
#frozen-yogurt textarea {
  resize: none;
}
#frozen-yogurt button {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#frozen-yogurt select::-ms-expand {
  display: none;
}
#frozen-yogurt ::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.4);
}
#frozen-yogurt :-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.4);
}
#frozen-yogurt ::-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.4);
}
#frozen-yogurt ::-moz-placeholder {
  color: rgba(34, 34, 34, 0.4);
}
#frozen-yogurt ::placeholder {
  color: rgba(34, 34, 34, 0.4);
}
#frozen-yogurt table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
}
#frozen-yogurt ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#frozen-yogurt mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#frozen-yogurt del {
  text-decoration: line-through;
}
#frozen-yogurt abbr[title],
#frozen-yogurt dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#frozen-yogurt hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

#frozen-yogurt h1,
#frozen-yogurt h2,
#frozen-yogurt h3,
#frozen-yogurt h4,
#frozen-yogurt h5,
#frozen-yogurt h6,
#frozen-yogurt p,
#frozen-yogurt a,
#frozen-yogurt span,
#frozen-yogurt div,
#frozen-yogurt ul,
#frozen-yogurt li,
#frozen-yogurt dt,
#frozen-yogurt dd,
#frozen-yogurt dl,
#frozen-yogurt th,
#frozen-yogurt td,
#frozen-yogurt time,
#frozen-yogurt label,
#frozen-yogurt input,
#frozen-yogurt textarea,
#frozen-yogurt button {
  color: #000000;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-family: "Noto Sans JP", sans-serif;
}
#frozen-yogurt a,
#frozen-yogurt button {
  cursor: pointer;
}
#frozen-yogurt .u-animation-opacity {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#frozen-yogurt .u-animation-opacity:hover {
  opacity: 0.8;
}
#frozen-yogurt .u-animation-yureru-s {
  -webkit-animation: yureru-s 0.6s ease infinite alternate;
          animation: yureru-s 0.6s ease infinite alternate;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@-webkit-keyframes yureru-s {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@keyframes yureru-s {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

#frozen-yogurt {
  position: relative;
  background-size: cover;
  background-image: url(../img/image_container-bg.webp);
  /* スクロール容器は最適化を外し、常に可視にする */
  /* 横スクロールの基本形 */
  /* 縦スクロールの基本形（必要なら） */
  /* Flex/Grid 親の“縮みすぎ”で溢れなくなる問題ケア */
  /* 基本スタイル：初期は少し下＆透明 */
  /* 表示時 */
  /* ▼スタッガ：親に data-stagger
   “1つ終わってから 0.3s 空けて次へ”＝(duration + gap) × i */
  /* アニメを控える設定への配慮 */
}
#frozen-yogurt .lead-fade-in,
#frozen-yogurt .lead-fade-left-in,
#frozen-yogurt .lead-fade-right-in,
#frozen-yogurt .reason-fade-left-in,
#frozen-yogurt .gourmet-fade-up-in,
#frozen-yogurt .apply-fade-up-in {
  will-change: transform, opacity;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
#frozen-yogurt #movie,
#frozen-yogurt #reason,
#frozen-yogurt #gourmet,
#frozen-yogurt #movie {
  content-visibility: auto;
}
#frozen-yogurt .p-floating__btn {
  position: fixed;
  display: block;
  bottom: calc(300 / var(--vw-base) * 100vw);
  right: calc(10 / var(--vw-base) * 100vw);
  width: calc(200 / var(--vw-base) * 100vw);
  z-index: 10;
  max-width: initial !important;
}
#frozen-yogurt .p-floating__btn:hover .floating-btn__icon {
  opacity: 0;
  visibility: hidden;
}
#frozen-yogurt .p-floating__btn:hover .floating-btn__icon-hover {
  opacity: 1;
  visibility: visible;
}
#frozen-yogurt .p-floating__btn img {
  width: 100%;
  height: auto;
  aspect-ratio: 204/250;
}
#frozen-yogurt .floating-btn__icon,
#frozen-yogurt .floating-btn__icon-hover {
  position: absolute;
  top: 0;
  left: 0;
}
#frozen-yogurt .floating-btn__icon {
  opacity: 1;
}
#frozen-yogurt .floating-btn__icon-hover {
  opacity: 0;
  visibility: hidden;
}
#frozen-yogurt .p-kv {
  position: relative;
}
#frozen-yogurt .p-kv__figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 1920/1180;
}
#frozen-yogurt .p-kv__sp-hiroshi {
  display: none;
}
#frozen-yogurt .p-lead {
  position: relative;
  z-index: 1;
  padding: calc(0 / var(--vw-base) * 100vw) 0 calc(160 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-lead__inner {
  padding: 0 calc(20 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-lead__body {
  position: relative;
  width: calc(1000 / var(--vw-base) * 100vw);
  max-width: 1000px;
  margin: 0 auto;
}
#frozen-yogurt .p-lead__hiroshi {
  position: absolute;
  top: calc(-160 / var(--vw-base) * 100vw);
  left: calc(-350 / var(--vw-base) * 100vw);
  width: calc(652 / var(--vw-base) * 100vw);
  max-width: 652px;
  z-index: 3;
}
#frozen-yogurt .p-lead__hiroshi img {
  width: 100%;
  height: auto;
  aspect-ratio: 652/1073;
}
#frozen-yogurt .p-lead__figure {
  position: relative;
  width: calc(1000 / var(--vw-base) * 100vw);
  max-width: 1000px;
  margin: 0 auto;
  z-index: 2;
}
#frozen-yogurt .p-lead__figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 1000/1197;
}
#frozen-yogurt .p-lead__ice {
  position: absolute;
  bottom: calc(-40 / var(--vw-base) * 100vw);
  right: calc(-310 / var(--vw-base) * 100vw);
  width: calc(630 / var(--vw-base) * 100vw);
  max-width: 630px;
  z-index: 3;
}
#frozen-yogurt .p-lead__ice img {
  width: 100%;
  height: auto;
  aspect-ratio: 630/595;
}
#frozen-yogurt .p-lead__bottom-bg {
  position: absolute;
  bottom: calc(-270 / var(--vw-base) * 100vw);
  z-index: 1;
}
#frozen-yogurt .p-lead__bottom-bg img {
  width: 100%;
  height: auto;
  aspect-ratio: 2258/1290;
}
#frozen-yogurt .lead-fade-in,
#frozen-yogurt .lead-fade-left-in,
#frozen-yogurt .lead-fade-right-in {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
#frozen-yogurt .p-movie {
  position: relative;
  z-index: 2;
}
#frozen-yogurt .p-movie__bg {
  position: relative;
}
#frozen-yogurt .p-movie__bg img {
  width: 100%;
  height: auto;
  aspect-ratio: 1920/680;
}
#frozen-yogurt .p-movie__btn-wrap {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: calc(152 / var(--vw-base) * 100vw);
  max-width: 152px;
  z-index: 1;
}
#frozen-yogurt .p-movie__btn-wrap:hover .p-movie__btn {
  opacity: 0;
  visibility: hidden;
}
#frozen-yogurt .p-movie__btn-wrap:hover .p-movie__btn-hover {
  opacity: 1;
  visibility: visible;
}
#frozen-yogurt .p-movie__btn-wrap img {
  width: 100%;
  height: auto;
  aspect-ratio: 152/150;
}
#frozen-yogurt .p-movie__btn,
#frozen-yogurt .p-movie__btn-hover {
  position: absolute;
  top: 0;
  left: 0;
}
#frozen-yogurt .p-movie__btn {
  opacity: 1;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
#frozen-yogurt .p-movie__btn-hover {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#frozen-yogurt .p-movie-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-size: cover;
  background-image: url(../img/image_movie-modal-bg.webp);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#frozen-yogurt .p-movie-modal.is_active {
  opacity: 1;
  visibility: visible;
}
#frozen-yogurt .p-modal-movie__close-btn {
  position: absolute;
  top: calc(30 / var(--vw-base) * 100vw);
  right: calc(30 / var(--vw-base) * 100vw);
  width: calc(100 / var(--vw-base) * 100vw);
  max-width: 100px;
  z-index: 1;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#frozen-yogurt .p-modal-movie__close-btn img {
  width: 100%;
  height: auto;
  aspect-ratio: 100/100;
}
#frozen-yogurt .p-modal-movie__close-btn:hover {
  opacity: 0.5;
}
#frozen-yogurt .p-movie-modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
#frozen-yogurt .p-modal-movie__sp-close-btn {
  display: none;
}
#frozen-yogurt .p-modal-movie__sp-close-btn:hover {
  opacity: 0.5;
}
#frozen-yogurt .p-movie-modal__video {
  width: calc(1000 / var(--vw-base) * 100vw);
  max-width: 1000px;
  margin: 0 auto;
}
#frozen-yogurt .p-movie-modal__video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1000/562;
}
#frozen-yogurt .p-reason {
  position: relative;
  padding: calc(285 / var(--vw-base) * 100vw) 0 calc(100 / var(--vw-base) * 100vw);
  margin-bottom: calc(-100 / var(--vw-base) * 100vw);
  overflow: hidden;
  z-index: 2;
}
#frozen-yogurt .p-reason__container {
  background-size: cover;
  background-image: url(../img/image_reason-bg.webp);
  z-index: 1;
  overflow: hidden;
}
#frozen-yogurt .reason-loop-top {
  top: calc(110 / var(--vw-base) * 100vw);
  left: 0;
}
#frozen-yogurt .reason-loop-bottom {
  bottom: 0;
  left: 0;
}
#frozen-yogurt .reason-right-loop {
  -webkit-animation: marquee-right 30s linear infinite;
          animation: marquee-right 30s linear infinite;
}
#frozen-yogurt .reason-left-loop {
  -webkit-animation: marquee-left 30s linear infinite;
          animation: marquee-left 30s linear infinite;
}
#frozen-yogurt .p-reason__loop-wrap {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 3;
}
#frozen-yogurt .p-reason__loop {
  width: calc(460 / var(--vw-base) * 100vw);
  margin-left: calc(-150 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-reason__loop img {
  width: 100%;
  height: auto;
  aspect-ratio: 973/541;
}
@-webkit-keyframes marquee-right {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes marquee-right {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes marquee-left {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes marquee-left {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#frozen-yogurt .p-reason__body {
  position: relative;
  max-width: 1920px;
  padding: calc(135 / var(--vw-base) * 100vw) 0 calc(170 / var(--vw-base) * 100vw);
  margin: 0 auto;
}
#frozen-yogurt .p-reason__text-bg {
  position: absolute;
  width: calc(1385 / var(--vw-base) * 100vw);
  max-width: 1385px;
  top: calc(150 / var(--vw-base) * 100vw);
  left: 12%;
  z-index: 1;
}
#frozen-yogurt .p-reason__text-bg img {
  width: 100%;
  height: auto;
  aspect-ratio: 1385/1576;
}
#frozen-yogurt .p-reason__main {
  position: relative;
  z-index: 2;
  padding: 0 calc(15 / var(--vw-base) * 100vw) 0;
}
#frozen-yogurt .p-reason__title {
  width: calc(1248 / var(--vw-base) * 100vw);
  max-width: 1248px;
  margin: 0 auto calc(100 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-reason__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 1248/286;
}
#frozen-yogurt .p-reason__box-wrap {
  position: relative;
  width: calc(1345 / var(--vw-base) * 100vw);
  max-width: 1345px;
  margin: 0 auto calc(100 / var(--vw-base) * 100vw);
  z-index: 3;
}
#frozen-yogurt .p-reason__box-wrap .p-reason__box:first-of-type {
  width: calc(896 / var(--vw-base) * 100vw);
  max-width: 896px;
  margin-bottom: calc(70 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-reason__box-wrap .p-reason__box:first-of-type img {
  width: 100%;
  height: auto;
  aspect-ratio: 896/185;
}
#frozen-yogurt .p-reason__box-wrap .p-reason__box:nth-of-type(2) {
  width: calc(1005 / var(--vw-base) * 100vw);
  max-width: 1005px;
  margin: 0 auto calc(70 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-reason__box-wrap .p-reason__box:nth-of-type(2) img {
  width: 100%;
  height: auto;
  aspect-ratio: 1004/357;
}
#frozen-yogurt .p-reason__box-wrap .p-reason__box:last-of-type {
  width: calc(764 / var(--vw-base) * 100vw);
  max-width: 764px;
  margin-left: auto;
}
#frozen-yogurt .p-reason__box-wrap .p-reason__box:last-of-type img {
  width: 100%;
  height: auto;
  aspect-ratio: 764/242;
}
#frozen-yogurt .p-reason__content {
  position: relative;
}
#frozen-yogurt .reason-content__decoration {
  position: absolute;
  top: calc(-570 / var(--vw-base) * 100vw);
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
#frozen-yogurt .reason-content__decoration img {
  width: 100%;
  height: auto;
  aspect-ratio: 2045/2347;
}
#frozen-yogurt .reason-content__illust-wrap {
  position: relative;
  width: calc(1110 / var(--vw-base) * 100vw);
  max-width: 1110px;
  margin: 0 auto;
  z-index: 2;
}
#frozen-yogurt .reason-content__illust-wrap .reason-content__illust {
  opacity: 1;
}
#frozen-yogurt .reason-content__illust-wrap img {
  width: 100%;
  height: auto;
  aspect-ratio: 1110/1032;
}
#frozen-yogurt .p-reason__bottom {
  position: relative;
  padding: calc(150 / var(--vw-base) * 100vw) 0 calc(200 / var(--vw-base) * 100vw);
  background-color: #E6E6E6;
  z-index: 2;
}
#frozen-yogurt .reason-bottom__title {
  position: absolute;
  top: calc(-80 / var(--vw-base) * 100vw);
  left: calc(750 / var(--vw-base) * 100vw);
  width: calc(411 / var(--vw-base) * 100vw);
  max-width: 411px;
}
#frozen-yogurt .reason-bottom__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 409/181;
}
#frozen-yogurt .reason-bottom__figure {
  width: calc(1212 / var(--vw-base) * 100vw);
  max-width: 1212px;
  margin: 0 auto;
}
#frozen-yogurt .reason-bottom__figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 1212/292;
}
#frozen-yogurt .p-gourmet {
  position: relative;
  padding: calc(170 / var(--vw-base) * 100vw) 0 calc(130 / var(--vw-base) * 100vw);
  background-size: cover;
  background-image: url(../img/image_gourmet-bg.webp);
  z-index: 1;
}
#frozen-yogurt .p-gourmet__title {
  width: calc(743 / var(--vw-base) * 100vw);
  max-width: 743px;
  margin: 0 auto calc(75 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-gourmet__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 743/575;
}
#frozen-yogurt .p-gourmet__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-column-gap: calc(50 / var(--vw-base) * 100vw);
     -moz-column-gap: calc(50 / var(--vw-base) * 100vw);
          column-gap: calc(50 / var(--vw-base) * 100vw);
  width: calc(1578 / var(--vw-base) * 100vw);
  max-width: 1578px;
  margin: 0 auto;
}
#frozen-yogurt .p-gourmet__item {
  width: calc(357 / var(--vw-base) * 100vw);
  max-width: 357px;
  cursor: pointer;
}
#frozen-yogurt .p-gourmet__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 357/410;
}
#frozen-yogurt .p-gourmet__item:hover .gourmet-item__title {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#frozen-yogurt .p-gourmet__item:hover .gourmet-item__title-hover {
  opacity: 1;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#frozen-yogurt .gourmet-item__title-wrap {
  position: relative;
  display: block;
  margin: 0 auto;
}
#frozen-yogurt .gourmet-item__title {
  display: block;
  opacity: 1;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
#frozen-yogurt .gourmet-item__title-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
#frozen-yogurt .gourmet-item-title01 {
  width: calc(304 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-item-title01 img {
  width: 100%;
  height: auto;
  aspect-ratio: 304/54;
}
#frozen-yogurt .gourmet-item-title02 {
  width: calc(208 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-item-title02 img {
  width: 100%;
  height: auto;
  aspect-ratio: 208/52;
}
#frozen-yogurt .gourmet-item-title03 {
  width: calc(257 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-item-title03 img {
  width: 100%;
  height: auto;
  aspect-ratio: 257/54;
}
#frozen-yogurt .gourmet-item-title04 {
  width: calc(208 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-item-title04 img {
  width: 100%;
  height: auto;
  aspect-ratio: 256/64;
}
#frozen-yogurt .gourmet-item__content {
  display: block;
}
#frozen-yogurt .p-gourmet-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 253, 245, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#frozen-yogurt .p-gourmet-modal.is_active {
  opacity: 1;
  visibility: visible;
}
#frozen-yogurt .p-modal-gourmet__close-btn {
  position: absolute;
  top: calc(30 / var(--vw-base) * 100vw);
  right: calc(30 / var(--vw-base) * 100vw);
  width: calc(100 / var(--vw-base) * 100vw);
  max-width: 100px;
  z-index: 1;
}
#frozen-yogurt .p-modal-gourmet__close-btn img {
  width: 100%;
  height: auto;
  aspect-ratio: 100/100;
}
#frozen-yogurt .p-modal-gourmet__close-btn:hover {
  opacity: 0.5;
}
#frozen-yogurt .p-gourmet-modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
#frozen-yogurt .p-modal-gourmet__sp-close-btn {
  display: none;
}
#frozen-yogurt .p-modal-gourmet__sp-close-btn img:hover {
  opacity: 0.5;
}
#frozen-yogurt .p-gourmet-modal__icon {
  width: calc(300 / var(--vw-base) * 100vw);
  max-width: 300px;
  margin: 0 auto calc(30 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-gourmet-modal__icon img {
  width: 100%;
  height: auto;
  aspect-ratio: 300/300;
}
#frozen-yogurt .p-gourmet-modal__title {
  margin: 0 auto calc(30 / var(--vw-base) * 100vw);
}
#frozen-yogurt .p-gourmet-modal__text-wrap {
  width: calc(1000 / var(--vw-base) * 100vw);
  max-width: 1000px;
  padding: calc(30 / var(--vw-base) * 100vw) calc(50 / var(--vw-base) * 100vw);
  margin: 0 auto;
  background-color: #fff;
  border-radius: calc(10 / var(--vw-base) * 100vw);
  border: calc(3 / var(--vw-base) * 100vw) solid #6D411F;
}
#frozen-yogurt .p-gourmet-modal__text {
  font-size: calc(32 / var(--vw-base) * 100vw);
  line-height: 1.4;
  font-weight: bold;
  color: #6D411F;
}
#frozen-yogurt .gourmet-modal-title01 {
  width: calc(660 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-modal-title01 img {
  width: 100%;
  height: auto;
  aspect-ratio: 660/135;
}
#frozen-yogurt .gourmet-modal-title02 {
  width: calc(408 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-modal-title02 img {
  width: 100%;
  height: auto;
  aspect-ratio: 408/122;
}
#frozen-yogurt .gourmet-modal-title03 {
  width: calc(558 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-modal-title03 img {
  width: 100%;
  height: auto;
  aspect-ratio: 558/128;
}
#frozen-yogurt .gourmet-modal-title04 {
  width: calc(446 / var(--vw-base) * 100vw);
}
#frozen-yogurt .gourmet-modal-title04 img {
  width: 100%;
  height: auto;
  aspect-ratio: 446/135;
}
#frozen-yogurt .p-apply {
  position: relative;
  padding: calc(130 / var(--vw-base) * 100vw) 0;
  background-size: cover;
  background-image: url(../img/image_apply-bg.webp);
  z-index: 1;
}
#frozen-yogurt .p-apply__main {
  margin-bottom: calc(130 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-main__title {
  width: calc(1090 / var(--vw-base) * 100vw);
  max-width: 1090px;
  margin: 0 auto calc(70 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-main__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 1090/186;
}
#frozen-yogurt .apply-main__sub-title {
  width: calc(1000 / var(--vw-base) * 100vw);
  max-width: 1000px;
  margin: 0 auto calc(130 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-main__sub-title img {
  width: 100%;
  height: auto;
  aspect-ratio: 1000/373;
}
#frozen-yogurt .apply-main__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(663 / var(--vw-base) * 100vw);
  max-width: 663px;
  height: calc(120 / var(--vw-base) * 100vw);
  max-height: 120px;
  border-radius: calc(60 / var(--vw-base) * 100vw);
  border: calc(4 / var(--vw-base) * 100vw) solid #0F1B80;
  -webkit-box-shadow: calc(5 / var(--vw-base) * 100vw) calc(5 / var(--vw-base) * 100vw) 0 0 #0F1B80;
          box-shadow: calc(5 / var(--vw-base) * 100vw) calc(5 / var(--vw-base) * 100vw) 0 0 #0F1B80;
  background-color: #FFFFFF;
  margin: 0 auto;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#frozen-yogurt .apply-main__btn:hover {
  -webkit-transform: translate(4px, 4px);
          transform: translate(4px, 4px);
  -webkit-box-shadow: 0 0 0 0 #0F1B80;
          box-shadow: 0 0 0 0 #0F1B80;
  background-color: #0F1B80;
}
#frozen-yogurt .apply-main__btn:hover .apply-main-btn__sns-icon .sns-icon {
  opacity: 0;
}
#frozen-yogurt .apply-main__btn:hover .apply-main-btn__sns-icon .sns-icon-hover {
  opacity: 1;
}
#frozen-yogurt .apply-main__btn:hover .apply-main-btn__window-icon .window-icon {
  opacity: 0;
}
#frozen-yogurt .apply-main__btn:hover .apply-main-btn__window-icon .window-icon-hover {
  opacity: 1;
}
#frozen-yogurt .apply-main__btn:hover .apply-main-btn__text {
  color: #fff;
  background: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-clip: initial;
  text-fill-color: initial;
}
#frozen-yogurt .apply-main-btn__sns-icon {
  display: block;
  position: absolute;
  top: 37px;
  left: 170px;
  width: calc(45 / var(--vw-base) * 100vw);
  max-width: 45px;
  z-index: 3;
}
#frozen-yogurt .apply-main-btn__sns-icon .sns-icon,
#frozen-yogurt .apply-main-btn__sns-icon .sns-icon-hover {
  position: absolute;
  top: 0;
  left: 0;
}
#frozen-yogurt .apply-main-btn__sns-icon .sns-icon {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#frozen-yogurt .apply-main-btn__sns-icon .sns-icon-hover {
  opacity: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
#frozen-yogurt .apply-main-btn__sns-icon img {
  width: 100%;
  height: auto;
  aspect-ratio: 45/40;
}
#frozen-yogurt .apply-main-btn__text {
  position: relative;
  display: block;
  font-size: 48px;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(122.84deg, #2584D7 19.61%, #0560AF 81.09%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  z-index: 3;
}
#frozen-yogurt .apply-main-btn__window-icon {
  display: block;
  position: absolute;
  top: 42px;
  right: 60px;
  width: calc(30 / var(--vw-base) * 100vw);
  max-width: 30px;
  z-index: 3;
}
#frozen-yogurt .apply-main-btn__window-icon .window-icon,
#frozen-yogurt .apply-main-btn__window-icon .window-icon-hover {
  position: absolute;
  top: 0;
  left: 0;
}
#frozen-yogurt .apply-main-btn__window-icon .window-icon {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#frozen-yogurt .apply-main-btn__window-icon .window-icon-hover {
  opacity: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
#frozen-yogurt .apply-main-btn__window-icon img {
  width: 100%;
  height: auto;
  aspect-ratio: 30/30;
}
#frozen-yogurt .p-apply__goods {
  margin-bottom: calc(165 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-goods__title {
  width: calc(410 / var(--vw-base) * 100vw);
  max-width: 410px;
  margin: 0 auto calc(75 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-goods__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 409/67;
}
#frozen-yogurt .apply-goods__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-column-gap: calc(50 / var(--vw-base) * 100vw);
     -moz-column-gap: calc(50 / var(--vw-base) * 100vw);
          column-gap: calc(50 / var(--vw-base) * 100vw);
  width: calc(1660 / var(--vw-base) * 100vw);
  max-width: 1660px;
  margin: 0 auto;
}
#frozen-yogurt .apply-goods__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 520/823;
}
#frozen-yogurt .apply-terms__box {
  width: calc(1000 / var(--vw-base) * 100vw);
  max-width: 1000px;
  padding: calc(45 / var(--vw-base) * 100vw) calc(25 / var(--vw-base) * 100vw) calc(20 / var(--vw-base) * 100vw);
  margin: 0 auto;
  background-color: #fff;
}
#frozen-yogurt .apply-terms-box__inner {
  height: calc(405 / var(--vw-base) * 100vw);
  padding: calc(45 / var(--vw-base) * 100vw) calc(25 / var(--vw-base) * 100vw) calc(30 / var(--vw-base) * 100vw);
  overflow-y: scroll;
}
#frozen-yogurt .apply-terms__title {
  width: calc(459 / var(--vw-base) * 100vw);
  max-width: 459px;
  margin: 0 auto calc(-40 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-terms__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 459/67;
}
#frozen-yogurt .apply-terms-box__block {
  margin-bottom: calc(30 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-terms-box__block:last-of-type {
  margin-bottom: 0;
}
#frozen-yogurt .apply-terms-box__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(10 / var(--vw-base) * 100vw) calc(15 / var(--vw-base) * 100vw);
  font-size: calc(20 / var(--vw-base) * 100vw);
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background-color: #0F1B80;
  margin-bottom: calc(12 / var(--vw-base) * 100vw);
}
#frozen-yogurt .apply-terms-box__text {
  font-size: calc(16 / var(--vw-base) * 100vw);
  line-height: 1.7;
  font-weight: bold;
  color: #0F1B80;
}
#frozen-yogurt .apply-terms-box__text a {
  display: inline-block;
  font-size: calc(16 / var(--vw-base) * 100vw);
  line-height: 1.7;
  font-weight: bold;
  color: #C48600;
  text-decoration: underline;
}
#frozen-yogurt .scroll-x,
#frozen-yogurt [data-scroll-x],
#frozen-yogurt .scroll-y,
#frozen-yogurt [data-scroll-y] {
  will-change: auto !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  contain: initial !important;
  content-visibility: visible !important;
}
#frozen-yogurt .scroll-x,
#frozen-yogurt [data-scroll-x] {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  /* 中身が実際に溢れるようにどちらかを採用 */
  white-space: nowrap;
  /* インライン系 */
  /* または */
  /* display:flex; flex-wrap: nowrap; */
}
#frozen-yogurt .scroll-y,
#frozen-yogurt [data-scroll-y] {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
#frozen-yogurt .scroll-x,
#frozen-yogurt [data-scroll-x],
#frozen-yogurt .scroll-y,
#frozen-yogurt [data-scroll-y] {
  min-width: 0;
}
#frozen-yogurt .fade-up-in {
  --fade-duration: .1s;
  /* 各カードのアニメ時間 */
  --fade-ease: cubic-bezier(.22, .61, .36, 1);
  --fade-translate: 40px;
  /* 下からの距離 */
  opacity: 0;
  -webkit-transform: translate3d(0, var(--fade-translate), 0);
          transform: translate3d(0, var(--fade-translate), 0);
  -webkit-transition: opacity var(--fade-duration) var(--fade-ease), -webkit-transform var(--fade-duration) var(--fade-ease);
  transition: opacity var(--fade-duration) var(--fade-ease), -webkit-transform var(--fade-duration) var(--fade-ease);
  transition: transform var(--fade-duration) var(--fade-ease), opacity var(--fade-duration) var(--fade-ease);
  transition: transform var(--fade-duration) var(--fade-ease), opacity var(--fade-duration) var(--fade-ease), -webkit-transform var(--fade-duration) var(--fade-ease);
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
#frozen-yogurt .fade-up-in.is-inview {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: var(--extra-delay, 0s);
          transition-delay: var(--extra-delay, 0s);
  /* 個別追加ディレイ（任意） */
}
#frozen-yogurt [data-stagger] .fade-up-in.is-inview {
  --gap: .1s;
  /* 親に data-gap=".25s" や style="--gap:.25s" で変更可 */
  -webkit-transition-delay: calc((var(--fade-duration, 0.6s) + var(--gap, 0.3s)) * var(--i, 0) + var(--extra-delay, 0s));
          transition-delay: calc((var(--fade-duration, 0.6s) + var(--gap, 0.3s)) * var(--i, 0) + var(--extra-delay, 0s));
}
@media screen and (max-width:768px) {
  :root {
    --vw-base: 414;
  }
  #frozen-yogurt {
    background-image: url(../img/image_container-bg@sp.webp);
  }
  #frozen-yogurt .p-floating__btn {
    bottom: calc(150 / var(--vw-base) * 100vw);
    right: calc(10 / var(--vw-base) * 100vw);
    width: calc(100 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-kv__sp-hiroshi {
    display: block;
    position: absolute;
    bottom: calc(-175 / var(--vw-base) * 100vw);
    left: calc(10 / var(--vw-base) * 100vw);
    width: calc(146 / var(--vw-base) * 100vw);
    max-width: 100%;
    z-index: 3;
  }
  #frozen-yogurt .p-kv__sp-hiroshi img {
    width: 100%;
    height: auto;
    aspect-ratio: 146/241;
  }
  #frozen-yogurt .p-lead {
    overflow: hidden;
    padding: calc(45 / var(--vw-base) * 100vw) 0 calc(100 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-lead__inner {
    padding: 0 calc(10 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-lead__body {
    width: 100%;
    max-width: 100%;
  }
  #frozen-yogurt .p-lead__hiroshi {
    display: none;
  }
  #frozen-yogurt .p-lead__figure {
    width: 100%;
    max-width: 100%;
  }
  #frozen-yogurt .p-lead__figure img {
    aspect-ratio: 384/461;
  }
  #frozen-yogurt .p-lead__ice {
    bottom: calc(-75 / var(--vw-base) * 100vw);
    right: calc(-45 / var(--vw-base) * 100vw);
    width: calc(200 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-lead__ice img {
    aspect-ratio: 630/595;
  }
  #frozen-yogurt .p-lead__bottom-bg {
    bottom: calc(-25 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-lead__bottom-bg img {
    aspect-ratio: 938/536;
  }
  #frozen-yogurt .p-movie__bg img {
    aspect-ratio: 414/233;
  }
  #frozen-yogurt .p-movie__btn-wrap {
    top: 39%;
    left: 50%;
    width: calc(68 / var(--vw-base) * 100vw);
    max-width: 68px;
  }
  #frozen-yogurt .p-movie__btn-wrap img {
    aspect-ratio: 69/68;
  }
  #frozen-yogurt .p-movie-modal {
    background-image: url(../img/image_container-bg@sp.webp);
  }
  #frozen-yogurt .p-modal-movie__close-btn {
    display: none;
  }
  #frozen-yogurt .p-movie-modal__body {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 calc(15 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-modal-movie__sp-close-btn {
    display: block;
    width: calc(70 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin-bottom: calc(20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-modal-movie__sp-close-btn img {
    width: 100%;
    height: auto;
    aspect-ratio: 70/70;
  }
  #frozen-yogurt .p-movie-modal__video {
    width: 100%;
    max-width: 100%;
  }
  #frozen-yogurt .p-movie-modal__video iframe {
    aspect-ratio: 384/216;
  }
  #frozen-yogurt .p-reason {
    padding: calc(70 / var(--vw-base) * 100vw) 0 calc(50 / var(--vw-base) * 100vw);
    margin-bottom: calc(-50 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__container {
    background-image: url(../img/image_reason-bg@sp.webp);
  }
  #frozen-yogurt .reason-loop-top {
    top: calc(30 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .reason-loop-bottom {
    bottom: calc(15 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__loop {
    width: calc(130 / var(--vw-base) * 100vw);
    margin-left: calc(-45 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__loop img {
    aspect-ratio: 972/541;
  }
  #frozen-yogurt .p-reason__body {
    padding: calc(60 / var(--vw-base) * 100vw) 0 0;
  }
  #frozen-yogurt .p-reason__text-bg {
    width: calc(384 / var(--vw-base) * 100vw);
    max-width: 100%;
    top: calc(65 / var(--vw-base) * 100vw);
    left: calc(15 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__text-bg img {
    aspect-ratio: 384/437;
  }
  #frozen-yogurt .p-reason__title {
    width: calc(354 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin: 0 auto calc(30 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__title img {
    aspect-ratio: 1248/286;
  }
  #frozen-yogurt .p-reason__box-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto calc(25 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__box-wrap .p-reason__box:first-of-type {
    width: calc(261 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin-bottom: calc(20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__box-wrap .p-reason__box:first-of-type img {
    aspect-ratio: 261/82;
  }
  #frozen-yogurt .p-reason__box-wrap .p-reason__box:nth-of-type(2) {
    width: calc(363 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin-bottom: calc(20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-reason__box-wrap .p-reason__box:nth-of-type(2) img {
    aspect-ratio: 363/136;
  }
  #frozen-yogurt .p-reason__box-wrap .p-reason__box:last-of-type {
    width: calc(266 / var(--vw-base) * 100vw);
    max-width: 100%;
  }
  #frozen-yogurt .p-reason__box-wrap .p-reason__box:last-of-type img {
    aspect-ratio: 266/86;
  }
  #frozen-yogurt .reason-content__decoration img {
    aspect-ratio: 553/553;
  }
  #frozen-yogurt .reason-content__illust-wrap {
    width: calc(360 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin-left: calc(28 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .reason-content__illust-wrap img {
    aspect-ratio: 342/307;
  }
  #frozen-yogurt .p-reason__bottom {
    padding: calc(30 / var(--vw-base) * 100vw) 0 calc(30 / var(--vw-base) * 100vw);
    background-color: #FFFFFF;
  }
  #frozen-yogurt .reason-bottom__title {
    top: calc(-36 / var(--vw-base) * 100vw);
    left: calc(124 / var(--vw-base) * 100vw);
    width: calc(167 / var(--vw-base) * 100vw);
    max-width: 100%;
  }
  #frozen-yogurt .reason-bottom__title img {
    aspect-ratio: 409/181;
  }
  #frozen-yogurt .reason-bottom__figure {
    width: 100%;
    max-width: 100%;
  }
  #frozen-yogurt .reason-bottom__figure img {
    aspect-ratio: 414/549;
  }
  #frozen-yogurt .p-gourmet {
    padding: calc(80 / var(--vw-base) * 100vw) 0 calc(40 / var(--vw-base) * 100vw);
    background-image: url(../img/image_gourmet-bg@sp.webp);
  }
  #frozen-yogurt .p-gourmet__inner {
    padding: 0 calc(15 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-gourmet__title {
    width: 100%;
    max-width: 100%;
    margin: 0 auto calc(30 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-gourmet__title img {
    aspect-ratio: 380/284;
  }
  #frozen-yogurt .p-gourmet__list {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: calc(10 / var(--vw-base) * 100vw);
       -moz-column-gap: calc(10 / var(--vw-base) * 100vw);
            column-gap: calc(10 / var(--vw-base) * 100vw);
    row-gap: calc(10 / var(--vw-base) * 100vw);
    width: 100%;
    max-width: 100%;
  }
  #frozen-yogurt .p-gourmet__item {
    width: 100%;
    max-width: 100%;
  }
  #frozen-yogurt .p-gourmet__item img {
    aspect-ratio: 168/194;
  }
  #frozen-yogurt .gourmet-item-title01 {
    width: calc(173 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-item-title01 img {
    aspect-ratio: 304/54;
  }
  #frozen-yogurt .gourmet-item-title02 {
    width: calc(114 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-item-title02 img {
    aspect-ratio: 208/52;
  }
  #frozen-yogurt .gourmet-item-title03 {
    width: calc(142 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-item-title03 img {
    aspect-ratio: 257/54;
  }
  #frozen-yogurt .gourmet-item-title04 {
    width: calc(114 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-item-title04 img {
    aspect-ratio: 256/64;
  }
  #frozen-yogurt .p-gourmet-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #frozen-yogurt .p-modal-gourmet__close-btn {
    display: none;
  }
  #frozen-yogurt .p-gourmet-modal__body {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 calc(15 / var(--vw-base) * 100vw);
    width: 100%;
  }
  #frozen-yogurt .p-modal-gourmet__sp-close-btn {
    display: block;
    position: absolute;
    top: calc(30 / var(--vw-base) * 100vw);
    right: calc(15 / var(--vw-base) * 100vw);
    width: calc(70 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin-bottom: calc(20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-modal-gourmet__sp-close-btn img {
    width: 100%;
    height: auto;
    aspect-ratio: 70/70;
  }
  #frozen-yogurt .p-gourmet-modal__icon {
    width: calc(200 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin: 0 auto calc(20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-gourmet-modal__icon img {
    aspect-ratio: 200/200;
  }
  #frozen-yogurt .p-gourmet-modal__title {
    margin: 0 auto calc(20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .p-gourmet-modal__text-wrap {
    width: 100%;
    max-width: 100%;
    padding: calc(10 / var(--vw-base) * 100vw) calc(15 / var(--vw-base) * 100vw);
    border-radius: calc(10 / var(--vw-base) * 100vw);
    border: calc(2 / var(--vw-base) * 100vw) solid #6D411F;
  }
  #frozen-yogurt .p-gourmet-modal__text {
    font-size: calc(16 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-modal-title01 {
    width: calc(226 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-modal-title01 img {
    aspect-ratio: 660/135;
  }
  #frozen-yogurt .gourmet-modal-title02 {
    width: calc(146 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-modal-title02 img {
    aspect-ratio: 789/236;
  }
  #frozen-yogurt .gourmet-modal-title03 {
    width: calc(172 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-modal-title03 img {
    aspect-ratio: 558/128;
  }
  #frozen-yogurt .gourmet-modal-title04 {
    width: calc(150 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .gourmet-modal-title04 img {
    aspect-ratio: 446/135;
  }
  #frozen-yogurt .p-apply {
    padding: calc(50 / var(--vw-base) * 100vw) 0;
    background-image: url(../img/image_apply-bg@sp.webp);
  }
  #frozen-yogurt .p-apply__main {
    margin-bottom: calc(50 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-main__title {
    width: calc(358 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin: 0 auto calc(30 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-main__title img {
    aspect-ratio: 358/77;
  }
  #frozen-yogurt .apply-main__sub-title {
    width: calc(384 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin: 0 auto calc(50 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-main__sub-title img {
    aspect-ratio: 384/191;
  }
  #frozen-yogurt .apply-main__btn {
    width: calc(324 / var(--vw-base) * 100vw);
    max-width: 100%;
    height: calc(75 / var(--vw-base) * 100vw);
    max-height: 100%;
    border-radius: calc(37.5 / var(--vw-base) * 100vw);
    border: calc(2 / var(--vw-base) * 100vw) solid #0F1B80;
    -webkit-box-shadow: calc(4 / var(--vw-base) * 100vw) calc(4 / var(--vw-base) * 100vw) 0 0 #0F1B80;
            box-shadow: calc(4 / var(--vw-base) * 100vw) calc(4 / var(--vw-base) * 100vw) 0 0 #0F1B80;
  }
  #frozen-yogurt .apply-main__btn:hover {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  #frozen-yogurt .apply-main-btn__sns-icon img {
    aspect-ratio: 33/30;
  }
  #frozen-yogurt .apply-main-btn__window-icon img {
    aspect-ratio: 16/16;
  }
  #frozen-yogurt .p-apply__goods {
    margin-bottom: calc(75 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-goods__title {
    width: calc(270 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin: 0 auto calc(30 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-goods__title img {
    aspect-ratio: 270/41;
  }
  #frozen-yogurt .apply-goods__list {
    display: block;
    width: calc(385 / var(--vw-base) * 100vw);
    max-width: 100%;
  }
  #frozen-yogurt .apply-goods__item {
    margin-bottom: calc(40 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-goods__item:last-of-type {
    margin-bottom: 0;
  }
  #frozen-yogurt .apply-goods__item img {
    aspect-ratio: 385/776;
  }
  #frozen-yogurt .apply-terms__box {
    width: 100%;
    max-width: 100%;
    padding: calc(20 / var(--vw-base) * 100vw) calc(10 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-terms-box__inner {
    height: calc(690 / var(--vw-base) * 100vw);
    padding: calc(20 / var(--vw-base) * 100vw) calc(10 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-terms__title {
    width: calc(300 / var(--vw-base) * 100vw);
    max-width: 100%;
    margin: 0 auto calc(-20 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-terms__title img {
    aspect-ratio: 300/38;
  }
  #frozen-yogurt .apply-terms-box__block {
    margin-bottom: calc(30 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-terms-box__title {
    padding: calc(10 / var(--vw-base) * 100vw) calc(15 / var(--vw-base) * 100vw);
    font-size: calc(20 / var(--vw-base) * 100vw);
    margin-bottom: calc(12 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-terms-box__text {
    font-size: calc(16 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-terms-box__text a {
    font-size: calc(16 / var(--vw-base) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #frozen-yogurt .u-under__none {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  #frozen-yogurt .u-over__none {
    display: none !important;
  }
}
@media screen and (max-width:1920px) {
  #frozen-yogurt .reason-content__decoration {
    top: -56%;
    left: -5%;
    width: calc(2045 / var(--vw-base) * 100vw);
    max-width: 2045px;
    z-index: 1;
  }
  #frozen-yogurt .apply-main-btn__sns-icon {
    top: calc(39 / var(--vw-base) * 100vw);
    left: calc(170 / var(--vw-base) * 100vw);
    width: calc(45 / var(--vw-base) * 100vw);
    max-width: 45px;
  }
  #frozen-yogurt .apply-main-btn__text {
    font-size: calc(48 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-main-btn__window-icon {
    top: calc(42 / var(--vw-base) * 100vw);
    right: calc(60 / var(--vw-base) * 100vw);
    width: calc(30 / var(--vw-base) * 100vw);
    max-width: 30px;
  }
}
@media screen and (max-width:1920px) and (max-width:768px) {
  #frozen-yogurt .reason-content__decoration {
    top: -28%;
    left: -16%;
    width: calc(500 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-main-btn__sns-icon {
    top: calc(21 / var(--vw-base) * 100vw);
    left: calc(50 / var(--vw-base) * 100vw);
    width: calc(33 / var(--vw-base) * 100vw);
    max-width: 100%;
  }
  #frozen-yogurt .apply-main-btn__text {
    font-size: calc(32 / var(--vw-base) * 100vw);
  }
  #frozen-yogurt .apply-main-btn__window-icon {
    top: calc(26 / var(--vw-base) * 100vw);
    right: calc(30 / var(--vw-base) * 100vw);
    width: calc(18 / var(--vw-base) * 100vw);
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  #frozen-yogurt .fade-up-in {
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
}