@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button, textarea, select, option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック
 */
/**
 * Google Fonts の読み込み
 * @param {string} $family - フォント名（要URLエンコード）
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Sans JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Serif JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
/**
 * 三角形
 * @param {string} $direction - 三角の向き 上:T / 下:B / 左:L / 右:R
 * @param {number} $w - 幅
 * @param {number} $h - 高さ
 * @param {string} $color - 色
 */
/**
 * ローディングアニメーション
 * @param {number} $size - 円のサイズ
 * @param {number} $thickness - 円の枠線の太さ
 * @param {string} $backcolor - 円の色
 * @param {string} $forecolor - 円の強調色
 * @param {string} [$duration=1] - アニメーションのスピード（単位は秒:s）
 */
body {
  min-width: 320px;
  color: #000;
  font-family: "游教科書体", sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  width: 100%;
  background-color: #fff;
  position: relative;
  min-height: 100vh;
  position: relative; /*←相対位置*/
  padding-bottom: 80px; /*←footerの高さ*/
  box-sizing: border-box; /*←全て含めてmin-height:100vhに*/
}
@media screen and (max-width: 767px) {
  body {
    padding-bottom: 14.6666666667vw;
  }
}

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

img {
  display: block;
  max-width: 100%;
  width: 100%;
}

picture {
  display: block;
}

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

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

