@charset "UTF-8";
body {
  max-width: none;
  min-width: 0;
}

body > :not(.Main):not(header) {
  max-width: 1920px;
  margin: 0 auto;
}

.Main__inner > :not(.Gumen-hot) {
  max-width: 1920px;
  margin: 0 auto;
}

.Gumen-hot {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  /* JSでこのクラスが付与されたらフェードイン */
  width: 100%;
  height: auto;
  font-family: "Noto Serif", serif;
  font-feature-settings: "palt";
  background-color: #FFF;
  color: #000;
  /*#myModal[open] {
      animation: zoomIn 0.3s ease-out normal;
  }*/
}
.Gumen-hot html, .Gumen-hot body, .Gumen-hot div, .Gumen-hot span, .Gumen-hot applet, .Gumen-hot object, .Gumen-hot iframe,
.Gumen-hot h1, .Gumen-hot h2, .Gumen-hot h3, .Gumen-hot h4, .Gumen-hot h5, .Gumen-hot h6, .Gumen-hot p, .Gumen-hot blockquote, .Gumen-hot pre,
.Gumen-hot a, .Gumen-hot abbr, .Gumen-hot acronym, .Gumen-hot address, .Gumen-hot big, .Gumen-hot cite, .Gumen-hot code,
.Gumen-hot del, .Gumen-hot dfn, .Gumen-hot em, .Gumen-hot img, .Gumen-hot ins, .Gumen-hot kbd, .Gumen-hot q, .Gumen-hot s, .Gumen-hot samp,
.Gumen-hot small, .Gumen-hot strike, .Gumen-hot strong, .Gumen-hot sub, .Gumen-hot sup, .Gumen-hot tt, .Gumen-hot var,
.Gumen-hot b, .Gumen-hot u, .Gumen-hot i, .Gumen-hot center,
.Gumen-hot dl, .Gumen-hot dt, .Gumen-hot dd, .Gumen-hot ol, .Gumen-hot ul, .Gumen-hot li,
.Gumen-hot fieldset, .Gumen-hot form, .Gumen-hot label, .Gumen-hot legend,
.Gumen-hot table, .Gumen-hot caption, .Gumen-hot tbody, .Gumen-hot tfoot, .Gumen-hot thead, .Gumen-hot tr, .Gumen-hot th, .Gumen-hot td,
.Gumen-hot article, .Gumen-hot aside, .Gumen-hot canvas, .Gumen-hot details, .Gumen-hot embed,
.Gumen-hot figure, .Gumen-hot figcaption, .Gumen-hot footer, .Gumen-hot header, .Gumen-hot hgroup,
.Gumen-hot menu, .Gumen-hot nav, .Gumen-hot output, .Gumen-hot ruby, .Gumen-hot section, .Gumen-hot summary,
.Gumen-hot time, .Gumen-hot mark, .Gumen-hot audio, .Gumen-hot video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.Gumen-hot article, .Gumen-hot aside, .Gumen-hot details, .Gumen-hot figcaption, .Gumen-hot figure,
.Gumen-hot footer, .Gumen-hot header, .Gumen-hot hgroup, .Gumen-hot menu, .Gumen-hot nav, .Gumen-hot section {
  display: block;
}
.Gumen-hot body {
  line-height: 1;
}
.Gumen-hot ol, .Gumen-hot ul {
  list-style: none;
}
.Gumen-hot blockquote, .Gumen-hot q {
  quotes: none;
}
.Gumen-hot blockquote:before, .Gumen-hot blockquote:after,
.Gumen-hot q:before, .Gumen-hot q:after {
  content: "";
  content: none;
}
.Gumen-hot table {
  border-collapse: collapse;
  border-spacing: 0;
}
.Gumen-hot input, .Gumen-hot button, .Gumen-hot textarea, .Gumen-hot select, .Gumen-hot option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
.Gumen-hot input::-ms-clear {
  display: none;
}
.Gumen-hot input::-ms-reveal {
  display: none;
}
.Gumen-hot body {
  min-width: 320px;
  color: #000;
  font-family: "Noto Serif", serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.Gumen-hot a {
  color: inherit;
  text-decoration: none;
}
.Gumen-hot img {
  display: block;
  max-width: 100%;
}
.Gumen-hot picture {
  display: block;
}
@media screen and (max-width: 767px) {
  .Gumen-hot .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .Gumen-hot .sp {
    display: none !important;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Gumen-hot .fade-on-scroll {
  opacity: 0;
  transform: translateY(15px);
  /* 少し下に配置 */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
@media screen and (min-width: 768px) {
  .Gumen-hot .fade-on-scroll {
    transition-delay: var(--delay, 0s);
  }
}
.Gumen-hot .fade-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.Gumen-hot a {
  cursor: pointer;
}
.Gumen-hot button {
  transition: 0.3s;
}
.Gumen-hot a:hover,
.Gumen-hot button:hover {
  opacity: 0.8;
}
.Gumen-hot .mobile-break {
  display: none;
}
@media screen and (max-width: 767px) {
  .Gumen-hot .mobile-break {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .pc-break {
    display: none;
  }
}
.Gumen-hot .KeyVisual {
  width: 100%;
  position: relative;
}
.Gumen-hot .KeyVisual .KeyVisual__title {
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-weight: 900;
  position: absolute;
  bottom: 0;
  z-index: 1;
  text-shadow: 0 0 30px rgba(88, 62, 0, 0.93);
  font-size: 6.9285714286vw;
  bottom: 1.0714285714vw;
}
@media screen and (max-width: 767px) {
  .Gumen-hot .KeyVisual .KeyVisual__title {
    line-height: 1.2;
    bottom: auto;
    font-size: 10vw;
    top: 7.65625vw;
  }
}
.Gumen-hot .KeyVisual .KeyVisual__image {
  width: 100%;
  height: auto;
}
.Gumen-hot .KeyVisual .KeyVisual__anchor {
  position: absolute;
  -webkit-animation: fadeIn 0.8s ease-out forwards;
  animation: fadeIn 0.8s ease-out forwards;
  width: 27.7142857143vw;
  top: 3.5714285714vw;
  right: 1.5vw;
}
@media screen and (max-width: 767px) {
  .Gumen-hot .KeyVisual .KeyVisual__anchor {
    left: 50%;
    transform: translateX(-50%);
    width: 60.625vw;
    top: 120.46875vw;
  }
}
@media screen and (min-width: 768px) {
  .Gumen-hot .KeyVisual .KeyVisual__anchor:hover {
    opacity: 1;
    transform: scale(0.9);
  }
}
.Gumen-hot .Detail {
  color: #000;
  width: 100%;
  position: relative;
  padding-top: 4.2857142857vw;
  padding-bottom: 4.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Detail {
    padding-top: 82.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Detail {
    padding-top: calc(0.0428571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Detail {
    padding-bottom: 82.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Detail {
    padding-bottom: calc(0.0428571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Detail {
    line-height: 1.5;
    padding-top: 7.03125vw;
    padding-bottom: 3.75vw;
  }
}
.Gumen-hot .Detail .Detail__inner {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.Gumen-hot .Detail .Detail__inner .Detail__title {
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 4.0714285714vw;
  margin-bottom: 3.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Detail .Detail__inner .Detail__title {
    font-size: 78.1714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Detail .Detail__inner .Detail__title {
    font-size: calc(0.0407142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Detail .Detail__inner .Detail__title {
    margin-bottom: 63.0857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Detail .Detail__inner .Detail__title {
    margin-bottom: calc(0.0328571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Detail .Detail__inner .Detail__title {
    font-size: 7.03125vw;
    margin-bottom: 5vw;
  }
}
.Gumen-hot .Detail::before {
  background-image: url("../img/index_bg01.png");
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0.5;
  z-index: 0;
}
.Gumen-hot .Point {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4.8571428571vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point {
    gap: 93.2571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point {
    gap: calc(0.0485714286 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Point {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.Gumen-hot .Point .Point__image {
  height: auto;
  width: 40vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__image {
    width: 768px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__image {
    width: calc(0.4 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Point .Point__image {
    order: 2;
    width: 87.5vw;
  }
}
.Gumen-hot .Point .Point__body {
  width: 39.7857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__body {
    width: 763.8857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__body {
    width: calc(0.3978571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Point .Point__body {
    width: 100%;
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
  }
}
.Gumen-hot .Point .Point__body .Point__icon {
  width: 9.8571428571vw;
  margin-bottom: 0.4285714286vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__body .Point__icon {
    width: 189.2571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__body .Point__icon {
    width: calc(0.0985714286 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__body .Point__icon {
    margin-bottom: 8.2285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__body .Point__icon {
    margin-bottom: calc(0.0042857143 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Point .Point__body .Point__icon {
    margin: 0 auto;
    width: 21.5625vw;
  }
}
.Gumen-hot .Point .Point__body .Point__title {
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1.18;
  font-size: 5.1428571429vw;
  margin-bottom: 0.7142857143vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__body .Point__title {
    font-size: 98.7428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__body .Point__title {
    font-size: calc(0.0514285714 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__body .Point__title {
    margin-bottom: 13.7142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__body .Point__title {
    margin-bottom: calc(0.0071428571 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Point .Point__body .Point__title {
    text-align: center;
    line-height: 1.22;
    font-size: 8.59375vw;
    margin-bottom: 2.03125vw;
  }
}
.Gumen-hot .Point .Point__body .Point__description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.7142857143vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Point .Point__body .Point__description {
    font-size: 32.9142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Point .Point__body .Point__description {
    font-size: calc(0.0171428571 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Point .Point__body .Point__description {
    letter-spacing: -0.04em;
    font-size: 4.0625vw;
    margin-bottom: -1.5625vw;
  }
}
.Gumen-hot .Cook {
  width: 100%;
  background-color: #BB0000;
  position: relative;
  padding-top: 3.5714285714vw;
  padding-bottom: 4.2142857143vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook {
    padding-top: 68.5714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook {
    padding-top: calc(0.0357142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook {
    padding-bottom: 80.9142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook {
    padding-bottom: calc(0.0421428571 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Cook {
    padding-top: 6.875vw;
    padding-bottom: 9.53125vw;
  }
}
.Gumen-hot .Cook .Cook__inner {
  position: relative;
  z-index: 1;
}
.Gumen-hot .Cook .Cook__title {
  text-align: center;
  color: #FFF;
  font-weight: 900;
  text-shadow: 0px 0px 20px rgba(60, 1, 1, 0.7);
  line-height: 1.45em;
  font-size: 6.1428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook .Cook__title {
    font-size: 117.9428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook .Cook__title {
    font-size: calc(0.0614285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Cook .Cook__title {
    line-height: 1.6;
    font-size: 11.71875vw;
  }
}
.Gumen-hot .Cook .Cook__description {
  text-align: center;
  color: #FFF;
  font-weight: 900;
  text-shadow: 0px 0px 20px rgba(60, 1, 1, 0.7);
  line-height: 1em;
  font-size: 2.4285714286vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook .Cook__description {
    font-size: 46.6285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook .Cook__description {
    font-size: calc(0.0242857143 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Cook .Cook__description {
    line-height: 1.3;
    font-size: 4.0625vw;
  }
}
.Gumen-hot .Cook .Cook__button {
  display: block;
  margin: 0 auto;
  color: #BB0000;
  background-color: #FAD7B5;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 8%/50%;
  box-shadow: 5px 6px 3px 0px #6A0101;
  width: 39.2857142857vw;
  height: 5.7142857143vw;
  font-size: 2.1428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook .Cook__button {
    width: 754.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook .Cook__button {
    width: calc(0.3928571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook .Cook__button {
    height: 109.7142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook .Cook__button {
    height: calc(0.0571428571 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Cook .Cook__button {
    font-size: 41.1428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Cook .Cook__button {
    font-size: calc(0.0214285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Cook .Cook__button {
    width: 85.9375vw;
    height: 12.5vw;
    font-size: 4.6875vw;
  }
}
.Gumen-hot .Cook::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/index_bg02.png");
  background-position: center;
  opacity: 0.3;
  z-index: 0;
}
.Gumen-hot #myModal {
  margin-top: 3.5714285714vw;
  width: 76.2857142857vw;
  height: 90vh;
  border-radius: 15px;
  padding: 0;
  overflow: visible;
  border: none;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #myModal {
    margin-top: 68.5714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #myModal {
    margin-top: calc(0.0357142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #myModal {
    width: 1464.6857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #myModal {
    width: calc(0.7628571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot #myModal {
    margin-top: 4.6875vw;
    width: 90.625vw;
  }
}
.Gumen-hot .myModal__inner {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  border-radius: 15px;
}
.Gumen-hot .Modal__image {
  width: 100%;
  height: auto;
}
.Gumen-hot #myModal::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.Gumen-hot #myModal::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.Gumen-hot #closeModal {
  display: flex;
  position: absolute;
  top: 0;
  background-color: #D50000;
  color: #FFF;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-size: 2.8571428571vw;
  width: 3.5714285714vw;
  height: 3.5714285714vw;
  top: 1.0714285714vw;
  right: 1.0714285714vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #closeModal {
    font-size: 54.8571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #closeModal {
    font-size: calc(0.0285714286 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #closeModal {
    width: 68.5714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #closeModal {
    width: calc(0.0357142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #closeModal {
    height: 68.5714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #closeModal {
    height: calc(0.0357142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #closeModal {
    top: 20.5714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #closeModal {
    top: calc(0.0107142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot #closeModal {
    right: 20.5714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot #closeModal {
    right: calc(0.0107142857 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot #closeModal {
    font-size: 6.25vw;
    width: 6.25vw;
    height: 6.25vw;
    top: 0.78125vw;
    right: 0.78125vw;
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.Gumen-hot .Procedure {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2.8571428571vw;
  margin-bottom: 3.2142857143vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Procedure {
    gap: 54.8571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Procedure {
    gap: calc(0.0285714286 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Procedure {
    margin-bottom: 61.7142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Procedure {
    margin-bottom: calc(0.0321428571 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Procedure {
    flex-wrap: wrap;
    row-gap: 0vw;
    -moz-column-gap: 1.25vw;
    column-gap: 1.25vw;
    margin-bottom: 6.71875vw;
  }
}
.Gumen-hot .Procedure .Procedure__step {
  width: 26.7142857143vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Procedure .Procedure__step {
    width: 512.9142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Procedure .Procedure__step {
    width: calc(0.2671428571 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Procedure .Procedure__step {
    width: 46.875vw;
  }
}
.Gumen-hot .Procedure .Procedure__step .Procedure__image {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Procedure .Procedure__step .Procedure__image {
    margin: 0 auto;
    width: 46.875vw;
  }
}
.Gumen-hot .Procedure .Procedure__step .Procedure__description {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #FFF;
  font-size: 1.6428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Procedure .Procedure__step .Procedure__description {
    font-size: 31.5428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Procedure .Procedure__step .Procedure__description {
    font-size: calc(0.0164285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Procedure .Procedure__step .Procedure__description {
    line-height: 1.44;
    font-size: 4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Procedure .Procedure__step--grow2 {
    width: 100%;
  }
}
.Gumen-hot .Complete {
  width: 100%;
  background-color: #000;
  position: relative;
}
.Gumen-hot .Complete .Complete__background {
  width: 100%;
  max-width: 1920px;
  min-width: 1275;
  margin: 0 auto;
}
.Gumen-hot .Complete .Complete__subtext {
  position: absolute;
  color: #FFF;
  font-weight: 900;
  width: 100%;
  text-align: center;
  font-size: 3.7857142857vw;
  top: 3vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__subtext {
    font-size: 72.6857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__subtext {
    font-size: calc(0.0378571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__subtext {
    top: 57.6px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__subtext {
    top: calc(0.03 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Complete .Complete__subtext {
    font-size: 6.5625vw;
    top: 3.28125vw;
  }
}
.Gumen-hot .Complete .Complete__text {
  position: absolute;
  color: #FFF;
  font-weight: 900;
  width: 100%;
  text-align: center;
  font-size: 10.0714285714vw;
  top: 5.9285714286vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__text {
    font-size: 193.3714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__text {
    font-size: calc(0.1007142857 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__text {
    top: 113.8285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__text {
    top: calc(0.0592857143 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Complete .Complete__text {
    font-size: 17.03125vw;
    top: 8.28125vw;
  }
}
.Gumen-hot .Complete .Complete__small {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  position: absolute;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: end;
  align-items: end;
  font-size: 1.4285714286vw;
  padding-right: 4.2857142857vw;
  padding-bottom: 1.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__small {
    font-size: 27.4285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__small {
    font-size: calc(0.0142857143 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__small {
    padding-right: 82.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__small {
    padding-right: calc(0.0428571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Complete .Complete__small {
    padding-bottom: 24.6857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Complete .Complete__small {
    padding-bottom: calc(0.0128571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Complete .Complete__small {
    font-size: 3.125vw;
    padding-right: 4.6875vw;
    padding-bottom: 2.34375vw;
  }
}
.Gumen-hot .Lineup__container {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container {
    flex-direction: column;
  }
}
.Gumen-hot .Lineup__container .Lineup {
  flex: 1;
  display: flex;
  position: relative;
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 50vw;
  padding-top: 8.7857142857vw;
  padding-bottom: 7.0714285714vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    width: 960px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    width: calc(0.5 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    padding-top: 168.6857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    padding-top: calc(0.0878571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    padding-bottom: 135.7714285714px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    padding-bottom: calc(0.0707142857 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner {
    width: 100%;
    padding-top: 15.46875vw;
    padding-bottom: 13.125vw;
  }
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__image {
  height: auto;
  width: 19.7142857143vw;
  margin-bottom: 2.6428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__image {
    width: 378.5142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__image {
    width: calc(0.1971428571 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__image {
    margin-bottom: 50.7428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__image {
    margin-bottom: calc(0.0264285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__image {
    width: 43.125vw;
    margin-bottom: 6.71875vw;
  }
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__subtitle {
  font-weight: 900;
  font-size: 2.1428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__subtitle {
    font-size: 41.1428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__subtitle {
    font-size: calc(0.0214285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__subtitle {
    font-size: 4.6875vw;
  }
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__title {
  font-weight: 900;
  font-size: 4.1428571429vw;
  margin-bottom: 1.8571428571vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__title {
    font-size: 79.5428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__title {
    font-size: calc(0.0414285714 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__title {
    margin-bottom: 35.6571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__title {
    margin-bottom: calc(0.0185714286 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__title {
    font-size: 9.0625vw;
    margin-bottom: 1.875vw;
  }
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: normal;
  text-align: center;
  line-height: 1.3;
  font-size: 1.7142857143vw;
  width: 35.7142857143vw;
  margin-bottom: 3.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    font-size: 32.9142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    font-size: calc(0.0171428571 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    width: 685.7142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    width: calc(0.3571428571 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    margin-bottom: 63.0857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    margin-bottom: calc(0.0328571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__description {
    width: 87.5vw;
    font-size: 4.0625vw;
    margin-bottom: 9.53125vw;
  }
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFF;
  background-color: #000;
  text-align: center;
  border-radius: 8%/50%;
  line-height: 1.2;
  width: 22.8571428571vw;
  font-size: 1.4285714286vw;
  padding-top: 0.7857142857vw;
  padding-bottom: 0.7857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    width: 438.8571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    width: calc(0.2285714286 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    font-size: 27.4285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    font-size: calc(0.0142857143 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    padding-top: 15.0857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    padding-top: calc(0.0078571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    padding-bottom: 15.0857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    padding-bottom: calc(0.0078571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor {
    width: 50vw;
    font-size: 3.125vw;
    padding-top: 1.71875vw;
    padding-bottom: 1.71875vw;
  }
}
.Gumen-hot .Lineup__container .Lineup .Lineup__inner .Lineup__anchor:hover {
  opacity: 0.6;
}
.Gumen-hot .Lineup__container .Lineup--start {
  justify-content: start;
  background-color: #E32615;
  color: #FFF;
}
.Gumen-hot .Lineup__container .Lineup--start::before {
  background-image: url("../img/index_bg05.png");
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0.8;
  z-index: 0;
}
.Gumen-hot .Lineup__container .Lineup--end {
  justify-content: end;
  background-color: #F7CF53;
  color: #000;
}
.Gumen-hot .Lineup__container .Lineup--end::before {
  background-image: url("../img/index_bg04.png");
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0.5;
  z-index: 0;
}
.Gumen-hot .Arrangement {
  width: 100%;
  position: relative;
  padding-top: 3.2142857143vw;
  padding-bottom: 7.1428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Arrangement {
    padding-top: 61.7142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Arrangement {
    padding-top: calc(0.0321428571 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Arrangement {
    padding-bottom: 137.1428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Arrangement {
    padding-bottom: calc(0.0714285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Arrangement {
    padding-top: 7.96875vw;
    padding-bottom: 12.03125vw;
  }
}
.Gumen-hot .Arrangement .Arrangement__title {
  position: relative;
  font-weight: 900;
  text-align: center;
  font-size: 6.1428571429vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Arrangement .Arrangement__title {
    font-size: 117.9428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Arrangement .Arrangement__title {
    font-size: calc(0.0614285714 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Arrangement .Arrangement__title {
    font-size: 10.625vw;
  }
}
.Gumen-hot .Arrangement .Arrangement__subtitle {
  font-weight: 900;
  text-align: center;
  position: relative;
  line-height: 1;
  font-size: 2.4285714286vw;
  margin-bottom: 4.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Arrangement .Arrangement__subtitle {
    font-size: 46.6285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Arrangement .Arrangement__subtitle {
    font-size: calc(0.0242857143 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Arrangement .Arrangement__subtitle {
    margin-bottom: 82.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Arrangement .Arrangement__subtitle {
    margin-bottom: calc(0.0428571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Arrangement .Arrangement__subtitle {
    line-height: 1.45;
    font-size: 4.0625vw;
    margin-bottom: 5.3125vw;
  }
}
.Gumen-hot .Arrangement::before {
  background-image: url("../img/index_bg01.png");
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0.5;
  z-index: 0;
}
.Gumen-hot .Recipe__list {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 2.8571428571vw;
  padding-left: 4.2857142857vw;
  padding-right: 4.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe__list {
    gap: 54.8571428571px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe__list {
    gap: calc(0.0285714286 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe__list {
    padding-left: 82.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe__list {
    padding-left: calc(0.0428571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe__list {
    padding-right: 82.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe__list {
    padding-right: calc(0.0428571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Recipe__list {
    flex-direction: column;
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
    gap: 10.625vw;
  }
}
.Gumen-hot .Recipe {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  flex: 1;
}
.Gumen-hot .Recipe .Recipe__image {
  width: 100%;
  aspect-ratio: 398/282;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 1.2142857143vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__image {
    margin-bottom: 23.3142857143px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__image {
    margin-bottom: calc(0.0121428571 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Recipe .Recipe__image {
    aspect-ratio: 580/350;
    margin-bottom: 3.4375vw;
  }
}
.Gumen-hot .Recipe .Recipe__title {
  font-feature-settings: normal;
  font-size: 1.7857142857vw;
  margin-bottom: 1.4285714286vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__title {
    font-size: 34.2857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__title {
    font-size: calc(0.0178571429 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__title {
    margin-bottom: 27.4285714286px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__title {
    margin-bottom: calc(0.0142857143 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Recipe .Recipe__title {
    font-size: 4.0625vw;
    margin-bottom: 3.125vw;
  }
}
.Gumen-hot .Recipe .Recipe__anchor {
  display: block;
  margin: 0 auto;
  background-color: #000;
  color: #FFF;
  border-radius: 8%/50%;
  font-feature-settings: normal;
  line-height: 1.2;
  width: 17.1428571429vw;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  font-size: 1.2857142857vw;
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__anchor {
    width: 329.1428571429px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__anchor {
    width: calc(0.1714285714 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__anchor {
    padding-top: 9.6px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__anchor {
    padding-top: calc(0.005 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__anchor {
    padding-bottom: 9.6px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__anchor {
    padding-bottom: calc(0.005 * none * 1px);
  }
}
@media screen and (min-width: 1920px) {
  .Gumen-hot .Recipe .Recipe__anchor {
    font-size: 24.6857142857px;
  }
}
@media screen and (max-width: nonepx) {
  .Gumen-hot .Recipe .Recipe__anchor {
    font-size: calc(0.0128571429 * none * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Gumen-hot .Recipe .Recipe__anchor {
    width: 50vw;
    padding-top: 1.71875vw;
    padding-bottom: 1.71875vw;
    font-size: 3.125vw;
  }
}
.Gumen-hot .Recipe .Recipe__anchor:hover {
  opacity: 0.6;
}