main {
  color: #490E2A;
}
main .page-title {
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  main .page-title {
    font-size: 50px;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) {
  main .page-title {
    font-size: 5.3333333333vw;
  }
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #F9F7F7;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .header {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) {
  .header .header-logo {
    width: 57px;
  }
}
@media screen and (max-width: 767px) {
  .header .header-logo {
    width: 18.6666666667vw;
  }
}

.footer {
  color: #fff;
  width: 100%;
  position: absolute; /*←絶対位置*/
  bottom: 0; /*下に固定*/
}
.footer.lunch {
  background: #9B565A;
}
.footer.dinner {
  background: #480A29;
}
.footer .footer-list {
  display: flex;
  align-items: center;
  margin-inline: auto;
  font-weight: bold;
  max-width: 1060px;
}
@media screen and (min-width: 768px) {
  .footer .footer-list {
    height: 80px;
    font-size: 25px;
    padding: 0 30px;
    gap: 120px;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer-list {
    justify-content: space-between;
    height: 14.6666666667vw;
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
    font-size: 3.4666666667vw;
  }
}

body.morning .l-main-container .message-container {
  color: #B89D9C;
}
body.morning .footer {
  background-color: #B89D9C;
}
body.lunch .l-main-container .message-container {
  color: #9B565A;
}
body.lunch .footer {
  background-color: #9B565A;
}
body.dinner .l-main-container .message-container {
  color: #480A29;
}
body.dinner .footer {
  background-color: #480A29;
}
body .l-main-container .none {
  display: none !important;
}
body .l-main-container .post-btn {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 56px;
  z-index: 99;
}
@media screen and (max-width: 767px) {
  body .l-main-container .post-btn {
    width: 6.6666666667vw;
  }
}
body .l-main-container .kv-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body .l-main-container .kv-container {
    height: 67.2035139092vw;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .kv-container {
    height: 70.9333333333vw;
  }
}
body .l-main-container .kv-container picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
body .l-main-container .kv-container picture.active {
  opacity: 1;
  visibility: visible;
}
body .l-main-container .btn-container {
  position: relative;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container {
    padding-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container {
    padding-top: 3.2vw;
  }
}
body .l-main-container .btn-container::before {
  content: "";
  display: block;
  background-color: #F9F7F7;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container::before {
    width: 72.2547584187vw;
    height: 32.3572474378vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container::before {
    width: 987px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container::before {
    height: 442px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container::before {
    width: 90.6666666667vw;
    height: 30.6666666667vw;
  }
}
body .l-main-container .btn-container::after {
  content: "";
  display: block;
  background: url(/assets/img/icon-triangle.png) no-repeat center/cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container::after {
    width: 2.5622254758vw;
    height: 2.196193265vw;
    bottom: -0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container::after {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container::after {
    height: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container::after {
    bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container::after {
    width: 4.6666666667vw;
    height: 4vw;
    bottom: -5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .btn-bottom {
    padding-top: 2.4890190337vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .btn-bottom {
    padding-top: 34px;
  }
}
body .l-main-container .btn-container .btn-bottom-inner {
  display: flex;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .btn-bottom-inner {
    gap: 36.383601757vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .btn-bottom-inner {
    gap: 497px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .btn-bottom-inner {
    gap: 40.2666666667vw;
  }
}
body .l-main-container .btn-container .btn {
  position: relative;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .btn {
    line-height: 0.4;
  }
}
body .l-main-container .btn-container .btn:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .btn:after {
    width: 1.4641288433vw;
    height: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .btn:after {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .btn:after {
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .btn:after {
    width: 4vw;
    height: 4vw;
  }
}
body .l-main-container .btn-container .btn:hover:after, body .l-main-container .btn-container .btn.active:after {
  opacity: 1;
  -webkit-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}
body .l-main-container .btn-container .lunch {
  color: #9B565A;
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .lunch {
    width: 7.906295754vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .lunch {
    width: 108px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .lunch {
    width: 14.4vw;
  }
}
body .l-main-container .btn-container .lunch:after {
  background-color: #9B565A;
  left: 0;
  right: 0;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .lunch:after {
    top: -4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .lunch:after {
    top: -60px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .lunch:after {
    top: -7.3333333333vw;
  }
}
body .l-main-container .btn-container .morning {
  color: #B89D9C;
  position: relative;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .morning {
    width: 10.980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .morning {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .morning {
    width: 19.7333333333vw;
  }
}
body .l-main-container .btn-container .morning:after {
  background-color: #BC9E9E;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .morning:after {
    top: -1.4641288433vw;
    left: -5.710102489vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .morning:after {
    top: -20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .morning:after {
    left: -78px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .morning:after {
    top: -6.6666666667vw;
    left: -1.3333333333vw;
  }
}
body .l-main-container .btn-container .dinner {
  position: relative;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .dinner {
    width: 8.78477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .dinner {
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .dinner {
    width: 16vw;
  }
}
body .l-main-container .btn-container .dinner:after {
  background-color: #490E2A;
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .dinner:after {
    top: -1.4641288433vw;
    right: -5.710102489vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .dinner:after {
    top: -20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .dinner:after {
    right: -78px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .dinner:after {
    top: -6.6666666667vw;
    right: -1.3333333333vw;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .btn-container .btn-text-jp {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .btn-container .btn-text-jp {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .btn-container .btn-text-jp {
    font-size: 3.2vw;
  }
}
body .l-main-container .main-container {
  position: relative;
  background-color: #F9F7F7;
}
@media screen and (min-width: 768px) {
  body .l-main-container .main-container {
    padding-top: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .main-container {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .main-container {
    padding-top: 16vw;
    margin-top: -6vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .menu-list .menu-item-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5856515373vw;
    max-width: 1200px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .menu-list .menu-item-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 1.3333333333vw;
  }
}
body .l-main-container .menu-list .menu-item-block .menu-link {
  display: block;
  font-weight: bold;
  font-feature-settings: "calt";
  color: #9B565A;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 768px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    border: 2px solid #9B565A;
    min-width: 8.0527086384vw;
    font-size: 1.4641288433vw;
    padding-top: 1.4641288433vw;
    padding-bottom: 1.4641288433vw;
    padding-left: 0.7320644217vw;
    padding-right: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    min-width: 110px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .menu-list .menu-item-block .menu-link {
    border: 1px solid #9B565A;
    font-size: 3.2vw;
    padding-top: 3.0666666667vw;
    padding-bottom: 3.0666666667vw;
  }
}
body .l-main-container .menu-list .menu-item-block .menu-link:hover {
  background-color: #9B565A;
  color: #F9F7F7;
}
body .l-main-container .menu-list .menu-item-block .menu-link.is-active {
  background-color: #9B565A;
  color: #F9F7F7;
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container {
    margin-top: 6.588579795vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .food-section-container {
    margin-top: 11.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-list-inner {
    width: 77.1595900439vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-list-inner {
    width: 1054px;
  }
}
body .l-main-container .food-section-container .food-container {
  display: grid;
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-container {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-container {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .food-section-container .food-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.6666666667vw;
  }
}
body .l-main-container .food-section-container .food-card.hidden {
  opacity: 0;
  height: 0;
  margin: 0;
  visibility: hidden;
  display: none;
}
body .l-main-container .food-section-container .food-card .link {
  position: relative;
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-card .link {
    display: block;
    background-color: #9B565A;
    cursor: pointer;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-card .link:hover .hover-block {
    opacity: 0.8;
  }
}
body .l-main-container .food-section-container .food-card img {
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-card img {
    height: 17.5695461201vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-card img {
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .food-section-container .food-card img {
    height: 38.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-card .hover-block {
    font-size: 2.0497803807vw;
    color: #fff;
    background-color: #9B565A;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-card .hover-block {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .food-section-container .food-card .hover-block {
    display: none;
  }
}
body .l-main-container .food-section-container .food-card .hover-block .food-name {
  overflow: hidden; /* 溢れた部分を隠す */
  text-overflow: ellipsis; /* 溢れた部分を「...」にする */
  white-space: nowrap; /* 1行で表示 */
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-btn-block {
    margin-top: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-btn-block {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .food-section-container .food-btn-block {
    margin-top: 13.3333333333vw;
  }
}
body .l-main-container .food-section-container .food-btn-block .food-btn-link {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #000;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-main-container .food-section-container .food-btn-block .food-btn-link {
    width: 18.3016105417vw;
    font-size: 1.9033674963vw;
    padding-top: 1.0980966325vw;
    padding-bottom: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-btn-block .food-btn-link {
    width: 250px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-btn-block .food-btn-link {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-btn-block .food-btn-link {
    padding-top: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .food-section-container .food-btn-block .food-btn-link {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .food-section-container .food-btn-block .food-btn-link {
    width: 40vw;
    font-size: 4vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}
body .l-main-container .food-section-container .food-btn-block .food-btn-link.none {
  display: none;
}
body .l-main-container .message-container {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  body .l-main-container .message-container {
    padding-top: 19.0336749634vw;
    padding-bottom: 19.0336749634vw;
    width: 54.9048316252vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .message-container {
    padding-top: 260px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .message-container {
    padding-bottom: 260px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .message-container {
    width: 750px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .message-container {
    padding-top: 20.6666666667vw;
    padding-bottom: 20vw;
  }
}
body .l-main-container .message-container .message-text {
  font-weight: bold;
  display: block;
}
@media screen and (min-width: 768px) {
  body .l-main-container .message-container .message-text {
    font-size: 3.2942898975vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .message-container .message-text {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .message-container .message-text {
    font-size: 5.3333333333vw;
  }
}
body .l-main-container .message-container .message-text.text2 {
  text-align: right;
}
@media screen and (min-width: 768px) {
  body .l-main-container .message-container .message-text.text2 {
    padding-top: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .message-container .message-text.text2 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .message-container .message-text.text2 {
    padding-top: 4vw;
  }
}
body .l-main-container .p-modal {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
body .l-main-container .p-modal.is-open {
  opacity: 1;
  visibility: visible;
}
body .l-main-container .p-modal .p-modal-inner {
  display: grid;
  place-content: center;
  height: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .p-modal-inner {
    padding-block: 13.3333333333vw;
  }
}
body .l-main-container .p-modal .modal-container {
  position: relative;
  background-color: #fff;
  border: 2px solid #9B565A;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-container {
    width: 77.1595900439vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-container {
    width: 1054px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-container {
    width: 94.6666666667vw;
    overflow-y: scroll;
  }
}
body .l-main-container .p-modal .p-modal-close {
  position: absolute;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .p-modal-close {
    right: 0.9516837482vw;
    top: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .p-modal-close {
    right: 13px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .p-modal-close {
    top: 14px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .p-modal-close {
    right: 1.7333333333vw;
    top: 1.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .p-modal-close .close-btn {
    width: 1.4641288433vw;
    height: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .p-modal-close .close-btn {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .p-modal-close .close-btn {
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .p-modal-close .close-btn {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
body .l-main-container .p-modal .p-modal-close .close-btn span {
  position: absolute;
  background-color: #000;
  top: 50%;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .p-modal-close .close-btn span {
    height: 0.2928257687vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .p-modal-close .close-btn span {
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .p-modal-close .close-btn span {
    height: 0.5333333333vw;
  }
}
body .l-main-container .p-modal .p-modal-close .close-btn span:nth-child(1) {
  transform: translateY(-50%) rotate(-45deg);
}
body .l-main-container .p-modal .p-modal-close .close-btn span:nth-child(2) {
  transform: translateY(-50%) rotate(45deg);
}
body .l-main-container .p-modal .modal-block-inner {
  display: grid;
  place-content: flex-start;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-block-inner {
    -moz-column-gap: 1.4641288433vw;
    column-gap: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-block-inner {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-block-inner {
    -moz-column-gap: 1.8666666667vw;
    column-gap: 1.8666666667vw;
  }
}
body .l-main-container .p-modal .modal-img {
  grid-column: 1/2;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-img {
    grid-row: 1/3;
    width: 23.4260614934vw;
    height: 23.4260614934vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-img {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-img {
    height: 320px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-img {
    grid-row: 1/2;
    width: 42.6666666667vw;
    height: 42.6666666667vw;
  }
}
body .l-main-container .p-modal .modal-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
body .l-main-container .p-modal .contents-block-inner {
  grid-row: 1/2;
  grid-column: 2/3;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .contents-block-inner {
    padding-top: 1.6105417277vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .contents-block-inner {
    padding-top: 22px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .contents-block-inner {
    padding-top: 2.1333333333vw;
    width: 50vw;
  }
}
body .l-main-container .p-modal .modal-text-block {
  display: flex;
  color: #ACACAC;
  font-weight: bold;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-text-block {
    -moz-column-gap: 1.317715959vw;
    column-gap: 1.317715959vw;
    row-gap: 0.7320644217vw;
    font-size: 1.6837481698vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-text-block {
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-text-block {
    row-gap: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-text-block {
    font-size: 23px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-text-block {
    -moz-column-gap: 3.2vw;
    column-gap: 3.2vw;
    row-gap: 1.3333333333vw;
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .food-title-block {
    text-align: center;
    margin-top: 6.1333333333vw;
  }
}
body .l-main-container .p-modal .food-title-block .food-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .food-title-block .food-title {
    margin-top: 2.196193265vw;
    font-size: 5.4904831625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .food-title-block .food-title {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .food-title-block .food-title {
    font-size: 75px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .food-title-block .food-title {
    font-size: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .food-title-block .food-price {
    margin-top: 0.7320644217vw;
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .food-title-block .food-price {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .food-title-block .food-price {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .food-title-block .food-price {
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
  }
}
body .l-main-container .p-modal .time-block {
  color: #9B565A;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .time-block {
    display: flex;
    margin-top: 0.7320644217vw;
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .time-block {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .time-block {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .time-block {
    text-align: center;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
body .l-main-container .p-modal .time-block .time-text + .time-text::before {
  content: "｜";
}
body .l-main-container .p-modal .modal-btn-block {
  grid-row: 2/3;
  display: flex;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-btn-block {
    grid-column: 2/3;
    gap: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-btn-block {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-btn-block {
    grid-column: 1/3;
    justify-content: center;
    gap: 4vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn {
    margin-top: 3.074670571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn {
    margin-top: 42px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn {
    margin-top: 5.3333333333vw;
  }
}
body .l-main-container .p-modal .modal-btn-block .modal-btn .modal-link {
  display: grid;
  place-content: center;
  background: #000;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .modal-link {
    width: 15.2269399707vw;
    height: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .modal-link {
    width: 208px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .modal-link {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .modal-link {
    width: 40vw;
    height: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .google-link {
    width: 9.8096632504vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .google-link {
    width: 134px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .google-link {
    width: 26vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .tabelog-link {
    width: 12.5915080527vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .tabelog-link {
    width: 172px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .modal-btn-block .modal-btn .tabelog-link {
    width: 33.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .detail-block {
    padding-top: 1.4641288433vw;
    padding-bottom: 2.7086383602vw;
    padding-inline: 1.8301610542vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-block {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-block {
    padding-bottom: 37px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-block {
    padding-inline: 25px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .detail-block {
    padding-top: 5.3333333333vw;
    padding-bottom: 8vw;
    padding-inline: 4vw;
  }
}
body .l-main-container .p-modal .detail-text-block {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .detail-text-block {
    gap: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .detail-text-block {
    gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .detail-text-block:not(:first-of-type) {
    margin-top: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block:not(:first-of-type) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .detail-text-block:not(:first-of-type) {
    margin-top: 4vw;
  }
}
body .l-main-container .p-modal .detail-text-block .detail-box-color {
  color: #9B565A;
  font-weight: bold;
  text-align: center;
  border: 2px solid #9B565A;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .detail-text-block .detail-box-color {
    width: 10.2489019034vw;
    font-size: 1.4641288433vw;
    padding-top: 0.3660322108vw;
    padding-bottom: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block .detail-box-color {
    width: 140px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block .detail-box-color {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block .detail-box-color {
    padding-top: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block .detail-box-color {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .detail-text-block .detail-box-color {
    width: 21.3333333333vw;
    font-size: 3.2vw;
    padding-top: 1.3333333333vw;
    padding-bottom: 1.3333333333vw;
  }
}
body .l-main-container .p-modal .detail-text-block .detail-food-text {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  body .l-main-container .p-modal .detail-text-block .detail-food-text {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  body .l-main-container .p-modal .detail-text-block .detail-food-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-main-container .p-modal .detail-text-block .detail-food-text {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container {
    padding-top: 90px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container {
    padding-top: 8vw;
    padding-bottom: 20vw;
  }
}
body .l-form-container .main-container .main-container-inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .main-container-inner {
    max-width: 1013px;
    margin-top: 80px;
    padding: 0 50px;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .main-container-inner {
    margin-top: 12vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-group-container {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-group-container {
    margin-top: 10.6666666667vw;
  }
}
body .l-form-container .main-container .form-group-label {
  display: block;
  color: #9B565A;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-group-label {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-group-label {
    font-size: 4vw;
  }
}
body .l-form-container .main-container .form-group-label .form-group-sup {
  font-weight: normal;
  color: #FF000F;
  vertical-align: super;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-group-label .form-group-sup {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-group-label .form-group-sup {
    font-size: 2.6666666667vw;
  }
}
body .l-form-container .main-container .form-group-label .form-group-required {
  font-weight: normal;
  color: #FF000F;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-group-label .form-group-required {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-group-label .form-group-required {
    font-size: 2.6666666667vw;
  }
}
body .l-form-container .main-container .form-group-input,
body .l-form-container .main-container .form-group-textarea {
  border: 1px solid #707070;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-group-input,
body .l-form-container .main-container .form-group-textarea {
    font-size: 20px;
    margin-top: 10px;
    padding: 10px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-group-input,
body .l-form-container .main-container .form-group-textarea {
    font-size: 3.2vw;
    padding: 1.3333333333vw;
    height: 11.7333333333vw;
    margin-top: 2.1333333333vw;
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-group-conf {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-group-conf {
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-name-group .form-group-input {
    width: 546px;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-content-group .form-group-textarea {
    height: 380px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-content-group .form-group-textarea {
    height: 56vw;
  }
}
body .l-form-container .main-container .form-error {
  color: #FF000F;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-error {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-error {
    font-size: 2.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}
body .l-form-container .main-container .form-done-text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-done-text {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-done-text {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-button-container {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-button-container {
    margin-top: 12vw;
  }
}
body .l-form-container .main-container .form-button-container .form-button {
  margin-inline: auto;
  display: grid;
  place-content: center;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-button-container .form-button {
    width: 250px;
    height: 50px;
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-button-container .form-button {
    width: 40vw;
    height: 12vw;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-button-container .form-button:hover {
    background-color: #333;
  }
}
body .l-form-container .main-container .form-button-container .form-button.form-button-conf {
  background-color: transparent;
  color: #490E2A;
}
@media screen and (min-width: 768px) {
  body .l-form-container .main-container .form-button-container .form-button.form-button-conf {
    font-size: 22px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-form-container .main-container .form-button-container .form-button.form-button-conf {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-about-container {
    margin: 90px 0 150px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container {
    margin-top: 8vw;
    margin-bottom: 20vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container {
    max-width: 950px;
    margin-inline: auto;
    box-sizing: content-box;
    padding: 0 50px;
  }
}
body .l-about-container .main-container .about-quote {
  font-weight: bold;
  color: #9B565A;
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .about-quote {
    width: 650px;
    margin-inline: auto;
    font-size: 30px;
    letter-spacing: 0.2em;
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .about-quote {
    text-align: center;
    font-size: 5.6vw;
    margin-top: 12vw;
  }
}
body .l-about-container .main-container .about-quote span {
  display: block;
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .about-quote .text2 {
    text-align: right;
    margin-top: 10px;
  }
}
body .l-about-container .main-container .about-description {
  text-align: center;
  color: #9B565A;
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .about-description {
    line-height: 1.7;
    font-size: 20px;
    margin-top: 34px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .about-description {
    line-height: 1.2;
    font-size: 4vw;
    margin-top: 6.6666666667vw;
  }
}
body .l-about-container .main-container .project-title {
  color: #9B565A;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .project-title {
    font-size: 30px;
    margin-top: 160px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .project-title {
    text-align: center;
    font-size: 4vw;
    margin-top: 20vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .project-members {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .project-members {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8vw;
    padding-left: 12.6666666667vw;
    padding-right: 12.6666666667vw;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .member {
    width: 180px;
  }
}
body .l-about-container .main-container .member-name {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .member-name {
    font-size: 20px;
    margin-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .member-name {
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .member-role {
    font-size: 17px;
    margin-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .member-role {
    font-size: 3.2vw;
    margin-top: 0.8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-about-container .main-container .member-description {
    line-height: 1.7;
    font-size: 17px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-about-container .main-container .member-description {
    line-height: 1.5;
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-tos-container {
    margin: 90px 0 430px;
  }
}
@media screen and (max-width: 767px) {
  body .l-tos-container {
    margin-top: 8vw;
    margin-bottom: 20vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-tos-container .tos-main-container .tos-container-inner {
    max-width: 1055px;
    margin-inline: auto;
    box-sizing: content-box;
    padding: 0 50px;
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  body .l-tos-container .tos-main-container .tos-container-inner {
    margin-top: 12vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-tos-container .tos-main-container .tos-content-container {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767px) {
  body .l-tos-container .tos-main-container .tos-content-container {
    margin-top: 8vw;
  }
}
body .l-tos-container .tos-main-container .tos-contents-title {
  color: #9B565A;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-tos-container .tos-main-container .tos-contents-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .l-tos-container .tos-main-container .tos-contents-title {
    font-size: 4vw;
  }
}
body .l-tos-container .tos-main-container .tos-contents {
  color: #9B565A;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  body .l-tos-container .tos-main-container .tos-contents {
    font-size: 20px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-tos-container .tos-main-container .tos-contents {
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container {
    margin: 90px 0 150px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container {
    margin-top: 8vw;
    margin-bottom: 20vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .post-container-inner {
    max-width: 1060px;
    margin-inline: auto;
    padding: 0 50px;
    box-sizing: content-box;
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .post-container-inner {
    margin-top: 12vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .form-group {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .form-group {
    margin-top: 10.6666666667vw;
  }
}
body .l-post-container .post-main-container .form-group input[type=text],
body .l-post-container .post-main-container .form-group input[type=url],
body .l-post-container .post-main-container .form-group textarea {
  width: 100%;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
  field-sizing: content;
  border: 1px solid #707070;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .form-group input[type=text],
body .l-post-container .post-main-container .form-group input[type=url],
body .l-post-container .post-main-container .form-group textarea {
    font-size: 20px;
    padding: 10px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .form-group input[type=text],
body .l-post-container .post-main-container .form-group input[type=url],
body .l-post-container .post-main-container .form-group textarea {
    font-size: 4vw;
    padding: 1.3333333333vw;
    height: 11.7333333333vw;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .form-group textarea {
    height: 24vw;
  }
}
body .l-post-container .post-main-container .post-label {
  color: #9B565A;
  display: block;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .post-label {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .post-label {
    font-size: 4vw;
    margin-bottom: 2.1333333333vw;
  }
}
body .l-post-container .post-main-container .post-label .required-red {
  color: #FF000F;
  vertical-align: super;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .post-label .required-red {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .post-label .required-red {
    font-size: 2.6666666667vw;
  }
}
body .l-post-container .post-main-container .post-label .tag-maximum {
  color: #FF000F;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .post-label .tag-maximum {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .post-label .tag-maximum {
    font-size: 2.6666666667vw;
  }
}
body .l-post-container .post-main-container .radio-group {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .radio-group {
    gap: 120px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .radio-group {
    gap: 9.3333333333vw;
  }
}
body .l-post-container .post-main-container .radio-group .radio-group-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #9B565A;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label {
    font-size: 3.2vw;
  }
}
body .l-post-container .post-main-container .radio-group .radio-group-label input {
  position: relative;
}
body .l-post-container .post-main-container .radio-group .radio-group-label input::before, body .l-post-container .post-main-container .radio-group .radio-group-label input::after {
  content: "";
  display: block;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label input::before {
    width: 20px;
    height: 20px;
    border: 2px solid #9B565A;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label input::before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border: 1px solid #9B565A;
  }
}
body .l-post-container .post-main-container .radio-group .radio-group-label input::after {
  background-color: #9B565A;
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label input::after {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label input::after {
    width: 2.4vw;
    height: 2.4vw;
  }
}
body .l-post-container .post-main-container .radio-group .radio-group-label input:checked::after {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label span {
    margin-left: 18px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .radio-group .radio-group-label span {
    margin-left: 2vw;
  }
}
body .l-post-container .post-main-container .tag-group {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .tag-group {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .tag-group {
    gap: 2.6666666667vw;
  }
}
body .l-post-container .post-main-container .tag-group label {
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .tag-group label {
    padding: 15px;
    border: 2px solid #9B565A;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .tag-group label {
    padding: 2vw;
    border: 1px solid #9B565A;
  }
}
body .l-post-container .post-main-container .tag-group label:has(input:checked) {
  background-color: #9B565A;
}
body .l-post-container .post-main-container .tag-group label:has(input:checked) .text {
  color: #fff;
}
body .l-post-container .post-main-container .tag-group input {
  display: none;
}
body .l-post-container .post-main-container .tag-group .text {
  color: #9B565A;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .tag-group .text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .tag-group .text {
    font-size: 3.2vw;
  }
}
body .l-post-container .post-main-container .tag-group .text::before {
  content: "#";
}
body .l-post-container .post-main-container .image-upload-group .image-upload-title {
  font-weight: bold;
  text-align: center;
  color: #9B565A;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .image-upload-group .image-upload-title {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .image-upload-group .image-upload-title {
    margin-bottom: 2.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
body .l-post-container .post-main-container .image-upload-group .image-upload {
  border: 1px solid #707070;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .image-upload-group .image-upload {
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .image-upload-group .image-upload {
    width: 33.3333333333vw;
    height: 33.3333333333vw;
  }
}
body .l-post-container .post-main-container .image-upload-group .image-upload::before {
  content: "+";
  display: block;
  color: #707070;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .image-upload-group .image-upload::before {
    font-size: 135px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .image-upload-group .image-upload::before {
    font-size: 18vw;
  }
}
body .l-post-container .post-main-container .image-upload-group .image-upload input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: relative;
  z-index: 1;
}
body .l-post-container .post-main-container .image-upload-group .image-upload img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
body .l-post-container .post-main-container .submit-button {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  display: grid;
  place-content: center;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  body .l-post-container .post-main-container .submit-button {
    font-size: 26px;
    width: 300px;
    height: 60px;
    margin-top: 110px;
  }
}
@media screen and (max-width: 767px) {
  body .l-post-container .post-main-container .submit-button {
    font-size: 4.2666666667vw;
    width: 45.3333333333vw;
    height: 12vw;
    margin-top: 12vw;
  }
}